/**
 * Flipbox — Style 1: Flip Horizontal
 *
 * The classic 3D card flip around the vertical axis. The back face starts
 * pre-rotated 180deg and the whole inner stage rotates on hover / click.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-flipbox.captwiki-style-1 .captwiki-flipbox__inner {
	transition: transform var( --captwiki-fb-duration ) cubic-bezier( 0.4, 0.2, 0.2, 1 );
}

.captwiki-flipbox.captwiki-style-1 .captwiki-flipbox__back {
	transform: rotateY( 180deg );
}

.captwiki-flipbox.captwiki-style-1.captwiki-flipbox--hover:hover .captwiki-flipbox__inner,
.captwiki-flipbox.captwiki-style-1.captwiki-flipbox--hover:focus-within .captwiki-flipbox__inner,
.captwiki-flipbox.captwiki-style-1.is-flipped .captwiki-flipbox__inner {
	transform: rotateY( 180deg );
}
