/* Overlay scroll indicator (js/overlayScroll.js). The native scrollbar is hidden so no gutter is reserved;
   the indicator is a separate aria-hidden element whose top/height/right are set to the scroll area's visible box. */
.overlay-scroll-hide { scrollbar-width: none; }
.overlay-scroll-hide::-webkit-scrollbar { display: none; width: 0; height: 0; }
.overlay-scrollbar { position: absolute; top: 0; right: 3px; width: 4px; height: 0; z-index: 3; pointer-events: none; opacity: 0; transition: opacity .25s; }
.overlay-scrollbar[data-scrolling="true"] { opacity: 1; }
.overlay-scrollbar[data-scrollable="false"] { display: none; }
.overlay-scrollbar-thumb { position: absolute; left: 0; top: 0; width: 4px; height: 24px; border-radius: 2px; background: rgba(255, 255, 255, .5); pointer-events: none; }