@scope([data-example]){[data-slot=number-input]{align-items:center;gap:var(--space-2);display:flex}[data-slot=number-input]:has(>[data-slot=number-input-scrub-area] [data-slot=field-label]){flex-direction:column;align-items:stretch}[data-slot=number-input]:has(>[data-slot=number-input-scrub-area] [data-slot=field-label])>[data-slot=number-input-scrub-area]{align-self:flex-start}[data-slot=number-input-group]{gap:0;width:20rem;max-width:100%;padding:3px}[data-slot=number-input-group]:not(:has(button)){padding-inline:10px}[data-slot=field]:has(>[data-slot=number-input]){width:20rem;max-width:100%}:scope[data-example^=number-input\/] [data-slot=stack]{width:auto}[data-slot=number-input-control]{width:100%;min-width:0;height:100%;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;outline:none;flex:1;padding:0 2px;font-weight:500}[data-slot=number-input-control]:disabled{color:var(--line-disabled)}:is([data-slot=number-input-decrement],[data-slot=number-input-increment]){box-sizing:border-box;min-width:28px;height:28px;padding:0 var(--space-1);border-radius:calc(var(--radius-control) - 3px);color:var(--muted);font:inherit;font-size:var(--text-xs);-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-shrink:0;place-items:center;font-weight:500;transition:background-color .12s,color .12s;display:inline-grid}:is([data-slot=number-input-decrement],[data-slot=number-input-increment]):hover:not([data-disabled]){background:var(--tint);color:var(--ink)}:is([data-slot=number-input-decrement],[data-slot=number-input-increment]):active:not([data-disabled]){background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}:is([data-slot=number-input-decrement],[data-slot=number-input-increment]):focus-visible{outline-offset:-3px}:is([data-slot=number-input-decrement],[data-slot=number-input-increment])[data-disabled]{color:var(--line-disabled)}:is([data-slot=number-input-decrement],[data-slot=number-input-increment]) svg{width:14px;height:14px}:is([data-slot=number-input-increment]:not([data-at-bound])>span,[data-slot=number-input-increment][data-at-bound]>svg:has(+span)){display:none}[data-slot=number-input-scrub-area]{align-items:center;gap:var(--space-2);color:var(--muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;display:inline-flex}[data-slot=number-input-scrub-area][data-orientation=vertical]{cursor:ns-resize}[data-slot=number-input-scrub-area][data-scrubbing]{color:var(--ink)}[data-slot=number-input-scrub-area] [data-slot=field-label]{cursor:inherit}[data-slot=number-input-scrub-area-cursor]{color:var(--ink);margin:-10px 0 0 -10px}[data-slot=number-input-scrub-area-cursor] svg{width:20px;height:20px}:scope[data-example=number-input\/scrub] [data-slot=card]{flex-direction:column;align-items:stretch;width:16rem}:scope[data-example=number-input\/scrub] [data-slot=grid]{gap:var(--space-2)}:scope[data-example=number-input\/scrub] [data-slot=number-input-group]{width:auto;height:28px;padding:0 var(--space-2) 0 0}:scope[data-example=number-input\/scrub] [data-slot=number-input-scrub-area]{width:24px;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-self:stretch;font-weight:500}:scope[data-example=number-input\/scrub] [data-slot=number-input-control]{text-align:start}}