/* line 1, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  font-weight: var(--font-weight-normal);
  --font-family: Figtree, Roboto, Noto Sans Hebrew, Noto Kufi Arabic, Noto Sans JP, sans-serif;
  --title-font-family: Poppins, Roboto, Noto Sans Hebrew, Noto Kufi Arabic, Noto Sans JP, sans-serif;
  --font-h1: var(--font-weight-bold) var(--font-size-h1) / var(--font-line-height-h1) var(--title-font-family);
  --font-h2: var(--font-weight-bold) var(--font-size-h2) / var(--font-line-height-h2) var(--title-font-family);
  --font-h3: var(--font-weight-light) var(--font-size-h3) / var(--font-line-height-h3) var(--title-font-family);
  --font-h4: var(--font-weight-bold) var(--font-size-h4) / var(--font-line-height-h4) var(--title-font-family);
  --font-h5: var(--font-weight-bold) var(--font-size-h5) / var(--font-line-height-h5) var(--font-family);
  --font-general-label: var(--font-weight-normal) var(--font-size-general-label) / var(--font-line-height-general-label)
    var(--font-family);
  --font-paragraph: var(--font-weight-normal) var(--font-size-paragraph) / var(--font-line-height-paragraph)
    var(--font-family);
  --font-subtext: var(--font-weight-normal) var(--font-size-subtext) / var(--font-line-height-subtext)
    var(--font-family);
}

/* line 21, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body button, .soft-signup-react-body input {
  font-family: var(--font-family) !important;
}

/* line 25, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container {
  font-family: var(--font-family);
  height: 100%;
  width: 100%;
}

/* line 29, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container .soft-signup-form {
  height: 100%;
  width: 100%;
}

/* line 34, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container .react-signup-loader-wrapper,
.soft-signup-react-body .soft-signup-form-container .loader-wrapper {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

/* line 41, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container .react-signup-loader-wrapper .monday-loader-wrapper,
.soft-signup-react-body .soft-signup-form-container .loader-wrapper .monday-loader-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

/* line 46, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container .react-signup-loader-wrapper .monday-loader-wrapper img,
.soft-signup-react-body .soft-signup-form-container .loader-wrapper .monday-loader-wrapper img {
  width: 90px;
  height: 90px;
}

/* line 51, app/assets/stylesheets/soft_signup_react/index.scss */
.soft-signup-react-body .soft-signup-form-container .react-signup-loader-wrapper .monday-loader-wrapper .loader-text,
.soft-signup-react-body .soft-signup-form-container .loader-wrapper .monday-loader-wrapper .loader-text {
  font-size: 18px;
  font-weight: var(--font-weight-normal);
  color: #808080;
}