/* Saghi voice-to-text demo — ASLS homepage. CSP-safe: class-based styles only.
   Loop 9s. Animations run only while .sgd has .is-live (added by saghi-demo.js when visible);
   without JS or with reduced motion the base styles below show the final composed state. */
:root{--sgd-shadow:.5;--sgd-glow:.55;--sgd-glow2:.45;--sgd-band:.07;--sgd-sheen:.09;--sgd-pillsh:.55}
@media (prefers-color-scheme:light){:root{--sgd-shadow:.16;--sgd-glow:.38;--sgd-glow2:.22;--sgd-band:.09;--sgd-sheen:.55;--sgd-pillsh:.28}}
.sgd{position:relative;margin:0;container-type:inline-size;width:100%;max-width:680px;justify-self:center;-webkit-tap-highlight-color:transparent;--sgd-a1:-68.6px;--sgd-a2:-163.4px;--sgd-a3:-199.8px;--sgd-a4:-357.5px;--sgd-a5:-357.5px;--sgd-a6:-412.3px;--sgd-a7:-76.0px;--sgd-a8:-177.3px;--sgd-a9:-218.4px;--sgd-a10:-285.5px;--sgd-af:-294.5px;--sgd-e1:86.6px;--sgd-e2:129.1px;--sgd-e3:228.2px;--sgd-e4:282.1px;--sgd-e5:324.5px;--sgd-e6:404.6px;--sgd-e7:467.2px;--sgd-e8:509.6px;--sgd-e9:50.2px;--sgd-e10:110.0px;--sgd-e11:152.5px;--sgd-e12:265.1px;--sgd-e13:298.7px;--sgd-e14:366.5px;--sgd-ef:373.1px}
.sgd-svg{display:block;width:100%;height:auto;overflow:visible;font-family:"Thmanyah Sans",system-ui,sans-serif}
.sgd-svg text{font-family:inherit}

