
.app-wizard {
  background-color: var(--wm-wizard-background);
  border-radius: var(--wm-wizard-radius);
  box-shadow: var(--wm-wizard-shadow);
  padding: var(--wm-wizard-padding);
  gap: var(--wm-wizard-gap);
  min-height: var(--wm-wizard-min-height);
}

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

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

.app-wizard-footer {
  background-color: var(--wm-wizard-stepper-footer-background);
  padding: var(--wm-wizard-footer-padding);
}

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

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

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

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

.app-wizard-step-sub-title {
  color: var(--wm-color-primary);
}

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

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

.app-wizard-action {
  margin-right: var(--wm-wizard-actions-margin-right);
}

.app-wizard-next-btn {
  padding-right: var(--wm-wizard-actions-padding-right);
}

.app-wizard-prev-btn {
  background-color: var(--wm-btn-default-background);
  color: var(--wm-btn-default-state-layer-color);
  padding-left: var(--wm-wizard-btn-prev-btn-padding-left);
}

.app-wizard-cancel-btn {
  min-height: var(--wm-wizard-btn-cancel-btn-min-height);
}

.app-wizard-done-btn {
  background-color: var(--wm-btn-default-background);
  color: var(--wm-btn-default-state-layer-color);
}

.app-wizard-skip-link {
}

.app-wizard-step-menu-label {
  color: var(--wm-wizard-step-active-label-text-color);
}

.app-wizard-step-menu-active-label {
  color: var(--wm-color-primary);
}

.app-wizard-step-menu-icon {
  padding-right: var(--wm-space-1);
}

.app-wizard-step-menu-active-icon {
  padding-right: var(--wm-space-1);
}

.app-wizard-step-menu {
}

.app-wizard-step-menu-active {
}

.app-wizard-step-wrapper {
}

.app-wizard-step-title-wrapper {
}

.app-wizard-progress-circle {
}

.app-wizard-step-popover {
}

.app-wizard-step-icon {
}

.app-wizard-step-icon .app-icon-shape {
}

.app-wizard-number-text-step-connector {
}

.app-wizard-active-step-counter {
}

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