.header{background:var(--color-primary);justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex}.header.home{background:0 0}.header.auth{background:var(--color-background);padding:1rem 2rem}.header.auth .menuButton{color:var(--color-primary)}.header.auth .centerContent{align-items:center;gap:var(--space-2);display:flex}.header.auth .avatar{border-radius:var(--radius-full);flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.header.auth .avatar .avatarImage{object-fit:cover;width:100%;height:100%}.header.auth .authTitle{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--color-secondary);letter-spacing:1px;text-transform:uppercase;line-height:1.125}.header.auth .authTitleLink{text-decoration:none}.header.auth .authTitleLink:hover,.header.auth .authTitleLink:focus-visible{text-underline-offset:.25rem;text-decoration:underline}.header .menuButton{color:var(--color-white);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex}.header .menuButton:hover{opacity:.7}.header .authTitle{color:var(--color-white);text-align:center;flex:1;font-size:1rem;font-weight:700}.header .logoLink{align-items:center;text-decoration:none;display:flex}.header .logoLink svg{height:2rem}.header .profileLink{color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.header .profileLink:hover{opacity:.7}