.seasonal-flair{left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.seasonal-flair-autumn{opacity:.35}.dark .seasonal-flair-autumn{opacity:.22}.seasonal-flair-winter{--flake:#8aa4c0;opacity:.7}.dark .seasonal-flair-winter{--flake:#fff;opacity:.5}.seasonal-particle{animation-iteration-count:infinite;animation-name:seasonal-fall;animation-timing-function:linear;position:absolute;top:0;will-change:transform}.seasonal-particle-sway{animation-direction:alternate;animation-iteration-count:infinite;animation-name:seasonal-sway;animation-timing-function:ease-in-out}.seasonal-particle svg{display:block;height:auto;width:100%}.snowflake{aspect-ratio:1;background:radial-gradient(circle,var(--flake) 35%,transparent 70%);border-radius:50%}@keyframes seasonal-fall{0%{transform:translateY(-10vh)}to{transform:translateY(calc(var(--fall-to) + 10vh))}}@keyframes seasonal-sway{0%{transform:translate(calc(var(--drift)*-1)) rotate(calc(var(--spin)*-.5)) rotateY(0)}to{transform:translate(var(--drift)) rotate(calc(var(--spin)*.5)) rotateY(calc(var(--spin)*.4))}}@media(prefers-reduced-motion:reduce){.seasonal-flair{display:none}}