.iph{width:100%;position:relative;container-type:inline-size}.iph-body{aspect-ratio:71.6/146.6;background:linear-gradient(135deg,#9a9aa0 0%,#4a4a50 16%,#6e6e74 38%,#2e2e33 62%,#5a5a60 84%,#8d8d93 100%);border-radius:16.6cqw;width:100%;padding:1.25cqw;position:relative;transform:translateZ(0);box-shadow:inset 0 0 0 .35cqw #ffffff38,inset 0 0 0 .9cqw #00000059,0 2cqw 4cqw -1cqw #00000059,0 16cqw 30cqw -10cqw #0000008c}.iph-btn{z-index:-1;background:linear-gradient(90deg,#7a7a80,#34343a 60%,#55555b);border-radius:.6cqw;width:1cqw;position:absolute}.iph-btn.act{height:5%;top:19%;left:-.65cqw}.iph-btn.vu{height:8.5%;top:27%;left:-.65cqw}.iph-btn.vd{height:8.5%;top:37.5%;left:-.65cqw}.iph-btn.pw{background:linear-gradient(270deg,#7a7a80,#34343a 60%,#55555b);height:13%;top:30%;right:-.65cqw}.iph-bezel{background:#050506;border-radius:15.4cqw;width:100%;height:100%;padding:3.1cqw;position:relative;box-shadow:inset 0 0 0 .25cqw #1c1c1f}.iph-screen{isolation:isolate;letter-spacing:-.01em;color:#0a0a0a;border-radius:12.4cqw;width:100%;height:100%;font-size:3.9cqw;line-height:1.3;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.iph-screen:after{content:"";z-index:60;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff1a 0%,#fff0 34%);position:absolute;inset:0}.iph-content{position:absolute;inset:0}.iph-status{z-index:45;pointer-events:none;justify-content:space-between;align-items:center;height:12.5cqw;padding:1.2cqw 6.5cqw 0 9.5cqw;display:flex;position:absolute;top:0;left:0;right:0}.iph-time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:3.9cqw;font-weight:600}.iph-icons{align-items:center;gap:1.3cqw;display:inline-flex}.iph-icons svg{fill:currentColor;display:block}.iph-sig{width:4.6cqw}.iph-wifi{width:4.1cqw}.iph-bat{width:6.6cqw}.iph-island{z-index:50;background:#000;position:absolute;top:2.3cqw;left:50%;overflow:hidden}.iph-activity{color:#fff;align-items:center;display:flex;position:absolute;inset:0}.iph-home{z-index:45;pointer-events:none;border-radius:99px;width:36%;height:1.25cqw;position:absolute;bottom:1.8cqw;left:50%;transform:translate(-50%)}