@delon/theme 20.0.1 → 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/dark.css CHANGED
@@ -5425,48 +5425,84 @@ nz-card-loading {
5425
5425
  .ant-carousel .slick-next {
5426
5426
  position: absolute;
5427
5427
  top: 50%;
5428
- display: block;
5429
- width: 20px;
5430
- height: 20px;
5431
- margin-top: -10px;
5428
+ z-index: 1;
5429
+ display: inline-block;
5430
+ width: 16px;
5431
+ height: 16px;
5432
+ margin: 0;
5432
5433
  padding: 0;
5433
- color: transparent;
5434
+ color: #fff;
5434
5435
  font-size: 0;
5435
5436
  line-height: 0;
5436
5437
  background: transparent;
5437
5438
  border: 0;
5439
+ border-radius: 0;
5438
5440
  outline: none;
5441
+ transform: translateY(-50%);
5439
5442
  cursor: pointer;
5443
+ opacity: 0.3;
5444
+ transition: color 0.3s, opacity 0.3s;
5445
+ }
5446
+ .ant-carousel .slick-prev::after,
5447
+ .ant-carousel .slick-next::after {
5448
+ position: absolute;
5449
+ top: 2.3px;
5450
+ display: inline-block;
5451
+ box-sizing: border-box;
5452
+ width: 11.3px;
5453
+ height: 11.3px;
5454
+ border: 0 solid currentcolor;
5455
+ border-radius: 1px;
5456
+ opacity: 1;
5457
+ content: '';
5458
+ inset-inline-start: 2.3px;
5459
+ border-inline-start-width: 2px;
5460
+ border-block-start-width: 2px;
5440
5461
  }
5441
5462
  .ant-carousel .slick-prev:hover,
5442
5463
  .ant-carousel .slick-next:hover,
5443
5464
  .ant-carousel .slick-prev:focus,
5444
5465
  .ant-carousel .slick-next:focus {
5445
- color: transparent;
5446
- background: transparent;
5466
+ color: #fff;
5447
5467
  outline: none;
5448
- }
5449
- .ant-carousel .slick-prev:hover::before,
5450
- .ant-carousel .slick-next:hover::before,
5451
- .ant-carousel .slick-prev:focus::before,
5452
- .ant-carousel .slick-next:focus::before {
5453
5468
  opacity: 1;
5454
5469
  }
5455
- .ant-carousel .slick-prev.slick-disabled::before,
5456
- .ant-carousel .slick-next.slick-disabled::before {
5457
- opacity: 0.25;
5470
+ .ant-carousel .slick-prev.slick-disabled,
5471
+ .ant-carousel .slick-next.slick-disabled {
5472
+ display: none;
5458
5473
  }
5459
5474
  .ant-carousel .slick-prev {
5460
- left: -25px;
5475
+ right: auto;
5476
+ left: 12px;
5461
5477
  }
5462
- .ant-carousel .slick-prev::before {
5463
- content: '←';
5478
+ .ant-carousel .slick-prev::after {
5479
+ transform: rotate(-45deg);
5464
5480
  }
5465
5481
  .ant-carousel .slick-next {
5466
- right: -25px;
5482
+ right: 12px;
5483
+ left: auto;
5484
+ }
5485
+ .ant-carousel .slick-next::after {
5486
+ transform: rotate(135deg);
5487
+ }
5488
+ .ant-carousel .slick-vertical .slick-prev {
5489
+ top: 12px;
5490
+ right: auto;
5491
+ left: 50%;
5492
+ transform: translateX(-50%);
5493
+ }
5494
+ .ant-carousel .slick-vertical .slick-prev::after {
5495
+ transform: rotate(45deg);
5467
5496
  }
5468
- .ant-carousel .slick-next::before {
5469
- content: '→';
5497
+ .ant-carousel .slick-vertical .slick-next {
5498
+ top: auto;
5499
+ right: auto;
5500
+ bottom: 12px;
5501
+ left: 50%;
5502
+ transform: translateX(-50%);
5503
+ }
5504
+ .ant-carousel .slick-vertical .slick-next::after {
5505
+ transform: rotate(-135deg);
5470
5506
  }
5471
5507
  .ant-carousel .slick-dots {
5472
5508
  position: absolute;
@@ -5580,23 +5616,23 @@ nz-card-loading {
5580
5616
  .ant-carousel-rtl {
5581
5617
  direction: rtl;
5582
5618
  }
5583
- .ant-carousel-rtl .ant-carousel .slick-track {
5584
- right: 0;
5585
- left: auto;
5619
+ .ant-carousel-rtl .slick-next {
5620
+ right: auto;
5621
+ left: 12px;
5586
5622
  }
5587
- .ant-carousel-rtl .ant-carousel .slick-prev {
5588
- right: -25px;
5589
- left: auto;
5623
+ .ant-carousel-rtl .slick-next::after {
5624
+ transform: rotate(-45deg);
5590
5625
  }
5591
- .ant-carousel-rtl .ant-carousel .slick-prev::before {
5592
- content: '→';
5626
+ .ant-carousel-rtl .slick-prev {
5627
+ right: 12px;
5628
+ left: auto;
5593
5629
  }
5594
- .ant-carousel-rtl .ant-carousel .slick-next {
5595
- right: auto;
5596
- left: -25px;
5630
+ .ant-carousel-rtl .slick-prev::after {
5631
+ transform: rotate(135deg);
5597
5632
  }
5598
- .ant-carousel-rtl .ant-carousel .slick-next::before {
5599
- content: '←';
5633
+ .ant-carousel-rtl .ant-carousel .slick-track {
5634
+ right: 0;
5635
+ left: auto;
5600
5636
  }
5601
5637
  .ant-carousel-rtl.ant-carousel .slick-dots {
5602
5638
  flex-direction: row-reverse;
@@ -5604,6 +5640,12 @@ nz-card-loading {
5604
5640
  .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
5605
5641
  flex-direction: column;
5606
5642
  }
5643
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after {
5644
+ transform: rotate(45deg);
5645
+ }
5646
+ .ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after {
5647
+ transform: rotate(-135deg);
5648
+ }
5607
5649
  nz-carousel {
5608
5650
  position: relative;
5609
5651
  display: block;
@@ -5976,6 +6018,24 @@ nz-carousel {
5976
6018
  color: rgba(255, 255, 255, 0.3);
5977
6019
  cursor: not-allowed;
5978
6020
  }
6021
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
6022
+ padding: 8px 12px;
6023
+ padding-inline-start: 8px;
6024
+ }
6025
+ .ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6026
+ padding: 12px;
6027
+ }
6028
+ .ant-collapse-large > .ant-collapse-item {
6029
+ font-size: 16px;
6030
+ line-height: 1.5;
6031
+ }
6032
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
6033
+ padding: 16px 24px;
6034
+ padding-inline-start: 16px;
6035
+ }
6036
+ .ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
6037
+ padding: 24px;
6038
+ }
5979
6039
  .ant-collapse-rtl {
5980
6040
  direction: rtl;
5981
6041
  }
@@ -6406,6 +6466,9 @@ nz-comment-content {
6406
6466
  border-radius: 0 !important;
6407
6467
  box-shadow: none !important;
6408
6468
  }
6469
+ .ant-picker-input > input-underlined:hover.ant-picker-input > input:not(.ant-picker-input > input-focused) {
6470
+ border-color: #434343 !important;
6471
+ }
6409
6472
  textarea.ant-picker-input > input {
6410
6473
  max-width: 100%;
6411
6474
  height: auto;
@@ -6547,6 +6610,7 @@ textarea.ant-picker-input > input {
6547
6610
  line-height: 1.5715;
6548
6611
  list-style: none;
6549
6612
  font-feature-settings: 'tnum';
6613
+ --antd-arrow-background-color: #1f1f1f;
6550
6614
  position: absolute;
6551
6615
  top: -9999px;
6552
6616
  left: -9999px;
@@ -6555,15 +6619,17 @@ textarea.ant-picker-input > input {
6555
6619
  .ant-picker-dropdown-hidden {
6556
6620
  display: none;
6557
6621
  }
6558
- .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
6559
- top: 2.58561808px;
6622
+ .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow,
6623
+ .ant-picker-dropdown-placement-bottomRight .ant-picker-range-arrow {
6624
+ top: 0;
6560
6625
  display: block;
6561
- transform: rotate(-135deg) translateY(1px);
6626
+ transform: translateY(-100%);
6562
6627
  }
6563
- .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
6564
- bottom: 2.58561808px;
6628
+ .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow,
6629
+ .ant-picker-dropdown-placement-topRight .ant-picker-range-arrow {
6630
+ bottom: 0;
6565
6631
  display: block;
6566
- transform: rotate(45deg);
6632
+ transform: translateY(100%) rotate(180deg);
6567
6633
  }
6568
6634
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
6569
6635
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
@@ -6586,7 +6652,7 @@ textarea.ant-picker-input > input {
6586
6652
  animation-name: antSlideUpOut;
6587
6653
  }
6588
6654
  .ant-picker-dropdown-range {
6589
- padding: 7.54247233px 0;
6655
+ margin-block: 10.66666667px;
6590
6656
  }
6591
6657
  .ant-picker-dropdown-range-hidden {
6592
6658
  display: none;
@@ -6621,39 +6687,63 @@ textarea.ant-picker-input > input {
6621
6687
  .ant-picker-range-arrow {
6622
6688
  position: absolute;
6623
6689
  z-index: 1;
6624
- width: 11.3137085px;
6625
- height: 11.3137085px;
6690
+ box-sizing: content-box;
6626
6691
  margin-left: 16.5px;
6627
- box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
6628
6692
  transition: left 0.3s ease-out;
6629
- border-radius: 0 0 2px;
6693
+ width: 16px;
6694
+ height: 16px;
6695
+ overflow: hidden;
6630
6696
  pointer-events: none;
6631
6697
  }
6632
6698
  .ant-picker-range-arrow::before {
6633
6699
  position: absolute;
6634
- top: -11.3137085px;
6635
- left: -11.3137085px;
6636
- width: 33.9411255px;
6637
- height: 33.9411255px;
6638
- background: #1f1f1f;
6639
- background-repeat: no-repeat;
6640
- background-position: -10px -10px;
6700
+ bottom: 0;
6701
+ width: 16px;
6702
+ height: calc(16px / 2);
6703
+ background: var(--antd-arrow-background-color);
6704
+ content: '';
6705
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6706
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
6707
+ inset-inline-start: 0;
6708
+ }
6709
+ .ant-picker-range-arrow::after {
6710
+ position: absolute;
6711
+ bottom: 0;
6712
+ z-index: 0;
6713
+ width: 8.97056275px;
6714
+ height: 8.97056275px;
6715
+ margin: auto;
6716
+ background: transparent;
6717
+ border-radius: 0 0 2px;
6718
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6719
+ transform: translateY(50%) rotate(-135deg);
6641
6720
  content: '';
6642
- clip-path: inset(33% 33%);
6643
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
6721
+ inset-inline: 0;
6644
6722
  }
6645
6723
  .ant-picker-range-arrow::before {
6646
6724
  position: absolute;
6647
- top: -11.3137085px;
6648
- left: -11.3137085px;
6649
- width: 33.9411255px;
6650
- height: 33.9411255px;
6651
- background: #1f1f1f;
6652
- background-repeat: no-repeat;
6653
- background-position: -10px -10px;
6725
+ bottom: 0;
6726
+ width: 16px;
6727
+ height: calc(16px / 2);
6728
+ background: var(--antd-arrow-background-color);
6729
+ content: '';
6730
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
6731
+ clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
6732
+ inset-inline-start: 0;
6733
+ }
6734
+ .ant-picker-range-arrow::after {
6735
+ position: absolute;
6736
+ bottom: 0;
6737
+ z-index: 0;
6738
+ width: 8.97056275px;
6739
+ height: 8.97056275px;
6740
+ margin: auto;
6741
+ background: transparent;
6742
+ border-radius: 0 0 2px;
6743
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
6744
+ transform: translateY(50%) rotate(-135deg);
6654
6745
  content: '';
6655
- clip-path: inset(33% 33%);
6656
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
6746
+ inset-inline: 0;
6657
6747
  }
6658
6748
  .ant-picker-panel-container {
6659
6749
  overflow: hidden;
@@ -6671,16 +6761,13 @@ textarea.ant-picker-input > input {
6671
6761
  .ant-picker-panel-container .ant-picker-panel {
6672
6762
  vertical-align: top;
6673
6763
  background: transparent;
6674
- border-width: 0 0 1px;
6764
+ border: none;
6675
6765
  border-radius: 0;
6676
6766
  }
6677
6767
  .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
6678
6768
  .ant-picker-panel-container .ant-picker-panel table {
6679
6769
  text-align: center;
6680
6770
  }
6681
- .ant-picker-panel-container .ant-picker-panel-focused {
6682
- border-color: #303030;
6683
- }
6684
6771
  .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
6685
6772
  margin-right: -1px;
6686
6773
  }
@@ -7752,6 +7839,12 @@ nz-descriptions {
7752
7839
  .ant-divider-vertical.ant-divider-dotted {
7753
7840
  border-width: 0 0 0 1px;
7754
7841
  }
7842
+ .ant-divider-sm {
7843
+ margin-block: 8px;
7844
+ }
7845
+ .ant-divider-md {
7846
+ margin-block: 16px;
7847
+ }
7755
7848
  .ant-drawer {
7756
7849
  position: fixed;
7757
7850
  top: 0;
@@ -8219,6 +8312,7 @@ nz-descriptions {
8219
8312
  line-height: 1.5715;
8220
8313
  list-style: none;
8221
8314
  font-feature-settings: 'tnum';
8315
+ --antd-arrow-background-color: #1f1f1f;
8222
8316
  position: absolute;
8223
8317
  top: -9999px;
8224
8318
  left: -9999px;
@@ -8227,13 +8321,10 @@ nz-descriptions {
8227
8321
  }
8228
8322
  .ant-dropdown::before {
8229
8323
  position: absolute;
8230
- top: -4px;
8231
- right: 0;
8232
- bottom: -4px;
8233
- left: -7px;
8324
+ inset-block: calc(16px / 2 - calc(16px / 2 + 4px));
8234
8325
  z-index: -9999;
8235
8326
  opacity: 0.0001;
8236
- content: ' ';
8327
+ content: '';
8237
8328
  }
8238
8329
  .ant-dropdown-wrap {
8239
8330
  position: relative;
@@ -8252,61 +8343,203 @@ nz-descriptions {
8252
8343
  .ant-dropdown-menu-submenu-hidden {
8253
8344
  display: none;
8254
8345
  }
8255
- .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
8256
- .ant-dropdown-show-arrow.ant-dropdown-placement-top,
8257
- .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
8258
- padding-bottom: 15.3137085px;
8346
+ .ant-dropdown-arrow {
8347
+ position: absolute;
8348
+ z-index: 1;
8349
+ display: block;
8350
+ width: 16px;
8351
+ height: 16px;
8352
+ overflow: hidden;
8353
+ pointer-events: none;
8354
+ }
8355
+ .ant-dropdown-arrow::before {
8356
+ position: absolute;
8357
+ bottom: 0;
8358
+ width: 16px;
8359
+ height: calc(16px / 2);
8360
+ background: var(--antd-arrow-background-color);
8361
+ content: '';
8362
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8363
+ 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');
8364
+ inset-inline-start: 0;
8365
+ }
8366
+ .ant-dropdown-arrow::after {
8367
+ position: absolute;
8368
+ bottom: 0;
8369
+ z-index: 0;
8370
+ width: 8.97056275px;
8371
+ height: 8.97056275px;
8372
+ margin: auto;
8373
+ background: transparent;
8374
+ border-radius: 0 0 2px;
8375
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8376
+ transform: translateY(50%) rotate(-135deg);
8377
+ content: '';
8378
+ inset-inline: 0;
8379
+ }
8380
+ .ant-dropdown-arrow::before {
8381
+ position: absolute;
8382
+ bottom: 0;
8383
+ width: 16px;
8384
+ height: calc(16px / 2);
8385
+ background: var(--antd-arrow-background-color);
8386
+ content: '';
8387
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8388
+ 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');
8389
+ inset-inline-start: 0;
8390
+ }
8391
+ .ant-dropdown-arrow::after {
8392
+ position: absolute;
8393
+ bottom: 0;
8394
+ z-index: 0;
8395
+ width: 8.97056275px;
8396
+ height: 8.97056275px;
8397
+ margin: auto;
8398
+ background: transparent;
8399
+ border-radius: 0 0 2px;
8400
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8401
+ transform: translateY(50%) rotate(-135deg);
8402
+ content: '';
8403
+ inset-inline: 0;
8404
+ }
8405
+ .ant-dropdown-arrow::before {
8406
+ background: var(--antd-arrow-background-color);
8407
+ }
8408
+ .ant-dropdown-placement-top > .ant-dropdown-arrow,
8409
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8410
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8411
+ bottom: 0px;
8412
+ transform: translateY(100%) rotate(180deg);
8413
+ }
8414
+ .ant-dropdown-placement-top > .ant-dropdown-arrow {
8415
+ left: 50%;
8416
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8417
+ }
8418
+ .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8419
+ left: 16px;
8420
+ }
8421
+ .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8422
+ right: 16px;
8423
+ }
8424
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8425
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8426
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8427
+ top: 0px;
8428
+ transform: translateY(-100%);
8429
+ }
8430
+ .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8431
+ left: 50%;
8432
+ transform: translateX(-50%) translateY(-100%);
8433
+ }
8434
+ .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8435
+ left: 16px;
8436
+ }
8437
+ .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8438
+ right: 16px;
8439
+ }
8440
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8441
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8442
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8443
+ right: 0px;
8444
+ transform: translateX(100%) rotate(90deg);
8445
+ }
8446
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8447
+ top: 50%;
8448
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8449
+ }
8450
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8451
+ top: 16px;
8452
+ }
8453
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8454
+ bottom: 16px;
8259
8455
  }
8260
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
8261
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
8262
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
8263
- padding-top: 15.3137085px;
8456
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8457
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8458
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8459
+ left: 0px;
8460
+ transform: translateX(-100%) rotate(-90deg);
8461
+ }
8462
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8463
+ top: 50%;
8464
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8465
+ }
8466
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8467
+ top: 16px;
8468
+ }
8469
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8470
+ bottom: 16px;
8264
8471
  }
8265
8472
  .ant-dropdown-arrow {
8266
8473
  position: absolute;
8267
8474
  z-index: 1;
8268
8475
  display: block;
8269
- width: 11.3137085px;
8270
- height: 11.3137085px;
8271
- border-radius: 0 0 2px;
8476
+ width: 16px;
8477
+ height: 16px;
8478
+ overflow: hidden;
8272
8479
  pointer-events: none;
8273
8480
  }
8274
8481
  .ant-dropdown-arrow::before {
8275
8482
  position: absolute;
8276
- top: -11.3137085px;
8277
- left: -11.3137085px;
8278
- width: 33.9411255px;
8279
- height: 33.9411255px;
8280
- background: #1f1f1f;
8281
- background-repeat: no-repeat;
8282
- background-position: -10px -10px;
8483
+ bottom: 0;
8484
+ width: 16px;
8485
+ height: calc(16px / 2);
8486
+ background: var(--antd-arrow-background-color);
8487
+ content: '';
8488
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8489
+ 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');
8490
+ inset-inline-start: 0;
8491
+ }
8492
+ .ant-dropdown-arrow::after {
8493
+ position: absolute;
8494
+ bottom: 0;
8495
+ z-index: 0;
8496
+ width: 8.97056275px;
8497
+ height: 8.97056275px;
8498
+ margin: auto;
8499
+ background: transparent;
8500
+ border-radius: 0 0 2px;
8501
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8502
+ transform: translateY(50%) rotate(-135deg);
8283
8503
  content: '';
8284
- clip-path: inset(33% 33%);
8285
- 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');
8504
+ inset-inline: 0;
8286
8505
  }
8287
8506
  .ant-dropdown-arrow::before {
8288
8507
  position: absolute;
8289
- top: -11.3137085px;
8290
- left: -11.3137085px;
8291
- width: 33.9411255px;
8292
- height: 33.9411255px;
8293
- background: #1f1f1f;
8294
- background-repeat: no-repeat;
8295
- background-position: -10px -10px;
8508
+ bottom: 0;
8509
+ width: 16px;
8510
+ height: calc(16px / 2);
8511
+ background: var(--antd-arrow-background-color);
8512
+ content: '';
8513
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
8514
+ 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');
8515
+ inset-inline-start: 0;
8516
+ }
8517
+ .ant-dropdown-arrow::after {
8518
+ position: absolute;
8519
+ bottom: 0;
8520
+ z-index: 0;
8521
+ width: 8.97056275px;
8522
+ height: 8.97056275px;
8523
+ margin: auto;
8524
+ background: transparent;
8525
+ border-radius: 0 0 2px;
8526
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
8527
+ transform: translateY(50%) rotate(-135deg);
8296
8528
  content: '';
8297
- clip-path: inset(33% 33%);
8298
- 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');
8529
+ inset-inline: 0;
8530
+ }
8531
+ .ant-dropdown-arrow::before {
8532
+ background: var(--antd-arrow-background-color);
8299
8533
  }
8300
8534
  .ant-dropdown-placement-top > .ant-dropdown-arrow,
8301
8535
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
8302
8536
  .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
8303
- bottom: 10px;
8304
- box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
8305
- transform: rotate(45deg);
8537
+ bottom: 0px;
8538
+ transform: translateY(100%) rotate(180deg);
8306
8539
  }
8307
8540
  .ant-dropdown-placement-top > .ant-dropdown-arrow {
8308
8541
  left: 50%;
8309
- transform: translateX(-50%) rotate(45deg);
8542
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
8310
8543
  }
8311
8544
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
8312
8545
  left: 16px;
@@ -8317,13 +8550,12 @@ nz-descriptions {
8317
8550
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
8318
8551
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
8319
8552
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8320
- top: 9.41421356px;
8321
- box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
8322
- transform: rotate(-135deg) translateY(-0.5px);
8553
+ top: 0px;
8554
+ transform: translateY(-100%);
8323
8555
  }
8324
8556
  .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
8325
8557
  left: 50%;
8326
- transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
8558
+ transform: translateX(-50%) translateY(-100%);
8327
8559
  }
8328
8560
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
8329
8561
  left: 16px;
@@ -8331,6 +8563,38 @@ nz-descriptions {
8331
8563
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
8332
8564
  right: 16px;
8333
8565
  }
8566
+ .ant-dropdown-placement-left > .ant-dropdown-arrow,
8567
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
8568
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8569
+ right: 0px;
8570
+ transform: translateX(100%) rotate(90deg);
8571
+ }
8572
+ .ant-dropdown-placement-left > .ant-dropdown-arrow {
8573
+ top: 50%;
8574
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
8575
+ }
8576
+ .ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
8577
+ top: 16px;
8578
+ }
8579
+ .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
8580
+ bottom: 16px;
8581
+ }
8582
+ .ant-dropdown-placement-right > .ant-dropdown-arrow,
8583
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
8584
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8585
+ left: 0px;
8586
+ transform: translateX(-100%) rotate(-90deg);
8587
+ }
8588
+ .ant-dropdown-placement-right > .ant-dropdown-arrow {
8589
+ top: 50%;
8590
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
8591
+ }
8592
+ .ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
8593
+ top: 16px;
8594
+ }
8595
+ .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
8596
+ bottom: 16px;
8597
+ }
8334
8598
  .ant-dropdown-menu {
8335
8599
  position: relative;
8336
8600
  margin: 0;
@@ -8622,11 +8886,10 @@ nz-descriptions {
8622
8886
  }
8623
8887
  .ant-dropdown {
8624
8888
  position: relative;
8625
- top: 0;
8626
- left: 0;
8627
- width: 100%;
8628
- margin-top: 6px;
8629
- margin-bottom: 6px;
8889
+ inset: 0;
8890
+ }
8891
+ .ant-dropdown:not(:has(.ant-dropdown-arrow)) {
8892
+ margin-block: calc(calc(16px / 2 + 4px) - 16px / 2);
8630
8893
  }
8631
8894
  .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
8632
8895
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
@@ -14093,6 +14356,9 @@ nz-empty {
14093
14356
  border-radius: 0 !important;
14094
14357
  box-shadow: none !important;
14095
14358
  }
14359
+ .ant-input-affix-wrapper-underlined:hover.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused) {
14360
+ border-color: #434343 !important;
14361
+ }
14096
14362
  textarea.ant-input-affix-wrapper {
14097
14363
  max-width: 100%;
14098
14364
  height: auto;
@@ -14427,6 +14693,9 @@ textarea.ant-input-affix-wrapper {
14427
14693
  border-radius: 0 !important;
14428
14694
  box-shadow: none !important;
14429
14695
  }
14696
+ .ant-input-underlined:hover.ant-input:not(.ant-input-focused) {
14697
+ border-color: #434343 !important;
14698
+ }
14430
14699
  textarea.ant-input {
14431
14700
  max-width: 100%;
14432
14701
  height: auto;
@@ -15588,6 +15857,9 @@ nz-form-item-feedback-icon.ant-input-suffix {
15588
15857
  border-radius: 0 !important;
15589
15858
  box-shadow: none !important;
15590
15859
  }
15860
+ .ant-input-number-affix-wrapper-underlined:hover.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-focused) {
15861
+ border-color: #434343 !important;
15862
+ }
15591
15863
  textarea.ant-input-number-affix-wrapper {
15592
15864
  max-width: 100%;
15593
15865
  height: auto;
@@ -15884,6 +16156,9 @@ textarea.ant-input-number-affix-wrapper {
15884
16156
  border-radius: 0 !important;
15885
16157
  box-shadow: none !important;
15886
16158
  }
16159
+ .ant-input-number-underlined:hover.ant-input-number:not(.ant-input-number-focused) {
16160
+ border-color: #434343 !important;
16161
+ }
15887
16162
  textarea.ant-input-number {
15888
16163
  max-width: 100%;
15889
16164
  height: auto;
@@ -19149,6 +19424,9 @@ nz-list-item-extra {
19149
19424
  border-radius: 0 !important;
19150
19425
  box-shadow: none !important;
19151
19426
  }
19427
+ .ant-mentions-underlined:hover.ant-mentions:not(.ant-mentions-focused) {
19428
+ border-color: #434343 !important;
19429
+ }
19152
19430
  textarea.ant-mentions {
19153
19431
  max-width: 100%;
19154
19432
  height: auto;
@@ -19177,7 +19455,7 @@ textarea.ant-mentions {
19177
19455
  /* stylelint-disable-next-line property-no-vendor-prefix */
19178
19456
  -webkit-appearance: none;
19179
19457
  }
19180
- .ant-mentions-disabled > textarea {
19458
+ .ant-mentions-disabled > .ant-input {
19181
19459
  background-color: rgba(255, 255, 255, 0.08);
19182
19460
  border-color: #434343;
19183
19461
  box-shadow: none;
@@ -19186,7 +19464,7 @@ textarea.ant-mentions {
19186
19464
  pointer-events: none;
19187
19465
  color: rgba(255, 255, 255, 0.3);
19188
19466
  }
19189
- .ant-mentions-disabled > textarea:hover {
19467
+ .ant-mentions-disabled > .ant-input:hover {
19190
19468
  border-color: #434343;
19191
19469
  border-right-width: 1px;
19192
19470
  }
@@ -19200,7 +19478,7 @@ textarea.ant-mentions {
19200
19478
  border-right-width: 0;
19201
19479
  border-left-width: 1px !important;
19202
19480
  }
19203
- .ant-mentions > textarea,
19481
+ .ant-mentions > .ant-input,
19204
19482
  .ant-mentions-measure {
19205
19483
  min-height: 30px;
19206
19484
  margin: 0;
@@ -19227,25 +19505,26 @@ textarea.ant-mentions {
19227
19505
  word-break: inherit;
19228
19506
  tab-size: inherit;
19229
19507
  }
19230
- .ant-mentions > textarea {
19508
+ .ant-mentions > .ant-input {
19231
19509
  width: 100%;
19510
+ background-color: inherit;
19232
19511
  border: none;
19233
19512
  outline: none;
19234
19513
  resize: none;
19235
19514
  background-color: transparent;
19236
19515
  }
19237
- .ant-mentions > textarea::placeholder {
19516
+ .ant-mentions > .ant-input::placeholder {
19238
19517
  color: rgba(255, 255, 255, 0.3);
19239
19518
  user-select: none;
19240
19519
  }
19241
- .ant-mentions > textarea:placeholder-shown {
19520
+ .ant-mentions > .ant-input:placeholder-shown {
19242
19521
  text-overflow: ellipsis;
19243
19522
  }
19244
- .ant-mentions > textarea::placeholder {
19523
+ .ant-mentions > .ant-input::placeholder {
19245
19524
  color: rgba(255, 255, 255, 0.3);
19246
19525
  user-select: none;
19247
19526
  }
19248
- .ant-mentions > textarea:placeholder-shown {
19527
+ .ant-mentions > .ant-input:placeholder-shown {
19249
19528
  text-overflow: ellipsis;
19250
19529
  }
19251
19530
  .ant-mentions-measure {
@@ -19343,6 +19622,21 @@ textarea.ant-mentions {
19343
19622
  align-items: center;
19344
19623
  margin: auto;
19345
19624
  }
19625
+ .ant-mentions-clear-icon {
19626
+ padding: 0;
19627
+ color: rgba(255, 255, 255, 0.3);
19628
+ font-size: 12px;
19629
+ line-height: 0;
19630
+ vertical-align: -1px;
19631
+ background-color: transparent;
19632
+ border: none;
19633
+ outline: none;
19634
+ cursor: pointer;
19635
+ transition: color 0.3s;
19636
+ }
19637
+ .ant-mentions-clear-icon:hover {
19638
+ color: rgba(255, 255, 255, 0.45);
19639
+ }
19346
19640
  .ant-mentions-rtl {
19347
19641
  direction: rtl;
19348
19642
  }
@@ -20924,6 +21218,9 @@ nz-page-header-footer {
20924
21218
  border-radius: 0 !important;
20925
21219
  box-shadow: none !important;
20926
21220
  }
21221
+ .ant-pagination-options-quick-jumper input-underlined:hover.ant-pagination-options-quick-jumper input:not(.ant-pagination-options-quick-jumper input-focused) {
21222
+ border-color: #434343 !important;
21223
+ }
20927
21224
  textarea.ant-pagination-options-quick-jumper input {
20928
21225
  max-width: 100%;
20929
21226
  height: auto;
@@ -21154,6 +21451,7 @@ nz-pagination {
21154
21451
  line-height: 1.5715;
21155
21452
  list-style: none;
21156
21453
  font-feature-settings: 'tnum';
21454
+ --antd-arrow-background-color: #1f1f1f;
21157
21455
  position: absolute;
21158
21456
  top: 0;
21159
21457
  left: 0;
@@ -21176,26 +21474,6 @@ nz-pagination {
21176
21474
  .ant-popover-hidden {
21177
21475
  display: none;
21178
21476
  }
21179
- .ant-popover-placement-top,
21180
- .ant-popover-placement-topLeft,
21181
- .ant-popover-placement-topRight {
21182
- padding-bottom: 15.3137085px;
21183
- }
21184
- .ant-popover-placement-right,
21185
- .ant-popover-placement-rightTop,
21186
- .ant-popover-placement-rightBottom {
21187
- padding-left: 15.3137085px;
21188
- }
21189
- .ant-popover-placement-bottom,
21190
- .ant-popover-placement-bottomLeft,
21191
- .ant-popover-placement-bottomRight {
21192
- padding-top: 15.3137085px;
21193
- }
21194
- .ant-popover-placement-left,
21195
- .ant-popover-placement-leftTop,
21196
- .ant-popover-placement-leftBottom {
21197
- padding-right: 15.3137085px;
21198
- }
21199
21477
  .ant-popover-inner {
21200
21478
  background-color: #1f1f1f;
21201
21479
  background-clip: padding-box;
@@ -21246,219 +21524,332 @@ nz-pagination {
21246
21524
  }
21247
21525
  .ant-popover-arrow {
21248
21526
  position: absolute;
21527
+ z-index: 1;
21249
21528
  display: block;
21250
- width: 22px;
21251
- height: 22px;
21529
+ width: 16px;
21530
+ height: 16px;
21252
21531
  overflow: hidden;
21253
- background: transparent;
21254
21532
  pointer-events: none;
21255
21533
  }
21256
- .ant-popover-arrow-content {
21257
- --antd-arrow-background-color: #1f1f1f;
21534
+ .ant-popover-arrow::before {
21258
21535
  position: absolute;
21259
- top: 0;
21260
- right: 0;
21261
21536
  bottom: 0;
21262
- left: 0;
21263
- display: block;
21264
- width: 11.3137085px;
21265
- height: 11.3137085px;
21266
- margin: auto;
21537
+ width: 16px;
21538
+ height: calc(16px / 2);
21539
+ background: var(--antd-arrow-background-color);
21267
21540
  content: '';
21268
- pointer-events: auto;
21269
- border-radius: 0 0 2px;
21270
- pointer-events: none;
21541
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21542
+ 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');
21543
+ inset-inline-start: 0;
21271
21544
  }
21272
- .ant-popover-arrow-content::before {
21545
+ .ant-popover-arrow::after {
21273
21546
  position: absolute;
21274
- top: -11.3137085px;
21275
- left: -11.3137085px;
21276
- width: 33.9411255px;
21277
- height: 33.9411255px;
21278
- background: var(--antd-arrow-background-color);
21279
- background-repeat: no-repeat;
21280
- background-position: -10px -10px;
21547
+ bottom: 0;
21548
+ z-index: 0;
21549
+ width: 8.97056275px;
21550
+ height: 8.97056275px;
21551
+ margin: auto;
21552
+ background: transparent;
21553
+ border-radius: 0 0 2px;
21554
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21555
+ transform: translateY(50%) rotate(-135deg);
21281
21556
  content: '';
21282
- clip-path: inset(33% 33%);
21283
- 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');
21557
+ inset-inline: 0;
21284
21558
  }
21285
- .ant-popover-arrow-content::before {
21559
+ .ant-popover-arrow::before {
21286
21560
  position: absolute;
21287
- top: -11.3137085px;
21288
- left: -11.3137085px;
21289
- width: 33.9411255px;
21290
- height: 33.9411255px;
21561
+ bottom: 0;
21562
+ width: 16px;
21563
+ height: calc(16px / 2);
21291
21564
  background: var(--antd-arrow-background-color);
21292
- background-repeat: no-repeat;
21293
- background-position: -10px -10px;
21294
21565
  content: '';
21295
- clip-path: inset(33% 33%);
21296
- 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');
21566
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21567
+ 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');
21568
+ inset-inline-start: 0;
21297
21569
  }
21298
- .ant-popover-placement-top .ant-popover-arrow,
21299
- .ant-popover-placement-topLeft .ant-popover-arrow,
21300
- .ant-popover-placement-topRight .ant-popover-arrow {
21570
+ .ant-popover-arrow::after {
21571
+ position: absolute;
21301
21572
  bottom: 0;
21302
- transform: translateY(100%);
21573
+ z-index: 0;
21574
+ width: 8.97056275px;
21575
+ height: 8.97056275px;
21576
+ margin: auto;
21577
+ background: transparent;
21578
+ border-radius: 0 0 2px;
21579
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21580
+ transform: translateY(50%) rotate(-135deg);
21581
+ content: '';
21582
+ inset-inline: 0;
21303
21583
  }
21304
- .ant-popover-placement-top .ant-popover-arrow-content,
21305
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
21306
- .ant-popover-placement-topRight .ant-popover-arrow-content {
21307
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
21308
- transform: translateY(-11px) rotate(45deg);
21584
+ .ant-popover-arrow::before {
21585
+ background: var(--antd-arrow-background-color);
21586
+ }
21587
+ .ant-popover-placement-top > .ant-popover-arrow,
21588
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21589
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21590
+ bottom: 0px;
21591
+ transform: translateY(100%) rotate(180deg);
21309
21592
  }
21310
- .ant-popover-placement-top .ant-popover-arrow {
21593
+ .ant-popover-placement-top > .ant-popover-arrow {
21311
21594
  left: 50%;
21312
- transform: translateY(100%) translateX(-50%);
21595
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
21313
21596
  }
21314
- .ant-popover-placement-topLeft .ant-popover-arrow {
21597
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
21315
21598
  left: 16px;
21316
21599
  }
21317
- .ant-popover-placement-topRight .ant-popover-arrow {
21600
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21318
21601
  right: 16px;
21319
21602
  }
21320
- .ant-popover-placement-right .ant-popover-arrow,
21321
- .ant-popover-placement-rightTop .ant-popover-arrow,
21322
- .ant-popover-placement-rightBottom .ant-popover-arrow {
21323
- left: 0;
21324
- transform: translateX(-100%);
21603
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21604
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21605
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21606
+ top: 0px;
21607
+ transform: translateY(-100%);
21608
+ }
21609
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21610
+ left: 50%;
21611
+ transform: translateX(-50%) translateY(-100%);
21612
+ }
21613
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21614
+ left: 16px;
21615
+ }
21616
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21617
+ right: 16px;
21325
21618
  }
21326
- .ant-popover-placement-right .ant-popover-arrow-content,
21327
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
21328
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
21329
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
21330
- transform: translateX(11px) rotate(135deg);
21619
+ .ant-popover-placement-left > .ant-popover-arrow,
21620
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21621
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21622
+ right: 0px;
21623
+ transform: translateX(100%) rotate(90deg);
21331
21624
  }
21332
- .ant-popover-placement-right .ant-popover-arrow {
21625
+ .ant-popover-placement-left > .ant-popover-arrow {
21333
21626
  top: 50%;
21334
- transform: translateX(-100%) translateY(-50%);
21627
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
21335
21628
  }
21336
- .ant-popover-placement-rightTop .ant-popover-arrow {
21337
- top: 12px;
21629
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21630
+ top: 16px;
21338
21631
  }
21339
- .ant-popover-placement-rightBottom .ant-popover-arrow {
21340
- bottom: 12px;
21632
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21633
+ bottom: 16px;
21341
21634
  }
21342
- .ant-popover-placement-bottom .ant-popover-arrow,
21343
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
21344
- .ant-popover-placement-bottomRight .ant-popover-arrow {
21345
- top: 0;
21346
- transform: translateY(-100%);
21635
+ .ant-popover-placement-right > .ant-popover-arrow,
21636
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21637
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21638
+ left: 0px;
21639
+ transform: translateX(-100%) rotate(-90deg);
21640
+ }
21641
+ .ant-popover-placement-right > .ant-popover-arrow {
21642
+ top: 50%;
21643
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21644
+ }
21645
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21646
+ top: 16px;
21647
+ }
21648
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21649
+ bottom: 16px;
21650
+ }
21651
+ .ant-popover-arrow {
21652
+ position: absolute;
21653
+ z-index: 1;
21654
+ display: block;
21655
+ width: 16px;
21656
+ height: 16px;
21657
+ overflow: hidden;
21658
+ pointer-events: none;
21659
+ }
21660
+ .ant-popover-arrow::before {
21661
+ position: absolute;
21662
+ bottom: 0;
21663
+ width: 16px;
21664
+ height: calc(16px / 2);
21665
+ background: var(--antd-arrow-background-color);
21666
+ content: '';
21667
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21668
+ 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');
21669
+ inset-inline-start: 0;
21670
+ }
21671
+ .ant-popover-arrow::after {
21672
+ position: absolute;
21673
+ bottom: 0;
21674
+ z-index: 0;
21675
+ width: 8.97056275px;
21676
+ height: 8.97056275px;
21677
+ margin: auto;
21678
+ background: transparent;
21679
+ border-radius: 0 0 2px;
21680
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21681
+ transform: translateY(50%) rotate(-135deg);
21682
+ content: '';
21683
+ inset-inline: 0;
21684
+ }
21685
+ .ant-popover-arrow::before {
21686
+ position: absolute;
21687
+ bottom: 0;
21688
+ width: 16px;
21689
+ height: calc(16px / 2);
21690
+ background: var(--antd-arrow-background-color);
21691
+ content: '';
21692
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
21693
+ 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');
21694
+ inset-inline-start: 0;
21695
+ }
21696
+ .ant-popover-arrow::after {
21697
+ position: absolute;
21698
+ bottom: 0;
21699
+ z-index: 0;
21700
+ width: 8.97056275px;
21701
+ height: 8.97056275px;
21702
+ margin: auto;
21703
+ background: transparent;
21704
+ border-radius: 0 0 2px;
21705
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
21706
+ transform: translateY(50%) rotate(-135deg);
21707
+ content: '';
21708
+ inset-inline: 0;
21709
+ }
21710
+ .ant-popover-arrow::before {
21711
+ background: var(--antd-arrow-background-color);
21347
21712
  }
21348
- .ant-popover-placement-bottom .ant-popover-arrow-content,
21349
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
21350
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
21351
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
21352
- transform: translateY(11px) rotate(-135deg);
21713
+ .ant-popover-placement-top > .ant-popover-arrow,
21714
+ .ant-popover-placement-topLeft > .ant-popover-arrow,
21715
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21716
+ bottom: 0px;
21717
+ transform: translateY(100%) rotate(180deg);
21353
21718
  }
21354
- .ant-popover-placement-bottom .ant-popover-arrow {
21719
+ .ant-popover-placement-top > .ant-popover-arrow {
21355
21720
  left: 50%;
21356
- transform: translateY(-100%) translateX(-50%);
21721
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
21357
21722
  }
21358
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
21723
+ .ant-popover-placement-topLeft > .ant-popover-arrow {
21359
21724
  left: 16px;
21360
21725
  }
21361
- .ant-popover-placement-bottomRight .ant-popover-arrow {
21726
+ .ant-popover-placement-topRight > .ant-popover-arrow {
21362
21727
  right: 16px;
21363
21728
  }
21364
- .ant-popover-placement-left .ant-popover-arrow,
21365
- .ant-popover-placement-leftTop .ant-popover-arrow,
21366
- .ant-popover-placement-leftBottom .ant-popover-arrow {
21367
- right: 0;
21368
- transform: translateX(100%);
21729
+ .ant-popover-placement-bottom > .ant-popover-arrow,
21730
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow,
21731
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21732
+ top: 0px;
21733
+ transform: translateY(-100%);
21734
+ }
21735
+ .ant-popover-placement-bottom > .ant-popover-arrow {
21736
+ left: 50%;
21737
+ transform: translateX(-50%) translateY(-100%);
21738
+ }
21739
+ .ant-popover-placement-bottomLeft > .ant-popover-arrow {
21740
+ left: 16px;
21741
+ }
21742
+ .ant-popover-placement-bottomRight > .ant-popover-arrow {
21743
+ right: 16px;
21369
21744
  }
21370
- .ant-popover-placement-left .ant-popover-arrow-content,
21371
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
21372
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
21373
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
21374
- transform: translateX(-11px) rotate(-45deg);
21745
+ .ant-popover-placement-left > .ant-popover-arrow,
21746
+ .ant-popover-placement-leftTop > .ant-popover-arrow,
21747
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21748
+ right: 0px;
21749
+ transform: translateX(100%) rotate(90deg);
21375
21750
  }
21376
- .ant-popover-placement-left .ant-popover-arrow {
21751
+ .ant-popover-placement-left > .ant-popover-arrow {
21377
21752
  top: 50%;
21378
- transform: translateX(100%) translateY(-50%);
21753
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
21379
21754
  }
21380
- .ant-popover-placement-leftTop .ant-popover-arrow {
21381
- top: 12px;
21755
+ .ant-popover-placement-leftTop > .ant-popover-arrow {
21756
+ top: 16px;
21382
21757
  }
21383
- .ant-popover-placement-leftBottom .ant-popover-arrow {
21384
- bottom: 12px;
21758
+ .ant-popover-placement-leftBottom > .ant-popover-arrow {
21759
+ bottom: 16px;
21760
+ }
21761
+ .ant-popover-placement-right > .ant-popover-arrow,
21762
+ .ant-popover-placement-rightTop > .ant-popover-arrow,
21763
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21764
+ left: 0px;
21765
+ transform: translateX(-100%) rotate(-90deg);
21766
+ }
21767
+ .ant-popover-placement-right > .ant-popover-arrow {
21768
+ top: 50%;
21769
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
21770
+ }
21771
+ .ant-popover-placement-rightTop > .ant-popover-arrow {
21772
+ top: 16px;
21773
+ }
21774
+ .ant-popover-placement-rightBottom > .ant-popover-arrow {
21775
+ bottom: 16px;
21385
21776
  }
21386
21777
  .ant-popover-pink .ant-popover-inner {
21387
21778
  background-color: #cb2b83;
21388
21779
  }
21389
- .ant-popover-pink .ant-popover-arrow-content {
21780
+ .ant-popover-pink .ant-popover-arrow {
21390
21781
  background-color: #cb2b83;
21391
21782
  }
21392
21783
  .ant-popover-magenta .ant-popover-inner {
21393
21784
  background-color: #cb2b83;
21394
21785
  }
21395
- .ant-popover-magenta .ant-popover-arrow-content {
21786
+ .ant-popover-magenta .ant-popover-arrow {
21396
21787
  background-color: #cb2b83;
21397
21788
  }
21398
21789
  .ant-popover-red .ant-popover-inner {
21399
21790
  background-color: #d32029;
21400
21791
  }
21401
- .ant-popover-red .ant-popover-arrow-content {
21792
+ .ant-popover-red .ant-popover-arrow {
21402
21793
  background-color: #d32029;
21403
21794
  }
21404
21795
  .ant-popover-volcano .ant-popover-inner {
21405
21796
  background-color: #d84a1b;
21406
21797
  }
21407
- .ant-popover-volcano .ant-popover-arrow-content {
21798
+ .ant-popover-volcano .ant-popover-arrow {
21408
21799
  background-color: #d84a1b;
21409
21800
  }
21410
21801
  .ant-popover-orange .ant-popover-inner {
21411
21802
  background-color: #d87a16;
21412
21803
  }
21413
- .ant-popover-orange .ant-popover-arrow-content {
21804
+ .ant-popover-orange .ant-popover-arrow {
21414
21805
  background-color: #d87a16;
21415
21806
  }
21416
21807
  .ant-popover-yellow .ant-popover-inner {
21417
21808
  background-color: #d8bd14;
21418
21809
  }
21419
- .ant-popover-yellow .ant-popover-arrow-content {
21810
+ .ant-popover-yellow .ant-popover-arrow {
21420
21811
  background-color: #d8bd14;
21421
21812
  }
21422
21813
  .ant-popover-gold .ant-popover-inner {
21423
21814
  background-color: #d89614;
21424
21815
  }
21425
- .ant-popover-gold .ant-popover-arrow-content {
21816
+ .ant-popover-gold .ant-popover-arrow {
21426
21817
  background-color: #d89614;
21427
21818
  }
21428
21819
  .ant-popover-cyan .ant-popover-inner {
21429
21820
  background-color: #13a8a8;
21430
21821
  }
21431
- .ant-popover-cyan .ant-popover-arrow-content {
21822
+ .ant-popover-cyan .ant-popover-arrow {
21432
21823
  background-color: #13a8a8;
21433
21824
  }
21434
21825
  .ant-popover-lime .ant-popover-inner {
21435
21826
  background-color: #8bbb11;
21436
21827
  }
21437
- .ant-popover-lime .ant-popover-arrow-content {
21828
+ .ant-popover-lime .ant-popover-arrow {
21438
21829
  background-color: #8bbb11;
21439
21830
  }
21440
21831
  .ant-popover-green .ant-popover-inner {
21441
21832
  background-color: #49aa19;
21442
21833
  }
21443
- .ant-popover-green .ant-popover-arrow-content {
21834
+ .ant-popover-green .ant-popover-arrow {
21444
21835
  background-color: #49aa19;
21445
21836
  }
21446
21837
  .ant-popover-blue .ant-popover-inner {
21447
21838
  background-color: #177ddc;
21448
21839
  }
21449
- .ant-popover-blue .ant-popover-arrow-content {
21840
+ .ant-popover-blue .ant-popover-arrow {
21450
21841
  background-color: #177ddc;
21451
21842
  }
21452
21843
  .ant-popover-geekblue .ant-popover-inner {
21453
21844
  background-color: #2b4acb;
21454
21845
  }
21455
- .ant-popover-geekblue .ant-popover-arrow-content {
21846
+ .ant-popover-geekblue .ant-popover-arrow {
21456
21847
  background-color: #2b4acb;
21457
21848
  }
21458
21849
  .ant-popover-purple .ant-popover-inner {
21459
21850
  background-color: #642ab5;
21460
21851
  }
21461
- .ant-popover-purple .ant-popover-arrow-content {
21852
+ .ant-popover-purple .ant-popover-arrow {
21462
21853
  background-color: #642ab5;
21463
21854
  }
21464
21855
  .ant-popover-rtl {
@@ -22103,191 +22494,312 @@ span.ant-radio + * {
22103
22494
  right: 0;
22104
22495
  left: auto;
22105
22496
  }
22106
- .ant-select-single .ant-select-selector {
22497
+ .ant-select-single.ant-select {
22498
+ height: 32px;
22499
+ font-size: 14px;
22500
+ }
22501
+ .ant-select-single.ant-select .ant-select-selector {
22107
22502
  display: flex;
22503
+ flex: 1 1 auto;
22504
+ border-radius: 2px;
22505
+ }
22506
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after {
22507
+ line-height: 30px;
22108
22508
  }
22109
- .ant-select-single .ant-select-selector .ant-select-selection-search {
22509
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search {
22110
22510
  position: absolute;
22111
- top: 0;
22112
- right: 11px;
22113
- bottom: 0;
22114
- left: 11px;
22511
+ width: 100%;
22512
+ inset: 0;
22115
22513
  }
22116
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
22514
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input {
22117
22515
  width: 100%;
22516
+ appearance: textfield;
22118
22517
  }
22119
- .ant-select-single .ant-select-selector .ant-select-selection-item,
22120
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22518
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item,
22519
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
22520
+ display: block;
22521
+ align-self: center;
22121
22522
  padding: 0;
22122
22523
  line-height: 30px;
22123
22524
  transition: all 0.3s, visibility 0s;
22124
22525
  }
22125
- .ant-select-single .ant-select-selector .ant-select-selection-item {
22126
- position: relative;
22127
- user-select: none;
22128
- }
22129
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22526
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
22130
22527
  transition: none;
22131
22528
  pointer-events: none;
22132
22529
  }
22133
- .ant-select-single .ant-select-selector::after,
22134
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
22135
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
22530
+ .ant-select-single.ant-select .ant-select-selector::after,
22531
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after,
22532
+ .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after {
22136
22533
  display: inline-block;
22137
22534
  width: 0;
22138
22535
  visibility: hidden;
22139
22536
  content: '\a0';
22140
22537
  }
22141
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
22142
- right: 25px;
22143
- }
22144
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
22145
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
22146
- padding-right: 18px;
22538
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item,
22539
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search,
22540
+ .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder {
22541
+ padding-inline-end: 18px;
22147
22542
  }
22148
- .ant-select-single.ant-select-open .ant-select-selection-item {
22543
+ .ant-select-single.ant-select.ant-select-open .ant-select-selection-item {
22149
22544
  color: rgba(255, 255, 255, 0.3);
22150
22545
  }
22151
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
22546
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector {
22547
+ align-items: center;
22152
22548
  width: 100%;
22153
- height: 32px;
22549
+ height: 100%;
22154
22550
  padding: 0 11px;
22155
22551
  }
22156
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22552
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22157
22553
  height: 30px;
22554
+ font-size: 14px;
22158
22555
  }
22159
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
22556
+ .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after {
22160
22557
  line-height: 30px;
22161
22558
  }
22162
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
22559
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after {
22163
22560
  display: none;
22164
22561
  }
22165
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22562
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22166
22563
  position: static;
22167
22564
  width: 100%;
22168
22565
  }
22169
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22566
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22170
22567
  position: absolute;
22171
- right: 0;
22172
- left: 0;
22173
22568
  padding: 0 11px;
22569
+ inset-inline-start: 0;
22570
+ inset-inline-end: 0;
22174
22571
  }
22175
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22572
+ .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22176
22573
  display: none;
22177
22574
  }
22178
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
22179
- height: 40px;
22575
+ .ant-select-single.ant-select-sm {
22576
+ height: 24px;
22577
+ font-size: 12px;
22180
22578
  }
22181
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
22182
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
22183
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
22184
- line-height: 38px;
22579
+ .ant-select-single.ant-select-sm .ant-select-selector {
22580
+ display: flex;
22581
+ flex: 1 1 auto;
22582
+ border-radius: 2px;
22185
22583
  }
22186
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
22187
- height: 38px;
22584
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
22585
+ line-height: 22px;
22188
22586
  }
22189
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
22190
- height: 24px;
22587
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search {
22588
+ position: absolute;
22589
+ width: 100%;
22590
+ inset: 0;
22591
+ }
22592
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input {
22593
+ width: 100%;
22594
+ appearance: textfield;
22191
22595
  }
22192
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
22193
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
22194
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
22596
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,
22597
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22598
+ display: block;
22599
+ align-self: center;
22600
+ padding: 0;
22195
22601
  line-height: 22px;
22602
+ transition: all 0.3s, visibility 0s;
22603
+ }
22604
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
22605
+ transition: none;
22606
+ pointer-events: none;
22607
+ }
22608
+ .ant-select-single.ant-select-sm .ant-select-selector::after,
22609
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after,
22610
+ .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after {
22611
+ display: inline-block;
22612
+ width: 0;
22613
+ visibility: hidden;
22614
+ content: '\a0';
22615
+ }
22616
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
22617
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
22618
+ .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
22619
+ padding-inline-end: 15px;
22620
+ }
22621
+ .ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
22622
+ color: rgba(255, 255, 255, 0.3);
22623
+ }
22624
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
22625
+ align-items: center;
22626
+ width: 100%;
22627
+ height: 100%;
22628
+ padding: 0 11px;
22196
22629
  }
22197
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
22630
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22198
22631
  height: 22px;
22632
+ font-size: 14px;
22199
22633
  }
22200
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
22201
- right: 7px;
22202
- left: 7px;
22634
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
22635
+ line-height: 22px;
22636
+ }
22637
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after {
22638
+ display: none;
22639
+ }
22640
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22641
+ position: static;
22642
+ width: 100%;
22643
+ }
22644
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22645
+ position: absolute;
22646
+ padding: 0 11px;
22647
+ inset-inline-start: 0;
22648
+ inset-inline-end: 0;
22649
+ }
22650
+ .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22651
+ display: none;
22203
22652
  }
22204
22653
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
22205
22654
  padding: 0 7px;
22206
22655
  }
22207
22656
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
22208
- right: 28px;
22657
+ padding-inline-end: 28px;
22209
22658
  }
22210
22659
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
22211
22660
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
22212
- padding-right: 21px;
22661
+ padding-inline-end: 21px;
22213
22662
  }
22214
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
22215
- padding: 0 11px;
22663
+ .ant-select-single.ant-select-lg {
22664
+ height: 40px;
22665
+ font-size: 16px;
22216
22666
  }
22217
- /**
22218
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
22219
- * since chrome may update to redesign with its align logic.
22220
- */
22221
- .ant-select-selection-overflow {
22222
- position: relative;
22667
+ .ant-select-single.ant-select-lg .ant-select-selector {
22223
22668
  display: flex;
22224
- flex: auto;
22225
- flex-wrap: wrap;
22226
- max-width: 100%;
22227
- }
22228
- .ant-select-selection-overflow-item {
22229
- flex: none;
22230
- align-self: center;
22231
- max-width: 100%;
22669
+ flex: 1 1 auto;
22670
+ border-radius: 4px;
22232
22671
  }
22233
- .ant-select-multiple .ant-select-selector {
22234
- display: flex;
22235
- flex-wrap: wrap;
22236
- align-items: center;
22237
- padding: 1px 4px;
22672
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
22673
+ line-height: 38px;
22238
22674
  }
22239
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
22240
- cursor: text;
22675
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
22676
+ position: absolute;
22677
+ width: 100%;
22678
+ inset: 0;
22241
22679
  }
22242
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
22243
- background: #141414;
22244
- cursor: not-allowed;
22680
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
22681
+ width: 100%;
22682
+ appearance: textfield;
22245
22683
  }
22246
- .ant-select-multiple .ant-select-selector::after {
22247
- display: inline-block;
22248
- width: 0;
22249
- margin: 2px 0;
22250
- line-height: 24px;
22684
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,
22685
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22686
+ display: block;
22687
+ align-self: center;
22688
+ padding: 0;
22689
+ line-height: 38px;
22690
+ transition: all 0.3s, visibility 0s;
22691
+ }
22692
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
22693
+ transition: none;
22694
+ pointer-events: none;
22695
+ }
22696
+ .ant-select-single.ant-select-lg .ant-select-selector::after,
22697
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after,
22698
+ .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after {
22699
+ display: inline-block;
22700
+ width: 0;
22251
22701
  visibility: hidden;
22252
22702
  content: '\a0';
22253
22703
  }
22254
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
22255
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
22256
- padding-right: 24px;
22704
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,
22705
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search,
22706
+ .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder {
22707
+ padding-inline-end: 20px;
22708
+ }
22709
+ .ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item {
22710
+ color: rgba(255, 255, 255, 0.3);
22711
+ }
22712
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
22713
+ align-items: center;
22714
+ width: 100%;
22715
+ height: 100%;
22716
+ padding: 0 11px;
22717
+ }
22718
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22719
+ height: 38px;
22720
+ font-size: 14px;
22721
+ }
22722
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
22723
+ line-height: 38px;
22724
+ }
22725
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after {
22726
+ display: none;
22257
22727
  }
22258
- .ant-select-multiple .ant-select-selection-item {
22728
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
22729
+ position: static;
22730
+ width: 100%;
22731
+ }
22732
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
22733
+ position: absolute;
22734
+ padding: 0 11px;
22735
+ inset-inline-start: 0;
22736
+ inset-inline-end: 0;
22737
+ }
22738
+ .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
22739
+ display: none;
22740
+ }
22741
+ /**
22742
+ * Get multiple selector needed style. The calculation:
22743
+ *
22744
+ * ContainerPadding = BasePadding - ItemMargin
22745
+ *
22746
+ * Border: ╔═══════════════════════════╗ ┬
22747
+ * ContainerPadding: ║ ║ │
22748
+ * ╟───────────────────────────╢ ┬ │
22749
+ * Item Margin: ║ ║ │ │
22750
+ * ║ ┌──────────┐ ║ │ │
22751
+ * Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
22752
+ * ║ └──────────┘ ║ │ │
22753
+ * Item Margin: ║ ║ │ │
22754
+ * ╟───────────────────────────╢ ┴ │
22755
+ * ContainerPadding: ║ ║ │
22756
+ * Border: ╚═══════════════════════════╝ ┴
22757
+ */
22758
+ .ant-select-multiple.ant-select {
22759
+ font-size: 14px;
22760
+ }
22761
+ .ant-select-multiple.ant-select .ant-select-selection-overflow {
22259
22762
  position: relative;
22763
+ display: flex;
22764
+ flex: auto;
22765
+ flex-wrap: wrap;
22766
+ max-width: 100%;
22767
+ }
22768
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item {
22769
+ display: inline-flex;
22770
+ flex: none;
22771
+ align-self: center;
22772
+ max-width: calc(100% - 4px);
22773
+ }
22774
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22260
22775
  display: flex;
22261
22776
  flex: none;
22777
+ align-self: center;
22262
22778
  box-sizing: border-box;
22263
22779
  max-width: 100%;
22264
- height: 24px;
22265
- margin-top: 2px;
22266
- margin-bottom: 2px;
22267
- line-height: 22px;
22268
22780
  background: rgba(255, 255, 255, 0.08);
22269
22781
  border: 1px solid #303030;
22270
22782
  border-radius: 2px;
22271
22783
  cursor: default;
22272
22784
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22273
- user-select: none;
22274
- margin-inline-end: 4px;
22785
+ margin-block: calc(4px / 2);
22786
+ margin-inline-end: calc(calc(4px / 2) * 2);
22275
22787
  padding-inline-start: 8px;
22276
- padding-inline-end: 4px;
22788
+ padding-inline-end: calc(8px / 2);
22277
22789
  }
22278
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
22790
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item {
22279
22791
  color: #595959;
22280
22792
  border-color: #1f1f1f;
22281
22793
  cursor: not-allowed;
22282
22794
  }
22283
- .ant-select-multiple .ant-select-selection-item-content {
22795
+ .ant-select-multiple.ant-select .ant-select-selection-item-content {
22284
22796
  display: inline-block;
22285
- margin-right: 4px;
22286
22797
  overflow: hidden;
22287
22798
  white-space: pre;
22288
22799
  text-overflow: ellipsis;
22800
+ margin-inline-end: calc(8px / 2);
22289
22801
  }
22290
- .ant-select-multiple .ant-select-selection-item-remove {
22802
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove {
22291
22803
  color: inherit;
22292
22804
  font-style: normal;
22293
22805
  line-height: 0;
@@ -22305,111 +22817,489 @@ span.ant-radio + * {
22305
22817
  line-height: inherit;
22306
22818
  cursor: pointer;
22307
22819
  }
22308
- .ant-select-multiple .ant-select-selection-item-remove > * {
22820
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
22309
22821
  line-height: 1;
22310
22822
  }
22311
- .ant-select-multiple .ant-select-selection-item-remove svg {
22823
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
22312
22824
  display: inline-block;
22313
22825
  }
22314
- .ant-select-multiple .ant-select-selection-item-remove::before {
22826
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
22315
22827
  display: none;
22316
22828
  }
22317
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22829
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
22318
22830
  display: block;
22319
22831
  }
22320
- .ant-select-multiple .ant-select-selection-item-remove > * {
22832
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
22321
22833
  line-height: 1;
22322
22834
  }
22323
- .ant-select-multiple .ant-select-selection-item-remove svg {
22835
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
22324
22836
  display: inline-block;
22325
22837
  }
22326
- .ant-select-multiple .ant-select-selection-item-remove::before {
22838
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
22327
22839
  display: none;
22328
22840
  }
22329
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
22841
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
22330
22842
  display: block;
22331
22843
  }
22332
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
22333
- vertical-align: middle;
22844
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon {
22845
+ vertical-align: -0.2em;
22334
22846
  }
22335
- .ant-select-multiple .ant-select-selection-item-remove:hover {
22847
+ .ant-select-multiple.ant-select .ant-select-selection-item-remove:hover {
22336
22848
  color: rgba(255, 255, 255, 0.75);
22337
22849
  }
22338
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
22850
+ .ant-select-multiple.ant-select .ant-select-selector {
22851
+ display: flex;
22852
+ align-items: center;
22853
+ width: 100%;
22854
+ height: 100%;
22855
+ padding-inline: max(calc(4px - 1px), 0px);
22856
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
22857
+ border-radius: 2px;
22858
+ }
22859
+ .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector {
22860
+ background: rgba(255, 255, 255, 0.08);
22861
+ cursor: not-allowed;
22862
+ }
22863
+ .ant-select-multiple.ant-select .ant-select-selector::after {
22864
+ display: inline-block;
22865
+ width: 0;
22866
+ margin: calc(4px / 2) 0;
22867
+ line-height: 24px;
22868
+ visibility: hidden;
22869
+ content: '\a0';
22870
+ }
22871
+ .ant-select-multiple.ant-select .ant-select-selection-item {
22872
+ height: 24px;
22873
+ line-height: calc(24px - 1px * 2);
22874
+ }
22875
+ .ant-select-multiple.ant-select .ant-select-selection-wrap {
22876
+ align-self: flex-start;
22877
+ }
22878
+ .ant-select-multiple.ant-select .ant-select-selection-wrap::after {
22879
+ line-height: 24px;
22880
+ margin-block: calc(4px / 2);
22881
+ }
22882
+ .ant-select-multiple.ant-select .ant-select-prefix {
22883
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22884
+ }
22885
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
22886
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
22339
22887
  margin-inline-start: 0;
22340
22888
  }
22341
- .ant-select-multiple .ant-select-selection-search {
22889
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
22890
+ .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
22891
+ inset-inline-start: 0;
22892
+ }
22893
+ .ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix {
22894
+ min-height: 24px;
22895
+ margin-block: calc(4px / 2);
22896
+ }
22897
+ .ant-select-multiple.ant-select .ant-select-selection-search {
22342
22898
  position: relative;
22899
+ display: inline-flex;
22343
22900
  max-width: 100%;
22344
- margin-inline-start: 7px;
22901
+ margin-inline-start: calc(11px - calc(calc(32px - 24px) / 2 - 1px));
22345
22902
  }
22346
- .ant-select-multiple .ant-select-selection-search-input,
22347
- .ant-select-multiple .ant-select-selection-search-mirror {
22903
+ .ant-select-multiple.ant-select .ant-select-selection-search-input,
22904
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
22348
22905
  height: 24px;
22349
22906
  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';
22350
22907
  line-height: 24px;
22351
22908
  transition: all 0.3s;
22352
22909
  }
22353
- .ant-select-multiple .ant-select-selection-search-input {
22910
+ .ant-select-multiple.ant-select .ant-select-selection-search-input {
22354
22911
  width: 100%;
22355
22912
  min-width: 4.1px;
22356
22913
  }
22357
- .ant-select-multiple .ant-select-selection-search-mirror {
22914
+ .ant-select-multiple.ant-select .ant-select-selection-search-mirror {
22358
22915
  position: absolute;
22359
22916
  top: 0;
22360
- left: 0;
22361
22917
  z-index: 999;
22362
22918
  white-space: pre;
22363
22919
  visibility: hidden;
22920
+ inset-inline-start: 0;
22921
+ inset-inline-end: auto;
22364
22922
  }
22365
- .ant-select-multiple .ant-select-selection-placeholder {
22923
+ .ant-select-multiple.ant-select .ant-select-selection-placeholder {
22366
22924
  position: absolute;
22367
22925
  top: 50%;
22368
- right: 11px;
22369
- left: 11px;
22926
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
22927
+ inset-inline-end: 11px;
22370
22928
  transform: translateY(-50%);
22371
22929
  transition: all 0.3s;
22372
22930
  }
22373
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
22374
- line-height: 32px;
22931
+ .ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector {
22932
+ cursor: text;
22375
22933
  }
22376
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
22377
- height: 32px;
22378
- line-height: 30px;
22934
+ .ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector,
22935
+ .ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector {
22936
+ padding-inline-end: calc(12px + 12px);
22379
22937
  }
22380
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
22381
- height: 32px;
22382
- line-height: 32px;
22938
+ .ant-select-multiple.ant-select-sm {
22939
+ font-size: 14px;
22383
22940
  }
22384
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
22385
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
22386
- height: 32px;
22387
- line-height: 30px;
22941
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow {
22942
+ position: relative;
22943
+ display: flex;
22944
+ flex: auto;
22945
+ flex-wrap: wrap;
22946
+ max-width: 100%;
22947
+ }
22948
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item {
22949
+ display: inline-flex;
22950
+ flex: none;
22951
+ align-self: center;
22952
+ max-width: calc(100% - 4px);
22953
+ }
22954
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
22955
+ display: flex;
22956
+ flex: none;
22957
+ align-self: center;
22958
+ box-sizing: border-box;
22959
+ max-width: 100%;
22960
+ background: rgba(255, 255, 255, 0.08);
22961
+ border: 1px solid #303030;
22962
+ border-radius: 2px;
22963
+ cursor: default;
22964
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
22965
+ margin-block: calc(4px / 2);
22966
+ margin-inline-end: calc(calc(4px / 2) * 2);
22967
+ padding-inline-start: 8px;
22968
+ padding-inline-end: calc(8px / 2);
22969
+ }
22970
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item {
22971
+ color: #595959;
22972
+ border-color: #1f1f1f;
22973
+ cursor: not-allowed;
22974
+ }
22975
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-content {
22976
+ display: inline-block;
22977
+ overflow: hidden;
22978
+ white-space: pre;
22979
+ text-overflow: ellipsis;
22980
+ margin-inline-end: calc(8px / 2);
22981
+ }
22982
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove {
22983
+ color: inherit;
22984
+ font-style: normal;
22985
+ line-height: 0;
22986
+ text-align: center;
22987
+ text-transform: none;
22988
+ vertical-align: -0.125em;
22989
+ text-rendering: optimizelegibility;
22990
+ -webkit-font-smoothing: antialiased;
22991
+ -moz-osx-font-smoothing: grayscale;
22992
+ display: inline-flex;
22993
+ align-items: center;
22994
+ color: rgba(255, 255, 255, 0.45);
22995
+ font-weight: bold;
22996
+ font-size: 10px;
22997
+ line-height: inherit;
22998
+ cursor: pointer;
22999
+ }
23000
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
23001
+ line-height: 1;
23002
+ }
23003
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
23004
+ display: inline-block;
23005
+ }
23006
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
23007
+ display: none;
23008
+ }
23009
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
23010
+ display: block;
23011
+ }
23012
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
23013
+ line-height: 1;
23014
+ }
23015
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
23016
+ display: inline-block;
23017
+ }
23018
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
23019
+ display: none;
23020
+ }
23021
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
23022
+ display: block;
23023
+ }
23024
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon {
23025
+ vertical-align: -0.2em;
23026
+ }
23027
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover {
23028
+ color: rgba(255, 255, 255, 0.75);
23029
+ }
23030
+ .ant-select-multiple.ant-select-sm .ant-select-selector {
23031
+ display: flex;
23032
+ align-items: center;
23033
+ width: 100%;
23034
+ height: 100%;
23035
+ padding-inline: max(calc(4px - 1px), 0px);
23036
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
23037
+ border-radius: 2px;
23038
+ }
23039
+ .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector {
23040
+ background: rgba(255, 255, 255, 0.08);
23041
+ cursor: not-allowed;
22388
23042
  }
22389
23043
  .ant-select-multiple.ant-select-sm .ant-select-selector::after {
23044
+ display: inline-block;
23045
+ width: 0;
23046
+ margin: calc(4px / 2) 0;
22390
23047
  line-height: 16px;
23048
+ visibility: hidden;
23049
+ content: '\a0';
22391
23050
  }
22392
23051
  .ant-select-multiple.ant-select-sm .ant-select-selection-item {
22393
23052
  height: 16px;
22394
- line-height: 14px;
23053
+ line-height: calc(16px - 1px * 2);
22395
23054
  }
22396
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
22397
- height: 16px;
23055
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap {
23056
+ align-self: flex-start;
23057
+ }
23058
+ .ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after {
22398
23059
  line-height: 16px;
23060
+ margin-block: calc(4px / 2);
23061
+ }
23062
+ .ant-select-multiple.ant-select-sm .ant-select-prefix {
23063
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
23064
+ }
23065
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
23066
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
23067
+ margin-inline-start: 0;
23068
+ }
23069
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
23070
+ .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
23071
+ inset-inline-start: 0;
23072
+ }
23073
+ .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix {
23074
+ min-height: 16px;
23075
+ margin-block: calc(4px / 2);
23076
+ }
23077
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
23078
+ position: relative;
23079
+ display: inline-flex;
23080
+ max-width: 100%;
23081
+ margin-inline-start: calc(11px - calc(calc(24px - 16px) / 2 - 1px));
22399
23082
  }
