.popup-overlay{z-index:1000;background:#00000080;position:fixed;inset:0}.popup{z-index:1001;top:var(--navbar-height,0px);right:calc(var(--sidebar-width,0px) + 20px);background:#fff;border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;gap:10px;width:420px;padding:10px 20px;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px #0003}.popup-header{justify-content:space-between;display:flex}.grid{border:.1px solid var(--text-light-grey);border-radius:var(--radius);text-align:center;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.grid>div{border-bottom:.1px solid var(--text-light-grey);border-left:.1px solid var(--text-light-grey);padding:8px 0}.grid>div.active{background:var(--primary);color:#fff;font-weight:700}.logout-button{justify-content:center;display:flex}
.mobile-navbar{display:none}.web-navbar{display:block}@media (max-width:900px){.mobile-navbar{display:block}.web-navbar{display:none}}