.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}
.tooltip-wrapper{position:relative}.login-tooltip{color:#000;white-space:nowrap;z-index:1000;background:#fff;border-radius:50vh;padding:4px 28px;position:absolute;top:110%;right:50%;transform:translate(50%);box-shadow:0 1px 4px #0000001a}
.phones-lang-wrapper{--items-color:#fff;--icon-filter:brightness(0)invert(1);align-items:center;gap:20px;display:flex}.phones-lang-wrapper.purple-theme{--items-color:var(--primary);--icon-filter:brightness(0)saturate(100%)invert(22%)sepia(45%)saturate(3474%)hue-rotate(253deg)brightness(94%)contrast(91%)}.navbar-links{color:var(--items-color)}.navbar-links:hover{text-decoration:underline}.lang{cursor:pointer;align-items:center;gap:6px;display:flex}.lang-icon{height:20px;filter:var(--icon-filter)}@media (max-width:1200px){.navbar-phones{display:none}}
.mobile-navbar{display:none}.web-navbar{display:block}@media (max-width:900px){.mobile-navbar{display:block}.web-navbar{display:none}}
.expanded-menu{height:var(--navbar-height);border-radius:var(--navbar-height);background-color:#fff;justify-content:space-between;align-items:center;width:95%;max-width:1400px;margin:0 auto;padding:0 30px;display:flex;box-shadow:0 10px 40px #00000026}.menu-items-right{align-items:center;gap:10px;display:flex}.menu-item{cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:7px 10px;display:flex}.menu-item:hover{background-color:var(--bright-purple)}.menu-item img{object-fit:contain;filter:brightness(0)saturate()invert(22%)sepia(45%)saturate(3474%)hue-rotate(253deg)brightness(94%)contrast(91%);width:18px;height:18px}.menu-items-left{align-items:center;gap:16px;display:flex}
.float-navbar-wrapper{z-index:100;width:100%;height:var(--navbar-height);flex-direction:column;justify-content:flex-end;display:flex;position:sticky;top:0}.float-navbar{background-color:var(--primary);border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:400px;margin:0 auto;padding:8px 12px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.float-menu-button{cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.float-menu-button:active{transform:scale(.95)}.float-menu-button.locked{background-color:var(--light-purple)}.float-navbar-title{color:#fff;white-space:nowrap;margin:0}.float-logo-container{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-collapse-container{opacity:0;visibility:hidden;justify-content:center;width:100%;transition:all .3s ease-in-out;display:flex;position:absolute;top:100%}.menu-collapse-container.open{opacity:1;visibility:visible;margin-top:10px}
.desktop-only-nav{display:block}.mobile-only-nav{display:none}@media (max-width:900px){.desktop-only-nav{display:none}.mobile-only-nav{display:block}}