.qd-input-number{position:relative;display:inline-block;width:166px;line-height:30px}.qd-input-number .qd-input__wrapper{padding-left:42px;padding-right:42px}.qd-input-number .qd-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center}.qd-input-number .qd-input__inner::-webkit-inner-spin-button,.qd-input-number .qd-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.qd-input-number__decrease,.qd-input-number__increase{display:flex;justify-content:center;align-items:center;height:auto;position:absolute;z-index:1;top:1px;bottom:1px;width:32px;background:var(--qd-fill-color-light);color:var(--qd-text-color-primary);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qd-input-number__decrease:hover,.qd-input-number__increase:hover{color:var(--qd-color-primary)}.qd-input-number__decrease:hover~.qd-input:not(.is-disabled) .qd-input_wrapper,.qd-input-number__increase:hover~.qd-input:not(.is-disabled) .qd-input_wrapper{box-shadow:0 0 0 1px var(--qd-input-focus-border-color,var(--qd-color-primary)) inset}.qd-input-number__decrease.is-disabled,.qd-input-number__increase.is-disabled{color:var(--qd-disabled-text-color);cursor:not-allowed}.qd-input-number__increase{right:1px;border-radius:0 var(--qd-border-radius-base) var(--qd-border-radius-base) 0;border-left:var(--qd-border)}.qd-input-number__decrease{left:1px;border-radius:var(--qd-border-radius-base) 0 0 var(--qd-border-radius-base);border-right:var(--qd-border)}.qd-input-number.is-disabled .qd-input-number__decrease,.qd-input-number.is-disabled .qd-input-number__increase{border-color:var(--qd-disabled-border-color);color:var(--qd-disabled-border-color)}.qd-input-number.is-disabled .qd-input-number__decrease:hover,.qd-input-number.is-disabled .qd-input-number__increase:hover{color:var(--qd-disabled-border-color);cursor:not-allowed}.qd-input-number--large{width:182px;line-height:38px}.qd-input-number--large .qd-input-number__decrease,.qd-input-number--large .qd-input-number__increase{width:40px;font-size:14px}.qd-input-number--large .qd-input__wrapper{padding-left:47px;padding-right:47px}.qd-input-number--small{width:151px;line-height:22px}.qd-input-number--small .qd-input-number__decrease,.qd-input-number--small .qd-input-number__increase{width:24px;font-size:12px}.qd-input-number--small .qd-input__wrapper{padding-left:31px;padding-right:31px}.qd-input-number--small .qd-input-number__decrease [class*=qd-icon],.qd-input-number--small .qd-input-number__increase [class*=qd-icon]{transform:scale(.9)}.qd-input-number.is-without-controls .qd-input__wrapper{padding-left:15px;padding-right:15px}.qd-input-number.is-without-controls .qd-input__wrapper .qd-input__inner{text-align:left}.qd-input-number.is-controls-right .qd-input__wrapper{padding-left:15px;padding-right:42px}.qd-input-number.is-controls-right .qd-input-number__decrease,.qd-input-number.is-controls-right .qd-input-number__increase{--qd-input-number-controls-height:15px;height:var(--qd-input-number-controls-height);line-height:var(--qd-input-number-controls-height)}.qd-input-number.is-controls-right .qd-input-number__decrease [class*=qd-icon],.qd-input-number.is-controls-right .qd-input-number__increase [class*=qd-icon]{transform:scale(.75);transform-origin:top}.qd-input-number.is-controls-right .qd-input-number__increase{bottom:auto;left:auto;border-radius:0 var(--qd-border-radius-base) 0 0;border-bottom:var(--qd-border)}.qd-input-number.is-controls-right .qd-input-number__decrease{right:1px;top:auto;left:auto;border-right:none;border-left:var(--qd-border);border-radius:0 0 var(--qd-border-radius-base) 0}.qd-input-number.is-controls-right[class*=large] [class*=decrease],.qd-input-number.is-controls-right[class*=large] [class*=increase]{--qd-input-number-controls-height:19px}.qd-input-number.is-controls-right[class*=small] [class*=decrease],.qd-input-number.is-controls-right[class*=small] [class*=increase]{--qd-input-number-controls-height:11px}