.tant-input-number.ant-input-number {
  width: 60px;
  color: var(--text-color);
  background-color: var(--color-white);
  border: 1px solid var(--light-split-color);
  border-radius: 2px;
}
.tant-input-number.ant-input-number:hover {
  border-color: var(--primary-hover-color);
}
.tant-input-number.ant-input-number.ant-input-number-sm {
  height: 24px;
  font-size: 14px;
}
.tant-input-number.ant-input-number.ant-input-number-sm .ant-input-number-input-wrap .ant-input-number-input {
  height: 22px;
}
.tant-input-number.ant-input-number .ant-input-number-handler-wrap {
  border-color: var(--light-split-color);
  border-radius: 0 2px 2px 0;
  visibility: hidden;
}
.tant-input-number.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler {
  color: var(--widget-color);
}
.tant-input-number.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.tant-input-number.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  color: var(--widget-color);
}
.tant-input-number.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.tant-input-number.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: var(--primary-color);
}
.tant-input-number.ant-input-number .ant-input-number-input-wrap .ant-input-number-input {
  padding: 0 4px;
  text-align: right;
  transition: none;
}
.tant-input-number.ant-input-number.ant-input-number-focused {
  background-color: #fff;
  border-color: var(--primary-color);
  box-shadow: var(--input-shadow);
}
.tant-input-number.ant-input-number.ant-input-number-focused .ant-input-number-handler-wrap {
  visibility: visible;
}
.tant-input-number.ant-input-number.ant-input-number-focused .ant-input-number-input-wrap .ant-input-number-input {
  padding: 0 26px 0 4px;
}