/* ----------------------------------------------
 * Generated by Animista on 2025-2-9 10:30:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-top {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px);
    }
  }
  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px);
    }
  }
  
  /* ----------------------------------------------
   * Generated by Animista on 2025-2-9 10:33:59
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  
  /**
   * ----------------------------------------
   * animation slide-left
   * ----------------------------------------
   */
  @-webkit-keyframes slide-left {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px);
    }
  }
  @keyframes slide-left {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px);
    }
  }
  
  /* ----------------------------------------------
   * Generated by Animista on 2025-2-9 10:35:17
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  
  /**
   * ----------------------------------------
   * animation rotate-center
   * ----------------------------------------
   */
  @-webkit-keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  .spin {
  
    animation: spin 2s linear infinite;
  
  }
  

  @keyframes spin {
  
    0% { transform: rotate(0deg); }
  
    100% { transform: rotate(360deg); }
  
  }
  
  
  .slide-top {
    -webkit-animation: slide-top 2s linear infinite alternate-reverse forwards;
    animation: slide-top 2s linear infinite alternate-reverse forwards;
  }
  
  .slide-left {
    -webkit-animation: slide-left 2s linear infinite alternate-reverse both;
    animation: slide-left 2s linear infinite alternate-reverse both;
  }
  
  .rotate-center {
    -webkit-animation: rotate-center 7s linear infinite both;
    animation: rotate-center 7s linear infinite both;
  }