/* wizard component styles and tokens */
@import (optional) url('../../../../components/container/wizard.less');
@import (optional) url('../../../../generated/variables/mobile/components/wizard.variant.less');
.app-wizard {
  .app-wizard-actions {
    display: flex;
    flex-direction: row;
    align-items: center;

    .btn {
      --wm-btn-min-width: 112px;
    }
    &.right {
      justify-content: flex-end;
    }
    .app-wizard-actions-right {
      display: flex;
      flex-direction: row;
    }
  }
}

.app-wizard.number {
  > .app-wizard-heading {
    .app-wizard-steps {
      .app-wizard-step.app-wizard-step::before {
        border-top: var(--wm-wizard-step-connector-width) var(--wm-wizard-step-connector-style) var(--wm-wizard-step-connector-color);
      }
    }
  }
}