@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/compact.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: 12px;
2150
- font-variant: tabular-nums;
2151
- line-height: 1.66667;
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: 28px;
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: 12px;
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.66667;
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%;
@@ -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: 14px;
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%;
@@ -30184,9 +30141,6 @@ nz-tree-view .ant-tree-list-holder-inner {
30184
30141
  .font-highlight {
30185
30142
  color: #ff4d4f;
30186
30143
  }
30187
- .ant-tree-child-tree {
30188
- overflow: hidden;
30189
- }
30190
30144
  nz-tree {
30191
30145
  display: block;
30192
30146
  }
@@ -31208,6 +31162,18 @@ nz-space-item {
31208
31162
  overflow: hidden;
31209
31163
  outline: none;
31210
31164
  }
31165
+ .ant-image-preview-fade-motion-enter {
31166
+ animation-name: antFadeIn;
31167
+ animation-duration: 0.2s;
31168
+ animation-timing-function: linear;
31169
+ animation-fill-mode: both;
31170
+ }
31171
+ .ant-image-preview-fade-motion-leave {
31172
+ animation-name: antFadeOut;
31173
+ animation-duration: 0.2s;
31174
+ animation-timing-function: linear;
31175
+ animation-fill-mode: both;
31176
+ }
31211
31177
  .cdk-overlay-backdrop.ant-image-preview-mask {
31212
31178
  opacity: 1;
31213
31179
  }
@@ -31343,26 +31309,16 @@ nz-space-item {
31343
31309
  .ant-qrcode-expired {
31344
31310
  color: rgba(0, 0, 0, 0.85);
31345
31311
  }
31346
- .ant-water-mark {
31347
- position: relative;
31348
- display: block;
31349
- }
31350
- .ant-color-picker {
31351
- position: absolute;
31352
- z-index: 1;
31312
+ .ant-color-picker-inner {
31353
31313
  display: block;
31354
- width: max-content;
31355
- min-width: 250px;
31356
- visibility: visible;
31357
31314
  }
31358
- .ant-color-picker-hidden {
31359
- display: none;
31360
- }
31361
- .ant-color-picker-panel {
31315
+ .ant-color-picker-inner-content {
31362
31316
  display: flex;
31363
31317
  flex-direction: column;
31364
- width: 250px;
31365
- border-radius: 2px;
31318
+ width: 234px;
31319
+ }
31320
+ .ant-color-picker-panel {
31321
+ user-select: none;
31366
31322
  }
31367
31323
  .ant-color-picker-panel-disabled {
31368
31324
  cursor: not-allowed;
@@ -31373,8 +31329,10 @@ nz-space-item {
31373
31329
  }
31374
31330
  .ant-color-picker-palette {
31375
31331
  position: relative;
31332
+ display: block;
31376
31333
  }
31377
31334
  .ant-color-picker-select {
31335
+ display: block;
31378
31336
  margin-bottom: 8px;
31379
31337
  }
31380
31338
  .ant-color-picker-select .ant-color-picker-palette {
@@ -31399,6 +31357,7 @@ nz-space-item {
31399
31357
  z-index: 1;
31400
31358
  }
31401
31359
  .ant-color-picker-handler {
31360
+ display: block;
31402
31361
  box-sizing: border-box;
31403
31362
  width: 16px;
31404
31363
  height: 16px;
@@ -31410,7 +31369,7 @@ nz-space-item {
31410
31369
  height: 12px;
31411
31370
  }
31412
31371
  .ant-color-picker-slider {
31413
- width: 100%;
31372
+ display: block;
31414
31373
  border-radius: 2px;
31415
31374
  }
31416
31375
  .ant-color-picker-slider .ant-color-picker-palette {
@@ -31458,10 +31417,10 @@ nz-space-item {
31458
31417
  }
31459
31418
  .ant-color-picker-color-block {
31460
31419
  position: relative;
31461
- width: 28px;
31462
- height: 28px;
31420
+ display: block;
31421
+ width: 24px;
31422
+ height: 24px;
31463
31423
  overflow: hidden;
31464
- 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);
31465
31424
  background-size: 50% 50%;
31466
31425
  border-radius: 2px;
31467
31426
  }
@@ -31521,6 +31480,7 @@ nz-space-item {
31521
31480
  }
31522
31481
  .ant-color-picker-input-container {
31523
31482
  display: flex;
31483
+ margin-bottom: 8px;
31524
31484
  }
31525
31485
  .ant-color-picker-input-container .ant-select {
31526
31486
  font-size: 12px;
@@ -31592,6 +31552,47 @@ nz-space-item {
31592
31552
  width: 16px;
31593
31553
  height: 16px;
31594
31554
  }
31555
+ .ant-color-picker-presets-wrapper {
31556
+ max-height: 200px;
31557
+ overflow-y: auto;
31558
+ }
31559
+ .ant-color-picker-presets-wrapper .ant-collapse {
31560
+ display: flex;
31561
+ flex-direction: column;
31562
+ gap: 0px;
31563
+ }
31564
+ .ant-color-picker-presets-wrapper .ant-collapse .ant-collapse-header {
31565
+ padding: 0 !important;
31566
+ font-size: 12px;
31567
+ }
31568
+ .ant-color-picker-presets-items {
31569
+ display: flex;
31570
+ flex-wrap: wrap;
31571
+ gap: 4px;
31572
+ padding: 4px 0;
31573
+ }
31574
+ .ant-color-picker-presets-color {
31575
+ position: relative;
31576
+ }
31577
+ .ant-color-picker-presets-color-checked::after {
31578
+ position: absolute;
31579
+ top: 50%;
31580
+ display: table;
31581
+ box-sizing: border-box;
31582
+ width: calc(120px / 13);
31583
+ height: calc(192px / 13);
31584
+ border: 2px solid #fff;
31585
+ border-top: 0;
31586
+ transform: translate(-50%, -60%) rotate(45deg);
31587
+ content: '';
31588
+ pointer-events: none;
31589
+ border-inline-start: 0;
31590
+ inset-inline-start: 46.5%;
31591
+ }
31592
+ .ant-color-picker-presets-color-bright.ant-color-picker-presets-color-checked::after,
31593
+ .ant-color-picker-presets-color-checked.ant-color-picker-presets-color-bright::after {
31594
+ border-color: rgba(0, 0, 0, 0.88);
31595
+ }
31595
31596
  .ant-hash-code {
31596
31597
  display: flex;
31597
31598
  flex-direction: column;
@@ -31718,21 +31719,17 @@ nz-space-item {
31718
31719
  }
31719
31720
  .ant-float-btn {
31720
31721
  position: fixed;
31722
+ bottom: 48px;
31721
31723
  z-index: 99;
31722
31724
  display: block;
31723
31725
  align-items: center;
31724
31726
  justify-content: center;
31725
31727
  width: 40px;
31726
31728
  height: 40px;
31727
- overflow: hidden;
31728
31729
  border: none;
31729
31730
  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);
31730
31731
  cursor: pointer;
31731
31732
  inset-inline-end: 24px;
31732
- inset-block-end: 48px;
31733
- }
31734
- .ant-float-btn-hidden {
31735
- display: none;
31736
31733
  }
31737
31734
  .ant-float-btn-pure {
31738
31735
  position: relative;
@@ -31741,6 +31738,16 @@ nz-space-item {
31741
31738
  .ant-float-btn:empty {
31742
31739
  display: none;
31743
31740
  }
31741
+ .ant-float-btn .ant-badge {
31742
+ width: 100%;
31743
+ height: 100%;
31744
+ }
31745
+ .ant-float-btn .ant-badge .ant-badge-count {
31746
+ top: 0px;
31747
+ transform: translate(0, 0);
31748
+ transform-origin: center;
31749
+ inset-inline-end: 0px;
31750
+ }
31744
31751
  .ant-float-btn-body {
31745
31752
  display: flex;
31746
31753
  align-items: center;
@@ -31755,14 +31762,14 @@ nz-space-item {
31755
31762
  align-items: center;
31756
31763
  justify-content: center;
31757
31764
  min-height: 40px;
31758
- padding: 2px 0px;
31765
+ padding: 0px / 2 0px;
31759
31766
  overflow: hidden;
31760
31767
  text-align: center;
31761
31768
  }
31762
31769
  .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon {
31763
31770
  width: 18px;
31764
31771
  margin: auto;
31765
- font-size: 16px;
31772
+ font-size: 18px;
31766
31773
  line-height: 1;
31767
31774
  text-align: center;
31768
31775
  }
@@ -31782,6 +31789,11 @@ nz-space-item {
31782
31789
  height: 40px;
31783
31790
  border-radius: 50%;
31784
31791
  }
31792
+ .ant-float-btn-circle .ant-badge .ant-badge-dot {
31793
+ top: 5.6px;
31794
+ inset-inline-end: 5.6px;
31795
+ }
31796
+ .ant-float-btn-circle .ant-float-btn-inner,
31785
31797
  .ant-float-btn-circle .ant-float-btn-body {
31786
31798
  border-radius: 50%;
31787
31799
  }
@@ -31790,6 +31802,10 @@ nz-space-item {
31790
31802
  min-height: 40px;
31791
31803
  border-radius: 2px;
31792
31804
  }
31805
+ .ant-float-btn-square .ant-badge .ant-badge-dot {
31806
+ top: 1px;
31807
+ inset-inline-end: 1px;
31808
+ }
31793
31809
  .ant-float-btn-square .ant-float-btn-body {
31794
31810
  height: auto;
31795
31811
  border-radius: 2px;
@@ -31935,6 +31951,10 @@ nz-space-item {
31935
31951
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
31936
31952
  border-bottom: 1px solid #d9d9d9;
31937
31953
  }
31954
+ .ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count {
31955
+ top: 0px;
31956
+ inset-inline-end: 0px;
31957
+ }
31938
31958
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
31939
31959
  border-radius: 2px;
31940
31960
  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);
@@ -31945,8 +31965,8 @@ nz-space-item {
31945
31965
  box-shadow: none;
31946
31966
  }
31947
31967
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31948
- width: 32px;
31949
- height: 32px;
31968
+ width: 40px;
31969
+ height: 40px;
31950
31970
  }
31951
31971
  .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31952
31972
  .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
@@ -31988,8 +32008,205 @@ nz-space-item {
31988
32008
  box-shadow: none;
31989
32009
  }
31990
32010
  .ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body {
31991
- width: 32px;
31992
- height: 32px;
32011
+ width: 40px;
32012
+ height: 40px;
32013
+ }
32014
+ /* stylelint-disable less/no-duplicate-variables */
32015
+ .ant-float-btn-enter-top {
32016
+ animation: enter-top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32017
+ }
32018
+ .ant-float-btn-leave-top {
32019
+ animation: leave-top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32020
+ }
32021
+ .ant-float-btn-enter-bottom {
32022
+ animation: enter-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32023
+ }
32024
+ .ant-float-btn-leave-bottom {
32025
+ animation: leave-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32026
+ }
32027
+ .ant-float-btn-enter-left {
32028
+ animation: enter-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32029
+ }
32030
+ .ant-float-btn-leave-left {
32031
+ animation: leave-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32032
+ }
32033
+ .ant-float-btn-enter-right {
32034
+ animation: enter-right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32035
+ }
32036
+ .ant-float-btn-leave-right {
32037
+ animation: leave-right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
32038
+ }
32039
+ @keyframes enter-top {
32040
+ from {
32041
+ transform: translateY(40px);
32042
+ opacity: 0;
32043
+ }
32044
+ to {
32045
+ transform: translateY(0);
32046
+ opacity: 1;
32047
+ }
32048
+ }
32049
+ @keyframes enter-top {
32050
+ from {
32051
+ transform: translateY(40px);
32052
+ opacity: 0;
32053
+ }
32054
+ to {
32055
+ transform: translateY(0);
32056
+ opacity: 1;
32057
+ }
32058
+ }
32059
+ @keyframes leave-top {
32060
+ from {
32061
+ transform: translateY(0);
32062
+ opacity: 1;
32063
+ }
32064
+ to {
32065
+ transform: translateY(40px);
32066
+ opacity: 0;
32067
+ }
32068
+ }
32069
+ @keyframes leave-top {
32070
+ from {
32071
+ transform: translateY(0);
32072
+ opacity: 1;
32073
+ }
32074
+ to {
32075
+ transform: translateY(40px);
32076
+ opacity: 0;
32077
+ }
32078
+ }
32079
+ @keyframes enter-bottom {
32080
+ from {
32081
+ transform: translateY(-40px);
32082
+ opacity: 0;
32083
+ }
32084
+ to {
32085
+ transform: translateY(0);
32086
+ opacity: 1;
32087
+ }
32088
+ }
32089
+ @keyframes enter-bottom {
32090
+ from {
32091
+ transform: translateY(-40px);
32092
+ opacity: 0;
32093
+ }
32094
+ to {
32095
+ transform: translateY(0);
32096
+ opacity: 1;
32097
+ }
32098
+ }
32099
+ @keyframes leave-bottom {
32100
+ from {
32101
+ transform: translateY(0);
32102
+ opacity: 1;
32103
+ }
32104
+ to {
32105
+ transform: translateY(-40px);
32106
+ opacity: 0;
32107
+ }
32108
+ }
32109
+ @keyframes leave-bottom {
32110
+ from {
32111
+ transform: translateY(0);
32112
+ opacity: 1;
32113
+ }
32114
+ to {
32115
+ transform: translateY(-40px);
32116
+ opacity: 0;
32117
+ }
32118
+ }
32119
+ @keyframes enter-left {
32120
+ from {
32121
+ transform: translateX(40px);
32122
+ opacity: 0;
32123
+ }
32124
+ to {
32125
+ transform: translateX(0);
32126
+ opacity: 1;
32127
+ }
32128
+ }
32129
+ @keyframes enter-left {
32130
+ from {
32131
+ transform: translateX(40px);
32132
+ opacity: 0;
32133
+ }
32134
+ to {
32135
+ transform: translateX(0);
32136
+ opacity: 1;
32137
+ }
32138
+ }
32139
+ @keyframes leave-left {
32140
+ from {
32141
+ transform: translateX(0);
32142
+ opacity: 1;
32143
+ }
32144
+ to {
32145
+ transform: translateX(40px);
32146
+ opacity: 0;
32147
+ }
32148
+ }
32149
+ @keyframes leave-left {
32150
+ from {
32151
+ transform: translateX(0);
32152
+ opacity: 1;
32153
+ }
32154
+ to {
32155
+ transform: translateX(40px);
32156
+ opacity: 0;
32157
+ }
32158
+ }
32159
+ @keyframes enter-right {
32160
+ from {
32161
+ transform: translateX(-40px);
32162
+ opacity: 0;
32163
+ }
32164
+ to {
32165
+ transform: translateX(0);
32166
+ opacity: 1;
32167
+ }
32168
+ }
32169
+ @keyframes enter-right {
32170
+ from {
32171
+ transform: translateX(-40px);
32172
+ opacity: 0;
32173
+ }
32174
+ to {
32175
+ transform: translateX(0);
32176
+ opacity: 1;
32177
+ }
32178
+ }
32179
+ @keyframes leave-right {
32180
+ from {
32181
+ transform: translateX(0);
32182
+ opacity: 1;
32183
+ }
32184
+ to {
32185
+ transform: translateX(-40px);
32186
+ opacity: 0;
32187
+ }
32188
+ }
32189
+ @keyframes leave-right {
32190
+ from {
32191
+ transform: translateX(0);
32192
+ opacity: 1;
32193
+ }
32194
+ to {
32195
+ transform: translateX(-40px);
32196
+ opacity: 0;
32197
+ }
32198
+ }
32199
+ .ant-float-btn-top .ant-float-btn-top-motion-enter {
32200
+ animation-name: antFadeIn;
32201
+ animation-duration: 0.2s;
32202
+ animation-timing-function: linear;
32203
+ animation-fill-mode: both;
32204
+ }
32205
+ .ant-float-btn-top .ant-float-btn-top-motion-leave {
32206
+ animation-name: antFadeOut;
32207
+ animation-duration: 0.2s;
32208
+ animation-timing-function: linear;
32209
+ animation-fill-mode: both;
31993
32210
  }
31994
32211
  .ant-check-list {
31995
32212
  position: fixed;
@@ -33048,6 +33265,9 @@ fieldset {
33048
33265
  .sf .ant-transfer .ant-btn + .ant-btn {
33049
33266
  margin-left: 0;
33050
33267
  }
33268
+ .sf .ant-mentions {
33269
+ display: inline-flex;
33270
+ }
33051
33271
  .sf__no-error .ant-form-item {
33052
33272
  margin-bottom: 8px;
33053
33273
  }
@@ -34968,7 +35188,7 @@ code {
34968
35188
  */
34969
35189
  .fixed-top {
34970
35190
  position: fixed;
34971
- z-index: 9;
35191
+ z-index: 100;
34972
35192
  top: 0;
34973
35193
  right: 0;
34974
35194
  left: 0;
@@ -34980,7 +35200,7 @@ code {
34980
35200
  */
34981
35201
  .fixed-bottom {
34982
35202
  position: fixed;
34983
- z-index: 9;
35203
+ z-index: 100;
34984
35204
  right: 0;
34985
35205
  bottom: 0;
34986
35206
  left: 0;
@@ -36089,7 +36309,8 @@ body {
36089
36309
  font-size: 12px;
36090
36310
  color: #8c8c8c;
36091
36311
  }
36092
- .alain-default__content nz-input-group {
36312
+ .alain-default__content nz-input-group,
36313
+ .alain-default__content nz-input-wrapper {
36093
36314
  width: auto;
36094
36315
  }
36095
36316
  .alain-default__hide-aside .alain-default__content {
@@ -36121,7 +36342,7 @@ body {
36121
36342
  }
36122
36343
  }
36123
36344
  .alain-default__header {
36124
- z-index: 19;
36345
+ z-index: 110;
36125
36346
  display: flex;
36126
36347
  align-items: center;
36127
36348
  width: 100%;
@@ -36267,7 +36488,7 @@ body {
36267
36488
  @media (max-width: 767px) {
36268
36489
  .alain-default__search {
36269
36490
  position: absolute;
36270
- z-index: 29;
36491
+ z-index: 120;
36271
36492
  top: 0;
36272
36493
  left: 0;
36273
36494
  align-items: center;
@@ -36311,7 +36532,7 @@ body {
36311
36532
  }
36312
36533
  .alain-default__aside {
36313
36534
  position: absolute;
36314
- z-index: 14;
36535
+ z-index: 105;
36315
36536
  top: 0;
36316
36537
  bottom: 0;
36317
36538
  overflow: hidden;
@@ -36398,7 +36619,7 @@ body {
36398
36619
  }
36399
36620
  .alain-default__progress-bar {
36400
36621
  position: fixed;
36401
- z-index: 29;
36622
+ z-index: 120;
36402
36623
  overflow: hidden;
36403
36624
  width: 100vw;
36404
36625
  height: 4px;
@@ -36574,7 +36795,7 @@ body {
36574
36795
  }
36575
36796
  .sidebar-nav__floating {
36576
36797
  position: absolute;
36577
- z-index: 16;
36798
+ z-index: 107;
36578
36799
  display: none;
36579
36800
  min-width: 160px;
36580
36801
  border: 1px solid var(--alain-default-heading-border, #efe3e5);
@@ -36692,7 +36913,7 @@ body {
36692
36913
  }
36693
36914
  .alain-default__fixed .reuse-tab {
36694
36915
  position: fixed;
36695
- z-index: 10;
36916
+ z-index: 101;
36696
36917
  top: 56px;
36697
36918
  right: 24px;
36698
36919
  left: 224px;
@@ -37365,7 +37586,7 @@ ellipsis {
37365
37586
  }
37366
37587
  .footer-toolbar {
37367
37588
  position: fixed;
37368
- z-index: 9;
37589
+ z-index: 100;
37369
37590
  right: 0;
37370
37591
  bottom: 0;
37371
37592
  display: flex;
@@ -37667,7 +37888,7 @@ ellipsis {
37667
37888
  }
37668
37889
  .quick-menu {
37669
37890
  position: fixed;
37670
- z-index: 11;
37891
+ z-index: 102;
37671
37892
  right: -1px;
37672
37893
  left: auto;
37673
37894
  display: block;