22400
23083
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
22401
23084
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
22402
23085
  height: 16px;
22403
- line-height: 14px;
23086
+ 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';
23087
+ line-height: 16px;
23088
+ transition: all 0.3s;
23089
+ }
23090
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-input {
23091
+ width: 100%;
23092
+ min-width: 4.1px;
23093
+ }
23094
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
23095
+ position: absolute;
23096
+ top: 0;
23097
+ z-index: 999;
23098
+ white-space: pre;
23099
+ visibility: hidden;
23100
+ inset-inline-start: 0;
23101
+ inset-inline-end: auto;
23102
+ }
23103
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
23104
+ position: absolute;
23105
+ top: 50%;
23106
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
23107
+ inset-inline-end: 11px;
23108
+ transform: translateY(-50%);
23109
+ transition: all 0.3s;
23110
+ }
23111
+ .ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector {
23112
+ cursor: text;
23113
+ }
23114
+ .ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,
23115
+ .ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector {
23116
+ padding-inline-end: calc(12px + 12px);
23117
+ }
23118
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
23119
+ inset-inline: calc(8px - 1px);
23120
+ }
23121
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
23122
+ margin-inline-start: 2px;
23123
+ }
23124
+ .ant-select-multiple.ant-select-lg {
23125
+ font-size: 16px;
23126
+ }
23127
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow {
23128
+ position: relative;
23129
+ display: flex;
23130
+ flex: auto;
23131
+ flex-wrap: wrap;
23132
+ max-width: 100%;
23133
+ }
23134
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item {
23135
+ display: inline-flex;
23136
+ flex: none;
23137
+ align-self: center;
23138
+ max-width: calc(100% - 4px);
23139
+ }
23140
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
23141
+ display: flex;
23142
+ flex: none;
23143
+ align-self: center;
23144
+ box-sizing: border-box;
23145
+ max-width: 100%;
23146
+ background: rgba(255, 255, 255, 0.08);
23147
+ border: 1px solid #303030;
23148
+ border-radius: 2px;
23149
+ cursor: default;
23150
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
23151
+ margin-block: calc(4px / 2);
23152
+ margin-inline-end: calc(calc(4px / 2) * 2);
23153
+ padding-inline-start: 8px;
23154
+ padding-inline-end: calc(8px / 2);
23155
+ }
23156
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item {
23157
+ color: #595959;
23158
+ border-color: #1f1f1f;
23159
+ cursor: not-allowed;
23160
+ }
23161
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-content {
23162
+ display: inline-block;
23163
+ overflow: hidden;
23164
+ white-space: pre;
23165
+ text-overflow: ellipsis;
23166
+ margin-inline-end: calc(8px / 2);
23167
+ }
23168
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove {
23169
+ color: inherit;
23170
+ font-style: normal;
23171
+ line-height: 0;
23172
+ text-align: center;
23173
+ text-transform: none;
23174
+ vertical-align: -0.125em;
23175
+ text-rendering: optimizelegibility;
23176
+ -webkit-font-smoothing: antialiased;
23177
+ -moz-osx-font-smoothing: grayscale;
23178
+ display: inline-flex;
23179
+ align-items: center;
23180
+ color: rgba(255, 255, 255, 0.45);
23181
+ font-weight: bold;
23182
+ font-size: 10px;
23183
+ line-height: inherit;
23184
+ cursor: pointer;
23185
+ }
23186
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
23187
+ line-height: 1;
23188
+ }
23189
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
23190
+ display: inline-block;
23191
+ }
23192
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
23193
+ display: none;
23194
+ }
23195
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
23196
+ display: block;
23197
+ }
23198
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
23199
+ line-height: 1;
23200
+ }
23201
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
23202
+ display: inline-block;
23203
+ }
23204
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
23205
+ display: none;
23206
+ }
23207
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
23208
+ display: block;
23209
+ }
23210
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon {
23211
+ vertical-align: -0.2em;
23212
+ }
23213
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover {
23214
+ color: rgba(255, 255, 255, 0.75);
23215
+ }
23216
+ .ant-select-multiple.ant-select-lg .ant-select-selector {
23217
+ display: flex;
23218
+ align-items: center;
23219
+ width: 100%;
23220
+ height: 100%;
23221
+ padding-inline: max(calc(4px - 1px), 0px);
23222
+ padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
23223
+ border-radius: 4px;
23224
+ }
23225
+ .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector {
23226
+ background: rgba(255, 255, 255, 0.08);
23227
+ cursor: not-allowed;
23228
+ }
23229
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
23230
+ display: inline-block;
23231
+ width: 0;
23232
+ margin: calc(4px / 2) 0;
23233
+ line-height: 32px;
23234
+ visibility: hidden;
23235
+ content: '\a0';
23236
+ }
23237
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
23238
+ height: 32px;
23239
+ line-height: calc(32px - 1px * 2);
23240
+ }
23241
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap {
23242
+ align-self: flex-start;
23243
+ }
23244
+ .ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after {
23245
+ line-height: 32px;
23246
+ margin-block: calc(4px / 2);
23247
+ }
23248
+ .ant-select-multiple.ant-select-lg .ant-select-prefix {
23249
+ margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
23250
+ }
23251
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
23252
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
23253
+ margin-inline-start: 0;
23254
+ }
23255
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
23256
+ .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
23257
+ inset-inline-start: 0;
23258
+ }
23259
+ .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix {
23260
+ min-height: 32px;
23261
+ margin-block: calc(4px / 2);
23262
+ }
23263
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
23264
+ position: relative;
23265
+ display: inline-flex;
23266
+ max-width: 100%;
23267
+ margin-inline-start: calc(11px - calc(calc(40px - 32px) / 2 - 1px));
23268
+ }
23269
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
23270
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
23271
+ height: 32px;
23272
+ 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';
23273
+ line-height: 32px;
23274
+ transition: all 0.3s;
23275
+ }
23276
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input {
23277
+ width: 100%;
23278
+ min-width: 4.1px;
22404
23279
  }
