.tabs{--tabs-background:var(--background-secondary);--tabs-border:none;--tabs-color:var(--color-text-base);--tab-height:36px;--tab-padding-x:0;--tab-padding-y:0;--tab-gap:var(--spacing-xs);--tab-radius:var(--radius-md);--tab-color:var(--tabs-color);--tab-color-hover:var(--color-brand);--tab-color-active:var(--color-brand);--tab-background:transparent;--tab-background-hover:var(--background-neutral-hover);--tab-background-active:var(--background-primary);--tab-border-color:transparent;--tab-border-color-hover:transparent;--tab-border-color-active:transparent;--tabs-gap:0;--tabs-padding:0;--panel-padding:var(--spacing-md);width:100%;height:100%;display:flex;overflow:hidden}.tabs--horizontal{gap:var(--tabs-gap);flex-direction:column}.tabs--horizontal .tab-bar{row-gap:var(--tab-gap);background-color:var(--tabs-background);padding:var(--tabs-padding);scrollbar-width:none;border:none;border-radius:0;flex-direction:row;flex-shrink:0;align-items:center;display:flex;position:relative;overflow-x:auto}.tabs--horizontal .tab-bar::-webkit-scrollbar{display:none}.tabs--horizontal .tab-bar-actions{gap:var(--tab-gap);flex-shrink:0;margin-left:auto;display:flex}.tabs--horizontal.tabs--bordered .tab-bar,.tabs--horizontal.tabs--underlined .tab-bar{border-bottom:var(--border-w-thin) solid var(--border-subtle);border-radius:0;padding-bottom:0}.tabs--horizontal .tabs-panels{flex:1;min-height:0;overflow:auto}.tabs--vertical{gap:var(--tabs-gap);flex-direction:row}.tabs--vertical .tab-bar{background-color:var(--tabs-background);border:var(--tabs-border);border-radius:var(--tab-radius);padding:var(--tabs-padding);flex-direction:column;flex-shrink:0;min-width:200px;display:flex;overflow:hidden}.tabs--vertical .tabs-panels{flex:1;min-height:0;overflow:auto}.tabs--small{--tab-height:28px;--tab-padding-x:4px;font-size:14px}.tabs--medium{--tab-height:var(--tab-height);--tab-padding-x:4px;font-size:var(--font-size-base)}.tabs--large{--tab-height:40px;--tab-padding-x:10px;font-size:16px}.tabs--bordered .tabs-list,.tabs--boxed .tabs-list,.tabs--pills .tabs-list,.tabs--segmented .tabs-list,.tabs--underlined .tabs-list{gap:var(--tab-gap)}.tabs--bordered.tabs--horizontal .tab-bar{border-bottom:var(--border-w-thin) solid var(--border-subtle);border-radius:0;padding-bottom:0}
