/* Shared by the public website and Media. The default overlay comes from Media settings. */
:root { --fr-phone-frame:url('/static/assets/images/phone-frames/iphone-black.svg?v=1'); --fr-phone-frame-captured:url('/static/assets/images/phone-frames/iphone-black-captured-island.svg?v=1'); }
.fr-device {
  position:relative; display:flow-root; margin-inline:auto; padding:0; border:0;
  border-radius:16% / 7.5%; background:transparent; box-shadow:none;
  filter:drop-shadow(0 18px 24px #08162926); isolation:isolate;
}
.fr-device.fr-gallery-device { display:flow-root; }
.fr-device::before {
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  background-image:var(--fr-phone-frame); background-size:100% 100%; background-repeat:no-repeat;
}
.fr-device::after { content:none; }
.fr-device-screen {
  position:relative; display:block; margin:3.888889%; overflow:hidden;
  border:0; border-radius:12.65% / 5.82%; background:#050608;
}
.fr-device .fr-device-screen img {
  display:block; width:100%; height:auto; max-width:none; border:0; border-radius:0;
  object-fit:initial; background:transparent;
}
/* Native image height removes letterboxing and preserves every screenshot's proportions. */
.fr-device-screen--store { aspect-ratio:662 / 1482; }
.fr-device .fr-device-screen--store img {
  position:absolute; width:163.142%; height:129.555%; left:-31.571%; top:-6.95%;
}

/* Older composed screenshots already include their own camera island. */
.fr-device--captured-island::before { background-image:var(--fr-phone-frame-captured); }