22405
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22406
- left: 7px;
23280
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
23281
+ position: absolute;
23282
+ top: 0;
23283
+ z-index: 999;
23284
+ white-space: pre;
23285
+ visibility: hidden;
23286
+ inset-inline-start: 0;
23287
+ inset-inline-end: auto;
22407
23288
  }
22408
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
22409
- margin-inline-start: 3px;
23289
+ .ant-select-multiple.ant-select-lg .ant-select-selection-placeholder {
23290
+ position: absolute;
23291
+ top: 50%;
23292
+ inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
23293
+ inset-inline-end: 11px;
23294
+ transform: translateY(-50%);
23295
+ transition: all 0.3s;
22410
23296
  }
22411
- .ant-select-disabled .ant-select-selection-item-remove {
22412
- display: none;
23297
+ .ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector {
23298
+ cursor: text;
23299
+ }
23300
+ .ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,
23301
+ .ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector {
23302
+ padding-inline-end: calc(12px + 12px);
22413
23303
  }
22414
23304
  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
22415
23305
  background-color: transparent;
@@ -22437,13 +23327,13 @@ span.ant-radio + * {
22437
23327
  .ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
22438
23328
  .ant-select-status-success.ant-select-has-feedback .ant-select-clear,
22439
23329
  .ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
22440
- right: 32px;
23330
+ inset-inline-end: 32px;
22441
23331
  }
22442
23332
  .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
22443
23333
  .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
22444
23334
  .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
22445
23335
  .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
22446
- padding-right: 42px;
23336
+ padding-inline-end: 42px;
22447
23337
  }
