/* Draw */

/***************************************************
 * Generated by SVG Artista on 2/28/2023, 10:59:55 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

@keyframes animate-svg-stroke-42 {
  0% {
    stroke-dashoffset: 180.30780029296875px;
    stroke-dasharray: 180.30780029296875px;
  }

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

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

#layer-1 .active .designfied-1 {
  -webkit-animation: animate-svg-stroke-42 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-42 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-42 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-42 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

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

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

@keyframes animate-svg-stroke-43 {
  0% {
    stroke-dashoffset: 53.81999969482422px;
    stroke-dasharray: 53.81999969482422px;
  }

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

#layer-1 .active .designfied-2 {
  -webkit-animation: animate-svg-stroke-43 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-43 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-43 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-43 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

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

@keyframes animate-svg-stroke-44 {
  0% {
    stroke-dashoffset: 15.950000762939453px;
    stroke-dasharray: 15.950000762939453px;
  }

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

#layer-1 .active .designfied-3 {
  -webkit-animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-44 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-44 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

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

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

@keyframes animate-svg-stroke-45 {
  0% {
    stroke-dashoffset: 11.96999740600586px;
    stroke-dasharray: 11.96999740600586px;
  }

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

#layer-1 .active .designfied-4 {
  -webkit-animation: animate-svg-stroke-45 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-45 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-45 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-45 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

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

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

@keyframes animate-svg-stroke-46 {
  0% {
    stroke-dashoffset: 44.86000061035156px;
    stroke-dasharray: 44.86000061035156px;
  }

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

#layer-1 .active .designfied-5 {
  -webkit-animation: animate-svg-stroke-46 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-46 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-46 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-46 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

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

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

@keyframes animate-svg-stroke-47 {
  0% {
    stroke-dashoffset: 17.949999809265137px;
    stroke-dasharray: 17.949999809265137px;
  }

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

#layer-1 .active .designfied-6 {
  -webkit-animation: animate-svg-stroke-47 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-47 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-47 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-47 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

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

@keyframes animate-svg-stroke-48 {
  0% {
    stroke-dashoffset: 44.63999938964844px;
    stroke-dasharray: 44.63999938964844px;
  }

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

#layer-1 .active .designfied-7 {
  -webkit-animation: animate-svg-stroke-48 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-48 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-48 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-48 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

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

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

@keyframes animate-svg-stroke-49 {
  0% {
    stroke-dashoffset: 13.95000171661377px;
    stroke-dasharray: 13.95000171661377px;
  }

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

#layer-1 .active .designfied-8 {
  -webkit-animation: animate-svg-stroke-49 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-49 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-49 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-49 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

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

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

@keyframes animate-svg-stroke-50 {
  0% {
    stroke-dashoffset: 25.919998168945312px;
    stroke-dasharray: 25.919998168945312px;
  }

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

#layer-1 .active .designfied-9 {
  -webkit-animation: animate-svg-stroke-50 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-50 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-50 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-50 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

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

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

@keyframes animate-svg-stroke-51 {
  0% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }

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

#layer-1 .active .designfied-10 {
  -webkit-animation: animate-svg-stroke-51 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-51 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-51 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-51 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

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

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

@keyframes animate-svg-stroke-52 {
  0% {
    stroke-dashoffset: 13.959999084472656px;
    stroke-dasharray: 13.959999084472656px;
  }

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

#layer-1 .active .designfied-11 {
  -webkit-animation: animate-svg-stroke-52 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-52 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-52 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-52 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

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

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

@keyframes animate-svg-stroke-53 {
  0% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }

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

#layer-1 .active .designfied-12 {
  -webkit-animation: animate-svg-stroke-53 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-53 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-53 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-53 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

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

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

@keyframes animate-svg-stroke-54 {
  0% {
    stroke-dashoffset: 16.950000762939453px;
    stroke-dasharray: 16.950000762939453px;
  }

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

#layer-1 .active .designfied-13 {
  -webkit-animation: animate-svg-stroke-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-54 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-54 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

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

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

@keyframes animate-svg-stroke-55 {
  0% {
    stroke-dashoffset: 136.86265563964844px;
    stroke-dasharray: 136.86265563964844px;
  }

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

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

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

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

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

#layer-1 .active .designfied-14 {
  -webkit-animation: animate-svg-stroke-55 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-55 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-55 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-55 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}


@keyframes animate-svg-stroke-56 {
  0% {
    stroke-dashoffset: 116.39315795898438px;
    stroke-dasharray: 116.39315795898438px;
  }

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

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

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

#layer-1 .active .designfied-15 {
  -webkit-animation: animate-svg-stroke-56 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-56 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-56 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-56 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@keyframes animate-svg-stroke-57 {
  0% {
    stroke-dashoffset: 72.61492156982422px;
    stroke-dasharray: 72.61492156982422px;
  }

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

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

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

#layer-1 .active .designfied-16 {
  -webkit-animation: animate-svg-stroke-57 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-57 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-57 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-57 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@keyframes animate-svg-stroke-58 {
  0% {
    stroke-dashoffset: 184.6225128173828px;
    stroke-dasharray: 184.6225128173828px;
  }

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

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

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

#layer-1 .active .designfied-17 {
  -webkit-animation: animate-svg-stroke-58 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-58 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-58 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-58 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@keyframes animate-svg-stroke-59 {
  0% {
    stroke-dashoffset: 117.2708740234375px;
    stroke-dasharray: 117.2708740234375px;
  }

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

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

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

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

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

#layer-1 .active .designfied-18 {
  -webkit-animation: animate-svg-stroke-59 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-59 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-59 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-59 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

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

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

@keyframes animate-svg-stroke-60 {
  0% {
    stroke-dashoffset: 88.86455535888672px;
    stroke-dasharray: 88.86455535888672px;
  }

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

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

#layer-1 .active .designfied-19 {
  -webkit-animation: animate-svg-stroke-60 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-60 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-60 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-60 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

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

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

@keyframes animate-svg-stroke-61 {
  0% {
    stroke-dashoffset: 63.218292236328125px;
    stroke-dasharray: 63.218292236328125px;
  }

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

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

#layer-1 .active .designfied-20 {
  -webkit-animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-61 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-61 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

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

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

@keyframes animate-svg-stroke-62 {
  0% {
    stroke-dashoffset: 149.4082489013672px;
    stroke-dasharray: 149.4082489013672px;
  }

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

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

#layer-1 .active .designfied-21 {
  -webkit-animation: animate-svg-stroke-62 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-62 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-62 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-62 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

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

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

@keyframes animate-svg-stroke-63 {
  0% {
    stroke-dashoffset: 162.02635192871094px;
    stroke-dasharray: 162.02635192871094px;
  }

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

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

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

  100% {
    fill: rgb(37, 211, 102);
  }
}

#layer-1 .active .designfied-22 {
  -webkit-animation: animate-svg-stroke-63 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-63 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-stroke-63 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-63 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

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

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

@keyframes animate-svg-stroke-64 {
  0% {
    stroke-dashoffset: 26.1029109954834px;
    stroke-dasharray: 26.1029109954834px;
  }

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

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

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

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

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

#layer-1 .active .designfied-23 {
  -webkit-animation: animate-svg-stroke-64 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-64 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-64 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-64 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

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

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

@keyframes animate-svg-stroke-65 {
  0% {
    stroke-dashoffset: 13.462014198303223px;
    stroke-dasharray: 13.462014198303223px;
  }

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

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

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

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

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

#layer-1 .active .designfied-24 {
  -webkit-animation: animate-svg-stroke-65 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-65 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-stroke-65 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-65 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-66 {
  0% {
    stroke-dashoffset: 26.3933162689209px;
    stroke-dasharray: 26.3933162689209px;
  }

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

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

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

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

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

#layer-1 .active .designfied-25 {
  -webkit-animation: animate-svg-stroke-66 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-66 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-stroke-66 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-66 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

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

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

@keyframes animate-svg-stroke-67 {
  0% {
    stroke-dashoffset: 25.96938705444336px;
    stroke-dasharray: 25.96938705444336px;
  }

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

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

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

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

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

#layer-1 .active .designfied-26 {
  -webkit-animation: animate-svg-stroke-67 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-67 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-stroke-67 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-67 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

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

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

@keyframes animate-svg-stroke-68 {
  0% {
    stroke-dashoffset: 16.949155807495117px;
    stroke-dasharray: 16.949155807495117px;
  }

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

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

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

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

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

#layer-1 .active .designfied-27 {
  -webkit-animation: animate-svg-stroke-68 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-68 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-stroke-68 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-68 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

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

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

@keyframes animate-svg-stroke-69 {
  0% {
    stroke-dashoffset: 13.348761558532715px;
    stroke-dasharray: 13.348761558532715px;
  }

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

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

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

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

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

#layer-1 .active .designfied-28 {
  -webkit-animation: animate-svg-stroke-69 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-69 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-stroke-69 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-69 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

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

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

@keyframes animate-svg-stroke-70 {
  0% {
    stroke-dashoffset: 18.803491592407227px;
    stroke-dasharray: 18.803491592407227px;
  }

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

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

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

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

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

#layer-1 .active .designfied-29 {
  -webkit-animation: animate-svg-stroke-70 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-70 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-stroke-70 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-70 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-71 {
  0% {
    stroke-dashoffset: 26.427406311035156px;
    stroke-dasharray: 26.427406311035156px;
  }

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

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

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

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

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

#layer-1 .active .designfied-30 {
  -webkit-animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-71 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-71 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

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

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

@keyframes animate-svg-stroke-72 {
  0% {
    stroke-dashoffset: 25.33073616027832px;
    stroke-dasharray: 25.33073616027832px;
  }

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

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

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

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

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

#layer-1 .active .designfied-31 {
  -webkit-animation: animate-svg-stroke-72 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-72 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
          animation: animate-svg-stroke-72 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-72 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

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

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

@keyframes animate-svg-stroke-73 {
  0% {
    stroke-dashoffset: 22.607664108276367px;
    stroke-dasharray: 22.607664108276367px;
  }

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

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

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

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

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

#layer-1 .active .designfied-32 {
  -webkit-animation: animate-svg-stroke-73 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-73 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-stroke-73 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-73 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

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

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

@keyframes animate-svg-stroke-74 {
  0% {
    stroke-dashoffset: 13.239990234375px;
    stroke-dasharray: 13.239990234375px;
  }

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

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

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

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

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

#layer-1 .active .designfied-33 {
  -webkit-animation: animate-svg-stroke-74 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-74 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-stroke-74 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-74 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

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

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

@keyframes animate-svg-stroke-75 {
  0% {
    stroke-dashoffset: 21.901769638061523px;
    stroke-dasharray: 21.901769638061523px;
  }

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

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

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

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

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

#layer-1 .active .designfied-34 {
  -webkit-animation: animate-svg-stroke-75 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-75 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
          animation: animate-svg-stroke-75 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-75 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-76 {
  0% {
    stroke-dashoffset: 16.949167251586914px;
    stroke-dasharray: 16.949167251586914px;
  }

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

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

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

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

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

#layer-1 .active .designfied-35 {
  -webkit-animation: animate-svg-stroke-76 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-76 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
          animation: animate-svg-stroke-76 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-76 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

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

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

@keyframes animate-svg-stroke-77 {
  0% {
    stroke-dashoffset: 13.369140625px;
    stroke-dasharray: 13.369140625px;
  }

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

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

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

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

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

#layer-1 .active .designfied-36 {
  -webkit-animation: animate-svg-stroke-77 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-77 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
          animation: animate-svg-stroke-77 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-77 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

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

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

@keyframes animate-svg-stroke-78 {
  0% {
    stroke-dashoffset: 22.631847381591797px;
    stroke-dasharray: 22.631847381591797px;
  }

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

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

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

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

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

#layer-1 .active .designfied-37 {
  -webkit-animation: animate-svg-stroke-78 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-78 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
          animation: animate-svg-stroke-78 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-78 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}

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

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

@keyframes animate-svg-stroke-79 {
  0% {
    stroke-dashoffset: 22.019926071166992px;
    stroke-dasharray: 22.019926071166992px;
  }

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

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

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

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

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

#layer-1 .active .designfied-38 {
  -webkit-animation: animate-svg-stroke-79 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
                       animate-svg-fill-79 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
          animation: animate-svg-stroke-79 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
               animate-svg-fill-79 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

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

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

@keyframes animate-svg-stroke-80 {
  0% {
    stroke-dashoffset: 21.824180603027344px;
    stroke-dasharray: 21.824180603027344px;
  }

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

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

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

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

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

#layer-1 .active .designfied-39 {
  -webkit-animation: animate-svg-stroke-80 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
                       animate-svg-fill-80 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
          animation: animate-svg-stroke-80 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
               animate-svg-fill-80 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
}


/* draw */


