@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-active-color:var(--color-primary);--nav-link-active-bg:transparent;--nav-link-active-border:var(--color-primary);--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);box-sizing:border-box;opacity:1;background-color:var(--nav-host-background,transparent);width:max-content;display:block;transform:translateY(0)}@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]){background-color:var(--nav-mobile-bg,white);border-radius:var(--border-radius,8px);box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow:hidden auto}: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 rgba(0,0,0,.1));overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow:hidden auto}}:host([data-icons-visible]) nav{visibility:visible}: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{width:max-content;padding:var(--s1);box-sizing:border-box;border:1px solid var(--nav-border-color,transparent);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 var(--duration-nano) var(--ease-out-quint), height var(--duration-nano) var(--ease-out-quint), opacity var(--duration-nano) var(--ease-out-quint)}}@media (hover:hover) and (pointer:fine){.hover-indicator[data-state=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}@media (hover:hover) and (pointer:fine){e-nav-toggle:hover{color:var(--nav-link-hover-color);background:var(--nav-link-hover-bg,white)}}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;interpolate-size:allow-keywords;max-width:max-content;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 var(--duration-ui) ease, gap var(--duration-ui) ease}e-nav-toggle ec-fa-icon{transition:transform var(--duration-ui) ease}e-nav-toggle-label{transition:max-width var(--duration-ui) ease, opacity var(--duration-ui) ease}}@media (width>=768px){:host{flex-direction:column;height:100%;display:flex}nav{flex-direction:column;flex:1;min-height:0;display:flex}ul{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}e-nav-toggle{flex-shrink:0;display:flex}:host([data-desktop-burger]) e-nav-toggle{display:none}:host([data-desktop-burger][data-state-open]){background-color:var(--nav-mobile-bg,white);border-radius:var(--border-radius,8px);box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow:hidden auto}:host([data-desktop-burger][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 rgba(0,0,0,.1));overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow:hidden auto}}[data-role=footer],[data-role=header]{flex-shrink:0}::slotted([slot=footer]){white-space:normal;padding:var(--nav-footer-padding,var(--space-rem-s) var(--space-rem-m));border-top:1px solid var(--nav-footer-border-color,var(--color-border-default));font-size:var(--nav-footer-font-size,var(--step--1));display:block}@media (width>=768px){:host([data-collapsed]:not([variant]):not([data-desktop-burger])) [data-role=footer]{display:none}}@media (width<=767px){:host(:not([variant]):not([data-text-visible])) [data-role=footer]{display:none}}:host([variant]) e-nav-toggle{display:none}:host([variant=bar]) .hover-indicator{display:none}:host([variant=bottom]) .hover-indicator{display:none}:host([variant=bottom]) [data-role=footer]{display:none}@media (width<=1023px){:host([variant=sidebar]){z-index:var(--nav-offcanvas-z-index,1000);width:var(--nav-offcanvas-width,min(20rem, 90vw));overscroll-behavior:contain;background-color:var(--nav-offcanvas-background,var(--nav-mobile-bg,var(--color-background)));height:auto;max-height:none;box-shadow:var(--nav-offcanvas-shadow,var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1)));visibility:hidden;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}:host([variant=sidebar][data-state-open]){visibility:visible;border-radius:0;max-height:none;transform:none}:host([variant=sidebar][data-state-closing]){visibility:visible;transform:translate(-100%)}:host([variant=sidebar]) nav{width:100%;min-height:100%;padding-top:var(--nav-offcanvas-padding-top,var(--space-rem-xl))}:host([variant=sidebar]) ul{flex:1 0 auto;overflow:visible}}@media (width>=1024px){:host([variant=sidebar]){width:100%;height:auto;max-height:none;display:block;overflow:visible}:host([variant=sidebar]) nav{flex:none;width:100%;overflow:visible}:host([variant=sidebar]) ul{flex:none;width:100%;overflow:visible}}:host([variant=drawer]){z-index:var(--nav-offcanvas-z-index,1000);width:var(--nav-offcanvas-width,min(20rem, 90vw));overscroll-behavior:contain;background-color:var(--nav-offcanvas-background,var(--nav-mobile-bg,var(--color-background)));height:auto;max-height:none;box-shadow:var(--nav-offcanvas-shadow,var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1)));visibility:hidden;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}:host([variant=drawer][data-state-open]){visibility:visible;border-radius:0;max-height:none;transform:none}:host([variant=drawer][data-state-closing]){visibility:visible;transform:translate(-100%)}:host([variant=drawer]) nav{width:100%;min-height:100%;padding-top:var(--nav-offcanvas-padding-top,var(--space-rem-xl))}:host([variant=drawer]) ul{flex:1 0 auto;overflow:visible}@media (width<=767px){:host([variant=bar]){z-index:var(--nav-offcanvas-z-index,1000);overscroll-behavior:contain;background-color:var(--nav-offcanvas-background,var(--nav-mobile-bg,var(--color-background)));width:100%;max-height:none;box-shadow:var(--nav-offcanvas-shadow,var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1)));visibility:hidden;opacity:0;position:fixed;inset-block-start:var(--nav-bar-offcanvas-top,0);inset-block-end:0;inset-inline:0;overflow-y:auto;transform:translateY(-1rem)}:host([variant=bar][data-state-open]){visibility:visible;opacity:1;max-height:auto;border-radius:0;max-height:none;transform:none}:host([variant=bar]) nav{width:100%;padding-top:var(--nav-offcanvas-padding-top,var(--space-rem-xl))}:host([variant=bar][data-mobile-flow]){height:auto;box-shadow:none;visibility:visible;opacity:1;display:none;position:static;overflow:visible;transform:none}:host([variant=bar][data-mobile-flow][data-state-open]){display:block}}@media (width>=768px){:host([variant=bar]){background-color:var(--nav-bar-background,transparent);width:auto;height:auto;display:block}:host([variant=bar]) nav{width:auto;padding:var(--nav-bar-padding,0);box-shadow:none;border:0;flex-direction:row;align-items:center}:host([variant=bar]) ul{justify-content:var(--nav-bar-justify,flex-start);gap:var(--nav-bar-gap,var(--space-rem-xs));flex-flow:wrap;flex:0 auto;overflow:visible}:host([variant=bar]) [data-role=footer]{display:none}:host([variant=bar]) [data-role=header]{display:none}}:host([variant=inline]){background-color:var(--nav-bar-background,transparent);width:auto;height:auto;display:block}:host([variant=inline]) nav{width:auto;padding:var(--nav-bar-padding,0);box-shadow:none;border:0;flex-direction:row;align-items:center}:host([variant=inline]) ul{justify-content:var(--nav-bar-justify,flex-start);gap:var(--nav-bar-gap,var(--space-rem-xs));flex-flow:wrap;flex:0 auto;overflow:visible}:host([variant=inline]) .hover-indicator{display:none}:host([variant=inline]) [data-role=footer]{display:none}:host([variant=inline]) [data-role=header]{display:none}:host([variant=bottom]) [data-role=header]{display:none}:host([variant=bottom]){z-index:var(--nav-bottom-z-index,900);width:100%;height:auto;padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--nav-bottom-background,var(--color-background));border-top:1px solid var(--nav-bottom-border-color,var(--color-border-default));display:block;position:fixed;inset:auto 0 0}:host([variant=bottom][data-hide-on-scroll]){transition:transform var(--nav-bottom-hide-duration,var(--duration-500)) ease-in-out}:host([variant=bottom][data-hide-on-scroll]:not([data-scroll-visible])){transform:translateY(100%)}@media (prefers-reduced-motion:reduce){:host([variant=bottom][data-hide-on-scroll]){transition:none}}:host([variant=bottom]) nav{border:0;flex-direction:row;width:100%;padding:0}:host([variant=bottom]) ul{flex-direction:row;flex:auto;justify-content:space-around;width:100%;overflow:visible}@media (width>=1024px){:host([variant=bottom]){display:none}}@media (prefers-reduced-motion:no-preference){:host([variant=drawer][data-state-open]){transition:transform var(--duration-300) ease, visibility var(--duration-300) ease, opacity var(--duration-300) ease}:host([variant=sidebar][data-state-open]){transition:transform var(--duration-300) ease, visibility var(--duration-300) ease, opacity var(--duration-300) ease}:host([variant=bar][data-state-open]){transition:transform var(--duration-300) ease, visibility var(--duration-300) ease, opacity var(--duration-300) ease}}[data-role=error-message]{color:var(--color-error,#dc3545);border:1px solid;border-radius:4px;padding:1rem}}