/* Generated by brand/scripts/build-components.mjs from brand/components/. Do not edit. Load public/tokens/tokens.css first. */

/* One-column page: the sign-in, the account, a claim or a notice. The logo file on top, a title and a narrow column
   centered on the screen's background. It follows the system's mode through the tokens. */
.nu-page {
  display: flex;
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0;
  align-items: center;
  justify-content: center;
  background: var(--nu-color-background);
  font-family: var(--nu-font-family-sans);
  font-size: var(--nu-size-body);
  font-weight: var(--nu-font-weight-regular);
  color: var(--nu-color-ink);
}

.nu-page__main {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--nu-layout-page-narrow);
  padding: var(--nu-space-32) var(--nu-space-16);
}

.nu-page__logo {
  display: block;
  margin-bottom: var(--nu-space-32);
}

.nu-page__logo img {
  display: block;
  width: auto;
}

.nu-page__title {
  margin: 0 0 var(--nu-space-24);
  font-size: var(--nu-size-page-title);
  font-weight: var(--nu-font-weight-regular);
  line-height: var(--nu-font-line-height-tight);
}

.nu-page__subtitle {
  margin: var(--nu-space-32) 0 var(--nu-space-8);
  font-size: var(--nu-size-subtitle);
  font-weight: var(--nu-font-weight-regular);
}

/* The form and the buttons under it, one under the other. */
.nu-page__stack {
  display: flex;
  flex-direction: column;
  gap: var(--nu-space-16);
  margin: 0;
}

/* "or" between two ways in, with a line to each side. */
.nu-page__divider {
  display: flex;
  align-items: center;
  gap: var(--nu-space-12);
  margin: var(--nu-space-24) 0 var(--nu-space-8);
  font-size: var(--nu-size-small);
  color: var(--nu-color-muted);
}

.nu-page__divider::before,
.nu-page__divider::after {
  flex: 1;
  border-top: var(--nu-border-width) solid var(--nu-color-border);
  content: "";
}

/* A list of rows with a line under each (the companies of an account). */
.nu-page__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nu-page__list > li {
  border-bottom: var(--nu-border-width) solid var(--nu-color-border);
  padding: var(--nu-space-8) 0;
}