.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;
}

.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-animation=shift-toward][data-state=hidden] {
    opacity: 0;
}

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

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

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

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

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

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
    transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
    transform: perspective(700px) translateY(8px) rotateX(60deg);
}

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

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
    transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
    transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}

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

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
    transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
    transform: perspective(700px) translateX(8px) rotateY(-60deg);
}

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

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
    transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
    transform: perspective(700px) translateX(-8px) rotateY(60deg);
}

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