@charset "UTF-8";.c-navEco__btn{border:0;appearance:none;background:transparent;padding:0;margin:0;font-family:inherit;font-size:inherit;border-radius:0}
.c-navEco{--btn-width:45px;padding-top:var(--spacing-y-xxs);position:relative;background-color:var(--nj-semantic-color-background-neutral-primary-default)}
.c-navEco__list{display:flex;gap:var(--spacing-x-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none;justify-content:flex-start;margin-inline:var(--btn-width)}
.c-navEco__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-y-xxs);min-width:100px;width:100%;padding:var(--spacing-y-xs) var(--spacing-x-xxs);color:var(--nj-semantic-color-text-neutral-primary-default);text-decoration:none;border-bottom:5px solid transparent;text-align:center;border-radius:10px;transition:background-color .3s ease}
.c-navEco__link[aria-current=true]{border-radius:10px 10px 0 0;border-color:var(--nj-semantic-color-border-status-planet-strong-default);background-color:var(--nj-semantic-color-background-status-planet-tertiary-default)}
.c-navEco__link[aria-current=true] .c-navEco__picto{background-color:var(--nj-semantic-color-background-accent-teal-secondary-default)}
.no-touchevents .c-navEco__link:hover,.no-js .c-navEco__link:hover,.c-navEco__link:focus{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-hovered);color:var(--nj-semantic-color-text-neutral-primary-default)}
.no-touchevents .c-navEco__link:hover .c-navEco__picto,.no-js .c-navEco__link:hover .c-navEco__picto,.c-navEco__link:focus .c-navEco__picto{background-color:var(--nj-semantic-color-background-neutral-secondary-default)}
.c-navEco__link--separator::before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);height:70%;width:1px;background-color:var(--nj-semantic-color-border-neutral-moderate-default)}
.c-navEco__picto{border-radius:50%;padding:var(--spacing-y-xs) var(--spacing-x-xs);background-color:var(--nj-semantic-color-background-neutral-tertiary-default);transition:background-color .3s ease}
.c-navEco__pictoImg{filter:var(--e-semantic-filter-neutral-secondary-default)}
.c-navEco__btn{position:absolute;width:var(--btn-width);z-index:1;top:0;padding:var(--spacing-y-xs) var(--spacing-x-xs);height:100%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,opacity .2s ease;outline:0;fill:var(--nj-semantic-color-icon-neutral-primary-default);opacity:0}
.is-scrolling .c-navEco__btn{opacity:1}
.c-navEco__btn[inert]{opacity:0}
.c-navEco__btn::before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:75%;width:1px;background-color:var(--nj-semantic-color-border-neutral-subtle-default)}
.no-touchevents .c-navEco__btn:hover,.no-js .c-navEco__btn:hover{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}
.c-navEco__btn:active{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-pressed)}
.c-navEco__btns{opacity:0;touch-action:manipulation}
.is-scrolling .c-navEco__btns{opacity:1}
.c-navEco__btn--left{left:0}
.c-navEco__btn--left::before{right:0}
.c-navEco__btn--right{right:0}
.c-navEco__btn--right::before{left:0}
@media(max-width:64em){.c-navEco__link{font-size:var(--font-size-xs)}
}
@media(min-width:48em){.c-navEco__list{justify-content:center;margin-inline:var(--spacing-y-s)}
.is-scrolling .c-navEco__list{justify-content:flex-start;margin-inline:var(--btn-width)}
}