:root{--rni-font-size-sm: .8125rem;--rni-font-size-md: .875rem;--rni-font-size-lg: 1rem;--rni-height-sm: 2rem;--rni-height-md: 2.5rem;--rni-height-lg: 3rem;--rni-radius-sm: 6px;--rni-radius-md: 8px;--rni-radius-lg: 10px;--rni-radius: var(--rni-radius-md);--rni-gap: 0;--rni-duration: .15s;--rni-ease: cubic-bezier(.4, 0, .2, 1);--rni-bg: #ffffff;--rni-bg-readonly: #f4f4f5;--rni-fg: #18181b;--rni-placeholder: #a1a1aa;--rni-border: #d4d4d8;--rni-border-hover: #a1a1aa;--rni-border-focus: #6366f1;--rni-btn-bg: #f4f4f5;--rni-btn-bg-hover: #e4e4e7;--rni-btn-fg: #52525b;--rni-shadow-focus: 0 0 0 3px rgba(99, 102, 241, .18);--rni-label-fg: #3f3f46;--rni-hint-fg: #71717a;--rni-error-fg: #dc2626;--rni-error-border: #dc2626;--rni-error-shadow: 0 0 0 3px rgba(220, 38, 38, .18)}.rni-root{display:inline-flex;flex-direction:column;gap:.3rem;font-family:inherit}.rni-label{display:block;font-size:.8125rem;font-weight:500;color:var(--rni-label-fg);line-height:1.4}.rni-label--scrubable{cursor:ew-resize;user-select:none}.rni-control{display:inline-flex;align-items:stretch;border:1.5px solid var(--rni-border);border-radius:var(--rni-radius);background:var(--rni-bg);overflow:hidden;transition:border-color var(--rni-duration) var(--rni-ease),box-shadow var(--rni-duration) var(--rni-ease),background-color var(--rni-duration) var(--rni-ease)}.rni-root:not(.rni-root--disabled):not(.rni-root--readonly) .rni-control:hover{border-color:var(--rni-border-hover)}.rni-control:focus-within{border-color:var(--rni-border-focus);box-shadow:var(--rni-shadow-focus)}.rni-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--rni-fg);text-align:center;font-size:var(--rni-font-size-md);font-family:inherit;padding:0 .25rem;height:var(--rni-height-md);line-height:var(--rni-height-md);cursor:text}.rni-input::placeholder{color:var(--rni-placeholder)}.rni-input:disabled{cursor:not-allowed}.rni-adornment{display:flex;align-items:center;padding:0 .4rem;color:var(--rni-placeholder-color, #9ca3af);font-size:inherit;white-space:nowrap;user-select:none;flex-shrink:0;pointer-events:none}.rni-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:var(--rni-height-md);flex-shrink:0;background:var(--rni-btn-bg);color:var(--rni-btn-fg);border:none;outline:none;cursor:pointer;font-size:1.15rem;font-weight:500;user-select:none;transition:background var(--rni-duration) var(--rni-ease),color var(--rni-duration) var(--rni-ease);line-height:1}.rni-btn:hover:not(:disabled){background:var(--rni-btn-bg-hover)}.rni-btn:disabled{opacity:.4;cursor:not-allowed}.rni-btn--decrement{border-right:1.5px solid var(--rni-border)}.rni-btn--increment{border-left:1.5px solid var(--rni-border)}.rni-root--sm .rni-control{--rni-radius: var(--rni-radius-sm)}.rni-root--md .rni-control{--rni-radius: var(--rni-radius-md)}.rni-root--lg .rni-control{--rni-radius: var(--rni-radius-lg)}.rni-root--sm .rni-input,.rni-root--sm .rni-btn{height:var(--rni-height-sm);line-height:var(--rni-height-sm);font-size:var(--rni-font-size-sm)}.rni-root--sm .rni-btn{width:1.875rem;font-size:1rem}.rni-root--lg .rni-input,.rni-root--lg .rni-btn{height:var(--rni-height-lg);line-height:var(--rni-height-lg);font-size:var(--rni-font-size-lg)}.rni-root--lg .rni-btn{width:2.5rem;font-size:1.25rem}.rni-root[data-tone=primary][data-tone] .rni-control{--rni-border: #6366f1;--rni-border-focus: #6366f1;--rni-shadow-focus: 0 0 0 3px rgba(99, 102, 241, .18)}.rni-root[data-tone=success][data-tone] .rni-control{--rni-border: #16a34a;--rni-border-focus: #16a34a;--rni-shadow-focus: 0 0 0 3px rgba(22, 163, 74, .18)}.rni-root[data-tone=danger][data-tone] .rni-control{--rni-border: var(--rni-error-border)}.rni-root[data-tone=danger][data-tone] .rni-control:focus-within{--rni-border-focus: var(--rni-error-border);--rni-shadow-focus: var(--rni-error-shadow)}.rni-root[data-invalid=true] .rni-control{border-color:var(--rni-error-border)}.rni-root[data-invalid=true] .rni-control:focus-within{border-color:var(--rni-error-border);box-shadow:var(--rni-error-shadow)}.rni-root--disabled .rni-control{opacity:.55;cursor:not-allowed}.rni-root--readonly .rni-control{background:var(--rni-bg-readonly)}.rni-hint{font-size:.75rem;color:var(--rni-hint-fg);line-height:1.4}.rni-error{font-size:.75rem;color:var(--rni-error-fg);font-weight:500;line-height:1.4}[data-theme=dark]{--rni-bg: #18181b;--rni-bg-readonly: #27272a;--rni-fg: #fafafa;--rni-placeholder: #52525b;--rni-border: #3f3f46;--rni-border-hover: #52525b;--rni-border-focus: #818cf8;--rni-btn-bg: #27272a;--rni-btn-bg-hover: #3f3f46;--rni-btn-fg: #a1a1aa;--rni-shadow-focus: 0 0 0 3px rgba(129, 140, 248, .22);--rni-label-fg: #d4d4d8;--rni-hint-fg: #71717a;--rni-error-fg: #f87171;--rni-error-border: #f87171;--rni-error-shadow: 0 0 0 3px rgba(248, 113, 113, .22)}[data-theme=dark] .rni-root[data-tone=primary][data-tone] .rni-control{--rni-border: #818cf8;--rni-border-focus: #818cf8;--rni-shadow-focus: 0 0 0 3px rgba(129, 140, 248, .22)}[data-theme=dark] .rni-root[data-tone=success][data-tone] .rni-control{--rni-border: #4ade80;--rni-border-focus: #4ade80;--rni-shadow-focus: 0 0 0 3px rgba(74, 222, 128, .22)}@keyframes rni-digit-up-in{0%{transform:translateY(40%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rni-digit-down-in{0%{transform:translateY(-40%);opacity:0}to{transform:translateY(0);opacity:1}}.rni-control[data-dir=up] .rni-input{animation:rni-digit-up-in .16s var(--rni-ease) both}.rni-control[data-dir=down] .rni-input{animation:rni-digit-down-in .16s var(--rni-ease) both}@media(prefers-reduced-motion:reduce){.rni-control,.rni-btn{transition:none}.rni-control[data-dir=up] .rni-input,.rni-control[data-dir=down] .rni-input{animation:none}}
