@delon/theme 20.0.0 → 20.0.2

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.
Files changed (22) hide show
  1. package/compact.css +1693 -640
  2. package/compact.min.css +1 -1
  3. package/dark.css +1698 -645
  4. package/dark.min.css +1 -1
  5. package/default.css +1698 -645
  6. package/default.min.css +1 -1
  7. package/fesm2022/layout-default.mjs +28 -28
  8. package/fesm2022/layout-default.mjs.map +1 -1
  9. package/fesm2022/setting-drawer.mjs +10 -10
  10. package/fesm2022/setting-drawer.mjs.map +1 -1
  11. package/fesm2022/theme-btn.mjs +9 -9
  12. package/fesm2022/theme-btn.mjs.map +1 -1
  13. package/fesm2022/theme.mjs +66 -66
  14. package/fesm2022/theme.mjs.map +1 -1
  15. package/layout-default/index.d.ts +3 -3
  16. package/layout-default/style/_aside.less +0 -1
  17. package/package.json +6 -6
  18. package/setting-drawer/index.d.ts +2 -2
  19. package/system/antd/_modal.less +1 -1
  20. package/theme-btn/index.d.ts +3 -3
  21. package/variable.css +1698 -645
  22. package/variable.min.css +1 -1
package/compact.css CHANGED
@@ -5425,48 +5425,84 @@ nz-card-loading {
5425
5425
  .ant-carousel .slick-next {
5426
5426
  position: absolute;
5427
5427
  top: 50%;
5428
- display: block;
5429
- width: 20px;
5430
- height: 20px;
5431
- margin-top: -10px;
5428
+ z-index: 1;
5429
+ display: inline-block;
5430
+ width: 16px;
5431
+ height: 16px;
5432
+ margin: 0;
5432
5433
  padding: 0;
5433
- color: transparent;
5434
+ color: #fff;
5434
5435
  font-size: 0;
5435
5436
  line-height: 0;
5436
5437
  background: transparent;
5437
5438
  border: 0;
5439
+ border-radius: 0;
5438
5440
  outline: none;
5441
+ transform: translateY(-50%);
5439
5442
  cursor: pointer;
5443
+ opacity: 0.3;
5444
+ transition: color 0.3s, opacity 0.3s;
5445
+ }
5446
+ .ant-carousel .slick-prev::after,
5447
+ .ant-carousel .slick-next::after {
5448
+ position: absolute;
5449
+ top: 2.3px;
5450
+ display: inline-block;
5451
+ box-sizing: border-box;
5452
+ width: 11.3px;
5453
+ height: 11.3px;
5454
+ border: 0 solid currentcolor;
5455
+ border-radius: 1px;
5456
+ opacity: 1;
5457
+ content: '';
5458
+ inset-inline-start: 2.3px;
5459
+ border-inline-start-width: 2px;
5460
+ border-block-start-width: 2px;
5440
5461
  }
5441
5462
  .ant-carousel .slick-prev:hover,
5442
5463
  .ant-carousel .slick-next:hover,
5443
5464
  .ant-carousel .slick-prev:focus,
5444
5465
  .ant-carousel .slick-next:focus {
5445
- color: transparent;
5446
- background: transparent;
5466
+ color: #fff;
5447
5467
  outline: none;
5448
- }
5449
- .ant-carousel .slick-prev:hover::before,
5450
- .ant-carousel .slick-next:hover::before,
5451
- .ant-carousel .slick-prev:focus::before,
5452
- .ant-carousel .slick-next:focus::before {
5453
5468
  opacity: 1;
5454
5469
  }
5455
- .ant-carousel .slick-prev.slick-disabled::before,
5456
- .ant-carousel .slick-next.slick-disabled::before {
5457
- opacity: 0.25;
5470
+ .ant-carousel .slick-prev.slick-disabled,
5471
+ .ant-carousel .slick-next.slick-disabled {
5472
+ display: none;
5458
5473
  }
5459
5474
  .ant-carousel .slick-prev {
5460
- left: -25px;
5475
+ right: auto;
5476
+ left: 12px;
5461
5477
  }
5462
- .ant-carousel .slick-prev::before {
5463
- content: '←';
5478
+ .ant-carousel .slick-prev::after {
5479
+ transform: rotate(-45deg);
5464
5480
  }
5465
5481
  .ant-carousel .slick-next {
5466
- right: -25px;
5482
+ right: 12px;
5483
+ left: auto;
5484
+ }
5485
+ .ant-carousel .slick-next::after {
5486
+ transform: rotate(135deg);
5487
+ }
5488
+ .ant-carousel .slick-vertical .slick-prev {
5489
+ top: 12px;
5490
+ right: auto;
5491
+ left: 50%;
5492
+ transform: translateX(-50%);
5493
+ }
5494
+ .ant-carousel .slick-vertical .slick-prev::after {
5495
+ transform: rotate(45deg);
5467
5496
  }
5468
- .ant-carousel .slick-next::before {
5469
- content: '→';
5497
+ .ant-carousel .slick-vertical .slick-next {
5498
+ top: auto;
5499
+ right: auto;
5500
+ bottom: 12px;
5501
+ left: 50%;
5502
+ transform: translateX(-50%);
5503
+ }
5504
+ .ant-carousel .slick-vertical .slick-next::after {
5505
+ transform: rotate(-135deg);
5470
5506
  }
5471
5507
  .ant-carousel .slick-dots {
5472
5508
  position: absolute;
@@ -5580,23 +5616,23 @@ nz-card-loading {
5580
5616
  .ant-carousel-rtl {
5581
5617
  direction: rtl;
5582
5618
  }
5583
- .ant-carousel-rtl .ant-carousel .slick-track {
5584
- right: 0;
5585
- left: auto;
5619
+ .ant-carousel-rtl .slick-next {
5620
+ right: auto;
5621
+ left: 12px;
5586
5622
  }
5587
- .ant-carousel-rtl .ant-carousel .slick-prev {
5588
- right: -25px;
5589
- left: auto;
5623
+ .ant-carousel-rtl .slick-next::after {
5624
+ transform: rotate(-45deg);
5590
5625
  }
5591
- .ant-carousel-rtl .ant-carousel .slick-prev::before {
5592
- content: '→';
5626
+ .ant-carousel-rtl .slick-prev {
5627
+ right: 12px;
5628
+ left: auto;
5593
5629
  }
5594
- .ant-carousel-rtl .ant-carousel .slick-next {
5595
- right: auto;
5596
- left: -25px;
5630
+ .ant-carousel-rtl .slick-prev::after {
5631
+ transform: rotate(135deg);
5597
5632
  }
5598
- .ant-carousel-rtl .ant-carousel .slick-next::before {
5599
- content: '←';
5633
+ .ant-carousel-rtl .ant-carousel .slick-track {
5634
+ right: 0;
5635
+ left: auto;
5600
5636
  }
5601
5637
  .ant-carousel-rtl.ant-carousel .slick-dots {
5602
5638
  flex-direction: row-reverse;
@@ -5604,6 +5640,12 @@ nz-card-loading {
5604
5640
  .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
5605
5641
  flex-direction: column;
5606
5642
  }
5643
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after {
5644
+ transform: rotate(45deg);
5645
+ }
5646
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after {
5647
+ transform: rotate(-135deg);
5648
+ }
5607
5649
  nz-carousel {
5608
5650
  position: relative;
5609
5651
  display: block;
@@ -5976,6 +6018,24 @@ nz-carousel {
5976
6018
  color: rgba(0, 0, 0, 0.25);
5977
6019
  cursor: not-allowed;
5978
6020
  }
6021
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
6022
+ padding: 8px 12px;
6023
+ padding-inline-start: 8px;
6024
+ }
6025
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6026
+ padding: 12px;
6027
+ }
6028
+ .ant-collapse-large > .ant-collapse-item {
6029
+ font-size: 16px;
6030
+ line-height: 1.5;
6031
+ }
6032
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
6033
+ padding: 16px 24px;
6034
+ padding-inline-start: 16px;
6035
+ }
6036
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6037
+ padding: 24px;
6038
+ }
5979
6039
  .ant-collapse-rtl {
5980
6040
  direction: rtl;
5981
6041
  }
@@ -6406,6 +6466,9 @@ nz-comment-content {
6406
6466
  border-radius: 0 !important;
6407
6467
  box-shadow: none !important;
6408
6468
  }
6469
+ .ant-picker-input > input-underlined:hover.ant-picker-input > input:not(.ant-picker-input > input-focused) {
6470
+ border-color: #d9d9d9 !important;
6471
+ }
6409
6472
  textarea.ant-picker-input > input {
6410
6473
  max-width: 100%;
6411
6474
  height: auto;
@@ -6547,6 +6610,7 @@ textarea.ant-picker-input > input {
6547
6610
  line-height: 1.66667;
6548
6611
  list-style: none;
6549
6612
  font-feature-settings: 'tnum';
6613
+ --antd-arrow-background-color: #fff;
6550
6614
  position: absolute;
6551
6615
  top: -9999px;
6552
6616
  left: -9999px;
@@ -6555,15 +6619,17 @@ textarea.ant-picker-input > input {
6555
6619
  .ant-picker-dropdown-hidden {
6556
6620
  display: none;
6557
6621
  }
6558
- .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
6559
- top: 2.58561808px;
6622
+ .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow,
6623
+ .ant-picker-dropdown-placement-bottomRight .ant-picker-range-arrow {
6624
+ top: 0;
6560
6625
  display: block;
6561
- transform: rotate(-135deg) translateY(1px);
6626
+ transform: translateY(-100%);
6562
6627
  }
6563
- .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
6564
- bottom: 2.58561808px;
6628
+ .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow,
6629
+ .ant-picker-dropdown-placement-topRight .ant-picker-range-arrow {
6630
+ bottom: 0;
6565
6631
  display: block;
6566
- transform: rotate(45deg);
6632
+ transform: translateY(100%) rotate(180deg);
6567
6633
  }
6568
6634
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
6569
6635
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
@@ -6586,7 +6652,7 @@ textarea.ant-picker-input > input {
6586
6652
  animation-name: antSlideUpOut;
6587
6653
  }
6588
6654
  .ant-picker-dropdown-range {
6589
- padding: 7.54247233px 0;
6655
+ margin-block: 10.66666667px;
6590
6656
  }
6591
6657
  .ant-picker-dropdown-range-hidden {
6592
6658
  display: none;
@@ -6621,39 +6687,63 @@ textarea.ant-picker-input > input {
6621
6687
  .ant-picker-range-arrow {
6622
6688
  position: absolute;
6623
6689
  z-index: 1;
6624
- width: 11.3137085px;
6625
- height: 11.3137085px;
6690
+ box-sizing: content-box;
6626
6691
  margin-left: 10.5px;
6627
- box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
6628
6692
  transition: left 0.3s ease-out;
6629
- border-radius: 0 0 2px;
6693
+ width: 16px;
6694
+ height: 16px;
6695
+ overflow: hidden;
6630
6696
  pointer-events: none;
6631
6697
  }
6632
6698
  .ant-picker-range-arrow::before {
6633
6699
  position: absolute;
6634
- top: -11.3137085px;
6635
- left: -11.3137085px;
6636
- width: 33.9411255px;
6637
- height: 33.9411255px;
6638
- background: #fff;
6639
- background-repeat: no-repeat;
6640
- background-position: -10px -10px;
6700
+ bottom: 0;
6701
+ width: 16px;
6702
+ height: calc(16px / 2);
6703
+ background: var(--antd-arrow-background-color);
6704
+ content: '';
6705
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6706
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
6707
+ inset-inline-start: 0;
6708
+ }
6709
+ .ant-picker-range-arrow::after {
6710
+ position: absolute;
6711
+ bottom: 0;
6712
+ z-index: 0;
6713
+ width: 8.97056275px;
6714
+ height: 8.97056275px;
6715
+ margin: auto;
6716
+ background: transparent;
6717
+ border-radius: 0 0 2px;
6718
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6719
+ transform: translateY(50%) rotate(-135deg);
6641
6720
  content: '';
6642
- clip-path: inset(33% 33%);
6643
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
6721
+ inset-inline: 0;
6644
6722
  }
6645
6723
  .ant-picker-range-arrow::before {
6646
6724
  position: absolute;
6647
- top: -11.3137085px;
6648
- left: -11.3137085px;
6649
- width: 33.9411255px;
6650
- height: 33.9411255px;
6651
- background: #fff;
6652
- background-repeat: no-repeat;
6653
- background-position: -10px -10px;
6725
+ bottom: 0;
6726
+ width: 16px;
6727
+ height: calc(16px / 2);
6728
+ background: var(--antd-arrow-background-color);
6729
+ content: '';
6730
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6731
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
6732
+ inset-inline-start: 0;
6733
+ }
6734
+ .ant-picker-range-arrow::after {
6735
+ position: absolute;
6736
+ bottom: 0;
6737
+ z-index: 0;
6738
+ width: 8.97056275px;
6739
+ height: 8.97056275px;
6740
+ margin: auto;
6741
+ background: transparent;
6742
+ border-radius: 0 0 2px;
6743
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6744
+ transform: translateY(50%) rotate(-135deg);
6654
6745
  content: '';
6655
- clip-path: inset(33% 33%);
6656
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
6746
+ inset-inline: 0;
6657
6747
  }
6658
6748
  .ant-picker-panel-container {
6659
6749
  overflow: hidden;
@@ -6671,16 +6761,13 @@ textarea.ant-picker-input > input {
6671
6761
  .ant-picker-panel-container .ant-picker-panel {
6672
6762
  vertical-align: top;
6673
6763
  background: transparent;
6674
- border-width: 0 0 1px;
6764
+ border: none;
6675
6765
  border-radius: 0;
6676
6766
  }
6677
6767
  .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
6678
6768
  .ant-picker-panel-container .ant-picker-panel table {
6679
6769
  text-align: center;
6680
6770
  }
6681
- .ant-picker-panel-container .ant-picker-panel-focused {
6682
- border-color: #f0f0f0;
6683
- }
6684
6771
  .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
6685
6772
  margin-right: -1px;
6686
6773
  }
@@ -7752,6 +7839,12 @@ nz-descriptions {
7752
7839
  .ant-divider-vertical.ant-divider-dotted {
7753
7840
  border-width: 0 0 0 1px;
7754
7841
  }
7842
+ .ant-divider-sm {
7843
+ margin-block: 4px;
7844
+ }
7845
+ .ant-divider-md {
7846
+ margin-block: 8px;
7847
+ }
7755
7848
  .ant-drawer {
7756
7849
  position: fixed;
7757
7850
  top: 0;
@@ -8033,6 +8126,7 @@ nz-descriptions {
8033
8126
  line-height: 1.66667;
8034
8127
  list-style: none;
8035
8128
  font-feature-settings: 'tnum';
8129
+ --antd-arrow-background-color: #fff;
8036
8130
  position: absolute;
8037
8131
  top: -9999px;
8038
8132
  left: -9999px;
@@ -8041,13 +8135,10 @@ nz-descriptions {
8041
8135
  }
8042
8136
  .ant-dropdown::before {
8043
8137
  position: absolute;
8044
- top: -4px;
8045
- right: 0;
8046
- bottom: -4px;
8047
- left: -7px;
8138
+ inset-block: calc(16px / 2 - calc(16px / 2 + 0px));
8048
8139
  z-index: -9999;
8049
8140
  opacity: 0.0001;
8050
- content: ' ';
8141
+ content: '';
8051
8142
  }
8052
8143
  .ant-dropdown-wrap {
8053
8144
  position: relative;
@@ -8066,61 +8157,203 @@ nz-descriptions {
8066
8157
  .ant-dropdown-menu-submenu-hidden {
8067
8158
  display: none;
8068
8159
  }
8069
- .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
8070
- .ant-dropdown-show-arrow.ant-dropdown-placement-top,
8071
- .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
8072
- padding-bottom: 15.3137085px;
8160
+ .ant-dropdown-arrow {
8161
+ position: absolute;
8162
+ z-index: 1;
8163
+ display: block;
8164
+ width: 16px;
8165
+ height: 16px;
8166
+ overflow: hidden;
8167
+ pointer-events: none;
8168
+ }
8169
+ .ant-dropdown-arrow::before {
8170
+ position: absolute;
8171
+ bottom: 0;
8172
+ width: 16px;
8173
+ height: calc(16px / 2);
8174
+ background: var(--antd-arrow-background-color);
8175
+ content: '';
8176
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8177
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
8178
+ inset-inline-start: 0;
8179
+ }
8180
+ .ant-dropdown-arrow::after {
8181
+ position: absolute;
8182
+ bottom: 0;
8183
+ z-index: 0;
8184
+ width: 8.97056275px;
8185
+ height: 8.97056275px;
8186
+ margin: auto;
8187
+ background: transparent;
8188
+ border-radius: 0 0 2px;
8189
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8190
+ transform: translateY(50%) rotate(-135deg);
8191
+ content: '';
8192
+ inset-inline: 0;
8193
+ }
8194
+ .ant-dropdown-arrow::before {
8195
+ position: absolute;
8196
+ bottom: 0;
8197
+ width: 16px;
8198
+ height: calc(16px / 2);
8199
+ background: var(--antd-arrow-background-color);
8200
+ content: '';
8201
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8202
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
8203
+ inset-inline-start: 0;
8204
+ }
8205
+ .ant-dropdown-arrow::after {
8206
+ position: absolute;
8207
+ bottom: 0;
8208
+ z-index: 0;
8209
+ width: 8.97056275px;
8210
+ height: 8.97056275px;
8211
+ margin: auto;
8212
+ background: transparent;
8213
+ border-radius: 0 0 2px;
8214
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8215
+ transform: translateY(50%) rotate(-135deg);
8216
+ content: '';
8217
+ inset-inline: 0;
8218
+ }
8219
+ .ant-dropdown-arrow::before {
8220
+ background: var(--antd-arrow-background-color);
8221
+ }
8222
+ .ant-dropdown-placement-top > .ant-dropdown-arrow,
8223
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8224
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8225
+ bottom: 0px;
8226
+ transform: translateY(100%) rotate(180deg);
8227
+ }
8228
+ .ant-dropdown-placement-top > .ant-dropdown-arrow {
8229
+ left: 50%;
8230
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8231
+ }
8232
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8233
+ left: 16px;
8234
+ }
8235
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8236
+ right: 16px;
8237
+ }
8238
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8239
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8240
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8241
+ top: 0px;
8242
+ transform: translateY(-100%);
8243
+ }
8244
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8245
+ left: 50%;
8246
+ transform: translateX(-50%) translateY(-100%);
8247
+ }
8248
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8249
+ left: 16px;
8250
+ }
8251
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8252
+ right: 16px;
8253
+ }
8254
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8255
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8256
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8257
+ right: 0px;
8258
+ transform: translateX(100%) rotate(90deg);
8259
+ }
8260
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8261
+ top: 50%;
8262
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8263
+ }
8264
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8265
+ top: 16px;
8266
+ }
8267
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8268
+ bottom: 16px;
8269
+ }
8270
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8271
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8272
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8273
+ left: 0px;
8274
+ transform: translateX(-100%) rotate(-90deg);
8275
+ }
8276
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8277
+ top: 50%;
8278
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8279
+ }
8280
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8281
+ top: 16px;
8073
8282
  }
8074
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
8075
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
8076
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
8077
- padding-top: 15.3137085px;
8283
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8284
+ bottom: 16px;
8078
8285
  }
8079
8286
  .ant-dropdown-arrow {
8080
8287
  position: absolute;
8081
8288
  z-index: 1;
8082
8289
  display: block;
8083
- width: 11.3137085px;
8084
- height: 11.3137085px;
8085
- border-radius: 0 0 2px;
8290
+ width: 16px;
8291
+ height: 16px;
8292
+ overflow: hidden;
8086
8293
  pointer-events: none;
8087
8294
  }
8088
8295
  .ant-dropdown-arrow::before {
8089
8296
  position: absolute;
8090
- top: -11.3137085px;
8091
- left: -11.3137085px;
8092
- width: 33.9411255px;
8093
- height: 33.9411255px;
8094
- background: #fff;
8095
- background-repeat: no-repeat;
8096
- background-position: -10px -10px;
8297
+ bottom: 0;
8298
+ width: 16px;
8299
+ height: calc(16px / 2);
8300
+ background: var(--antd-arrow-background-color);
8301
+ content: '';
8302
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8303
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
8304
+ inset-inline-start: 0;
8305
+ }
8306
+ .ant-dropdown-arrow::after {
8307
+ position: absolute;
8308
+ bottom: 0;
8309
+ z-index: 0;
8310
+ width: 8.97056275px;
8311
+ height: 8.97056275px;
8312
+ margin: auto;
8313
+ background: transparent;
8314
+ border-radius: 0 0 2px;
8315
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8316
+ transform: translateY(50%) rotate(-135deg);
8097
8317
  content: '';
8098
- clip-path: inset(33% 33%);
8099
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
8318
+ inset-inline: 0;
8100
8319
  }
8101
8320
  .ant-dropdown-arrow::before {
8102
8321
  position: absolute;
8103
- top: -11.3137085px;
8104
- left: -11.3137085px;
8105
- width: 33.9411255px;
8106
- height: 33.9411255px;
8107
- background: #fff;
8108
- background-repeat: no-repeat;
8109
- background-position: -10px -10px;
8322
+ bottom: 0;
8323
+ width: 16px;
8324
+ height: calc(16px / 2);
8325
+ background: var(--antd-arrow-background-color);
8326
+ content: '';
8327
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8328
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
8329
+ inset-inline-start: 0;
8330
+ }
8331
+ .ant-dropdown-arrow::after {
8332
+ position: absolute;
8333
+ bottom: 0;
8334
+ z-index: 0;
8335
+ width: 8.97056275px;
8336
+ height: 8.97056275px;
8337
+ margin: auto;
8338
+ background: transparent;
8339
+ border-radius: 0 0 2px;
8340
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8341
+ transform: translateY(50%) rotate(-135deg);
8110
8342
  content: '';
8111
- clip-path: inset(33% 33%);
8112
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
8343
+ inset-inline: 0;
8344
+ }
8345
+ .ant-dropdown-arrow::before {
8346
+ background: var(--antd-arrow-background-color);
8113
8347
  }
8114
8348
  .ant-dropdown-placement-top > .ant-dropdown-arrow,
8115
8349
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8116
8350
  .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8117
- bottom: 10px;
8118
- box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
8119
- transform: rotate(45deg);
8351
+ bottom: 0px;
8352
+ transform: translateY(100%) rotate(180deg);
8120
8353
  }
8121
8354
  .ant-dropdown-placement-top > .ant-dropdown-arrow {
8122
8355
  left: 50%;
8123
- transform: translateX(-50%) rotate(45deg);
8356
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8124
8357
  }
8125
8358
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8126
8359
  left: 16px;
@@ -8131,13 +8364,12 @@ nz-descriptions {
8131
8364
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8132
8365
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8133
8366
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8134
- top: 9.41421356px;
8135
- box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
8136
- transform: rotate(-135deg) translateY(-0.5px);
8367
+ top: 0px;
8368
+ transform: translateY(-100%);
8137
8369
  }
8138
8370
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8139
8371
  left: 50%;
8140
- transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
8372
+ transform: translateX(-50%) translateY(-100%);
8141
8373
  }
8142
8374
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8143
8375
  left: 16px;
@@ -8145,6 +8377,38 @@ nz-descriptions {
8145
8377
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8146
8378
  right: 16px;
8147
8379
  }
8380
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8381
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8382
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8383
+ right: 0px;
8384
+ transform: translateX(100%) rotate(90deg);
8385
+ }
8386
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8387
+ top: 50%;
8388
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8389
+ }
8390
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8391
+ top: 16px;
8392
+ }
8393
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8394
+ bottom: 16px;
8395
+ }
8396
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8397
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8398
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8399
+ left: 0px;
8400
+ transform: translateX(-100%) rotate(-90deg);
8401
+ }
8402
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8403
+ top: 50%;
8404
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8405
+ }
8406
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8407
+ top: 16px;
8408
+ }
8409
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8410
+ bottom: 16px;
8411
+ }
8148
8412
  .ant-dropdown-menu {
8149
8413
  position: relative;
8150
8414
  margin: 0;
@@ -8436,11 +8700,10 @@ nz-descriptions {
8436
8700
  }
8437
8701
  .ant-dropdown {
8438
8702
  position: relative;
8439
- top: 0;
8440
- left: 0;
8441
- width: 100%;
8442
- margin-top: 6px;
8443
- margin-bottom: 6px;
8703
+ inset: 0;
8704
+ }
8705
+ .ant-dropdown:not(:has(.ant-dropdown-arrow)) {
8706
+ margin-block: calc(calc(16px / 2 + 0px) - 16px / 2);
8444
8707
  }
8445
8708
  .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
8446
8709
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
@@ -13905,6 +14168,9 @@ nz-empty {
13905
14168
  border-radius: 0 !important;
13906
14169
  box-shadow: none !important;
13907
14170
  }
14171
+ .ant-input-affix-wrapper-underlined:hover.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused) {
14172
+ border-color: #d9d9d9 !important;
14173
+ }
13908
14174
  textarea.ant-input-affix-wrapper {
13909
14175
  max-width: 100%;
13910
14176
  height: auto;
@@ -14239,6 +14505,9 @@ textarea.ant-input-affix-wrapper {
14239
14505
  border-radius: 0 !important;
14240
14506
  box-shadow: none !important;
14241
14507
  }
14508
+ .ant-input-underlined:hover.ant-input:not(.ant-input-focused) {
14509
+ border-color: #d9d9d9 !important;
14510
+ }
14242
14511
  textarea.ant-input {
14243
14512
  max-width: 100%;
14244
14513
  height: auto;
@@ -15400,6 +15669,9 @@ nz-form-item-feedback-icon.ant-input-suffix {
15400
15669
  border-radius: 0 !important;
15401
15670
  box-shadow: none !important;
15402
15671
  }
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;
15674
+ }
15403
15675
  textarea.ant-input-number-affix-wrapper {
15404
15676
  max-width: 100%;
15405
15677
  height: auto;
@@ -15696,6 +15968,9 @@ textarea.ant-input-number-affix-wrapper {
15696
15968
  border-radius: 0 !important;
15697
15969
  box-shadow: none !important;
15698
15970
  }
15971
+ .ant-input-number-underlined:hover.ant-input-number:not(.ant-input-number-focused) {
15972
+ border-color: #d9d9d9 !important;
15973
+ }
15699
15974
  textarea.ant-input-number {
15700
15975
  max-width: 100%;
15701
15976
  height: auto;
@@ -18958,6 +19233,9 @@ nz-list-item-extra {
18958
19233
  border-radius: 0 !important;
18959
19234
  box-shadow: none !important;
18960
19235
  }
19236
+ .ant-mentions-underlined:hover.ant-mentions:not(.ant-mentions-focused) {
19237
+ border-color: #d9d9d9 !important;
19238
+ }
18961
19239
  textarea.ant-mentions {
18962
19240
  max-width: 100%;
18963
19241
  height: auto;
@@ -18986,7 +19264,7 @@ textarea.ant-mentions {
18986
19264
  /* stylelint-disable-next-line property-no-vendor-prefix */
18987
19265
  -webkit-appearance: none;
18988
19266
  }
18989
- .ant-mentions-disabled > textarea {
19267
+ .ant-mentions-disabled > .ant-input {
18990
19268
  background-color: #f5f5f5;
18991
19269
  border-color: #d9d9d9;
18992
19270
  box-shadow: none;
@@ -18995,7 +19273,7 @@ textarea.ant-mentions {
18995
19273
  pointer-events: none;
18996
19274
  color: rgba(0, 0, 0, 0.25);
18997
19275
  }
18998
- .ant-mentions-disabled > textarea:hover {
19276
+ .ant-mentions-disabled > .ant-input:hover {
18999
19277
  border-color: #d9d9d9;
19000
19278
  border-right-width: 1px;
19001
19279
  }
@@ -19009,7 +19287,7 @@ textarea.ant-mentions {
19009
19287
  border-right-width: 0;
19010
19288
  border-left-width: 1px !important;
19011
19289
  }
19012
- .ant-mentions > textarea,
19290
+ .ant-mentions > .ant-input,
19013
19291
  .ant-mentions-measure {
19014
19292
  min-height: 26px;
19015
19293
  margin: 0;
@@ -19036,24 +19314,25 @@ textarea.ant-mentions {
19036
19314
  word-break: inherit;
19037
19315
  tab-size: inherit;
19038
19316
  }
19039
- .ant-mentions > textarea {
19317
+ .ant-mentions > .ant-input {
19040
19318
  width: 100%;
19319
+ background-color: inherit;
19041
19320
  border: none;
19042
19321
  outline: none;
19043
19322
  resize: none;
19044
19323
  }
19045
- .ant-mentions > textarea::placeholder {
19324
+ .ant-mentions > .ant-input::placeholder {
19046
19325
  color: #bfbfbf;
19047
19326
  user-select: none;
19048
19327
  }
19049
- .ant-mentions > textarea:placeholder-shown {
19328
+ .ant-mentions > .ant-input:placeholder-shown {
19050
19329
  text-overflow: ellipsis;
19051
19330
  }
19052
- .ant-mentions > textarea::placeholder {
19331
+ .ant-mentions > .ant-input::placeholder {
19053
19332
  color: #bfbfbf;
19054
19333
  user-select: none;
19055
19334
  }
19056
- .ant-mentions > textarea:placeholder-shown {
19335
+ .ant-mentions > .ant-input:placeholder-shown {
19057
19336
  text-overflow: ellipsis;
19058
19337
  }
19059
19338
  .ant-mentions-measure {
@@ -19151,6 +19430,21 @@ textarea.ant-mentions {
19151
19430
  align-items: center;
19152
19431
  margin: auto;
19153
19432
  }
19433
+ .ant-mentions-clear-icon {
19434
+ padding: 0;
19435
+ color: rgba(0, 0, 0, 0.25);
19436
+ font-size: 12px;
19437
+ line-height: 0;
19438
+ vertical-align: -1px;
19439
+ background-color: transparent;
19440
+ border: none;
19441
+ outline: none;
19442
+ cursor: pointer;
19443
+ transition: color 0.3s;
19444
+ }
19445
+ .ant-mentions-clear-icon:hover {
19446
+ color: rgba(0, 0, 0, 0.45);
19447
+ }
19154
19448
  .ant-mentions-rtl {
19155
19449
  direction: rtl;
19156
19450
  }
@@ -20360,6 +20654,9 @@ nz-page-header-footer {
20360
20654
  border-radius: 0 !important;
20361
20655
  box-shadow: none !important;
20362
20656
  }
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;
20659
+ }
20363
20660
  textarea.ant-pagination-options-quick-jumper input {
20364
20661
  max-width: 100%;
20365
20662
  height: auto;
@@ -20590,6 +20887,7 @@ nz-pagination {
20590
20887
  line-height: 1.66667;
20591
20888
  list-style: none;
20592
20889
  font-feature-settings: 'tnum';
20890
+ --antd-arrow-background-color: #fff;
20593
20891
  position: absolute;
20594
20892
  top: 0;
20595
20893
  left: 0;
@@ -20612,26 +20910,6 @@ nz-pagination {
20612
20910
  .ant-popover-hidden {
20613
20911
  display: none;
20614
20912
  }
20615
- .ant-popover-placement-top,
20616
- .ant-popover-placement-topLeft,
20617
- .ant-popover-placement-topRight {
20618
- padding-bottom: 15.3137085px;
20619
- }
20620
- .ant-popover-placement-right,
20621
- .ant-popover-placement-rightTop,
20622
- .ant-popover-placement-rightBottom {
20623
- padding-left: 15.3137085px;
20624
- }
20625
- .ant-popover-placement-bottom,
20626
- .ant-popover-placement-bottomLeft,
20627
- .ant-popover-placement-bottomRight {
20628
- padding-top: 15.3137085px;
20629
- }
20630
- .ant-popover-placement-left,
20631
- .ant-popover-placement-leftTop,
20632
- .ant-popover-placement-leftBottom {
20633
- padding-right: 15.3137085px;
20634
- }
20635
20913
  .ant-popover-inner {
20636
20914
  background-color: #fff;
20637
20915
  background-clip: padding-box;
@@ -20682,219 +20960,332 @@ nz-pagination {
20682
20960
  }
20683
20961
  .ant-popover-arrow {
20684
20962
  position: absolute;
20963
+ z-index: 1;
20685
20964
  display: block;
20686
- width: 22px;
20687
- height: 22px;
20965
+ width: 16px;
20966
+ height: 16px;
20688
20967
  overflow: hidden;
20689
- background: transparent;
20690
20968
  pointer-events: none;
20691
20969
  }
20692
- .ant-popover-arrow-content {
20693
- --antd-arrow-background-color: #fff;
20970
+ .ant-popover-arrow::before {
20694
20971
  position: absolute;
20695
- top: 0;
20696
- right: 0;
20697
20972
  bottom: 0;
20698
- left: 0;
20699
- display: block;
20700
- width: 11.3137085px;
20701
- height: 11.3137085px;
20702
- margin: auto;
20973
+ width: 16px;
20974
+ height: calc(16px / 2);
20975
+ background: var(--antd-arrow-background-color);
20703
20976
  content: '';
20704
- pointer-events: auto;
20705
- border-radius: 0 0 2px;
20706
- pointer-events: none;
20977
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
20978
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
20979
+ inset-inline-start: 0;
20707
20980
  }
20708
- .ant-popover-arrow-content::before {
20981
+ .ant-popover-arrow::after {
20709
20982
  position: absolute;
20710
- top: -11.3137085px;
20711
- left: -11.3137085px;
20712
- width: 33.9411255px;
20713
- height: 33.9411255px;
20714
- background: var(--antd-arrow-background-color);
20715
- background-repeat: no-repeat;
20716
- background-position: -10px -10px;
20983
+ bottom: 0;
20984
+ z-index: 0;
20985
+ width: 8.97056275px;
20986
+ height: 8.97056275px;
20987
+ margin: auto;
20988
+ background: transparent;
20989
+ border-radius: 0 0 2px;
20990
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
20991
+ transform: translateY(50%) rotate(-135deg);
20717
20992
  content: '';
20718
- clip-path: inset(33% 33%);
20719
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
20993
+ inset-inline: 0;
20720
20994
  }
20721
- .ant-popover-arrow-content::before {
20995
+ .ant-popover-arrow::before {
20722
20996
  position: absolute;
20723
- top: -11.3137085px;
20724
- left: -11.3137085px;
20725
- width: 33.9411255px;
20726
- height: 33.9411255px;
20997
+ bottom: 0;
20998
+ width: 16px;
20999
+ height: calc(16px / 2);
20727
21000
  background: var(--antd-arrow-background-color);
20728
- background-repeat: no-repeat;
20729
- background-position: -10px -10px;
20730
21001
  content: '';
20731
- clip-path: inset(33% 33%);
20732
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
21002
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21003
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
21004
+ inset-inline-start: 0;
20733
21005
  }
20734
- .ant-popover-placement-top .ant-popover-arrow,
20735
- .ant-popover-placement-topLeft .ant-popover-arrow,
20736
- .ant-popover-placement-topRight .ant-popover-arrow {
21006
+ .ant-popover-arrow::after {
21007
+ position: absolute;
20737
21008
  bottom: 0;
20738
- transform: translateY(100%);
21009
+ z-index: 0;
21010
+ width: 8.97056275px;
21011
+ height: 8.97056275px;
21012
+ margin: auto;
21013
+ background: transparent;
21014
+ border-radius: 0 0 2px;
21015
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21016
+ transform: translateY(50%) rotate(-135deg);
21017
+ content: '';
21018
+ inset-inline: 0;
21019
+ }
21020
+ .ant-popover-arrow::before {
21021
+ background: var(--antd-arrow-background-color);
20739
21022
  }
20740
- .ant-popover-placement-top .ant-popover-arrow-content,
20741
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
20742
- .ant-popover-placement-topRight .ant-popover-arrow-content {
20743
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20744
- transform: translateY(-11px) rotate(45deg);
21023
+ .ant-popover-placement-top > .ant-popover-arrow,
21024
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21025
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21026
+ bottom: 0px;
21027
+ transform: translateY(100%) rotate(180deg);
20745
21028
  }
20746
- .ant-popover-placement-top .ant-popover-arrow {
21029
+ .ant-popover-placement-top > .ant-popover-arrow {
20747
21030
  left: 50%;
20748
- transform: translateY(100%) translateX(-50%);
21031
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
20749
21032
  }
20750
- .ant-popover-placement-topLeft .ant-popover-arrow {
21033
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
20751
21034
  left: 16px;
20752
21035
  }
20753
- .ant-popover-placement-topRight .ant-popover-arrow {
21036
+ .ant-popover-placement-topRight > .ant-popover-arrow {
20754
21037
  right: 16px;
20755
21038
  }
20756
- .ant-popover-placement-right .ant-popover-arrow,
20757
- .ant-popover-placement-rightTop .ant-popover-arrow,
20758
- .ant-popover-placement-rightBottom .ant-popover-arrow {
20759
- left: 0;
20760
- transform: translateX(-100%);
21039
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21040
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21041
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21042
+ top: 0px;
21043
+ transform: translateY(-100%);
20761
21044
  }
20762
- .ant-popover-placement-right .ant-popover-arrow-content,
20763
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
20764
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
20765
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20766
- transform: translateX(11px) rotate(135deg);
21045
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21046
+ left: 50%;
21047
+ transform: translateX(-50%) translateY(-100%);
21048
+ }
21049
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21050
+ left: 16px;
21051
+ }
21052
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21053
+ right: 16px;
21054
+ }
21055
+ .ant-popover-placement-left > .ant-popover-arrow,
21056
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21057
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21058
+ right: 0px;
21059
+ transform: translateX(100%) rotate(90deg);
20767
21060
  }
20768
- .ant-popover-placement-right .ant-popover-arrow {
21061
+ .ant-popover-placement-left > .ant-popover-arrow {
20769
21062
  top: 50%;
20770
- transform: translateX(-100%) translateY(-50%);
21063
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
20771
21064
  }
20772
- .ant-popover-placement-rightTop .ant-popover-arrow {
20773
- top: 12px;
21065
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21066
+ top: 16px;
20774
21067
  }
20775
- .ant-popover-placement-rightBottom .ant-popover-arrow {
20776
- bottom: 12px;
21068
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21069
+ bottom: 16px;
20777
21070
  }
20778
- .ant-popover-placement-bottom .ant-popover-arrow,
20779
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
20780
- .ant-popover-placement-bottomRight .ant-popover-arrow {
20781
- top: 0;
20782
- transform: translateY(-100%);
21071
+ .ant-popover-placement-right > .ant-popover-arrow,
21072
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21073
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21074
+ left: 0px;
21075
+ transform: translateX(-100%) rotate(-90deg);
21076
+ }
21077
+ .ant-popover-placement-right > .ant-popover-arrow {
21078
+ top: 50%;
21079
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21080
+ }
21081
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21082
+ top: 16px;
21083
+ }
21084
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21085
+ bottom: 16px;
21086
+ }
21087
+ .ant-popover-arrow {
21088
+ position: absolute;
21089
+ z-index: 1;
21090
+ display: block;
21091
+ width: 16px;
21092
+ height: 16px;
21093
+ overflow: hidden;
21094
+ pointer-events: none;
21095
+ }
21096
+ .ant-popover-arrow::before {
21097
+ position: absolute;
21098
+ bottom: 0;
21099
+ width: 16px;
21100
+ height: calc(16px / 2);
21101
+ background: var(--antd-arrow-background-color);
21102
+ content: '';
21103
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21104
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
21105
+ inset-inline-start: 0;
21106
+ }
21107
+ .ant-popover-arrow::after {
21108
+ position: absolute;
21109
+ bottom: 0;
21110
+ z-index: 0;
21111
+ width: 8.97056275px;
21112
+ height: 8.97056275px;
21113
+ margin: auto;
21114
+ background: transparent;
21115
+ border-radius: 0 0 2px;
21116
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21117
+ transform: translateY(50%) rotate(-135deg);
21118
+ content: '';
21119
+ inset-inline: 0;
21120
+ }
21121
+ .ant-popover-arrow::before {
21122
+ position: absolute;
21123
+ bottom: 0;
21124
+ width: 16px;
21125
+ height: calc(16px / 2);
21126
+ background: var(--antd-arrow-background-color);
21127
+ content: '';
21128
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21129
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
21130
+ inset-inline-start: 0;
21131
+ }
21132
+ .ant-popover-arrow::after {
21133
+ position: absolute;
21134
+ bottom: 0;
21135
+ z-index: 0;
21136
+ width: 8.97056275px;
21137
+ height: 8.97056275px;
21138
+ margin: auto;
21139
+ background: transparent;
21140
+ border-radius: 0 0 2px;
21141
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21142
+ transform: translateY(50%) rotate(-135deg);
21143
+ content: '';
21144
+ inset-inline: 0;
21145
+ }
21146
+ .ant-popover-arrow::before {
21147
+ background: var(--antd-arrow-background-color);
20783
21148
  }
20784
- .ant-popover-placement-bottom .ant-popover-arrow-content,
20785
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
20786
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
20787
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
20788
- transform: translateY(11px) rotate(-135deg);
21149
+ .ant-popover-placement-top > .ant-popover-arrow,
21150
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21151
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21152
+ bottom: 0px;
21153
+ transform: translateY(100%) rotate(180deg);
20789
21154
  }
20790
- .ant-popover-placement-bottom .ant-popover-arrow {
21155
+ .ant-popover-placement-top > .ant-popover-arrow {
20791
21156
  left: 50%;
20792
- transform: translateY(-100%) translateX(-50%);
21157
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
20793
21158
  }
20794
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
21159
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
20795
21160
  left: 16px;
20796
21161
  }
20797
- .ant-popover-placement-bottomRight .ant-popover-arrow {
21162
+ .ant-popover-placement-topRight > .ant-popover-arrow {
20798
21163
  right: 16px;
20799
21164
  }
20800
- .ant-popover-placement-left .ant-popover-arrow,
20801
- .ant-popover-placement-leftTop .ant-popover-arrow,
20802
- .ant-popover-placement-leftBottom .ant-popover-arrow {
20803
- right: 0;
20804
- transform: translateX(100%);
21165
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21166
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21167
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21168
+ top: 0px;
21169
+ transform: translateY(-100%);
21170
+ }
21171
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21172
+ left: 50%;
21173
+ transform: translateX(-50%) translateY(-100%);
21174
+ }
21175
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21176
+ left: 16px;
21177
+ }
21178
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21179
+ right: 16px;
20805
21180
  }
20806
- .ant-popover-placement-left .ant-popover-arrow-content,
20807
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
20808
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
20809
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20810
- transform: translateX(-11px) rotate(-45deg);
21181
+ .ant-popover-placement-left > .ant-popover-arrow,
21182
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21183
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21184
+ right: 0px;
21185
+ transform: translateX(100%) rotate(90deg);
20811
21186
  }
20812
- .ant-popover-placement-left .ant-popover-arrow {
21187
+ .ant-popover-placement-left > .ant-popover-arrow {
20813
21188
  top: 50%;
20814
- transform: translateX(100%) translateY(-50%);
21189
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
20815
21190
  }
20816
- .ant-popover-placement-leftTop .ant-popover-arrow {
20817
- top: 12px;
21191
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21192
+ top: 16px;
20818
21193
  }
20819
- .ant-popover-placement-leftBottom .ant-popover-arrow {
20820
- bottom: 12px;
21194
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21195
+ bottom: 16px;
21196
+ }
21197
+ .ant-popover-placement-right > .ant-popover-arrow,
21198
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21199
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21200
+ left: 0px;
21201
+ transform: translateX(-100%) rotate(-90deg);
21202
+ }
21203
+ .ant-popover-placement-right > .ant-popover-arrow {
21204
+ top: 50%;
21205
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21206
+ }
21207
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21208
+ top: 16px;
21209
+ }
21210
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21211
+ bottom: 16px;
20821
21212
  }
20822
21213
  .ant-popover-pink .ant-popover-inner {
20823
21214
  background-color: #eb2f96;
20824
21215
  }
20825
- .ant-popover-pink .ant-popover-arrow-content {
21216
+ .ant-popover-pink .ant-popover-arrow {
20826
21217
  background-color: #eb2f96;
20827
21218
  }
20828
21219
  .ant-popover-magenta .ant-popover-inner {
20829
21220
  background-color: #eb2f96;
20830
21221
  }
20831
- .ant-popover-magenta .ant-popover-arrow-content {
21222
+ .ant-popover-magenta .ant-popover-arrow {
20832
21223
  background-color: #eb2f96;
20833
21224
  }
20834
21225
  .ant-popover-red .ant-popover-inner {
20835
21226
  background-color: #f5222d;
20836
21227
  }
20837
- .ant-popover-red .ant-popover-arrow-content {
21228
+ .ant-popover-red .ant-popover-arrow {
20838
21229
  background-color: #f5222d;
20839
21230
  }
20840
21231
  .ant-popover-volcano .ant-popover-inner {
20841
21232
  background-color: #fa541c;
20842
21233
  }
20843
- .ant-popover-volcano .ant-popover-arrow-content {
21234
+ .ant-popover-volcano .ant-popover-arrow {
20844
21235
  background-color: #fa541c;
20845
21236
  }
20846
21237
  .ant-popover-orange .ant-popover-inner {
20847
21238
  background-color: #fa8c16;
20848
21239
  }
20849
- .ant-popover-orange .ant-popover-arrow-content {
21240
+ .ant-popover-orange .ant-popover-arrow {
20850
21241
  background-color: #fa8c16;
20851
21242
  }
20852
21243
  .ant-popover-yellow .ant-popover-inner {
20853
21244
  background-color: #fadb14;
20854
21245
  }
20855
- .ant-popover-yellow .ant-popover-arrow-content {
21246
+ .ant-popover-yellow .ant-popover-arrow {
20856
21247
  background-color: #fadb14;
20857
21248
  }
20858
21249
  .ant-popover-gold .ant-popover-inner {
20859
21250
  background-color: #faad14;
20860
21251
  }
20861
- .ant-popover-gold .ant-popover-arrow-content {
21252
+ .ant-popover-gold .ant-popover-arrow {
20862
21253
  background-color: #faad14;
20863
21254
  }
20864
21255
  .ant-popover-cyan .ant-popover-inner {
20865
21256
  background-color: #13c2c2;
20866
21257
  }
20867
- .ant-popover-cyan .ant-popover-arrow-content {
21258
+ .ant-popover-cyan .ant-popover-arrow {
20868
21259
  background-color: #13c2c2;
20869
21260
  }
20870
21261
  .ant-popover-lime .ant-popover-inner {
20871
21262
  background-color: #a0d911;
20872
21263
  }
20873
- .ant-popover-lime .ant-popover-arrow-content {
21264
+ .ant-popover-lime .ant-popover-arrow {
20874
21265
  background-color: #a0d911;
20875
21266
  }
20876
21267
  .ant-popover-green .ant-popover-inner {
20877
21268
  background-color: #52c41a;
20878
21269
  }
20879
- .ant-popover-green .ant-popover-arrow-content {
21270
+ .ant-popover-green .ant-popover-arrow {
20880
21271
  background-color: #52c41a;
20881
21272
  }
20882
21273
  .ant-popover-blue .ant-popover-inner {
20883
21274
  background-color: #1890ff;
20884
21275
  }
20885
- .ant-popover-blue .ant-popover-arrow-content {
21276
+ .ant-popover-blue .ant-popover-arrow {
20886
21277
  background-color: #1890ff;
20887
21278
  }
20888
21279
  .ant-popover-geekblue .ant-popover-inner {
20889
21280
  background-color: #2f54eb;
20890
21281
  }
20891
- .ant-popover-geekblue .ant-popover-arrow-content {
21282
+ .ant-popover-geekblue .ant-popover-arrow {
20892
21283
  background-color: #2f54eb;
20893
21284
  }
20894
21285
  .ant-popover-purple .ant-popover-inner {
20895
21286
  background-color: #722ed1;
20896
21287
  }
20897
- .ant-popover-purple .ant-popover-arrow-content {
21288
+ .ant-popover-purple .ant-popover-arrow {
20898
21289
  background-color: #722ed1;
20899
21290
  }
20900
21291
  .ant-popover-rtl {
@@ -21539,191 +21930,312 @@ span.ant-radio + * {
21539
21930
  right: 0;
21540
21931
  left: auto;
21541
21932
  }
21542
- .ant-select-single .ant-select-selector {
21933
+ .ant-select-single.ant-select {
21934
+ height: 28px;
21935
+ font-size: 12px;
21936
+ }
21937
+ .ant-select-single.ant-select .ant-select-selector {
21543
21938
  display: flex;
21939
+ flex: 1 1 auto;
21940
+ border-radius: 2px;
21941
+ }
21942
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after {
21943
+ line-height: 26px;
21544
21944
  }
21545
- .ant-select-single .ant-select-selector .ant-select-selection-search {
21945
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search {
21546
21946
  position: absolute;
21547
- top: 0;
21548
- right: 7px;
21549
- bottom: 0;
21550
- left: 7px;
21947
+ width: 100%;
21948
+ inset: 0;
21551
21949
  }
21552
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
21950
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input {
21553
21951
  width: 100%;
21952
+ appearance: textfield;
21554
21953
  }
21555
- .ant-select-single .ant-select-selector .ant-select-selection-item,
21556
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
21954
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item,
21955
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
21956
+ display: block;
21957
+ align-self: center;
21557
21958
  padding: 0;
21558
21959
  line-height: 26px;
21559
21960
  transition: all 0.3s, visibility 0s;
21560
21961
  }
21561
- .ant-select-single .ant-select-selector .ant-select-selection-item {
21562
- position: relative;
21563
- user-select: none;
21564
- }
21565
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
21962
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
21566
21963
  transition: none;
21567
21964
  pointer-events: none;
21568
21965
  }
21569
- .ant-select-single .ant-select-selector::after,
21570
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
21571
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
21966
+ .ant-select-single.ant-select .ant-select-selector::after,
21967
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after,
21968
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after {
21572
21969
  display: inline-block;
21573
21970
  width: 0;
21574
21971
  visibility: hidden;
21575
21972
  content: '\a0';
21576
21973
  }
21577
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
21578
- right: 19px;
21974
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item,
21975
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search,
21976
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder {
21977
+ padding-inline-end: 15px;
21579
21978
  }
21580
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
21581
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
21582
- padding-right: 15px;
21583
- }
21584
- .ant-select-single.ant-select-open .ant-select-selection-item {
21979
+ .ant-select-single.ant-select.ant-select-open .ant-select-selection-item {
21585
21980
  color: #bfbfbf;
21586
21981
  }
21587
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
21982
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector {
21983
+ align-items: center;
21588
21984
  width: 100%;
21589
- height: 28px;
21985
+ height: 100%;
21590
21986
  padding: 0 7px;
21591
21987
  }
21592
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21988
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21593
21989
  height: 26px;
21990
+ font-size: 12px;
21594
21991
  }
21595
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
21992
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after {
21596
21993
  line-height: 26px;
21597
21994
  }
21598
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
21995
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after {
21599
21996
  display: none;
21600
21997
  }
21601
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
21998
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
21602
21999
  position: static;
21603
22000
  width: 100%;
21604
22001
  }
21605
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22002
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
21606
22003
  position: absolute;
21607
- right: 0;
21608
- left: 0;
21609
22004
  padding: 0 7px;
22005
+ inset-inline-start: 0;
22006
+ inset-inline-end: 0;
21610
22007
  }
21611
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22008
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
21612
22009
  display: none;
21613
22010
  }
21614
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
21615
- height: 32px;
22011
+ .ant-select-single.ant-select-sm {
22012
+ height: 22px;
22013
+ font-size: 12px;
21616
22014
  }
21617
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
21618
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
21619
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
21620
- line-height: 30px;
22015
+ .ant-select-single.ant-select-sm .ant-select-selector {
22016
+ display: flex;
22017
+ flex: 1 1 auto;
22018
+ border-radius: 2px;
21621
22019
  }
21622
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
21623
- height: 30px;
22020
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
22021
+ line-height: 20px;
21624
22022
  }
21625
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
21626
- height: 22px;
22023
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search {
22024
+ position: absolute;
22025
+ width: 100%;
22026
+ inset: 0;
22027
+ }
22028
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input {
22029
+ width: 100%;
22030
+ appearance: textfield;
21627
22031
  }
21628
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
21629
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
21630
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
22032
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,
22033
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22034
+ display: block;
22035
+ align-self: center;
22036
+ padding: 0;
21631
22037
  line-height: 20px;
22038
+ transition: all 0.3s, visibility 0s;
21632
22039
  }
21633
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
22040
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22041
+ transition: none;
22042
+ pointer-events: none;
22043
+ }
22044
+ .ant-select-single.ant-select-sm .ant-select-selector::after,
22045
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after,
22046
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after {
22047
+ display: inline-block;
22048
+ width: 0;
22049
+ visibility: hidden;
22050
+ content: '\a0';
22051
+ }
22052
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
22053
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
22054
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
22055
+ padding-inline-end: 15px;
22056
+ }
22057
+ .ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
22058
+ color: #bfbfbf;
22059
+ }
22060
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
22061
+ align-items: center;
22062
+ width: 100%;
22063
+ height: 100%;
22064
+ padding: 0 7px;
22065
+ }
22066
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21634
22067
  height: 20px;
22068
+ font-size: 12px;
21635
22069
  }
21636
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
21637
- right: 7px;
21638
- left: 7px;
22070
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
22071
+ line-height: 20px;
22072
+ }
22073
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after {
22074
+ display: none;
22075
+ }
22076
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22077
+ position: static;
22078
+ width: 100%;
22079
+ }
22080
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22081
+ position: absolute;
22082
+ padding: 0 7px;
22083
+ inset-inline-start: 0;
22084
+ inset-inline-end: 0;
22085
+ }
22086
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22087
+ display: none;
21639
22088
  }
21640
22089
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
21641
22090
  padding: 0 7px;
21642
22091
  }
21643
22092
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
21644
- right: 25px;
22093
+ padding-inline-end: 25px;
21645
22094
  }
21646
22095
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
21647
22096
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
21648
- padding-right: 18px;
22097
+ padding-inline-end: 18px;
21649
22098
  }
21650
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
21651
- padding: 0 11px;
22099
+ .ant-select-single.ant-select-lg {
22100
+ height: 32px;
22101
+ font-size: 14px;
21652
22102
  }
21653
- /**
21654
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
21655
- * since chrome may update to redesign with its align logic.
21656
- */
21657
- .ant-select-selection-overflow {
21658
- position: relative;
22103
+ .ant-select-single.ant-select-lg .ant-select-selector {
21659
22104
  display: flex;
21660
- flex: auto;
21661
- flex-wrap: wrap;
21662
- max-width: 100%;
22105
+ flex: 1 1 auto;
22106
+ border-radius: 4px;
21663
22107
  }
21664
- .ant-select-selection-overflow-item {
21665
- flex: none;
21666
- align-self: center;
21667
- max-width: 100%;
22108
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
22109
+ line-height: 30px;
21668
22110
  }
21669
- .ant-select-multiple .ant-select-selector {
21670
- display: flex;
21671
- flex-wrap: wrap;
21672
- align-items: center;
21673
- padding: 0 3px;
22111
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
22112
+ position: absolute;
22113
+ width: 100%;
22114
+ inset: 0;
21674
22115
  }
21675
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
21676
- cursor: text;
22116
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
22117
+ width: 100%;
22118
+ appearance: textfield;
21677
22119
  }
21678
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
21679
- background: #f5f5f5;
21680
- cursor: not-allowed;
22120
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,
22121
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22122
+ display: block;
22123
+ align-self: center;
22124
+ padding: 0;
22125
+ line-height: 30px;
22126
+ transition: all 0.3s, visibility 0s;
21681
22127
  }
21682
- .ant-select-multiple .ant-select-selector::after {
21683
- display: inline-block;
22128
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22129
+ transition: none;
22130
+ pointer-events: none;
22131
+ }
22132
+ .ant-select-single.ant-select-lg .ant-select-selector::after,
22133
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after,
22134
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after {
22135
+ display: inline-block;
21684
22136
  width: 0;
21685
- margin: 3px 0;
21686
- line-height: 20px;
21687
22137
  visibility: hidden;
21688
22138
  content: '\a0';
21689
22139
  }
21690
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
21691
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
21692
- padding-right: 20px;
22140
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,
22141
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search,
22142
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder {
22143
+ padding-inline-end: 18px;
22144
+ }
22145
+ .ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item {
22146
+ color: #bfbfbf;
22147
+ }
22148
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
22149
+ align-items: center;
22150
+ width: 100%;
22151
+ height: 100%;
22152
+ padding: 0 7px;
22153
+ }
22154
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22155
+ height: 30px;
22156
+ font-size: 12px;
21693
22157
  }
21694
- .ant-select-multiple .ant-select-selection-item {
22158
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
22159
+ line-height: 30px;
22160
+ }
22161
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after {
22162
+ display: none;
22163
+ }
22164
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22165
+ position: static;
22166
+ width: 100%;
22167
+ }
22168
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22169
+ position: absolute;
22170
+ padding: 0 7px;
22171
+ inset-inline-start: 0;
22172
+ inset-inline-end: 0;
22173
+ }
22174
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22175
+ display: none;
22176
+ }
22177
+ /**
22178
+ * Get multiple selector needed style. The calculation:
22179
+ *
22180
+ * ContainerPadding = BasePadding - ItemMargin
22181
+ *
22182
+ * Border: ╔═══════════════════════════╗ ┬
22183
+ * ContainerPadding: ║ ║ │
22184
+ * ╟───────────────────────────╢ ┬ │
22185
+ * Item Margin: ║ ║ │ │
22186
+ * ║ ┌──────────┐ ║ │ │
22187
+ * Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
22188
+ * ║ └──────────┘ ║ │ │
22189
+ * Item Margin: ║ ║ │ │
22190
+ * ╟───────────────────────────╢ ┴ │
22191
+ * ContainerPadding: ║ ║ │
22192
+ * Border: ╚═══════════════════════════╝ ┴
22193
+ */
22194
+ .ant-select-multiple.ant-select {
22195
+ font-size: 12px;
22196
+ }
22197
+ .ant-select-multiple.ant-select .ant-select-selection-overflow {
21695
22198
  position: relative;
22199
+ display: flex;
22200
+ flex: auto;
22201
+ flex-wrap: wrap;
22202
+ max-width: 100%;
22203
+ }
22204
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item {
22205
+ display: inline-flex;
22206
+ flex: none;
22207
+ align-self: center;
22208
+ max-width: calc(100% - 4px);
22209
+ }
22210
+ .ant-select-multiple.ant-select .ant-select-selection-item {
21696
22211
  display: flex;
21697
22212
  flex: none;
22213
+ align-self: center;
21698
22214
  box-sizing: border-box;
21699
22215
  max-width: 100%;
21700
- height: 20px;
21701
- margin-top: 3px;
21702
- margin-bottom: 3px;
21703
- line-height: 18px;
21704
22216
  background: #f5f5f5;
21705
22217
  border: 1px solid #f0f0f0;
21706
22218
  border-radius: 2px;
21707
22219
  cursor: default;
21708
22220
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
21709
- user-select: none;
21710
- margin-inline-end: 3px;
22221
+ margin-block: calc(0px / 2);
22222
+ margin-inline-end: calc(calc(0px / 2) * 2);
21711
22223
  padding-inline-start: 4px;
21712
- padding-inline-end: 2px;
22224
+ padding-inline-end: calc(4px / 2);
21713
22225
  }
21714
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
22226
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item {
21715
22227
  color: #bfbfbf;
21716
22228
  border-color: #d9d9d9;
21717
22229
  cursor: not-allowed;
21718
22230
  }
21719
- .ant-select-multiple .ant-select-selection-item-content {
22231
+ .ant-select-multiple.ant-select .ant-select-selection-item-content {
21720
22232
  display: inline-block;
21721
- margin-right: 2px;
21722
22233
  overflow: hidden;
21723
22234
  white-space: pre;
21724
22235
  text-overflow: ellipsis;
22236
+ margin-inline-end: calc(4px / 2);
21725
22237
  }
21726
- .ant-select-multiple .ant-select-selection-item-remove {
22238
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove {
21727
22239
  color: inherit;
21728
22240
  font-style: normal;
21729
22241
  line-height: 0;
@@ -21741,112 +22253,490 @@ span.ant-radio + * {
21741
22253
  line-height: inherit;
21742
22254
  cursor: pointer;
21743
22255
  }
21744
- .ant-select-multiple .ant-select-selection-item-remove > * {
22256
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
21745
22257
  line-height: 1;
21746
22258
  }
21747
- .ant-select-multiple .ant-select-selection-item-remove svg {
22259
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
21748
22260
  display: inline-block;
21749
22261
  }
21750
- .ant-select-multiple .ant-select-selection-item-remove::before {
22262
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
21751
22263
  display: none;
21752
22264
  }
21753
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22265
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
21754
22266
  display: block;
21755
22267
  }
21756
- .ant-select-multiple .ant-select-selection-item-remove > * {
22268
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
21757
22269
  line-height: 1;
21758
22270
  }
21759
- .ant-select-multiple .ant-select-selection-item-remove svg {
22271
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
21760
22272
  display: inline-block;
21761
22273
  }
21762
- .ant-select-multiple .ant-select-selection-item-remove::before {
22274
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
21763
22275
  display: none;
21764
22276
  }
21765
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22277
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
21766
22278
  display: block;
21767
22279
  }
21768
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
21769
- vertical-align: middle;
22280
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon {
22281
+ vertical-align: -0.2em;
21770
22282
  }
21771
- .ant-select-multiple .ant-select-selection-item-remove:hover {
22283
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove:hover {
21772
22284
  color: rgba(0, 0, 0, 0.75);
21773
22285
  }
21774
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
22286
+ .ant-select-multiple.ant-select .ant-select-selector {
22287
+ display: flex;
22288
+ align-items: center;
22289
+ width: 100%;
22290
+ height: 100%;
22291
+ padding-inline: max(calc(0px - 1px), 0px);
22292
+ padding-block: max(calc(max(calc(0px - 1px), 0px) - calc(0px / 2)), 0px);
22293
+ border-radius: 2px;
22294
+ }
22295
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector {
22296
+ background: #f5f5f5;
22297
+ cursor: not-allowed;
22298
+ }
22299
+ .ant-select-multiple.ant-select .ant-select-selector::after {
22300
+ display: inline-block;
22301
+ width: 0;
22302
+ margin: calc(0px / 2) 0;
22303
+ line-height: 20px;
22304
+ visibility: hidden;
22305
+ content: '\a0';
22306
+ }
22307
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22308
+ height: 20px;
22309
+ line-height: calc(20px - 1px * 2);
22310
+ }
22311
+ .ant-select-multiple.ant-select .ant-select-selection-wrap {
22312
+ align-self: flex-start;
22313
+ }
22314
+ .ant-select-multiple.ant-select .ant-select-selection-wrap::after {
22315
+ line-height: 20px;
22316
+ margin-block: calc(0px / 2);
22317
+ }
22318
+ .ant-select-multiple.ant-select .ant-select-prefix {
22319
+ margin-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22320
+ }
22321
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22322
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
21775
22323
  margin-inline-start: 0;
21776
22324
  }
21777
- .ant-select-multiple .ant-select-selection-search {
22325
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22326
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22327
+ inset-inline-start: 0;
22328
+ }
22329
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix {
22330
+ min-height: 20px;
22331
+ margin-block: calc(0px / 2);
22332
+ }
22333
+ .ant-select-multiple.ant-select .ant-select-selection-search {
21778
22334
  position: relative;
22335
+ display: inline-flex;
21779
22336
  max-width: 100%;
21780
- margin-inline-start: 4px;
22337
+ margin-inline-start: calc(7px - calc(calc(28px - 20px) / 2 - 1px));
21781
22338
  }
21782
- .ant-select-multiple .ant-select-selection-search-input,
21783
- .ant-select-multiple .ant-select-selection-search-mirror {
22339
+ .ant-select-multiple.ant-select .ant-select-selection-search-input,
22340
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
21784
22341
  height: 20px;
21785
22342
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
21786
22343
  line-height: 20px;
21787
22344
  transition: all 0.3s;
21788
22345
  }
21789
- .ant-select-multiple .ant-select-selection-search-input {
22346
+ .ant-select-multiple.ant-select .ant-select-selection-search-input {
21790
22347
  width: 100%;
21791
22348
  min-width: 4.1px;
21792
22349
  }
21793
- .ant-select-multiple .ant-select-selection-search-mirror {
22350
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
21794
22351
  position: absolute;
21795
22352
  top: 0;
21796
- left: 0;
21797
22353
  z-index: 999;
21798
22354
  white-space: pre;
21799
22355
  visibility: hidden;
22356
+ inset-inline-start: 0;
22357
+ inset-inline-end: auto;
21800
22358
  }
21801
- .ant-select-multiple .ant-select-selection-placeholder {
22359
+ .ant-select-multiple.ant-select .ant-select-selection-placeholder {
21802
22360
  position: absolute;
21803
22361
  top: 50%;
21804
- right: 7px;
21805
- left: 7px;
22362
+ inset-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22363
+ inset-inline-end: 7px;
21806
22364
  transform: translateY(-50%);
21807
22365
  transition: all 0.3s;
21808
22366
  }
21809
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
21810
- line-height: 26px;
22367
+ .ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector {
22368
+ cursor: text;
21811
22369
  }
21812
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
21813
- height: 26px;
21814
- line-height: 24px;
22370
+ .ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector,
22371
+ .ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector {
22372
+ padding-inline-end: calc(12px + 8px);
21815
22373
  }
21816
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
21817
- height: 26px;
21818
- line-height: 26px;
22374
+ .ant-select-multiple.ant-select-sm {
22375
+ font-size: 12px;
21819
22376
  }
21820
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
21821
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
21822
- height: 26px;
21823
- line-height: 24px;
22377
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow {
22378
+ position: relative;
22379
+ display: flex;
22380
+ flex: auto;
22381
+ flex-wrap: wrap;
22382
+ max-width: 100%;
22383
+ }
22384
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item {
22385
+ display: inline-flex;
22386
+ flex: none;
22387
+ align-self: center;
22388
+ max-width: calc(100% - 4px);
22389
+ }
22390
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
22391
+ display: flex;
22392
+ flex: none;
22393
+ align-self: center;
22394
+ box-sizing: border-box;
22395
+ max-width: 100%;
22396
+ background: #f5f5f5;
22397
+ border: 1px solid #f0f0f0;
22398
+ border-radius: 2px;
22399
+ cursor: default;
22400
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22401
+ margin-block: calc(0px / 2);
22402
+ margin-inline-end: calc(calc(0px / 2) * 2);
22403
+ padding-inline-start: 4px;
22404
+ padding-inline-end: calc(4px / 2);
22405
+ }
22406
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item {
22407
+ color: #bfbfbf;
22408
+ border-color: #d9d9d9;
22409
+ cursor: not-allowed;
22410
+ }
22411
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-content {
22412
+ display: inline-block;
22413
+ overflow: hidden;
22414
+ white-space: pre;
22415
+ text-overflow: ellipsis;
22416
+ margin-inline-end: calc(4px / 2);
22417
+ }
22418
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove {
22419
+ color: inherit;
22420
+ font-style: normal;
22421
+ line-height: 0;
22422
+ text-align: center;
22423
+ text-transform: none;
22424
+ vertical-align: -0.125em;
22425
+ text-rendering: optimizelegibility;
22426
+ -webkit-font-smoothing: antialiased;
22427
+ -moz-osx-font-smoothing: grayscale;
22428
+ display: inline-flex;
22429
+ align-items: center;
22430
+ color: rgba(0, 0, 0, 0.45);
22431
+ font-weight: bold;
22432
+ font-size: 10px;
22433
+ line-height: inherit;
22434
+ cursor: pointer;
22435
+ }
22436
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
22437
+ line-height: 1;
22438
+ }
22439
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
22440
+ display: inline-block;
22441
+ }
22442
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
22443
+ display: none;
22444
+ }
22445
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
22446
+ display: block;
22447
+ }
22448
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
22449
+ line-height: 1;
22450
+ }
22451
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
22452
+ display: inline-block;
22453
+ }
22454
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
22455
+ display: none;
22456
+ }
22457
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
22458
+ display: block;
22459
+ }
22460
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon {
22461
+ vertical-align: -0.2em;
22462
+ }
22463
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover {
22464
+ color: rgba(0, 0, 0, 0.75);
22465
+ }
22466
+ .ant-select-multiple.ant-select-sm .ant-select-selector {
22467
+ display: flex;
22468
+ align-items: center;
22469
+ width: 100%;
22470
+ height: 100%;
22471
+ padding-inline: max(calc(0px - 1px), 0px);
22472
+ padding-block: max(calc(max(calc(0px - 1px), 0px) - calc(0px / 2)), 0px);
22473
+ border-radius: 2px;
22474
+ }
22475
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector {
22476
+ background: #f5f5f5;
22477
+ cursor: not-allowed;
21824
22478
  }
