@import './common.css';

body {
  border: none;
}

.full-screen-element {
  height: 100%;
  inset: 0;
  position: fixed;
  width: 100%;
}

#background {
  pointer-events: none;
}

#background-image {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.content {
  display: grid;
  grid-template-columns: 12fr 4fr;
  grid-template-rows: 1fr;
  height: 98vh;
}

.divider-curtain {
  background-color: white;
  z-index: 0;
}

#sidebar-content {
  position: relative;
  z-index: 3;
}

.content-iframe {
  border: none;
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.content-iframe--behind {
  z-index: -1;
}

#main-content {
  position: relative;
}