.bops-scrollcue{--sc-color:currentColor;--sc-accent:var(--sc-color);--sc-size:1.55rem;--sc-height:2.55rem;--sc-ease:cubic-bezier(0.22,1,0.36,1);--sc-anchor:translate(0,0);position:relative;transform:var(--sc-anchor);display:grid;place-items:center;width:var(--sc-size);height:var(--sc-height);border-radius:999px;border:1px solid color-mix(in srgb,var(--sc-color) 42%,transparent);background:color-mix(in srgb,var(--sc-color) 9%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sc-color) 26%,transparent),0 8px 22px -14px rgba(0,0,0,.9);color:var(--sc-color);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .45s var(--sc-ease),border-color .45s var(--sc-ease),background-color .45s var(--sc-ease),box-shadow .45s var(--sc-ease)}.bops-scrollcue-stack{display:grid;place-items:center;width:100%;height:100%}.bops-scrollcue-stack>svg{grid-area:1/1;width:68%;height:auto;transition:opacity .4s var(--sc-ease),transform .5s var(--sc-ease)}.bops-scrollcue-mouse{opacity:1;transform:none}.bops-scrollcue-arrow{opacity:0;transform:translateY(-42%) scale(.82)}.bops-scrollcue-wheel{stroke:var(--sc-accent);transform-origin:50% 50%;animation:bops-scrollcue-wheel 2.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes bops-scrollcue-wheel{0%{opacity:0;transform:translateY(-2px)}35%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(3.5px)}to{opacity:0;transform:translateY(3.5px)}}.bops-scrollcue:focus-visible,.bops-scrollcue:hover{transform:var(--sc-anchor) translateY(2px) scale(1.06);border-color:color-mix(in srgb,var(--sc-accent) 70%,transparent);background:color-mix(in srgb,var(--sc-accent) 16%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sc-color) 30%,transparent),0 10px 26px -12px color-mix(in srgb,var(--sc-accent) 60%,transparent)}.bops-scrollcue:focus-visible .bops-scrollcue-mouse,.bops-scrollcue:hover .bops-scrollcue-mouse{opacity:0;transform:translateY(46%) scale(.82)}.bops-scrollcue:focus-visible .bops-scrollcue-arrow,.bops-scrollcue:hover .bops-scrollcue-arrow{opacity:1;transform:none}.bops-scrollcue:focus-visible .bops-scrollcue-wheel,.bops-scrollcue:hover .bops-scrollcue-wheel{animation:none;opacity:0}.bops-scrollcue:active{transform:var(--sc-anchor) translateY(4px) scale(1.02)}.bops-scrollcue:focus-visible{outline:2px solid color-mix(in srgb,var(--sc-accent) 85%,transparent);outline-offset:3px}@media (min-width:640px){.bops-scrollcue{--sc-size:1.7rem;--sc-height:2.8rem}}@media (prefers-reduced-motion:reduce){.bops-scrollcue,.bops-scrollcue-stack>svg{transition:none}.bops-scrollcue-wheel{animation:none;opacity:1}.bops-scrollcue,.bops-scrollcue:active,.bops-scrollcue:focus-visible,.bops-scrollcue:hover{transform:var(--sc-anchor)}.bops-scrollcue:focus-visible .bops-scrollcue-mouse,.bops-scrollcue:hover .bops-scrollcue-mouse{transform:none}.bops-scrollcue:focus-visible .bops-scrollcue-arrow,.bops-scrollcue:hover .bops-scrollcue-arrow{transform:none}}