.reset-page__wrapper {
  grid-column: 3 / -3;
  margin: 0 0 80px;
  padding: 0;
  display: grid;
}

  @media (min-width: 1001px) {.reset-page__wrapper {
    grid-template-columns: 266px auto;
    grid-column-gap: 30px
}
  }

.reset__title {
  padding: 0 10px;
  margin: 0 0 34px;
}

@media (min-width: 769px) {

.reset__title {
    padding: 0;
    margin: 0 0 34px
}
  }

.reset__wrapper {
  background-color: var(--color-white);
  box-shadow: var(--shadow-block);
  position: relative;
  padding: 30px;
}

.reset__input {
  margin: 0 auto 20px;
  max-width: 350px;
}

@media (min-width: 769px) {

.reset__input {
    margin-bottom: 25px
}
  }

.reset__submit {
  background-color: var(--color-default);
  border: 2px solid  var(--color-default);
  color: var(--color-black);
  margin: 0 auto;
  width: 150px;
}

.reset__text {
  font-size: var(--font-size-text-16);
  color: var(--color-black);
  text-align: center;
}

.reset__link {
  font-size: var(--font-size-text-16);
  color: var(--color-black);
}

.reset__success {
  left: calc(50% - 210px);
  position: absolute;
  display: none;
  bottom: 52px;
  z-index: 200;
}

.reset__success::before {
    display: none;
  }

.reset__success::after {
    display: none;
  }

.reset__success_visible {
  display: block;
}

.reset__preloader {
  background-color: var(--color-preloader);
  height: 100%;
  width: 100%;
  left: 0;
}

.reset__preloader::after {
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    position: absolute;
  }

/*# sourceMappingURL=password-reset.css.map*/