/* [project]/apps/public-portal/src/features/shell/publicErrorRecovery.module.css [app-client] (css) */
.publicErrorRecovery-module__8oCbQq__page {
  min-block-size: 100dvh;
  padding: var(--public-gutter);
  background: var(--public-error-page-background);
  color: var(--mantine-color-dark-9);
  place-items: center;
  display: grid;
}

.publicErrorRecovery-module__8oCbQq__panel {
  inline-size: min(100%, var(--public-reading-max));
  gap: var(--mantine-spacing-md);
  padding: var(--public-gutter);
  border: var(--public-rule-thin) solid var(--mantine-color-gray-3);
  border-radius: var(--public-radius-panel);
  background: var(--public-surface-solid);
  box-shadow: var(--public-shadow-soft);
  display: grid;
}

.publicErrorRecovery-module__8oCbQq__icon {
  inline-size: var(--public-touch-target);
  block-size: var(--public-touch-target);
  border-radius: var(--public-radius-control);
  background: var(--mantine-color-blue-0);
  color: var(--mantine-color-blue-8);
  place-items: center;
  display: grid;
}

.publicErrorRecovery-module__8oCbQq__icon svg {
  inline-size: var(--public-icon-size-standard);
  block-size: var(--public-icon-size-standard);
}

.publicErrorRecovery-module__8oCbQq__number {
  color: var(--mantine-color-blue-8);
  letter-spacing: var(--public-meta-tracking);
  margin: 0;
  font-weight: 800;
}

.publicErrorRecovery-module__8oCbQq__panel h1 {
  font-size: var(--public-error-title-size);
  line-height: var(--mantine-line-height);
  margin: 0;
}

.publicErrorRecovery-module__8oCbQq__message {
  max-inline-size: 56ch;
  color: var(--mantine-color-gray-7);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  margin: 0;
}

.publicErrorRecovery-module__8oCbQq__countdown {
  inline-size: fit-content;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-radius: var(--public-radius-control);
  background: var(--mantine-color-gray-1);
  margin: 0;
  font-weight: 700;
}

.publicErrorRecovery-module__8oCbQq__actions {
  gap: var(--mantine-spacing-sm);
  flex-wrap: wrap;
  padding-block-start: var(--mantine-spacing-xs);
  display: flex;
}

.publicErrorRecovery-module__8oCbQq__primaryAction, .publicErrorRecovery-module__8oCbQq__secondaryAction {
  min-block-size: var(--public-touch-target);
  gap: var(--mantine-spacing-sm);
  padding-inline: var(--mantine-spacing-md);
  border: var(--public-rule-thin) solid var(--mantine-color-blue-6);
  border-radius: var(--public-radius-control);
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.publicErrorRecovery-module__8oCbQq__primaryAction {
  background: var(--mantine-color-blue-6);
  color: var(--mantine-color-white);
}

.publicErrorRecovery-module__8oCbQq__secondaryAction {
  background: var(--public-surface-solid);
  color: var(--mantine-color-blue-9);
}

.publicErrorRecovery-module__8oCbQq__primaryAction svg, .publicErrorRecovery-module__8oCbQq__secondaryAction svg {
  inline-size: var(--public-icon-size-standard);
  block-size: var(--public-icon-size-standard);
}

.publicErrorRecovery-module__8oCbQq__primaryAction:focus-visible, .publicErrorRecovery-module__8oCbQq__secondaryAction:focus-visible {
  outline: var(--public-focus-width) solid var(--mantine-color-blue-3);
  outline-offset: var(--public-focus-offset);
}

@media (max-width: 32rem) {
  .publicErrorRecovery-module__8oCbQq__actions > * {
    inline-size: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .publicErrorRecovery-module__8oCbQq__page {
    scroll-behavior: auto;
  }
}

@supports (corner-shape: squircle) {
  .publicErrorRecovery-module__8oCbQq__panel, .publicErrorRecovery-module__8oCbQq__icon, .publicErrorRecovery-module__8oCbQq__countdown, .publicErrorRecovery-module__8oCbQq__primaryAction, .publicErrorRecovery-module__8oCbQq__secondaryAction {
    corner-shape: squircle;
  }
}

/*# sourceMappingURL=apps_public-portal_src_features_shell_publicErrorRecovery_module_0-a9et3.css.map*/