.navigation{width:100%;position:fixed;top:0;z-index:10;background-color:#ffffff00;transition:border .3s ease-in-out;border-bottom:1px solid #ffffff}.navigation.scrolled{background-color:#FFFFFF;border-bottom:1px solid #e5e7eb}.navigation .navigationInner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:1200px;margin:0 auto;height:60px}.navigation .logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1F2937}.navigation .logo img{width:35px}.navigation .logo .menu-logo-text{display:none}.navigation .desktop-links{display:none;list-style:none;gap:24px;font-size:14px;font-weight:500;color:#1F2937}.navigation .desktop-links li{position:relative;cursor:pointer}.navigation .desktop-links li a{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.navigation .desktop-links li:hover a{color:var(--blue)}.navigation .registrationLinks{display:flex;align-items:center;gap:16px}.navigation .registrationLinks .login{display:none;font-size:14px;font-weight:500;color:#1F2937;cursor:pointer;transition:color .2s ease-in-out}.navigation .registrationLinks .login:hover{color:var(--blue)}.navigation .registrationLinks .button{font-size:14px;padding:8px 16px;border-radius:6px;background-color:var(--blue);color:#FFFFFF;font-weight:500;transition:background-color .2s ease-in-out;display:flex;justify-content:center}.navigation .registrationLinks .button:hover{opacity:.8}.navigation .registrationLinks .button:disabled{background-color:#E5E7EB;cursor:not-allowed}.navigation .menu-icon{display:flex;align-items:center;cursor:pointer}.navigation .menu-icon img{height:24px;width:24px}.navigation .mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#FFFFFF;padding:16px;z-index:20;transition:left .3s ease-in-out}.navigation .mobile-menu.mobile-menu-open{left:0}.navigation .mobile-menu .logo-cross-div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.navigation .mobile-menu .logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1F2937}.navigation .mobile-menu .logo img{width:28px}.navigation .mobile-menu .mobile-links{display:flex;flex-direction:column;gap:8px;margin-top:24px}.navigation .mobile-menu .mobile-links li{padding:12px 16px;font-size:14px;font-weight:500;color:#1F2937}.navigation .mobile-menu .mobile-links li a{color:inherit;text-decoration:none}.navigation .mobile-menu .mobile-links li:hover{background-color:#F7F8FA;border-radius:6px}.navigation .mobile-menu .mobile-links .buttons-li{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:16px}.navigation .mobile-menu .mobile-links .buttons-li .button{font-size:14px;padding:12px;border-radius:6px;background-color:var(--blue);color:#FFFFFF;font-weight:500;text-align:center}.navigation .mobile-menu .mobile-links .buttons-li .button:disabled{background-color:#E5E7EB;cursor:not-allowed}.navigation .mobile-menu .mobile-links .buttons-li div{font-size:14px;font-weight:500;color:#1F2937;padding:12px;text-align:center;cursor:pointer}.navigation .mobile-menu .mobile-links .buttons-li div:hover{color:var(--blue)}@media screen and (min-width:850px){.navigation .logo .menu-logo-text{display:block}.navigation .desktop-links{display:flex}.navigation .registrationLinks .login{display:block}.navigation .menu-icon,.navigation .mobile-menu{display:none}}@media screen and (min-width:1180px){.navigation .navigationInner{padding:12px 24px}.navigation .desktop-links{gap:32px}.navigation .registrationLinks{gap:24px}}@media screen and (min-width:1440px){.navigation .navigationInner{padding:12px 48px}}