@layer starter, reset, base, state, application;
@layer reset {
  ._progress-bar_1lj98_2 {
    all: unset;
    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
    font-size: 100%;
    color: var(--foreground-color, #141414);
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    display: flex;
  }
}
@layer base {
  ._progress-bar_1lj98_2 {
    position: relative;
    flex-direction: column;
    width: 100%;
    gap: 0.5rem;
  }
  ._progress-bar_1lj98_2 ._bar-container_1lj98_23 {
    height: 0.5rem;
    border-radius: 0.375rem;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    background-color: var(--background-color-stronger, var(--background-color-stronger, #eeeeee));
    display: flex;
  }
  ._progress-bar_1lj98_2 ._bar-container_1lj98_23 ._bar_1lj98_23 {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    height: inherit;
    border-radius: inherit;
    width: 100%;
  }
  ._progress-bar_1lj98_2 ._bar-container_1lj98_23 ._bar_1lj98_23::-webkit-progress-value {
    border-radius: 0.375rem;
    background-color: var(--status-color-info, var(--status-color-info, #0265DC));
    -webkit-transition: width 200ms cubic-bezier(0, 0, 0.4, 1);
    transition: width 200ms cubic-bezier(0, 0, 0.4, 1);
  }
  ._progress-bar_1lj98_2 ._bar-container_1lj98_23 ._bar_1lj98_23::-webkit-progress-bar {
    background-color: var(--background-color-stronger, var(--background-color-stronger, #eeeeee));
  }
}
@layer state {
  ._progress-bar_1lj98_2 ._check-icon_1lj98_49 {
    color: var(--status-color-success, var(--status-color-success, #007A4D));
  }
  ._progress-bar_1lj98_2 ._error-icon_1lj98_52 {
    color: var(--status-color-danger, var(--status-color-danger, #e13212));
  }
  ._progress-bar_1lj98_2 ._bar-container_1lj98_23:has(._bar_1lj98_23:not([value]))::before {
    content: "";
    position: absolute;
    width: 25%;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 100%;
    background-color: var(--status-color-info, var(--status-color-info, #0265DC));
    border-radius: 0.1875rem;
    animation: _indeterminate_1lj98_1 1s ease-in-out infinite alternate forwards;
  }
  ._progress-bar_1lj98_2._success_1lj98_66 ._bar_1lj98_23::-webkit-progress-value {
    background-color: var(--status-color-success, var(--status-color-success, #007A4D));
  }
  ._progress-bar_1lj98_2._success_1lj98_66 ._bar_1lj98_23:not([value]):before {
    background-color: var(--status-color-success, var(--status-color-success, #007A4D));
  }
  ._progress-bar_1lj98_2._error_1lj98_52 ._bar_1lj98_23::-webkit-progress-value {
    background-color: var(--status-color-danger, var(--status-color-danger, #e13212));
  }
  ._progress-bar_1lj98_2._error_1lj98_52 ._bar_1lj98_23:not([value]):before {
    background-color: var(--status-color-danger, var(--status-color-danger, #e13212));
  }
}
@keyframes _indeterminate_1lj98_1 {
  0% {
    inset-inline-start: -25%;
  }
  100% {
    inset-inline-start: 100%;
  }
}