.hero-key-rain{position:absolute;inset:0;z-index:0;pointer-events:none;min-height:100%}.hero-key-rain__canvas{width:100%;height:100%;display:block}.hero-key-rain__catcher{position:absolute;bottom:12%;width:68px;height:10px;margin-left:-34px;border-radius:999px;background-color:#ea580c;opacity:.55;pointer-events:none;transition:opacity .2s ease}.hero-key-rain--active .hero-key-rain__catcher{opacity:.95}@media not all and (min-width:1024px) and (hover:hover) and (pointer:fine){.hero-key-rain{display:none}}