.errorScreen {
  display: grid;
  background: var(--background-secondary);
  min-height: 100vh;
}

.errorScreen > div {
  margin: var(--sp8) var(--sp4);
}

.errorScreen > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  gap: var(--sp5);
  margin: 0 auto;
  padding: var(--sp7) var(--sp6);
  max-width: 700px;
}

.errorScreen > div > div > svg {
  font-size: 80px;
  color: var(--color-danger-500);
}

.errorScreen > div > div > h1 {
  font-weight: 700;
  font-size: var(--fs8);
  margin-block-end: -15px;
  text-align: center;
  color: var(--color-foreground-text);
}

.errorScreen > div > div > p {
  color: var(--color-foreground-text-le);
  font-size: var(--fs4);
  text-align: center;
}