.ds-tabs{--tab-h:var(--e-control-md);--tab-px:12px;--tab-fs:var(--e-text-ui);min-inline-size:0}.ds-tabs[data-size=sm]{--tab-h:var(--e-control-sm);--tab-px:10px;--tab-fs:var(--e-text-label)}.ds-tabs-bar{min-inline-size:0;position:relative}.ds-tabs[data-variant=underline] .ds-tabs-bar{box-shadow:inset 0 -1px 0 var(--e-line)}.ds-tabs[data-variant=contained] .ds-tabs-bar{border-radius:var(--e-radius-control);background:var(--e-surface-sunken);inline-size:fit-content;max-inline-size:100%}.ds-tabs[data-variant=contained][data-fill] .ds-tabs-bar{inline-size:100%}.ds-tabs-list{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.ds-tabs-list::-webkit-scrollbar{display:none}.ds-tabs[data-variant=underline] .ds-tabs-list{margin-inline:-4px;padding:4px 4px 0}.ds-tabs[data-variant=contained] .ds-tabs-list{gap:2px;padding:3px}.ds-tabs-tab{z-index:1;block-size:var(--tab-h);padding-inline:var(--tab-px);border-radius:var(--e-radius-chip);color:var(--e-fg-muted);font-size:var(--tab-fs);font-weight:var(--e-weight-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--e-duration-fast) var(--e-ease-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;line-height:1;text-decoration:none;display:inline-flex;position:relative}.ds-tabs[data-fill] .ds-tabs-tab{flex:1 0 auto}.ds-tabs[data-variant=underline] .ds-tabs-tab{margin-block-end:2px}.ds-tabs-tab:before{content:"";z-index:-1;border-radius:var(--e-radius-chip);transition:background-color var(--e-duration-fast) var(--e-ease-standard);background:0 0;position:absolute;inset:4px 2px}.ds-tabs-tab:hover:not([data-disabled],[aria-disabled=true]){color:var(--e-fg)}.ds-tabs[data-variant=underline] .ds-tabs-tab:hover:not([data-disabled],[data-state=active],[aria-current=page]):before{background:var(--e-surface-hover)}.ds-tabs[data-variant=contained] .ds-tabs-tab:hover:not([data-disabled],[data-state=active],[aria-current=page]),.ds-tabs-tab[data-state=active],.ds-tabs-tab[aria-current=page]{color:var(--e-fg)}.ds-tabs-tab[data-disabled],.ds-tabs-tab[aria-disabled=true]{cursor:not-allowed;color:var(--e-fg-disabled)}@media (pointer:coarse){.ds-tabs[data-size=sm] .ds-tabs-tab:after{content:"";position:absolute;inset:-4px 0}}.ds-tabs-count{border-radius:var(--e-radius-pill);background:color-mix(in oklab, var(--e-fg) 8%, transparent);block-size:18px;min-inline-size:18px;color:var(--e-fg-muted);font-family:var(--e-font-num);font-size:var(--e-text-micro);font-weight:var(--e-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:0;transition:background-color var(--e-duration-fast) var(--e-ease-standard), color var(--e-duration-fast) var(--e-ease-standard);place-items:center;padding-inline:5px;display:inline-grid}.ds-tabs-tab[data-state=active] .ds-tabs-count,.ds-tabs-tab[aria-current=page] .ds-tabs-count{background:var(--e-primary-tint);color:var(--e-primary-fg)}.ds-tabs-ind{pointer-events:none;opacity:0;transform:translateX(var(--tab-ind-x,0px));inline-size:var(--tab-ind-w,0px);transition:transform var(--e-duration-base) var(--e-ease-standard), inline-size var(--e-duration-base) var(--e-ease-standard);position:absolute;inset-inline-start:0}.ds-tabs-list[data-measured] .ds-tabs-ind{opacity:1}.ds-tabs-list[data-measured=instant] .ds-tabs-ind{transition:none}.ds-tabs[data-variant=underline] .ds-tabs-ind{background:var(--e-primary);block-size:2px;transform:translateX(calc(var(--tab-ind-x,0px) + var(--tab-px)));inline-size:calc(var(--tab-ind-w,0px) - 2 * var(--tab-px));border-radius:2px 2px 0 0;inset-block-end:0}.ds-tabs[data-variant=contained] .ds-tabs-ind{z-index:0;border-radius:var(--e-radius-chip);background:var(--e-surface-raised);box-shadow:var(--e-shadow-1);inset-block:3px}.ds-tabs-list:not([data-measured]) .ds-tabs-tab:is([data-state=active],[aria-current=page]):after{content:"";pointer-events:none;position:absolute}.ds-tabs[data-variant=underline] .ds-tabs-list:not([data-measured]) .ds-tabs-tab:is([data-state=active],[aria-current=page]):after{inset-inline:var(--tab-px);background:var(--e-primary);border-radius:2px 2px 0 0;block-size:2px;inset-block-end:-2px}.ds-tabs[data-variant=contained] .ds-tabs-list:not([data-measured]) .ds-tabs-tab:is([data-state=active],[aria-current=page]){background:var(--e-surface-raised);box-shadow:var(--e-shadow-1)}.ds-tabs-panel{min-inline-size:0;padding-block-start:16px}.ds-tabs-panel:focus-visible{outline-offset:4px;border-radius:var(--e-radius-chip)}