.switch{position:relative;display:inline-block}.switch-label{display:block;width:48px;height:24px;text-indent:-150%;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-label:before,.switch-label:after{content:"";display:block;position:absolute;cursor:pointer}.switch-label:before{width:100%;height:100%;background-color:#dedede;border-radius:9999em;transition:background-color .25s ease}.switch-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #00000073;transition:left .25s ease}.switch-input:checked+.switch-label:before{background-color:#db2777}.switch-input:checked+.switch-label:after{left:24px}