.checkbox-wrapper{--size:50px}.checkbox-wrapper input[type=checkbox]{-webkit-appearance:none;width:var(--size);height:calc(var(--size) / 2);background-color:rgba(243,238,235,.44);border:2px solid rgba(246,217,185,.54);border-radius:30px 100px 100px 100px;box-shadow:0 5px 10px rgba(0,0,0,.1);outline:none;cursor:pointer;position:relative;transition:all .5s}.checkbox-wrapper input[type=checkbox]:before{content:"";position:absolute;width:calc(var(--size) / 2);height:calc(var(--size) / 2);left:0;top:50%;transform:translateY(-50%) scale(.7);border:2px solid #5a370d;border-radius:30px 100px 100px 100px;background-color:#915b18;box-sizing:border-box;transition:all .5s;margin-left:-1px}.checkbox-wrapper input[type=checkbox]:checked{background-color:#5bb25b;border-radius:100px 100px 30px 100px}.checkbox-wrapper input[type=checkbox]:checked:before{left:50%;background-color:#e2f9e2;border-radius:100px 100px 30px 100px;border:2px solid #75b175}