@charset "UTF-8";

.top_zoomIn {
  animation-name: top_zoomIn;
  animation-duration: .5s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes top_zoomIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.slideInLeft {
  opacity: 0;
  animation-name: slideInLeft;
  animation-duration: .4s;
  animation-delay: .5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

@keyframes slideInLeft {
  from {
    transform: translate(-50%, 0);
    opacity: 0;
  }

  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.slideInRight {
  opacity: 0;
  animation-name: slideInRight;
  animation-duration: .4s;
  animation-delay: .5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

@keyframes slideInRight {
  from {
    transform: translate(50%, 0);
    opacity: 0;
  }

  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.circleRotate-1 {
  animation: circleRotate-1 6s infinite linear;
}

@keyframes circleRotate-1 {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(90deg);
  }

  30% {
    transform: rotate(90deg); /* 停止 */
  }

  50% {
    transform: rotate(180deg);
  }

  60% {
    transform: rotate(180deg); /* 停止 */
  }

  80% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.circleRotate-2 {
  animation: circleRotate-2 8s infinite linear;
}

@keyframes circleRotate-2 {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(-60deg);
  }

  20% {
    transform: rotate(-60deg); /* 停止 */
  }

  45% {
    transform: rotate(-180deg);
  }

  55% {
    transform: rotate(-180deg); /* 停止 */
  }

  70% {
    transform: rotate(-270deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.circleRotate-3 {
  animation: circleRotate-3 10s infinite linear;
}

@keyframes circleRotate-3 {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(90deg);
  }

  40% {
    transform: rotate(90deg); /* 停止 */
  }

  55% {
    transform: rotate(180deg);
  }

  65% {
    transform: rotate(180deg); /* 停止 */
  }

  90% {
    transform: rotate(330deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.circleRotate-4 {
  animation: circleRotate-4 12s infinite linear;
}

@keyframes circleRotate-4 {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(-120deg);
  }

  35% {
    transform: rotate(-120deg); /* 停止 */
  }

  60% {
    transform: rotate(-240deg);
  }

  75% {
    transform: rotate(-240deg); /* 停止 */
  }

  100% {
    transform: rotate(-360deg);
  }
}

/***************************************************
 * Generated by SVG Artista on 11/1/2024, 2:59:16 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 /***************************************************
 * Generated by SVG Artista on 11/1/2024, 3:04:36 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 495.9989929199219px;
    stroke-dasharray: 495.9989929199219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.9989929199219px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 495.9989929199219px;
    stroke-dasharray: 495.9989929199219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.9989929199219px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8s both;
          animation: animate-svg-stroke-1 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 452.7999572753906px;
    stroke-dasharray: 452.7999572753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.7999572753906px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 452.7999572753906px;
    stroke-dasharray: 452.7999572753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.7999572753906px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9s both;
          animation: animate-svg-stroke-2 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 587.2509765625px;
    stroke-dasharray: 587.2509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2509765625px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 587.2509765625px;
    stroke-dasharray: 587.2509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2509765625px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
          animation: animate-svg-stroke-3 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 298.800048828125px;
    stroke-dasharray: 298.800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.800048828125px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 298.800048828125px;
    stroke-dasharray: 298.800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.800048828125px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1s both;
          animation: animate-svg-stroke-4 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 496.0051574707031px;
    stroke-dasharray: 496.0051574707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 496.0051574707031px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 496.0051574707031px;
    stroke-dasharray: 496.0051574707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 496.0051574707031px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.3s both;
          animation: animate-svg-stroke-6 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.3s both;
}

/***************************************************
 * Generated by SVG Artista on 11/1/2024, 3:24:11 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 495.9989929199219px;
    stroke-dasharray: 495.9989929199219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.9989929199219px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 495.9989929199219px;
    stroke-dasharray: 495.9989929199219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.9989929199219px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 452.7999572753906px;
    stroke-dasharray: 452.7999572753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.7999572753906px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 452.7999572753906px;
    stroke-dasharray: 452.7999572753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.7999572753906px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 587.2509765625px;
    stroke-dasharray: 587.2509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2509765625px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 587.2509765625px;
    stroke-dasharray: 587.2509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2509765625px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5999999999999999s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5999999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 298.800048828125px;
    stroke-dasharray: 298.800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.800048828125px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 298.800048828125px;
    stroke-dasharray: 298.800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.800048828125px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7999999999999998s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7999999999999998s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 496.0051574707031px;
    stroke-dasharray: 496.0051574707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 496.0051574707031px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 496.0051574707031px;
    stroke-dasharray: 496.0051574707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 496.0051574707031px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9s both;
}

/***************************************************
 * Generated by SVG Artista on 11/1/2024, 3:27:38 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-2-svg-stroke-1 {
  0% {
    stroke-dashoffset: 461.9349365234375px;
    stroke-dasharray: 461.9349365234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 461.9349365234375px;
  }
}

@keyframes animate-2-svg-stroke-1 {
  0% {
    stroke-dashoffset: 461.9349365234375px;
    stroke-dasharray: 461.9349365234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 461.9349365234375px;
  }
}

@-webkit-keyframes animate-2-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-1 {
  -webkit-animation: animate-2-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-2-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s both;
          animation: animate-2-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-2-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s both;
}

@-webkit-keyframes animate-2-svg-stroke-2 {
  0% {
    stroke-dashoffset: 298.5999755859375px;
    stroke-dasharray: 298.5999755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.5999755859375px;
  }
}

@keyframes animate-2-svg-stroke-2 {
  0% {
    stroke-dashoffset: 298.5999755859375px;
    stroke-dasharray: 298.5999755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.5999755859375px;
  }
}

@-webkit-keyframes animate-2-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-2 {
  -webkit-animation: animate-2-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-2-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s both;
          animation: animate-2-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-2-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s both;
}

@-webkit-keyframes animate-2-svg-stroke-3 {
  0% {
    stroke-dashoffset: 522.07373046875px;
    stroke-dasharray: 522.07373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 522.07373046875px;
  }
}

@keyframes animate-2-svg-stroke-3 {
  0% {
    stroke-dashoffset: 522.07373046875px;
    stroke-dasharray: 522.07373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 522.07373046875px;
  }
}

@-webkit-keyframes animate-2-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-3 {
  -webkit-animation: animate-2-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-2-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5999999999999999s both;
          animation: animate-2-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-2-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5999999999999999s both;
}

@-webkit-keyframes animate-2-svg-stroke-4 {
  0% {
    stroke-dashoffset: 575.398681640625px;
    stroke-dasharray: 575.398681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 575.398681640625px;
  }
}

@keyframes animate-2-svg-stroke-4 {
  0% {
    stroke-dashoffset: 575.398681640625px;
    stroke-dasharray: 575.398681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 575.398681640625px;
  }
}

@-webkit-keyframes animate-2-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-4 {
  -webkit-animation: animate-2-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-2-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s both;
          animation: animate-2-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-2-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s both;
}

@-webkit-keyframes animate-2-svg-stroke-5 {
  0% {
    stroke-dashoffset: 565.2603149414062px;
    stroke-dasharray: 565.2603149414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 565.2603149414062px;
  }
}

@keyframes animate-2-svg-stroke-5 {
  0% {
    stroke-dashoffset: 565.2603149414062px;
    stroke-dasharray: 565.2603149414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 565.2603149414062px;
  }
}

@-webkit-keyframes animate-2-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-5 {
  -webkit-animation: animate-2-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-2-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7999999999999998s both;
          animation: animate-2-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-2-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7999999999999998s both;
}

@-webkit-keyframes animate-2-svg-stroke-6 {
  0% {
    stroke-dashoffset: 462.12835693359375px;
    stroke-dasharray: 462.12835693359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 462.12835693359375px;
  }
}

@keyframes animate-2-svg-stroke-6 {
  0% {
    stroke-dashoffset: 462.12835693359375px;
    stroke-dasharray: 462.12835693359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 462.12835693359375px;
  }
}

@-webkit-keyframes animate-2-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

@keyframes animate-2-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 29, 37);
  }
}

.svg-elem-2-6 {
  -webkit-animation: animate-2-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-2-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9s both;
          animation: animate-2-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-2-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9s both;
}

/***************************************************
 * Generated by SVG Artista on 11/1/2024, 3:37:58 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-3-svg-stroke-1 {
  0% {
    stroke-dashoffset: 600.8941040039062px;
    stroke-dasharray: 600.8941040039062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 600.8941040039062px;
  }
}

@keyframes animate-3-svg-stroke-1 {
  0% {
    stroke-dashoffset: 600.8941040039062px;
    stroke-dasharray: 600.8941040039062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 600.8941040039062px;
  }
}

@-webkit-keyframes animate-3-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-1 {
  -webkit-animation: animate-3-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-3-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s both;
          animation: animate-3-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-3-svg-fill-1 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s both;
}

@-webkit-keyframes animate-3-svg-stroke-2 {
  0% {
    stroke-dashoffset: 508.4637145996094px;
    stroke-dasharray: 508.4637145996094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 508.4637145996094px;
  }
}

@keyframes animate-3-svg-stroke-2 {
  0% {
    stroke-dashoffset: 508.4637145996094px;
    stroke-dasharray: 508.4637145996094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 508.4637145996094px;
  }
}

@-webkit-keyframes animate-3-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-2 {
  -webkit-animation: animate-3-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-3-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s both;
          animation: animate-3-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-3-svg-fill-2 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s both;
}

@-webkit-keyframes animate-3-svg-stroke-3 {
  0% {
    stroke-dashoffset: 354.6000061035156px;
    stroke-dasharray: 354.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6000061035156px;
  }
}

@keyframes animate-3-svg-stroke-3 {
  0% {
    stroke-dashoffset: 354.6000061035156px;
    stroke-dasharray: 354.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6000061035156px;
  }
}

@-webkit-keyframes animate-3-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-3 {
  -webkit-animation: animate-3-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-3-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s both;
          animation: animate-3-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-3-svg-fill-3 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s both;
}

@-webkit-keyframes animate-3-svg-stroke-4 {
  0% {
    stroke-dashoffset: 354.6000061035156px;
    stroke-dasharray: 354.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6000061035156px;
  }
}

@keyframes animate-3-svg-stroke-4 {
  0% {
    stroke-dashoffset: 354.6000061035156px;
    stroke-dasharray: 354.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6000061035156px;
  }
}

@-webkit-keyframes animate-3-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-4 {
  -webkit-animation: animate-3-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-3-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s both;
          animation: animate-3-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-3-svg-fill-4 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s both;
}

@-webkit-keyframes animate-3-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@keyframes animate-3-svg-stroke-5 {
  0% {
    stroke-dashoffset: 452.6000061035156px;
    stroke-dasharray: 452.6000061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 452.6000061035156px;
  }
}

@-webkit-keyframes animate-3-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-5 {
  -webkit-animation: animate-3-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-3-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s both;
          animation: animate-3-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-3-svg-fill-5 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s both;
}

@-webkit-keyframes animate-3-svg-stroke-6 {
  0% {
    stroke-dashoffset: 587.2276000976562px;
    stroke-dasharray: 587.2276000976562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2276000976562px;
  }
}

@keyframes animate-3-svg-stroke-6 {
  0% {
    stroke-dashoffset: 587.2276000976562px;
    stroke-dasharray: 587.2276000976562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 587.2276000976562px;
  }
}

@-webkit-keyframes animate-3-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-6 {
  -webkit-animation: animate-3-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-3-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s both;
          animation: animate-3-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-3-svg-fill-6 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s both;
}

@-webkit-keyframes animate-3-svg-stroke-7 {
  0% {
    stroke-dashoffset: 407.5657653808594px;
    stroke-dasharray: 407.5657653808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 407.5657653808594px;
  }
}

@keyframes animate-3-svg-stroke-7 {
  0% {
    stroke-dashoffset: 407.5657653808594px;
    stroke-dasharray: 407.5657653808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 407.5657653808594px;
  }
}

@-webkit-keyframes animate-3-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-3-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3-7 {
  -webkit-animation: animate-3-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-3-svg-fill-7 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s both;
          animation: animate-3-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-3-svg-fill-7 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s both;
}