.kumiki-time-field{--kumiki-time-field-bg:var(--kumiki-color-accent-fg);--kumiki-time-field-border:var(--kumiki-color-line);--kumiki-time-field-segment-bg-focus:var(--kumiki-color-accent-soft);--kumiki-time-field-segment-fg-empty:var(--kumiki-color-fg-quiet);font-variant-numeric:tabular-nums;letter-spacing:-.005em;flex-direction:column;gap:.4375rem;font-size:.8125rem;display:flex}.kumiki-time-field [data-component-part=input]{border:1px solid var(--kumiki-time-field-border);background:var(--kumiki-time-field-bg);height:2.25rem;color:var(--kumiki-color-fg);border-radius:8px;align-items:center;gap:.0625rem;padding-inline:.625rem;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-time-field [data-component-part=input]: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-time-field [data-component-part=segment]{cursor:text;border-radius:4px;justify-content:center;align-items:center;min-width:1.25rem;height:1.75rem;padding-inline:.25rem;transition:background-color .1s cubic-bezier(.32,.72,0,1);display:inline-flex}.kumiki-time-field [data-component-part=segment]:focus{background:var(--kumiki-time-field-segment-bg-focus);color:var(--kumiki-color-accent);outline:none}.kumiki-time-field [data-component-part=segment][data-empty]{color:var(--kumiki-time-field-segment-fg-empty)}.kumiki-time-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-time-field{--kumiki-time-field-bg:var(--kumiki-color-surface);--kumiki-time-field-border:var(--kumiki-color-fg);--kumiki-time-field-segment-bg-focus:oklch(32% .06 35);--kumiki-time-field-segment-fg-empty:var(--kumiki-color-fg-muted)}:root[data-theme=dark] .kumiki-time-field [data-component-part=input]{color:var(--kumiki-color-surface)}:root[data-theme=dark] .kumiki-time-field [data-component-part=input]: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-time-field [data-component-part=segment]:focus{color:var(--kumiki-color-accent)}:root[data-theme=dark] .kumiki-time-field [data-component-part=label]{color:var(--kumiki-color-fg-muted)}@media (prefers-reduced-motion:reduce){.kumiki-time-field [data-component-part=input],.kumiki-time-field [data-component-part=segment]{transition:none}}.demo.svelte-1bg1kc6{background:var(--k-surface-0);border:1px solid var(--k-line-1);border-radius:var(--k-radius-md);box-sizing:border-box;width:360px;min-height:220px;padding:24px}.state.svelte-1bg1kc6{color:var(--k-ink-3);font-size:13px;font-family:var(--k-font-mono,monospace);margin-top:16px}.state.svelte-1bg1kc6 code:where(.svelte-1bg1kc6){color:var(--k-matcha-ink)}