.login__title {
  grid-column: 2 / -2;
  padding: 0 10px;
  margin-top: 42px;
  margin-bottom: 33px;
}

  @media (min-width: 769px) {.login__title {
    grid-column: 4 / -4;
    padding: 0;
    margin-top: 76px;
    margin-bottom: 48px
}
  }

.login__wrapper {
  grid-column: 2 / -2;
  padding: 0 10px;
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 769px) {

.login__wrapper {
    grid-column: 8 / -8
}
  }

@media (min-width: 993px) {

.login__wrapper {
    grid-column: 10 / -10;
    margin-bottom: 25px
}
  }

.login__input {
  margin-bottom: 20px;
}

@media (min-width: 769px) {

.login__input {
    margin-bottom: 25px
}
  }

.login__submit {
  margin: 0 auto;
  width: 250px;
}

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

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

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

.login__success_visible {
  display: block;
}

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