/* Compact scrollbars for Windows browsers; keep native scrolling and dragging. */
html:root,
html:root body,
html:root body * {
  scrollbar-width: thin;
  scrollbar-color: #35627b #081827;
}
html:root::-webkit-scrollbar,
html:root body::-webkit-scrollbar,
html:root body *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html:root::-webkit-scrollbar-track,
html:root body::-webkit-scrollbar-track,
html:root body *::-webkit-scrollbar-track {
  background: #081827;
  border-radius: 8px;
}
html:root::-webkit-scrollbar-thumb,
html:root body::-webkit-scrollbar-thumb,
html:root body *::-webkit-scrollbar-thumb {
  background: #35627b;
  border: 1px solid #081827;
  border-radius: 8px;
  min-height: 28px;
}
html:root::-webkit-scrollbar-thumb:hover,
html:root body::-webkit-scrollbar-thumb:hover,
html:root body *::-webkit-scrollbar-thumb:hover {
  background: #4b9cbd;
}
html:root::-webkit-scrollbar-corner,
html:root body::-webkit-scrollbar-corner,
html:root body *::-webkit-scrollbar-corner {
  background: #081827;
}
html:root::-webkit-scrollbar-button,
html:root body::-webkit-scrollbar-button,
html:root body *::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
/* Preserve the user's system colors in Windows high-contrast mode. */
@media (forced-colors: active) {
  html:root,
  html:root body,
  html:root body * {
    scrollbar-color: auto;
  }
}