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

#preview_frame {
  display: block;
  margin-right: auto;
  margin-left: auto;
  min-height: 100%;
  //height: 100%;

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

  margin-top: var(--top_spacing);
  background-color: white;
  border: 0;
  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);
  }

}