@import "sandbox-common";

.sandbox {
}

.aceEditorWithPreview, .aceEditorWithoutPreview, .preview {
  position: absolute;
  height: 100%;
}

.aceEditorWithPreview {
  border-right: #e8e8e8 solid 2px;
  width: 50%;
}

.aceEditorWithoutPreview {
  width: 100%;
}

.preview {
  border-left: #e8e8e8 solid 2px;
  width: 50%;
  left: 50%;
  overflow: hidden;

  iframe {
    width: 100%;
    height: 100%;
    border: 0px none;

    body {
      margin: 0px;
    }
  }
}