index.css 42 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. @keyframes antCheckboxEffect {
  4. 0% {
  5. transform: scale(1);
  6. opacity: 0.5;
  7. }
  8. 100% {
  9. transform: scale(1.6);
  10. opacity: 0;
  11. }
  12. }
  13. .ant-cascader-checkbox {
  14. box-sizing: border-box;
  15. margin: 0;
  16. padding: 0;
  17. color: rgba(0, 0, 0, 0.85);
  18. font-size: 14px;
  19. font-variant: tabular-nums;
  20. line-height: 1.5715;
  21. list-style: none;
  22. font-feature-settings: 'tnum';
  23. position: relative;
  24. top: 0.2em;
  25. line-height: 1;
  26. white-space: nowrap;
  27. outline: none;
  28. cursor: pointer;
  29. }
  30. .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
  31. .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
  32. .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  33. border-color: #1890ff;
  34. }
  35. .ant-cascader-checkbox-checked::after {
  36. position: absolute;
  37. top: 0;
  38. left: 0;
  39. width: 100%;
  40. height: 100%;
  41. border: 1px solid #1890ff;
  42. border-radius: 2px;
  43. visibility: hidden;
  44. animation: antCheckboxEffect 0.36s ease-in-out;
  45. animation-fill-mode: backwards;
  46. content: '';
  47. }
  48. .ant-cascader-checkbox:hover::after,
  49. .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  50. visibility: visible;
  51. }
  52. .ant-cascader-checkbox-inner {
  53. position: relative;
  54. top: 0;
  55. left: 0;
  56. display: block;
  57. width: 16px;
  58. height: 16px;
  59. direction: ltr;
  60. background-color: #fff;
  61. border: 1px solid #d9d9d9;
  62. border-radius: 2px;
  63. border-collapse: separate;
  64. transition: all 0.3s;
  65. }
  66. .ant-cascader-checkbox-inner::after {
  67. position: absolute;
  68. top: 50%;
  69. left: 21.5%;
  70. display: table;
  71. width: 5.71428571px;
  72. height: 9.14285714px;
  73. border: 2px solid #fff;
  74. border-top: 0;
  75. border-left: 0;
  76. transform: rotate(45deg) scale(0) translate(-50%, -50%);
  77. opacity: 0;
  78. transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  79. content: ' ';
  80. }
  81. .ant-cascader-checkbox-input {
  82. position: absolute;
  83. top: 0;
  84. right: 0;
  85. bottom: 0;
  86. left: 0;
  87. z-index: 1;
  88. width: 100%;
  89. height: 100%;
  90. cursor: pointer;
  91. opacity: 0;
  92. }
  93. .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  94. position: absolute;
  95. display: table;
  96. border: 2px solid #fff;
  97. border-top: 0;
  98. border-left: 0;
  99. transform: rotate(45deg) scale(1) translate(-50%, -50%);
  100. opacity: 1;
  101. transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  102. content: ' ';
  103. }
  104. .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  105. background-color: #1890ff;
  106. border-color: #1890ff;
  107. }
  108. .ant-cascader-checkbox-disabled {
  109. cursor: not-allowed;
  110. }
  111. .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  112. border-color: rgba(0, 0, 0, 0.25);
  113. animation-name: none;
  114. }
  115. .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  116. cursor: not-allowed;
  117. pointer-events: none;
  118. }
  119. .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  120. background-color: #f5f5f5;
  121. border-color: #d9d9d9 !important;
  122. }
  123. .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  124. border-color: #f5f5f5;
  125. border-collapse: separate;
  126. animation-name: none;
  127. }
  128. .ant-cascader-checkbox-disabled + span {
  129. color: rgba(0, 0, 0, 0.25);
  130. cursor: not-allowed;
  131. }
  132. .ant-cascader-checkbox-disabled:hover::after,
  133. .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  134. visibility: hidden;
  135. }
  136. .ant-cascader-checkbox-wrapper {
  137. box-sizing: border-box;
  138. margin: 0;
  139. padding: 0;
  140. color: rgba(0, 0, 0, 0.85);
  141. font-size: 14px;
  142. font-variant: tabular-nums;
  143. line-height: 1.5715;
  144. list-style: none;
  145. font-feature-settings: 'tnum';
  146. display: inline-flex;
  147. align-items: baseline;
  148. line-height: unset;
  149. cursor: pointer;
  150. }
  151. .ant-cascader-checkbox-wrapper::after {
  152. display: inline-block;
  153. width: 0;
  154. overflow: hidden;
  155. content: '\a0';
  156. }
  157. .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  158. cursor: not-allowed;
  159. }
  160. .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  161. margin-left: 8px;
  162. }
  163. .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
  164. width: 14px;
  165. height: 14px;
  166. }
  167. .ant-cascader-checkbox + span {
  168. padding-right: 8px;
  169. padding-left: 8px;
  170. }
  171. .ant-cascader-checkbox-group {
  172. box-sizing: border-box;
  173. margin: 0;
  174. padding: 0;
  175. color: rgba(0, 0, 0, 0.85);
  176. font-size: 14px;
  177. font-variant: tabular-nums;
  178. line-height: 1.5715;
  179. list-style: none;
  180. font-feature-settings: 'tnum';
  181. display: inline-block;
  182. }
  183. .ant-cascader-checkbox-group-item {
  184. margin-right: 8px;
  185. }
  186. .ant-cascader-checkbox-group-item:last-child {
  187. margin-right: 0;
  188. }
  189. .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  190. margin-left: 0;
  191. }
  192. .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  193. background-color: #fff;
  194. border-color: #d9d9d9;
  195. }
  196. .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  197. top: 50%;
  198. left: 50%;
  199. width: 8px;
  200. height: 8px;
  201. background-color: #1890ff;
  202. border: 0;
  203. transform: translate(-50%, -50%) scale(1);
  204. opacity: 1;
  205. content: ' ';
  206. }
  207. .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  208. background-color: rgba(0, 0, 0, 0.25);
  209. border-color: rgba(0, 0, 0, 0.25);
  210. }
  211. .ant-cascader {
  212. width: 184px;
  213. }
  214. .ant-cascader-checkbox {
  215. top: 0;
  216. margin-right: 8px;
  217. }
  218. .ant-cascader-menus {
  219. display: flex;
  220. flex-wrap: nowrap;
  221. align-items: flex-start;
  222. }
  223. .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  224. width: 100%;
  225. height: auto;
  226. }
  227. .ant-cascader-menu {
  228. flex-grow: 1;
  229. min-width: 111px;
  230. height: 180px;
  231. margin: 0;
  232. margin: -4px 0;
  233. padding: 4px 0;
  234. overflow: auto;
  235. vertical-align: top;
  236. list-style: none;
  237. border-right: 1px solid #f0f0f0;
  238. -ms-overflow-style: -ms-autohiding-scrollbar;
  239. }
  240. .ant-cascader-menu-item {
  241. display: flex;
  242. flex-wrap: nowrap;
  243. align-items: center;
  244. padding: 5px 12px;
  245. overflow: hidden;
  246. line-height: 22px;
  247. white-space: nowrap;
  248. text-overflow: ellipsis;
  249. cursor: pointer;
  250. transition: all 0.3s;
  251. }
  252. .ant-cascader-menu-item:hover {
  253. background: #f5f5f5;
  254. }
  255. .ant-cascader-menu-item-disabled {
  256. color: rgba(0, 0, 0, 0.25);
  257. cursor: not-allowed;
  258. }
  259. .ant-cascader-menu-item-disabled:hover {
  260. background: transparent;
  261. }
  262. .ant-cascader-menu-empty .ant-cascader-menu-item {
  263. color: rgba(0, 0, 0, 0.25);
  264. cursor: default;
  265. pointer-events: none;
  266. }
  267. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  268. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  269. font-weight: 600;
  270. background-color: #e6f7ff;
  271. }
  272. .ant-cascader-menu-item-content {
  273. flex: auto;
  274. }
  275. .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  276. .ant-cascader-menu-item-loading-icon {
  277. margin-left: 4px;
  278. color: rgba(0, 0, 0, 0.45);
  279. font-size: 10px;
  280. }
  281. .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  282. .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  283. color: rgba(0, 0, 0, 0.25);
  284. }
  285. .ant-cascader-menu-item-keyword {
  286. color: #ff4d4f;
  287. }
  288. .ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  289. margin-right: -1px;
  290. }
  291. .ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
  292. margin-left: -1px;
  293. }
  294. .ant-cascader-compact-item:hover,
  295. .ant-cascader-compact-item:focus,
  296. .ant-cascader-compact-item:active {
  297. z-index: 2;
  298. }
  299. .ant-cascader-compact-item[disabled] {
  300. z-index: 0;
  301. }
  302. .ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
  303. border-radius: 0;
  304. }
  305. .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  306. border-top-right-radius: 0;
  307. border-bottom-right-radius: 0;
  308. }
  309. .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
  310. border-top-left-radius: 0;
  311. border-bottom-left-radius: 0;
  312. }
  313. .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
  314. border-top-left-radius: 0;
  315. border-bottom-left-radius: 0;
  316. }
  317. .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
  318. border-top-right-radius: 0;
  319. border-bottom-right-radius: 0;
  320. }
  321. .ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
  322. .ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  323. margin-right: 4px;
  324. margin-left: 0;
  325. }
  326. .ant-cascader-rtl .ant-cascader-checkbox {
  327. top: 0;
  328. margin-right: 0;
  329. margin-left: 8px;
  330. }
  331. .ant-cascader-menus {
  332. position: relative;
  333. margin-top: 2px;
  334. margin-bottom: 2px;
  335. }
  336. .ant-empty {
  337. margin: 0 8px;
  338. font-size: 14px;
  339. line-height: 1.5715;
  340. text-align: center;
  341. }
  342. .ant-empty-image {
  343. height: 100px;
  344. margin-bottom: 8px;
  345. }
  346. .ant-empty-image img {
  347. height: 100%;
  348. }
  349. .ant-empty-image svg {
  350. height: 100%;
  351. margin: auto;
  352. }
  353. .ant-empty-footer {
  354. margin-top: 16px;
  355. }
  356. .ant-empty-normal {
  357. margin: 32px 0;
  358. color: rgba(0, 0, 0, 0.25);
  359. }
  360. .ant-empty-normal .ant-empty-image {
  361. height: 40px;
  362. }
  363. .ant-empty-small {
  364. margin: 8px 0;
  365. color: rgba(0, 0, 0, 0.25);
  366. }
  367. .ant-empty-small .ant-empty-image {
  368. height: 35px;
  369. }
  370. .ant-empty-img-default-ellipse {
  371. fill: #f5f5f5;
  372. fill-opacity: 0.8;
  373. }
  374. .ant-empty-img-default-path-1 {
  375. fill: #aeb8c2;
  376. }
  377. .ant-empty-img-default-path-2 {
  378. fill: url('#linearGradient-1');
  379. }
  380. .ant-empty-img-default-path-3 {
  381. fill: #f5f5f7;
  382. }
  383. .ant-empty-img-default-path-4 {
  384. fill: #dce0e6;
  385. }
  386. .ant-empty-img-default-path-5 {
  387. fill: #dce0e6;
  388. }
  389. .ant-empty-img-default-g {
  390. fill: #fff;
  391. }
  392. .ant-empty-img-simple-ellipse {
  393. fill: #f5f5f5;
  394. }
  395. .ant-empty-img-simple-g {
  396. stroke: #d9d9d9;
  397. }
  398. .ant-empty-img-simple-path {
  399. fill: #fafafa;
  400. }
  401. .ant-empty-rtl {
  402. direction: rtl;
  403. }
  404. nz-empty {
  405. display: block;
  406. }
  407. .ant-input-affix-wrapper {
  408. position: relative;
  409. display: inline-block;
  410. width: 100%;
  411. min-width: 0;
  412. padding: 4px 11px;
  413. color: rgba(0, 0, 0, 0.85);
  414. font-size: 14px;
  415. line-height: 1.5715;
  416. background-color: #fff;
  417. background-image: none;
  418. border: 1px solid #d9d9d9;
  419. border-radius: 2px;
  420. transition: all 0.3s;
  421. display: inline-flex;
  422. }
  423. .ant-input-affix-wrapper::placeholder {
  424. color: #bfbfbf;
  425. user-select: none;
  426. }
  427. .ant-input-affix-wrapper:placeholder-shown {
  428. text-overflow: ellipsis;
  429. }
  430. .ant-input-affix-wrapper:hover {
  431. border-color: #40a9ff;
  432. border-right-width: 1px;
  433. }
  434. .ant-input-rtl .ant-input-affix-wrapper:hover {
  435. border-right-width: 0;
  436. border-left-width: 1px !important;
  437. }
  438. .ant-input-affix-wrapper:focus,
  439. .ant-input-affix-wrapper-focused {
  440. border-color: #40a9ff;
  441. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  442. border-right-width: 1px;
  443. outline: 0;
  444. }
  445. .ant-input-rtl .ant-input-affix-wrapper:focus,
  446. .ant-input-rtl .ant-input-affix-wrapper-focused {
  447. border-right-width: 0;
  448. border-left-width: 1px !important;
  449. }
  450. .ant-input-affix-wrapper-disabled {
  451. color: rgba(0, 0, 0, 0.25);
  452. background-color: #f5f5f5;
  453. border-color: #d9d9d9;
  454. box-shadow: none;
  455. cursor: not-allowed;
  456. opacity: 1;
  457. }
  458. .ant-input-affix-wrapper-disabled:hover {
  459. border-color: #d9d9d9;
  460. border-right-width: 1px;
  461. }
  462. .ant-input-affix-wrapper[disabled] {
  463. color: rgba(0, 0, 0, 0.25);
  464. background-color: #f5f5f5;
  465. border-color: #d9d9d9;
  466. box-shadow: none;
  467. cursor: not-allowed;
  468. opacity: 1;
  469. }
  470. .ant-input-affix-wrapper[disabled]:hover {
  471. border-color: #d9d9d9;
  472. border-right-width: 1px;
  473. }
  474. .ant-input-affix-wrapper-borderless,
  475. .ant-input-affix-wrapper-borderless:hover,
  476. .ant-input-affix-wrapper-borderless:focus,
  477. .ant-input-affix-wrapper-borderless-focused,
  478. .ant-input-affix-wrapper-borderless-disabled,
  479. .ant-input-affix-wrapper-borderless[disabled] {
  480. background-color: transparent;
  481. border: none;
  482. box-shadow: none;
  483. }
  484. textarea.ant-input-affix-wrapper {
  485. max-width: 100%;
  486. height: auto;
  487. min-height: 32px;
  488. line-height: 1.5715;
  489. vertical-align: bottom;
  490. transition: all 0.3s, height 0s;
  491. }
  492. .ant-input-affix-wrapper-lg {
  493. padding: 6.5px 11px;
  494. font-size: 16px;
  495. }
  496. .ant-input-affix-wrapper-sm {
  497. padding: 0px 7px;
  498. }
  499. .ant-input-affix-wrapper-rtl {
  500. direction: rtl;
  501. }
  502. .ant-input-affix-wrapper-stepperless[type='number'] {
  503. /* stylelint-disable-next-line property-no-vendor-prefix */
  504. -moz-appearance: textfield;
  505. }
  506. .ant-input-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
  507. .ant-input-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
  508. margin: 0;
  509. /* stylelint-disable-next-line property-no-vendor-prefix */
  510. -webkit-appearance: none;
  511. }
  512. .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  513. border-color: #40a9ff;
  514. border-right-width: 1px;
  515. z-index: 1;
  516. }
  517. .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  518. border-right-width: 0;
  519. border-left-width: 1px !important;
  520. }
  521. .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  522. z-index: 0;
  523. }
  524. .ant-input-affix-wrapper-focused,
  525. .ant-input-affix-wrapper:focus {
  526. z-index: 1;
  527. }
  528. .ant-input-affix-wrapper-disabled .ant-input[disabled] {
  529. background: rgba(255, 255, 255, 0);
  530. }
  531. .ant-input-affix-wrapper > .ant-input {
  532. font-size: inherit;
  533. border: none;
  534. outline: none;
  535. }
  536. .ant-input-affix-wrapper > .ant-input:focus {
  537. box-shadow: none !important;
  538. }
  539. .ant-input-affix-wrapper > .ant-input:not(textarea) {
  540. padding: 0;
  541. }
  542. .ant-input-affix-wrapper::before {
  543. display: inline-block;
  544. width: 0;
  545. visibility: hidden;
  546. content: '\a0';
  547. }
  548. .ant-input-prefix,
  549. .ant-input-suffix {
  550. display: flex;
  551. flex: none;
  552. align-items: center;
  553. }
  554. .ant-input-prefix > *:not(:last-child),
  555. .ant-input-suffix > *:not(:last-child) {
  556. margin-right: 8px;
  557. }
  558. .ant-input-show-count-suffix {
  559. color: rgba(0, 0, 0, 0.45);
  560. }
  561. .ant-input-show-count-has-suffix {
  562. margin-right: 2px;
  563. }
  564. .ant-input-prefix {
  565. margin-right: 4px;
  566. }
  567. .ant-input-suffix {
  568. margin-left: 4px;
  569. }
  570. .anticon.ant-input-clear-icon,
  571. .ant-input-clear-icon {
  572. margin: 0;
  573. color: rgba(0, 0, 0, 0.25);
  574. font-size: 12px;
  575. vertical-align: -1px;
  576. cursor: pointer;
  577. transition: color 0.3s;
  578. }
  579. .anticon.ant-input-clear-icon:hover,
  580. .ant-input-clear-icon:hover {
  581. color: rgba(0, 0, 0, 0.45);
  582. }
  583. .anticon.ant-input-clear-icon:active,
  584. .ant-input-clear-icon:active {
  585. color: rgba(0, 0, 0, 0.85);
  586. }
  587. .anticon.ant-input-clear-icon-hidden,
  588. .ant-input-clear-icon-hidden {
  589. visibility: hidden;
  590. }
  591. .anticon.ant-input-clear-icon-has-suffix,
  592. .ant-input-clear-icon-has-suffix {
  593. margin: 0 4px;
  594. }
  595. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  596. padding: 0;
  597. }
  598. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  599. position: absolute;
  600. top: 8px;
  601. right: 8px;
  602. z-index: 1;
  603. }
  604. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  605. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  606. background: #fff;
  607. border-color: #ff4d4f;
  608. }
  609. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  610. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  611. border-color: #ff7875;
  612. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  613. border-right-width: 1px;
  614. outline: 0;
  615. }
  616. .ant-input-status-error .ant-input-prefix {
  617. color: #ff4d4f;
  618. }
  619. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  620. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  621. background: #fff;
  622. border-color: #faad14;
  623. }
  624. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  625. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  626. border-color: #ffc53d;
  627. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  628. border-right-width: 1px;
  629. outline: 0;
  630. }
  631. .ant-input-status-warning .ant-input-prefix {
  632. color: #faad14;
  633. }
  634. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  635. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  636. background: #fff;
  637. border-color: #ff4d4f;
  638. }
  639. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  640. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  641. border-color: #ff7875;
  642. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  643. border-right-width: 1px;
  644. outline: 0;
  645. }
  646. .ant-input-affix-wrapper-status-error .ant-input-prefix {
  647. color: #ff4d4f;
  648. }
  649. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  650. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  651. background: #fff;
  652. border-color: #faad14;
  653. }
  654. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  655. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  656. border-color: #ffc53d;
  657. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  658. border-right-width: 1px;
  659. outline: 0;
  660. }
  661. .ant-input-affix-wrapper-status-warning .ant-input-prefix {
  662. color: #faad14;
  663. }
  664. .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
  665. .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
  666. .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
  667. .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  668. padding-right: 24px;
  669. }
  670. .ant-input-group-wrapper-status-error .ant-input-group-addon {
  671. color: #ff4d4f;
  672. border-color: #ff4d4f;
  673. }
  674. .ant-input-group-wrapper-status-warning .ant-input-group-addon {
  675. color: #faad14;
  676. border-color: #faad14;
  677. }
  678. .ant-input {
  679. box-sizing: border-box;
  680. margin: 0;
  681. padding: 0;
  682. font-variant: tabular-nums;
  683. list-style: none;
  684. font-feature-settings: 'tnum';
  685. position: relative;
  686. display: inline-block;
  687. width: 100%;
  688. min-width: 0;
  689. padding: 4px 11px;
  690. color: rgba(0, 0, 0, 0.85);
  691. font-size: 14px;
  692. line-height: 1.5715;
  693. background-color: #fff;
  694. background-image: none;
  695. border: 1px solid #d9d9d9;
  696. border-radius: 2px;
  697. transition: all 0.3s;
  698. }
  699. .ant-input::placeholder {
  700. color: #bfbfbf;
  701. user-select: none;
  702. }
  703. .ant-input:placeholder-shown {
  704. text-overflow: ellipsis;
  705. }
  706. .ant-input:hover {
  707. border-color: #40a9ff;
  708. border-right-width: 1px;
  709. }
  710. .ant-input-rtl .ant-input:hover {
  711. border-right-width: 0;
  712. border-left-width: 1px !important;
  713. }
  714. .ant-input:focus,
  715. .ant-input-focused {
  716. border-color: #40a9ff;
  717. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  718. border-right-width: 1px;
  719. outline: 0;
  720. }
  721. .ant-input-rtl .ant-input:focus,
  722. .ant-input-rtl .ant-input-focused {
  723. border-right-width: 0;
  724. border-left-width: 1px !important;
  725. }
  726. .ant-input-disabled {
  727. color: rgba(0, 0, 0, 0.25);
  728. background-color: #f5f5f5;
  729. border-color: #d9d9d9;
  730. box-shadow: none;
  731. cursor: not-allowed;
  732. opacity: 1;
  733. }
  734. .ant-input-disabled:hover {
  735. border-color: #d9d9d9;
  736. border-right-width: 1px;
  737. }
  738. .ant-input[disabled] {
  739. color: rgba(0, 0, 0, 0.25);
  740. background-color: #f5f5f5;
  741. border-color: #d9d9d9;
  742. box-shadow: none;
  743. cursor: not-allowed;
  744. opacity: 1;
  745. }
  746. .ant-input[disabled]:hover {
  747. border-color: #d9d9d9;
  748. border-right-width: 1px;
  749. }
  750. .ant-input-borderless,
  751. .ant-input-borderless:hover,
  752. .ant-input-borderless:focus,
  753. .ant-input-borderless-focused,
  754. .ant-input-borderless-disabled,
  755. .ant-input-borderless[disabled] {
  756. background-color: transparent;
  757. border: none;
  758. box-shadow: none;
  759. }
  760. textarea.ant-input {
  761. max-width: 100%;
  762. height: auto;
  763. min-height: 32px;
  764. line-height: 1.5715;
  765. vertical-align: bottom;
  766. transition: all 0.3s, height 0s;
  767. }
  768. .ant-input-lg {
  769. padding: 6.5px 11px;
  770. font-size: 16px;
  771. }
  772. .ant-input-sm {
  773. padding: 0px 7px;
  774. }
  775. .ant-input-rtl {
  776. direction: rtl;
  777. }
  778. .ant-input-stepperless[type='number'] {
  779. /* stylelint-disable-next-line property-no-vendor-prefix */
  780. -moz-appearance: textfield;
  781. }
  782. .ant-input-stepperless[type='number']::-webkit-inner-spin-button,
  783. .ant-input-stepperless[type='number'] ::-webkit-outer-spin-button {
  784. margin: 0;
  785. /* stylelint-disable-next-line property-no-vendor-prefix */
  786. -webkit-appearance: none;
  787. }
  788. .ant-input-group {
  789. box-sizing: border-box;
  790. margin: 0;
  791. padding: 0;
  792. color: rgba(0, 0, 0, 0.85);
  793. font-size: 14px;
  794. font-variant: tabular-nums;
  795. line-height: 1.5715;
  796. list-style: none;
  797. font-feature-settings: 'tnum';
  798. position: relative;
  799. display: table;
  800. width: 100%;
  801. border-collapse: separate;
  802. border-spacing: 0;
  803. }
  804. .ant-input-group[class*='col-'] {
  805. float: none;
  806. padding-right: 0;
  807. padding-left: 0;
  808. }
  809. .ant-input-group > [class*='col-'] {
  810. padding-right: 8px;
  811. }
  812. .ant-input-group > [class*='col-']:last-child {
  813. padding-right: 0;
  814. }
  815. .ant-input-group-addon,
  816. .ant-input-group-wrap,
  817. .ant-input-group > .ant-input {
  818. display: table-cell;
  819. }
  820. .ant-input-group-addon:not(:first-child):not(:last-child),
  821. .ant-input-group-wrap:not(:first-child):not(:last-child),
  822. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  823. border-radius: 0;
  824. }
  825. .ant-input-group-addon,
  826. .ant-input-group-wrap {
  827. width: 1px;
  828. white-space: nowrap;
  829. vertical-align: middle;
  830. }
  831. .ant-input-group-wrap > * {
  832. display: block !important;
  833. }
  834. .ant-input-group .ant-input {
  835. float: left;
  836. width: 100%;
  837. margin-bottom: 0;
  838. text-align: inherit;
  839. }
  840. .ant-input-group .ant-input:focus {
  841. z-index: 1;
  842. border-right-width: 1px;
  843. }
  844. .ant-input-group .ant-input:hover {
  845. z-index: 1;
  846. border-right-width: 1px;
  847. }
  848. .ant-input-search-with-button .ant-input-group .ant-input:hover {
  849. z-index: 0;
  850. }
  851. .ant-input-group-addon {
  852. position: relative;
  853. padding: 0 11px;
  854. color: rgba(0, 0, 0, 0.85);
  855. font-weight: normal;
  856. font-size: 14px;
  857. text-align: center;
  858. background-color: #fafafa;
  859. border: 1px solid #d9d9d9;
  860. border-radius: 2px;
  861. transition: all 0.3s;
  862. }
  863. .ant-input-group-addon .ant-select {
  864. margin: -5px -11px;
  865. }
  866. .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  867. background-color: inherit;
  868. border: 1px solid transparent;
  869. box-shadow: none;
  870. }
  871. .ant-input-group-addon .ant-select-open .ant-select-selector,
  872. .ant-input-group-addon .ant-select-focused .ant-select-selector {
  873. color: #1890ff;
  874. }
  875. .ant-input-group-addon .ant-cascader-picker {
  876. margin: -9px -12px;
  877. background-color: transparent;
  878. }
  879. .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  880. text-align: left;
  881. border: 0;
  882. box-shadow: none;
  883. }
  884. .ant-input-group > .ant-input:first-child,
  885. .ant-input-group-addon:first-child {
  886. border-top-right-radius: 0;
  887. border-bottom-right-radius: 0;
  888. }
  889. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  890. .ant-input-group-addon:first-child .ant-select .ant-select-selector {
  891. border-top-right-radius: 0;
  892. border-bottom-right-radius: 0;
  893. }
  894. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  895. border-top-left-radius: 0;
  896. border-bottom-left-radius: 0;
  897. }
  898. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  899. border-top-right-radius: 0;
  900. border-bottom-right-radius: 0;
  901. }
  902. .ant-input-group-addon:first-child {
  903. border-right: 0;
  904. }
  905. .ant-input-group-addon:last-child {
  906. border-left: 0;
  907. }
  908. .ant-input-group > .ant-input:last-child,
  909. .ant-input-group-addon:last-child {
  910. border-top-left-radius: 0;
  911. border-bottom-left-radius: 0;
  912. }
  913. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  914. .ant-input-group-addon:last-child .ant-select .ant-select-selector {
  915. border-top-left-radius: 0;
  916. border-bottom-left-radius: 0;
  917. }
  918. .ant-input-group-lg .ant-input,
  919. .ant-input-group-lg > .ant-input-group-addon {
  920. padding: 6.5px 11px;
  921. font-size: 16px;
  922. }
  923. .ant-input-group-sm .ant-input,
  924. .ant-input-group-sm > .ant-input-group-addon {
  925. padding: 0px 7px;
  926. }
  927. .ant-input-group-lg .ant-select-single .ant-select-selector {
  928. height: 40px;
  929. }
  930. .ant-input-group-sm .ant-select-single .ant-select-selector {
  931. height: 24px;
  932. }
  933. .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  934. border-top-right-radius: 0;
  935. border-bottom-right-radius: 0;
  936. }
  937. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  938. border-top-left-radius: 2px;
  939. border-bottom-left-radius: 2px;
  940. }
  941. .ant-input-group .ant-input-affix-wrapper:not(:first-child),
  942. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  943. border-top-left-radius: 0;
  944. border-bottom-left-radius: 0;
  945. }
  946. .ant-input-group.ant-input-group-compact {
  947. display: block;
  948. }
  949. .ant-input-group.ant-input-group-compact::before {
  950. display: table;
  951. content: '';
  952. }
  953. .ant-input-group.ant-input-group-compact::after {
  954. display: table;
  955. clear: both;
  956. content: '';
  957. }
  958. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  959. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  960. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  961. border-right-width: 1px;
  962. }
  963. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
  964. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
  965. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  966. z-index: 1;
  967. }
  968. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
  969. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
  970. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  971. z-index: 1;
  972. }
  973. .ant-input-group.ant-input-group-compact > * {
  974. display: inline-block;
  975. float: none;
  976. vertical-align: top;
  977. border-radius: 0;
  978. }
  979. .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
  980. .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
  981. .ant-input-group.ant-input-group-compact > .ant-picker-range {
  982. display: inline-flex;
  983. }
  984. .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  985. margin-right: -1px;
  986. border-right-width: 1px;
  987. }
  988. .ant-input-group.ant-input-group-compact .ant-input {
  989. float: none;
  990. }
  991. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  992. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  993. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  994. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  995. border-right-width: 1px;
  996. border-radius: 0;
  997. }
  998. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
  999. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
  1000. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
  1001. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  1002. z-index: 1;
  1003. }
  1004. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
  1005. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
  1006. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
  1007. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  1008. z-index: 1;
  1009. }
  1010. .ant-input-group.ant-input-group-compact > .ant-select-focused {
  1011. z-index: 1;
  1012. }
  1013. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  1014. z-index: 1;
  1015. }
  1016. .ant-input-group.ant-input-group-compact > *:first-child,
  1017. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  1018. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  1019. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  1020. border-top-left-radius: 2px;
  1021. border-bottom-left-radius: 2px;
  1022. }
  1023. .ant-input-group.ant-input-group-compact > *:last-child,
  1024. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  1025. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  1026. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  1027. border-right-width: 1px;
  1028. border-top-right-radius: 2px;
  1029. border-bottom-right-radius: 2px;
  1030. }
  1031. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  1032. vertical-align: top;
  1033. }
  1034. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  1035. margin-left: -1px;
  1036. }
  1037. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  1038. border-radius: 0;
  1039. }
  1040. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  1041. border-radius: 0;
  1042. }
  1043. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  1044. border-radius: 2px 0 0 2px;
  1045. }
  1046. .ant-input-group > .ant-input-rtl:first-child,
  1047. .ant-input-group-rtl .ant-input-group-addon:first-child {
  1048. border-radius: 0 2px 2px 0;
  1049. }
  1050. .ant-input-group-rtl .ant-input-group-addon:first-child {
  1051. border-right: 1px solid #d9d9d9;
  1052. border-left: 0;
  1053. }
  1054. .ant-input-group-rtl .ant-input-group-addon:last-child {
  1055. border-right: 0;
  1056. border-left: 1px solid #d9d9d9;
  1057. border-radius: 2px 0 0 2px;
  1058. }
  1059. .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
  1060. .ant-input-group-rtl.ant-input-group-addon:last-child {
  1061. border-radius: 2px 0 0 2px;
  1062. }
  1063. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  1064. border-radius: 2px 0 0 2px;
  1065. }
  1066. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  1067. border-radius: 0 2px 2px 0;
  1068. }
  1069. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  1070. margin-right: 0;
  1071. margin-left: -1px;
  1072. border-left-width: 1px;
  1073. }
  1074. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  1075. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  1076. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  1077. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  1078. border-radius: 0 2px 2px 0;
  1079. }
  1080. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  1081. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  1082. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  1083. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  1084. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  1085. border-left-width: 1px;
  1086. border-radius: 2px 0 0 2px;
  1087. }
  1088. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  1089. margin-right: -1px;
  1090. margin-left: 0;
  1091. }
  1092. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  1093. border-radius: 0 2px 2px 0;
  1094. }
  1095. .ant-input-group-wrapper {
  1096. display: inline-block;
  1097. width: 100%;
  1098. text-align: start;
  1099. vertical-align: top;
  1100. }
  1101. .ant-input-password-icon.anticon {
  1102. color: rgba(0, 0, 0, 0.45);
  1103. cursor: pointer;
  1104. transition: all 0.3s;
  1105. }
  1106. .ant-input-password-icon.anticon:hover {
  1107. color: rgba(0, 0, 0, 0.85);
  1108. }
  1109. .ant-input[type='color'] {
  1110. height: 32px;
  1111. }
  1112. .ant-input[type='color'].ant-input-lg {
  1113. height: 40px;
  1114. }
  1115. .ant-input[type='color'].ant-input-sm {
  1116. height: 24px;
  1117. padding-top: 3px;
  1118. padding-bottom: 3px;
  1119. }
  1120. .ant-input-textarea-show-count > .ant-input {
  1121. height: 100%;
  1122. }
  1123. .ant-input-textarea-show-count::after {
  1124. float: right;
  1125. color: rgba(0, 0, 0, 0.45);
  1126. white-space: nowrap;
  1127. content: attr(data-count);
  1128. pointer-events: none;
  1129. }
  1130. .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  1131. margin-bottom: -22px;
  1132. }
  1133. .ant-input-textarea-suffix {
  1134. position: absolute;
  1135. top: 0;
  1136. right: 11px;
  1137. bottom: 0;
  1138. z-index: 1;
  1139. display: inline-flex;
  1140. align-items: center;
  1141. margin: auto;
  1142. }
  1143. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1144. margin-right: -1px;
  1145. }
  1146. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  1147. margin-left: -1px;
  1148. }
  1149. .ant-input-compact-item:hover,
  1150. .ant-input-compact-item:focus,
  1151. .ant-input-compact-item:active {
  1152. z-index: 2;
  1153. }
  1154. .ant-input-compact-item[disabled] {
  1155. z-index: 0;
  1156. }
  1157. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  1158. border-radius: 0;
  1159. }
  1160. .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1161. border-top-right-radius: 0;
  1162. border-bottom-right-radius: 0;
  1163. }
  1164. .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  1165. border-top-left-radius: 0;
  1166. border-bottom-left-radius: 0;
  1167. }
  1168. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  1169. border-top-left-radius: 0;
  1170. border-bottom-left-radius: 0;
  1171. }
  1172. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  1173. border-top-right-radius: 0;
  1174. border-bottom-right-radius: 0;
  1175. }
  1176. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1177. margin-right: -1px;
  1178. }
  1179. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  1180. margin-left: -1px;
  1181. }
  1182. .ant-input-compact-item:hover,
  1183. .ant-input-compact-item:focus,
  1184. .ant-input-compact-item:active {
  1185. z-index: 2;
  1186. }
  1187. .ant-input-compact-item[disabled] {
  1188. z-index: 0;
  1189. }
  1190. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-affix-wrapper {
  1191. border-radius: 0;
  1192. }
  1193. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1194. border-top-right-radius: 0;
  1195. border-bottom-right-radius: 0;
  1196. }
  1197. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  1198. border-top-left-radius: 0;
  1199. border-bottom-left-radius: 0;
  1200. }
  1201. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  1202. border-top-left-radius: 0;
  1203. border-bottom-left-radius: 0;
  1204. }
  1205. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  1206. border-top-right-radius: 0;
  1207. border-bottom-right-radius: 0;
  1208. }
  1209. .ant-input-compact-item:not(.ant-input-compact-last-item) {
  1210. margin-right: -1px;
  1211. }
  1212. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-group-wrapper-compact-item-rtl {
  1213. margin-right: 0;
  1214. margin-left: -1px;
  1215. }
  1216. .ant-input-compact-item:hover > *,
  1217. .ant-input-compact-item:focus > *,
  1218. .ant-input-compact-item:active > * {
  1219. z-index: 2;
  1220. }
  1221. .ant-input-compact-item[disabled] > * {
  1222. z-index: 0;
  1223. }
  1224. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-group-wrapper .ant-input-group-addon {
  1225. border-radius: 0;
  1226. }
  1227. .ant-input-compact-item.ant-input-compact-first-item.ant-input-group-wrapper:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
  1228. border-top-right-radius: 0;
  1229. border-bottom-right-radius: 0;
  1230. }
  1231. .ant-input-compact-item.ant-input-compact-last-item.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
  1232. border-top-left-radius: 0;
  1233. border-bottom-left-radius: 0;
  1234. }
  1235. .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-first-item.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon {
  1236. border-top-left-radius: 0;
  1237. border-bottom-left-radius: 0;
  1238. }
  1239. .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-last-item.ant-input-compact-item-rtl:not(.ant-input-compact-first-item) .ant-input-group-addon {
  1240. border-top-right-radius: 0;
  1241. border-bottom-right-radius: 0;
  1242. }
  1243. .ant-input-search .ant-input:hover,
  1244. .ant-input-search .ant-input:focus {
  1245. border-color: #40a9ff;
  1246. }
  1247. .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  1248. .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  1249. border-left-color: #40a9ff;
  1250. }
  1251. .ant-input-search .ant-input-affix-wrapper {
  1252. border-radius: 0;
  1253. }
  1254. .ant-input-search .ant-input-lg {
  1255. line-height: 1.5713;
  1256. }
  1257. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  1258. left: -1px;
  1259. padding: 0;
  1260. border: 0;
  1261. }
  1262. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  1263. padding-top: 0;
  1264. padding-bottom: 0;
  1265. border-radius: 0 2px 2px 0;
  1266. }
  1267. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  1268. color: rgba(0, 0, 0, 0.45);
  1269. }
  1270. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  1271. top: 0;
  1272. right: 0;
  1273. bottom: 0;
  1274. left: 0;
  1275. }
  1276. .ant-input-search-button {
  1277. height: 32px;
  1278. }
  1279. .ant-input-search-button:hover,
  1280. .ant-input-search-button:focus {
  1281. z-index: 1;
  1282. }
  1283. .ant-input-search-large .ant-input-search-button {
  1284. height: 40px;
  1285. }
  1286. .ant-input-search-small .ant-input-search-button {
  1287. height: 24px;
  1288. }
  1289. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  1290. margin-right: -1px;
  1291. border-radius: 0;
  1292. }
  1293. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
  1294. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  1295. border-radius: 0;
  1296. }
  1297. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
  1298. .ant-input-search.ant-input-compact-item > .ant-input:hover,
  1299. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
  1300. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
  1301. .ant-input-search.ant-input-compact-item > .ant-input:focus,
  1302. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
  1303. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
  1304. .ant-input-search.ant-input-compact-item > .ant-input:active,
  1305. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  1306. z-index: 2;
  1307. }
  1308. .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  1309. z-index: 2;
  1310. }
  1311. .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  1312. margin-left: -1px;
  1313. border-radius: 0;
  1314. }
  1315. .ant-input-group-wrapper-rtl {
  1316. direction: rtl;
  1317. }
  1318. .ant-input-group-rtl {
  1319. direction: rtl;
  1320. }
  1321. .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  1322. border: none;
  1323. outline: none;
  1324. }
  1325. .ant-input-affix-wrapper-rtl .ant-input-prefix {
  1326. margin: 0 0 0 4px;
  1327. }
  1328. .ant-input-affix-wrapper-rtl .ant-input-suffix {
  1329. margin: 0 4px 0 0;
  1330. }
  1331. .ant-input-textarea-rtl {
  1332. direction: rtl;
  1333. }
  1334. .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  1335. text-align: left;
  1336. }
  1337. .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  1338. margin-right: 0;
  1339. margin-left: 4px;
  1340. }
  1341. .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  1342. right: auto;
  1343. left: 8px;
  1344. }
  1345. .ant-input-search-rtl {
  1346. direction: rtl;
  1347. }
  1348. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  1349. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  1350. border-left-color: #d9d9d9;
  1351. }
  1352. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
  1353. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  1354. border-left-color: #40a9ff;
  1355. }
  1356. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
  1357. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  1358. border-right-color: #40a9ff;
  1359. }
  1360. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  1361. right: -1px;
  1362. left: auto;
  1363. }
  1364. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  1365. border-radius: 2px 0 0 2px;
  1366. }
  1367. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  1368. .ant-input {
  1369. height: 32px;
  1370. }
  1371. .ant-input-lg {
  1372. height: 40px;
  1373. }
  1374. .ant-input-sm {
  1375. height: 24px;
  1376. }
  1377. .ant-input-affix-wrapper > input.ant-input {
  1378. height: auto;
  1379. }
  1380. }
  1381. .ant-otp {
  1382. display: inline-flex;
  1383. flex-wrap: nowrap;
  1384. align-items: center;
  1385. column-gap: 8px;
  1386. }
  1387. .ant-otp-input {
  1388. text-align: center;
  1389. padding-inline: 4px;
  1390. }
  1391. textarea.nz-textarea-autosize-measuring {
  1392. height: auto !important;
  1393. padding: 2px 0 !important;
  1394. overflow: hidden !important;
  1395. }
  1396. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,
  1397. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only {
  1398. width: 32px;
  1399. height: 32px;
  1400. }
  1401. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,
  1402. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm {
  1403. width: 24px;
  1404. height: 24px;
  1405. }
  1406. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,
  1407. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg {
  1408. width: 40px;
  1409. height: 40px;
  1410. }
  1411. .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {
  1412. margin-left: 0;
  1413. }
  1414. nz-form-item-feedback-icon.ant-input-suffix {
  1415. position: absolute;
  1416. top: 0;
  1417. right: 0;
  1418. z-index: 1;
  1419. display: flex;
  1420. flex: none;
  1421. align-items: center;
  1422. height: 100%;
  1423. margin-right: 12px;
  1424. margin-left: 4px;
  1425. pointer-events: none;
  1426. }
  1427. .ant-input-status-error.ant-input-has-feedback,
  1428. .ant-input-status-warning.ant-input-has-feedback,
  1429. .ant-input-status-validating.ant-input-has-feedback,
  1430. .ant-input-status-success.ant-input-has-feedback {
  1431. padding-right: 28px;
  1432. }
  1433. .ant-input-textarea-show-count {
  1434. position: relative;
  1435. display: block;
  1436. }
  1437. .ant-otp-input {
  1438. width: auto;
  1439. }