@property --sv-cw{syntax:"<number>";inherits:false;initial-value:0}#systems .sv-grid{--stair:0;gap:clamp(16px, 1.7vw, 26px) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,6vw,88px) 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px) and (max-width:1099px){#systems .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#systems .sv-card{--tab-w:72px;--tab-h:24px;--px:clamp(16px, 1.45vw, 22px);min-width:0;padding:0 var(--px) calc(var(--tab-h) + 16px);background:var(--surface);color:var(--fg);transform:translate3d(0, calc(var(--stair) * var(--c,0) * 5rem), 0);flex-direction:column;display:flex;position:relative;container-type:inline-size}#systems .sv-card .notch-tab{color:var(--fg-2);z-index:3}#systems .sv-hot{--ring:var(--andon);--ring-w:2px;opacity:0;z-index:4;transition:opacity var(--dur-ui) var(--ease-ui)}#systems .sv-card.is-hot .sv-hot{opacity:1}#systems .sv-card.is-lit .notch-tab{background:var(--ink);color:var(--paper)}#systems .sv-card.is-hot .notch-tab{background:var(--andon);color:var(--on-lime)}#systems .sv-stage{aspect-ratio:1;min-height:128px;margin-inline:calc(-1 * var(--px));background:var(--night);flex:none;margin-block-end:18px;position:relative;overflow:hidden;container-type:size}#systems .sv-cab{background-repeat:no-repeat;background-size:var(--cab-s);background-position:var(--cab-p);transition:transform 1s var(--ease-expo-o), opacity .5s var(--ease-ui);position:absolute;inset:0}#systems[data-legacy-ready] .sv-cab{background-image:-webkit-image-set(url(/media/cabinet-1920.avif) 1x type("image/avif"),url(/media/cabinet-1920.webp) 1x type("image/webp"))}#systems .sv-card.is-hot .sv-cab{transform:scale(1.035)}#systems .sv-card:has(.sv-cab) .sv-cl{display:none}#systems .sv-tile{display:none}#systems .sv-cabtag{align-self:flex-end;margin-block-end:.5em}#systems .sv-ly{padding:2% 9% 4%;position:absolute;inset:0}#systems .sv-ly svg{transform-origin:50% 62%;width:100%;height:100%;overflow:visible}#systems .sv-cl svg{filter:drop-shadow(0 10px 12px #1015141c)drop-shadow(0 2px 2px #1015140f)}#systems .sv-tw{background:var(--night);--sv-cw:0;clip-path:polygon(0 0, calc(var(--sv-cw) * (100% + 50cqh)) 0, calc(var(--sv-cw) * (100% + 50cqh) - 50cqh) 100%, 0 100%);transition:--sv-cw var(--dur-ui) var(--ease-ui)}[dir=rtl] #systems .sv-tw{clip-path:polygon(100% 0, calc(100% - var(--sv-cw) * (100% + 50cqh)) 0, calc(100% - var(--sv-cw) * (100% + 50cqh) + 50cqh) 100%, 100% 100%)}#systems .sv-card.is-hot .sv-tw{--sv-cw:1}#systems .sv-card.is-hot .sv-ly svg{animation:sv-settle var(--dur-ui) var(--ease-ui) both}@keyframes sv-settle{0%{transform:scale(1.06)}}#systems .sv-split{display:none}#systems .sv-t{letter-spacing:-.018em;text-wrap:balance;margin:0 0 14px;font-size:clamp(1.2rem,.93rem + .62vw,1.5rem);font-stretch:102%;line-height:1.06}#systems .sv-tog{text-align:start;width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;display:block}#systems .sv-tog:focus-visible{outline-offset:4px}#systems .sv-arrow{display:none}#systems .sv-pair-in{gap:11px;display:grid}#systems .sv-pair p{max-width:none;transition:color var(--dur-ui) var(--ease-ui);margin:0;font-size:15px;line-height:1.42}#systems .sv-paper{color:var(--fg-3)}#systems .sv-sys{color:var(--fg)}#systems .sv-lab{isolation:isolate;width:fit-content;color:var(--fg-3);font:700 12px/1 var(--f-sans);letter-spacing:.07em;text-transform:uppercase;transition:color .45s var(--ease-ui);align-items:center;gap:6px;margin:0 0 4px;margin-inline-start:-5px;padding:3px 5px;font-stretch:112%;display:flex;position:relative}#systems .sv-paper .sv-lab:before{content:"";clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,0 100%);border:1px solid;flex:none;width:7px;height:9px}#systems .sv-paper .sv-lab:after{content:"";inset-inline:2px;transform-origin:0;height:1px;transition:transform .6s var(--ease-p2io) .15s;background:currentColor;position:absolute;top:50%;transform:scaleX(0)}[dir=rtl] #systems .sv-paper .sv-lab:after{transform-origin:100%}#systems .sv-lab-run{width:8px;height:8px;color:var(--logo-play);transition:color .45s var(--ease-ui)}#systems .sv-sys .sv-lab:after{content:"";z-index:-1;background:var(--andon);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%);transform-origin:0;transition:transform .6s var(--ease-p2io) .3s;position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] #systems .sv-sys .sv-lab:after{clip-path:polygon(0 0,100% 0,100% 100%,7px 100%);transform-origin:100%}#systems .sv-card.is-hot .sv-paper .sv-lab:after{transform:scaleX(1)}#systems .sv-card.is-hot .sv-sys .sv-lab{color:var(--on-lime)}#systems .sv-card.is-hot .sv-sys .sv-lab:after{transform:scaleX(1)}#systems .sv-card.is-hot .sv-lab-run{color:var(--on-lime)}#systems .sv-card.is-lit:not(.is-hot) .sv-sys .sv-lab{color:var(--fg)}html[lang=ar] #systems .sv-t{letter-spacing:0;font-size:clamp(1.15rem,.95rem + .5vw,1.4rem);font-stretch:100%;line-height:1.35}html[lang=ar] #systems .sv-pair p{font-size:15px;line-height:1.7}html[lang=ar] #systems .sv-lab{font:600 12.5px/1.2 var(--f-sans);letter-spacing:0;text-transform:none;font-stretch:100%}#systems .sv-svg path,#systems .sv-svg ellipse{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}#systems .sv-svg .ln{fill:none}#systems .sv-clay path,#systems .sv-clay ellipse{stroke:#1015144d}#systems .sv-clay .t{fill:color-mix(in srgb, var(--clay) 40%, #fff)}#systems .sv-clay .l{fill:var(--clay)}#systems .sv-clay .r{fill:var(--clay-shade)}#systems .sv-clay .pl .t{fill:color-mix(in srgb, var(--clay) 62%, #fff)}#systems .sv-clay .d{stroke:#10151433}#systems .sv-clay .sc{stroke:#10151480;stroke-width:1.1px}#systems .sv-clay .gl2{stroke:#ffffffb3;stroke-width:1.4px}#systems .sv-clay .fs,#systems .sv-clay .lb{fill:color-mix(in srgb, var(--clay) 30%, #fff);stroke:#10151457}#systems .sv-clay .scr{fill:color-mix(in srgb, var(--clay-shade) 70%, var(--ink-3));stroke:#10151466}#systems .sv-clay .hb{fill:var(--clay-shade)}#systems .sv-clay .sh{fill:#fff}#systems .sv-clay .slot,#systems .sv-clay .dot{fill:#1015148c;stroke:none}#systems .sv-clay .tr,#systems .sv-clay .ad,#systems .sv-clay .trk,#systems .sv-clay .ki{fill:var(--clay-shade)}#systems .sv-clay .cap .cb,#systems .sv-clay .cap .t{fill:color-mix(in srgb, var(--clay-shade) 80%, var(--ink-3))}#systems .sv-svg .glow{fill:var(--andon);stroke:#1015144d}#systems .sv-clay .post .cb,#systems .sv-clay .post .t{fill:var(--clay-shade)}#systems .sv-clay .andon .cb{fill:color-mix(in srgb, var(--andon) 86%, var(--ink-3));stroke:#1015146b}#systems .sv-clay .andon .t{fill:var(--andon);stroke:#1015146b}#systems .sv-twin path,#systems .sv-twin ellipse{stroke:var(--andon);stroke-opacity:.82}#systems .sv-twin .t{fill:var(--night-2);fill-opacity:.96}#systems .sv-twin .l,#systems .sv-twin .cb{fill:var(--night-2);fill-opacity:.82}#systems .sv-twin .r{fill:var(--night);fill-opacity:.9}#systems .sv-twin .pl path{fill:var(--night-2);fill-opacity:.55;stroke-opacity:.4}#systems .sv-twin .gr{stroke:var(--fog-3);stroke-opacity:.22}#systems .sv-twin .d{stroke:var(--fog-2);stroke-opacity:.6}#systems .sv-twin .dl{stroke:var(--andon);stroke-opacity:1}#systems .sv-twin .dash{stroke:var(--andon);stroke-opacity:.9;stroke-dasharray:3 3}#systems .sv-twin .fl,#systems .sv-twin .fl>path{fill:var(--andon);fill-opacity:1;stroke:none}#systems .sv-twin .fl>.l{fill:color-mix(in srgb, var(--andon) 80%, var(--night))}#systems .sv-twin .fl>.r{fill:color-mix(in srgb, var(--andon) 58%, var(--night))}#systems .sv-twin .fl.dim{fill-opacity:.45}#systems .sv-twin .fb,#systems .sv-twin .fb>path{fill:var(--butter);fill-opacity:1;stroke:none}#systems .sv-twin .fb>.l{fill:color-mix(in srgb, var(--butter) 80%, var(--night))}#systems .sv-twin .fb>.r{fill:color-mix(in srgb, var(--butter) 58%, var(--night))}#systems .sv-twin .gl path{fill:none;stroke-opacity:.42}#systems .sv-twin .lamp .cb,#systems .sv-twin .lamp .t{fill:var(--butter);fill-opacity:1;stroke:none}#systems .sv-twin .scrw{fill:var(--night);fill-opacity:1;stroke-opacity:.5}#systems .sv-twin .tag{fill:var(--night);stroke:var(--andon)}#systems .sv-twin .note,#systems .sv-twin .sh{fill:var(--night-2);stroke:var(--andon)}#systems .sv-twin .hbw{fill:var(--fog-3);fill-opacity:.16;stroke:var(--fog-2);stroke-opacity:.5}#systems .sv-twin .slot,#systems .sv-twin .dot{fill:var(--fog-2);stroke:none}#systems .sv-twin .trw,#systems .sv-twin .adw,#systems .sv-twin .trkw,#systems .sv-twin .ki{fill:var(--night);stroke-opacity:.5}#systems .sv-twin .kn .cb,#systems .sv-twin .kn .t{fill:var(--fog);fill-opacity:1;stroke:none}#systems .sv-twin .spark{stroke:var(--andon);stroke-width:1.6px;stroke-opacity:1}#systems .sv-twin .ck{stroke:var(--andon);stroke-width:2.4px;stroke-opacity:1}#systems .sv-twin .run{fill:var(--teal-glow);stroke:none}#systems .sv-twin .post .cb,#systems .sv-twin .post .t{fill:var(--night);stroke-opacity:.6}#systems .sv-twin .andon .cb,#systems .sv-twin .andon .t{fill:var(--andon);fill-opacity:1;stroke:none}#systems .sv-twin .andon .t{fill:color-mix(in srgb, var(--andon) 70%, #fff)}#systems .sv-twin .glow{fill:var(--andon);fill-opacity:.85;stroke:none}#systems .p2{transform-box:fill-box;transition:transform .9s var(--ease-ui) .42s, opacity .6s var(--ease-ui) .42s, fill .5s var(--ease-ui) .5s, stroke-dashoffset 1s var(--ease-ui) .45s, stroke-dasharray 1s var(--ease-ui) .4s}#systems .p2-x{transform-origin:0;transform:scaleX(0)}#systems .p2-bar{transform-origin:50% 100%;transition-delay:calc(.4s + var(--i,0) * .12s);transform:scaleY(.12)}#systems .p2-snap{opacity:0;transition-timing-function:var(--ease-back);transform:translate(20px,10px)}#systems .p2-code{stroke-dasharray:1.5 4.5}#systems .p2-ck{stroke-dasharray:1;stroke-dashoffset:1px;transition-delay:1.05s}#systems .p2-sheet{opacity:0;transform:translate(-13px,-6.5px)}#systems .p2-go{opacity:0;transition-delay:1.1s}#systems .p2-num{transform-origin:0;transform:scaleX(.18)}#systems .p2-spark{stroke-dasharray:1;stroke-dashoffset:1px}#systems .p2-rise{transform-origin:50% 100%;transition-delay:.7s;transform:scaleY(.3)}#systems .p2-knob{transition-timing-function:var(--ease-back);transform:translate(0)}#systems .sv-twin .p2-trk{fill:var(--night)}#systems .sv-twin .p2-hero .hbw{transition:fill .5s var(--ease-ui) .75s, fill-opacity .5s var(--ease-ui) .75s, stroke .5s .75s}#systems .p2-key{transform:translate(0)}#systems .p2-link{opacity:1}#systems .p2-run{transform-origin:30%;transition-delay:1.05s;transition-timing-function:var(--ease-back);transform:scale(0)}#systems .sv-twin .p2-kc{fill:var(--night)}#systems .played .p2-x,#systems .played .p2-num{transform:scaleX(1)}#systems .played .p2-bar,#systems .played .p2-rise{transform:scaleY(1)}#systems .played .p2-snap,#systems .played .p2-sheet{opacity:1;transform:none}#systems .played .p2-code{stroke-dasharray:60 0}#systems .played .p2-ck,#systems .played .p2-spark{stroke-dashoffset:0}#systems .played .p2-go{opacity:1}#systems .played .p2-knob{transform:translate(12px,6px)}#systems .played .sv-twin .p2-trk{fill:var(--andon);fill-opacity:1}#systems .played .p2-hero .hbw{fill:var(--andon);fill-opacity:.28;stroke:var(--andon)}#systems .played .p2-key{transform:translate(calc(var(--dx) * 1px), calc(var(--dx) * .5px));opacity:0}#systems .played .p2-link{opacity:0}#systems .played .p2-run{transform:scale(1)}#systems .played .sv-twin .p2-kc{fill:var(--andon);fill-opacity:1;transition-delay:.95s}#systems.sv-rm .sv-tw{clip-path:polygon(calc(50% + 25cqh) 0,100% 0,100% 100%,calc(50% - 25cqh) 100%)}[dir=rtl] #systems.sv-rm .sv-tw{clip-path:polygon(0 0,calc(50% - 25cqh) 0,calc(50% + 25cqh) 100%,0 100%)}#systems.sv-rm .sv-card.is-hot .sv-tw{clip-path:inset(0)}#systems.sv-rm .sv-split{background:var(--andon);z-index:2;pointer-events:none;width:1.5px;height:112%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(26.57deg)}[dir=rtl] #systems.sv-rm .sv-split{transform:translate(-50%,-50%)rotate(-26.57deg)}#systems.sv-rm .sv-card.is-hot .sv-split{display:none}#systems.sv-rm .sv-card{transform:none}#systems.sv-acc .sv-grid{border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0;margin-block-start:36px}#systems.sv-acc .sv-card{aspect-ratio:auto;clip-path:none;border-block-end:1px solid var(--rule);background:0 0;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:14px;padding:12px 0;display:grid;transform:none}#systems.sv-acc .ring{display:none}#systems.sv-acc .sv-card .notch-tab{--tab-w:34px;--tab-h:18px;pointer-events:none;visibility:hidden;background:linear-gradient(var(--andon), var(--andon)) 0 0 / 0 100% no-repeat;color:#0000;transition:background-size .6s var(--ease-ui), color .3s var(--ease-ui), visibility 0s linear .6s;padding-inline:7px;font-size:12px;inset-block:80px auto}[dir=rtl] #systems.sv-acc .sv-card .notch-tab{background-position:100% 0}html[lang=ar] #systems.sv-acc .sv-card .notch-tab{--tab-w:44px;--tab-h:18px;padding-inline:6px;font-size:12px}#systems.sv-acc .sv-card.is-open .notch-tab{visibility:visible;color:var(--on-lime);transition:background-size .6s var(--ease-ui), color .3s var(--ease-ui) .2s, visibility 0s;background-size:100% 100%}#systems.sv-acc .sv-stage{background:var(--surface);width:56px;height:56px;min-height:0;box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow .45s var(--ease-ui);grid-area:1/1;margin:0}#systems.sv-acc .sv-ly{padding:4px}#systems.sv-acc .sv-cab{display:none}#systems.sv-acc .sv-card:has(.sv-cab) .sv-cl{display:block}#systems.sv-acc .sv-stage{aspect-ratio:auto}#systems.sv-acc .sv-tile{aspect-ratio:1;background-color:var(--night);background-repeat:no-repeat;background-size:var(--cab-s);background-position:var(--cab-p);border-radius:4px;margin-block-start:14px;margin-inline-start:-70px;display:block}#systems.sv-acc .sv-card.is-open .sv-tile{animation:sv-tile-in .75s var(--ease-expo-o) both;background-image:-webkit-image-set(url(/media/cabinet-1920.avif) 1x type("image/avif"),url(/media/cabinet-1920.webp) 1x type("image/webp"))}@keyframes sv-tile-in{0%{clip-path:polygon(0 0,0 0,-50% 100%,0 100%)}to{clip-path:polygon(0 0,150% 0,100% 100%,0 100%)}}[dir=rtl] #systems.sv-acc .sv-card.is-open .sv-tile{animation-name:sv-tile-in-r}@keyframes sv-tile-in-r{0%{clip-path:polygon(100% 0,150% 100%,100% 100%,100% 0)}to{clip-path:polygon(-50% 0,100% 0,100% 100%,0 100%)}}#systems.sv-acc .sv-cl svg{filter:none}#systems.sv-acc .is-hot .sv-stage{outline:2px solid var(--andon);outline-offset:-1px}#systems.sv-acc .sv-t{text-wrap:pretty;grid-area:1/2;margin:0;font-size:19px;line-height:1.15}html[lang=ar] #systems.sv-acc .sv-t{font-size:18px;line-height:1.4}#systems.sv-acc .sv-tog{justify-content:space-between;align-items:center;gap:14px;min-height:56px;display:flex}#systems.sv-acc .sv-tog:after{content:"";height:80px;position:absolute;inset-block-start:0;inset-inline:0}#systems.sv-acc .sv-arrow{width:12px;height:12px;color:var(--logo-play);transition:transform .5s var(--ease-ui);flex:none;margin-inline-end:4px;display:block}#systems.sv-acc .is-open .sv-arrow{transform:rotate(90deg)}#systems.sv-acc .sv-pair{visibility:hidden;transition:grid-template-rows .6s var(--ease-ui), visibility 0s linear .6s;grid-column:1/-1;grid-template-rows:0fr;display:grid}#systems.sv-acc .is-open .sv-pair{visibility:visible;transition:grid-template-rows .6s var(--ease-ui), visibility 0s;grid-template-rows:1fr}#systems.sv-acc .sv-pair-in{min-height:0;padding-inline-start:70px;overflow:hidden}#systems.sv-acc .sv-paper{margin-block-start:6px!important}#systems.sv-acc .sv-sys{margin-block-end:6px!important}#systems .sv-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 48px;display:flex}#systems .sv-h{font-family:var(--f-display);font-size:clamp(2.5rem,1.2rem + 4.2vw,5.25rem);font-weight:780;font-stretch:var(--wdth-xl);letter-spacing:-.035em;margin:0;line-height:.94}html[lang=ar] #systems .sv-h{font-size:clamp(2.1rem,1.1rem + 3.4vw,4.25rem);line-height:var(--lh-ar-head);letter-spacing:0;font-weight:760;font-stretch:100%}#systems .sv-lede{margin:0}@media (max-width:767px){#systems .sv-grid{border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0;margin-block-start:36px}#systems .sv-card{clip-path:none;border-block-end:1px solid var(--rule);background:0 0;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:14px;padding:12px 0;display:grid;transform:none}#systems .ring{display:none}#systems .sv-card .notch-tab{visibility:hidden}#systems .sv-stage{aspect-ratio:auto;background:var(--surface);width:56px;height:56px;min-height:0;box-shadow:inset 0 0 0 1px var(--rule);grid-area:1/1;margin:0}#systems .sv-cab{display:none}#systems .sv-ly{padding:4px}#systems .sv-t{grid-area:1/2;margin:0;font-size:19px;line-height:1.15}html[lang=ar] #systems .sv-t{font-size:18px;line-height:1.4}#systems .sv-tog{justify-content:space-between;align-items:center;gap:14px;min-height:56px;display:flex}#systems .sv-pair{grid-column:1/-1}#systems .sv-pair-in{padding-block:8px 6px;padding-inline-start:70px}}