.demo[data-astro-cid-6ziqwetu]{border:1px solid var(--rule-dark);color:#e3e8ea;background:#0b1115;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 30px 80px #00000059,0 0 0 1px #5cb8c20f}.demo__bar[data-astro-cid-6ziqwetu]{border-bottom:1px solid var(--rule-dark);background:#121a20;align-items:center;gap:14px;padding:12px 16px;display:flex}.demo__dots[data-astro-cid-6ziqwetu]{flex:none;gap:6px;display:flex}.demo__dots[data-astro-cid-6ziqwetu] i[data-astro-cid-6ziqwetu]{background:#2c373e;border-radius:50%;width:10px;height:10px}.demo__dots[data-astro-cid-6ziqwetu] i[data-astro-cid-6ziqwetu]:first-child{background:#3a4a52}.demo__titles[data-astro-cid-6ziqwetu]{flex:1;min-width:0;height:22px;position:relative;overflow:hidden}.demo__title[data-astro-cid-6ziqwetu]{white-space:nowrap;text-overflow:ellipsis;opacity:0;font-size:14.5px;font-weight:600;transition:opacity .4s,transform .4s;position:absolute;inset:0;overflow:hidden;transform:translateY(8px)}.demo__title[data-astro-cid-6ziqwetu].is-active{opacity:1;transform:none}.demo__badge[data-astro-cid-6ziqwetu]{font-family:var(--mono);letter-spacing:.04em;color:#6b4a00;background:#fff4d6;border-radius:99px;flex:none;padding:3px 8px;font-size:10.5px}.demo[data-astro-cid-6ziqwetu]{container-type:inline-size}@container (width<=700px){.demo__badge-more[data-astro-cid-6ziqwetu]{display:none}}.demo__stage[data-astro-cid-6ziqwetu]{background:radial-gradient(600px 240px at 90% -10%,#5cb8c224,#0000 70%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/32px 32px;min-height:430px;padding:22px 22px 18px;display:grid;position:relative}.demo__scene[data-astro-cid-6ziqwetu]{flex-direction:column;grid-area:1/1;gap:16px;display:none}.demo__scene[data-astro-cid-6ziqwetu].is-active{display:flex}.demo__kicker[data-astro-cid-6ziqwetu]{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);align-items:center;gap:8px;font-size:12px;display:flex}.dsteps[data-astro-cid-6ziqwetu]{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dstep[data-astro-cid-6ziqwetu]{border:1px solid var(--rule-dark);background:#161d22d9;border-radius:10px;grid-template-columns:22px minmax(118px,150px) 1fr;align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;display:grid}.dstep__tool[data-astro-cid-6ziqwetu]{font-family:var(--mono);color:var(--muted-dark);font-size:12px}.dstep__text[data-astro-cid-6ziqwetu]{color:#e3e8ea}.dstep__state[data-astro-cid-6ziqwetu]{width:20px;height:20px;position:relative}.dstep__state[data-astro-cid-6ziqwetu] i[data-astro-cid-6ziqwetu]{border-radius:50%;position:absolute;inset:0}.dstep__spin[data-astro-cid-6ziqwetu]{border:2px solid #5cb8c240;border-top-color:var(--signal);opacity:0}.dstep__ok[data-astro-cid-6ziqwetu]{background:#1f9d6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5'/%3E%3C/svg%3E") 50%/12px no-repeat}.dstep--bad[data-astro-cid-6ziqwetu] .dstep__ok[data-astro-cid-6ziqwetu]{background-color:#c2412b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M10 5.5v5.5M10 14.5h.01'/%3E%3C/svg%3E")}.dstep--warn[data-astro-cid-6ziqwetu] .dstep__ok[data-astro-cid-6ziqwetu]{background-color:#c98a1b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Crect x='6' y='9' width='8' height='6' rx='1'/%3E%3Cpath d='M7.5 9V7.5a2.5 2.5 0 0 1 5 0V9'/%3E%3C/svg%3E");background-size:13px}.dstep--bad[data-astro-cid-6ziqwetu]{border-color:#c2412b73}.dstep--ok[data-astro-cid-6ziqwetu]{border-color:#1f9d6b66}@media (width<=560px){.dstep[data-astro-cid-6ziqwetu]{grid-template-columns:22px 1fr}.dstep__tool[data-astro-cid-6ziqwetu],.dstep__text[data-astro-cid-6ziqwetu]{grid-column:2}}.dapps[data-astro-cid-6ziqwetu]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.dapp[data-astro-cid-6ziqwetu]{border:1px solid var(--rule-dark);color:var(--muted-dark);background:#161d22d9;border-radius:10px;align-items:center;gap:10px;padding:14px;font-size:14.5px;text-decoration:line-through #c2412bcc;display:flex}.dapp[data-astro-cid-6ziqwetu] i[data-astro-cid-6ziqwetu]{background:#c2412b;border-radius:50%;flex:none;width:9px;height:9px}@media (width<=560px){.dapps[data-astro-cid-6ziqwetu]{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo__foot[data-astro-cid-6ziqwetu]{gap:12px;margin-top:auto;display:grid}.demo__progress[data-astro-cid-6ziqwetu]{background:#ffffff0f;border-radius:99px;height:6px;overflow:hidden}.demo__progress[data-astro-cid-6ziqwetu] span[data-astro-cid-6ziqwetu]{background:linear-gradient(90deg, var(--teal), var(--signal));border-radius:inherit;transform-origin:0;width:100%;height:100%;display:block}.demo__done[data-astro-cid-6ziqwetu]{background:#1f9d6b1f;border:1px solid #1f9d6b66;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 16px;display:flex}.demo__done[data-astro-cid-6ziqwetu] b[data-astro-cid-6ziqwetu]{color:#fff;font-weight:600}.demo__stat[data-astro-cid-6ziqwetu]{font-family:var(--mono);color:#5fd3a0;font-variant-numeric:tabular-nums;font-size:14px}.demo__note[data-astro-cid-6ziqwetu]{color:var(--muted-dark);flex-basis:100%;font-size:13.5px}.demo__controls[data-astro-cid-6ziqwetu]{border-top:1px solid var(--rule-dark);background:#121a20;align-items:center;gap:12px;padding:12px 16px;display:flex}.demo__pause[data-astro-cid-6ziqwetu]{border:1px solid var(--rule-dark);color:#e3e8ea;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.demo__pause[data-astro-cid-6ziqwetu]:hover{border-color:var(--signal)}.demo__pause[data-astro-cid-6ziqwetu][hidden]{display:none}.demo__icon-pause[data-astro-cid-6ziqwetu]{border-inline:3px solid;width:10px;height:12px}.demo__icon-play[data-astro-cid-6ziqwetu]{border-left:10px solid;border-block:6px solid #0000;width:0;height:0;margin-left:3px;display:none}.demo[data-astro-cid-6ziqwetu].is-paused .demo__icon-pause[data-astro-cid-6ziqwetu]{display:none}.demo[data-astro-cid-6ziqwetu].is-paused .demo__icon-play[data-astro-cid-6ziqwetu]{display:block}.demo__tabs[data-astro-cid-6ziqwetu]{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.demo__tab[data-astro-cid-6ziqwetu]{border:1px solid var(--rule-dark);color:var(--muted-dark);font:500 13px/1.2 var(--sans);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:8px;padding:9px 10px 11px;position:relative;overflow:hidden}.demo__tab[data-astro-cid-6ziqwetu]:hover,.demo__tab[data-astro-cid-6ziqwetu].is-active{color:#fff;border-color:#5cb8c280}.demo__fill[data-astro-cid-6ziqwetu]{background:var(--signal);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.demo__tab[data-astro-cid-6ziqwetu].is-done .demo__fill[data-astro-cid-6ziqwetu]{opacity:.45;transform:scaleX(1)}.demo--live[data-astro-cid-6ziqwetu].is-paused [data-astro-cid-6ziqwetu],.demo--live[data-astro-cid-6ziqwetu].is-paused [data-astro-cid-6ziqwetu]:before,.demo--live[data-astro-cid-6ziqwetu].is-paused [data-astro-cid-6ziqwetu]:after{animation-play-state:paused!important}.demo--live[data-astro-cid-6ziqwetu] .demo__tab[data-astro-cid-6ziqwetu].is-active .demo__fill[data-astro-cid-6ziqwetu]{animation:9s linear forwards d-fill}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .demo__progress[data-astro-cid-6ziqwetu] span[data-astro-cid-6ziqwetu]{animation:5.8s cubic-bezier(.4,.1,.3,1) .3s both d-fill}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .demo__done[data-astro-cid-6ziqwetu]{animation:.5s cubic-bezier(.2,.8,.2,1.2) 5.8s both d-pop}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .demo__kicker[data-astro-cid-6ziqwetu]{animation:.5s both d-in}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]{animation:.45s both d-in}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep__spin[data-astro-cid-6ziqwetu]{animation:.7s linear infinite d-spin,.9s both d-show-hide}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep__ok[data-astro-cid-6ziqwetu]{animation:.35s both d-pop}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:first-child{animation-delay:.3s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(2){animation-delay:1.2s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(3){animation-delay:2.1s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(4){animation-delay:3s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(5){animation-delay:3.9s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(6){animation-delay:4.8s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:first-child .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,.3s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(2) .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,1.2s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(3) .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,2.1s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(4) .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,3s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(5) .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,3.9s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(6) .dstep__spin[data-astro-cid-6ziqwetu]{animation-delay:0s,4.8s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:first-child .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:1.1s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(2) .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:2s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(3) .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:2.9s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(4) .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:3.8s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(5) .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:4.7s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dstep[data-astro-cid-6ziqwetu]:nth-child(6) .dstep__ok[data-astro-cid-6ziqwetu]{animation-delay:5.6s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]{animation:.5s both d-revoke}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu] i[data-astro-cid-6ziqwetu]{animation:.5s both d-dot;animation-delay:inherit}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:first-child{animation-delay:.6s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(2){animation-delay:1s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(3){animation-delay:1.4s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(4){animation-delay:1.8s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(5){animation-delay:2.2s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(6){animation-delay:2.6s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(7){animation-delay:3s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(8){animation-delay:3.4s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(9){animation-delay:3.8s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(10){animation-delay:4.2s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(11){animation-delay:4.6s}.demo--live[data-astro-cid-6ziqwetu] .is-active[data-astro-cid-6ziqwetu] .dapp[data-astro-cid-6ziqwetu]:nth-child(12){animation-delay:5s}@keyframes d-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes d-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes d-spin{to{transform:rotate(360deg)}}@keyframes d-show-hide{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}@keyframes d-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes d-revoke{0%{color:#e3e8ea;background:#1f9d6b1a;border-color:#1f9d6b80;text-decoration-color:#0000}to{color:var(--muted-dark);border-color:var(--rule-dark);background:#161d22d9;text-decoration-color:#c2412bcc}}@keyframes d-dot{0%{background:#1f9d6b;box-shadow:0 0 0 4px #1f9d6b33}to{box-shadow:none;background:#c2412b}}