.ids-navigation{height:var(--ids-size-250);overflow:hidden}.ids-navigation__motion{height:100%}.ids-navigation__scrollable-panel{align-items:center;gap:var(--ids-size-150);display:flex}.ids-navigation__scrollable-panel>:first-child{margin-left:auto}.ids-navigation__scrollable-panel>:last-child{margin-right:auto}.ids-navigation__list{align-items:center;gap:var(--ids-size-150);margin:0;list-style:none;display:flex}
.ids-navigation-item__wrapper{display:contents}.ids-navigation-item{color:var(--ids-color-content-default);cursor:pointer;font:var(--ids-typo-label-l);font-variant-numeric:var(--ids-typo-font-variant-numeric);gap:calc(3px - var(--ids-size-border-high));height:var(--ids-size-125);letter-spacing:var(--ids-typo-label-l-letter-spacing);text-transform:var(--ids-typo-label-l-text-transform);background-color:#0000;flex-direction:column;text-decoration:none;display:inline-flex}.ids-navigation-item:focus-visible{outline:var(--ids-size-border-high)solid var(--ids-color-border-states-focus);outline-offset:1px}.ids-navigation-item__label{white-space:nowrap}.ids-navigation-item__underline{border-bottom:var(--ids-size-border-high)solid var(--ids-color-border-default);opacity:0}.ids-navigation-item--active{font:var(--ids-typo-label-l-high);font-variant-numeric:var(--ids-typo-font-variant-numeric);letter-spacing:var(--ids-typo-label-l-high-letter-spacing);text-transform:var(--ids-typo-label-l-high-text-transform)}.ids-navigation-item--active .ids-navigation-item__underline{opacity:1}.ids-navigation-item--active.ids-navigation-item--disabled .ids-navigation-item__underline{border-color:var(--ids-color-border-states-disabled)}.ids-navigation-item--active.ids-navigation-item--disabled:hover .ids-navigation-item__underline{border-bottom:var(--ids-size-border-high)solid var(--ids-color-border-states-disabled)}.ids-navigation-item--disabled{color:var(--ids-color-content-states-disabled)}.ids-navigation-item--disabled:hover{color:var(--ids-color-border-states-disabled);cursor:default}.ids-navigation-item--disabled:hover .ids-navigation-item__underline{border-bottom:none}.ids-navigation-item--single{cursor:inherit;--ids-size-border-high:0}.ids-navigation-item--single .ids-navigation-item__underline{border-bottom:none}.ids-navigation-item--single:hover{color:inherit}.ids-navigation-item:hover{color:var(--ids-color-content-states-hover)}.ids-navigation-item:hover .ids-navigation-item__underline{border-bottom:var(--ids-size-border-high)solid var(--ids-color-border-states-hover);opacity:1}
