@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/default.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.5715;
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: 16.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: 8px;
7844
+ }
7845
+ .ant-divider-md {
7846
+ margin-block: 16px;
7847
+ }
7755
7848
  .ant-drawer {
7756
7849
  position: fixed;
7757
7850
  top: 0;
@@ -8033,6 +8126,7 @@ nz-descriptions {
8033
8126
  line-height: 1.5715;
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 + 4px));
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;
8073
8269
  }
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;
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;
8282
+ }
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 + 4px) - 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: 30px;
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.5715;
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;
20739
21019
  }
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);
21020
+ .ant-popover-arrow::before {
21021
+ background: var(--antd-arrow-background-color);
21022
+ }
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%);
21044
+ }
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;
20761
21054
  }
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);
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: 32px;
21935
+ font-size: 14px;
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: 30px;
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: 11px;
21549
- bottom: 0;
21550
- left: 11px;
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: 30px;
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: 25px;
21579
- }
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: 18px;
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: 18px;
21583
21978
  }
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: 32px;
21985
+ height: 100%;
21590
21986
  padding: 0 11px;
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: 30px;
21990
+ font-size: 14px;
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: 30px;
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 11px;
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: 40px;
22011
+ .ant-select-single.ant-select-sm {
22012
+ height: 24px;
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: 38px;
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: 38px;
22020
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
22021
+ line-height: 22px;
21624
22022
  }
21625
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
21626
- height: 24px;
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: 22px;
22038
+ transition: all 0.3s, visibility 0s;
22039
+ }
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 11px;
21632
22065
  }
21633
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
22066
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21634
22067
  height: 22px;
22068
+ font-size: 14px;
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: 22px;
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 11px;
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: 28px;
22093
+ padding-inline-end: 28px;
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: 21px;
22097
+ padding-inline-end: 21px;
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: 40px;
22101
+ font-size: 16px;
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%;
21663
- }
21664
- .ant-select-selection-overflow-item {
21665
- flex: none;
21666
- align-self: center;
21667
- max-width: 100%;
22105
+ flex: 1 1 auto;
22106
+ border-radius: 4px;
21668
22107
  }
21669
- .ant-select-multiple .ant-select-selector {
21670
- display: flex;
21671
- flex-wrap: wrap;
21672
- align-items: center;
21673
- padding: 1px 4px;
22108
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
22109
+ line-height: 38px;
21674
22110
  }
21675
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
21676
- cursor: text;
22111
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
22112
+ position: absolute;
22113
+ width: 100%;
22114
+ inset: 0;
21677
22115
  }
21678
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
21679
- background: #f5f5f5;
21680
- cursor: not-allowed;
22116
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
22117
+ width: 100%;
22118
+ appearance: textfield;
21681
22119
  }
21682
- .ant-select-multiple .ant-select-selector::after {
21683
- display: inline-block;
21684
- width: 0;
21685
- margin: 2px 0;
21686
- line-height: 24px;
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: 38px;
22126
+ transition: all 0.3s, visibility 0s;
22127
+ }
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;
22136
+ width: 0;
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: 24px;
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: 20px;
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 11px;
22153
+ }
22154
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22155
+ height: 38px;
22156
+ font-size: 14px;
22157
+ }
22158
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
22159
+ line-height: 38px;
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 11px;
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: 14px;
21693
22196
  }
