#student-bottom-nav.s-dock-bar.is-8,
.s-dock-bar.is-8 {
    width: min(calc(100vw - 0.5rem), 34.5rem);
    max-width: calc(100vw - 0.5rem);
    gap: 0.08rem;
    padding: 0.28rem 0.32rem;
}
#student-bottom-nav.s-dock-bar.is-8 .s-dock-btn {
    max-width: 2.35rem;
    font-size: clamp(0.68rem, 2.4vw, 0.9rem);
}
#nav-s-sutlac.s-dock-btn,
#nav-s-sutlac.s-dock-btn i {
    color: #d97706;
}
#student-panel[data-student-theme] #nav-s-sutlac.s-dock-btn,
#student-panel[data-student-theme] #nav-s-sutlac.s-dock-btn i {
    color: #fbbf24;
}
#student-panel.hidden {
    display: none !important;
}
#student-panel.hidden #student-bottom-nav,
#student-panel.hidden #sutlac-root,
#teacher-panel:not(.hidden) ~ #student-panel #student-bottom-nav,
#teacher-panel:not(.hidden) ~ #student-panel #sutlac-root,
#teacher-dashboard-view #student-bottom-nav,
#teacher-root #student-bottom-nav,
#teacher-panel #student-bottom-nav,
#teacher-panel #sutlac-root,
body.is-teacher #student-bottom-nav,
body.is-teacher #sutlac-root,
body:has(#teacher-panel:not(.hidden)) #student-bottom-nav,
body:has(#teacher-panel:not(.hidden)) #sutlac-root {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}