#xmla-seasonal-effects,
.xmla-effect-layer {
	contain: layout paint style;
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: var(--xmla-seasonal-z-index, 9998);
}

#xmla-seasonal-effects {
	overflow: hidden;
	--xmla-depth-shadow: drop-shadow(0 18px 22px rgba(12, 18, 30, 0.24)) drop-shadow(0 4px 8px rgba(12, 18, 30, 0.16));
	--xmla-warm-glow: drop-shadow(0 0 24px rgba(244, 185, 72, 0.24));
	--xmla-cool-glow: drop-shadow(0 0 22px rgba(155, 205, 255, 0.2));
	--xmla-premium-saturate: saturate(1.08) contrast(1.04);
}

.xmla-seasonal-paused .xmla-effect-layer,
.xmla-seasonal-paused .xmla-falling-item,
.xmla-seasonal-paused .xmla-heart-shape,
.xmla-seasonal-paused .xmla-heart-sprite,
.xmla-seasonal-paused .xmla-santa,
.xmla-seasonal-paused .xmla-firework,
.xmla-seasonal-paused .xmla-flag-banner,
.xmla-seasonal-paused .xmla-flag-hero-ribbon,
.xmla-seasonal-paused-global .xmla-flag-hero-ribbon,
.xmla-seasonal-paused .xmla-mounted-flag,
.xmla-seasonal-paused-global .xmla-mounted-flag,
.xmla-seasonal-paused .xmla-santa-trail,
.xmla-seasonal-paused .xmla-santa-sparkle,
.xmla-seasonal-paused .xmla-santa-dust,
.xmla-seasonal-paused .xmla-santa-aurora,
.xmla-seasonal-paused .xmla-new-year-ball,
.xmla-seasonal-paused .xmla-new-year-countdown-number,
.xmla-seasonal-paused .xmla-new-year-countdown-caption,
.xmla-seasonal-paused .xmla-christmas-light-string,
.xmla-seasonal-paused .xmla-christmas-bulb,
.xmla-seasonal-paused .xmla-thanksgiving-garland,
.xmla-seasonal-paused .xmla-thanksgiving-garland-leaf,
.xmla-seasonal-paused .xmla-flag-sheen,
.xmla-seasonal-paused-global .xmla-flag-sheen,
.xmla-seasonal-paused .xmla-candle-glow,
.xmla-seasonal-paused .xmla-menorah-flame,
.xmla-seasonal-paused .xmla-lunar-lantern-rail,
.xmla-seasonal-paused-global .xmla-lunar-lantern-rail,
.xmla-seasonal-paused .xmla-soft-light-dot,
.xmla-seasonal-paused .xmla-national-banner,
.xmla-seasonal-paused .xmla-papel-picado-banner,
.xmla-seasonal-paused-global .xmla-papel-picado-banner,
.xmla-seasonal-paused .xmla-papel-panel,
.xmla-seasonal-paused-global .xmla-papel-panel,
.xmla-seasonal-paused .xmla-oktoberfest-stein,
.xmla-seasonal-paused .xmla-boxing-day-gloves,
.xmla-seasonal-paused-global .xmla-boxing-day-gloves,
.xmla-seasonal-paused .xmla-sparkler-cursor,
.xmla-seasonal-paused .xmla-sparkler-particle,
.xmla-seasonal-paused .xmla-cookie-cursor,
.xmla-seasonal-paused-global .xmla-cookie-cursor,
.xmla-seasonal-paused .xmla-cookie-crumb,
.xmla-seasonal-paused-global .xmla-cookie-crumb,
.xmla-seasonal-paused .xmla-halloween-wood-boards,
.xmla-seasonal-paused-global .xmla-halloween-wood-boards,
.xmla-seasonal-paused .xmla-halloween-bat,
.xmla-seasonal-paused .xmla-halloween-bat-wing,
.xmla-seasonal-paused .xmla-pumpkin::after,
.xmla-seasonal-paused .xmla-flashlight-beam,
.xmla-seasonal-paused .xmla-flashlight-cursor::before {
	animation-play-state: paused !important;
}

.xmla-falling-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	opacity: var(--xmla-opacity, 0.72);
	position: absolute;
	top: -8vh;
	transform: translate3d(0, -10vh, 0) scale(var(--xmla-scale, 1));
	will-change: transform, opacity;
}

.snow-item {
	background: rgba(255, 255, 255, 0.92);
	border-radius: 999px;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.62), 0 0 18px rgba(210, 232, 255, 0.2);
	opacity: 0.82;
}

.snow-item {
	animation-name: xmlaSeasonalFall;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#xmla-seasonal-effects .clover-item {
	animation-fill-mode: both;
	animation-name: xmlaCloverFall;
	animation-timing-function: cubic-bezier(0.24, 0.02, 0.32, 1);
	animation-iteration-count: infinite;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter:
		drop-shadow(0 7px 10px rgba(18, 69, 38, 0.18))
		drop-shadow(0 0 8px rgba(79, 190, 120, 0.1));
	outline: 0 !important;
	opacity: 0.68;
	overflow: visible;
	transform-origin: 48% 52%;
}

#xmla-seasonal-effects .xmla-clover-sprite {
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: 112% !important;
	inset: -10% -6%;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	object-fit: contain;
	outline: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	transform: translate3d(0, 0, 0);
	width: 112% !important;
}

#xmla-seasonal-effects .leaf-item,
#xmla-seasonal-effects .harvest-leaf-item {
	animation-name: xmlaLeafFall;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter:
		drop-shadow(0 8px 10px rgba(73, 43, 19, 0.15))
		drop-shadow(0 0 8px rgba(238, 154, 72, 0.08));
	outline: 0 !important;
	opacity: var(--xmla-opacity, 0.68);
	overflow: visible;
	transform-origin: 48% 58%;
	will-change: transform;
}

#xmla-seasonal-effects .xmla-leaf-sprite {
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: 116% !important;
	inset: -8%;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	object-fit: contain;
	outline: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	transform: translate3d(0, 0, 0);
	width: 116% !important;
}

#xmla-seasonal-effects .heart-item {
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: xmlaHeartFall;
	animation-timing-function: cubic-bezier(0.34, 0.02, 0.25, 1);
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter:
		drop-shadow(0 8px 12px rgba(100, 26, 45, 0.18))
		drop-shadow(0 0 10px rgba(255, 194, 210, 0.16));
	outline: 0 !important;
	opacity: 0.58;
	overflow: visible;
}

#xmla-seasonal-effects .xmla-heart-sprite {
	animation: xmlaHeartFloatGlow 3.8s ease-in-out infinite;
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: 100% !important;
	inset: 0;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	object-fit: contain;
	outline: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	transform: translate3d(0, 0, 0);
	width: 100% !important;
	will-change: filter, opacity;
}

#xmla-seasonal-effects .xmla-heart-shape {
	animation: xmlaHeartFloatGlow 3.8s ease-in-out infinite;
	background:
		radial-gradient(circle at 32% 25%, rgba(255, 255, 255, 0.84) 0 10%, transparent 11%),
		linear-gradient(135deg, rgba(255, 183, 202, 0.98), rgba(218, 66, 103, 0.96) 52%, rgba(142, 30, 61, 0.92));
	border: 0 !important;
	border-radius: 18% 18% 20% 20%;
	box-shadow:
		inset -2px -3px 6px rgba(94, 12, 38, 0.18),
		inset 2px 2px 6px rgba(255, 255, 255, 0.34),
		0 4px 10px rgba(120, 32, 62, 0.16);
	display: block;
	height: 66%;
	left: 17%;
	outline: 0 !important;
	position: absolute;
	top: 26%;
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
	width: 66%;
	will-change: filter, opacity;
}

#xmla-seasonal-effects .xmla-heart-shape::before,
#xmla-seasonal-effects .xmla-heart-shape::after {
	background:
		radial-gradient(circle at 33% 28%, rgba(255, 255, 255, 0.68) 0 10%, transparent 11%),
		linear-gradient(135deg, rgba(255, 183, 202, 0.98), rgba(218, 66, 103, 0.96) 52%, rgba(142, 30, 61, 0.92));
	border: 0 !important;
	border-radius: 999px;
	box-shadow: inherit;
	content: "";
	display: block;
	height: 100%;
	outline: 0 !important;
	position: absolute;
	width: 100%;
}

#xmla-seasonal-effects .xmla-heart-shape::before {
	left: 0;
	top: -50%;
}

#xmla-seasonal-effects .xmla-heart-shape::after {
	left: 50%;
	top: 0;
}

.xmla-easter-drop-egg {
	animation: xmlaEggDrop 1.05s cubic-bezier(0.18, 0.02, 0.24, 1) forwards;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	filter:
		drop-shadow(0 6px 8px rgba(71, 50, 77, 0.18))
		drop-shadow(0 0 10px rgba(255, 223, 236, 0.18));
	position: fixed;
	top: 0;
	transform: translate3d(-50%, -12vh, 0);
	transform-origin: 50% 100%;
	will-change: transform, opacity;
}

.xmla-easter-drop-egg.xmla-egg-cracked {
	opacity: 0;
	transform: translate3d(-50%, calc(100vh - var(--xmla-egg-land, 28px) - var(--xmla-egg-height, 36px)), 0) scale(1.08, 0.54) rotate(var(--xmla-egg-rotate, 0deg));
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.xmla-easter-crack {
	animation: xmlaEggCrack 1.25s ease-out forwards;
	background:
		linear-gradient(135deg, transparent 0 22%, rgba(101, 72, 93, 0.72) 22% 28%, transparent 28% 44%, rgba(101, 72, 93, 0.58) 44% 50%, transparent 50%),
		radial-gradient(ellipse at center, rgba(255, 255, 255, 0.9), rgba(244, 215, 230, 0.18) 58%, transparent 62%);
	border-radius: 999px;
	display: block;
	opacity: 0;
	position: fixed;
	transform: translate3d(-50%, 0, 0) scale(0.72);
}

.xmla-easter-shell-piece {
	animation: xmlaEggShell 1.05s ease-out forwards;
	background: linear-gradient(135deg, rgba(244, 215, 230, 0.95), rgba(138, 198, 209, 0.58));
	border-radius: 48% 52% 46% 54%;
	display: block;
	filter: drop-shadow(0 8px 10px rgba(71, 50, 77, 0.16));
	position: fixed;
	transform: translate3d(-50%, 0, 0);
}

.xmla-ambient-glow {
	background:
		radial-gradient(circle at 18% 18%, var(--xmla-glow-a), transparent 38%),
		radial-gradient(circle at 82% 76%, var(--xmla-glow-b), transparent 44%);
	display: block;
	inset: 0;
	opacity: 0.9;
	position: fixed;
}

.xmla-santa {
	animation: xmlaSantaFly 8s linear forwards;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	filter:
		drop-shadow(0 10px 14px rgba(6, 18, 42, 0.24))
		saturate(1.05)
		contrast(1.04);
	height: clamp(118px, 22vw, 260px);
	left: 0;
	position: absolute;
	top: max(18px, env(safe-area-inset-top));
	width: clamp(420px, 82vw, 1120px);
	will-change: transform, opacity;
}

.xmla-santa::after {
	background:
		radial-gradient(ellipse at 38% 50%, rgba(255, 244, 210, 0.38), rgba(255, 244, 210, 0.08) 42%, transparent 74%),
		linear-gradient(105deg, transparent 0 40%, rgba(255, 255, 255, 0.28) 48%, transparent 58% 100%);
	content: "";
	filter: blur(10px);
	inset: 22% 12% 18% 10%;
	position: absolute;
	z-index: -1;
}

.xmla-santa-moon-glow {
	animation: xmlaSantaMoonGlow 8s ease-out forwards;
	background:
		radial-gradient(circle at 18% 36%, rgba(255, 249, 224, 0.24), transparent 25%),
		radial-gradient(circle at 72% 18%, rgba(154, 204, 255, 0.12), transparent 30%),
		linear-gradient(180deg, rgba(8, 18, 43, 0.1), transparent 72%);
	display: block;
	inset: 0;
	position: fixed;
}

.xmla-santa-aurora {
	animation: xmlaSantaAurora 8s linear forwards;
	background:
		linear-gradient(105deg, transparent 0 16%, rgba(155, 204, 255, 0.08) 28%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 224, 151, 0.1) 58%, transparent 76%),
		radial-gradient(ellipse at 34% 48%, rgba(255, 244, 210, 0.12), transparent 52%);
	filter: blur(16px);
	height: clamp(92px, 16vw, 170px);
	left: -28vw;
	position: absolute;
	top: max(38px, calc(env(safe-area-inset-top) + 38px));
	width: clamp(320px, 52vw, 760px);
	will-change: transform, opacity;
}

