@layer components.mainNavigation{ec-main-navigation li[slot=nav-items]{display:block;margin:0;padding:0}ec-main-navigation li[slot=nav-items] a{color:var(--nav-link-color, var(--nav-item-color, #2C3E50));text-decoration:none;padding:var(--nav-item-padding, 0.75rem 1.25rem 0.75rem calc(1.25rem - 3px));display:flex;align-items:center;gap:var(--nav-item-gap, 0.75rem);width:100%;border-left:var(--nav-item-border-width, 3px) solid transparent;position:relative}@media(prefers-reduced-motion: no-preference){ec-main-navigation li[slot=nav-items] a{transition:background-color .3s ease,color .3s ease}}ec-main-navigation li[slot=nav-items] a:hover,ec-main-navigation a[slot=nav-items]:hover{background-color:var(--nav-link-hover-bg, white)}ec-main-navigation li[slot=nav-items] a:focus-visible{outline:2px solid var(--nav-accent-color, var(--color-primary, #9B59B6));outline-offset:2px}ec-main-navigation li[slot=nav-items] a[aria-current=page],ec-main-navigation li[slot=nav-items] a[data-active]{font-weight:var(--nav-link-active-font-weight, bold);border-left-color:var(--nav-accent-color, var(--color-primary, #9B59B6))}@media(min-width: 768px)and (max-width: 1023px){ec-main-navigation li[slot=nav-items] a{gap:0;transition:gap .3s ease}ec-main-navigation li[slot=nav-items] a span{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .3s ease}ec-main-navigation[data-expanded] li[slot=nav-items] a{gap:.75rem}ec-main-navigation[data-expanded] li[slot=nav-items] a span{max-width:200px;opacity:1}}ec-main-navigation [slot=close-icon]{display:none !important}@media(max-width: 767px){ec-main-navigation{touch-action:pan-y}ec-main-navigation li[slot=nav-items]{display:none}ec-main-navigation[data-icons-visible] li[slot=nav-items],ec-main-navigation[data-text-visible] li[slot=nav-items]{display:block}ec-main-navigation li[slot=nav-items] a{padding:.75rem calc(1.25rem - 3px);gap:0}ec-main-navigation li[slot=nav-items] a span{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .3s ease}ec-main-navigation[data-text-visible] li[slot=nav-items] a{gap:.75rem}ec-main-navigation[data-text-visible] li[slot=nav-items] a span{max-width:200px;opacity:1}}@media(prefers-reduced-motion: reduce){ec-main-navigation li[slot=nav-items] a,ec-main-navigation li[slot=nav-items] a span{transition:none !important}}}/*# sourceMappingURL=mainNavigation-global.css.map */
