/**
 * Do not edit directly
 * Generated on Mon, 28 Oct 2024 14:24:14 GMT
 */
.jkl-progress-bar,
.jkl-countdown {
  --track-color: var(--jkl-color-border-separator);
  --bar-color: var(--jkl-color-border-input-focus);
  --bar-height: 0.25rem;
  background-color: var(--track-color);
  border-radius: 6.25rem;
  height: var(--bar-height);
  width: 100%;
  overflow: hidden;
}
.jkl-progress-bar__tracker,
.jkl-countdown__tracker {
  display: block;
  height: var(--bar-height);
  background-color: var(--bar-color);
}
@media screen and (forced-colors: active) {
  .jkl-progress-bar,
  .jkl-countdown {
    background-color: Canvas;
  }
  .jkl-progress-bar__tracker,
  .jkl-countdown__tracker {
    background-color: CanvasText;
  }
}

.jkl-progress-bar__tracker {
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 150ms;
}

.jkl-countdown__tracker {
  animation: jkl-downcount-ub5nxtk var(--duration) linear forwards;
  animation-play-state: var(--play-state, running);
}

@keyframes jkl-downcount-ub5nxtk {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}