.checkboxNotHID {
    list-style-type: none;
    margin-top: 1rem;
}

.checkboxNotHID li {
    margin-bottom: 1em;
}


li:has(input[type='checkbox']) {
    display: flex;
    align-items: center;
}

/* [id^="hid"] */
input[type='checkbox'] {
    margin: 0;
}
input[type='checkbox'] + label {
    margin-left: 1rem;
}