.orb{--level:0;aspect-ratio:1;place-items:center;width:clamp(8.5rem,24vw,12.5rem);display:grid;position:relative}.orb-ring{border:1px solid color-mix(in srgb, var(--color-blue) 26%, transparent);transform:scale(calc(.66 + var(--level) * .3));border-radius:50%;transition:transform .14s linear,opacity .4s;position:absolute;inset:0}.orb-ring--mid{border-color:color-mix(in srgb, var(--color-blue) 40%, transparent);transform:scale(calc(.78 + var(--level) * .22));inset:12%}.orb-ring--inner{border-color:color-mix(in srgb, var(--color-blue) 55%, transparent);transform:scale(calc(.86 + var(--level) * .16));inset:24%}.orb-core{--orb-light:color-mix(in srgb, var(--color-blue) 64%, #fff);--orb-dark:color-mix(in srgb, var(--color-blue) 65%, var(--color-void));aspect-ratio:1;background:radial-gradient(circle at 34% 28%, var(--orb-light) 0%, var(--color-blue) 58%, var(--orb-dark) 100%);width:42%;transform:scale(calc(.92 + var(--level) * .2));border-radius:50%;transition:transform .14s linear;position:relative;box-shadow:0 14px 34px -14px #1c64ebbf}.orb[data-state=connecting] .orb-ring{animation:orb-breathe 2.6s var(--ease-out-soft,ease) infinite}.orb[data-state=connecting] .orb-ring--mid{animation-delay:.25s}.orb[data-state=connecting] .orb-ring--inner{animation-delay:.5s}.orb[data-state=idle] .orb-core,.orb[data-state=offline] .orb-core{animation:6s ease-in-out infinite orb-idle}.orb[data-state=ended] .orb-ring{opacity:.4}@keyframes orb-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes orb-idle{0%,to{transform:scale(.94)}50%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.orb-ring,.orb-core{transition:none;animation:none!important}}.vx-line{opacity:1;transition:opacity .6s var(--ease-out-soft,ease)}.vx-list[data-running=true] .vx-line{opacity:.6}.vx-list[data-running=true] .vx-line[data-shown=true]{opacity:1}.vx-line[data-active=true] .vx-bubble{border-color:color-mix(in srgb, var(--color-blue) 45%, transparent)}@media (prefers-reduced-motion:reduce){.vx-line{transition:none}}.vx-progress{transform-origin:0;transform:scaleX(var(--p,0))}.vx-progress[data-smooth=true]{transition:transform .12s linear}.flow-track{--p:0}.flow-progress{transform:scaleY(var(--p));transform-origin:top;background:var(--color-blue)}.flow-node{transition:background-color .4s,box-shadow .4s}.flow-node[data-on=true]{background:var(--color-blue);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-blue) 14%, transparent)}@media (min-width:48rem){.flow-progress{transform:scaleX(var(--p));transform-origin:0}}.cmp{border-collapse:collapse;width:100%}.cmp th,.cmp td{text-align:left;vertical-align:top}.cmp .cmp-mark{display:none}@media not (min-width:48rem){.cmp thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block}.cmp tr{border-bottom:1px solid var(--color-line);padding:1.5rem 0}.cmp tr:last-child{border-bottom:0}.cmp td{padding:.875rem 0 0}.cmp .cmp-mark{letter-spacing:.14em;text-transform:uppercase;color:var(--color-faint);margin-bottom:.3rem;font-size:.75rem;font-weight:600;line-height:1.2;display:block}.cmp td[data-charles=true]{background:color-mix(in srgb, var(--color-blue) 7%, transparent);border-radius:var(--radius-core);margin-top:.875rem;padding:.875rem 1rem}}
