:root{--switch-width:42px;--switch-height:24px;--knob-size:18px}.SDSSwitch{width:var(--switch-width);height:var(--switch-height);background:var(--input-default);border-radius:var(--switch-height);cursor:pointer;appearance:none;border:1px solid var(--input-default);outline:none;align-items:center;padding:0;transition:background .4s,border-color .4s;display:inline-flex;position:relative}.SDSSwitch:hover{border-color:var(--input-hover)}.SDSSwitch:focus,.SDSSwitch:focus-visible{border-color:var(--input-pressed);outline:2px solid var(--brand-primary);outline-offset:2px}.SDSSwitch--active{background:var(--brand-primary);border-color:var(--brand-primary)}.SDSSwitch--active:hover{border-color:var(--brand-secondary)}.SDSSwitch--active:focus,.SDSSwitch--active:focus-visible{border-color:var(--brand-tertiary)}.SDSSwitch--disabled{background:var(--input-disabled);cursor:default;border-color:var(--input-disabled)}.SDSSwitch--disabled:hover,.SDSSwitch--disabled:focus,.SDSSwitch--disabled:focus-visible{border-color:var(--input-disabled);outline:none}.SDSSwitch--error,.SDSSwitch--error:hover,.SDSSwitch--error:focus,.SDSSwitch--error:focus-visible{border-color:var(--status-alert)}.SDSSwitch--disabled.SDSSwitch--active{border-color:var(--brand-quaternary);background:var(--brand-quaternary)}.SDSSwitch--disabled.SDSSwitch--active:hover,.SDSSwitch--disabled.SDSSwitch--active:focus,.SDSSwitch--disabled.SDSSwitch--active:focus-visible{border-color:var(--brand-quaternary);outline:none}.SDSSwitch--error.SDSSwitch--active,.SDSSwitch--error.SDSSwitch--active:hover,.SDSSwitch--error.SDSSwitch--active:focus,.SDSSwitch--error.SDSSwitch--active:focus-visible{border-color:var(--status-alert)}.SDSSwitch__thumb{width:var(--knob-size);height:var(--knob-size);background:var(--background-fill);border-radius:50%;transition:transform .3s;transform:translate(3px)}.SDSSwitch--active .SDSSwitch__thumb{transform:translateX(calc(var(--switch-width) - var(--knob-size) - 6px))}.SDSSwitch--disabled .SDSSwitch__thumb{background:var(--input-default)}.SDSSwitch__wrapper{align-items:center;gap:var(--space-2,8px);display:inline-flex}.SDSSwitch__wrapper--disabled{cursor:default}.SDSSwitch__label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--body-small-size);line-height:var(--body-small-line-height);color:var(--text-primary)}.SDSSwitch__wrapper--disabled .SDSSwitch__label{cursor:default;color:var(--text-disabled)}