@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: var(--color-surface-hover);--nav-link-active-color: var(--color-primary);--nav-link-active-bg: var(--color-surface-active);--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-transition: var(--transition-normal);display:block}[data-role=sr-only]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}nav{display:flex;flex-direction:column;gap:0;width:fit-content;border:1px solid rgba(0, 0, 0, 0.3);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);position:relative;z-index:1;background-color:white}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}::slotted(li){display:block;margin:0;padding:0}[data-role=error-message]{color:var(--color-error, #dc3545);padding:1rem;border:1px solid currentColor;border-radius:4px}}/*# sourceMappingURL=mainNavigation.css.map */