/* [project]/apps/web/components/auth/auth-brand.css [app-client] (css) */
[data-auth-brand][data-theme="ice"] {
  --auth-focus: 2px;
  --auth-ease: cubic-bezier(.22, 1, .36, 1);
  --auth-hover: .18s;
  --foreground: var(--auth-ink);
  --card-foreground: var(--auth-ink);
  --popover-foreground: var(--auth-ink);
  --muted-foreground: var(--auth-muted-strong);
  --destructive: var(--auth-error);
  --danger: var(--auth-error);
  --border: var(--auth-line);
  --ring: var(--auth-ink);
  --card: var(--auth-card);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}

[data-auth-brand] .auth-logo {
  color: var(--auth-ink);
  border-radius: 2px;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

[data-auth-brand] .auth-logo__mark, [data-auth-brand] .auth-logo__word {
  forced-color-adjust: none;
  background-color: currentColor;
  display: block;
}

[data-auth-brand] .auth-logo__mark {
  width: 28px;
  height: 28.2px;
  -webkit-mask: url("/auth/north-mark-nav.svg") center / contain no-repeat;
  mask: url("/auth/north-mark-nav.svg") center / contain no-repeat;
}

[data-auth-brand] .auth-logo__word {
  width: 64px;
  height: 11.4px;
  -webkit-mask: url("/auth/north-wordmark.svg") center / contain no-repeat;
  mask: url("/auth/north-wordmark.svg") center / contain no-repeat;
}

[data-auth-brand] :is(h1, h2) {
  font-variation-settings: normal;
  font-weight: 400;
}

[data-auth-brand] h1 {
  line-height: 1.25;
}

[data-auth-brand] .auth-small {
  color: var(--auth-muted-strong);
  font-size: 12px;
  line-height: 20px;
}

[data-auth-brand] .auth-eyebrow {
  font-family: var(--font-label, var(--font-mono));
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
}

[data-auth-brand] [data-slot="field-label"] {
  font-family: var(--font-label, var(--font-mono));
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--auth-muted-strong);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

[data-auth-brand] [data-slot="field-description"] {
  font-size: 13px;
  line-height: 20px;
}

[data-auth-brand] .auth-surface, [data-auth-brand] [data-slot="card"] {
  border: 1px solid var(--auth-line);
  background-color: var(--auth-card);
  box-shadow: var(--auth-shadow-card);
  border-radius: 16px;
}

[data-auth-brand] [data-slot="input"] {
  border: 1px solid var(--auth-control);
  background-color: var(--auth-light);
  height: 48px;
  color: var(--auth-ink);
  box-shadow: none;
  border-radius: 8px;
  padding-inline: 14px;
  font-size: 16px;
  transition: none;
}

[data-auth-brand] [data-slot="input"]::placeholder {
  color: var(--auth-muted-strong);
}

@media (hover: hover) {
  [data-auth-brand] [data-slot="input"]:hover:not(:disabled, :focus-visible) {
    border-color: var(--auth-control-hover);
  }
}

[data-auth-brand] [data-slot="input"][aria-invalid="true"] {
  border-color: var(--auth-error);
}

[data-auth-brand] [data-slot="button"]:not([data-variant="link"]) {
  letter-spacing: .14px;
  height: auto;
  min-height: 48px;
  transition: transform var(--auth-hover) var(--auth-ease);
  border-radius: 3px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}

[data-auth-brand] [data-slot="button"][data-variant="default"]:not(:disabled) {
  background-color: var(--auth-button);
  color: var(--auth-light);
  box-shadow: var(--auth-shadow-button);
  border-color: #0000;
}

[data-auth-brand] [data-slot="button"][data-variant="outline"]:not(:disabled) {
  border-color: var(--auth-button-hover);
  background-color: var(--auth-light);
  color: var(--auth-ink);
  box-shadow: var(--auth-shadow-button);
}

@media (hover: hover) {
  [data-auth-brand] [data-slot="button"][data-variant="default"]:not(:disabled):hover {
    background-color: var(--auth-button-hover);
  }

  [data-auth-brand] [data-slot="button"][data-variant="outline"]:not(:disabled):hover {
    background-color: var(--auth-light-hover);
  }
}

[data-auth-brand] [data-slot="button"]:not([data-variant="link"]):active {
  transform: scale(.98);
}

[data-auth-brand] [data-slot="input"]:focus-visible {
  border-color: var(--auth-ink);
  box-shadow: 0 0 0 var(--auth-focus) var(--auth-light), 0 0 0 calc(var(--auth-focus) * 2) var(--auth-ink);
  outline: none;
}

[data-auth-brand] [data-slot="button"]:is([data-variant="default"], [data-variant="outline"]):focus-visible {
  box-shadow: 0 0 0 var(--auth-focus) var(--auth-light), 0 0 0 calc(var(--auth-focus) * 2) var(--auth-ink);
  outline: none;
}

[data-auth-brand] :is(a, button):not([data-slot="button"]):focus-visible, [data-auth-brand] [data-slot="button"][data-variant="link"]:focus-visible {
  outline: var(--auth-focus) solid var(--auth-ink);
  outline-offset: 3px;
  box-shadow: none;
  border-radius: 2px;
}

[data-auth-brand] .auth-hero {
  background-color: var(--auth-button);
}

[data-auth-brand] .auth-hero__scrim {
  background: linear-gradient(to top, var(--auth-scrim-strong) 0%, var(--auth-scrim-soft) 38%, var(--auth-scrim-clear) 62%);
}

[data-auth-brand] .auth-hero__copy {
  color: var(--auth-light);
}

[data-auth-brand] .auth-hero__line {
  max-width: 22ch;
  text-shadow: var(--auth-text-shadow);
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
}

@media (prefers-reduced-motion: reduce) {
  [data-auth-brand] [data-slot="button"]:not([data-variant="link"]) {
    transition: none;
  }

  [data-auth-brand] [data-slot="button"]:not([data-variant="link"]):active {
    transform: none;
  }
}

/*# sourceMappingURL=apps_web_components_auth_auth-brand_e8017744.css.map*/