button.checkbox{cursor:pointer;justify-content:center;align-items:center;width:max-content;height:max-content;display:flex}button.checkbox.labeled{gap:.5rem}button.checkbox:disabled{opacity:.6;cursor:not-allowed}button.checkbox>div.checkmark{--box-side:1.5rem;width:var(--box-side);min-width:var(--box-side);max-width:var(--box-side);height:var(--box-side);min-height:var(--box-side);max-height:var(--box-side);border:1px solid #d9d9dd}button.checkbox.checked>div.checkmark{background-color:#2196f3;border-color:#2196f3;position:relative}button.checkbox.checked>div.checkmark:after{--check-width:1rem;--check-height:.5rem;width:var(--check-width);height:var(--check-height);top:calc(50% - var(--check-width)*.707107/2);left:calc(50% - var(--check-width)/2);content:"";border:0 solid #fff;border-width:0 0 3px 3px;position:absolute;transform:rotate(-45deg)}