/* ===========================================================================
   slidebar.css - the bar a strip wears when there is more of it than fits.

   A sideways strip - the playlist shelf in the Library, the shared playlists on
   a creator's page - is a thing you walk along, so it is not given a scrollbar:
   it is given the site's slider, the very bar the hard numbers get
   (dualbar.css), built with one handle. This file only lays that bar onto a
   strip. The cut rail, the lit edge creeping along and the 18px sigil all come
   from dualbar.css and holdhex.js unchanged, so a strip and a Visits bar are
   one instrument read one way: the near end of the strip is 0, the far end is
   100, and the light under the sigil is how much of the strip is behind you.

   Loaded by the Library and by a creator's page - the two pages that carry a
   strip - beside dualbar.css, whose bar it wears.
   =========================================================================== */

/* the shelf the bar stands on: inset like the strip's own 2px, so the rail
   begins under the first card and ends under the last */
.slidebar { margin: 6px 2px 0; }
.slidebar .dual { margin: 0; }
.slidebar[hidden] { display: none; }

/* One strip, one slider: while the sigil bar is on the strip, the strip's own
   quiet bar (theme.css) goes away. The !important is not decoration: theme.css
   names this bar in one :is(...) list that also carries #card, and an ID sitting
   in an :is() list lifts the whole rule to ID weight - nothing short of an ID,
   or this, outranks it. The range input under the rail still does all the
   walking, so the arrows and home/end on it keep working. A strip with nothing
   to scroll wears no bar at all, and a page that never loaded this file leaves
   the strip its quiet bar rather than none. */
.lat-strip.has-slide { scrollbar-width: none !important; }
.lat-strip.has-slide::-webkit-scrollbar {
  width: 0 !important; height: 0 !important; display: none !important;
}