/**
 * Flipbox — Style 3: Zoom Fade
 *
 * No 3D rotation — the front face zooms out and fades away while the back
 * face zooms in from a slightly enlarged state. A soft, modern cross-fade.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-flipbox.captwiki-style-3 {
	perspective: none;
}

.captwiki-flipbox.captwiki-style-3 .captwiki-flipbox__face {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	transition:
		opacity var( --captwiki-fb-duration ) ease,
		transform var( --captwiki-fb-duration ) ease,
		visibility var( --captwiki-fb-duration ) ease;
}

.captwiki-flipbox.captwiki-style-3 .captwiki-flipbox__front {
	opacity: 1;
	transform: scale( 1 );
}

.captwiki-flipbox.captwiki-style-3 .captwiki-flipbox__back {
	opacity: 0;
	visibility: hidden;
	transform: scale( 1.15 );
}

.captwiki-flipbox.captwiki-style-3.captwiki-flipbox--hover:hover .captwiki-flipbox__front,
.captwiki-flipbox.captwiki-style-3.captwiki-flipbox--hover:focus-within .captwiki-flipbox__front,
.captwiki-flipbox.captwiki-style-3.is-flipped .captwiki-flipbox__front {
	opacity: 0;
	visibility: hidden;
	transform: scale( 0.85 );
}

.captwiki-flipbox.captwiki-style-3.captwiki-flipbox--hover:hover .captwiki-flipbox__back,
.captwiki-flipbox.captwiki-style-3.captwiki-flipbox--hover:focus-within .captwiki-flipbox__back,
.captwiki-flipbox.captwiki-style-3.is-flipped .captwiki-flipbox__back {
	opacity: 1;
	visibility: visible;
	transform: scale( 1 );
}
