.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}.logout-button{justify-content:center;display:flex}.club_login_button{cursor:pointer;text-decoration:underline}.popup-float{border-radius:var(--radius);z-index:200;width:300px;position:absolute;top:150%;right:50%;transform:translate(50%)}
.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:1200px;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}@media (max-width:1200px){.expanded-menu{padding:0 15px}.menu-items-left{gap:10px}.menu-item{flex-direction:column;gap:0}}