.pd-device .pd-screen-viewport{position:relative;overflow:hidden}.pd-device .pd-screen-viewport .pd-screen-static{object-fit:contain;width:100%;height:100%;display:block}.pd-screen-mask{pointer-events:none;position:absolute;overflow:hidden}.pd-device .pd-screen-viewport .pd-screen-loading{pointer-events:none;position:absolute;inset:0}.pd-screen-phone-mask{inset:0 0 var(--pd-screen-controls-height,0px);visibility:hidden}.pd-screen-phone-mask[data-active=true]{visibility:visible}.pd-screen-track{width:100%;position:relative}.pd-screen-phone-track{overflow:hidden}.pd-screen-phone-content{position:absolute;inset:0;overflow:hidden}.pd-device .pd-screen-viewport .pd-screen-native-image{width:100%;max-width:none;height:auto;display:block}.pd-screen-phone-track .pd-screen-native-image{position:absolute;inset:0 0 auto}.pd-screen-phone-controls{height:var(--pd-screen-controls-height,0px);visibility:hidden;pointer-events:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pd-screen-phone-controls[data-active=true]{visibility:visible}.pd-screen-phone-controls .pd-screen-native-image{position:absolute;bottom:0;left:0}.pd-screen-capture-plane{visibility:hidden;pointer-events:none;width:100%;height:100%;margin:auto;position:absolute;inset:0}.pd-screen-capture-plane[data-active=true]{visibility:visible}.pd-screen-frame-track{width:100%;overflow:hidden}.pd-screen-frame{width:100%;position:absolute;left:0;overflow:hidden}.pd-screen-fixed-region{position:absolute;overflow:hidden}.pd-device .pd-screen-viewport .pd-screen-frame-image{max-width:none;height:auto;display:block;position:absolute}@media (prefers-reduced-motion:reduce){.pd-screen-track{transform:none!important}.pd-screen-phone-mask,.pd-screen-phone-controls,.pd-screen-capture-plane{visibility:hidden!important}}
.pd-device{isolation:isolate;width:100%;position:relative;container-type:inline-size}.pd-body{background:linear-gradient(115deg,#b1b2b5,#4c4d52 12%,#a7a8ac 49%,#4a4b50 78%,#c0c1c4);border-radius:1.7cqw;padding:.35%;position:relative;box-shadow:0 1px 2px #0a0b0d80,0 22px 42px -25px #17151c80}.pd-glass{background:#101113;border:.8cqw solid #101113;border-radius:1.4cqw;position:relative;overflow:hidden}.pd-screen{background:#f5f3ed;position:relative;overflow:hidden}.pd-screen img{width:100%;height:auto;display:block}.pd-camera-rail{background:#101113;height:1.1cqw;position:relative}.pd-camera-rail i{background:#182d3b;border-radius:50%;width:.5cqw;height:.5cqw;position:absolute;top:-.1cqw;left:calc(50% - .25cqw);box-shadow:inset 0 0 .15cqw #657e87}.pd-bottom-rail{background:#101113;height:.65cqw}.pd-phone-solid{aspect-ratio:1/2.12;transform-style:preserve-3d;transform:perspective(650cqw) rotateY(var(--pd-phone-yaw,23deg));position:relative}.pd-phone .pd-body{backface-visibility:hidden;aspect-ratio:1/2.12;background:linear-gradient(105deg,#303135 0%,#a4a5a9 1%,#424348 2.6%,#68696d 49%,#292a2e 97%,#a1a2a6 99%,#343539 100%);border-radius:14.4cqw;padding:1.15cqw;transform:translateZ(5.5cqw);box-shadow:0 0 0 .2cqw #17181b,inset 0 0 .35cqw #f3f3f366}.pd-phone-back{background:#57585c;border-radius:14.4cqw;position:absolute;inset:0;transform:translateZ(-5.5cqw);box-shadow:0 2cqw 3cqw -.7cqw #18161f28,0 9cqw 13cqw -7cqw #18151f55}.pd-side,.pd-end,.pd-corner{backface-visibility:hidden;position:absolute}.pd-side{width:11cqw;height:183.2cqw;transform-style:preserve-3d;background:linear-gradient(90deg,#56575c,#a9a9ac 17%,#818287 44%,#67686e 75%,#c8c8cb 92%,#77787c);top:14.4cqw}.pd-side-left{left:-5.5cqw;transform:rotateY(-90deg)}.pd-side-right{right:-5.5cqw;transform:rotateY(90deg)}.pd-end{background:linear-gradient(#68696d,#aaabae 18%,#818287 75%,#c8c8cb 94%,#77787c);width:71.2cqw;height:11cqw;left:14.4cqw}.pd-end-top{top:-5.5cqw;transform:rotateX(90deg)}.pd-end-bottom{bottom:-5.5cqw;transform:rotateX(-90deg)}.pd-corner{background:linear-gradient(#77787c,#c8c8cb 8%,#818287 42%,#a9a9ac 85%,#56575c);height:11cqw}.pd-antenna{background:#414247;width:100%;height:1cqw;position:absolute;left:0;box-shadow:0 .15cqw .12cqw #d1d1d44d}.pd-antenna-top{top:8cqw}.pd-antenna-bottom{bottom:8cqw}.pd-port{background:#202126;border-radius:2cqw;width:13.2cqw;height:3.4cqw;position:absolute;top:3.8cqw;left:29cqw;box-shadow:inset 0 .4cqw .5cqw #090a0c,0 0 0 .3cqw #9a9b9e}.pd-phone .pd-glass{background:#f5f3ed;border:1.25cqw solid #08090b;border-radius:13.25cqw;grid-template-rows:11cqw minmax(0,1fr) 4cqw;height:100%;display:grid}.pd-phone .pd-screen{background:#f5f3ed;min-height:0}.pd-status{color:#131316;background:#f5f3ed;position:relative}.pd-time{letter-spacing:-.12cqw;font:650 3.2cqw/1 system-ui,sans-serif;position:absolute;top:4.1cqw;left:7.8cqw}.pd-island{background:#07080a;border-radius:5cqw;width:28cqw;height:7.7cqw;position:absolute;top:2.15cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 -.15cqw .3cqw #ffffff18}.pd-island i{background:radial-gradient(circle at 38% 32%,#344452 0,#101c2c 35%,#060a12 68%);border-radius:50%;width:2.5cqw;height:2.5cqw;position:absolute;top:2.6cqw;right:2.5cqw;box-shadow:0 0 0 .4cqw #0e1015}.pd-status-icons{width:14.8cqw;height:3.4cqw;position:absolute;top:4.05cqw;right:6.1cqw}.pd-phone .pd-bottom-rail{background:#f5f3ed;height:auto;position:relative}.pd-phone .pd-bottom-rail i{background:#1d1d20;border-radius:99px;width:30%;height:.85cqw;position:absolute;bottom:1.4cqw;left:35%}.pd-action-button,.pd-power,.pd-volume{background:linear-gradient(90deg,#5e5f65,#b8b8bd 32%,#8a8b91 74%,#5c5d62);border:.25cqw solid #3a3b40;border-radius:1.8cqw;width:6.6cqw;position:absolute;left:2.2cqw;transform:translateZ(.85cqw);box-shadow:0 0 0 .35cqw #34353a,inset .35cqw .35cqw .4cqw #e1e1e4aa,.5cqw .7cqw .7cqw #15161b80}.pd-power{height:25cqw;top:45cqw}.pd-action-button{height:7.4cqw;top:21.6cqw}.pd-volume{height:13.8cqw}.pd-volume-up{top:36.5cqw}.pd-volume-down{top:53.4cqw}.pd-tablet .pd-body{border-radius:3.8cqw;padding:.4cqw}.pd-tablet .pd-glass{border-width:1.6cqw;border-radius:3.4cqw}.pd-tablet .pd-screen{border-radius:1.8cqw}.pd-tablet .pd-camera-rail{height:.65cqw}.pd-tablet .pd-camera-rail i{width:.55cqw;height:.55cqw;top:-.6cqw}.pd-tablet .pd-bottom-rail{height:.3cqw}.pd-laptop .pd-body{border-radius:2.1cqw 2.1cqw .65cqw .65cqw;padding:.35cqw}.pd-laptop .pd-glass{border-width:.85cqw;border-radius:1.75cqw 1.75cqw .3cqw .3cqw}.pd-laptop .pd-screen{border-radius:.7cqw .7cqw 0 0}.pd-laptop .pd-camera-rail{height:1.7cqw}.pd-laptop .pd-camera-rail:before{content:"";z-index:2;background:#101113;border-radius:0 0 .5cqw .5cqw;width:10%;height:2cqw;position:absolute;top:-.05cqw;left:45%}.pd-laptop .pd-camera-rail i{z-index:3;top:.2cqw}.pd-laptop .pd-bottom-rail{background:linear-gradient(#111214,#212327 70%,#111214);height:1.35cqw}.pd-laptop-base{background:linear-gradient(#b5b7bc 0%,#e2e3e6 12%,#a0a2a8 27%,#74767e 66%,#3a3d43 93%,#23252b 100%);border-radius:.2cqw .2cqw 4cqw 4cqw/.2cqw .2cqw 1.8cqw 1.8cqw;width:112%;height:2.7cqw;margin-top:-.2cqw;margin-left:-6%;position:relative;box-shadow:0 .4cqw .5cqw -.2cqw #1b1c2270,0 4cqw 5cqw -2cqw #19182035}.pd-laptop-base>span{background:linear-gradient(#81848c,#b9bbc0);border-radius:0 0 1cqw 1cqw;width:12%;height:.8cqw;position:absolute;top:0;left:44%;box-shadow:0 .12cqw .1cqw #ebecedaa}.pd-display .pd-body{z-index:1;background:linear-gradient(115deg,#e2e3e4,#85878a 18%,#bdc0c2 80%,#77797c);border-radius:.75cqw;padding:.2cqw;box-shadow:0 .12cqw .18cqw #14151780,0 1.6cqw 3cqw -1.6cqw #17151c70}.pd-display .pd-glass{background:#111214;border:1.7cqw solid #111214;border-radius:.55cqw;overflow:visible;box-shadow:inset 0 0 0 .09cqw #ffffff0d}.pd-display .pd-screen{aspect-ratio:16/9;border-radius:.12cqw}.pd-display .pd-camera-rail{height:1.7cqw;position:absolute;inset:-1.7cqw 0 auto}.pd-display .pd-camera-rail i{background:radial-gradient(circle at 40% 35%,#263440,#0b1219 55%,#080a0d);width:.42cqw;height:.42cqw;top:.64cqw;left:calc(50% - .21cqw);box-shadow:0 0 0 .12cqw #0a0b0e}.pd-display .pd-bottom-rail{display:none}.pd-stand{z-index:0;height:18.6cqw;margin-top:-.1cqw;position:relative}.pd-neck{background:linear-gradient(#77797b 0%,#aaacae 13%,#c1c3c4 43%,#d0d2d3 87%,#b4b6b8 96%,#8e9194);border-inline:.1cqw solid #a3a5a7;width:23%;position:absolute;top:0;bottom:.65cqw;left:38.5%;box-shadow:inset .15cqw 0 .25cqw #f2f3f34d,inset -.15cqw 0 .2cqw #6b6e7033}.pd-neck:after{content:"";background:linear-gradient(#bdc0c2,#dedfe0 40%,#9da0a3 72%,#62666a);height:1.2cqw;position:absolute;bottom:0;left:0;right:0}.pd-foot{background:linear-gradient(#dfe1e2 0%,#c9ccce 28%,#8b8f93 62%,#6c7074 100%);border-radius:.12cqw .12cqw .2cqw .2cqw;width:24.2%;height:.9cqw;position:absolute;bottom:0;left:37.9%;box-shadow:0 .12cqw .08cqw #22262a70}.pd-ground-shadow{filter:blur(.25cqw);z-index:-1;background:radial-gradient(#25232966,#0000 70%);width:35%;height:1.6cqw;position:absolute;bottom:-.55cqw;left:32.5%}@media (prefers-reduced-motion:reduce){.pd-device *{transition:none!important;animation:none!important}}