   </div>
        </div>
        <!--Section Text-->
        <div class="page-max layout-content pb-6">
          <div class="wrap">
            <p>The <strong>Spinner</strong> is a generic animation used to indicate a long process is taking place. It must appear during processing times so that the user is aware that their input was received and that the system is working to generate a response.</p>
          </div>
        </div>
      </section>
      <section class="pb-4 mb-4" id="usage">
        <header