.demo.svelte-118ao4i{background:var(--k-surface-1);border:1px solid var(--k-line-1);box-sizing:border-box;border-radius:12px;width:420px;min-height:360px;padding:24px}.controls.svelte-118ao4i{color:var(--k-ink-2);margin-bottom:16px;font-size:13px}.controls.svelte-118ao4i select:where(.svelte-118ao4i){background:var(--k-code-bg);color:var(--k-ink-1);border:1px solid var(--k-line-2);border-radius:6px;margin-left:6px;padding:4px 8px}.slider-wrap.svelte-118ao4i{padding:24px 0}.demo.svelte-118ao4i .track{background:var(--k-surface-2);border:1px solid var(--k-line-2);cursor:pointer;border-radius:999px;position:relative}.demo.svelte-118ao4i .track[data-orientation=horizontal]{width:320px;height:8px}.demo.svelte-118ao4i .track[data-orientation=vertical]{width:8px;height:200px}.demo.svelte-118ao4i .thumb{background:var(--k-shu);cursor:grab;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute}.demo.svelte-118ao4i .thumb:focus{outline:2px solid var(--k-matcha);outline-offset:2px}.demo.svelte-118ao4i .track[data-orientation=horizontal] .thumb{top:50%;left:var(--kumiki-slider-pct);transform:translate(-50%,-50%)}.demo.svelte-118ao4i .track[data-orientation=vertical] .thumb{left:50%;bottom:var(--kumiki-slider-pct);transform:translate(-50%,50%)}.state.svelte-118ao4i{color:var(--k-ink-3);margin-top:16px;font-size:13px}.state.svelte-118ao4i code:where(.svelte-118ao4i){color:var(--k-matcha-ink)}