.switch input{display:none}.switch{margin-left:auto;display:inline-block;width:2.4rem;min-width:2.4rem;height:1.2rem;position:relative}.slider{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:1.2rem;box-shadow:0 0 0 .08rem #777,0 0 .16rem #777;cursor:pointer;border:.16rem solid transparent;overflow:hidden;transition:.2s}.slider:before{position:absolute;content:"";width:100%;height:100%;background-color:#777;border-radius:1.2rem;transform:translate(-1.2rem);transition:.2s}input:checked+.slider:before{transform:translate(1.2rem);background-color:#2563eb}input:checked+.slider{box-shadow:0 0 0 2px #2563eb,0 0 #2563eb}.switch-container{display:flex;align-items:center}