/* ambient + glass */
.sgd-stop-tq{stop-color:#1ba4a9}.sgd-stop-tq0{stop-color:#1ba4a9;stop-opacity:0}
.sgd-stop-deep{stop-color:#087d98}.sgd-stop-deep0{stop-color:#087d98;stop-opacity:0}
.sgd-stop-w{stop-color:#fff}.sgd-stop-w0{stop-color:#fff;stop-opacity:0}
.sgd-stop-hi0{stop-color:#6fe4e6;stop-opacity:0}.sgd-stop-hi{stop-color:#6fe4e6}
.sgd-stop-bar1{stop-color:#8af3f1}.sgd-stop-bar2{stop-color:#1ba4a9}
.sgd-stop-p1{stop-color:#11313a}.sgd-stop-p2{stop-color:#061519}
.sgd-glow1{opacity:var(--sgd-glow)}
.sgd-glow2{opacity:var(--sgd-glow2)}
.sgd-band{fill:#1ba4a9;opacity:var(--sgd-band)}
.sgd-dots{fill:var(--tq-ink);opacity:.22}
.sgd-cardsh{fill:#000;opacity:var(--sgd-shadow)}
.sgd-cardfill{fill:var(--glass)}
.sgd-cardsheen{opacity:var(--sgd-sheen)}
.sgd-cardline{fill:none;stroke:var(--glass-line);stroke-width:1}
.sgd-cardedge{fill:none;stroke-width:1.2;opacity:.85}
.sgd-head{font-size:13.5px;font-weight:700;fill:var(--mute)}
.sgd-headdot{fill:var(--tq)}
.sgd-win{fill:none;stroke:var(--faint);stroke-width:1.3;stroke-linecap:round}
.sgd-div{stroke:var(--line);stroke-width:1}
.sgd-ph{font-size:24px;font-weight:400;fill:var(--faint);opacity:0}
.sgd-line{font-size:27px;font-weight:500;fill:var(--ink)}
.sgd-en .sgd-line{font-size:24px}
.sgd-lat{font-weight:300}
.sgd-w{fill:var(--ink)}
.sgd-filler{fill-opacity:0}
.sgd-punct{fill:var(--ink)}
.sgd-strike{stroke:var(--tq-ink);stroke-width:2;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:right center}
.sgd-en .sgd-strike{transform-origin:left center}
.sgd-caret{fill:var(--tq-ink)}
.sgd-ar .sgd-caretpos{transform:translate(var(--sgd-af),46px)}
.sgd-en .sgd-caretpos{transform:translate(var(--sgd-ef),46px)}
.sgd-chipdot{fill:var(--tq)}
.sgd-chip{font-size:13px;font-weight:500;fill:var(--tq-ink)}
.sgd-chip-q{fill:var(--mute)}
.sgd-cap{font-size:14px;font-weight:500;fill:var(--mute)}
.sgd-capico{fill:none;stroke:var(--tq-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* keys */
.sgd-key{transform-box:fill-box;transform-origin:center}
.sgd-keybase{fill:var(--line)}
.sgd-keytop{fill:var(--panel);stroke:var(--glass-line);stroke-width:1}
.sgd-keytxt{font-size:13px;font-weight:700;fill:var(--ink)}
.sgd-plus{font-size:14px;font-weight:700;fill:var(--faint)}
.sgd-hint{font-size:12.5px;font-weight:500;fill:var(--faint)}

/* pill (always dark, like Saghi's recording UI) */
.sgd-pill{transform-box:fill-box;transform-origin:center}
.sgd-pillsh{fill:#000;opacity:var(--sgd-pillsh)}
.sgd-pillbody{stroke:rgba(111,228,230,.3);stroke-width:1}
.sgd-pillhl{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1;stroke-linecap:round}
.sgd-pillok{fill:#1ba4a9;opacity:.2;stroke:#6fe4e6;stroke-width:1}
.sgd-ring{fill:none;stroke:#6fe4e6;stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.sgd-mic{opacity:0}
.sgd-micbg{fill:rgba(27,164,169,.16);stroke:rgba(111,228,230,.5);stroke-width:1}
.sgd-micgl{fill:none;stroke:#8af3f1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sgd-check{transform-box:fill-box;transform-origin:center}
.sgd-checkbg{fill:#1ba4a9}
.sgd-checkgl{fill:none;stroke:#041115;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sgd-rec{fill:#f0b48a;opacity:0;transform-box:fill-box;transform-origin:center}
.sgd-bar{transform-box:fill-box;transform-origin:center}
.sgd-b0{transform:scaleY(0.3)}.sgd-b1{transform:scaleY(0.52)}.sgd-b2{transform:scaleY(0.78)}.sgd-b3{transform:scaleY(0.46)}.sgd-b4{transform:scaleY(0.95)}.sgd-b5{transform:scaleY(0.7)}.sgd-b6{transform:scaleY(1.0)}.sgd-b7{transform:scaleY(0.58)}.sgd-b8{transform:scaleY(0.74)}.sgd-b9{transform:scaleY(0.4)}.sgd-b10{transform:scaleY(0.24)}
.sgd-status{font-size:13px;font-weight:500;fill:var(--mute)}
.sgd-st-on{opacity:0}
.sgd-st-ok{fill:var(--tq-ink);font-weight:700}

/* connector */
.sgd-track{fill:none;stroke:var(--glass-line);stroke-width:1;stroke-dasharray:2 5}
.sgd-wire{fill:none;stroke:var(--tq-ink);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:0}
.sgd-pkt{fill:none;stroke:#8af3f1;stroke-width:5.5;stroke-linecap:round;stroke-dasharray:.01 200;stroke-dashoffset:-100;opacity:0}
.sgd-node{fill:var(--bg);stroke:var(--tq-ink);stroke-width:1.5}
.sgd-nodein{fill:var(--tq-hi)}

/* language: both variants stay laid out (keeps animations in sync); only one is visible */
.sgd-en{visibility:hidden}
html[lang="en"] .sgd-ar{visibility:hidden}
html[lang="en"] .sgd-en{visibility:visible}
html[dir="ltr"] .sgd-pillpos{transform:translateX(-348px)}
html[dir="ltr"] .sgd-keyspos{transform:translateX(46px)}
html[dir="ltr"] .sgd-winpos{transform:translateX(483px)}
.sgd-wire-ltr,.sgd-track-ltr,.sgd-node-ltr{display:none}
html[dir="ltr"] .sgd-wire-ltr,html[dir="ltr"] .sgd-track-ltr,html[dir="ltr"] .sgd-node-ltr{display:inline}
html[dir="ltr"] .sgd-wire-rtl,html[dir="ltr"] .sgd-track-rtl,html[dir="ltr"] .sgd-node-rtl{display:none}

/* small labels stay legible when the scene is scaled down on phones */
@container (max-width:520px){
  .sgd-head,.sgd-chip,.sgd-status,.sgd-hint{font-size:19px}
  .sgd-cap{font-size:20px}
  .sgd-keytxt{font-size:17px}
  .sgd-ph{font-size:27px}
  .sgd-hint{display:none}
}

/* ---------------------------------------------------------------- animation (only when live) */
.sgd.is-live .sgd-pill{animation:sgd-pill 9s infinite both}
.sgd.is-live .sgd-pillsh{animation:sgd-pillsh 9s infinite both}
.sgd.is-live .sgd-pillok{animation:sgd-pillok 9s infinite both}
.sgd.is-live .sgd-mic{animation:sgd-mic 9s infinite both}
.sgd.is-live .sgd-check{animation:sgd-check 9s infinite both}
.sgd.is-live .sgd-rec{animation:sgd-rec 9s infinite both}
.sgd.is-live .sgd-ring1{animation:sgd-ring1 9s infinite both}
.sgd.is-live .sgd-ring2{animation:sgd-ring2 9s infinite both}
.sgd.is-live .sgd-b0{animation:sgd-bar0 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b1{animation:sgd-bar1 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b2{animation:sgd-bar2 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b3{animation:sgd-bar3 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b4{animation:sgd-bar4 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b5{animation:sgd-bar5 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b6{animation:sgd-bar6 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b7{animation:sgd-bar7 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b8{animation:sgd-bar8 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b9{animation:sgd-bar9 9s infinite both;animation-timing-function:ease-in-out}.sgd.is-live .sgd-b10{animation:sgd-bar10 9s infinite both;animation-timing-function:ease-in-out}
.sgd.is-live .sgd-st-on{animation:sgd-st-on 9s infinite both}
.sgd.is-live .sgd-st-ok{animation:sgd-st-ok 9s infinite both}
.sgd.is-live .sgd-key{animation:sgd-key 9s infinite both}
.sgd.is-live .sgd-keytop{animation:sgd-keytop 9s infinite both}
.sgd.is-live .sgd-wire{animation:sgd-wire 9s infinite both}
.sgd.is-live .sgd-pkt{animation:sgd-pkt 9s infinite both}
.sgd.is-live .sgd-nodein{animation:sgd-nodein 9s infinite both}
.sgd.is-live .sgd-cardedge{animation:sgd-edge 9s infinite both}
.sgd.is-live .sgd-ph{animation:sgd-ph 9s infinite both}
.sgd.is-live .sgd-text{animation:sgd-text 9s infinite both}
.sgd.is-live .sgd-strike{animation:sgd-strike 9s infinite both}
.sgd.is-live .sgd-punct{animation:sgd-punct 9s infinite both}
.sgd.is-live .sgd-chipg{animation:sgd-chipg 9s infinite both}
.sgd.is-live .sgd-capg{animation:sgd-capg 9s infinite both}
.sgd.is-live .sgd-ar .sgd-caretpos{animation:sgd-caret-ar 9s infinite both}
.sgd.is-live .sgd-en .sgd-caretpos{animation:sgd-caret-en 9s infinite both}
.sgd.is-live .sgd-caret{animation:sgd-blink 1.1s steps(1) infinite}
.sgd.is-live .sgd-wa1{animation:sgd-wa1 9s infinite both}
.sgd.is-live .sgd-wa2{animation:sgd-wa2 9s infinite both}
.sgd.is-live .sgd-wa3{animation:sgd-wa3 9s infinite both}
.sgd.is-live .sgd-wa4{animation:sgd-wa4 9s infinite both}
.sgd.is-live .sgd-wa5{animation:sgd-wa5 9s infinite both}
.sgd.is-live .sgd-wa6{animation:sgd-wa6 9s infinite both}
.sgd.is-live .sgd-wa7{animation:sgd-wa7 9s infinite both}
.sgd.is-live .sgd-wa8{animation:sgd-wa8 9s infinite both}
.sgd.is-live .sgd-wa9{animation:sgd-wa9 9s infinite both}
.sgd.is-live .sgd-wa10{animation:sgd-wa10 9s infinite both}
.sgd.is-live .sgd-we1{animation:sgd-we1 9s infinite both}
.sgd.is-live .sgd-we2{animation:sgd-we2 9s infinite both}
.sgd.is-live .sgd-we3{animation:sgd-we3 9s infinite both}
.sgd.is-live .sgd-we4{animation:sgd-we4 9s infinite both}
.sgd.is-live .sgd-we5{animation:sgd-we5 9s infinite both}
.sgd.is-live .sgd-we6{animation:sgd-we6 9s infinite both}
.sgd.is-live .sgd-we7{animation:sgd-we7 9s infinite both}
.sgd.is-live .sgd-we8{animation:sgd-we8 9s infinite both}
.sgd.is-live .sgd-we9{animation:sgd-we9 9s infinite both}
.sgd.is-live .sgd-we10{animation:sgd-we10 9s infinite both}
.sgd.is-live .sgd-we11{animation:sgd-we11 9s infinite both}
.sgd.is-live .sgd-we12{animation:sgd-we12 9s infinite both}
.sgd.is-live .sgd-we13{animation:sgd-we13 9s infinite both}
.sgd.is-live .sgd-we14{animation:sgd-we14 9s infinite both}
.sgd.is-paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.sgd *{animation:none!important}}

@keyframes sgd-pill{0%{opacity:0;transform:translateY(8px) scale(.92)}6.11%{opacity:1;transform:none}72.22%{opacity:1;transform:none}80.00%,100%{opacity:0;transform:translateY(4px) scale(.96)}}
@keyframes sgd-pillsh{0%{opacity:0}6.67%,72.22%{opacity:var(--sgd-pillsh)}80.00%,100%{opacity:0}}
@keyframes sgd-pillok{0%,40.67%{opacity:0}43.89%,72.22%{opacity:.2}80.00%,100%{opacity:0}}
@keyframes sgd-mic{0%,40.67%{opacity:1}42.78%,100%{opacity:0}}
@keyframes sgd-check{0%,41.11%{opacity:0;transform:scale(.4) rotate(-30deg)}43.89%{opacity:1;transform:scale(1.08)}45.56%,72.22%{opacity:1;transform:none}80.00%,100%{opacity:0;transform:none}}
@keyframes sgd-rec{0%,1.67%{opacity:0;transform:scale(1)}5.00%{opacity:1;transform:scale(1.6)}7.78%{opacity:1;transform:scale(1)}40.00%{opacity:1}41.67%,100%{opacity:0}}
@keyframes sgd-ring1{0%{opacity:0;transform:scale(1)}6.67%{opacity:.6;transform:scale(1)}16.00%{opacity:0;transform:scale(1.55)}16.22%{opacity:0;transform:scale(1)}16.67%{opacity:.6;transform:scale(1)}26.00%{opacity:0;transform:scale(1.55)}26.22%{opacity:0;transform:scale(1)}26.67%{opacity:.6;transform:scale(1)}36.00%{opacity:0;transform:scale(1.55)}36.22%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes sgd-ring2{0%{opacity:0;transform:scale(1)}11.67%{opacity:.6;transform:scale(1)}21.00%{opacity:0;transform:scale(1.55)}21.22%{opacity:0;transform:scale(1)}21.67%{opacity:.6;transform:scale(1)}31.00%{opacity:0;transform:scale(1.55)}31.22%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes sgd-bar0{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.29)}9.11%{transform:scaleY(0.69)}10.44%{transform:scaleY(0.28)}11.78%{transform:scaleY(0.58)}13.11%{transform:scaleY(0.37)}14.44%{transform:scaleY(0.60)}15.78%{transform:scaleY(0.69)}17.11%{transform:scaleY(0.39)}18.44%{transform:scaleY(0.27)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.35)}23.78%{transform:scaleY(0.36)}25.11%{transform:scaleY(0.45)}26.44%{transform:scaleY(0.63)}27.78%{transform:scaleY(0.64)}29.11%{transform:scaleY(0.59)}30.44%{transform:scaleY(0.36)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.68)}35.78%{transform:scaleY(0.33)}37.11%{transform:scaleY(0.54)}38.44%{transform:scaleY(0.46)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar1{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.54)}9.11%{transform:scaleY(0.40)}10.44%{transform:scaleY(0.53)}11.78%{transform:scaleY(0.54)}13.11%{transform:scaleY(0.61)}14.44%{transform:scaleY(0.47)}15.78%{transform:scaleY(0.84)}17.11%{transform:scaleY(0.81)}18.44%{transform:scaleY(0.59)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.51)}23.78%{transform:scaleY(0.56)}25.11%{transform:scaleY(0.68)}26.44%{transform:scaleY(0.61)}27.78%{transform:scaleY(0.58)}29.11%{transform:scaleY(0.67)}30.44%{transform:scaleY(0.34)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.58)}35.78%{transform:scaleY(0.82)}37.11%{transform:scaleY(0.51)}38.44%{transform:scaleY(0.40)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar2{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.84)}9.11%{transform:scaleY(0.83)}10.44%{transform:scaleY(0.67)}11.78%{transform:scaleY(0.81)}13.11%{transform:scaleY(0.41)}14.44%{transform:scaleY(0.67)}15.78%{transform:scaleY(0.59)}17.11%{transform:scaleY(0.71)}18.44%{transform:scaleY(0.50)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.57)}23.78%{transform:scaleY(0.75)}25.11%{transform:scaleY(0.30)}26.44%{transform:scaleY(0.81)}27.78%{transform:scaleY(0.89)}29.11%{transform:scaleY(0.51)}30.44%{transform:scaleY(0.47)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.93)}35.78%{transform:scaleY(0.88)}37.11%{transform:scaleY(0.46)}38.44%{transform:scaleY(0.67)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar3{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.84)}9.11%{transform:scaleY(0.78)}10.44%{transform:scaleY(0.70)}11.78%{transform:scaleY(0.70)}13.11%{transform:scaleY(0.63)}14.44%{transform:scaleY(0.76)}15.78%{transform:scaleY(0.47)}17.11%{transform:scaleY(0.59)}18.44%{transform:scaleY(0.68)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.89)}23.78%{transform:scaleY(0.70)}25.11%{transform:scaleY(0.35)}26.44%{transform:scaleY(1.00)}27.78%{transform:scaleY(0.67)}29.11%{transform:scaleY(0.58)}30.44%{transform:scaleY(0.29)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.40)}35.78%{transform:scaleY(1.00)}37.11%{transform:scaleY(0.46)}38.44%{transform:scaleY(0.98)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar4{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(1.00)}9.11%{transform:scaleY(1.00)}10.44%{transform:scaleY(0.75)}11.78%{transform:scaleY(0.49)}13.11%{transform:scaleY(0.75)}14.44%{transform:scaleY(0.46)}15.78%{transform:scaleY(0.92)}17.11%{transform:scaleY(1.00)}18.44%{transform:scaleY(0.72)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.66)}23.78%{transform:scaleY(0.95)}25.11%{transform:scaleY(0.66)}26.44%{transform:scaleY(1.00)}27.78%{transform:scaleY(0.64)}29.11%{transform:scaleY(0.63)}30.44%{transform:scaleY(0.43)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.50)}35.78%{transform:scaleY(0.65)}37.11%{transform:scaleY(0.67)}38.44%{transform:scaleY(1.00)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar5{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.90)}9.11%{transform:scaleY(0.94)}10.44%{transform:scaleY(0.97)}11.78%{transform:scaleY(0.54)}13.11%{transform:scaleY(1.00)}14.44%{transform:scaleY(0.53)}15.78%{transform:scaleY(1.00)}17.11%{transform:scaleY(1.00)}18.44%{transform:scaleY(0.85)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.83)}23.78%{transform:scaleY(1.00)}25.11%{transform:scaleY(1.00)}26.44%{transform:scaleY(0.67)}27.78%{transform:scaleY(1.00)}29.11%{transform:scaleY(0.66)}30.44%{transform:scaleY(0.33)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.91)}35.78%{transform:scaleY(1.00)}37.11%{transform:scaleY(0.68)}38.44%{transform:scaleY(0.85)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar6{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.93)}9.11%{transform:scaleY(1.00)}10.44%{transform:scaleY(0.83)}11.78%{transform:scaleY(1.00)}13.11%{transform:scaleY(1.00)}14.44%{transform:scaleY(0.50)}15.78%{transform:scaleY(0.61)}17.11%{transform:scaleY(1.00)}18.44%{transform:scaleY(0.80)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.43)}23.78%{transform:scaleY(0.67)}25.11%{transform:scaleY(1.00)}26.44%{transform:scaleY(1.00)}27.78%{transform:scaleY(1.00)}29.11%{transform:scaleY(1.00)}30.44%{transform:scaleY(0.38)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(1.00)}35.78%{transform:scaleY(0.47)}37.11%{transform:scaleY(1.00)}38.44%{transform:scaleY(0.57)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar7{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.72)}9.11%{transform:scaleY(1.00)}10.44%{transform:scaleY(0.82)}11.78%{transform:scaleY(0.66)}13.11%{transform:scaleY(0.47)}14.44%{transform:scaleY(0.56)}15.78%{transform:scaleY(1.00)}17.11%{transform:scaleY(0.54)}18.44%{transform:scaleY(0.49)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.75)}23.78%{transform:scaleY(0.67)}25.11%{transform:scaleY(0.94)}26.44%{transform:scaleY(0.87)}27.78%{transform:scaleY(0.90)}29.11%{transform:scaleY(0.93)}30.44%{transform:scaleY(0.32)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.77)}35.78%{transform:scaleY(0.80)}37.11%{transform:scaleY(0.60)}38.44%{transform:scaleY(1.00)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar8{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.44)}9.11%{transform:scaleY(0.79)}10.44%{transform:scaleY(0.55)}11.78%{transform:scaleY(0.56)}13.11%{transform:scaleY(0.74)}14.44%{transform:scaleY(0.84)}15.78%{transform:scaleY(0.81)}17.11%{transform:scaleY(0.83)}18.44%{transform:scaleY(0.49)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.71)}23.78%{transform:scaleY(0.34)}25.11%{transform:scaleY(0.54)}26.44%{transform:scaleY(0.55)}27.78%{transform:scaleY(0.73)}29.11%{transform:scaleY(0.52)}30.44%{transform:scaleY(0.34)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.80)}35.78%{transform:scaleY(0.85)}37.11%{transform:scaleY(0.83)}38.44%{transform:scaleY(0.48)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar9{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.42)}9.11%{transform:scaleY(0.80)}10.44%{transform:scaleY(0.59)}11.78%{transform:scaleY(0.63)}13.11%{transform:scaleY(0.74)}14.44%{transform:scaleY(0.49)}15.78%{transform:scaleY(0.52)}17.11%{transform:scaleY(0.59)}18.44%{transform:scaleY(0.36)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.54)}23.78%{transform:scaleY(0.68)}25.11%{transform:scaleY(0.40)}26.44%{transform:scaleY(0.48)}27.78%{transform:scaleY(0.63)}29.11%{transform:scaleY(0.35)}30.44%{transform:scaleY(0.30)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.48)}35.78%{transform:scaleY(0.37)}37.11%{transform:scaleY(0.79)}38.44%{transform:scaleY(0.58)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-bar10{0.00%{transform:scaleY(0.10)}6.89%{transform:scaleY(0.10)}7.78%{transform:scaleY(0.32)}9.11%{transform:scaleY(0.70)}10.44%{transform:scaleY(0.30)}11.78%{transform:scaleY(0.56)}13.11%{transform:scaleY(0.49)}14.44%{transform:scaleY(0.40)}15.78%{transform:scaleY(0.38)}17.11%{transform:scaleY(0.72)}18.44%{transform:scaleY(0.33)}19.78%{transform:scaleY(0.10)}21.11%{transform:scaleY(0.10)}22.44%{transform:scaleY(0.38)}23.78%{transform:scaleY(0.58)}25.11%{transform:scaleY(0.32)}26.44%{transform:scaleY(0.48)}27.78%{transform:scaleY(0.77)}29.11%{transform:scaleY(0.37)}30.44%{transform:scaleY(0.28)}31.78%{transform:scaleY(0.10)}33.11%{transform:scaleY(0.10)}34.44%{transform:scaleY(0.52)}35.78%{transform:scaleY(0.40)}37.11%{transform:scaleY(0.78)}38.44%{transform:scaleY(0.83)}40.44%{transform:scaleY(0.10)}100.00%{transform:scaleY(0.10)}}
@keyframes sgd-st-on{0%{opacity:0}5.56%,40.22%{opacity:1}42.00%,100%{opacity:0}}
@keyframes sgd-st-ok{0%,41.78%{opacity:0}44.22%,72.22%{opacity:1}80.00%,100%{opacity:0}}
@keyframes sgd-key{0%{transform:none}0.89%,3.56%{transform:translateY(2.5px)}5.00%,100%{transform:none}}
@keyframes sgd-keytop{0%{fill:var(--panel)}0.89%,3.56%{fill:var(--tq-soft);stroke:var(--tq)}6.67%,100%{fill:var(--panel)}}
@keyframes sgd-wire{0%,11.11%{stroke-dashoffset:100}22.22%,72.22%{stroke-dashoffset:0}80.00%,100%{stroke-dashoffset:-100}}
@keyframes sgd-pkt{0%,11.00%{stroke-dashoffset:0;opacity:0}11.11%{stroke-dashoffset:0;opacity:1}22.22%{stroke-dashoffset:-100;opacity:1}22.28%{stroke-dashoffset:0;opacity:1}28.89%{stroke-dashoffset:-100;opacity:1}29.17%{stroke-dashoffset:0;opacity:1}35.78%{stroke-dashoffset:-100;opacity:1}36.06%{stroke-dashoffset:0;opacity:1}42.67%{stroke-dashoffset:-100;opacity:1}42.78%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes sgd-nodein{0%,21.67%{opacity:0}23.33%,76.67%{opacity:1}80.00%,100%{opacity:0}}
@keyframes sgd-edge{0%{opacity:.35}14.44%{opacity:.35}17.78%,41.11%{opacity:1}51.11%,72.22%{opacity:.85}80.00%,100%{opacity:.35}}
@keyframes sgd-ph{0%,13.89%{opacity:1}15.78%,81.11%{opacity:0}86.67%,100%{opacity:1}}
@keyframes sgd-text{0%,72.22%{opacity:1;transform:none}80.00%{opacity:0;transform:translateY(-10px)}80.22%{opacity:0;transform:none}81.11%,100%{opacity:1;transform:none}}
@keyframes sgd-strike{0%,43.89%{opacity:0;transform:scaleX(0)}44.11%{opacity:1;transform:scaleX(0)}46.11%{opacity:1;transform:scaleX(1)}46.44%{opacity:1;transform:scaleX(1)}49.44%,100%{opacity:0;transform:scaleX(1)}}
@keyframes sgd-punct{0%,48.44%{fill-opacity:0;baseline-shift:12px;fill:var(--tq-hi)}50.44%{fill-opacity:1;baseline-shift:-2px}51.78%{baseline-shift:0px}58.44%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0}}
@keyframes sgd-chipg{0%,47.22%{opacity:0;transform:translateY(6px)}51.11%,72.22%{opacity:1;transform:none}78.33%,100%{opacity:0;transform:none}}
@keyframes sgd-capg{0%,46.67%{opacity:0;transform:translateY(6px)}51.67%,72.22%{opacity:1;transform:none}80.00%,100%{opacity:0;transform:none}}
@keyframes sgd-caret-ar{0%,15.44%{transform:translate(0px,0px);opacity:1}16.22%{transform:translate(var(--sgd-a1),0px)}18.17%{transform:translate(var(--sgd-a1),0px)}18.89%{transform:translate(var(--sgd-a2),0px)}20.83%{transform:translate(var(--sgd-a2),0px)}21.56%{transform:translate(var(--sgd-a3),0px)}23.50%{transform:translate(var(--sgd-a3),0px)}24.22%{transform:translate(var(--sgd-a4),0px)}26.17%{transform:translate(var(--sgd-a4),0px)}26.89%{transform:translate(var(--sgd-a5),0px)}28.83%{transform:translate(var(--sgd-a5),0px)}29.56%{transform:translate(var(--sgd-a6),0px)}32.83%{transform:translate(var(--sgd-a6),0px)}33.56%{transform:translate(var(--sgd-a7),46px)}35.50%{transform:translate(var(--sgd-a7),46px)}36.22%{transform:translate(var(--sgd-a8),46px)}38.17%{transform:translate(var(--sgd-a8),46px)}38.89%{transform:translate(var(--sgd-a9),46px)}40.83%{transform:translate(var(--sgd-a9),46px)}41.56%{transform:translate(var(--sgd-a10),46px)}48.39%{transform:translate(var(--sgd-a10),46px)}49.33%,72.22%{transform:translate(var(--sgd-af),46px);opacity:1}77.78%{transform:translate(var(--sgd-af),46px);opacity:0}80.00%{transform:translate(0px,0px);opacity:0}83.33%,100%{transform:translate(0px,0px);opacity:1}}
@keyframes sgd-caret-en{0%,15.44%{transform:translate(0px,0px);opacity:1}16.22%{transform:translate(var(--sgd-e1),0px)}17.34%{transform:translate(var(--sgd-e1),0px)}18.07%{transform:translate(var(--sgd-e2),0px)}19.19%{transform:translate(var(--sgd-e2),0px)}19.91%{transform:translate(var(--sgd-e3),0px)}21.03%{transform:translate(var(--sgd-e3),0px)}21.76%{transform:translate(var(--sgd-e4),0px)}22.89%{transform:translate(var(--sgd-e4),0px)}23.61%{transform:translate(var(--sgd-e5),0px)}24.73%{transform:translate(var(--sgd-e5),0px)}25.46%{transform:translate(var(--sgd-e6),0px)}26.58%{transform:translate(var(--sgd-e6),0px)}27.30%{transform:translate(var(--sgd-e7),0px)}28.42%{transform:translate(var(--sgd-e7),0px)}29.14%{transform:translate(var(--sgd-e8),0px)}31.60%{transform:translate(var(--sgd-e8),0px)}32.32%{transform:translate(var(--sgd-e9),46px)}33.44%{transform:translate(var(--sgd-e9),46px)}34.17%{transform:translate(var(--sgd-e10),46px)}35.30%{transform:translate(var(--sgd-e10),46px)}36.02%{transform:translate(var(--sgd-e11),46px)}37.14%{transform:translate(var(--sgd-e11),46px)}37.87%{transform:translate(var(--sgd-e12),46px)}38.99%{transform:translate(var(--sgd-e12),46px)}39.71%{transform:translate(var(--sgd-e13),46px)}40.83%{transform:translate(var(--sgd-e13),46px)}41.56%{transform:translate(var(--sgd-e14),46px)}48.39%{transform:translate(var(--sgd-e14),46px)}49.33%,72.22%{transform:translate(var(--sgd-ef),46px);opacity:1}77.78%{transform:translate(var(--sgd-ef),46px);opacity:0}80.00%{transform:translate(0px,0px);opacity:0}83.33%,100%{transform:translate(0px,0px);opacity:1}}
@keyframes sgd-blink{0%{opacity:1}55%{opacity:0}100%{opacity:1}}
@keyframes sgd-wa1{0%,15.56%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}18.89%{fill-opacity:1;baseline-shift:0px}26.11%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa2{0%,18.22%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}21.56%{fill-opacity:1;baseline-shift:0px}28.78%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa3{0%,20.89%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}24.22%{fill-opacity:1;baseline-shift:0px}31.44%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa4{0%,23.56%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}26.89%{fill-opacity:1;baseline-shift:0px}34.11%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa5{0%,26.22%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}29.56%{fill-opacity:1;baseline-shift:0px}36.78%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa6{0%,28.89%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}32.22%{fill-opacity:1;baseline-shift:0px}43.89%{fill-opacity:1;fill:var(--ink)}46.11%{fill-opacity:.55;fill:var(--mute)}46.44%{fill-opacity:.55;baseline-shift:0px}49.44%,100%{fill-opacity:0;baseline-shift:6px;fill:var(--mute)}}
@keyframes sgd-wa7{0%,32.89%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}36.22%{fill-opacity:1;baseline-shift:0px}43.44%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa8{0%,35.56%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}38.89%{fill-opacity:1;baseline-shift:0px}46.11%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa9{0%,38.22%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}41.56%{fill-opacity:1;baseline-shift:0px}48.78%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-wa10{0%,40.89%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}44.22%{fill-opacity:1;baseline-shift:0px}51.44%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we1{0%,15.56%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}18.89%{fill-opacity:1;baseline-shift:0px}26.11%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we2{0%,17.40%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}20.73%{fill-opacity:1;baseline-shift:0px}27.96%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we3{0%,19.24%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}22.58%{fill-opacity:1;baseline-shift:0px}29.80%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we4{0%,21.09%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}24.42%{fill-opacity:1;baseline-shift:0px}31.64%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we5{0%,22.94%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}26.28%{fill-opacity:1;baseline-shift:0px}33.50%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we6{0%,24.79%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}28.12%{fill-opacity:1;baseline-shift:0px}35.34%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we7{0%,26.63%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}29.97%{fill-opacity:1;baseline-shift:0px}37.19%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we8{0%,28.48%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}31.81%{fill-opacity:1;baseline-shift:0px}43.89%{fill-opacity:1;fill:var(--ink)}46.11%{fill-opacity:.55;fill:var(--mute)}46.44%{fill-opacity:.55;baseline-shift:0px}49.44%,100%{fill-opacity:0;baseline-shift:6px;fill:var(--mute)}}
@keyframes sgd-we9{0%,31.66%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}34.99%{fill-opacity:1;baseline-shift:0px}42.21%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we10{0%,33.50%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}36.83%{fill-opacity:1;baseline-shift:0px}44.06%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we11{0%,35.36%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}38.69%{fill-opacity:1;baseline-shift:0px}45.91%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we12{0%,37.20%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}40.53%{fill-opacity:1;baseline-shift:0px}47.76%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we13{0%,39.04%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}42.38%{fill-opacity:1;baseline-shift:0px}49.60%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}
@keyframes sgd-we14{0%,40.89%{fill-opacity:0;baseline-shift:-7px;fill:var(--tq-hi)}44.22%{fill-opacity:1;baseline-shift:0px}51.44%,80.00%{fill-opacity:1;fill:var(--ink)}80.11%,100%{fill-opacity:0;fill:var(--ink)}}