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