21694
- .ant-select-multiple .ant-select-selection-item {
22197
+ .ant-select-multiple.ant-select .ant-select-selection-overflow {
21695
22198
  position: relative;
21696
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;
21697
22206
  flex: none;
22207
+ align-self: center;
22208
+ max-width: calc(100% - 4px);
22209
+ }
22210
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22211
+ display: flex;
22212
+ flex: none;
22213
+ align-self: center;
21698
22214
  box-sizing: border-box;
21699
22215
  max-width: 100%;
21700
- height: 24px;
21701
- margin-top: 2px;
21702
- margin-bottom: 2px;
21703
- line-height: 22px;
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: 4px;
22221
+ margin-block: calc(4px / 2);
22222
+ margin-inline-end: calc(calc(4px / 2) * 2);
21711
22223
  padding-inline-start: 8px;
21712
- padding-inline-end: 4px;
22224
+ padding-inline-end: calc(8px / 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: 4px;
21722
22233
  overflow: hidden;
21723
22234
  white-space: pre;
21724
22235
  text-overflow: ellipsis;
22236
+ margin-inline-end: calc(8px / 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(4px - 1px), 0px);
22292
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 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(4px / 2) 0;
22303
+ line-height: 24px;
22304
+ visibility: hidden;
22305
+ content: '\a0';
22306
+ }
22307
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22308
+ height: 24px;
22309
+ line-height: calc(24px - 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: 24px;
22316
+ margin-block: calc(4px / 2);
22317
+ }
22318
+ .ant-select-multiple.ant-select .ant-select-prefix {
22319
+ margin-inline-start: calc(11px - max(calc(4px - 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: 24px;
22331
+ margin-block: calc(4px / 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: 7px;
22337
+ margin-inline-start: calc(11px - calc(calc(32px - 24px) / 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: 24px;
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: 24px;
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: 11px;
21805
- left: 11px;
22362
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22363
+ inset-inline-end: 11px;
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: 32px;
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: 32px;
21814
- line-height: 30px;
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 + 12px);
21815
22373
  }
21816
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
21817
- height: 32px;
21818
- line-height: 32px;
22374
+ .ant-select-multiple.ant-select-sm {
22375
+ font-size: 14px;
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: 32px;
21823
- line-height: 30px;
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(4px / 2);
22402
+ margin-inline-end: calc(calc(4px / 2) * 2);
22403
+ padding-inline-start: 8px;
22404
+ padding-inline-end: calc(8px / 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(8px / 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(4px - 1px), 0px);
22472
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 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(4px / 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(4px / 2);
22497
+ }
22498
+ .ant-select-multiple.ant-select-sm .ant-select-prefix {
22499
+ margin-inline-start: calc(11px - max(calc(4px - 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(4px / 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(11px - calc(calc(24px - 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(11px - max(calc(4px - 1px), 0px));
22543
+ inset-inline-end: 11px;
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 + 12px);
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: 16px;
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(4px / 2);
22588
+ margin-inline-end: calc(calc(4px / 2) * 2);
22589
+ padding-inline-start: 8px;
22590
+ padding-inline-end: calc(8px / 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(8px / 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(4px - 1px), 0px);
22658
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 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(4px / 2) 0;
22669
+ line-height: 32px;
22670
+ visibility: hidden;
22671
+ content: '\a0';
22672
+ }
22673
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22674
+ height: 32px;
22675
+ line-height: calc(32px - 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: 32px;
22682
+ margin-block: calc(4px / 2);
22683
+ }
22684
+ .ant-select-multiple.ant-select-lg .ant-select-prefix {
22685
+ margin-inline-start: calc(11px - max(calc(4px - 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: 32px;
22697
+ margin-block: calc(4px / 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(11px - calc(calc(40px - 32px) / 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: 32px;
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: 32px;
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(11px - max(calc(4px - 1px), 0px));
22729
+ inset-inline-end: 11px;
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 + 12px);
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: 11px;
22902
+ inset-inline-start: auto;
22903
+ inset-inline-end: 11px;
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: 11px;
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: 11px;
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: 4px;
22091
22999
  overflow: hidden;
22092
23000
  font-size: 14px;
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: 24px;
23087
+ padding-inline-start: 24px;
22180
23088
  }
22181
23089
  .ant-select-lg {
22182
23090
  font-size: 16px;
@@ -22383,74 +23291,15 @@ span.ant-radio + * {
22383
23291
  border-top-left-radius: 0;
22384
23292
  border-bottom-left-radius: 0;
22385
23293
  }
22386
- .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
- 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: 11px;
22396
- }
22397
- .ant-select-rtl .ant-select-clear {
22398
- right: initial;
22399
- left: 11px;
22400
- }
22401
- .ant-select-dropdown-rtl {
22402
- direction: rtl;
22403
- }
22404
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
22405
- padding-right: 24px;
22406
- padding-left: 12px;
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: 4px;
22411
- padding-left: 24px;
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: 4px;
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: 11px;
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: 11px;
22440
- left: 25px;
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: 18px;
22446
- }
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;
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 {
23295
+ border-top-right-radius: 0;
23296
+ border-bottom-right-radius: 0;
22449
23297
  }
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: 21px;
23298
+ .ant-select-rtl {
23299
+ direction: rtl;
23300
+ }
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
  }
@@ -26630,11 +27499,11 @@ cdk-virtual-scroll-viewport.ant-table-body {
26630
27499
  line-height: 1.5715;
26631
27500
  list-style: none;
26632
27501
  font-feature-settings: 'tnum';
27502
+ --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
26633
27503
  position: absolute;
26634
27504
  z-index: 1070;
26635
27505
  display: block;
26636
27506
  width: max-content;
26637
- width: intrinsic;
26638
27507
  max-width: 250px;
26639
27508
  visibility: visible;
26640
27509
  }
@@ -26644,32 +27513,12 @@ cdk-virtual-scroll-viewport.ant-table-body {
26644
27513
  .ant-tooltip-hidden {
26645
27514
  display: none;
26646
27515
  }
26647
- .ant-tooltip-placement-top,
26648
- .ant-tooltip-placement-topLeft,
26649
- .ant-tooltip-placement-topRight {
26650
- padding-bottom: 14.3137085px;
26651
- }
26652
- .ant-tooltip-placement-right,
26653
- .ant-tooltip-placement-rightTop,
26654
- .ant-tooltip-placement-rightBottom {
26655
- padding-left: 14.3137085px;
26656
- }
26657
- .ant-tooltip-placement-bottom,
26658
- .ant-tooltip-placement-bottomLeft,
26659
- .ant-tooltip-placement-bottomRight {
26660
- padding-top: 14.3137085px;
26661
- }
26662
- .ant-tooltip-placement-left,
26663
- .ant-tooltip-placement-leftTop,
26664
- .ant-tooltip-placement-leftBottom {
26665
- padding-right: 14.3137085px;
26666
- }
26667
27516
  .ant-tooltip-inner {
26668
27517
  min-width: 30px;
26669
27518
  min-height: 32px;
26670
- padding: 6px 8px;
27519
+ padding: calc(12px / 2) 8px;
26671
27520
  color: #fff;
26672
- text-align: left;
27521
+ text-align: start;
26673
27522
  text-decoration: none;
26674
27523
  word-wrap: break-word;
26675
27524
  background-color: rgba(0, 0, 0, 0.75);
@@ -26678,228 +27527,337 @@ cdk-virtual-scroll-viewport.ant-table-body {
26678
27527
  }
26679
27528
  .ant-tooltip-arrow {
26680
27529
  position: absolute;
26681
- z-index: 2;
27530
+ z-index: 1;
26682
27531
  display: block;
26683
- width: 22px;
26684
- height: 22px;
27532
+ width: 16px;
27533
+ height: 16px;
26685
27534
  overflow: hidden;
26686
- background: transparent;
26687
27535
  pointer-events: none;
26688
27536
  }
26689
- .ant-tooltip-arrow-content {
26690
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
27537
+ .ant-tooltip-arrow::before {
26691
27538
  position: absolute;
26692
- top: 0;
26693
- right: 0;
26694
27539
  bottom: 0;
26695
- left: 0;
26696
- display: block;
26697
- width: 11.3137085px;
26698
- height: 11.3137085px;
26699
- margin: auto;
27540
+ width: 16px;
27541
+ height: calc(16px / 2);
27542
+ background: var(--antd-arrow-background-color);
26700
27543
  content: '';
26701
- pointer-events: auto;
26702
- border-radius: 0 0 2px;
26703
- pointer-events: none;
27544
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27545
+ 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');
27546
+ inset-inline-start: 0;
26704
27547
  }
26705
- .ant-tooltip-arrow-content::before {
27548
+ .ant-tooltip-arrow::after {
26706
27549
  position: absolute;
26707
- top: -11.3137085px;
26708
- left: -11.3137085px;
26709
- width: 33.9411255px;
26710
- height: 33.9411255px;
26711
- background: var(--antd-arrow-background-color);
26712
- background-repeat: no-repeat;
26713
- background-position: -10px -10px;
27550
+ bottom: 0;
27551
+ z-index: 0;
27552
+ width: 8.97056275px;
27553
+ height: 8.97056275px;
27554
+ margin: auto;
27555
+ background: transparent;
27556
+ border-radius: 0 0 2px;
27557
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27558
+ transform: translateY(50%) rotate(-135deg);
26714
27559
  content: '';
26715
- clip-path: inset(33% 33%);
26716
- 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');
27560
+ inset-inline: 0;
26717
27561
  }
26718
- .ant-tooltip-arrow-content::before {
27562
+ .ant-tooltip-arrow::before {
26719
27563
  position: absolute;
26720
- top: -11.3137085px;
26721
- left: -11.3137085px;
26722
- width: 33.9411255px;
26723
- height: 33.9411255px;
27564
+ bottom: 0;
27565
+ width: 16px;
27566
+ height: calc(16px / 2);
26724
27567
  background: var(--antd-arrow-background-color);
26725
- background-repeat: no-repeat;
26726
- background-position: -10px -10px;
26727
27568
  content: '';
26728
- clip-path: inset(33% 33%);
26729
- 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');
27569
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27570
+ 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');
27571
+ inset-inline-start: 0;
26730
27572
  }
26731
- .ant-tooltip-placement-top .ant-tooltip-arrow,
26732
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
26733
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
27573
+ .ant-tooltip-arrow::after {
27574
+ position: absolute;
26734
27575
  bottom: 0;
26735
- transform: translateY(100%);
27576
+ z-index: 0;
27577
+ width: 8.97056275px;
27578
+ height: 8.97056275px;
27579
+ margin: auto;
27580
+ background: transparent;
27581
+ border-radius: 0 0 2px;
27582
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27583
+ transform: translateY(50%) rotate(-135deg);
27584
+ content: '';
27585
+ inset-inline: 0;
27586
+ }
27587
+ .ant-tooltip-arrow::before {
27588
+ background: var(--antd-arrow-background-color);
26736
27589
  }
26737
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
26738
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
26739
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
26740
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
26741
- transform: translateY(-11px) rotate(45deg);
27590
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27591
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27592
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27593
+ bottom: 0px;
27594
+ transform: translateY(100%) rotate(180deg);
26742
27595
  }
26743
- .ant-tooltip-placement-top .ant-tooltip-arrow {
27596
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26744
27597
  left: 50%;
26745
- transform: translateY(100%) translateX(-50%);
27598
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26746
27599
  }
26747
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
26748
- left: 13px;
27600
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27601
+ left: 16px;
26749
27602
  }
26750
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
26751
- right: 13px;
27603
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27604
+ right: 16px;
26752
27605
  }
26753
- .ant-tooltip-placement-right .ant-tooltip-arrow,
26754
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
26755
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26756
- left: 0;
26757
- transform: translateX(-100%);
27606
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27607
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27608
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27609
+ top: 0px;
27610
+ transform: translateY(-100%);
26758
27611
  }
26759
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
26760
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
26761
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
26762
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
26763
- transform: translateX(11px) rotate(135deg);
27612
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27613
+ left: 50%;
27614
+ transform: translateX(-50%) translateY(-100%);
26764
27615
  }
26765
- .ant-tooltip-placement-right .ant-tooltip-arrow {
26766
- top: 50%;
26767
- transform: translateX(-100%) translateY(-50%);
27616
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27617
+ left: 16px;
26768
27618
  }
26769
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
26770
- top: 5px;
27619
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27620
+ right: 16px;
26771
27621
  }
26772
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26773
- bottom: 5px;
27622
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27623
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27624
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27625
+ right: 0px;
27626
+ transform: translateX(100%) rotate(90deg);
26774
27627
  }
26775
- .ant-tooltip-placement-left .ant-tooltip-arrow,
26776
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
26777
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26778
- right: 0;
26779
- transform: translateX(100%);
27628
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27629
+ top: 50%;
27630
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
26780
27631
  }
26781
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
26782
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
26783
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
26784
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
26785
- transform: translateX(-11px) rotate(315deg);
27632
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27633
+ top: 16px;
27634
+ }
27635
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27636
+ bottom: 16px;
26786
27637
  }
26787
- .ant-tooltip-placement-left .ant-tooltip-arrow {
27638
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27639
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27640
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27641
+ left: 0px;
27642
+ transform: translateX(-100%) rotate(-90deg);
27643
+ }
27644
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
26788
27645
  top: 50%;
26789
- transform: translateX(100%) translateY(-50%);
27646
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
26790
27647
  }
26791
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
26792
- top: 5px;
27648
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27649
+ top: 16px;
26793
27650
  }
26794
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26795
- bottom: 5px;
27651
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27652
+ bottom: 16px;
26796
27653
  }
26797
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
26798
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
26799
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26800
- top: 0;
26801
- transform: translateY(-100%);
27654
+ .ant-tooltip-arrow {
27655
+ position: absolute;
27656
+ z-index: 1;
27657
+ display: block;
27658
+ width: 16px;
27659
+ height: 16px;
27660
+ overflow: hidden;
27661
+ pointer-events: none;
27662
+ }
27663
+ .ant-tooltip-arrow::before {
27664
+ position: absolute;
27665
+ bottom: 0;
27666
+ width: 16px;
27667
+ height: calc(16px / 2);
27668
+ background: var(--antd-arrow-background-color);
27669
+ content: '';
27670
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27671
+ 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');
27672
+ inset-inline-start: 0;
27673
+ }
27674
+ .ant-tooltip-arrow::after {
27675
+ position: absolute;
27676
+ bottom: 0;
27677
+ z-index: 0;
27678
+ width: 8.97056275px;
27679
+ height: 8.97056275px;
27680
+ margin: auto;
27681
+ background: transparent;
27682
+ border-radius: 0 0 2px;
27683
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27684
+ transform: translateY(50%) rotate(-135deg);
27685
+ content: '';
27686
+ inset-inline: 0;
27687
+ }
27688
+ .ant-tooltip-arrow::before {
27689
+ position: absolute;
27690
+ bottom: 0;
27691
+ width: 16px;
27692
+ height: calc(16px / 2);
27693
+ background: var(--antd-arrow-background-color);
27694
+ content: '';
27695
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27696
+ 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');
27697
+ inset-inline-start: 0;
27698
+ }
27699
+ .ant-tooltip-arrow::after {
27700
+ position: absolute;
27701
+ bottom: 0;
27702
+ z-index: 0;
27703
+ width: 8.97056275px;
27704
+ height: 8.97056275px;
27705
+ margin: auto;
27706
+ background: transparent;
27707
+ border-radius: 0 0 2px;
27708
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27709
+ transform: translateY(50%) rotate(-135deg);
27710
+ content: '';
27711
+ inset-inline: 0;
27712
+ }
27713
+ .ant-tooltip-arrow::before {
27714
+ background: var(--antd-arrow-background-color);
26802
27715
  }
26803
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
26804
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
26805
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
26806
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
26807
- transform: translateY(11px) rotate(225deg);
27716
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27717
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27718
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27719
+ bottom: 0px;
27720
+ transform: translateY(100%) rotate(180deg);
26808
27721
  }
26809
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
27722
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26810
27723
  left: 50%;
26811
- transform: translateY(-100%) translateX(-50%);
27724
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26812
27725
  }
26813
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
26814
- left: 13px;
27726
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27727
+ left: 16px;
26815
27728
  }
26816
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26817
- right: 13px;
27729
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27730
+ right: 16px;
27731
+ }
27732
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27733
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27734
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27735
+ top: 0px;
27736
+ transform: translateY(-100%);
27737
+ }
27738
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27739
+ left: 50%;
27740
+ transform: translateX(-50%) translateY(-100%);
27741
+ }
27742
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27743
+ left: 16px;
27744
+ }
27745
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27746
+ right: 16px;
27747
+ }
27748
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27749
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27750
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27751
+ right: 0px;
27752
+ transform: translateX(100%) rotate(90deg);
27753
+ }
27754
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27755
+ top: 50%;
27756
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
27757
+ }
27758
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27759
+ top: 16px;
27760
+ }
27761
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27762
+ bottom: 16px;
27763
+ }
27764
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27765
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27766
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27767
+ left: 0px;
27768
+ transform: translateX(-100%) rotate(-90deg);
27769
+ }
27770
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
27771
+ top: 50%;
27772
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
27773
+ }
27774
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27775
+ top: 16px;
27776
+ }
27777
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27778
+ bottom: 16px;
26818
27779
  }
