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

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

.login__item {
  font-size: var(--font-size-text-15);
  color: var(--color-caution);
  text-align: center;
}

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

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

@media (min-width: 769px) {

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

.login__form {
  padding-bottom: 15px;
}

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

@media (min-width: 769px) {

.login__input {
    margin-bottom: 25px
}
  }

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

.login__text {
  font-size: var(--font-size-text-16);
  color: var(--color-black);
  text-align: center;
  padding: 10px;
}

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

.login__success {
  position: absolute;
  display: none;
  bottom: 52px;
}

.login__success_visible {
  display: block;
}

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