22448
23338
  /* Reset search input style */
22449
23339
  .ant-select {
@@ -22457,7 +23347,7 @@ span.ant-radio + * {
22457
23347
  list-style: none;
22458
23348
  font-feature-settings: 'tnum';
22459
23349
  position: relative;
22460
- display: inline-block;
23350
+ display: inline-flex;
22461
23351
  cursor: pointer;
22462
23352
  }
22463
23353
  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -22470,19 +23360,34 @@ span.ant-radio + * {
22470
23360
  .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22471
23361
  cursor: pointer;
22472
23362
  }
23363
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix {
23364
+ flex: none;
23365
+ margin-inline-end: 4px;
23366
+ }
23367
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap {
23368
+ position: relative;
23369
+ display: flex;
23370
+ width: 100%;
23371
+ min-width: 0;
23372
+ }
23373
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after {
23374
+ width: 0;
23375
+ overflow: hidden;
23376
+ content: '\a0';
23377
+ }
22473
23378
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
22474
23379
  cursor: text;
22475
23380
  }
22476
23381
  .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22477
23382
  cursor: auto;
22478
23383
  }
22479
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
23384
+ .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22480
23385
  border-color: #177ddc;
22481
23386
  box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
22482
23387
  border-right-width: 1px;
22483
23388
  outline: 0;
