.tippy-tooltip[data-placement^=top] > .tippy-backdrop {
    transform-origin: 0 25%;
    border-radius: 40% 40% 0 0;
}

.tippy-tooltip[data-placement^=top] > .tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%);
}

.tippy-tooltip[data-placement^=top] > .tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%);
}

.tippy-tooltip[data-placement^=bottom] > .tippy-backdrop {
    transform-origin: 0 -50%;
    border-radius: 0 0 30% 30%;
}

.tippy-tooltip[data-placement^=bottom] > .tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%);
}

.tippy-tooltip[data-placement^=bottom] > .tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%);
}

.tippy-tooltip[data-placement^=left] > .tippy-backdrop {
    transform-origin: 50% 0;
    border-radius: 50% 0 0 50%;
}

.tippy-tooltip[data-placement^=left] > .tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%);
}

.tippy-tooltip[data-placement^=left] > .tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%);
}

.tippy-tooltip[data-placement^=right] > .tippy-backdrop {
    transform-origin: -50% 0;
    border-radius: 0 50% 50% 0;
}

.tippy-tooltip[data-placement^=right] > .tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%);
}

.tippy-tooltip[data-placement^=right] > .tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%);
}

.tippy-tooltip[data-animatefill] {
    background-color: transparent !important;
}

.tippy-backdrop {
    position: absolute;
    background-color: var(--bg-panel, #303038);
    border-radius: 50%;
    width: calc(110% + 32px);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0;
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%;
}

.tippy-backdrop + .tippy-content {
    transition-property: opacity;
    will-change: opacity;
}

.tippy-backdrop + .tippy-content[data-state=hidden] {
    opacity: 0;
}

.tippy-tooltip {
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: var(--radius-sm, 8px);
}

.tippy-popper {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
}