21825
22479
  .ant-select-multiple.ant-select-sm .ant-select-selector::after {
22480
+ display: inline-block;
22481
+ width: 0;
22482
+ margin: calc(0px / 2) 0;
21826
22483
  line-height: 16px;
22484
+ visibility: hidden;
22485
+ content: '\a0';
21827
22486
  }
21828
22487
  .ant-select-multiple.ant-select-sm .ant-select-selection-item {
21829
22488
  height: 16px;
21830
- line-height: 14px;
22489
+ line-height: calc(16px - 1px * 2);
21831
22490
  }
21832
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
21833
- height: 16px;
22491
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap {
22492
+ align-self: flex-start;
22493
+ }
22494
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after {
21834
22495
  line-height: 16px;
22496
+ margin-block: calc(0px / 2);
22497
+ }
22498
+ .ant-select-multiple.ant-select-sm .ant-select-prefix {
22499
+ margin-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22500
+ }
22501
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22502
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
22503
+ margin-inline-start: 0;
22504
+ }
22505
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22506
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22507
+ inset-inline-start: 0;
22508
+ }
22509
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix {
22510
+ min-height: 16px;
22511
+ margin-block: calc(0px / 2);
22512
+ }
22513
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
22514
+ position: relative;
22515
+ display: inline-flex;
22516
+ max-width: 100%;
22517
+ margin-inline-start: calc(7px - calc(calc(22px - 16px) / 2 - 1px));
21835
22518
  }
