body{margin:0;font-family:sans-serif;background-color:#fff;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.list__item{margin-bottom:10px}.checkbox{cursor:pointer}.checkbox__input{display:none}.checkbox__decor{position:relative}.checkbox__decor:before{position:absolute;content:"";display:block;left:0;top:0;width:40px;height:20px;background-color:#ced9e0;vertical-align:middle;border-radius:50px;transition:.2s}.checkbox__decor:after{content:"";display:block;position:absolute;top:1px;left:1px;width:18px;height:18px;background-color:#fff;border-radius:50px;transition:.2s}.checkbox__input:checked+.checkbox__decor:before{background-color:#137cbd}.checkbox__input:checked+.checkbox__decor:after{left:21px}.checkbox__label{margin-left:45px}