22484
23389
  }
22485
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
23390
+ .ant-input-rtl .ant-select-focused:not(.ant-select-disabled) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
22486
23391
  border-right-width: 0;
22487
23392
  border-left-width: 1px !important;
22488
23393
  }
@@ -22500,6 +23405,7 @@ span.ant-radio + * {
22500
23405
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
22501
23406
  margin: 0;
22502
23407
  padding: 0;
23408
+ font-family: inherit;
22503
23409
  background: transparent;
22504
23410
  border: none;
22505
23411
  outline: none;
@@ -22507,8 +23413,7 @@ span.ant-radio + * {
22507
23413
  }
22508
23414
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
22509
23415
  display: none;
22510
- /* stylelint-disable-next-line property-no-vendor-prefix */
22511
- -webkit-appearance: none;
23416
+ appearance: none;
22512
23417
  }
22513
23418
  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
22514
23419
  border-color: #165996;
@@ -22524,6 +23429,7 @@ span.ant-radio + * {
22524
23429
  font-weight: normal;
22525
23430
  white-space: nowrap;
22526
23431
  text-overflow: ellipsis;
23432
+ user-select: none;
22527
23433
  }
22528
23434
  @media all and (-ms-high-contrast: none) {
22529
23435
  .ant-select-selection-item *::-ms-backdrop,
@@ -22557,7 +23463,8 @@ span.ant-radio + * {
22557
23463
  -moz-osx-font-smoothing: grayscale;
22558
23464
  position: absolute;
22559
23465
  top: 50%;
22560
- right: 11px;
23466
+ inset-inline-start: auto;
23467
+ inset-inline-end: 11px;
22561
23468
  display: flex;
22562
23469
  align-items: center;
22563
23470
  height: 12px;
@@ -22611,7 +23518,6 @@ span.ant-radio + * {
22611
23518
  .ant-select-clear {
22612
23519
  position: absolute;
22613
23520
  top: 50%;
22614
- right: 11px;
22615
23521
  z-index: 1;
22616
23522
  display: inline-block;
22617
23523
  width: 12px;
@@ -22624,9 +23530,12 @@ span.ant-radio + * {
22624
23530
  text-align: center;
22625
23531
  text-transform: none;
22626
23532
  background: #141414;
23533
+ transform: translateZ(0);
22627
23534
  cursor: pointer;
22628
23535
  opacity: 0;
22629
23536
  transition: color 0.3s ease, opacity 0.15s ease;
23537
+ inset-inline-start: auto;
23538
+ inset-inline-end: 11px;
22630
23539
  text-rendering: auto;
22631
23540
  }
22632
23541
  .ant-select-clear::before {
@@ -22648,10 +23557,9 @@ span.ant-radio + * {
22648
23557
  font-feature-settings: 'tnum';
22649
23558
  position: absolute;
22650
23559
  top: -9999px;
22651
- left: -9999px;
22652
23560
  z-index: 1050;
22653
23561
  box-sizing: border-box;
22654
- padding: 4px 0;
23562
+ padding: 4px;
22655
23563
  overflow: hidden;
22656
23564
  font-size: 14px;
22657
23565
  font-variant: initial;
@@ -22740,7 +23648,7 @@ span.ant-radio + * {
22740
23648
  background-color: #141414;
22741
23649
  }
22742
23650
  .ant-select-item-option-grouped {
22743
- padding-left: 24px;
23651
+ padding-inline-start: 24px;
22744
23652
  }
22745
23653
  .ant-select-lg {
22746
23654
  font-size: 16px;
@@ -22954,68 +23862,9 @@ span.ant-radio + * {
22954
23862
  .ant-select-rtl {
22955
23863
  direction: rtl;
22956
23864
  }
22957
- .ant-select-rtl .ant-select-arrow {
22958
- right: initial;
22959
- left: 11px;
22960
- }
22961
- .ant-select-rtl .ant-select-clear {
22962
- right: initial;
22963
- left: 11px;
22964
- }
22965
23865
  .ant-select-dropdown-rtl {
22966
23866
  direction: rtl;
22967
23867
  }
22968
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
22969
- padding-right: 24px;
22970
- padding-left: 12px;
22971
- }
22972
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
22973
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
22974
- padding-right: 4px;
22975
- padding-left: 24px;
22976
- }
22977
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
22978
- text-align: right;
22979
- }
22980
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
22981
- margin-right: 0;
22982
- margin-left: 4px;
22983
- text-align: right;
22984
- }
22985
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
22986
- right: 0;
22987
- left: auto;
22988
- }
22989
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
22990
- right: 11px;
22991
- left: auto;
22992
- }
22993
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
22994
- right: 7px;
22995
- }
22996
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
22997
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
22998
- right: 0;
22999
- left: 9px;
23000
- text-align: right;
23001
- }
23002
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
23003
- right: 11px;
23004
- left: 25px;
23005
- }
23006
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
23007
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
23008
- padding-right: 0;
23009
- padding-left: 18px;
23010
- }
23011
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
23012
- right: 6px;
23013
- }
23014
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
23015
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
23016
- padding-right: 0;
23017
- padding-left: 21px;
23018
- }
23019
23868
  .ant-select-dropdown {
23020
23869
  position: relative;
23021
23870
  top: 100%;
@@ -23080,6 +23929,26 @@ span.ant-radio + * {
23080
23929
  justify-items: flex-start;
23081
23930
  width: 100%;
23082
23931
  }
23932
+ .ant-segmented-vertical .ant-segmented-group {
23933
+ flex-direction: column;
23934
+ }
23935
+ .ant-segmented-vertical .ant-segmented-thumb {
23936
+ width: 100%;
23937
+ height: 0;
23938
+ }
23939
+ .ant-segmented-vertical .ant-segmented-thumb-motion-appear-active {
23940
+ 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);
23941
+ will-change: transform, width, height;
23942
+ }
23943
+ .ant-segmented-shape-round {
23944
+ border-radius: 9999px;
23945
+ }
23946
+ .ant-segmented-shape-round .ant-segmented-item {
23947
+ border-radius: 9999px;
23948
+ }
23949
+ .ant-segmented-shape-round .ant-segmented-thumb {
23950
+ border-radius: 9999px;
23951
+ }
23083
23952
  .ant-segmented.ant-segmented-block {
23084
23953
  display: flex;
23085
23954
  }
