.phone-frame[data-v-214260c9]{--phone-w:240px;--phone-k:.6667;--phone-bezel:6px;--phone-rim:2px;--phone-r:28px;width:calc(var(--phone-w) + 2 * (var(--phone-bezel) + var(--phone-rim)));padding:var(--phone-bezel);border:var(--phone-rim) solid transparent;border-radius:calc(var(--phone-r) + var(--phone-bezel) + var(--phone-rim));box-shadow:var(--ds-shadow-4);background:linear-gradient(#0b0b0c,#0b0b0c) padding-box padding-box,linear-gradient(150deg,#d9d9dc,#8e8e93 22%,#e4e4e7 48%,#7c7c81 74%,#c7c7cb) border-box;flex:none;position:relative}.phone-frame__key[data-v-214260c9]{background:linear-gradient(90deg,#8e8e93,#d1d1d6);border-radius:2px;width:3px;position:absolute}.phone-frame__key--action[data-v-214260c9]{top:17%;left:calc(-2px - var(--phone-rim));height:4.5%}.phone-frame__key--up[data-v-214260c9]{top:24.5%;left:calc(-2px - var(--phone-rim));height:8%}.phone-frame__key--down[data-v-214260c9]{top:34%;left:calc(-2px - var(--phone-rim));height:8%}.phone-frame__key--power[data-v-214260c9]{top:27%;right:calc(-2px - var(--phone-rim));height:12%}.phone-frame--lg[data-v-214260c9]{--phone-w:288px;--phone-k:.8;--phone-r:34px}.phone-frame--sm[data-v-214260c9]{--phone-w:160px;--phone-k:.4444;--phone-bezel:4px;--phone-r:20px}.phone-frame--xs[data-v-214260c9]{--phone-w:136px;--phone-k:.3778;--phone-bezel:3px;--phone-rim:1.5px;--phone-r:17px}.phone-frame__screen[data-v-214260c9]{width:var(--phone-w);aspect-ratio:360/780;border-radius:var(--phone-r);background:var(--background);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.phone-frame__screen[data-v-214260c9]:after{content:"";z-index:20;border-radius:var(--ds-radius-pill);pointer-events:none;background:#000;width:24%;height:7.4cqw;position:absolute;top:2.8cqw;left:38%}.phone-frame__fit[data-v-214260c9]{width:360px;height:780px;transform:scale(var(--phone-k));transform-origin:0 0;position:absolute;top:0;left:0}