/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.ga-progress {
  display: flex;
  flex-direction: column;
  gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
  .ga-progress__label {
    font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
    color: var(--ga-color-text-action);
  }
  .ga-progress__helper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    color: var(--ga-color-text-body);
  }
  .ga-progress__buffer {
    position: relative;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    width: 100%;
    overflow: hidden;
    border-radius: var(--ga-radius);
    background-color: var(--ga-color-surface-disabled);
  }
  .ga-progress__bar {
    position: absolute;
    height: 100%;
    width: 100%;
    transform-origin: 0 0;
    border-radius: var(--ga-radius);
    background-color: var(--ga-color-surface-progress);
  }
  &.ga-progress--success {
    .ga-progress__bar {
      background-color: var(--ga-color-icon-success);
    }
    .ga-progress__helper .ga-icon {
      color: var(--ga-color-icon-success);
    }
  }
  &.ga-progress--error {
    .ga-progress__bar {
      background-color: var(--ga-color-icon-error);
    }
    .ga-progress__helper .ga-icon {
      color: var(--ga-color-icon-error);
    }
  }
  &.ga-progress--indeterminate {
    .ga-progress__bar {
      width: calc(1 / 5 * 100%);
      animation: ga-progress-animation 1400ms linear infinite;
    }
  }
}
@keyframes ga-progress-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(500%);
  }
}