.number-input-container{position:relative;width:100%}.number-input-trigger{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;background:#fff;transition:all .2s ease}.number-input-trigger:hover{border-color:#ffbb36}.number-input-trigger.active{border-color:#ffbb36;box-shadow:0 0 0 1px #ffbb36}.number-input-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);z-index:50;animation:fadeInScale .15s ease-out}.number-input-row{display:flex;justify-content:space-between;align-items:center}.number-input-info{display:flex;flex-direction:column}.number-label-main{font-size:.875rem;font-weight:700;color:#1f2937}.number-label-sub{font-size:.75rem;color:#6b7280}.number-input-controls{display:flex;align-items:center;gap:1rem}.number-control-btn{width:2rem;height:2rem;border-radius:50%;border:1px solid #c0c4cc;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#4b5563;transition:all .12s ease}.number-control-btn:hover:not(:disabled){border-color:#ffbb36;color:#ffbb36}.number-control-btn:disabled{border-color:#c0c4cc;color:#9ca3af;opacity:.95;cursor:not-allowed}.number-value-display{font-weight:700;min-width:1.5rem;text-align:center;font-size:.875rem}.number-icon{display:inline-flex;margin-right:.75rem;align-items:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}