@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.
package/variable.css CHANGED
@@ -5532,48 +5532,84 @@ nz-card-loading {
5532
5532
  .ant-carousel .slick-next {
5533
5533
  position: absolute;
5534
5534
  top: 50%;
5535
- display: block;
5536
- width: 20px;
5537
- height: 20px;
5538
- margin-top: -10px;
5535
+ z-index: 1;
5536
+ display: inline-block;
5537
+ width: 16px;
5538
+ height: 16px;
5539
+ margin: 0;
5539
5540
  padding: 0;
5540
- color: transparent;
5541
+ color: #fff;
5541
5542
  font-size: 0;
5542
5543
  line-height: 0;
5543
5544
  background: transparent;
5544
5545
  border: 0;
5546
+ border-radius: 0;
5545
5547
  outline: none;
5548
+ transform: translateY(-50%);
5546
5549
  cursor: pointer;
5550
+ opacity: 0.3;
5551
+ transition: color 0.3s, opacity 0.3s;
5552
+ }
5553
+ .ant-carousel .slick-prev::after,
5554
+ .ant-carousel .slick-next::after {
5555
+ position: absolute;
5556
+ top: 2.3px;
5557
+ display: inline-block;
5558
+ box-sizing: border-box;
5559
+ width: 11.3px;
5560
+ height: 11.3px;
5561
+ border: 0 solid currentcolor;
5562
+ border-radius: 1px;
5563
+ opacity: 1;
5564
+ content: '';
5565
+ inset-inline-start: 2.3px;
5566
+ border-inline-start-width: 2px;
5567
+ border-block-start-width: 2px;
5547
5568
  }
5548
5569
  .ant-carousel .slick-prev:hover,
5549
5570
  .ant-carousel .slick-next:hover,
5550
5571
  .ant-carousel .slick-prev:focus,
5551
5572
  .ant-carousel .slick-next:focus {
5552
- color: transparent;
5553
- background: transparent;
5573
+ color: #fff;
5554
5574
  outline: none;
5555
- }
5556
- .ant-carousel .slick-prev:hover::before,
5557
- .ant-carousel .slick-next:hover::before,
5558
- .ant-carousel .slick-prev:focus::before,
5559
- .ant-carousel .slick-next:focus::before {
5560
5575
  opacity: 1;
5561
5576
  }
5562
- .ant-carousel .slick-prev.slick-disabled::before,
5563
- .ant-carousel .slick-next.slick-disabled::before {
5564
- opacity: 0.25;
5577
+ .ant-carousel .slick-prev.slick-disabled,
5578
+ .ant-carousel .slick-next.slick-disabled {
5579
+ display: none;
5565
5580
  }
5566
5581
  .ant-carousel .slick-prev {
5567
- left: -25px;
5582
+ right: auto;
5583
+ left: 12px;
5568
5584
  }
5569
- .ant-carousel .slick-prev::before {
5570
- content: '←';
5585
+ .ant-carousel .slick-prev::after {
5586
+ transform: rotate(-45deg);
5571
5587
  }
5572
5588
  .ant-carousel .slick-next {
5573
- right: -25px;
5589
+ right: 12px;
5590
+ left: auto;
5591
+ }
5592
+ .ant-carousel .slick-next::after {
5593
+ transform: rotate(135deg);
5594
+ }
5595
+ .ant-carousel .slick-vertical .slick-prev {
5596
+ top: 12px;
5597
+ right: auto;
5598
+ left: 50%;
5599
+ transform: translateX(-50%);
5600
+ }
5601
+ .ant-carousel .slick-vertical .slick-prev::after {
5602
+ transform: rotate(45deg);
5574
5603
  }
5575
- .ant-carousel .slick-next::before {
5576
- content: '→';
5604
+ .ant-carousel .slick-vertical .slick-next {
5605
+ top: auto;
5606
+ right: auto;
5607
+ bottom: 12px;
5608
+ left: 50%;
5609
+ transform: translateX(-50%);
5610
+ }
5611
+ .ant-carousel .slick-vertical .slick-next::after {
5612
+ transform: rotate(-135deg);
5577
5613
  }
5578
5614
  .ant-carousel .slick-dots {
5579
5615
  position: absolute;
@@ -5687,23 +5723,23 @@ nz-card-loading {
5687
5723
  .ant-carousel-rtl {
5688
5724
  direction: rtl;
5689
5725
  }
5690
- .ant-carousel-rtl .ant-carousel .slick-track {
5691
- right: 0;
5692
- left: auto;
5726
+ .ant-carousel-rtl .slick-next {
5727
+ right: auto;
5728
+ left: 12px;
5693
5729
  }
5694
- .ant-carousel-rtl .ant-carousel .slick-prev {
5695
- right: -25px;
5696
- left: auto;
5730
+ .ant-carousel-rtl .slick-next::after {
5731
+ transform: rotate(-45deg);
5697
5732
  }
5698
- .ant-carousel-rtl .ant-carousel .slick-prev::before {
5699
- content: '→';
5733
+ .ant-carousel-rtl .slick-prev {
5734
+ right: 12px;
5735
+ left: auto;
5700
5736
  }
5701
- .ant-carousel-rtl .ant-carousel .slick-next {
5702
- right: auto;
5703
- left: -25px;
5737
+ .ant-carousel-rtl .slick-prev::after {
5738
+ transform: rotate(135deg);
5704
5739
  }
5705
- .ant-carousel-rtl .ant-carousel .slick-next::before {
5706
- content: '←';
5740
+ .ant-carousel-rtl .ant-carousel .slick-track {
5741
+ right: 0;
5742
+ left: auto;
5707
5743
  }
5708
5744
  .ant-carousel-rtl.ant-carousel .slick-dots {
5709
5745
  flex-direction: row-reverse;
@@ -5711,6 +5747,12 @@ nz-card-loading {
5711
5747
  .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
5712
5748
  flex-direction: column;
5713
5749
  }
5750
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after {
5751
+ transform: rotate(45deg);
5752
+ }
5753
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after {
5754
+ transform: rotate(-135deg);
5755
+ }
5714
5756
  nz-carousel {
5715
5757
  position: relative;
5716
5758
  display: block;
@@ -6083,6 +6125,24 @@ nz-carousel {
6083
6125
  color: rgba(0, 0, 0, 0.25);
6084
6126
  cursor: not-allowed;
6085
6127
  }
6128
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
6129
+ padding: 8px 12px;
6130
+ padding-inline-start: 8px;
6131
+ }
6132
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6133
+ padding: 12px;
6134
+ }
6135
+ .ant-collapse-large > .ant-collapse-item {
6136
+ font-size: 16px;
6137
+ line-height: 1.5;
6138
+ }
6139
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
6140
+ padding: 16px 24px;
6141
+ padding-inline-start: 16px;
6142
+ }
6143
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6144
+ padding: 24px;
6145
+ }
6086
6146
  .ant-collapse-rtl {
6087
6147
  direction: rtl;
6088
6148
  }
@@ -6513,6 +6573,9 @@ nz-comment-content {
6513
6573
  border-radius: 0 !important;
6514
6574
  box-shadow: none !important;
6515
6575
  }
6576
+ .ant-picker-input > input-underlined:hover.ant-picker-input > input:not(.ant-picker-input > input-focused) {
6577
+ border-color: #d9d9d9 !important;
6578
+ }
6516
6579
  textarea.ant-picker-input > input {
6517
6580
  max-width: 100%;
6518
6581
  height: auto;
@@ -6654,6 +6717,7 @@ textarea.ant-picker-input > input {
6654
6717
  line-height: 1.5715;
6655
6718
  list-style: none;
6656
6719
  font-feature-settings: 'tnum';
6720
+ --antd-arrow-background-color: #fff;
6657
6721
  position: absolute;
6658
6722
  top: -9999px;
6659
6723
  left: -9999px;
@@ -6662,15 +6726,17 @@ textarea.ant-picker-input > input {
6662
6726
  .ant-picker-dropdown-hidden {
6663
6727
  display: none;
6664
6728
  }
6665
- .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
6666
- top: 2.58561808px;
6729
+ .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow,
6730
+ .ant-picker-dropdown-placement-bottomRight .ant-picker-range-arrow {
6731
+ top: 0;
6667
6732
  display: block;
6668
- transform: rotate(-135deg) translateY(1px);
6733
+ transform: translateY(-100%);
6669
6734
  }
6670
- .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
6671
- bottom: 2.58561808px;
6735
+ .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow,
6736
+ .ant-picker-dropdown-placement-topRight .ant-picker-range-arrow {
6737
+ bottom: 0;
6672
6738
  display: block;
6673
- transform: rotate(45deg);
6739
+ transform: translateY(100%) rotate(180deg);
6674
6740
  }
6675
6741
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
6676
6742
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
@@ -6693,7 +6759,7 @@ textarea.ant-picker-input > input {
6693
6759
  animation-name: antSlideUpOut;
6694
6760
  }
6695
6761
  .ant-picker-dropdown-range {
6696
- padding: 7.54247233px 0;
6762
+ margin-block: 10.66666667px;
6697
6763
  }
6698
6764
  .ant-picker-dropdown-range-hidden {
6699
6765
  display: none;
@@ -6728,39 +6794,63 @@ textarea.ant-picker-input > input {
6728
6794
  .ant-picker-range-arrow {
6729
6795
  position: absolute;
6730
6796
  z-index: 1;
6731
- width: 11.3137085px;
6732
- height: 11.3137085px;
6797
+ box-sizing: content-box;
6733
6798
  margin-left: 16.5px;
6734
- box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
6735
6799
  transition: left 0.3s ease-out;
6736
- border-radius: 0 0 2px;
6800
+ width: 16px;
6801
+ height: 16px;
6802
+ overflow: hidden;
6737
6803
  pointer-events: none;
6738
6804
  }
6739
6805
  .ant-picker-range-arrow::before {
6740
6806
  position: absolute;
6741
- top: -11.3137085px;
6742
- left: -11.3137085px;
6743
- width: 33.9411255px;
6744
- height: 33.9411255px;
6745
- background: #fff;
6746
- background-repeat: no-repeat;
6747
- background-position: -10px -10px;
6807
+ bottom: 0;
6808
+ width: 16px;
6809
+ height: calc(16px / 2);
6810
+ background: var(--antd-arrow-background-color);
6811
+ content: '';
6812
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6813
+ 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');
6814
+ inset-inline-start: 0;
6815
+ }
6816
+ .ant-picker-range-arrow::after {
6817
+ position: absolute;
6818
+ bottom: 0;
6819
+ z-index: 0;
6820
+ width: 8.97056275px;
6821
+ height: 8.97056275px;
6822
+ margin: auto;
6823
+ background: transparent;
6824
+ border-radius: 0 0 2px;
6825
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6826
+ transform: translateY(50%) rotate(-135deg);
6748
6827
  content: '';
6749
- clip-path: inset(33% 33%);
6750
- 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');
6828
+ inset-inline: 0;
6751
6829
  }
6752
6830
  .ant-picker-range-arrow::before {
6753
6831
  position: absolute;
6754
- top: -11.3137085px;
6755
- left: -11.3137085px;
6756
- width: 33.9411255px;
6757
- height: 33.9411255px;
6758
- background: #fff;
6759
- background-repeat: no-repeat;
6760
- background-position: -10px -10px;
6832
+ bottom: 0;
6833
+ width: 16px;
6834
+ height: calc(16px / 2);
6835
+ background: var(--antd-arrow-background-color);
6836
+ content: '';
6837
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6838
+ 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');
6839
+ inset-inline-start: 0;
6840
+ }
6841
+ .ant-picker-range-arrow::after {
6842
+ position: absolute;
6843
+ bottom: 0;
6844
+ z-index: 0;
6845
+ width: 8.97056275px;
6846
+ height: 8.97056275px;
6847
+ margin: auto;
6848
+ background: transparent;
6849
+ border-radius: 0 0 2px;
6850
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6851
+ transform: translateY(50%) rotate(-135deg);
6761
6852
  content: '';
6762
- clip-path: inset(33% 33%);
6763
- 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');
6853
+ inset-inline: 0;
6764
6854
  }
6765
6855
  .ant-picker-panel-container {
6766
6856
  overflow: hidden;
@@ -6778,16 +6868,13 @@ textarea.ant-picker-input > input {
6778
6868
  .ant-picker-panel-container .ant-picker-panel {
6779
6869
  vertical-align: top;
6780
6870
  background: transparent;
6781
- border-width: 0 0 1px;
6871
+ border: none;
6782
6872
  border-radius: 0;
6783
6873
  }
6784
6874
  .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
6785
6875
  .ant-picker-panel-container .ant-picker-panel table {
6786
6876
  text-align: center;
6787
6877
  }
6788
- .ant-picker-panel-container .ant-picker-panel-focused {
6789
- border-color: rgba(0, 0, 0, 0.06);
6790
- }
6791
6878
  .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
6792
6879
  margin-right: -1px;
6793
6880
  }
@@ -7859,6 +7946,12 @@ nz-descriptions {
7859
7946
  .ant-divider-vertical.ant-divider-dotted {
7860
7947
  border-width: 0 0 0 1px;
7861
7948
  }
7949
+ .ant-divider-sm {
7950
+ margin-block: 8px;
7951
+ }
7952
+ .ant-divider-md {
7953
+ margin-block: 16px;
7954
+ }
7862
7955
  .ant-drawer {
7863
7956
  position: fixed;
7864
7957
  top: 0;
@@ -8140,6 +8233,7 @@ nz-descriptions {
8140
8233
  line-height: 1.5715;
8141
8234
  list-style: none;
8142
8235
  font-feature-settings: 'tnum';
8236
+ --antd-arrow-background-color: #fff;
8143
8237
  position: absolute;
8144
8238
  top: -9999px;
8145
8239
  left: -9999px;
@@ -8148,13 +8242,10 @@ nz-descriptions {
8148
8242
  }
8149
8243
  .ant-dropdown::before {
8150
8244
  position: absolute;
8151
- top: -4px;
8152
- right: 0;
8153
- bottom: -4px;
8154
- left: -7px;
8245
+ inset-block: calc(16px / 2 - calc(16px / 2 + 4px));
8155
8246
  z-index: -9999;
8156
8247
  opacity: 0.0001;
8157
- content: ' ';
8248
+ content: '';
8158
8249
  }
8159
8250
  .ant-dropdown-wrap {
8160
8251
  position: relative;
@@ -8173,61 +8264,203 @@ nz-descriptions {
8173
8264
  .ant-dropdown-menu-submenu-hidden {
8174
8265
  display: none;
8175
8266
  }
8176
- .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
8177
- .ant-dropdown-show-arrow.ant-dropdown-placement-top,
8178
- .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
8179
- padding-bottom: 15.3137085px;
8267
+ .ant-dropdown-arrow {
8268
+ position: absolute;
8269
+ z-index: 1;
8270
+ display: block;
8271
+ width: 16px;
8272
+ height: 16px;
8273
+ overflow: hidden;
8274
+ pointer-events: none;
8275
+ }
8276
+ .ant-dropdown-arrow::before {
8277
+ position: absolute;
8278
+ bottom: 0;
8279
+ width: 16px;
8280
+ height: calc(16px / 2);
8281
+ background: var(--antd-arrow-background-color);
8282
+ content: '';
8283
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8284
+ 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');
8285
+ inset-inline-start: 0;
8286
+ }
8287
+ .ant-dropdown-arrow::after {
8288
+ position: absolute;
8289
+ bottom: 0;
8290
+ z-index: 0;
8291
+ width: 8.97056275px;
8292
+ height: 8.97056275px;
8293
+ margin: auto;
8294
+ background: transparent;
8295
+ border-radius: 0 0 2px;
8296
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8297
+ transform: translateY(50%) rotate(-135deg);
8298
+ content: '';
8299
+ inset-inline: 0;
8300
+ }
8301
+ .ant-dropdown-arrow::before {
8302
+ position: absolute;
8303
+ bottom: 0;
8304
+ width: 16px;
8305
+ height: calc(16px / 2);
8306
+ background: var(--antd-arrow-background-color);
8307
+ content: '';
8308
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8309
+ 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');
8310
+ inset-inline-start: 0;
8311
+ }
8312
+ .ant-dropdown-arrow::after {
8313
+ position: absolute;
8314
+ bottom: 0;
8315
+ z-index: 0;
8316
+ width: 8.97056275px;
8317
+ height: 8.97056275px;
8318
+ margin: auto;
8319
+ background: transparent;
8320
+ border-radius: 0 0 2px;
8321
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8322
+ transform: translateY(50%) rotate(-135deg);
8323
+ content: '';
8324
+ inset-inline: 0;
8325
+ }
8326
+ .ant-dropdown-arrow::before {
8327
+ background: var(--antd-arrow-background-color);
8328
+ }
8329
+ .ant-dropdown-placement-top > .ant-dropdown-arrow,
8330
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8331
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8332
+ bottom: 0px;
8333
+ transform: translateY(100%) rotate(180deg);
8334
+ }
8335
+ .ant-dropdown-placement-top > .ant-dropdown-arrow {
8336
+ left: 50%;
8337
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8338
+ }
8339
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8340
+ left: 16px;
8341
+ }
8342
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8343
+ right: 16px;
8344
+ }
8345
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8346
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8347
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8348
+ top: 0px;
8349
+ transform: translateY(-100%);
8350
+ }
8351
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8352
+ left: 50%;
8353
+ transform: translateX(-50%) translateY(-100%);
8354
+ }
8355
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8356
+ left: 16px;
8357
+ }
8358
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8359
+ right: 16px;
8360
+ }
8361
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8362
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8363
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8364
+ right: 0px;
8365
+ transform: translateX(100%) rotate(90deg);
8366
+ }
8367
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8368
+ top: 50%;
8369
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8370
+ }
8371
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8372
+ top: 16px;
8373
+ }
8374
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8375
+ bottom: 16px;
8180
8376
  }
8181
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
8182
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
8183
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
8184
- padding-top: 15.3137085px;
8377
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8378
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8379
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8380
+ left: 0px;
8381
+ transform: translateX(-100%) rotate(-90deg);
8382
+ }
8383
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8384
+ top: 50%;
8385
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8386
+ }
8387
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8388
+ top: 16px;
8389
+ }
8390
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8391
+ bottom: 16px;
8185
8392
  }
8186
8393
  .ant-dropdown-arrow {
8187
8394
  position: absolute;
8188
8395
  z-index: 1;
8189
8396
  display: block;
8190
- width: 11.3137085px;
8191
- height: 11.3137085px;
8192
- border-radius: 0 0 2px;
8397
+ width: 16px;
8398
+ height: 16px;
8399
+ overflow: hidden;
8193
8400
  pointer-events: none;
8194
8401
  }
8195
8402
  .ant-dropdown-arrow::before {
8196
8403
  position: absolute;
8197
- top: -11.3137085px;
8198
- left: -11.3137085px;
8199
- width: 33.9411255px;
8200
- height: 33.9411255px;
8201
- background: #fff;
8202
- background-repeat: no-repeat;
8203
- background-position: -10px -10px;
8404
+ bottom: 0;
8405
+ width: 16px;
8406
+ height: calc(16px / 2);
8407
+ background: var(--antd-arrow-background-color);
8408
+ content: '';
8409
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8410
+ 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');
8411
+ inset-inline-start: 0;
8412
+ }
8413
+ .ant-dropdown-arrow::after {
8414
+ position: absolute;
8415
+ bottom: 0;
8416
+ z-index: 0;
8417
+ width: 8.97056275px;
8418
+ height: 8.97056275px;
8419
+ margin: auto;
8420
+ background: transparent;
8421
+ border-radius: 0 0 2px;
8422
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8423
+ transform: translateY(50%) rotate(-135deg);
8204
8424
  content: '';
8205
- clip-path: inset(33% 33%);
8206
- 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');
8425
+ inset-inline: 0;
8207
8426
  }
8208
8427
  .ant-dropdown-arrow::before {
8209
8428
  position: absolute;
8210
- top: -11.3137085px;
8211
- left: -11.3137085px;
8212
- width: 33.9411255px;
8213
- height: 33.9411255px;
8214
- background: #fff;
8215
- background-repeat: no-repeat;
8216
- background-position: -10px -10px;
8429
+ bottom: 0;
8430
+ width: 16px;
8431
+ height: calc(16px / 2);
8432
+ background: var(--antd-arrow-background-color);
8433
+ content: '';
8434
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8435
+ 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');
8436
+ inset-inline-start: 0;
8437
+ }
8438
+ .ant-dropdown-arrow::after {
8439
+ position: absolute;
8440
+ bottom: 0;
8441
+ z-index: 0;
8442
+ width: 8.97056275px;
8443
+ height: 8.97056275px;
8444
+ margin: auto;
8445
+ background: transparent;
8446
+ border-radius: 0 0 2px;
8447
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8448
+ transform: translateY(50%) rotate(-135deg);
8217
8449
  content: '';
8218
- clip-path: inset(33% 33%);
8219
- 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');
8450
+ inset-inline: 0;
8451
+ }
8452
+ .ant-dropdown-arrow::before {
8453
+ background: var(--antd-arrow-background-color);
8220
8454
  }
8221
8455
  .ant-dropdown-placement-top > .ant-dropdown-arrow,
8222
8456
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8223
8457
  .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8224
- bottom: 10px;
8225
- box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
8226
- transform: rotate(45deg);
8458
+ bottom: 0px;
8459
+ transform: translateY(100%) rotate(180deg);
8227
8460
  }
8228
8461
  .ant-dropdown-placement-top > .ant-dropdown-arrow {
8229
8462
  left: 50%;
8230
- transform: translateX(-50%) rotate(45deg);
8463
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8231
8464
  }
8232
8465
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8233
8466
  left: 16px;
@@ -8238,13 +8471,12 @@ nz-descriptions {
8238
8471
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8239
8472
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8240
8473
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8241
- top: 9.41421356px;
8242
- box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
8243
- transform: rotate(-135deg) translateY(-0.5px);
8474
+ top: 0px;
8475
+ transform: translateY(-100%);
8244
8476
  }
8245
8477
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8246
8478
  left: 50%;
8247
- transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
8479
+ transform: translateX(-50%) translateY(-100%);
8248
8480
  }
8249
8481
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8250
8482
  left: 16px;
@@ -8252,6 +8484,38 @@ nz-descriptions {
8252
8484
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8253
8485
  right: 16px;
8254
8486
  }
8487
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8488
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8489
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8490
+ right: 0px;
8491
+ transform: translateX(100%) rotate(90deg);
8492
+ }
8493
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8494
+ top: 50%;
8495
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8496
+ }
8497
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8498
+ top: 16px;
8499
+ }
8500
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8501
+ bottom: 16px;
8502
+ }
8503
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8504
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8505
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8506
+ left: 0px;
8507
+ transform: translateX(-100%) rotate(-90deg);
8508
+ }
8509
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8510
+ top: 50%;
8511
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8512
+ }
8513
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8514
+ top: 16px;
8515
+ }
8516
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8517
+ bottom: 16px;
8518
+ }
8255
8519
  .ant-dropdown-menu {
8256
8520
  position: relative;
8257
8521
  margin: 0;
@@ -8543,11 +8807,10 @@ nz-descriptions {
8543
8807
  }
8544
8808
  .ant-dropdown {
8545
8809
  position: relative;
8546
- top: 0;
8547
- left: 0;
8548
- width: 100%;
8549
- margin-top: 6px;
8550
- margin-bottom: 6px;
8810
+ inset: 0;
8811
+ }
8812
+ .ant-dropdown:not(:has(.ant-dropdown-arrow)) {
8813
+ margin-block: calc(calc(16px / 2 + 4px) - 16px / 2);
8551
8814
  }
8552
8815
  .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
8553
8816
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
@@ -14012,6 +14275,9 @@ nz-empty {
14012
14275
  border-radius: 0 !important;
14013
14276
  box-shadow: none !important;
14014
14277
  }
14278
+ .ant-input-affix-wrapper-underlined:hover.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused) {
14279
+ border-color: #d9d9d9 !important;
14280
+ }
14015
14281
  textarea.ant-input-affix-wrapper {
14016
14282
  max-width: 100%;
14017
14283
  height: auto;
@@ -14346,6 +14612,9 @@ textarea.ant-input-affix-wrapper {
14346
14612
  border-radius: 0 !important;
14347
14613
  box-shadow: none !important;
14348
14614
  }
14615
+ .ant-input-underlined:hover.ant-input:not(.ant-input-focused) {
14616
+ border-color: #d9d9d9 !important;
14617
+ }
14349
14618
  textarea.ant-input {
14350
14619
  max-width: 100%;
14351
14620
  height: auto;
@@ -15507,6 +15776,9 @@ nz-form-item-feedback-icon.ant-input-suffix {
15507
15776
  border-radius: 0 !important;
15508
15777
  box-shadow: none !important;
15509
15778
  }
15779
+ .ant-input-number-affix-wrapper-underlined:hover.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-focused) {
15780
+ border-color: #d9d9d9 !important;
15781
+ }
15510
15782
  textarea.ant-input-number-affix-wrapper {
15511
15783
  max-width: 100%;
15512
15784
  height: auto;
@@ -15803,6 +16075,9 @@ textarea.ant-input-number-affix-wrapper {
15803
16075
  border-radius: 0 !important;
15804
16076
  box-shadow: none !important;
15805
16077
  }
16078
+ .ant-input-number-underlined:hover.ant-input-number:not(.ant-input-number-focused) {
16079
+ border-color: #d9d9d9 !important;
16080
+ }
15806
16081
  textarea.ant-input-number {
15807
16082
  max-width: 100%;
15808
16083
  height: auto;
@@ -19065,6 +19340,9 @@ nz-list-item-extra {
19065
19340
  border-radius: 0 !important;
19066
19341
  box-shadow: none !important;
19067
19342
  }
19343
+ .ant-mentions-underlined:hover.ant-mentions:not(.ant-mentions-focused) {
19344
+ border-color: #d9d9d9 !important;
19345
+ }
19068
19346
  textarea.ant-mentions {
19069
19347
  max-width: 100%;
19070
19348
  height: auto;
@@ -19093,7 +19371,7 @@ textarea.ant-mentions {
19093
19371
  /* stylelint-disable-next-line property-no-vendor-prefix */
19094
19372
  -webkit-appearance: none;
19095
19373
  }
19096
- .ant-mentions-disabled > textarea {
19374
+ .ant-mentions-disabled > .ant-input {
19097
19375
  background-color: #f5f5f5;
19098
19376
  border-color: #d9d9d9;
19099
19377
  box-shadow: none;
@@ -19102,7 +19380,7 @@ textarea.ant-mentions {
19102
19380
  pointer-events: none;
19103
19381
  color: rgba(0, 0, 0, 0.25);
19104
19382
  }
19105
- .ant-mentions-disabled > textarea:hover {
19383
+ .ant-mentions-disabled > .ant-input:hover {
19106
19384
  border-color: #d9d9d9;
19107
19385
  border-right-width: 1px;
19108
19386
  }
@@ -19116,7 +19394,7 @@ textarea.ant-mentions {
19116
19394
  border-right-width: 0;
19117
19395
  border-left-width: 1px !important;
19118
19396
  }
19119
- .ant-mentions > textarea,
19397
+ .ant-mentions > .ant-input,
19120
19398
  .ant-mentions-measure {
19121
19399
  min-height: 30px;
19122
19400
  margin: 0;
@@ -19143,24 +19421,25 @@ textarea.ant-mentions {
19143
19421
  word-break: inherit;
19144
19422
  tab-size: inherit;
19145
19423
  }
19146
- .ant-mentions > textarea {
19424
+ .ant-mentions > .ant-input {
19147
19425
  width: 100%;
19426
+ background-color: inherit;
19148
19427
  border: none;
19149
19428
  outline: none;
19150
19429
  resize: none;
19151
19430
  }
19152
- .ant-mentions > textarea::placeholder {
19431
+ .ant-mentions > .ant-input::placeholder {
19153
19432
  color: #bfbfbf;
19154
19433
  user-select: none;
19155
19434
  }
19156
- .ant-mentions > textarea:placeholder-shown {
19435
+ .ant-mentions > .ant-input:placeholder-shown {
19157
19436
  text-overflow: ellipsis;
19158
19437
  }
19159
- .ant-mentions > textarea::placeholder {
19438
+ .ant-mentions > .ant-input::placeholder {
19160
19439
  color: #bfbfbf;
19161
19440
  user-select: none;
19162
19441
  }
19163
- .ant-mentions > textarea:placeholder-shown {
19442
+ .ant-mentions > .ant-input:placeholder-shown {
19164
19443
  text-overflow: ellipsis;
19165
19444
  }
19166
19445
  .ant-mentions-measure {
@@ -19258,6 +19537,21 @@ textarea.ant-mentions {
19258
19537
  align-items: center;
19259
19538
  margin: auto;
19260
19539
  }
19540
+ .ant-mentions-clear-icon {
19541
+ padding: 0;
19542
+ color: rgba(0, 0, 0, 0.25);
19543
+ font-size: 12px;
19544
+ line-height: 0;
19545
+ vertical-align: -1px;
19546
+ background-color: transparent;
19547
+ border: none;
19548
+ outline: none;
19549
+ cursor: pointer;
19550
+ transition: color 0.3s;
19551
+ }
19552
+ .ant-mentions-clear-icon:hover {
19553
+ color: rgba(0, 0, 0, 0.45);
19554
+ }
19261
19555
  .ant-mentions-rtl {
19262
19556
  direction: rtl;
19263
19557
  }
@@ -20467,6 +20761,9 @@ nz-page-header-footer {
20467
20761
  border-radius: 0 !important;
20468
20762
  box-shadow: none !important;
20469
20763
  }
20764
+ .ant-pagination-options-quick-jumper input-underlined:hover.ant-pagination-options-quick-jumper input:not(.ant-pagination-options-quick-jumper input-focused) {
20765
+ border-color: #d9d9d9 !important;
20766
+ }
20470
20767
  textarea.ant-pagination-options-quick-jumper input {
20471
20768
  max-width: 100%;
20472
20769
  height: auto;
@@ -20697,6 +20994,7 @@ nz-pagination {
20697
20994
  line-height: 1.5715;
20698
20995
  list-style: none;
20699
20996
  font-feature-settings: 'tnum';
20997
+ --antd-arrow-background-color: #fff;
20700
20998
  position: absolute;
20701
20999
  top: 0;
20702
21000
  left: 0;
@@ -20719,26 +21017,6 @@ nz-pagination {
20719
21017
  .ant-popover-hidden {
20720
21018
  display: none;
20721
21019
  }
20722
- .ant-popover-placement-top,
20723
- .ant-popover-placement-topLeft,
20724
- .ant-popover-placement-topRight {
20725
- padding-bottom: 15.3137085px;
20726
- }
20727
- .ant-popover-placement-right,
20728
- .ant-popover-placement-rightTop,
20729
- .ant-popover-placement-rightBottom {
20730
- padding-left: 15.3137085px;
20731
- }
20732
- .ant-popover-placement-bottom,
20733
- .ant-popover-placement-bottomLeft,
20734
- .ant-popover-placement-bottomRight {
20735
- padding-top: 15.3137085px;
20736
- }
20737
- .ant-popover-placement-left,
20738
- .ant-popover-placement-leftTop,
20739
- .ant-popover-placement-leftBottom {
20740
- padding-right: 15.3137085px;
20741
- }
20742
21020
  .ant-popover-inner {
20743
21021
  background-color: #fff;
20744
21022
  background-clip: padding-box;
@@ -20789,219 +21067,332 @@ nz-pagination {
20789
21067
  }
20790
21068
  .ant-popover-arrow {
20791
21069
  position: absolute;
21070
+ z-index: 1;
20792
21071
  display: block;
20793
- width: 22px;
20794
- height: 22px;
21072
+ width: 16px;
21073
+ height: 16px;
20795
21074
  overflow: hidden;
20796
- background: transparent;
20797
21075
  pointer-events: none;
20798
21076
  }
20799
- .ant-popover-arrow-content {
20800
- --antd-arrow-background-color: #fff;
21077
+ .ant-popover-arrow::before {
20801
21078
  position: absolute;
20802
- top: 0;
20803
- right: 0;
20804
21079
  bottom: 0;
20805
- left: 0;
20806
- display: block;
20807
- width: 11.3137085px;
20808
- height: 11.3137085px;
20809
- margin: auto;
21080
+ width: 16px;
21081
+ height: calc(16px / 2);
21082
+ background: var(--antd-arrow-background-color);
20810
21083
  content: '';
20811
- pointer-events: auto;
20812
- border-radius: 0 0 2px;
20813
- pointer-events: none;
21084
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21085
+ 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');
21086
+ inset-inline-start: 0;
20814
21087
  }
20815
- .ant-popover-arrow-content::before {
21088
+ .ant-popover-arrow::after {
20816
21089
  position: absolute;
20817
- top: -11.3137085px;
20818
- left: -11.3137085px;
20819
- width: 33.9411255px;
20820
- height: 33.9411255px;
20821
- background: var(--antd-arrow-background-color);
20822
- background-repeat: no-repeat;
20823
- background-position: -10px -10px;
21090
+ bottom: 0;
21091
+ z-index: 0;
21092
+ width: 8.97056275px;
21093
+ height: 8.97056275px;
21094
+ margin: auto;
21095
+ background: transparent;
21096
+ border-radius: 0 0 2px;
21097
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21098
+ transform: translateY(50%) rotate(-135deg);
20824
21099
  content: '';
20825
- clip-path: inset(33% 33%);
20826
- 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');
21100
+ inset-inline: 0;
20827
21101
  }
20828
- .ant-popover-arrow-content::before {
21102
+ .ant-popover-arrow::before {
20829
21103
  position: absolute;
20830
- top: -11.3137085px;
20831
- left: -11.3137085px;
20832
- width: 33.9411255px;
20833
- height: 33.9411255px;
21104
+ bottom: 0;
21105
+ width: 16px;
21106
+ height: calc(16px / 2);
20834
21107
  background: var(--antd-arrow-background-color);
20835
- background-repeat: no-repeat;
20836
- background-position: -10px -10px;
20837
21108
  content: '';
20838
- clip-path: inset(33% 33%);
20839
- 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');
21109
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21110
+ 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');
21111
+ inset-inline-start: 0;
20840
21112
  }
20841
- .ant-popover-placement-top .ant-popover-arrow,
20842
- .ant-popover-placement-topLeft .ant-popover-arrow,
20843
- .ant-popover-placement-topRight .ant-popover-arrow {
21113
+ .ant-popover-arrow::after {
21114
+ position: absolute;
20844
21115
  bottom: 0;
20845
- transform: translateY(100%);
21116
+ z-index: 0;
21117
+ width: 8.97056275px;
21118
+ height: 8.97056275px;
21119
+ margin: auto;
21120
+ background: transparent;
21121
+ border-radius: 0 0 2px;
21122
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21123
+ transform: translateY(50%) rotate(-135deg);
21124
+ content: '';
21125
+ inset-inline: 0;
20846
21126
  }
20847
- .ant-popover-placement-top .ant-popover-arrow-content,
20848
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
20849
- .ant-popover-placement-topRight .ant-popover-arrow-content {
20850
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20851
- transform: translateY(-11px) rotate(45deg);
21127
+ .ant-popover-arrow::before {
21128
+ background: var(--antd-arrow-background-color);
21129
+ }
21130
+ .ant-popover-placement-top > .ant-popover-arrow,
21131
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21132
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21133
+ bottom: 0px;
21134
+ transform: translateY(100%) rotate(180deg);
20852
21135
  }
20853
- .ant-popover-placement-top .ant-popover-arrow {
21136
+ .ant-popover-placement-top > .ant-popover-arrow {
20854
21137
  left: 50%;
20855
- transform: translateY(100%) translateX(-50%);
21138
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
20856
21139
  }
20857
- .ant-popover-placement-topLeft .ant-popover-arrow {
21140
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
20858
21141
  left: 16px;
20859
21142
  }
20860
- .ant-popover-placement-topRight .ant-popover-arrow {
21143
+ .ant-popover-placement-topRight > .ant-popover-arrow {
20861
21144
  right: 16px;
20862
21145
  }
20863
- .ant-popover-placement-right .ant-popover-arrow,
20864
- .ant-popover-placement-rightTop .ant-popover-arrow,
20865
- .ant-popover-placement-rightBottom .ant-popover-arrow {
20866
- left: 0;
20867
- transform: translateX(-100%);
21146
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21147
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21148
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21149
+ top: 0px;
21150
+ transform: translateY(-100%);
21151
+ }
21152
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21153
+ left: 50%;
21154
+ transform: translateX(-50%) translateY(-100%);
21155
+ }
21156
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21157
+ left: 16px;
21158
+ }
21159
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21160
+ right: 16px;
20868
21161
  }
20869
- .ant-popover-placement-right .ant-popover-arrow-content,
20870
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
20871
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
20872
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20873
- transform: translateX(11px) rotate(135deg);
21162
+ .ant-popover-placement-left > .ant-popover-arrow,
21163
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21164
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21165
+ right: 0px;
21166
+ transform: translateX(100%) rotate(90deg);
20874
21167
  }
20875
- .ant-popover-placement-right .ant-popover-arrow {
21168
+ .ant-popover-placement-left > .ant-popover-arrow {
20876
21169
  top: 50%;
20877
- transform: translateX(-100%) translateY(-50%);
21170
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
20878
21171
  }
20879
- .ant-popover-placement-rightTop .ant-popover-arrow {
20880
- top: 12px;
21172
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21173
+ top: 16px;
20881
21174
  }
20882
- .ant-popover-placement-rightBottom .ant-popover-arrow {
20883
- bottom: 12px;
21175
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21176
+ bottom: 16px;
20884
21177
  }
20885
- .ant-popover-placement-bottom .ant-popover-arrow,
20886
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
20887
- .ant-popover-placement-bottomRight .ant-popover-arrow {
20888
- top: 0;
20889
- transform: translateY(-100%);
21178
+ .ant-popover-placement-right > .ant-popover-arrow,
21179
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21180
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21181
+ left: 0px;
21182
+ transform: translateX(-100%) rotate(-90deg);
21183
+ }
21184
+ .ant-popover-placement-right > .ant-popover-arrow {
21185
+ top: 50%;
21186
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21187
+ }
21188
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21189
+ top: 16px;
21190
+ }
21191
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21192
+ bottom: 16px;
21193
+ }
21194
+ .ant-popover-arrow {
21195
+ position: absolute;
21196
+ z-index: 1;
21197
+ display: block;
21198
+ width: 16px;
21199
+ height: 16px;
21200
+ overflow: hidden;
21201
+ pointer-events: none;
21202
+ }
21203
+ .ant-popover-arrow::before {
21204
+ position: absolute;
21205
+ bottom: 0;
21206
+ width: 16px;
21207
+ height: calc(16px / 2);
21208
+ background: var(--antd-arrow-background-color);
21209
+ content: '';
21210
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21211
+ 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');
21212
+ inset-inline-start: 0;
21213
+ }
21214
+ .ant-popover-arrow::after {
21215
+ position: absolute;
21216
+ bottom: 0;
21217
+ z-index: 0;
21218
+ width: 8.97056275px;
21219
+ height: 8.97056275px;
21220
+ margin: auto;
21221
+ background: transparent;
21222
+ border-radius: 0 0 2px;
21223
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21224
+ transform: translateY(50%) rotate(-135deg);
21225
+ content: '';
21226
+ inset-inline: 0;
21227
+ }
21228
+ .ant-popover-arrow::before {
21229
+ position: absolute;
21230
+ bottom: 0;
21231
+ width: 16px;
21232
+ height: calc(16px / 2);
21233
+ background: var(--antd-arrow-background-color);
21234
+ content: '';
21235
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21236
+ 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');
21237
+ inset-inline-start: 0;
21238
+ }
21239
+ .ant-popover-arrow::after {
21240
+ position: absolute;
21241
+ bottom: 0;
21242
+ z-index: 0;
21243
+ width: 8.97056275px;
21244
+ height: 8.97056275px;
21245
+ margin: auto;
21246
+ background: transparent;
21247
+ border-radius: 0 0 2px;
21248
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21249
+ transform: translateY(50%) rotate(-135deg);
21250
+ content: '';
21251
+ inset-inline: 0;
21252
+ }
21253
+ .ant-popover-arrow::before {
21254
+ background: var(--antd-arrow-background-color);
20890
21255
  }
20891
- .ant-popover-placement-bottom .ant-popover-arrow-content,
20892
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
20893
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
20894
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
20895
- transform: translateY(11px) rotate(-135deg);
21256
+ .ant-popover-placement-top > .ant-popover-arrow,
21257
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21258
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21259
+ bottom: 0px;
21260
+ transform: translateY(100%) rotate(180deg);
20896
21261
  }
20897
- .ant-popover-placement-bottom .ant-popover-arrow {
21262
+ .ant-popover-placement-top > .ant-popover-arrow {
20898
21263
  left: 50%;
20899
- transform: translateY(-100%) translateX(-50%);
21264
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
20900
21265
  }
20901
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
21266
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
20902
21267
  left: 16px;
20903
21268
  }
20904
- .ant-popover-placement-bottomRight .ant-popover-arrow {
21269
+ .ant-popover-placement-topRight > .ant-popover-arrow {
20905
21270
  right: 16px;
20906
21271
  }
20907
- .ant-popover-placement-left .ant-popover-arrow,
20908
- .ant-popover-placement-leftTop .ant-popover-arrow,
20909
- .ant-popover-placement-leftBottom .ant-popover-arrow {
20910
- right: 0;
20911
- transform: translateX(100%);
21272
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21273
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21274
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21275
+ top: 0px;
21276
+ transform: translateY(-100%);
21277
+ }
21278
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21279
+ left: 50%;
21280
+ transform: translateX(-50%) translateY(-100%);
21281
+ }
21282
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21283
+ left: 16px;
21284
+ }
21285
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21286
+ right: 16px;
20912
21287
  }
20913
- .ant-popover-placement-left .ant-popover-arrow-content,
20914
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
20915
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
20916
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
20917
- transform: translateX(-11px) rotate(-45deg);
21288
+ .ant-popover-placement-left > .ant-popover-arrow,
21289
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21290
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21291
+ right: 0px;
21292
+ transform: translateX(100%) rotate(90deg);
20918
21293
  }
20919
- .ant-popover-placement-left .ant-popover-arrow {
21294
+ .ant-popover-placement-left > .ant-popover-arrow {
20920
21295
  top: 50%;
20921
- transform: translateX(100%) translateY(-50%);
21296
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
20922
21297
  }
20923
- .ant-popover-placement-leftTop .ant-popover-arrow {
20924
- top: 12px;
21298
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21299
+ top: 16px;
20925
21300
  }
20926
- .ant-popover-placement-leftBottom .ant-popover-arrow {
20927
- bottom: 12px;
21301
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21302
+ bottom: 16px;
21303
+ }
21304
+ .ant-popover-placement-right > .ant-popover-arrow,
21305
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21306
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21307
+ left: 0px;
21308
+ transform: translateX(-100%) rotate(-90deg);
21309
+ }
21310
+ .ant-popover-placement-right > .ant-popover-arrow {
21311
+ top: 50%;
21312
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21313
+ }
21314
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21315
+ top: 16px;
21316
+ }
21317
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21318
+ bottom: 16px;
20928
21319
  }
20929
21320
  .ant-popover-pink .ant-popover-inner {
20930
21321
  background-color: #eb2f96;
20931
21322
  }
20932
- .ant-popover-pink .ant-popover-arrow-content {
21323
+ .ant-popover-pink .ant-popover-arrow {
20933
21324
  background-color: #eb2f96;
20934
21325
  }
20935
21326
  .ant-popover-magenta .ant-popover-inner {
20936
21327
  background-color: #eb2f96;
20937
21328
  }
20938
- .ant-popover-magenta .ant-popover-arrow-content {
21329
+ .ant-popover-magenta .ant-popover-arrow {
20939
21330
  background-color: #eb2f96;
20940
21331
  }
20941
21332
  .ant-popover-red .ant-popover-inner {
20942
21333
  background-color: #f5222d;
20943
21334
  }
20944
- .ant-popover-red .ant-popover-arrow-content {
21335
+ .ant-popover-red .ant-popover-arrow {
20945
21336
  background-color: #f5222d;
20946
21337
  }
20947
21338
  .ant-popover-volcano .ant-popover-inner {
20948
21339
  background-color: #fa541c;
20949
21340
  }
20950
- .ant-popover-volcano .ant-popover-arrow-content {
21341
+ .ant-popover-volcano .ant-popover-arrow {
20951
21342
  background-color: #fa541c;
20952
21343
  }
20953
21344
  .ant-popover-orange .ant-popover-inner {
20954
21345
  background-color: #fa8c16;
20955
21346
  }
20956
- .ant-popover-orange .ant-popover-arrow-content {
21347
+ .ant-popover-orange .ant-popover-arrow {
20957
21348
  background-color: #fa8c16;
20958
21349
  }
20959
21350
  .ant-popover-yellow .ant-popover-inner {
20960
21351
  background-color: #fadb14;
20961
21352
  }
20962
- .ant-popover-yellow .ant-popover-arrow-content {
21353
+ .ant-popover-yellow .ant-popover-arrow {
20963
21354
  background-color: #fadb14;
20964
21355
  }
20965
21356
  .ant-popover-gold .ant-popover-inner {
20966
21357
  background-color: #faad14;
20967
21358
  }
20968
- .ant-popover-gold .ant-popover-arrow-content {
21359
+ .ant-popover-gold .ant-popover-arrow {
20969
21360
  background-color: #faad14;
20970
21361
  }
20971
21362
  .ant-popover-cyan .ant-popover-inner {
20972
21363
  background-color: #13c2c2;
20973
21364
  }
20974
- .ant-popover-cyan .ant-popover-arrow-content {
21365
+ .ant-popover-cyan .ant-popover-arrow {
20975
21366
  background-color: #13c2c2;
20976
21367
  }
20977
21368
  .ant-popover-lime .ant-popover-inner {
20978
21369
  background-color: #a0d911;
20979
21370
  }
20980
- .ant-popover-lime .ant-popover-arrow-content {
21371
+ .ant-popover-lime .ant-popover-arrow {
20981
21372
  background-color: #a0d911;
20982
21373
  }
20983
21374
  .ant-popover-green .ant-popover-inner {
20984
21375
  background-color: #52c41a;
20985
21376
  }
20986
- .ant-popover-green .ant-popover-arrow-content {
21377
+ .ant-popover-green .ant-popover-arrow {
20987
21378
  background-color: #52c41a;
20988
21379
  }
20989
21380
  .ant-popover-blue .ant-popover-inner {
20990
21381
  background-color: #1890ff;
20991
21382
  }
20992
- .ant-popover-blue .ant-popover-arrow-content {
21383
+ .ant-popover-blue .ant-popover-arrow {
20993
21384
  background-color: #1890ff;
20994
21385
  }
20995
21386
  .ant-popover-geekblue .ant-popover-inner {
20996
21387
  background-color: #2f54eb;
20997
21388
  }
20998
- .ant-popover-geekblue .ant-popover-arrow-content {
21389
+ .ant-popover-geekblue .ant-popover-arrow {
20999
21390
  background-color: #2f54eb;
21000
21391
  }
21001
21392
  .ant-popover-purple .ant-popover-inner {
21002
21393
  background-color: #722ed1;
21003
21394
  }
21004
- .ant-popover-purple .ant-popover-arrow-content {
21395
+ .ant-popover-purple .ant-popover-arrow {
21005
21396
  background-color: #722ed1;
21006
21397
  }
21007
21398
  .ant-popover-rtl {
@@ -21646,191 +22037,312 @@ span.ant-radio + * {
21646
22037
  right: 0;
21647
22038
  left: auto;
21648
22039
  }
21649
- .ant-select-single .ant-select-selector {
22040
+ .ant-select-single.ant-select {
22041
+ height: 32px;
22042
+ font-size: 14px;
22043
+ }
22044
+ .ant-select-single.ant-select .ant-select-selector {
21650
22045
  display: flex;
22046
+ flex: 1 1 auto;
22047
+ border-radius: 2px;
22048
+ }
22049
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after {
22050
+ line-height: 30px;
21651
22051
  }
21652
- .ant-select-single .ant-select-selector .ant-select-selection-search {
22052
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search {
21653
22053
  position: absolute;
21654
- top: 0;
21655
- right: 11px;
21656
- bottom: 0;
21657
- left: 11px;
22054
+ width: 100%;
22055
+ inset: 0;
21658
22056
  }
21659
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
22057
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input {
21660
22058
  width: 100%;
22059
+ appearance: textfield;
21661
22060
  }
21662
- .ant-select-single .ant-select-selector .ant-select-selection-item,
21663
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22061
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item,
22062
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
22063
+ display: block;
22064
+ align-self: center;
21664
22065
  padding: 0;
21665
22066
  line-height: 30px;
21666
22067
  transition: all 0.3s, visibility 0s;
21667
22068
  }
21668
- .ant-select-single .ant-select-selector .ant-select-selection-item {
21669
- position: relative;
21670
- user-select: none;
21671
- }
21672
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22069
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
21673
22070
  transition: none;
21674
22071
  pointer-events: none;
21675
22072
  }
21676
- .ant-select-single .ant-select-selector::after,
21677
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
21678
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
22073
+ .ant-select-single.ant-select .ant-select-selector::after,
22074
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after,
22075
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after {
21679
22076
  display: inline-block;
21680
22077
  width: 0;
21681
22078
  visibility: hidden;
21682
22079
  content: '\a0';
21683
22080
  }
21684
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
21685
- right: 25px;
21686
- }
21687
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
21688
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
21689
- padding-right: 18px;
22081
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item,
22082
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search,
22083
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder {
22084
+ padding-inline-end: 18px;
21690
22085
  }
21691
- .ant-select-single.ant-select-open .ant-select-selection-item {
22086
+ .ant-select-single.ant-select.ant-select-open .ant-select-selection-item {
21692
22087
  color: #bfbfbf;
21693
22088
  }
21694
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
22089
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector {
22090
+ align-items: center;
21695
22091
  width: 100%;
21696
- height: 32px;
22092
+ height: 100%;
21697
22093
  padding: 0 11px;
21698
22094
  }
21699
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22095
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21700
22096
  height: 30px;
22097
+ font-size: 14px;
21701
22098
  }
21702
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
22099
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after {
21703
22100
  line-height: 30px;
21704
22101
  }
21705
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
22102
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after {
21706
22103
  display: none;
21707
22104
  }
21708
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22105
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
21709
22106
  position: static;
21710
22107
  width: 100%;
21711
22108
  }
21712
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22109
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
21713
22110
  position: absolute;
21714
- right: 0;
21715
- left: 0;
21716
22111
  padding: 0 11px;
22112
+ inset-inline-start: 0;
22113
+ inset-inline-end: 0;
21717
22114
  }
21718
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22115
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
21719
22116
  display: none;
21720
22117
  }
21721
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
21722
- height: 40px;
22118
+ .ant-select-single.ant-select-sm {
22119
+ height: 24px;
22120
+ font-size: 12px;
21723
22121
  }
21724
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
21725
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
21726
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
21727
- line-height: 38px;
22122
+ .ant-select-single.ant-select-sm .ant-select-selector {
22123
+ display: flex;
22124
+ flex: 1 1 auto;
22125
+ border-radius: 2px;
21728
22126
  }
21729
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
21730
- height: 38px;
22127
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
22128
+ line-height: 22px;
21731
22129
  }
21732
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
21733
- height: 24px;
22130
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search {
22131
+ position: absolute;
22132
+ width: 100%;
22133
+ inset: 0;
22134
+ }
22135
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input {
22136
+ width: 100%;
22137
+ appearance: textfield;
21734
22138
  }
21735
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
21736
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
21737
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
22139
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,
22140
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22141
+ display: block;
22142
+ align-self: center;
22143
+ padding: 0;
21738
22144
  line-height: 22px;
22145
+ transition: all 0.3s, visibility 0s;
22146
+ }
22147
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22148
+ transition: none;
22149
+ pointer-events: none;
22150
+ }
22151
+ .ant-select-single.ant-select-sm .ant-select-selector::after,
22152
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after,
22153
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after {
22154
+ display: inline-block;
22155
+ width: 0;
22156
+ visibility: hidden;
22157
+ content: '\a0';
22158
+ }
22159
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
22160
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
22161
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
22162
+ padding-inline-end: 15px;
22163
+ }
22164
+ .ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
22165
+ color: #bfbfbf;
22166
+ }
22167
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
22168
+ align-items: center;
22169
+ width: 100%;
22170
+ height: 100%;
22171
+ padding: 0 11px;
21739
22172
  }
21740
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
22173
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
21741
22174
  height: 22px;
22175
+ font-size: 14px;
21742
22176
  }
21743
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
21744
- right: 7px;
21745
- left: 7px;
22177
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
22178
+ line-height: 22px;
22179
+ }
22180
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after {
22181
+ display: none;
22182
+ }
22183
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22184
+ position: static;
22185
+ width: 100%;
22186
+ }
22187
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22188
+ position: absolute;
22189
+ padding: 0 11px;
22190
+ inset-inline-start: 0;
22191
+ inset-inline-end: 0;
22192
+ }
22193
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22194
+ display: none;
21746
22195
  }
21747
22196
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
21748
22197
  padding: 0 7px;
21749
22198
  }
21750
22199
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
21751
- right: 28px;
22200
+ padding-inline-end: 28px;
21752
22201
  }
21753
22202
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
21754
22203
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
21755
- padding-right: 21px;
22204
+ padding-inline-end: 21px;
21756
22205
  }
21757
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
21758
- padding: 0 11px;
22206
+ .ant-select-single.ant-select-lg {
22207
+ height: 40px;
22208
+ font-size: 16px;
21759
22209
  }
21760
- /**
21761
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
21762
- * since chrome may update to redesign with its align logic.
21763
- */
21764
- .ant-select-selection-overflow {
21765
- position: relative;
22210
+ .ant-select-single.ant-select-lg .ant-select-selector {
21766
22211
  display: flex;
21767
- flex: auto;
21768
- flex-wrap: wrap;
21769
- max-width: 100%;
21770
- }
21771
- .ant-select-selection-overflow-item {
21772
- flex: none;
21773
- align-self: center;
21774
- max-width: 100%;
22212
+ flex: 1 1 auto;
22213
+ border-radius: 4px;
21775
22214
  }
21776
- .ant-select-multiple .ant-select-selector {
21777
- display: flex;
21778
- flex-wrap: wrap;
21779
- align-items: center;
21780
- padding: 1px 4px;
22215
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
22216
+ line-height: 38px;
21781
22217
  }
21782
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
21783
- cursor: text;
22218
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
22219
+ position: absolute;
22220
+ width: 100%;
22221
+ inset: 0;
21784
22222
  }
21785
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
21786
- background: #f5f5f5;
21787
- cursor: not-allowed;
22223
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
22224
+ width: 100%;
22225
+ appearance: textfield;
21788
22226
  }
21789
- .ant-select-multiple .ant-select-selector::after {
21790
- display: inline-block;
21791
- width: 0;
21792
- margin: 2px 0;
21793
- line-height: 24px;
22227
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,
22228
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22229
+ display: block;
22230
+ align-self: center;
22231
+ padding: 0;
22232
+ line-height: 38px;
22233
+ transition: all 0.3s, visibility 0s;
22234
+ }
22235
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22236
+ transition: none;
22237
+ pointer-events: none;
22238
+ }
22239
+ .ant-select-single.ant-select-lg .ant-select-selector::after,
22240
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after,
22241
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after {
22242
+ display: inline-block;
22243
+ width: 0;
21794
22244
  visibility: hidden;
21795
22245
  content: '\a0';
21796
22246
  }
21797
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
21798
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
21799
- padding-right: 24px;
22247
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,
22248
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search,
22249
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder {
22250
+ padding-inline-end: 20px;
22251
+ }
22252
+ .ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item {
22253
+ color: #bfbfbf;
22254
+ }
22255
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
22256
+ align-items: center;
22257
+ width: 100%;
22258
+ height: 100%;
22259
+ padding: 0 11px;
22260
+ }
22261
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22262
+ height: 38px;
22263
+ font-size: 14px;
22264
+ }
22265
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
22266
+ line-height: 38px;
22267
+ }
22268
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after {
22269
+ display: none;
22270
+ }
22271
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22272
+ position: static;
22273
+ width: 100%;
22274
+ }
22275
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22276
+ position: absolute;
22277
+ padding: 0 11px;
22278
+ inset-inline-start: 0;
22279
+ inset-inline-end: 0;
22280
+ }
22281
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22282
+ display: none;
22283
+ }
22284
+ /**
22285
+ * Get multiple selector needed style. The calculation:
22286
+ *
22287
+ * ContainerPadding = BasePadding - ItemMargin
22288
+ *
22289
+ * Border: ╔═══════════════════════════╗ ┬
22290
+ * ContainerPadding: ║ ║ │
22291
+ * ╟───────────────────────────╢ ┬ │
22292
+ * Item Margin: ║ ║ │ │
22293
+ * ║ ┌──────────┐ ║ │ │
22294
+ * Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
22295
+ * ║ └──────────┘ ║ │ │
22296
+ * Item Margin: ║ ║ │ │
22297
+ * ╟───────────────────────────╢ ┴ │
22298
+ * ContainerPadding: ║ ║ │
22299
+ * Border: ╚═══════════════════════════╝ ┴
22300
+ */
22301
+ .ant-select-multiple.ant-select {
22302
+ font-size: 14px;
21800
22303
  }
21801
- .ant-select-multiple .ant-select-selection-item {
22304
+ .ant-select-multiple.ant-select .ant-select-selection-overflow {
21802
22305
  position: relative;
21803
22306
  display: flex;
22307
+ flex: auto;
22308
+ flex-wrap: wrap;
22309
+ max-width: 100%;
22310
+ }
22311
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item {
22312
+ display: inline-flex;
21804
22313
  flex: none;
22314
+ align-self: center;
22315
+ max-width: calc(100% - 4px);
22316
+ }
22317
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22318
+ display: flex;
22319
+ flex: none;
22320
+ align-self: center;
21805
22321
  box-sizing: border-box;
21806
22322
  max-width: 100%;
21807
- height: 24px;
21808
- margin-top: 2px;
21809
- margin-bottom: 2px;
21810
- line-height: 22px;
21811
22323
  background: #f5f5f5;
21812
22324
  border: 1px solid rgba(0, 0, 0, 0.06);
21813
22325
  border-radius: 2px;
21814
22326
  cursor: default;
21815
22327
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
21816
- user-select: none;
21817
- margin-inline-end: 4px;
22328
+ margin-block: calc(4px / 2);
22329
+ margin-inline-end: calc(calc(4px / 2) * 2);
21818
22330
  padding-inline-start: 8px;
21819
- padding-inline-end: 4px;
22331
+ padding-inline-end: calc(8px / 2);
21820
22332
  }
21821
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
22333
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item {
21822
22334
  color: #bfbfbf;
21823
22335
  border-color: #d9d9d9;
21824
22336
  cursor: not-allowed;
21825
22337
  }
21826
- .ant-select-multiple .ant-select-selection-item-content {
22338
+ .ant-select-multiple.ant-select .ant-select-selection-item-content {
21827
22339
  display: inline-block;
21828
- margin-right: 4px;
21829
22340
  overflow: hidden;
21830
22341
  white-space: pre;
21831
22342
  text-overflow: ellipsis;
22343
+ margin-inline-end: calc(8px / 2);
21832
22344
  }
21833
- .ant-select-multiple .ant-select-selection-item-remove {
22345
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove {
21834
22346
  color: inherit;
21835
22347
  font-style: normal;
21836
22348
  line-height: 0;
@@ -21848,112 +22360,490 @@ span.ant-radio + * {
21848
22360
  line-height: inherit;
21849
22361
  cursor: pointer;
21850
22362
  }
21851
- .ant-select-multiple .ant-select-selection-item-remove > * {
22363
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
21852
22364
  line-height: 1;
21853
22365
  }
21854
- .ant-select-multiple .ant-select-selection-item-remove svg {
22366
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
21855
22367
  display: inline-block;
21856
22368
  }
21857
- .ant-select-multiple .ant-select-selection-item-remove::before {
22369
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
21858
22370
  display: none;
21859
22371
  }
21860
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22372
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
21861
22373
  display: block;
21862
22374
  }
21863
- .ant-select-multiple .ant-select-selection-item-remove > * {
22375
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
21864
22376
  line-height: 1;
21865
22377
  }
21866
- .ant-select-multiple .ant-select-selection-item-remove svg {
22378
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
21867
22379
  display: inline-block;
21868
22380
  }
21869
- .ant-select-multiple .ant-select-selection-item-remove::before {
22381
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
21870
22382
  display: none;
21871
22383
  }
21872
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22384
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
21873
22385
  display: block;
21874
22386
  }
21875
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
21876
- vertical-align: middle;
22387
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon {
22388
+ vertical-align: -0.2em;
21877
22389
  }
21878
- .ant-select-multiple .ant-select-selection-item-remove:hover {
22390
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove:hover {
21879
22391
  color: rgba(0, 0, 0, 0.75);
21880
22392
  }
21881
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
22393
+ .ant-select-multiple.ant-select .ant-select-selector {
22394
+ display: flex;
22395
+ align-items: center;
22396
+ width: 100%;
22397
+ height: 100%;
22398
+ padding-inline: max(calc(4px - 1px), 0px);
22399
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
22400
+ border-radius: 2px;
22401
+ }
22402
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector {
22403
+ background: #f5f5f5;
22404
+ cursor: not-allowed;
22405
+ }
22406
+ .ant-select-multiple.ant-select .ant-select-selector::after {
22407
+ display: inline-block;
22408
+ width: 0;
22409
+ margin: calc(4px / 2) 0;
22410
+ line-height: 24px;
22411
+ visibility: hidden;
22412
+ content: '\a0';
22413
+ }
22414
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22415
+ height: 24px;
22416
+ line-height: calc(24px - 1px * 2);
22417
+ }
22418
+ .ant-select-multiple.ant-select .ant-select-selection-wrap {
22419
+ align-self: flex-start;
22420
+ }
22421
+ .ant-select-multiple.ant-select .ant-select-selection-wrap::after {
22422
+ line-height: 24px;
22423
+ margin-block: calc(4px / 2);
22424
+ }
22425
+ .ant-select-multiple.ant-select .ant-select-prefix {
22426
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22427
+ }
22428
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22429
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
21882
22430
  margin-inline-start: 0;
21883
22431
  }
21884
- .ant-select-multiple .ant-select-selection-search {
22432
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22433
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22434
+ inset-inline-start: 0;
22435
+ }
22436
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix {
22437
+ min-height: 24px;
22438
+ margin-block: calc(4px / 2);
22439
+ }
22440
+ .ant-select-multiple.ant-select .ant-select-selection-search {
21885
22441
  position: relative;
22442
+ display: inline-flex;
21886
22443
  max-width: 100%;
21887
- margin-inline-start: 7px;
22444
+ margin-inline-start: calc(11px - calc(calc(32px - 24px) / 2 - 1px));
21888
22445
  }
21889
- .ant-select-multiple .ant-select-selection-search-input,
21890
- .ant-select-multiple .ant-select-selection-search-mirror {
22446
+ .ant-select-multiple.ant-select .ant-select-selection-search-input,
22447
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
21891
22448
  height: 24px;
21892
22449
  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';
21893
22450
  line-height: 24px;
21894
22451
  transition: all 0.3s;
21895
22452
  }
21896
- .ant-select-multiple .ant-select-selection-search-input {
22453
+ .ant-select-multiple.ant-select .ant-select-selection-search-input {
21897
22454
  width: 100%;
21898
22455
  min-width: 4.1px;
21899
22456
  }
21900
- .ant-select-multiple .ant-select-selection-search-mirror {
22457
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
21901
22458
  position: absolute;
21902
22459
  top: 0;
21903
- left: 0;
21904
22460
  z-index: 999;
21905
22461
  white-space: pre;
21906
22462
  visibility: hidden;
22463
+ inset-inline-start: 0;
22464
+ inset-inline-end: auto;
21907
22465
  }
21908
- .ant-select-multiple .ant-select-selection-placeholder {
22466
+ .ant-select-multiple.ant-select .ant-select-selection-placeholder {
21909
22467
  position: absolute;
21910
22468
  top: 50%;
21911
- right: 11px;
21912
- left: 11px;
22469
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22470
+ inset-inline-end: 11px;
21913
22471
  transform: translateY(-50%);
21914
22472
  transition: all 0.3s;
21915
22473
  }
21916
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
21917
- line-height: 32px;
22474
+ .ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector {
22475
+ cursor: text;
21918
22476
  }
21919
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
21920
- height: 32px;
21921
- line-height: 30px;
22477
+ .ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector,
22478
+ .ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector {
22479
+ padding-inline-end: calc(12px + 12px);
21922
22480
  }
21923
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
21924
- height: 32px;
21925
- line-height: 32px;
22481
+ .ant-select-multiple.ant-select-sm {
22482
+ font-size: 14px;
21926
22483
  }
21927
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
21928
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
21929
- height: 32px;
21930
- line-height: 30px;
22484
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow {
22485
+ position: relative;
22486
+ display: flex;
22487
+ flex: auto;
22488
+ flex-wrap: wrap;
22489
+ max-width: 100%;
22490
+ }
22491
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item {
22492
+ display: inline-flex;
22493
+ flex: none;
22494
+ align-self: center;
22495
+ max-width: calc(100% - 4px);
22496
+ }
22497
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
22498
+ display: flex;
22499
+ flex: none;
22500
+ align-self: center;
22501
+ box-sizing: border-box;
22502
+ max-width: 100%;
22503
+ background: #f5f5f5;
22504
+ border: 1px solid rgba(0, 0, 0, 0.06);
22505
+ border-radius: 2px;
22506
+ cursor: default;
22507
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22508
+ margin-block: calc(4px / 2);
22509
+ margin-inline-end: calc(calc(4px / 2) * 2);
22510
+ padding-inline-start: 8px;
22511
+ padding-inline-end: calc(8px / 2);
22512
+ }
22513
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item {
22514
+ color: #bfbfbf;
22515
+ border-color: #d9d9d9;
22516
+ cursor: not-allowed;
22517
+ }
22518
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-content {
22519
+ display: inline-block;
22520
+ overflow: hidden;
22521
+ white-space: pre;
22522
+ text-overflow: ellipsis;
22523
+ margin-inline-end: calc(8px / 2);
22524
+ }
22525
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove {
22526
+ color: inherit;
22527
+ font-style: normal;
22528
+ line-height: 0;
22529
+ text-align: center;
22530
+ text-transform: none;
22531
+ vertical-align: -0.125em;
22532
+ text-rendering: optimizelegibility;
22533
+ -webkit-font-smoothing: antialiased;
22534
+ -moz-osx-font-smoothing: grayscale;
22535
+ display: inline-flex;
22536
+ align-items: center;
22537
+ color: rgba(0, 0, 0, 0.45);
22538
+ font-weight: bold;
22539
+ font-size: 10px;
22540
+ line-height: inherit;
22541
+ cursor: pointer;
22542
+ }
22543
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
22544
+ line-height: 1;
22545
+ }
22546
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
22547
+ display: inline-block;
22548
+ }
22549
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
22550
+ display: none;
22551
+ }
22552
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
22553
+ display: block;
22554
+ }
22555
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
22556
+ line-height: 1;
22557
+ }
22558
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
22559
+ display: inline-block;
22560
+ }
22561
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
22562
+ display: none;
22563
+ }
22564
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
22565
+ display: block;
22566
+ }
22567
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon {
22568
+ vertical-align: -0.2em;
22569
+ }
22570
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover {
22571
+ color: rgba(0, 0, 0, 0.75);
22572
+ }
22573
+ .ant-select-multiple.ant-select-sm .ant-select-selector {
22574
+ display: flex;
22575
+ align-items: center;
22576
+ width: 100%;
22577
+ height: 100%;
22578
+ padding-inline: max(calc(4px - 1px), 0px);
22579
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
22580
+ border-radius: 2px;
22581
+ }
22582
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector {
22583
+ background: #f5f5f5;
22584
+ cursor: not-allowed;
21931
22585
  }
