@font-face {
  font-family: Font-Regular;
  src: url("../../assets/fonts/CircularPro-Book.otf"); }
body {
  font-family: Font-Regular;
  overflow: hidden;
  user-select: none;
  background-color: #000000;
  margin: 0;
  width: 100vw;
  height: 100vh; }

*:focus {
  outline: none; }

::-webkit-scrollbar {
  width: 0;
  background-color: #aaaaaa; }

::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 0 solid #000000; }

video::-webkit-media-controls {
  display: none !important; }

.container {
  width: 100%;
  height: 100%; }

#defaultMediaPanel {
  background-color: #000000; }

#topBanner, #bottomBanner, #leftBanner, #rightBanner {
  position: relative;
  background-color: #000000;
  display: inline-block; }

#default_media, #top_banner_media, #bottom_banner_media, #left_banner_media, #right_banner_media {
  width: 100%;
  height: 100%;
  background-color: #000000;
  color: #ffffff;
  padding: 0;
  margin: 0;
  position: relative; }
  #default_media video, #default_media img, #top_banner_media video, #top_banner_media img, #bottom_banner_media video, #bottom_banner_media img, #left_banner_media video, #left_banner_media img, #right_banner_media video, #right_banner_media img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

body.fullscreen #defaultMediaPanel {
  width: 100%;
  height: 100%; }
body.split-2-portrait .container {
  display: flex;
  flex-direction: column; }
  body.split-2-portrait .container #topBanner, body.split-2-portrait .container #bottomBanner, body.split-2-portrait .container #leftBanner, body.split-2-portrait .container #rightBanner {
    width: 100%;
    height: 50%; }
body.split-2-landscape .container {
  display: flex;
  flex-direction: row; }
  body.split-2-landscape .container #topBanner, body.split-2-landscape .container #bottomBanner, body.split-2-landscape .container #leftBanner, body.split-2-landscape .container #rightBanner {
    width: 50%;
    height: 100%; }
body.split-3-portrait .container {
  display: flex;
  flex-direction: column; }
  body.split-3-portrait .container #topBanner, body.split-3-portrait .container #defaultMediaPanel, body.split-3-portrait .container #bottomBanner, body.split-3-portrait .container #leftBanner, body.split-3-portrait .container #rightBanner {
    width: 100%;
    height: calc(100% / 3); }
body.split-3-landscape .container {
  display: flex;
  flex-direction: row; }
  body.split-3-landscape .container #topBanner, body.split-3-landscape .container #defaultMediaPanel, body.split-3-landscape .container #bottomBanner, body.split-3-landscape .container #leftBanner, body.split-3-landscape .container #rightBanner {
    width: calc(100% / 3);
    height: 100%; }

/*# sourceMappingURL=app.css.map */