.o-error-boundary {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(16.5rem, auto) 1fr;
  align-items: center;
}[dir] .o-error-boundary {
  padding: 0 1rem;
  margin: 5rem 2rem;
}
@media (min-width: 768px) {
  .o-error-boundary {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
  }
  [dir] .o-error-boundary {
    padding: 0 2rem;
    margin: 10rem 2rem;
  }
}
@media (min-width: 1280px) {
  .o-error-boundary {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
  }
}

.o-error-boundary__graphic-container {
  display: flex;
}

.o-error-boundary__graphic {
  width: 100%;
  min-height: 30rem;
}
@media (min-width: 768px) {
  .o-error-boundary__graphic {
    min-height: 35rem;
  }
  [dir] .o-error-boundary__graphic {
    transform: scale(1.2);
  }
}
@media (min-width: 1280px) {
  [dir] .o-error-boundary__graphic {
    transform: scale(1.5);
  }
}

.o-error-boundary__text-container {
  position: relative;
  overflow: hidden;
  line-height: 2.5rem;
}

[dir] .o-error-boundary__text-container {
  text-align: justify;
}

.o-error-boundary__cloud {
  height: 10rem;
  position: absolute;
  fill: #183884;
  opacity: 0.05;
}

[dir=ltr] .o-error-boundary__cloud {
  right: 0;
  transform: translate(50%, -50%);
}

[dir=rtl] .o-error-boundary__cloud {
  left: 0;
  transform: translate(-50%, -50%);
}

.o-error-boundary__buttons-container {
  display: flex;
  column-gap: 1rem;
}