.ViewMirror {
  display: grid;
  grid-template:
    'title' auto
    'content' 1fr ~'/'
    1fr;
  height: 100vh;
  width: 100vw;

  .ViewMirror-content {
    grid-area: content;
  }

  .PreviewFrame {
    height: 100%;
  }

  .PreviewFrame-typeDisplay {
    height: 100%;
    position: relative;
    width: 100%;

    > iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }
}

.ViewMirror-title {
  background: var(--color-dominant7);
  color: var(--color-white);
  grid-area: title;
  padding: var(--gap-s) var(--gap-l);
}

.ViewMirror-controls {
  display: none;
}
