header{z-index:10;width:100%;height:var(--header-height);color:var(--foreground);background:var(--background);box-shadow:0 1px 4px var(--gray-alpha-200);flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .2s;display:flex;position:fixed;top:0}header.top{box-shadow:0 1px #0000}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{align-items:center;gap:.5rem;display:flex}header .main-header .left-container .logo{align-items:flex-end;display:flex}header .main-header .left-container .logo img{margin-top:-.125rem;margin-left:-.3rem}header .main-header .left-container .logo.hide{display:none}header .main-header .left-container .logo .custom{color:var(--primary-color);margin-left:-.25rem;font-size:1.125rem;font-style:italic;font-weight:700}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 .left-container .pc-menu{align-items:center;margin-left:1rem;display:flex}header .main-header .left-container .pc-menu .pc-menu-group{align-items:center;display:flex}header .main-header .left-container .pc-menu .pc-menu-group .pc-menu-item{color:var(--foreground);white-space:nowrap;opacity:.8;padding:.25rem 1rem;font-weight:700;transition:opacity .2s}header .main-header .left-container .pc-menu .pc-menu-group .pc-menu-item:hover{opacity:1}header .main-header .left-container .pc-menu .pc-menu-group .pc-menu-divider{background-color:var(--gray-alpha-300);width:1px;height:1.5rem;margin:0 .5rem}header .main-header .right-container{justify-content:flex-end;align-items:center;gap:.5rem;width:100%;transition:padding .2s;display:flex}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{border:1px solid var(--gray-alpha-300);border-radius:50%;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.user-location{border:1px solid var(--gray-alpha-300);background:var(--icon-color);color:var(--background);opacity:.2;border-radius:.75rem;align-items:center;gap:.125rem;padding:.25rem 1rem .25rem .75rem;transition:opacity .2s;display:flex;position:absolute;top:1.25rem;left:1rem}.user-location.active{opacity:.5}.user-location .icon{font-size:1.25rem}.main-menu .menu-top{align-items:center;gap:1rem;padding:1.5rem 1rem;display:flex}.main-menu .menu-top .login-btn{background-color:var(--foreground);color:var(--background);gap:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem}.main-menu .menu-top .user-profilie{border:1px solid var(--gray-alpha-300);border-radius:50%}.main-menu .menu-top .user-wrapper{flex-direction:column;display:flex}.main-menu .menu-top .user-wrapper .user-name{font-size:1.25rem}.main-menu .menu-top .user-wrapper .logout-btn{cursor:pointer;opacity:.7;align-items:center;font-size:.875rem;display:flex}@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}}