@import (reference) '../../style/themes/index.less';

@pro-form-step-form-prefix-cls: ~'@{ant-prefix}-pro-steps-form';

.@{pro-form-step-form-prefix-cls} {
  &-container {
    width: max-content;
    max-width: 100%;
    margin: auto;
  }

  &-steps-container {
    max-width: 1160px;
    margin: auto;
  }

  &-step {
    display: none;
    margin-top: 32px;

    &-active {
      display: block;
    }

    > form {
      width: max-content;
      max-width: 100%;
    }

    .@{ant-prefix}-form-vertical {
      > .@{ant-prefix}-form-item {
        max-width: max-content;

        .@{ant-prefix}-form-item-control {
          max-width: max-content;
        }
      }
    }
  }
}
