.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:grid;height:3rem;width:100%;grid-template-columns:1fr auto auto;align-items:center;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;grid-template-columns:120px 1fr 120px;padding-left:3rem;padding-right:3rem}}header{>*{pointer-events:auto}}@media (min-width: 768px){header>:last-child{justify-self:end}}.navigation{display:none;width:100%}@media (min-width: 768px){.navigation{display:block}}.navigation{justify-self:center;.nav-viewport-container{top:calc(100% - 25px)}&[data-open=true]{ul:before{bottom:calc(-1px * var(--tt) + 1.5rem + 1px)}}.nav-trigger,.nav-content>*:not(h3),.nav-list>li>a{border-radius:10px}.nav-trigger,.nav-content>*:not(h3),.nav-list>li>a{padding-left:1rem;padding-right:1rem}.nav-trigger,.nav-content>*:not(h3),.nav-list>li>a{padding-top:.5rem;padding-bottom:.5rem}.nav-trigger:hover,.nav-content>*:not(h3):hover,.nav-list>li>a:hover{background-color:#0000000d}h3.no-hover{pointer-events:none}ul{position:relative}ul{margin-left:auto;margin-right:auto}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{pointer-events:none}>label{margin-bottom:.5rem}>label{border-bottom-width:1px}>label{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}>label{padding-bottom:.25rem}>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}}}}:deep(.popover-content){--tw-bg-opacity: 1 !important;background-color:rgb(241 241 241 / var(--tw-bg-opacity, 1))!important}