.xmla-santa-trail {
	animation: xmlaSantaTrail 8s linear forwards;
	border-radius: 999px;
	left: -260px;
	position: absolute;
	will-change: transform, opacity;
}

.xmla-santa-trail-main {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), rgba(255, 244, 210, 0.44), rgba(180, 220, 255, 0.22), transparent);
	filter: blur(5px);
	height: 20px;
	top: max(82px, calc(env(safe-area-inset-top) + 82px));
	width: clamp(220px, 32vw, 430px);
}

.xmla-santa-trail-soft {
	background: linear-gradient(90deg, transparent, rgba(155, 204, 255, 0.22), rgba(255, 255, 255, 0.13), rgba(255, 226, 160, 0.08), transparent);
	filter: blur(12px);
	height: 44px;
	top: max(64px, calc(env(safe-area-inset-top) + 64px));
	width: clamp(250px, 38vw, 520px);
}

.xmla-santa-trail-gold {
	background:
		radial-gradient(circle at 20% 50%, rgba(255, 246, 189, 0.72) 0 2px, transparent 3px),
		radial-gradient(circle at 48% 38%, rgba(255, 255, 255, 0.78) 0 1px, transparent 2px),
		radial-gradient(circle at 70% 62%, rgba(255, 213, 110, 0.54) 0 2px, transparent 3px),
		linear-gradient(90deg, transparent, rgba(255, 229, 140, 0.12), transparent);
	background-size: 74px 22px, 92px 22px, 118px 22px, 100% 100%;
	filter: blur(0.2px) drop-shadow(0 0 6px rgba(255, 226, 146, 0.28));
	height: 24px;
	top: max(96px, calc(env(safe-area-inset-top) + 96px));
	width: clamp(210px, 30vw, 420px);
}

.xmla-santa-trail-crystal {
	background:
		radial-gradient(circle at 12% 50%, rgba(255, 255, 255, 0.9) 0 1px, transparent 2px),
		radial-gradient(circle at 34% 38%, rgba(180, 220, 255, 0.68) 0 1px, transparent 2px),
		radial-gradient(circle at 62% 62%, rgba(255, 242, 185, 0.7) 0 1px, transparent 2px),
		linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
	background-size: 46px 18px, 68px 18px, 82px 18px, 100% 100%;
	filter: drop-shadow(0 0 7px rgba(220, 238, 255, 0.35));
	height: 18px;
	top: max(70px, calc(env(safe-area-inset-top) + 70px));
	width: clamp(260px, 42vw, 560px);
}

.xmla-santa-sparkle {
	animation: xmlaSantaSparkle 6s linear forwards;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.96) 0 18%, rgba(255, 228, 130, 0.58) 38%, transparent 68%);
	border-radius: 999px;
	display: block;
	filter: drop-shadow(0 0 8px rgba(255, 236, 178, 0.55));
	height: 5px;
	position: absolute;
	width: 5px;
	will-change: transform, opacity;
}

.xmla-santa-sparkle-large {
	height: 8px;
	width: 8px;
}

.xmla-santa-dust {
	animation: xmlaSantaDust 4s linear forwards;
	background:
		radial-gradient(circle, rgba(255, 255, 255, 0.94) 0 16%, rgba(255, 232, 136, 0.62) 34%, rgba(139, 202, 255, 0.28) 52%, transparent 72%);
	border-radius: 999px;
	display: block;
	height: 4px;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 4px;
	will-change: transform, opacity;
}

.xmla-christmas-light-string {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent 42%),
		linear-gradient(90deg, rgba(18, 61, 43, 0.05), rgba(18, 61, 43, 0.72), rgba(26, 82, 58, 0.64), rgba(18, 61, 43, 0.05));
	border-radius: 999px;
	display: block;
	filter:
		drop-shadow(0 5px 8px rgba(8, 20, 30, 0.16))
		drop-shadow(0 0 12px rgba(255, 244, 198, 0.08));
	height: 4px;
	left: 0;
	position: fixed;
	right: 0;
	top: var(--xmla-light-string-top, env(safe-area-inset-top));
	transform: translate3d(0, 0, 0);
	will-change: opacity, transform;
}

.xmla-christmas-light-string::before,
.xmla-christmas-light-string::after {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(255, 244, 205, 0.12), transparent 64%),
		linear-gradient(180deg, rgba(12, 30, 32, 0.2), transparent);
	content: "";
	display: block;
	inset: 0 0 -42px;
	opacity: 0.52;
	position: absolute;
}

.xmla-christmas-light-string::after {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
	filter: blur(6px);
	opacity: 0.38;
	transform: translate3d(-100%, 0, 0);
	animation: xmlaChristmasLightSheen 9s ease-in-out infinite;
}

.xmla-christmas-light-string-back {
	opacity: 0.48;
	transform: translate3d(0, 0, 0) scaleY(0.85);
}

.xmla-christmas-bulb {
	animation: xmlaChristmasBulbTwinkle 3.6s ease-in-out infinite;
	background:
		radial-gradient(circle at 32% 25%, rgba(255, 255, 255, 0.92) 0 11%, transparent 12%),
		radial-gradient(circle at 50% 68%, var(--xmla-bulb-core), var(--xmla-bulb-edge) 58%, rgba(36, 28, 24, 0.5) 92%);
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 46% 54% 58% 42%;
	box-shadow:
		inset 0 -3px 6px rgba(35, 25, 22, 0.26),
		inset 0 2px 4px rgba(255, 255, 255, 0.36),
		0 0 10px var(--xmla-bulb-glow),
		0 0 22px var(--xmla-bulb-glow);
	display: block;
	height: clamp(11px, 1.2vw, 17px);
	margin-left: -7px;
	position: absolute;
	top: var(--xmla-bulb-drop, 12px);
	transform: translate3d(var(--xmla-bulb-sway, 0), 0, 0) rotate(2deg);
	transform-origin: 50% -10px;
	width: clamp(9px, 1vw, 14px);
	will-change: filter, opacity, transform;
}

.xmla-christmas-bulb::before {
	background: linear-gradient(180deg, rgba(23, 54, 43, 0.82), rgba(12, 28, 24, 0.72));
	border-radius: 2px;
	content: "";
	height: 5px;
	left: 50%;
	position: absolute;
	top: -5px;
	transform: translateX(-50%);
	width: 7px;
}

.xmla-christmas-bulb-warm {
	--xmla-bulb-core: rgba(255, 245, 205, 0.98);
	--xmla-bulb-edge: rgba(255, 180, 83, 0.9);
	--xmla-bulb-glow: rgba(255, 212, 128, 0.66);
}

.xmla-christmas-bulb-berry {
	--xmla-bulb-core: rgba(255, 176, 181, 0.96);
	--xmla-bulb-edge: rgba(174, 31, 52, 0.88);
	--xmla-bulb-glow: rgba(224, 57, 82, 0.5);
}

.xmla-christmas-bulb-pine {
	--xmla-bulb-core: rgba(186, 255, 215, 0.95);
	--xmla-bulb-edge: rgba(28, 132, 85, 0.9);
	--xmla-bulb-glow: rgba(75, 210, 135, 0.46);
}

.xmla-christmas-bulb-ice {
	--xmla-bulb-core: rgba(225, 246, 255, 0.98);
	--xmla-bulb-edge: rgba(112, 186, 222, 0.88);
	--xmla-bulb-glow: rgba(140, 220, 255, 0.48);
}

.xmla-christmas-bulb-gold {
	--xmla-bulb-core: rgba(255, 236, 164, 0.98);
	--xmla-bulb-edge: rgba(219, 151, 45, 0.9);
	--xmla-bulb-glow: rgba(255, 196, 80, 0.54);
}

.xmla-fireworks {
	background:
		radial-gradient(circle at 50% 4%, rgba(11, 20, 48, 0.2), transparent 35%),
		linear-gradient(180deg, rgba(3, 7, 20, 0.15), transparent 65%);
	transition: opacity 0.9s ease;
}

.xmla-fireworks-ending {
	opacity: 0;
}

.xmla-fireworks-canvas {
	display: block;
	inset: 0;
	position: fixed;
}

.xmla-fireworks-fade-screen {
	background: rgba(2, 6, 18, 0.92);
	display: block;
	inset: 0;
	opacity: 0;
	position: fixed;
	will-change: opacity;
}

.xmla-new-year-countdown {
	background:
		radial-gradient(circle at 50% 20%, rgba(245, 214, 111, 0.16), transparent 28%),
		radial-gradient(circle at 50% 52%, rgba(93, 175, 255, 0.1), transparent 34%),
		linear-gradient(180deg, rgba(1, 5, 18, 0.78), rgba(1, 5, 18, 0.2) 62%, transparent);
	opacity: 1;
	transition: opacity 0.78s ease;
}

.xmla-new-year-countdown-ending {
	opacity: 0;
}

.xmla-new-year-fireworks-canvas {
	display: block;
	inset: 0;
	opacity: 0;
	position: fixed;
	transition: opacity 0.34s ease;
	z-index: 1;
}

.xmla-new-year-countdown-stage {
	color: #fff;
	display: block;
	inset: 0;
	pointer-events: none;
	position: fixed;
	text-align: center;
	text-shadow:
		0 0 18px rgba(255, 255, 255, 0.32),
		0 12px 32px rgba(0, 0, 0, 0.34);
	z-index: 2;
}

.xmla-new-year-countdown-stage::before {
	background:
		radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 45%),
		radial-gradient(circle, rgba(255, 222, 120, 0.14), transparent 64%);
	border-radius: 999px;
	content: "";
	filter: blur(2px);
	height: clamp(220px, 34vw, 520px);
	left: 50%;
	opacity: 0.86;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -48%, 0);
	width: clamp(220px, 34vw, 520px);
}

.xmla-new-year-ball-tower {
	--xmla-ball-size: clamp(52px, 7vw, 84px);
	--xmla-ball-travel: calc(clamp(220px, 44vh, 420px) - var(--xmla-ball-size));
	height: clamp(220px, 44vh, 420px);
	left: 50%;
	position: absolute;
	top: clamp(18px, 4vh, 44px);
	transform: translate3d(-50%, 0, 0);
	width: clamp(96px, 12vw, 158px);
}

.xmla-new-year-ball-tower::before,
.xmla-new-year-ball-tower::after {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(145, 176, 225, 0.2), transparent);
	content: "";
	position: absolute;
	top: 0;
}

.xmla-new-year-ball-tower::before {
	border-radius: 999px;
	bottom: 0;
	left: 50%;
	opacity: 0.58;
	transform: translateX(-50%);
	width: 2px;
}

.xmla-new-year-ball-tower::after {
	border-radius: 0 0 999px 999px;
	height: 34px;
	left: 50%;
	opacity: 0.42;
	transform: translateX(-50%);
	width: 72%;
}

.xmla-new-year-ball-track {
	display: block;
	inset: 0;
	position: absolute;
}

