@layer components{:where(.pocket-scroll>*),:where(html:has(>body>.pocket-scroll-dock)>*){scrollbar-color:auto}:where(.pocket-scroll){overflow-y:auto}:where(.pocket-scroll),:where(html:has(>body>.pocket-scroll-dock)){scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease-out}:where(.pocket-scroll[data-scroll-gutter=stable]),:where(html:has(>body>.pocket-scroll-dock)){scrollbar-gutter:stable}:where(.pocket-scroll[data-scrolling]),:where(html:has(>body>.pocket-scroll-dock)[data-scrolling]){scrollbar-color:var(--scroll-thumb,var(--pf-rim)) transparent}@supports not (scrollbar-color:red blue){.pocket-scroll::-webkit-scrollbar{width:8px}html:has(>body>.pocket-scroll-dock)::-webkit-scrollbar{width:8px}.pocket-scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}html:has(>body>.pocket-scroll-dock)::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.pocket-scroll[data-scrolling]::-webkit-scrollbar-thumb{background:var(--scroll-thumb,var(--pf-rim))}html:has(>body>.pocket-scroll-dock)[data-scrolling]::-webkit-scrollbar-thumb{background:var(--scroll-thumb,var(--pf-rim))}}.pocket-scroll-dock{z-index:var(--z-sticky);pointer-events:none;height:0;position:sticky;bottom:0}.pocket-scroll-dock[data-reserve]{height:60px}.pocket-scroll-cue{border:2px solid var(--p-ink);background:var(--p-sheet);width:44px;height:44px;color:var(--p-ink);box-shadow:var(--shadow-button);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out;animation:.18s ease-out pocket-scroll-cue-enter;display:grid;position:absolute;bottom:16px;right:16px}.pocket-scroll-cue:active{box-shadow:var(--shadow-button-pressed);transform:translateY(3px)}.pocket-scroll-cue[data-cue=more]>svg{animation:1.4s ease-in-out .18s 3 pocket-scroll-cue-nudge}@keyframes pocket-scroll-cue-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes pocket-scroll-cue-nudge{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.pocket-scroll-cue,.pocket-scroll-cue>svg{animation:none}}@media print{.pocket-scroll-dock{display:none}}}