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