.switch{align-items:center;display:inline-flex;justify-content:flex-start;min-height:20px;position:relative}.switch.--disabled,.switch.--disabled .slider,.switch.--disabled input{cursor:default}.switch.--disabled .label{color:#a6acb0}.switch.--disabled .slider{background-color:#edeeef}.switch.--label-before{flex-direction:row-reverse}.switch span.label{color:var(--gray-700);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-left:45px;text-align:left;white-space:nowrap}.switch span.label.label-before{margin-left:0;margin-right:45px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--color-primary-100);border-radius:12px;bottom:0;cursor:pointer;height:20px;left:0;right:0;top:0;width:36px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--white);border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--color-primary-500)}input:focus+.slider{box-shadow:0 0 0 var(--color-primary-500)}input:checked+.slider:before{transform:translate(16px)}