#options {
  display: grid;
  column-gap: 0.5ch;
  row-gap: 2ch;
  grid-template-columns: repeat(3, max-content);
  height: max-content;
}

#options label,
body > span,
#timeline label,
input[type='range'] {
  margin: auto;
  color: red;
}

#options input,
#timeline input {
  pointer-events: all;
  position: relative;
  cursor: url('../../assets/icons/cursor/click.svg') 8 8, pointer;
}

#options input:before,
#timeline input:before {
  content: '';
  position: absolute;
}

.checkmark,
#options input[type='checkbox']:focus,
#timeline input[type='checkbox']:focus,
#timeline input[type='radio']:focus,
fieldset:has(input:focus) label {
  outline: 2px solid red;
  border-radius: 1ch;
}