@@ -27194,11 +28063,11 @@ cdk-virtual-scroll-viewport.ant-table-body {
27194
28063
  line-height: 1.5715;
27195
28064
  list-style: none;
27196
28065
  font-feature-settings: 'tnum';
28066
+ --antd-arrow-background-color: #434343;
27197
28067
  position: absolute;
27198
28068
  z-index: 1070;
27199
28069
  display: block;
27200
28070
  width: max-content;
27201
- width: intrinsic;
27202
28071
  max-width: 250px;
27203
28072
  visibility: visible;
27204
28073
  }
@@ -27208,32 +28077,12 @@ cdk-virtual-scroll-viewport.ant-table-body {
27208
28077
  .ant-tooltip-hidden {
27209
28078
  display: none;
27210
28079
  }
27211
- .ant-tooltip-placement-top,
27212
- .ant-tooltip-placement-topLeft,
27213
- .ant-tooltip-placement-topRight {
27214
- padding-bottom: 14.3137085px;
27215
- }
27216
- .ant-tooltip-placement-right,
27217
- .ant-tooltip-placement-rightTop,
27218
- .ant-tooltip-placement-rightBottom {
27219
- padding-left: 14.3137085px;
27220
- }
27221
- .ant-tooltip-placement-bottom,
27222
- .ant-tooltip-placement-bottomLeft,
27223
- .ant-tooltip-placement-bottomRight {
27224
- padding-top: 14.3137085px;
27225
- }
27226
- .ant-tooltip-placement-left,
27227
- .ant-tooltip-placement-leftTop,
27228
- .ant-tooltip-placement-leftBottom {
27229
- padding-right: 14.3137085px;
27230
- }
27231
28080
  .ant-tooltip-inner {
27232
28081
  min-width: 30px;
27233
28082
  min-height: 32px;
27234
- padding: 6px 8px;
28083
+ padding: calc(12px / 2) 8px;
27235
28084
  color: #fff;
27236
- text-align: left;
28085
+ text-align: start;
27237
28086
  text-decoration: none;
27238
28087
  word-wrap: break-word;
27239
28088
  background-color: #434343;
@@ -27242,228 +28091,337 @@ cdk-virtual-scroll-viewport.ant-table-body {
27242
28091
  }
27243
28092
  .ant-tooltip-arrow {
27244
28093
  position: absolute;
27245
- z-index: 2;
28094
+ z-index: 1;
27246
28095
  display: block;
27247
- width: 22px;
27248
- height: 22px;
28096
+ width: 16px;
28097
+ height: 16px;
27249
28098
  overflow: hidden;
27250
- background: transparent;
27251
28099
  pointer-events: none;
27252
28100
  }
27253
- .ant-tooltip-arrow-content {
27254
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(67, 67, 67, 0.9), #434343);
28101
+ .ant-tooltip-arrow::before {
27255
28102
  position: absolute;
27256
- top: 0;
27257
- right: 0;
27258
28103
  bottom: 0;
27259
- left: 0;
27260
- display: block;
27261
- width: 11.3137085px;
27262
- height: 11.3137085px;
27263
- margin: auto;
28104
+ width: 16px;
28105
+ height: calc(16px / 2);
28106
+ background: var(--antd-arrow-background-color);
27264
28107
  content: '';
27265
- pointer-events: auto;
27266
- border-radius: 0 0 2px;
27267
- pointer-events: none;
28108
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
28109
+ 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');
28110
+ inset-inline-start: 0;
27268
28111
  }
27269
- .ant-tooltip-arrow-content::before {
28112
+ .ant-tooltip-arrow::after {
27270
28113
  position: absolute;
27271
- top: -11.3137085px;
27272
- left: -11.3137085px;
27273
- width: 33.9411255px;
27274
- height: 33.9411255px;
27275
- background: var(--antd-arrow-background-color);
27276
- background-repeat: no-repeat;
27277
- background-position: -10px -10px;
28114
+ bottom: 0;
28115
+ z-index: 0;
28116
+ width: 8.97056275px;
28117
+ height: 8.97056275px;
28118
+ margin: auto;
28119
+ background: transparent;
28120
+ border-radius: 0 0 2px;
28121
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
28122
+ transform: translateY(50%) rotate(-135deg);
27278
28123
  content: '';
27279
- clip-path: inset(33% 33%);
27280
- 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');
28124
+ inset-inline: 0;
27281
28125
  }
27282
- .ant-tooltip-arrow-content::before {
28126
+ .ant-tooltip-arrow::before {
27283
28127
  position: absolute;
27284
- top: -11.3137085px;
27285
- left: -11.3137085px;
27286
- width: 33.9411255px;
27287
- height: 33.9411255px;
28128
+ bottom: 0;
28129
+ width: 16px;
28130
+ height: calc(16px / 2);
27288
28131
  background: var(--antd-arrow-background-color);
27289
- background-repeat: no-repeat;
27290
- background-position: -10px -10px;
27291
28132
  content: '';
27292
- clip-path: inset(33% 33%);
27293
- 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');
28133
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
28134
+ 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');
28135
+ inset-inline-start: 0;
27294
28136
  }
27295
- .ant-tooltip-placement-top .ant-tooltip-arrow,
27296
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
27297
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
28137
+ .ant-tooltip-arrow::after {
28138
+ position: absolute;
27298
28139
  bottom: 0;
27299
- transform: translateY(100%);
28140
+ z-index: 0;
28141
+ width: 8.97056275px;
28142
+ height: 8.97056275px;
28143
+ margin: auto;
28144
+ background: transparent;
28145
+ border-radius: 0 0 2px;
28146
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
28147
+ transform: translateY(50%) rotate(-135deg);
28148
+ content: '';
28149
+ inset-inline: 0;
28150
+ }
28151
+ .ant-tooltip-arrow::before {
28152
+ background: var(--antd-arrow-background-color);
27300
28153
  }
27301
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
27302
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
27303
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
27304
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
27305
- transform: translateY(-11px) rotate(45deg);
28154
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
28155
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
28156
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
28157
+ bottom: 0px;
28158
+ transform: translateY(100%) rotate(180deg);
27306
28159
  }
27307
- .ant-tooltip-placement-top .ant-tooltip-arrow {
28160
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
27308
28161
  left: 50%;
27309
- transform: translateY(100%) translateX(-50%);
28162
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
27310
28163
  }
27311
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
27312
- left: 13px;
28164
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
28165
+ left: 16px;
27313
28166
  }
27314
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
27315
- right: 13px;
28167
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
28168
+ right: 16px;
27316
28169
  }
27317
- .ant-tooltip-placement-right .ant-tooltip-arrow,
27318
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
27319
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
27320
- left: 0;
27321
- transform: translateX(-100%);
28170
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
28171
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
28172
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
28173
+ top: 0px;
28174
+ transform: translateY(-100%);
27322
28175
  }
27323
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
27324
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
27325
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
27326
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
27327
- transform: translateX(11px) rotate(135deg);
28176
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
28177
+ left: 50%;
28178
+ transform: translateX(-50%) translateY(-100%);
27328
28179
  }