21932
22586
  .ant-select-multiple.ant-select-sm .ant-select-selector::after {
22587
+ display: inline-block;
22588
+ width: 0;
22589
+ margin: calc(4px / 2) 0;
21933
22590
  line-height: 16px;
22591
+ visibility: hidden;
22592
+ content: '\a0';
21934
22593
  }
21935
22594
  .ant-select-multiple.ant-select-sm .ant-select-selection-item {
21936
22595
  height: 16px;
21937
- line-height: 14px;
22596
+ line-height: calc(16px - 1px * 2);
21938
22597
  }
21939
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
21940
- height: 16px;
22598
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap {
22599
+ align-self: flex-start;
22600
+ }
22601
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after {
21941
22602
  line-height: 16px;
22603
+ margin-block: calc(4px / 2);
22604
+ }
22605
+ .ant-select-multiple.ant-select-sm .ant-select-prefix {
22606
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22607
+ }
22608
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22609
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
22610
+ margin-inline-start: 0;
22611
+ }
22612
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22613
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22614
+ inset-inline-start: 0;
22615
+ }
22616
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix {
22617
+ min-height: 16px;
22618
+ margin-block: calc(4px / 2);
22619
+ }
22620
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
22621
+ position: relative;
22622
+ display: inline-flex;
22623
+ max-width: 100%;
22624
+ margin-inline-start: calc(11px - calc(calc(24px - 16px) / 2 - 1px));
21942
22625
  }
