.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, var(--theme-light-border-primary));border-radius:9999px;border:1px solid var(--theme-border-hover, var(--theme-light-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:0 1px 2px #00000040;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-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)}}