.Header__overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.2);z-index:5}.Header__overlay--shown{display:block}.Header__header{--height:4rem;height:var(--height);border-bottom:1px solid var(--color-border)}.Header__primary-ul{align-self:stretch;gap:1.5rem;margin-inline-end:auto;flex-basis:100%}.Header__primary-link{display:flex;align-items:center;height:100%;transition:all var(--transition);border-bottom:2px solid transparent}.Header__primary-link.active,.Header__primary-link:hover{color:var(--text-color-300)}.Header__primary-link.active{border-color:var(--color-primary)}@media only screen and (max-width:68em){.Header__nav{flex-wrap:wrap;position:absolute;inset:0 0 auto;height:auto;max-height:calc(100vh - var(--height));overflow-y:auto;transform:translateY(-100%);transition:transform var(--transition);z-index:-1;padding-top:calc(var(--height) + 1rem)}.Header__nav[data-visible=true]{transform:translateY(0)}.Header__primary-ul{flex-direction:column;gap:0;margin-inline-end:0;order:calc(infinity)}.Header__primary-link{align-items:flex-start;height:auto;padding:1em 1em 1em 1rem}.Header__primary-link>span{margin-left:1rem}}