.panel-surface.svelte-1s2awvc{position:relative;background-color:color-mix(in srgb,var(--cds-background) 80%,transparent);transition:width .35s ease,height .35s ease;min-height:48px;cursor:pointer}.panel-content.svelte-1s2awvc{width:100%;height:100%}.svg-wrapper.svelte-1s2awvc{width:100%;height:auto}.svg-wrapper.svelte-1s2awvc svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto}img.svelte-1s2awvc{display:block;max-width:100%;max-height:100%;width:100%;height:auto;object-fit:contain}.expand-button.svelte-1s2awvc{position:absolute;top:0;right:0}.expand-button.svelte-1s2awvc .bx--btn--ghost{color:var(--cds-icon-01, #161616)}.samples-container.svelte-a4onwq{padding:2rem;max-width:1200px;max-height:1000px}.controls-top.svelte-a4onwq{margin-bottom:2rem;max-width:400px}.sample.svelte-a4onwq{padding:1.5rem;border:1px solid var(--cds-border-subtle);border-radius:4px;background:var(--cds-layer-01)}.demo-area.svelte-a4onwq{min-height:300px;background:var(--cds-layer-02);border:2px dashed var(--cds-border-subtle);border-radius:4px;padding:1rem;display:flex;align-items:center;justify-content:center}.controls.svelte-a4onwq{margin-top:1rem;padding:.5rem;background:var(--cds-layer-02);border-radius:4px;font-family:monospace}.controls.svelte-a4onwq .info-text:where(.svelte-a4onwq){margin-top:.5rem;color:var(--cds-text-02, #525252)}