.iph{--u:calc(100cqw / 484);aspect-ratio:484/992;flex:none;width:min(300px,100%);margin-inline-start:auto;margin-inline-end:auto;position:relative;container-type:inline-size}.iph *{box-sizing:border-box}.iph__body{left:calc(4 * var(--u));width:calc(476 * var(--u));height:calc(992 * var(--u));border-radius:calc(72 * var(--u));background:linear-gradient(118deg, var(--device-ti-hi) 0%, var(--device-ti-mid) 22%, var(--device-ti-lo) 52%, var(--device-ti-mid) 78%, var(--device-ti-hi) 100%);box-shadow:var(--device-shadow);position:absolute;top:0}.iph__body:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 calc(1.4 * var(--u)) var(--device-rim), inset 0 calc(2.2 * var(--u)) calc(3 * var(--u)) -1px var(--device-rim);position:absolute;top:0;bottom:0;left:0;right:0}.iph__body:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg, var(--device-sheen) 0%, transparent 26%, transparent 70%, var(--device-sheen) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.iph__bezel{inset:calc(8 * var(--u));border-radius:calc(64 * var(--u));background:var(--device-bezel);box-shadow:0 0 0 calc(.8 * var(--u)) var(--device-ti-lo);position:absolute}.iph__screen{inset:calc(18 * var(--u));border-radius:calc(55 * var(--u));background:var(--device-screen-light);isolation:isolate;position:absolute;overflow:hidden}.iph[data-screen=dark] .iph__screen{background:var(--device-screen-dark)}.iph__content{position:absolute;top:0;bottom:0;left:0;right:0}.iph__content img{object-fit:cover;width:100%;height:100%;display:block}.iph__island{z-index:3;top:calc(11 * var(--u));width:calc(125 * var(--u));height:calc(37 * var(--u));background:var(--device-island);border-radius:99px;position:absolute;left:50%;translate:-50%}.iph__island span{right:calc(13 * var(--u));width:calc(13 * var(--u));height:calc(13 * var(--u));background:radial-gradient(circle at 36% 34%, var(--device-lens) 0 28%, var(--device-island) 70%);box-shadow:0 0 0 calc(1 * var(--u)) var(--device-ti-lo);border-radius:50%;position:absolute;top:50%;translate:0 -50%}.iph__status{z-index:2;height:calc(59 * var(--u));padding-inline:calc(34 * var(--u)) calc(30 * var(--u));color:var(--device-ink-light);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.iph[data-screen=dark] .iph__status{color:var(--device-ink-dark)}.iph__time{width:calc(70 * var(--u));text-align:center;font:600 calc(17 * var(--u)) / 1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;letter-spacing:calc(-.3 * var(--u));font-variant-numeric:tabular-nums}.iph__icons{align-items:center;gap:calc(6 * var(--u));display:flex}.iph__icons svg{height:auto;display:block}.iph__icons svg:first-child{width:calc(18 * var(--u))}.iph__icons svg:nth-child(2){width:calc(17 * var(--u))}.iph__icons svg:nth-child(3){width:calc(27 * var(--u))}.iph__home{z-index:2;left:50%;bottom:calc(8 * var(--u));width:calc(148 * var(--u));height:calc(5 * var(--u));background:var(--device-ink-light);opacity:.92;pointer-events:none;border-radius:99px;position:absolute;translate:-50%}.iph[data-screen=dark] .iph__home{background:var(--device-ink-dark)}.iph__btn{width:calc(6 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(90deg, var(--device-ti-lo), var(--device-ti-hi) 55%, var(--device-ti-mid));box-shadow:inset 0 0 0 calc(.6 * var(--u)) var(--device-rim);position:absolute}.iph__btn--action,.iph__btn--up,.iph__btn--down{left:0}.iph__btn--power,.iph__btn--camera{right:0;transform:scaleX(-1)}.iph__btn--action{top:calc(172 * var(--u));height:calc(34 * var(--u))}.iph__btn--up{top:calc(240 * var(--u));height:calc(62 * var(--u))}.iph__btn--down{top:calc(318 * var(--u));height:calc(62 * var(--u))}.iph__btn--power{top:calc(300 * var(--u));height:calc(100 * var(--u))}.iph__btn--camera{top:calc(640 * var(--u));height:calc(78 * var(--u));width:calc(5 * var(--u))}.fhm{justify-items:center;gap:14px;width:100%;min-width:0;margin:0;display:grid}.fhm__panel{position:absolute;top:0;bottom:0;left:0;right:0}.fhm__hit{z-index:1;grid-template-columns:repeat(4,1fr);height:10.4%;display:grid;position:absolute;bottom:0;left:0;right:0}.fhm__hit span{cursor:pointer}.fhm__tabs{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(300px,100%);padding:4px;display:grid}.fhm__tabs button{min-width:0;min-height:48px;color:var(--text-muted);border-radius:14px;align-content:center;place-items:center;gap:2px;padding:4px 2px;font-size:.75rem;font-weight:650;line-height:1.1;display:grid}.fhm__tabs button[aria-selected=true]{background:var(--ink-fill);color:var(--on-ink)}.fhm__tabs button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.fhm__cap{color:var(--text-muted);text-align:center;font-size:.8125rem}