/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/components/sections/auth/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.auth {
  background-color: var(--color-white);
}

@media (max-width: 768px) {
  .auth__login, .auth__register {
    padding: 0 0 45px;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .auth__login, .auth__register {
    padding: 0 0 60px;
  }
}
@media (min-width: 1280px) {
  .auth__login, .auth__register {
    padding: 30px 0 90px;
  }
}
.auth .cols {
  width: 100%;
}

@media (max-width: 896px) {
  .auth .cols {
    flex-wrap: wrap;
  }
}
.auth .col {
  width: 50%;
}

@media (max-width: 896px) {
  .auth .col {
    width: 100%;
  }
}
.auth .wrapper__form {
  max-width: 420px;
  padding: 40px 0;
}

@media (min-width: 529px) and (max-width: 896px) {
  .auth .wrapper__form {
    max-width: 100%;
  }
}
.auth .wrapper__form h2 {
  margin-bottom: 20px;
}

.auth .wrapper__form .form_field__group:last-child {
  margin-top: 15px;
}

@media (max-width: 528px) {
  .auth .wrapper__form .form_field__row {
    width: 100%;
  }
}
.auth .wrapper__text {
  height: 100%;
  background-color: var(--color-athens-gray);
  border-radius: var(--border-radius-sm);
  padding: 40px;
}

@media (max-width: 528px) {
  .auth .wrapper__text {
    padding: 20px 15px;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .auth .wrapper__text {
    padding: 30px;
  }
}
.auth .wrapper__text ol {
  margin: 15px 0;
  padding-left: 30px;
}

.auth .wrapper__text ol li {
  display: list-item;
  color: var(--color-mine-shaft-light);
  list-style-type: disc;
  padding: 5px 0;
}