21943
22626
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
21944
22627
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
21945
22628
  height: 16px;
21946
- line-height: 14px;
22629
+ 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';
22630
+ line-height: 16px;
22631
+ transition: all 0.3s;
22632
+ }
22633
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-input {
22634
+ width: 100%;
22635
+ min-width: 4.1px;
22636
+ }
22637
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
22638
+ position: absolute;
22639
+ top: 0;
22640
+ z-index: 999;
22641
+ white-space: pre;
22642
+ visibility: hidden;
22643
+ inset-inline-start: 0;
22644
+ inset-inline-end: auto;
21947
22645
  }
21948
22646
  .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
21949
- left: 7px;
22647
+ position: absolute;
22648
+ top: 50%;
22649
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22650
+ inset-inline-end: 11px;
22651
+ transform: translateY(-50%);
22652
+ transition: all 0.3s;
22653
+ }
22654
+ .ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector {
22655
+ cursor: text;
22656
+ }
22657
+ .ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,
22658
+ .ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector {
22659
+ padding-inline-end: calc(12px + 12px);
22660
+ }
22661
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22662
+ inset-inline: calc(8px - 1px);
21950
22663
  }
21951
22664
  .ant-select-multiple.ant-select-sm .ant-select-selection-search {
21952
- margin-inline-start: 3px;
22665
+ margin-inline-start: 2px;
22666
+ }
22667
+ .ant-select-multiple.ant-select-lg {
22668
+ font-size: 16px;
22669
+ }
22670
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow {
22671
+ position: relative;
22672
+ display: flex;
22673
+ flex: auto;
22674
+ flex-wrap: wrap;
22675
+ max-width: 100%;
22676
+ }
22677
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item {
22678
+ display: inline-flex;
22679
+ flex: none;
22680
+ align-self: center;
22681
+ max-width: calc(100% - 4px);
22682
+ }
22683
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22684
+ display: flex;
22685
+ flex: none;
22686
+ align-self: center;
22687
+ box-sizing: border-box;
22688
+ max-width: 100%;
22689
+ background: #f5f5f5;
22690
+ border: 1px solid rgba(0, 0, 0, 0.06);
22691
+ border-radius: 2px;
22692
+ cursor: default;
22693
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22694
+ margin-block: calc(4px / 2);
22695
+ margin-inline-end: calc(calc(4px / 2) * 2);
22696
+ padding-inline-start: 8px;
22697
+ padding-inline-end: calc(8px / 2);
22698
+ }
22699
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item {
22700
+ color: #bfbfbf;
22701
+ border-color: #d9d9d9;
22702
+ cursor: not-allowed;
22703
+ }
22704
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-content {
22705
+ display: inline-block;
22706
+ overflow: hidden;
22707
+ white-space: pre;
22708
+ text-overflow: ellipsis;
22709
+ margin-inline-end: calc(8px / 2);
22710
+ }
22711
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove {
22712
+ color: inherit;
22713
+ font-style: normal;
22714
+ line-height: 0;
22715
+ text-align: center;
22716
+ text-transform: none;
22717
+ vertical-align: -0.125em;
22718
+ text-rendering: optimizelegibility;
22719
+ -webkit-font-smoothing: antialiased;
22720
+ -moz-osx-font-smoothing: grayscale;
22721
+ display: inline-flex;
22722
+ align-items: center;
22723
+ color: rgba(0, 0, 0, 0.45);
22724
+ font-weight: bold;
22725
+ font-size: 10px;
22726
+ line-height: inherit;
22727
+ cursor: pointer;
22728
+ }
22729
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
22730
+ line-height: 1;
22731
+ }
22732
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
22733
+ display: inline-block;
21953
22734
  }
