.page-container {
    grid-template-columns: unset !important;
    background: var(--sg-error-background) !important;
}

.share {
    fill: var(--sg-error-share-svg);
}

.left-section {
    display: none;
}

.right-section {
  border-right: unset !important;
  overflow-x: hidden;
}

.error-container {
  display: flex;
  gap: 88px;
  padding-top: clamp(135px, 25vh, 800px);
  padding-bottom: 90px;
  margin: 0 auto;
  width: fit-content;
}

.error-info-container {
  max-width: 205px;
}

.back-to-login-screen-button {
  margin-top: 47px;
  width: 100%;
}

.error-message {
  margin-top: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 35.85px;
  font-size: 25px;
  color: var(--sg-error-message);
}

h1 {
  line-height: 63.7px !important;
  font-size: 50px !important;
  color: var(--sg-error-header) !important;
}

.error-figure .colors {
  fill: var(--sg-theme-link-pressed);
}

.error-svg-container {
  position: relative;
}

.polygon {
  position: absolute;
  z-index: -1;
  left: -73px;
  top: -94px;
}

.polygon .color {
    fill: var(--sg-error-polygon) !important;
}

@media (max-width: 863px) {
  .error-container {
    flex-direction: column;
    padding-top: clamp(120px, 25vh, 800px);
  }
}