discourse-custom-wizard/assets/stylesheets/wizard/wizard_custom_mobile.scss

@import 'wizard_variables';

.custom-wizard {
  .wizard-step-form {
    .wizard-btn {
      margin: 0;
    }
  }

  .wizard-step-description {
    .image-container {
      margin: 20px 0;
      padding: 0;
    }

    img.large {
      width: 150px;
      padding: 10px;
    }

    img.small {
      width: 60px;
      height: 60px;
      padding: 10px;
    }

    .tip {
      position: relative;
      display: inline-block;
      margin: 20px 0;
    }
  }

  .wizard-step-banner {
    max-height: 200px !important;
    width: initial !important;
  }

  .control-group {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  input, textarea {
    border: 1px solid #919191;
  }

  .wizard-column {
    .checkbox-field > label {
      max-width: 80%;
    }

    .wizard-field .field-description {
      display: flex;
      align-items: center;

      img {
        float: none;
      }

      i, span {
        flex: 1;
      }
    }
  }
}