/**
 * Styles and animation for Diagram No. 1
 */
.a-platforms-speed-test-1.a-charts {
  max-width: 100%;
  height: auto;
}
.a-platforms-speed-test-1.a-charts .a-time-units {
  display: none;
}
.a-platforms-speed-test-1.a-charts .a-chart {
  transform-origin: 221px center;
  transform: scaleX(0);
  transition: fill 0.15s ease-in-out;
}
.a-platforms-speed-test-1.a-charts .a-time-label-wrap {
  opacity: 0;
  transform-origin: 241px center;
}
.a-platforms-speed-test-1 .a-notes {
  transform-origin: 388px 114px;
}
.a-platforms-speed-test-1 .a-megaladata-time {
  transform: translateX(-14px);
}
.a-platforms-speed-test-1 .a-rapidminer-time {
  transform: translateX(-15px);
}
.a-platforms-speed-test-1 .a-alterix-time {
  transform: translateX(-16px);
}
.a-platforms-speed-test-1 .a-pentaho-time {
  transform: translateX(-38px);
}
.a-platforms-speed-test-1 .a-knime-time {
  transform: translateX(-986px);
}
.a-platforms-speed-test-1 .a-times-slower-label {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.a-platforms-speed-test-1.a-hint-enable .a-chart-wrap:not(.a-megaladata-chart-wrap):hover {
  cursor: pointer;
}
.a-platforms-speed-test-1.a-hint-enable .a-chart-wrap:not(.a-megaladata-chart-wrap):hover .a-chart {
  fill: #B2E2EA;
}
.a-platforms-speed-test-1.a-hint-enable .a-chart-wrap:hover > g {
  opacity: 1;
  cursor: pointer;
}
.a-platforms-speed-test-1 .a-cut-lines {
  opacity: 0;
}
.a-platforms-speed-test-1.a-play-animation .a-chart {
  animation: a_zoomInX 2s cubic-bezier(0.24, 0.01, 0, 1) 0s 1 normal both, a_scaleInX 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child) {
  transform-origin: 221px bottom;
  transform: scaleY(0) translate(0);
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 0s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child):nth-child(5) {
  animation-delay: 0.2s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child):nth-child(4) {
  animation-delay: 0.4s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child):nth-child(3) {
  animation-delay: 0.6s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child):nth-child(2) {
  animation-delay: 0.8s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:not(:last-child):nth-child(1) {
  animation-delay: 1s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-alterix-chart {
  animation-delay: 0.1s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-pentaho-chart {
  animation-delay: 0.2s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-rapidminer-chart {
  animation-delay: 0.3s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-knime-chart {
  animation-delay: 0.4s, 3s;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:nth-child(5) {
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 0.2s 1 normal both, a_scaleTime5lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:nth-child(4) {
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 0.4s 1 normal both, a_scaleTime4lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:nth-child(3) {
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 0.6s 1 normal both, a_scaleTime3lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:nth-child(2) {
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 0.8s 1 normal both, a_scaleTime2lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-timeline:nth-child(1) {
  animation: a_zoomInY 2s cubic-bezier(0, 0.21, 0, 1) 1s 1 normal both, a_scaleTime1lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(1) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime1lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(2) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime2lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(3) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime3lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(4) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime4lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(5) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime5lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(6) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime6lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline:nth-child(7) {
  animation: a_fadeIn 1s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both, a_scaleSubTime7lineMoveY 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-notes {
  animation: a_fadeInNotes 1s cubic-bezier(0.24, 0.01, 0, 1) 2s 1 normal both, a_moveTimeLabelOnScale 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-megaladata-time {
  animation: a_moveTimeLabel 2s cubic-bezier(0.24, 0.01, 0, 1) 0s 1 normal both, a_megaladataTimeScale 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-rapidminer-time {
  animation: a_moveTimeLabel 2s cubic-bezier(0.24, 0.01, 0, 1) 0.1s 1 normal both, a_rapidminerTimeScale 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-alterix-time {
  animation: a_moveTimeLabel 2s cubic-bezier(0.24, 0.01, 0, 1) 0.2s 1 normal both, a_alterixTimeScale 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-pentaho-time {
  animation: a_moveTimeLabel 2s cubic-bezier(0.24, 0.01, 0, 1) 0.3s 1 normal both, a_pentahoTimeScale 2s cubic-bezier(0.76, 0, 0.24, 1) 3s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-knime-time {
  animation: a_moveTimeLabel 2s cubic-bezier(0.24, 0.01, 0, 1) 0.4s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-cut-lines {
  animation: a_fadeIn 0.3s linear 4s 1 normal both;
}
.a-platforms-speed-test-1.a-play-animation .a-subTimeline-wrap {
  animation: a_fadeIn 0.5s linear 3s 1 normal both;
}
@keyframes a_scaleTime6lineMoveY {
  100% {
    transform: translate(2505px);
  }
}
@keyframes a_scaleTime5lineMoveY {
  100% {
    transform: translate(5010px);
  }
}
@keyframes a_scaleTime4lineMoveY {
  100% {
    transform: translate(7515px);
  }
}
@keyframes a_scaleTime3lineMoveY {
  100% {
    transform: translate(10020px);
  }
}
@keyframes a_scaleTime2lineMoveY {
  100% {
    transform: translate(12525px);
  }
}
@keyframes a_scaleTime1lineMoveY {
  100% {
    transform: translate(15030px);
  }
}
@keyframes a_scaleSubTime1lineMoveY {
  100% {
    transform: translate(300px);
  }
}
@keyframes a_scaleSubTime2lineMoveY {
  100% {
    transform: translate(600px);
  }
}
@keyframes a_scaleSubTime3lineMoveY {
  100% {
    transform: translate(900px);
  }
}
@keyframes a_scaleSubTime4lineMoveY {
  100% {
    transform: translate(1200px);
  }
}
@keyframes a_scaleSubTime5lineMoveY {
  100% {
    transform: translate(1500px);
  }
}
@keyframes a_scaleSubTime6lineMoveY {
  100% {
    transform: translate(1800px);
  }
}
@keyframes a_scaleSubTime7lineMoveY {
  100% {
    transform: translate(2100px);
  }
}
@keyframes a_moveTimeLabelOnScale {
  100% {
    opacity: 1;
    transform: translateX(200px);
  }
}
@keyframes a_megaladataTimeScale {
  100% {
    transform: translateX(196px);
  }
}
@keyframes a_rapidminerTimeScale {
  100% {
    transform: translateX(210px);
  }
}
@keyframes a_alterixTimeScale {
  100% {
    transform: translateX(224px);
  }
}
@keyframes a_pentahoTimeScale {
  100% {
    transform: translateX(532px);
  }
}
@keyframes a_zoomInX {
  100% {
    transform: scaleX(1);
  }
}
@keyframes a_scaleInX {
  100% {
    transform: scaleX(15);
  }
}
@keyframes a_zoomInY {
  100% {
    transform: scaleY(1);
  }
}
@keyframes a_fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes a_fadeInNotes {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
  }
  100% {
    opacity: 100%;
    transform: rotate(0);
  }
}
@keyframes a_moveTimeLabel {
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}