@layer starlight.components{.card:where(.astro-3bf2ijq7){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-3bf2ijq7):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-3bf2ijq7):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-3bf2ijq7):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-3bf2ijq7):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-3bf2ijq7){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-3bf2ijq7) .icon:where(.astro-3bf2ijq7){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-3bf2ijq7) .body:where(.astro-3bf2ijq7){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-udpmxqgy){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-udpmxqgy)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-udpmxqgy){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-udpmxqgy){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-udpmxqgy)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}.sync-demo:where(.astro-2seiazgk){margin-top:2rem}.demo-grid:where(.astro-2seiazgk){grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;gap:1rem;display:grid}@media (width<=72rem){.demo-grid:where(.astro-2seiazgk){grid-template-columns:1fr}}.peer-card:where(.astro-2seiazgk),.wire-panel:where(.astro-2seiazgk){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.peer-card:where(.astro-2seiazgk) header:where(.astro-2seiazgk),.wire-panel:where(.astro-2seiazgk) header:where(.astro-2seiazgk){color:var(--sl-color-white);align-items:center;gap:.5rem;font-weight:600;display:flex}.peer-dot:where(.astro-2seiazgk){border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.peer-dot:where(.astro-2seiazgk).alice{background:var(--sl-color-accent)}.peer-dot:where(.astro-2seiazgk).bob{background:var(--sw-color-teal,#2dd4bf)}.todo-list:where(.astro-2seiazgk){flex-direction:column;gap:.4rem;min-height:7rem;margin:0;padding:0;list-style:none;display:flex}.todo-list:where(.astro-2seiazgk) li{background:var(--sl-color-gray-6);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.todo-list:where(.astro-2seiazgk) button{color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.todo-list:where(.astro-2seiazgk) button:hover{color:var(--sl-color-white)}.todo-list:where(.astro-2seiazgk) button[aria-disabled=true]{cursor:wait;opacity:.65}.peer-card:where(.astro-2seiazgk) form:where(.astro-2seiazgk){align-items:end;gap:.5rem;display:flex}.peer-card:where(.astro-2seiazgk) label:where(.astro-2seiazgk){min-width:0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);flex:1;gap:.25rem;display:grid}.peer-card:where(.astro-2seiazgk) input:where(.astro-2seiazgk){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);width:100%;min-width:0;color:var(--sl-color-white);border-radius:.5rem;padding:.4rem .6rem}.peer-card:where(.astro-2seiazgk) form:where(.astro-2seiazgk) button:where(.astro-2seiazgk){background:var(--sl-color-accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600}button:where(.astro-2seiazgk):disabled,input:where(.astro-2seiazgk):disabled{cursor:wait;opacity:.65}button:where(.astro-2seiazgk):focus-visible,input:where(.astro-2seiazgk):focus-visible,a:where(.astro-2seiazgk):focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:2px}.wire-panel:where(.astro-2seiazgk){background:var(--sl-color-gray-6)}.offline:where(.astro-2seiazgk) .wire-panel:where(.astro-2seiazgk){border-style:dashed;border-color:var(--sl-color-orange,#e5850b)}.wire-log:where(.astro-2seiazgk){min-height:7rem;font-size:var(--sl-text-xs);flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.wire-log:where(.astro-2seiazgk) li{border-left:3px solid var(--sl-color-accent);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding-left:.5rem;display:flex}.wire-log:where(.astro-2seiazgk) li.queued,.wire-log:where(.astro-2seiazgk) li.delivering{border-left-color:var(--sl-color-orange,#e5850b);opacity:.8}.wire-log:where(.astro-2seiazgk) li.rejected{border-left-color:var(--sl-color-red,#f43f5e)}.wire-log:where(.astro-2seiazgk) .route{color:var(--sl-color-white);font-weight:600}.wire-log:where(.astro-2seiazgk) code{color:var(--sl-color-gray-2);word-break:break-all;background:0 0;padding:0}.wire-log:where(.astro-2seiazgk) .badge{color:var(--sl-color-gray-3)}.pause-btn:where(.astro-2seiazgk){border:1px solid var(--sl-color-gray-4);background:var(--sl-color-black);color:var(--sl-color-white);cursor:pointer;border-radius:.5rem;align-self:flex-start;padding:.4rem .8rem;font-weight:600}.wire-hint:where(.astro-2seiazgk),.demo-note:where(.astro-2seiazgk),.demo-status:where(.astro-2seiazgk){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:0}.demo-note:where(.astro-2seiazgk),.demo-status:where(.astro-2seiazgk){margin-top:.75rem}.demo-status:where(.astro-2seiazgk){min-height:1.5em}.demo-status:where(.astro-2seiazgk)[data-error=true]{color:var(--sl-color-red-high,#fb7185)}.demo-fallback:where(.astro-2seiazgk){border:1px dashed var(--sl-color-gray-5);color:var(--sl-color-gray-3);border-radius:.75rem;padding:1rem}