.copy-animation.svelte-1a2m36c{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.copy-animation.svelte-1a2m36c svg{will-change:transform;width:18px;height:18px}.icon-copy.svelte-1a2m36c,.icon-check.svelte-1a2m36c{transition:transform .25s,opacity .25s;display:flex;position:absolute}.icon-copy.svelte-1a2m36c{opacity:1;transform:none}.icon-check.svelte-1a2m36c,.check.svelte-1a2m36c .icon-copy:where(.svelte-1a2m36c){opacity:0;transform:scale(.4)}.check.svelte-1a2m36c .icon-check:where(.svelte-1a2m36c){opacity:1;transform:none}.demo.svelte-1dvj3d7,.source.svelte-1dvj3d7{background-color:var(--elevated-5);border:1px solid var(--border);border-radius:var(--card-border-radius);width:100%;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);overflow:hidden}.demo-heading.svelte-1dvj3d7,.source-heading.svelte-1dvj3d7{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.demo-actions.svelte-1dvj3d7,.source-actions.svelte-1dvj3d7{gap:var(--gap-2);display:flex}.back-button-slot.svelte-1dvj3d7{position:relative}.back-button.svelte-1dvj3d7{z-index:10;will-change:transform;width:max-content}.source.svelte-1dvj3d7{margin-top:var(--gap-3)}.header-grid.svelte-1dvj3d7{grid-template-columns:1fr auto;align-items:start;gap:12px;width:100%;display:grid}.column.svelte-1dvj3d7{gap:var(--gap-1);flex-direction:column;min-width:0;max-width:min(320px,100%);display:flex}.preview.svelte-1dvj3d7{place-items:center;min-height:180px;padding:24px;display:grid;position:relative}.preview.svelte-1dvj3d7:after{content:"";border:1px solid var(--elevated-7);border-radius:var(--mid-border-radius);pointer-events:none;position:absolute;inset:24px}.preview-content.svelte-1dvj3d7{z-index:1;border-radius:var(--mid-border-radius);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.code-block.svelte-1dvj3d7{padding:0 16px 6px}.code-block.svelte-1dvj3d7 pre{border-radius:var(--mid-border-radius);margin:0;padding:6px 12px;line-height:1.6;overflow-x:auto;background-color:var(--elevated-5)!important}.code-block.svelte-1dvj3d7 .shiki,.code-block.svelte-1dvj3d7 .shiki span{color:var(--shiki-light)!important}[data-theme=dark] .code-block.svelte-1dvj3d7 .shiki,[data-theme=dark] .code-block.svelte-1dvj3d7 .shiki span{color:var(--shiki-dark)!important}.code-block.svelte-1dvj3d7 pre.shiki .line-number{-webkit-user-select:none;user-select:none;opacity:.4;margin-right:16px}@media (width<=540px){.header-grid.svelte-1dvj3d7{grid-template-columns:2fr}.header-grid.svelte-1dvj3d7 .button{justify-self:start}.back-button-slot.svelte-1dvj3d7{width:auto!important;height:auto!important}.back-button.svelte-1dvj3d7{position:static!important;transform:none!important}}