.connection-demo{--cd-ink:#10182f;--cd-muted:#647184;--cd-teal:#1fbbbd;--cd-border:#e1e9ed;width:min(1160px,100vw - 40px);color:var(--cd-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f9fc;border:1px solid #e7edf1;border-radius:24px;margin:104px 0 88px;padding:56px 19px 28px;position:relative;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.connection-demo{border-color:#0000;box-shadow:0 0 0 1px #ffffff14,0 24px 70px #0000008c}}.connection-demo *,.connection-demo :before,.connection-demo :after{box-sizing:border-box}.connection-demo .cd-heading{text-align:center}.connection-demo .cd-eyebrow{color:#147e83;letter-spacing:.17em;margin:0 0 16px;font-size:12px;font-weight:750}.connection-demo h2{letter-spacing:-.045em;color:var(--cd-ink);margin:0;font-size:clamp(30px,3.5vw,46px);font-weight:720;line-height:1.13}.connection-demo h2 span{color:#17898f}.connection-demo .cd-subtitle{color:var(--cd-muted);margin:18px 0 0;font-size:17px}.cd-scroll-track{margin-top:26px;position:relative}.cd-network{aspect-ratio:1120/800;isolation:isolate;width:100%;position:relative}.cd-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cd-source{z-index:2;text-align:center;width:38%;position:absolute;top:25%;left:31%}.cd-source:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#1fbbbd0d,#0000 68%);border-radius:50%;position:absolute;inset:-38% -12%}.cd-source-label{color:#528085;letter-spacing:.17em;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.cd-source-status{color:#3e656d;background:#f7f9fc;justify-content:center;align-items:center;gap:7px;margin-top:17px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.cd-source-status>span{color:#a4b7be}.cd-source-status i,.cd-app-top b i,.cd-app-bottom i,.cd-stream-top b i{background:var(--cd-teal);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.cd-destination{border:1px solid var(--cd-border);z-index:2;background:#fff;border-radius:22px;width:24%;padding:18px 20px 16px;position:absolute;box-shadow:0 5px 20px #10182f03}.cd-destination-0{top:3%;left:1%}.cd-destination-1{top:45%;left:1%}.cd-destination-2{top:3%;right:1%}.cd-destination-3{top:45%;right:1%}.cd-destination-4{width:30%;top:68%;left:35%}.cd-destination-heading{justify-content:space-between;align-items:start;gap:8px;margin-bottom:17px;display:flex}.connection-demo h3{letter-spacing:-.015em;color:var(--cd-ink);margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.3}.cd-destination-heading>div>span{letter-spacing:.075em;color:#577681;font-size:9px;font-weight:650;display:block}.cd-number{color:#94a6ae;font-variant-numeric:tabular-nums;padding-top:1px;font-size:11px}.cd-device{opacity:.16;transition:opacity .55s;position:relative}.is-on .cd-device{opacity:1;transition-delay:var(--on-delay)}.cd-static .cd-device{opacity:1;transition:none}.cd-lyrics{color:#fff;background:radial-gradient(at 80% 95%,#366c79 0,#0000 55%),linear-gradient(145deg,#152c45,#234854);width:100%;height:100%;position:relative;overflow:hidden}.cd-lyrics:after{content:"";opacity:0;background:#081019;transition:opacity .3s;position:absolute;inset:0}.cd-lyrics.is-black:after{opacity:1}.cd-lyrics>span{text-align:center;white-space:pre-line;letter-spacing:.01em;justify-content:center;align-items:center;padding:10px;font-size:12px;font-weight:550;line-height:1.5;display:flex;position:absolute;inset:0}.cd-laptop{width:100%;position:relative}.cd-laptop-lid{aspect-ratio:1.6;background:#263540;border:5px solid #263540;border-top-width:8px;border-radius:9px 9px 3px 3px;width:90%;margin:auto;position:relative;box-shadow:0 5px 10px #10182f09}.cd-laptop-lid:before{content:"";background:#687c85;border-radius:50%;width:3px;height:3px;position:absolute;top:-5px;left:calc(50% - 1.5px)}.cd-laptop-base{background:linear-gradient(#d6dee3,#a6b4be);border:1px solid #a6b4be;border-radius:1px 1px 60% 60%/1px 1px 90% 90%;width:100%;height:8px;position:relative}.cd-laptop-base i{background:#9cabaf;border-radius:0 0 5px 5px;width:16%;height:3px;margin:auto;display:block}.cd-app{--app-bg:#11181d;--app-panel:#19242b;--app-border:#334857;--app-accent:#00c5a7;--app-dim:#a3afb8;background:var(--app-bg);color:#f3f5f6;text-align:left;border-radius:3px;flex-direction:column;height:100%;display:flex;overflow:hidden}.cd-app-title{color:#a3afb8;background:#24292c;flex-shrink:0;justify-content:center;align-items:center;height:10px;font-size:4px;display:flex;position:relative}.cd-app-title>span{gap:3px;display:flex;position:absolute;left:5px}.cd-app-title i{background:#5f686d;border-radius:50%;width:3px;height:3px}.cd-app-top{background:var(--app-panel);border-bottom:1px solid var(--app-border);flex-shrink:0;justify-content:space-between;align-items:center;height:22px;padding:3px 5px;display:flex}.cd-app-tabs{color:var(--app-dim);align-items:center;gap:7px;font-size:5px;font-weight:700;display:flex}.cd-app-tabs b{color:#f3f5f6;background:#2a3c48;border-radius:3px;padding:3px 7px}.cd-app-remote{letter-spacing:.12em;color:var(--app-dim);align-items:center;gap:3px;font-size:4px;display:flex}.cd-app-remote i{background:#22c55e;border-radius:50%;width:3px;height:3px}.cd-app-body{flex:1;grid-template-columns:23% 47% 30%;min-height:0;display:grid}.cd-sidebar{border-right:1px solid var(--app-border);flex-direction:column;gap:4px;min-width:0;padding:5px 4px;font-size:4px;display:flex;overflow:hidden}.cd-library-tabs{color:var(--app-dim);justify-content:space-between;align-items:center;gap:2px;font-size:3.5px;display:flex}.cd-library-tabs b{color:var(--app-accent);background:#003e35;border-radius:3px;padding:3px}.cd-sidebar small,.cd-live-panel>small{color:var(--app-dim);letter-spacing:.1em;font-size:3.5px}.cd-library-search{border:1px solid var(--app-border);white-space:nowrap;background:#22303a;border-radius:3px;padding:3px;overflow:hidden}.cd-library-list{background:#080c0e;border-radius:3px;flex-direction:column;flex:1;gap:5px;min-height:0;padding:5px 3px;display:flex;overflow:hidden}.cd-library-list span{white-space:nowrap}.cd-library-list b{color:var(--app-accent);background:#003e35;margin:-2px -1px;padding:3px 1px;font-weight:500}.cd-playlist{border:1px solid var(--app-border);background:#19242b;border-radius:3px;flex-direction:column;gap:4px;padding:4px;display:flex}.cd-playlist>span:first-child{color:var(--app-dim)}.cd-playlist b{color:#00e4bf;font-weight:500}.cd-editor{flex-direction:column;gap:6px;min-width:0;padding:5px;display:flex}.cd-editor-toolbar{background:var(--app-panel);border:1px solid var(--app-border);color:var(--app-dim);border-radius:3px;justify-content:space-between;gap:3px;padding:4px 3px;font-size:3.5px;display:flex}.cd-song-title{justify-content:space-between;gap:4px;font-size:5px;font-weight:600;display:flex}.cd-song-title>span{color:var(--app-dim);align-self:center;font-size:3px}.cd-slides{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:5px;display:grid}.cd-slides>div{aspect-ratio:1.35;background:#080c0e;border:1px solid #334857;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex;position:relative}.cd-slides>div.selected{border-color:var(--app-accent);background:#082a27}.cd-slides b{text-align:center;white-space:pre-line;font-size:4px;font-weight:500;line-height:1.45}.cd-slides span{color:#a3afb8;font-size:3px;position:absolute;bottom:2px;left:3px}.cd-slide-selection{pointer-events:none;border:1px solid #00c5a7;border-radius:3px;position:absolute;inset:-1px}.cd-editor-bottom{background:var(--app-panel);height:9px;color:var(--app-dim);border-radius:3px;justify-content:end;align-items:center;gap:3px;font-size:5px;display:flex}.cd-editor-bottom i{background:var(--app-accent);border-radius:2px;width:25%;height:2px}.cd-live-panel{border-left:1px solid var(--app-border);flex-direction:column;gap:4px;min-width:0;padding:5px;display:flex}.cd-live-label{color:#ff3b4e;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:3px;font-size:5px;display:flex}.cd-live-label i{background:#ff3b4e;border-radius:50%;width:3px;height:3px}.cd-live-tools{color:#a3afb8;align-items:center;gap:5px;font-size:3px;display:flex}.cd-live-tools span{border:1px solid var(--app-border);border-radius:2px;padding:1px 2px}.cd-live-tools i{background:#334857;flex:1;height:2px}.cd-live-preview{aspect-ratio:1.7;border:1px solid #334857;border-radius:3px;overflow:hidden}.cd-live-preview .cd-lyrics{background:#080c0e}.cd-live-preview .cd-lyrics>span{padding:3px;font-size:5px}.cd-stage-mini{background:#080c0e;border:1px solid #334857;border-radius:3px;flex-direction:column;flex:1;gap:2px;min-height:0;padding:3px;display:flex;overflow:hidden}.cd-stage-mini b,.cd-stage-mini small{color:#00c5a7;font-size:3px}.cd-stage-mini span{white-space:pre-line;font-size:4px;line-height:1.3}.cd-stage-mini span:last-child{color:#a3afb8;font-size:3px}.cd-live-controls{color:var(--app-dim);justify-content:space-between;font-size:6px;display:flex}.cd-app-bottom{border-top:1px solid var(--app-border);background:var(--app-panel);color:#a3afb8;justify-content:space-between;padding:3px 5px;font-size:3px;display:flex}.cd-app-bottom span{align-items:center;gap:3px;display:flex}.cd-app-bottom i{background:#22c55e;width:3px;height:3px}.cd-source-pulse{pointer-events:none;border:1px solid #1fbbbd;border-radius:12px;position:absolute;inset:23px 4% 32px}.cd-signal{filter:drop-shadow(0 0 3px #1fbbbd80)}.cd-web-devices .cd-lyrics{background:#080c0e}.cd-lyrics.is-cleared>span{opacity:0!important}.cd-audience{padding:5px 0 12px}.cd-projector-bar{background:#c5d0d6;border-radius:3px;height:5px;margin:0 -3px}.cd-projection{aspect-ratio:1.65;border-left:3px solid #e2e9ed;border-right:3px solid #e2e9ed}.cd-projector-bottom{background:#b2c1c8;height:3px;margin:0 -2px}.cd-projector-pull{background:#beced4;width:1px;height:11px;margin:auto;position:relative}.cd-projector-pull:after{content:"";border:1px solid #beced4;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-3px;left:-2px}.cd-stage-device{padding:0 3px}.cd-confidence{color:#fff;background:#111e28;border:5px solid #2c3a44;border-radius:7px;padding:7px}.cd-clock{color:#a4b9c6;border-bottom:1px solid #33414b;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:7px;display:flex}.cd-clock b{color:#f8fafc;font-variant-numeric:tabular-nums;font-size:16px;line-height:1}.cd-confidence-content{height:87px;position:relative}.cd-confidence-content.is-black{opacity:0}.cd-current{width:100%;position:absolute;top:7px}.cd-confidence small{letter-spacing:.08em;color:#55d6ca;font-size:5px;display:block}.cd-current b{white-space:pre-line;font-size:11px;font-weight:550;line-height:1.4;display:block}.cd-next{flex-direction:column;gap:1px;display:flex;position:absolute;top:54px}.cd-next small{color:#a7b9c4}.cd-next span{color:#cedae0;white-space:pre-line;font-size:6px;line-height:1.3}.cd-notes{color:#bdc6cc;border-top:1px solid #33414b;padding-top:5px;font-size:6px}.cd-notes small{color:#d1b88d;margin-right:4px;display:inline}.cd-monitor-foot{border-bottom:3px solid #b7c6cd;width:34%;height:11px;margin:auto;position:relative}.cd-monitor-foot:before{content:"";background:#b7c6cd;width:25%;position:absolute;top:0;bottom:0;left:37.5%}.cd-stream-frame{background:#17252f;border:5px solid #2c3a44;border-radius:7px;overflow:hidden}.cd-stream-top{color:#b8cad3;justify-content:space-between;padding:5px;font-size:5px;display:flex}.cd-stream-top b{color:#88dacc;align-items:center;gap:3px;font-size:5px;display:flex}.cd-stream-top b i{width:3px;height:3px}.cd-stream-preview{aspect-ratio:1.9;background:#28434e;margin:0 5px;position:relative;overflow:hidden}.cd-stage-scene{background:radial-gradient(at 50% 0,#59737855,#0000 65%),linear-gradient(#48616b,#132e3b);justify-content:center;align-items:center;gap:22%;display:flex;position:absolute;inset:0}.cd-stage-scene>i{background:#7194974d;width:2px;height:55%;transform:rotate(18deg)}.cd-stage-scene>i:nth-child(2){transform:rotate(0)}.cd-stage-scene>i:last-child{transform:rotate(-18deg)}.cd-lower-third{border-left:2px solid var(--cd-teal);height:35%;position:absolute;bottom:10%;left:5%;right:5%}.cd-lower-third .cd-lyrics{background:#0d1e2fd9}.cd-lower-third .cd-lyrics>span{padding:2px 5px;font-size:6px;line-height:1.25}.cd-mixer{gap:3px;height:27px;padding:5px;display:flex}.cd-mixer>div{background:#253642;flex-direction:column;gap:2px;width:33%;padding:3px;display:flex}.cd-mixer i{background:#4a6270;width:60%;height:2px}.cd-mixer .cd-levels{flex-direction:row;justify-content:space-around;align-items:end}.cd-levels i{transform-origin:bottom;background:#6dbeb0;width:3px;height:9px}.cd-levels i:nth-child(2n){height:5px}.cd-running .is-on .cd-levels i{animation:2.7s ease-in-out infinite alternate cd-meter}.cd-running .is-on .cd-levels i:nth-child(2n){animation-delay:-.8s}@keyframes cd-meter{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.cd-web-devices{height:150px;margin:0 -4px;position:relative}.cd-web-tv{border:4px solid #344550;border-radius:5px;width:78%;height:100px;margin:0 4% 0 auto;position:relative}.cd-browser-bar{background:#e6eef1;align-items:center;gap:2px;height:9px;padding:0 3px;display:flex}.cd-browser-bar i{background:#9bb0b9;border-radius:50%;width:2px;height:2px}.cd-browser-bar span{color:#6b7e8b;margin-left:3px;font-size:4px}.cd-web-tv>.cd-lyrics{height:calc(100% - 9px)}.cd-web-tv .cd-lyrics>span{font-size:9px}.cd-web-laptop{width:64%;position:absolute;bottom:1px;left:0}.cd-web-laptop .cd-laptop-lid{border-width:5px 3px 3px;border-radius:5px 5px 1px 1px}.cd-web-laptop .cd-laptop-lid:before{width:2px;height:2px;top:-3px}.cd-web-laptop .cd-laptop-base{height:5px}.cd-web-laptop .cd-lyrics>span{padding:3px;font-size:7px}.cd-tablet{border:4px solid #40505b;border-radius:7px;width:30%;height:80px;position:absolute;bottom:0;right:0}.cd-tablet .cd-lyrics>span{padding:3px;font-size:6px}.cd-enhanced .cd-screen-power{opacity:.25;transition:opacity .4s}.cd-enhanced .is-on .cd-screen-power{opacity:1;transition-delay:calc(var(--on-delay) + var(--power-delay))}.cd-phone{color:#eee;background:#111;border:4px solid #354650;border-radius:22px;flex-direction:column;width:min(224px,100%);height:264px;margin:auto;padding:13px 0 9px;display:flex;position:relative;box-shadow:0 3px 10px #10182f09}.cd-phone-camera{background:#3d484f;border-radius:3px;width:24px;height:3px;position:absolute;top:5px;left:calc(50% - 12px)}.cd-phone-header{border-bottom:1px solid #2e2e2e;align-items:center;gap:4px;padding:7px 7px 8px;display:flex}.cd-phone-header>i{background:#22c55e;border-radius:50%;width:4px;height:4px}.cd-phone-header b{flex:1;font-size:7px;font-weight:600}.cd-phone-header>span{color:#8a8a8a;font-variant-numeric:tabular-nums;font-size:6px}.cd-phone-header svg{stroke:#a3afb8;stroke-width:1.2px;width:11px;height:11px;margin-left:3px}.cd-phone-main{flex-direction:column;flex:1;min-height:0;padding:9px;display:flex}.cd-phone-main>small{color:#69a777;letter-spacing:.12em;font-size:6px;font-weight:700}.cd-phone-preview{flex:1;min-height:0;margin-top:6px}.cd-phone-preview .cd-lyrics{background:#111}.cd-phone-preview .cd-lyrics>span{text-align:left;letter-spacing:-.02em;justify-content:start;align-items:start;padding:0;font-size:15px;font-weight:500;line-height:1.32}.cd-phone-next{color:#8a8a8a;border-top:1px solid #2e2e2e;min-height:37px;margin-top:5px;padding-top:7px}.cd-phone-next>small{letter-spacing:.1em;margin-bottom:2px;font-size:4px;display:block}.cd-phone-next>span{white-space:pre-line;font-size:8px;line-height:1.3;display:block}.cd-remote-controls{background:#1b1b1b;border-top:1px solid #2e2e2e;grid-template-columns:repeat(3,minmax(44px,1fr)) minmax(44px,1.6fr);gap:3px;padding:4px;display:grid}.connection-demo .cd-remote-controls button{color:#eee;cursor:pointer;touch-action:manipulation;background:#262626;border:0;border-radius:6px;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:4px;font:600 7px/1 system-ui,sans-serif;transition:transform .18s,background .18s;display:flex;position:relative}.cd-remote-controls svg{fill:currentColor;width:15px;height:15px}.cd-remote-controls .cd-control-black svg{fill:#000;stroke:#657078;stroke-width:1px}.connection-demo .cd-remote-controls .cd-advance{background:#1f4629}.connection-demo .cd-remote-controls button:hover{background:#354539}.connection-demo .cd-remote-controls button:active,.connection-demo .cd-remote-controls .is-pressed{background:#2f7a45;transform:scale(.94)}.connection-demo .cd-remote-controls button[aria-pressed=true]{background:#8a2b2b}.connection-demo .cd-remote-controls button:disabled{cursor:default}.cd-touch-ring{pointer-events:none;border:1px solid #a3e8b6;border-radius:50%;width:25px;height:25px;position:absolute}.connection-demo button:focus-visible{outline-offset:3px;outline:2px solid #1fbbbd}.cd-home-indicator{background:#5c6265;border-radius:3px;width:34px;height:2px;position:absolute;bottom:3px;left:calc(50% - 17px)}.cd-remote-hint{color:#657a86;text-align:center;margin-top:12px;font-size:10px;line-height:1.5;display:block}.cd-demo-footer{border-top:1px solid #e1e9ed;justify-content:center;align-items:center;min-height:68px;margin-top:24px;padding-top:24px;display:flex;position:relative}.cd-coming{text-align:center}.cd-coming>span{letter-spacing:.15em;color:#6b7b89;background:#eaf0f4;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.cd-coming p{color:#657485;margin:8px 0 0;font-size:13px}.connection-demo .cd-pause{color:#627887;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-height:44px;padding:8px;font-size:11px;display:flex;position:absolute;left:8px}.cd-pause svg{width:13px;height:13px}.cd-mobile-cable,.cd-mobile-progress,.cd-sync-preview,.cd-mobile-pause{display:none}.cd-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=900px) and (width<=1100px){.cd-destination{padding:15px}.connection-demo h3{font-size:12px}.cd-web-devices{height:133px}.cd-web-tv{height:85px}.cd-confidence-content{height:78px}.cd-current b{font-size:9px}.cd-next{top:47px}}@media (width<=899px){.connection-demo{border:0;border-radius:20px;width:100%;margin:72px 0;padding:32px 0 24px;left:auto;transform:none}.connection-demo .cd-eyebrow{letter-spacing:.12em;font-size:10px}.connection-demo h2{font-size:clamp(29px,5.5vw,40px)}.connection-demo .cd-subtitle{padding:0 12px;font-size:15px}.cd-scroll-track{height:auto;margin-top:28px}.cd-network{aspect-ratio:auto;max-width:520px;height:auto;min-height:790px;margin:auto;position:relative}.cd-connections{display:none}.cd-source{width:min(76%,300px);margin-left:max(-38%,-150px);top:12px;left:50%}.cd-source-label{margin-bottom:9px;font-size:9px}.cd-source-status{margin-top:9px;font-size:10px}.cd-mobile-cable{width:20px;height:105px;display:block;position:absolute;top:190px;left:calc(50% - 10px)}.cd-destination{pointer-events:none;border-radius:22px;width:min(90%,300px);min-height:254px;margin-left:max(-45%,-150px);padding:18px 22px;top:295px;left:50%;right:auto}.cd-destination[data-active=true]{pointer-events:auto}.cd-enhanced .cd-destination:not([data-active=true]){transition:visibility 0s linear .35s;visibility:hidden!important}.connection-demo h3{font-size:16px}.cd-destination-heading>div>span{font-size:10px}.cd-destination-heading{margin-bottom:14px}.cd-projection{aspect-ratio:1.8}.cd-destination-1 .cd-device{width:90%;margin:auto}.cd-web-devices{height:164px}.cd-web-tv{height:114px}.cd-tablet{height:91px}.cd-phone{width:min(224px,100%)}.cd-destination-4{padding-top:14px;padding-bottom:12px;top:274px}.cd-destination-4 .cd-destination-heading{margin-bottom:8px}.cd-sync-preview{grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0 0;display:grid}.cd-sync-preview>div{border:2px solid #526875;border-radius:3px;height:26px}.cd-sync-preview .cd-lyrics>span{padding:1px;font-size:3px}.cd-sync-preview>div>span{text-align:center;color:#627784;white-space:nowrap;margin-top:3px;font-size:5px;display:block}.cd-remote-hint{margin-top:14px;font-size:9px}.cd-mobile-progress{color:#6f838e;flex-direction:column;align-items:center;gap:7px;width:100%;font-size:10px;display:flex;position:absolute;bottom:2px;left:0}.cd-mobile-progress>span:first-child{font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:10px}.cd-mobile-progress>div{gap:5px;display:flex}.cd-mobile-progress button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.cd-mobile-progress button:before{content:"";background:#dae5ea;border-radius:2px;width:24px;height:3px;transition:background .25s}.cd-mobile-progress button.complete:before{background:#1fbbbd}.cd-mobile-progress button[aria-pressed=true]:before{height:5px}.cd-mobile-progress button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #1fbbbd}.cd-demo-footer{flex-direction:column;gap:14px;min-height:160px;margin-top:24px}.cd-source-status{position:relative}.connection-demo .cd-mobile-pause{color:#527781;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:14px;display:inline-flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.cd-mobile-pause svg{width:14px;height:14px}.connection-demo .cd-pause{order:2;position:static}.cd-static .cd-scroll-track{height:auto}.cd-static .cd-network{flex-direction:column;align-items:center;gap:30px;height:auto;min-height:0;display:flex;position:relative;top:auto}.cd-static .cd-source{margin:0 0 12px;position:relative;top:auto;left:auto}.cd-static .cd-destination{pointer-events:auto;margin:0;position:relative;top:auto;left:auto;opacity:1!important;transform:none!important}.cd-static .cd-destination:before{content:"";background:#1fbbbd;width:2px;height:31px;position:absolute;top:-31px;left:calc(50% - 1px)}.cd-static .cd-mobile-cable,.cd-static .cd-mobile-progress{display:none}}@media (width>=500px) and (width<=899px) and (height<=560px){.cd-network{min-height:440px}.cd-source{width:43%;margin:0;top:65px;left:0}.cd-source-label{font-size:7px}.cd-source-status{gap:3px;font-size:7px}.cd-destination{width:48%;margin:0;padding:12px;top:0;left:auto;right:0}.cd-destination-4{top:0}.connection-demo h3{font-size:13px}.cd-mobile-cable{height:70px;top:100px;left:44%;transform:rotate(-90deg)}.cd-mobile-progress{align-items:start;width:43%;font-size:8px;bottom:10px;left:0}.cd-mobile-progress>div{gap:0}.cd-static .cd-source{width:260px}.cd-static .cd-destination{width:min(90%,300px);right:auto}}@media (prefers-reduced-motion:reduce){.connection-demo *,.connection-demo :before,.connection-demo :after{transition:none!important;animation:none!important}.cd-cable{stroke-dasharray:none!important;stroke-dashoffset:0!important}}.cd-pending .cd-device{opacity:.16}.cd-pending .cd-cable{visibility:hidden}@media (width<=899px){.cd-pending .cd-destination:not(.cd-destination-0){pointer-events:none;opacity:0!important}}@media (prefers-reduced-motion:reduce),(scripting:none){.connection-demo .cd-device{opacity:1}.connection-demo .cd-cable{visibility:visible}@media (width<=899px){.connection-demo .cd-scroll-track{height:auto}.connection-demo .cd-network{flex-direction:column;align-items:center;gap:30px;height:auto;min-height:0;display:flex;position:relative;top:auto}.connection-demo .cd-source{margin:0 0 12px;position:relative;top:auto;left:auto}.connection-demo.cd-pending .cd-destination,.connection-demo.cd-static .cd-destination{pointer-events:auto;width:min(90%,300px);margin:0;position:relative;top:auto;left:auto;right:auto;opacity:1!important;transform:none!important}.connection-demo .cd-destination:before{content:"";background:#1fbbbd;width:2px;height:31px;position:absolute;top:-31px;left:calc(50% - 1px)}.connection-demo .cd-mobile-cable,.connection-demo .cd-mobile-progress{display:none}}}.connection-demo[data-phase=synced] .cd-remote-hint{color:#147e83}.cd-remote-hint{min-height:30px}@media (width<=899px){.cd-remote-hint{min-height:27px}.cd-source-laptop .cd-app-top{height:18px}.cd-source-laptop .cd-editor{gap:4px}.cd-source-laptop .cd-sidebar{gap:3px}.cd-source-laptop .cd-playlist{gap:2px}}.cd-stage-mini.is-empty>span{opacity:0}@media (width>=900px){.cd-scroll-track{padding-bottom:max(150px,450px - 25vw)}}