27329
- .ant-tooltip-placement-right .ant-tooltip-arrow {
27330
- top: 50%;
27331
- transform: translateX(-100%) translateY(-50%);
28180
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
28181
+ left: 16px;
27332
28182
  }
27333
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
27334
- top: 5px;
28183
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
28184
+ right: 16px;
27335
28185
  }
27336
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
27337
- bottom: 5px;
28186
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
28187
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
28188
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
28189
+ right: 0px;
28190
+ transform: translateX(100%) rotate(90deg);
27338
28191
  }
27339
- .ant-tooltip-placement-left .ant-tooltip-arrow,
27340
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
27341
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
27342
- right: 0;
27343
- transform: translateX(100%);
28192
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
28193
+ top: 50%;
28194
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
27344
28195
  }
27345
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
27346
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
27347
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
27348
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
27349
- transform: translateX(-11px) rotate(315deg);
28196
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
28197
+ top: 16px;
28198
+ }
28199
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
28200
+ bottom: 16px;
27350
28201
  }
27351
- .ant-tooltip-placement-left .ant-tooltip-arrow {
28202
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
28203
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
28204
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
28205
+ left: 0px;
28206
+ transform: translateX(-100%) rotate(-90deg);
28207
+ }
28208
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
27352
28209
  top: 50%;
