
  ul.svelte-19tn5af {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-19tn5af li:where(.svelte-19tn5af) {
    margin: var(--spacing-sm) 0;
    padding: 0;
    line-height: var(--line-height);
    font-size: var(--font-lg);
    height: 50px;
    display: flex;
    align-items: center;
  }

  .qs.svelte-19tn5af {
    width: 35%;
    display: inline-block;
  }

  .proSp.svelte-19tn5af {
    text-transform: capitalize;
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  .proSp.activePro.svelte-19tn5af {
    color: #333;
    border-bottom: solid 1px #333;
    padding-bottom: 0.1rem;
  }

  .confWord.svelte-19tn5af {
    /* border-bottom: solid 1px var(--color-primary); */
    color: var(--color-primary);
    padding: var(--spacing-sm) 0;
  }

  input.svelte-19tn5af {
    border-top: 0;
    border-right: 0;
    border-bottom: solid 1px;
    border-left: 0;
    border-radius: 0;
    font-size: inherit;
    font-family: inherit;
    padding: var(--spacing-sm) 0;
    text-align: center;
    transition: border-color var(--transition-speed) ease;
  }

  input.svelte-19tn5af:focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  input.inactive.svelte-19tn5af {
    pointer-events: none;
    opacity: 0.25;
    cursor: default;
  }

  li.svelte-19tn5af:not(.unsplit) input:where(.svelte-19tn5af) {
    text-align: left;
    margin-left: 1%;
  }
