@layer components{.scroll-cue{display:none}@container band (min-width:1024px){.page-frame:has(>.scroll-cue){--cue-size:2.75rem;--cue-inset:calc(var(--actions-inset) + (var(--action-disc) - var(--cue-size)) / 2)}.page-frame:has(>.scroll-cue):not([data-foot]){--plate-pad-end:calc(var(--cue-inset) + var(--cue-size) + var(--space-md))}.scroll-cue{z-index:var(--z-base);inline-size:var(--cue-size);block-size:var(--cue-size);border:1px solid color-mix(in oklch, currentColor 35%, transparent);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;animation:scroll-cue-bob var(--duration-ambient) var(--ease-in-out) infinite alternate;transition:opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:var(--cue-inset);inset-inline-start:50%;translate:-50%}.scroll-cue svg{block-size:1.1rem;inline-size:1.1rem}.scroll-cue:hover,.scroll-cue:focus-visible{border-color:currentColor}html[data-chrome-scrolled=true] .scroll-cue{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}}@keyframes scroll-cue-bob{0%{translate:-50%}to{translate:-50% var(--space-2xs)}}