.number-field-module__gPdJcG__root{flex-direction:column;width:100%;max-width:12rem;display:inline-flex;position:relative}.number-field-module__gPdJcG__scrubArea{z-index:1;cursor:col-resize;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.number-field-module__gPdJcG__scrubAreaCursor{pointer-events:none;opacity:0;background:#3b82f6cc;border-radius:1px;width:2px;height:100%;transition:opacity .15s;position:absolute}.number-field-module__gPdJcG__scrubArea:active .number-field-module__gPdJcG__scrubAreaCursor{opacity:1}.number-field-module__gPdJcG__group{z-index:2;align-items:center;gap:0;display:flex;position:relative}.number-field-module__gPdJcG__input{border:1px solid var(--border);min-width:6rem;height:2.5rem;color:var(--foreground);text-align:center;background-color:var(--mix-card-50-bg);outline:none;flex:0 6rem;padding:0 .5rem;font-size:.875rem;transition:all .15s ease-out}.number-field-module__gPdJcG__input::placeholder{color:var(--muted-foreground)}.number-field-module__gPdJcG__input:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)/.2}.number-field-module__gPdJcG__input:disabled{cursor:not-allowed;opacity:.5}.number-field-module__gPdJcG__increment,.number-field-module__gPdJcG__decrement{border:1px solid var(--border);background-color:var(--mix-card-50-bg);height:2.5rem;color:var(--muted-foreground);cursor:pointer;justify-content:center;align-items:center;padding:0 1rem;transition:all .15s ease-out;display:flex}.number-field-module__gPdJcG__decrement{border-radius:var(--radius)0 0 var(--radius);border-right:none}.number-field-module__gPdJcG__increment{border-radius:0 var(--radius)var(--radius)0;border-left:none}.number-field-module__gPdJcG__increment:hover,.number-field-module__gPdJcG__decrement:hover{color:var(--foreground);background:var(--muted)}.number-field-module__gPdJcG__increment:active,.number-field-module__gPdJcG__decrement:active{background:var(--muted)}.number-field-module__gPdJcG__increment:disabled,.number-field-module__gPdJcG__decrement:disabled{cursor:not-allowed;opacity:.5}.number-field-module__gPdJcG__increment:disabled:hover,.number-field-module__gPdJcG__decrement:disabled:hover{color:var(--muted-foreground);background:0 0}.number-field-module__gPdJcG__icon{flex-shrink:0}
.number-field-demo-module__h2S71q__numberField{max-width:12rem}