.season{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none}.season-p{position:absolute;top:-6%;display:block;-webkit-user-select:none;user-select:none;opacity:0;will-change:transform,opacity;animation-name:season-fall;animation-timing-function:linear;animation-iteration-count:infinite}.season-p svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.season[data-dir=rise] .season-p{top:auto;bottom:-6%;animation-name:season-rise}@keyframes season-fall{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:0}8%{opacity:var(--o, .5)}50%{transform:translateY(51vh) translate(var(--sway, 0)) rotate(calc(var(--rot, 0deg) * .5))}92%{opacity:var(--o, .5)}to{transform:translateY(102vh) translate(0) rotate(var(--rot, 0deg));opacity:0}}@keyframes season-rise{0%{transform:translateY(10px) translate(0) rotate(0);opacity:0}8%{opacity:var(--o, .5)}50%{transform:translateY(-51vh) translate(var(--sway, 0)) rotate(calc(var(--rot, 0deg) * .5))}92%{opacity:var(--o, .5)}to{transform:translateY(-102vh) translate(0) rotate(var(--rot, 0deg));opacity:0}}@media(prefers-reduced-motion:reduce){.season{display:none}}