.iphone-frame{--iphone-bezel:#1c1c1e;--iphone-screen:#0a0a0a;--iphone-aspect:393/852;display:block;width:min(20rem,100%);margin:0;padding:0 0 2.5rem;container-type:inline-size;container-name:iphone;background:transparent;-webkit-tap-highlight-color:transparent}.iphone-frame__bezel{--iphone-radius:15.6cqw;--iphone-inset:3.18cqw;--iphone-screen-radius:calc(var(--iphone-radius) - var(--iphone-inset));position:relative;width:100%;aspect-ratio:var(--iphone-aspect);box-sizing:border-box;padding:10px;padding:var(--iphone-inset);border-radius:50px;border-radius:var(--iphone-radius);background:var(--iphone-bezel);box-shadow:0 0 0 .5px hsla(0,0%,100%,.14),inset 0 .5px 0 hsla(0,0%,100%,.1),0 4px 8px rgba(28,28,30,.28),0 16px 32px rgba(28,28,30,.16),0 38px 64px rgba(28,28,30,.1);box-shadow:0 0 0 .15cqw hsla(0,0%,100%,.14),inset 0 .15cqw 0 hsla(0,0%,100%,.1),0 1.25cqw 2.5cqw rgba(28,28,30,.28),0 5cqw 10cqw rgba(28,28,30,.16),0 12cqw 20cqw rgba(28,28,30,.1)}.iphone-frame__screen{position:absolute;inset:10px;inset:var(--iphone-inset);overflow:hidden;border-radius:40px;border-radius:var(--iphone-screen-radius);background:var(--iphone-screen);isolation:isolate}.iphone-frame__screen>video,.iphone-frame__video{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;border:0;background:var(--iphone-screen);transform:scale(1.005);transform-origin:center center}.iphone-frame__placeholder{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:12%;color:#737373;font:500 .85rem/1.4 system-ui,-apple-system,sans-serif;text-align:center;pointer-events:none}.iphone-frame.is-playing .iphone-frame__placeholder{display:none}.iphone-frame--speaker .iphone-frame__screen:before{content:"";position:absolute;z-index:2;top:2.4cqw;left:50%;width:22cqw;height:.7cqw;transform:translateX(-50%);border-radius:999px;background:#1a1a1a;pointer-events:none}.iphone-frame--compact,.iphone-frame-row .iphone-frame{width:100%;max-width:12.5rem;padding-bottom:1.25rem}.iphone-frame-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(.75rem,2.5vw,1.25rem);width:100%}.iphone-frame-row>*{flex:1 1 0;min-width:0;max-width:12.5rem;width:auto}@media (max-width:420px){.iphone-frame{width:min(17.5rem,86vw)}.iphone-frame-row{flex-wrap:wrap}.iphone-frame-row>*{flex:1 1 100%;max-width:11rem}.iphone-frame--compact,.iphone-frame-row .iphone-frame{max-width:11rem}}