@import ~mweb/common/components/variables

.error-page
  background: #fff
  display: flex
  height: calc(100% - #{$mw-top-nav-height})
  flex-direction: row-reverse
  position: absolute
  left: 0
  right: 0
  bottom: 0

@media screen and (max-width: 500px)
  .error-page
    flex-direction: column

@media screen and (min-width: 750px)
  .error-image
    align-self: flex-end

.error-message
  margin: auto
  padding: 20pt
  font-family: HelveticaNeue
  font-size: 20pt
  color: #706A7C
  justify-content: center
  text-align: center
  align-self: center

.error-image
  max-width: 100vw
  max-height: 100%