.xmla-new-year-ball {
	animation:
		xmlaNewYearBallDrop 10s linear forwards,
		xmlaNewYearBallGlow 1.08s ease-in-out infinite;
	background:
		radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 1) 0 8%, rgba(255, 255, 255, 0.5) 9% 16%, transparent 17%),
		radial-gradient(circle at 62% 68%, rgba(84, 177, 255, 0.62), transparent 38%),
		radial-gradient(circle, rgba(255, 244, 178, 0.98) 0 18%, rgba(132, 208, 255, 0.84) 42%, rgba(92, 69, 208, 0.56) 66%, rgba(255, 255, 255, 0.9) 100%);
	border: 1px solid rgba(255, 255, 255, 0.78);
	border-radius: 999px;
	box-shadow:
		0 0 24px rgba(255, 255, 255, 0.72),
		0 0 54px rgba(121, 203, 255, 0.44),
		0 0 86px rgba(255, 224, 120, 0.28);
	display: block;
	height: var(--xmla-ball-size);
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 0;
	transform: translate3d(-50%, 0, 0);
	width: var(--xmla-ball-size);
	will-change: transform, filter, opacity;
}

.xmla-new-year-ball::before,
.xmla-new-year-ball::after {
	border-radius: inherit;
	content: "";
	inset: 0;
	position: absolute;
}

.xmla-new-year-ball::before {
	background:
		linear-gradient(30deg, transparent 0 42%, rgba(255, 255, 255, 0.42) 44%, transparent 48% 100%),
		linear-gradient(95deg, transparent 0 28%, rgba(255, 244, 175, 0.34) 30%, transparent 34% 100%),
		linear-gradient(155deg, transparent 0 52%, rgba(137, 210, 255, 0.32) 54%, transparent 58% 100%);
	mix-blend-mode: screen;
}

.xmla-new-year-ball::after {
	background: radial-gradient(circle, transparent 52%, rgba(255, 255, 255, 0.78) 55%, transparent 58%);
	opacity: 0.56;
}

.xmla-new-year-countdown-number {
	animation: xmlaNewYearNumberPulse 1s ease-in-out infinite;
	display: block;
	font: 800 clamp(88px, 18vw, 220px)/0.86 Georgia, "Times New Roman", serif;
	left: 50%;
	position: absolute;
	top: 52%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform, opacity;
}

.xmla-new-year-countdown-caption {
	animation: xmlaNewYearCaptionGlow 2.2s ease-in-out infinite;
	display: block;
	font: 700 clamp(18px, 3.4vw, 40px)/1.08 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	left: 50%;
	position: absolute;
	top: calc(52% + clamp(70px, 11vw, 132px));
	transform: translate3d(-50%, 0, 0);
	white-space: nowrap;
}

.xmla-new-year-countdown-complete .xmla-new-year-ball {
	animation: xmlaNewYearBallGlow 0.7s ease-in-out infinite;
	transform: translate3d(-50%, var(--xmla-ball-travel), 0) scale(1.05);
}

.xmla-new-year-countdown-complete .xmla-new-year-countdown-number {
	animation: xmlaNewYearFinalNumber 0.9s ease-out forwards;
}

.xmla-new-year-countdown-complete .xmla-new-year-countdown-caption {
	animation: xmlaNewYearCaptionFinal 1.1s ease-out forwards;
	color: #fff6c7;
	text-shadow:
		0 0 18px rgba(255, 244, 196, 0.72),
		0 0 44px rgba(107, 197, 255, 0.42),
		0 12px 34px rgba(0, 0, 0, 0.36);
}

