/* Glass scrollbars belong to scrollable content lists, not page or side navigation. */
/* Keep the left navigation scrollable without a visible rail. */
.sidebar{scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap){
 --scroll-track:#0a2039e8;
 --scroll-thumb:#65b8cf;
 --scroll-thumb-top:#a0e6eecc;
 --scroll-thumb-hover:#91e0eb;
 --scroll-edge:#9edaf13d;
}
body.light :is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap){
 --scroll-track:#e8f2f9e8;
 --scroll-thumb:#5985a3;
 --scroll-thumb-top:#a4c4d8e6;
 --scroll-thumb-hover:#356b91;
 --scroll-edge:#ffffffd9;
}
/* Long course outlines scroll inside their card on desktop and mobile. */
.lesson-list{max-height:min(60vh,600px);overflow-y:auto;padding-right:4px}
@media(min-width:901px){.lesson-navigation{max-height:min(72vh,640px);overflow-y:auto}}
@supports not selector(::-webkit-scrollbar){
 :is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar{width:12px;height:12px}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-track{background:var(--scroll-track);box-shadow:inset 1px 0 var(--scroll-edge)}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,var(--scroll-thumb-top),var(--scroll-thumb)) padding-box;box-shadow:inset 0 1px 0 #ffffff55}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-thumb:hover,:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover) padding-box}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-corner{background:var(--scroll-track)}
:is(.lesson-list,.lesson-navigation,.notification-list,.chat-messages,.admin-list-scroll,.table-wrap)::-webkit-scrollbar-button{display:none;width:0;height:0}