.Toggle{--color: #717171;--disabled-color: #b0b0b0;--checked-color: #222222;display:inline-block;width:48px;height:32px;border-radius:37px;background:var(--color);position:relative;transition:all .2s}.Toggle .Toggle-control{position:absolute;left:0;top:0;transform:translate(0);cursor:pointer;outline:none;width:32px;height:32px;border:1px solid var(--color);border-radius:50%;background:#fff;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.Toggle .Toggle-control svg{width:16px;height:16px}.Toggle:not(.Toggle-disabled){cursor:pointer}.Toggle:not(.Toggle-disabled):focus-within{outline:2px solid var(--checked-color);outline-offset:2px}.Toggle.Toggle-disabled{cursor:not-allowed;background:var(--disabled-color)}.Toggle.Toggle-disabled .Toggle-control{border-color:var(--disabled-color)}.Toggle.Toggle-checked{background:var(--checked-color)}.Toggle.Toggle-checked .Toggle-control{left:100%;transform:translate(-100%);border-color:var(--checked-color)}