26819
27780
  .ant-tooltip-pink .ant-tooltip-inner {
26820
27781
  background-color: #eb2f96;
26821
27782
  }
26822
- .ant-tooltip-pink .ant-tooltip-arrow-content::before {
26823
- background: #eb2f96;
27783
+ .ant-tooltip-pink .ant-tooltip-arrow {
27784
+ --antd-arrow-background-color: #eb2f96;
26824
27785
  }
26825
27786
  .ant-tooltip-magenta .ant-tooltip-inner {
26826
27787
  background-color: #eb2f96;
26827
27788
  }
26828
- .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
26829
- background: #eb2f96;
27789
+ .ant-tooltip-magenta .ant-tooltip-arrow {
27790
+ --antd-arrow-background-color: #eb2f96;
26830
27791
  }
26831
27792
  .ant-tooltip-red .ant-tooltip-inner {
26832
27793
  background-color: #f5222d;
26833
27794
  }
26834
- .ant-tooltip-red .ant-tooltip-arrow-content::before {
26835
- background: #f5222d;
27795
+ .ant-tooltip-red .ant-tooltip-arrow {
27796
+ --antd-arrow-background-color: #f5222d;
26836
27797
  }
26837
27798
  .ant-tooltip-volcano .ant-tooltip-inner {
26838
27799
  background-color: #fa541c;
26839
27800
  }
26840
- .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
26841
- background: #fa541c;
27801
+ .ant-tooltip-volcano .ant-tooltip-arrow {
27802
+ --antd-arrow-background-color: #fa541c;
26842
27803
  }
26843
27804
  .ant-tooltip-orange .ant-tooltip-inner {
26844
27805
  background-color: #fa8c16;
26845
27806
  }
26846
- .ant-tooltip-orange .ant-tooltip-arrow-content::before {
26847
- background: #fa8c16;
27807
+ .ant-tooltip-orange .ant-tooltip-arrow {
27808
+ --antd-arrow-background-color: #fa8c16;
26848
27809
  }
26849
27810
  .ant-tooltip-yellow .ant-tooltip-inner {
26850
27811
  background-color: #fadb14;
26851
27812
  }
26852
- .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
26853
- background: #fadb14;
27813
+ .ant-tooltip-yellow .ant-tooltip-arrow {
27814
+ --antd-arrow-background-color: #fadb14;
26854
27815
  }
26855
27816
  .ant-tooltip-gold .ant-tooltip-inner {
26856
27817
  background-color: #faad14;
26857
27818
  }
26858
- .ant-tooltip-gold .ant-tooltip-arrow-content::before {
26859
- background: #faad14;
27819
+ .ant-tooltip-gold .ant-tooltip-arrow {
27820
+ --antd-arrow-background-color: #faad14;
26860
27821
  }
26861
27822
  .ant-tooltip-cyan .ant-tooltip-inner {
26862
27823
  background-color: #13c2c2;
26863
27824
  }
26864
- .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
26865
- background: #13c2c2;
27825
+ .ant-tooltip-cyan .ant-tooltip-arrow {
27826
+ --antd-arrow-background-color: #13c2c2;
26866
27827
  }
26867
27828
  .ant-tooltip-lime .ant-tooltip-inner {
26868
27829
  background-color: #a0d911;
26869
27830
  }
26870
- .ant-tooltip-lime .ant-tooltip-arrow-content::before {
26871
- background: #a0d911;
27831
+ .ant-tooltip-lime .ant-tooltip-arrow {
27832
+ --antd-arrow-background-color: #a0d911;
26872
27833
  }
26873
27834
  .ant-tooltip-green .ant-tooltip-inner {
26874
27835
  background-color: #52c41a;
26875
27836
  }
26876
- .ant-tooltip-green .ant-tooltip-arrow-content::before {
26877
- background: #52c41a;
27837
+ .ant-tooltip-green .ant-tooltip-arrow {
27838
+ --antd-arrow-background-color: #52c41a;
26878
27839
  }
26879
27840
  .ant-tooltip-blue .ant-tooltip-inner {
26880
27841
  background-color: #1890ff;
26881
27842
  }
26882
- .ant-tooltip-blue .ant-tooltip-arrow-content::before {
26883
- background: #1890ff;
27843
+ .ant-tooltip-blue .ant-tooltip-arrow {
27844
+ --antd-arrow-background-color: #1890ff;
26884
27845
  }
26885
27846
  .ant-tooltip-geekblue .ant-tooltip-inner {
26886
27847
  background-color: #2f54eb;
26887
27848
  }
26888
- .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
26889
- background: #2f54eb;
27849
+ .ant-tooltip-geekblue .ant-tooltip-arrow {
27850
+ --antd-arrow-background-color: #2f54eb;
26890
27851
  }
26891
27852
  .ant-tooltip-purple .ant-tooltip-inner {
26892
27853
  background-color: #722ed1;
26893
27854
  }
26894
- .ant-tooltip-purple .ant-tooltip-arrow-content::before {
26895
- background: #722ed1;
27855
+ .ant-tooltip-purple .ant-tooltip-arrow {
27856
+ --antd-arrow-background-color: #722ed1;
26896
27857
  }
26897
27858
  .ant-tooltip-rtl {
26898
27859
  direction: rtl;
26899
27860
  }
26900
- .ant-tooltip-rtl .ant-tooltip-inner {
26901
- text-align: right;
26902
- }
26903
27861
  .ant-tooltip {
26904
27862
  position: relative;
26905
27863
  }
@@ -28468,14 +29426,15 @@ div.ant-typography-edit-content.ant-typography-rtl {
28468
29426
  min-width: 111px;
28469
29427
  height: 180px;
28470
29428
  margin: 0;
28471
- margin: -4px 0;
28472
29429
  padding: 4px 0;
28473
29430
  overflow: auto;
28474
29431
  vertical-align: top;
28475
29432
  list-style: none;
28476
- border-right: 1px solid #f0f0f0;
28477
29433
  -ms-overflow-style: -ms-autohiding-scrollbar;
28478
29434
  }
29435
+ .ant-cascader-menu:not(:last-child) {
29436
+ border-inline-end: 1px solid #f0f0f0;
29437
+ }
28479
29438
  .ant-cascader-menu-item {
28480
29439
  display: flex;
28481
29440
  flex-wrap: nowrap;
@@ -30866,10 +31825,14 @@ nz-space-item {
30866
31825
  }
30867
31826
  .ant-float-btn-group {
30868
31827
  position: fixed;
31828
+ bottom: 48px;
30869
31829
  z-index: 99;
30870
- display: block;
31830
+ display: flex;
31831
+ flex-direction: column;
31832
+ align-items: center;
31833
+ justify-content: center;
30871
31834
  box-sizing: border-box;
30872
- width: 40px;
31835
+ min-width: 40px;
30873
31836
  height: auto;
30874
31837
  min-height: 40px;
30875
31838
  margin: 0;
@@ -30883,22 +31846,73 @@ nz-space-item {
30883
31846
  border-radius: 2px;
30884
31847
  box-shadow: none;
30885
31848
  inset-inline-end: 24px;
30886
- inset-block-end: 48px;
30887
31849
  }
30888
31850
  .ant-float-btn-group-wrap {
30889
- position: relative;
31851
+ position: absolute;
30890
31852
  z-index: -1;
30891
- display: block;
30892
- margin-bottom: 16px;
31853
+ display: flex;
31854
+ align-items: center;
31855
+ justify-content: center;
30893
31856
  }
30894
- .ant-float-btn-group-rtl {
31857
+ .ant-float-btn-group.ant-float-btn-group-rtl {
30895
31858
  direction: rtl;
30896
31859
  }
30897
31860
  .ant-float-btn-group .ant-float-btn {
30898
31861
  position: static;
30899
31862
  }
30900
- .ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) {
30901
- margin-bottom: 16px;
31863
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap {
31864
+ top: auto;
31865
+ bottom: calc(40px + 16px);
31866
+ flex-direction: column;
31867
+ }
31868
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
31869
+ position: absolute;
31870
+ bottom: -16px;
31871
+ width: 100%;
31872
+ height: 16px;
31873
+ content: '';
31874
+ }
31875
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
31876
+ top: calc(40px + 16px);
31877
+ bottom: auto;
31878
+ flex-direction: column;
31879
+ }
31880
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
31881
+ position: absolute;
31882
+ top: -16px;
31883
+ width: 100%;
31884
+ height: 16px;
31885
+ content: '';
31886
+ }
31887
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap {
31888
+ right: calc(40px + 16px);
31889
+ left: auto;
31890
+ flex-direction: row;
31891
+ }
31892
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
31893
+ position: absolute;
31894
+ right: -16px;
31895
+ width: 16px;
31896
+ height: 100%;
31897
+ content: '';
31898
+ }
31899
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap {
31900
+ right: auto;
31901
+ left: calc(40px + 16px);
31902
+ flex-direction: row;
31903
+ }
31904
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
31905
+ position: absolute;
31906
+ left: -16px;
31907
+ width: 16px;
31908
+ height: 100%;
31909
+ content: '';
31910
+ }
31911
+ .ant-float-btn-group-circle {
31912
+ gap: 16px;
31913
+ }
31914
+ .ant-float-btn-group-circle .ant-float-btn-group-wrap {
31915
+ gap: 16px;
30902
31916
  }
30903
31917
  .ant-float-btn-group-circle .ant-float-btn-body {
30904
31918
  width: 40px;
@@ -30908,43 +31922,61 @@ nz-space-item {
30908
31922
  padding: 0;
30909
31923
  border-radius: 0;
30910
31924
  }
31925
+ .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
31926
+ border-radius: 2px;
31927
+ }
30911
31928
  .ant-float-btn-group-square .ant-float-btn-square:first-child {
30912
31929
  border-start-start-radius: 2px;
30913
31930
  border-start-end-radius: 2px;
30914
31931
  }
30915
31932
  .ant-float-btn-group-square .ant-float-btn-square:last-child {
30916
- border-start-start-radius: 2px;
30917
- border-start-end-radius: 2px;
31933
+ border-end-start-radius: 2px;
31934
+ border-end-end-radius: 2px;
30918
31935
  }
30919
31936
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
30920
31937
  border-bottom: 1px solid #d9d9d9;
30921
31938
  }
30922
31939
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
30923
- display: block;
30924
- overflow: hidden;
30925
31940
  border-radius: 2px;
30926
31941
  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);
30927
31942
  }
30928
31943
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
30929
- margin-top: 0;
30930
31944
  padding: 4px;
30931
31945
  border-radius: 0;
30932
31946
  box-shadow: none;
30933
31947
  }
30934
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child {
30935
- border-start-start-radius: 2px;
30936
- border-start-end-radius: 2px;
31948
+ .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31949
+ width: 32px;
31950
+ height: 32px;
30937
31951
  }
30938
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child {
31952
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31953
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
30939
31954
  border-start-start-radius: 2px;
30940
31955
  border-start-end-radius: 2px;
30941
31956
  }
30942
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child) {
31957
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31958
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31959
+ border-end-start-radius: 2px;
31960
+ border-end-end-radius: 2px;
31961
+ }
31962
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31963
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
30943
31964
  border-bottom: 1px solid #d9d9d9;
30944
31965
  }
