@layer components.mainNavigation{ec-main-navigation li[slot=nav-items]{margin:0;padding:0;display:block}ec-main-navigation li[slot=nav-items][data-role=nav-group-header]{text-transform:uppercase;letter-spacing:.05em;color:var(--nav-group-header-color,var(--color-text-light));pointer-events:none;z-index:2;padding:1.25rem 1.25rem .35rem;font-size:.7em;font-weight:600;position:relative}ec-main-navigation li[slot=nav-items][data-role=nav-group-header]:first-child{padding-top:.5rem}@media (width>=768px){ec-main-navigation[data-collapsed] li[slot=nav-items][data-role=nav-group-header]{padding:.75rem 0}ec-main-navigation[data-collapsed] li[slot=nav-items][data-role=nav-group-header] span{display:none}ec-main-navigation[data-collapsed] li[slot=nav-items][data-role=nav-group-header]:after{content:"";background:var(--color-border-default);height:1px;margin:0 .5rem;display:block}}ec-main-navigation li[slot=nav-items] a{color:var(--nav-link-color,var(--nav-item-color,#2c3e50));padding:var(--nav-item-padding,.75rem 1.25rem .75rem calc(1.25rem - 3px));align-items:center;gap:var(--nav-item-gap,.75rem);border-left:var(--nav-item-border-width,3px) solid transparent;width:100%;text-decoration:none;display:flex;position:relative}ec-main-navigation li[slot=nav-items] a:hover,ec-main-navigation a[slot=nav-items]:hover{background-color:#0000}ec-main-navigation li[slot=nav-items] a ec-fa-icon{color:var(--nav-link-color,var(--color-text))}ec-main-navigation li[slot=nav-items] a:hover ec-fa-icon{color:var(--nav-link-hover-color,var(--color-primary))}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[active]{font-weight:var(--nav-link-active-font-weight,bold);border-left-color:var(--nav-accent-color,var(--color-primary,#9b59b6))}ec-main-navigation li[slot=nav-items] a[aria-current=page] ec-fa-icon,ec-main-navigation li[slot=nav-items] a[active] ec-fa-icon{color:var(--nav-link-active-color,var(--color-primary))}@media (width>=768px){ec-main-navigation li[slot=nav-items] a span{opacity:1;white-space:nowrap;max-width:200px;display:inline-block;overflow:hidden}ec-main-navigation[data-collapsed] li[slot=nav-items] a{gap:0;padding:12px 12.5px 12px 9.5px}ec-main-navigation[data-collapsed] li[slot=nav-items] a span{opacity:0;max-width:0}}@media (width>=768px) and (prefers-reduced-motion:no-preference){ec-main-navigation li[slot=nav-items] a{transition:gap .3s,padding .3s,background-color .3s,color .3s}ec-main-navigation li[slot=nav-items] a span{transition:max-width .3s,opacity .3s}ec-main-navigation li[slot=nav-items] a ec-fa-icon{transition:color .3s}}ec-main-navigation:not([data-state-open]) [slot=close-icon]{display:none}@media (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:not([data-text-visible]) li[slot=nav-items][data-role=nav-group-header]{display:none}ec-main-navigation li[slot=nav-items] a{gap:0;padding:.75rem calc(1.25rem - 3px)}ec-main-navigation li[slot=nav-items] a span{opacity:0;white-space:nowrap;max-width:0;display:inline-block;overflow:hidden}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{opacity:1;max-width:200px}}@media (width<=767px) and (prefers-reduced-motion:no-preference){ec-main-navigation li[slot=nav-items] a{transition:background-color .3s,color .3s,gap .3s}ec-main-navigation li[slot=nav-items] a span{transition:max-width .3s,opacity .3s}}@media (prefers-reduced-motion:reduce){ec-main-navigation li[slot=nav-items] a,ec-main-navigation li[slot=nav-items] a span,ec-main-navigation li[slot=nav-items] a ec-fa-icon{transition:none!important}}html[data-theme=dark] ec-main-navigation li[slot=nav-items][data-role=nav-group-header]{color:var(--color-text-light)}html[data-theme=dark] ec-main-navigation[data-collapsed] li[slot=nav-items][data-role=nav-group-header]:after{background:var(--color-border-default)}html[data-theme=dark] ec-main-navigation li[slot=nav-items] a,html[data-theme=dark] ec-main-navigation a[slot=nav-items]{color:var(--color-text)}html[data-theme=dark] ec-main-navigation li[slot=nav-items] a:hover,html[data-theme=dark] ec-main-navigation a[slot=nav-items]:hover{background-color:#0000}html[data-theme=dark] ec-main-navigation li[slot=nav-items] a ec-fa-icon,html[data-theme=dark] ec-main-navigation a[slot=nav-items] ec-fa-icon{--color-icon:#999}html[data-theme=dark] ec-main-navigation li[slot=nav-items] a:hover ec-fa-icon,html[data-theme=dark] ec-main-navigation a[slot=nav-items]:hover ec-fa-icon{--color-icon:#ccc}html[data-theme=dark] ec-main-navigation li[slot=nav-items] a[aria-current=page] ec-fa-icon,html[data-theme=dark] ec-main-navigation li[slot=nav-items] a[active] ec-fa-icon,html[data-theme=dark] ec-main-navigation a[slot=nav-items].active ec-fa-icon{--color-icon:#fff}html[data-theme=rainbow] ec-main-navigation li[slot=nav-items] a[aria-current=page],html[data-theme=rainbow] ec-main-navigation li[slot=nav-items] a[active],html[data-theme=rainbow] ec-main-navigation a[slot=nav-items].active{border-left:3px solid;border-image:linear-gradient(#f04242,#f2f20d,#22c322,#30abe8,#a73cdd) 1}}