[data-astro-cid-bphwwrdo]:where(.dlg) [data-astro-cid-bphwwrdo]:where(.btns){gap:12px}[data-astro-cid-bphwwrdo]:where(.dlg) [data-astro-cid-bphwwrdo]:where(.btn){text-transform:none;letter-spacing:0;border-radius:980px}.dlg-news[data-astro-cid-bphwwrdo]{max-width:460px;margin-top:22px}[data-astro-cid-bphwwrdo]:where(.dlg-news label.meta){margin-bottom:10px;display:block}.dlg-row[data-astro-cid-bphwwrdo]{flex-wrap:wrap;gap:10px;display:flex}.dlg-input[data-astro-cid-bphwwrdo]{border:1px solid var(--line);background:var(--surface);min-width:0;height:46px;color:var(--ink);font-family:var(--sys,var(--sans));border-radius:980px;flex:200px;padding:0 18px;font-size:15px}[data-astro-cid-bphwwrdo]:where(.void) .dlg-input[data-astro-cid-bphwwrdo]{color:#f5f5f7;background:#ffffff14;border-color:#fff3}.dlg-input[data-astro-cid-bphwwrdo]:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 4px #0071e32e}.dlg-msg[data-astro-cid-bphwwrdo]{color:var(--grey);margin-top:10px}[data-astro-cid-bphwwrdo]:where(.void) .dlg-msg[data-astro-cid-bphwwrdo]{color:#a1a1a6}.dlg-msg[data-astro-cid-bphwwrdo].err{color:#e30000}[data-astro-cid-bphwwrdo]:where(.void) .dlg-msg[data-astro-cid-bphwwrdo].err,:root[data-theme=dark] .dlg-msg[data-astro-cid-bphwwrdo].err{color:#ff6b5a}.cgf[data-astro-cid-nzhfcbck]{text-align:left;max-width:520px;margin:28px auto 0}.cgf-form[data-astro-cid-nzhfcbck]{gap:12px;display:grid}.cgf-input[data-astro-cid-nzhfcbck]{color:#f5f5f7;width:100%;height:50px;font-family:var(--sys,var(--sans));background:#ffffff14;border:1px solid #fff3;border-radius:980px;min-width:0;padding:0 20px;font-size:17px}.cgf-input[data-astro-cid-nzhfcbck]:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 4px #0071e340}.cgf-btn[data-astro-cid-nzhfcbck]{color:#fff;cursor:pointer;background:#0071e3;border:0;border-radius:980px;height:50px;font-size:17px;font-weight:500}.cgf-btn[data-astro-cid-nzhfcbck]:disabled{opacity:.5;cursor:default}.cgf-chk[data-astro-cid-nzhfcbck]{color:#d2d2d7;cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.cgf-chk[data-astro-cid-nzhfcbck] input[data-astro-cid-nzhfcbck]{accent-color:#0071e3;flex:none;width:18px;height:18px;margin:2px 0 0}.cgf-note[data-astro-cid-nzhfcbck]{color:#a1a1a6;margin:0;font-size:13px;line-height:1.5}.cgf-note[data-astro-cid-nzhfcbck] a[data-astro-cid-nzhfcbck]{color:inherit;text-decoration:underline}.cgf-msg[data-astro-cid-nzhfcbck]{color:#d2d2d7;margin:0;font-size:15px;line-height:1.45}.cgf-msg[data-astro-cid-nzhfcbck].err{color:#ff6b5a}.cgf-small[data-astro-cid-nzhfcbck]{color:#a1a1a6;text-align:center;margin:14px 0 0;font-size:13px}.cgf-trap[data-astro-cid-nzhfcbck]{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}[data-astro-cid-nzhfcbck][hidden]{display:none!important}.su-score{background:var(--well);border:1px solid var(--line);border-radius:6px;width:calc(100% - 32px);margin:16px auto 0;overflow:hidden}.su-score-roll{scrollbar-width:none;cursor:default;height:152px;overflow:auto hidden}.su-score-roll::-webkit-scrollbar{display:none}.su-score svg{display:block}.su-score .ln{stroke:#4a4e56;stroke-width:1px}.su-score .bl{stroke:#6b7079;stroke-width:1.2px}.su-score .ink{fill:#d8dade}.su-score .stem{stroke:#d8dade;stroke-width:1.2px}.su-score .ly{fill:#a9adb6;letter-spacing:0;font:500 12px/1 Georgia,Times New Roman,serif}.su-score .tx{fill:#a9adb6;letter-spacing:0;font:italic 500 12px/1 Georgia,Times New Roman,serif}.su-score .tb{fill:#d8dade;letter-spacing:0;font:700 12px/1 Georgia,Times New Roman,serif}.su-score .lb{fill:var(--dim);letter-spacing:.08em;text-transform:uppercase;font:700 10px/1 ui-sans-serif,-apple-system,system-ui,sans-serif}.su-score .hp{stroke:#a9adb6;stroke-width:1.1px;fill:none}.su-score .on .ink,.su-score .on.ink{fill:var(--led);filter:url(#su-glow)}.su-score .on .stem{stroke:var(--led)}.su-score .ly.on{fill:var(--led)}.su[data-ready] .su-score-roll{cursor:pointer}.su{--face:#2a2c30;--face-hi:#34373c;--well:#0c0d0f;--line:#1a1b1e;--edge:#44474e;--text:#e2e4e8;--dim:#8b8f98;--red:#ff3b30;--yellow:#ffd60a;--mey:#20ea73;--led:#2ee8ff;--g-on:#b6f23a;--a-on:#f2b53a;--r-on:#ff453a;--g-off:#1f2a16;--a-off:#2e2617;--r-off:#301819;--pitch:96px;--master:192px;--bridge:128px;--name:48px;--knob:64px;--keys:64px;--travel:320px;--value:32px;text-align:left;width:100%;min-width:0;max-width:100%;color:var(--text);letter-spacing:.04em;background:#111214;border-radius:16px;flex:100%;margin:0 auto;font:600 11px/16px ui-sans-serif,-apple-system,SF Pro Text,system-ui,sans-serif;overflow:hidden;box-shadow:0 24px 64px #00000073}.demos:has(>.su){min-width:0;max-width:100%}.su-desk{scrollbar-color:var(--edge) transparent;padding:16px;overflow-x:auto}.su-strips{grid-template-columns:repeat(var(--su-n), var(--pitch)) var(--master);background:repeating-linear-gradient(90deg, #ffffff05 0 1px, transparent 1px 3px), linear-gradient(#3a3d42, var(--face) 30%, #222428);border:1px solid #000;border-radius:8px;width:max-content;margin:0 auto;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.su-strip{grid-template-rows:var(--bridge) var(--name) var(--knob) var(--keys) var(--travel) var(--value);border-right:1px solid #00000073;display:grid;box-shadow:inset 1px 0 #ffffff0a}.su-bridge{background:var(--well);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -1px #ffffff0f,inset 0 8px 16px #0009}.su-meter{grid-template-columns:6px 24px 6px;gap:2px;height:104px;display:grid}.su-col{grid-template-rows:repeat(21,1fr);row-gap:1px;display:grid}.su-col i{border-radius:1px}.su-col i.g{background:var(--g-off)}.su-col i.a{background:var(--a-off)}.su-col i.r{background:var(--r-off)}.su-col i.g.on{background:var(--g-on);box-shadow:0 0 6px #b6f23a80}.su-col i.a.on{background:var(--a-on);box-shadow:0 0 6px #f2b53a80}.su-col i.r.on{background:var(--r-on);box-shadow:0 0 6px #ff453a99}.su-scale{position:relative}.su-scale span{left:0;right:0;top:calc(var(--k) / 21 * 100% - 4px);text-align:center;color:#6c707a;font-variant-numeric:tabular-nums;font-size:8px;line-height:10px;position:absolute}.su-info{text-align:center;grid-template-rows:16px 16px 16px;align-content:center;padding:0 8px;display:grid}.su-name{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.su-sound,.su-robs{color:var(--dim);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-weight:500;overflow:hidden}.su-pan{place-items:center;display:grid;position:relative}.su-pan input{opacity:0;cursor:ns-resize;z-index:1;touch-action:none;width:auto;height:auto;margin:0;position:absolute;inset:4px 16px}.su-knob{--a:0deg;background:repeating-conic-gradient(from -137deg, #747882 0 4deg, transparent 4deg 27deg);width:52px;height:52px;-webkit-mask:radial-gradient(circle, transparent 23px, #000 23.5px 25px, transparent 25.5px), conic-gradient(from -140deg, #000 0 280deg, transparent 280deg);-webkit-mask-composite:source-in;border-radius:50%;position:relative;-webkit-mask-composite:source-in;mask-composite:intersect}.su-pan{--cap:36px}.su-pan:before{content:"";width:var(--cap);height:var(--cap);margin:calc(var(--cap) / -2);pointer-events:none;background:radial-gradient(circle at 50% 28%, #ffffff47, transparent 45%), radial-gradient(circle, #45484e 0 11px, #26282c 12.5px 13px, transparent 13.5px), repeating-conic-gradient(#121315 0 5deg, #3b3e44 5deg 10deg), #222;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0a0a0b,0 8px 12px #000000bf,0 2px 3px #0009,inset 0 1px 1px #ffffff4d,inset 0 -3px 5px #0009}.su-pan:after{content:"";pointer-events:none;transform-origin:50% 16px;width:3px;height:11px;transform:rotate(var(--a));background:#f2f2ef;border-radius:2px;margin:-16px 0 0 -1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #ffffff59}.su-pan input:focus-visible+.su-knob{outline:2px solid var(--text);outline-offset:3px}.su-keys{grid-template-rows:28px 28px;grid-template-columns:28px 28px;place-content:center;column-gap:12px;display:grid}.su-keys span{color:var(--dim);text-align:center;align-self:end;font-size:9px;line-height:12px}.su-key{cursor:pointer;background:radial-gradient(at 50% 20%,#fff,#ecebe8 45%,#c9c8c4 100%);border:0;border-radius:4px;width:28px;height:28px;padding:0;transition:transform 50ms,box-shadow 50ms;position:relative;box-shadow:inset 0 1px #fff,inset 0 -3px 2px #0000002e,inset 0 0 0 1px #00000040,0 1px #0b0c0e,0 6px 10px #000000a6,0 2px 3px #00000080}.su-key:before{content:"";position:absolute;inset:-8px}.su-key:active{transform:translateY(1px);box-shadow:inset 0 1px #fff,inset 0 -2px 2px #0000002e,inset 0 0 0 1px #00000040,0 0 #0b0c0e,0 3px 5px #0009}.su-lamp{border:2px solid #4a3634;border-bottom:0;border-radius:6px 6px 0 0;width:8px;height:4px;margin-left:-4px;position:absolute;bottom:-10px;left:50%}.su-key[aria-pressed=true] .su-lamp{border-color:var(--red);filter:drop-shadow(0 0 3px #ff3b30e6)}.su-key[data-solo][aria-pressed=true]{background:radial-gradient(ellipse at 50% 20%, #fff7b0, var(--yellow) 45%, #d9a800 100%);box-shadow:inset 0 1px #fffbe0,inset 0 -3px 2px #7850004d,inset 0 0 0 1px #5a3c0073,0 1px #0b0c0e,0 0 14px #ffd60a8c,0 6px 10px #000000a6}.su-key[data-solo][aria-pressed=true] .su-lamp{border-color:var(--yellow);filter:drop-shadow(0 0 4px #ffd60af2)}.su-gain{grid-template-columns:1fr 32px 1fr;padding:8px 0;display:grid;position:relative}.su-ticks{position:relative}.su-ticks span{right:8px;top:calc(26px + var(--at) * (100% - 52px) - 6px);color:var(--dim);font-variant-numeric:tabular-nums;font-size:9px;line-height:12px;position:absolute}.su-ticks span:after{content:"";background:var(--dim);border-radius:50%;width:2px;height:2px;position:absolute;top:5px;right:-7px}.su-fader{appearance:none;writing-mode:vertical-lr;cursor:grab;touch-action:none;direction:rtl;background:0 0;width:32px;height:100%;margin:0}.su-fader.held{cursor:grabbing}.su-gain:after{content:"";pointer-events:none;background:#030304;border-radius:3px;width:6px;margin-left:0;position:absolute;top:30px;bottom:30px;left:calc(50% - 3px);box-shadow:inset 0 2px 3px #000,0 1px #ffffff12}.su-fader{z-index:1;position:relative}.su-fader::-webkit-slider-runnable-track{background:0 0}.su-fader::-moz-range-track{background:0 0}.su-fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(#0000 24px,#f6f6f3 24px 26px,#3a3c40 26px 27px,#0000 27px),linear-gradient(#ffffff8c,#ffffff1f 16%,#0000 30% 62%,#00000073 100%),linear-gradient(90deg,#0006,#0000 18%,#ffffff14 50%,#0000 82%,#0006),repeating-linear-gradient(#a2a4a9 0 2px,#5b5d63 2px 3px),#85878c;border:0;border-radius:3px;width:22px;height:52px;box-shadow:0 0 0 1px #08090a,0 12px 14px #0009,0 4px 4px #0000008c,inset 0 1px #fff9}.su-fader::-moz-range-thumb{background:linear-gradient(#0000 24px,#f6f6f3 24px 26px,#3a3c40 26px 27px,#0000 27px),linear-gradient(#ffffff8c,#ffffff1f 16%,#0000 30% 62%,#00000073 100%),linear-gradient(90deg,#0006,#0000 18%,#ffffff14 50%,#0000 82%,#0006),repeating-linear-gradient(#a2a4a9 0 2px,#5b5d63 2px 3px);border:0;border-radius:3px;width:22px;height:52px;box-shadow:0 0 0 1px #08090a,0 12px 14px #0009,0 4px 4px #0000008c}.su-db{text-align:center;color:#fff;font-variant-numeric:tabular-nums;line-height:24px}.su-master{background:linear-gradient(90deg,#00000040,#0000 16px),linear-gradient(#41444a,#2c2e33 40%,#24262a);border-right:0}.su-head{background:var(--well);border-radius:6px;grid-row:1/span 2;grid-template-rows:16px 32px 24px 16px 56px;align-content:center;gap:4px;margin:8px;padding:0 12px;display:grid;box-shadow:inset 0 8px 16px #0009}.su-pick{color:#fff;cursor:pointer;width:100%;height:16px;font:inherit;text-transform:uppercase;letter-spacing:.04em;appearance:none;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--dim) 50%), linear-gradient(-45deg, transparent 50%, var(--dim) 50%);background-position:right 6px top 6px,right 2px top 6px;background-repeat:no-repeat;background-size:4px 4px;border:0;padding:0 16px 0 0;font-weight:700}.su-pick option{color:#111;text-transform:none}.su-pick:focus-visible{outline:2px solid var(--text);outline-offset:2px}.su-strip[hidden]{display:none}.su-title{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.su-sub{color:var(--dim);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.su-clock{justify-content:space-between;align-items:baseline;display:flex}.su-clock [data-time]{color:#fff;font-variant-numeric:tabular-nums;font-size:16px}.su-clock [data-status]{color:var(--dim);letter-spacing:0;font-weight:500}.su-rail{cursor:pointer;background:#2b2d32;border-radius:2px;align-self:center;height:4px;position:relative}.su-rail:before{content:"";position:absolute;inset:-6px 0}.su-rail i{background:#fff;border-radius:2px;width:0%;position:absolute;top:0;bottom:0;left:0}.su-rail:focus-visible{outline:2px solid var(--text);outline-offset:4px}.su-play{cursor:pointer;width:56px;height:56px;font:inherit;color:#1d1e21;background:radial-gradient(circle at 50% 30%,#fbfaf7,#d3d1cb 70%);border:1px solid #0b0c0e;border-radius:50%;justify-self:center;font-weight:800;box-shadow:0 3px #0b0c0e,0 6px 12px #00000080}.su-play:active{transform:translateY(2px);box-shadow:0 1px #0b0c0e}.su-play[aria-pressed=true]{color:#fff;background:radial-gradient(circle at 50% 30%, #ff6a60, var(--red) 70%)}.su-window{background:var(--well);border-radius:6px;grid-row:3/span 2;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:8px;padding:0 16px;display:grid;box-shadow:inset 0 8px 16px #0009}.su-window .su-meter{height:88px}.su-logo{color:#fff;letter-spacing:-.02em;font:600 24px/1 ui-sans-serif,-apple-system,system-ui,sans-serif}.su-logo i{color:var(--mey);font-style:normal}.su-note{color:var(--dim);letter-spacing:0;margin:0;padding:0 16px 16px;font-size:12px;font-weight:500}.su[data-loading] .su-play{opacity:.6}@media (width<=760px){.su-strips{grid-template-columns:var(--master) repeat(var(--su-n), var(--pitch))}.su-master{order:-1}}