.v3 .svc-vis{--sheet:var(--win);--sheet-edge:0 0 0 1px #0a0a0a0b;--sheet-well:var(--card);--sv-bar:color-mix(in oklab, var(--color-ink) 12%, transparent);--sv-float:0 0 0 1px #0a0a0a0d, 0 14px 32px -12px #0a0a0a38;--sv-link:#1a0dab;letter-spacing:-.005em;font-size:13.5px;line-height:20px}:root[data-theme=dark] .v3 .svc-vis{--sheet:#202020;--sheet-edge:0 0 0 1px #ffffff12;--sheet-well:#2b2b2b;--sv-float:0 0 0 1px #ffffff14, 0 14px 32px -12px #000000b3;--sv-link:#8ab4f8}@media (prefers-color-scheme:dark){:root:not([data-theme]) .v3 .svc-vis{--sheet:#202020;--sheet-edge:0 0 0 1px #ffffff12;--sheet-well:#2b2b2b;--sv-float:0 0 0 1px #ffffff14, 0 14px 32px -12px #000000b3;--sv-link:#8ab4f8}}.v3 .svc-stage{aspect-ratio:5/4;overflow-clip-margin:6px;position:relative;overflow:clip}@media (max-width:639px){.v3 .svc-stage{aspect-ratio:4/5}.v3 .svc-stage.sv-square{aspect-ratio:1}}.v3 .svc-stage i{font-style:normal}.v3 .svc-stage.why-stage{margin-top:0}.v3 .svc-vis .cmp{min-height:0}.v3 .svc-vis .cmp-layer{padding:28px 14px 62px}.v3 .sv-sheet{background:var(--sheet);box-shadow:var(--sheet-edge);border-radius:12px}.v3 .sv-float{box-shadow:var(--sv-float)}.v3 .sv-raised{background:var(--sheet);box-shadow:var(--sheet-edge)}.v3 .sv-chip{background:var(--sheet-well);height:24px;color:var(--color-ink-2);white-space:nowrap;border-radius:999px;align-items:center;padding-inline:10px;font-size:12.5px;font-weight:500;display:inline-flex}.v3 .sv-lane{inset-inline:0;border-top:2px dotted var(--line-2);position:absolute;top:50%}.v3 .sv-hatch{background-image:repeating-linear-gradient(-45deg, transparent 0 5px, color-mix(in srgb, var(--color-ink) 9%, transparent) 5px 6px)}.v3 .sv-badge{background:var(--color-ink);min-width:18px;height:18px;color:var(--color-paper);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding-inline:4px;font-size:11px;font-weight:600;line-height:18px;overflow:hidden}.v3 .sv-badge>span{display:block;translate:0 calc(18px - 100%)}.v3 .sv-badge i{height:18px;display:block}.v3 .sv-shimmer{background:linear-gradient(90deg, var(--sv-bar) 0 30%, color-mix(in oklab, var(--color-ink) 22%, transparent) 50%, var(--sv-bar) 70% 100%) 0 0 / 300% 100%}.v3 .sv-serp-title{color:var(--sv-link)}.v3 .sv-cited{box-shadow:0 0 0 1.5px color-mix(in oklab, var(--accent) 45%, transparent);position:relative}.v3 .sv-cited:after{content:"";border-radius:inherit;box-shadow:0 0 0 1.5px var(--accent);opacity:0;pointer-events:none;position:absolute;inset:-4px}.v3 .sv-spark{opacity:0;pointer-events:none}.v3 .sv-midcode{--mc-app:#0e0e0f;--mc-panel:#151516;--mc-canvas:#1c1c1e;--mc-card:#19191b;--mc-field:#232326;--mc-fg:#ececed;--mc-muted:#9a9aa0;--mc-faint:#636368;--mc-accent-soft:#0a84ff29;--mc-blue:#5eb0ff;--mc-ok:#32d74b;--mc-red:#ff8a82;--mc-green:#4cd97b;background:var(--mc-app);color:var(--mc-fg);box-shadow:0 0 0 1px #ffffff0f}.v3 .sv-framer{--fr-panel:#1b1b1b;--fr-canvas:#111;--fr-field:#2b2b2b;--fr-muted:#999;background:var(--fr-canvas);color:#f1f1f1;box-shadow:0 0 0 1px #ffffff0f}.v3 .sv-grip{translate:-78%}.v3 .sv-kanban{translate:calc(200% + 16px)}.v3 .a-travel{translate:100%}.v3 .a-draw{stroke-dasharray:1;stroke-dashoffset:0}.v3 .a-out{opacity:0}.v3 .sv-flow{stroke-dasharray:.035 .065}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.v3 .sv-play:not([data-inview]) :is(.a-rise,.a-pop,.a-cursor,.a-toast,.a-fade,.a-lift,.sv-flow){opacity:0}.v3 .sv-play:not([data-inview]) :is(.a-grow,.a-reveal,.a-type){clip-path:inset(0 100% 0 0)}.v3 .sv-play:not([data-inview]) .a-travel,.v3 .sv-play:not([data-inview]) .a-count>span{translate:0}.v3 .sv-play:not([data-inview]) .a-drawer{translate:105%}.v3 .sv-play:not([data-inview]) .a-draw{stroke-dashoffset:1px}.v3 .sv-play:not([data-inview]) .a-out{opacity:1}.v3 .sv-play:not([data-inview]) .sv-kanban,.v3 .sv-play:not([data-inview]) .sv-grip{translate:0}.v3 .sv-play[data-inview] .a-rise{animation:svc-rise .52s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-fade{animation:svc-fade .36s var(--ease-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-pop{animation:svc-pop .28s var(--ease-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-out{animation:svc-out .22s var(--ease-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-toast{animation:svc-toast .46s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-lift{animation:svc-lift .9s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-drawer{animation:svc-drawer .56s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-grow{animation:svc-grow .64s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-reveal{animation:svc-reveal .42s steps(14, end) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-type{animation:svc-reveal 1s steps(38, end) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-travel{animation:svc-travel 1.5s var(--ease-in-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-draw{animation:svc-draw .62s var(--ease-in-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-cursor{animation:svc-cursor .64s var(--ease-smooth) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-press{animation:svc-press .26s var(--ease-out) var(--d,0s) both}.v3 .sv-play[data-inview] .sv-grip{animation:svc-grip 1.5s var(--ease-in-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .sv-kanban{animation:svc-kanban 2.8s var(--ease-in-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .a-count>span{animation:svc-count .3s var(--ease-out) var(--d,0s) backwards}.v3 .sv-play[data-inview] .sv-bob{animation:svc-bob 2.6s var(--ease-in-out) var(--d,0s) infinite alternate}.v3 .sv-play[data-inview] .sv-flow{animation:svc-fade .3s var(--ease-out) var(--d,0s) backwards, svc-flow 1.4s linear var(--d,0s) infinite}.v3 .sv-play[data-inview] .sv-shimmer{animation:1.1s linear 3 svc-shimmer}.v3 .sv-play[data-inview] .sv-cited:after{animation:svc-cite 1.2s var(--ease-out) calc(var(--d,0s) + .26s) 2}.v3 .sv-play[data-inview] .sv-spark{animation:svc-spark .72s var(--ease-out) var(--d,0s)}}@media (prefers-reduced-motion:reduce){.v3 .sv-play[data-inview] :is(.a-rise,.a-pop,.a-toast,.a-lift){animation:svc-fade .3s var(--ease-out) var(--d,0s) backwards}}@keyframes svc-rise{0%{opacity:0;filter:blur(4px);translate:0 10px}}@keyframes svc-fade{0%{opacity:0}}@keyframes svc-pop{0%{opacity:0;scale:.94}}@keyframes svc-out{0%{opacity:1}to{opacity:0}}@keyframes svc-toast{0%{opacity:0;translate:0 10px;scale:.96}}@keyframes svc-lift{0%{opacity:0;translate:0 56px}}@keyframes svc-drawer{0%{translate:105%}}@keyframes svc-grow{0%{clip-path:inset(0 100% 0 0 round 7px)}to{clip-path:inset(0 round 7px)}}@keyframes svc-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes svc-travel{0%{translate:0}}@keyframes svc-draw{0%{stroke-dashoffset:1px}}@keyframes svc-cursor{0%{opacity:0;translate:46px 40px}}@keyframes svc-press{50%{scale:.94}}@keyframes svc-count{0%{translate:0}}@keyframes svc-grip{0%{translate:0}}@keyframes svc-bob{to{translate:0 -5px}}@keyframes svc-kanban{0%,22%{translate:0}40%,62%{translate:calc(100% + 8px)}80%,to{translate:calc(200% + 16px)}}@keyframes svc-flow{to{stroke-dashoffset:-.1px}}@keyframes svc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes svc-cite{0%{opacity:1;scale:.96}to{opacity:0;scale:1.14}}@keyframes svc-spark{0%{opacity:1;translate:-50% -50%;scale:1}to{opacity:0;translate:calc(-50% + var(--x)) calc(-50% + var(--y));scale:.4}}