.xmla-firework {
	animation: xmlaFirework 2.8s ease-out forwards;
	border: 1px solid var(--xmla-firework-color, #f4d35e);
	border-radius: 999px;
	box-shadow:
		0 -28px 0 -1px var(--xmla-firework-color, #f4d35e),
		20px -20px 0 -1px var(--xmla-firework-color, #f4d35e),
		28px 0 0 -1px var(--xmla-firework-color, #f4d35e),
		20px 20px 0 -1px var(--xmla-firework-color, #f4d35e),
		0 28px 0 -1px var(--xmla-firework-color, #f4d35e),
		-20px 20px 0 -1px var(--xmla-firework-color, #f4d35e),
		-28px 0 0 -1px var(--xmla-firework-color, #f4d35e),
		-20px -20px 0 -1px var(--xmla-firework-color, #f4d35e);
	height: 8px;
	opacity: 0;
	position: absolute;
	transform: scale(0.2);
	width: 8px;
}

.xmla-firework-static {
	box-shadow:
		0 -34px 0 -1px var(--xmla-firework-color, #f4d35e),
		24px -24px 0 -1px var(--xmla-firework-color, #f4d35e),
		34px 0 0 -1px var(--xmla-firework-color, #f4d35e),
		24px 24px 0 -1px var(--xmla-firework-color, #f4d35e),
		0 34px 0 -1px var(--xmla-firework-color, #f4d35e),
		-24px 24px 0 -1px var(--xmla-firework-color, #f4d35e),
		-34px 0 0 -1px var(--xmla-firework-color, #f4d35e),
		-24px -24px 0 -1px var(--xmla-firework-color, #f4d35e),
		0 0 36px 5px rgba(255, 255, 255, 0.14);
}

.xmla-corner-accent {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: max(18px, env(safe-area-inset-bottom));
	display: block;
	opacity: 0.86;
	position: fixed;
	width: clamp(52px, 8vw, 92px);
	height: clamp(52px, 8vw, 92px);
	filter: var(--xmla-depth-shadow) var(--xmla-premium-saturate);
	transform: translate3d(0, 0, 0) rotateX(4deg) rotateY(-6deg);
	transform-origin: 50% 80%;
	will-change: transform, opacity, filter;
}

.xmla-corner-accent::after {
	background: radial-gradient(ellipse at 34% 22%, rgba(255, 255, 255, 0.34), transparent 34%);
	content: "";
	inset: -8%;
	opacity: 0.55;
	position: absolute;
}

.xmla-left {
	left: clamp(14px, 3vw, 34px);
}

.xmla-right {
	right: clamp(14px, 3vw, 34px);
}

.xmla-menorah-stage {
	bottom: max(18px, calc(env(safe-area-inset-bottom) + 18px));
	height: clamp(138px, 18vw, 220px);
	pointer-events: none;
	right: clamp(16px, 3vw, 40px);
	position: fixed;
	top: auto;
	width: clamp(104px, 13.5vw, 168px);
}

.xmla-menorah-accent {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	filter: var(--xmla-depth-shadow) var(--xmla-warm-glow) saturate(1.08);
	inset: 0;
	position: absolute;
}

.xmla-menorah-flame {
	animation: xmlaCandleFlicker 1.38s ease-in-out infinite;
	background:
		radial-gradient(ellipse at 50% 62%, rgba(255, 246, 184, 0.98) 0 18%, rgba(255, 174, 55, 0.9) 36%, rgba(220, 70, 20, 0.24) 62%, transparent 73%),
		radial-gradient(circle, rgba(255, 190, 70, 0.4), transparent 68%);
	border-radius: 62% 38% 58% 42% / 74% 74% 28% 28%;
	display: block;
	filter: drop-shadow(0 0 7px rgba(255, 181, 64, 0.7)) drop-shadow(0 0 14px rgba(255, 128, 38, 0.22));
	height: clamp(10px, 1.45vw, 18px);
	position: absolute;
	top: 4.8%;
	transform-origin: 50% 88%;
	width: clamp(6px, 0.78vw, 10px);
	will-change: transform, opacity;
}

.xmla-menorah-flame::after {
	background: radial-gradient(ellipse, rgba(255, 192, 74, 0.22), transparent 68%);
	border-radius: 999px;
	content: "";
	filter: blur(5px);
	inset: -70% -105%;
	position: absolute;
}

.xmla-menorah-flame-shamash {
	height: clamp(12px, 1.7vw, 21px);
	top: -2.2%;
	width: clamp(7px, 0.88vw, 11px);
}

.xmla-candle-glow {
	animation: xmlaCandleGlow 4.8s ease-in-out infinite;
	background: radial-gradient(circle, rgba(244, 211, 94, 0.28), rgba(244, 211, 94, 0.08) 38%, transparent 68%);
	border-radius: 999px;
	bottom: max(4px, calc(env(safe-area-inset-bottom) + 4px));
	display: block;
	height: clamp(90px, 12vw, 150px);
	pointer-events: none;
	position: fixed;
	right: clamp(0px, 1.5vw, 20px);
	top: auto;
	width: clamp(90px, 12vw, 150px);
}

.xmla-thanksgiving-garland {
	background:
		radial-gradient(ellipse at 16% 100%, rgba(255, 218, 153, 0.14), transparent 46%),
		radial-gradient(ellipse at 78% 100%, rgba(184, 83, 38, 0.1), transparent 42%),
		linear-gradient(90deg, rgba(98, 50, 23, 0.04), rgba(92, 54, 28, 0.62), rgba(126, 70, 34, 0.58), rgba(98, 50, 23, 0.04));
	border-radius: 999px;
	display: block;
	filter:
		drop-shadow(0 9px 14px rgba(53, 28, 14, 0.18))
		drop-shadow(0 0 18px rgba(230, 150, 72, 0.08));
	height: 6px;
	left: 0;
	position: fixed;
	right: 0;
	top: max(0px, env(safe-area-inset-top));
	transform: translate3d(0, 0, 0);
	will-change: opacity, transform;
}

.xmla-thanksgiving-garland::before,
.xmla-thanksgiving-garland::after {
	content: "";
	display: block;
	position: absolute;
}

.xmla-thanksgiving-garland::before {
	background:
		linear-gradient(90deg, transparent 0 3%, rgba(255, 221, 164, 0.28) 8%, transparent 14% 23%, rgba(255, 245, 218, 0.18) 30%, transparent 38% 55%, rgba(255, 205, 128, 0.2) 62%, transparent 72% 100%);
	filter: blur(5px);
	inset: 0 0 -36px;
	opacity: 0.48;
}

.xmla-thanksgiving-garland::after {
	background:
		repeating-linear-gradient(90deg, transparent 0 46px, rgba(80, 44, 22, 0.32) 47px 50px, transparent 51px 86px);
	height: 12px;
	left: 0;
	right: 0;
	top: 3px;
}

.xmla-thanksgiving-garland-leaf {
	animation: xmlaThanksgivingGarlandLeaf 6s ease-in-out infinite;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: clamp(24px, 3.6vw, 42px);
	margin-left: -16px;
	outline: 0 !important;
	opacity: 0.86;
	overflow: visible;
	position: absolute;
	top: var(--xmla-garland-drop, 12px);
	transform: translate3d(0, 0, 0) rotate(var(--xmla-garland-rotate, 0deg));
	transform-origin: 50% -4px;
	width: clamp(20px, 3vw, 36px);
	will-change: transform;
}

#xmla-seasonal-effects .xmla-thanksgiving-garland-leaf-image {
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: 100% !important;
	inset: 0;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	object-fit: contain;
	outline: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	transform: translate3d(0, 0, 0);
	width: 100% !important;
}

.xmla-thanksgiving-garland-leaf-russet {
	opacity: 0.88;
}

.xmla-thanksgiving-garland-leaf-gold {
	opacity: 0.92;
}

.xmla-thanksgiving-garland-leaf-copper {
	opacity: 0.84;
}

.xmla-thanksgiving-garland-leaf-amber {
	opacity: 0.9;
}

.xmla-flag-hero-overlay {
	height: clamp(180px, 34vh, 360px);
	inset: 0 0 auto;
	opacity: 0.34;
	overflow: hidden;
	perspective: 1400px;
	position: fixed;
}

.xmla-flag-hero-overlay-header {
	height: auto;
	inset: 0;
	max-height: 320px;
	opacity: 0.26;
	position: absolute;
	z-index: 0;
}

.xmla-flag-hero-ribbon {
	animation: xmlaFlagHeroWave 11.5s ease-in-out infinite;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	filter:
		saturate(1.02)
		contrast(1.04)
		drop-shadow(0 18px 28px rgba(2, 12, 28, 0.22));
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate3d(-50%, -7px, 0) rotateX(8deg) scaleX(1.01);
	transform-origin: center top;
	width: 100vw;
	will-change: transform;
}

.xmla-flag-hero-ribbon::after {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 14% 30%, rgba(1, 24, 65, 0.2) 46%, transparent 66%, rgba(255, 255, 255, 0.14)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 40%, rgba(1, 10, 25, 0.28));
	content: "";
	inset: 0;
	mix-blend-mode: soft-light;
	position: absolute;
}

.xmla-flag-hero-shadow {
	background: linear-gradient(180deg, rgba(4, 10, 24, 0.08), transparent);
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
}

.xmla-flag-sheen {
	animation: xmlaFlagSheen 11.5s ease-in-out infinite;
	background: linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.26) 48%, transparent 58% 100%);
	display: block;
	height: 100%;
	left: -32%;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 42%;
}

.xmla-mounted-flag-overlay {
	aspect-ratio: 940 / 692;
	bottom: max(64px, calc(env(safe-area-inset-bottom) + 64px));
	filter: var(--xmla-premium-saturate);
	left: max(14px, calc(env(safe-area-inset-left) + 2.8vw));
	opacity: 0.9;
	perspective: 920px;
	pointer-events: none;
	position: fixed;
	transform: translate3d(0, 0, 0);
	width: clamp(170px, 18vw, 340px);
	z-index: 2;
}

.xmla-mounted-flag {
	animation: xmlaMountedFlagWave 6.2s ease-in-out infinite;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	filter:
		drop-shadow(0 22px 26px rgba(3, 10, 22, 0.24))
		drop-shadow(0 4px 8px rgba(3, 10, 22, 0.16));
	inset: 0;
	position: absolute;
	transform-origin: 12% 58%;
	will-change: transform, filter;
	z-index: 1;
}

.xmla-mounted-flag::after {
	-webkit-mask-image: var(--xmla-mounted-flag-image);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	animation: xmlaMountedFlagSheen 6.2s ease-in-out infinite;
	background:
		linear-gradient(105deg, transparent 0 34%, rgba(255, 255, 255, 0.2) 44%, transparent 55% 100%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 18, 54, 0.12));
	content: "";
	inset: 0;
	mask-image: var(--xmla-mounted-flag-image);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	mix-blend-mode: soft-light;
	position: absolute;
}

.xmla-mounted-flag-shadow {
	background:
		radial-gradient(ellipse at 58% 88%, rgba(3, 8, 18, 0.2), transparent 62%),
		radial-gradient(ellipse at 16% 82%, rgba(3, 8, 18, 0.16), transparent 48%);
	bottom: -7%;
	display: block;
	filter: blur(6px);
	height: 28%;
	left: 2%;
	opacity: 0.42;
	position: absolute;
	right: 2%;
	transform: rotate(-3deg);
	z-index: 0;
}

.xmla-sparkler-cursor-active {
	cursor: none !important;
}

.xmla-sparkler-cursor-active a,
.xmla-sparkler-cursor-active button,
.xmla-sparkler-cursor-active input,
.xmla-sparkler-cursor-active select,
.xmla-sparkler-cursor-active textarea,
.xmla-sparkler-cursor-active [role="button"] {
	cursor: none !important;
}

.xmla-flashlight-cursor-active {
	cursor: none !important;
}

.xmla-flashlight-cursor-active a,
.xmla-flashlight-cursor-active button,
.xmla-flashlight-cursor-active input,
.xmla-flashlight-cursor-active select,
.xmla-flashlight-cursor-active textarea,
.xmla-flashlight-cursor-active [role="button"] {
	cursor: none !important;
}

.xmla-cookie-cursor-active.xmla-cookie-cursor-ready,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready a,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready button,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready input,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready select,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready textarea,
.xmla-cookie-cursor-active.xmla-cookie-cursor-ready [role="button"] {
	cursor: none !important;
}

.xmla-sparkler-cursor {
	animation: xmlaSparklerPulse 0.74s ease-in-out infinite;
	background:
		radial-gradient(circle, rgba(255, 255, 255, 0.96) 0 12%, rgba(255, 220, 102, 0.82) 18%, rgba(251, 121, 52, 0.22) 42%, transparent 66%);
	border-radius: 999px;
	display: block;
	filter: drop-shadow(0 0 8px rgba(255, 202, 76, 0.78));
	height: 26px;
	left: -13px;
	position: fixed;
	top: -13px;
	width: 26px;
	will-change: transform, opacity;
}

.xmla-sparkler-cursor::after {
	background: linear-gradient(180deg, rgba(122, 86, 48, 0.9), rgba(56, 44, 37, 0.8));
	border-radius: 999px;
	content: "";
	height: 32px;
	left: 13px;
	position: absolute;
	top: 15px;
	transform: rotate(38deg);
	transform-origin: top center;
	width: 3px;
}

.xmla-sparkler-particle {
	animation: xmlaSparklerParticle 0.58s ease-out forwards;
	background: radial-gradient(circle, #fff 0 22%, #ffd166 44%, rgba(239, 68, 68, 0.2) 72%, transparent);
	border-radius: 999px;
	display: block;
	height: 5px;
	position: fixed;
	transform: translate3d(-50%, -50%, 0);
	width: 5px;
	will-change: transform, opacity;
}

.xmla-cookie-cursor {
	animation: xmlaCookieCursor 2.8s ease-in-out infinite;
	background:
		radial-gradient(circle at 32% 28%, rgba(255, 232, 174, 0.82) 0 6%, transparent 7%),
		radial-gradient(circle at 64% 64%, rgba(135, 75, 39, 0.14) 0 8%, transparent 9%),
		radial-gradient(circle at 50% 50%, #d99b55 0 57%, #bd7433 58% 72%, rgba(110, 60, 24, 0.18) 73% 74%, transparent 75%);
	border-radius: 54% 46% 48% 52% / 52% 50% 50% 48%;
	box-shadow:
		inset -6px -7px 10px rgba(90, 48, 20, 0.2),
		inset 5px 5px 8px rgba(255, 229, 168, 0.34),
		0 8px 18px rgba(50, 26, 10, 0.22);
	display: block;
	height: 38px;
	left: -19px;
	position: fixed;
	top: -19px;
	width: 38px;
	z-index: calc(var(--xmla-seasonal-z-index, 9998) + 2);
	transition: opacity 0.22s ease, transform 0.12s ease;
	will-change: transform;
}

.xmla-cursor-layer .xmla-cookie-cursor {
	z-index: 1;
}

.xmla-cursor-layer .xmla-cookie-crumb {
	z-index: 0;
}

.xmla-cookie-cursor[data-bites="1"] {
	clip-path: polygon(50% 0, 79% 6%, 70% 22%, 88% 32%, 100% 50%, 92% 76%, 72% 94%, 46% 100%, 20% 92%, 4% 70%, 0 44%, 8% 20%, 28% 5%);
}

.xmla-cookie-cursor[data-bites="2"] {
	clip-path: polygon(50% 0, 78% 6%, 70% 20%, 84% 30%, 72% 45%, 88% 58%, 83% 80%, 62% 97%, 35% 98%, 12% 84%, 1% 58%, 4% 31%, 22% 9%);
}

.xmla-cookie-cursor[data-bites="3"] {
	clip-path: polygon(50% 0, 78% 7%, 68% 20%, 82% 30%, 69% 44%, 82% 57%, 66% 68%, 74% 86%, 50% 100%, 24% 94%, 6% 74%, 0 48%, 8% 22%, 28% 5%);
}

.xmla-cookie-cursor[data-bites="4"] {
	clip-path: polygon(42% 2%, 66% 8%, 58% 22%, 72% 32%, 56% 44%, 70% 56%, 52% 66%, 58% 82%, 38% 96%, 14% 86%, 2% 62%, 4% 36%, 18% 13%);
}

.xmla-cookie-bitten {
	animation: xmlaCookieBite 0.18s ease-out;
}

.xmla-cookie-gone {
	opacity: 0;
}

.xmla-cookie-chip {
	background: #5b311f;
	border-radius: 48% 52% 50% 50%;
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.22);
	display: block;
	height: 6px;
	position: absolute;
	width: 7px;
}

.xmla-cookie-crumb {
	animation: xmlaCookieCrumb 0.78s ease-out forwards;
	background: #c47f3d;
	border-radius: 999px;
	box-shadow: 0 1px 2px rgba(61, 32, 13, 0.18);
	display: block;
	height: 4px;
	position: fixed;
	transform: translate3d(-50%, -50%, 0);
	width: 4px;
	will-change: transform, opacity;
}

.xmla-flashlight-beam {
	--xmla-flashlight-x: 50vw;
	--xmla-flashlight-y: 50vh;
	animation: xmlaFlashlightFlicker 3.8s ease-in-out infinite;
	background:
		radial-gradient(circle at var(--xmla-flashlight-x) var(--xmla-flashlight-y), rgba(255, 244, 190, 0.24) 0 4%, rgba(255, 229, 152, 0.13) 10%, transparent 25%),
		radial-gradient(circle at var(--xmla-flashlight-x) var(--xmla-flashlight-y), transparent 0 19%, rgba(4, 5, 11, 0.16) 42%, rgba(4, 5, 11, 0.26) 100%);
	display: block;
	inset: 0;
	position: fixed;
	transition: background-position 0.06s linear;
	will-change: opacity;
}

.xmla-flashlight-steady {
	animation: none;
}

.xmla-flashlight-cursor {
	--xmla-flashlight-height: clamp(60px, 5.4vw, 82px);
	--xmla-flashlight-width: clamp(78px, 7vw, 106px);
	aspect-ratio: 640 / 494;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	filter:
		drop-shadow(0 10px 14px rgba(0, 0, 0, 0.34))
		drop-shadow(-9px -8px 18px rgba(255, 224, 135, 0.22));
	height: var(--xmla-flashlight-height);
	left: 0;
	position: fixed;
	top: 0;
	transform-origin: 16.6% 25.4%;
	width: var(--xmla-flashlight-width);
	will-change: transform, opacity;
	z-index: calc(var(--xmla-seasonal-z-index, 9998) + 3);
}

.xmla-flashlight-cursor::before {
	animation: xmlaFlashlightLensGlow 2.8s ease-in-out infinite;
	background: radial-gradient(circle, rgba(255, 251, 220, 0.92), rgba(255, 197, 75, 0.46) 46%, transparent 72%);
	border-radius: 999px;
	content: "";
	height: 34%;
	left: 16.6%;
	position: absolute;
	top: 25.4%;
	transform: translate3d(-50%, -50%, 0);
	width: 26%;
}

.xmla-flashlight-cursor-fallback {
	background:
		radial-gradient(circle at 18% 28%, rgba(255, 249, 212, 0.95), rgba(255, 204, 89, 0.34) 9%, transparent 18%),
		linear-gradient(135deg, #d8dde5 0 18%, #4f5865 18% 54%, #1e242d 54% 100%);
	border-radius: 12px 22px 22px 12px;
	height: 28px;
	width: 68px;
}

.xmla-eerie-light {
	animation: xmlaEeriePulse 7s ease-in-out infinite;
	background: radial-gradient(circle, rgba(255, 128, 45, 0.21), rgba(58, 25, 82, 0.1) 46%, transparent 72%);
	border-radius: 999px;
	display: block;
	height: 42vh;
	opacity: 0.8;
	position: fixed;
	top: 9vh;
	width: 42vw;
}

.xmla-eerie-left {
	left: -15vw;
}

.xmla-eerie-right {
	right: -18vw;
	top: 28vh;
}

.xmla-seasonal-header-boards-host {
	isolation: isolate;
	overflow: visible;
}

.xmla-seasonal-header-boards-positioned {
	position: relative !important;
}

.xmla-seasonal-header-boards-host > :not(.xmla-halloween-wood-boards) {
	position: relative;
	z-index: 3;
}

.xmla-seasonal-header-boards-host .nav-dropdown,
.xmla-seasonal-header-boards-host .sub-menu {
	z-index: 40;
}

.xmla-seasonal-header-accent-host {
	isolation: isolate;
	overflow: visible;
}

.xmla-seasonal-header-accent-positioned {
	position: relative !important;
}

.xmla-seasonal-header-accent-host > :not(.xmla-header-suspended-accent) {
	position: relative;
	z-index: 3;
}

.xmla-seasonal-header-accent-host .nav-dropdown,
.xmla-seasonal-header-accent-host .sub-menu {
	z-index: 40;
}

.xmla-seasonal-flag-host {
	isolation: isolate;
	overflow: visible;
}

.xmla-seasonal-flag-positioned {
	position: relative !important;
}

.xmla-seasonal-flag-host > :not(.xmla-flag-hero-overlay) {
	position: relative;
	z-index: 3;
}

.xmla-seasonal-flag-host .nav-dropdown,
.xmla-seasonal-flag-host .sub-menu {
	z-index: 50;
}

.xmla-halloween-wood-boards {
	animation: xmlaHalloweenBoardsDrift 10.5s ease-in-out infinite;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	filter:
		drop-shadow(0 24px 28px rgba(0, 0, 0, 0.32))
		drop-shadow(0 0 18px rgba(139, 91, 56, 0.1))
		saturate(0.94)
		contrast(1.08);
	height: clamp(96px, 12vw, 178px);
	left: 50%;
	opacity: 0.86;
	pointer-events: none;
	position: fixed;
	top: max(54px, calc(env(safe-area-inset-top) + 54px));
	transform: translate3d(-50%, 0, 0) rotate(-0.45deg);
	transform-origin: center top;
	width: min(112vw, 1480px);
	will-change: transform;
}

.xmla-halloween-wood-boards-header {
	height: clamp(78px, 8.5vw, 128px);
	left: 50%;
	max-width: none;
	opacity: 0.72;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -42%, 0) rotate(-0.45deg);
	width: max(100vw, 100%);
	z-index: 1;
}

.xmla-halloween-fog {
	animation: xmlaHalloweenFog 18s linear infinite;
	background:
		radial-gradient(ellipse at 20% 50%, rgba(205, 213, 216, 0.18), transparent 42%),
		radial-gradient(ellipse at 68% 46%, rgba(154, 161, 171, 0.14), transparent 46%),
		linear-gradient(90deg, transparent, rgba(208, 214, 216, 0.08), transparent);
	border-radius: 999px;
	display: block;
	filter: blur(12px);
	height: clamp(80px, 14vh, 150px);
	left: -45vw;
	opacity: 0.72;
	position: fixed;
	width: 72vw;
}

.xmla-halloween-fog-0 {
	bottom: 6vh;
}

.xmla-halloween-fog-1 {
	animation-duration: 24s;
	bottom: 18vh;
	opacity: 0.5;
}

.xmla-halloween-fog-2 {
	animation-duration: 28s;
	bottom: 32vh;
	opacity: 0.34;
}

.xmla-halloween-fog-3 {
	animation-duration: 21s;
	bottom: 48vh;
	opacity: 0.26;
}

.xmla-halloween-bat {
	--xmla-bat-height: clamp(35px, 3.76vw, 65px);
	--xmla-bat-width: clamp(92px, 10vw, 172px);
	animation: xmlaHalloweenBatFly 10s cubic-bezier(0.36, 0.02, 0.18, 1) infinite;
	display: block;
	filter:
		drop-shadow(0 12px 16px rgba(0, 0, 0, 0.38))
		drop-shadow(0 0 12px rgba(116, 70, 150, 0.14));
	height: var(--xmla-bat-height);
	left: 0;
	opacity: 0;
	position: fixed;
	transform: translate3d(var(--xmla-bat-start-x, -28vw), 0, 0) scale(var(--xmla-bat-scale, 1));
	transform-origin: 50% 48%;
	width: var(--xmla-bat-width);
	will-change: transform, opacity;
}

.xmla-halloween-bat-wing {
	animation: xmlaHalloweenBatWingFlap var(--xmla-bat-flap-speed, 0.32s) ease-in-out infinite;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	transform: scaleX(var(--xmla-bat-facing, 1)) scaleY(1);
	transform-origin: 50% 52%;
	width: 100%;
	will-change: transform;
}

.xmla-halloween-bat-near {
	--xmla-bat-height: clamp(44px, 5.27vw, 87px);
	--xmla-bat-width: clamp(118px, 14vw, 230px);
	filter:
		drop-shadow(0 18px 22px rgba(0, 0, 0, 0.46))
		drop-shadow(0 0 18px rgba(157, 92, 175, 0.16));
	z-index: 1;
}

.xmla-halloween-wind-leaf {
	animation: xmlaHalloweenLeafWind 8s cubic-bezier(0.24, 0.02, 0.18, 1) infinite;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	left: 0;
	opacity: 0;
	position: fixed;
	transform: translate3d(var(--xmla-halloween-leaf-start-x, -18vw), -12vh, 0);
	will-change: transform, opacity;
}

.xmla-halloween-trees {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	bottom: max(-10px, calc(env(safe-area-inset-bottom) - 12px));
	display: block;
	height: clamp(142px, 28vh, 330px);
	left: 50%;
	opacity: 0.58;
	position: fixed;
	transform: translate3d(-50%, 0, 0);
	width: min(118vw, 1900px);
	z-index: 0;
}

.xmla-pumpkin,
.xmla-turkey-accent,
.xmla-jewish-accent,
.xmla-lantern-accent,
.xmla-light-accent,
.xmla-national-accent {
	width: clamp(60px, 9vw, 112px);
	height: clamp(60px, 9vw, 112px);
	filter: var(--xmla-depth-shadow) var(--xmla-premium-saturate);
}

.xmla-pumpkin {
	filter:
		drop-shadow(0 18px 22px rgba(24, 10, 5, 0.42))
		drop-shadow(0 0 22px rgba(255, 97, 28, 0.24))
		saturate(1.08)
		contrast(1.08);
	opacity: 0.92;
	z-index: 2;
}

.xmla-pumpkin::after {
	animation: xmlaPumpkinCandleFlicker 1.8s ease-in-out infinite;
	background:
		radial-gradient(ellipse at 50% 68%, rgba(255, 164, 40, 0.34), rgba(255, 98, 22, 0.14) 38%, transparent 70%),
		radial-gradient(ellipse at 50% 48%, rgba(255, 226, 142, 0.22), transparent 44%);
	border-radius: 999px;
	content: "";
	filter: blur(7px);
	inset: 19% 13% 7%;
	mix-blend-mode: screen;
	opacity: 0.76;
	position: absolute;
	z-index: -1;
}

.xmla-jewish-accent,
.xmla-light-accent,
.xmla-national-accent {
	bottom: auto;
	right: clamp(16px, 3vw, 40px);
	top: clamp(76px, 10vh, 132px);
	opacity: 0.72;
}

.xmla-diwali-diya {
	animation: xmlaDiyaBreathe 5.2s ease-in-out infinite;
	filter:
		var(--xmla-depth-shadow)
		drop-shadow(0 0 30px rgba(244, 185, 72, 0.3))
		saturate(1.1);
	opacity: 0.9;
	overflow: visible;
	right: clamp(8px, 2vw, 28px);
	top: clamp(96px, 13vh, 164px);
	transform-origin: 50% 70%;
}

.xmla-eid-al-fitr-accent {
	bottom: max(18px, calc(env(safe-area-inset-bottom) + 18px));
	opacity: 0.78;
	pointer-events: none;
	right: clamp(16px, 3vw, 40px);
	top: auto;
}

.xmla-diwali-flame {
	animation: xmlaCandleFlicker 1.35s ease-in-out infinite;
	background:
		radial-gradient(ellipse at 50% 58%, rgba(255, 248, 193, 0.98) 0 18%, rgba(255, 175, 56, 0.86) 36%, rgba(217, 78, 24, 0.22) 62%, transparent 72%),
		radial-gradient(circle, rgba(255, 196, 77, 0.34), transparent 68%);
	border-radius: 62% 38% 58% 42% / 72% 72% 28% 28%;
	display: block;
	filter: blur(0.2px) drop-shadow(0 0 10px rgba(255, 182, 65, 0.62));
	height: clamp(23px, 32%, 36px);
	left: 54.4%;
	pointer-events: none;
	position: absolute;
	top: 22.5%;
	transform: translate3d(-50%, 0, 0) rotate(2deg);
	transform-origin: 50% 88%;
	width: clamp(12px, 15%, 18px);
	z-index: 2;
}

.xmla-diwali-light-pool {
	animation: xmlaDiyaGlow 3.6s ease-in-out infinite;
	background: radial-gradient(ellipse, rgba(244, 185, 72, 0.28), rgba(244, 185, 72, 0.1) 42%, transparent 70%);
	border-radius: 999px;
	display: block;
	inset: -8% -12% -10%;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.xmla-lantern-accent {
	bottom: auto;
	top: clamp(68px, 9vh, 120px);
	opacity: 0.72;
}

.xmla-lunar-lantern-rail {
	animation: xmlaLanternSway 7.2s ease-in-out infinite;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	filter:
		drop-shadow(0 22px 26px rgba(70, 10, 10, 0.24))
		drop-shadow(0 0 24px rgba(255, 190, 80, 0.2))
		saturate(1.08)
		contrast(1.05);
	height: clamp(130px, 17vw, 240px);
	left: 50%;
	opacity: 0.94;
	pointer-events: none;
	position: fixed;
	top: max(58px, calc(env(safe-area-inset-top) + 58px));
	transform: translate3d(-50%, 0, 0);
	transform-origin: 50% 0;
	width: min(94vw, 1180px);
	will-change: transform;
}

.xmla-lunar-lantern-rail-header {
	height: clamp(112px, 14vw, 196px);
	left: 50%;
	opacity: 0.92;
	pointer-events: none;
	position: absolute;
	top: calc(100% - 2px);
	transform: translate3d(-50%, 0, 0);
	width: min(96vw, 1180px);
	z-index: 1;
}

.xmla-soft-light-dot {
	animation: xmlaSoftGlow 5.5s ease-in-out infinite;
	background: radial-gradient(circle, rgba(244, 211, 94, 0.34), rgba(244, 211, 94, 0.12) 46%, transparent 72%);
	border-radius: 999px;
	display: block;
	height: clamp(34px, 5vw, 72px);
	opacity: 0.48;
	position: fixed;
	transform: translate3d(0, 0, 0);
	width: clamp(34px, 5vw, 72px);
}

.xmla-diwali-spark {
	background: radial-gradient(circle, rgba(255, 235, 158, 0.46), rgba(255, 177, 61, 0.12) 44%, transparent 70%);
}

.xmla-national-banner {
	animation: xmlaNationalDrift 12s ease-in-out infinite;
	height: clamp(30px, 4vw, 54px);
	left: 0;
	opacity: 0.16;
	position: fixed;
	right: 0;
	top: 0;
	transform-origin: center top;
}

.xmla-national-maple {
	background: linear-gradient(90deg, #c5283d, #fff 28%, #fff 72%, #c5283d);
}

.xmla-national-tricolor {
	background: linear-gradient(90deg, #1c4ca1 0 33%, #fff 33% 66%, #d21f3c 66%);
}

.xmla-national-fiesta {
	background: linear-gradient(90deg, #1f8f55 0 33%, #fff 33% 66%, #ce2b37 66%);
}

.xmla-papel-picado-banner {
	animation: xmlaPapelPicadoSway 6.8s ease-in-out infinite;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: clamp(82px, 10vw, 154px);
	left: max(10px, env(safe-area-inset-left));
	perspective: 900px;
	pointer-events: none;
	position: fixed;
	right: max(10px, env(safe-area-inset-right));
	top: max(8px, calc(env(safe-area-inset-top) + 8px));
	transform-origin: 50% 0;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.xmla-papel-picado-banner-header {
	height: clamp(76px, 8.8vw, 132px);
	left: max(10px, env(safe-area-inset-left));
	position: absolute;
	right: max(10px, env(safe-area-inset-right));
	top: calc(100% + 2px);
	z-index: 1;
}

.xmla-papel-picado-banner::before {
	background: linear-gradient(90deg, transparent, rgba(46, 34, 19, 0.52), transparent);
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.xmla-papel-panel {
	animation: xmlaPapelPicadoSway 5.6s ease-in-out infinite;
	background:
		radial-gradient(circle at 50% 31%, rgba(255, 255, 255, 0.62) 0 7%, transparent 7.5%),
		radial-gradient(circle at 33% 56%, rgba(255, 255, 255, 0.5) 0 6%, transparent 6.5%),
		radial-gradient(circle at 67% 56%, rgba(255, 255, 255, 0.5) 0 6%, transparent 6.5%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 44%),
		var(--xmla-papel-color, rgba(31, 143, 85, 0.9));
	border-radius: 2px 2px 5px 5px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		0 8px 14px rgba(30, 19, 11, 0.14);
	clip-path: polygon(0 0, 100% 0, 100% 78%, 88% 100%, 76% 78%, 64% 100%, 52% 78%, 40% 100%, 28% 78%, 16% 100%, 0 78%);
	display: block;
	height: clamp(34px, 5.2vw, 62px);
	opacity: 0.86;
	position: relative;
	transform-origin: 50% 0;
	width: clamp(28px, 4.2vw, 54px);
	will-change: transform, opacity;
}

.xmla-papel-panel::before {
	background:
		radial-gradient(ellipse at 50% 50%, transparent 0 36%, rgba(255, 255, 255, 0.3) 37% 41%, transparent 42%),
		linear-gradient(90deg, transparent 0 22%, rgba(255, 255, 255, 0.34) 23% 27%, transparent 28% 72%, rgba(255, 255, 255, 0.34) 73% 77%, transparent 78%);
	content: "";
	inset: 16% 14% 22%;
	position: absolute;
}

.xmla-papel-panel-green {
	--xmla-papel-color: rgba(16, 126, 77, 0.9);
}

.xmla-papel-panel-white {
	--xmla-papel-color: rgba(255, 248, 232, 0.86);
}

.xmla-papel-panel-red {
	--xmla-papel-color: rgba(197, 39, 50, 0.9);
}

.xmla-papel-panel-gold {
	--xmla-papel-color: rgba(235, 173, 57, 0.88);
}

.xmla-papel-panel-rose {
	--xmla-papel-color: rgba(210, 75, 113, 0.86);
}

.xmla-national-diamond {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.84) 25%, transparent 25%) 0 0 / 28px 28px,
		linear-gradient(225deg, rgba(255, 255, 255, 0.84) 25%, transparent 25%) 0 0 / 28px 28px,
		#5b9bd5;
}

.xmla-national-gift {
	background: linear-gradient(90deg, #0d5eaf, #fff, #cf142b);
}

.xmla-national-poppy {
	background: linear-gradient(90deg, rgba(174, 28, 40, 0.9), rgba(26, 26, 26, 0.78), rgba(255, 255, 255, 0.82));
}

.xmla-national-accent {
	filter: var(--xmla-depth-shadow) var(--xmla-cool-glow) var(--xmla-premium-saturate);
}

.xmla-oktoberfest-stein {
	animation: xmlaOktoberfestSteinSway 5.8s ease-in-out infinite;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: max(18px, calc(env(safe-area-inset-bottom) + 18px));
	display: block;
	filter:
		drop-shadow(0 18px 24px rgba(40, 24, 10, 0.22))
		drop-shadow(0 0 20px rgba(250, 187, 72, 0.18))
		saturate(1.08)
		contrast(1.03);
	height: clamp(78px, 10vw, 144px);
	opacity: 0.9;
	pointer-events: none;
	position: fixed;
	top: auto;
	transform-origin: 50% 76%;
	width: clamp(48px, 6.4vw, 88px);
	will-change: transform, opacity;
	--xmla-stein-scale-x: 1;
	--xmla-stein-rotate-a: -5deg;
	--xmla-stein-rotate-b: 5deg;
}

.xmla-oktoberfest-stein-left {
	left: clamp(18px, 4vw, 58px);
}

.xmla-oktoberfest-stein-right {
	animation-delay: -2.2s;
	right: clamp(18px, 4vw, 58px);
	--xmla-stein-scale-x: -1;
	--xmla-stein-rotate-a: 5deg;
	--xmla-stein-rotate-b: -5deg;
}

.xmla-boxing-day-gloves {
	animation: xmlaBoxingGlovesHang 5.4s ease-in-out infinite;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	filter:
		drop-shadow(0 18px 24px rgba(42, 12, 12, 0.24))
		drop-shadow(0 0 18px rgba(210, 46, 54, 0.16))
		saturate(1.06)
		contrast(1.04);
	height: clamp(118px, 17vw, 216px);
	opacity: 0.92;
	pointer-events: none;
	position: fixed;
	right: clamp(18px, 4vw, 58px);
	top: max(52px, calc(env(safe-area-inset-top) + 52px));
	transform: translate3d(0, 0, 0) rotate(-2deg);
	transform-origin: 50% 0;
	width: clamp(76px, 11vw, 138px);
	will-change: transform, opacity;
}

.xmla-boxing-day-gloves-header {
	height: clamp(104px, 13vw, 178px);
	position: absolute;
	right: clamp(22px, 5vw, 78px);
	top: calc(100% + 2px);
	z-index: 1;
}

.xmla-boxing-day-gloves::before {
	background: linear-gradient(180deg, rgba(32, 24, 22, 0.62), rgba(32, 24, 22, 0.14));
	content: "";
	height: clamp(22px, 4vw, 48px);
	left: 50%;
	position: absolute;
	top: clamp(-22px, -3vw, -10px);
	transform: translateX(-50%);
	width: 2px;
}

.xmla-turkey-accent {
	filter:
		var(--xmla-depth-shadow)
		drop-shadow(0 0 18px rgba(191, 116, 57, 0.18))
		saturate(1.08);
}

.xmla-jewish-accent {
	bottom: max(18px, calc(env(safe-area-inset-bottom) + 18px));
	filter:
		var(--xmla-depth-shadow)
		drop-shadow(0 0 18px rgba(130, 174, 255, 0.18))
		saturate(1.08);
	opacity: 0.76;
	pointer-events: none;
	right: clamp(16px, 3vw, 40px);
	top: auto;
}

.xmla-seasonal-pause {
	background: rgba(22, 24, 28, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	bottom: max(12px, env(safe-area-inset-bottom));
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
	color: #fff;
	cursor: pointer;
	font: 600 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	left: max(12px, env(safe-area-inset-left));
	padding: 9px 13px;
	position: fixed;
	right: auto;
	z-index: calc(var(--xmla-seasonal-z-index, 9998) + 1);
}

.xmla-seasonal-pause:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

@keyframes xmlaSeasonalFall {
	0% {
		opacity: 0;
		transform: translate3d(0, -12vh, 0) scale(var(--xmla-scale, 1)) rotate(0deg);
	}
	10% {
		opacity: var(--xmla-opacity, 0.7);
	}
	48% {
		transform: translate3d(var(--xmla-sway, 32px), 48vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate-half, 18deg));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-drift, 0), 112vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate, 35deg));
	}
}

@keyframes xmlaHeartFall {
	0% {
		opacity: 0;
		transform: translate3d(0, -16vh, 0) scale(var(--xmla-scale, 1)) rotate(0deg);
	}
	7% {
		opacity: var(--xmla-opacity, 0.7);
		transform: translate3d(var(--xmla-sway-a, 18px), -2vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate-mid, 12deg));
	}
	36% {
		opacity: var(--xmla-opacity, 0.7);
		transform: translate3d(var(--xmla-sway, 32px), 34vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate-half, 18deg));
	}
	68% {
		opacity: var(--xmla-opacity, 0.7);
		transform: translate3d(var(--xmla-sway-reverse, -34px), 72vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate-mid, -18deg));
	}
	92% {
		opacity: var(--xmla-opacity, 0.7);
		transform: translate3d(var(--xmla-sway-c, 18px), 103vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate, 35deg));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-drift, 0), 116vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate, 35deg));
	}
}

@keyframes xmlaHeartFloatGlow {
	0%,
	100% {
		filter: saturate(1) brightness(1);
		opacity: 0.92;
	}
	50% {
		filter: saturate(1.08) brightness(1.08);
		opacity: 1;
	}
}

@keyframes xmlaCloverFall {
	0% {
		opacity: 0;
		transform: translate3d(0, var(--xmla-clover-drop-start, -12vh), 0) scale(var(--xmla-scale, 1)) rotate(0deg);
	}
	9% {
		opacity: var(--xmla-opacity, 0.72);
	}
	24% {
		transform: translate3d(var(--xmla-clover-wind-a, 56px), 18vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-clover-rotate-a, 42deg));
	}
	48% {
		transform: translate3d(var(--xmla-clover-wind-b, -92px), 46vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-clover-rotate-b, 190deg));
	}
	73% {
		opacity: var(--xmla-opacity, 0.68);
		transform: translate3d(var(--xmla-clover-wind-c, 48px), 78vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-clover-rotate-c, -170deg));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-drift, 0), 112vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-rotate, 110deg));
	}
}

@keyframes xmlaLeafFall {
	0% {
		opacity: 0;
		transform: translate3d(0, -12vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-tilt, 0deg));
	}
	8% {
		opacity: var(--xmla-opacity, 0.7);
	}
	16% {
		transform: translate3d(var(--xmla-sway-a, 18px), 13vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-spin-a, 86deg));
	}
	25% {
		transform: translate3d(var(--xmla-sway, 42px), 24vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-spin-mid, 114deg));
	}
	52% {
		transform: translate3d(var(--xmla-sway-reverse, -38px), 55vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-spin-b, -180deg));
	}
	78% {
		opacity: var(--xmla-opacity, 0.62);
		transform: translate3d(var(--xmla-sway-c, 19px), 84vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-spin-c, 260deg));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-drift, 0), 112vh, 0) scale(var(--xmla-scale, 1)) rotate(var(--xmla-leaf-spin-final, 420deg));
	}
}