/***************************************************
 * Generated by SVG Artista on 2/28/2023, 11:26:54 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

  100% {
    stroke-dashoffset: 180.30780029296875px;
    stroke-dasharray: 180.30780029296875px;
  }
}

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

  100% {
    stroke-dashoffset: 180.30780029296875px;
    stroke-dasharray: 180.30780029296875px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: rgb(37, 211, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

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

  100% {
    stroke-dashoffset: 53.81999969482422px;
    stroke-dasharray: 53.81999969482422px;
  }
}

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

  100% {
    stroke-dashoffset: 53.81999969482422px;
    stroke-dasharray: 53.81999969482422px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-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.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

  100% {
    stroke-dashoffset: 15.950000762939453px;
    stroke-dasharray: 15.950000762939453px;
  }
}

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

  100% {
    stroke-dashoffset: 15.950000762939453px;
    stroke-dasharray: 15.950000762939453px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-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.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

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

  100% {
    stroke-dashoffset: 11.96999740600586px;
    stroke-dasharray: 11.96999740600586px;
  }
}

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

  100% {
    stroke-dashoffset: 11.96999740600586px;
    stroke-dasharray: 11.96999740600586px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-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.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

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

  100% {
    stroke-dashoffset: 44.86000061035156px;
    stroke-dasharray: 44.86000061035156px;
  }
}

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

  100% {
    stroke-dashoffset: 44.86000061035156px;
    stroke-dasharray: 44.86000061035156px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-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.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

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

  100% {
    stroke-dashoffset: 17.949999809265137px;
    stroke-dasharray: 17.949999809265137px;
  }
}

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

  100% {
    stroke-dashoffset: 17.949999809265137px;
    stroke-dasharray: 17.949999809265137px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-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.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

  100% {
    stroke-dashoffset: 44.63999938964844px;
    stroke-dasharray: 44.63999938964844px;
  }
}

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

  100% {
    stroke-dashoffset: 44.63999938964844px;
    stroke-dasharray: 44.63999938964844px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 27.90000343322754px;
    stroke-dasharray: 13.95000171661377px;
  }

  100% {
    stroke-dashoffset: 13.95000171661377px;
    stroke-dasharray: 13.95000171661377px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 27.90000343322754px;
    stroke-dasharray: 13.95000171661377px;
  }

  100% {
    stroke-dashoffset: 13.95000171661377px;
    stroke-dasharray: 13.95000171661377px;
  }
}

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

  100% {
    fill: transparent;
  }
}

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

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 51.839996337890625px;
    stroke-dasharray: 25.919998168945312px;
  }

  100% {
    stroke-dashoffset: 25.919998168945312px;
    stroke-dasharray: 25.919998168945312px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 51.839996337890625px;
    stroke-dasharray: 25.919998168945312px;
  }

  100% {
    stroke-dashoffset: 25.919998168945312px;
    stroke-dasharray: 25.919998168945312px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 23.919998168945312px;
    stroke-dasharray: 11.959999084472656px;
  }

  100% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 23.919998168945312px;
    stroke-dasharray: 11.959999084472656px;
  }

  100% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 27.919998168945312px;
    stroke-dasharray: 13.959999084472656px;
  }

  100% {
    stroke-dashoffset: 13.959999084472656px;
    stroke-dasharray: 13.959999084472656px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 27.919998168945312px;
    stroke-dasharray: 13.959999084472656px;
  }

  100% {
    stroke-dashoffset: 13.959999084472656px;
    stroke-dasharray: 13.959999084472656px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 23.919998168945312px;
    stroke-dasharray: 11.959999084472656px;
  }

  100% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 23.919998168945312px;
    stroke-dasharray: 11.959999084472656px;
  }

  100% {
    stroke-dashoffset: 11.959999084472656px;
    stroke-dasharray: 11.959999084472656px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 33.900001525878906px;
    stroke-dasharray: 16.950000762939453px;
  }

  100% {
    stroke-dashoffset: 16.950000762939453px;
    stroke-dasharray: 16.950000762939453px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 33.900001525878906px;
    stroke-dasharray: 16.950000762939453px;
  }

  100% {
    stroke-dashoffset: 16.950000762939453px;
    stroke-dasharray: 16.950000762939453px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: rgb(102, 102, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 273.7253112792969px;
    stroke-dasharray: 136.86265563964844px;
  }

  100% {
    stroke-dashoffset: 136.86265563964844px;
    stroke-dasharray: 136.86265563964844px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 273.7253112792969px;
    stroke-dasharray: 136.86265563964844px;
  }

  100% {
    stroke-dashoffset: 136.86265563964844px;
    stroke-dasharray: 136.86265563964844px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: rgb(84, 84, 84);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 232.78631591796875px;
    stroke-dasharray: 116.39315795898438px;
  }

  100% {
    stroke-dashoffset: 116.39315795898438px;
    stroke-dasharray: 116.39315795898438px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 232.78631591796875px;
    stroke-dasharray: 116.39315795898438px;
  }

  100% {
    stroke-dashoffset: 116.39315795898438px;
    stroke-dasharray: 116.39315795898438px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: rgb(84, 84, 84);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 145.22984313964844px;
    stroke-dasharray: 72.61492156982422px;
  }

  100% {
    stroke-dashoffset: 72.61492156982422px;
    stroke-dasharray: 72.61492156982422px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 145.22984313964844px;
    stroke-dasharray: 72.61492156982422px;
  }

  100% {
    stroke-dashoffset: 72.61492156982422px;
    stroke-dasharray: 72.61492156982422px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: rgb(84, 84, 84);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 369.2450256347656px;
    stroke-dasharray: 184.6225128173828px;
  }

  100% {
    stroke-dashoffset: 184.6225128173828px;
    stroke-dasharray: 184.6225128173828px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 369.2450256347656px;
    stroke-dasharray: 184.6225128173828px;
  }

  100% {
    stroke-dashoffset: 184.6225128173828px;
    stroke-dasharray: 184.6225128173828px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: rgb(84, 84, 84);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 234.541748046875px;
    stroke-dasharray: 117.2708740234375px;
  }

  100% {
    stroke-dashoffset: 117.2708740234375px;
    stroke-dasharray: 117.2708740234375px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 234.541748046875px;
    stroke-dasharray: 117.2708740234375px;
  }

  100% {
    stroke-dashoffset: 117.2708740234375px;
    stroke-dasharray: 117.2708740234375px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: rgb(84, 84, 84);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 177.72911071777344px;
    stroke-dasharray: 88.86455535888672px;
  }

  100% {
    stroke-dashoffset: 88.86455535888672px;
    stroke-dasharray: 88.86455535888672px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 177.72911071777344px;
    stroke-dasharray: 88.86455535888672px;
  }

  100% {
    stroke-dashoffset: 88.86455535888672px;
    stroke-dasharray: 88.86455535888672px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: rgb(37, 211, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-19 {
  -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 126.43658447265625px;
    stroke-dasharray: 63.218292236328125px;
  }

  100% {
    stroke-dashoffset: 63.218292236328125px;
    stroke-dasharray: 63.218292236328125px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 126.43658447265625px;
    stroke-dasharray: 63.218292236328125px;
  }

  100% {
    stroke-dashoffset: 63.218292236328125px;
    stroke-dasharray: 63.218292236328125px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: rgb(37, 211, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-20 {
  -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 298.8164978027344px;
    stroke-dasharray: 149.4082489013672px;
  }

  100% {
    stroke-dashoffset: 149.4082489013672px;
    stroke-dasharray: 149.4082489013672px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 298.8164978027344px;
    stroke-dasharray: 149.4082489013672px;
  }

  100% {
    stroke-dashoffset: 149.4082489013672px;
    stroke-dasharray: 149.4082489013672px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: rgb(37, 211, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-21 {
  -webkit-animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 324.0527038574219px;
    stroke-dasharray: 162.02635192871094px;
  }

  100% {
    stroke-dashoffset: 162.02635192871094px;
    stroke-dasharray: 162.02635192871094px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 324.0527038574219px;
    stroke-dasharray: 162.02635192871094px;
  }

  100% {
    stroke-dashoffset: 162.02635192871094px;
    stroke-dasharray: 162.02635192871094px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: rgb(37, 211, 102);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-22 {
  -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 52.2058219909668px;
    stroke-dasharray: 26.1029109954834px;
  }

  100% {
    stroke-dashoffset: 26.1029109954834px;
    stroke-dasharray: 26.1029109954834px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 52.2058219909668px;
    stroke-dasharray: 26.1029109954834px;
  }

  100% {
    stroke-dashoffset: 26.1029109954834px;
    stroke-dasharray: 26.1029109954834px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-23 {
  -webkit-animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 26.924028396606445px;
    stroke-dasharray: 13.462014198303223px;
  }

  100% {
    stroke-dashoffset: 13.462014198303223px;
    stroke-dasharray: 13.462014198303223px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 26.924028396606445px;
    stroke-dasharray: 13.462014198303223px;
  }

  100% {
    stroke-dashoffset: 13.462014198303223px;
    stroke-dasharray: 13.462014198303223px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-24 {
  -webkit-animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 52.7866325378418px;
    stroke-dasharray: 26.3933162689209px;
  }

  100% {
    stroke-dashoffset: 26.3933162689209px;
    stroke-dasharray: 26.3933162689209px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 52.7866325378418px;
    stroke-dasharray: 26.3933162689209px;
  }

  100% {
    stroke-dashoffset: 26.3933162689209px;
    stroke-dasharray: 26.3933162689209px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-25 {
  -webkit-animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 51.93877410888672px;
    stroke-dasharray: 25.96938705444336px;
  }

  100% {
    stroke-dashoffset: 25.96938705444336px;
    stroke-dasharray: 25.96938705444336px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 51.93877410888672px;
    stroke-dasharray: 25.96938705444336px;
  }

  100% {
    stroke-dashoffset: 25.96938705444336px;
    stroke-dasharray: 25.96938705444336px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-26 {
  -webkit-animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 33.898311614990234px;
    stroke-dasharray: 16.949155807495117px;
  }

  100% {
    stroke-dashoffset: 16.949155807495117px;
    stroke-dasharray: 16.949155807495117px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 33.898311614990234px;
    stroke-dasharray: 16.949155807495117px;
  }

  100% {
    stroke-dashoffset: 16.949155807495117px;
    stroke-dasharray: 16.949155807495117px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-27 {
  -webkit-animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 26.69752311706543px;
    stroke-dasharray: 13.348761558532715px;
  }

  100% {
    stroke-dashoffset: 13.348761558532715px;
    stroke-dasharray: 13.348761558532715px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 26.69752311706543px;
    stroke-dasharray: 13.348761558532715px;
  }

  100% {
    stroke-dashoffset: 13.348761558532715px;
    stroke-dasharray: 13.348761558532715px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-28 {
  -webkit-animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 37.60698318481445px;
    stroke-dasharray: 18.803491592407227px;
  }

  100% {
    stroke-dashoffset: 18.803491592407227px;
    stroke-dasharray: 18.803491592407227px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 37.60698318481445px;
    stroke-dasharray: 18.803491592407227px;
  }

  100% {
    stroke-dashoffset: 18.803491592407227px;
    stroke-dasharray: 18.803491592407227px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-29 {
  -webkit-animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 52.85481262207031px;
    stroke-dasharray: 26.427406311035156px;
  }

  100% {
    stroke-dashoffset: 26.427406311035156px;
    stroke-dasharray: 26.427406311035156px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 52.85481262207031px;
    stroke-dasharray: 26.427406311035156px;
  }

  100% {
    stroke-dashoffset: 26.427406311035156px;
    stroke-dasharray: 26.427406311035156px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-30 {
  -webkit-animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 50.66147232055664px;
    stroke-dasharray: 25.33073616027832px;
  }

  100% {
    stroke-dashoffset: 25.33073616027832px;
    stroke-dasharray: 25.33073616027832px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 50.66147232055664px;
    stroke-dasharray: 25.33073616027832px;
  }

  100% {
    stroke-dashoffset: 25.33073616027832px;
    stroke-dasharray: 25.33073616027832px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-31 {
  -webkit-animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
          animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

@-webkit-keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 45.215328216552734px;
    stroke-dasharray: 22.607664108276367px;
  }

  100% {
    stroke-dashoffset: 22.607664108276367px;
    stroke-dasharray: 22.607664108276367px;
  }
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 45.215328216552734px;
    stroke-dasharray: 22.607664108276367px;
  }

  100% {
    stroke-dashoffset: 22.607664108276367px;
    stroke-dasharray: 22.607664108276367px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-32 {
  -webkit-animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 26.47998046875px;
    stroke-dasharray: 13.239990234375px;
  }

  100% {
    stroke-dashoffset: 13.239990234375px;
    stroke-dasharray: 13.239990234375px;
  }
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 26.47998046875px;
    stroke-dasharray: 13.239990234375px;
  }

  100% {
    stroke-dashoffset: 13.239990234375px;
    stroke-dasharray: 13.239990234375px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-33 {
  -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@-webkit-keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 43.80353927612305px;
    stroke-dasharray: 21.901769638061523px;
  }

  100% {
    stroke-dashoffset: 21.901769638061523px;
    stroke-dasharray: 21.901769638061523px;
  }
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 43.80353927612305px;
    stroke-dasharray: 21.901769638061523px;
  }

  100% {
    stroke-dashoffset: 21.901769638061523px;
    stroke-dasharray: 21.901769638061523px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-34 {
  -webkit-animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
          animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 33.89833450317383px;
    stroke-dasharray: 16.949167251586914px;
  }

  100% {
    stroke-dashoffset: 16.949167251586914px;
    stroke-dasharray: 16.949167251586914px;
  }
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 33.89833450317383px;
    stroke-dasharray: 16.949167251586914px;
  }

  100% {
    stroke-dashoffset: 16.949167251586914px;
    stroke-dasharray: 16.949167251586914px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-35 {
  -webkit-animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
          animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

@-webkit-keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 26.73828125px;
    stroke-dasharray: 13.369140625px;
  }

  100% {
    stroke-dashoffset: 13.369140625px;
    stroke-dasharray: 13.369140625px;
  }
}

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 26.73828125px;
    stroke-dasharray: 13.369140625px;
  }

  100% {
    stroke-dashoffset: 13.369140625px;
    stroke-dasharray: 13.369140625px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-36 {
  -webkit-animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
          animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

@-webkit-keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 45.263694763183594px;
    stroke-dasharray: 22.631847381591797px;
  }

  100% {
    stroke-dashoffset: 22.631847381591797px;
    stroke-dasharray: 22.631847381591797px;
  }
}

@keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 45.263694763183594px;
    stroke-dasharray: 22.631847381591797px;
  }

  100% {
    stroke-dashoffset: 22.631847381591797px;
    stroke-dasharray: 22.631847381591797px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-37 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-37 {
  -webkit-animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
          animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}

@-webkit-keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 44.039852142333984px;
    stroke-dasharray: 22.019926071166992px;
  }

  100% {
    stroke-dashoffset: 22.019926071166992px;
    stroke-dasharray: 22.019926071166992px;
  }
}

@keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 44.039852142333984px;
    stroke-dasharray: 22.019926071166992px;
  }

  100% {
    stroke-dashoffset: 22.019926071166992px;
    stroke-dasharray: 22.019926071166992px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-38 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-38 {
  -webkit-animation: animate-svg-stroke-38 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
                       animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
          animation: animate-svg-stroke-38 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
               animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

@-webkit-keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 43.64836120605469px;
    stroke-dasharray: 21.824180603027344px;
  }

  100% {
    stroke-dashoffset: 21.824180603027344px;
    stroke-dasharray: 21.824180603027344px;
  }
}

@keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 43.64836120605469px;
    stroke-dasharray: 21.824180603027344px;
  }

  100% {
    stroke-dashoffset: 21.824180603027344px;
    stroke-dasharray: 21.824180603027344px;
  }
}

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

  100% {
    fill: transparent;
  }
}

@keyframes animate-svg-fill-39 {
  0% {
    fill: rgb(137, 137, 137);
  }

  100% {
    fill: transparent;
  }
}

#layer-1 .inactive .designfied-39 {
  -webkit-animation: animate-svg-stroke-39 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
                       animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
          animation: animate-svg-stroke-39 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
               animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
}