.dframe[data-v-befcc9b2]{container-type:inline-size;flex-shrink:0;max-width:100%;position:relative;width:min(var(--dframe-w,560px),calc(100vw - 4rem))}.dframe__body[data-v-befcc9b2]{background:var(--fill);border-radius:var(--r-out);box-shadow:var(--shadow-device),inset 0 0 0 1px #ffffff17,inset 0 1px #ffffff24;padding:var(--bez);position:relative}.dframe__screen[data-v-befcc9b2]{aspect-ratio:var(--ratio);background:var(--color-neutral-warm);border-radius:var(--r-in);box-shadow:inset 0 0 0 1px #0000008c;overflow:hidden;position:relative;width:100%}.dframe__screen img[data-v-befcc9b2]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.dframe__cam[data-v-befcc9b2]{background:radial-gradient(circle at 35% 35%,#4c4c50,#0a0a0b 70%);border-radius:50%;height:var(--cam-size);left:50%;position:absolute;top:calc(var(--bez)*.5);transform:translate(-50%,-50%);width:var(--cam-size)}.dframe__btn[data-v-befcc9b2]{background:linear-gradient(#6d6d72,#3a3a3e);border-radius:.6cqw;display:none;position:absolute}.dframe--ios-ipad[data-v-befcc9b2]{--ratio:2420/1668;--bez:2.4cqw;--r-out:4.8cqw;--r-in:2.4cqw;--cam-size:1.1cqw;--fill:linear-gradient(155deg,#4a4a4d,#242426 26%,#131315 62%,#3a3a3d)}.dframe--ios-ipad .dframe__btn[data-v-befcc9b2]{display:block}.dframe--ios-ipad .dframe__btn--power[data-v-befcc9b2]{border-radius:.5cqw 0 0 .5cqw;height:11%;left:-.4cqw;top:12%;width:.5cqw}.dframe--ios-ipad .dframe__btn--vol-a[data-v-befcc9b2]{height:.5cqw;left:62%;top:-.4cqw;width:7%}.dframe--ios-ipad .dframe__btn--vol-b[data-v-befcc9b2]{height:.5cqw;left:71%;top:-.4cqw;width:7%}.dframe--ios-iphone[data-v-befcc9b2]{--ratio:2868/1320;--bez:1.05cqw;--r-out:6.9cqw;--r-in:5.8cqw;--fill:linear-gradient(150deg,#5a5a5e,#2a2a2d 22%,#0e0e10 58%,#43434a)}.dframe--ios-iphone .dframe__island[data-v-befcc9b2]{background:#000;border-radius:99px;height:29%;left:1.6cqw;position:absolute;top:50%;transform:translateY(-50%);width:4cqw;z-index:2}.dframe--ios-iphone .dframe__island[data-v-befcc9b2]:after{aspect-ratio:1;background:#101a24;border-radius:50%;content:"";left:50%;position:absolute;top:12%;transform:translate(-50%);width:55%}.dframe--ios-iphone .dframe__indicator[data-v-befcc9b2]{background:#00000052;border-radius:99px;height:33%;position:absolute;right:.9cqw;top:50%;transform:translateY(-50%);width:.55cqw;z-index:2}.dframe--ios-iphone .dframe__btn[data-v-befcc9b2]{display:block}.dframe--ios-iphone .dframe__btn--vol-a[data-v-befcc9b2]{height:.45cqw;left:15%;top:-.35cqw;width:4%}.dframe--ios-iphone .dframe__btn--vol-b[data-v-befcc9b2]{height:.45cqw;left:22%;top:-.35cqw;width:9%}.dframe--ios-iphone .dframe__btn--power[data-v-befcc9b2]{bottom:-.35cqw;filter:brightness(.9);height:.45cqw;left:18%;width:11%}.dframe--android-phone[data-v-befcc9b2]{--ratio:2400/1080;--bez:1.3cqw;--r-out:3.2cqw;--r-in:1.6cqw;--fill:linear-gradient(150deg,#33383b,#1b1e20 45%,#0d0e0f)}.dframe--android-phone .dframe__punch[data-v-befcc9b2]{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#2a3038,#000 68%);border-radius:50%;box-shadow:0 0 0 1px #00000080;left:2.1cqw;position:absolute;top:50%;transform:translateY(-50%);width:1.15cqw;z-index:2}.dframe--android-phone .dframe__btn[data-v-befcc9b2]{display:block}.dframe--android-phone .dframe__btn--power[data-v-befcc9b2]{height:.45cqw;left:20%;top:-.35cqw;width:7%}.dframe--android-phone .dframe__btn--vol-a[data-v-befcc9b2]{height:.45cqw;left:30%;top:-.35cqw;width:12%}.dframe--android-phone .dframe__btn--vol-b[data-v-befcc9b2]{display:none}.dframe--android-tablet[data-v-befcc9b2]{--ratio:2560/1600;--bez:3.6cqw;--r-out:4.8cqw;--r-in:1.2cqw;--cam-size:1.2cqw;--fill:linear-gradient(150deg,#2e3336,#191c1e 50%,#0f1112)}.dframe--android-tablet .dframe__cam[data-v-befcc9b2]{background:radial-gradient(circle at 40% 35%,#363c40,#050607 72%);box-shadow:inset 0 0 2px #000}.dframe--android-tablet .dframe__btn[data-v-befcc9b2]{display:block}.dframe--android-tablet .dframe__btn--power[data-v-befcc9b2]{height:.5cqw;right:12%;top:-.4cqw;width:6%}.dframe--android-tablet .dframe__btn--vol-a[data-v-befcc9b2],.dframe--android-tablet .dframe__btn--vol-b[data-v-befcc9b2]{display:none}.dframe--nochrome .dframe__body[data-v-befcc9b2]{background:none;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:0}.dframe--nochrome .dframe__screen[data-v-befcc9b2]{border-radius:var(--radius-card);box-shadow:none}