@keyframes xmlaThanksgivingGarlandLeaf {
	0%,
	100% {
		opacity: 0.78;
		transform: translate3d(var(--xmla-garland-sway, 0), 0, 0) rotate(var(--xmla-garland-rotate, 0deg)) scale(0.98);
	}
	32% {
		opacity: 0.92;
		transform: translate3d(var(--xmla-garland-sway-alt, 0), 2px, 0) rotate(var(--xmla-garland-rotate-a, 5deg)) scale(1.02);
	}
	68% {
		opacity: 0.86;
		transform: translate3d(var(--xmla-garland-sway, 0), -1px, 0) rotate(var(--xmla-garland-rotate-b, -4deg)) scale(1);
	}
}

@keyframes xmlaEggDrop {
	0% {
		opacity: 0;
		transform: translate3d(-50%, -18vh, 0) rotate(0deg) scale(0.96);
	}
	6% {
		opacity: 0.95;
	}
	100% {
		opacity: 0.95;
		transform: translate3d(-50%, calc(100vh - var(--xmla-egg-land, 28px) - var(--xmla-egg-height, 36px)), 0) rotate(var(--xmla-egg-rotate, 0deg)) scale(1);
	}
}

@keyframes xmlaEggCrack {
	0% {
		opacity: 0;
		transform: translate3d(-50%, 0, 0) scale(0.65);
	}
	18% {
		opacity: 0.9;
		transform: translate3d(-50%, 0, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate3d(-50%, 0, 0) scale(1.18);
	}
}

@keyframes xmlaEggShell {
	0% {
		opacity: 0.9;
		transform: translate3d(-50%, 0, 0) rotate(0deg) scale(0.9);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(-50% + var(--xmla-shell-x, 16px)), var(--xmla-shell-y, -12px), 0) rotate(var(--xmla-shell-r, 45deg)) scale(0.72);
	}
}

