.header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:35px;min-width:min(100% - 40px,600px);padding:0 20px;transition:all .3s;position:fixed;top:10px;left:50%;transform:translate(-50%)}.header--hidden{transform:translate(-50%,calc(-100% - 20px))}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-width:max-content;height:70px;display:flex;position:relative}.header__logo img{height:40px}.header-nav{gap:5px;min-width:max-content;display:flex}.header-nav__link{color:#ffffff80;background:#ffffff1a;border-radius:20px;justify-content:center;align-items:center;gap:5px;height:40px;padding:0 10px;display:flex;position:relative;overflow:hidden}.header-nav__link:hover,.header-nav__link--active{color:#fff}.header-nav__link--active:before{content:"";background:var(--clr-3);z-index:-1;border-radius:15px;position:absolute;inset:5px}.menu-btn{justify-content:flex-end;align-items:center;width:40px;height:0;padding:10px 0;display:none;position:relative}.menu-btn:before{content:"";background:#fff;width:100%;height:2px;transition:transform .5s .5s,rotate .5s;position:absolute;transform:translateY(-10px)}.menu-btn--active:before{transition:transform .5s,rotate .5s .5s;rotate:45deg;transform:translateY(0)!important}.menu-btn:after{content:"";background:#fff;width:100%;height:2px;transition:transform .5s .5s,rotate .5s;position:absolute;transform:translateY(10px)}.menu-btn--active:after{transition:transform .5s,rotate .5s .5s;rotate:-45deg;transform:translateY(0)!important}.menu-btn__center-line{opacity:1;background:#fff;width:50px;height:2px;transition:all 0s .5s}.menu-btn__center-line--active{opacity:0}.menu{grid-template-rows:0fr;padding:0;transition:grid-template-rows .5s .5s,padding .5s .5s;display:grid}.menu--open{grid-template-rows:1fr;padding:20px 0;transition:grid-template-rows .5s,padding .5s}.menu-nav{flex-direction:column;gap:5px;display:flex;overflow:hidden}.menu-nav__link{z-index:1;color:#ffffff80;opacity:0;filter:blur(10px);background:#ffffff15;border-radius:20px;justify-content:center;align-items:center;height:40px;padding:5px;transition:opacity .5s,filter .5s;display:flex;position:relative}.menu-nav__link:hover{color:#fff}.menu-nav__link--visible{opacity:1;filter:blur();transition:opacity .5s .5s,filter .5s .5s}.menu-nav__link--active{color:#fff}.menu-nav__link--active:before{content:"";background:var(--clr-3);z-index:-1;border-radius:15px;position:absolute;inset:5px}@media screen and not (min-width:1050px){.header-link-container{display:none}}@media screen and not (min-width:800px){.header-nav,.header-link-container{display:none}.menu-btn{display:flex}}