/* Opt-in only: existing blocks retain their original appearance until enabled. */
.cm-image-framing,.cm-framing-editor {
 --cm-frame-x:var(--cm-frame-desktop-x,50%);
 --cm-frame-y:var(--cm-frame-desktop-y,50%);
 --cm-frame-zoom:var(--cm-frame-desktop-zoom,1);
}
figure.cm-image-framing,.wp-block-cover.cm-image-framing,
.cm-framing-editor .wp-block-image,.cm-framing-editor .wp-block-cover,
.cm-framing-editor.wp-block-image,.cm-framing-editor.wp-block-cover {overflow:hidden;}
figure.cm-image-framing>img,figure.cm-image-framing>a>img,
figure.cm-image-framing>picture>img,
.wp-block-cover.cm-image-framing>.wp-block-cover__image-background,
.cm-framing-editor .wp-block-image img,
.cm-framing-editor.wp-block-image img,
.cm-framing-editor.wp-block-cover>.wp-block-cover__image-background,
.cm-framing-editor .wp-block-cover>.wp-block-cover__image-background {
 object-position:var(--cm-frame-x) var(--cm-frame-y)!important;
 transform-origin:var(--cm-frame-x) var(--cm-frame-y)!important;
 transform:scale(var(--cm-frame-zoom))!important;
}
@media(min-width:768px) and (max-width:1024px){
 .cm-image-framing,.cm-framing-editor {
  --cm-frame-x:var(--cm-frame-tablet-x,var(--cm-frame-desktop-x,50%));
  --cm-frame-y:var(--cm-frame-tablet-y,var(--cm-frame-desktop-y,50%));
  --cm-frame-zoom:var(--cm-frame-tablet-zoom,var(--cm-frame-desktop-zoom,1));
 }
}
@media(max-width:767px){
 .cm-image-framing,.cm-framing-editor {
  --cm-frame-x:var(--cm-frame-mobile-x,var(--cm-frame-desktop-x,50%));
  --cm-frame-y:var(--cm-frame-mobile-y,var(--cm-frame-desktop-y,50%));
  --cm-frame-zoom:var(--cm-frame-mobile-zoom,var(--cm-frame-desktop-zoom,1));
 }
}