@keyframes xmlaSantaFly {
	0% {
		opacity: 0;
		transform: translate3d(-78vw, 18px, 0) scale(0.82) rotate(-1.8deg) rotateY(-4deg);
	}
	8% {
		opacity: 0.96;
		transform: translate3d(-62vw, 12px, 0) scale(0.86) rotate(-1.2deg) rotateY(-2deg);
	}
	22% {
		opacity: 1;
		transform: translate3d(-34vw, 2px, 0) scale(0.92) rotate(-0.4deg) rotateY(2deg);
	}
	36% {
		transform: translate3d(-6vw, -8px, 0) scale(0.98) rotate(0.6deg) rotateY(4deg);
	}
	50% {
		transform: translate3d(22vw, -14px, 0) scale(1) rotate(0.9deg) rotateY(3deg);
	}
	64% {
		transform: translate3d(50vw, -5px, 0) scale(0.96) rotate(0deg) rotateY(0deg);
	}
	78% {
		transform: translate3d(78vw, 5px, 0) scale(0.9) rotate(-0.8deg) rotateY(-3deg);
	}
	90% {
		opacity: 0.92;
		transform: translate3d(102vw, -2px, 0) scale(0.84) rotate(-1.2deg) rotateY(-4deg);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(100vw + 240px), -10px, 0) scale(0.8) rotate(-1.6deg) rotateY(-5deg);
	}
}

