/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://browser/skin/error-pages.css");

.illustrated #errorPageContainer {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  background-position: left center;
}

body[dir="rtl"] #errorPageContainer {
  background-position: right center;
}

#header {
  background: none;
  padding-inline-start: 0;
  margin-inline-start: 0;
}

#text-container {
  margin: auto;
  padding-inline-start: 38%;
}

#errorPageContainer {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 38%;
  background-image: url("chrome://browser/content/illustrations/error-connection-failure.svg");
}

#restart {
  margin-top: 1.2em;
}
