.kumiki-number-field{--kumiki-number-field-bg:var(--kumiki-color-accent-fg);--kumiki-number-field-border:var(--kumiki-color-line);--kumiki-number-field-radius:8px;border:1px solid var(--kumiki-number-field-border);border-radius:var(--kumiki-number-field-radius);background:var(--kumiki-number-field-bg);transition:border-color .14s cubic-bezier(.32,.72,0,1),box-shadow .14s cubic-bezier(.32,.72,0,1);display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 1px oklch(0% 0 0/.025),0 1px 1px oklch(0% 0 0/.02)}.kumiki-number-field:hover{border-color:var(--kumiki-color-line-strong)}.kumiki-number-field: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-number-field input{width:5rem;height:2.25rem;color:var(--kumiki-color-fg);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right;background:0 0;border:0;padding-inline:.625rem;font-size:.8125rem}.kumiki-number-field input:focus-visible{outline:0}.kumiki-number-field [data-component-part=increment],.kumiki-number-field [data-component-part=decrement]{width:1.875rem;color:var(--kumiki-color-fg-muted);cursor:pointer;background:0 0;border:0;font-size:.875rem;line-height:1;transition:background-color .12s cubic-bezier(.32,.72,0,1)}.kumiki-number-field [data-component-part=increment]{border-left:1px solid var(--kumiki-number-field-border)}.kumiki-number-field [data-component-part=decrement]{border-right:1px solid var(--kumiki-number-field-border)}.kumiki-number-field [data-component-part=increment]:hover,.kumiki-number-field [data-component-part=decrement]:hover{background:var(--kumiki-color-surface);color:var(--kumiki-color-fg)}:root[data-theme=dark] .kumiki-number-field{--kumiki-number-field-bg:var(--kumiki-color-surface);--kumiki-number-field-border:var(--kumiki-color-fg)}:root[data-theme=dark] .kumiki-number-field:hover{border-color:oklch(42% .014 256)}:root[data-theme=dark] .kumiki-number-field: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-number-field input{color:var(--kumiki-color-surface)}:root[data-theme=dark] .kumiki-number-field [data-component-part=increment],:root[data-theme=dark] .kumiki-number-field [data-component-part=decrement]{color:oklch(70% .012 256)}:root[data-theme=dark] .kumiki-number-field [data-component-part=increment]:hover,:root[data-theme=dark] .kumiki-number-field [data-component-part=decrement]:hover{background:var(--kumiki-color-surface-raised);color:var(--kumiki-color-surface)}@media (prefers-reduced-motion:reduce){.kumiki-number-field,.kumiki-number-field [data-component-part=increment],.kumiki-number-field [data-component-part=decrement]{transition:none}}