.sx-root{container-type:inline-size;width:100%}.sx-stage{--sx-accent:#f0852a;--sx-accent-tint:rgba(240,133,42,0.07);--sx-accent-border:rgba(240,133,42,0.3);--sx-label:#1d1d1f;--sx-secondary:#6e6e73;--sx-separator:rgba(0,0,0,0.1);position:relative;width:100%;aspect-ratio:1000/640;font-family:-apple-system,BlinkMacSystemFont,Inter var,system-ui,sans-serif;line-height:1.2;color:var(--sx-label);-webkit-font-smoothing:antialiased;user-select:none;pointer-events:none}.sx-stage *{box-sizing:border-box}.sx-glyph{display:block;flex:none;width:1em;height:1em}.sx-mac{position:absolute;top:0;left:5cqw;width:90cqw}.sx-mac:after{content:"";position:absolute;right:-5cqw;bottom:-1.8cqw;left:-5cqw;z-index:-1;height:3cqw;background:radial-gradient(closest-side,rgba(10,45,42,.35),transparent)}.sx-mac-lid{padding:1.1cqw 1.1cqw 1.4cqw;border-radius:2cqw 2cqw .5cqw .5cqw;background:#161617;box-shadow:inset 0 0 0 .15cqw #3a3a3c}.sx-mac-base{position:relative;width:98cqw;height:2cqw;margin-left:-4cqw;border-radius:0 0 3cqw 3cqw/0 0 1.6cqw 1.6cqw;background:linear-gradient(#e6e6e9,#b7b7bc 70%,#8e8e93)}.sx-mac-base:before{content:"";position:absolute;top:0;left:50%;width:14cqw;height:.7cqw;border-radius:0 0 .8cqw .8cqw;background:#a6a6ab;transform:translateX(-50%)}.sx-screen{--pt:calc(87.8cqw / 1200);position:relative;width:100%;aspect-ratio:1200/780;overflow:hidden;border-radius:.7cqw;background:radial-gradient(70% 70% at 10% 100%,rgba(224,184,122,.95),transparent 70%),radial-gradient(60% 80% at 92% 5%,#7fcbc3,transparent 60%),linear-gradient(165deg,#1f9b92,#148a82 45%,#0d4845)}.sx-menubar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:calc(var(--pt) * 18);height:calc(var(--pt) * 24);padding:0 calc(var(--pt) * 16) 0 calc(var(--pt) * 20);font-size:calc(var(--pt) * 13);color:#fff;background:rgba(10,50,47,.25)}.sx-menubar b{font-weight:700}.sx-menubar-extras{display:flex;align-items:center;gap:calc(var(--pt) * 16);margin-left:auto}.sx-menubar-extras .sx-glyph{font-size:calc(var(--pt) * 15);stroke-width:2}.sx-menubar-device{display:grid;place-items:center;width:calc(var(--pt) * 30);height:calc(var(--pt) * 20);border-radius:calc(var(--pt) * 5)}.sx-menubar-device.is-overridden{background:var(--sx-accent)}.sx-traffic{display:flex;gap:calc(var(--pt) * 8)}.sx-traffic i{width:calc(var(--pt) * 12);height:calc(var(--pt) * 12);border-radius:50%;background:#ff5f57}.sx-traffic i:nth-child(2){background:#febc2e}.sx-traffic i:nth-child(3){background:#28c840}.sx-back-window{top:calc(var(--pt) * 250);left:calc(var(--pt) * 620);width:calc(var(--pt) * 540);height:calc(var(--pt) * 470);padding:calc(var(--pt) * 18);background:linear-gradient(90deg,#eeeef1 32%,#fbfbfd 0);box-shadow:0 calc(var(--pt) * 16) calc(var(--pt) * 40) rgba(5,35,32,.3),0 0 0 calc(var(--pt) * 1) rgba(0,0,0,.1)}.sx-back-window,.sx-window{position:absolute;overflow:hidden;border-radius:calc(var(--pt) * 16)}.sx-window{top:calc(var(--pt) * 58);left:calc(var(--pt) * 50);width:calc(var(--pt) * 600);height:calc(var(--pt) * 660);font-size:calc(var(--pt) * 13);background:#fff;box-shadow:0 calc(var(--pt) * 20) calc(var(--pt) * 50) rgba(5,35,32,.35),0 0 0 calc(var(--pt) * 1) rgba(0,0,0,.1)}.sx-titlebar{display:flex;align-items:center;gap:calc(var(--pt) * 22);height:calc(var(--pt) * 52);padding:0 calc(var(--pt) * 18);border-bottom:calc(var(--pt) * 1) solid var(--sx-separator);font-size:calc(var(--pt) * 15)}.sx-titlebar b{font-weight:700;color:var(--sx-secondary)}.sx-banner,.sx-callout{display:flex;gap:calc(var(--pt) * 12);align-items:flex-start;padding:calc(var(--pt) * 14);border:calc(var(--pt) * 1) solid var(--sx-accent-border);border-radius:calc(var(--pt) * 12);color:var(--sx-secondary);background:var(--sx-accent-tint)}.sx-callout{margin:calc(var(--pt) * 16) calc(var(--pt) * 16) calc(var(--pt) * 6)}.sx-banner b,.sx-callout b{display:block;margin-bottom:calc(var(--pt) * 3);font-size:calc(var(--pt) * 14);color:var(--sx-label)}.sx-callout-tile{display:grid;flex:none;place-items:center;width:calc(var(--pt) * 38);height:calc(var(--pt) * 38);border-radius:calc(var(--pt) * 9);font-size:calc(var(--pt) * 22);color:#fff;background:var(--sx-accent)}.sx-callout-tile .sx-glyph{stroke-width:2}.sx-rows{padding:0 calc(var(--pt) * 16)}.sx-row{display:flex;align-items:center;gap:calc(var(--pt) * 12);height:calc(var(--pt) * 62);border-bottom:calc(var(--pt) * 1) solid var(--sx-separator)}.sx-row:last-child{border-bottom:none}.sx-row.is-disconnected{opacity:.45}.sx-row-icon{display:grid;flex:none;place-items:center;width:calc(var(--pt) * 32);font-size:calc(var(--pt) * 24);color:var(--sx-secondary)}.sx-row.is-current .sx-row-icon{color:var(--sx-accent)}.sx-row-text{display:flex;flex:1;flex-direction:column;gap:calc(var(--pt) * 3);min-width:0}.sx-row-name{font-size:calc(var(--pt) * 15);white-space:nowrap}.sx-row-status,.sx-row-transport{font-size:calc(var(--pt) * 12);color:var(--sx-secondary)}.sx-override-tag{display:flex;align-items:center;gap:calc(var(--pt) * 4);padding:calc(var(--pt) * 4) calc(var(--pt) * 10) calc(var(--pt) * 4) calc(var(--pt) * 8);border-radius:calc(var(--pt) * 999);font-size:calc(var(--pt) * 12);font-weight:600;color:var(--sx-accent);background:rgba(240,133,42,.16)}.sx-override-tag .sx-glyph{font-size:calc(var(--pt) * 13);stroke-width:2.2}.sx-banner{position:absolute;right:calc(var(--pt) * 16);bottom:calc(var(--pt) * 16);left:calc(var(--pt) * 16);align-items:center;border-color:var(--sx-accent);color:#b0520e;background:linear-gradient(rgba(240,133,42,.12),rgba(240,133,42,.32))}.sx-banner strong{font-weight:700}.sx-button{flex:none;padding:calc(var(--pt) * 6) calc(var(--pt) * 14);border-radius:calc(var(--pt) * 7);font-weight:500;white-space:nowrap;color:#fff;background:var(--sx-accent)}.sx-button,.sx-menu{font-size:calc(var(--pt) * 13)}.sx-menu{position:absolute;top:calc(var(--pt) * 30);right:calc(var(--pt) * 12);width:calc(var(--pt) * 340);padding:calc(var(--pt) * 6);border-radius:calc(var(--pt) * 14);background:rgba(248,249,250,.72);box-shadow:inset 0 calc(var(--pt) * 1) 0 rgba(255,255,255,.9),inset 0 0 0 calc(var(--pt) * 1) rgba(255,255,255,.5),0 0 0 calc(var(--pt) * .5) rgba(0,0,0,.15),0 calc(var(--pt) * 12) calc(var(--pt) * 34) rgba(5,35,32,.32);-webkit-backdrop-filter:blur(calc(var(--pt) * 24)) saturate(1.5);backdrop-filter:blur(calc(var(--pt) * 24)) saturate(1.5)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sx-menu{background:rgba(246,246,248,.96)}}.sx-menu-override{display:flex;align-items:center;gap:calc(var(--pt) * 10);padding:calc(var(--pt) * 8);border:calc(var(--pt) * 1) solid var(--sx-accent-border);border-radius:calc(var(--pt) * 10);background:linear-gradient(rgba(240,133,42,.18),rgba(240,133,42,.06))}.sx-menu-override .sx-callout-tile{width:calc(var(--pt) * 34);height:calc(var(--pt) * 34);font-size:calc(var(--pt) * 20)}.sx-menu-override-text{display:flex;flex:1;flex-direction:column;gap:calc(var(--pt) * 2);min-width:0;font-size:calc(var(--pt) * 12);white-space:nowrap;color:var(--sx-secondary)}.sx-menu-override-text b{font-size:calc(var(--pt) * 13);color:var(--sx-label)}.sx-menu-override .sx-button{padding:calc(var(--pt) * 4) calc(var(--pt) * 10);font-size:calc(var(--pt) * 12)}.sx-menu-item{display:flex;align-items:center;height:calc(var(--pt) * 24);padding:0 calc(var(--pt) * 10) 0 calc(var(--pt) * 4);border-radius:calc(var(--pt) * 6)}.sx-menu-check{display:grid;flex:none;place-items:center;width:calc(var(--pt) * 20);font-size:calc(var(--pt) * 12)}.sx-menu-check .sx-glyph{stroke-width:2.6}.sx-menu-device-icon{display:grid;flex:none;place-items:center;width:calc(var(--pt) * 22);margin-right:calc(var(--pt) * 6);font-size:calc(var(--pt) * 17)}.sx-menu-item.is-current .sx-menu-device-icon{color:var(--sx-accent)}.sx-menu-shortcut{margin-left:auto;color:var(--sx-secondary)}.sx-menu-separator{height:calc(var(--pt) * 1);margin:calc(var(--pt) * 5) calc(var(--pt) * 10);background:var(--sx-separator)}@media (prefers-color-scheme:dark){.sx-stage{--sx-accent:#f28c38;--sx-accent-tint:rgba(242,140,56,0.1);--sx-accent-border:rgba(242,140,56,0.35);--sx-label:#f0f0f0;--sx-secondary:#a2a2a2;--sx-separator:rgba(255,255,255,0.12)}.sx-mac:after{background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}.sx-screen{background:radial-gradient(70% 70% at 10% 100%,rgba(120,75,35,.8),transparent 70%),radial-gradient(60% 80% at 92% 5%,#106f69,transparent 60%),linear-gradient(165deg,#0e5955,#0d4845 45%,#062a28)}.sx-menubar{background:rgba(0,0,0,.3)}.sx-back-window{background:linear-gradient(90deg,#2a2a2d 32%,#1e1e20 0);box-shadow:0 calc(var(--pt) * 16) calc(var(--pt) * 40) rgba(0,0,0,.5),0 0 0 calc(var(--pt) * 1) rgba(255,255,255,.12)}.sx-window{background:#1e1e20;box-shadow:0 calc(var(--pt) * 20) calc(var(--pt) * 50) rgba(0,0,0,.55),0 0 0 calc(var(--pt) * 1) rgba(255,255,255,.12)}.sx-banner{color:#f6b27a;background:linear-gradient(rgba(242,140,56,.12),rgba(242,140,56,.26))}.sx-override-tag{background:rgba(242,140,56,.2)}.sx-menu{background:rgba(58,58,62,.78);box-shadow:inset 0 calc(var(--pt) * 1) 0 rgba(255,255,255,.16),inset 0 0 0 calc(var(--pt) * 1) rgba(255,255,255,.08),0 0 0 calc(var(--pt) * .5) rgba(0,0,0,.5),0 calc(var(--pt) * 12) calc(var(--pt) * 34) rgba(0,0,0,.45)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sx-menu{background:rgba(52,52,56,.96)}}}