@charset "utf-8";

svg#coco {
  max-width: 700px;
}
/***************************************************
 * Generated by SVG Artista on 12/7/2020, 11:05:41 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

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

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
                       animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44999999999999996s both;
          animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
               animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44999999999999996s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
                       animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
               animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44999999999999996s both,
                       animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both;
          animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44999999999999996s both,
               animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
          animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both,
                       animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both;
          animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both,
               animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both,
                       animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both,
               animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both,
                       animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s both;
          animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both,
               animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

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

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

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

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3499999999999999s both,
                       animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s both;
          animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3499999999999999s both,
               animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    fill: rgb(204, 34, 34);
  }
}

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

  100% {
    fill: rgb(204, 34, 34);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both,
                       animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both,
               animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}