21836
22519
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
21837
22520
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
21838
22521
  height: 16px;
21839
- line-height: 14px;
22522
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
22523
+ line-height: 16px;
22524
+ transition: all 0.3s;
22525
+ }
22526
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-input {
22527
+ width: 100%;
22528
+ min-width: 4.1px;
22529
+ }
22530
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
22531
+ position: absolute;
22532
+ top: 0;
22533
+ z-index: 999;
22534
+ white-space: pre;
22535
+ visibility: hidden;
22536
+ inset-inline-start: 0;
22537
+ inset-inline-end: auto;
21840
22538
  }
21841
22539
  .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
21842
- left: 7px;
22540
+ position: absolute;
22541
+ top: 50%;
22542
+ inset-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22543
+ inset-inline-end: 7px;
22544
+ transform: translateY(-50%);
22545
+ transition: all 0.3s;
22546
+ }
22547
+ .ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector {
22548
+ cursor: text;
22549
+ }
22550
+ .ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,
22551
+ .ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector {
22552
+ padding-inline-end: calc(12px + 8px);
22553
+ }
22554
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22555
+ inset-inline: calc(8px - 1px);
21843
22556
  }
21844
22557
  .ant-select-multiple.ant-select-sm .ant-select-selection-search {
21845
- margin-inline-start: 3px;
22558
+ margin-inline-start: 2px;
22559
+ }
22560
+ .ant-select-multiple.ant-select-lg {
22561
+ font-size: 14px;
22562
+ }
22563
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow {
22564
+ position: relative;
22565
+ display: flex;
22566
+ flex: auto;
22567
+ flex-wrap: wrap;
22568
+ max-width: 100%;
22569
+ }
22570
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item {
22571
+ display: inline-flex;
22572
+ flex: none;
22573
+ align-self: center;
22574
+ max-width: calc(100% - 4px);
22575
+ }
22576
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22577
+ display: flex;
22578
+ flex: none;
22579
+ align-self: center;
22580
+ box-sizing: border-box;
22581
+ max-width: 100%;
22582
+ background: #f5f5f5;
22583
+ border: 1px solid #f0f0f0;
22584
+ border-radius: 2px;
22585
+ cursor: default;
22586
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22587
+ margin-block: calc(0px / 2);
22588
+ margin-inline-end: calc(calc(0px / 2) * 2);
22589
+ padding-inline-start: 4px;
22590
+ padding-inline-end: calc(4px / 2);
22591
+ }
22592
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item {
22593
+ color: #bfbfbf;
22594
+ border-color: #d9d9d9;
22595
+ cursor: not-allowed;
22596
+ }
22597
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-content {
22598
+ display: inline-block;
22599
+ overflow: hidden;
22600
+ white-space: pre;
22601
+ text-overflow: ellipsis;
22602
+ margin-inline-end: calc(4px / 2);
22603
+ }
22604
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove {
22605
+ color: inherit;
22606
+ font-style: normal;
22607
+ line-height: 0;
22608
+ text-align: center;
22609
+ text-transform: none;
22610
+ vertical-align: -0.125em;
22611
+ text-rendering: optimizelegibility;
22612
+ -webkit-font-smoothing: antialiased;
22613
+ -moz-osx-font-smoothing: grayscale;
22614
+ display: inline-flex;
22615
+ align-items: center;
22616
+ color: rgba(0, 0, 0, 0.45);
22617
+ font-weight: bold;
22618
+ font-size: 10px;
22619
+ line-height: inherit;
22620
+ cursor: pointer;
22621
+ }
22622
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
22623
+ line-height: 1;
22624
+ }
22625
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
22626
+ display: inline-block;
21846
22627
  }
