.SignIn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 448px;

  @media (max-width: 600px) {
    & {
      position: static;
      height: 100vh;
      width: 100%;
      transform: none;
      overflow: auto;
    }
  }

  >.key-content {
    height: 100%;

    >form {
      display: flex;
      flex-flow: column;
      gap: 16px;
    }
  }
}