.iphone-chassis{--iphone-black:color-mix(in srgb, var(--color-text) 40%, black);--iphone-titanium:color-mix(in srgb, var(--color-muted) 42%, var(--color-paper));--iphone-titanium-shade:color-mix(in srgb, var(--color-muted) 78%, var(--color-paper));--iphone-button:color-mix(in srgb, var(--color-muted) 58%, var(--color-paper));box-sizing:border-box;width:calc(430 * var(--dpt));padding:calc(9.5 * var(--dpt));border:calc(4.5 * var(--dpt)) solid transparent;border-radius:calc(76 * var(--dpt));background:linear-gradient(var(--iphone-black), var(--iphone-black)) padding-box, linear-gradient(135deg, var(--iphone-titanium-shade), var(--iphone-titanium) 18%, var(--iphone-titanium-shade) 36%, var(--iphone-titanium) 58%, var(--iphone-titanium-shade) 80%, var(--iphone-titanium)) border-box;box-shadow:inset 0 0 0 calc(1 * var(--dpt)) color-mix(in srgb, var(--color-text) 80%, var(--color-paper)), var(--shadow-floating);position:relative;container-type:inline-size}.iphone-chassis:before,.iphone-chassis:after{content:"";width:calc(3.5 * var(--dpt));border-radius:calc(2 * var(--dpt));pointer-events:none;position:absolute}.iphone-chassis:before{left:calc(-7.5 * var(--dpt));top:calc(146 * var(--dpt));height:calc(218 * var(--dpt));background:linear-gradient(var(--iphone-button) 0 calc(34 * var(--dpt)), transparent 0 calc(80 * var(--dpt)), var(--iphone-button) 0 calc(144 * var(--dpt)), transparent 0 calc(154 * var(--dpt)), var(--iphone-button) 0)}.iphone-chassis:after{right:calc(-7.5 * var(--dpt));top:calc(236 * var(--dpt));height:calc(380 * var(--dpt));background:linear-gradient(var(--iphone-button) 0 calc(100 * var(--dpt)), transparent 0 calc(310 * var(--dpt)), var(--iphone-titanium-shade) 0)}.iphone-screen{border-radius:calc(62 * var(--dpt));background:var(--color-paper);color:var(--color-text);position:relative;overflow:clip}.ios-status{--pt:calc(100cqi / 402);box-sizing:border-box;grid-column:1/-1;grid-template-columns:minmax(0, 1fr) calc(125 * var(--pt)) minmax(0, 1fr);grid-template-rows:calc(37 * var(--pt));height:calc(62 * var(--pt));padding-top:calc(11 * var(--pt));align-items:center;line-height:1;display:grid}.ios-status-time{padding-left:calc(10 * var(--pt));font-family:var(--font-strong);font-weight:var(--font-weight-bold);font-size:calc(17 * var(--pt));letter-spacing:0;font-variant-numeric:tabular-nums;justify-self:center}.ios-status-island{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 40%, black);width:100%;height:100%}.ios-status-icons{justify-self:center;align-items:center;gap:calc(6 * var(--pt));margin-right:calc(4 * var(--pt));display:flex}.ios-status-icons svg{flex-shrink:0;display:block}.ios-status-signal{width:calc(19 * var(--pt));height:calc(12 * var(--pt))}.ios-status-wifi{width:calc(17 * var(--pt));height:calc(12.3 * var(--pt))}.ios-status-battery{width:calc(27.4 * var(--pt));height:calc(13 * var(--pt))}.ios-home-indicator{z-index:3;border-radius:var(--radius-pill);background:var(--color-text);width:34.5771cqi;height:1.24378cqi;position:absolute;bottom:1.99005cqi;left:50%;translate:-50%}