exadel-inc/esl

.accent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 250px;
 
  border: none;
  user-select: none;
  pointer-events: none;
 
  esl-animate & {
    & path {
      stroke-dasharray: 1679px;
      stroke-dashoffset: 1679px;
    }
  }
 
  esl-animate.in & {
    & path {
      animation: anim-line 2s ease;
      animation-iteration-count: 1;
      animation-fill-mode: both;
    }
  }
 
  @keyframes anim-line {
    to {
      stroke-dashoffset: 0;
    }
  }
}