/* Twice the previous 6px thin scrollbar, with the shared brand colour. */
:root { --portal-scrollbar-thumb: var(--circle-blue,#56b8e8); }
.planet-menu.preview-tone-sky .menu-preview,
.member-story-circle,
.document-circle:nth-child(even),
.document-detail-overlay[data-detail-tone="sky"],
.alliance-reading-sky,
.network-office-koprivnica,
.ambassadors-copy,
.world-person-1 .world-quote {
  --portal-scrollbar-thumb: var(--circle-orange,#ffb812);
}
/* The root track must share the document layer with the custom pointer. */
html.brand-page-scrollbar-enabled { scrollbar-width:none!important; }
html.brand-page-scrollbar-enabled::-webkit-scrollbar { width:0!important; }
.brand-page-scrollbar { position:fixed; top:0; right:0; bottom:0; width:12px; z-index:2147483646; touch-action:none; user-select:none; }
.brand-page-scrollbar[hidden] { display:none; }
.brand-page-scrollbar-thumb { position:absolute; top:0; right:0; width:12px; border-radius:12px; background:var(--circle-blue,#56b8e8); }
:root, :root body, :root body * {
  scrollbar-color: var(--portal-scrollbar-thumb) transparent!important;
  scrollbar-width: auto!important;
}
@supports selector(::-webkit-scrollbar) {
  :root, :root body, :root body * { scrollbar-color: auto!important; }
  :root::-webkit-scrollbar, :root body::-webkit-scrollbar, :root body *::-webkit-scrollbar {
    width: 12px!important; height: 12px!important;
  }
  :root::-webkit-scrollbar-track, :root body::-webkit-scrollbar-track, :root body *::-webkit-scrollbar-track {
    background: transparent!important;
  }
  :root::-webkit-scrollbar-thumb, :root body::-webkit-scrollbar-thumb, :root body *::-webkit-scrollbar-thumb {
    background: var(--portal-scrollbar-thumb)!important; border: 0!important; border-radius: 12px!important;
  }
  :root::-webkit-scrollbar-corner, :root body *::-webkit-scrollbar-corner { background: transparent!important; }
}