.checkbox-wrap{gap:12px;height:24px}.checkbox-wrap .checkbox-input{cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-start;align-items:center;gap:12px;padding-left:24px;display:flex;position:relative}:is(.checkbox-wrap .checkbox-input) input[type=checkbox]{opacity:0;cursor:pointer;width:10px;height:10px;position:absolute}:is(.checkbox-wrap .checkbox-input) .checkmark{background-color:var(--checkbox-background-color);border:var(--checkbox-border);border-radius:var(--checkbox-border-radius);box-sizing:border-box;width:24px;height:24px;position:absolute;top:0;left:0}:is(.checkbox-wrap .checkbox-input)>.checkmark.disabled{background-color:var(--checkbox-disabled-background)}.checkbox-wrap .checkbox-input:hover input~.checkmark{background-color:var(--checkbox-background-hover-color)}.checkbox-wrap .checkbox-input input:checked~.checkmark{background-color:var(--checkbox-background-color-checked)}.checkbox-wrap .checkbox-input>.checkmark:after{content:"";display:none;position:absolute}.checkbox-wrap .checkbox-input>input:checked~.checkmark:after{display:block}.checkbox-wrap .checkbox-input input:focus+.checkmark{border:2px solid #000}.checkbox-wrap .checkbox-input input:focus+.checkmark:after{top:2px;left:6px}.checkbox-wrap .checkbox-input>.checkmark:after{border:1px solid var(--checkbox-checkmark-color);border-width:0 2px 2px 0;width:6px;height:10px;top:3px;left:7px;transform:rotate(45deg)}