@stihl-design-system/components/assets/NavigationTabList.B6x56sAV.css

Welcome to the STIHL Design System react component library.

.ds-tabs_tabs-wrapper_nm2bv_1{position:relative;grid-column:main-start/main-end}.ds-tabs_scroll-wrapper_nm2bv_6{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:none}.ds-tabs_scroll-wrapper_nm2bv_6::-webkit-scrollbar{display:none}.ds-tabs_scroller_nm2bv_17{display:flex;flex-wrap:nowrap;min-width:min-content;border-bottom:1px solid #DADADA}.ds-tabs_scroller_nm2bv_17:has(li){list-style-type:none;padding:0;margin:0}.ds-tabs_scroller--centered_nm2bv_28{justify-content:center}.ds-tabs_tab_nm2bv_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;color:#252525;gap:8px;height:63px;padding-block:0px;padding-inline:var(--ds-spacing-dynamic-xs);text-decoration:none;border:none;outline:none;cursor:pointer;white-space:nowrap;background-color:#fff}.ds-tabs_tab_nm2bv_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_nm2bv_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tab_nm2bv_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tab_nm2bv_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_nm2bv_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tab_nm2bv_1:hover{background-color:#ededed}.ds-tabs_tab_nm2bv_1[aria-selected=true],.ds-tabs_tab_nm2bv_1[aria-current=page]{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.426}.ds-tabs_scroll-button_nm2bv_105{position:absolute;top:50%;transform:translateY(-50%)}.ds-tabs_scroll-button--hidden_nm2bv_110{opacity:0;pointer-events:none}.ds-tabs_scroll-button--right_nm2bv_114{right:0}.ds-tabs_scroll-button_nm2bv_105{transition:opacity var(--ds-animation-duration, .1s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_scroll-button_nm2bv_105{transition-duration:0ms}}.ds-tabs_indicator_nm2bv_126{position:absolute;left:0;bottom:0;height:4px;background-color:#e9640c}.ds-tabs_indicator_nm2bv_126{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1),width var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_indicator_nm2bv_126{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-tabs_indicator_nm2bv_126{background-color:Highlight}}