.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: .8; } }

/*# sourceMappingURL=line-animation.css.map */