html > body > #grid .input-tabs {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap: 200px;
  --element-color-label: red;

  /** Optional arguments with sensible defaults */
  --element-pseudolink-underline-style: none;
  --element-pseudolink-underline-width: 0;
  --element-pseudolink-underline-offset: 0;
  --element-selected-border-radius: none;
  --element-selected-background: none;
  --element-selected-box-shadow: none;

  display: none;
  &:has(input[type="radio"]:not(:disabled):not(:checked)) {
    display: flex;
  }

  flex: 0 1 100%;
  flex-wrap: wrap;
  gap: var(--element-gap);

  > li {
    position: relative;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

    > input[type='radio'] {
      position: absolute;
      opacity: 0;
    }

    > label {
      position: relative;
      cursor: pointer;
      color: var(--element-color-label);
      text-decoration-line: underline;
      text-decoration-style: var(--element-pseudolink-underline-style);
      text-decoration-thickness: var(--element-pseudolink-underline-width);
      text-underline-offset: var(--element-pseudolink-underline-offset);
    }

    &:has(input[type='radio']:disabled) {
      display: none;
    }

    &:has(input[type='radio']:checked) {
      border-radius: var(--element-selected-border-radius);
      background: var(--element-selected-background);
      box-shadow: var(--element-selected-box-shadow);

      & > label {
        color: unset;
        cursor: unset;
        text-decoration: none;
      }
    }
  }
}