.toggle-cbx{max-width:fit-content;margin:10px auto}.toggle-cbx>label{display:block;position:relative;border:1px solid #fff1;background-color:#6a8494;white-space:nowrap;user-select:none;transition:background-color .2s,box-shadow .2s;line-height:1.1;font-size:14px;padding:5px 5px 5px 40px}.toggle-cbx>label::before{content:'';display:block;position:absolute;height:14px;width:14px;border:1px solid #fffe;color:#ab576c;border-radius:50%;transition:background-color .2s;text-align:center;left:10px}.toggle-cbx>label:hover{background-color:#fff3}.toggle-cbx>input{position:absolute;left:-9999px}.toggle-cbx>input:checked + label{background-color:#ab576c}.toggle-cbx>input:checked + label::before{content:'X'}.toggle-cbx>input:checked + label::before{background-color:#fff}.toggle-cbx>input:checked + label:hover{background-color:#aaa3}