.preview {
  overflow-y: scroll;
  height: calc(100% - var(--top_panel_height));
  position: relative;
}

#preview_frame {
  display: block;
  margin-right: auto;
  margin-left: auto;

  --top_spacing: 0px;
  --breakpoint_top_spacing: 30px;

  margin-top: var(--top_spacing);
  height: 100%;
  background-color: white;

  border: 0;
  outline: 1px solid #E2E8F0;

  transition: max-width .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out;

  &.has-breakpoint {
    --breakpoint: 100%;

    width: 100%;
    max-width: var(--breakpoint);
  }

}