/*!
 * Trimmed from Devices.css v0.2.0 (MIT License)
 * https://github.com/picturepan2/devices.css
 * Copyright (c) Peng Jiaxin — full library covers many devices; only the
 * base rules and .device-iphone-14-pro block are vendored here.
 *
 * All pixel values below are converted to `em`, driven by the `font-size`
 * set on .phone-demo-shell (see bottom of file). This is genuine fluid
 * CSS sizing for the bezel. The interactive iframe is rendered at the
 * native 390×830 logical resolution and visually scaled to fit .device-screen
 * (see ScaledAppDemoIframe in app-demo-phone.tsx) so the app layout matches
 * a real phone even when the mockup is smaller on laptop screens.
 */.device,.device *,.device :after,.device :before,.device:after,.device:before{box-sizing:border-box;display:block}.device{position:relative}.device,.device .device-frame{z-index:1}.device .device-screen{background-color:#000;position:relative}.device-iphone-14-pro{height:868em;width:428em}.device-iphone-14-pro .device-frame{background:#010101;border:1em solid #1b1721;border-radius:68em;box-shadow:inset 0 0 4em 2em #c0b7cd,inset 0 0 0 6em #342c3f;height:868em;padding:19em;width:428em}.device-iphone-14-pro .device-screen{border:0;border-radius:49em;height:830em;width:390em;display:flex}.device-iphone-14-pro .device-screen span{display:inline-flex}.device-iphone-14-pro .device-stripe:after,.device-iphone-14-pro .device-stripe:before{border:solid rgba(1,1,1,.25);border-width:0 7em;content:"";height:7em;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe:after{top:85em}.device-iphone-14-pro .device-stripe:before{bottom:85em}.device-iphone-14-pro .device-header{background:#010101;border-radius:20em;height:35em;left:50%;margin-left:-60em;position:absolute;top:29em;width:120em}.device-iphone-14-pro .device-sensors:after,.device-iphone-14-pro .device-sensors:before{content:"";position:absolute}.device-iphone-14-pro .device-sensors:after{background:#010101;border-radius:17em;height:33em;left:50%;margin-left:-60em;top:30em;width:74em}.device-iphone-14-pro .device-sensors:before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1em 1em rgba(255,255,255,.05);height:9em;left:50%;margin-left:36em;top:42em;width:9em}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2em;height:32em;left:-2em;position:absolute;top:115em;width:3em}.device-iphone-14-pro .device-btns:after,.device-iphone-14-pro .device-btns:before{background:#1b1721;border-radius:2em;content:"";height:62em;left:0;position:absolute;width:3em}.device-iphone-14-pro .device-btns:after{top:60em}.device-iphone-14-pro .device-btns:before{top:140em}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2em;height:100em;position:absolute;right:-2em;top:200em;width:3em}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4em 2em white,inset 0 0 0 6em #e2e3e4}.device-iphone-14-pro.device-silver .device-btns,.device-iphone-14-pro.device-silver .device-btns:after,.device-iphone-14-pro.device-silver .device-btns:before,.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4em 2em white,inset 0 0 0 6em #d2ab4c}.device-iphone-14-pro.device-gold .device-btns,.device-iphone-14-pro.device-gold .device-btns:after,.device-iphone-14-pro.device-gold .device-btns:before,.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.phone-demo-shell{container-type:inline-size;width:100%;display:flex;justify-content:center}.phone-demo-shell .device-iphone-14-pro{font-size:min(calc(100cqw / 428),calc(72vh / 868))}