index.css 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-input-number-affix-wrapper {
  4. display: inline-block;
  5. width: 100%;
  6. min-width: 0;
  7. padding: 4px 11px;
  8. color: rgba(0, 0, 0, 0.85);
  9. font-size: 14px;
  10. line-height: 1.5715;
  11. background-color: #fff;
  12. background-image: none;
  13. border: 1px solid #d9d9d9;
  14. border-radius: 2px;
  15. transition: all 0.3s;
  16. position: relative;
  17. display: inline-flex;
  18. width: 90px;
  19. padding: 0;
  20. padding-inline-start: 11px;
  21. }
  22. .ant-input-number-affix-wrapper::placeholder {
  23. color: #bfbfbf;
  24. user-select: none;
  25. }
  26. .ant-input-number-affix-wrapper:placeholder-shown {
  27. text-overflow: ellipsis;
  28. }
  29. .ant-input-number-affix-wrapper:hover {
  30. border-color: #40a9ff;
  31. border-right-width: 1px;
  32. }
  33. .ant-input-number-affix-wrapper:focus,
  34. .ant-input-number-affix-wrapper-focused {
  35. border-color: #40a9ff;
  36. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  37. border-right-width: 1px;
  38. outline: 0;
  39. }
  40. .ant-input-number-affix-wrapper-disabled {
  41. color: rgba(0, 0, 0, 0.25);
  42. background-color: #f5f5f5;
  43. border-color: #d9d9d9;
  44. box-shadow: none;
  45. cursor: not-allowed;
  46. opacity: 1;
  47. }
  48. .ant-input-number-affix-wrapper-disabled:hover {
  49. border-color: #d9d9d9;
  50. border-right-width: 1px;
  51. }
  52. .ant-input-number-affix-wrapper[disabled] {
  53. color: rgba(0, 0, 0, 0.25);
  54. background-color: #f5f5f5;
  55. border-color: #d9d9d9;
  56. box-shadow: none;
  57. cursor: not-allowed;
  58. opacity: 1;
  59. }
  60. .ant-input-number-affix-wrapper[disabled]:hover {
  61. border-color: #d9d9d9;
  62. border-right-width: 1px;
  63. }
  64. .ant-input-number-affix-wrapper-borderless,
  65. .ant-input-number-affix-wrapper-borderless:hover,
  66. .ant-input-number-affix-wrapper-borderless:focus,
  67. .ant-input-number-affix-wrapper-borderless-focused,
  68. .ant-input-number-affix-wrapper-borderless-disabled,
  69. .ant-input-number-affix-wrapper-borderless[disabled] {
  70. background-color: transparent;
  71. border: none;
  72. box-shadow: none;
  73. }
  74. textarea.ant-input-number-affix-wrapper {
  75. max-width: 100%;
  76. height: auto;
  77. min-height: 32px;
  78. line-height: 1.5715;
  79. vertical-align: bottom;
  80. transition: all 0.3s, height 0s;
  81. }
  82. .ant-input-number-affix-wrapper-lg {
  83. padding: 6.5px 11px;
  84. font-size: 16px;
  85. }
  86. .ant-input-number-affix-wrapper-sm {
  87. padding: 0px 7px;
  88. }
  89. .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  90. border-color: #40a9ff;
  91. border-right-width: 1px;
  92. z-index: 1;
  93. }
  94. .ant-input-number-affix-wrapper-focused,
  95. .ant-input-number-affix-wrapper:focus {
  96. z-index: 1;
  97. }
  98. .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  99. background: transparent;
  100. }
  101. .ant-input-number-affix-wrapper > div.ant-input-number {
  102. width: 100%;
  103. border: none;
  104. outline: none;
  105. }
  106. .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  107. box-shadow: none !important;
  108. }
  109. .ant-input-number-affix-wrapper input.ant-input-number-input {
  110. padding: 0;
  111. }
  112. .ant-input-number-affix-wrapper::before {
  113. display: inline-block;
  114. width: 0;
  115. visibility: hidden;
  116. content: '\a0';
  117. }
  118. .ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  119. z-index: 2;
  120. }
  121. .ant-input-number-prefix,
  122. .ant-input-number-suffix {
  123. display: flex;
  124. flex: none;
  125. align-items: center;
  126. pointer-events: none;
  127. }
  128. .ant-input-number-prefix {
  129. margin-inline-end: 4px;
  130. }
  131. .ant-input-number-suffix {
  132. position: absolute;
  133. top: 0;
  134. right: 0;
  135. z-index: 1;
  136. height: 100%;
  137. margin-right: 11px;
  138. margin-left: 4px;
  139. }
  140. .ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  141. width: 100%;
  142. }
  143. .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
  144. .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  145. background: #fff;
  146. border-color: #ff4d4f;
  147. }
  148. .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
  149. .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  150. border-color: #ff7875;
  151. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  152. border-right-width: 1px;
  153. outline: 0;
  154. }
  155. .ant-input-number-status-error .ant-input-number-prefix {
  156. color: #ff4d4f;
  157. }
  158. .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
  159. .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  160. background: #fff;
  161. border-color: #faad14;
  162. }
  163. .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
  164. .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  165. border-color: #ffc53d;
  166. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  167. border-right-width: 1px;
  168. outline: 0;
  169. }
  170. .ant-input-number-status-warning .ant-input-number-prefix {
  171. color: #faad14;
  172. }
  173. .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
  174. .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  175. background: #fff;
  176. border-color: #ff4d4f;
  177. }
  178. .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
  179. .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  180. border-color: #ff7875;
  181. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  182. border-right-width: 1px;
  183. outline: 0;
  184. }
  185. .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  186. color: #ff4d4f;
  187. }
  188. .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
  189. .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  190. background: #fff;
  191. border-color: #faad14;
  192. }
  193. .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
  194. .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  195. border-color: #ffc53d;
  196. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  197. border-right-width: 1px;
  198. outline: 0;
  199. }
  200. .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  201. color: #faad14;
  202. }
  203. .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  204. color: #ff4d4f;
  205. border-color: #ff4d4f;
  206. }
  207. .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  208. color: #faad14;
  209. border-color: #faad14;
  210. }
  211. .ant-input-number {
  212. box-sizing: border-box;
  213. font-variant: tabular-nums;
  214. list-style: none;
  215. font-feature-settings: 'tnum';
  216. position: relative;
  217. width: 100%;
  218. min-width: 0;
  219. padding: 4px 11px;
  220. color: rgba(0, 0, 0, 0.85);
  221. font-size: 14px;
  222. line-height: 1.5715;
  223. background-color: #fff;
  224. background-image: none;
  225. transition: all 0.3s;
  226. display: inline-block;
  227. width: 90px;
  228. margin: 0;
  229. padding: 0;
  230. border: 1px solid #d9d9d9;
  231. border-radius: 2px;
  232. }
  233. .ant-input-number::placeholder {
  234. color: #bfbfbf;
  235. user-select: none;
  236. }
  237. .ant-input-number:placeholder-shown {
  238. text-overflow: ellipsis;
  239. }
  240. .ant-input-number:hover {
  241. border-color: #40a9ff;
  242. border-right-width: 1px;
  243. }
  244. .ant-input-number:focus,
  245. .ant-input-number-focused {
  246. border-color: #40a9ff;
  247. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  248. border-right-width: 1px;
  249. outline: 0;
  250. }
  251. .ant-input-number-disabled {
  252. color: rgba(0, 0, 0, 0.25);
  253. background-color: #f5f5f5;
  254. border-color: #d9d9d9;
  255. box-shadow: none;
  256. cursor: not-allowed;
  257. opacity: 1;
  258. }
  259. .ant-input-number-disabled:hover {
  260. border-color: #d9d9d9;
  261. border-right-width: 1px;
  262. }
  263. .ant-input-number[disabled] {
  264. color: rgba(0, 0, 0, 0.25);
  265. background-color: #f5f5f5;
  266. border-color: #d9d9d9;
  267. box-shadow: none;
  268. cursor: not-allowed;
  269. opacity: 1;
  270. }
  271. .ant-input-number[disabled]:hover {
  272. border-color: #d9d9d9;
  273. border-right-width: 1px;
  274. }
  275. .ant-input-number-borderless,
  276. .ant-input-number-borderless:hover,
  277. .ant-input-number-borderless:focus,
  278. .ant-input-number-borderless-focused,
  279. .ant-input-number-borderless-disabled,
  280. .ant-input-number-borderless[disabled] {
  281. background-color: transparent;
  282. border: none;
  283. box-shadow: none;
  284. }
  285. textarea.ant-input-number {
  286. max-width: 100%;
  287. height: auto;
  288. min-height: 32px;
  289. line-height: 1.5715;
  290. vertical-align: bottom;
  291. transition: all 0.3s, height 0s;
  292. }
  293. .ant-input-number-lg {
  294. padding: 6.5px 11px;
  295. font-size: 16px;
  296. }
  297. .ant-input-number-sm {
  298. padding: 0px 7px;
  299. }
  300. .ant-input-number-group {
  301. box-sizing: border-box;
  302. margin: 0;
  303. padding: 0;
  304. color: rgba(0, 0, 0, 0.85);
  305. font-size: 14px;
  306. font-variant: tabular-nums;
  307. line-height: 1.5715;
  308. list-style: none;
  309. font-feature-settings: 'tnum';
  310. position: relative;
  311. display: table;
  312. width: 100%;
  313. border-collapse: separate;
  314. border-spacing: 0;
  315. }
  316. .ant-input-number-group[class*='col-'] {
  317. float: none;
  318. padding-right: 0;
  319. padding-left: 0;
  320. }
  321. .ant-input-number-group > [class*='col-'] {
  322. padding-right: 8px;
  323. }
  324. .ant-input-number-group > [class*='col-']:last-child {
  325. padding-right: 0;
  326. }
  327. .ant-input-number-group-addon,
  328. .ant-input-number-group-wrap,
  329. .ant-input-number-group > .ant-input-number {
  330. display: table-cell;
  331. }
  332. .ant-input-number-group-addon:not(:first-child):not(:last-child),
  333. .ant-input-number-group-wrap:not(:first-child):not(:last-child),
  334. .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  335. border-radius: 0;
  336. }
  337. .ant-input-number-group-addon,
  338. .ant-input-number-group-wrap {
  339. width: 1px;
  340. white-space: nowrap;
  341. vertical-align: middle;
  342. }
  343. .ant-input-number-group-wrap > * {
  344. display: block !important;
  345. }
  346. .ant-input-number-group .ant-input-number {
  347. float: left;
  348. width: 100%;
  349. margin-bottom: 0;
  350. text-align: inherit;
  351. }
  352. .ant-input-number-group .ant-input-number:focus {
  353. z-index: 1;
  354. border-right-width: 1px;
  355. }
  356. .ant-input-number-group .ant-input-number:hover {
  357. z-index: 1;
  358. border-right-width: 1px;
  359. }
  360. .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  361. z-index: 0;
  362. }
  363. .ant-input-number-group-addon {
  364. position: relative;
  365. padding: 0 11px;
  366. color: rgba(0, 0, 0, 0.85);
  367. font-weight: normal;
  368. font-size: 14px;
  369. text-align: center;
  370. background-color: #fafafa;
  371. border: 1px solid #d9d9d9;
  372. border-radius: 2px;
  373. transition: all 0.3s;
  374. }
  375. .ant-input-number-group-addon .ant-select {
  376. margin: -5px -11px;
  377. }
  378. .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  379. background-color: inherit;
  380. border: 1px solid transparent;
  381. box-shadow: none;
  382. }
  383. .ant-input-number-group-addon .ant-select-open .ant-select-selector,
  384. .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  385. color: #1890ff;
  386. }
  387. .ant-input-number-group-addon .ant-cascader-picker {
  388. margin: -9px -12px;
  389. background-color: transparent;
  390. }
  391. .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  392. text-align: left;
  393. border: 0;
  394. box-shadow: none;
  395. }
  396. .ant-input-number-group > .ant-input-number:first-child,
  397. .ant-input-number-group-addon:first-child {
  398. border-top-right-radius: 0;
  399. border-bottom-right-radius: 0;
  400. }
  401. .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
  402. .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  403. border-top-right-radius: 0;
  404. border-bottom-right-radius: 0;
  405. }
  406. .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  407. border-top-left-radius: 0;
  408. border-bottom-left-radius: 0;
  409. }
  410. .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  411. border-top-right-radius: 0;
  412. border-bottom-right-radius: 0;
  413. }
  414. .ant-input-number-group-addon:first-child {
  415. border-right: 0;
  416. }
  417. .ant-input-number-group-addon:last-child {
  418. border-left: 0;
  419. }
  420. .ant-input-number-group > .ant-input-number:last-child,
  421. .ant-input-number-group-addon:last-child {
  422. border-top-left-radius: 0;
  423. border-bottom-left-radius: 0;
  424. }
  425. .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
  426. .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  427. border-top-left-radius: 0;
  428. border-bottom-left-radius: 0;
  429. }
  430. .ant-input-number-group-lg .ant-input-number,
  431. .ant-input-number-group-lg > .ant-input-number-group-addon {
  432. padding: 6.5px 11px;
  433. font-size: 16px;
  434. }
  435. .ant-input-number-group-sm .ant-input-number,
  436. .ant-input-number-group-sm > .ant-input-number-group-addon {
  437. padding: 0px 7px;
  438. }
  439. .ant-input-number-group-lg .ant-select-single .ant-select-selector {
  440. height: 40px;
  441. }
  442. .ant-input-number-group-sm .ant-select-single .ant-select-selector {
  443. height: 24px;
  444. }
  445. .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  446. border-top-right-radius: 0;
  447. border-bottom-right-radius: 0;
  448. }
  449. .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  450. border-top-left-radius: 2px;
  451. border-bottom-left-radius: 2px;
  452. }
  453. .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
  454. .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  455. border-top-left-radius: 0;
  456. border-bottom-left-radius: 0;
  457. }
  458. .ant-input-number-group.ant-input-number-group-compact {
  459. display: block;
  460. }
  461. .ant-input-number-group.ant-input-number-group-compact::before {
  462. display: table;
  463. content: '';
  464. }
  465. .ant-input-number-group.ant-input-number-group-compact::after {
  466. display: table;
  467. clear: both;
  468. content: '';
  469. }
  470. .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
  471. .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
  472. .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  473. border-right-width: 1px;
  474. }
  475. .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
  476. .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
  477. .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  478. z-index: 1;
  479. }
  480. .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
  481. .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
  482. .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  483. z-index: 1;
  484. }
  485. .ant-input-number-group.ant-input-number-group-compact > * {
  486. display: inline-block;
  487. float: none;
  488. vertical-align: top;
  489. border-radius: 0;
  490. }
  491. .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
  492. .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
  493. .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  494. display: inline-flex;
  495. }
  496. .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  497. margin-right: -1px;
  498. border-right-width: 1px;
  499. }
  500. .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  501. float: none;
  502. }
  503. .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
  504. .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
  505. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
  506. .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  507. border-right-width: 1px;
  508. border-radius: 0;
  509. }
  510. .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
  511. .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
  512. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
  513. .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  514. z-index: 1;
  515. }
  516. .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
  517. .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
  518. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
  519. .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  520. z-index: 1;
  521. }
  522. .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  523. z-index: 1;
  524. }
  525. .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  526. z-index: 1;
  527. }
  528. .ant-input-number-group.ant-input-number-group-compact > *:first-child,
  529. .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
  530. .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
  531. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  532. border-top-left-radius: 2px;
  533. border-bottom-left-radius: 2px;
  534. }
  535. .ant-input-number-group.ant-input-number-group-compact > *:last-child,
  536. .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
  537. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
  538. .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  539. border-right-width: 1px;
  540. border-top-right-radius: 2px;
  541. border-bottom-right-radius: 2px;
  542. }
  543. .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  544. vertical-align: top;
  545. }
  546. .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  547. margin-left: -1px;
  548. }
  549. .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  550. border-radius: 0;
  551. }
  552. .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  553. border-radius: 0;
  554. }
  555. .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  556. border-radius: 2px 0 0 2px;
  557. }
  558. .ant-input-number-group > .ant-input-number-rtl:first-child {
  559. border-radius: 0 2px 2px 0;
  560. }
  561. .ant-input-number-group > .ant-input-number-rtl:last-child {
  562. border-radius: 2px 0 0 2px;
  563. }
  564. .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  565. border-right: 1px solid #d9d9d9;
  566. border-left: 0;
  567. border-radius: 0 2px 2px 0;
  568. }
  569. .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  570. border-right: 0;
  571. border-left: 1px solid #d9d9d9;
  572. border-radius: 2px 0 0 2px;
  573. }
  574. .ant-input-number-group-wrapper {
  575. display: inline-block;
  576. text-align: start;
  577. vertical-align: top;
  578. }
  579. .ant-input-number-handler {
  580. position: relative;
  581. display: block;
  582. width: 100%;
  583. height: 50%;
  584. overflow: hidden;
  585. color: rgba(0, 0, 0, 0.45);
  586. font-weight: bold;
  587. line-height: 0;
  588. text-align: center;
  589. border-left: 1px solid #d9d9d9;
  590. transition: all 0.1s linear;
  591. }
  592. .ant-input-number-handler:active {
  593. background: #f4f4f4;
  594. }
  595. .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  596. .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  597. color: #40a9ff;
  598. }
  599. .ant-input-number-handler-up-inner,
  600. .ant-input-number-handler-down-inner {
  601. display: inline-flex;
  602. align-items: center;
  603. color: inherit;
  604. font-style: normal;
  605. line-height: 0;
  606. text-align: center;
  607. text-transform: none;
  608. vertical-align: -0.125em;
  609. text-rendering: optimizelegibility;
  610. -webkit-font-smoothing: antialiased;
  611. -moz-osx-font-smoothing: grayscale;
  612. position: absolute;
  613. right: 4px;
  614. width: 12px;
  615. height: 12px;
  616. color: rgba(0, 0, 0, 0.45);
  617. line-height: 12px;
  618. transition: all 0.1s linear;
  619. user-select: none;
  620. }
  621. .ant-input-number-handler-up-inner > *,
  622. .ant-input-number-handler-down-inner > * {
  623. line-height: 1;
  624. }
  625. .ant-input-number-handler-up-inner svg,
  626. .ant-input-number-handler-down-inner svg {
  627. display: inline-block;
  628. }
  629. .ant-input-number-handler-up-inner::before,
  630. .ant-input-number-handler-down-inner::before {
  631. display: none;
  632. }
  633. .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
  634. .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
  635. .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
  636. .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  637. display: block;
  638. }
  639. .ant-input-number:hover {
  640. border-color: #40a9ff;
  641. border-right-width: 1px;
  642. }
  643. .ant-input-number:hover + .ant-form-item-children-icon {
  644. opacity: 0;
  645. transition: opacity 0.24s linear 0.24s;
  646. }
  647. .ant-input-number-focused {
  648. border-color: #40a9ff;
  649. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  650. border-right-width: 1px;
  651. outline: 0;
  652. }
  653. .ant-input-number-disabled {
  654. color: rgba(0, 0, 0, 0.25);
  655. background-color: #f5f5f5;
  656. border-color: #d9d9d9;
  657. box-shadow: none;
  658. cursor: not-allowed;
  659. opacity: 1;
  660. }
  661. .ant-input-number-disabled:hover {
  662. border-color: #d9d9d9;
  663. border-right-width: 1px;
  664. }
  665. .ant-input-number-disabled .ant-input-number-input {
  666. cursor: not-allowed;
  667. }
  668. .ant-input-number-disabled .ant-input-number-handler-wrap {
  669. display: none;
  670. }
  671. .ant-input-number-readonly .ant-input-number-handler-wrap {
  672. display: none;
  673. }
  674. .ant-input-number-input {
  675. width: 100%;
  676. height: 30px;
  677. padding: 0 11px;
  678. text-align: left;
  679. background-color: transparent;
  680. border: 0;
  681. border-radius: 2px;
  682. outline: 0;
  683. transition: all 0.3s linear;
  684. appearance: textfield !important;
  685. }
  686. .ant-input-number-input::placeholder {
  687. color: #bfbfbf;
  688. user-select: none;
  689. }
  690. .ant-input-number-input:placeholder-shown {
  691. text-overflow: ellipsis;
  692. }
  693. .ant-input-number-input[type='number']::-webkit-inner-spin-button,
  694. .ant-input-number-input[type='number']::-webkit-outer-spin-button {
  695. margin: 0;
  696. /* stylelint-disable-next-line property-no-vendor-prefix */
  697. -webkit-appearance: none;
  698. appearance: none;
  699. }
  700. .ant-input-number-lg {
  701. padding: 0;
  702. font-size: 16px;
  703. }
  704. .ant-input-number-lg input {
  705. height: 38px;
  706. }
  707. .ant-input-number-sm {
  708. padding: 0;
  709. }
  710. .ant-input-number-sm input {
  711. height: 22px;
  712. padding: 0 7px;
  713. }
  714. .ant-input-number-handler-wrap {
  715. position: absolute;
  716. top: 0;
  717. right: 0;
  718. width: 22px;
  719. height: 100%;
  720. background: #fff;
  721. border-radius: 0 2px 2px 0;
  722. opacity: 0;
  723. transition: opacity 0.24s linear 0.1s;
  724. }
  725. .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
  726. .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  727. display: flex;
  728. align-items: center;
  729. justify-content: center;
  730. min-width: auto;
  731. margin-right: 0;
  732. font-size: 7px;
  733. }
  734. .ant-input-number-borderless .ant-input-number-handler-wrap {
  735. border-left-width: 0;
  736. }
  737. .ant-input-number-handler-wrap:hover .ant-input-number-handler {
  738. height: 40%;
  739. }
  740. .ant-input-number:hover .ant-input-number-handler-wrap,
  741. .ant-input-number-focused .ant-input-number-handler-wrap {
  742. opacity: 1;
  743. }
  744. .ant-input-number-handler-up {
  745. border-top-right-radius: 2px;
  746. cursor: pointer;
  747. }
  748. .ant-input-number-handler-up-inner {
  749. top: 50%;
  750. margin-top: -5px;
  751. text-align: center;
  752. }
  753. .ant-input-number-handler-up:hover {
  754. height: 60% !important;
  755. }
  756. .ant-input-number-handler-down {
  757. top: 0;
  758. border-top: 1px solid #d9d9d9;
  759. border-bottom-right-radius: 2px;
  760. cursor: pointer;
  761. }
  762. .ant-input-number-handler-down-inner {
  763. top: 50%;
  764. text-align: center;
  765. transform: translateY(-50%);
  766. }
  767. .ant-input-number-handler-down:hover {
  768. height: 60% !important;
  769. }
  770. .ant-input-number-borderless .ant-input-number-handler-down {
  771. border-top-width: 0;
  772. }
  773. .ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
  774. .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  775. border-top: 1px solid #d9d9d9;
  776. }
  777. .ant-input-number-handler-up-disabled,
  778. .ant-input-number-handler-down-disabled {
  779. cursor: not-allowed;
  780. }
  781. .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
  782. .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  783. color: rgba(0, 0, 0, 0.25);
  784. }
  785. .ant-input-number-borderless {
  786. box-shadow: none;
  787. }
  788. .ant-input-number-out-of-range input {
  789. color: #ff4d4f;
  790. }
  791. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  792. margin-right: -1px;
  793. }
  794. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
  795. margin-left: -1px;
  796. }
  797. .ant-input-number-compact-item:hover,
  798. .ant-input-number-compact-item:focus,
  799. .ant-input-number-compact-item:active {
  800. z-index: 2;
  801. }
  802. .ant-input-number-compact-item.ant-input-number-focused {
  803. z-index: 2;
  804. }
  805. .ant-input-number-compact-item[disabled] {
  806. z-index: 0;
  807. }
  808. .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
  809. border-radius: 0;
  810. }
  811. .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  812. border-top-right-radius: 0;
  813. border-bottom-right-radius: 0;
  814. }
  815. .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
  816. border-top-left-radius: 0;
  817. border-bottom-left-radius: 0;
  818. }
  819. .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
  820. border-top-left-radius: 0;
  821. border-bottom-left-radius: 0;
  822. }
  823. .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
  824. border-top-right-radius: 0;
  825. border-bottom-right-radius: 0;
  826. }
  827. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  828. margin-right: -1px;
  829. }
  830. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
  831. margin-left: -1px;
  832. }
  833. .ant-input-number-compact-item:hover,
  834. .ant-input-number-compact-item:focus,
  835. .ant-input-number-compact-item:active {
  836. z-index: 2;
  837. }
  838. .ant-input-number-compact-item.ant-input-number-focused {
  839. z-index: 2;
  840. }
  841. .ant-input-number-compact-item[disabled] {
  842. z-index: 0;
  843. }
  844. .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-affix-wrapper {
  845. border-radius: 0;
  846. }
  847. .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  848. border-top-right-radius: 0;
  849. border-bottom-right-radius: 0;
  850. }
  851. .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
  852. border-top-left-radius: 0;
  853. border-bottom-left-radius: 0;
  854. }
  855. .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
  856. border-top-left-radius: 0;
  857. border-bottom-left-radius: 0;
  858. }
  859. .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
  860. border-top-right-radius: 0;
  861. border-bottom-right-radius: 0;
  862. }
  863. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item) {
  864. margin-right: -1px;
  865. }
  866. .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper-compact-item-rtl {
  867. margin-right: 0;
  868. margin-left: -1px;
  869. }
  870. .ant-input-number-compact-item:hover > *,
  871. .ant-input-number-compact-item:focus > *,
  872. .ant-input-number-compact-item:active > * {
  873. z-index: 2;
  874. }
  875. .ant-input-number-compact-item.ant-input-number-focused > * {
  876. z-index: 2;
  877. }
  878. .ant-input-number-compact-item[disabled] > * {
  879. z-index: 0;
  880. }
  881. .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper .ant-input-number-group-addon {
  882. border-radius: 0;
  883. }
  884. .ant-input-number-compact-item.ant-input-number-compact-first-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
  885. border-top-right-radius: 0;
  886. border-bottom-right-radius: 0;
  887. }
  888. .ant-input-number-compact-item.ant-input-number-compact-last-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
  889. border-top-left-radius: 0;
  890. border-bottom-left-radius: 0;
  891. }
  892. .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-first-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-last-item) .ant-input-number-group-addon {
  893. border-top-left-radius: 0;
  894. border-bottom-left-radius: 0;
  895. }
  896. .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-last-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-first-item) .ant-input-number-group-addon {
  897. border-top-right-radius: 0;
  898. border-bottom-right-radius: 0;
  899. }
  900. .ant-input-number-rtl {
  901. direction: rtl;
  902. }
  903. .ant-input-number-rtl .ant-input-number-handler {
  904. border-right: 1px solid #d9d9d9;
  905. border-left: 0;
  906. }
  907. .ant-input-number-rtl .ant-input-number-handler-wrap {
  908. right: auto;
  909. left: 0;
  910. }
  911. .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  912. border-right-width: 0;
  913. }
  914. .ant-input-number-rtl .ant-input-number-handler-up {
  915. border-top-right-radius: 0;
  916. }
  917. .ant-input-number-rtl .ant-input-number-handler-down {
  918. border-bottom-right-radius: 0;
  919. }
  920. .ant-input-number-rtl .ant-input-number-input {
  921. direction: ltr;
  922. text-align: right;
  923. }
  924. .ant-input-number-affix-wrapper > nz-input-number.ant-input-number {
  925. width: 100%;
  926. border: none;
  927. outline: none;
  928. }
  929. .ant-input-number-affix-wrapper > nz-input-number.ant-input-number.ant-input-number-focused {
  930. box-shadow: none !important;
  931. }
  932. .ant-input-number.ant-input-number-has-feedback .ant-input-number-handler-wrap {
  933. z-index: 2;
  934. }