@layer components.components{[name=Header]{align-items:center;-moz-column-gap:var(--space-4);column-gap:var(--space-4);display:flex;justify-content:space-between;padding-block:0;width:100%}[name=Header] .logo-wrapper{align-items:center;background-color:var(--white);border-bottom-left-radius:1.375rem;border-bottom-right-radius:1.375rem;display:inline-flex;flex:0 0 auto;justify-content:center;min-block-size:4rem;padding-block:var(--space-3) var(--space-4);padding-inline:var(--space-5);text-decoration:none;transition:background-color var(--transition-speed) var(--transition-timing-function),transform var(--transition-speed) var(--transition-timing-function)}[name=Header] .logo-wrapper:hover,[name=Header] .logo-wrapper:focus-visible{transform:translateY(.125rem)}[name=Header] .logo-wrapper:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.25rem}@media screen and (min-width:1024px){[name=Header] .logo-wrapper{min-block-size:5.75rem;padding-block:var(--space-4) var(--space-5);padding-inline:var(--space-6)}}[name=Header] .logo{display:inline-flex;line-height:0}[name=Header] .logo svg{block-size:auto;display:block;inline-size:7.5rem}@media screen and (min-width:1024px){[name=Header] .logo svg{inline-size:9.75rem}}}