.mx_ServerPicker {
  display: none !important;
}

html.vmss-auth body,
html.vmss-auth #matrixchat,
html.vmss-auth .mx_AuthPage,
html.vmss-auth .mx_AuthPage_background {
  background-color: #17202a !important;
  background-image: linear-gradient(rgba(8, 15, 22, 0.34), rgba(8, 15, 22, 0.5)), var(--vmss-auth-wallpaper) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html.vmss-auth .mx_AuthPage_modal,
html.vmss-auth .mx_AuthPage_modalContent {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px);
}

@media (max-width: 700px), (orientation: portrait) {
  html.vmss-auth .mx_AuthPage,
  html.vmss-auth .mx_AuthPage_background {
    background-position: center top !important;
  }
}

@media (max-width: 700px) {
  html.vmss-auth,
  html.vmss-auth body,
  html.vmss-auth #matrixchat {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html.vmss-auth .mx_AuthPage {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html.vmss-auth .mx_AuthPage_modal,
  html.vmss-auth .mx_AuthPage_modalContent,
  html.vmss-auth .mx_AuthBody {
    width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    max-width: 500px !important;
    box-sizing: border-box !important;
  }

  html.vmss-auth .mx_AuthPage_modal {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html.vmss-auth .mx_AuthPage_modalContent,
  html.vmss-auth .mx_AuthBody,
  html.vmss-auth .mx_AuthBody form,
  html.vmss-auth .mx_AuthBody_fieldRow,
  html.vmss-auth .mx_AuthBody_fieldRow > *,
  html.vmss-auth .mx_AuthBody input,
  html.vmss-auth .mx_AuthBody button {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.vmss-auth .mx_AuthBody_fieldRow {
    width: 100% !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html.vmss-auth .mx_AuthBody_fieldRow input,
  html.vmss-auth .mx_AuthBody_fieldRow button {
    width: 100% !important;
  }
}

@media (max-height: 600px) {
  html.vmss-auth .mx_AuthPage {
    align-items: flex-start !important;
    min-height: 100% !important;
    height: 100% !important;
  }

  html.vmss-auth .mx_AuthPage_modal {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}