html{scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-thumb) var(--bg)}html[data-overlay-scrollbar]{scrollbar-width:none;scrollbar-gutter:auto}html[data-overlay-scrollbar] .app{padding-inline-end:clamp(0px, calc(4px - (100vw - var(--app-shell-max)) / 2), 4px)}html[data-overlay-scrollbar][data-swipe-feed] .app{padding-inline-end:0}html[data-overlay-scrollbar]::-webkit-scrollbar{display:none}.sidebar .scrollbar-frame>[data-overlay-scrollbar]::-webkit-scrollbar{display:none}.scrollbar-frame{flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar .scrollbar-frame>[data-overlay-scrollbar]{scrollbar-width:none;scrollbar-gutter:auto;padding-right:var(--space-4)}.overlay-scrollbar{top:var(--space-3);bottom:var(--space-3);visibility:hidden;opacity:0;pointer-events:none;width:12px;transition:opacity var(--motion-standard) var(--ease-standard), visibility 0s linear var(--motion-standard);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;right:0}.overlay-scrollbar[data-visible=true]{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.page-scrollbar{top:calc(var(--app-topbar-h) + var(--space-2));bottom:var(--space-2);z-index:215;position:fixed}.overlay-scrollbar-thumb{background:var(--scrollbar-thumb);opacity:.55;transition:height var(--motion-standard) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), opacity var(--motion-emphasis) var(--ease-standard);border-radius:999px;position:absolute;left:3px;right:3px}.overlay-scrollbar[data-active=true] .overlay-scrollbar-thumb,.overlay-scrollbar:hover .overlay-scrollbar-thumb,.overlay-scrollbar:focus-visible .overlay-scrollbar-thumb,.overlay-scrollbar[data-dragging=true] .overlay-scrollbar-thumb{opacity:1}.overlay-scrollbar:hover .overlay-scrollbar-thumb,.overlay-scrollbar:focus-visible .overlay-scrollbar-thumb{background:var(--text-muted)}.overlay-scrollbar:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px;border-radius:var(--radius-sm)}.overlay-scrollbar[data-dragging=true] .overlay-scrollbar-thumb{transition:background-color var(--motion-fast) var(--ease-standard), opacity var(--motion-emphasis) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.overlay-scrollbar,.overlay-scrollbar-thumb,.overlay-scrollbar[data-dragging=true] .overlay-scrollbar-thumb{transition:none}}@media (forced-colors:active){.overlay-scrollbar-thumb{opacity:1;forced-color-adjust:none;background:canvastext}}[data-scroll-static]{position:relative}[data-scroll-area]{scrollbar-width:none!important;scrollbar-gutter:auto!important}[data-scroll-area]::-webkit-scrollbar{display:none!important}.embedded-scrollbar{z-index:2;bottom:auto;right:auto}.horizontal-scrollbar{max-width:100%;height:12px;overflow:clip}.horizontal-scrollbar .overlay-scrollbar-thumb{max-width:100%;height:auto;transition:width var(--motion-standard) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), opacity var(--motion-emphasis) var(--ease-standard);top:3px;bottom:3px;right:auto}.horizontal-scrollbar[data-dragging=true] .overlay-scrollbar-thumb,.horizontal-scrollbar[data-loop=true] .overlay-scrollbar-thumb{transition:background-color var(--motion-fast) var(--ease-standard), opacity var(--motion-emphasis) var(--ease-standard)}textarea,select{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}textarea:hover,textarea:focus,select:hover,select:focus{scrollbar-color:var(--text-muted) transparent}@media (prefers-reduced-motion:reduce){.horizontal-scrollbar .overlay-scrollbar-thumb,.horizontal-scrollbar[data-dragging=true] .overlay-scrollbar-thumb{transition:none}}html:not([data-app-topbar]) .page-scrollbar{top:calc(var(--scroll-admin-header,0px) + var(--space-2))}@property --native-scroll-thumb{syntax:"<color>";inherits:true;initial-value:#0000}[data-native-scroll-area]{--native-scroll-thumb:color-mix(in srgb, var(--scrollbar-thumb) 55%, transparent);transition:--native-scroll-thumb var(--motion-emphasis) var(--ease-standard);scrollbar-width:thin!important;scrollbar-color:var(--native-scroll-thumb) transparent!important}[data-native-scroll-area][data-scroll-active]{--native-scroll-thumb:var(--scrollbar-thumb)}[data-native-scroll-area]:hover,[data-native-scroll-area]:focus-visible{--native-scroll-thumb:var(--text-muted)}[data-native-scroll-area]::-webkit-scrollbar{width:12px!important;height:12px!important;display:block!important}[data-native-scroll-area]::-webkit-scrollbar-track{margin:var(--space-3);background:0 0}[data-native-scroll-area]::-webkit-scrollbar-thumb{background:var(--native-scroll-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}@media (prefers-reduced-motion:reduce){[data-native-scroll-area]{transition:none}}@media (forced-colors:active){[data-native-scroll-area]{scrollbar-color:auto!important}}.scrollbar-host{display:contents}.elastic-rail-frame{flex:none;min-width:0;display:block}@property --rail-pull{syntax:"<length>";inherits:false;initial-value:0}.elastic-rail{transform:translateX(var(--rail-pull,0px));will-change:scroll-position}.elastic-rail-frame>[data-overlay-scrollbar]{scrollbar-width:none}.elastic-rail-frame>[data-overlay-scrollbar]::-webkit-scrollbar{display:none}.elastic-rail-frame>.horizontal-scrollbar{width:auto;inset:auto 12px 0}@media (prefers-reduced-motion:reduce){.elastic-rail{transform:none}}[data-scrollbar=hidden]{scrollbar-width:none;scrollbar-gutter:auto}[data-scrollbar=hidden]::-webkit-scrollbar{display:none}.horizontal-rail-frame{width:100%}.horizontal-rail-frame>.elastic-rail{padding-bottom:var(--space-6);scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-inline:contain;cursor:grab}.horizontal-rail-frame>.elastic-rail:active{cursor:grabbing}.horizontal-rail-frame:has(>.detail-thumbnails){width:min(100%,66vh)}.horizontal-rail-frame>.detail-thumbnails{width:100%}[data-horizontal-motion]{scroll-snap-type:none!important;scroll-behavior:auto!important}.horizontal-scrollbar:before{content:"";background:var(--border);opacity:.65;pointer-events:none;border-radius:999px;position:absolute;inset:3px 0}