21954
- .ant-select-disabled .ant-select-selection-item-remove {
22735
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
21955
22736
  display: none;
21956
22737
  }
22738
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
22739
+ display: block;
22740
+ }
22741
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
22742
+ line-height: 1;
22743
+ }
22744
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
22745
+ display: inline-block;
22746
+ }
22747
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
22748
+ display: none;
22749
+ }
22750
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
22751
+ display: block;
22752
+ }
22753
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon {
22754
+ vertical-align: -0.2em;
22755
+ }
22756
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover {
22757
+ color: rgba(0, 0, 0, 0.75);
22758
+ }
22759
+ .ant-select-multiple.ant-select-lg .ant-select-selector {
22760
+ display: flex;
22761
+ align-items: center;
22762
+ width: 100%;
22763
+ height: 100%;
22764
+ padding-inline: max(calc(4px - 1px), 0px);
22765
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
22766
+ border-radius: 4px;
22767
+ }
22768
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector {
22769
+ background: #f5f5f5;
22770
+ cursor: not-allowed;
22771
+ }
22772
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
22773
+ display: inline-block;
22774
+ width: 0;
22775
+ margin: calc(4px / 2) 0;
22776
+ line-height: 32px;
22777
+ visibility: hidden;
22778
+ content: '\a0';
22779
+ }
22780
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22781
+ height: 32px;
22782
+ line-height: calc(32px - 1px * 2);
22783
+ }
22784
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap {
22785
+ align-self: flex-start;
22786
+ }
22787
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after {
22788
+ line-height: 32px;
22789
+ margin-block: calc(4px / 2);
22790
+ }
22791
+ .ant-select-multiple.ant-select-lg .ant-select-prefix {
22792
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22793
+ }
22794
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22795
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
22796
+ margin-inline-start: 0;
22797
+ }
22798
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22799
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22800
+ inset-inline-start: 0;
22801
+ }
22802
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix {
22803
+ min-height: 32px;
22804
+ margin-block: calc(4px / 2);
22805
+ }
22806
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
22807
+ position: relative;
22808
+ display: inline-flex;
22809
+ max-width: 100%;
22810
+ margin-inline-start: calc(11px - calc(calc(40px - 32px) / 2 - 1px));
22811
+ }
22812
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
22813
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
22814
+ height: 32px;
22815
+ 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';
22816
+ line-height: 32px;
22817
+ transition: all 0.3s;
22818
+ }
22819
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input {
22820
+ width: 100%;
22821
+ min-width: 4.1px;
22822
+ }
22823
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
22824
+ position: absolute;
22825
+ top: 0;
22826
+ z-index: 999;
22827
+ white-space: pre;
22828
+ visibility: hidden;
22829
+ inset-inline-start: 0;
22830
+ inset-inline-end: auto;
22831
+ }
22832
+ .ant-select-multiple.ant-select-lg .ant-select-selection-placeholder {
22833
+ position: absolute;
22834
+ top: 50%;
22835
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22836
+ inset-inline-end: 11px;
22837
+ transform: translateY(-50%);
22838
+ transition: all 0.3s;
22839
+ }
22840
+ .ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector {
22841
+ cursor: text;
22842
+ }
22843
+ .ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,
22844
+ .ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector {
22845
+ padding-inline-end: calc(12px + 12px);
22846
+ }
21957
22847
  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
