@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 print{:host{display:none!important}}@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);overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow-y:auto}}:host([data-icons-visible]) nav,:host([data-text-visible]) nav{visibility:visible}:host([data-collapsed]){width:fit-content}[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}e-nav-toggle{cursor:pointer;align-items:center;gap:var(--nav-item-gap,.75rem);padding:var(--nav-item-padding,.75rem 1.25rem .75rem calc(1.25rem - 3px));border-top:1px solid var(--color-border-default);color:var(--color-text-light);font-size:var(--step--1);margin-top:auto;display:none}e-nav-toggle:hover{color:var(--nav-link-hover-color);background:var(--nav-link-hover-bg)}e-nav-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}e-nav-toggle ec-fa-icon{--ec-fa-icon-border:none;flex-shrink:0}:host([data-collapsed]) e-nav-toggle{gap:0;padding:12px 12.5px 12px 9.5px}:host([data-collapsed]) e-nav-toggle ec-fa-icon{transform:rotate(180deg)}e-nav-toggle-label{white-space:nowrap;display:inline-block;overflow:hidden}:host([data-collapsed]) e-nav-toggle-label{opacity:0;max-width:0}@media (prefers-reduced-motion:no-preference){e-nav-toggle{transition:padding .3s,gap .3s}e-nav-toggle ec-fa-icon{transition:transform .3s}e-nav-toggle-label{transition:max-width .3s,opacity .3s}}@media (width>=768px){:host{flex-direction:column;height:100%;display:flex}nav{flex-direction:column;flex:1;display:flex}e-nav-toggle{display:flex}}:host-context(html[data-theme="dark"]) e-nav-toggle{border-top-color:var(--color-border-default)}:host-context(html[data-theme="dark"]) e-nav-toggle:hover{background:var(--nav-hover-indicator-bg)}[data-role=error-message]{color:var(--color-error,#dc3545);border:1px solid;border-radius:4px;padding:1rem}}