@layer blocks{.sx-vis{position:relative;inline-size:min(100%,20rem);margin:0;font-size:var(--sx-fs-xs);color:var(--sx-text)}.sx-vis b{font-size:0.8125rem;font-weight:var(--sx-w-strong);color:var(--sx-ink)}.sx-vis__card{display:grid;gap:0.55rem;padding:var(--sx-s4);border-radius:var(--sx-r-lg);background:var(--sx-white);box-shadow:0 20px 40px -12px rgb(10 22 51 / 0.35)}.sx-vis__row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.65rem;border:1px solid var(--sx-line);border-radius:0.5rem;color:var(--sx-muted)}.sx-vis__row i{inline-size:var(--w);block-size:0.375rem;border-radius:3px;background:var(--sx-blue-200)}.sx-vis__row--last{border-style:dashed;color:#8d96ad}.sx-vis__row em{font-style:normal}.sx-vis__bubble{display:flex;align-items:center;gap:var(--sx-s2);inline-size:fit-content;margin:0.6rem 0 0 auto;padding:0.6rem 0.75rem;border-radius:0.9rem 0.9rem 0.25rem 0.9rem;background:var(--sx-ink);color:var(--sx-white);box-shadow:0 12px 24px -10px rgb(10 22 51 / 0.5)}.sx-vis .sx-icon{inline-size:1rem;block-size:1rem;color:var(--sx-sky)}.sx-vis--dark{display:grid;gap:0.85rem;padding:1.1rem;border:1px solid rgb(255 255 255 / 0.1);border-radius:1rem;background:#0b1530;color:var(--sx-blue-200);box-shadow:0 24px 48px -16px rgb(0 0 0 / 0.55)}.sx-vis--dark b{color:var(--sx-white)}.sx-vis__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4rem;padding-block-end:0.85rem;border-block-end:1px solid rgb(255 255 255 / 0.1)}.sx-vis__opts>*{padding:0.5rem 0.6rem;border-radius:0.5rem;background:rgb(255 255 255 / 0.06);color:#7f8bad}.sx-vis__opts>span{border:1px solid rgb(147 174 255 / 0.55);background:rgb(92 133 255 / 0.28);color:var(--sx-white)}.sx-vis__sync{display:flex;align-items:center;gap:var(--sx-s2)}.sx-vis--orbit{block-size:14rem}.sx-vis--orbit::before{content:"";position:absolute;inset:50% auto auto 50%;inline-size:9.5rem;block-size:9.5rem;translate:-50% -50%;border:1px dashed rgb(10 22 51 / 0.25);border-radius:50%}.sx-vis--orbit>*{position:absolute;padding:0.45rem 0.75rem;border-radius:var(--sx-r-pill);background:var(--sx-white);color:var(--sx-ink);box-shadow:0 8px 18px -8px rgb(10 22 51 / 0.35)}.sx-vis--orbit>.sx-vis__core{inset:50% auto auto 50%;inline-size:8.5rem;translate:-50% -50%;padding:0.65rem;border-radius:var(--sx-r);background:var(--sx-ink);color:var(--sx-white);text-align:center;font-size:0.8125rem}.sx-vis--orbit>:nth-child(2){inset:1.4rem auto auto 0}.sx-vis--orbit>:nth-child(3){inset:0.9rem 0.6rem auto auto}.sx-vis--orbit>:nth-child(4){inset:auto auto 1.1rem 1.1rem}.sx-vis--orbit>:nth-child(5){inset:auto 0 1.9rem auto}.sx-vis--orbit>s{inset:-0.4rem auto auto 50%;translate:-50% 0;background:rgb(255 255 255 / 0.55);color:var(--sx-muted);box-shadow:none}.sx-vis--trace{padding:0.4rem 1.1rem;list-style:none;border-radius:1rem;background:rgb(255 255 255 / 0.95);box-shadow:0 24px 48px -16px rgb(0 0 0 / 0.5);font-size:0.8125rem}.sx-vis--trace li{display:flex;align-items:center;gap:var(--sx-s3);padding:0.5rem 0}.sx-vis--trace li + li{border-block-start:1px solid #eef1f7}.sx-vis--trace li::before{content:"";inline-size:0.625rem;block-size:0.625rem;border:2px solid var(--sx-blue-300);border-radius:50%;background:var(--sx-white)}.sx-vis--trace li:nth-child(n+3)::before{border-color:var(--sx-blue-400)}.sx-vis--trace li:nth-child(n+4)::before{border-color:var(--sx-blue)}.sx-vis--trace li:last-child{font-weight:600;color:var(--sx-ink)}.sx-vis--trace li:last-child::before{background:var(--sx-blue)}}