:root{--device-purple:#342c3f;--device-purple-dark:#2a2333;--device-purple-highlight:#c5c2c9;--device-silver:#e2e3e4;--device-silver-dark:#c8c9ca;--device-silver-highlight:#fff;--device-black:#76726f;--device-black-dark:#5c5855;--device-black-highlight:#e1e0df;--device-gold:#f6eedb;--device-gold-dark:#d4c4a1;--device-gold-shadow:#b7a06b;--device-gold-highlight:#fff;--device-space-black:#2e2e2e;--device-space-black-dark:#1c1c1c;--device-space-black-highlight:#7a7a7a;--device-panel:var(--foreground);--device-screen-background:var(--background)}.dark{--device-panel:#010101;--device-screen-background:#000}.device-iphone-14-pro{width:428px;height:868px;position:relative}.device-frame{background:var(--device-panel);border:1px solid var(--device-purple-dark);box-shadow:inset 0 0 4px 2px var(--device-purple-highlight),inset 0 0 0 6px var(--device-purple);border-radius:68px;width:428px;height:868px;padding:19px;position:relative}.device-screen{background:var(--device-screen-background);will-change:transform,opacity;border-radius:49px;justify-content:center;align-items:center;width:390px;height:830px;display:flex;overflow:hidden}.device-stripe:after,.device-stripe:before{border:solid hsl(var(--foreground)/.25);content:"";z-index:9;border-width:0 7px;width:100%;height:7px;position:absolute;left:0}.device-stripe:after{top:85px}.device-stripe:before{bottom:85px}.device-header{background:var(--device-panel);border-radius:20px;width:120px;height:35px;margin-left:-60px;position:absolute;top:29px;left:50%}.device-sensors:after,.device-sensors:before{content:"";position:absolute}.device-sensors:after{background:var(--device-panel);border-radius:17px;width:74px;height:33px;margin-left:-60px;top:30px;left:50%}.device-sensors:before{box-shadow:0 0 1px 1px hsl(var(--background)/.05);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:9px;height:9px;margin-left:36px;top:42px;left:50%}.device-btns{background:var(--device-purple-dark);border-radius:2px;width:3px;height:32px;position:absolute;top:115px;left:-2px}.device-btns:after,.device-btns:before{background:var(--device-purple-dark);content:"";border-radius:2px;width:3px;height:62px;position:absolute;left:0}.device-btns:after{top:60px}.device-btns:before{top:140px}.device-power{background:var(--device-purple-dark);border-radius:2px;width:3px;height:100px;position:absolute;top:200px;right:-2px}.device-home:after,.device-home:before{border:solid hsl(var(--foreground)/.25);content:"";z-index:9;border-width:6px 0;width:6px;height:6px;position:absolute}.device-home:after{top:0;right:86px}.device-home:before{bottom:0;left:86px}[data-theme=dark] .device-frame{border-color:var(--device-space-black-dark);box-shadow:inset 0 0 4px 2px var(--device-space-black-highlight),inset 0 0 0 6px var(--device-space-black)}[data-theme=dark] .device-btns,[data-theme=dark] .device-btns:after,[data-theme=dark] .device-btns:before,[data-theme=dark] .device-power{background:var(--device-space-black-dark)}@media (prefers-reduced-motion:reduce){.device-frame{box-shadow:none!important}}.device-iphone-14-pro.device-silver .device-frame{border-color:var(--device-silver-dark);box-shadow:inset 0 0 4px 2px var(--device-silver-highlight),inset 0 0 0 6px var(--device-silver)}.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:var(--device-silver-dark)}.device-iphone-14-pro.device-black .device-frame{border-color:var(--device-black-dark);box-shadow:inset 0 0 4px 2px var(--device-black-highlight),inset 0 0 0 6px var(--device-black)}.device-iphone-14-pro.device-black .device-btns,.device-iphone-14-pro.device-black .device-btns:after,.device-iphone-14-pro.device-black .device-btns:before,.device-iphone-14-pro.device-black .device-power{background:var(--device-black-dark)}.device-iphone-14-pro.device-gold .device-frame{border-color:var(--device-gold-dark);box-shadow:inset 0 0 4px 2px var(--device-gold-highlight),inset 0 0 0 6px var(--device-gold)}.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:var(--device-gold-dark)}