.form-switch{--form-switch-height:calc(var(--sp-base) * 6);--form-switch-state-checked-color:var(--color-brand-primary);--form-switch-state-unchecked-color:var(--color-brand-highlight);--form-switch-thumb-size:calc(var(--sp-base) * 5);--form-switch-width:calc(var(--sp-base) * 11)}.form-switch__content{gap:var(--sp-2);align-items:center;display:flex}.form-switch__switch{cursor:pointer;box-sizing:border-box;width:var(--form-switch-width);height:var(--form-switch-height);padding:calc(var(--sp-base) * .5);background-color:var(--color-grey-400);transition:background-color var(--animation-simple-fade), opacity var(--animation-simple-fade);border:0;border-radius:999px;flex:none;align-items:center;display:inline-flex;position:relative}.form-switch__switch[data-state=checked]{background-color:var(--color-brand-primary)}.form-switch__switch[data-disabled]{cursor:not-allowed;opacity:.3}.form-switch__thumb{pointer-events:none;width:var(--form-switch-thumb-size);height:var(--form-switch-thumb-size);background-color:var(--color-surface-primary);box-shadow:0 var(--sp-unit) var(--sp-1) rgb(from var(--color-border) r g b / 24%);transition:transform var(--animation-simple-fade);border-radius:999px;display:block}.form-switch__switch[data-state=checked] .form-switch__thumb{transform:translateX(calc(var(--form-switch-width) - var(--form-switch-thumb-size) - var(--sp-base)))}.form-switch__label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);text-align:left;transition:all var(--animation-simple-fade);position:relative}.form-switch__label--unchecked,.form-switch__label--checked{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label)}.form-switch__content:has(.form-switch__label--checked) .form-switch__switch{background-color:var(--form-switch-state-unchecked-color)}.form-switch__content:has(.form-switch__label--checked) .form-switch__switch[data-state=checked]{background-color:var(--form-switch-state-checked-color)}