.register {
  grid-column: 5 / -5;
  padding: 0 20px 52px;
}

  @media (min-width: 769px) {.register {
    display: grid;
    grid-column: 4 / -4;
    grid-template-areas:
      'title title'
      'descr form';
    grid-template-columns: 270px 450px;
    grid-column-gap: 80px;
    padding: 0 0 108px
}
  }

@media (min-width: 769px) {

.section-title.register__title {
    grid-area: title;
    margin-bottom: 67px
}
  }

.register__descr {
  margin: 0 0 20px;
  color: var(--color-primary-dark);
  line-height: var(--line-height-normal);
  font-size: var(--font-size-text-m);
  text-align: left;
}

@media (min-width: 769px) {

.register__descr {
    grid-area: descr;
    margin: 0
}
  }

.register__form {
  position: relative;
}

@media (min-width: 769px) {

.register__form {
    padding-top: 6px;
    grid-area: form
}
  }

.register__input {
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 769px) {

.register__input {
    flex-basis: 280px;
    margin-bottom: 0
}
  }

.register__input:not(:last-of-type) {
  margin-bottom: 25px;
}

@media (min-width: 769px) {

.register__input:not(:last-of-type) {
    margin-bottom: 25px
}
  }

@media (min-width: 769px) {

.register__inner {
    display: flex;
    justify-content: space-between
}
  }

.register__inner .register__wrappered-input,
.register__inner .select {
  width: 100%;
  max-width: 550px;
  margin-bottom: 20px;
}

.register__inner .register__wrappered-input:last-child, .register__inner .select:last-child {
    margin-bottom: 0;
  }

@media (min-width: 769px) {

.register__inner .register__wrappered-input,
.register__inner .select {
    margin-bottom: 0;
    height: 37px;
    width: 100%;
    max-width: calc(50% - 10px)
}
  }

.register__submit {
  width: 100%;
}

@media (min-width: 769px) {

.register__submit {
    flex-basis: 150px
}
  }

@media (min-width: 769px) {

.register-form__error {
    position: absolute;
    top: 100%
}
  }

.register__success {
  opacity: 0;
  position: absolute;
  bottom: calc(100% + 18px);
  visibility: hidden;
  transition: opacity 0.2s ease-in;
}

.register__success_visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-out;
  }

.register__preloader {
  left: calc(50% - 15px);
  top: 3px;
}

@media (min-width: 769px) {

.register__preloader {
    left: calc(140px - 15px);
    top: calc(50% - 15px)
}
  }

/*# sourceMappingURL=register.css.map*/