/*
 * GLOBAL_SCROLLBAR_THEME_V1
 * Unified platform scrollbar for Crypto / Stocks / Research / Settings.
 * Removes native arrow buttons and oversized Windows scrollbar chrome.
 */

html,
body,
* {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(94, 122, 158, .72) transparent !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: rgba(94, 122, 158, .62) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  min-height: 34px;
  min-width: 34px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: rgba(118, 151, 191, .88) !important;
}

html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active,
*::-webkit-scrollbar-thumb:active {
  background: rgba(138, 174, 218, .96) !important;
}

/* Kill native Windows/Chromium arrow buttons everywhere. */
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
*::-webkit-scrollbar-button,
html::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:single-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* Components that intentionally hide scrollbars keep that behavior. */
#tabs,
.topright,
.scrollbar-hidden,
.no-scrollbar {
  scrollbar-width: none !important;
}

#tabs::-webkit-scrollbar,
.topright::-webkit-scrollbar,
.scrollbar-hidden::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}