.rain{pointer-events:none;background-color:var(--rain-ink);filter:invert();mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.rain-drop{--c:var(--rain-drop-blue);left:0;right:0;top:calc(var(--h) * -1);background-image:radial-gradient(2px 70px at 0px var(--h), var(--c), transparent), radial-gradient(2px 70px at 300px var(--h), var(--c), transparent), radial-gradient(1px 1px at 150px calc(var(--h) / 2), var(--c) 100%, transparent 150%);background-size:300px var(--h);background-position:var(--x) 0, calc(var(--x) + 2px) 0, calc(var(--x) + 151px) calc(var(--h) / 2);will-change:transform;animation:rainDrop var(--t) linear var(--d) infinite;position:absolute;bottom:0}.rain-drop.is-yellow{--c:var(--rain-drop-yellow)}@keyframes rainDrop{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--h), 0)}}.rain:after{content:"";z-index:1;background-image:radial-gradient(circle at 50% 50%, transparent 0, transparent 1.4px, var(--rain-ink) 1.5px);-webkit-backdrop-filter:blur(1em)brightness(12);backdrop-filter:blur(1em)brightness(12);background-size:5px 5px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.rain-drop{animation:none}}.rain-zone{z-index:-1;pointer-events:none;background:var(--color-base);-webkit-mask-image:var(--zone-mask);-webkit-mask-image:var(--zone-mask);mask-image:var(--zone-mask);opacity:var(--zone-opacity,1);position:absolute}.rain-zone.is-hero{--zone-mask:radial-gradient(ellipse 52% 56% at 50% 36%, #000 10%, transparent 100%);--zone-opacity:.45;width:100vw;top:0;bottom:0;left:50%;translate:-50%}.rain-zone.is-halo{--zone-mask:radial-gradient(ellipse 50% 50% at 50% 50%, #000 40%, transparent 100%);inset:-70px -140px}.rain-zone.is-band{--zone-mask:radial-gradient(ellipse 52% 60% at 50% 45%, #000 10%, transparent 100%);--zone-opacity:.45;inset:0 -20vw}@media (width<=767px){.rain-zone.is-halo{inset:-40px 0}.rain-zone.is-band{inset:0}}