header{align-items:stretch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(180deg,#0f003d,rgba(22,0,60,.5));border-bottom:1px solid var(--white-25,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 var(--white-25,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:25.375rem}@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:#0de7ff;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:before{opacity:1}header nav a.active span{color:#0de7ff}header nav a.active .background{opacity:1}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:#0de7ff}header .lang-container .current:after{background-image:url(/images/id/drop-arrow-blue.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(13,231,255,.3)}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:.5rem;padding-top:.5rem}header .logo{border:none;height:3rem;margin-right:0;width:4rem}header .logo img{height:2rem;width:2rem}header nav a{border:none;font-size:.75rem;padding:1rem .5rem;width:auto}header nav a .background,header nav a:after,header nav a:before{display:none}header .user-wrapper{margin-right:2rem}header .user-wrapper .user-info{flex-direction:row}header .login{margin-right:1rem}}
