.ms-number[data-unit=true]{grid-template-columns:minmax(0,1fr) auto}.ms-number[data-unit=true]:before{content:"";box-sizing:border-box;border:1px solid var(--border-200);border-radius:var(--radius-sm);background:var(--surface-100);grid-area:1/1/2/3;align-self:stretch}.ms-number[data-unit=true]>.ms-field__input,.ms-number[data-unit=true]>.ms-field__input:hover,.ms-number[data-unit=true]>.ms-field__input:read-only,.ms-number[data-unit=true]>.ms-field__input:disabled,.ms-number[data-unit=true]>.ms-field__input[aria-invalid=true]{background:0 0;border-color:#0000;grid-area:1/1;padding-inline-end:var(--space-2)}.ms-number[data-unit=true]>.ms-field__input:focus-visible{outline-color:#0000}.ms-number[data-unit=true]:has(>.ms-field__input:focus-visible):before{outline:2px solid var(--focus);outline-offset:2px}.ms-number[data-unit=true]:hover:before{border-color:var(--ink-200)}.ms-number[data-unit=true]:has(>[aria-invalid=true]):before{border-color:var(--danger-500)}.ms-number[data-unit=true]:has(>.ms-field__input:read-only):before{background:var(--surface-200)}.ms-number[data-unit=true]:has(>.ms-field__input:disabled):before{border-color:var(--border-100);background:var(--surface-200)}.ms-number__unit{color:var(--ink-200);cursor:text;-webkit-user-select:none;user-select:none;grid-area:1/2;align-self:stretch;align-items:center;padding-inline-end:var(--space-3);display:grid}.ms-number:has(>.ms-field__input:disabled)>.ms-number__unit{color:var(--ink-300);cursor:not-allowed}.ms-field__short{display:none}@media (forced-colors:active){.ms-number[data-unit=true]>.ms-field__input{padding-block:calc(var(--space-2) + 1px);padding-inline:calc(var(--space-3) + 1px) calc(var(--space-2) + 1px);border-style:none}.ms-number[data-unit=true]>.ms-field__input:focus-visible{outline-style:none}}.ms-field[data-size=touch] .ms-number__unit{font-size:16px}@media (pointer:coarse),not (min-width:768px){.ms-field[data-size=auto] .ms-number__unit{font-size:16px}}