.gh-scroll-animation.line {
  width: 100%;
}
.gh-scroll-animation.line .group {
  isolation: isolate;
}
.gh-scroll-animation.line .bg {
  fill: #fdf1be;
  mix-blend-mode: multiply;
  animation: opacity-background 3s;
  animation-play-state: paused;
}
.gh-scroll-animation.line .line {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2px;
  stroke-dasharray: 4500;
  animation: dash 3s;
  animation-play-state: paused;
}
.gh-scroll-animation.line.animate .bg, .gh-scroll-animation.line.animate .line {
  animation-play-state: running;
}
@keyframes dash {
  from {
    stroke-dashoffset: 4500;
  }
  to {
    stroke-dashoffset: 9200;
  }
}
@keyframes opacity-background {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
/*# sourceMappingURL=line-animation.css.map */