.dp-panel{color:#f4f4f5;width:340px;font:400 12px/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans,system-ui), sans-serif;background:#1b1b1d;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 60px -18px #000000bf}.dp-panel-head{align-items:center;gap:8px;padding:14px 16px 0;font-size:13px;font-weight:600;display:flex}.dp-panel-head>:nth-child(2){flex:1}.dp-panel-map{width:280px;height:82px;margin:22px auto 20px;display:block}.dp-panel-status{text-align:center;padding:2px 16px 16px}.dp-panel-state{justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.dp-panel-state i{background:#51d88a;border-radius:50%;width:7px;height:7px}.dp-panel-detail{color:#a1a1aa;margin-top:4px;font-size:11px}.dp-panel-card{background:#222225;border-radius:10px;margin:0 16px;padding:0 12px;box-shadow:inset 0 0 0 1px #ffffff0f}.dp-panel-row{justify-content:space-between;align-items:center;gap:12px;height:40px;display:flex}.dp-panel-row+.dp-panel-row{border-top:1px solid #ffffff0f}.dp-panel-foot{color:#7f7f89;justify-content:center;align-items:center;gap:8px;height:38px;margin-top:6px;font-size:11px;display:flex}.dp-toggle{background:#f25562;border-radius:99px;width:34px;height:18px;display:block;position:relative}.dp-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px;box-shadow:0 1px 1.5px #00000040}.dp-keycap{color:#d4d4d8;background:#303034;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;box-shadow:inset 0 0 0 .5px #ffffff24}.dp-pill{color:#78e3a4;background:#173a2a;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.dp-map{width:100%;height:100%;display:block;position:relative}.dp-screen{background:#242428;border:0;border-radius:3px;padding:0;transition:box-shadow .15s,background-color .25s;display:block;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}button.dp-screen{cursor:pointer}button.dp-screen:hover{box-shadow:inset 0 0 0 1px #ffffff57}.dp-screen:before{content:"";background:#ffffff21;height:max(3px,8%);position:absolute;inset:0 0 auto}.dp-screen[data-on=true]{background:#2b2b30;box-shadow:inset 0 0 0 1.5px #f25562}.dp-screen[data-on=true]:before{background:#ffffff3d}.dp-dock{pointer-events:none;background:#f25562;border-radius:99px;height:3px;transition:left .38s cubic-bezier(.3,1.2,.5,1),top .38s cubic-bezier(.3,1.2,.5,1);position:absolute;transform:translate(-50%)}.dp-hero-scene .hm-mb{height:25px;padding:0 12px;font-size:9.5px}.dp-hero-scene .hm-mb-l{gap:11px}.dp-hero-scene .hm-mb-r{gap:10px}.dp-hero-scene .hm-mb svg{width:auto;height:10px}.dp-hero-scene .hm-mb-l svg{height:11px}.dp-cu{aspect-ratio:10860/4160;width:100%;position:relative;container-type:inline-size}.dp-cu-device{aspect-ratio:5400/4160;width:49.724%;display:block;position:absolute;top:0}.dp-cu-a{left:0}.dp-cu-b{right:0}.dp-cu-frame{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;background:0 0!important}.dp-cu-screen{background:#000;width:94.88%;height:69.3%;display:block;position:absolute;top:3.33%;left:2.56%;overflow:hidden;container-type:inline-size}.dp-cu-wall{object-fit:cover;background:0 0!important}.hm-scene.dp-cu-bar{background:0 0;position:absolute;top:0;left:0}.dp-cu-dock{-webkit-backdrop-filter:blur(24px)saturate(1.7);backdrop-filter:blur(24px)saturate(1.7);background:#ffffff21;border-radius:1.9cqw;gap:.5cqw;width:38cqw;margin-left:-19cqw;padding:.55cqw;display:flex;position:absolute;bottom:1.1cqw;left:50%;box-shadow:inset 0 0 0 .5px #ffffff57,inset 0 1px #ffffff47,0 1.4cqw 3.5cqw #00000052}.dp-cu-dock img{flex:none;width:4.8cqw;min-width:0;height:4.8cqw;display:block;background:0 0!important}.dp-cu-cursor{filter:drop-shadow(0 .2cqw .45cqw #0000008c);width:max(8px,1.6cqw);position:absolute;left:64%}.dp-cu-key{color:#f5f5f7;white-space:nowrap;background:#ffffff24;border-radius:99px;align-items:center;gap:.5em;padding:.5em .95em;font-size:max(11px,1.15cqw);font-weight:500;line-height:1;display:flex;position:absolute;bottom:3.4cqw;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff29}.dp-cu-key b{font-weight:500}.dp-cu-screen{box-shadow:0 0 0 2px #000}.dp-setup-mac-screen{border-radius:2.4%/3.6%;box-shadow:0 0 0 1px #000}.dp-setup{aspect-ratio:1.8;width:100%;max-width:28rem;margin:0 auto;position:relative}.dp-setup .dp-cu-device{width:72%;left:7%}.dp-setup .dp-cu-dock{border-radius:2.25cqw;gap:.65cqw;width:45cqw;margin-left:-22.5cqw;padding:.65cqw;bottom:1.4cqw}.dp-setup .dp-cu-dock img{width:5.6cqw;height:5.6cqw}.dp-setup-mac{aspect-ratio:3860/2540;width:38%;display:block;position:absolute;bottom:0;left:55%}.dp-setup-mac-screen{background:#000;width:78.342%;height:78.189%;display:block;position:absolute;top:10.906%;left:10.829%;overflow:hidden}.dp-cu-a .dp-cu-dock,.dp-cu-b .dp-cu-dock,.dp-cu-cursor,.dp-cu-key{animation-duration:3s;animation-timing-function:ease-in-out;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(var(--t,0) * -1s)}.dp-cu-a .dp-cu-dock{animation-name:dp-dock-a}.dp-cu-b .dp-cu-dock{animation-name:dp-dock-b}.dp-cu-cursor{animation-name:dp-cursor}.dp-cu-key{animation-name:dp-key}@keyframes dp-dock-a{0%,15%{transform:translateY(0)}20%,37.3%{transform:translateY(170%)}41.7%,83.3%{transform:translateY(0)}88.3%,to{transform:translateY(170%)}}@keyframes dp-dock-b{0%,20%{transform:translateY(170%)}26.7%,33.3%{transform:translateY(0)}37.3%,88.3%{transform:translateY(170%)}95%,to{transform:translateY(0)}}@keyframes dp-cursor{0%,2%{top:42%}13.3%,33.3%{top:95%}40%{top:46%}51.7%{top:92%}53.3%{top:89.5%}55%,83.3%{top:92%}85.5%,to{top:95.5%}}@keyframes dp-key{0%,68%{opacity:0;transform:translateY(.5cqw)}73%,to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dp-cu .dp-cu-dock,.dp-cu .dp-cu-cursor,.dp-cu .dp-cu-key{animation-name:none!important}.dp-cu .dp-cu-dock{transform:translateY(170%)}.dp-cu .dp-cu-cursor{top:95.5%}.dp-cu .dp-cu-key{opacity:0}.dp-cu[data-step="0"] .dp-cu-b .dp-cu-dock,.dp-cu[data-step="2"] .dp-cu-b .dp-cu-dock,.dp-cu[data-step="1"] .dp-cu-a .dp-cu-dock{transform:none}.dp-cu[data-step="1"] .dp-cu-cursor{top:92%}.dp-cu[data-step="2"] .dp-cu-key{opacity:1}}@container (max-width:320px){.dp-cu-dock{border-radius:2.9cqw;gap:.8cqw;width:58cqw;margin-left:-29cqw;padding:.8cqw;bottom:1.6cqw}.dp-cu-dock img{width:7.26cqw;height:7.26cqw}.dp-cu-cursor{translate:0 -70%}}.dp-play{width:100%}.dp-setup-mac{transition:opacity .9s .25s,transform 1.3s cubic-bezier(.16,1,.3,1) .25s}.dp-play[data-armed]:not([data-played]) .dp-setup-mac{opacity:0;transform:translate(26%)}.dp-play .dp-panel-row>:last-child{transition:opacity .5s .35s,transform .6s cubic-bezier(.3,1.4,.5,1) .35s}.dp-play[data-armed]:not([data-played]) .dp-panel-row>:last-child{opacity:0;transform:scale(.8)}@media (prefers-reduced-motion:no-preference){.dp-hero-scene .dp-panel{transform-origin:72% 0;animation:.55s cubic-bezier(.2,1.05,.3,1) 1.1s both dp-panel-open}}@keyframes dp-panel-open{0%{opacity:0;transform:translateY(-8px)scale(.95)}}