.checkbox--container{flex-shrink:0;width:22px;height:22px;border:2px solid rgba(108,114,117,.5);border-radius:6px;position:relative}.checkbox--container:hover{background:#6c727580}.checkbox--container>span{width:100%;height:100%;visibility:hidden;opacity:0}.checkbox--container>input{opacity:0;position:absolute;z-index:0}.checkbox--container:has(input:checked){border:2px solid var(--g);background:transparent}.checkbox--container:has(input:checked)>span{opacity:1;visibility:visible;color:var(--success2)}