@keyframes xmlaSantaTrail {
	0% {
		opacity: 0;
		transform: translate3d(-72vw, 14px, 0) scaleX(0.62);
	}
	12% {
		opacity: 0.72;
		transform: translate3d(-48vw, 8px, 0) scaleX(0.78);
	}
	34% {
		opacity: 0.88;
		transform: translate3d(-4vw, -6px, 0) scaleX(1);
	}
	58% {
		opacity: 0.72;
		transform: translate3d(44vw, -3px, 0) scaleX(1.08);
	}
	82% {
		opacity: 0.42;
		transform: translate3d(92vw, 3px, 0) scaleX(0.94);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(100vw + 180px), -4px, 0) scaleX(0.76);
	}
}

@keyframes xmlaSantaAurora {
	0% {
		opacity: 0;
		transform: translate3d(-70vw, 10px, 0) scaleX(0.68);
	}
	18% {
		opacity: 0.72;
	}
	54% {
		opacity: 0.65;
		transform: translate3d(40vw, -10px, 0) scaleX(1);
	}
	78% {
		opacity: 0.32;
		transform: translate3d(88vw, -5px, 0) scaleX(0.88);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(100vw + 120px), -8px, 0) scaleX(0.78);
	}
}

@keyframes xmlaSantaSparkle {
	0% {
		opacity: 0;
		transform: translate3d(-18vw, 0, 0) scale(0.2);
	}
	16% {
		opacity: 0.86;
	}
	62% {
		opacity: 0.58;
		transform: translate3d(58vw, var(--xmla-santa-star-y, 16px), 0) scale(var(--xmla-santa-star-scale, 1));
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(100vw + 90px), var(--xmla-santa-star-y-end, -6px), 0) scale(0.3);
	}
}

@keyframes xmlaSantaDust {
	0% {
		opacity: 0;
		transform: translate3d(var(--xmla-santa-dust-start, -24vw), 0, 0) scale(0.2);
	}
	16% {
		opacity: 0.82;
	}
	72% {
		opacity: 0.58;
		transform: translate3d(var(--xmla-santa-dust-end, 34vw), var(--xmla-santa-dust-y, 12px), 0) scale(var(--xmla-santa-dust-scale, 1));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-santa-dust-fade, 46vw), var(--xmla-santa-dust-y-end, 4px), 0) scale(0.24);
	}
}

@keyframes xmlaSantaMoonGlow {
	0%,
	100% {
		opacity: 0;
	}
	18%,
	74% {
		opacity: 1;
	}
}

@keyframes xmlaChristmasBulbTwinkle {
	0%,
	100% {
		filter: brightness(0.82) saturate(0.96);
		opacity: 0.62;
		transform: translate3d(var(--xmla-bulb-sway, 0), 0, 0) rotate(-2deg) scale(0.96);
	}
	22% {
		filter: brightness(1.18) saturate(1.12);
		opacity: 0.94;
	}
	47% {
		filter: brightness(0.9) saturate(1);
		opacity: 0.7;
		transform: translate3d(var(--xmla-bulb-sway-alt, 0), 1px, 0) rotate(2.2deg) scale(1);
	}
	72% {
		filter: brightness(1.36) saturate(1.18);
		opacity: 1;
	}
}

@keyframes xmlaChristmasLightSheen {
	0%,
	54%,
	100% {
		transform: translate3d(-100%, 0, 0);
	}
	72% {
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes xmlaFirework {
	0% {
		opacity: 0;
		transform: scale(0.15);
	}
	24% {
		opacity: 0.72;
	}
	100% {
		opacity: 0;
		transform: scale(1.8);
	}
}

@keyframes xmlaNewYearBallDrop {
	0% {
		filter: brightness(1) saturate(1);
		transform: translate3d(-50%, 0, 0) scale(0.92);
	}
	72% {
		filter: brightness(1.08) saturate(1.06);
		transform: translate3d(-50%, calc(var(--xmla-ball-travel) * 0.72), 0) scale(1);
	}
	100% {
		filter: brightness(1.28) saturate(1.12);
		transform: translate3d(-50%, var(--xmla-ball-travel), 0) scale(1.05);
	}
}

@keyframes xmlaNewYearBallGlow {
	0%,
	100% {
		box-shadow:
			0 0 22px rgba(255, 255, 255, 0.7),
			0 0 52px rgba(121, 203, 255, 0.42),
			0 0 84px rgba(255, 224, 120, 0.26);
	}
	50% {
		box-shadow:
			0 0 32px rgba(255, 255, 255, 0.92),
			0 0 72px rgba(121, 203, 255, 0.58),
			0 0 112px rgba(255, 224, 120, 0.38);
	}
}

@keyframes xmlaNewYearNumberPulse {
	0%,
	100% {
		opacity: 0.9;
		transform: translate3d(-50%, -50%, 0) scale(0.96);
	}
	45% {
		opacity: 1;
		transform: translate3d(-50%, -50%, 0) scale(1.04);
	}
}

@keyframes xmlaNewYearCaptionGlow {
	0%,
	100% {
		opacity: 0.78;
	}
	50% {
		opacity: 1;
	}
}

@keyframes xmlaNewYearFinalNumber {
	0% {
		opacity: 1;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1.3);
	}
}

@keyframes xmlaNewYearCaptionFinal {
	0% {
		opacity: 0.86;
		transform: translate3d(-50%, 0, 0) scale(0.94);
	}
	100% {
		opacity: 1;
		transform: translate3d(-50%, 0, 0) scale(1.04);
	}
}

@keyframes xmlaFlagWave {
	0%,
	100% {
		transform: skewY(-0.5deg) translate3d(0, 0, 0);
	}
	50% {
		transform: skewY(0.5deg) translate3d(0, 2px, 0);
	}
}

@keyframes xmlaFlagHeroWave {
	0%,
	100% {
		transform: translate3d(-50%, -7px, 0) rotateX(8deg) skewY(-0.42deg) scaleX(1.01);
	}
	35% {
		transform: translate3d(-50%, -2px, 0) rotateX(10deg) skewY(0.38deg) scaleX(1.018);
	}
	70% {
		transform: translate3d(-50%, -5px, 0) rotateX(7deg) skewY(-0.26deg) scaleX(1.014);
	}
}

@keyframes xmlaFlagSheen {
	0% {
		transform: translate3d(-40vw, 0, 0);
	}
	55%,
	100% {
		transform: translate3d(150vw, 0, 0);
	}
}

@keyframes xmlaMountedFlagWave {
	0%,
	100% {
		filter:
			drop-shadow(0 22px 26px rgba(3, 10, 22, 0.24))
			drop-shadow(0 4px 8px rgba(3, 10, 22, 0.16));
		transform: rotateZ(-1deg) rotateY(-7deg) translate3d(0, 0, 0) scale(1);
	}
	30% {
		transform: rotateZ(0.8deg) rotateY(6deg) translate3d(-2px, -3px, 0) scale(1.012);
	}
	62% {
		filter:
			drop-shadow(0 24px 28px rgba(3, 10, 22, 0.26))
			drop-shadow(0 5px 9px rgba(3, 10, 22, 0.17));
		transform: rotateZ(-0.35deg) rotateY(3deg) translate3d(1px, 1px, 0) scale(1.004);
	}
}

@keyframes xmlaMountedFlagSheen {
	0%,
	100% {
		opacity: 0.28;
		transform: translate3d(-6%, 0, 0);
	}
	42% {
		opacity: 0.45;
		transform: translate3d(6%, -1%, 0);
	}
	72% {
		opacity: 0.34;
		transform: translate3d(1%, 1%, 0);
	}
}

@keyframes xmlaSparklerPulse {
	0%,
	100% {
		opacity: 0.9;
		transform: scale(0.88);
	}
	45% {
		opacity: 1;
		transform: scale(1.14);
	}
	72% {
		opacity: 0.78;
		transform: scale(0.96);
	}
}

@keyframes xmlaSparklerParticle {
	0% {
		opacity: 1;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(-50% + var(--xmla-spark-x, 18px)), calc(-50% + var(--xmla-spark-y, -22px)), 0) scale(0.18);
	}
}

@keyframes xmlaCookieCursor {
	0%,
	100% {
		filter: saturate(1) brightness(1);
	}
	50% {
		filter: saturate(1.05) brightness(1.04);
	}
}

@keyframes xmlaCookieCrumb {
	0% {
		opacity: 0.84;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(-50% + var(--xmla-crumb-x, 12px)), calc(-50% + var(--xmla-crumb-y, 20px)), 0) scale(0.32);
	}
}

@keyframes xmlaCookieBite {
	0% {
		filter: saturate(1) brightness(1);
	}
	45% {
		filter: saturate(1.08) brightness(1.08);
	}
	100% {
		filter: saturate(1) brightness(1);
	}
}

@keyframes xmlaFlashlightFlicker {
	0%,
	100% {
		opacity: 0.94;
	}
	18% {
		opacity: 0.88;
	}
	26% {
		opacity: 1;
	}
	54% {
		opacity: 0.91;
	}
	62% {
		opacity: 0.98;
	}
}

@keyframes xmlaFlashlightLensGlow {
	0%,
	100% {
		opacity: 0.72;
		transform: translate3d(-50%, -50%, 0) scale(0.94);
	}
	35% {
		opacity: 0.96;
		transform: translate3d(-50%, -50%, 0) scale(1.06);
	}
	66% {
		opacity: 0.82;
		transform: translate3d(-50%, -50%, 0) scale(0.98);
	}
}

@keyframes xmlaEeriePulse {
	0%,
	100% {
		opacity: 0.58;
		transform: scale(0.96);
	}
	50% {
		opacity: 0.86;
		transform: scale(1.04);
	}
}

@keyframes xmlaHalloweenFog {
	0% {
		transform: translate3d(-8vw, 0, 0) scaleX(0.95);
	}
	100% {
		transform: translate3d(160vw, 0, 0) scaleX(1.1);
	}
}

@keyframes xmlaHalloweenBoardsDrift {
	0%,
	100% {
		transform: translate3d(-50%, 0, 0) rotate(-0.45deg);
	}
	50% {
		transform: translate3d(-50%, 3px, 0) rotate(0.35deg);
	}
}

