header .nav-container.hide-aside,header .nav-container.show-aside{position:absolute;top:80px;right:0;display:flex;flex-direction:column;width:min(100vw,300px);height:calc(100vh - 80px);background-color:var(--grey-1);padding:24px 0;overflow-y:auto;transform:translateX(100%);transition:transform .5s ease-out}header .nav-container.show-aside{transform:translateX(0)}header .menu-btn,header .menu-btn:after,header .menu-btn:before{height:4px;width:36px;background-color:var(--white);position:relative;display:block;content:"";transition:all .5s}header .menu-btn:before{top:-10px}header .menu-btn:after{top:6px}header .nav-container.show-aside~* .menu-btn{background-color:transparent;top:-2px}header .nav-container.show-aside~* .menu-btn:before{transform:rotate(45deg);top:2px}header .nav-container.show-aside~* .menu-btn:after{transform:rotate(-45deg);top:-2px}header .links{width:100%}header .links:hover{background-color:var(--primary-color)}header .lang-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;backdrop-filter:blur(3px);z-index:1000}header .lang-container{padding:10px;background-color:var(--white);color:var(--black);width:max-content;box-shadow:0 5px 15px -5px var(--grey-1)}header .lang-wrapper.show{display:flex}header .lang-wrapper.hide{display:none}@media (min-width:1024px){header .nav-container.hide-aside,header .nav-container.show-aside{position:static;flex-direction:row;background-color:transparent;width:unset;height:unset;overflow-y:hidden;transform:unset}header .links:after{content:"";display:block;background-color:var(--white);width:100%;height:2px;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-out}header .links:hover{background-color:unset}header .links:hover:after{transform:scaleX(1)}header .lang-wrapper{position:absolute;top:80%;left:-50%;display:block;width:unset;height:max-content;overflow:hidden;box-shadow:0 5px 5px -5px var(--grey-1);transition:max-height .5s}header .lang-container{padding:unset}header .lang-wrapper.show{display:unset;max-height:100px}header .lang-wrapper.hide{display:unset;max-height:0}}