@keyframes AllTimeHighProgressBar-module__0B0kfG__gradientShift {
  0% {
    background-position: -100%;
  }
  to {
    background-position: 200%;
  }
}
@keyframes AllTimeHighProgressBar-module__0B0kfG__borderPulse {
  0% {
    box-shadow: 0 0 rgba(74, 222, 128, 0.6);
  }
  50% {
    box-shadow: 0 0 0 1.5px rgba(134, 239, 172, 0.4);
  }
  to {
    box-shadow: 0 0 rgba(74, 222, 128, 0.6);
  }
}
@keyframes AllTimeHighProgressBar-module__0B0kfG__borderPulseGold {
  0% {
    box-shadow: 0 0 rgba(245, 158, 11, 0.6);
  }
  50% {
    box-shadow: 0 0 0 1.5px rgba(251, 191, 36, 0.4);
  }
  to {
    box-shadow: 0 0 rgba(245, 158, 11, 0.6);
  }
}
.AllTimeHighProgressBar-module__0B0kfG__animateBorderPulse {
  animation: 1.5s ease-in-out infinite
    AllTimeHighProgressBar-module__0B0kfG__borderPulse;
}
.AllTimeHighProgressBar-module__0B0kfG__borderGold {
  animation: 1.5s ease-in-out infinite
    AllTimeHighProgressBar-module__0B0kfG__borderPulseGold;
}
.AllTimeHighProgressBar-module__0B0kfG__borderGreen {
  animation: 1.5s ease-in-out infinite
    AllTimeHighProgressBar-module__0B0kfG__borderPulse;
}
.AllTimeHighProgressBar-module__0B0kfG__animatedGradient {
  background-size: 300% 100%;
  animation: 2s linear infinite
    AllTimeHighProgressBar-module__0B0kfG__gradientShift;
}
.AllTimeHighProgressBar-module__0B0kfG__gradientGreen {
  background-image: linear-gradient(
    90deg,
    #4ade80 0%,
    #86efac 15%,
    #bbf7d0 30%,
    #86efac 45%,
    #4ade80 60%,
    #bbf7d0 75%,
    #86efac 90%,
    #4ade80 100%
  );
}
.AllTimeHighProgressBar-module__0B0kfG__gradientGold {
  background-image: linear-gradient(
    90deg,
    #f59e0b 0%,
    #fbbf24 15%,
    #fcd34d 30%,
    #fbbf24 45%,
    #f59e0b 60%,
    #fcd34d 75%,
    #fbbf24 90%,
    #f59e0b 100%
  );
}
.Sparkler-module__KnYbwG__spark {
  --shadow: hsl(var(--h), var(--s), var(--l));
  animation: Sparkler-module__KnYbwG__spark calc(var(--speed) * 1s)
    calc(var(--delay) * -1s) infinite ease;
  box-shadow: 0 0 6px 1px var(--shadow);
  height: 2px;
  transform: rotate(var(--rotation)) translate(0, 0);
  z-index: 2;
  background: #fff;
  border-radius: 100%;
  width: 2px;
  position: absolute;
}
@keyframes Sparkler-module__KnYbwG__spark {
  to {
    opacity: 0;
    transform: rotate(var(--rotation)) translate(0, calc(var(--travel) * 1px));
  }
}