.Snowfall{--snowfall-large-flake-spacing:120px;--snowfall-small-flake-spacing:80px;--snowfall-loop-distance:240px;--snowfall-loop-duration:16s;z-index:16;pointer-events:none;position:fixed;inset:0;overflow:hidden}@media (min-width:768px){.Snowfall{--snowfall-large-flake-spacing:240px;--snowfall-small-flake-spacing:160px;--snowfall-loop-distance:480px;--snowfall-loop-duration:32s}}.Snowfall:before{content:"";inset:calc(-1*var(--snowfall-loop-distance)) 0 0;background-image:radial-gradient(circle, color-mix(in srgb, var(--white) 70%, transparent) 1.5px, transparent 2px),radial-gradient(circle, color-mix(in srgb, var(--white) 45%, transparent) 1px, transparent 1.5px);background-size:var(--snowfall-large-flake-spacing) var(--snowfall-large-flake-spacing),var(--snowfall-small-flake-spacing) var(--snowfall-small-flake-spacing);background-position:0 0,40px 60px;position:absolute}@media (prefers-reduced-motion:no-preference){.Snowfall:before{animation:snowfall var(--snowfall-loop-duration) linear infinite}}@keyframes snowfall{to{transform:translateY(var(--snowfall-loop-distance))}}