.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__orb:after{content:"";opacity:0;will-change:opacity;border-radius:9999px;animation:2s cubic-bezier(.22,.61,.36,1) infinite scroll-hint-ring-glow;position:absolute;inset:0;box-shadow:0 0 14px 4px #ff4d998c}.scroll-hint__ring{filter:drop-shadow(0 0 5px #ff2d8fbf);will-change:transform;backface-visibility:hidden;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:2s linear infinite scroll-hint-ring-spin;position:absolute;inset:0}.scroll-hint__ring--base{-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.1px),#000 calc(100% - 1.1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.1px),#000 calc(100% - 1.1px))}.scroll-hint__ring--pulse{opacity:0;will-change:transform, opacity;animation:2s linear infinite scroll-hint-ring-spin,2s cubic-bezier(.37,0,.63,1) infinite scroll-hint-ring-pulse;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 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{will-change:transform, opacity;backface-visibility:hidden;animation:1.5s linear infinite scroll-hint-chevron-move,1.5s linear infinite scroll-hint-chevron-fade;display:block}.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}@media (max-width:1023px){.scroll-hint__label{font-size:14px}}@keyframes scroll-hint-ring-spin{0%{transform:rotate(0)scale(1)}35%{transform:rotate(126deg)scale(1.05)}70%{transform:rotate(252deg)scale(1)}90%,to{transform:rotate(324deg)scale(1)}}@keyframes scroll-hint-ring-pulse{0%,45%,90%,to{opacity:0}22.5%,67.5%{opacity:1}}@keyframes scroll-hint-ring-glow{0%,70%,to{opacity:0}35%{opacity:1}}@keyframes scroll-hint-chevron-move{0%{transform:translateY(-12px)}to{transform:translateY(10px)}}@keyframes scroll-hint-chevron-fade{0%{opacity:0;animation-timing-function:ease-in}32%{opacity:1;animation-timing-function:linear}60%{opacity:1;animation-timing-function:ease-out}92%,to{opacity:0}}@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__orb:after,.scroll-hint__icon{will-change:auto;animation:none}.scroll-hint__ring{transform:none}.scroll-hint__ring--pulse{opacity:0}.scroll-hint:active{transform:none}}
