/* The page scrollbar is drawn as a thin overlay so it never takes layout width. */
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
.rh-scrollbar { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2147483000; width: 12px; opacity: 0; transition: opacity .3s; pointer-events: none; }
.rh-scrollbar.is-visible { opacity: 1; }
.rh-scrollbar[hidden] { display: none; }
.rh-scrollbar-thumb { position: absolute; top: 0; right: 3px; width: 4px; min-height: 32px; border-radius: 4px; background: rgba(23, 23, 23, .4); pointer-events: auto; transition: width .15s, background-color .15s; touch-action: none; }
.rh-scrollbar-thumb:hover, .rh-scrollbar.is-dragging .rh-scrollbar-thumb { width: 6px; background: rgba(23, 23, 23, .65); }
html.rh-scrollbar-dragging, html.rh-scrollbar-dragging * { user-select: none; cursor: default !important; }
@media (prefers-reduced-motion: reduce) { .rh-scrollbar, .rh-scrollbar-thumb { transition: none; } }