21847
- .ant-select-disabled .ant-select-selection-item-remove {
22628
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
21848
22629
  display: none;
21849
22630
  }
22631
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
22632
+ display: block;
22633
+ }
22634
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
22635
+ line-height: 1;
22636
+ }
22637
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
22638
+ display: inline-block;
22639
+ }
22640
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
22641
+ display: none;
22642
+ }
22643
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
22644
+ display: block;
22645
+ }
22646
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon {
22647
+ vertical-align: -0.2em;
22648
+ }
22649
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover {
22650
+ color: rgba(0, 0, 0, 0.75);
22651
+ }
22652
+ .ant-select-multiple.ant-select-lg .ant-select-selector {
22653
+ display: flex;
22654
+ align-items: center;
22655
+ width: 100%;
22656
+ height: 100%;
22657
+ padding-inline: max(calc(0px - 1px), 0px);
22658
+ padding-block: max(calc(max(calc(0px - 1px), 0px) - calc(0px / 2)), 0px);
22659
+ border-radius: 4px;
22660
+ }
22661
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector {
22662
+ background: #f5f5f5;
22663
+ cursor: not-allowed;
22664
+ }
22665
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
22666
+ display: inline-block;
22667
+ width: 0;
22668
+ margin: calc(0px / 2) 0;
22669
+ line-height: 24px;
22670
+ visibility: hidden;
22671
+ content: '\a0';
22672
+ }
22673
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22674
+ height: 24px;
22675
+ line-height: calc(24px - 1px * 2);
22676
+ }
22677
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap {
22678
+ align-self: flex-start;
22679
+ }
22680
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after {
22681
+ line-height: 24px;
22682
+ margin-block: calc(0px / 2);
22683
+ }
22684
+ .ant-select-multiple.ant-select-lg .ant-select-prefix {
22685
+ margin-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22686
+ }
22687
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22688
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
22689
+ margin-inline-start: 0;
22690
+ }
22691
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22692
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22693
+ inset-inline-start: 0;
22694
+ }
22695
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix {
22696
+ min-height: 24px;
22697
+ margin-block: calc(0px / 2);
22698
+ }
22699
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
22700
+ position: relative;
22701
+ display: inline-flex;
22702
+ max-width: 100%;
22703
+ margin-inline-start: calc(7px - calc(calc(32px - 24px) / 2 - 1px));
22704
+ }
22705
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
22706
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
22707
+ height: 24px;
22708
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
22709
+ line-height: 24px;
22710
+ transition: all 0.3s;
22711
+ }
22712
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input {
22713
+ width: 100%;
22714
+ min-width: 4.1px;
22715
+ }
22716
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
22717
+ position: absolute;
22718
+ top: 0;
22719
+ z-index: 999;
22720
+ white-space: pre;
22721
+ visibility: hidden;
22722
+ inset-inline-start: 0;
22723
+ inset-inline-end: auto;
22724
+ }
22725
+ .ant-select-multiple.ant-select-lg .ant-select-selection-placeholder {
22726
+ position: absolute;
22727
+ top: 50%;
22728
+ inset-inline-start: calc(7px - max(calc(0px - 1px), 0px));
22729
+ inset-inline-end: 7px;
22730
+ transform: translateY(-50%);
22731
+ transition: all 0.3s;
22732
+ }
22733
+ .ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector {
22734
+ cursor: text;
22735
+ }
22736
+ .ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,
22737
+ .ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector {
22738
+ padding-inline-end: calc(12px + 8px);
22739
+ }
21850
22740
  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
