.rain{background:var(--charcoal);position:relative;overflow:hidden}.rain__field{color:var(--paper);font-weight:500;position:absolute;inset:0;overflow:hidden}.rain__column{white-space:pre;animation-name:rain-fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:0}.rain__column:first-line{color:var(--amber)}.rain[data-paused=true] .rain__column{animation-play-state:paused}.rain__fade{pointer-events:none;background:linear-gradient(180deg, var(--charcoal), transparent 14%, transparent 78%, var(--charcoal));position:absolute;inset:0}@keyframes rain-fall{0%{transform:translateY(-118%)}to{transform:translateY(96%)}}@media (prefers-reduced-motion:reduce){.rain__column{animation:none;transform:translateY(-40%)}}