// Set default customise component variables here,
// Override it in theme variables files


// Max Height & Width for Center Panel
$x-overlay-center-max-height:       80vh        !default;
$x-overlay-center-max-width:        80vw        !default;

.x-panel-iframe {
  @extend .x-panel-center;

  @include media-breakpoint-up(sm) {
    width: auto!important;
    max-width: $x-overlay-center-max-width;
    max-height: $x-overlay-center-max-height;
  }

  .modal-body {
    @extend .py-4,
            .px-2;
    iframe {
      @include transition(all 0.25s ease-in);
    }
  }
}