/* One functional scrollbar thumb, overlaid on the page with no rail or gutter. */
:root{
  --mj-scroll-wine:#540d00;
  --mj-scroll-ivory:#fff8ea;
}

html.mj-overlay-scrollbar{
  scrollbar-width:none!important;
  scrollbar-gutter:auto!important;
  -ms-overflow-style:none;
}
html.mj-overlay-scrollbar::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

.majlis-scroll-progress{
  position:fixed;
  top:0;
  right:3px;
  z-index:9998;
  width:4px;
  height:var(--mj-scroll-progress-height,72px);
  transform:translate3d(0,var(--mj-scroll-progress-top,8px),0);
  border:0;
  border-radius:999px;
  background:var(--mj-scroll-wine);
  box-shadow:none;
  opacity:1;
  cursor:grab;
  touch-action:none;
  user-select:none;
  transition:background-color .16s ease,opacity .16s ease;
}
.majlis-scroll-progress.is-hidden{
  opacity:0;
  pointer-events:none;
}
.majlis-scroll-progress.is-dragging{
  cursor:grabbing;
}
.majlis-scroll-progress.is-on-dark{
  background:var(--mj-scroll-ivory);
}

@media(max-width:700px){
  .majlis-scroll-progress{
    right:2px;
    width:3px;
  }
}