@gravity-ui/uikit/build/esm/components/Stepper/Stepper.css

Gravity UI base styling and components

.g-stepper {
  --_--text-max-width: 180px;
  --_--step-gap: var(--g-stepper-gap, var(--g-spacing-2));
  list-style: none;
  display: flex;
  gap: var(--_--step-gap);
}
.g-stepper__list-item {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--_--step-gap);
  align-items: center;
}
.g-stepper__item {
  max-width: var(--g-stepper-item-text-max-width, var(--_--text-max-width));
}
.g-stepper__item_selected:not(.g-stepper__item_disabled) {
  --g-button-border-color: var(--g-color-line-brand);
}
.g-stepper__item_disabled {
  cursor: default;
}
.g-stepper__item_disabled .g-stepper__item-text {
  color: var(--g-color-text-hint);
}
.g-stepper__item-icon {
  width: 16px;
  height: 16px;
}
.g-stepper__item-icon_view_idle {
  color: var(--g-color-text-secondary);
}
.g-stepper__item-icon_view_error {
  color: var(--g-color-text-danger);
}
.g-stepper__item-icon_view_success {
  color: var(--g-color-text-positive);
}
.g-stepper__separator {
  display: flex;
  align-items: center;
  color: var(--g-color-text-secondary);
}