/**
 * Small supplementary stylesheet.
 * Almost all visual styling comes from Tailwind utility classes (loaded via
 * the Tailwind CDN config in header.php) to stay pixel-identical to the
 * original React/Tailwind app. This file only covers the couple of things
 * that need to exist before Tailwind's runtime config has parsed.
 */

@keyframes loolet-fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.animate-fadeIn {
	animation: loolet-fadeIn 0.3s ease-out;
}

/* Avoid a flash of unstyled content while the Tailwind CDN script parses. */
#loolet-site {
	opacity: 1;
}

[data-loolet-booking-modal] {
	display: none;
}
[data-loolet-booking-modal].flex {
	display: flex;
}