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

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

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

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

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

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

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

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

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

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

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

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

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