/* [project]/src/components/auth/auth.css [app-client] (css) */
.dw-auth-page {
  min-height: 100dvh;
  position: relative;
}

@media (min-width: 768px) {
  .dw-auth-page {
    height: 100dvh;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .dw-auth-page {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}

.dw-auth-page__left-panel {
  height: 100%;
  padding: var(--space-10);
  flex-direction: column;
  display: none;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .dw-auth-page__left-panel {
    display: flex;
  }
}

.dw-auth-page__art-bg {
  z-index: var(--z-base);
  position: absolute;
  inset: 0;
}

.dw-auth-page__art-img {
  object-fit: cover;
  object-position: center;
}

.dw-auth-page__art-overlay {
  background: linear-gradient(to bottom, color-mix(in oklch, var(--palette-neutral-0) var(--mix-medium), transparent), color-mix(in oklch, var(--palette-neutral-0) var(--mix-faint), transparent) 45%, color-mix(in oklch, var(--palette-neutral-0) var(--mix-half), transparent));
  position: absolute;
  inset: 0;
}

.dw-auth-page__left-logo {
  z-index: var(--z-dropdown);
  position: relative;
}

.dw-auth-page__org-logo {
  width: auto;
  height: var(--space-9);
}

.dw-auth-page__quote-wrapper {
  z-index: var(--z-dropdown);
  margin-top: auto;
  position: relative;
}

.dw-auth-page__blockquote {
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-width) var(--border-style-solid) color-mix(in oklch, var(--palette-neutral-100) var(--mix-light), transparent);
  border-radius: var(--radius-field);
  background-color: color-mix(in oklch, var(--palette-slate-13) var(--mix-half), transparent);
  box-shadow: var(--shadow-popover);
  backdrop-filter: blur(var(--blur-md));
  color: var(--palette-neutral-100);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__blockquote-footer {
  color: color-mix(in oklch, var(--palette-neutral-100) var(--mix-high), transparent);
}

.dw-auth-page__left-centered {
  justify-content: center;
  align-items: center;
  gap: var(--space-6);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.dw-auth-page__left-org-logo {
  width: auto;
  height: auto;
}

.dw-auth-page__variant-line {
  width: var(--space-32);
}

.dw-auth-page__variant-tagline {
  max-width: var(--measure-xs);
  text-align: center;
  color: var(--dw-auth-card-ink, var(--muted-foreground));
}

.dw-auth-page__left-panel[data-identity-card] {
  --dw-auth-card-bg: color-mix(in oklch, var(--background) var(--mix-almost), transparent);
  --dw-auth-card-border: color-mix(in oklch, var(--border) var(--mix-half), transparent);
}

.dw-auth-page__left-panel[data-identity-card="light"] {
  --dw-auth-card-bg: color-mix(in oklch, var(--palette-neutral-100) var(--mix-almost), transparent);
  --dw-auth-card-border: color-mix(in oklch, var(--palette-slate-13) var(--mix-light), transparent);
  --dw-auth-card-ink: color-mix(in oklch, var(--palette-slate-13) var(--mix-high), transparent);
}

.dw-auth-page__left-panel[data-identity-card="dark"] {
  --dw-auth-card-bg: color-mix(in oklch, var(--palette-slate-13) var(--mix-high), transparent);
  --dw-auth-card-border: color-mix(in oklch, var(--palette-neutral-100) var(--mix-light), transparent);
  --dw-auth-card-ink: color-mix(in oklch, var(--palette-neutral-100) var(--mix-almost), transparent);
}

.dw-auth-page__left-centered[data-identity-card-surface] {
  background: var(--dw-auth-card-bg);
  backdrop-filter: blur(var(--blur-md));
  border: var(--border-width) var(--border-style-solid) var(--dw-auth-card-border);
  border-radius: var(--radius-panel);
  padding: var(--space-8) var(--space-10);
  position: relative;
}

.dw-auth-page__right-panel {
  min-height: 100dvh;
  padding-inline: var(--space-8);
  padding-block: var(--space-12);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.dw-auth-page__home-btn {
  left: var(--space-5);
  top: var(--space-7);
  position: absolute;
}

.dw-auth-page__theme-toggle {
  right: var(--space-8);
  top: var(--space-7);
  position: absolute;
}

.dw-auth-page__form-container {
  width: 100%;
  max-width: var(--measure-sm);
  gap: var(--space-4);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.dw-auth-page__form-container[data-width="wide"] {
  max-width: var(--measure-lg);
}

.dw-auth-page__mobile-logo-wrapper {
  justify-content: center;
  display: flex;
}

@media (min-width: 1024px) {
  .dw-auth-page__mobile-logo-wrapper {
    display: none;
  }
}

.dw-auth-page__mobile-org-logo {
  width: auto;
  height: auto;
}

.dw-auth-page__neutral-mark {
  width: var(--space-48);
  height: auto;
}

.dw-auth-page__neutral-mark[data-placement="mobile"] {
  width: var(--space-32);
}

.dw-auth-page__header {
  align-items: center;
  gap: var(--space-2);
  text-align: center;
  flex-direction: column;
  padding-block-end: var(--space-5);
  display: flex;
}

.dw-auth-page__sso-stack {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__sso-btn, .dw-auth-page__submit-btn {
  width: 100%;
}

.dw-auth-page__divider {
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  display: flex;
}

.dw-auth-page__divider-line {
  flex: 1 1 0;
}

.dw-auth-page__fields {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__password-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dw-auth-page__auth-toggle {
  text-align: center;
}

.dw-auth-page__footer {
  text-align: center;
  padding-block-start: var(--space-8);
}

.dw-auth-page__register-pane {
  width: 100%;
}

.dw-auth-page__retry-btn {
  align-self: center;
}

.dw-auth-page__forgot-sent {
  text-align: center;
  align-items: center;
  gap: var(--space-2);
  padding-block: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__forgot-sent-icon {
  width: var(--space-8);
  height: var(--space-8);
}

.dw-auth-page__staff-context {
  gap: var(--space-0_5);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__staff-select {
  width: 100%;
  height: var(--size-control-lg);
}

.dw-auth-page__status {
  align-items: center;
  gap: var(--space-3);
  padding-block: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dw-auth-page__status-icon {
  width: var(--space-9);
  height: var(--space-9);
}

.dw-auth-page__status-actions {
  gap: var(--space-3);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.dw-auth-page__status-note {
  text-align: center;
  margin: 0;
}

.dw-auth-page__pane-image-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.dw-auth-page__pane-image {
  object-fit: cover;
  object-position: center;
}

.dw-auth-page__pane-image-overlay {
  background: linear-gradient(to top, color-mix(in oklch, var(--background) var(--mix-half), transparent), color-mix(in oklch, var(--background) var(--mix-medium), transparent));
  position: absolute;
  inset: 0;
}

/*# sourceMappingURL=2e7rtg8exw2w1.css.map*/