html.salat-fit-root,
html.salat-fit-root body {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}

body.salat-fit {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  position: relative;
  background-color: #031820 !important;
}

body.salat-fit:not(.salat-fit-rotated):not(.salat-fit-portrait) {
  display: block;
}

body.salat-fit-landscape #content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 1920px !important;
  min-height: 1080px !important;
  height: auto !important;
  flex: none;
  overflow: visible;
  box-sizing: border-box;
  transform-origin: center center;
}

body.salat-fit-landscape.salat-tv #content {
  height: 1080px !important;
  min-height: 1080px !important;
  overflow: hidden;
}

body.salat-fit-portrait #rotated {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 1080px !important;
  min-height: 1920px !important;
  height: auto !important;
  overflow: visible !important;
  transform-origin: center center !important;
}

body.salat-fit-portrait #content {
  width: 100% !important;
  min-height: 1920px !important;
  height: auto !important;
  overflow: visible !important;
  box-sizing: border-box;
}

body.salat-fit-rotated #rotated {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 1920px !important;
  min-height: 1080px !important;
  height: auto !important;
  overflow: visible !important;
  transform-origin: center center !important;
}

body.salat-fit-rotated #content {
  width: 1920px !important;
  min-height: 1080px !important;
  height: auto !important;
  overflow: visible !important;
  box-sizing: border-box;
}