.sbarTrack{pointer-events:none;width:11px;height:11px;position:absolute}@media (hover:none) and (pointer:coarse){.sbarTrack{pointer-events:none}}.sbarTrackX{width:100%;height:11px;bottom:0;left:0}.sbarTrackY{width:11px;height:100%;top:0;right:0}.sbarTrack:before{content:"";position:absolute}.sbarTrackY:before{width:6px;height:100%;top:0;left:50%;transform:translate(-50%)}.sbarTrackX:before{width:100%;height:6px;top:50%;left:0;transform:translateY(-50%)}.sbarThumb{width:11px;height:11px}[data-scrollbar=cropped]:hover .sbarThumb:before{opacity:.5;transition:opacity .2s ease-out}.sbarTrackX--visible .sbarThumbX:before,.sbarTrackY--visible .sbarThumbY:before,.sbarThumb--dragging.sbarThumbX:before,.sbarThumb--dragging.sbarThumbY:before,.sbarThumb--scrolling.sbarThumbX:before,.sbarThumb--scrolling.sbarThumbY:before{opacity:.5}.sbarThumb:before{content:"";opacity:0;background-color:#000;border-radius:7px;transition:opacity .2s ease-out 1s;position:absolute}.sbarThumbX:before{width:100%;height:6px;top:50%;left:0;transform:translateY(-50%)}.sbarThumbY:before{width:6px;height:100%;top:0;left:50%;transform:translate(-50%)}