.klyp-TabButton{border:var(--bw-default) solid transparent;border-radius:var(--r-chip);color:var(--color-fg-muted);font-family:var(--font-sans);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.klyp-TabButton[data-size=sm]{height:28px;padding-inline:var(--space-12);font-size:var(--font-size-12)}.klyp-TabButton[data-size=md]{height:36px;padding-inline:var(--space-16);font-size:var(--font-size-13)}.klyp-TabButton[data-size=lg]{height:44px;padding-inline:var(--space-24);font-size:var(--font-size-14)}.klyp-TabButton:not([data-active]):hover,.klyp-TabButton:not([data-active]):active{color:var(--color-fg-primary);background:var(--color-bg-surface-solid)}.klyp-TabButton[data-active]{color:var(--color-fg-primary);background:var(--color-bg-surface-solid);border-color:var(--color-border-subtle)}.klyp-TabButton:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring,var(--color-fg-accent));outline-offset:var(--bw-default)}.klyp-TabButton:disabled,.klyp-TabButton[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}