/* Reset list styles */
  ul.svelte-1i9ysyu {
    margin: 0;
    padding: 0;
  }

  /* Question list items */
  .qs.svelte-1i9ysyu li:where(.svelte-1i9ysyu),
  .ans.svelte-1i9ysyu button:where(.svelte-1i9ysyu) {
    margin: var(--spacing-sm) 0;
    padding: 0;
    line-height: var(--line-height);
    font-size: var(--font-lg);
    height: 50px;
    display: flex;
    align-items: center;
  }

  /* Pronoun label */
  .proSp.svelte-1i9ysyu {
    text-transform: capitalize;
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  /* Active pronoun highlighting */
  .proSp.activePro.svelte-1i9ysyu {
    color: #333;
    border-bottom: solid 1px #333;
    padding-bottom: 0.1rem;
  }

  /* Active ending highlighting */
  .endSp.activePro.svelte-1i9ysyu {
    color: cornflowerblue;
  }

  /* Answer span transitions */
  .endSp.svelte-1i9ysyu {
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
  }

  /* Highlight animation */
  @keyframes svelte-1i9ysyu-highlight {
    0% {
      opacity: 0.6;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }

  /* Frame layout */
  .frame.svelte-1i9ysyu div:where(.svelte-1i9ysyu) {
    display: inline-block;
  }

  /* Question list container */
  .qs.svelte-1i9ysyu {
    width: 35%;
    display: inline-block;
  }

  /* Answer buttons container */
  .ans.svelte-1i9ysyu {
    width: 35%;
  }

  .ans.svelte-1i9ysyu button:where(.svelte-1i9ysyu):hover {
    opacity: 0.8;
  }

  /* (unused) .ans button.vanish {
    opacity: 0.15;
  }*/

  .ans.svelte-1i9ysyu button:where(.svelte-1i9ysyu):active {
    transform: scale(0.95);
  }

  /* Base button reset */
  button.svelte-1i9ysyu {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

  @keyframes svelte-1i9ysyu-shake {
    0%,
    100% {
      transform: translateX(0);
    }

    25% {
      transform: translateX(-5px);
    }

    75% {
      transform: translateX(5px);
    }
  }