.header{position:fixed;display:flex;justify-content:space-between;align-items:center;background-color:#272537;width:100%;height:92px;padding:0 90px;z-index:999}.header>nav>ul{gap:40px}.header>nav>ul,.header>nav>ul>li{display:flex;justify-content:center;align-items:center}.header>nav>ul>li{position:relative;flex-direction:column;list-style:none;text-transform:uppercase;font-family:Akrobat;font-style:normal;font-weight:700;font-size:20px;line-height:24px;color:#fff}.header>nav>ul>li:hover{cursor:pointer}.header>nav>ul>li:not(.locales):not(.header-login):hover:before{transform:translate(-50%) scaleX(1)}.header>nav>ul>li:not(.locales):not(.header-login):before{content:"";position:absolute;left:50%;top:-34px;height:6px;width:100%;background-color:#ffd51d;box-shadow:0 69px 76px #ffd51d,0 34px 76px #ffd51d,0 5px 46px #ffd51d,0 5px 46px #ffd51d;pointer-events:none;z-index:2;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .23s ease-in-out;will-change:transform}.header>nav>ul>.locales{transform:scale(1.5)}.header>nav>ul>.locales>.menu{position:absolute;display:flex;flex-direction:column;gap:5px;border-radius:8px;background:#1b1b1b;padding:5px;margin-top:13em;color:#fff;font-family:Akrobat;font-size:10px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:.2px}.header>nav>ul>.locales>.menu>li{display:flex;gap:6px;padding:6px 8px;border-radius:4px;background:#ffffff0a;transition:all .5s ease-out}.header>nav>ul>.locales>.menu>li:hover{background:#ffffff24}.header .header-login{position:relative}.header .header-login>.auth{display:flex;align-items:center;padding:5px 32px 5px 21px;background:#ffffff0d;border-radius:4px;transition:all .5s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:0}.header .header-login>.auth>svg{margin-right:8px}.header .header-login>.auth>div>.login{font-family:Akrobat;font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#fff}.header .header-login>.auth:hover{background:#ffffff40}.header .header-login>.menu{position:absolute;display:flex;flex-direction:column;align-items:center;padding-top:15px;background:#272537;box-shadow:0 10px 30px #0000001a;border-radius:0 0 10px 10px;top:calc(100% + 35px);margin-top:-8px}.header .header-login>.menu:hover{cursor:auto}.header .header-login>.menu>.logout{display:flex;justify-content:center;align-items:center;width:212px;height:34px;background:#ffffff0d;margin-top:14px;border-radius:4px;font-family:Akrobat;font-style:normal;font-weight:800;font-size:16px;line-height:19px;color:#fff;transition:all .5s ease-out;padding:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .header-login>.menu>.logout:hover{cursor:pointer;background:#ffffff40}.header .header-login>.menu>ul{margin-top:10px;padding:10px 0;overflow:auto;border-top:1px solid hsla(0,0%,100%,.05)}.header .header-login>.menu>ul>li{display:flex;justify-content:flex-start;align-items:center;gap:15px;width:226px;padding:5px 21.3px;transition:all .5s ease-out}.header .header-login>.menu>ul>li>div>.name{font-family:Akrobat;font-style:normal;font-weight:800;font-size:16px;line-height:19px;color:#fff}.header .header-login>.menu>ul>li>div>.server{font-family:Akrobat;font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#ffffff80}.header .header-login>.menu>ul>li:first-child{padding-top:5px}.header .header-login>.menu>ul::-webkit-scrollbar{width:2px}.header .header-login>.menu>ul::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.header .header-login>.menu>ul::-webkit-scrollbar-track{margin:9px}