.form-quantity-input-component{align-items:stretch;display:flex;min-width:0;width:100%}.form-quantity-input-component .el-input{min-width:0}.form-quantity-input-component.has-controls{--form-quantity-control-icon-size:.75rem;--form-quantity-control-gap:.375rem;--form-quantity-control-font-size:.9rem;--form-quantity-control-padding-block:.25rem;--form-quantity-control-padding-inline:.375rem;--form-quantity-control-input-padding:.25rem;--form-quantity-control-append-padding:.375rem;--form-quantity-control-radius:.625rem;align-items:center;border-radius:var(--form-quantity-control-radius);gap:var(--form-quantity-control-gap);padding:var(--form-quantity-control-padding-block) var(--form-quantity-control-padding-inline)}.form-quantity-input-component.has-controls>.el-button:focus,.form-quantity-input-component.has-controls>.el-button:hover{background:var(--el-fill-color-light)}.form-quantity-input-component.has-controls>.el-input{flex:1 1 0;min-width:0;width:0}.form-quantity-input-component.has-controls>.el-button{background:transparent;border:0;border-radius:.375rem;color:var(--el-text-color-regular);font-size:var(--form-quantity-control-icon-size);margin:0}.form-quantity-input-component.has-controls>.el-button .el-icon{font-size:var(--form-quantity-control-icon-size)}.form-quantity-input-component.has-controls .el-input__wrapper{min-width:0;padding:0 var(--form-quantity-control-input-padding)}.form-quantity-input-component.has-controls .el-input-group__append{font-size:var(--form-quantity-control-font-size);padding:0 var(--form-quantity-control-append-padding);white-space:nowrap}.form-quantity-input-component.has-controls .el-input__inner{font-size:var(--form-quantity-control-font-size)}.form-quantity-input-component.has-controls.quantity-buttons{background:#ededed63;border-radius:.75rem;gap:.25rem;justify-content:space-between}.form-quantity-input-component.has-controls.quantity-buttons>.el-button{background-color:inherit;color:var(--el-text-color-regular);padding:.75rem .8rem;transition:background-color .15s ease,transform .15s ease}.form-quantity-input-component.has-controls.quantity-buttons>.el-button:hover:not(:disabled){background:var(--el-fill-color);transform:translateY(-.05rem)}.form-quantity-input-component.has-controls.quantity-buttons>.el-button .el-icon{font-size:var(--terminal-order-item-control-icon-size,var(--form-quantity-control-icon-size))}.terminal-size-3 .form-quantity-input-component.has-controls{--form-quantity-control-icon-size:.65rem;--form-quantity-control-gap:.25rem;--form-quantity-control-font-size:.8rem;--form-quantity-control-padding-block:.15rem;--form-quantity-control-padding-inline:.25rem;--form-quantity-control-input-padding:.15rem;--form-quantity-control-append-padding:.25rem;--form-quantity-control-radius:.5rem}.terminal-size-5 .form-quantity-input-component.has-controls{--form-quantity-control-icon-size:.95rem;--form-quantity-control-gap:.5rem;--form-quantity-control-font-size:1.1rem;--form-quantity-control-padding-block:.35rem;--form-quantity-control-padding-inline:.5rem;--form-quantity-control-input-padding:.35rem;--form-quantity-control-append-padding:.5rem;--form-quantity-control-radius:.75rem}.page-pos--dark .form-quantity-input-component.has-controls.quantity-buttons{background-color:var(--bg-elevated)!important;border-color:var(--border)!important}.page-pos--dark .form-quantity-input-component.has-controls.quantity-buttons .el-icon,.page-pos--dark .form-quantity-input-component.has-controls.quantity-buttons>.el-button{color:var(--fg)!important}
