.kumiki-datetime-field{--kumiki-datetime-field-bg:var(--kumiki-color-accent-fg);--kumiki-datetime-field-border:var(--kumiki-color-line);--kumiki-datetime-field-radius:8px;font-variant-numeric:tabular-nums;letter-spacing:-.005em;flex-direction:column;gap:.4375rem;font-size:.8125rem;display:flex}.kumiki-datetime-field [data-component-part=date-part],.kumiki-datetime-field [data-component-part=time-part]{border:1px solid var(--kumiki-datetime-field-border);border-radius:var(--kumiki-datetime-field-radius);background:var(--kumiki-datetime-field-bg);height:2.25rem;color:var(--kumiki-color-fg);align-items:center;gap:.5rem;padding-inline:.75rem;transition:border-color .14s cubic-bezier(.32,.72,0,1),box-shadow .14s cubic-bezier(.32,.72,0,1);display:inline-flex;box-shadow:inset 0 1px 1px oklch(0% 0 0/.025),0 1px 1px oklch(0% 0 0/.02)}.kumiki-datetime-field [data-component-part=date-part]:focus-within,.kumiki-datetime-field [data-component-part=time-part]:focus-within{border-color:var(--kumiki-color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--kumiki-color-accent) 18%, transparent), inset 0 1px 1px oklch(0% 0 0/.025)}.kumiki-datetime-field [data-component-part=label]{color:var(--kumiki-color-fg);font-size:.8125rem;font-weight:550;line-height:1.3}:root[data-theme=dark] .kumiki-datetime-field{--kumiki-datetime-field-bg:var(--kumiki-color-surface);--kumiki-datetime-field-border:var(--kumiki-color-fg)}:root[data-theme=dark] .kumiki-datetime-field [data-component-part=date-part],:root[data-theme=dark] .kumiki-datetime-field [data-component-part=time-part]{color:var(--kumiki-color-surface)}:root[data-theme=dark] .kumiki-datetime-field [data-component-part=date-part]:focus-within,:root[data-theme=dark] .kumiki-datetime-field [data-component-part=time-part]:focus-within{border-color:var(--kumiki-color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--kumiki-color-accent) 25%, transparent), inset 0 1px 1px oklch(0% 0 0/.1)}:root[data-theme=dark] .kumiki-datetime-field [data-component-part=label]{color:var(--kumiki-color-fg-muted)}@media (prefers-reduced-motion:reduce){.kumiki-datetime-field [data-component-part=date-part],.kumiki-datetime-field [data-component-part=time-part]{transition:none}}.demo.svelte-31y0xu{background:var(--k-surface-0);border:1px solid var(--k-line-1);border-radius:var(--k-radius-md);box-sizing:border-box;width:400px;min-height:240px;padding:24px}.state.svelte-31y0xu{color:var(--k-ink-3);font-size:13px;font-family:var(--k-font-mono,monospace);margin-top:16px}.state.svelte-31y0xu code:where(.svelte-31y0xu){color:var(--k-matcha-ink)}