/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .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-countdown__tracker {
    display: block;
    height: var(--bar-height);
    background-color: var(--bar-color);
  }
  @media screen and (forced-colors: active) {
    .jkl-countdown {
      background-color: Canvas;
    }
    .jkl-countdown__tracker {
      background-color: CanvasText;
    }
  }
  .jkl-countdown__tracker {
    animation: jkl-downcount-up53mll var(--duration) linear forwards;
    animation-play-state: var(--play-state, running);
  }
  @keyframes jkl-downcount-up53mll {
    from {
      width: 100%;
    }
    to {
      width: 0%;
    }
  }
}