@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.navbar{--wel-navbar-bg:var(--wel-color-surface-raised);--wel-navbar-ink:var(--wel-color-ink);--wel-navbar-padding-block:var(--wel-space-2);--wel-navbar-padding-inline:var(--wel-space-gutter);--wel-navbar-gap:var(--wel-space-4);--wel-navbar-block-size:3.5rem;--wel-navbar-panel-bg:var(--wel-navbar-bg);--wel-navbar-border:var(--wel-color-border);background-color:var(--wel-navbar-bg);color:var(--wel-navbar-ink);border-block-end:var(--wel-border-width) solid var(--wel-navbar-border)}.navbar>:where(nav){align-items:center;gap:var(--wel-navbar-gap);min-block-size:var(--wel-navbar-block-size);padding-block:var(--wel-navbar-padding-block);padding-inline:var(--wel-navbar-padding-inline);display:flex}.navbar :where(.navbar-brand){color:var(--wel-navbar-ink);font-weight:600;text-decoration:none}.navbar :where(.navbar-menu-button){align-items:center;gap:var(--wel-space-1);min-block-size:1.5rem;padding-block:var(--wel-space-1);padding-inline:var(--wel-space-3);border:var(--wel-border-width) solid var(--wel-color-border-strong);border-radius:var(--wel-radius-control);color:var(--wel-navbar-ink);font:inherit;background:0 0;margin-inline-start:auto;display:inline-flex}.navbar :where(.navbar-menu-button)>:where(svg){block-size:1em;inline-size:1em}.navbar :where(.navbar-menu){inline-size:auto;padding:var(--wel-space-3);background-color:var(--wel-navbar-panel-bg);color:var(--wel-navbar-ink);border:none;border-block-end:var(--wel-border-width) solid var(--wel-navbar-border);box-shadow:var(--wel-shadow-2);margin:0;list-style:none;position:fixed;inset-block-start:var(--wel-navbar-block-size);inset-inline:0}.navbar :where(.navbar-menu li+li){margin-block-start:var(--wel-space-1)}.navbar :where(.navbar-menu a){padding-block:var(--wel-space-2);padding-inline:var(--wel-space-2);color:var(--wel-color-ink-muted);border-radius:var(--wel-radius-sm);text-decoration:none;display:block}.navbar :where(.navbar-actions){align-items:center;gap:var(--wel-space-2);margin-inline-start:auto;display:flex}.navbar :where(.navbar-menu-button)~:where(.navbar-actions){margin-inline-start:0}@container page (inline-size>=48rem){.navbar :where(.navbar-menu){gap:var(--wel-space-2);box-shadow:none;background:0 0;border:none;padding:0;display:flex;position:static}.navbar :where(.navbar-menu li+li){margin-block-start:0}.navbar :where(.navbar-menu a){padding-block:var(--wel-space-1);min-block-size:1.5rem;display:inline-block}.navbar :where(.navbar-menu-button){display:none}}@supports (anchor-name:--wel-a){.navbar :where(.navbar-menu-button){anchor-name:--wel-navbar-button}.navbar :where(.navbar-menu){position-anchor:--wel-navbar-button;inset-block-start:calc(anchor(end) + var(--wel-space-2))}}@supports (transition-behavior:allow-discrete){.navbar :where(.navbar-menu:popover-open){transition:opacity calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), translate calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease)}@starting-style{.navbar :where(.navbar-menu:popover-open){opacity:0;translate:0 -.5rem}}}@media (forced-colors:active){.navbar{border-block-end-color:canvastext}.navbar :where(.navbar-menu a){color:linktext}}}@layer variants{.navbar[data-sticky]{z-index:10;box-shadow:var(--wel-shadow-2);position:sticky;inset-block-start:0}@supports (animation-timeline:scroll()){.navbar[data-sticky]{animation:linear both wel-navbar-shadow;animation-timeline:scroll();animation-range:0 6rem}}}@layer states{@media (hover:hover){.navbar :where(.navbar-menu a):hover{color:var(--wel-color-accent-hover)}}.navbar :where(.navbar-menu a):active{color:var(--wel-color-accent-active)}.navbar :where(.navbar-menu a[aria-current=page]){color:var(--wel-color-accent);border-block-end:var(--wel-border-width-strong) solid var(--wel-color-accent)}.navbar:where(:has(.navbar-menu:popover-open)){box-shadow:var(--wel-shadow-3)}.navbar:where(:has(.navbar-menu:popover-open)) :where(.navbar-menu-button){background-color:var(--wel-color-accent-tint)}}@layer utilities,overrides;@keyframes wel-navbar-shadow{0%{box-shadow:none}to{box-shadow:var(--wel-shadow-2)}}