.nav-header{background-color:var(--color-background);flex-direction:column;align-items:center;width:100%;padding:3rem 1rem;display:flex}.navigation-wrapper{gap:8px;display:flex}.navigation{max-width:var(--max-content-width);background-color:var(--color-background);border:var(--border-width) solid var(--color-white);border-radius:var(--border-radius);flex-wrap:wrap;gap:.75rem;width:100%;padding:.75rem;justify-content:center!important;margin:0 auto!important;display:flex!important}.nav-button{border:1px solid var(--color-white);border-radius:var(--border-radius);color:var(--color-white);font-size:var(--text-body);line-height:var(--line-height-heading);cursor:pointer;white-space:nowrap;background-color:#0000;align-items:center;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-button.active{background-color:var(--color-white);color:var(--dark-bg)}.nav-button:hover:not(:disabled):not(.coming-soon){transform:translateY(-2px);box-shadow:0 4px 8px #fff3}.nav-button.coming-soon{opacity:.6;cursor:not-allowed}.nav-user{align-items:center;gap:.5rem;display:flex}.nav-user__avatar{border:var(--border-width) solid var(--color-white);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:2rem;height:2rem;display:block}.nav-language-select{border:1px solid var(--color-white);border-radius:var(--border-radius);color:var(--color-white);font-size:var(--text-body);line-height:var(--line-height-heading);cursor:pointer;white-space:nowrap;background-color:#0000;padding:.625rem 1.5rem;font-family:inherit}.nav-language-select option{background-color:var(--color-background);color:var(--color-white)}.nav-language-select:focus{outline:2px solid var(--color-white);outline-offset:2px}.nav-button .badge{background-color:var(--color-white);color:var(--dark-bg);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:.125rem .375rem;font-size:9px;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}
