.number-input .number-input__number{align-items:center;border:1px solid var(--action-edge);border-radius:7px;display:flex;flex-flow:row nowrap;justify-content:space-between;position:relative}.number-input .number-input__number input[data-type=number]{border:none;flex-grow:1;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.05em;white-space:nowrap}.number-input .number-input__number input[data-type=number]:hover{box-shadow:none}.number-input .number-input__number input[data-type=number]:focus,.number-input .number-input__number input[data-type=number]:focus:hover{border:none;box-shadow:none}.number-input .number-input__number .number-input__number__unit{background:var(--surface);border-bottom-right-radius:7px;border-top-right-radius:7px;padding:9px 12px}.number-input .number-input__number:hover{box-shadow:0 0 0 3px var(--action)}.number-input .number-input__number.number-input__number--has-units input[data-type=number]{border-bottom-right-radius:0;border-right:1px solid var(--action-edge);border-top-right-radius:0}.number-input .number-input__number.number-input__number--has-units input[data-type=number]:focus,.number-input .number-input__number.number-input__number--has-units input[data-type=number]:focus:hover{border-right:1px solid var(--action-edge)}.number-input .number-input__number.number-input__number--focused{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary)}.number-input .number-input__number.number-input__number--disabled{border:1px solid var(--edge)}.number-input .number-input__number.number-input__number--disabled input[data-type=number]{border-right:1px solid var(--edge)}.number-input .number-input__number.number-input__number--disabled:hover{box-shadow:none}