index.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-steps {
  6. box-sizing: border-box;
  7. margin: 0;
  8. padding: 0;
  9. color: rgba(0, 0, 0, 0.85);
  10. font-size: 14px;
  11. font-variant: tabular-nums;
  12. line-height: 1.5715;
  13. list-style: none;
  14. font-feature-settings: 'tnum';
  15. display: flex;
  16. width: 100%;
  17. font-size: 0;
  18. text-align: initial;
  19. }
  20. .ant-steps-item {
  21. position: relative;
  22. display: inline-block;
  23. flex: 1;
  24. overflow: hidden;
  25. vertical-align: top;
  26. }
  27. .ant-steps-item-container {
  28. outline: none;
  29. }
  30. .ant-steps-item:last-child {
  31. flex: none;
  32. }
  33. .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
  34. .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  35. display: none;
  36. }
  37. .ant-steps-item-icon,
  38. .ant-steps-item-content {
  39. display: inline-block;
  40. vertical-align: top;
  41. }
  42. .ant-steps-item-icon {
  43. width: 32px;
  44. height: 32px;
  45. margin: 0 8px 0 0;
  46. font-size: 16px;
  47. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  48. line-height: 32px;
  49. text-align: center;
  50. border: 1px solid rgba(0, 0, 0, 0.25);
  51. border-radius: 32px;
  52. transition: background-color 0.3s, border-color 0.3s;
  53. }
  54. .ant-steps-item-icon .ant-steps-icon {
  55. position: relative;
  56. top: -0.5px;
  57. color: #1890ff;
  58. line-height: 1;
  59. }
  60. .ant-steps-item-tail {
  61. position: absolute;
  62. top: 12px;
  63. left: 0;
  64. width: 100%;
  65. padding: 0 10px;
  66. }
  67. .ant-steps-item-tail::after {
  68. display: inline-block;
  69. width: 100%;
  70. height: 1px;
  71. background: #f0f0f0;
  72. border-radius: 1px;
  73. transition: background 0.3s;
  74. content: '';
  75. }
  76. .ant-steps-item-title {
  77. position: relative;
  78. display: inline-block;
  79. padding-right: 16px;
  80. color: rgba(0, 0, 0, 0.85);
  81. font-size: 16px;
  82. line-height: 32px;
  83. }
  84. .ant-steps-item-title::after {
  85. position: absolute;
  86. top: 16px;
  87. left: 100%;
  88. display: block;
  89. width: 9999px;
  90. height: 1px;
  91. background: #f0f0f0;
  92. content: '';
  93. }
  94. .ant-steps-item-subtitle {
  95. display: inline;
  96. margin-left: 8px;
  97. color: rgba(0, 0, 0, 0.45);
  98. font-weight: normal;
  99. font-size: 14px;
  100. }
  101. .ant-steps-item-description {
  102. color: rgba(0, 0, 0, 0.45);
  103. font-size: 14px;
  104. }
  105. .ant-steps-item-wait .ant-steps-item-icon {
  106. background-color: #fff;
  107. border-color: rgba(0, 0, 0, 0.25);
  108. }
  109. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  110. color: rgba(0, 0, 0, 0.25);
  111. }
  112. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  113. background: rgba(0, 0, 0, 0.25);
  114. }
  115. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  116. color: rgba(0, 0, 0, 0.45);
  117. }
  118. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  119. background-color: #f0f0f0;
  120. }
  121. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  122. color: rgba(0, 0, 0, 0.45);
  123. }
  124. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  125. background-color: #f0f0f0;
  126. }
  127. .ant-steps-item-process .ant-steps-item-icon {
  128. background-color: #fff;
  129. border-color: #1890ff;
  130. }
  131. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  132. color: #1890ff;
  133. }
  134. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  135. background: #1890ff;
  136. }
  137. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  138. color: rgba(0, 0, 0, 0.85);
  139. }
  140. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  141. background-color: #f0f0f0;
  142. }
  143. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  144. color: rgba(0, 0, 0, 0.85);
  145. }
  146. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  147. background-color: #f0f0f0;
  148. }
  149. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  150. background: #1890ff;
  151. }
  152. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  153. color: #fff;
  154. }
  155. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  156. font-weight: 500;
  157. }
  158. .ant-steps-item-finish .ant-steps-item-icon {
  159. background-color: #fff;
  160. border-color: #1890ff;
  161. }
  162. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  163. color: #1890ff;
  164. }
  165. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  166. background: #1890ff;
  167. }
  168. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  169. color: rgba(0, 0, 0, 0.85);
  170. }
  171. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  172. background-color: #1890ff;
  173. }
  174. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  175. color: rgba(0, 0, 0, 0.45);
  176. }
  177. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  178. background-color: #1890ff;
  179. }
  180. .ant-steps-item-error .ant-steps-item-icon {
  181. background-color: #fff;
  182. border-color: #ff4d4f;
  183. }
  184. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  185. color: #ff4d4f;
  186. }
  187. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  188. background: #ff4d4f;
  189. }
  190. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  191. color: #ff4d4f;
  192. }
  193. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  194. background-color: #f0f0f0;
  195. }
  196. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  197. color: #ff4d4f;
  198. }
  199. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  200. background-color: #f0f0f0;
  201. }
  202. .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  203. background: #ff4d4f;
  204. }
  205. .ant-steps-item-disabled {
  206. cursor: not-allowed;
  207. }
  208. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  209. cursor: pointer;
  210. }
  211. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
  212. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
  213. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
  214. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  215. transition: color 0.3s;
  216. }
  217. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
  218. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
  219. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  220. color: #1890ff;
  221. }
  222. .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  223. border-color: #1890ff;
  224. }
  225. .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  226. color: #1890ff;
  227. }
  228. .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  229. padding-left: 16px;
  230. white-space: nowrap;
  231. }
  232. .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  233. padding-left: 0;
  234. }
  235. .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  236. padding-right: 0;
  237. }
  238. .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  239. display: none;
  240. }
  241. .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  242. max-width: 140px;
  243. white-space: normal;
  244. }
  245. .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  246. height: auto;
  247. background: none;
  248. border: 0;
  249. }
  250. .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  251. top: 0px;
  252. left: 0.5px;
  253. width: 32px;
  254. height: 32px;
  255. font-size: 24px;
  256. line-height: 32px;
  257. }
  258. .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  259. color: #1890ff;
  260. }
  261. .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  262. width: auto;
  263. background: none;
  264. }
  265. .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  266. padding-left: 12px;
  267. }
  268. .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  269. padding-left: 0;
  270. }
  271. .ant-steps-small .ant-steps-item-icon {
  272. width: 24px;
  273. height: 24px;
  274. margin: 0 8px 0 0;
  275. font-size: 12px;
  276. line-height: 24px;
  277. text-align: center;
  278. border-radius: 24px;
  279. }
  280. .ant-steps-small .ant-steps-item-title {
  281. padding-right: 12px;
  282. font-size: 14px;
  283. line-height: 24px;
  284. }
  285. .ant-steps-small .ant-steps-item-title::after {
  286. top: 12px;
  287. }
  288. .ant-steps-small .ant-steps-item-description {
  289. color: rgba(0, 0, 0, 0.45);
  290. font-size: 14px;
  291. }
  292. .ant-steps-small .ant-steps-item-tail {
  293. top: 8px;
  294. }
  295. .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  296. width: inherit;
  297. height: inherit;
  298. line-height: inherit;
  299. background: none;
  300. border: 0;
  301. border-radius: 0;
  302. }
  303. .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  304. font-size: 24px;
  305. line-height: 24px;
  306. transform: none;
  307. }
  308. .ant-steps-vertical {
  309. display: flex;
  310. flex-direction: column;
  311. }
  312. .ant-steps-vertical > .ant-steps-item {
  313. display: block;
  314. flex: 1 0 auto;
  315. padding-left: 0;
  316. overflow: visible;
  317. }
  318. .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  319. float: left;
  320. margin-right: 16px;
  321. }
  322. .ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  323. display: block;
  324. min-height: 48px;
  325. overflow: hidden;
  326. }
  327. .ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  328. line-height: 32px;
  329. }
  330. .ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  331. padding-bottom: 12px;
  332. }
  333. .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  334. position: absolute;
  335. top: 0;
  336. left: 16px;
  337. width: 1px;
  338. height: 100%;
  339. padding: 38px 0 6px;
  340. }
  341. .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  342. width: 1px;
  343. height: 100%;
  344. }
  345. .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  346. display: block;
  347. }
  348. .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  349. display: none;
  350. }
  351. .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  352. position: absolute;
  353. top: 0;
  354. left: 12px;
  355. padding: 30px 0 6px;
  356. }
  357. .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  358. line-height: 24px;
  359. }
  360. .ant-steps-label-vertical .ant-steps-item {
  361. overflow: visible;
  362. }
  363. .ant-steps-label-vertical .ant-steps-item-tail {
  364. margin-left: 58px;
  365. padding: 3.5px 24px;
  366. }
  367. .ant-steps-label-vertical .ant-steps-item-content {
  368. display: block;
  369. width: 116px;
  370. margin-top: 8px;
  371. text-align: center;
  372. }
  373. .ant-steps-label-vertical .ant-steps-item-icon {
  374. display: inline-block;
  375. margin-left: 42px;
  376. }
  377. .ant-steps-label-vertical .ant-steps-item-title {
  378. padding-right: 0;
  379. padding-left: 0;
  380. }
  381. .ant-steps-label-vertical .ant-steps-item-title::after {
  382. display: none;
  383. }
  384. .ant-steps-label-vertical .ant-steps-item-subtitle {
  385. display: block;
  386. margin-bottom: 4px;
  387. margin-left: 0;
  388. line-height: 1.5715;
  389. }
  390. .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  391. margin-left: 46px;
  392. }
  393. .ant-steps-dot .ant-steps-item-title,
  394. .ant-steps-dot.ant-steps-small .ant-steps-item-title {
  395. line-height: 1.5715;
  396. }
  397. .ant-steps-dot .ant-steps-item-tail,
  398. .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  399. top: 2px;
  400. width: 100%;
  401. margin: 0 0 0 70px;
  402. padding: 0;
  403. }
  404. .ant-steps-dot .ant-steps-item-tail::after,
  405. .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  406. width: calc(100% - 20px);
  407. height: 3px;
  408. margin-left: 12px;
  409. }
  410. .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
  411. .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  412. left: 2px;
  413. }
  414. .ant-steps-dot .ant-steps-item-icon,
  415. .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  416. width: 8px;
  417. height: 8px;
  418. margin-left: 67px;
  419. padding-right: 0;
  420. line-height: 8px;
  421. background: transparent;
  422. border: 0;
  423. }
  424. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  425. .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  426. position: relative;
  427. float: left;
  428. width: 100%;
  429. height: 100%;
  430. border-radius: 100px;
  431. transition: all 0.3s;
  432. /* expand hover area */
  433. }
  434. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
  435. .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  436. position: absolute;
  437. top: -12px;
  438. left: -26px;
  439. width: 60px;
  440. height: 32px;
  441. background: rgba(0, 0, 0, 0.001);
  442. content: '';
  443. }
  444. .ant-steps-dot .ant-steps-item-content,
  445. .ant-steps-dot.ant-steps-small .ant-steps-item-content {
  446. width: 140px;
  447. }
  448. .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
  449. .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  450. position: relative;
  451. top: -1px;
  452. width: 10px;
  453. height: 10px;
  454. line-height: 10px;
  455. background: none;
  456. }
  457. .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
  458. .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
  459. left: 0;
  460. }
  461. .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  462. margin-top: 13px;
  463. margin-left: 0;
  464. background: none;
  465. }
  466. .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  467. top: 6.5px;
  468. left: -9px;
  469. margin: 0;
  470. padding: 22px 0 4px;
  471. }
  472. .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  473. left: 0;
  474. }
  475. .ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  476. width: inherit;
  477. }
  478. .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  479. top: -1px;
  480. left: -1px;
  481. }
  482. .ant-steps-navigation {
  483. padding-top: 12px;
  484. }
  485. .ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  486. margin-left: -12px;
  487. }
  488. .ant-steps-navigation .ant-steps-item {
  489. overflow: visible;
  490. text-align: center;
  491. }
  492. .ant-steps-navigation .ant-steps-item-container {
  493. display: inline-block;
  494. height: 100%;
  495. margin-left: -16px;
  496. padding-bottom: 12px;
  497. text-align: left;
  498. transition: opacity 0.3s;
  499. }
  500. .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  501. max-width: auto;
  502. }
  503. .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  504. max-width: 100%;
  505. padding-right: 0;
  506. overflow: hidden;
  507. white-space: nowrap;
  508. text-overflow: ellipsis;
  509. }
  510. .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  511. display: none;
  512. }
  513. .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  514. cursor: pointer;
  515. }
  516. .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  517. opacity: 0.85;
  518. }
  519. .ant-steps-navigation .ant-steps-item:last-child {
  520. flex: 1;
  521. }
  522. .ant-steps-navigation .ant-steps-item:last-child::after {
  523. display: none;
  524. }
  525. .ant-steps-navigation .ant-steps-item::after {
  526. position: absolute;
  527. top: 50%;
  528. left: 100%;
  529. display: inline-block;
  530. width: 12px;
  531. height: 12px;
  532. margin-top: -14px;
  533. margin-left: -2px;
  534. border: 1px solid rgba(0, 0, 0, 0.25);
  535. border-bottom: none;
  536. border-left: none;
  537. transform: rotate(45deg);
  538. content: '';
  539. }
  540. .ant-steps-navigation .ant-steps-item::before {
  541. position: absolute;
  542. bottom: 0;
  543. left: 50%;
  544. display: inline-block;
  545. width: 0;
  546. height: 2px;
  547. background-color: #1890ff;
  548. transition: width 0.3s, left 0.3s;
  549. transition-timing-function: ease-out;
  550. content: '';
  551. }
  552. .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  553. left: 0;
  554. width: 100%;
  555. }
  556. .ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  557. margin-right: 0 !important;
  558. }
  559. .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
  560. display: none;
  561. }
  562. .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
  563. top: 0;
  564. right: 0;
  565. left: unset;
  566. display: block;
  567. width: 3px;
  568. height: calc(100% - 24px);
  569. }
  570. .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  571. position: relative;
  572. top: -2px;
  573. left: 50%;
  574. display: block;
  575. width: 8px;
  576. height: 8px;
  577. margin-bottom: 8px;
  578. text-align: center;
  579. transform: rotate(135deg);
  580. }
  581. .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  582. visibility: hidden;
  583. }
  584. .ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  585. visibility: hidden;
  586. }
  587. .ant-steps-rtl {
  588. direction: rtl;
  589. }
  590. .ant-steps.ant-steps-rtl .ant-steps-item-icon {
  591. margin-right: 0;
  592. margin-left: 8px;
  593. }
  594. .ant-steps-rtl .ant-steps-item-tail {
  595. right: 0;
  596. left: auto;
  597. }
  598. .ant-steps-rtl .ant-steps-item-title {
  599. padding-right: 0;
  600. padding-left: 16px;
  601. }
  602. .ant-steps-rtl .ant-steps-item-title::after {
  603. right: 100%;
  604. left: auto;
  605. }
  606. .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  607. padding-right: 16px;
  608. padding-left: 0;
  609. }
  610. .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  611. padding-right: 0;
  612. }
  613. .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  614. padding-left: 0;
  615. }
  616. .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  617. right: 0.5px;
  618. left: auto;
  619. }
  620. .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  621. margin-right: -12px;
  622. margin-left: 0;
  623. }
  624. .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  625. margin-right: -16px;
  626. margin-left: 0;
  627. text-align: right;
  628. }
  629. .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  630. padding-left: 0;
  631. }
  632. .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  633. right: 100%;
  634. left: auto;
  635. margin-right: -2px;
  636. margin-left: 0;
  637. transform: rotate(225deg);
  638. }
  639. .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  640. padding-right: 12px;
  641. padding-left: 0;
  642. }
  643. .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  644. padding-right: 0;
  645. }
  646. .ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  647. padding-right: 0;
  648. padding-left: 12px;
  649. }
  650. .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  651. float: right;
  652. margin-right: 0;
  653. margin-left: 16px;
  654. }
  655. .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  656. right: 16px;
  657. left: auto;
  658. }
  659. .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  660. right: 12px;
  661. left: auto;
  662. }
  663. .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  664. padding-left: 0;
  665. }
  666. .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
  667. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  668. margin: 0 70px 0 0;
  669. }
  670. .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
  671. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  672. margin-right: 12px;
  673. margin-left: 0;
  674. }
  675. .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
  676. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  677. right: 2px;
  678. left: auto;
  679. }
  680. .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
  681. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  682. margin-right: 67px;
  683. margin-left: 0;
  684. }
  685. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  686. .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  687. /* expand hover area */
  688. }
  689. .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  690. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  691. float: right;
  692. }
  693. .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
  694. .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  695. right: -26px;
  696. left: auto;
  697. }
  698. .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  699. margin-right: 0;
  700. margin-left: 16px;
  701. }
  702. .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  703. right: -9px;
  704. left: auto;
  705. }
  706. .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  707. right: 0;
  708. left: auto;
  709. }
  710. .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  711. right: -2px;
  712. left: auto;
  713. }
  714. .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
  715. padding-right: 4px;
  716. }
  717. .ant-steps-with-progress .ant-steps-item {
  718. padding-top: 4px;
  719. }
  720. .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
  721. top: 4px !important;
  722. }
  723. .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
  724. padding-bottom: 4px;
  725. padding-left: 4px;
  726. }
  727. .ant-steps-with-progress .ant-steps-item-icon {
  728. position: relative;
  729. }
  730. .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  731. position: absolute;
  732. top: -5px;
  733. right: -5px;
  734. bottom: -5px;
  735. left: -5px;
  736. }