.demo.svelte-4or8sv{background:var(--k-surface-1);border:1px solid var(--k-line-1);box-sizing:border-box;border-radius:12px;width:380px;min-height:320px;padding:24px;position:relative}.demo.svelte-4or8sv .trigger{background:var(--k-code-bg);color:var(--k-ink-1);border:1px solid var(--k-line-2);cursor:pointer;font:inherit;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:180px;padding:8px 14px;display:inline-flex}.demo.svelte-4or8sv .trigger:focus{border-color:var(--k-matcha-ink);outline:none}.demo.svelte-4or8sv .trigger .caret{color:var(--k-ink-3);font-size:12px}.demo.svelte-4or8sv .listbox[hidden]{display:none}.demo.svelte-4or8sv .listbox:not([hidden]){background:var(--k-surface-2);color:var(--k-ink-1);border:1px solid var(--k-line-2);border-radius:6px;min-width:180px;margin:4px 0 0;padding:4px 0;list-style:none;box-shadow:0 6px 20px oklch(0% 0 0/.3)}.demo.svelte-4or8sv .option{cursor:pointer;justify-content:space-between;padding:8px 14px;display:flex}.demo.svelte-4or8sv .option[data-highlighted]{background:var(--k-shu);color:#fff}.demo.svelte-4or8sv .option[aria-selected=true]{color:var(--k-matcha-ink)}.demo.svelte-4or8sv .option[aria-selected=true][data-highlighted]{color:#fff}.state.svelte-4or8sv{color:var(--k-ink-3);margin-top:16px;font-size:14px}.state.svelte-4or8sv code:where(.svelte-4or8sv){color:var(--k-matcha-ink)}