
.app-wizard {
  background-color: var(--wm-wizard-background-color);
  border-radius: var(--wm-wizard-border-radius);
  box-shadow: var(--wm-wizard-box-shadow);
  padding-top: var(--wm-wizard-padding-top);
  padding-bottom: var(--wm-wizard-padding-bottom);
  padding-left: var(--wm-wizard-padding-left);
  padding-right: var(--wm-wizard-padding-right);
  gap: var(--wm-wizard-gap);
}

.app-wizard-header {
  background-color: var(--wm-wizard-heading-background-color);
  border-radius: var(--wm-wizard-heading-radius);
  padding-top: var(--wm-wizard-heading-padding-top);
  padding-bottom: var(--wm-wizard-heading-padding-bottom);
  padding-left: var(--wm-wizard-heading-padding-left);
  padding-right: var(--wm-wizard-heading-padding-right);
}

.app-wizard-done-step {
  background-color: var(--wm-wizard-step-indicator-background-color);
  border-color: var(--wm-wizard-step-indicator-border-color);
  color: var(--wm-wizard-step-icon-color);
}

.app-wizard-active-step-counter {
  color: var(--wm-wizard-step-count-color);
}

.app-wizard-active-step {
  background-color: var(--wm-wizard-step-indicator-background-color);
  border-color: var(--wm-wizard-step-indicator-border-color);
  color: var(--wm-wizard-step-count-color);
}

.app-wizard-body {
  height: var(--wm-wizard-body-height);
  padding-top: var(--wm-wizard-body-padding-top);
}

.app-wizard-step-title {
  color: var(--wm-wizard-step-title-color);
  font-family: var(--wm-wizard-step-title-font-family);
  font-weight: var(--wm-wizard-step-title-font-weight);
  font-size: var(--wm-wizard-step-title-font-size);
  line-height: var(--wm-wizard-step-title-line-height);
  letter-spacing: var(--wm-wizard-step-title-letter-spacing);
}

.app-wizard-step-sub-title {
  color: var(--wm-wizard-step-description-color);
  font-family: var(--wm-wizard-step-description-font-family);
  font-weight: var(--wm-wizard-step-description-font-weight);
  font-size: var(--wm-wizard-step-description-font-size);
  line-height: var(--wm-wizard-step-description-line-height);
  letter-spacing: var(--wm-wizard-step-description-letter-spacing);
}

.app-wizard-step {
  width: var(--wm-wizard-step-indicator-size);
  height: var(--wm-wizard-step-indicator-size);
  background-color: var(--wm-wizard-step-indicator-background-color);
  border-width: var(--wm-wizard-step-indicator-border-width);
  border-style: var(--wm-wizard-step-indicator-border-style);
  border-color: var(--wm-wizard-step-indicator-border-color);
  border-radius: var(--wm-wizard-step-indicator-border-radius);
  gap: var(--wm-wizard-step-gap);
}

.app-wizard-step-counter {
  color: var(--wm-wizard-step-count-color);
  font-family: var(--wm-wizard-step-count-font-family);
  font-size: var(--wm-wizard-step-count-font-size);
  font-weight: var(--wm-wizard-step-count-font-weight);
  line-height: var(--wm-wizard-step-count-line-height);
}

.app-wizard-step-icon.text {
  color: var(--wm-wizard-step-icon-color);
  font-size: var(--wm-wizard-step-icon-size);
}

.app-wizard-step-icon.icon {
  color: var(--wm-wizard-step-icon-color);
}

.app-wizard-step-connector {
  width: var(--wm-wizard-step-connector-width);
  background-color: var(--wm-wizard-step-connector-color);
  border-style: var(--wm-wizard-step-connector-style);
}

@import (optional) url('../variables/wizard.variant.less');