.demo-note-card.svelte-17j5ema{width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--space-6);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-extra-large);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level-3);margin:auto;position:fixed;inset:0;overflow-y:auto}.demo-note-card[open].svelte-17j5ema{animation:svelte-17j5ema-note-appear var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.demo-note-card[open].svelte-17j5ema::backdrop{animation:svelte-17j5ema-backdrop-appear var(--md-sys-motion-duration-short) ease-out}@keyframes svelte-17j5ema-note-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-17j5ema-backdrop-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-note-card[open].svelte-17j5ema,.demo-note-card[open].svelte-17j5ema::backdrop{animation:none}}.demo-note-card.svelte-17j5ema::backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) 60%, transparent)}.note-heading.svelte-17j5ema{align-items:center;gap:var(--space-2);color:var(--md-sys-color-primary);font:var(--md-sys-typescale-label-large);display:flex}.note-heading.svelte-17j5ema button:where(.svelte-17j5ema){flex-shrink:0;margin-left:auto}h2.svelte-17j5ema{font:var(--md-sys-typescale-headline-small);margin-block:var(--space-4)}p.svelte-17j5ema{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);margin:0}.note-actions.svelte-17j5ema{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.note-actions.svelte-17j5ema button:where(.svelte-17j5ema){white-space:normal}.demo-intro.svelte-1pcbtqc{z-index:100;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);display:grid;position:fixed;inset:0;overflow-y:auto}.demo-intro-content.svelte-1pcbtqc{justify-items:start;gap:var(--space-6);width:min(100%,32rem);margin:auto;display:grid}h1.svelte-1pcbtqc{margin-top:var(--space-4);font:var(--md-sys-typescale-headline-large);text-wrap:balance}p.svelte-1pcbtqc{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);font-size:20px;line-height:1.6}button.svelte-1pcbtqc{margin-top:var(--space-2);min-height:48px}