21958
22848
  background-color: #fff;
21959
22849
  border-color: var(--ant-error-color) !important;
@@ -21980,13 +22870,13 @@ span.ant-radio + * {
21980
22870
  .ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
21981
22871
  .ant-select-status-success.ant-select-has-feedback .ant-select-clear,
21982
22872
  .ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
21983
- right: 32px;
22873
+ inset-inline-end: 32px;
21984
22874
  }
21985
22875
  .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
21986
22876
  .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
21987
22877
  .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
21988
22878
  .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
21989
- padding-right: 42px;
22879
+ padding-inline-end: 42px;
21990
22880
  }
21991
22881
  /* Reset search input style */
21992
22882
  .ant-select {
@@ -22000,7 +22890,7 @@ span.ant-radio + * {
22000
22890
  list-style: none;
22001
22891
  font-feature-settings: 'tnum';
22002
22892
  position: relative;
22003
- display: inline-block;
22893
+ display: inline-flex;
22004
22894
  cursor: pointer;
22005
22895
  }
22006
22896
  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -22013,19 +22903,34 @@ span.ant-radio + * {
22013
22903
  .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22014
22904
  cursor: pointer;
22015
22905
  }
22906
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix {
22907
+ flex: none;
22908
+ margin-inline-end: 4px;
22909
+ }
22910
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap {
22911
+ position: relative;
22912
+ display: flex;
22913
+ width: 100%;
22914
+ min-width: 0;
22915
+ }
22916
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after {
22917
+ width: 0;
22918
+ overflow: hidden;
22919
+ content: '\a0';
22920
+ }
22016
22921
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
22017
22922
  cursor: text;
22018
22923
  }
