.cm-login {
  grid-column: 1 / -1;
  padding-top: var(--cm-space-6);
}

.cm-login-card {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  border-left: var(--cm-border-width-accent) solid var(--cm-color-accent);
}

.cm-alert-error {
  margin-bottom: var(--cm-space-4);
  border: var(--cm-border-width) solid var(--cm-color-alert-error-border);
  border-radius: var(--cm-radius-md);
  background: var(--cm-color-alert-error-bg);
  color: var(--cm-color-alert-error-text);
  padding: var(--cm-space-3);
  font-size: var(--cm-font-size-sm);
}

.cm-login-submit {
  width: 100%;
}

@media (min-width: 48rem) {
  .cm-login-card {
    padding: var(--cm-space-8);
  }
}