@layer components{.device-desktop{width:100%;position:relative;container-type:inline-size}.device-desktop .device-lid{background:linear-gradient(#08090a,#080809 95%,#030304);border:.15cqw solid #28292b;border-radius:2.7cqw 2.7cqw .8cqw .8cqw;padding:1.2% 1.2% 2.8%;position:relative;box-shadow:0 12px 28px #0004,inset 0 0 0 .15cqw #494b4e50,inset 0 0 .45cqw #6b6d7030}.device-desktop .device-display{aspect-ratio:16/10;color:#eee;background:#15191d;border-radius:1cqw 1cqw .2cqw .2cqw;position:relative;overflow:hidden}.device-desktop .device-camera{z-index:3;background:radial-gradient(circle at 40% 35%,#294254,#0b0f16 45%,#030404 70%);border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:1.45cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 .18cqw #0a0b0d}.device-desktop[data-device=macbook] .device-lid{width:84%;margin-inline:auto}.device-base{z-index:2;background:linear-gradient(90deg,#141416,#505054 .6%,#202023 2%,#0000 7% 93%,#202023 98%,#505054 99.4%,#141416),linear-gradient(#424245,#27272b 18%,#1c1c20 62%,#101013 84%,#39393c 93%,#131315);border-radius:.12cqw .12cqw 2.5cqw 2.5cqw;height:3.7cqw;margin-top:-.15cqw;position:relative;box-shadow:inset 0 .12cqw #80808550,0 .5cqw .8cqw #0005}.device-base:before{content:"";background:linear-gradient(90deg,#080809,#55555a 7%,#46464c 50%,#55555a 93%,#080809);border-radius:0 0 1.4cqw 1.4cqw;width:16%;height:1.3cqw;position:absolute;top:0;left:42%;box-shadow:0 .15cqw .2cqw #0008}.device-desktop[data-device=studio] .device-lid{z-index:2;background:linear-gradient(135deg,#1b1b1c,#111112);border-color:#232426;border-radius:1cqw;padding:2%}.device-desktop[data-device=studio] .device-display{aspect-ratio:16/9;border-radius:0}.device-stand{background:radial-gradient(circle at 50% -1.4cqw,#0000 3.35cqw,#dedfe0 3.4cqw,#c4c6c7 3.85cqw,#0000 3.9cqw),linear-gradient(115deg,#a9abad,#d0d2d3 48%,#b8babc 90%),#bfc1c3;width:24%;height:18cqw;margin-inline:auto;position:relative;-webkit-mask-image:radial-gradient(circle at 50% -1.4cqw,#0000 3.35cqw,#000 3.4cqw);mask-image:radial-gradient(circle at 50% -1.4cqw,#0000 3.35cqw,#000 3.4cqw)}.device-stand:after{content:"";pointer-events:none;background:linear-gradient(#0000 89%,#f0f1f1 96%,#95989a 99%);position:absolute;inset:0}.device-foot{background:linear-gradient(90deg,#77797b,#b2b4b5 2%,#d1d2d3 50%,#b2b4b5 98%,#77797b);border-radius:.15cqw;width:24%;height:1.3cqw;margin-inline:auto;position:relative;box-shadow:inset 0 .2cqw #55575b,0 .2cqw .1cqw #0008}.device-foot:before,.device-foot:after{content:"";background:#242527;border-radius:0 0 .1cqw .1cqw;width:9%;height:.3cqw;position:absolute;bottom:-.25cqw}.device-foot:before{left:2%}.device-foot:after{right:2%}.device-desktop[data-device=studio] .device-camera{top:.75cqw}.device-notch{z-index:2;background:#030404;border-radius:0 0 .6cqw .6cqw;width:12%;height:1.9cqw;position:absolute;top:1.1cqw;left:44%}.device-rubber{background:linear-gradient(#111113,#202023,#080809);border-radius:0 0 .6cqw .6cqw;width:6%;height:.7cqw;position:absolute;bottom:-.45cqw}.device-rubber.left{left:7%}.device-rubber.right{right:7%}.device-frame[data-device=iphone]{aspect-ratio:356/730;background:#030404;border-radius:16%/7.8%;width:100%;padding:2%;position:relative;box-shadow:0 16px 32px #0006;container-type:inline-size}.device-frame[data-device=iphone]:before{z-index:8;border-radius:inherit;background-blend-mode:soft-light, normal;filter:blur(.09cqw);content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.28' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),conic-gradient(#898b8a,#434544 12%,#757776 25%,#353736 37%,#8b8d8c 50%,#484a49 62%,#8e908f 75%,#454746 87%,#898b8a);padding:1.1cqw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.device-frame[data-device=iphone]:after{z-index:8;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 .28cqw .18cqw #050707c0,inset 0 0 .28cqw .9cqw #06080870}.device-button{z-index:0;background-blend-mode:soft-light, normal, normal;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.28' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),linear-gradient(#161818,#0000 8% 90%,#151717),linear-gradient(90deg,#242626,#858887 35%,#5b5e5d 65%,#171919);border-radius:.5cqw;width:.7cqw;position:absolute;box-shadow:0 0 .18cqw #0009,inset .08cqw 0 .15cqw #c5c7c650}.device-glass-edge{z-index:7;border-radius:inherit;pointer-events:none;background:#030404;padding:calc(2% + 1px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.device-button.action{border-radius:.5cqw 0 0 .5cqw;height:4.5%;top:20.5%;left:-.65cqw}.device-button.vol-up{border-radius:.5cqw 0 0 .5cqw;height:7.2%;top:28.5%;left:-.65cqw}.device-button.vol-down{border-radius:.5cqw 0 0 .5cqw;height:7.2%;top:37.8%;left:-.65cqw}.device-button.power{border-radius:0 .5cqw .5cqw 0;height:12%;top:31%;right:-.65cqw}.device-frame[data-device=iphone]>.device-screen{--device-safe-gap:4cqw;--device-island-height:7.6cqw;clip-path:inset(0 round 14.7cqw);background:var(--device-screen-background,#101214);height:100%;color:var(--device-screen-ink,#eee);border-radius:14.7cqw;position:relative;overflow:hidden}.device-island{z-index:5;top:var(--device-safe-gap);width:28cqw;height:var(--device-island-height);background:#000;border-radius:4cqw;position:absolute;left:50%;transform:translate(-50%)}.device-earpiece{z-index:9;background:linear-gradient(#020303,#0d0f0f);border-radius:0 0 1.5cqw 1.5cqw;width:34%;height:.35cqw;position:absolute;top:1.25cqw;left:33%;box-shadow:0 .1cqw .16cqw #777b7a25}.device-antenna{z-index:9;background:#252727;width:.9cqw;height:.65cqw;position:absolute;box-shadow:0 .15cqw #8d909040,0 -.1cqw #99999930}.device-antenna.left{left:.05cqw}.device-antenna.right{right:.05cqw}.device-antenna.top{top:10%}.device-antenna.bottom{bottom:11%}.device-lens{opacity:.65;background:radial-gradient(circle at 40% 35%,#25304a 0%,#0c1020 24%,#15152b 39%,#050609 60%);border-radius:50%;width:3.1cqw;height:3.1cqw;position:absolute;top:50%;right:1.6cqw;transform:translateY(-50%);box-shadow:0 0 0 .35cqw #07080a}.device-status{z-index:4;top:var(--device-safe-gap);height:var(--device-island-height);color:var(--device-status-ink,#eee);font-variant-numeric:tabular-nums;letter-spacing:.01em;justify-content:space-between;align-items:center;padding:0 9.8cqw 0 11.8cqw;font-size:3.65cqw;font-weight:600;display:flex;position:absolute;left:0;right:0}.device-status svg{width:auto;height:3.1cqw;display:block}.device-status .radios{align-items:center;gap:1.4cqw;display:flex}}