.preview-wrapper {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  outline: none;
  &.has-preview {
    background-color: white;
    max-height: 510px;
    overflow: auto;
  }
  &.no-preview {
    height: 400px;
    background-color: #F7F7F7;
  }
  .no-preview-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 400px;
    justify-content: center;
    .message {
      font-size: .875rem;
    }
  }

  .preview {
    border: none;
    width: 100%;
    height: 500px;
  }
}