html{display:table;width:100%;height:100%;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{display:table-cell;vertical-align:middle}input{display:none}input:checked + label{background:#8bc9fc}input:checked + label .bullet{background:#0098ff;left:calc(43px - 24px)}label,.bullet{transition:all .2s cubic-bezier(0.215,0.61,0.355,1)}label{display:block;background:#aeaeae;border-radius:30px;cursor:pointer;width:43px;height:15px;margin:0 auto;position:relative;will-change:background}.bullet{background:#f1f1f1;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:12px;position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;will-change:left,background}.bullet--no-left-transition{transition:left 0s,background .2s cubic-bezier(0.215,0.61,0.355,1)}