21851
22741
  background-color: #fff;
21852
22742
  border-color: #ff4d4f !important;
@@ -21873,13 +22763,13 @@ span.ant-radio + * {
21873
22763
  .ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
21874
22764
  .ant-select-status-success.ant-select-has-feedback .ant-select-clear,
21875
22765
  .ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
21876
- right: 32px;
22766
+ inset-inline-end: 32px;
21877
22767
  }
21878
22768
  .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
21879
22769
  .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
21880
22770
  .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
21881
22771
  .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
21882
- padding-right: 42px;
22772
+ padding-inline-end: 42px;
21883
22773
  }
21884
22774
  /* Reset search input style */
21885
22775
  .ant-select {
@@ -21893,7 +22783,7 @@ span.ant-radio + * {
21893
22783
  list-style: none;
21894
22784
  font-feature-settings: 'tnum';
21895
22785
  position: relative;
21896
- display: inline-block;
22786
+ display: inline-flex;
21897
22787
  cursor: pointer;
21898
22788
  }
21899
22789
  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -21906,19 +22796,34 @@ span.ant-radio + * {
21906
22796
  .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
21907
22797
  cursor: pointer;
21908
22798
  }
22799
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix {
22800
+ flex: none;
22801
+ margin-inline-end: 4px;
22802
+ }
22803
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap {
22804
+ position: relative;
22805
+ display: flex;
22806
+ width: 100%;
22807
+ min-width: 0;
22808
+ }
22809
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after {
22810
+ width: 0;
22811
+ overflow: hidden;
22812
+ content: '\a0';
22813
+ }
21909
22814
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
21910
22815
  cursor: text;
21911
22816
  }
