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