/*! purgecss start ignore */
/*! purgecss end ignore */
.progress-wrapper {
  width: 100%;
  position: relative;
  height: 20px;
  margin-top: 20px;
}
.progress-wrapper .progress {
  width: 100%;
  background: linear-gradient(90deg, #4EA5D0 0%, #76BB7D 32%, #F9D972 68.5%, #DD3F0A 100%);
  position: relative;
  height: 40px;
}
.progress-wrapper .progress .thumb {
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  transition: left 0.3s ease;
  z-index: 1;
}
.progress-wrapper .progress:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: -15px;
  position: absolute;
}