httpresource-demo:where(.astro-uz7jeets){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.75rem;margin-block:1.5rem;padding:1.25rem;display:block}.hrd-chips:where(.astro-uz7jeets){flex-wrap:wrap;gap:.75rem;margin-bottom:1.1rem;display:flex}.hrd-chip:where(.astro-uz7jeets){font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-xs);border:1px solid var(--sl-color-gray-5);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .75rem;display:flex}.hrd-dot:where(.astro-uz7jeets){background:var(--sl-color-gray-3);border-radius:50%;width:7px;height:7px}.hrd-chip:where(.astro-uz7jeets)[data-active=loading] .hrd-dot:where(.astro-uz7jeets){background:var(--sl-color-orange,var(--sl-color-text-accent));animation:.8s infinite alternate hrd-pulse}.hrd-chip:where(.astro-uz7jeets)[data-active=data] .hrd-dot:where(.astro-uz7jeets){background:var(--sl-color-green)}.hrd-chip:where(.astro-uz7jeets)[data-active=error] .hrd-dot:where(.astro-uz7jeets){background:var(--sl-color-red)}@keyframes hrd-pulse{0%{opacity:1}to{opacity:.3}}.hrd-controls:where(.astro-uz7jeets){flex-wrap:wrap;gap:.75rem;margin-bottom:1.1rem;display:flex}.hrd-btn:where(.astro-uz7jeets){font:inherit;font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-sm);border:1px solid var(--sl-color-gray-5);cursor:pointer;background:var(--sl-color-bg);color:var(--sl-color-text);border-radius:.4rem;padding:.5rem 1.1rem}.hrd-btn--primary:where(.astro-uz7jeets){background:var(--sl-color-text-accent);color:var(--sl-color-black);border-color:var(--sl-color-text-accent)}.hrd-btn--danger:where(.astro-uz7jeets){color:var(--sl-color-red);border-color:var(--sl-color-red)}.hrd-btn--secondary:where(.astro-uz7jeets):hover{border-color:var(--sl-color-text-accent);color:var(--sl-color-text-accent)}.hrd-msg:where(.astro-uz7jeets){font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-sm);border-radius:.4rem;padding:.75rem 1rem}.hrd-msg--empty:where(.astro-uz7jeets){background:var(--sl-color-gray-6);color:var(--sl-color-gray-2);border:1px solid var(--sl-color-gray-5)}.hrd-msg--loading:where(.astro-uz7jeets){background:var(--sl-color-accent-low);color:var(--sl-color-text-accent);border:1px solid var(--sl-color-text-accent)}.hrd-msg--error:where(.astro-uz7jeets){background:var(--sl-color-red-low);color:var(--sl-color-red);border:1px solid var(--sl-color-red)}.hrd-grid:where(.astro-uz7jeets){grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;display:grid}.hrd-card:where(.astro-uz7jeets){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);font-size:var(--sl-text-xs);border-radius:.5rem;padding:.6rem .75rem}.hrd-card-title:where(.astro-uz7jeets){margin-bottom:.2rem;font-weight:600}.hrd-card-meta:where(.astro-uz7jeets){color:var(--sl-color-gray-2)}httppost-demo:where(.astro-popxt6qj){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.75rem;margin-block:1.5rem;padding:1.25rem;display:block}.hpd-form:where(.astro-popxt6qj){grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem;display:grid}@media (width<=30rem){.hpd-form:where(.astro-popxt6qj){grid-template-columns:1fr}}.hpd-field:where(.astro-popxt6qj){font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:.35rem;display:flex}.hpd-field:where(.astro-popxt6qj) input:where(.astro-popxt6qj){font:inherit;text-transform:none;letter-spacing:normal;font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-sm);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);border-radius:.4rem;padding:.5rem .75rem}.hpd-field:where(.astro-popxt6qj) input:where(.astro-popxt6qj):focus{border-color:var(--sl-color-text-accent);outline:none}.hpd-preview:where(.astro-popxt6qj){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-xs);color:var(--sl-color-green);white-space:pre;border-radius:.4rem;margin-bottom:1rem;padding:.85rem 1rem;overflow-x:auto}.hpd-controls:where(.astro-popxt6qj){flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.hpd-btn:where(.astro-popxt6qj){font:inherit;font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-sm);border:1px solid var(--sl-color-gray-5);cursor:pointer;background:var(--sl-color-bg);color:var(--sl-color-text);border-radius:.4rem;padding:.5rem 1.1rem}.hpd-btn--primary:where(.astro-popxt6qj){background:var(--sl-color-text-accent);color:var(--sl-color-black);border-color:var(--sl-color-text-accent)}.hpd-btn--secondary:where(.astro-popxt6qj):hover{border-color:var(--sl-color-text-accent);color:var(--sl-color-text-accent)}.hpd-response:where(.astro-popxt6qj){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);font-family:var(--sl-font-mono,monospace);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);white-space:pre-wrap;border-radius:.4rem;min-height:3rem;margin:0;padding:.85rem 1rem}