21912
22817
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
21913
22818
  cursor: auto;
21914
22819
  }
21915
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
22820
+ .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
21916
22821
  border-color: #40a9ff;
21917
22822
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
21918
22823
  border-right-width: 1px;
21919
22824
  outline: 0;
21920
22825
  }
21921
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
22826
+ .ant-input-rtl .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
21922
22827
  border-right-width: 0;
21923
22828
  border-left-width: 1px !important;
21924
22829
  }
@@ -21936,6 +22841,7 @@ span.ant-radio + * {
21936
22841
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21937
22842
  margin: 0;
21938
22843
  padding: 0;
22844
+ font-family: inherit;
21939
22845
  background: transparent;
21940
22846
  border: none;
21941
22847
  outline: none;
@@ -21943,8 +22849,7 @@ span.ant-radio + * {
21943
22849
  }
21944
22850
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
21945
22851
  display: none;
21946
- /* stylelint-disable-next-line property-no-vendor-prefix */
21947
- -webkit-appearance: none;
22852
+ appearance: none;
21948
22853
  }
21949
22854
  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
21950
22855
  border-color: #40a9ff;
@@ -21960,6 +22865,7 @@ span.ant-radio + * {
21960
22865
  font-weight: normal;
21961
22866
  white-space: nowrap;
21962
22867
  text-overflow: ellipsis;
22868
+ user-select: none;
21963
22869
  }
21964
22870
  @media all and (-ms-high-contrast: none) {
21965
22871
  .ant-select-selection-item *::-ms-backdrop,
@@ -21993,7 +22899,8 @@ span.ant-radio + * {
21993
22899
  -moz-osx-font-smoothing: grayscale;
21994
22900
  position: absolute;
21995
22901
  top: 50%;
21996
- right: 7px;
22902
+ inset-inline-start: auto;
22903
+ inset-inline-end: 7px;
21997
22904
  display: flex;
21998
22905
  align-items: center;
21999
22906
  height: 12px;
@@ -22047,7 +22954,6 @@ span.ant-radio + * {
22047
22954
  .ant-select-clear {
22048
22955
  position: absolute;
22049
22956
  top: 50%;
22050
- right: 7px;
22051
22957
  z-index: 1;
22052
22958
  display: inline-block;
22053
22959
  width: 12px;
@@ -22060,9 +22966,12 @@ span.ant-radio + * {
22060
22966
  text-align: center;
22061
22967
  text-transform: none;
22062
22968
  background: #fff;
22969
+ transform: translateZ(0);
22063
22970
  cursor: pointer;
22064
22971
  opacity: 0;
22065
22972
  transition: color 0.3s ease, opacity 0.15s ease;
22973
+ inset-inline-start: auto;
22974
+ inset-inline-end: 7px;
22066
22975
  text-rendering: auto;
22067
22976
  }
22068
22977
  .ant-select-clear::before {
@@ -22084,10 +22993,9 @@ span.ant-radio + * {
22084
22993
  font-feature-settings: 'tnum';
22085
22994
  position: absolute;
22086
22995
  top: -9999px;
22087
- left: -9999px;
22088
22996
  z-index: 1050;
22089
22997
  box-sizing: border-box;
22090
- padding: 4px 0;
22998
+ padding: 0px;
22091
22999
  overflow: hidden;
22092
23000
  font-size: 12px;
22093
23001
  font-variant: initial;
@@ -22176,7 +23084,7 @@ span.ant-radio + * {
22176
23084
  background-color: #f5f5f5;
22177
23085
  }
22178
23086
  .ant-select-item-option-grouped {
22179
- padding-left: 16px;
23087
+ padding-inline-start: 16px;
22180
23088
  }
22181
23089
  .ant-select-lg {
22182
23090
  font-size: 14px;
@@ -22385,72 +23293,13 @@ span.ant-radio + * {
22385
23293
  }
22386
23294
  .ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) .ant-select-selector {
22387
23295
  border-top-right-radius: 0;
22388
- border-bottom-right-radius: 0;
22389
- }
22390
- .ant-select-rtl {
22391
- direction: rtl;
22392
- }
22393
- .ant-select-rtl .ant-select-arrow {
22394
- right: initial;
22395
- left: 7px;
22396
- }
22397
- .ant-select-rtl .ant-select-clear {
22398
- right: initial;
22399
- left: 7px;
22400
- }
22401
- .ant-select-dropdown-rtl {
22402
- direction: rtl;
22403
- }
22404
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
22405
- padding-right: 16px;
22406
- padding-left: 8px;
22407
- }
22408
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
22409
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
22410
- padding-right: 3px;
22411
- padding-left: 20px;
22412
- }
22413
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
22414
- text-align: right;
22415
- }
22416
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
22417
- margin-right: 0;
22418
- margin-left: 2px;
22419
- text-align: right;
22420
- }
22421
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
22422
- right: 0;
22423
- left: auto;
22424
- }
22425
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
22426
- right: 7px;
22427
- left: auto;
22428
- }
22429
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22430
- right: 7px;
22431
- }
22432
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
22433
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22434
- right: 0;
22435
- left: 9px;
22436
- text-align: right;
22437
- }
22438
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
22439
- right: 7px;
22440
- left: 19px;
22441
- }
22442
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
22443
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
22444
- padding-right: 0;
22445
- padding-left: 15px;
23296
+ border-bottom-right-radius: 0;
22446
23297
  }
