:root {
  --time: .5s;
  --anim-m: calc(var(--time) * 1.5);
  --direction-m: 0s;
  --anim-e: calc(var(--time) * .5);
  --direction-e: calc(var(--anim-m) + -.0s);
  --anim-t1: calc(var(--time) * .5);
  --direction-t1: calc(var(--direction-e) + var(--anim-e) + -.0s);
  --anim-t2: calc(var(--time) * .7);
  --direction-t2: calc(var(--direction-s) + var(--anim-s) + 0s);
  --anim-h: calc(var(--time) * .7);
  --direction-h: calc(var(--direction-t1) + var(--anim-t1) + -.0s);
  --anim-o: calc(var(--time) * .35);
  --direction-o: calc(var(--direction-h) + var(--anim-h) + -.0s);
  --anim-d: calc(var(--time) * 1.1);
  --direction-d: calc(var(--direction-o) + var(--anim-o) + -.0s);
  --anim-s: calc(var(--time) * .7);
  --direction-s: calc(var(--direction-d) + var(--anim-d) + -.0s);
}

@-webkit-keyframes m {
  0% {
    stroke-dasharray: 0, 10000;
  }
  35% {
    stroke-dasharray: 40, 10000;
  }
  100% {
    stroke-dasharray: 222, 10000;
  }
}

@keyframes m {
  0% {
    stroke-dasharray: 0, 10000;
  }
  35% {
    stroke-dasharray: 40, 10000;
  }
  100% {
    stroke-dasharray: 222, 10000;
  }
}

@-webkit-keyframes e {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 99, 10000;
  }
}

@keyframes e {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 99, 10000;
  }
}

@-webkit-keyframes t-2 {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 99, 10000;
  }
}

@keyframes t-2 {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 99, 10000;
  }
}

@-webkit-keyframes t-1 {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 172, 10000;
  }
}

@keyframes t-1 {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 172, 10000;
  }
}

@-webkit-keyframes h {
  0% {
    stroke-dasharray: 0, 10000;
  }
  50% {
    stroke-dasharray: 120, 10000;
  }
  100% {
    stroke-dasharray: 251, 10000;
  }
}

@keyframes h {
  0% {
    stroke-dasharray: 0, 10000;
  }
  50% {
    stroke-dasharray: 120, 10000;
  }
  100% {
    stroke-dasharray: 251, 10000;
  }
}

@-webkit-keyframes o {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 74, 10000;
  }
}

@keyframes o {
  0% {
    stroke-dasharray: 0, 10000;
  }
  100% {
    stroke-dasharray: 74, 10000;
  }
}

@-webkit-keyframes d {
  0% {
    stroke-dasharray: 0, 10000;
  }
  65% {
    stroke-dasharray: 155, 10000;
  }
  100% {
    stroke-dasharray: 289, 10000;
  }
}

@keyframes d {
  0% {
    stroke-dasharray: 0, 10000;
  }
  65% {
    stroke-dasharray: 155, 10000;
  }
  100% {
    stroke-dasharray: 289, 10000;
  }
}

@-webkit-keyframes s {
  0% {
    stroke-dasharray: 0, 10000;
  }
  60% {
    stroke-dasharray: 70, 10000;
  }
  100% {
    stroke-dasharray: 121, 10000;
  }
}

@keyframes s {
  0% {
    stroke-dasharray: 0, 10000;
  }
  60% {
    stroke-dasharray: 70, 10000;
  }
  100% {
    stroke-dasharray: 121, 10000;
  }
}

.methods-pic svg .number {
  fill: #231815;
}

.methods-pic svg .line {
  fill: none;
  stroke: #E43C6B;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dashoffset: .5;
  stroke-dasharray: 0, 10000;
}

.methods-pic svg .st3 {
  stroke-width: 8;
  /* stroke-dasharray: 222, 1000; */
}

.methods-pic svg .st4 {
  stroke-width: 7;
  /* stroke-dasharray: 99, 1000; */
}

.methods-pic svg .st5 {
  stroke-width: 7;
  /* stroke-dasharray: 99, 1000; */
}

.methods-pic svg .st6 {
  stroke-width: 8;
  /* stroke-dasharray: 172, 1000; */
}

.methods-pic svg .st7 {
  stroke-width: 8;
  /* stroke-dasharray: 251, 1000; */
}

.methods-pic svg .st8 {
  stroke-width: 7;
  /* stroke-dasharray: 74, 1000; */
}

.methods-pic svg .st9 {
  stroke-width: 7;
  /* stroke-dasharray: 289, 1000; */
}

.methods-pic svg .st10 {
  stroke-width: 7;
  /* stroke-dasharray: 121, 1000; */
}

.methods-pic.show svg .st3 {
  -webkit-animation: m var(--anim-m) cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards var(--direction-m);
          animation: m var(--anim-m) cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards var(--direction-m);
}

.methods-pic.show svg .st4 {
  -webkit-animation: e var(--anim-e) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-e);
          animation: e var(--anim-e) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-e);
}

.methods-pic.show svg .st5 {
  -webkit-animation: t-2 var(--anim-t2) cubic-bezier(0.25, 0.6, 0.57, 1) forwards var(--direction-t2);
          animation: t-2 var(--anim-t2) cubic-bezier(0.25, 0.6, 0.57, 1) forwards var(--direction-t2);
}

.methods-pic.show svg .st6 {
  -webkit-animation: t-1 var(--anim-t1) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-t1);
          animation: t-1 var(--anim-t1) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-t1);
}

.methods-pic.show svg .st7 {
  -webkit-animation: h var(--anim-h) cubic-bezier(0.5, 0.2, 0.5, 0.8) forwards var(--direction-h);
          animation: h var(--anim-h) cubic-bezier(0.5, 0.2, 0.5, 0.8) forwards var(--direction-h);
}

.methods-pic.show svg .st8 {
  -webkit-animation: o var(--anim-o) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-o);
          animation: o var(--anim-o) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-o);
}

.methods-pic.show svg .st9 {
  -webkit-animation: d var(--anim-d) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-d);
          animation: d var(--anim-d) cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards var(--direction-d);
}

.methods-pic.show svg .st10 {
  -webkit-animation: s var(--anim-s) cubic-bezier(0.5, 0.05, 0.5, 0.95) forwards var(--direction-s);
          animation: s var(--anim-s) cubic-bezier(0.5, 0.05, 0.5, 0.95) forwards var(--direction-s);
}
/*# sourceMappingURL=methods.css.map */