body.login-page .login-popup {
  border-radius: 1rem;
  padding: 2rem;
  width: 40%;
}
@media (max-width: 990px) {
  body.login-page .login-popup {
    width: 60%;
  }
}
@media (max-width: 700px) {
  body.login-page .login-popup {
    width: 90%;
  }
}
body.login-page .login-popup .popup-navbar {
  position: absolute;
  left: 2rem;
  bottom: 100%;
}
body.login-page .login-popup .popup-navbar .strip {
  display: inline-block;
  vertical-align: bottom;
  padding: 0.5rem 1rem 0.25rem 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  margin-right: 0.5rem;
  line-height: normal;
  color: var(--mv-primary-color, #0d4368);
  background-color: #fff;
}
body.login-page .login-popup .popup-navbar .strip:hover {
  color: var(--mv-primary-color-hover, #0d4368);
}
body.login-page .login-popup .popup-navbar .strip.selected {
  padding-bottom: 1.5rem;
  color: var(--mv-primary-color-hover, #0d4368);
}
body.login-page .login-popup .popup-navbar .strip > div {
  line-height: normal;
}
body.login-page .login-popup .popup-form {
  display: none;
}
body.login-page .login-popup .popup-form.selected {
  display: block;
}
body.login-page .login-popup h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: bold;
  color: var(--mv-primary-color, #0d4368);
}
body.login-page .login-popup .popup-body > div {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
body.login-page .login-popup .popup-body > div input {
  flex-grow: 1;
  border-radius: 2rem;
  padding-left: 1rem;
}
body.login-page .login-popup .popup-body .information {
  font-size: 80%;
  text-align: left;
}
body.login-page .login-popup button.popup-btn {
  margin-top: 1rem;
  border-radius: 1rem;
  background-color: var(--mv-primary-color, #0d4368);
}
body.login-page .login-popup button.popup-btn:hover {
  background-color: var(--mv-primary-color-hover, #0d4368);
}
body.login-page .page-header .container {
  padding-top: 30vh;
}
@media (max-width: 700px) {
  body.login-page .page-header .container {
    padding-top: 15vh;
  }
}
@media (max-width: 700px) {
  body.login-page .navbar .navbar-translate {
    width: 50%;
  }
}
body.login-page .navbar .navbar-translate .logo {
  max-height: 30vh;
}