.vl-number-input{background-color:var(--vl-control-bg);border-style:solid;border-width:1px;border-radius:var(--vl-radius-md);--vl-number-input-accent:var(--vl-color-brand-primary-text);--vl-number-input-accent-rgb:var(--vl-color-brand-primary-rgb);--vl-number-input-divider:var(--vl-color-border);box-sizing:border-box;border:1px solid var(--vl-control-border);border-color:var(--vl-control-border);width:100%;min-width:0;color:var(--vl-control-text);height:var(--vl-height-md);font-size:var(--vl-font-size-md);transition:border-color var(--vl-duration-fast) var(--vl-easing-ease),color var(--vl-duration-fast) var(--vl-easing-ease);align-items:stretch;display:inline-flex;overflow:hidden}.vl-number-input:hover{border-color:var(--vl-control-border-hover)}.vl-number-input:focus-within{border-color:var(--vl-control-border-focus);z-index:1}.vl-number-input input{min-width:0;height:100%;color:inherit;font-size:inherit;line-height:inherit;font-variant-numeric:tabular-nums;padding:0 var(--vl-space-3);background:0 0;border:0;outline:none;flex:auto}.vl-number-input input::placeholder{color:var(--vl-control-placeholder)}.vl-number-input.has-controls input{text-align:center}.vl-number-input .control-btn{min-width:var(--vl-height-md);height:100%;padding:0 var(--vl-space-2);color:inherit;cursor:pointer;transition:background-color var(--vl-duration-fast) var(--vl-easing-ease),color var(--vl-duration-fast) var(--vl-easing-ease);background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.vl-number-input .control-btn span{font-size:var(--vl-font-size-lg);font-weight:500;line-height:1}.vl-number-input .control-btn:disabled{opacity:.45;cursor:not-allowed}.vl-number-input .control-btn:not(:disabled):hover{background:var(--vl-color-state-hover)}.vl-number-input .control-btn:focus-visible{background:var(--vl-color-bg-hover);color:var(--vl-color-text-primary)}.vl-number-input .control-btn.is-decrease{border-right:1px solid var(--vl-number-input-divider)}.vl-number-input .control-btn.is-increase{border-left:1px solid var(--vl-number-input-divider)}.vl-number-input.size-sm{height:var(--vl-height-sm);font-size:var(--vl-font-size-sm);border-radius:var(--vl-radius-sm)}.vl-number-input.size-sm input{padding:0 var(--vl-space-2)}.vl-number-input.size-sm .control-btn{min-width:var(--vl-height-sm)}.vl-number-input.size-md,.vl-number-input.size-sm .control-btn span{font-size:var(--vl-font-size-md)}.vl-number-input.size-md{height:var(--vl-height-md);border-radius:var(--vl-radius-md)}.vl-number-input.size-md input{padding:0 var(--vl-space-3)}.vl-number-input.size-lg{height:var(--vl-height-lg);font-size:var(--vl-font-size-lg);border-radius:var(--vl-radius-lg)}.vl-number-input.size-lg input{padding:0 var(--vl-space-4)}.vl-number-input.size-lg .control-btn{min-width:var(--vl-height-lg)}.vl-number-input.size-lg .control-btn span{font-size:var(--vl-font-size-xl)}.vl-number-input.is-readonly,.vl-number-input.is-readonly .control-btn{cursor:default}.vl-number-input.is-disabled{border-color:var(--vl-control-border);background-color:var(--vl-control-disabled-bg);color:var(--vl-control-disabled-text);opacity:.72;cursor:not-allowed;pointer-events:none}