.viewer-scroll-rail-host{position:relative}.viewer-scroll-rail{position:absolute;z-index:6;display:block;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 14%,var(--color-surface));opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.viewer-scroll-rail--y{top:var(--space-2);right:.25rem;bottom:var(--space-2);width:.625rem}.viewer-scroll-rail--x{right:var(--space-2);bottom:.25rem;left:var(--space-2);height:.625rem}.viewer-scroll-rail-host[data-viewer-scrollable-y=true] .viewer-scroll-rail--y,.viewer-scroll-rail-host[data-viewer-scrollable-x=true] .viewer-scroll-rail--x{pointer-events:auto}.viewer-scroll-rail-host:hover .viewer-scroll-rail,.viewer-scroll-rail:is(:hover,:active){opacity:1}.viewer-scroll-rail__thumb{position:absolute;border-radius:inherit;background:color-mix(in srgb,var(--color-text-muted) 66%,transparent);cursor:grab}.viewer-scroll-rail__thumb:active{cursor:grabbing}.viewer-scroll-rail--y .viewer-scroll-rail__thumb{top:0;right:.125rem;left:.125rem;min-height:2.5rem}.viewer-scroll-rail--x .viewer-scroll-rail__thumb{top:.125rem;bottom:.125rem;left:0;min-width:2.5rem}html[data-theme=dark] .viewer-scroll-rail{background:color-mix(in srgb,var(--color-text-muted) 22%,var(--color-surface))}@media(hover:none),(pointer:coarse){.viewer-scroll-rail{display:none}}