.popup-login {
  overflow: hidden;

  .step:not([hidden]) {
    min-height: 20rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
  }

  .form-login {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;

    .label {
      font-weight: 700;
      font-size: 1.375rem;
      line-height: 1.625rem;
      text-align: center;
      color: #27282B;
    }

    .fieldset {
      align-items: center;
      gap: 1.125rem;
    }

    .button {
      margin-top: 2.5rem;
      width: 100%;
    }
  }

  .back {
    margin-top: .5rem;
  }

  .yandex-id {
    overflow: hidden;
    position: relative;
    margin-top: .5rem;

    .svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .another-login {
    margin: 3rem auto;
    display: block;
    background-color: transparent;
    border: none;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #151515;
  }
}