/* Native scrolling, one skin. Chromium uses rounded WebKit thumbs; Firefox uses thin.
   scrollbar-width:thin overrides WebKit pseudo styling in modern Chromium, so reset it
   only inside WebKit support. No wheel interception, hidden scrollbars or layout changes. */
:where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *){--crm-scroll-thumb:rgba(107,119,132,.2);scrollbar-width:thin!important;scrollbar-color:var(--crm-scroll-thumb) transparent!important}
:where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *):is(:hover,:focus-within){--crm-scroll-thumb:rgba(107,119,132,.44)}
body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) nav.nav{--crm-scroll-thumb:rgba(229,237,241,.16)}
body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) nav.nav:is(:hover,:focus-within){--crm-scroll-thumb:rgba(229,237,241,.38)}
@supports selector(::-webkit-scrollbar){
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *){scrollbar-width:auto!important;scrollbar-color:auto!important}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar{width:6px;height:6px;background:transparent}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-track{background:transparent;border:0;margin:4px;border-radius:999px}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-thumb{min-height:32px;min-width:32px;border:1px solid transparent;border-radius:999px;background-color:var(--crm-scroll-thumb);background-clip:padding-box}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-thumb:hover{background-color:rgba(107,119,132,.58)}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-thumb:active{background-color:#778491}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-corner{background:transparent}
 :where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-button{display:none;width:0;height:0}
 body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) nav.nav::-webkit-scrollbar{width:4px;height:4px;background:transparent}
}
@media(hover:none){:where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *){--crm-scroll-thumb:rgba(107,119,132,.4)}body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) nav.nav{--crm-scroll-thumb:rgba(229,237,241,.4)}}
@media(forced-colors:active){:where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *){scrollbar-width:thin!important;scrollbar-color:auto!important}:where(html:has(>body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending)),html:has(>body.crm-scroll-frame),body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending),body.crm-scroll-frame,body.crm-ui:not(.crm-auth-screen):not(.crm-auth-pending) *,body.crm-scroll-frame *)::-webkit-scrollbar-thumb{background-color:ButtonText!important;border-color:Canvas!important}}