/* Keep the fixed web authentication layer inside narrow mobile viewports. */
body[data-client="web"] {
  overflow-x: hidden;
}

.web-auth {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}

.web-auth-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  min-width: 0;
}

.web-auth-card form,
.web-auth-card label,
.web-auth-card input,
.web-auth-tabs,
.web-captcha,
.web-captcha > * {
  min-width: 0;
}

@media (max-width: 380px) {
  .web-auth {
    padding-inline: 14px;
  }

  .web-captcha {
    grid-template-columns: minmax(0, 1.35fr) minmax(76px, 0.65fr);
  }
}