.header-container{--top-gap: 24px;pointer-events:none;position:absolute;left:0;right:0;top:var(--top-gap)}@media (min-width: 768px){.header-container{height:calc(var(--h) - var(--top-gap))}}header{top:0;z-index:50;display:flex;height:3rem;width:100%;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem;transition-property:top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){header{position:sticky;display:grid;grid-template-columns:1fr auto 1fr;padding-left:3rem;padding-right:3rem}}header{>*{display:flex;align-items:center;pointer-events:auto;&:first-child{justify-self:start}&:last-child{justify-self:end}}}.navigation{display:none}@media (min-width: 768px){.navigation{display:block}}.navigation{.nav-viewport-container{top:calc(100% - 25px)}&[data-open=true]{ul:before{bottom:calc(-1px * var(--tt) + 1.5rem + 1px)}}.nav-trigger,.nav-content>*{border-radius:10px}.nav-trigger,.nav-content>*{padding-left:1rem;padding-right:1rem}.nav-trigger,.nav-content>*{padding-top:.5rem;padding-bottom:.5rem}.nav-trigger:hover,.nav-content>*:hover{background-color:#0000000d}ul{position:relative}ul{display:flex}ul{padding:1rem}ul{&:before{content:""}&:before{position:absolute}&:before{left:0}&:before{right:0}&:before{top:0}&:before{bottom:0}&:before{z-index:-10}&:before{-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);clip-path:inset(12px 12px 12px 12px round 12px);transition:background .4s;will-change:opacity;background:#fff9}li{white-space:nowrap}}}.small-nav{display:flex;flex-direction:column;>div{display:flex}>div{flex-direction:column}>div{padding-top:.5rem;padding-bottom:.5rem}>div{>label{margin-bottom:.5rem}>label{font-size:1.125rem;line-height:1.75rem}>label{font-weight:600}>a{padding-top:.25rem;padding-bottom:.25rem}>a{&:hover{--tw-text-opacity: 1;color:rgb(237 22 81 / var(--tw-text-opacity, 1))}&:first-child{padding-top:0}&:last-child{padding-bottom:0}}}}