.nav-menu{margin-block:var(--spacing-r) 0;justify-self:end}.nav-toggle{align-items:center;column-gap:var(--spacing-s);right:var(--spacing-r);top:var(--spacing-r);display:inline-flex;position:absolute}.nav-icon{gap:3px;display:grid}.nav-icon span{height:var(--border-width-r);background-color:currentColor;width:1.25rem;display:block}.nav-menu ul{margin:0;padding:0}.nav-menu li:after,.nav-menu li:before{content:none;display:none}.nav-close{block-size:var(--svg-width);font-size:var(--font-size-m);inline-size:var(--svg-width);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.nav-dialog{background-color:var(--color-background-default);border:var(--border-width-l) solid var(--color-border);border-radius:var(--border-radius-l);box-sizing:border-box;max-width:min(34rem, calc(100vw - (var(--spacing-r) * 2)));padding:var(--spacing-r);width:min(34rem, calc(100vw - (var(--spacing-r) * 2)));margin:auto}[data-navigation-variant=overlay-small] .nav-dialog{inset:var(--spacing-s) var(--spacing-s) auto auto;max-width:min(18rem, calc(100vw - (var(--spacing-r) * 2)));width:min(18rem, calc(100vw - (var(--spacing-r) * 2)));margin:0}[data-navigation-variant=overlay-small] .nav-panel{gap:var(--spacing-r);display:grid;position:relative}[data-navigation-variant=overlay-small] .nav-body{margin-trim:block;display:grid}[data-navigation-variant=overlay-small] .btn{box-sizing:border-box;inline-size:100%;display:block}[data-navigation-variant=overlay-large] .nav-dialog{inset:var(--spacing-s) var(--spacing-s) auto auto;max-width:min(72rem, calc(100vw - (var(--spacing-r) * 2)));width:min(72rem, calc(100vw - (var(--spacing-r) * 2)));margin:0;box-shadow:0 5px 15px 5px #00000040}[data-navigation-variant=overlay-large] .nav-panel{gap:var(--spacing-s);display:grid;position:relative}[data-navigation-variant=overlay-large] h2{margin-block:0}[data-navigation-variant=overlay-large] li{margin-block:0 var(--spacing-s)}[data-navigation-variant=overlay-large] li:has(p){margin-block:0 var(--spacing-s);margin-trim:block}[data-navigation-variant=overlay-large] h4{font-size:var(--font-size-r);margin-block:0}[data-navigation-variant=overlay-large] h4+p{font-size:var(--font-size-s);margin-block:0}[data-navigation-variant=slide] .nav-dialog{width:min(30rem,100vw);max-width:min(30rem,100vw);height:100dvh;margin:0;inset:0 0 0 auto;box-shadow:0 5px 15px 5px #00000040}[data-navigation-variant=slide] .nav-panel{min-height:100dvh}[data-navigation-variant=slide] h2{margin-block:0}[data-navigation-variant=slide] h2+p{font-size:var(--font-size-s)}[data-navigation-variant=slide] li{margin-block:0 var(--spacing-s)}[data-navigation-variant=slide] li:has(p){margin-block:0 var(--spacing-s);margin-trim:block}[data-navigation-variant=slide] h3+ul{gap:0 var(--spacing-r);grid-template-columns:1fr 1fr;display:grid}[data-navigation-variant=slide] h4{font-size:var(--font-size-r);margin-block:0}[data-navigation-variant=slide] h4+p{font-size:var(--font-size-s);margin-block:0}[data-navigation-variant=slide] footer p{font-size:var(--font-size-s);text-align:center}@media (prefers-reduced-motion:no-preference){.nav-dialog[open] .nav-panel{animation:navigation-menu-fade-in var(--animate-duration-faster) ease both}[data-navigation-variant=slide] .nav-dialog[open] .nav-panel{animation:navigation-menu-slide-in var(--animate-duration-faster) ease both}}@keyframes navigation-menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes navigation-menu-slide-in{0%{opacity:0;translate:2rem}to{opacity:1;translate:0}}@media screen and (width>=48em){.nav-menu{margin-block:0}.nav-dialog{width:min(36rem, calc(100vw - (var(--spacing-l) * 2)))}[data-navigation-variant=overlay-large] .nav-dialog{width:min(80rem, calc(100vw - (var(--spacing-l) * 2)))}[data-navigation-variant=overlay-large] .layout>:not(:first-child){border-inline-start:var(--border-width-r) solid var(--color-border);padding-inline-start:var(--spacing-r)}}