.demo:where(.astro-uzlokqpq)>*+*,.demo:where(.astro-uzlokqpq) header:where(.astro-uzlokqpq)>*+*{margin-top:0}.demo:where(.astro-uzlokqpq){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:12px;margin:2rem 0;overflow:hidden}.demo-head:where(.astro-uzlokqpq){border-bottom:1px solid var(--sl-color-gray-5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.demo-head:where(.astro-uzlokqpq) h3:where(.astro-uzlokqpq){margin:0;font-size:1rem}.sub:where(.astro-uzlokqpq){color:var(--sl-color-gray-3);margin:.15rem 0 0;font-size:.8rem}.sub:where(.astro-uzlokqpq) button:where(.astro-uzlokqpq){font:inherit;cursor:pointer;color:#4aa3ff;border:1px solid var(--sl-color-gray-5);background:0 0;border-radius:999px;margin-left:.5rem;padding:.05rem .5rem;font-size:.72rem}.sub:where(.astro-uzlokqpq) button:where(.astro-uzlokqpq):hover{color:#fff;border-color:#0b6bcb}.keybadge:where(.astro-uzlokqpq){align-items:center;gap:.5rem;font-size:.72rem;display:flex}.keybadge:where(.astro-uzlokqpq) code:where(.astro-uzlokqpq){color:var(--sl-color-gray-2)}.dot:where(.astro-uzlokqpq){background:#b45309;border-radius:50%;width:8px;height:8px;display:inline-block}.dot:where(.astro-uzlokqpq).live{background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.demo-grid:where(.astro-uzlokqpq){grid-template-columns:minmax(240px,330px) minmax(0,1fr);display:grid}@media (width<=800px){.demo-grid:where(.astro-uzlokqpq){grid-template-columns:1fr}}.panel:where(.astro-uzlokqpq){min-width:0;padding:.9rem 1.1rem}.book:where(.astro-uzlokqpq){border-right:1px solid var(--sl-color-gray-5)}@media (width<=800px){.book:where(.astro-uzlokqpq){border-right:0;border-bottom:1px solid var(--sl-color-gray-5)}}.panel-head:where(.astro-uzlokqpq){color:var(--sl-color-gray-3);justify-content:space-between;margin-bottom:.6rem;font-size:.75rem;display:flex}.chan:where(.astro-uzlokqpq){font-family:var(--sl-font-mono);color:#4aa3ff}.tape-h:where(.astro-uzlokqpq){color:var(--sl-color-gray-4);border-top:1px solid var(--sl-color-gray-5);justify-content:space-between;margin:.9rem 0 .35rem;padding-top:.6rem;font-size:.72rem;display:flex}.tape:where(.astro-uzlokqpq){border-collapse:collapse;width:100%;font-family:var(--sl-font-mono);font-size:.72rem}.tape:where(.astro-uzlokqpq) td{text-align:right;color:var(--sl-color-gray-3);padding:.1rem .4rem}.tape:where(.astro-uzlokqpq) td:first-child{text-align:left}.tape:where(.astro-uzlokqpq) td.buy{color:#4ade80}.tape:where(.astro-uzlokqpq) td.sell{color:#f87171}.ladder:where(.astro-uzlokqpq){border-collapse:collapse;width:100%;font-family:var(--sl-font-mono);font-size:.76rem}.ladder:where(.astro-uzlokqpq) th:where(.astro-uzlokqpq){text-align:right;color:var(--sl-color-gray-4);padding:0 .4rem .3rem;font-size:.68rem;font-weight:500}.ladder:where(.astro-uzlokqpq) th:where(.astro-uzlokqpq):first-child{text-align:left}.ladder:where(.astro-uzlokqpq) td{text-align:right;padding:.12rem .4rem;position:relative}.ladder:where(.astro-uzlokqpq) td:first-child{text-align:left}.ladder:where(.astro-uzlokqpq) tr.ask td:first-child{color:#f87171}.ladder:where(.astro-uzlokqpq) tr.bid td:first-child{color:#4ade80}.ladder:where(.astro-uzlokqpq) .bar{border-radius:2px;height:12px;display:block}.ladder:where(.astro-uzlokqpq) tr.ask .bar{background:#f8717173}.ladder:where(.astro-uzlokqpq) tr.bid .bar{background:#4ade8073}.ladder:where(.astro-uzlokqpq) tr.mine td{background:#0b6bcb47;box-shadow:inset 0 0 0 1px #0b6bcb}.ladder:where(.astro-uzlokqpq) tr.mine td:first-child:after{content:" YOU";color:#4aa3ff;font-size:.6rem}.ladder:where(.astro-uzlokqpq) tr.flash td{background:#ffffff1f}.spread:where(.astro-uzlokqpq) td:where(.astro-uzlokqpq){color:var(--sl-color-gray-4);font-family:var(--sl-font-mono);border-top:1px dashed var(--sl-color-gray-5);border-bottom:1px dashed var(--sl-color-gray-5);padding:.35rem 0;font-size:.7rem;text-align:center!important}.steps:where(.astro-uzlokqpq) ol:where(.astro-uzlokqpq){margin:0 0 .8rem;padding:0;list-style:none}.steps:where(.astro-uzlokqpq) li:where(.astro-uzlokqpq){color:var(--sl-color-gray-4);align-items:center;gap:.55rem;padding:.22rem 0;font-size:.82rem;display:flex}.steps:where(.astro-uzlokqpq) li:where(.astro-uzlokqpq) .mark:where(.astro-uzlokqpq){border:1.5px solid var(--sl-color-gray-5);border-radius:50%;flex:none;width:14px;height:14px}.steps:where(.astro-uzlokqpq) li:where(.astro-uzlokqpq).active{color:var(--sl-color-white)}.steps:where(.astro-uzlokqpq) li:where(.astro-uzlokqpq).active .mark:where(.astro-uzlokqpq){border-color:#0b6bcb;box-shadow:0 0 0 3px #0b6bcb38}.steps:where(.astro-uzlokqpq) li:where(.astro-uzlokqpq).done .mark:where(.astro-uzlokqpq){background:#16a34a;border-color:#16a34a}.wire-head:where(.astro-uzlokqpq){color:var(--sl-color-gray-4);justify-content:space-between;margin-bottom:.3rem;font-size:.7rem;display:flex}.verified:where(.astro-uzlokqpq){color:#4ade80}.wire:where(.astro-uzlokqpq) pre:where(.astro-uzlokqpq){background:var(--sl-color-gray-6);white-space:pre;border-radius:8px;min-height:190px;margin:0;padding:.7rem .8rem;font-size:.7rem;line-height:1.5;overflow-x:auto}.wire:where(.astro-uzlokqpq) pre b{color:#4aa3ff;font-weight:600}.wire:where(.astro-uzlokqpq) pre i{color:#fbbf24;font-style:normal}h1#_top{display:none}.content-panel:has(>.sl-container>h1#_top){border-block-end:0;padding-block:0}.hero:where(.astro-ge2uvauf){padding:.5rem 0 0}.hero:where(.astro-ge2uvauf) h1:where(.astro-ge2uvauf){letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:700;line-height:1.1}.hero:where(.astro-ge2uvauf) p:where(.astro-ge2uvauf){color:var(--sl-color-gray-2);max-width:46rem;margin:0 0 1.1rem;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.5}.acts:where(.astro-ge2uvauf){flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.acts:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf){border:1px solid #0000;border-radius:999px;padding:.45rem 1.1rem;font-size:.92rem;font-weight:600;text-decoration:none}.acts:where(.astro-ge2uvauf) .primary:where(.astro-ge2uvauf){background:var(--sl-color-accent);color:#fff}.acts:where(.astro-ge2uvauf) .secondary:where(.astro-ge2uvauf){border-color:var(--sl-color-gray-4);color:var(--sl-color-white)}.acts:where(.astro-ge2uvauf) a:where(.astro-ge2uvauf):hover{filter:brightness(1.12)}