/* One scrollbar palette for the page, dialogs, lists and text areas. */
html, body, body * {
  scrollbar-width: thin !important;
  scrollbar-color: #b7cbbd transparent !important;
}
@supports selector(::-webkit-scrollbar) {
  html, body, body * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
  html::-webkit-scrollbar, body::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 10px !important; height: 10px !important; background: transparent !important;
  }
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
    background: transparent !important; margin: 10px !important;
  }
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
    min-height: 28px; min-width: 28px; border: 2px solid transparent !important;
    border-radius: 999px !important; background: #b7cbbd !important;
    background-clip: padding-box !important;
  }
  html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, body *::-webkit-scrollbar-thumb:hover { background-color: #8fae9b !important; }
  html::-webkit-scrollbar-thumb:active, body::-webkit-scrollbar-thumb:active, body *::-webkit-scrollbar-thumb:active { background-color: #6e947f !important; }
  html::-webkit-scrollbar-button, body::-webkit-scrollbar-button, body *::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
  html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner, body *::-webkit-scrollbar-corner { background: transparent !important; }
}

/* These indicators are visual only. Swiping and momentum stay browser-owned. */
html.lk-touch-scrollbars, html.lk-touch-scrollbars body, html.lk-touch-scrollbars body * {
  scrollbar-width: none !important; scrollbar-gutter: auto !important;
}
html.lk-touch-scrollbars::-webkit-scrollbar, html.lk-touch-scrollbars body::-webkit-scrollbar, html.lk-touch-scrollbars body *::-webkit-scrollbar {
  display: none !important; width: 0 !important; height: 0 !important;
}
#lk-scroll-indicators[popover] {
  position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  padding: 0; margin: 0; border: 0; background: transparent; outline: 0;
  overflow: hidden; contain: strict; pointer-events: none; user-select: none;
}
#lk-scroll-indicators::backdrop { background: transparent; pointer-events: none; }
#lk-scroll-indicators .lk-scroll-indicator {
  position: absolute; left: 0; top: 0; display: block; border-radius: 999px;
  background: #b7cbbd; box-shadow: 0 0 0 1px #ffffff70; pointer-events: none;
}
#lk-scroll-indicators .lk-scroll-indicator[hidden] { display: none !important; }
@media (forced-colors: active) {
  html, body, body * { scrollbar-color: auto !important; scrollbar-width: auto !important; }
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb { background-color: ButtonText !important; }
}