/* ------------------------------------------------------------------ */
/* Handoff from the homepage bar to the booking funnel                  */
/* Loaded on the front page and on the funnel. The opt-in itself        */
/* (@view-transition) is switched per navigation by the inline script   */
/* from ewebsites_funnel_handoff_optin(), so it only runs between the    */
/* home pages and the funnel pages: the bar (booking-card) slides into  */
/* the funnel panel. Browsers without the API simply navigate.          */
/* ------------------------------------------------------------------ */
.ew-hero--home .ew-booking__bar,
.ew-funnel__panel {
	view-transition-name: booking-card;
}
::view-transition-group(booking-card) {
	animation-duration: calc(2 * var(--ew-motion-duration-fast));
	animation-timing-function: var(--ew-motion-ease);
}
::view-transition-old(booking-card),
::view-transition-new(booking-card) {
	animation-duration: calc(2 * var(--ew-motion-duration-fast));
	animation-timing-function: var(--ew-motion-ease);
	mix-blend-mode: normal;
}
::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: var(--ew-motion-duration-normal);
	animation-timing-function: ease-out;
}
@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}
}