@layer components{.pocket-toast-region{z-index:var(--z-toast);pointer-events:none;width:min(460px,100vw - 32px);position:fixed;bottom:24px;right:24px}.pocket-toast-list{flex-direction:column;gap:10px;display:flex}.pocket-toast{--toast-color:var(--p-success);border:2px solid var(--p-ink);background:var(--p-sheet);color:var(--p-ink);box-shadow:0 4px 0 var(--p-ink);pointer-events:auto;border-radius:16px;align-items:center;gap:12px;padding:12px 10px 12px 16px;font:500 14px/1.45 Figtree,sans-serif;animation:.18s ease-out pocket-toast-in;display:flex}.pocket-toast[data-tone=error]{--toast-color:var(--p-danger)}.pocket-toast[data-tone=info]{--toast-color:var(--p-info)}.pocket-toast>svg{color:var(--toast-color);flex-shrink:0}.pocket-toast>p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.pocket-toast-undo,.pocket-toast-dismiss{min-height:40px;color:var(--p-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pocket-toast-undo{background:var(--p-yellow);box-shadow:inset 0 0 0 1.5px var(--p-ink);white-space:nowrap;gap:6px;padding:0 10px;font:700 13px/1 Bricolage Grotesque,sans-serif}.pocket-toast-dismiss{width:40px}.pocket-toast-dismiss:hover{background:var(--pf-display)}@keyframes pocket-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=899px){.pocket-toast-region{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}body:has([data-shell-variant=focus]) .pocket-toast-region{bottom:calc(16px + env(safe-area-inset-bottom))}}@media (pointer:coarse){.pocket-toast-undo,.pocket-toast-dismiss{min-height:44px}.pocket-toast-dismiss{width:44px}}@media (prefers-reduced-motion:reduce){.pocket-toast{animation:none}}: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}}}