.ds-number-field{color:var(--label-secondary);font-size:var(--font-size-body-t13);font-weight:var(--font-weight-medium);gap:6px;display:grid}.ds-number-field--bare{gap:0}.ds-number-field-shell{min-height:36px;font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);border:1px solid var(--label-quarternary);background:0 0;border-radius:8px;align-items:center;transition:border-color .12s ease-out;display:flex;overflow:hidden}.ds-number-field-shell:focus-within{border-color:var(--label-secondary)}.ds-number-field-shell input{width:100%;min-width:0;height:34px;color:var(--label-primary);font:inherit;font-weight:var(--font-weight-regular);background:0 0;border:0;outline:0;padding:0 12px}.ds-number-field-shell input[type=number]{appearance:textfield}.ds-number-field-shell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ds-number-field-shell input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-number-field-affix+input{padding-left:4px}.ds-number-field-affix{color:var(--label-secondary);font-weight:var(--font-weight-medium);flex:none;padding:0 10px}.ds-number-field-shell input:disabled{opacity:.5;cursor:not-allowed}