22019
22924
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22020
22925
  cursor: auto;
22021
22926
  }
22022
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
22927
+ .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22023
22928
  border-color: var(--ant-primary-color-hover);
22024
22929
  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
22025
22930
  border-right-width: 1px;
22026
22931
  outline: 0;
22027
22932
  }
22028
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
22933
+ .ant-input-rtl .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22029
22934
  border-right-width: 0;
22030
22935
  border-left-width: 1px !important;
22031
22936
  }
@@ -22043,6 +22948,7 @@ span.ant-radio + * {
22043
22948
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22044
22949
  margin: 0;
22045
22950
  padding: 0;
22951
+ font-family: inherit;
22046
22952
  background: transparent;
22047
22953
  border: none;
22048
22954
  outline: none;
@@ -22050,8 +22956,7 @@ span.ant-radio + * {
22050
22956
  }
22051
22957
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
22052
22958
  display: none;
22053
- /* stylelint-disable-next-line property-no-vendor-prefix */
22054
- -webkit-appearance: none;
22959
+ appearance: none;
22055
22960
  }
22056
22961
  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
22057
22962
  border-color: var(--ant-primary-5);
@@ -22067,6 +22972,7 @@ span.ant-radio + * {
22067
22972
  font-weight: normal;
22068
22973
  white-space: nowrap;
22069
22974
  text-overflow: ellipsis;
22975
+ user-select: none;
22070
22976
  }
22071
22977
  @media all and (-ms-high-contrast: none) {
22072
22978
  .ant-select-selection-item *::-ms-backdrop,
@@ -22100,7 +23006,8 @@ span.ant-radio + * {
22100
23006
  -moz-osx-font-smoothing: grayscale;
22101
23007
  position: absolute;
22102
23008
  top: 50%;
22103
- right: 11px;
23009
+ inset-inline-start: auto;
23010
+ inset-inline-end: 11px;
22104
23011
  display: flex;
22105
23012
  align-items: center;
22106
23013
  height: 12px;
@@ -22154,7 +23061,6 @@ span.ant-radio + * {
22154
23061
  .ant-select-clear {
22155
23062
  position: absolute;
22156
23063
  top: 50%;
22157
- right: 11px;
22158
23064
  z-index: 1;
22159
23065
  display: inline-block;
22160
23066
  width: 12px;
@@ -22167,9 +23073,12 @@ span.ant-radio + * {
22167
23073
  text-align: center;
22168
23074
  text-transform: none;
22169
23075
  background: #fff;
23076
+ transform: translateZ(0);
22170
23077
  cursor: pointer;
22171
23078
  opacity: 0;
22172
23079
  transition: color 0.3s ease, opacity 0.15s ease;
23080
+ inset-inline-start: auto;
23081
+ inset-inline-end: 11px;
22173
23082
  text-rendering: auto;
22174
23083
  }
22175
23084
  .ant-select-clear::before {
@@ -22191,10 +23100,9 @@ span.ant-radio + * {
22191
23100
  font-feature-settings: 'tnum';
22192
23101
  position: absolute;
22193
23102
  top: -9999px;
22194
- left: -9999px;
22195
23103
  z-index: 1050;
22196
23104
  box-sizing: border-box;
22197
- padding: 4px 0;
23105
+ padding: 4px;
22198
23106
  overflow: hidden;
22199
23107
  font-size: 14px;
22200
23108
  font-variant: initial;
@@ -22283,7 +23191,7 @@ span.ant-radio + * {
22283
23191
  background-color: #f5f5f5;
22284
23192
  }
22285
23193
  .ant-select-item-option-grouped {
22286
- padding-left: 24px;
23194
+ padding-inline-start: 24px;
22287
23195
  }
22288
23196
  .ant-select-lg {
22289
23197
  font-size: 16px;
@@ -22490,74 +23398,15 @@ span.ant-radio + * {
22490
23398
  border-top-left-radius: 0;
22491
23399
  border-bottom-left-radius: 0;
22492
23400
  }
22493
- .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 {
22494
- border-top-right-radius: 0;
22495
- border-bottom-right-radius: 0;
22496
- }
22497
- .ant-select-rtl {
22498
- direction: rtl;
22499
- }
22500
- .ant-select-rtl .ant-select-arrow {
22501
- right: initial;
22502
- left: 11px;
22503
- }
22504
- .ant-select-rtl .ant-select-clear {
22505
- right: initial;
22506
- left: 11px;
22507
- }
22508
- .ant-select-dropdown-rtl {
22509
- direction: rtl;
22510
- }
22511
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
22512
- padding-right: 24px;
22513
- padding-left: 12px;
22514
- }
22515
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
22516
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
22517
- padding-right: 4px;
22518
- padding-left: 24px;
22519
- }
22520
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
22521
- text-align: right;
22522
- }
22523
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
22524
- margin-right: 0;
22525
- margin-left: 4px;
22526
- text-align: right;
22527
- }
22528
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
22529
- right: 0;
22530
- left: auto;
22531
- }
22532
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
22533
- right: 11px;
22534
- left: auto;
22535
- }
22536
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22537
- right: 7px;
22538
- }
22539
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
22540
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22541
- right: 0;
22542
- left: 9px;
22543
- text-align: right;
22544
- }
22545
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
22546
- right: 11px;
22547
- left: 25px;
22548
- }
22549
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
22550
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
22551
- padding-right: 0;
22552
- padding-left: 18px;
22553
- }
22554
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
22555
- right: 6px;
23401
+ .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 {
23402
+ border-top-right-radius: 0;
23403
+ border-bottom-right-radius: 0;
22556
23404
  }
