.switch{display:inline-block;height:12px;position:relative;width:24px}.switch input{height:0;opacity:0;width:0}.slider{border-bottom:1px solid #e8e8ee;border-radius:none;border-top:1px solid #e8e8ee;cursor:pointer;height:0;transform:translateY(-50%)}.slider,.slider:before{position:absolute;top:50%;transition:.3s}.slider:before{background-color:#fff;border:1px solid #231f20;border-radius:50%;content:"";height:12px;left:0;transform:translateY(-50%) translateX(-50%);width:12px}input:checked+.slider:before{transform:translateY(-50%) translateX(calc(-50% + 24px))}