/* One device outline for the hero, gallery and full-size capture. */
.iphone-outline{display:block;position:relative;width:100%;padding:6px;background:#17191e;border:2px solid #53565e;border-radius:40px;box-shadow:inset 0 0 0 2px #080a0e,0 22px 46px #0004;isolation:isolate}
.iphone-outline::before,.iphone-outline::after{content:"";position:absolute;background:#555964;border-radius:3px;width:3px;z-index:-1}
.iphone-outline::before{left:-5px;top:19%;height:17%}
.iphone-outline::after{right:-5px;top:27%;height:11%}
.iphone-screen{display:block;position:relative;width:100%;aspect-ratio:9 / 19.5;padding-top:12%;background:#0d1220;border-radius:32px;overflow:hidden}
.iphone-outline[data-status-bar="included"] .iphone-screen{padding-top:0}
.iphone-screen>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:#0d1220!important}
.iphone-island{position:absolute;left:35%;top:2.6%;width:30%;height:4%;background:#000;border-radius:50px;box-shadow:inset 0 0 0 1px #0b0b0d;pointer-events:none;z-index:2}
.iphone-home{position:absolute;left:35%;bottom:2%;height:3px;width:30%;background:#eee;border-radius:5px;opacity:.75;pointer-events:none;z-index:2}
.phone-proof .iphone-outline,.product-proof .iphone-outline{width:100%}
.screen-frame.iphone-outline{padding:6px;background:#17191e;border:2px solid #53565e;border-radius:40px;overflow:visible}
.image-expand.device-expand{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.dialog-device{width:min(100%,360px);margin-inline:auto}
@media(max-width:700px){.iphone-outline,.screen-frame.iphone-outline{border-radius:35px;padding:5px}.iphone-screen{border-radius:28px}}