/* t324 (owner): no native scrollbar anywhere (t290 hid the page's; this hides the inner ones too: the page sheets,
   the side bar). js/scrollbar.js draws a slim red handle instead: its length follows how much the page scrolls
   (viewport / content), it rests at 50% opacity so it is always there to grab, goes to 100% while scrolling or
   held, and eases back to 50% a moment after. Pages that do not scroll show nothing. The element is a 14px-wide
   invisible hit area the length of the handle; the visible handle (3px, 2.5px on phones) is its ::after. Drag it
   with a mouse or a finger. Reduced motion: the opacity changes with no fade. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
.sbar{
  position:fixed;
  left:0;
  top:0;
  width:14px;
  height:28px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  touch-action:none;
  -webkit-tap-highlight-color:transparent;
  z-index:60;
  will-change:transform, opacity;
  transition:opacity .35s ease, visibility 0s linear .35s;
}
.sbar::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:2px;
  width:3px;
  border-radius:2px;
  background:#C11E1E;
}
.sbar.is-shown{
  opacity:.5;
  visibility:visible;
  pointer-events:auto;
  cursor:grab;
  transition:opacity .35s ease, visibility 0s;
}
.sbar.is-shown.is-active{opacity:1;transition:opacity .12s ease, visibility 0s}
/* t326 (owner): main page only. Invisible at rest (and then it takes no clicks), 100% while scrolling or held. */
.sbar.is-main.is-shown{opacity:0;pointer-events:none;cursor:default;transition:opacity .35s ease, visibility 0s}
.sbar.is-main.is-shown.is-active{opacity:1;pointer-events:auto;cursor:grab;transition:opacity .15s ease, visibility 0s}
.sbar.is-main.is-dragging{cursor:grabbing}
.sbar.is-dragging{cursor:grabbing}
html.is-traveling .sbar{pointer-events:none}
html.sbar-drag,
html.sbar-drag *{-webkit-user-select:none !important;user-select:none !important}
@media (max-width:640px){.sbar::after{width:2.5px}}
@media (prefers-reduced-motion: reduce){
  .sbar,.sbar.is-shown,.sbar.is-shown.is-active,.sbar.is-main.is-shown,.sbar.is-main.is-shown.is-active{transition:none}
}