.ops-net{--ops-blue:#5ca1cc;--ops-blue-soft:#5ca1cc24;--ops-done:#3eab5e;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1' fill='%23121417' fill-opacity='.09'/%3E%3C/svg%3E") 0 0/28px 28px;position:absolute;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.ops-net{--ops-blue:lab(62.9154% -13.1663 -29.4617);--ops-blue-soft:lab(62.9154% -13.1663 -29.4617/.14);--ops-done:lab(62.447% -45.3063 29.8899)}}.ops-net__canvas{width:100%;height:100%;position:absolute;inset:0}.ops-net__veil{background:radial-gradient(ellipse 40% 44% at 50% 46%, var(--color-paper) 0%, color-mix(in oklch, var(--color-paper) 88%, transparent) 45%, transparent 100%);position:absolute;inset:0}.ops-node{animation:ops-enter .9s var(--ease-out) var(--enter) both;justify-items:center;gap:.6rem;display:grid;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);transform:translate(-50%,-1.5rem)}.ops-node__icon{border:var(--rule-hair) solid color-mix(in oklch, var(--ops-blue) 32%, transparent);border-radius:var(--radius-pill);background:var(--color-paper);width:3rem;height:3rem;box-shadow:0 .75rem 2rem -1rem color-mix(in oklch, var(--ops-blue) 60%, transparent), 0 0 0 .4rem var(--ops-blue-soft);color:var(--ops-blue);animation:ops-bob 6s ease-in-out var(--delay) infinite, ops-confirm var(--cycle) linear var(--delay) infinite;place-items:center;display:grid}.ops-node__icon svg{stroke-width:1.9px;width:1.3rem;height:1.3rem}.ops-chip{border:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 70%, transparent);background:color-mix(in oklch, var(--color-paper) 95%, transparent);min-width:9.5rem;box-shadow:0 1rem 2.5rem -1.5rem var(--color-shadow);text-align:start;border-radius:.75rem;padding:.5rem .75rem;display:none}.ops-chip__label{color:var(--color-ink);font-size:.78rem;font-weight:700;line-height:1.3;display:block}.ops-chip__states{height:1.15rem;font-size:.75rem;font-weight:600;display:block;position:relative}.ops-chip__state{white-space:nowrap;align-items:center;gap:.35rem;display:flex;position:absolute;inset:0}.ops-chip__state--working{color:var(--color-muted);animation:ops-working var(--cycle) linear var(--delay) infinite}.ops-chip__state--done{color:var(--ops-done);opacity:0;animation:ops-done var(--cycle) linear var(--delay) infinite}.ops-chip__spinner{border:1.5px solid color-mix(in oklch, var(--ops-blue) 30%, transparent);border-block-start-color:var(--ops-blue);border-radius:50%;width:.55rem;height:.55rem;animation:.9s linear infinite ops-spin}.ops-chip__check{background:var(--ops-done);border-radius:50%;width:.7rem;height:.7rem;position:relative}.ops-chip__check:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:.16rem;height:.3rem;position:absolute;inset-block-start:.16rem;inset-inline-start:.24rem;transform:rotate(45deg)}@keyframes ops-enter{0%{opacity:0;transform:translate(-50%,-1.5rem)scale(.85)}to{opacity:1;transform:translate(-50%,-1.5rem)scale(1)}}@keyframes ops-bob{0%,to{translate:0}50%{translate:0 -.35rem}}@keyframes ops-working{0%,44%{opacity:1;transform:translateY(0)}50%,95%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes ops-done{0%,46%{opacity:0;transform:translateY(.4rem)}52%,90%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(0)}}@keyframes ops-confirm{0%,49%{outline-offset:0;outline:0 solid #0000}50%{outline:2px solid color-mix(in oklch, var(--ops-done) 70%, transparent);outline-offset:0}62%{outline-offset:.9rem;outline:2px solid #0000}to{outline-offset:0;outline:0 solid #0000}}@keyframes ops-spin{to{transform:rotate(360deg)}}@media (max-width:47.99rem){.ops-node{display:none}.ops-net__veil{background:radial-gradient(ellipse 70% 42% at 50% 46%, var(--color-paper) 0%, color-mix(in oklch, var(--color-paper) 85%, transparent) 55%, transparent 100%)}}@media (min-width:75rem){.ops-chip{display:block}}@media (prefers-reduced-motion:reduce){.ops-node,.ops-node__icon,.ops-chip__state,.ops-chip__spinner{animation:none!important}.ops-chip__state--working{opacity:0}.ops-chip__state--done{opacity:1}}