/* Default native scrollbar theme; does not alter overflow, sizing or visibility. */
:where(html,body,body *){scrollbar-width:thin;scrollbar-color:#bfd0c7 transparent}
:where(html:hover,body *:hover){scrollbar-color:#8baa9a transparent}
:where(html,body,body *)::-webkit-scrollbar{width:6px;height:6px}
:where(html,body,body *)::-webkit-scrollbar-track{background:transparent}
:where(html,body,body *)::-webkit-scrollbar-thumb{background:#bfd0c7;border-radius:8px}
:where(html,body,body *)::-webkit-scrollbar-thumb:hover{background:#8baa9a}
:where(html,body,body *)::-webkit-scrollbar-button{display:none;width:0;height:0}

/* Shared light scroll surface for conversation lists and message panes. */
.ui-scroll-light{scrollbar-width:thin;scrollbar-color:#bfd0c7 transparent;scrollbar-gutter:stable}
.ui-scroll-light:hover{scrollbar-color:#8baa9a transparent}
.ui-scroll-light::-webkit-scrollbar{width:6px;height:6px}
.ui-scroll-light::-webkit-scrollbar-track{background:transparent}
.ui-scroll-light::-webkit-scrollbar-thumb{background:#bfd0c7;border-radius:8px}
.ui-scroll-light::-webkit-scrollbar-thumb:hover{background:#8baa9a}
.ui-scroll-light::-webkit-scrollbar-button{display:none;width:0;height:0}