22557
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
22558
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
22559
- padding-right: 0;
22560
- padding-left: 21px;
23405
+ .ant-select-rtl {
23406
+ direction: rtl;
23407
+ }
23408
+ .ant-select-dropdown-rtl {
23409
+ direction: rtl;
22561
23410
  }
22562
23411
  .ant-select-dropdown {
22563
23412
  position: relative;
@@ -22623,6 +23472,26 @@ span.ant-radio + * {
22623
23472
  justify-items: flex-start;
22624
23473
  width: 100%;
22625
23474
  }
23475
+ .ant-segmented-vertical .ant-segmented-group {
23476
+ flex-direction: column;
23477
+ }
23478
+ .ant-segmented-vertical .ant-segmented-thumb {
23479
+ width: 100%;
23480
+ height: 0;
23481
+ }
23482
+ .ant-segmented-vertical .ant-segmented-thumb-motion-appear-active {
23483
+ 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);
23484
+ will-change: transform, width, height;
23485
+ }
23486
+ .ant-segmented-shape-round {
23487
+ border-radius: 9999px;
23488
+ }
23489
+ .ant-segmented-shape-round .ant-segmented-item {
23490
+ border-radius: 9999px;
23491
+ }
23492
+ .ant-segmented-shape-round .ant-segmented-thumb {
23493
+ border-radius: 9999px;
23494
+ }
22626
23495
  .ant-segmented.ant-segmented-block {
22627
23496
  display: flex;
22628
23497
  }
@@ -26737,11 +27606,11 @@ cdk-virtual-scroll-viewport.ant-table-body {
26737
27606
  line-height: 1.5715;
26738
27607
  list-style: none;
26739
27608
  font-feature-settings: 'tnum';
27609
+ --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
26740
27610
  position: absolute;
26741
27611
  z-index: 1070;
26742
27612
  display: block;
26743
27613
  width: max-content;
26744
- width: intrinsic;
26745
27614
  max-width: 250px;
26746
27615
  visibility: visible;
26747
27616
  }
@@ -26751,32 +27620,12 @@ cdk-virtual-scroll-viewport.ant-table-body {
26751
27620
  .ant-tooltip-hidden {
26752
27621
  display: none;
26753
27622
  }
26754
- .ant-tooltip-placement-top,
26755
- .ant-tooltip-placement-topLeft,
26756
- .ant-tooltip-placement-topRight {
26757
- padding-bottom: 14.3137085px;
26758
- }
26759
- .ant-tooltip-placement-right,
26760
- .ant-tooltip-placement-rightTop,
26761
- .ant-tooltip-placement-rightBottom {
26762
- padding-left: 14.3137085px;
26763
- }
26764
- .ant-tooltip-placement-bottom,
26765
- .ant-tooltip-placement-bottomLeft,
26766
- .ant-tooltip-placement-bottomRight {
26767
- padding-top: 14.3137085px;
26768
- }
26769
- .ant-tooltip-placement-left,
26770
- .ant-tooltip-placement-leftTop,
26771
- .ant-tooltip-placement-leftBottom {
26772
- padding-right: 14.3137085px;
26773
- }
26774
27623
  .ant-tooltip-inner {
26775
27624
  min-width: 30px;
26776
27625
  min-height: 32px;
26777
- padding: 6px 8px;
27626
+ padding: calc(12px / 2) 8px;
26778
27627
  color: #fff;
26779
- text-align: left;
27628
+ text-align: start;
26780
27629
  text-decoration: none;
26781
27630
  word-wrap: break-word;
26782
27631
  background-color: rgba(0, 0, 0, 0.75);
@@ -26785,228 +27634,337 @@ cdk-virtual-scroll-viewport.ant-table-body {
26785
27634
  }
26786
27635
  .ant-tooltip-arrow {
26787
27636
  position: absolute;
26788
- z-index: 2;
27637
+ z-index: 1;
26789
27638
  display: block;
26790
- width: 22px;
26791
- height: 22px;
27639
+ width: 16px;
27640
+ height: 16px;
26792
27641
  overflow: hidden;
26793
- background: transparent;
26794
27642
  pointer-events: none;
26795
27643
  }
26796
- .ant-tooltip-arrow-content {
26797
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
27644
+ .ant-tooltip-arrow::before {
26798
27645
  position: absolute;
26799
- top: 0;
26800
- right: 0;
26801
27646
  bottom: 0;
26802
- left: 0;
26803
- display: block;
26804
- width: 11.3137085px;
26805
- height: 11.3137085px;
26806
- margin: auto;
27647
+ width: 16px;
27648
+ height: calc(16px / 2);
27649
+ background: var(--antd-arrow-background-color);
26807
27650
  content: '';
26808
- pointer-events: auto;
26809
- border-radius: 0 0 2px;
26810
- pointer-events: none;
27651
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27652
+ 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');
27653
+ inset-inline-start: 0;
26811
27654
  }
26812
- .ant-tooltip-arrow-content::before {
27655
+ .ant-tooltip-arrow::after {
26813
27656
  position: absolute;
26814
- top: -11.3137085px;
26815
- left: -11.3137085px;
26816
- width: 33.9411255px;
26817
- height: 33.9411255px;
26818
- background: var(--antd-arrow-background-color);
26819
- background-repeat: no-repeat;
26820
- background-position: -10px -10px;
27657
+ bottom: 0;
27658
+ z-index: 0;
27659
+ width: 8.97056275px;
27660
+ height: 8.97056275px;
27661
+ margin: auto;
27662
+ background: transparent;
27663
+ border-radius: 0 0 2px;
27664
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27665
+ transform: translateY(50%) rotate(-135deg);
26821
27666
  content: '';
26822
- clip-path: inset(33% 33%);
26823
- 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');
27667
+ inset-inline: 0;
26824
27668
  }
26825
- .ant-tooltip-arrow-content::before {
27669
+ .ant-tooltip-arrow::before {
26826
27670
  position: absolute;
26827
- top: -11.3137085px;
26828
- left: -11.3137085px;
26829
- width: 33.9411255px;
26830
- height: 33.9411255px;
27671
+ bottom: 0;
27672
+ width: 16px;
27673
+ height: calc(16px / 2);
26831
27674
  background: var(--antd-arrow-background-color);
26832
- background-repeat: no-repeat;
26833
- background-position: -10px -10px;
26834
27675
  content: '';
26835
- clip-path: inset(33% 33%);
26836
- 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');
27676
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27677
+ 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');
27678
+ inset-inline-start: 0;
26837
27679
  }
26838
- .ant-tooltip-placement-top .ant-tooltip-arrow,
26839
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
26840
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
27680
+ .ant-tooltip-arrow::after {
27681
+ position: absolute;
26841
27682
  bottom: 0;
26842
- transform: translateY(100%);
27683
+ z-index: 0;
27684
+ width: 8.97056275px;
27685
+ height: 8.97056275px;
27686
+ margin: auto;
27687
+ background: transparent;
27688
+ border-radius: 0 0 2px;
27689
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27690
+ transform: translateY(50%) rotate(-135deg);
27691
+ content: '';
27692
+ inset-inline: 0;
27693
+ }
27694
+ .ant-tooltip-arrow::before {
27695
+ background: var(--antd-arrow-background-color);
26843
27696
  }
26844
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
26845
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
26846
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
26847
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
26848
- transform: translateY(-11px) rotate(45deg);
27697
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27698
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27699
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27700
+ bottom: 0px;
27701
+ transform: translateY(100%) rotate(180deg);
26849
27702
  }
26850
- .ant-tooltip-placement-top .ant-tooltip-arrow {
27703
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26851
27704
  left: 50%;
26852
- transform: translateY(100%) translateX(-50%);
27705
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26853
27706
  }
26854
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
26855
- left: 13px;
27707
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27708
+ left: 16px;
26856
27709
  }
26857
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
26858
- right: 13px;
27710
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27711
+ right: 16px;
26859
27712
  }
26860
- .ant-tooltip-placement-right .ant-tooltip-arrow,
26861
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
26862
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26863
- left: 0;
26864
- transform: translateX(-100%);
27713
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27714
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27715
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27716
+ top: 0px;
27717
+ transform: translateY(-100%);
26865
27718
  }
26866
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
26867
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
26868
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
26869
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
26870
- transform: translateX(11px) rotate(135deg);
27719
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27720
+ left: 50%;
27721
+ transform: translateX(-50%) translateY(-100%);
26871
27722
  }
26872
- .ant-tooltip-placement-right .ant-tooltip-arrow {
26873
- top: 50%;
26874
- transform: translateX(-100%) translateY(-50%);
27723
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27724
+ left: 16px;
26875
27725
  }
26876
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
26877
- top: 5px;
27726
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27727
+ right: 16px;
26878
27728
  }
26879
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
26880
- bottom: 5px;
27729
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27730
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27731
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27732
+ right: 0px;
27733
+ transform: translateX(100%) rotate(90deg);
26881
27734
  }
26882
- .ant-tooltip-placement-left .ant-tooltip-arrow,
26883
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
26884
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26885
- right: 0;
26886
- transform: translateX(100%);
27735
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27736
+ top: 50%;
27737
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
26887
27738
  }
26888
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
26889
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
26890
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
26891
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
26892
- transform: translateX(-11px) rotate(315deg);
27739
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27740
+ top: 16px;
27741
+ }
27742
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27743
+ bottom: 16px;
26893
27744
  }
26894
- .ant-tooltip-placement-left .ant-tooltip-arrow {
27745
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27746
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27747
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27748
+ left: 0px;
27749
+ transform: translateX(-100%) rotate(-90deg);
27750
+ }
27751
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
26895
27752
  top: 50%;
26896
- transform: translateX(100%) translateY(-50%);
27753
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
26897
27754
  }
26898
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
26899
- top: 5px;
27755
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27756
+ top: 16px;
26900
27757
  }
26901
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
26902
- bottom: 5px;
27758
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27759
+ bottom: 16px;
26903
27760
  }
26904
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
26905
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
26906
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26907
- top: 0;
26908
- transform: translateY(-100%);
27761
+ .ant-tooltip-arrow {
27762
+ position: absolute;
27763
+ z-index: 1;
27764
+ display: block;
27765
+ width: 16px;
27766
+ height: 16px;
27767
+ overflow: hidden;
27768
+ pointer-events: none;
27769
+ }
27770
+ .ant-tooltip-arrow::before {
27771
+ position: absolute;
27772
+ bottom: 0;
27773
+ width: 16px;
27774
+ height: calc(16px / 2);
27775
+ background: var(--antd-arrow-background-color);
27776
+ content: '';
27777
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27778
+ 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');
27779
+ inset-inline-start: 0;
27780
+ }
27781
+ .ant-tooltip-arrow::after {
27782
+ position: absolute;
27783
+ bottom: 0;
27784
+ z-index: 0;
27785
+ width: 8.97056275px;
27786
+ height: 8.97056275px;
27787
+ margin: auto;
27788
+ background: transparent;
27789
+ border-radius: 0 0 2px;
27790
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27791
+ transform: translateY(50%) rotate(-135deg);
27792
+ content: '';
27793
+ inset-inline: 0;
27794
+ }
27795
+ .ant-tooltip-arrow::before {
27796
+ position: absolute;
27797
+ bottom: 0;
27798
+ width: 16px;
27799
+ height: calc(16px / 2);
27800
+ background: var(--antd-arrow-background-color);
27801
+ content: '';
27802
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
27803
+ 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');
27804
+ inset-inline-start: 0;
27805
+ }
27806
+ .ant-tooltip-arrow::after {
27807
+ position: absolute;
27808
+ bottom: 0;
27809
+ z-index: 0;
27810
+ width: 8.97056275px;
27811
+ height: 8.97056275px;
27812
+ margin: auto;
27813
+ background: transparent;
27814
+ border-radius: 0 0 2px;
27815
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
27816
+ transform: translateY(50%) rotate(-135deg);
27817
+ content: '';
27818
+ inset-inline: 0;
27819
+ }
27820
+ .ant-tooltip-arrow::before {
27821
+ background: var(--antd-arrow-background-color);
26909
27822
  }
26910
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
26911
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
26912
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
26913
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
26914
- transform: translateY(11px) rotate(225deg);
27823
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
27824
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
27825
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27826
+ bottom: 0px;
27827
+ transform: translateY(100%) rotate(180deg);
26915
27828
  }
26916
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
27829
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
26917
27830
  left: 50%;
26918
- transform: translateY(-100%) translateX(-50%);
27831
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
26919
27832
  }
26920
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
26921
- left: 13px;
27833
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
27834
+ left: 16px;
26922
27835
  }
26923
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
26924
- right: 13px;
27836
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
27837
+ right: 16px;
27838
+ }
27839
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
27840
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
27841
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27842
+ top: 0px;
27843
+ transform: translateY(-100%);
27844
+ }
27845
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
27846
+ left: 50%;
27847
+ transform: translateX(-50%) translateY(-100%);
27848
+ }
27849
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
27850
+ left: 16px;
27851
+ }
27852
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
27853
+ right: 16px;
27854
+ }
27855
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
27856
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
27857
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27858
+ right: 0px;
27859
+ transform: translateX(100%) rotate(90deg);
27860
+ }
27861
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
27862
+ top: 50%;
27863
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
27864
+ }
27865
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
27866
+ top: 16px;
27867
+ }
27868
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
27869
+ bottom: 16px;
27870
+ }
27871
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
27872
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
27873
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27874
+ left: 0px;
27875
+ transform: translateX(-100%) rotate(-90deg);
27876
+ }
27877
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
27878
+ top: 50%;
27879
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
27880
+ }
27881
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
27882
+ top: 16px;
27883
+ }
27884
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
27885
+ bottom: 16px;
26925
27886
  }
26926
27887
  .ant-tooltip-pink .ant-tooltip-inner {
26927
27888
  background-color: #eb2f96;
26928
27889
  }
