.switch-field{display:flex;flex-direction:column}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch[data-disabled=true]{cursor:not-allowed;opacity:.6}.switch .switch-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.switch .track{display:inline-block;background:var(--theme-border-primary);border-radius:9999px;border:1px solid var(--theme-border-hover);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.switch .thumb{position:absolute;background:var(--theme-bg-primary);border-radius:9999px;box-shadow:var(--theme-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--theme-text-primary)}.switch .switch-label{margin-left:8px;font-size:var(--typography-font-size-sm);color:var(--theme-text-secondary)}.switch .switch-input:focus-visible~.track{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-input-border-focus) 30%,transparent)}.switch[data-size=sm] .track{width:32px;height:18px}.switch[data-size=sm] .thumb{width:14px;height:14px;left:2px}.switch[data-size=sm] .switch-input:checked~.thumb{transform:translate(14px)}.switch[data-size=md] .track{width:40px;height:22px}.switch[data-size=md] .thumb{width:18px;height:18px;left:2px}.switch[data-size=md] .switch-input:checked~.thumb{transform:translate(18px)}.switch[data-size=lg] .track{width:52px;height:28px}.switch[data-size=lg] .thumb{width:24px;height:24px;left:2px}.switch[data-size=lg] .switch-input:checked~.thumb{transform:translate(24px)}.switch .switch-input:checked~.thumb{transform:translate(calc(100% - 2px))}.switch .switch-input:checked~.track{background:var(--theme-input-checked);border-color:var(--theme-input-checked)}.switch[data-color=primary] .switch-input:checked~.track{background:var(--theme-input-checked);border-color:var(--theme-input-checked)}.switch[data-color=secondary] .switch-input:checked~.track{background:var(--color-amethyst-500, var(--color-semantic-info-500));border-color:var(--color-amethyst-500, var(--color-semantic-info-500))}.switch[data-color=success] .switch-input:checked~.track{background:var(--color-semantic-success-500);border-color:var(--color-semantic-success-500)}.switch[data-color=warning] .switch-input:checked~.track{background:var(--color-semantic-warning-500);border-color:var(--color-semantic-warning-500)}.switch[data-color=error] .switch-input:checked~.track{background:var(--color-semantic-error-500);border-color:var(--color-semantic-error-500)}.switch[data-color=custom] .switch-input:checked~.track{background:var(--switch-custom-color, var(--theme-input-checked));border-color:var(--switch-custom-color, var(--theme-input-checked))}.switch[data-invalid=true] .track{border-color:var(--color-semantic-error-500)}.switch[data-valid=true] .track{border-color:var(--color-semantic-success-500)}.switch[data-variant=pill] .switch-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.switch[data-variant=pill] .pill-track{position:relative;display:inline-block;width:78px;min-width:78px;height:28px;border-radius:var(--border-radius-md);border:1px solid var(--theme-border);background:var(--theme-bg-secondary);transition:background .2s ease,border-color .2s ease;flex-shrink:0}.switch[data-variant=pill] .pill-thumb{position:absolute;top:3px;left:3px;width:calc(50% - 4px);height:20px;border-radius:var(--border-radius-md);background:var(--theme-bg-primary);box-shadow:var(--theme-shadow-sm);opacity:1;transition:left .2s ease,background .2s ease}.switch[data-variant=pill] .pill-label-off,.switch[data-variant=pill] .pill-label-on{position:absolute;top:50%;transform:translateY(-50%);font-size:var(--typography-font-size-xs);font-weight:700;letter-spacing:.04em;pointer-events:none;transition:opacity .15s ease}.switch[data-variant=pill] .pill-label-off{right:8px;color:var(--theme-text-tertiary);opacity:1}.switch[data-variant=pill] .pill-label-on{left:8px;color:var(--color-blossom-500);opacity:0}.switch[data-variant=pill] .switch-input:checked~.pill-track{background:color-mix(in srgb,var(--color-blossom-200) 10%,transparent);border-color:color-mix(in srgb,var(--theme-border-focus) 25%,transparent)}.switch[data-variant=pill] .switch-input:checked~.pill-track .pill-thumb{left:calc(50% + 1px);background:var(--color-blossom-500);opacity:1;box-shadow:inset 0 1px color-mix(in srgb,var(--theme-bg-primary) 22%,transparent),0 2px 10px var(--color-blossom-200)}.switch[data-variant=pill] .switch-input:checked~.pill-track .pill-label-on{opacity:1}.switch[data-variant=pill] .switch-input:checked~.pill-track .pill-label-off{opacity:0}.switch[data-variant=pill] .switch-input:focus-visible~.pill-track{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-blossom-500) 30%,transparent)}.switch-message{margin-top:var(--spacing-1);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-normal)}.switch-message--error{color:var(--color-semantic-error-500)}.switch-message--success{color:var(--color-semantic-success-500)}.switch-message--helper{color:var(--theme-text-secondary)}@media(prefers-color-scheme:dark){.switch .track{background:var(--theme-border-primary);border-color:var(--theme-border-hover)}.switch .thumb{background:var(--theme-bg-primary);color:var(--theme-text-primary)}}