.header{position:fixed;top:0;width:100%;height:6rem;padding:0 2.7rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;background-color:transparent;transition:transform .3s ease-in-out;pointer-events:all}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--lightBg);z-index:-1;transform:translateY(-100%);transition:transform .2s ease-in-out}.header.light::before{transform:translateY(0)}.header.light .header_nav{border:none}.header.light .header_nav a{color:var(--mainFg)}.header.light .main_header a:not(#user_icon)::after{background-color:var(--mainFg)}.header.light #logo-img-dark{opacity:1}.header.light #logo-img-light{opacity:0}.discovery_header a:hover,.header.light .discovery_header a:hover{color:var(--accent)}.header_nav{height:100%;display:flex;align-items:center;border-bottom:1px solid var(--secondaryFg)}.discovery_header{margin-right:15rem}.header_nav a{margin-right:1.3rem}.main_header{padding:0;margin:0;margin-right:-1.3rem;display:flex;align-items:center;flex-direction:row}#user_icon{width:1.5rem;height:1.5rem;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}#dashboard-btn,#user_icon{display:none}.logged #dashboard-btn,.logged #user_icon{display:inline-block}.logged #login-btn{display:none}.main_header a{position:relative}.main_header a:not(#user_icon)::after{content:"";position:absolute;left:0;bottom:-.5rem;width:0;height:.08rem;background-color:var(--altFg);transition:width .3s ease}.main_header a:not(#user_icon):hover::after{width:100%}.header-logo{height:100%;display:flex;align-items:center}#logo-img-dark,#logo-img-light{width:auto;height:1.2rem;transition:opacity .2s ease-in-out;position:fixed;left:2.7rem}.header.hidden{transform:translateY(-100%);pointer-events:none}.hover-area{position:fixed;top:0;left:0;width:100%;height:3rem;z-index:9999;pointer-events:none}.hover-area.active{pointer-events:auto}#menuIcon{display:none;width:3rem;height:2.5rem;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#menuIcon span{display:block;position:absolute;height:.3rem;width:100%;background-color:var(--altFg);border-radius:.15rem;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.header.light #menuIcon span{background-color:var(--mainFg)}#menuIcon span:first-child{top:0}#menuIcon span:nth-child(2){top:1rem}#menuIcon span:nth-child(3){top:2rem}#menuIcon.open span:first-child{top:1rem;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#menuIcon.open span:nth-child(2){opacity:0;left:-3rem}#menuIcon.open span:nth-child(3){top:1rem;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}@media (max-width:768px){#menuIcon{display:block}.header_nav{pointer-events:none;overflow:hidden;position:fixed;width:100%;height:calc(100% - 6rem);top:6rem;left:0;flex-direction:column;justify-content:center;gap:6rem;animation:deferVisibility .5s linear}@keyframes deferVisibility{0%{opacity:0}99%{opacity:0}100%{opacity:1}}.header_nav.open{pointer-events:auto}.hidden .header_nav{display:none}.header_nav::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(255,255,255,.9);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);transform:scaleY(0);transform-origin:top;transition:transform .4s ease;transition-delay:0.2s}.header_nav.open::before{transform:scaleY(100%);transition-delay:0s}.discovery_header,.main_header{margin:0}.discovery_header,.main_header{display:flex;flex-direction:column;align-items:center;gap:3rem}.discovery_header a,.main_header a{margin:0;font-size:5rem;opacity:0;transition:opacity .4s ease-in-out}.open .discovery_header a,.open .main_header a{opacity:1;transition-delay:0.2s}.discovery_header a{color:var(--accent)!important}.main_header a{color:var(--secondaryFg)!important}.main_header a:not(#user_icon)::after{height:.5rem;background-color:var(--secondaryFg)!important}#user_icon{width:0}}