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

$x-overlay-panel-xl:                map-get($container-max-widths, 'xl')!default;
$x-overlay-panel-lg:                $modal-lg                           !default;
$x-overlay-panel-md:                $modal-md                           !default;
$x-overlay-panel-sm:                $modal-sm                           !default;


.x-panel-h-auto {
  @include media-breakpoint-up(sm) {
    height: auto!important;
  }
}

/* Default Full Width */
.x-panel-xl {
  max-width: $x-overlay-panel-xl;
}

.x-panel-lg {
  max-width: $x-overlay-panel-lg;
}

.x-panel-md {
  max-width: $x-overlay-panel-md;
}

.x-panel-sm {
  max-width: $x-overlay-panel-sm;
}