header{align-items:stretch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(180deg,#001926,rgba(0,25,38,.5));border-bottom:1px solid hsla(0,0%,100%,.25);display:flex;left:0;position:fixed;top:0;width:100%;z-index:2}@media screen and (max-width:550px){header{align-items:flex-start;padding-top:1rem}}header .logo{align-items:center;border-right:1px solid hsla(0,0%,100%,.25);display:flex;height:6rem;justify-content:center;width:6rem}@media screen and (max-width:550px){header .logo{height:4rem}}header .logo img{height:3rem;-o-object-fit:contain;object-fit:contain;width:3rem}header nav{align-items:center;display:flex;justify-content:center;margin-right:auto}header nav a{align-items:flex-end;border-right:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;font-size:1rem;font-weight:500;height:100%;padding:1.5rem;position:relative;text-decoration:none;text-transform:uppercase;width:13.25rem}@media screen and (max-width:1440px){header nav a{width:13.5rem}}@media screen and (max-width:1366px){header nav a{width:12.5rem}}@media screen and (max-width:1220px){header nav a{width:10.5rem}}header nav a:before{background:var(--green);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;transition:.3s ease;width:100%}header nav a .background{background:radial-gradient(100% 100% at 0 100%,rgba(118,255,51,.15) 0,rgba(118,255,51,0) 100%)}header nav a .background,header nav a:after{height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s ease;width:100%}header nav a:after{background:radial-gradient(100% 100% at 0 100%,rgba(191,213,255,.25) 0,rgba(191,213,255,.1) 100%);content:""}header nav a span{transition:.3s ease}header nav a:hover span{transform:translateY(-25%)}header nav a:hover:after{opacity:1}header nav a.active{pointer-events:none}header nav a.active .background,header nav a.active:before{opacity:1}header .login{align-items:center;align-self:center;color:var(--green);cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:100%;margin-right:3rem;text-decoration:none;text-transform:uppercase;transition:.3s ease}header .login:hover{color:#fff}header .find-open{align-items:center;align-self:center;color:var(--green);cursor:pointer;display:flex;font-size:1rem;margin-bottom:.625rem;margin-left:2rem;margin-right:3rem;opacity:.8;transition:.3s ease}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .find-open{margin-left:0;margin-right:1rem}}header .find-open:before{background-image:url(/images/id/search-green.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.5rem;min-width:1rem;width:1rem}header .find-open:hover{opacity:1}header .user-wrapper{align-self:center;display:flex;flex-direction:column;margin-right:3rem}header .user-wrapper .user-info{align-items:center;display:flex;margin-bottom:.625rem}header .user-wrapper .user-info .skills-container{align-items:center;display:flex}header .user-wrapper .user-info .update-timer{align-items:center;color:var(--muted);display:flex;font-size:1rem;font-weight:500;margin-right:1rem;width:6.5rem}header .user-wrapper .user-info .update-timer:before{background-image:url(/images/build-a-tank/update.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.375rem;width:1rem}header .user-wrapper .user-info .skills{align-items:center;color:#bfd5ff;display:flex;font-size:1rem;font-weight:500;margin-right:1.5rem}header .user-wrapper .user-info .skills:before{background-image:url(/images/office/skill.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.375rem;width:1rem}header .user-wrapper .user-info .nickname{color:#fff;font-weight:500}@media screen and (max-width:550px){header .user-wrapper .user-info{align-items:flex-end;flex-direction:column}}header .user-wrapper .logout-button{background:none;border:none;color:var(--green);cursor:pointer;font-size:1rem;font-weight:500;margin-left:auto;padding:0;text-decoration:none;text-transform:uppercase;transition:.3s ease}header .user-wrapper .logout-button:hover{color:#fff}header .user-wrapper .logout_form{margin-left:auto}header .user-wrapper .logout_form .form_group input{background:none;border:none;color:var(--green);cursor:pointer;font-size:1rem;font-weight:500;padding:0;text-decoration:none;text-transform:uppercase;transition:.3s ease}header .user-wrapper .logout_form .form_group input:hover{color:#fff}header .lang-container{align-items:center;border-left:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;font-size:1rem;font-weight:500;padding:1.875rem;position:relative;text-decoration:none;text-transform:uppercase}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .lang-container{display:none}}header .lang-container .current{align-items:center;cursor:pointer;display:flex;position:relative;transition:.3s ease}header .lang-container .current:hover{color:var(--green)}header .lang-container .current:after{background-image:url(/images/build-a-tank/drop-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:.25rem;margin-left:.5rem;transition:.3s ease;width:.5rem}header .lang-container .dropdown{background:#fff;border-radius:.5rem;bottom:calc(50% - 1rem);left:50%;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;transform:translateY(100%) translateX(-50%);transition:.3s ease;width:3rem}header .lang-container .dropdown li{cursor:pointer;display:flex;width:100%}header .lang-container .dropdown li a{align-items:center;color:var(--dark-blue);display:flex;font-weight:700;justify-content:center;padding:.375rem 0;text-decoration:none;transition:.3s ease;width:100%}header .lang-container .dropdown li a:hover{background:rgba(255,204,0,.3);color:var(--gold)}header .lang-container.active .current:after{transform:rotate(180deg)}header .lang-container.active .dropdown{max-height:11.9rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header{padding-bottom:1rem}header .logo{border:none;margin-right:auto}header nav{display:none}header .user-wrapper{margin-right:2rem}header .user-wrapper .user-info{flex-direction:row}header .login{margin-right:1rem}}.login_form{align-items:flex-start;justify-content:flex-start;padding-top:2rem}.login_form,.login_form form{display:flex;flex-direction:column}.login_form form{width:420px}@media screen and (max-width:1000px){.login_form form{width:100%}}.login_form form .form_group{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.login_form form .form_group label{color:var(--muted);font-size:.75rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;transition:.3s ease}.login_form form .form_group input{background:transparent;border:none;border-bottom:2px solid var(--muted);color:#fff;font-family:Rubik;font-size:1.25rem;font-weight:400;outline:none;padding:.5rem 0;transition:.3s ease}.login_form form .form_group input:focus{border-color:#fff}.login_form form .form_group:focus-within label{color:#fff}.login_form form .form_group.submit_group{margin-bottom:0;margin-top:2rem}.login_form form .form_group.submit_group input{background:#fff;border:none;border-radius:8px;color:var(--dark-blue);cursor:pointer;font-family:Rubik;font-size:1rem;font-weight:700;line-height:1rem;outline:none;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}.login_form form .form_group.submit_group input:hover{background:var(--gold)}.login_form form .form_group.submit_group input:disabled{opacity:.5;pointer-events:none}.login_form form .login_errors .error{align-items:center;background:#ff4848;border-radius:8px;color:#fff;display:flex;margin-top:1rem;padding:1rem}.login_form form .login_errors .error:before{background:url(/images/id/alert-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.875rem;margin-right:.5rem;width:1.875rem}.popup.logout-submit .content{background:#0b2a3a;border:1px solid #2b5266;border-radius:.625rem;opacity:0;padding:1.125rem 1.75rem;position:absolute;right:6rem;top:5rem;transform:translateY(10%);transition:.3s ease;z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.logout-submit .content{right:50%;transform:translateX(50%)}}.popup.logout-submit .content .question{font-size:1rem;font-weight:500;margin-bottom:1rem}.popup.logout-submit .content .button-group{align-items:center;display:flex;flex-grow:1}.popup.logout-submit .content .button-group .button{background:transparent;border:none;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;flex-grow:1;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:.0437rem;line-height:1rem;outline:none;padding:.75rem 2rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.popup.logout-submit .content .button-group .button.disabled{opacity:.5;pointer-events:none}.popup.logout-submit .content .button-group .button:before{background:#fff;border-radius:.5rem;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.popup.logout-submit .content .button-group .button:after{background:radial-gradient(100% 100% at 0 0,#76ff33 0,rgba(118,255,51,0) 100%),#fc0;border-radius:.5rem;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s ease;width:100%;z-index:-1}.popup.logout-submit .content .button-group .button:hover:after{opacity:1}.popup.logout-submit .content .button-group .button:first-child{margin-right:.75rem}.popup.logout-submit.active .content{opacity:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.logout-submit.active .content{transform:translateX(50%)}}.ru .popup.logout-submit .content{right:1rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.ru .popup.logout-submit .content{right:50%}}