@keyframes opacity-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse-animation {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes subtitle-fill-animation {
  from {
    fill: none;
  }
  to {
    fill: #FFF8EF;
  }
}
#subtitle-container > path {
  fill: none;
}

#subtitle-container path:nth-child(1) {
  stroke: #2D4059;
}

#subtitle-container path:nth-child(2) {
  stroke: #FFD460;
}

#subtitle-container path:nth-child(3) {
  stroke: #F07B3F;
}

#subtitle-container path:nth-child(4) {
  stroke: #EA5455;
}

#subtitle-container path:nth-child(5) {
  fill: #FFF8EF;
  stroke: #FFF8EF;
}

.stroke-fill-animation-subtitle {
  animation-name: stroke-animation, subtitle-fill-animation;
  animation-delay: -1s, 2.2s;
  animation-duration: 3s, 0s;
  animation-fill-mode: both;
}

.subtitle-pulse-animation-1 {
  animation-name: pulse-animation;
  animation-delay: 2.4s;
  animation-duration: 3s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.subtitle-pulse-animation-2 {
  animation-name: pulse-animation;
  animation-delay: 2.6s;
  animation-duration: 3s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.subtitle-pulse-animation-3 {
  animation-name: pulse-animation;
  animation-delay: 2.8s;
  animation-duration: 3s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.subtitle-pulse-animation-4 {
  animation-name: pulse-animation;
  animation-delay: 3s;
  animation-duration: 3s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/*# sourceMappingURL=subtitle.css.map */