.scroll-hint{cursor:pointer;color:var(--foreground-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:color .28s,transform .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.scroll-hint__orb{justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.scroll-hint__orb:before{content:"";border:1.5px solid #6e0f5173;border-radius:9999px;position:absolute;inset:0}.scroll-hint__ring{filter:drop-shadow(0 0 5px #ff2d8fbf);background:conic-gradient(from 50deg,#ff2d8f00 0deg,#ff2d8f33 18deg,#ff2d8f 40deg,#ff2d8f33 62deg,#ff2d8f00 90deg 180deg,#ff2d8f33 198deg,#ff2d8f 220deg,#ff2d8f33 242deg,#ff2d8f00 270deg 360deg);border-radius:9999px;transition:filter .28s;animation:2.4s ease-in-out infinite scroll-hint-pulse;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px))}.scroll-hint__circle{z-index:1;background:linear-gradient(#3a3a3ad9 0%,#181818e6 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.scroll-hint__icon{margin-top:15px;animation:2s ease-in-out infinite scroll-hint-chevrons}.scroll-hint__label{letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#ffffffb3;white-space:nowrap;font-size:16px;font-weight:400;line-height:normal;transition:color .28s}@keyframes scroll-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes scroll-hint-chevrons{0%,to{opacity:.45;transform:translateY(-4px)}50%{opacity:1;transform:translateY(4px)}}@media (hover:hover) and (pointer:fine){.scroll-hint:hover,.scroll-hint:hover .scroll-hint__label{color:#fff}.scroll-hint:hover .scroll-hint__ring{filter:drop-shadow(0 0 9px #ff2d8ff2)}}.scroll-hint:active{transition-duration:.12s;transform:scale(.97)}@media (prefers-reduced-motion:reduce){.scroll-hint,.scroll-hint__circle,.scroll-hint__ring,.scroll-hint__label{transition:none}.scroll-hint__ring,.scroll-hint__icon{animation:none}.scroll-hint:active{transform:none}}
