.iphone-fit[data-v-5f2f7cfa]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;container-type:size}.iphone[data-v-5f2f7cfa]{--w:calc(min(100cqw, 2000cqh / 41));--radius:calc(var(--w) * .155);--rail:calc(var(--w) * .034);--screen-radius:calc(var(--w) * .122);--island-w:calc(var(--w) * .31);--island-h:calc(var(--w) * .088);--island-top:calc(var(--w) * .032);--safe-top:calc(var(--w) * .13);--btn-w:calc(var(--w) * .011);--btn-out:calc(var(--w) * -.006);--btn-round:calc(var(--w) * .006);width:var(--w);aspect-ratio:100/205;box-sizing:border-box;padding:var(--rail);border-radius:var(--radius);background:var(--frame-bg);box-shadow:inset 0 0 0 calc(var(--w) * .004) var(--frame-rim),0 calc(var(--w) * .006) calc(var(--w) * .02) #00000047,0 calc(var(--w) * .022) calc(var(--w) * .06) #00000052;isolation:isolate;--frame-bg:linear-gradient(90deg, var(--m-hi) 0%, var(--m-mid) 6%, var(--m-mid) 94%, var(--m-hi) 100%);position:relative}.iphone--natural[data-v-5f2f7cfa]{--m-mid:#b9b8b3;--m-hi:#edeae3;--frame-rim:#00000080;--btn-bg:#9d9c98}.iphone--black[data-v-5f2f7cfa]{--m-mid:#2c2d2f;--m-hi:#56585b;--frame-rim:#000000b3;--btn-bg:#202123}.iphone--white[data-v-5f2f7cfa]{--m-mid:#e3e3e5;--m-hi:#fff;--frame-rim:#00000059;--btn-bg:#cfcfd2}.iphone--desert[data-v-5f2f7cfa]{--m-mid:#cbb49a;--m-hi:#f0e2cf;--frame-rim:#3c2d1973;--btn-bg:#b6a189}.iphone__screen[data-v-5f2f7cfa]{box-sizing:border-box;width:100%;height:100%;padding-top:var(--safe-top);border-radius:var(--screen-radius);background:#000;position:relative;overflow:hidden}.iphone__screen[data-v-5f2f7cfa]:before{content:"";height:var(--safe-top);background:var(--safe-color,transparent);z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0}.iphone__media[data-v-5f2f7cfa],.iphone__screen[data-v-5f2f7cfa] ::slotted(canvas),.iphone__screen[data-v-5f2f7cfa] ::slotted(iframe),.iphone__screen[data-v-5f2f7cfa] ::slotted(img),.iphone__screen[data-v-5f2f7cfa] ::slotted(video){-o-object-fit:var(--fit,cover);object-fit:var(--fit,cover);border:0;width:100%;height:100%;display:block}.iphone__placeholder[data-v-5f2f7cfa]{text-align:center;color:#7d7f88;width:100%;height:100%;font:500 calc(var(--w) * .042)/1.45 ui-sans-serif,system-ui,sans-serif;background:radial-gradient(120% 90% at 50% 0,#1a1c22,#050608 70%);justify-content:center;align-items:center;padding:12%;display:flex}.iphone__placeholder code[data-v-5f2f7cfa]{color:#b7b9c4;font-family:ui-monospace,SF Mono,Menlo,monospace}.iphone__island[data-v-5f2f7cfa]{top:var(--island-top);width:var(--island-w);height:var(--island-h);border-radius:calc(var(--island-h) / 2);padding-right:calc(var(--island-h) * .4);z-index:3;background:#000;justify-content:flex-end;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.iphone__camera[data-v-5f2f7cfa]{width:calc(var(--island-h) * .42);height:calc(var(--island-h) * .42);background:radial-gradient(circle at 34% 30%,#3c4257,#0a0b10 62%);border-radius:50%;box-shadow:0 0 0 1px #ffffff0d}.iphone__statusbar[data-v-5f2f7cfa]{top:var(--island-top);height:var(--island-h);padding:0 calc(var(--w) * .08);color:var(--status-color,#fff);z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}.iphone__time[data-v-5f2f7cfa]{font:600 calc(var(--w) * .04)/1 -apple-system,ui-sans-serif,system-ui,sans-serif}.iphone__status-icons[data-v-5f2f7cfa]{align-items:center;gap:calc(var(--w) * .02);display:flex}.iphone__ico[data-v-5f2f7cfa]{width:auto;height:calc(var(--w) * .027);display:block}.iphone__ico--wifi[data-v-5f2f7cfa]{width:auto;height:calc(var(--w) * .045);display:block}.iphone__ico--battery[data-v-5f2f7cfa]{height:calc(var(--w) * .03)}.iphone__glare[data-v-5f2f7cfa]{z-index:2;pointer-events:none;background:linear-gradient(130deg,#ffffff1a,#ffffff08 22%,#fff0 40%);position:absolute;inset:0}.iphone__btn[data-v-5f2f7cfa]{width:var(--btn-w);background:var(--btn-bg);z-index:1;position:absolute;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000040}.iphone__btn--action[data-v-5f2f7cfa],.iphone__btn--vdown[data-v-5f2f7cfa],.iphone__btn--vup[data-v-5f2f7cfa]{left:var(--btn-out);border-radius:var(--btn-round) 0 0 var(--btn-round)}.iphone__btn--action[data-v-5f2f7cfa]{height:5.5%;top:20.5%}.iphone__btn--vup[data-v-5f2f7cfa]{height:8%;top:30%}.iphone__btn--vdown[data-v-5f2f7cfa]{height:8%;top:40%}.iphone__btn--power[data-v-5f2f7cfa]{right:var(--btn-out);border-radius:0 var(--btn-round) var(--btn-round) 0;height:12%;top:27%}@media (prefers-reduced-motion:reduce){.iphone__media[data-v-5f2f7cfa]{animation:none!important}}