/* Optional decorative frame for the Handmade Framed Image editor block. */
.hm-framed-image {
  --hm-framed-image-inset: 7.5%;
  --hm-framed-image-width: 42rem;
  --hm-framed-image-scale: 1;
  position: relative;
  width: min(100%, var(--hm-framed-image-width));
  aspect-ratio: 1;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  isolation: isolate;
}
.hm-framed-image--ratio-1-1 {
  aspect-ratio: 1;
}
.hm-framed-image--ratio-3-2 {
  aspect-ratio: 3 / 2;
  --hm-framed-image-inset: 12% 11%;
}
.hm-framed-image--ratio-2-3 {
  aspect-ratio: 2 / 3;
  --hm-framed-image-inset: 10% 12%;
}
.hm-framed-image--size-small { --hm-framed-image-width: 18rem; }
.hm-framed-image--size-medium { --hm-framed-image-width: 28rem; }
.hm-framed-image--size-large { --hm-framed-image-width: 42rem; }
.hm-framed-image--size-full { --hm-framed-image-width: 100%; }
.hm-framed-image__media,
.hm-framed-image__overlay {
  position: absolute;
  display: block;
}
.hm-framed-image__media {
  inset: var(--hm-framed-image-inset);
  overflow: hidden;
}
.hm-framed-image__overlay {
  inset: 0;
  width: 100%;
  height: 100%;
}
.hm-framed-image__photo {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(var(--hm-framed-image-scale));
  transform-origin: center;
}
.hm-framed-image--uncropped .hm-framed-image__photo {
  object-fit: contain;
}
.hm-framed-image__overlay {
  z-index: 1;
  pointer-events: none;
}
.hm-framed-image__overlay img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.editor-styles-wrapper .hm-framed-image {
  box-sizing: border-box;
}
.hm-framed-image--none .hm-framed-image__media {
  inset: 0;
}