/* A definite image box avoids CSS grid's intrinsic image-size overflow.
   The editor and live slider use the same size and safe-edge calculations. */
.editorial-slide:not([data-clean-bg="yes"]) .center-frame{
 --gfrn-art-x:var(--gfrn-center-x,50%);
 --gfrn-art-y:var(--gfrn-center-y,48%);
 --gfrn-art-size:var(--gfrn-center-size,38%);
}
.editorial-slide:not([data-clean-bg="yes"]) .center-frame,
.gfrn-live:not(.gfrn-auto-composition) .gfrn-stage-center{
 --gfrn-art-width:clamp(0%,var(--gfrn-art-size,38%),80%);
 --gfrn-art-height:clamp(0%,calc(var(--gfrn-art-size,38%) * 2),80%);
 width:var(--gfrn-art-width)!important;
 height:var(--gfrn-art-height)!important;
 left:clamp(calc(var(--gfrn-art-width) * .5 + 5%),var(--gfrn-art-x,50%),calc(95% - var(--gfrn-art-width) * .5))!important;
 top:clamp(calc(var(--gfrn-art-height) * .5 + 5%),var(--gfrn-art-y,48%),calc(95% - var(--gfrn-art-height) * .5))!important;
 right:auto!important;bottom:auto!important;
 min-width:0;min-height:0;max-width:100%;max-height:100%;
 box-sizing:border-box;object-fit:contain;
}
.slider-editorial .editorial-slide .center-frame img{
 display:block;width:100%;height:100%;min-width:0;min-height:0;
 max-width:100%;max-height:100%;object-fit:contain;
}
@media(max-width:760px){
 .editorial-slide:not([data-clean-bg="yes"]) .center-frame{
  --gfrn-art-x:var(--gfrn-mobile-center-x,50%);
  --gfrn-art-y:var(--gfrn-mobile-center-y,38%);
  --gfrn-art-size:var(--gfrn-mobile-center-size,42%);
 }
}