22447
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
22448
- right: 6px;
23298
+ .ant-select-rtl {
23299
+ direction: rtl;
22449
23300
  }
22450
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
22451
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
22452
- padding-right: 0;
22453
- padding-left: 18px;
23301
+ .ant-select-dropdown-rtl {
23302
+ direction: rtl;
22454
23303
  }
22455
23304
  .ant-select-dropdown {
22456
23305
  position: relative;
@@ -22516,6 +23365,26 @@ span.ant-radio + * {
22516
23365
  justify-items: flex-start;
22517
23366
  width: 100%;
22518
23367
  }
23368
+ .ant-segmented-vertical .ant-segmented-group {
23369
+ flex-direction: column;
23370
+ }
23371
+ .ant-segmented-vertical .ant-segmented-thumb {
23372
+ width: 100%;
23373
+ height: 0;
23374
+ }
23375
+ .ant-segmented-vertical .ant-segmented-thumb-motion-appear-active {
23376
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
23377
+ will-change: transform, width, height;
23378
+ }
23379
+ .ant-segmented-shape-round {
23380
+ border-radius: 9999px;
23381
+ }
23382
+ .ant-segmented-shape-round .ant-segmented-item {
23383
+ border-radius: 9999px;
23384
+ }
23385
+ .ant-segmented-shape-round .ant-segmented-thumb {
23386
+ border-radius: 9999px;
23387
+ }
22519
23388
  .ant-segmented.ant-segmented-block {
22520
23389
  display: flex;
22521
23390
  }
@@ -26629,11 +27498,11 @@ cdk-virtual-scroll-viewport.ant-table-body {
26629
27498
  line-height: 1.66667;
26630
27499
  list-style: none;
26631
27500
  font-feature-settings: 'tnum';
27501
+ --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
26632
27502
  position: absolute;
26633
27503
  z-index: 1070;
26634
27504
  display: block;
26635
27505
  width: max-content;
26636
- width: intrinsic;
26637
27506
  max-width: 250px;
26638
27507
  visibility: visible;
26639
27508
  }
@@ -26643,32 +27512,12 @@ cdk-virtual-scroll-viewport.ant-table-body {
26643
27512
  .ant-tooltip-hidden {
26644
27513
  display: none;
26645
27514
  }
26646
- .ant-tooltip-placement-top,
26647
- .ant-tooltip-placement-topLeft,
26648
- .ant-tooltip-placement-topRight {
26649
- padding-bottom: 14.3137085px;
26650
- }
26651
- .ant-tooltip-placement-right,
26652
- .ant-tooltip-placement-rightTop,
26653
- .ant-tooltip-placement-rightBottom {
26654
- padding-left: 14.3137085px;
26655
- }
26656
- .ant-tooltip-placement-bottom,
26657
- .ant-tooltip-placement-bottomLeft,
26658
- .ant-tooltip-placement-bottomRight {
26659
- padding-top: 14.3137085px;
26660
- }
26661
- .ant-tooltip-placement-left,
26662
- .ant-tooltip-placement-leftTop,
26663
- .ant-tooltip-placement-leftBottom {
26664
- padding-right: 14.3137085px;
26665
- }
26666
27515
  .ant-tooltip-inner {
26667
27516
  min-width: 30px;
26668
27517
  min-height: 32px;
26669
- padding: 6px 8px;
27518
+ padding: calc(8px / 2) 4px;
26670
27519
  color: #fff;
26671
- text-align: left;
27520
+ text-align: start;
26672
27521
  text-decoration: none;
26673
27522
  word-wrap: break-word;
26674
27523
  background-color: rgba(0, 0, 0, 0.75);
@@ -26677,228 +27526,337 @@ cdk-virtual-scroll-viewport.ant-table-body {
26677
27526
  }
26678
27527
  .ant-tooltip-arrow {
26679
27528
  position: absolute;
26680
- z-index: 2;
27529
+ z-index: 1;
26681
27530
  display: block;
26682
- width: 22px;
26683
- height: 22px;
27531
+ width: 16px;
27532
+ height: 16px;
26684
27533
  overflow: hidden;
26685
- background: transparent;
26686
27534
  pointer-events: none;
26687
27535
  }
26688
- .ant-tooltip-arrow-content {
26689
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
27536
+ .ant-tooltip-arrow::before {
26690
27537
  position: absolute;
26691
- top: 0;
26692
- right: 0;
26693
27538
  bottom: 0;
26694
- left: 0;
26695
- display: block;
26696
- width: 11.3137085px;
26697
- height: 11.3137085px;
26698
- margin: auto;
27539
+ width: 16px;
27540
+ height: calc(16px / 2);
27541
+ background: var(--antd-arrow-background-color);
26699
27542
  content: '';
26700
- pointer-events: auto;
26701
- border-radius: 0 0 2px;
26702
- pointer-events: none;
27543
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27544
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
27545
+ inset-inline-start: 0;
26703
27546
  }
26704
- .ant-tooltip-arrow-content::before {
27547
+ .ant-tooltip-arrow::after {
26705
27548
  position: absolute;
26706
- top: -11.3137085px;
26707
- left: -11.3137085px;
26708
- width: 33.9411255px;
26709
- height: 33.9411255px;
26710
- background: var(--antd-arrow-background-color);
26711
- background-repeat: no-repeat;
26712
- background-position: -10px -10px;
27549
+ bottom: 0;
27550
+ z-index: 0;
27551
+ width: 8.97056275px;
27552
+ height: 8.97056275px;
27553
+ margin: auto;
27554
+ background: transparent;
27555
+ border-radius: 0 0 2px;
27556
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27557
+ transform: translateY(50%) rotate(-135deg);
26713
27558
  content: '';
26714
- clip-path: inset(33% 33%);
26715
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
27559
+ inset-inline: 0;
26716
27560
  }
26717
- .ant-tooltip-arrow-content::before {
27561
+ .ant-tooltip-arrow::before {
26718
27562
  position: absolute;
26719
- top: -11.3137085px;
26720
- left: -11.3137085px;
26721
- width: 33.9411255px;
26722
- height: 33.9411255px;
27563
+ bottom: 0;
27564
+ width: 16px;
27565
+ height: calc(16px / 2);
26723
27566
  background: var(--antd-arrow-background-color);
26724
- background-repeat: no-repeat;
26725
- background-position: -10px -10px;
26726
27567
  content: '';
26727
- clip-path: inset(33% 33%);
26728
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
27568
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27569
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
27570
+ inset-inline-start: 0;
26729
27571
  }
26730
- .ant-tooltip-placement-top .ant-tooltip-arrow,
26731
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
26732
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
27572
+ .ant-tooltip-arrow::after {
27573
+ position: absolute;
26733
27574
  bottom: 0;
26734
- transform: translateY(100%);
27575
+ z-index: 0;
27576
+ width: 8.97056275px;
27577
+ height: 8.97056275px;
27578
+ margin: auto;
27579
+ background: transparent;
27580
+ border-radius: 0 0 2px;
27581
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27582
+ transform: translateY(50%) rotate(-135deg);
27583
+ content: '';
27584
+ inset-inline: 0;
27585
+ }
27586
+ .ant-tooltip-arrow::before {
27587
+ background: var(--antd-arrow-background-color);
26735
27588
  }
26736
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
26737
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
26738
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
26739
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
26740
- transform: translateY(-11px) rotate(45deg);
27589
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27590
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27591
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27592
+ bottom: 0px;
27593
+ transform: translateY(100%) rotate(180deg);
26741
27594
  }
26742
- .ant-tooltip-placement-top .ant-tooltip-arrow {
27595
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26743
27596
  left: 50%;
26744
- transform: translateY(100%) translateX(-50%);
27597
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26745
27598
  }
26746
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
26747
- left: 13px;
27599
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27600
+ left: 16px;
26748
27601
  }
26749
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
26750
- right: 13px;
27602
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27603
+ right: 16px;
26751
27604
  }
26752
- .ant-tooltip-placement-right .ant-tooltip-arrow,
26753
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
26754
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26755
- left: 0;
26756
- transform: translateX(-100%);
27605
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27606
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27607
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27608
+ top: 0px;
27609
+ transform: translateY(-100%);
26757
27610
  }
26758
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
26759
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
26760
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
26761
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
26762
- transform: translateX(11px) rotate(135deg);
27611
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27612
+ left: 50%;
27613
+ transform: translateX(-50%) translateY(-100%);
26763
27614
  }
26764
- .ant-tooltip-placement-right .ant-tooltip-arrow {
26765
- top: 50%;
26766
- transform: translateX(-100%) translateY(-50%);
27615
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27616
+ left: 16px;
27617
+ }
27618
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27619
+ right: 16px;
26767
27620
  }
26768
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
26769
- top: 5px;
27621
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27622
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27623
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27624
+ right: 0px;
27625
+ transform: translateX(100%) rotate(90deg);
26770
27626
  }
26771
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26772
- bottom: 5px;
27627
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27628
+ top: 50%;
27629
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
26773
27630
  }
26774
- .ant-tooltip-placement-left .ant-tooltip-arrow,
26775
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
26776
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26777
- right: 0;
26778
- transform: translateX(100%);
27631
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27632
+ top: 16px;
27633
+ }
27634
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27635
+ bottom: 16px;
26779
27636
  }
26780
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
26781
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
26782
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
26783
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
26784
- transform: translateX(-11px) rotate(315deg);
27637
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27638
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27639
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27640
+ left: 0px;
27641
+ transform: translateX(-100%) rotate(-90deg);
26785
27642
  }
26786
- .ant-tooltip-placement-left .ant-tooltip-arrow {
27643
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
26787
27644
  top: 50%;
26788
- transform: translateX(100%) translateY(-50%);
27645
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
26789
27646
  }
26790
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
26791
- top: 5px;
27647
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27648
+ top: 16px;
26792
27649
  }
26793
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26794
- bottom: 5px;
27650
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27651
+ bottom: 16px;
26795
27652
  }
26796
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
26797
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
26798
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26799
- top: 0;
26800
- transform: translateY(-100%);
27653
+ .ant-tooltip-arrow {
27654
+ position: absolute;
27655
+ z-index: 1;
27656
+ display: block;
27657
+ width: 16px;
27658
+ height: 16px;
27659
+ overflow: hidden;
27660
+ pointer-events: none;
27661
+ }
27662
+ .ant-tooltip-arrow::before {
27663
+ position: absolute;
27664
+ bottom: 0;
27665
+ width: 16px;
27666
+ height: calc(16px / 2);
27667
+ background: var(--antd-arrow-background-color);
27668
+ content: '';
27669
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27670
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
27671
+ inset-inline-start: 0;
27672
+ }
27673
+ .ant-tooltip-arrow::after {
27674
+ position: absolute;
27675
+ bottom: 0;
27676
+ z-index: 0;
27677
+ width: 8.97056275px;
27678
+ height: 8.97056275px;
27679
+ margin: auto;
27680
+ background: transparent;
27681
+ border-radius: 0 0 2px;
27682
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27683
+ transform: translateY(50%) rotate(-135deg);
27684
+ content: '';
27685
+ inset-inline: 0;
27686
+ }
27687
+ .ant-tooltip-arrow::before {
27688
+ position: absolute;
27689
+ bottom: 0;
27690
+ width: 16px;
27691
+ height: calc(16px / 2);
27692
+ background: var(--antd-arrow-background-color);
27693
+ content: '';
27694
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27695
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
27696
+ inset-inline-start: 0;
27697
+ }
27698
+ .ant-tooltip-arrow::after {
27699
+ position: absolute;
27700
+ bottom: 0;
27701
+ z-index: 0;
27702
+ width: 8.97056275px;
27703
+ height: 8.97056275px;
27704
+ margin: auto;
27705
+ background: transparent;
27706
+ border-radius: 0 0 2px;
27707
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27708
+ transform: translateY(50%) rotate(-135deg);
27709
+ content: '';
27710
+ inset-inline: 0;
27711
+ }
27712
+ .ant-tooltip-arrow::before {
27713
+ background: var(--antd-arrow-background-color);
26801
27714
  }
26802
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
26803
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
26804
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
26805
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
26806
- transform: translateY(11px) rotate(225deg);
27715
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27716
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27717
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27718
+ bottom: 0px;
27719
+ transform: translateY(100%) rotate(180deg);
26807
27720
  }
26808
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
27721
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26809
27722
  left: 50%;
26810
- transform: translateY(-100%) translateX(-50%);
27723
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26811
27724
  }
26812
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
26813
- left: 13px;
27725
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27726
+ left: 16px;
26814
27727
  }
26815
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26816
- right: 13px;
27728
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27729
+ right: 16px;
27730
+ }
27731
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27732
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27733
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27734
+ top: 0px;
27735
+ transform: translateY(-100%);
27736
+ }
27737
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27738
+ left: 50%;
27739
+ transform: translateX(-50%) translateY(-100%);
27740
+ }
27741
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27742
+ left: 16px;
27743
+ }
27744
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27745
+ right: 16px;
27746
+ }
27747
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27748
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27749
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27750
+ right: 0px;
27751
+ transform: translateX(100%) rotate(90deg);
27752
+ }
27753
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27754
+ top: 50%;
27755
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
27756
+ }
27757
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27758
+ top: 16px;
27759
+ }
27760
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27761
+ bottom: 16px;
27762
+ }
27763
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27764
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27765
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27766
+ left: 0px;
27767
+ transform: translateX(-100%) rotate(-90deg);
27768
+ }
27769
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
27770
+ top: 50%;
27771
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
27772
+ }
27773
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27774
+ top: 16px;
27775
+ }
27776
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27777
+ bottom: 16px;
26817
27778
  }
