.dev[data-astro-cid-ykln7coe]{width:var(--w);--u:calc(var(--w) / 434);flex:none;max-width:100%;margin:0}.dev-body[data-astro-cid-ykln7coe]{aspect-ratio:434/905;border-radius:calc(var(--u) * 78);background:var(--dev-frame);width:100%;box-shadow:inset 0 0 0 calc(var(--u) * 1) #ffffff73, 0 calc(var(--u) * 2) calc(var(--u) * 3) #0000000f, 0 calc(var(--u) * 12) calc(var(--u) * 24) calc(var(--u) * -6) #00000024, 0 calc(var(--u) * 40) calc(var(--u) * 60) calc(var(--u) * -20) #00000047;position:relative}.dev[data-astro-cid-ykln7coe][data-finish=line]{--line-ink:#00000029;--line-fill:#00000006}html[data-page-dark] .dev[data-astro-cid-ykln7coe][data-finish=line]{--line-ink:#ffffff21;--line-fill:#ffffff05}.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-body[data-astro-cid-ykln7coe]{background:var(--line-fill);box-shadow:inset 0 0 0 1px var(--line-ink)}.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-body[data-astro-cid-ykln7coe]:before,.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-body[data-astro-cid-ykln7coe]:after,.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-btn[data-astro-cid-ykln7coe],.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-island[data-astro-cid-ykln7coe]{display:none}.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-glass[data-astro-cid-ykln7coe]{box-shadow:none;background:0 0}.dev[data-astro-cid-ykln7coe][data-finish=line] .dev-screen[data-astro-cid-ykln7coe]{box-shadow:0 0 0 1px var(--line-ink);background:0 0}.dev[data-astro-cid-ykln7coe][data-finish=silver]{--dev-frame:linear-gradient(160deg, #f4f5f7 0%, #d5d7db 16%, #eef0f2 34%, #c3c6cc 52%, #e9eaed 70%, #cfd2d7 86%, #e4e6e9 100%);--dev-btn-a:#c6c9cf;--dev-btn-b:#eceef0}.dev[data-astro-cid-ykln7coe][data-finish=blue]{--dev-frame:linear-gradient(160deg, #3d5a8c 0%, #1f3560 16%, #34507f 34%, #172a4c 52%, #2f4a78 70%, #1c3158 86%, #2a4470 100%);--dev-btn-a:#1b2f52;--dev-btn-b:#3a5687}.dev[data-astro-cid-ykln7coe][data-finish=black]{--dev-frame:linear-gradient(160deg, #2a2a2f 0%, #17171b 18%, #232328 40%, #121215 62%, #1f1f24 84%, #141418 100%);--dev-btn-a:#131316;--dev-btn-b:#2b2b31}.dev[data-astro-cid-ykln7coe][data-finish=black] .dev-body[data-astro-cid-ykln7coe]{box-shadow:inset 0 0 0 calc(var(--u) * 1) #ffffff29, 0 calc(var(--u) * 12) calc(var(--u) * 24) calc(var(--u) * -6) #00000080}.dev[data-astro-cid-ykln7coe][data-finish=black] .dev-glass[data-astro-cid-ykln7coe]{box-shadow:inset 0 0 0 calc(var(--u) * .8) #ffffff0d}.dev[data-astro-cid-ykln7coe][data-finish=orange]{--dev-frame:linear-gradient(160deg, #ff9a4d 0%, #d8641a 16%, #f68b3a 34%, #c4560f 52%, #f1852f 70%, #cd5c12 86%, #ea7b27 100%);--dev-btn-a:#c4560f;--dev-btn-b:#f7a15a}.dev-glass[data-astro-cid-ykln7coe]{inset:calc(var(--u) * 6);border-radius:calc(var(--u) * 72);box-shadow:inset 0 0 0 calc(var(--u) * .8) #ffffff0f;background:#050505;position:absolute}.dev-screen[data-astro-cid-ykln7coe]{inset:calc(var(--u) * 9.5) calc(var(--u) * 10);border-radius:calc(var(--u) * 62);isolation:isolate;background:#e4e8ef;position:absolute;overflow:hidden;transform:translateZ(0)}.dev-screen[data-astro-cid-ykln7coe] img[data-astro-cid-ykln7coe]{object-fit:cover;width:100%;height:100%;display:block}.dev-island[data-astro-cid-ykln7coe]{top:calc(var(--u) * 11);width:calc(var(--u) * 126);height:calc(var(--u) * 37);background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.dev-btn[data-astro-cid-ykln7coe]{width:calc(var(--u) * 4);border-radius:calc(var(--u) * 1.6);background:linear-gradient(90deg, var(--dev-btn-b), var(--dev-btn-a));position:absolute}.dev-action[data-astro-cid-ykln7coe],.dev-vol-up[data-astro-cid-ykln7coe],.dev-vol-down[data-astro-cid-ykln7coe]{left:calc(var(--u) * -3.5)}.dev-power[data-astro-cid-ykln7coe],.dev-camera[data-astro-cid-ykln7coe]{right:calc(var(--u) * -3.5);background:linear-gradient(90deg, var(--dev-btn-a), var(--dev-btn-b))}.dev-action[data-astro-cid-ykln7coe]{top:calc(var(--u) * 166);height:calc(var(--u) * 45)}.dev-vol-up[data-astro-cid-ykln7coe]{top:calc(var(--u) * 241);height:calc(var(--u) * 90)}.dev-vol-down[data-astro-cid-ykln7coe]{top:calc(var(--u) * 350);height:calc(var(--u) * 90)}.dev-power[data-astro-cid-ykln7coe]{top:calc(var(--u) * 259);height:calc(var(--u) * 133)}.dev-camera[data-astro-cid-ykln7coe]{top:calc(var(--u) * 507);height:calc(var(--u) * 78);width:calc(var(--u) * 3);right:calc(var(--u) * -2.5)}.dev-body[data-astro-cid-ykln7coe]:before,.dev-body[data-astro-cid-ykln7coe]:after{content:"";left:calc(var(--u) * 60);right:calc(var(--u) * 60);height:calc(var(--u) * 6);pointer-events:none;background:linear-gradient(90deg,#0000 0 4%,#0000001a 4% 5%,#0000 5% 95%,#0000001a 95% 96%,#0000 96%);position:absolute}.dev-body[data-astro-cid-ykln7coe]:before{top:0}.dev-body[data-astro-cid-ykln7coe]:after{bottom:0}