/* stylelint-disable */
.SimpleStepper {
  --simple-stepper-value-inline-size: 10%;
  --simple-stepper-step-border-radius: var(--border-radius-m);
  inline-size: 320px;
}
.SimpleStepper_fullWidth {
    inline-size: 100%;
  }
.SimpleStepper_size_l {
      --simple-stepper-step-block-size: 8px;
      --simple-stepper-step-border-radius: var(--border-radius-m);
      --simple-stepper-steps-margin-block-end: 28px;
    }
.SimpleStepper_size_l .SimpleStepper-Label {
        font: var(--typography-text-l_strong-font);
        text-transform: var(--typography-text-l_strong-text_transform, none);
        letter-spacing: var(--typography-text-l_strong-letter_spacing, 0);
      }
.SimpleStepper_size_l .SimpleStepper-Progress {
        font: var(--typography-text-l-font);
        text-transform: var(--typography-text-l-text_transform, none);
        letter-spacing: var(--typography-text-l-letter_spacing, 0);
      }
.SimpleStepper_size_m {
      --simple-stepper-step-block-size: 6px;
      --simple-stepper-step-border-radius: var(--border-radius-m);
      --simple-stepper-steps-margin-block-end: var(--spacing-4x);
    }
.SimpleStepper_size_m .SimpleStepper-Label {
        font: var(--typography-text-m_strong-font);
        text-transform: var(--typography-text-m_strong-text_transform, none);
        letter-spacing: var(--typography-text-m_strong-letter_spacing, 0);
      }
.SimpleStepper_size_m .SimpleStepper-Progress {
        font: var(--typography-text-m-font);
        text-transform: var(--typography-text-m-text_transform, none);
        letter-spacing: var(--typography-text-m-letter_spacing, 0);
      }
.SimpleStepper_size_s {
      --simple-stepper-step-block-size: 6px;
      --simple-stepper-step-border-radius: var(--border-radius-m);
      --simple-stepper-steps-margin-block-end: var(--spacing-4x);
    }
.SimpleStepper_size_s .SimpleStepper-Label {
        font: var(--typography-text-s_strong-font);
        text-transform: var(--typography-text-s_strong-text_transform, none);
        letter-spacing: var(--typography-text-s_strong-letter_spacing, 0);
      }
.SimpleStepper_size_s .SimpleStepper-Progress {
        font: var(--typography-text-s-font);
        text-transform: var(--typography-text-s-text_transform, none);
        letter-spacing: var(--typography-text-s-letter_spacing, 0);
      }
.SimpleStepper-Steps {
    display: flex;
    gap: var(--spacing-1x);
    -webkit-margin-after: var(--simple-stepper-steps-margin-block-end);
            margin-block-end: var(--simple-stepper-steps-margin-block-end);
  }
.SimpleStepper-Step {
    --simple-stepper-step-bg-color: var(--color-background-base-secondary);
    flex-grow: 1;
    block-size: var(--simple-stepper-step-block-size);
    border-radius: var(--simple-stepper-step-border-radius);
    background-color: var(--simple-stepper-step-bg-color);
    inline-size: 100%;
  }
.SimpleStepper-Step_completed {
      --simple-stepper-step-bg-color: var(--color-background-accent-default);
    }
.SimpleStepper-Step_current .SimpleStepper-Value {
      will-change: inline-size;
      inline-size: var(--simple-stepper-value-inline-size);
      min-inline-size: var(--simple-stepper-step-border-radius);
      block-size: inherit;
      background-color: var(--color-background-accent-default);
      border-radius: var(--simple-stepper-step-border-radius);
      transition: inline-size var(--transition-default);
    }
.SimpleStepper-Hint {
    display: flex;
    inline-size: 100%;
    justify-content: space-between;
  }
.SimpleStepper-Progress {
    color: var(--color-content-base-primary);
  }
.SimpleStepper-Length {
    color: var(--color-content-base-tertiary);
  }