body {
  background-color: #4493FF;
  --font-family-main: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-family: var(--font-family-main);
}

.main-block {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 568px) {
  .main-block {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.main-block .left {
  flex: 1;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 64px;
  color: white;
}
@media only screen and (max-width: 568px) {
  .main-block .left {
    flex: 0;
    position: absolute;
    display: block;
    top: 0;
  }
}
.main-block .right {
  display: flex;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-block input {
  background-color: transparent;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: white;
}
.main-block .r-InputGroup {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border-width: 1px;
}
.main-block .r-InputGroup:focus-within {
  border-color: white;
}
.main-block .r-InputGroup button, .main-block .r-InputGroup button:active, .main-block .r-InputGroup button:hover, .main-block .r-InputGroup .r-InputGroup-Toolbar {
  background-color: transparent;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: lightgray;
}
.main-block .r-InputGroup button:hover {
  color: white;
}
.main-block .login-btn button {
  background-color: #2982ff;
  border-color: white;
  color: white;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  height: 44px;
}
.main-block .login-btn button:disabled {
  color: lightgray;
  border-color: lightgray;
  background-color: transparent;
}
.main-block .r-InputGroup-Placeholder {
  color: white;
}
.main-block form {
  max-width: 350px;
}
@media only screen and (max-width: 568px) {
  .main-block form {
    max-width: calc(100vw - 50px);
    max-width: calc(100svw - 50px);
    width: calc(100vw - 50px);
    width: calc(100svw - 50px);
  }
}