30945
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
30946
- width: 32px;
30947
- height: 32px;
31966
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31967
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31968
+ border-start-start-radius: 2px;
31969
+ border-end-start-radius: 2px;
31970
+ }
31971
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31972
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31973
+ border-start-end-radius: 2px;
31974
+ border-end-end-radius: 2px;
31975
+ }
31976
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31977
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31978
+ border-inline-end: 1px solid #d9d9d9;
31979
+ border-bottom: none;
30948
31980
  }
30949
31981
  .ant-float-btn-group-circle-shadow {
30950
31982
  box-shadow: none;
@@ -30969,6 +32001,7 @@ nz-space-item {
30969
32001
  cursor: pointer;
30970
32002
  }
30971
32003
  .ant-check-list .ant-check-list-button {
32004
+ position: relative;
30972
32005
  display: flex;
30973
32006
  gap: 8px;
30974
32007
  align-items: center;
@@ -30984,6 +32017,27 @@ nz-space-item {
30984
32017
  .ant-check-list .ant-check-list-description {
30985
32018
  font-size: 14px;
30986
32019
  }
32020
+ .ant-check-list .ant-check-list-trigger-dot {
32021
+ position: absolute;
32022
+ top: -12px;
32023
+ right: -12px;
32024
+ display: flex;
32025
+ flex-direction: column;
32026
+ align-items: center;
32027
+ justify-content: center;
32028
+ width: 24px;
32029
+ height: 24px;
32030
+ color: #1890ff;
32031
+ background-color: #fff;
32032
+ border: 1px solid #1890ff;
32033
+ border-radius: 50%;
32034
+ }
32035
+ .ant-check-list .ant-check-list-trigger-dot-text {
32036
+ font-weight: 500;
32037
+ font-size: 16px;
32038
+ font-style: italic;
32039
+ line-height: 16px;
32040
+ }
30987
32041
  .ant-check-list-content {
30988
32042
  display: block;
30989
32043
  width: 303px;
@@ -31399,7 +32453,7 @@ a:focus {
31399
32453
  font-weight: 500;
31400
32454
  line-height: 22px;
31401
32455
  color: rgba(0, 0, 0, 0.85);
31402
- word-wrap: break-word;
32456
+ overflow-wrap: break-word !important;
31403
32457
  }
31404
32458
  .modal-title small {
31405
32459
  margin-left: 8px;
@@ -35288,7 +36342,6 @@ body {
35288
36342
  overflow: hidden scroll;
35289
36343
  flex: 1 1 0%;
35290
36344
  -webkit-overflow-scrolling: touch;
35291
- scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
35292
36345
  }
35293
36346
  .alain-default__aside-inner::-webkit-scrollbar {
35294
36347
  width: 0;
@@ -35869,7 +36922,7 @@ body {
35869
36922
  .st__width-strict .ant-table-content > table,
35870
36923
  .st__width-strict .ant-table-body > table {
35871
36924
  table-layout: fixed !important;
35872
- word-wrap: break-word !important;
36925
+ overflow-wrap: break-word !important;
35873
36926
  }
35874
36927
  }
35875
36928
  .sv {