/* Decorative iPhone frame. The complete app image remains inside the screen. */
:root{--phone-edge:#65707b;--phone-body:#17212b;--phone-screen:#fafbfc;--phone-ink:#0b1622;--phone-radius:44px;--phone-inset:6px;--phone-shadow:0 4px 10px rgba(11,22,34,.12),0 20px 42px rgba(11,22,34,.15)}
.device.iphone-shell,.example-device.iphone-shell{position:relative;display:block;box-sizing:border-box;padding:var(--phone-inset);border:1px solid var(--phone-edge);border-radius:var(--phone-radius);background:var(--phone-body);box-shadow:var(--phone-shadow);overflow:visible;transform:none}
.iphone-screen{position:relative;overflow:hidden;background:var(--phone-screen);border-radius:calc(var(--phone-radius) - var(--phone-inset) - 1px)}
.iphone-shell .iphone-screen img{display:block;width:100%;height:auto;border-radius:0}
.iphone-screen>a{display:block;line-height:0}
.iphone-status{height:34px;position:relative;color:var(--phone-ink);pointer-events:none;user-select:none}
.iphone-time{position:absolute;left:19px;top:12px;font:600 10px/1 Inter,sans-serif;letter-spacing:-.02em}
.iphone-island{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:28%;height:22px;border-radius:20px;background:var(--phone-ink)}
.iphone-island>span{position:absolute;right:9px;top:7px;width:8px;height:8px;border-radius:50%;background:#243746;box-shadow:inset 0 0 0 2px #15232e}
.iphone-status-icons{position:absolute;right:17px;top:11px;width:42px;height:11px}
.iphone-home{height:17px;position:relative;pointer-events:none;user-select:none}
.iphone-home>span{position:absolute;width:32%;height:3px;left:34%;bottom:5px;border-radius:4px;background:var(--phone-ink)}
.iphone-buttons{pointer-events:none;user-select:none;position:absolute;inset:0}
.iphone-buttons>span{position:absolute;width:3px;background:var(--phone-edge);border-radius:2px}
.iphone-action{left:-3px;top:65px;height:16px}.iphone-volume-up{left:-3px;top:99px;height:29px}.iphone-volume-down{left:-3px;top:142px;height:29px}.iphone-lock{right:-3px;top:112px;height:47px}
.iphone-shell:focus-visible,.iphone-screen>a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.iphone-screen>a:focus-visible{outline-offset:-4px}
@media(max-width:760px){:root{--phone-radius:40px;--phone-inset:5px}.iphone-time{left:17px}.iphone-status-icons{right:15px}}