.tabs{display:flex;flex-direction:column;width:100%}.tabs-vertical{flex-direction:row}.tabs-list{display:flex;flex-shrink:0}.tabs-lined .tabs-list{border-bottom:1px solid var(--border-secondary);gap:var(--spacing-3xl)}.tabs-vertical.tabs-lined .tabs-list{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-secondary);gap:var(--spacing-xs)}.tabs-contained .tabs-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xxs);gap:var(--spacing-xxs)}.tabs-vertical.tabs-contained .tabs-list{flex-direction:column}.tabs-trigger{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.tabs-trigger-text{position:relative;z-index:1}.tabs-lined.tabs-md .tabs-trigger{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:0 var(--spacing-lg) var(--spacing-lg)}.tabs-lined.tabs-sm .tabs-trigger{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:0 var(--spacing-md) var(--spacing-md)}.tabs-contained.tabs-md .tabs-trigger{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm)}.tabs-contained.tabs-sm .tabs-trigger{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs)}.tabs-vertical.tabs-lined .tabs-trigger{padding-bottom:0;padding:var(--spacing-md) var(--spacing-xl);justify-content:flex-start;border-radius:var(--radius-sm)}.tabs-trigger:hover{color:var(--text-secondary)}.tabs-contained .tabs-trigger:hover{background:var(--bg-tertiary)}.tabs-lined .tabs-trigger[data-state=active]{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tabs-lined .tabs-trigger[data-state=active]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#60759f;border-radius:var(--radius-full)}.tabs-vertical.tabs-lined .tabs-trigger[data-state=active]:after{bottom:auto;left:auto;right:-1px;top:0;width:2px;height:100%}.tabs-contained .tabs-trigger[data-state=active]{color:var(--text-primary);font-weight:var(--font-weight-semibold);background:var(--bg-primary);box-shadow:var(--shadow-xs)}.tabs-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100);border-radius:var(--radius-sm)}.tabs-contained .tabs-trigger:focus-visible{box-shadow:0 0 0 2px var(--color-brand-100)}.tabs-trigger[data-disabled]{color:var(--text-disabled);cursor:not-allowed}.tabs-trigger[data-disabled]:hover{color:var(--text-disabled);background:transparent}.tabs-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--spacing-sm);font-size:10px;font-weight:var(--font-weight-medium);line-height:1;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.tabs-trigger[data-state=active] .tabs-trigger-badge{color:var(--text-secondary);background:var(--bg-quaternary)}.tabs-content{outline:none;padding-top:var(--spacing-2xl)}.tabs-vertical .tabs-content{padding-top:0;padding-left:var(--spacing-2xl);flex:1}.tabs-content[data-state=active]{animation:tabs-fade-in var(--duration-fast) var(--ease-out)}@keyframes tabs-fade-in{0%{opacity:0}to{opacity:1}}
