.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}
.navbar-mobile{width:100%;height:var(--navbar-height);background-color:var(--primary);color:#fff;z-index:10;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;box-shadow:0 2px 10px #0000002e}.navbar-mobile>h1{color:#fff}.logo-img-mobile{height:60%}.hamburger-button-div{text-align:center}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:28;background:#0006;transition:opacity .3s ease-in-out;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-sidebar{height:100dvh;width:var(--sidebar-width);z-index:30;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-sidebar.open{transform:translate(0)}
.navbar{width:100%;height:var(--navbar-height);background-color:var(--primary);color:#fff;z-index:10;flex-direction:row;display:flex;position:fixed;box-shadow:0 2px 10px #0000002e}.navbar-row{justify-content:space-between;align-items:center;width:100%;padding:0 40px;display:flex}.navbar-user-button{cursor:pointer;flex-direction:row;align-items:center;gap:10px;display:flex}.navbar-user-button img{height:20px}.navbar-buttons{align-items:center;gap:20px;display:flex}.navbar-logo-image{width:var(--sidebar-width);justify-content:center;align-items:center;display:flex}.logo{cursor:pointer;height:40px}
.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%)}
.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}}