/* [project]/apps/niice-jam/app/lib/css-modules/error.module.css [app-client] (css) */
.error-module__fsbX2G__full_page_error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.error-module__fsbX2G__full_page_error .space-between {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.error-module__fsbX2G__full_page_error .small_detail {
  font-size: 12px;
  font-weight: 400;
  line-height: var(--n-baseline);
  font-family: var(--n-ui-font, var(--n-primary-font));
  opacity: .3;
  align-self: flex-end;
  margin-top: 6px;
}

.error-module__fsbX2G__centered_content {
  flex-direction: column;
  width: 800px;
  max-width: 640px;
  display: flex;
}

.error-module__fsbX2G__centered_content > h1 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 500;
  line-height: round(1.5em, var(--n-half-baseline));
  line-height: calc(var(--n-half-baseline) * 3);
  text-wrap: balance;
  letter-spacing: -.05ex;
}

.error-module__fsbX2G__centered_content p {
  font-size: 16px;
  line-height: var(--n-baseline);
  font-family: var(--n-body-font, var(--n-primary-font));
  text-wrap: pretty;
  opacity: .6;
}

.error-module__fsbX2G__centered_content .success {
  background-color: var(--n-green);
  color: #fff;
  padding: 1.5ch;
  font-weight: 500;
}

.error-module__fsbX2G__error_box {
  background-color: var(--n-red);
  color: #fff;
  padding: 1.5ch;
  font-family: monospace;
  font-weight: 500;
}

.error-module__fsbX2G__developer_details > summary {
  cursor: pointer;
  font-family: var(--heading-font);
  font-size: 12px;
  font-weight: 500;
  line-height: round(1.5em, var(--n-half-baseline));
  line-height: calc(var(--n-half-baseline) * 3);
  text-wrap: balance;
  letter-spacing: -.05ex;
  opacity: .4;
}

.error-module__fsbX2G__developer_details > .details_container {
  flex-direction: column;
  display: flex;
}

.error-module__fsbX2G__feedback_form {
  flex-direction: column;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.error-module__fsbX2G__feedback_form > textarea {
  line-height: var(--n-baseline);
  font-family: var(--n-ui-font, var(--n-primary-font));
  resize: vertical;
  background-color: #f2f2f2;
  border: none;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 16px;
}

.error-module__fsbX2G__feedback_form > button {
  background-color: var(--n-accent-color);
  color: #fff;
  border: none;
  align-self: flex-start;
  padding: 6px 12px;
}