.scroll-invitation{color:#fbbf24;z-index:20;cursor:pointer;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .5s;animation:2s ease-in-out infinite fadeInOut;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-invitation--hidden{animation-play-state:paused;opacity:0!important}.scroll-text{text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #0000004d;font-size:13px;font-weight:700}.mouse-icon{border:2px solid #fbbf24;border-radius:14px;width:26px;height:42px;position:relative;box-shadow:0 0 10px #fbbf2433}.wheel{background:#fbbf24;border-radius:2px;width:4px;height:8px;animation:1.8s infinite scroll-wheel-anim;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scroll-wheel-anim{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,18px)}}.arrow-down-anim{border-bottom:2px solid #fbbf24;border-right:2px solid #fbbf24;width:20px;height:20px;animation:1s infinite arrow-bounce-anim;transform:rotate(45deg)}@keyframes arrow-bounce-anim{0%,to{opacity:.5;transform:translateY(0)rotate(45deg)}50%{opacity:1;transform:translateY(8px)rotate(45deg)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}