button.checkbox{text-align:left;background:0 0;border:none;outline:0;align-items:center;gap:.4em}button.checkbox div.box{outline:1px solid var(--checkbox-border-normal);padding:.06em}button.checkbox div.box:not(.checked) i{visibility:hidden}button.checkbox div.box:not(.checked){background:var(--checkbox-bg-unchecked)}button.checkbox div.box.checked{background:var(--checkbox-bg-checked)}button.checkbox:hover div.box{background:var(--checkbox-bg-hover);outline:2px solid var(--checkbox-border-hover)}button.checkbox:active div.box{background:var(--checkbox-bg-checked);outline:2px solid var(--checkbox-border-down)}