app-wizard.rootapp-wizard.step.active {
  --wm-wizard-step-indicator-background: var(--wm-color-secondary);
  --wm-wizard-step-count-color: var(--wm-color-on-secondary);
  --wm-wizard-step-icon-color: var(--wm-color-on-secondary);
  --wm-wizard-step-title-color: var(--wm-color-on-surface);
  --wm-wizard-step-title-font-family: var(--wm-label-large-font-family);
  --wm-wizard-step-title-font-weight: var(--wm-font-weight-semibold);
  --wm-wizard-step-title-font-size: var(--wm-label-large-font-size);
  --wm-wizard-step-title-line-height: var(--wm-label-large-line-height);
  --wm-wizard-step-title-letter-spacing: var(--wm-label-large-letter-spacing);
}

app-wizard.rootapp-wizard.step.active {
  --wm-wizard-step-indicator-background: var(--wm-color-success);
  --wm-wizard-step-count-color: var(--wm-color-on-secondary);
  --wm-wizard-step-icon-color: var(--wm-color-on-secondary);
  --wm-wizard-step-title-color: var(--wm-color-on-surface);
  --wm-wizard-step-title-font-family: var(--wm-label-large-font-family);
  --wm-wizard-step-title-font-weight: var(--wm-font-weight-semibold);
  --wm-wizard-step-title-font-size: var(--wm-label-large-font-size);
  --wm-wizard-step-title-line-height: var(--wm-label-large-line-height);
  --wm-wizard-step-title-letter-spacing: var(--wm-label-large-letter-spacing);
}

vertical {
  --wm-wizard-heading-width: 200px;
  --wm-wizard-heading-border-radius: var(--wm-wizard-radius) var(--wm-radius-none) var(--wm-radius-none) var(--wm-wizard-radius);
  --wm-wizard-heading-padding: var(--wm-space-7) var(--wm-space-7) var(--wm-space-0)  var(--wm-space-7);
  --wm-wizard-connector-height: 100%;
}

dottedstepper {
  --wm-wizard-step-size: var(--wm-space-2);
  --wm-wizard-step-indicator-background: none;
}