html.has-scroll-indicator{scrollbar-width:none}html.has-scroll-indicator::-webkit-scrollbar{display:none}html.is-scroll-dragging{-webkit-user-select:none;user-select:none}.scroll-indicator{top:calc(var(--top-bar-h) + var(--spacing-8));right:0;bottom:var(--spacing-8);z-index:45;pointer-events:auto;width:14px;position:fixed}.scroll-indicator:before{content:"";background:var(--color-slate);width:1px;position:absolute;top:0;bottom:0;right:0}.scroll-indicator__bar{background:var(--color-acid-lime);border-left:1px solid var(--color-obsidian);cursor:grab;pointer-events:auto;touch-action:none;width:14px;height:min(200px,30vh);position:absolute;top:0;right:0}.scroll-indicator__bar:after{content:"";border-block:1px solid var(--color-obsidian);height:4px;position:absolute;top:50%;left:3px;right:3px}.scroll-indicator__bar:focus-visible{border:2px solid var(--color-obsidian);outline:2px solid var(--color-bone-white);outline-offset:0}.scroll-indicator[data-dragging=true] .scroll-indicator__bar{cursor:grabbing}@media (width<=900px),(pointer:coarse){.scroll-indicator{pointer-events:none;width:4px;transition:opacity .2s linear}.scroll-indicator[data-active=false]{opacity:0}.scroll-indicator__bar{pointer-events:none;width:4px;height:100px}.scroll-indicator__bar:after{display:none}}@media (prefers-reduced-motion:reduce){.scroll-indicator{transition:none}}@media print{.scroll-indicator{display:none}}