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-placeholder-background: var(--element-selected-background);
  --element-selected-box-shadow-size: 0;

  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) {
      &:has(input[type='radio'][value='']) {
        --element-selected-background: var(--element-selected-placeholder-background);
      }

      border-radius: var(--element-selected-border-radius);
      background: var(--element-selected-background);
      box-shadow:
        0
        0
        0
        var(--element-selected-box-shadow-size)
        var(--element-selected-background);

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