/* Shared blue scrollbar palette for Pro pages, panels and embedded Pro views. */
:root {
  --pro-scrollbar-track: #0e2035;
  --pro-scrollbar-thumb: #52779e;
  --pro-scrollbar-hover: #8bb9e3;
}
html, * {
  scrollbar-color: var(--pro-scrollbar-thumb) var(--pro-scrollbar-track);
}
/* Fallback for WebKit versions without the standard scrollbar-color property. */
@supports not (scrollbar-color: #52779e #0e2035) {
  ::-webkit-scrollbar { width: 12px; height: 12px; }
  ::-webkit-scrollbar-track { background: var(--pro-scrollbar-track); }
  ::-webkit-scrollbar-thumb {
    background: var(--pro-scrollbar-thumb);
    border: 3px solid var(--pro-scrollbar-track);
    border-radius: 20px;
  }
  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active { background: var(--pro-scrollbar-hover); }
  ::-webkit-scrollbar-corner { background: var(--pro-scrollbar-track); }
}
@media (forced-colors: active) {
  html, * { scrollbar-color: auto; }
}