.sqt-number{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));background-color:var(--white-color);border-radius:.5rem;align-items:center;width:100%;height:2.5rem;display:inline-flex;position:relative;overflow:hidden}.sqt-number input{width:0;min-width:0;height:100%;font-size:var(--font-size);background:0 0;border:none;outline:none;flex:1;padding-block:0;padding-inline:1.125rem}.sqt-number input[type=number]{appearance:textfield}.sqt-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sqt-number input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sqt-number .decrease,.sqt-number .increase{-webkit-user-select:none;user-select:none;background-color:var(--sqt-color-info-light-9);cursor:pointer;justify-content:center;align-items:center;width:1.875rem;height:100%;display:flex}.sqt-number .decrease .icon,.sqt-number .increase .icon{font-size:var(--font-size)}.sqt-number .prefix,.sqt-number .suffix{cursor:auto;justify-content:center;align-items:center;width:2.5rem;height:100%;display:flex}.sqt-number .prefix .icon,.sqt-number .suffix .icon{font-size:var(--font-size)}.sqt-number .suffix .icon.close{pointer-events:none;opacity:0;color:var(--info-color)}.sqt-number .suffix .icon.close:hover{color:var(--sqt-color-danger)}.sqt-number.is-controls input{text-align:center}.sqt-number.is-disabled .decrease,.sqt-number.is-disabled .increase{cursor:auto}.sqt-number.is-focus:not(.is-disabled) .suffix .icon.close,.sqt-number:hover:not(.is-disabled) .suffix .icon.close{cursor:pointer;pointer-events:auto;opacity:1}.sqt-number.is-focus{border-color:var(--sqt-color-primary)}