

      .autocomplete-wrapper {
        max-width: 20em;
        margin-bottom: 4rem;
      }

      /* Custom classes for the `XYZClasses` props with visual changes to see their effect without inspecting */ 
      .app-input {
        /* Adjust the font to check that both hint and input get the class by default,
           to ensure the hint suggestion exactly aligns with the typed input text */
        font-family: serif;
      }

      .app-hint {
        box-shadow: inset 0 0 0 5px #44952e;
      }

   