26818
27779
  .ant-tooltip-pink .ant-tooltip-inner {
26819
27780
  background-color: #eb2f96;
26820
27781
  }
26821
- .ant-tooltip-pink .ant-tooltip-arrow-content::before {
26822
- background: #eb2f96;
27782
+ .ant-tooltip-pink .ant-tooltip-arrow {
27783
+ --antd-arrow-background-color: #eb2f96;
26823
27784
  }
26824
27785
  .ant-tooltip-magenta .ant-tooltip-inner {
26825
27786
  background-color: #eb2f96;
26826
27787
  }
26827
- .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
26828
- background: #eb2f96;
27788
+ .ant-tooltip-magenta .ant-tooltip-arrow {
27789
+ --antd-arrow-background-color: #eb2f96;
26829
27790
  }
26830
27791
  .ant-tooltip-red .ant-tooltip-inner {
26831
27792
  background-color: #f5222d;
26832
27793
  }
26833
- .ant-tooltip-red .ant-tooltip-arrow-content::before {
26834
- background: #f5222d;
27794
+ .ant-tooltip-red .ant-tooltip-arrow {
27795
+ --antd-arrow-background-color: #f5222d;
26835
27796
  }
26836
27797
  .ant-tooltip-volcano .ant-tooltip-inner {
26837
27798
  background-color: #fa541c;
26838
27799
  }
26839
- .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
26840
- background: #fa541c;
27800
+ .ant-tooltip-volcano .ant-tooltip-arrow {
27801
+ --antd-arrow-background-color: #fa541c;
26841
27802
  }
26842
27803
  .ant-tooltip-orange .ant-tooltip-inner {
26843
27804
  background-color: #fa8c16;
26844
27805
  }
26845
- .ant-tooltip-orange .ant-tooltip-arrow-content::before {
26846
- background: #fa8c16;
27806
+ .ant-tooltip-orange .ant-tooltip-arrow {
27807
+ --antd-arrow-background-color: #fa8c16;
26847
27808
  }
26848
27809
  .ant-tooltip-yellow .ant-tooltip-inner {
26849
27810
  background-color: #fadb14;
26850
27811
  }
26851
- .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
26852
- background: #fadb14;
27812
+ .ant-tooltip-yellow .ant-tooltip-arrow {
27813
+ --antd-arrow-background-color: #fadb14;
26853
27814
  }
26854
27815
  .ant-tooltip-gold .ant-tooltip-inner {
26855
27816
  background-color: #faad14;
26856
27817
  }
26857
- .ant-tooltip-gold .ant-tooltip-arrow-content::before {
26858
- background: #faad14;
27818
+ .ant-tooltip-gold .ant-tooltip-arrow {
27819
+ --antd-arrow-background-color: #faad14;
26859
27820
  }
26860
27821
  .ant-tooltip-cyan .ant-tooltip-inner {
26861
27822
  background-color: #13c2c2;
26862
27823
  }
26863
- .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
26864
- background: #13c2c2;
27824
+ .ant-tooltip-cyan .ant-tooltip-arrow {
27825
+ --antd-arrow-background-color: #13c2c2;
26865
27826
  }
26866
27827
  .ant-tooltip-lime .ant-tooltip-inner {
26867
27828
  background-color: #a0d911;
26868
27829
  }
26869
- .ant-tooltip-lime .ant-tooltip-arrow-content::before {
26870
- background: #a0d911;
27830
+ .ant-tooltip-lime .ant-tooltip-arrow {
27831
+ --antd-arrow-background-color: #a0d911;
26871
27832
  }
26872
27833
  .ant-tooltip-green .ant-tooltip-inner {
26873
27834
  background-color: #52c41a;
26874
27835
  }
26875
- .ant-tooltip-green .ant-tooltip-arrow-content::before {
26876
- background: #52c41a;
27836
+ .ant-tooltip-green .ant-tooltip-arrow {
27837
+ --antd-arrow-background-color: #52c41a;
26877
27838
  }
26878
27839
  .ant-tooltip-blue .ant-tooltip-inner {
26879
27840
  background-color: #1890ff;
26880
27841
  }
26881
- .ant-tooltip-blue .ant-tooltip-arrow-content::before {
26882
- background: #1890ff;
27842
+ .ant-tooltip-blue .ant-tooltip-arrow {
27843
+ --antd-arrow-background-color: #1890ff;
26883
27844
  }
26884
27845
  .ant-tooltip-geekblue .ant-tooltip-inner {
26885
27846
  background-color: #2f54eb;
26886
27847
  }
26887
- .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
26888
- background: #2f54eb;
27848
+ .ant-tooltip-geekblue .ant-tooltip-arrow {
27849
+ --antd-arrow-background-color: #2f54eb;
26889
27850
  }
26890
27851
  .ant-tooltip-purple .ant-tooltip-inner {
26891
27852
  background-color: #722ed1;
26892
27853
  }
26893
- .ant-tooltip-purple .ant-tooltip-arrow-content::before {
26894
- background: #722ed1;
27854
+ .ant-tooltip-purple .ant-tooltip-arrow {
27855
+ --antd-arrow-background-color: #722ed1;
26895
27856
  }
26896
27857
  .ant-tooltip-rtl {
26897
27858
  direction: rtl;
26898
27859
  }
26899
- .ant-tooltip-rtl .ant-tooltip-inner {
26900
- text-align: right;
26901
- }
26902
27860
  .ant-tooltip {
26903
27861
  position: relative;
26904
27862
  }
@@ -28467,14 +29425,15 @@ div.ant-typography-edit-content.ant-typography-rtl {
28467
29425
  min-width: 111px;
28468
29426
  height: 180px;
28469
29427
  margin: 0;
28470
- margin: -4px 0;
28471
29428
  padding: 4px 0;
28472
29429
  overflow: auto;
28473
29430
  vertical-align: top;
28474
29431
  list-style: none;
28475
- border-right: 1px solid #f0f0f0;
28476
29432
  -ms-overflow-style: -ms-autohiding-scrollbar;
28477
29433
  }
29434
+ .ant-cascader-menu:not(:last-child) {
29435
+ border-inline-end: 1px solid #f0f0f0;
29436
+ }
28478
29437
  .ant-cascader-menu-item {
28479
29438
  display: flex;
28480
29439
  flex-wrap: nowrap;
@@ -30865,10 +31824,14 @@ nz-space-item {
30865
31824
  }
30866
31825
  .ant-float-btn-group {
30867
31826
  position: fixed;
31827
+ bottom: 48px;
30868
31828
  z-index: 99;
30869
- display: block;
31829
+ display: flex;
31830
+ flex-direction: column;
31831
+ align-items: center;
31832
+ justify-content: center;
30870
31833
  box-sizing: border-box;
30871
- width: 40px;
31834
+ min-width: 40px;
30872
31835
  height: auto;
30873
31836
  min-height: 40px;
30874
31837
  margin: 0;
@@ -30882,22 +31845,73 @@ nz-space-item {
30882
31845
  border-radius: 2px;
30883
31846
  box-shadow: none;
30884
31847
  inset-inline-end: 24px;
30885
- inset-block-end: 48px;
30886
31848
  }
30887
31849
  .ant-float-btn-group-wrap {
30888
- position: relative;
31850
+ position: absolute;
30889
31851
  z-index: -1;
30890
- display: block;
30891
- margin-bottom: 8px;
31852
+ display: flex;
31853
+ align-items: center;
31854
+ justify-content: center;
30892
31855
  }
30893
- .ant-float-btn-group-rtl {
31856
+ .ant-float-btn-group.ant-float-btn-group-rtl {
30894
31857
  direction: rtl;
30895
31858
  }
30896
31859
  .ant-float-btn-group .ant-float-btn {
30897
31860
  position: static;
30898
31861
  }
30899
- .ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) {
30900
- margin-bottom: 8px;
31862
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap {
31863
+ top: auto;
31864
+ bottom: calc(40px + 8px);
31865
+ flex-direction: column;
31866
+ }
31867
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
31868
+ position: absolute;
31869
+ bottom: -8px;
31870
+ width: 100%;
31871
+ height: 8px;
31872
+ content: '';
31873
+ }
31874
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
31875
+ top: calc(40px + 8px);
31876
+ bottom: auto;
31877
+ flex-direction: column;
31878
+ }
31879
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
31880
+ position: absolute;
31881
+ top: -8px;
31882
+ width: 100%;
31883
+ height: 8px;
31884
+ content: '';
31885
+ }
31886
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap {
31887
+ right: calc(40px + 8px);
31888
+ left: auto;
31889
+ flex-direction: row;
31890
+ }
31891
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
31892
+ position: absolute;
31893
+ right: -8px;
31894
+ width: 8px;
31895
+ height: 100%;
31896
+ content: '';
31897
+ }
31898
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap {
31899
+ right: auto;
31900
+ left: calc(40px + 8px);
31901
+ flex-direction: row;
31902
+ }
31903
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
31904
+ position: absolute;
31905
+ left: -8px;
31906
+ width: 8px;
31907
+ height: 100%;
31908
+ content: '';
31909
+ }
31910
+ .ant-float-btn-group-circle {
31911
+ gap: 8px;
31912
+ }
31913
+ .ant-float-btn-group-circle .ant-float-btn-group-wrap {
31914
+ gap: 8px;
30901
31915
  }
30902
31916
  .ant-float-btn-group-circle .ant-float-btn-body {
30903
31917
  width: 40px;
@@ -30907,43 +31921,61 @@ nz-space-item {
30907
31921
  padding: 0;
30908
31922
  border-radius: 0;
30909
31923
  }
31924
+ .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
31925
+ border-radius: 2px;
31926
+ }
30910
31927
  .ant-float-btn-group-square .ant-float-btn-square:first-child {
30911
31928
  border-start-start-radius: 2px;
30912
31929
  border-start-end-radius: 2px;
30913
31930
  }
30914
31931
  .ant-float-btn-group-square .ant-float-btn-square:last-child {
30915
- border-start-start-radius: 2px;
30916
- border-start-end-radius: 2px;
31932
+ border-end-start-radius: 2px;
31933
+ border-end-end-radius: 2px;
30917
31934
  }
30918
31935
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
30919
31936
  border-bottom: 1px solid #d9d9d9;
30920
31937
  }
30921
31938
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
30922
- display: block;
30923
- overflow: hidden;
30924
31939
  border-radius: 2px;
30925
31940
  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);
30926
31941
  }
30927
31942
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
30928
- margin-top: 0;
30929
31943
  padding: 0px;
30930
31944
  border-radius: 0;
30931
31945
  box-shadow: none;
30932
31946
  }
30933
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child {
30934
- border-start-start-radius: 2px;
30935
- border-start-end-radius: 2px;
31947
+ .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31948
+ width: 32px;
31949
+ height: 32px;
30936
31950
  }
30937
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child {
31951
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31952
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
30938
31953
  border-start-start-radius: 2px;
30939
31954
  border-start-end-radius: 2px;
30940
31955
  }
30941
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child) {
31956
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31957
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31958
+ border-end-start-radius: 2px;
31959
+ border-end-end-radius: 2px;
31960
+ }
31961
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31962
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
30942
31963
  border-bottom: 1px solid #d9d9d9;
30943
31964
  }
30944
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
30945
- width: 32px;
30946
- height: 32px;
31965
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31966
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31967
+ border-start-start-radius: 2px;
31968
+ border-end-start-radius: 2px;
31969
+ }
31970
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31971
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31972
+ border-start-end-radius: 2px;
31973
+ border-end-end-radius: 2px;
31974
+ }
31975
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31976
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31977
+ border-inline-end: 1px solid #d9d9d9;
31978
+ border-bottom: none;
30947
31979
  }
30948
31980
  .ant-float-btn-group-circle-shadow {
30949
31981
  box-shadow: none;
@@ -30968,6 +32000,7 @@ nz-space-item {
30968
32000
  cursor: pointer;
30969
32001
  }
30970
32002
  .ant-check-list .ant-check-list-button {
32003
+ position: relative;
30971
32004
  display: flex;
30972
32005
  gap: 4px;
30973
32006
  align-items: center;
@@ -30983,6 +32016,27 @@ nz-space-item {
30983
32016
  .ant-check-list .ant-check-list-description {
30984
32017
  font-size: 12px;
30985
32018
  }
32019
+ .ant-check-list .ant-check-list-trigger-dot {
32020
+ position: absolute;
32021
+ top: -12px;
32022
+ right: -12px;
32023
+ display: flex;
32024
+ flex-direction: column;
32025
+ align-items: center;
32026
+ justify-content: center;
32027
+ width: 24px;
32028
+ height: 24px;
32029
+ color: #1890ff;
32030
+ background-color: #fff;
32031
+ border: 1px solid #1890ff;
32032
+ border-radius: 50%;
32033
+ }
32034
+ .ant-check-list .ant-check-list-trigger-dot-text {
32035
+ font-weight: 500;
32036
+ font-size: 16px;
32037
+ font-style: italic;
32038
+ line-height: 16px;
32039
+ }
30986
32040
  .ant-check-list-content {
30987
32041
  display: block;
30988
32042
  width: 303px;
@@ -31398,7 +32452,7 @@ a:focus {
31398
32452
  font-weight: 500;
31399
32453
  line-height: 22px;
31400
32454
  color: rgba(0, 0, 0, 0.85);
31401
- word-wrap: break-word;
32455
+ overflow-wrap: break-word !important;
31402
32456
  }
31403
32457
  .modal-title small {
31404
32458
  margin-left: 8px;
@@ -35287,7 +36341,6 @@ body {
35287
36341
  overflow: hidden scroll;
35288
36342
  flex: 1 1 0%;
35289
36343
  -webkit-overflow-scrolling: touch;
35290
- scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
35291
36344
  }
35292
36345
  .alain-default__aside-inner::-webkit-scrollbar {
35293
36346
  width: 0;
@@ -35868,7 +36921,7 @@ body {
35868
36921
  .st__width-strict .ant-table-content > table,
35869
36922
  .st__width-strict .ant-table-body > table {
35870
36923
  table-layout: fixed !important;
35871
- word-wrap: break-word !important;
36924
+ overflow-wrap: break-word !important;
35872
36925
  }
35873
36926
  }
35874
36927
  .sv {