@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

html {
  height: 100%; }
  html.no-scroll {
    overflow: hidden; }
  html.js main {
    opacity: 0;
    transition: all ease-in 0.4s; }
  html.js.dom-parsed main {
    opacity: 1; }
  html:not(.js) main {
    transition: all ease-in 0.4s;
    animation: 0.4s linear 1s fadeIn;
    animation-fill-mode: forwards; }

body {
  height: 100%; }
  body > .dialog-off-canvas-main-canvas {
    height: 100%; }
  body.no-scroll {
    overflow: hidden; }

.layout-container {
  position: relative;
  min-height: 100%;
  width: 1366px;
  max-width: 100%;
  margin: auto;
  box-sizing: border-box; }

.full-width {
  width: calc(100vw - 0px);
  margin-left: calc(50% - 50vw); }

body.has-overflow-x .full-width {
  width: calc(100vw - 8px); }