path {
	fill: none;
}

path.candle {
	stroke: #fff;
  opacity: 0;
  -webkit-animation: show 1s linear 0.5s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
}

path.candle.body {
	stroke-width: 0;
}

path.candle.up {
	fill: #91C7A9;
	stroke: #91C7A9;
}

path.candle.down {
	fill: #FF0000;
	stroke: #FF0000;
}

/* indicators */

path.volume {
    fill: #555555;
    opacity: 0;
    -webkit-animation: show_opacity 1s linear 1.5s;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
}

path.line {
  stroke-width: 1;
  fill: none ;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  -webkit-animation: dash 1.5s linear 3s;
  -webkit-animation-fill-mode: forwards;
}

.ma-0 path.line {
  /* stroke: #1f77b4; */
  stroke:#848375;
}

.ma-1 path.line {
    /* stroke: #aec7e8; */
    stroke: #E5DFC5;
}

/* animations */

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes show_opacity {
  to {
    opacity: 0.3;
  }
}

@-webkit-keyframes show {
  to {
    opacity: 1;
  }
}