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

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

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

  border: 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);
    box-sizing: border-box;
  }

}