.desvg {
  opacity: 0;
  transition: opacity 0.8s;
}
.desvg svg {
  fill: unset;
}
.desvg line,
.desvg polyline,
.desvg polygon,
.desvg path {
  vector-effect: non-scaling-stroke;
  stroke-width: 1px;
}
.desvg.on {
  opacity: 1;
  transition: opacity 0s;
}
.desvg.on line,
.desvg.on polyline,
.desvg.on polygon,
.desvg.on path {
  stroke-dasharray: 1150px;
  stroke-dashoffset: 1150px;
  -webkit-animation: svg-anime 2s ease-in forwards;
          animation: svg-anime 2s ease-in forwards;
}

@-webkit-keyframes oanim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes oanim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.finish .desvg,
.current .desvg,
.on .desvg {
  opacity: 1;
  transition: opacity 0s;
  stroke-dasharray: 1150px;
  stroke-dashoffset: 1150px;
}
.finish .desvg line,
.finish .desvg polyline,
.finish .desvg polygon,
.finish .desvg .strokeanim,
.finish .desvg path,
.current .desvg line,
.current .desvg polyline,
.current .desvg polygon,
.current .desvg .strokeanim,
.current .desvg path,
.on .desvg line,
.on .desvg polyline,
.on .desvg polygon,
.on .desvg .strokeanim,
.on .desvg path {
  -webkit-animation: svg-anime 1.5s ease-in forwards;
          animation: svg-anime 1.5s ease-in forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.finish .desvg line.strokeanimlong,
.finish .desvg polyline.strokeanimlong,
.finish .desvg polygon.strokeanimlong,
.finish .desvg .strokeanim.strokeanimlong,
.finish .desvg path.strokeanimlong,
.current .desvg line.strokeanimlong,
.current .desvg polyline.strokeanimlong,
.current .desvg polygon.strokeanimlong,
.current .desvg .strokeanim.strokeanimlong,
.current .desvg path.strokeanimlong,
.on .desvg line.strokeanimlong,
.on .desvg polyline.strokeanimlong,
.on .desvg polygon.strokeanimlong,
.on .desvg .strokeanim.strokeanimlong,
.on .desvg path.strokeanimlong {
  -webkit-animation-name: svg-anime-long;
          animation-name: svg-anime-long;
}

.current .desvg line,
.current .desvg polyline,
.current .desvg polygon,
.current .desvg .strokeanim,
.current .desvg path {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes svg-anime {
  0% {
    stroke-dasharray: 1150px;
    stroke-dashoffset: 1150px;
  }
  100% {
    stroke-dasharray: 1150px;
    stroke-dashoffset: 0;
  }
}

@keyframes svg-anime {
  0% {
    stroke-dasharray: 1150px;
    stroke-dashoffset: 1150px;
  }
  100% {
    stroke-dasharray: 1150px;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svg-anime-long {
  0% {
    stroke-dasharray: 11150px;
    stroke-dashoffset: 11150px;
  }
  100% {
    stroke-dasharray: 11150px;
    stroke-dashoffset: 0;
  }
}
@keyframes svg-anime-long {
  0% {
    stroke-dasharray: 11150px;
    stroke-dashoffset: 11150px;
  }
  100% {
    stroke-dasharray: 11150px;
    stroke-dashoffset: 0;
  }
}
.desvg polygon,
.desvg path {
  fill-opacity: 0;
  stroke-width: 1px;
}
.desvg.on polygon,
.desvg.on path {
  -webkit-animation: opacity-anime 2s ease-in forwards;
          animation: opacity-anime 2s ease-in forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.desvg .nofill {
  fill-opacity: 0 !important;
}

.finish .desvg polygon,
.finish .desvg path,
.current .desvg polygon,
.current .desvg path,
.on .desvg polygon,
.on .desvg path {
  -webkit-animation: opacity-anime 2s ease-in forwards;
          animation: opacity-anime 2s ease-in forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.current .desvg polygon,
.current .desvg path {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes opacity-anime {
  0% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@keyframes opacity-anime {
  0% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}
/*# sourceMappingURL=svganim.css.map */