@keyframes xmlaHalloweenBatFly {
	0% {
		opacity: 0;
		transform: translate3d(var(--xmla-bat-start-x, -28vw), 0, 0) scale(var(--xmla-bat-scale, 1)) rotateZ(-4deg);
	}
	7% {
		opacity: var(--xmla-bat-opacity-in, 0.58);
	}
	16% {
		opacity: var(--xmla-bat-opacity, 0.76);
		transform: translate3d(var(--xmla-bat-x-a, 10vw), var(--xmla-bat-y-a, -42px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(var(--xmla-bat-bank-a, 12deg));
	}
	31% {
		transform: translate3d(var(--xmla-bat-x-b, 34vw), var(--xmla-bat-y-b, 28px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(var(--xmla-bat-bank-b, -16deg));
	}
	48% {
		opacity: var(--xmla-bat-opacity-mid, 0.7);
		transform: translate3d(var(--xmla-bat-x-c, 62vw), var(--xmla-bat-y-c, -58px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(var(--xmla-bat-bank-c, 18deg));
	}
	66% {
		transform: translate3d(var(--xmla-bat-x-d, 92vw), var(--xmla-bat-y-d, 26px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(var(--xmla-bat-bank-d, -10deg));
	}
	84% {
		opacity: var(--xmla-bat-opacity-out, 0.62);
		transform: translate3d(var(--xmla-bat-x-e, 112vw), var(--xmla-bat-y-e, 4px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(var(--xmla-bat-bank-e, -5deg));
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-bat-end-x, 132vw), var(--xmla-bat-y-end, 8px), 0) scale(var(--xmla-bat-scale, 1)) rotateZ(5deg);
	}
}

@keyframes xmlaHalloweenBatWingFlap {
	0%,
	100% {
		transform: scaleX(var(--xmla-bat-facing, 1)) scaleY(0.78) rotateX(16deg);
	}
	34% {
		transform: scaleX(var(--xmla-bat-facing, 1)) scaleY(1.08) rotateX(-8deg);
	}
	62% {
		transform: scaleX(var(--xmla-bat-facing, 1)) scaleY(0.9) rotateX(10deg);
	}
}

@keyframes xmlaPumpkinCandleFlicker {
	0%,
	100% {
		opacity: 0.62;
		transform: scale(0.96);
	}
	22% {
		opacity: 0.92;
		transform: scale(1.04) translate3d(1px, -1px, 0);
	}
	47% {
		opacity: 0.7;
		transform: scale(0.99) translate3d(-1px, 1px, 0);
	}
	73% {
		opacity: 1;
		transform: scale(1.07) translate3d(0, -1px, 0);
	}
}

@keyframes xmlaHalloweenLeafWind {
	0% {
		opacity: 0;
		transform: translate3d(var(--xmla-halloween-leaf-start-x, -18vw), -12vh, 0) scale(var(--xmla-halloween-scale, 1)) rotate(0deg) rotateY(68deg);
	}
	8% {
		opacity: 0.78;
	}
	18% {
		transform: translate3d(var(--xmla-halloween-leaf-x-a, 28vw), var(--xmla-halloween-leaf-y-a, 12vh), 0) scale(var(--xmla-halloween-scale, 1)) rotate(var(--xmla-halloween-spin-a, 180deg)) rotateX(52deg);
	}
	38% {
		opacity: 0.72;
		transform: translate3d(var(--xmla-halloween-leaf-x-b, 58vw), var(--xmla-halloween-leaf-y-b, 36vh), 0) scale(var(--xmla-halloween-scale, 1)) rotate(var(--xmla-halloween-spin-b, 390deg)) rotateY(-76deg);
	}
	58% {
		transform: translate3d(var(--xmla-halloween-leaf-x-c, 90vw), var(--xmla-halloween-leaf-y-c, 64vh), 0) scale(var(--xmla-halloween-scale, 1)) rotate(var(--xmla-halloween-spin-c, 620deg)) rotateX(-58deg);
	}
	76% {
		opacity: 0.62;
		transform: translate3d(calc(var(--xmla-halloween-leaf-x-c, 90vw) + 14vw), calc(var(--xmla-halloween-leaf-y-c, 64vh) - 9vh), 0) scale(var(--xmla-halloween-scale, 1)) rotate(calc(var(--xmla-halloween-spin-c, 620deg) + 190deg)) rotateY(68deg);
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--xmla-halloween-leaf-x-end, 136vw), var(--xmla-halloween-leaf-y-end, 112vh), 0) scale(var(--xmla-halloween-scale, 1)) rotate(var(--xmla-halloween-spin, 920deg)) rotateX(70deg);
	}
}

@keyframes xmlaCandleGlow {
	0%,
	100% {
		opacity: 0.44;
		transform: scale(0.96);
	}
	50% {
		opacity: 0.75;
		transform: scale(1.05);
	}
}

@keyframes xmlaCandleFlicker {
	0%,
	100% {
		opacity: 0.84;
		transform: translate3d(-50%, 0, 0) scale(0.96, 1.04) rotate(-2deg);
	}
	18% {
		opacity: 1;
		transform: translate3d(calc(-50% - 1px), -2px, 0) scale(1.03, 1.14) rotate(2deg);
	}
	34% {
		opacity: 0.76;
		transform: translate3d(calc(-50% + 1px), 1px, 0) scale(0.9, 0.98) rotate(-4deg);
	}
	58% {
		opacity: 0.98;
		transform: translate3d(-50%, -1px, 0) scale(1.08, 1.18) rotate(3deg);
	}
	76% {
		opacity: 0.82;
		transform: translate3d(calc(-50% + 1px), 0, 0) scale(0.94, 1.02) rotate(1deg);
	}
}

@keyframes xmlaDiyaGlow {
	0%,
	100% {
		opacity: 0.42;
		transform: scale(0.96);
	}
	45% {
		opacity: 0.72;
		transform: scale(1.06);
	}
	62% {
		opacity: 0.56;
		transform: scale(1.01);
	}
}

@keyframes xmlaDiyaBreathe {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotateX(4deg) rotateY(-5deg) scale(1);
	}
	50% {
		transform: translate3d(0, -2px, 0) rotateX(5deg) rotateY(-3deg) scale(1.035);
	}
}

@keyframes xmlaSoftGlow {
	0%,
	100% {
		opacity: 0.26;
		transform: scale(0.92);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.08);
	}
}

@keyframes xmlaNationalDrift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, 2px, 0);
	}
}

@keyframes xmlaPapelPicadoSway {
	0%,
	100% {
		transform: rotateX(3deg) rotateZ(-1.8deg) translate3d(0, 0, 0);
	}
	50% {
		transform: rotateX(7deg) rotateZ(1.8deg) translate3d(0, 2px, 0);
	}
}

@keyframes xmlaOktoberfestSteinSway {
	0%,
	100% {
		opacity: 0.86;
		transform: scaleX(var(--xmla-stein-scale-x, 1)) rotate(var(--xmla-stein-rotate-a, -5deg)) translate3d(0, 0, 0);
	}
	50% {
		opacity: 0.96;
		transform: scaleX(var(--xmla-stein-scale-x, 1)) rotate(var(--xmla-stein-rotate-b, 5deg)) translate3d(0, 3px, 0);
	}
}

@keyframes xmlaBoxingGlovesHang {
	0%,
	100% {
		opacity: 0.88;
		transform: translate3d(-50%, 0, 0) rotate(-2.6deg);
	}
	50% {
		opacity: 0.96;
		transform: translate3d(-50%, 3px, 0) rotate(2.6deg);
	}
}

@keyframes xmlaLanternSway {
	0%,
	100% {
		transform: translate3d(-50%, 0, 0) rotate(-0.8deg);
	}
	50% {
		transform: translate3d(-50%, 4px, 0) rotate(0.8deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	#xmla-seasonal-effects .xmla-falling-item,
	#xmla-seasonal-effects .xmla-heart-shape,
	#xmla-seasonal-effects .xmla-heart-sprite,
	#xmla-seasonal-effects .xmla-santa,
	#xmla-seasonal-effects .xmla-firework,
	#xmla-seasonal-effects .xmla-flag-banner,
	.xmla-flag-hero-ribbon,
	#xmla-seasonal-effects .xmla-flag-hero-ribbon,
	#xmla-seasonal-effects .xmla-mounted-flag,
	#xmla-seasonal-effects .xmla-santa-trail,
	#xmla-seasonal-effects .xmla-santa-sparkle,
	#xmla-seasonal-effects .xmla-santa-dust,
	#xmla-seasonal-effects .xmla-santa-moon-glow,
	#xmla-seasonal-effects .xmla-santa-aurora,
	#xmla-seasonal-effects .xmla-new-year-ball,
	#xmla-seasonal-effects .xmla-new-year-countdown-number,
	#xmla-seasonal-effects .xmla-new-year-countdown-caption,
	#xmla-seasonal-effects .xmla-christmas-light-string,
	#xmla-seasonal-effects .xmla-christmas-bulb,
	#xmla-seasonal-effects .xmla-thanksgiving-garland,
	#xmla-seasonal-effects .xmla-thanksgiving-garland-leaf,
	.xmla-flag-sheen,
	#xmla-seasonal-effects .xmla-flag-sheen,
	#xmla-seasonal-effects .xmla-candle-glow,
	#xmla-seasonal-effects .xmla-menorah-flame,
	.xmla-lunar-lantern-rail,
	#xmla-seasonal-effects .xmla-lunar-lantern-rail,
	#xmla-seasonal-effects .xmla-diwali-flame,
	#xmla-seasonal-effects .xmla-diwali-light-pool,
	#xmla-seasonal-effects .xmla-diwali-diya,
	#xmla-seasonal-effects .xmla-soft-light-dot,
	#xmla-seasonal-effects .xmla-national-banner,
	.xmla-papel-picado-banner,
	.xmla-papel-panel,
	#xmla-seasonal-effects .xmla-papel-panel,
	#xmla-seasonal-effects .xmla-oktoberfest-stein,
	.xmla-boxing-day-gloves,
	#xmla-seasonal-effects .xmla-boxing-day-gloves,
	#xmla-seasonal-effects .xmla-halloween-wood-boards,
	#xmla-seasonal-effects .xmla-cookie-cursor,
	#xmla-seasonal-effects .xmla-cookie-crumb,
	#xmla-seasonal-effects .xmla-halloween-bat,
	#xmla-seasonal-effects .xmla-halloween-bat-wing,
	#xmla-seasonal-effects .xmla-pumpkin::after,
	#xmla-seasonal-effects .xmla-flashlight-beam,
	#xmla-seasonal-effects .xmla-flashlight-cursor::before {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}

	#xmla-seasonal-effects .xmla-falling-item {
		display: none;
	}
}

@media (max-width: 640px) {
	.xmla-seasonal-pause {
		font-size: 11px;
		padding: 8px 11px;
	}

	.xmla-mounted-flag-overlay {
		bottom: max(58px, calc(env(safe-area-inset-bottom) + 58px));
		left: max(8px, env(safe-area-inset-left));
		width: clamp(132px, 36vw, 190px);
	}

	.xmla-new-year-countdown-caption {
		max-width: 86vw;
		white-space: normal;
	}

	.xmla-menorah-stage {
		bottom: max(14px, calc(env(safe-area-inset-bottom) + 14px));
		height: 132px;
		right: max(10px, env(safe-area-inset-right));
		top: auto;
		width: 100px;
	}

	.xmla-jewish-accent {
		bottom: max(14px, calc(env(safe-area-inset-bottom) + 14px));
		height: 84px;
		right: max(10px, env(safe-area-inset-right));
		top: auto;
		width: 84px;
	}

	.xmla-lunar-lantern-rail {
		height: 126px;
		top: 54px;
		width: 108vw;
	}

	.xmla-lunar-lantern-rail-header {
		height: 112px;
		top: calc(100% - 1px);
		width: 106vw;
	}

	.xmla-papel-picado-banner-header {
		height: clamp(58px, 16vw, 96px);
		left: max(6px, env(safe-area-inset-left));
		right: max(6px, env(safe-area-inset-right));
		top: calc(100% + 1px);
	}

	.xmla-oktoberfest-stein {
		bottom: max(12px, calc(env(safe-area-inset-bottom) + 12px));
		height: 88px;
		top: auto;
		width: 54px;
	}

	.xmla-oktoberfest-stein-left {
		left: max(12px, env(safe-area-inset-left));
	}

	.xmla-oktoberfest-stein-right {
		right: max(12px, env(safe-area-inset-right));
	}

	.xmla-eid-al-fitr-accent {
		bottom: max(14px, calc(env(safe-area-inset-bottom) + 14px));
		height: 84px;
		right: max(10px, env(safe-area-inset-right));
		top: auto;
		width: 84px;
	}

	.xmla-boxing-day-gloves-header {
		height: 112px;
		right: max(14px, env(safe-area-inset-right));
		top: calc(100% + 1px);
		width: 72px;
	}

	.xmla-halloween-wood-boards {
		height: 92px;
		top: 54px;
		width: 120vw;
	}
}