header{z-index:10;position:fixed;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:var(--header-height);color:var(--foreground);background:var(--background);box-shadow:0 1px 0 var(--gray-alpha-300);transition:box-shadow .2s ease}header.top{box-shadow:0 1px 0 transparent}header .main-header{background-color:var(--background);flex-direction:row;height:100%}header .main-header.full-width{max-width:unset}header .main-header .left-container{display:flex;align-items:center;gap:.5rem}header .main-header .left-container .logo{display:flex;align-items:flex-end}header .main-header .left-container .logo img{margin-left:-.3rem}header .main-header .left-container .logo.hide{display:none}header .main-header .left-container .logo .custom{font-size:1.125rem;font-weight:700;font-style:italic;color:var(--primary-color);margin-left:-.25rem}header .main-header .left-container .back-btn{z-index:1;position:absolute}header .main-header .left-container .back-btn.hide{display:none}header .main-header .right-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:padding .2s ease}header .main-header .right-container .menu-btn{background-color:var(--background);border:1px solid var(--gray-alpha-300);border-radius:.75rem;gap:.5rem;padding-right:43px;position:relative}header .main-header .right-container .menu-btn.minimal{padding-right:8px}header .main-header .right-container .menu-btn.minimal .user-icon{display:none}header .main-header .right-container .menu-btn .menu-icon{color:var(--icon-color)}header .main-header .right-container .menu-btn .user-icon{position:absolute;top:50%;right:8px;transform:translateY(-50%);border-radius:50%;border:1px solid var(--gray-alpha-300)}.user-location{position:absolute;top:1.25rem;left:1rem;display:flex;align-items:center;gap:.125rem;border:1px solid var(--gray-alpha-300);padding:.25rem 1rem .25rem .75rem;border-radius:.75rem;background:var(--icon-color);color:var(--background);opacity:.2;transition:opacity .2s}.user-location.active{opacity:.5}.user-location .icon{font-size:1.25rem}.main-menu .menu-top{display:flex;align-items:center;gap:1rem;padding:1.5rem 1rem}.main-menu .menu-top .login-btn{gap:.75rem;font-size:1rem;padding:.75rem 1rem;background-color:var(--foreground);color:var(--background);width:100%}.main-menu .menu-top .user-profilie{border-radius:50%;border:1px solid var(--gray-alpha-300)}.main-menu .menu-top .user-wrapper{display:flex;flex-direction:column}.main-menu .menu-top .user-wrapper .user-name{font-size:1.25rem}.main-menu .menu-top .user-wrapper .logout-btn{display:flex;align-items:center;font-size:.875rem;cursor:pointer;opacity:.7}@media(hover:hover)and (pointer:fine){header .main-header .right-container .menu-btn:hover{background-color:var(--icon-hover-color)}}@media(min-width:1180px){header .main-header .right-container .search-input{flex:.4 1}}