.tippy-box[data-theme~='custom'] {
    background-color: var(--tippy-background-color);
    color: var(--tippy-color);
}

.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: var(--tippy-background-color);
}

.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: var(--tippy-background-color);
}

.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: var(--tippy-background-color);
}

.tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: var(--tippy-background-color);
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0;
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tippy-backdrop {
    position: absolute;
    background-color: #333;
    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-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom;
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top;
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right;
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left;
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0;
}