/* Page scrollbars only. Inner widgets and embedded social players keep their own UI. */
:root{
  --brok-scrollbar-track:#f1f1f1;
  --brok-scrollbar-thumb:#8b8b8b;
  --brok-scrollbar-hover:#6e6e6e;
  scrollbar-color:var(--brok-scrollbar-thumb) var(--brok-scrollbar-track);
  scrollbar-width:auto;
}
/* scrollbar-color inherits; keep inner widgets on their existing styles. */
body{scrollbar-color:auto}
@supports selector(::-webkit-scrollbar){
  /* Match :root specificity: a non-auto standard color overrides WebKit parts. */
  :root,.brok-scrollbar-probe{scrollbar-color:auto;scrollbar-width:auto}
  html::-webkit-scrollbar,.brok-scrollbar-probe::-webkit-scrollbar{background:var(--brok-scrollbar-track)}
  html::-webkit-scrollbar-track,.brok-scrollbar-probe::-webkit-scrollbar-track{background:var(--brok-scrollbar-track)}
  html::-webkit-scrollbar-thumb,.brok-scrollbar-probe::-webkit-scrollbar-thumb{
    min-height:32px;
    border:3px solid var(--brok-scrollbar-track);
    border-radius:999px;
    background:var(--brok-scrollbar-thumb);
    background-clip:padding-box;
  }
  html::-webkit-scrollbar-thumb:hover{background-color:var(--brok-scrollbar-hover)}
  html::-webkit-scrollbar-button,.brok-scrollbar-probe::-webkit-scrollbar-button{display:none;width:0;height:0}
  html::-webkit-scrollbar-button:vertical:decrement:start,
  .brok-scrollbar-probe::-webkit-scrollbar-button:vertical:decrement:start{
    display:block;width:auto;height:16px;background:var(--brok-scrollbar-track) url("scrollbar-up.svg") center/calc(100% - 6px) auto no-repeat;
  }
  html::-webkit-scrollbar-button:vertical:increment:end,
  .brok-scrollbar-probe::-webkit-scrollbar-button:vertical:increment:end{
    display:block;width:auto;height:16px;background:var(--brok-scrollbar-track) url("scrollbar-down.svg") center/calc(100% - 6px) auto no-repeat;
  }
  html::-webkit-scrollbar-button:vertical:hover{background-color:#e0e0e0}
  html::-webkit-scrollbar-corner,.brok-scrollbar-probe::-webkit-scrollbar-corner{background:var(--brok-scrollbar-track)}
}
@media(forced-colors:active){
  :root,.brok-scrollbar-probe{--brok-scrollbar-track:Canvas;--brok-scrollbar-thumb:ButtonText;--brok-scrollbar-hover:ButtonText;scrollbar-color:auto}
}
