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

$x-overlay-panel-xxxl:              map-get($container-max-widths, 'xxxl') !default;
$x-overlay-panel-xxl:               map-get($container-max-widths, 'xxl') !default;
$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 {
  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;
}

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

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