.registration-form {
  --gap: 8.5333333333vw;
  --side-padding: var(--main-layout-side-padding);
}
@media (min-width: 720px) {
  .registration-form {
    --gap: 3.125vw;
  }
}
@media (min-width: 720px) {
  .registration-form {
    --side-padding: 0;
  }
}
@media (min-width: 1281px) {
  .registration-form {
    --gap: 2.0833333333vw;
  }
}
@media (min-width: 1281px) {
  .registration-form {
    --side-padding: 0;
  }
}
@media (min-width: 2400px) {
  .registration-form {
    --gap: 50px;
  }
}
@media (min-width: 2400px) {
  .registration-form {
    --side-padding: 0;
  }
}
.registration-form {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: 0 var(--side-padding);
}
.registration-form__heading {
  --gap: 4.2666666667vw;
}
@media (min-width: 720px) {
  .registration-form__heading {
    --gap: 2.5vw;
  }
}
@media (min-width: 1281px) {
  .registration-form__heading {
    --gap: 1.6666666667vw;
  }
}
@media (min-width: 2400px) {
  .registration-form__heading {
    --gap: 40px;
  }
}
.registration-form__heading {
  display: flex;
  gap: var(--gap);
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.registration-form__form {
  --width: 100%;
  --gap: 7.4666666667vw;
  --align-items: stretch;
}
@media (min-width: 720px) {
  .registration-form__form {
    --width: 41.40625vw;
  }
}
@media (min-width: 720px) {
  .registration-form__form {
    --gap: 1.875vw;
  }
}
@media (min-width: 720px) {
  .registration-form__form {
    --align-items: center;
  }
}
@media (min-width: 1281px) {
  .registration-form__form {
    --width: 27.6041666667vw;
  }
}
@media (min-width: 1281px) {
  .registration-form__form {
    --gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .registration-form__form {
    --align-items: center;
  }
}
@media (min-width: 2400px) {
  .registration-form__form {
    --width: 662.5px;
  }
}
@media (min-width: 2400px) {
  .registration-form__form {
    --gap: 30px;
  }
}
@media (min-width: 2400px) {
  .registration-form__form {
    --align-items: center;
  }
}
.registration-form__form {
  display: flex;
  flex-direction: column;
  align-items: var(--align-items);
  width: var(--width);
  gap: var(--gap);
}
.registration-form__field {
  width: 100%;
}