.ds-tabs__nav-wrapper{position:relative}.ds-tabs__nav{display:flex;gap:var(--ds-space-8);max-inline-size:100%;-ms-overflow-style:none;overflow-x:auto;padding-block:4px;padding-inline:4px;scroll-behavior:smooth;scroll-padding:4px;scroll-snap-type:x mandatory;scrollbar-width:none;translate:-4px 0}.ds-tabs--overflow .ds-tabs__nav-wrapper{padding-inline-end:50px}.ds-tabs__nav::-webkit-scrollbar{display:none}.ds-tab{--tab-border-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-block-end:2px solid var(--tab-border-color);color:var(--ds-color-fg-default);cursor:pointer;padding-block:var(--ds-space-5);padding-inline:0;scroll-snap-align:start;transition:opacity .2s ease}.ds-tab:focus{outline:none}.ds-tab:focus-visible{outline:4px solid var(--ds-color-focus-default)}.ds-tab:last-child{margin-inline-end:20px}.ds-tab__text{white-space:nowrap}.ds-tab--active{--tab-border-color:var(--ds-color-border-interactive)}.ds-tabs__nav>.ds-tab--hidden{opacity:0;pointer-events:none}.ds-tabs-menu{inset-block-start:50%;inset-inline-end:0;position:absolute;translate:0 -50%;z-index:10}.ds-tabs-menu__content{display:none;flex-direction:column}.ds-tabs-menu--active .ds-tabs-menu__content{display:flex;inline-size:-moz-max-content;inline-size:max-content;inset-block-start:calc(100% + var(--ds-space-4));inset-inline-end:0;max-block-size:max(80vh,200px);max-inline-size:min(400px,90vw);min-inline-size:200px;overflow:auto;position:absolute}.ds-tabs-menu--active .ds-tabs-menu__content .ds-button{--button-padding-x:var(--ds-space-8);--button-padding-y:var(--ds-space-5);border-radius:0;inline-size:100%;text-align:start}.ds-tabs-menu--active .ds-tabs-menu__content .ds-button:is(:hover,:focus){background-color:var(--ds-color-bg-neutral-subtle);text-decoration:none}.ds-tabs-menu--active .ds-tabs-menu__content .ds-text--medium{--ds-text-weight:var(--ds-text-fw-regular)}.ds-tab-panel{color:var(--ds-color-fg-default)}