.ds-demo.svelte-t7vt5j{margin:0;display:flex;flex-direction:column;gap:var(--mmep-space-4);container-type:inline-size}.ds-demo__caption.svelte-t7vt5j{font-size:var(--mmep-text-md);color:rgb(var(--mmep-color-fg, 9 9 11) / .7);text-align:center}.ds-demo__stage.svelte-t7vt5j{position:relative;display:grid;place-items:center;padding:var(--mmep-space-10);border-radius:var(--mmep-radius);background-color:rgb(var(--mmep-color-bg-2, 244 244 245));background-image:linear-gradient(45deg,var(--mmep-alpha-viz-checker-color) 25%,transparent 25%),linear-gradient(-45deg,var(--mmep-alpha-viz-checker-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--mmep-alpha-viz-checker-color) 75%),linear-gradient(-45deg,transparent 75%,var(--mmep-alpha-viz-checker-color) 75%);background-size:var(--mmep-space-5) var(--mmep-space-5);background-position:0 0,0 calc(var(--mmep-space-5) / 2),calc(var(--mmep-space-5) / 2) calc(var(--mmep-space-5) / -2),calc(var(--mmep-space-5) / -2) 0;overflow:visible}.ds-demo__img.svelte-t7vt5j{display:block;width:clamp(var(--mmep-size-md),50cqi,var(--mmep-size-lg));height:auto;transition:filter .2s ease-out}.ds-demo__presets.svelte-t7vt5j{display:flex;flex-wrap:wrap;gap:var(--mmep-space-2);justify-content:center}.ds-demo__preset.svelte-t7vt5j{-webkit-appearance:none;appearance:none;border:var(--mmep-hairline-width) solid rgb(var(--mmep-color-border, 228 228 231) / .7);background:rgb(var(--mmep-color-bg, 255 255 255) / .6);color:rgb(var(--mmep-color-fg, 9 9 11));border-radius:var(--mmep-radius-full);padding:var(--mmep-space-2) var(--mmep-space-3);font:inherit;font-size:var(--mmep-text-base);cursor:pointer;transition:border-color .12s,background-color .12s,transform .12s}.ds-demo__preset.svelte-t7vt5j:hover{border-color:rgb(var(--mmep-color-accent, 168 85 247) / .7)}.ds-demo__preset.svelte-t7vt5j:focus-visible{outline:var(--mmep-image-surface-outline) solid rgb(var(--mmep-color-accent, 168 85 247));outline-offset:var(--mmep-image-surface-outline-offset)}.ds-demo__preset[data-active=true].svelte-t7vt5j{border-color:rgb(var(--mmep-color-accent, 168 85 247));background:rgb(var(--mmep-color-accent, 168 85 247) / .12);font-weight:600}