@delon/theme 20.1.1 → 21.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/default.css CHANGED
@@ -33,9 +33,6 @@ html {
33
33
  -ms-overflow-style: scrollbar;
34
34
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
35
35
  }
36
- @-ms-viewport {
37
- width: device-width;
38
- }
39
36
  body {
40
37
  margin: 0;
41
38
  color: rgba(0, 0, 0, 0.85);
@@ -295,10 +292,6 @@ template {
295
292
  [hidden] {
296
293
  display: none !important;
297
294
  }
298
- mark {
299
- padding: 0.2em;
300
- background-color: #feffe6;
301
- }
302
295
  ::selection {
303
296
  color: #fff;
304
297
  background: #1890ff;
@@ -370,72 +363,6 @@ mark {
370
363
  display: inline-block;
371
364
  animation: loadingCircle 1s infinite linear;
372
365
  }
373
- .ant-fade-enter,
374
- .ant-fade-appear {
375
- animation-duration: 0.2s;
376
- animation-fill-mode: both;
377
- animation-play-state: paused;
378
- }
379
- .ant-fade-leave {
380
- animation-duration: 0.2s;
381
- animation-fill-mode: both;
382
- animation-play-state: paused;
383
- }
384
- .ant-fade-enter.ant-fade-enter-active,
385
- .ant-fade-appear.ant-fade-appear-active {
386
- animation-name: antFadeIn;
387
- animation-play-state: running;
388
- }
389
- .ant-fade-leave.ant-fade-leave-active {
390
- animation-name: antFadeOut;
391
- animation-play-state: running;
392
- pointer-events: none;
393
- }
394
- .ant-fade-enter,
395
- .ant-fade-appear {
396
- animation-duration: 0.2s;
397
- animation-fill-mode: both;
398
- animation-play-state: paused;
399
- }
400
- .ant-fade-leave {
401
- animation-duration: 0.2s;
402
- animation-fill-mode: both;
403
- animation-play-state: paused;
404
- }
405
- .ant-fade-enter.ant-fade-enter-active,
406
- .ant-fade-appear.ant-fade-appear-active {
407
- animation-name: antFadeIn;
408
- animation-play-state: running;
409
- }
410
- .ant-fade-leave.ant-fade-leave-active {
411
- animation-name: antFadeOut;
412
- animation-play-state: running;
413
- pointer-events: none;
414
- }
415
- .ant-fade-enter,
416
- .ant-fade-appear {
417
- opacity: 0;
418
- animation-timing-function: linear;
419
- }
420
- .ant-fade-leave {
421
- animation-timing-function: linear;
422
- }
423
- @keyframes antFadeIn {
424
- 0% {
425
- opacity: 0;
426
- }
427
- 100% {
428
- opacity: 1;
429
- }
430
- }
431
- @keyframes antFadeOut {
432
- 0% {
433
- opacity: 1;
434
- }
435
- 100% {
436
- opacity: 0;
437
- }
438
- }
439
366
  .ant-move-up-enter,
440
367
  .ant-move-up-appear {
441
368
  animation-duration: 0.2s;
@@ -2141,68 +2068,6 @@ nz-link {
2141
2068
  margin-right: 3px;
2142
2069
  margin-left: 0;
2143
2070
  }
2144
- .ant-back-top {
2145
- box-sizing: border-box;
2146
- margin: 0;
2147
- padding: 0;
2148
- color: rgba(0, 0, 0, 0.85);
2149
- font-size: 14px;
2150
- font-variant: tabular-nums;
2151
- line-height: 1.5715;
2152
- list-style: none;
2153
- font-feature-settings: 'tnum';
2154
- position: fixed;
2155
- right: 100px;
2156
- bottom: 50px;
2157
- z-index: 10;
2158
- width: 40px;
2159
- height: 40px;
2160
- cursor: pointer;
2161
- }
2162
- .ant-back-top:empty {
2163
- display: none;
2164
- }
2165
- .ant-back-top-rtl {
2166
- right: auto;
2167
- left: 100px;
2168
- direction: rtl;
2169
- }
2170
- .ant-back-top-content {
2171
- width: 40px;
2172
- height: 40px;
2173
- overflow: hidden;
2174
- color: #fff;
2175
- text-align: center;
2176
- background-color: rgba(0, 0, 0, 0.45);
2177
- border-radius: 20px;
2178
- transition: all 0.3s;
2179
- }
2180
- .ant-back-top-content:hover {
2181
- background-color: rgba(0, 0, 0, 0.85);
2182
- transition: all 0.3s;
2183
- }
2184
- .ant-back-top-icon {
2185
- font-size: 24px;
2186
- line-height: 40px;
2187
- }
2188
- @media screen and (max-width: 768px) {
2189
- .ant-back-top {
2190
- right: 60px;
2191
- }
2192
- .ant-back-top-rtl {
2193
- right: auto;
2194
- left: 60px;
2195
- }
2196
- }
2197
- @media screen and (max-width: 480px) {
2198
- .ant-back-top {
2199
- right: 20px;
2200
- }
2201
- .ant-back-top-rtl {
2202
- right: auto;
2203
- left: 20px;
2204
- }
2205
- }
2206
2071
  .ant-badge {
2207
2072
  box-sizing: border-box;
2208
2073
  margin: 0;
@@ -2502,16 +2367,7 @@ nz-link {
2502
2367
  border: 4px solid;
2503
2368
  transform: scaleY(0.75);
2504
2369
  transform-origin: top;
2505
- }
2506
- .ant-ribbon-corner::after {
2507
- position: absolute;
2508
- top: -4px;
2509
- left: -4px;
2510
- width: inherit;
2511
- height: inherit;
2512
- color: rgba(0, 0, 0, 0.25);
2513
- border: inherit;
2514
- content: '';
2370
+ filter: brightness(75%);
2515
2371
  }
2516
2372
  .ant-ribbon-color-pink {
2517
2373
  color: #eb2f96;
@@ -6266,48 +6122,48 @@ nz-comment-content {
6266
6122
  color: rgba(0, 0, 0, 0.25);
6267
6123
  }
6268
6124
  .ant-picker.ant-picker-borderless {
6269
- background-color: transparent !important;
6270
- border-color: transparent !important;
6271
- box-shadow: none !important;
6125
+ background-color: transparent;
6126
+ border-color: transparent;
6127
+ box-shadow: none;
6272
6128
  }
6273
6129
  .ant-picker.ant-picker-filled {
6274
- background-color: #f5f5f5 !important;
6275
- border-color: transparent !important;
6276
- box-shadow: none !important;
6130
+ background-color: #f5f5f5;
6131
+ border-color: transparent;
6132
+ box-shadow: none;
6277
6133
  }
6278
6134
  .ant-picker.ant-picker-filled:hover {
6279
- background-color: #f0f0f0 !important;
6280
- border-color: transparent !important;
6281
- box-shadow: none !important;
6135
+ background-color: #f0f0f0;
6136
+ border-color: transparent;
6137
+ box-shadow: none;
6282
6138
  }
6283
6139
  .ant-picker.ant-picker-filled:focus,
6284
6140
  .ant-picker.ant-picker-filled.ant-picker-focused {
6285
- border-color: #40a9ff !important;
6286
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
6287
- border-right-width: 1px !important;
6288
- outline: 0 !important;
6289
- background-color: transparent !important;
6290
- box-shadow: none !important;
6141
+ border-color: #40a9ff;
6142
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6143
+ border-right-width: 1px;
6144
+ outline: 0;
6145
+ background-color: transparent;
6146
+ box-shadow: none;
6291
6147
  }
6292
6148
  .ant-input-rtl .ant-picker.ant-picker-filled:focus,
6293
6149
  .ant-input-rtl .ant-picker.ant-picker-filled.ant-picker-focused {
6294
- border-right-width: 0 !important;
6150
+ border-right-width: 0;
6295
6151
  border-left-width: 1px !important;
6296
6152
  }
6297
6153
  .ant-picker.ant-picker-filled.ant-picker-disabled,
6298
6154
  .ant-picker.ant-picker-filled.ant-picker[disabled] {
6299
- background-color: #f5f5f5 !important;
6300
- border-color: #d9d9d9 !important;
6301
- box-shadow: none !important;
6302
- cursor: not-allowed !important;
6303
- opacity: 1 !important;
6304
- pointer-events: none !important;
6305
- color: rgba(0, 0, 0, 0.25) !important;
6155
+ background-color: #f5f5f5;
6156
+ border-color: #d9d9d9;
6157
+ box-shadow: none;
6158
+ cursor: not-allowed;
6159
+ opacity: 1;
6160
+ pointer-events: none;
6161
+ color: rgba(0, 0, 0, 0.25);
6306
6162
  }
6307
6163
  .ant-picker.ant-picker-filled.ant-picker-disabled:hover,
6308
6164
  .ant-picker.ant-picker-filled.ant-picker[disabled]:hover {
6309
- border-color: #d9d9d9 !important;
6310
- border-right-width: 1px !important;
6165
+ border-color: #d9d9d9;
6166
+ border-right-width: 1px;
6311
6167
  }
6312
6168
  .ant-picker.ant-picker-underlined,
6313
6169
  .ant-picker.ant-picker-underlined:hover,
@@ -6315,10 +6171,13 @@ nz-comment-content {
6315
6171
  .ant-picker.ant-picker-underlined.ant-picker-focused,
6316
6172
  .ant-picker.ant-picker-underlined.ant-picker-disabled,
6317
6173
  .ant-picker.ant-picker-underlined.ant-picker[disabled] {
6318
- background-color: transparent !important;
6319
- border-width: 0 0 1px !important;
6320
- border-radius: 0 !important;
6321
- box-shadow: none !important;
6174
+ background-color: transparent;
6175
+ border-width: 0 0 1px;
6176
+ border-radius: 0;
6177
+ box-shadow: none;
6178
+ }
6179
+ .ant-picker.ant-picker-underlined:hover:not(.ant-picker-focused):not(:focus) {
6180
+ border-color: #d9d9d9;
6322
6181
  }
6323
6182
  .ant-picker-input {
6324
6183
  position: relative;
@@ -6407,67 +6266,66 @@ nz-comment-content {
6407
6266
  border-color: #d9d9d9;
6408
6267
  border-right-width: 1px;
6409
6268
  }
6410
- .ant-picker-input > input-borderless.ant-picker-input > input,
6411
- .ant-picker-input > input-borderless.ant-picker-input > input:hover,
6412
- .ant-picker-input > input-borderless.ant-picker-input > input:focus,
6413
- .ant-picker-input > input-borderless.ant-picker-input > input-focused,
6414
- .ant-picker-input > input-borderless.ant-picker-input > input-disabled,
6415
- .ant-picker-input > input-borderless.ant-picker-input > input[disabled] {
6416
- background-color: transparent !important;
6417
- border: none !important;
6418
- box-shadow: none !important;
6269
+ .ant-picker-input > input.ant-picker-input > input-borderless,
6270
+ .ant-picker-input > input.ant-picker-input > input-borderless:hover,
6271
+ .ant-picker-input > input.ant-picker-input > input-borderless:focus,
6272
+ .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-focused,
6273
+ .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-disabled,
6274
+ .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input[disabled] {
6275
+ background-color: transparent;
6276
+ border: none;
6277
+ box-shadow: none;
6419
6278
  }
6420
- .ant-picker-input > input-filled {
6421
- background-color: #f5f5f5 !important;
6279
+ .ant-picker-input > input.ant-picker-input > input-filled {
6280
+ background-color: #f5f5f5;
6422
6281
  border-color: transparent;
6423
- box-shadow: none !important;
6282
+ box-shadow: none;
6424
6283
  }
6425
- .ant-picker-input > input-filled:hover.ant-picker-input > input:not(.ant-picker-input > input-focused) {
6426
- background-color: #f0f0f0 !important;
6427
- border-color: transparent !important;
6284
+ .ant-picker-input > input.ant-picker-input > input-filled:hover {
6285
+ background-color: #f0f0f0;
6428
6286
  }
6429
- .ant-picker-input > input-filled:focus,
6430
- .ant-picker-input > input-filled.ant-picker-input > input-focused {
6287
+ .ant-picker-input > input.ant-picker-input > input-filled:focus,
6288
+ .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused {
6431
6289
  border-color: #40a9ff;
6432
6290
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6433
6291
  border-right-width: 1px;
6434
6292
  outline: 0;
6435
- background-color: transparent !important;
6436
- box-shadow: none !important;
6293
+ background-color: transparent;
6294
+ box-shadow: none;
6437
6295
  }
6438
- .ant-input-rtl .ant-picker-input > input-filled:focus,
6439
- .ant-input-rtl .ant-picker-input > input-filled.ant-picker-input > input-focused {
6296
+ .ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled:focus,
6297
+ .ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused {
6440
6298
  border-right-width: 0;
6441
6299
  border-left-width: 1px !important;
6442
6300
  }
6443
- .ant-picker-input > input-filled.ant-picker-input > input-disabled,
6444
- .ant-picker-input > input-filled.ant-picker-input > input[disabled] {
6445
- background-color: #f5f5f5 !important;
6446
- border-color: #d9d9d9 !important;
6447
- box-shadow: none !important;
6448
- cursor: not-allowed !important;
6449
- opacity: 1 !important;
6450
- pointer-events: none !important;
6451
- color: rgba(0, 0, 0, 0.25) !important;
6301
+ .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled,
6302
+ .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled] {
6303
+ background-color: #f5f5f5;
6304
+ border-color: #d9d9d9;
6305
+ box-shadow: none;
6306
+ cursor: not-allowed;
6307
+ opacity: 1;
6308
+ pointer-events: none;
6309
+ color: rgba(0, 0, 0, 0.25);
6452
6310
  }
6453
- .ant-picker-input > input-filled.ant-picker-input > input-disabled:hover,
6454
- .ant-picker-input > input-filled.ant-picker-input > input[disabled]:hover {
6455
- border-color: #d9d9d9 !important;
6456
- border-right-width: 1px !important;
6457
- }
6458
- .ant-picker-input > input-underlined.ant-picker-input > input,
6459
- .ant-picker-input > input-underlined:hover,
6460
- .ant-picker-input > input-underlined:focus,
6461
- .ant-picker-input > input-underlined.ant-picker-input > input-focused,
6462
- .ant-picker-input > input-underlined.ant-picker-input > input-disabled,
6463
- .ant-picker-input > input-underlined.ant-picker-input > input[disabled] {
6464
- background-color: transparent !important;
6465
- border-width: 0 0 1px !important;
6466
- border-radius: 0 !important;
6467
- box-shadow: none !important;
6311
+ .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled:hover,
6312
+ .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled]:hover {
6313
+ border-color: #d9d9d9;
6314
+ border-right-width: 1px;
6468
6315
  }
6469
- .ant-picker-input > input-underlined:hover.ant-picker-input > input:not(.ant-picker-input > input-focused) {
6470
- border-color: #d9d9d9 !important;
6316
+ .ant-picker-input > input.ant-picker-input > input-underlined,
6317
+ .ant-picker-input > input.ant-picker-input > input-underlined:hover,
6318
+ .ant-picker-input > input.ant-picker-input > input-underlined:focus,
6319
+ .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-focused,
6320
+ .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-disabled,
6321
+ .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input[disabled] {
6322
+ background-color: transparent;
6323
+ border-width: 0 0 1px;
6324
+ border-radius: 0;
6325
+ box-shadow: none;
6326
+ }
6327
+ .ant-picker-input > input.ant-picker-input > input-underlined:hover:not(.ant-picker-input > input-focused):not(:focus) {
6328
+ border-color: #d9d9d9;
6471
6329
  }
6472
6330
  textarea.ant-picker-input > input {
6473
6331
  max-width: 100%;
@@ -7847,10 +7705,7 @@ nz-descriptions {
7847
7705
  }
7848
7706
  .ant-drawer {
7849
7707
  position: fixed;
7850
- top: 0;
7851
- right: 0;
7852
- bottom: 0;
7853
- left: 0;
7708
+ inset: 0;
7854
7709
  z-index: 1000;
7855
7710
  pointer-events: none;
7856
7711
  }
@@ -7859,10 +7714,7 @@ nz-descriptions {
7859
7714
  }
7860
7715
  .ant-drawer-mask {
7861
7716
  position: absolute;
7862
- top: 0;
7863
- right: 0;
7864
- bottom: 0;
7865
- left: 0;
7717
+ inset: 0;
7866
7718
  z-index: 1000;
7867
7719
  background: rgba(0, 0, 0, 0.45);
7868
7720
  pointer-events: auto;
@@ -8099,6 +7951,18 @@ nz-descriptions {
8099
7951
  .ant-drawer-panel-motion-bottom-leave-active {
8100
7952
  transform: translateY(100%);
8101
7953
  }
7954
+ .ant-drawer-mask-motion-enter {
7955
+ animation-name: antFadeIn;
7956
+ animation-duration: 0.3s;
7957
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
7958
+ animation-fill-mode: both;
7959
+ }
7960
+ .ant-drawer-mask-motion-leave {
7961
+ animation-name: antFadeOut;
7962
+ animation-duration: 0.3s;
7963
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
7964
+ animation-fill-mode: both;
7965
+ }
8102
7966
  .ant-drawer-rtl {
8103
7967
  direction: rtl;
8104
7968
  }
@@ -14109,67 +13973,66 @@ nz-empty {
14109
13973
  border-color: #d9d9d9;
14110
13974
  border-right-width: 1px;
14111
13975
  }
14112
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper,
14113
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper:hover,
14114
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper:focus,
14115
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-focused,
14116
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-disabled,
14117
- .ant-input-affix-wrapper-borderless.ant-input-affix-wrapper[disabled] {
14118
- background-color: transparent !important;
14119
- border: none !important;
14120
- box-shadow: none !important;
13976
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless,
13977
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:hover,
13978
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:focus,
13979
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-focused,
13980
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-disabled,
13981
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper[disabled] {
13982
+ background-color: transparent;
13983
+ border: none;
13984
+ box-shadow: none;
14121
13985
  }
14122
- .ant-input-affix-wrapper-filled {
14123
- background-color: #f5f5f5 !important;
13986
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled {
13987
+ background-color: #f5f5f5;
14124
13988
  border-color: transparent;
14125
- box-shadow: none !important;
13989
+ box-shadow: none;
14126
13990
  }
14127
- .ant-input-affix-wrapper-filled:hover.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused) {
14128
- background-color: #f0f0f0 !important;
14129
- border-color: transparent !important;
13991
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:hover {
13992
+ background-color: #f0f0f0;
14130
13993
  }
14131
- .ant-input-affix-wrapper-filled:focus,
14132
- .ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
13994
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus,
13995
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
14133
13996
  border-color: #40a9ff;
14134
13997
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
14135
13998
  border-right-width: 1px;
14136
13999
  outline: 0;
14137
- background-color: transparent !important;
14138
- box-shadow: none !important;
14000
+ background-color: transparent;
14001
+ box-shadow: none;
14139
14002
  }
14140
- .ant-input-rtl .ant-input-affix-wrapper-filled:focus,
14141
- .ant-input-rtl .ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
14003
+ .ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus,
14004
+ .ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
14142
14005
  border-right-width: 0;
14143
14006
  border-left-width: 1px !important;
14144
14007
  }
14145
- .ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled,
14146
- .ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled] {
14147
- background-color: #f5f5f5 !important;
14148
- border-color: #d9d9d9 !important;
14149
- box-shadow: none !important;
14150
- cursor: not-allowed !important;
14151
- opacity: 1 !important;
14152
- pointer-events: none !important;
14153
- color: rgba(0, 0, 0, 0.25) !important;
14008
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled,
14009
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled] {
14010
+ background-color: #f5f5f5;
14011
+ border-color: #d9d9d9;
14012
+ box-shadow: none;
14013
+ cursor: not-allowed;
14014
+ opacity: 1;
14015
+ pointer-events: none;
14016
+ color: rgba(0, 0, 0, 0.25);
14154
14017
  }
14155
- .ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled:hover,
14156
- .ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled]:hover {
14157
- border-color: #d9d9d9 !important;
14158
- border-right-width: 1px !important;
14159
- }
14160
- .ant-input-affix-wrapper-underlined.ant-input-affix-wrapper,
14161
- .ant-input-affix-wrapper-underlined:hover,
14162
- .ant-input-affix-wrapper-underlined:focus,
14163
- .ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-focused,
14164
- .ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-disabled,
14165
- .ant-input-affix-wrapper-underlined.ant-input-affix-wrapper[disabled] {
14166
- background-color: transparent !important;
14167
- border-width: 0 0 1px !important;
14168
- border-radius: 0 !important;
14169
- box-shadow: none !important;
14018
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled:hover,
14019
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled]:hover {
14020
+ border-color: #d9d9d9;
14021
+ border-right-width: 1px;
14170
14022
  }
14171
- .ant-input-affix-wrapper-underlined:hover.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused) {
14172
- border-color: #d9d9d9 !important;
14023
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined,
14024
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover,
14025
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:focus,
14026
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-focused,
14027
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-disabled,
14028
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper[disabled] {
14029
+ background-color: transparent;
14030
+ border-width: 0 0 1px;
14031
+ border-radius: 0;
14032
+ box-shadow: none;
14033
+ }
14034
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover:not(.ant-input-affix-wrapper-focused):not(:focus) {
14035
+ border-color: #d9d9d9;
14173
14036
  }
14174
14037
  textarea.ant-input-affix-wrapper {
14175
14038
  max-width: 100%;
@@ -14446,67 +14309,66 @@ textarea.ant-input-affix-wrapper {
14446
14309
  border-color: #d9d9d9;
14447
14310
  border-right-width: 1px;
14448
14311
  }
14449
- .ant-input-borderless.ant-input,
14450
- .ant-input-borderless.ant-input:hover,
14451
- .ant-input-borderless.ant-input:focus,
14452
- .ant-input-borderless.ant-input-focused,
14453
- .ant-input-borderless.ant-input-disabled,
14454
- .ant-input-borderless.ant-input[disabled] {
14455
- background-color: transparent !important;
14456
- border: none !important;
14457
- box-shadow: none !important;
14312
+ .ant-input.ant-input-borderless,
14313
+ .ant-input.ant-input-borderless:hover,
14314
+ .ant-input.ant-input-borderless:focus,
14315
+ .ant-input.ant-input-borderless.ant-input-focused,
14316
+ .ant-input.ant-input-borderless.ant-input-disabled,
14317
+ .ant-input.ant-input-borderless.ant-input[disabled] {
14318
+ background-color: transparent;
14319
+ border: none;
14320
+ box-shadow: none;
14458
14321
  }
14459
- .ant-input-filled {
14460
- background-color: #f5f5f5 !important;
14322
+ .ant-input.ant-input-filled {
14323
+ background-color: #f5f5f5;
14461
14324
  border-color: transparent;
14462
- box-shadow: none !important;
14325
+ box-shadow: none;
14463
14326
  }
14464
- .ant-input-filled:hover.ant-input:not(.ant-input-focused) {
14465
- background-color: #f0f0f0 !important;
14466
- border-color: transparent !important;
14327
+ .ant-input.ant-input-filled:hover {
14328
+ background-color: #f0f0f0;
14467
14329
  }
14468
- .ant-input-filled:focus,
14469
- .ant-input-filled.ant-input-focused {
14330
+ .ant-input.ant-input-filled:focus,
14331
+ .ant-input.ant-input-filled.ant-input-focused {
14470
14332
  border-color: #40a9ff;
14471
14333
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
14472
14334
  border-right-width: 1px;
14473
14335
  outline: 0;
14474
- background-color: transparent !important;
14475
- box-shadow: none !important;
14336
+ background-color: transparent;
14337
+ box-shadow: none;
14476
14338
  }
14477
- .ant-input-rtl .ant-input-filled:focus,
14478
- .ant-input-rtl .ant-input-filled.ant-input-focused {
14339
+ .ant-input-rtl .ant-input.ant-input-filled:focus,
14340
+ .ant-input-rtl .ant-input.ant-input-filled.ant-input-focused {
14479
14341
  border-right-width: 0;
14480
14342
  border-left-width: 1px !important;
14481
14343
  }
14482
- .ant-input-filled.ant-input-disabled,
14483
- .ant-input-filled.ant-input[disabled] {
14484
- background-color: #f5f5f5 !important;
14485
- border-color: #d9d9d9 !important;
14486
- box-shadow: none !important;
14487
- cursor: not-allowed !important;
14488
- opacity: 1 !important;
14489
- pointer-events: none !important;
14490
- color: rgba(0, 0, 0, 0.25) !important;
14344
+ .ant-input.ant-input-filled.ant-input-disabled,
14345
+ .ant-input.ant-input-filled.ant-input[disabled] {
14346
+ background-color: #f5f5f5;
14347
+ border-color: #d9d9d9;
14348
+ box-shadow: none;
14349
+ cursor: not-allowed;
14350
+ opacity: 1;
14351
+ pointer-events: none;
14352
+ color: rgba(0, 0, 0, 0.25);
14491
14353
  }
14492
- .ant-input-filled.ant-input-disabled:hover,
14493
- .ant-input-filled.ant-input[disabled]:hover {
14494
- border-color: #d9d9d9 !important;
14495
- border-right-width: 1px !important;
14496
- }
14497
- .ant-input-underlined.ant-input,
14498
- .ant-input-underlined:hover,
14499
- .ant-input-underlined:focus,
14500
- .ant-input-underlined.ant-input-focused,
14501
- .ant-input-underlined.ant-input-disabled,
14502
- .ant-input-underlined.ant-input[disabled] {
14503
- background-color: transparent !important;
14504
- border-width: 0 0 1px !important;
14505
- border-radius: 0 !important;
14506
- box-shadow: none !important;
14354
+ .ant-input.ant-input-filled.ant-input-disabled:hover,
14355
+ .ant-input.ant-input-filled.ant-input[disabled]:hover {
14356
+ border-color: #d9d9d9;
14357
+ border-right-width: 1px;
14507
14358
  }
14508
- .ant-input-underlined:hover.ant-input:not(.ant-input-focused) {
14509
- border-color: #d9d9d9 !important;
14359
+ .ant-input.ant-input-underlined,
14360
+ .ant-input.ant-input-underlined:hover,
14361
+ .ant-input.ant-input-underlined:focus,
14362
+ .ant-input.ant-input-underlined.ant-input-focused,
14363
+ .ant-input.ant-input-underlined.ant-input-disabled,
14364
+ .ant-input.ant-input-underlined.ant-input[disabled] {
14365
+ background-color: transparent;
14366
+ border-width: 0 0 1px;
14367
+ border-radius: 0;
14368
+ box-shadow: none;
14369
+ }
14370
+ .ant-input.ant-input-underlined:hover:not(.ant-input-focused):not(:focus) {
14371
+ border-color: #d9d9d9;
14510
14372
  }
14511
14373
  textarea.ant-input {
14512
14374
  max-width: 100%;
@@ -14892,14 +14754,42 @@ textarea.ant-input {
14892
14754
  text-align: start;
14893
14755
  vertical-align: top;
14894
14756
  }
14895
- .ant-input-password-icon.anticon {
14757
+ .ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input,
14758
+ .ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-group-addon {
14759
+ border-radius: 0;
14760
+ }
14761
+ .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input,
14762
+ .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input-group-addon {
14763
+ border-start-end-radius: 0;
14764
+ border-end-end-radius: 0;
14765
+ }
14766
+ .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input,
14767
+ .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input-group-addon {
14768
+ border-start-start-radius: 0;
14769
+ border-end-start-radius: 0;
14770
+ }
14771
+ .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-affix-wrapper {
14772
+ border-start-end-radius: 0;
14773
+ border-end-end-radius: 0;
14774
+ }
14775
+ .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-item .ant-input-affix-wrapper {
14776
+ border-start-start-radius: 0;
14777
+ border-end-start-radius: 0;
14778
+ }
14779
+ .ant-input-password-icon {
14896
14780
  color: rgba(0, 0, 0, 0.45);
14897
14781
  cursor: pointer;
14898
14782
  transition: all 0.3s;
14899
14783
  }
14900
- .ant-input-password-icon.anticon:hover {
14784
+ .ant-input-password-icon:hover {
14901
14785
  color: rgba(0, 0, 0, 0.85);
14902
14786
  }
14787
+ .ant-input-disabled .ant-input-password-icon {
14788
+ cursor: not-allowed;
14789
+ }
14790
+ .ant-input-disabled .ant-input-password-icon:hover {
14791
+ color: rgba(0, 0, 0, 0.45);
14792
+ }
14903
14793
  .ant-input[type='color'] {
14904
14794
  height: 32px;
14905
14795
  }
@@ -15610,67 +15500,66 @@ nz-form-item-feedback-icon.ant-input-suffix {
15610
15500
  border-color: #d9d9d9;
15611
15501
  border-right-width: 1px;
15612
15502
  }
15613
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper,
15614
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper:hover,
15615
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper:focus,
15616
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-focused,
15617
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-disabled,
15618
- .ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper[disabled] {
15619
- background-color: transparent !important;
15620
- border: none !important;
15621
- box-shadow: none !important;
15503
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless,
15504
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:hover,
15505
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:focus,
15506
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-focused,
15507
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-disabled,
15508
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper[disabled] {
15509
+ background-color: transparent;
15510
+ border: none;
15511
+ box-shadow: none;
15622
15512
  }
15623
- .ant-input-number-affix-wrapper-filled {
15624
- background-color: #f5f5f5 !important;
15513
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled {
15514
+ background-color: #f5f5f5;
15625
15515
  border-color: transparent;
15626
- box-shadow: none !important;
15516
+ box-shadow: none;
15627
15517
  }
15628
- .ant-input-number-affix-wrapper-filled:hover.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-focused) {
15629
- background-color: #f0f0f0 !important;
15630
- border-color: transparent !important;
15518
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:hover {
15519
+ background-color: #f0f0f0;
15631
15520
  }
15632
- .ant-input-number-affix-wrapper-filled:focus,
15633
- .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
15521
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus,
15522
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
15634
15523
  border-color: #40a9ff;
15635
15524
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
15636
15525
  border-right-width: 1px;
15637
15526
  outline: 0;
15638
- background-color: transparent !important;
15639
- box-shadow: none !important;
15527
+ background-color: transparent;
15528
+ box-shadow: none;
15640
15529
  }
15641
- .ant-input-rtl .ant-input-number-affix-wrapper-filled:focus,
15642
- .ant-input-rtl .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
15530
+ .ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus,
15531
+ .ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
15643
15532
  border-right-width: 0;
15644
15533
  border-left-width: 1px !important;
15645
15534
  }
15646
- .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled,
15647
- .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled] {
15648
- background-color: #f5f5f5 !important;
15649
- border-color: #d9d9d9 !important;
15650
- box-shadow: none !important;
15651
- cursor: not-allowed !important;
15652
- opacity: 1 !important;
15653
- pointer-events: none !important;
15654
- color: rgba(0, 0, 0, 0.25) !important;
15535
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled,
15536
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled] {
15537
+ background-color: #f5f5f5;
15538
+ border-color: #d9d9d9;
15539
+ box-shadow: none;
15540
+ cursor: not-allowed;
15541
+ opacity: 1;
15542
+ pointer-events: none;
15543
+ color: rgba(0, 0, 0, 0.25);
15655
15544
  }
15656
- .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled:hover,
15657
- .ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled]:hover {
15658
- border-color: #d9d9d9 !important;
15659
- border-right-width: 1px !important;
15660
- }
15661
- .ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper,
15662
- .ant-input-number-affix-wrapper-underlined:hover,
15663
- .ant-input-number-affix-wrapper-underlined:focus,
15664
- .ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-focused,
15665
- .ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-disabled,
15666
- .ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper[disabled] {
15667
- background-color: transparent !important;
15668
- border-width: 0 0 1px !important;
15669
- border-radius: 0 !important;
15670
- box-shadow: none !important;
15545
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled:hover,
15546
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled]:hover {
15547
+ border-color: #d9d9d9;
15548
+ border-right-width: 1px;
15671
15549
  }
15672
- .ant-input-number-affix-wrapper-underlined:hover.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-focused) {
15673
- border-color: #d9d9d9 !important;
15550
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined,
15551
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover,
15552
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:focus,
15553
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-focused,
15554
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-disabled,
15555
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper[disabled] {
15556
+ background-color: transparent;
15557
+ border-width: 0 0 1px;
15558
+ border-radius: 0;
15559
+ box-shadow: none;
15560
+ }
15561
+ .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover:not(.ant-input-number-affix-wrapper-focused):not(:focus) {
15562
+ border-color: #d9d9d9;
15674
15563
  }
15675
15564
  textarea.ant-input-number-affix-wrapper {
15676
15565
  max-width: 100%;
@@ -15909,67 +15798,66 @@ textarea.ant-input-number-affix-wrapper {
15909
15798
  border-color: #d9d9d9;
15910
15799
  border-right-width: 1px;
15911
15800
  }
15912
- .ant-input-number-borderless.ant-input-number,
15913
- .ant-input-number-borderless.ant-input-number:hover,
15914
- .ant-input-number-borderless.ant-input-number:focus,
15915
- .ant-input-number-borderless.ant-input-number-focused,
15916
- .ant-input-number-borderless.ant-input-number-disabled,
15917
- .ant-input-number-borderless.ant-input-number[disabled] {
15918
- background-color: transparent !important;
15919
- border: none !important;
15920
- box-shadow: none !important;
15801
+ .ant-input-number.ant-input-number-borderless,
15802
+ .ant-input-number.ant-input-number-borderless:hover,
15803
+ .ant-input-number.ant-input-number-borderless:focus,
15804
+ .ant-input-number.ant-input-number-borderless.ant-input-number-focused,
15805
+ .ant-input-number.ant-input-number-borderless.ant-input-number-disabled,
15806
+ .ant-input-number.ant-input-number-borderless.ant-input-number[disabled] {
15807
+ background-color: transparent;
15808
+ border: none;
15809
+ box-shadow: none;
15921
15810
  }
15922
- .ant-input-number-filled {
15923
- background-color: #f5f5f5 !important;
15811
+ .ant-input-number.ant-input-number-filled {
15812
+ background-color: #f5f5f5;
15924
15813
  border-color: transparent;
15925
- box-shadow: none !important;
15814
+ box-shadow: none;
15926
15815
  }
15927
- .ant-input-number-filled:hover.ant-input-number:not(.ant-input-number-focused) {
15928
- background-color: #f0f0f0 !important;
15929
- border-color: transparent !important;
15816
+ .ant-input-number.ant-input-number-filled:hover {
15817
+ background-color: #f0f0f0;
15930
15818
  }
15931
- .ant-input-number-filled:focus,
15932
- .ant-input-number-filled.ant-input-number-focused {
15819
+ .ant-input-number.ant-input-number-filled:focus,
15820
+ .ant-input-number.ant-input-number-filled.ant-input-number-focused {
15933
15821
  border-color: #40a9ff;
15934
15822
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
15935
15823
  border-right-width: 1px;
15936
15824
  outline: 0;
15937
- background-color: transparent !important;
15938
- box-shadow: none !important;
15825
+ background-color: transparent;
15826
+ box-shadow: none;
15939
15827
  }
15940
- .ant-input-rtl .ant-input-number-filled:focus,
15941
- .ant-input-rtl .ant-input-number-filled.ant-input-number-focused {
15828
+ .ant-input-rtl .ant-input-number.ant-input-number-filled:focus,
15829
+ .ant-input-rtl .ant-input-number.ant-input-number-filled.ant-input-number-focused {
15942
15830
  border-right-width: 0;
15943
15831
  border-left-width: 1px !important;
15944
15832
  }
15945
- .ant-input-number-filled.ant-input-number-disabled,
15946
- .ant-input-number-filled.ant-input-number[disabled] {
15947
- background-color: #f5f5f5 !important;
15948
- border-color: #d9d9d9 !important;
15949
- box-shadow: none !important;
15950
- cursor: not-allowed !important;
15951
- opacity: 1 !important;
15952
- pointer-events: none !important;
15953
- color: rgba(0, 0, 0, 0.25) !important;
15833
+ .ant-input-number.ant-input-number-filled.ant-input-number-disabled,
15834
+ .ant-input-number.ant-input-number-filled.ant-input-number[disabled] {
15835
+ background-color: #f5f5f5;
15836
+ border-color: #d9d9d9;
15837
+ box-shadow: none;
15838
+ cursor: not-allowed;
15839
+ opacity: 1;
15840
+ pointer-events: none;
15841
+ color: rgba(0, 0, 0, 0.25);
15954
15842
  }
15955
- .ant-input-number-filled.ant-input-number-disabled:hover,
15956
- .ant-input-number-filled.ant-input-number[disabled]:hover {
15957
- border-color: #d9d9d9 !important;
15958
- border-right-width: 1px !important;
15959
- }
15960
- .ant-input-number-underlined.ant-input-number,
15961
- .ant-input-number-underlined:hover,
15962
- .ant-input-number-underlined:focus,
15963
- .ant-input-number-underlined.ant-input-number-focused,
15964
- .ant-input-number-underlined.ant-input-number-disabled,
15965
- .ant-input-number-underlined.ant-input-number[disabled] {
15966
- background-color: transparent !important;
15967
- border-width: 0 0 1px !important;
15968
- border-radius: 0 !important;
15969
- box-shadow: none !important;
15843
+ .ant-input-number.ant-input-number-filled.ant-input-number-disabled:hover,
15844
+ .ant-input-number.ant-input-number-filled.ant-input-number[disabled]:hover {
15845
+ border-color: #d9d9d9;
15846
+ border-right-width: 1px;
15970
15847
  }
15971
- .ant-input-number-underlined:hover.ant-input-number:not(.ant-input-number-focused) {
15972
- border-color: #d9d9d9 !important;
15848
+ .ant-input-number.ant-input-number-underlined,
15849
+ .ant-input-number.ant-input-number-underlined:hover,
15850
+ .ant-input-number.ant-input-number-underlined:focus,
15851
+ .ant-input-number.ant-input-number-underlined.ant-input-number-focused,
15852
+ .ant-input-number.ant-input-number-underlined.ant-input-number-disabled,
15853
+ .ant-input-number.ant-input-number-underlined.ant-input-number[disabled] {
15854
+ background-color: transparent;
15855
+ border-width: 0 0 1px;
15856
+ border-radius: 0;
15857
+ box-shadow: none;
15858
+ }
15859
+ .ant-input-number.ant-input-number-underlined:hover:not(.ant-input-number-focused):not(:focus) {
15860
+ border-color: #d9d9d9;
15973
15861
  }
15974
15862
  textarea.ant-input-number {
15975
15863
  max-width: 100%;
@@ -16354,6 +16242,28 @@ textarea.ant-input-number {
16354
16242
  text-align: start;
16355
16243
  vertical-align: top;
16356
16244
  }
16245
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number,
16246
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-group-addon {
16247
+ border-radius: 0;
16248
+ }
16249
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number,
16250
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number-group-addon {
16251
+ border-start-end-radius: 0;
16252
+ border-end-end-radius: 0;
16253
+ }
16254
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number,
16255
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number-group-addon {
16256
+ border-start-start-radius: 0;
16257
+ border-end-start-radius: 0;
16258
+ }
16259
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-affix-wrapper {
16260
+ border-start-end-radius: 0;
16261
+ border-end-end-radius: 0;
16262
+ }
16263
+ .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-item .ant-input-number-affix-wrapper {
16264
+ border-start-start-radius: 0;
16265
+ border-end-start-radius: 0;
16266
+ }
16357
16267
  .ant-input-number-handler {
16358
16268
  position: relative;
16359
16269
  display: block;
@@ -16432,10 +16342,6 @@ textarea.ant-input-number {
16432
16342
  .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
16433
16343
  display: block;
16434
16344
  }
16435
- .ant-input-number:hover {
16436
- border-color: #40a9ff;
16437
- border-right-width: 1px;
16438
- }
16439
16345
  .ant-input-number:hover + .ant-form-item-children-icon {
16440
16346
  opacity: 0;
16441
16347
  transition: opacity 0.24s linear 0.24s;
@@ -17055,17 +16961,6 @@ textarea.ant-input-number {
17055
16961
  direction: ltr;
17056
16962
  text-align: right;
17057
16963
  }
17058
- .ant-input-number-affix-wrapper > nz-input-number.ant-input-number {
17059
- width: 100%;
17060
- border: none;
17061
- outline: none;
17062
- }
17063
- .ant-input-number-affix-wrapper > nz-input-number.ant-input-number.ant-input-number-focused {
17064
- box-shadow: none !important;
17065
- }
17066
- .ant-input-number.ant-input-number-has-feedback .ant-input-number-handler-wrap {
17067
- z-index: 2;
17068
- }
17069
16964
  .ant-layout {
17070
16965
  display: flex;
17071
16966
  flex: auto;
@@ -17199,6 +17094,52 @@ nz-footer {
17199
17094
  nz-header {
17200
17095
  display: block;
17201
17096
  }
17097
+ .ant-form-validate_animation-enter {
17098
+ animation: enter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
17099
+ }
17100
+ .ant-form-validate_animation-leave {
17101
+ animation: leave 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
17102
+ }
17103
+ @keyframes enter {
17104
+ from {
17105
+ transform: translateY(-5px);
17106
+ opacity: 0;
17107
+ }
17108
+ to {
17109
+ transform: translateY(0);
17110
+ opacity: 1;
17111
+ }
17112
+ }
17113
+ @keyframes enter {
17114
+ from {
17115
+ transform: translateY(-5px);
17116
+ opacity: 0;
17117
+ }
17118
+ to {
17119
+ transform: translateY(0);
17120
+ opacity: 1;
17121
+ }
17122
+ }
17123
+ @keyframes leave {
17124
+ from {
17125
+ transform: translateY(0);
17126
+ opacity: 1;
17127
+ }
17128
+ to {
17129
+ transform: translateY(-5px);
17130
+ opacity: 0;
17131
+ }
17132
+ }
17133
+ @keyframes leave {
17134
+ from {
17135
+ transform: translateY(0);
17136
+ opacity: 1;
17137
+ }
17138
+ to {
17139
+ transform: translateY(-5px);
17140
+ opacity: 0;
17141
+ }
17142
+ }
17202
17143
  .ant-form-item .ant-input-number + .ant-form-text {
17203
17144
  margin-left: 8px;
17204
17145
  }
@@ -17521,7 +17462,7 @@ nz-header {
17521
17462
  font-size: 14px;
17522
17463
  vertical-align: top;
17523
17464
  }
17524
- .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
17465
+ .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):not( .ant-form-item-required-mark-hidden)::before {
17525
17466
  display: inline-block;
17526
17467
  margin-right: 4px;
17527
17468
  color: #ff4d4f;
@@ -17530,7 +17471,7 @@ nz-header {
17530
17471
  line-height: 1;
17531
17472
  content: '*';
17532
17473
  }
17533
- .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
17474
+ .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):not( .ant-form-item-required-mark-hidden)::before {
17534
17475
  display: none;
17535
17476
  }
17536
17477
  .ant-form-item-label > label .ant-form-item-optional {
@@ -19174,67 +19115,66 @@ nz-list-item-extra {
19174
19115
  border-color: #d9d9d9;
19175
19116
  border-right-width: 1px;
19176
19117
  }
19177
- .ant-mentions-borderless.ant-mentions,
19178
- .ant-mentions-borderless.ant-mentions:hover,
19179
- .ant-mentions-borderless.ant-mentions:focus,
19180
- .ant-mentions-borderless.ant-mentions-focused,
19181
- .ant-mentions-borderless.ant-mentions-disabled,
19182
- .ant-mentions-borderless.ant-mentions[disabled] {
19183
- background-color: transparent !important;
19184
- border: none !important;
19185
- box-shadow: none !important;
19118
+ .ant-mentions.ant-mentions-borderless,
19119
+ .ant-mentions.ant-mentions-borderless:hover,
19120
+ .ant-mentions.ant-mentions-borderless:focus,
19121
+ .ant-mentions.ant-mentions-borderless.ant-mentions-focused,
19122
+ .ant-mentions.ant-mentions-borderless.ant-mentions-disabled,
19123
+ .ant-mentions.ant-mentions-borderless.ant-mentions[disabled] {
19124
+ background-color: transparent;
19125
+ border: none;
19126
+ box-shadow: none;
19186
19127
  }
19187
- .ant-mentions-filled {
19188
- background-color: #f5f5f5 !important;
19128
+ .ant-mentions.ant-mentions-filled {
19129
+ background-color: #f5f5f5;
19189
19130
  border-color: transparent;
19190
- box-shadow: none !important;
19131
+ box-shadow: none;
19191
19132
  }
19192
- .ant-mentions-filled:hover.ant-mentions:not(.ant-mentions-focused) {
19193
- background-color: #f0f0f0 !important;
19194
- border-color: transparent !important;
19133
+ .ant-mentions.ant-mentions-filled:hover {
19134
+ background-color: #f0f0f0;
19195
19135
  }
19196
- .ant-mentions-filled:focus,
19197
- .ant-mentions-filled.ant-mentions-focused {
19136
+ .ant-mentions.ant-mentions-filled:focus,
19137
+ .ant-mentions.ant-mentions-filled.ant-mentions-focused {
19198
19138
  border-color: #40a9ff;
19199
19139
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
19200
19140
  border-right-width: 1px;
19201
19141
  outline: 0;
19202
- background-color: transparent !important;
19203
- box-shadow: none !important;
19142
+ background-color: transparent;
19143
+ box-shadow: none;
19204
19144
  }
19205
- .ant-input-rtl .ant-mentions-filled:focus,
19206
- .ant-input-rtl .ant-mentions-filled.ant-mentions-focused {
19145
+ .ant-input-rtl .ant-mentions.ant-mentions-filled:focus,
19146
+ .ant-input-rtl .ant-mentions.ant-mentions-filled.ant-mentions-focused {
19207
19147
  border-right-width: 0;
19208
19148
  border-left-width: 1px !important;
19209
19149
  }
19210
- .ant-mentions-filled.ant-mentions-disabled,
19211
- .ant-mentions-filled.ant-mentions[disabled] {
19212
- background-color: #f5f5f5 !important;
19213
- border-color: #d9d9d9 !important;
19214
- box-shadow: none !important;
19215
- cursor: not-allowed !important;
19216
- opacity: 1 !important;
19217
- pointer-events: none !important;
19218
- color: rgba(0, 0, 0, 0.25) !important;
19150
+ .ant-mentions.ant-mentions-filled.ant-mentions-disabled,
19151
+ .ant-mentions.ant-mentions-filled.ant-mentions[disabled] {
19152
+ background-color: #f5f5f5;
19153
+ border-color: #d9d9d9;
19154
+ box-shadow: none;
19155
+ cursor: not-allowed;
19156
+ opacity: 1;
19157
+ pointer-events: none;
19158
+ color: rgba(0, 0, 0, 0.25);
19219
19159
  }
19220
- .ant-mentions-filled.ant-mentions-disabled:hover,
19221
- .ant-mentions-filled.ant-mentions[disabled]:hover {
19222
- border-color: #d9d9d9 !important;
19223
- border-right-width: 1px !important;
19224
- }
19225
- .ant-mentions-underlined.ant-mentions,
19226
- .ant-mentions-underlined:hover,
19227
- .ant-mentions-underlined:focus,
19228
- .ant-mentions-underlined.ant-mentions-focused,
19229
- .ant-mentions-underlined.ant-mentions-disabled,
19230
- .ant-mentions-underlined.ant-mentions[disabled] {
19231
- background-color: transparent !important;
19232
- border-width: 0 0 1px !important;
19233
- border-radius: 0 !important;
19234
- box-shadow: none !important;
19160
+ .ant-mentions.ant-mentions-filled.ant-mentions-disabled:hover,
19161
+ .ant-mentions.ant-mentions-filled.ant-mentions[disabled]:hover {
19162
+ border-color: #d9d9d9;
19163
+ border-right-width: 1px;
19235
19164
  }
19236
- .ant-mentions-underlined:hover.ant-mentions:not(.ant-mentions-focused) {
19237
- border-color: #d9d9d9 !important;
19165
+ .ant-mentions.ant-mentions-underlined,
19166
+ .ant-mentions.ant-mentions-underlined:hover,
19167
+ .ant-mentions.ant-mentions-underlined:focus,
19168
+ .ant-mentions.ant-mentions-underlined.ant-mentions-focused,
19169
+ .ant-mentions.ant-mentions-underlined.ant-mentions-disabled,
19170
+ .ant-mentions.ant-mentions-underlined.ant-mentions[disabled] {
19171
+ background-color: transparent;
19172
+ border-width: 0 0 1px;
19173
+ border-radius: 0;
19174
+ box-shadow: none;
19175
+ }
19176
+ .ant-mentions.ant-mentions-underlined:hover:not(.ant-mentions-focused):not(:focus) {
19177
+ border-color: #d9d9d9;
19238
19178
  }
19239
19179
  textarea.ant-mentions {
19240
19180
  max-width: 100%;
@@ -20274,6 +20214,16 @@ nz-page-header-footer {
20274
20214
  line-height: 1.5715;
20275
20215
  list-style: none;
20276
20216
  font-feature-settings: 'tnum';
20217
+ display: flex;
20218
+ }
20219
+ .ant-pagination-start {
20220
+ justify-content: start;
20221
+ }
20222
+ .ant-pagination-center {
20223
+ justify-content: center;
20224
+ }
20225
+ .ant-pagination-end {
20226
+ justify-content: end;
20277
20227
  }
20278
20228
  .ant-pagination ul,
20279
20229
  .ant-pagination ol {
@@ -20595,67 +20545,66 @@ nz-page-header-footer {
20595
20545
  border-color: #d9d9d9;
20596
20546
  border-right-width: 1px;
20597
20547
  }
20598
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input,
20599
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input:hover,
20600
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input:focus,
20601
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-focused,
20602
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-disabled,
20603
- .ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input[disabled] {
20604
- background-color: transparent !important;
20605
- border: none !important;
20606
- box-shadow: none !important;
20548
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless,
20549
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:hover,
20550
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:focus,
20551
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-focused,
20552
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-disabled,
20553
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input[disabled] {
20554
+ background-color: transparent;
20555
+ border: none;
20556
+ box-shadow: none;
20607
20557
  }
20608
- .ant-pagination-options-quick-jumper input-filled {
20609
- background-color: #f5f5f5 !important;
20558
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled {
20559
+ background-color: #f5f5f5;
20610
20560
  border-color: transparent;
20611
- box-shadow: none !important;
20561
+ box-shadow: none;
20612
20562
  }
20613
- .ant-pagination-options-quick-jumper input-filled:hover.ant-pagination-options-quick-jumper input:not(.ant-pagination-options-quick-jumper input-focused) {
20614
- background-color: #f0f0f0 !important;
20615
- border-color: transparent !important;
20563
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:hover {
20564
+ background-color: #f0f0f0;
20616
20565
  }
20617
- .ant-pagination-options-quick-jumper input-filled:focus,
20618
- .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
20566
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus,
20567
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
20619
20568
  border-color: #40a9ff;
20620
20569
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
20621
20570
  border-right-width: 1px;
20622
20571
  outline: 0;
20623
- background-color: transparent !important;
20624
- box-shadow: none !important;
20572
+ background-color: transparent;
20573
+ box-shadow: none;
20625
20574
  }
20626
- .ant-input-rtl .ant-pagination-options-quick-jumper input-filled:focus,
20627
- .ant-input-rtl .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
20575
+ .ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus,
20576
+ .ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
20628
20577
  border-right-width: 0;
20629
20578
  border-left-width: 1px !important;
20630
20579
  }
20631
- .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled,
20632
- .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled] {
20633
- background-color: #f5f5f5 !important;
20634
- border-color: #d9d9d9 !important;
20635
- box-shadow: none !important;
20636
- cursor: not-allowed !important;
20637
- opacity: 1 !important;
20638
- pointer-events: none !important;
20639
- color: rgba(0, 0, 0, 0.25) !important;
20580
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled,
20581
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled] {
20582
+ background-color: #f5f5f5;
20583
+ border-color: #d9d9d9;
20584
+ box-shadow: none;
20585
+ cursor: not-allowed;
20586
+ opacity: 1;
20587
+ pointer-events: none;
20588
+ color: rgba(0, 0, 0, 0.25);
20640
20589
  }
20641
- .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled:hover,
20642
- .ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled]:hover {
20643
- border-color: #d9d9d9 !important;
20644
- border-right-width: 1px !important;
20645
- }
20646
- .ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input,
20647
- .ant-pagination-options-quick-jumper input-underlined:hover,
20648
- .ant-pagination-options-quick-jumper input-underlined:focus,
20649
- .ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-focused,
20650
- .ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-disabled,
20651
- .ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input[disabled] {
20652
- background-color: transparent !important;
20653
- border-width: 0 0 1px !important;
20654
- border-radius: 0 !important;
20655
- box-shadow: none !important;
20590
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled:hover,
20591
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled]:hover {
20592
+ border-color: #d9d9d9;
20593
+ border-right-width: 1px;
20656
20594
  }
20657
- .ant-pagination-options-quick-jumper input-underlined:hover.ant-pagination-options-quick-jumper input:not(.ant-pagination-options-quick-jumper input-focused) {
20658
- border-color: #d9d9d9 !important;
20595
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined,
20596
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover,
20597
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:focus,
20598
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-focused,
20599
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-disabled,
20600
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input[disabled] {
20601
+ background-color: transparent;
20602
+ border-width: 0 0 1px;
20603
+ border-radius: 0;
20604
+ box-shadow: none;
20605
+ }
20606
+ .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover:not(.ant-pagination-options-quick-jumper input-focused):not(:focus) {
20607
+ border-color: #d9d9d9;
20659
20608
  }
20660
20609
  textarea.ant-pagination-options-quick-jumper input {
20661
20610
  max-width: 100%;
@@ -22010,7 +21959,7 @@ span.ant-radio + * {
22010
21959
  }
22011
21960
  .ant-select-single.ant-select-sm {
22012
21961
  height: 24px;
22013
- font-size: 12px;
21962
+ font-size: 14px;
22014
21963
  }
22015
21964
  .ant-select-single.ant-select-sm .ant-select-selector {
22016
21965
  display: flex;
@@ -22052,7 +22001,7 @@ span.ant-radio + * {
22052
22001
  .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
22053
22002
  .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
22054
22003
  .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
22055
- padding-inline-end: 15px;
22004
+ padding-inline-end: 18px;
22056
22005
  }
22057
22006
  .ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
22058
22007
  color: #bfbfbf;
@@ -22817,16 +22766,6 @@ span.ant-radio + * {
22817
22766
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22818
22767
  cursor: auto;
22819
22768
  }
22820
- .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22821
- border-color: #40a9ff;
22822
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
22823
- border-right-width: 1px;
22824
- outline: 0;
22825
- }
22826
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22827
- border-right-width: 0;
22828
- border-left-width: 1px !important;
22829
- }
22830
22769
  .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
22831
22770
  color: rgba(0, 0, 0, 0.25);
22832
22771
  background: #f5f5f5;
@@ -22859,6 +22798,16 @@ span.ant-radio + * {
22859
22798
  border-right-width: 0;
22860
22799
  border-left-width: 1px !important;
22861
22800
  }
22801
+ .ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
22802
+ border-color: #40a9ff;
22803
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
22804
+ border-right-width: 1px;
22805
+ outline: 0;
22806
+ }
22807
+ .ant-input-rtl .ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
22808
+ border-right-width: 0;
22809
+ border-left-width: 1px !important;
22810
+ }
22862
22811
  .ant-select-selection-item {
22863
22812
  flex: 1;
22864
22813
  overflow: hidden;
@@ -23089,60 +23038,68 @@ span.ant-radio + * {
23089
23038
  .ant-select-lg {
23090
23039
  font-size: 16px;
23091
23040
  }
23092
- .ant-select-borderless .ant-select-selector {
23093
- background-color: transparent !important;
23094
- border-color: transparent !important;
23095
- box-shadow: none !important;
23041
+ .ant-select.ant-select-borderless .ant-select-selector,
23042
+ .ant-select.ant-select-borderless:hover .ant-select-selector,
23043
+ .ant-select.ant-select-borderless:focus .ant-select-selector,
23044
+ .ant-select.ant-select-borderless.ant-select-focused .ant-select-selector,
23045
+ .ant-select.ant-select-borderless.ant-select-disabled .ant-select-selector,
23046
+ .ant-select.ant-select-borderless.ant-select[disabled] .ant-select-selector {
23047
+ background-color: transparent;
23048
+ border-color: transparent;
23049
+ box-shadow: none;
23096
23050
  }
23097
- .ant-select-filled .ant-select-selector {
23098
- background-color: #f5f5f5 !important;
23099
- border-color: transparent !important;
23100
- box-shadow: none !important;
23051
+ .ant-select.ant-select-filled .ant-select-selector {
23052
+ background-color: #f5f5f5;
23053
+ border-color: transparent;
23054
+ box-shadow: none;
23101
23055
  }
23102
- .ant-select-filled:hover .ant-select-selector {
23103
- background-color: #f0f0f0 !important;
23104
- border-color: transparent !important;
23105
- box-shadow: none !important;
23056
+ .ant-select.ant-select-filled:hover .ant-select-selector {
23057
+ background-color: #f0f0f0;
23058
+ border-color: transparent;
23059
+ box-shadow: none;
23106
23060
  }
23107
- .ant-select-filled:focus .ant-select-selector,
23108
- .ant-select-filled.ant-select-focused .ant-select-selector {
23109
- border-color: #40a9ff !important;
23110
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
23111
- border-right-width: 1px !important;
23112
- outline: 0 !important;
23113
- background-color: transparent !important;
23114
- box-shadow: none !important;
23061
+ .ant-select.ant-select-filled:focus .ant-select-selector,
23062
+ .ant-select.ant-select-filled.ant-select-focused .ant-select-selector {
23063
+ border-color: #40a9ff;
23064
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
23065
+ border-right-width: 1px;
23066
+ outline: 0;
23067
+ background-color: transparent;
23068
+ box-shadow: none;
23115
23069
  }
23116
- .ant-input-rtl .ant-select-filled:focus .ant-select-selector,
23117
- .ant-input-rtl .ant-select-filled.ant-select-focused .ant-select-selector {
23118
- border-right-width: 0 !important;
23070
+ .ant-input-rtl .ant-select.ant-select-filled:focus .ant-select-selector,
23071
+ .ant-input-rtl .ant-select.ant-select-filled.ant-select-focused .ant-select-selector {
23072
+ border-right-width: 0;
23119
23073
  border-left-width: 1px !important;
23120
23074
  }
23121
- .ant-select-filled.ant-select-disabled .ant-select-selector,
23122
- .ant-select-filled.ant-select[disabled] .ant-select-selector {
23123
- background-color: #f5f5f5 !important;
23124
- border-color: #d9d9d9 !important;
23125
- box-shadow: none !important;
23126
- cursor: not-allowed !important;
23127
- opacity: 1 !important;
23128
- pointer-events: none !important;
23129
- color: rgba(0, 0, 0, 0.25) !important;
23075
+ .ant-select.ant-select-filled.ant-select-disabled .ant-select-selector,
23076
+ .ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector {
23077
+ background-color: #f5f5f5;
23078
+ border-color: #d9d9d9;
23079
+ box-shadow: none;
23080
+ cursor: not-allowed;
23081
+ opacity: 1;
23082
+ pointer-events: none;
23083
+ color: rgba(0, 0, 0, 0.25);
23130
23084
  }
23131
- .ant-select-filled.ant-select-disabled .ant-select-selector:hover,
23132
- .ant-select-filled.ant-select[disabled] .ant-select-selector:hover {
23133
- border-color: #d9d9d9 !important;
23134
- border-right-width: 1px !important;
23135
- }
23136
- .ant-select-underlined .ant-select-selector,
23137
- .ant-select-underlined:hover .ant-select-selector,
23138
- .ant-select-underlined:focus .ant-select-selector,
23139
- .ant-select-underlined.ant-select-focused .ant-select-selector,
23140
- .ant-select-underlined.ant-select-disabled .ant-select-selector,
23141
- .ant-select-underlined.ant-select[disabled] .ant-select-selector {
23142
- background-color: transparent !important;
23143
- border-width: 0 0 1px !important;
23144
- border-radius: 0 !important;
23145
- box-shadow: none !important;
23085
+ .ant-select.ant-select-filled.ant-select-disabled .ant-select-selector:hover,
23086
+ .ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector:hover {
23087
+ border-color: #d9d9d9;
23088
+ border-right-width: 1px;
23089
+ }
23090
+ .ant-select.ant-select-underlined .ant-select-selector,
23091
+ .ant-select.ant-select-underlined:hover .ant-select-selector,
23092
+ .ant-select.ant-select-underlined:focus .ant-select-selector,
23093
+ .ant-select.ant-select-underlined.ant-select-focused .ant-select-selector,
23094
+ .ant-select.ant-select-underlined.ant-select-disabled .ant-select-selector,
23095
+ .ant-select.ant-select-underlined.ant-select[disabled] .ant-select-selector {
23096
+ background-color: transparent;
23097
+ border-width: 0 0 1px;
23098
+ border-radius: 0;
23099
+ box-shadow: none;
23100
+ }
23101
+ .ant-select.ant-select-underlined:hover:not(.ant-select-focused):not(:focus) .ant-select-selector {
23102
+ border-color: #d9d9d9;
23146
23103
  }
23147
23104
  .ant-select.ant-select-in-form-item {
23148
23105
  width: 100%;
@@ -30185,9 +30142,6 @@ nz-tree-view .ant-tree-list-holder-inner {
30185
30142
  .font-highlight {
30186
30143
  color: #ff4d4f;
30187
30144
  }
30188
- .ant-tree-child-tree {
30189
- overflow: hidden;
30190
- }
30191
30145
  nz-tree {
30192
30146
  display: block;
30193
30147
  }
@@ -31209,6 +31163,18 @@ nz-space-item {
31209
31163
  overflow: hidden;
31210
31164
  outline: none;
31211
31165
  }
31166
+ .ant-image-preview-fade-motion-enter {
31167
+ animation-name: antFadeIn;
31168
+ animation-duration: 0.2s;
31169
+ animation-timing-function: linear;
31170
+ animation-fill-mode: both;
31171
+ }
31172
+ .ant-image-preview-fade-motion-leave {
31173
+ animation-name: antFadeOut;
31174
+ animation-duration: 0.2s;
31175
+ animation-timing-function: linear;
31176
+ animation-fill-mode: both;
31177
+ }
31212
31178
  .cdk-overlay-backdrop.ant-image-preview-mask {
31213
31179
  opacity: 1;
31214
31180
  }
@@ -31344,26 +31310,16 @@ nz-space-item {
31344
31310
  .ant-qrcode-expired {
31345
31311
  color: rgba(0, 0, 0, 0.85);
31346
31312
  }
31347
- .ant-water-mark {
31348
- position: relative;
31313
+ .ant-color-picker-inner {
31349
31314
  display: block;
31350
31315
  }
31351
- .ant-color-picker {
31352
- position: absolute;
31353
- z-index: 1;
31354
- display: block;
31355
- width: max-content;
31356
- min-width: 250px;
31357
- visibility: visible;
31358
- }
31359
- .ant-color-picker-hidden {
31360
- display: none;
31361
- }
31362
- .ant-color-picker-panel {
31316
+ .ant-color-picker-inner-content {
31363
31317
  display: flex;
31364
31318
  flex-direction: column;
31365
- width: 250px;
31366
- border-radius: 2px;
31319
+ width: 234px;
31320
+ }
31321
+ .ant-color-picker-panel {
31322
+ user-select: none;
31367
31323
  }
31368
31324
  .ant-color-picker-panel-disabled {
31369
31325
  cursor: not-allowed;
@@ -31374,8 +31330,10 @@ nz-space-item {
31374
31330
  }
31375
31331
  .ant-color-picker-palette {
31376
31332
  position: relative;
31333
+ display: block;
31377
31334
  }
31378
31335
  .ant-color-picker-select {
31336
+ display: block;
31379
31337
  margin-bottom: 12px;
31380
31338
  }
31381
31339
  .ant-color-picker-select .ant-color-picker-palette {
@@ -31400,6 +31358,7 @@ nz-space-item {
31400
31358
  z-index: 1;
31401
31359
  }
31402
31360
  .ant-color-picker-handler {
31361
+ display: block;
31403
31362
  box-sizing: border-box;
31404
31363
  width: 16px;
31405
31364
  height: 16px;
@@ -31411,7 +31370,7 @@ nz-space-item {
31411
31370
  height: 12px;
31412
31371
  }
31413
31372
  .ant-color-picker-slider {
31414
- width: 100%;
31373
+ display: block;
31415
31374
  border-radius: 2px;
31416
31375
  }
31417
31376
  .ant-color-picker-slider .ant-color-picker-palette {
@@ -31459,10 +31418,10 @@ nz-space-item {
31459
31418
  }
31460
31419
  .ant-color-picker-color-block {
31461
31420
  position: relative;
31462
- width: 28px;
31463
- height: 28px;
31421
+ display: block;
31422
+ width: 24px;
31423
+ height: 24px;
31464
31424
  overflow: hidden;
31465
- background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
31466
31425
  background-size: 50% 50%;
31467
31426
  border-radius: 2px;
31468
31427
  }
@@ -31522,6 +31481,7 @@ nz-space-item {
31522
31481
  }
31523
31482
  .ant-color-picker-input-container {
31524
31483
  display: flex;
31484
+ margin-bottom: 12px;
31525
31485
  }
31526
31486
  .ant-color-picker-input-container .ant-select {
31527
31487
  font-size: 12px;
@@ -31593,6 +31553,47 @@ nz-space-item {
31593
31553
  width: 16px;
31594
31554
  height: 16px;
31595
31555
  }
31556
+ .ant-color-picker-presets-wrapper {
31557
+ max-height: 200px;
31558
+ overflow-y: auto;
31559
+ }
31560
+ .ant-color-picker-presets-wrapper .ant-collapse {
31561
+ display: flex;
31562
+ flex-direction: column;
31563
+ gap: 4px;
31564
+ }
31565
+ .ant-color-picker-presets-wrapper .ant-collapse .ant-collapse-header {
31566
+ padding: 0 !important;
31567
+ font-size: 12px;
31568
+ }
31569
+ .ant-color-picker-presets-items {
31570
+ display: flex;
31571
+ flex-wrap: wrap;
31572
+ gap: 8px;
31573
+ padding: 8px 0;
31574
+ }
31575
+ .ant-color-picker-presets-color {
31576
+ position: relative;
31577
+ }
31578
+ .ant-color-picker-presets-color-checked::after {
31579
+ position: absolute;
31580
+ top: 50%;
31581
+ display: table;
31582
+ box-sizing: border-box;
31583
+ width: calc(120px / 13);
31584
+ height: calc(192px / 13);
31585
+ border: 2px solid #fff;
31586
+ border-top: 0;
31587
+ transform: translate(-50%, -60%) rotate(45deg);
31588
+ content: '';
31589
+ pointer-events: none;
31590
+ border-inline-start: 0;
31591
+ inset-inline-start: 46.5%;
31592
+ }
31593
+ .ant-color-picker-presets-color-bright.ant-color-picker-presets-color-checked::after,
31594
+ .ant-color-picker-presets-color-checked.ant-color-picker-presets-color-bright::after {
31595
+ border-color: rgba(0, 0, 0, 0.88);
31596
+ }
31596
31597
  .ant-hash-code {
31597
31598
  display: flex;
31598
31599
  flex-direction: column;
@@ -31719,21 +31720,17 @@ nz-space-item {
31719
31720
  }
31720
31721
  .ant-float-btn {
31721
31722
  position: fixed;
31723
+ bottom: 48px;
31722
31724
  z-index: 99;
31723
31725
  display: block;
31724
31726
  align-items: center;
31725
31727
  justify-content: center;
31726
31728
  width: 40px;
31727
31729
  height: 40px;
31728
- overflow: hidden;
31729
31730
  border: none;
31730
31731
  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);
31731
31732
  cursor: pointer;
31732
31733
  inset-inline-end: 24px;
31733
- inset-block-end: 48px;
31734
- }
31735
- .ant-float-btn-hidden {
31736
- display: none;
31737
31734
  }
31738
31735
  .ant-float-btn-pure {
31739
31736
  position: relative;
@@ -31742,6 +31739,16 @@ nz-space-item {
31742
31739
  .ant-float-btn:empty {
31743
31740
  display: none;
31744
31741
  }
31742
+ .ant-float-btn .ant-badge {
31743
+ width: 100%;
31744
+ height: 100%;
31745
+ }
31746
+ .ant-float-btn .ant-badge .ant-badge-count {
31747
+ top: -6px;
31748
+ transform: translate(0, 0);
31749
+ transform-origin: center;
31750
+ inset-inline-end: -6px;
31751
+ }
31745
31752
  .ant-float-btn-body {
31746
31753
  display: flex;
31747
31754
  align-items: center;
@@ -31756,7 +31763,7 @@ nz-space-item {
31756
31763
  align-items: center;
31757
31764
  justify-content: center;
31758
31765
  min-height: 40px;
31759
- padding: 2px 4px;
31766
+ padding: 4px / 2 4px;
31760
31767
  overflow: hidden;
31761
31768
  text-align: center;
31762
31769
  }
@@ -31783,6 +31790,11 @@ nz-space-item {
31783
31790
  height: 40px;
31784
31791
  border-radius: 50%;
31785
31792
  }
31793
+ .ant-float-btn-circle .ant-badge .ant-badge-dot {
31794
+ top: 5.6px;
31795
+ inset-inline-end: 5.6px;
31796
+ }
31797
+ .ant-float-btn-circle .ant-float-btn-inner,
31786
31798
  .ant-float-btn-circle .ant-float-btn-body {
31787
31799
  border-radius: 50%;
31788
31800
  }
@@ -31791,6 +31803,10 @@ nz-space-item {
31791
31803
  min-height: 40px;
31792
31804
  border-radius: 2px;
31793
31805
  }
31806
+ .ant-float-btn-square .ant-badge .ant-badge-dot {
31807
+ top: 1px;
31808
+ inset-inline-end: 1px;
31809
+ }
31794
31810
  .ant-float-btn-square .ant-float-btn-body {
31795
31811
  height: auto;
31796
31812
  border-radius: 2px;
@@ -31936,6 +31952,10 @@ nz-space-item {
31936
31952
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
31937
31953
  border-bottom: 1px solid #d9d9d9;
31938
31954
  }
31955
+ .ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count {
31956
+ top: -10px;
31957
+ inset-inline-end: -10px;
31958
+ }
31939
31959
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
31940
31960
  border-radius: 2px;
31941
31961
  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);
@@ -31992,6 +32012,203 @@ nz-space-item {
31992
32012
  width: 32px;
31993
32013
  height: 32px;
31994
32014
  }
32015
+ /* stylelint-disable less/no-duplicate-variables */
32016
+ .ant-float-btn-enter-top {
32017
+ animation: enter-top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32018
+ }
32019
+ .ant-float-btn-leave-top {
32020
+ animation: leave-top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32021
+ }
32022
+ .ant-float-btn-enter-bottom {
32023
+ animation: enter-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32024
+ }
32025
+ .ant-float-btn-leave-bottom {
32026
+ animation: leave-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32027
+ }
32028
+ .ant-float-btn-enter-left {
32029
+ animation: enter-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32030
+ }
32031
+ .ant-float-btn-leave-left {
32032
+ animation: leave-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32033
+ }
32034
+ .ant-float-btn-enter-right {
32035
+ animation: enter-right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32036
+ }
32037
+ .ant-float-btn-leave-right {
32038
+ animation: leave-right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32039
+ }
32040
+ @keyframes enter-top {
32041
+ from {
32042
+ transform: translateY(40px);
32043
+ opacity: 0;
32044
+ }
32045
+ to {
32046
+ transform: translateY(0);
32047
+ opacity: 1;
32048
+ }
32049
+ }
32050
+ @keyframes enter-top {
32051
+ from {
32052
+ transform: translateY(40px);
32053
+ opacity: 0;
32054
+ }
32055
+ to {
32056
+ transform: translateY(0);
32057
+ opacity: 1;
32058
+ }
32059
+ }
32060
+ @keyframes leave-top {
32061
+ from {
32062
+ transform: translateY(0);
32063
+ opacity: 1;
32064
+ }
32065
+ to {
32066
+ transform: translateY(40px);
32067
+ opacity: 0;
32068
+ }
32069
+ }
32070
+ @keyframes leave-top {
32071
+ from {
32072
+ transform: translateY(0);
32073
+ opacity: 1;
32074
+ }
32075
+ to {
32076
+ transform: translateY(40px);
32077
+ opacity: 0;
32078
+ }
32079
+ }
32080
+ @keyframes enter-bottom {
32081
+ from {
32082
+ transform: translateY(-40px);
32083
+ opacity: 0;
32084
+ }
32085
+ to {
32086
+ transform: translateY(0);
32087
+ opacity: 1;
32088
+ }
32089
+ }
32090
+ @keyframes enter-bottom {
32091
+ from {
32092
+ transform: translateY(-40px);
32093
+ opacity: 0;
32094
+ }
32095
+ to {
32096
+ transform: translateY(0);
32097
+ opacity: 1;
32098
+ }
32099
+ }
32100
+ @keyframes leave-bottom {
32101
+ from {
32102
+ transform: translateY(0);
32103
+ opacity: 1;
32104
+ }
32105
+ to {
32106
+ transform: translateY(-40px);
32107
+ opacity: 0;
32108
+ }
32109
+ }
32110
+ @keyframes leave-bottom {
32111
+ from {
32112
+ transform: translateY(0);
32113
+ opacity: 1;
32114
+ }
32115
+ to {
32116
+ transform: translateY(-40px);
32117
+ opacity: 0;
32118
+ }
32119
+ }
32120
+ @keyframes enter-left {
32121
+ from {
32122
+ transform: translateX(40px);
32123
+ opacity: 0;
32124
+ }
32125
+ to {
32126
+ transform: translateX(0);
32127
+ opacity: 1;
32128
+ }
32129
+ }
32130
+ @keyframes enter-left {
32131
+ from {
32132
+ transform: translateX(40px);
32133
+ opacity: 0;
32134
+ }
32135
+ to {
32136
+ transform: translateX(0);
32137
+ opacity: 1;
32138
+ }
32139
+ }
32140
+ @keyframes leave-left {
32141
+ from {
32142
+ transform: translateX(0);
32143
+ opacity: 1;
32144
+ }
32145
+ to {
32146
+ transform: translateX(40px);
32147
+ opacity: 0;
32148
+ }
32149
+ }
32150
+ @keyframes leave-left {
32151
+ from {
32152
+ transform: translateX(0);
32153
+ opacity: 1;
32154
+ }
32155
+ to {
32156
+ transform: translateX(40px);
32157
+ opacity: 0;
32158
+ }
32159
+ }
32160
+ @keyframes enter-right {
32161
+ from {
32162
+ transform: translateX(-40px);
32163
+ opacity: 0;
32164
+ }
32165
+ to {
32166
+ transform: translateX(0);
32167
+ opacity: 1;
32168
+ }
32169
+ }
32170
+ @keyframes enter-right {
32171
+ from {
32172
+ transform: translateX(-40px);
32173
+ opacity: 0;
32174
+ }
32175
+ to {
32176
+ transform: translateX(0);
32177
+ opacity: 1;
32178
+ }
32179
+ }
32180
+ @keyframes leave-right {
32181
+ from {
32182
+ transform: translateX(0);
32183
+ opacity: 1;
32184
+ }
32185
+ to {
32186
+ transform: translateX(-40px);
32187
+ opacity: 0;
32188
+ }
32189
+ }
32190
+ @keyframes leave-right {
32191
+ from {
32192
+ transform: translateX(0);
32193
+ opacity: 1;
32194
+ }
32195
+ to {
32196
+ transform: translateX(-40px);
32197
+ opacity: 0;
32198
+ }
32199
+ }
32200
+ .ant-float-btn-top .ant-float-btn-top-motion-enter {
32201
+ animation-name: antFadeIn;
32202
+ animation-duration: 0.2s;
32203
+ animation-timing-function: linear;
32204
+ animation-fill-mode: both;
32205
+ }
32206
+ .ant-float-btn-top .ant-float-btn-top-motion-leave {
32207
+ animation-name: antFadeOut;
32208
+ animation-duration: 0.2s;
32209
+ animation-timing-function: linear;
32210
+ animation-fill-mode: both;
32211
+ }
31995
32212
  .ant-check-list {
31996
32213
  position: fixed;
31997
32214
  right: 32px;
@@ -33049,6 +33266,9 @@ fieldset {
33049
33266
  .sf .ant-transfer .ant-btn + .ant-btn {
33050
33267
  margin-left: 0;
33051
33268
  }
33269
+ .sf .ant-mentions {
33270
+ display: inline-flex;
33271
+ }
33052
33272
  .sf__no-error .ant-form-item {
33053
33273
  margin-bottom: 8px;
33054
33274
  }
@@ -34969,7 +35189,7 @@ code {
34969
35189
  */
34970
35190
  .fixed-top {
34971
35191
  position: fixed;
34972
- z-index: 9;
35192
+ z-index: 100;
34973
35193
  top: 0;
34974
35194
  right: 0;
34975
35195
  left: 0;
@@ -34981,7 +35201,7 @@ code {
34981
35201
  */
34982
35202
  .fixed-bottom {
34983
35203
  position: fixed;
34984
- z-index: 9;
35204
+ z-index: 100;
34985
35205
  right: 0;
34986
35206
  bottom: 0;
34987
35207
  left: 0;
@@ -36090,7 +36310,8 @@ body {
36090
36310
  font-size: 12px;
36091
36311
  color: #8c8c8c;
36092
36312
  }
36093
- .alain-default__content nz-input-group {
36313
+ .alain-default__content nz-input-group,
36314
+ .alain-default__content nz-input-wrapper {
36094
36315
  width: auto;
36095
36316
  }
36096
36317
  .alain-default__hide-aside .alain-default__content {
@@ -36122,7 +36343,7 @@ body {
36122
36343
  }
36123
36344
  }
36124
36345
  .alain-default__header {
36125
- z-index: 19;
36346
+ z-index: 110;
36126
36347
  display: flex;
36127
36348
  align-items: center;
36128
36349
  width: 100%;
@@ -36268,7 +36489,7 @@ body {
36268
36489
  @media (max-width: 767px) {
36269
36490
  .alain-default__search {
36270
36491
  position: absolute;
36271
- z-index: 29;
36492
+ z-index: 120;
36272
36493
  top: 0;
36273
36494
  left: 0;
36274
36495
  align-items: center;
@@ -36312,7 +36533,7 @@ body {
36312
36533
  }
36313
36534
  .alain-default__aside {
36314
36535
  position: absolute;
36315
- z-index: 14;
36536
+ z-index: 105;
36316
36537
  top: 0;
36317
36538
  bottom: 0;
36318
36539
  overflow: hidden;
@@ -36399,7 +36620,7 @@ body {
36399
36620
  }
36400
36621
  .alain-default__progress-bar {
36401
36622
  position: fixed;
36402
- z-index: 29;
36623
+ z-index: 120;
36403
36624
  overflow: hidden;
36404
36625
  width: 100vw;
36405
36626
  height: 4px;
@@ -36575,7 +36796,7 @@ body {
36575
36796
  }
36576
36797
  .sidebar-nav__floating {
36577
36798
  position: absolute;
36578
- z-index: 16;
36799
+ z-index: 107;
36579
36800
  display: none;
36580
36801
  min-width: 160px;
36581
36802
  border: 1px solid var(--alain-default-heading-border, #efe3e5);
@@ -36693,7 +36914,7 @@ body {
36693
36914
  }
36694
36915
  .alain-default__fixed .reuse-tab {
36695
36916
  position: fixed;
36696
- z-index: 10;
36917
+ z-index: 101;
36697
36918
  top: var(--alain-default-header-hg, 64px);
36698
36919
  right: 24px;
36699
36920
  left: 224px;
@@ -37366,7 +37587,7 @@ ellipsis {
37366
37587
  }
37367
37588
  .footer-toolbar {
37368
37589
  position: fixed;
37369
- z-index: 9;
37590
+ z-index: 100;
37370
37591
  right: 0;
37371
37592
  bottom: 0;
37372
37593
  display: flex;
@@ -37668,7 +37889,7 @@ ellipsis {
37668
37889
  }
37669
37890
  .quick-menu {
37670
37891
  position: fixed;
37671
- z-index: 11;
37892
+ z-index: 102;
37672
37893
  right: -1px;
37673
37894
  left: auto;
37674
37895
  display: block;