@layer components.mainNavigation{:host{--nav-gap:var(--space-rem-m);--nav-link-color:var(--color-text);--nav-link-hover-color:var(--color-primary);--nav-link-hover-bg:white;--nav-link-active-color:var(--color-primary);--nav-link-active-bg:transparent;--nav-link-active-border:var(--color-primary);--nav-link-font-size:var(--step-0);--nav-link-font-weight:var(--font-weight-normal);--nav-link-active-font-weight:var(--font-weight-bold);--nav-link-padding:var(--space-rem-xs)var(--space-rem-s);--nav-border-radius:var(--border-radius);--nav-mobile-bg:var(--color-background,white);padding:var(--s1);opacity:1;display:block;transform:translateY(0)}:host-context(html[data-theme="dark"]){--nav-link-hover-bg:#3a3a3a;--nav-hover-indicator-bg:#3a3a3a;--nav-mobile-bg:var(--color-background,#1a1a1a);background-color:var(--color-background,#1a1a1a)}:host-context(html[data-theme="rainbow"]){--nav-hover-indicator-bg:#9664c826}:host-context(html[data-theme="rainbow"]) .hover-indicator{background:linear-gradient(#f0424240,#f2f20d40,#22c32240,#30abe840,#a73cdd40)}@media (prefers-reduced-motion:reduce){:host{transition:none;animation:none}}:host([data-state-open]){opacity:1;transform:translateY(0)}@media (width<=767px){:host([data-state-open]),:host([data-state-closing]){background-color:var(--nav-mobile-bg,white);border-radius:var(--border-radius,8px);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a)}}:host([data-icons-visible]) nav,:host([data-text-visible]) nav{visibility:visible}:host([data-expanded]) nav{width:100%}[data-role=sr-only]{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}nav{border:1px solid var(--nav-border-color,transparent);width:fit-content;box-shadow:var(--nav-shadow,none);z-index:1;flex-direction:column;gap:0;display:flex;position:relative}.hover-indicator{left:0;right:0;top:var(--hover-top,0);height:var(--hover-height,0);background:var(--nav-hover-indicator-bg,var(--nav-link-hover-bg,white));pointer-events:none;z-index:0;opacity:0;border-radius:0;position:absolute}@media (prefers-reduced-motion:no-preference){.hover-indicator{transition:top .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}}.hover-indicator.active{opacity:1}ul{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;position:relative}::slotted(li){margin:0;padding:0;display:block}[data-role=error-message]{color:var(--color-error,#dc3545);border:1px solid;border-radius:4px;padding:1rem}}