27353
- transform: translateX(100%) translateY(-50%);
28210
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
27354
28211
  }
27355
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
27356
- top: 5px;
28212
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
28213
+ top: 16px;
27357
28214
  }
27358
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
27359
- bottom: 5px;
28215
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
28216
+ bottom: 16px;
27360
28217
  }
27361
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
27362
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
27363
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
27364
- top: 0;
27365
- transform: translateY(-100%);
28218
+ .ant-tooltip-arrow {
28219
+ position: absolute;
28220
+ z-index: 1;
28221
+ display: block;
28222
+ width: 16px;
28223
+ height: 16px;
28224
+ overflow: hidden;
28225
+ pointer-events: none;
28226
+ }
28227
+ .ant-tooltip-arrow::before {
28228
+ position: absolute;
28229
+ bottom: 0;
28230
+ width: 16px;
28231
+ height: calc(16px / 2);
28232
+ background: var(--antd-arrow-background-color);
28233
+ content: '';
28234
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
28235
+ 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');
28236
+ inset-inline-start: 0;
28237
+ }
28238
+ .ant-tooltip-arrow::after {
28239
+ position: absolute;
28240
+ bottom: 0;
28241
+ z-index: 0;
28242
+ width: 8.97056275px;
28243
+ height: 8.97056275px;
28244
+ margin: auto;
28245
+ background: transparent;
28246
+ border-radius: 0 0 2px;
28247
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
28248
+ transform: translateY(50%) rotate(-135deg);
28249
+ content: '';
28250
+ inset-inline: 0;
28251
+ }
28252
+ .ant-tooltip-arrow::before {
28253
+ position: absolute;
28254
+ bottom: 0;
28255
+ width: 16px;
28256
+ height: calc(16px / 2);
28257
+ background: var(--antd-arrow-background-color);
28258
+ content: '';
28259
+ clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
28260
+ 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');
28261
+ inset-inline-start: 0;
28262
+ }
28263
+ .ant-tooltip-arrow::after {
28264
+ position: absolute;
28265
+ bottom: 0;
28266
+ z-index: 0;
28267
+ width: 8.97056275px;
28268
+ height: 8.97056275px;
28269
+ margin: auto;
28270
+ background: transparent;
28271
+ border-radius: 0 0 2px;
28272
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
28273
+ transform: translateY(50%) rotate(-135deg);
28274
+ content: '';
28275
+ inset-inline: 0;
28276
+ }
28277
+ .ant-tooltip-arrow::before {
28278
+ background: var(--antd-arrow-background-color);
27366
28279
  }
27367
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
27368
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
27369
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
27370
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
27371
- transform: translateY(11px) rotate(225deg);
28280
+ .ant-tooltip-placement-top > .ant-tooltip-arrow,
28281
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
28282
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
28283
+ bottom: 0px;
28284
+ transform: translateY(100%) rotate(180deg);
27372
28285
  }
27373
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
28286
+ .ant-tooltip-placement-top > .ant-tooltip-arrow {
27374
28287
  left: 50%;
27375
- transform: translateY(-100%) translateX(-50%);
28288
+ transform: translateX(-50%) translateY(100%) rotate(180deg);
27376
28289
  }
27377
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
27378
- left: 13px;
28290
+ .ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
28291
+ left: 16px;
27379
28292
  }
27380
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
27381
- right: 13px;
28293
+ .ant-tooltip-placement-topRight > .ant-tooltip-arrow {
28294
+ right: 16px;
28295
+ }
28296
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow,
28297
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
28298
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
28299
+ top: 0px;
28300
+ transform: translateY(-100%);
28301
+ }
28302
+ .ant-tooltip-placement-bottom > .ant-tooltip-arrow {
28303
+ left: 50%;
28304
+ transform: translateX(-50%) translateY(-100%);
28305
+ }
28306
+ .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
28307
+ left: 16px;
28308
+ }
28309
+ .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
28310
+ right: 16px;
28311
+ }
28312
+ .ant-tooltip-placement-left > .ant-tooltip-arrow,
28313
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
28314
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
28315
+ right: 0px;
28316
+ transform: translateX(100%) rotate(90deg);
28317
+ }
28318
+ .ant-tooltip-placement-left > .ant-tooltip-arrow {
28319
+ top: 50%;
28320
+ transform: translateY(-50%) translateX(100%) rotate(90deg);
28321
+ }
28322
+ .ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
28323
+ top: 16px;
28324
+ }
28325
+ .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
28326
+ bottom: 16px;
28327
+ }
28328
+ .ant-tooltip-placement-right > .ant-tooltip-arrow,
28329
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
28330
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
28331
+ left: 0px;
28332
+ transform: translateX(-100%) rotate(-90deg);
28333
+ }
28334
+ .ant-tooltip-placement-right > .ant-tooltip-arrow {
28335
+ top: 50%;
28336
+ transform: translateY(-50%) translateX(-100%) rotate(-90deg);
28337
+ }
28338
+ .ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
28339
+ top: 16px;
28340
+ }
28341
+ .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
28342
+ bottom: 16px;
27382
28343
  }
27383
28344
  .ant-tooltip-pink .ant-tooltip-inner {
27384
28345
  background-color: #cb2b83;
27385
28346
  }
27386
- .ant-tooltip-pink .ant-tooltip-arrow-content::before {
27387
- background: #cb2b83;
28347
+ .ant-tooltip-pink .ant-tooltip-arrow {
28348
+ --antd-arrow-background-color: #cb2b83;
27388
28349
  }
27389
28350
  .ant-tooltip-magenta .ant-tooltip-inner {
27390
28351
  background-color: #cb2b83;
27391
28352
  }
27392
- .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
27393
- background: #cb2b83;
28353
+ .ant-tooltip-magenta .ant-tooltip-arrow {
28354
+ --antd-arrow-background-color: #cb2b83;
27394
28355
  }
27395
28356
  .ant-tooltip-red .ant-tooltip-inner {
27396
28357
  background-color: #d32029;
27397
28358
  }
27398
- .ant-tooltip-red .ant-tooltip-arrow-content::before {
27399
- background: #d32029;
28359
+ .ant-tooltip-red .ant-tooltip-arrow {
28360
+ --antd-arrow-background-color: #d32029;
27400
28361
  }
27401
28362
  .ant-tooltip-volcano .ant-tooltip-inner {
27402
28363
  background-color: #d84a1b;
27403
28364
  }
27404
- .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
27405
- background: #d84a1b;
28365
+ .ant-tooltip-volcano .ant-tooltip-arrow {
28366
+ --antd-arrow-background-color: #d84a1b;
27406
28367
  }
27407
28368
  .ant-tooltip-orange .ant-tooltip-inner {
27408
28369
  background-color: #d87a16;
27409
28370
  }
27410
- .ant-tooltip-orange .ant-tooltip-arrow-content::before {
27411
- background: #d87a16;
28371
+ .ant-tooltip-orange .ant-tooltip-arrow {
28372
+ --antd-arrow-background-color: #d87a16;
27412
28373
  }
27413
28374
  .ant-tooltip-yellow .ant-tooltip-inner {
27414
28375
  background-color: #d8bd14;
27415
28376
  }
27416
- .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
27417
- background: #d8bd14;
28377
+ .ant-tooltip-yellow .ant-tooltip-arrow {
28378
+ --antd-arrow-background-color: #d8bd14;
27418
28379
  }
27419
28380
  .ant-tooltip-gold .ant-tooltip-inner {
27420
28381
  background-color: #d89614;
27421
28382
  }
27422
- .ant-tooltip-gold .ant-tooltip-arrow-content::before {
27423
- background: #d89614;
28383
+ .ant-tooltip-gold .ant-tooltip-arrow {
28384
+ --antd-arrow-background-color: #d89614;
27424
28385
  }
27425
28386
  .ant-tooltip-cyan .ant-tooltip-inner {
27426
28387
  background-color: #13a8a8;
27427
28388
  }
27428
- .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
27429
- background: #13a8a8;
28389
+ .ant-tooltip-cyan .ant-tooltip-arrow {
28390
+ --antd-arrow-background-color: #13a8a8;
27430
28391
  }
27431
28392
  .ant-tooltip-lime .ant-tooltip-inner {
27432
28393
  background-color: #8bbb11;
27433
28394
  }
27434
- .ant-tooltip-lime .ant-tooltip-arrow-content::before {
27435
- background: #8bbb11;
28395
+ .ant-tooltip-lime .ant-tooltip-arrow {
28396
+ --antd-arrow-background-color: #8bbb11;
27436
28397
  }
27437
28398
  .ant-tooltip-green .ant-tooltip-inner {
27438
28399
  background-color: #49aa19;
27439
28400
  }
27440
- .ant-tooltip-green .ant-tooltip-arrow-content::before {
27441
- background: #49aa19;
28401
+ .ant-tooltip-green .ant-tooltip-arrow {
28402
+ --antd-arrow-background-color: #49aa19;
27442
28403
  }
27443
28404
  .ant-tooltip-blue .ant-tooltip-inner {
27444
28405
  background-color: #177ddc;
27445
28406
  }
27446
- .ant-tooltip-blue .ant-tooltip-arrow-content::before {
27447
- background: #177ddc;
28407
+ .ant-tooltip-blue .ant-tooltip-arrow {
28408
+ --antd-arrow-background-color: #177ddc;
27448
28409
  }
27449
28410
  .ant-tooltip-geekblue .ant-tooltip-inner {
27450
28411
  background-color: #2b4acb;
27451
28412
  }
27452
- .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
27453
- background: #2b4acb;
28413
+ .ant-tooltip-geekblue .ant-tooltip-arrow {
28414
+ --antd-arrow-background-color: #2b4acb;
27454
28415
  }
27455
28416
  .ant-tooltip-purple .ant-tooltip-inner {
27456
28417
  background-color: #642ab5;
27457
28418
  }
27458
- .ant-tooltip-purple .ant-tooltip-arrow-content::before {
27459
- background: #642ab5;
28419
+ .ant-tooltip-purple .ant-tooltip-arrow {
28420
+ --antd-arrow-background-color: #642ab5;
27460
28421
  }
27461
28422
  .ant-tooltip-rtl {
27462
28423
  direction: rtl;
27463
28424
  }
27464
- .ant-tooltip-rtl .ant-tooltip-inner {
27465
- text-align: right;
27466
- }
27467
28425
  .ant-tooltip {
27468
28426
  position: relative;
27469
28427
  }
@@ -29032,14 +29990,15 @@ div.ant-typography-edit-content.ant-typography-rtl {
29032
29990
  min-width: 111px;
29033
29991
  height: 180px;
29034
29992
  margin: 0;
29035
- margin: -4px 0;
29036
29993
  padding: 4px 0;
29037
29994
  overflow: auto;
29038
29995
  vertical-align: top;
29039
29996
  list-style: none;
29040
- border-right: 1px solid #303030;
29041
29997
  -ms-overflow-style: -ms-autohiding-scrollbar;
29042
29998
  }
29999
+ .ant-cascader-menu:not(:last-child) {
30000
+ border-inline-end: 1px solid #303030;
30001
+ }
29043
30002
  .ant-cascader-menu-item {
29044
30003
  display: flex;
29045
30004
  flex-wrap: nowrap;
@@ -31605,6 +32564,7 @@ nz-space-item {
31605
32564
  cursor: pointer;
31606
32565
  }
31607
32566
  .ant-check-list .ant-check-list-button {
32567
+ position: relative;
31608
32568
  display: flex;
31609
32569
  gap: 8px;
31610
32570
  align-items: center;
@@ -31620,6 +32580,27 @@ nz-space-item {
31620
32580
  .ant-check-list .ant-check-list-description {
31621
32581
  font-size: 14px;
31622
32582
  }
32583
+ .ant-check-list .ant-check-list-trigger-dot {
32584
+ position: absolute;
32585
+ top: -12px;
32586
+ right: -12px;
32587
+ display: flex;
32588
+ flex-direction: column;
32589
+ align-items: center;
32590
+ justify-content: center;
32591
+ width: 24px;
32592
+ height: 24px;
32593
+ color: #177ddc;
32594
+ background-color: #141414;
32595
+ border: 1px solid #177ddc;
32596
+ border-radius: 50%;
32597
+ }
32598
+ .ant-check-list .ant-check-list-trigger-dot-text {
32599
+ font-weight: 500;
32600
+ font-size: 16px;
32601
+ font-style: italic;
32602
+ line-height: 16px;
32603
+ }
31623
32604
  .ant-check-list-content {
31624
32605
  display: block;
31625
32606
  width: 303px;
@@ -32035,7 +33016,7 @@ a:focus {
32035
33016
  font-weight: 500;
32036
33017
  line-height: 22px;
32037
33018
  color: rgba(255, 255, 255, 0.85);
32038
- word-wrap: break-word;
33019
+ overflow-wrap: break-word !important;
32039
33020
  }
32040
33021
  .modal-title small {
32041
33022
  margin-left: 8px;
@@ -35924,7 +36905,6 @@ body {
35924
36905
  overflow: hidden scroll;
35925
36906
  flex: 1 1 0%;
35926
36907
  -webkit-overflow-scrolling: touch;
35927
- scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
35928
36908
  }
35929
36909
  .alain-default__aside-inner::-webkit-scrollbar {
35930
36910
  width: 0;
@@ -36505,7 +37485,7 @@ body {
36505
37485
  .st__width-strict .ant-table-content > table,
36506
37486
  .st__width-strict .ant-table-body > table {
36507
37487
  table-layout: fixed !important;
36508
- word-wrap: break-word !important;
37488
+ overflow-wrap: break-word !important;
36509
37489
  }
36510
37490
  }
36511
37491
  .sv {