.sviz svg{display:block;width:100%;height:auto;overflow:visible}.sviz svg *{transform-box:fill-box}.sviz .sv-m{font-family:var(--font-jetbrains-mono),ui-monospace,monospace}.sviz .sv-h{font-family:var(--font-dm-sans),ui-sans-serif,system-ui,sans-serif;font-weight:700}.sviz .sv-b{font-family:var(--font-lato),ui-sans-serif,system-ui,sans-serif}.sviz .sv-arc{transform-box:view-box;transform-origin:260px 172px;transform:rotate(-90deg)}.sviz .sv-ping{opacity:0;transform-origin:center}.sviz .sv-bar{transform-origin:center bottom}.sviz .sv-focus,.sviz .sv-todo{opacity:0}.sviz .sv-live,.sviz .sv-tick{transform-origin:center}.sviz .sv-live{opacity:0}@media (prefers-reduced-motion:no-preference){.sviz [data-live] .sv-arc{animation:sv-spin 6s linear infinite}.sviz [data-live] .sv-ping{animation:sv-ping 6s cubic-bezier(.23,1,.32,1) var(--d) infinite}.sviz [data-live] .sv-lit{animation:sv-lit 6s ease-in-out var(--d) infinite}.sviz [data-live] .sv-bar{animation:sv-bar 12s cubic-bezier(.77,0,.175,1) var(--d) infinite both}.sviz [data-live] .sv-focus{animation:sv-focus 10s cubic-bezier(.77,0,.175,1) infinite}.sviz [data-live] .sv-todo{animation:sv-todo 10s cubic-bezier(.23,1,.32,1) var(--d) infinite both}.sviz [data-live] .sv-done{animation:sv-done 10s cubic-bezier(.23,1,.32,1) var(--d) infinite both}.sviz [data-live] .sv-tick{animation:sv-tick 10s cubic-bezier(.23,1,.32,1) var(--d) infinite both}.sviz [data-live] .sv-live{animation:sv-pulse 1.6s cubic-bezier(.23,1,.32,1) infinite}.sviz [data-paused] *{animation-play-state:paused!important}}@keyframes sv-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes sv-ping{0%{opacity:.9;transform:scale(1)}22%,to{opacity:0;transform:scale(1.7)}}@keyframes sv-lit{0%,18%{stroke:#E91E8C;stroke-opacity:.9}30%,to{stroke:#fff;stroke-opacity:.14}}@keyframes sv-bar{0%{transform:scaleY(.25)}45%,90%{transform:scaleY(1)}to{transform:scaleY(.25)}}@keyframes sv-focus{0%,6%{transform:translateY(0);opacity:0}8%{opacity:1}20%{transform:translateY(0)}24%,36%{transform:translateY(44px)}40%,52%{transform:translateY(88px)}56%,68%{transform:translateY(132px)}72%,82%{transform:translateY(176px)}86%{opacity:1}90%,to{transform:translateY(176px);opacity:0}}@keyframes sv-todo{0%,16%{opacity:1}19%,94%{opacity:0}98%,to{opacity:1}}@keyframes sv-done{0%,19%{opacity:0}22%,91%{opacity:1}94%,to{opacity:0}}@keyframes sv-tick{0%,19%{opacity:0;transform:scale(.4)}22%,91%{opacity:1;transform:none}94%,to{opacity:0}}@keyframes sv-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}