.klyp-Switch{align-items:center;gap:var(--space-8);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-fg-primary);display:inline-flex}.klyp-Switch__track{border:var(--bw-default) solid transparent;border-radius:var(--radius-full);background:var(--color-bg-surface-solid);transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);flex-shrink:0;display:inline-block;position:relative}.klyp-Switch__thumb{top:50%;left:var(--space-2);border-radius:var(--radius-full);background:var(--color-fg-primary);pointer-events:none;transition:background var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);position:absolute;transform:translateY(-50%)translate(0)}.klyp-Switch__label{align-items:center;display:inline-flex}.klyp-Switch[data-size=sm] .klyp-Switch__track{width:var(--icon-size-lg);height:var(--space-14)}.klyp-Switch[data-size=sm] .klyp-Switch__thumb{width:var(--space-10);height:var(--space-10)}.klyp-Switch[data-size=sm][data-selected] .klyp-Switch__thumb{transform:translateY(-50%)translate(10px)}.klyp-Switch[data-size=md] .klyp-Switch__track{width:var(--icon-size-xl);height:var(--space-18)}.klyp-Switch[data-size=md] .klyp-Switch__thumb{width:var(--space-14);height:var(--space-14)}.klyp-Switch[data-size=md][data-selected] .klyp-Switch__thumb{transform:translateY(-50%)translate(14px)}.klyp-Switch[data-selected] .klyp-Switch__track{background:var(--color-accent)}.klyp-Switch[data-selected] .klyp-Switch__thumb{background:var(--color-fg-inverse)}.klyp-Switch[data-hovered]:not([data-disabled]):not([data-selected]) .klyp-Switch__track{background:color-mix(in oklch, var(--color-bg-surface-solid) 80%, white)}.klyp-Switch[data-hovered]:not([data-disabled])[data-selected] .klyp-Switch__track{background:var(--color-accent-hover)}.klyp-Switch[data-pressed]:not([data-disabled]) .klyp-Switch__thumb{filter:brightness(.95)}.klyp-Switch[data-focus-visible] .klyp-Switch__track{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-Switch[data-disabled]{cursor:not-allowed;opacity:var(--opacity-50)}