.input-group:where(.--steps) :where(label input) {
  position: absolute;
  opacity: 0;
  block-size: auto;
  inline-size: auto;
}

.input-group:where(.--steps) {
  color: var(--brand);
}
.input-group:where(.--steps) :where(label) {
  --_is-checked: initial;
  --_not-checked: /* */;
  position: relative;
  opacity: var(--_not-checked, 0.6);
}
.input-group:where(.--steps) :where(label):has(:checked) ~ label {
  --_is-checked: /* */;
  --_not-checked: initial;
}