/* Shared by the public site, Gutenberg canvas and the content dialog. */
/* Keep the original composition so it can be restored in the editor. */
:is(.orbit,.split-figure,.phone-mock)[data-round-scene="image"] {
  display:block;
  position:relative;
  width:100%;
  max-width:none;
  min-width:0;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
[data-round-scene="image"]::before,
[data-round-scene="image"]::after { display:none !important; }
[data-round-scene="image"] > :not(.round-scene-image) { display:none !important; }
[data-round-scene="image"] > img.round-scene-image {
  display:block;
  position:static;
  width:var(--round-art-width,100%);
  max-width:100%;
  height:auto !important;
  max-height:none;
  aspect-ratio:auto;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
  clip-path:none;
  transform:none;
}
/* Individual-image changes apply only after a user chooses these settings. */
[data-round-media] { width:var(--round-media-width,revert); max-width:100%; }
:is(.orbit-node,.split-avatar)[data-round-media] {
  width:var(--round-media-width,auto) !important;
  height:auto !important;
  aspect-ratio:auto;
  overflow:visible;
}
[data-round-media="plain"] { --round-media-radius:0px; border:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; }
[data-round-media="rounded"] { --round-media-radius:20px; }
[data-round-media="circle"] { --round-media-radius:50%; --round-media-ratio:1; }
img[data-round-media],
[data-round-media] > img.round-replaced-image {
  height:auto !important;
  max-height:none;
  aspect-ratio:var(--round-media-ratio,auto);
  object-fit:var(--round-media-fit,contain);
  object-position:var(--round-media-position,center);
  border-radius:var(--round-media-radius,0px);
}
:is(.orbit-node,.split-avatar)[data-round-media] > img { width:100%; }
:is(.nav-logo,.footer-brand,.logo-chip,.ico,.avatar)[data-round-media] > img.round-replaced-image { width:var(--round-media-width,auto); }
.nav-logo[data-round-media] { max-width:40vw; }
/* Image slots that were previously text/emoji placeholders. */
[data-round-picture="icon"] > img.round-replaced-image {
  display:inline-block;
  vertical-align:middle;
  width:var(--round-media-width,1.5em);
  height:auto;
  max-width:100%;
  object-fit:contain;
}
:is(.team-photo,.case-avatar,.post-thumb,.phone-screen) > img.round-replaced-image {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:var(--round-media-fit,contain);
  border-radius:inherit;
}
.case-logo > img.round-replaced-image { display:block; width:var(--round-media-width,auto); max-width:160px; max-height:48px; object-fit:contain; }
.footer-social > a > img.round-replaced-image { display:block; width:22px; height:22px; object-fit:contain; }
@media(max-width:640px) {
  [data-round-scene="image"] > img.round-scene-image { width:var(--round-art-mobile-width,100%); }
  [data-round-media] { width:var(--round-media-mobile-width,var(--round-media-width,revert)); }
  :is(.orbit-node,.split-avatar)[data-round-media] { width:var(--round-media-mobile-width,var(--round-media-width,auto)) !important; }
  :is(.nav-logo,.footer-brand,.logo-chip,.ico,.avatar)[data-round-media] > img.round-replaced-image { width:var(--round-media-mobile-width,var(--round-media-width,auto)); }
  [data-round-picture="icon"] > img.round-replaced-image { width:var(--round-media-mobile-width,var(--round-media-width,1.5em)); }
}
