/* [project]/app/src/components/church-access/AccessShell.module.css [app-client] (css) */
.AccessShell-module__VItcMW__page {
  min-height: 100svh;
  color: var(--hb-bone);
  background: var(--hb-void);
  font-family: var(--hb-font-ui);
  font-size: var(--hb-size-body);
  padding: 56px 16px 64px;
  line-height: 1.5;
}

.AccessShell-module__VItcMW__page :focus-visible {
  outline: 2px solid var(--hb-ember-bright);
  outline-offset: 3px;
}

.AccessShell-module__VItcMW__card :focus-visible {
  outline-color: var(--hb-ember);
}

.AccessShell-module__VItcMW__header {
  justify-content: center;
  margin: 0 auto 28px;
  display: flex;
}

.AccessShell-module__VItcMW__brand {
  min-height: 44px;
  color: var(--hb-bone);
  font-family: var(--hb-font-display);
  letter-spacing: .5px;
  text-transform: uppercase;
  align-items: center;
  gap: 14px;
  font-size: 40px;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.AccessShell-module__VItcMW__mark {
  width: 36px;
  height: 36px;
}

.AccessShell-module__VItcMW__main {
  width: min(var(--hb-layout-column), 100%);
  margin: 0 auto;
}

.AccessShell-module__VItcMW__narrow {
  width: min(440px, 100%);
}

.AccessShell-module__VItcMW__eyebrow {
  color: var(--hb-ember-bright);
  font-family: var(--hb-font-mono);
  font-size: var(--hb-size-eyebrow);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-weight: 700;
}

.AccessShell-module__VItcMW__title {
  min-width: 0;
  font-family: var(--hb-font-display);
  font-size: clamp(40px, 9vw, var(--hb-size-title));
  text-transform: uppercase;
  overflow-wrap: anywhere;
  margin: 0;
  font-weight: 400;
  line-height: .98;
}

.AccessShell-module__VItcMW__lede {
  max-width: 640px;
  color: var(--hb-bone-dim);
  margin: 16px 0 0;
  font-size: 16px;
}

.AccessShell-module__VItcMW__card {
  border-radius: var(--hb-radius-control);
  color: var(--hb-ink);
  background: var(--hb-card);
  margin-top: 28px;
  padding: 28px;
}

.AccessShell-module__VItcMW__card .AccessShell-module__VItcMW__lede {
  color: var(--hb-muted);
  overflow-wrap: anywhere;
}

.AccessShell-module__VItcMW__card h1, .AccessShell-module__VItcMW__card h2 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.AccessShell-module__VItcMW__stack {
  gap: 16px;
  display: grid;
}

.AccessShell-module__VItcMW__consentText {
  color: var(--hb-ink);
  margin: 0;
}

.AccessShell-module__VItcMW__account {
  border-top: 1px solid var(--hb-line);
  gap: 2px;
  margin: 0 0 8px;
  padding-top: 14px;
  display: grid;
}

.AccessShell-module__VItcMW__account .AccessShell-module__VItcMW__label {
  color: var(--hb-muted);
  font-weight: 400;
}

.AccessShell-module__VItcMW__accountEmail {
  overflow-wrap: anywhere;
  font-weight: 700;
}

.AccessShell-module__VItcMW__field {
  gap: 6px;
  display: grid;
}

.AccessShell-module__VItcMW__label {
  font-size: 14px;
  font-weight: 700;
}

.AccessShell-module__VItcMW__input {
  border: 1px solid var(--hb-muted);
  border-radius: var(--hb-radius-control);
  width: 100%;
  min-height: 48px;
  color: var(--hb-ink);
  background: var(--hb-field);
  font: inherit;
  padding: 11px 12px;
}

.AccessShell-module__VItcMW__input::placeholder {
  color: var(--hb-muted);
}

.AccessShell-module__VItcMW__button, .AccessShell-module__VItcMW__secondaryButton {
  border-radius: var(--hb-radius-control);
  min-height: 48px;
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 11px 18px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.AccessShell-module__VItcMW__button {
  color: var(--hb-page-white);
  background: var(--hb-ember);
}

.AccessShell-module__VItcMW__button:hover {
  background: var(--hb-ember-hover);
}

.AccessShell-module__VItcMW__secondaryButton {
  color: var(--hb-ink);
  border-color: var(--hb-line-strong);
  background: var(--hb-card);
}

.AccessShell-module__VItcMW__secondaryButton:hover {
  border-color: var(--hb-ink);
}

.AccessShell-module__VItcMW__button:disabled, .AccessShell-module__VItcMW__secondaryButton:disabled {
  cursor: wait;
  opacity: .62;
}

.AccessShell-module__VItcMW__divider {
  color: var(--hb-muted);
  font-family: var(--hb-font-ui);
  font-size: var(--hb-size-label);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  display: grid;
}

.AccessShell-module__VItcMW__divider:before, .AccessShell-module__VItcMW__divider:after {
  content: "";
  background: var(--hb-line);
  height: 1px;
}

.AccessShell-module__VItcMW__error, .AccessShell-module__VItcMW__success, .AccessShell-module__VItcMW__notice {
  border-radius: var(--hb-radius-control);
  padding: 12px 14px;
  font-size: 14px;
}

.AccessShell-module__VItcMW__error {
  color: var(--hb-ink);
  border-left: 3px solid var(--hb-ember);
  background: var(--hb-selection-tint);
}

.AccessShell-module__VItcMW__success {
  color: var(--hb-insert);
  background: var(--hb-insert-tint);
}

.AccessShell-module__VItcMW__notice {
  color: var(--hb-attention-ink);
  background: var(--hb-attention);
}

.AccessShell-module__VItcMW__link {
  min-height: 44px;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--hb-line-strong);
  text-decoration-color: var(--hb-line-strong);
  text-underline-offset: 3px;
  background: none;
  border: 0;
  padding: 10px 0;
  text-decoration-thickness: 1px;
}

.AccessShell-module__VItcMW__link:hover {
  text-decoration-color: currentColor;
}

.AccessShell-module__VItcMW__page > .AccessShell-module__VItcMW__main > .AccessShell-module__VItcMW__link, .AccessShell-module__VItcMW__swap .AccessShell-module__VItcMW__link {
  -webkit-text-decoration-color: var(--hb-bone-dim);
  text-decoration-color: var(--hb-bone-dim);
}

.AccessShell-module__VItcMW__swap {
  color: var(--hb-bone-dim);
  text-align: center;
  margin: 20px 0 0;
  font-size: 14px;
}

.AccessShell-module__VItcMW__swap .AccessShell-module__VItcMW__link {
  color: var(--hb-bone);
}

.AccessShell-module__VItcMW__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.AccessShell-module__VItcMW__between {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.AccessShell-module__VItcMW__between > * {
  min-width: 0;
}

.AccessShell-module__VItcMW__finePrint {
  color: var(--hb-muted);
  font-size: var(--hb-size-small);
  margin: 0;
}

.AccessShell-module__VItcMW__signOutGroup, .AccessShell-module__VItcMW__choices {
  gap: 8px;
  display: grid;
}

.AccessShell-module__VItcMW__choice {
  border: 1px solid var(--hb-line);
  border-radius: var(--hb-radius-control);
  min-height: 64px;
  color: inherit;
  background: var(--hb-field);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  text-decoration: none;
  display: grid;
}

.AccessShell-module__VItcMW__choice:hover {
  border-color: var(--hb-ink);
}

.AccessShell-module__VItcMW__choiceName {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 17px;
  font-weight: 700;
}

.AccessShell-module__VItcMW__role {
  color: var(--hb-muted);
  font-family: var(--hb-font-ui);
  font-size: var(--hb-size-label);
  font-weight: 600;
}

.AccessShell-module__VItcMW__moduleGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.AccessShell-module__VItcMW__module {
  border: 1px solid var(--hb-line);
  border-radius: var(--hb-radius-control);
  background: var(--hb-field);
  padding: 20px;
}

.AccessShell-module__VItcMW__module h2 {
  margin: 0 0 8px;
  font-size: 19px;
}

.AccessShell-module__VItcMW__module p {
  color: var(--hb-muted);
  margin: 0;
  font-size: 14px;
}

@media (max-width: 560px) {
  .AccessShell-module__VItcMW__page {
    padding: 28px 16px 48px;
  }

  .AccessShell-module__VItcMW__brand {
    font-size: 32px;
  }

  .AccessShell-module__VItcMW__mark {
    width: 30px;
    height: 30px;
  }

  .AccessShell-module__VItcMW__card {
    padding: 22px 18px;
  }

  .AccessShell-module__VItcMW__actions > * {
    width: 100%;
  }

  .AccessShell-module__VItcMW__moduleGrid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .AccessShell-module__VItcMW__button, .AccessShell-module__VItcMW__secondaryButton, .AccessShell-module__VItcMW__choice {
    transition: background-color .15s, border-color .15s;
  }
}

.AccessShell-module__VItcMW__passwordWrap {
  position: relative;
}

.AccessShell-module__VItcMW__passwordInput {
  padding-right: 72px;
}

.AccessShell-module__VItcMW__reveal {
  min-width: 64px;
  height: 100%;
  color: var(--hb-ink);
  font: inherit;
  font-size: var(--hb-size-small);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 12px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
}

.AccessShell-module__VItcMW__reveal:focus-visible {
  outline: 2px solid var(--hb-ink);
  outline-offset: -4px;
}

/*# sourceMappingURL=app_src_components_church-access_AccessShell_module_06wayr1idt-wp.css.map*/