index.css 37 KB

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