.navbar-header{align-items:center;gap:8px;height:8vh;padding:12px 20px;display:flex}.navbar-header>div{flex-direction:column;line-height:1.25;display:flex}.navbar-header>div h2,.navbar-header>div p{color:var(--text-inverse)}.navbar-header>div h2{font-size:clamp(.25rem,1.5vw,1rem)}.navbar-header>div p{font-size:clamp(.25rem,1.25vw,.75rem);font-weight:400}.quiz-page.sidebar-collapsed{grid-template-columns:96px auto}.sidebar{border-right:2px solid var(--border-main);background-color:#fff;flex-direction:column;grid-area:sidebar;width:240px;transition:all .2s;display:flex;overflow:visible}.sidebar>.sidebar-nav{flex-direction:column;flex:1;padding:24px 12px;display:flex;position:relative}.sidebar>.sidebar-nav p,.sidebar>.sidebar-nav svg{color:var(--text-muted)}.sidebar>.sidebar-nav .sidebar-option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-right:16px;padding:12px 16px;transition:all .2s;display:flex}.sidebar>.sidebar-nav .sidebar-option svg{opacity:1;min-width:28px;transition:opacity .2s .2s}.sidebar>.sidebar-nav .sidebar-option p{opacity:1;text-wrap:nowrap;font-size:clamp(.5rem,1.5vw,1rem);transition:opacity .2s .2s}.sidebar>.sidebar-nav .sidebar-option:nth-last-child(2){margin-top:auto}.sidebar>.sidebar-nav .toggle-sidebar{background-color:var(--bg-card);border:2px solid var(--border-main);z-index:1000;cursor:pointer;border-radius:999px;width:40px;height:40px;transition:all .2s;position:absolute;top:32px;right:-20.5px}.sidebar>.sidebar-nav .toggle-sidebar:hover{border-color:var(--text-muted)}.sidebar-option.active{background-color:#ede8ff}.sidebar-option.active>svg,.sidebar-option.active p{color:#701ee3}.sidebar-option:not(.active):hover{background-color:#f5f2ff}.quiz-page.sidebar-collapsed .sidebar{width:96px}.quiz-page.sidebar-collapsed .sidebar-option{padding:12px}.quiz-page.sidebar-collapsed .sidebar-option p{opacity:0;transition:none}.quiz-page.sidebar-collapsed .toggle-sidebar{cursor:pointer}