/* Example CSS for the components, to indicate connection state. Copy-paste and modify as you wish. */

body:has(#connection:not([value=""]):not(:disabled):checked) {
    border: 5px solid lightgreen;
}
body:has(#connection:not([value=""]):not(:disabled):not(:checked)) {
    border: 5px solid red;
}