26929
- .ant-tooltip-pink .ant-tooltip-arrow-content::before {
26930
- background: #eb2f96;
27890
+ .ant-tooltip-pink .ant-tooltip-arrow {
27891
+ --antd-arrow-background-color: #eb2f96;
26931
27892
  }
26932
27893
  .ant-tooltip-magenta .ant-tooltip-inner {
26933
27894
  background-color: #eb2f96;
26934
27895
  }
26935
- .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
26936
- background: #eb2f96;
27896
+ .ant-tooltip-magenta .ant-tooltip-arrow {
27897
+ --antd-arrow-background-color: #eb2f96;
26937
27898
  }
26938
27899
  .ant-tooltip-red .ant-tooltip-inner {
26939
27900
  background-color: #f5222d;
26940
27901
  }
26941
- .ant-tooltip-red .ant-tooltip-arrow-content::before {
26942
- background: #f5222d;
27902
+ .ant-tooltip-red .ant-tooltip-arrow {
27903
+ --antd-arrow-background-color: #f5222d;
26943
27904
  }
26944
27905
  .ant-tooltip-volcano .ant-tooltip-inner {
26945
27906
  background-color: #fa541c;
26946
27907
  }
26947
- .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
26948
- background: #fa541c;
27908
+ .ant-tooltip-volcano .ant-tooltip-arrow {
27909
+ --antd-arrow-background-color: #fa541c;
26949
27910
  }
26950
27911
  .ant-tooltip-orange .ant-tooltip-inner {
26951
27912
  background-color: #fa8c16;
26952
27913
  }
26953
- .ant-tooltip-orange .ant-tooltip-arrow-content::before {
26954
- background: #fa8c16;
27914
+ .ant-tooltip-orange .ant-tooltip-arrow {
27915
+ --antd-arrow-background-color: #fa8c16;
26955
27916
  }
26956
27917
  .ant-tooltip-yellow .ant-tooltip-inner {
26957
27918
  background-color: #fadb14;
26958
27919
  }
26959
- .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
26960
- background: #fadb14;
27920
+ .ant-tooltip-yellow .ant-tooltip-arrow {
27921
+ --antd-arrow-background-color: #fadb14;
26961
27922
  }
26962
27923
  .ant-tooltip-gold .ant-tooltip-inner {
26963
27924
  background-color: #faad14;
26964
27925
  }
26965
- .ant-tooltip-gold .ant-tooltip-arrow-content::before {
26966
- background: #faad14;
27926
+ .ant-tooltip-gold .ant-tooltip-arrow {
27927
+ --antd-arrow-background-color: #faad14;
26967
27928
  }
26968
27929
  .ant-tooltip-cyan .ant-tooltip-inner {
26969
27930
  background-color: #13c2c2;
26970
27931
  }
26971
- .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
26972
- background: #13c2c2;
27932
+ .ant-tooltip-cyan .ant-tooltip-arrow {
27933
+ --antd-arrow-background-color: #13c2c2;
26973
27934
  }
26974
27935
  .ant-tooltip-lime .ant-tooltip-inner {
26975
27936
  background-color: #a0d911;
26976
27937
  }
26977
- .ant-tooltip-lime .ant-tooltip-arrow-content::before {
26978
- background: #a0d911;
27938
+ .ant-tooltip-lime .ant-tooltip-arrow {
27939
+ --antd-arrow-background-color: #a0d911;
26979
27940
  }
26980
27941
  .ant-tooltip-green .ant-tooltip-inner {
26981
27942
  background-color: #52c41a;
26982
27943
  }
26983
- .ant-tooltip-green .ant-tooltip-arrow-content::before {
26984
- background: #52c41a;
27944
+ .ant-tooltip-green .ant-tooltip-arrow {
27945
+ --antd-arrow-background-color: #52c41a;
26985
27946
  }
26986
27947
  .ant-tooltip-blue .ant-tooltip-inner {
26987
27948
  background-color: #1890ff;
26988
27949
  }
26989
- .ant-tooltip-blue .ant-tooltip-arrow-content::before {
26990
- background: #1890ff;
27950
+ .ant-tooltip-blue .ant-tooltip-arrow {
27951
+ --antd-arrow-background-color: #1890ff;
26991
27952
  }
26992
27953
  .ant-tooltip-geekblue .ant-tooltip-inner {
26993
27954
  background-color: #2f54eb;
26994
27955
  }
26995
- .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
26996
- background: #2f54eb;
27956
+ .ant-tooltip-geekblue .ant-tooltip-arrow {
27957
+ --antd-arrow-background-color: #2f54eb;
26997
27958
  }
26998
27959
  .ant-tooltip-purple .ant-tooltip-inner {
26999
27960
  background-color: #722ed1;
27000
27961
  }
27001
- .ant-tooltip-purple .ant-tooltip-arrow-content::before {
27002
- background: #722ed1;
27962
+ .ant-tooltip-purple .ant-tooltip-arrow {
27963
+ --antd-arrow-background-color: #722ed1;
27003
27964
  }
27004
27965
  .ant-tooltip-rtl {
27005
27966
  direction: rtl;
27006
27967
  }
27007
- .ant-tooltip-rtl .ant-tooltip-inner {
27008
- text-align: right;
27009
- }
27010
27968
  .ant-tooltip {
27011
27969
  position: relative;
27012
27970
  }
@@ -28575,14 +29533,15 @@ div.ant-typography-edit-content.ant-typography-rtl {
28575
29533
  min-width: 111px;
28576
29534
  height: 180px;
28577
29535
  margin: 0;
28578
- margin: -4px 0;
28579
29536
  padding: 4px 0;
28580
29537
  overflow: auto;
28581
29538
  vertical-align: top;
28582
29539
  list-style: none;
28583
- border-right: 1px solid rgba(0, 0, 0, 0.06);
28584
29540
  -ms-overflow-style: -ms-autohiding-scrollbar;
28585
29541
  }
29542
+ .ant-cascader-menu:not(:last-child) {
29543
+ border-inline-end: 1px solid rgba(0, 0, 0, 0.06);
29544
+ }
28586
29545
  .ant-cascader-menu-item {
28587
29546
  display: flex;
28588
29547
  flex-wrap: nowrap;
@@ -30973,10 +31932,14 @@ nz-space-item {
30973
31932
  }
30974
31933
  .ant-float-btn-group {
30975
31934
  position: fixed;
31935
+ bottom: 48px;
30976
31936
  z-index: 99;
30977
- display: block;
31937
+ display: flex;
31938
+ flex-direction: column;
31939
+ align-items: center;
31940
+ justify-content: center;
30978
31941
  box-sizing: border-box;
30979
- width: 40px;
31942
+ min-width: 40px;
30980
31943
  height: auto;
30981
31944
  min-height: 40px;
30982
31945
  margin: 0;
@@ -30990,22 +31953,73 @@ nz-space-item {
30990
31953
  border-radius: 2px;
30991
31954
  box-shadow: none;
30992
31955
  inset-inline-end: 24px;
30993
- inset-block-end: 48px;
30994
31956
  }
30995
31957
  .ant-float-btn-group-wrap {
30996
- position: relative;
31958
+ position: absolute;
30997
31959
  z-index: -1;
30998
- display: block;
30999
- margin-bottom: 16px;
31960
+ display: flex;
31961
+ align-items: center;
31962
+ justify-content: center;
31000
31963
  }
31001
- .ant-float-btn-group-rtl {
31964
+ .ant-float-btn-group.ant-float-btn-group-rtl {
31002
31965
  direction: rtl;
31003
31966
  }
31004
31967
  .ant-float-btn-group .ant-float-btn {
31005
31968
  position: static;
31006
31969
  }
31007
- .ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) {
31008
- margin-bottom: 16px;
31970
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap {
31971
+ top: auto;
31972
+ bottom: calc(40px + 16px);
31973
+ flex-direction: column;
31974
+ }
31975
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
31976
+ position: absolute;
31977
+ bottom: -16px;
31978
+ width: 100%;
31979
+ height: 16px;
31980
+ content: '';
31981
+ }
31982
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
31983
+ top: calc(40px + 16px);
31984
+ bottom: auto;
31985
+ flex-direction: column;
31986
+ }
31987
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
31988
+ position: absolute;
31989
+ top: -16px;
31990
+ width: 100%;
31991
+ height: 16px;
31992
+ content: '';
31993
+ }
31994
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap {
31995
+ right: calc(40px + 16px);
31996
+ left: auto;
31997
+ flex-direction: row;
31998
+ }
31999
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
32000
+ position: absolute;
32001
+ right: -16px;
32002
+ width: 16px;
32003
+ height: 100%;
32004
+ content: '';
32005
+ }
32006
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap {
32007
+ right: auto;
32008
+ left: calc(40px + 16px);
32009
+ flex-direction: row;
32010
+ }
32011
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
32012
+ position: absolute;
32013
+ left: -16px;
32014
+ width: 16px;
32015
+ height: 100%;
32016
+ content: '';
32017
+ }
32018
+ .ant-float-btn-group-circle {
32019
+ gap: 16px;
32020
+ }
32021
+ .ant-float-btn-group-circle .ant-float-btn-group-wrap {
32022
+ gap: 16px;
31009
32023
  }
31010
32024
  .ant-float-btn-group-circle .ant-float-btn-body {
31011
32025
  width: 40px;
@@ -31015,43 +32029,61 @@ nz-space-item {
31015
32029
  padding: 0;
31016
32030
  border-radius: 0;
31017
32031
  }
32032
+ .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
32033
+ border-radius: 2px;
32034
+ }
31018
32035
  .ant-float-btn-group-square .ant-float-btn-square:first-child {
31019
32036
  border-start-start-radius: 2px;
31020
32037
  border-start-end-radius: 2px;
31021
32038
  }
31022
32039
  .ant-float-btn-group-square .ant-float-btn-square:last-child {
31023
- border-start-start-radius: 2px;
31024
- border-start-end-radius: 2px;
32040
+ border-end-start-radius: 2px;
32041
+ border-end-end-radius: 2px;
31025
32042
  }
31026
32043
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
31027
32044
  border-bottom: 1px solid #d9d9d9;
31028
32045
  }
31029
32046
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
31030
- display: block;
31031
- overflow: hidden;
31032
32047
  border-radius: 2px;
31033
32048
  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);
31034
32049
  }
31035
32050
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
31036
- margin-top: 0;
31037
32051
  padding: 4px;
31038
32052
  border-radius: 0;
31039
32053
  box-shadow: none;
31040
32054
  }
31041
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child {
31042
- border-start-start-radius: 2px;
31043
- border-start-end-radius: 2px;
32055
+ .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
32056
+ width: 32px;
32057
+ height: 32px;
31044
32058
  }
31045
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child {
32059
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
32060
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31046
32061
  border-start-start-radius: 2px;
31047
32062
  border-start-end-radius: 2px;
31048
32063
  }
31049
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child) {
32064
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
32065
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
32066
+ border-end-start-radius: 2px;
32067
+ border-end-end-radius: 2px;
32068
+ }
32069
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
32070
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31050
32071
  border-bottom: 1px solid #d9d9d9;
31051
32072
  }
31052
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31053
- width: 32px;
31054
- height: 32px;
32073
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
32074
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
32075
+ border-start-start-radius: 2px;
32076
+ border-end-start-radius: 2px;
32077
+ }
32078
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
32079
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
32080
+ border-start-end-radius: 2px;
32081
+ border-end-end-radius: 2px;
32082
+ }
32083
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
32084
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
32085
+ border-inline-end: 1px solid #d9d9d9;
32086
+ border-bottom: none;
31055
32087
  }
31056
32088
  .ant-float-btn-group-circle-shadow {
31057
32089
  box-shadow: none;
@@ -31076,6 +32108,7 @@ nz-space-item {
31076
32108
  cursor: pointer;
31077
32109
  }
31078
32110
  .ant-check-list .ant-check-list-button {
32111
+ position: relative;
31079
32112
  display: flex;
31080
32113
  gap: 8px;
31081
32114
  align-items: center;
@@ -31091,6 +32124,27 @@ nz-space-item {
31091
32124
  .ant-check-list .ant-check-list-description {
31092
32125
  font-size: 14px;
31093
32126
  }
32127
+ .ant-check-list .ant-check-list-trigger-dot {
32128
+ position: absolute;
32129
+ top: -12px;
32130
+ right: -12px;
32131
+ display: flex;
32132
+ flex-direction: column;
32133
+ align-items: center;
32134
+ justify-content: center;
32135
+ width: 24px;
32136
+ height: 24px;
32137
+ color: var(--ant-primary-color);
32138
+ background-color: #fff;
32139
+ border: 1px solid var(--ant-primary-color);
32140
+ border-radius: 50%;
32141
+ }
32142
+ .ant-check-list .ant-check-list-trigger-dot-text {
32143
+ font-weight: 500;
32144
+ font-size: 16px;
32145
+ font-style: italic;
32146
+ line-height: 16px;
32147
+ }
31094
32148
  .ant-check-list-content {
31095
32149
  display: block;
31096
32150
  width: 303px;
@@ -31506,7 +32560,7 @@ a:focus {
31506
32560
  font-weight: 500;
31507
32561
  line-height: 22px;
31508
32562
  color: rgba(0, 0, 0, 0.85);
31509
- word-wrap: break-word;
32563
+ overflow-wrap: break-word !important;
31510
32564
  }
31511
32565
  .modal-title small {
31512
32566
  margin-left: 8px;
@@ -35395,7 +36449,6 @@ body {
35395
36449
  overflow: hidden scroll;
35396
36450
  flex: 1 1 0%;
35397
36451
  -webkit-overflow-scrolling: touch;
35398
- scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
35399
36452
  }
35400
36453
  .alain-default__aside-inner::-webkit-scrollbar {
35401
36454
  width: 0;
@@ -35976,7 +37029,7 @@ body {
35976
37029
  .st__width-strict .ant-table-content > table,
35977
37030
  .st__width-strict .ant-table-body > table {
35978
37031
  table-layout: fixed !important;
35979
- word-wrap: break-word !important;
37032
+ overflow-wrap: break-word !important;
35980
37033
  }
35981
37034
  }
35982
37035
  .sv {