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