.embed-demo:where(.astro-faixz57e){display:grid;gap:.75rem;max-inline-size:100%;margin-block:1.25rem;min-inline-size:0}.embed-demo__commands:where(.astro-faixz57e){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.embed-demo__button:where(.astro-faixz57e){border:1px solid var(--sl-color-gray-5);border-radius:.35rem;background:var(--sl-color-gray-6);color:var(--sl-color-white);cursor:pointer;font:inherit;font-weight:600;line-height:1.2;padding:.6rem .9rem;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.embed-demo__button:where(.astro-faixz57e):hover{border-color:var(--sl-color-accent);background:var(--sl-color-gray-5);color:var(--sl-color-white)}.embed-demo__file:where(.astro-faixz57e) input:where(.astro-faixz57e){inline-size:1px;block-size:1px;margin:0;opacity:0;position:absolute}.embed-demo__frame:where(.astro-faixz57e){inline-size:100%;max-inline-size:100%;block-size:min(62vh,560px);min-block-size:360px;border:1px solid var(--sl-color-gray-5);border-radius:.45rem;background:#fff}.embed-demo__summary:where(.astro-faixz57e){display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--sl-color-gray-5);border-radius:.45rem;background:var(--sl-color-bg-nav);padding:.75rem}.embed-demo__summary:where(.astro-faixz57e) div:where(.astro-faixz57e){display:grid;gap:.15rem}.embed-demo__summary:where(.astro-faixz57e) strong:where(.astro-faixz57e){color:var(--sl-color-white)}.embed-demo__summary:where(.astro-faixz57e) p:where(.astro-faixz57e){color:var(--sl-color-gray-2);margin:0;text-align:end}.embed-demo__label:where(.astro-faixz57e){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);font-weight:700;text-transform:uppercase}.embed-demo__output:where(.astro-faixz57e){display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0}.embed-demo__panel:where(.astro-faixz57e){border:1px solid var(--sl-color-gray-5);border-radius:.45rem;background:var(--sl-color-bg-nav);min-inline-size:0;padding:.75rem}.embed-demo__panel-heading:where(.astro-faixz57e){display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:.75rem}.embed-demo__title:where(.astro-faixz57e){color:var(--sl-color-white);font-weight:700}.embed-demo__panel-heading:where(.astro-faixz57e) span:where(.astro-faixz57e){border:1px solid var(--sl-color-gray-5);border-radius:999px;color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);font-weight:700;padding:.15rem .55rem}.embed-demo__messages:where(.astro-faixz57e){display:grid;gap:.5rem;list-style:none;margin:0;max-block-size:18rem;overflow:auto;padding:0}.embed-demo__message:where(.astro-faixz57e),.embed-demo__empty:where(.astro-faixz57e){border:1px solid var(--sl-color-gray-6);border-radius:.55rem;padding:.65rem}.embed-demo__message--received:where(.astro-faixz57e){border-color:color-mix(in srgb,var(--sl-color-accent) 45%,var(--sl-color-gray-6))}.embed-demo__message-meta:where(.astro-faixz57e){display:flex;align-items:center;gap:.45rem;color:var(--sl-color-gray-3);font-size:var(--sl-text-xs)}.embed-demo__message-meta:where(.astro-faixz57e) strong:where(.astro-faixz57e){color:var(--sl-color-white)}.embed-demo__message-meta:where(.astro-faixz57e) time:where(.astro-faixz57e){margin-inline-start:auto}.embed-demo__message:where(.astro-faixz57e) p:where(.astro-faixz57e),.embed-demo__empty:where(.astro-faixz57e){color:var(--sl-color-gray-2);margin:.35rem 0 0;overflow-wrap:anywhere}.embed-demo__preview:where(.astro-faixz57e){display:grid;min-block-size:12rem;place-items:center;overflow:auto;color:var(--sl-color-gray-2);text-align:center}.embed-demo__preview:where(.astro-faixz57e) img:where(.astro-faixz57e),.embed-demo__preview:where(.astro-faixz57e) svg:where(.astro-faixz57e){max-inline-size:100%;block-size:auto}.embed-demo__artifact:where(.astro-faixz57e){display:grid;justify-items:center;gap:.55rem;inline-size:min(100%,22rem);border:1px solid var(--sl-color-gray-5);border-radius:.45rem;padding:1rem}.embed-demo__artifact:where(.astro-faixz57e) strong:where(.astro-faixz57e){color:var(--sl-color-white);overflow-wrap:anywhere}.embed-demo__artifact:where(.astro-faixz57e) span:where(.astro-faixz57e){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm)}.embed-demo__download:where(.astro-faixz57e){margin-block-start:.25rem}@media(max-width:72rem){.embed-demo__output:where(.astro-faixz57e){grid-template-columns:1fr}.embed-demo__summary:where(.astro-faixz57e){align-items:start;flex-direction:column}.embed-demo__summary:where(.astro-faixz57e) p:where(.astro-faixz57e){text-align:start}}