elseware-ui 2.39.0 → 2.39.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/dist/index.css CHANGED
@@ -498,6 +498,9 @@ video {
498
498
  .col-span-5 {
499
499
  grid-column: span 5/span 5;
500
500
  }
501
+ .\!m-0 {
502
+ margin: 0 !important;
503
+ }
501
504
  .mx-1 {
502
505
  margin-left: .25rem;
503
506
  margin-right: .25rem;
@@ -510,10 +513,22 @@ video {
510
513
  margin-bottom: .5rem;
511
514
  margin-top: .5rem;
512
515
  }
516
+ .my-4 {
517
+ margin-bottom: 1rem;
518
+ margin-top: 1rem;
519
+ }
513
520
  .my-5 {
514
521
  margin-bottom: 1.25rem;
515
522
  margin-top: 1.25rem;
516
523
  }
524
+ .my-6 {
525
+ margin-bottom: 1.5rem;
526
+ margin-top: 1.5rem;
527
+ }
528
+ .my-8 {
529
+ margin-bottom: 2rem;
530
+ margin-top: 2rem;
531
+ }
517
532
  .-mt-\[1px\] {
518
533
  margin-top: -1px;
519
534
  }
@@ -538,6 +553,9 @@ video {
538
553
  .mb-8 {
539
554
  margin-bottom: 2rem;
540
555
  }
556
+ .ml-1 {
557
+ margin-left: .25rem;
558
+ }
541
559
  .ml-2 {
542
560
  margin-left: .5rem;
543
561
  }
@@ -583,6 +601,12 @@ video {
583
601
  .mt-6 {
584
602
  margin-top: 1.5rem;
585
603
  }
604
+ .mt-7 {
605
+ margin-top: 1.75rem;
606
+ }
607
+ .mt-8 {
608
+ margin-top: 2rem;
609
+ }
586
610
  .mt-\[0\.35em\] {
587
611
  margin-top: .35em;
588
612
  }
@@ -685,6 +709,9 @@ video {
685
709
  .h-96 {
686
710
  height: 24rem;
687
711
  }
712
+ .h-\[1\.35rem\] {
713
+ height: 1.35rem;
714
+ }
688
715
  .h-\[130px\] {
689
716
  height: 130px;
690
717
  }
@@ -730,6 +757,9 @@ video {
730
757
  .h-\[90px\] {
731
758
  height: 90px;
732
759
  }
760
+ .h-auto {
761
+ height: auto;
762
+ }
733
763
  .h-fit {
734
764
  height: -moz-fit-content;
735
765
  height: fit-content;
@@ -1076,6 +1106,9 @@ video {
1076
1106
  .flex-grow {
1077
1107
  flex-grow: 1;
1078
1108
  }
1109
+ .border-collapse {
1110
+ border-collapse: collapse;
1111
+ }
1079
1112
  .origin-center {
1080
1113
  transform-origin: center;
1081
1114
  }
@@ -1135,47 +1168,51 @@ video {
1135
1168
  .translate-y-full {
1136
1169
  --tw-translate-y:100%;
1137
1170
  }
1138
- .rotate-180,
1139
- .translate-y-full {
1171
+ .translate-y-full,
1172
+ .translate-y-px {
1140
1173
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1141
1174
  }
1175
+ .translate-y-px {
1176
+ --tw-translate-y:1px;
1177
+ }
1142
1178
  .rotate-180 {
1143
1179
  --tw-rotate:180deg;
1144
1180
  }
1181
+ .rotate-180,
1182
+ .rotate-2 {
1183
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1184
+ }
1145
1185
  .rotate-2 {
1146
1186
  --tw-rotate:2deg;
1147
1187
  }
1148
- .rotate-2,
1149
- .rotate-90 {
1150
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1151
- }
1152
1188
  .rotate-90 {
1153
1189
  --tw-rotate:90deg;
1154
1190
  }
1191
+ .rotate-90,
1192
+ .scale-100 {
1193
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1194
+ }
1155
1195
  .scale-100 {
1156
1196
  --tw-scale-x:1;
1157
1197
  --tw-scale-y:1;
1158
1198
  }
1159
- .scale-100,
1160
- .scale-105 {
1161
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1162
- }
1163
1199
  .scale-105 {
1164
1200
  --tw-scale-x:1.05;
1165
1201
  --tw-scale-y:1.05;
1166
1202
  }
1203
+ .scale-105,
1204
+ .scale-125 {
1205
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1206
+ }
1167
1207
  .scale-125 {
1168
1208
  --tw-scale-x:1.25;
1169
1209
  --tw-scale-y:1.25;
1170
1210
  }
1171
- .scale-125,
1172
- .scale-95 {
1173
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1174
- }
1175
1211
  .scale-95 {
1176
1212
  --tw-scale-x:.95;
1177
1213
  --tw-scale-y:.95;
1178
1214
  }
1215
+ .scale-95,
1179
1216
  .transform {
1180
1217
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1181
1218
  }
@@ -1230,6 +1267,18 @@ video {
1230
1267
  .snap-mandatory {
1231
1268
  --tw-scroll-snap-strictness:mandatory;
1232
1269
  }
1270
+ .scroll-mt-24 {
1271
+ scroll-margin-top: 6rem;
1272
+ }
1273
+ .list-decimal {
1274
+ list-style-type: decimal;
1275
+ }
1276
+ .list-disc {
1277
+ list-style-type: disc;
1278
+ }
1279
+ .list-none {
1280
+ list-style-type: none;
1281
+ }
1233
1282
  .appearance-none {
1234
1283
  -webkit-appearance: none;
1235
1284
  -moz-appearance: none;
@@ -1395,6 +1444,9 @@ video {
1395
1444
  .whitespace-pre-wrap {
1396
1445
  white-space: pre-wrap;
1397
1446
  }
1447
+ .whitespace-break-spaces {
1448
+ white-space: break-spaces;
1449
+ }
1398
1450
  .break-words {
1399
1451
  overflow-wrap: break-word;
1400
1452
  }
@@ -1446,6 +1498,9 @@ video {
1446
1498
  .rounded-xl {
1447
1499
  border-radius: .75rem;
1448
1500
  }
1501
+ .\!border-0 {
1502
+ border-width: 0 !important;
1503
+ }
1449
1504
  .border {
1450
1505
  border-width: 1px;
1451
1506
  }
@@ -1479,12 +1534,18 @@ video {
1479
1534
  .border-l-4 {
1480
1535
  border-left-width: 4px;
1481
1536
  }
1537
+ .border-l-\[3px\] {
1538
+ border-left-width: 3px;
1539
+ }
1482
1540
  .border-r {
1483
1541
  border-right-width: 1px;
1484
1542
  }
1485
1543
  .border-t {
1486
1544
  border-top-width: 1px;
1487
1545
  }
1546
+ .border-t-0 {
1547
+ border-top-width: 0;
1548
+ }
1488
1549
  .border-dashed {
1489
1550
  border-style: dashed;
1490
1551
  }
@@ -1496,6 +1557,10 @@ video {
1496
1557
  --tw-border-opacity:1;
1497
1558
  border-color: rgb(42 45 53/var(--tw-border-opacity,1));
1498
1559
  }
1560
+ .border-amber-600 {
1561
+ --tw-border-opacity:1;
1562
+ border-color: rgb(217 119 6/var(--tw-border-opacity,1));
1563
+ }
1499
1564
  .border-blue-500 {
1500
1565
  --tw-border-opacity:1;
1501
1566
  border-color: rgb(59 130 246/var(--tw-border-opacity,1));
@@ -1658,6 +1723,9 @@ video {
1658
1723
  --tw-border-opacity:1;
1659
1724
  border-color: rgb(209 213 219/var(--tw-border-opacity,1));
1660
1725
  }
1726
+ .border-gray-300\/70 {
1727
+ border-color: rgba(209, 213, 219, .7);
1728
+ }
1661
1729
  .border-gray-500 {
1662
1730
  --tw-border-opacity:1;
1663
1731
  border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -1719,6 +1787,10 @@ video {
1719
1787
  --tw-border-opacity:1;
1720
1788
  border-color: rgb(220 38 38/var(--tw-border-opacity,1));
1721
1789
  }
1790
+ .border-slate-700 {
1791
+ --tw-border-opacity:1;
1792
+ border-color: rgb(51 65 85/var(--tw-border-opacity,1));
1793
+ }
1722
1794
  .border-transparent {
1723
1795
  border-color: transparent;
1724
1796
  }
@@ -1781,20 +1853,23 @@ video {
1781
1853
  border-top-color: rgba(64, 69, 71, .4);
1782
1854
  }
1783
1855
  .border-t-gray-200 {
1784
- --tw-border-opacity:1;
1785
1856
  border-top-color: rgb(229 231 235/var(--tw-border-opacity,1));
1786
1857
  }
1787
- .border-t-gray-800 {
1788
- border-top-color: rgb(31 41 55/var(--tw-border-opacity,1));
1789
- }
1790
1858
  .border-opacity-100,
1791
- .border-t-gray-800 {
1859
+ .border-t-gray-200 {
1792
1860
  --tw-border-opacity:1;
1793
1861
  }
1862
+ .\!bg-transparent {
1863
+ background-color: transparent !important;
1864
+ }
1794
1865
  .bg-\[\#08090d\] {
1795
1866
  --tw-bg-opacity:1;
1796
1867
  background-color: rgb(8 9 13/var(--tw-bg-opacity,1));
1797
1868
  }
1869
+ .bg-\[\#0d1117\] {
1870
+ --tw-bg-opacity:1;
1871
+ background-color: rgb(13 17 23/var(--tw-bg-opacity,1));
1872
+ }
1798
1873
  .bg-\[\#111217\] {
1799
1874
  --tw-bg-opacity:1;
1800
1875
  background-color: rgb(17 18 23/var(--tw-bg-opacity,1));
@@ -1805,6 +1880,10 @@ video {
1805
1880
  .bg-\[\#111217\]\/60 {
1806
1881
  background-color: rgba(17, 18, 23, .6);
1807
1882
  }
1883
+ .bg-\[\#161b22\] {
1884
+ --tw-bg-opacity:1;
1885
+ background-color: rgb(22 27 34/var(--tw-bg-opacity,1));
1886
+ }
1808
1887
  .bg-\[\#181b21\] {
1809
1888
  --tw-bg-opacity:1;
1810
1889
  background-color: rgb(24 27 33/var(--tw-bg-opacity,1));
@@ -1947,6 +2026,9 @@ video {
1947
2026
  --tw-bg-opacity:1;
1948
2027
  background-color: rgb(229 231 235/var(--tw-bg-opacity,1));
1949
2028
  }
2029
+ .bg-gray-200\/60 {
2030
+ background-color: rgba(229, 231, 235, .6);
2031
+ }
1950
2032
  .bg-gray-300 {
1951
2033
  --tw-bg-opacity:1;
1952
2034
  background-color: rgb(209 213 219/var(--tw-bg-opacity,1));
@@ -2043,6 +2125,10 @@ video {
2043
2125
  .bg-red-950\/30 {
2044
2126
  background-color: rgba(69, 10, 10, .3);
2045
2127
  }
2128
+ .bg-slate-800 {
2129
+ --tw-bg-opacity:1;
2130
+ background-color: rgb(30 41 59/var(--tw-bg-opacity,1));
2131
+ }
2046
2132
  .bg-slate-900\/70 {
2047
2133
  background-color: rgba(15, 23, 42, .7);
2048
2134
  }
@@ -2078,6 +2164,9 @@ video {
2078
2164
  .bg-white\/\[0\.03\] {
2079
2165
  background-color: hsla(0, 0%, 100%, .03);
2080
2166
  }
2167
+ .bg-yellow-400\/10 {
2168
+ background-color: rgba(250, 204, 21, .1);
2169
+ }
2081
2170
  .bg-yellow-600\/40 {
2082
2171
  background-color: rgba(202, 138, 4, .4);
2083
2172
  }
@@ -2581,6 +2670,9 @@ video {
2581
2670
  .pl-4 {
2582
2671
  padding-left: 1rem;
2583
2672
  }
2673
+ .pl-6 {
2674
+ padding-left: 1.5rem;
2675
+ }
2584
2676
  .pt-2 {
2585
2677
  padding-top: .5rem;
2586
2678
  }
@@ -2611,6 +2703,9 @@ video {
2611
2703
  .text-right {
2612
2704
  text-align: right;
2613
2705
  }
2706
+ .align-top {
2707
+ vertical-align: top;
2708
+ }
2614
2709
  .font-poppins {
2615
2710
  font-family: Poppins, sans-serif;
2616
2711
  }
@@ -2642,6 +2737,30 @@ video {
2642
2737
  font-size: 6rem;
2643
2738
  line-height: 1;
2644
2739
  }
2740
+ .text-\[0\.6875rem\] {
2741
+ font-size: .6875rem;
2742
+ }
2743
+ .text-\[0\.8125rem\] {
2744
+ font-size: .8125rem;
2745
+ }
2746
+ .text-\[0\.875em\] {
2747
+ font-size: .875em;
2748
+ }
2749
+ .text-\[0\.925rem\] {
2750
+ font-size: .925rem;
2751
+ }
2752
+ .text-\[0\.95rem\] {
2753
+ font-size: .95rem;
2754
+ }
2755
+ .text-\[1\.1rem\] {
2756
+ font-size: 1.1rem;
2757
+ }
2758
+ .text-\[1\.35rem\] {
2759
+ font-size: 1.35rem;
2760
+ }
2761
+ .text-\[1\.75rem\] {
2762
+ font-size: 1.75rem;
2763
+ }
2645
2764
  .text-\[10px\] {
2646
2765
  font-size: 10px;
2647
2766
  }
@@ -2783,6 +2902,15 @@ video {
2783
2902
  .leading-tight {
2784
2903
  line-height: 1.25;
2785
2904
  }
2905
+ .tracking-\[-0\.025em\] {
2906
+ letter-spacing: -.025em;
2907
+ }
2908
+ .tracking-\[-0\.035em\] {
2909
+ letter-spacing: -.035em;
2910
+ }
2911
+ .tracking-\[0\.08em\] {
2912
+ letter-spacing: .08em;
2913
+ }
2786
2914
  .tracking-\[0\.2em\] {
2787
2915
  letter-spacing: .2em;
2788
2916
  }
@@ -2792,6 +2920,9 @@ video {
2792
2920
  .tracking-wide {
2793
2921
  letter-spacing: .025em;
2794
2922
  }
2923
+ .tracking-wider {
2924
+ letter-spacing: .05em;
2925
+ }
2795
2926
  .tracking-widest {
2796
2927
  letter-spacing: .1em;
2797
2928
  }
@@ -3084,6 +3215,10 @@ video {
3084
3215
  --tw-text-opacity:1;
3085
3216
  color: rgb(239 68 68/var(--tw-text-opacity,1));
3086
3217
  }
3218
+ .text-red-600 {
3219
+ --tw-text-opacity:1;
3220
+ color: rgb(220 38 38/var(--tw-text-opacity,1));
3221
+ }
3087
3222
  .text-red-600\/80 {
3088
3223
  color: rgba(220, 38, 38, .8);
3089
3224
  }
@@ -3091,6 +3226,18 @@ video {
3091
3226
  --tw-text-opacity:1;
3092
3227
  color: rgb(185 28 28/var(--tw-text-opacity,1));
3093
3228
  }
3229
+ .text-slate-100 {
3230
+ --tw-text-opacity:1;
3231
+ color: rgb(241 245 249/var(--tw-text-opacity,1));
3232
+ }
3233
+ .text-slate-300 {
3234
+ --tw-text-opacity:1;
3235
+ color: rgb(203 213 225/var(--tw-text-opacity,1));
3236
+ }
3237
+ .text-slate-400 {
3238
+ --tw-text-opacity:1;
3239
+ color: rgb(148 163 184/var(--tw-text-opacity,1));
3240
+ }
3094
3241
  .text-teal-300 {
3095
3242
  --tw-text-opacity:1;
3096
3243
  color: rgb(94 234 212/var(--tw-text-opacity,1));
@@ -3138,6 +3285,9 @@ video {
3138
3285
  .no-underline {
3139
3286
  text-decoration-line: none;
3140
3287
  }
3288
+ .underline-offset-4 {
3289
+ text-underline-offset: 4px;
3290
+ }
3141
3291
  .placeholder-eui-dark-200::-moz-placeholder {
3142
3292
  --tw-placeholder-opacity:1;
3143
3293
  color: rgb(111 115 118/var(--tw-placeholder-opacity,1));
@@ -3152,6 +3302,9 @@ video {
3152
3302
  .placeholder-transparent::placeholder {
3153
3303
  color: transparent;
3154
3304
  }
3305
+ .accent-blue-600 {
3306
+ accent-color: #2563eb;
3307
+ }
3155
3308
  .opacity-0 {
3156
3309
  opacity: 0;
3157
3310
  }
@@ -3179,6 +3332,14 @@ video {
3179
3332
  .opacity-90 {
3180
3333
  opacity: .9;
3181
3334
  }
3335
+ .\!shadow-none {
3336
+ --tw-shadow:0 0 #0000 !important;
3337
+ --tw-shadow-colored:0 0 #0000 !important;
3338
+ box-shadow:
3339
+ var(--tw-ring-offset-shadow,0 0 #0000),
3340
+ var(--tw-ring-shadow,0 0 #0000),
3341
+ var(--tw-shadow) !important;
3342
+ }
3182
3343
  .shadow {
3183
3344
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
3184
3345
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
@@ -3529,6 +3690,12 @@ video {
3529
3690
  --tw-content:"";
3530
3691
  content: var(--tw-content);
3531
3692
  }
3693
+ .last\:border-r-0:last-child {
3694
+ border-right-width: 0;
3695
+ }
3696
+ .even\:bg-gray-50\/70:nth-child(2n) {
3697
+ background-color: rgba(249, 250, 251, .7);
3698
+ }
3532
3699
  .checked\:border-eui-danger-600:checked {
3533
3700
  --tw-border-opacity:1;
3534
3701
  border-color: rgb(175 42 55/var(--tw-border-opacity,1));
@@ -3737,6 +3904,10 @@ video {
3737
3904
  --tw-border-opacity:1;
3738
3905
  border-color: rgb(75 85 99/var(--tw-border-opacity,1));
3739
3906
  }
3907
+ .hover\:border-slate-500:hover {
3908
+ --tw-border-opacity:1;
3909
+ border-color: rgb(100 116 139/var(--tw-border-opacity,1));
3910
+ }
3740
3911
  .hover\:border-white\/20:hover {
3741
3912
  border-color: hsla(0, 0%, 100%, .2);
3742
3913
  }
@@ -3806,6 +3977,10 @@ video {
3806
3977
  .hover\:bg-red-500\/10:hover {
3807
3978
  background-color: rgba(239, 68, 68, .1);
3808
3979
  }
3980
+ .hover\:bg-slate-700:hover {
3981
+ --tw-bg-opacity:1;
3982
+ background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
3983
+ }
3809
3984
  .hover\:bg-white:hover {
3810
3985
  --tw-bg-opacity:1;
3811
3986
  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
@@ -3833,6 +4008,14 @@ video {
3833
4008
  --tw-text-opacity:1;
3834
4009
  color: rgb(96 165 250/var(--tw-text-opacity,1));
3835
4010
  }
4011
+ .hover\:text-blue-600:hover {
4012
+ --tw-text-opacity:1;
4013
+ color: rgb(37 99 235/var(--tw-text-opacity,1));
4014
+ }
4015
+ .hover\:text-blue-700:hover {
4016
+ --tw-text-opacity:1;
4017
+ color: rgb(29 78 216/var(--tw-text-opacity,1));
4018
+ }
3836
4019
  .hover\:text-eui-danger-400:hover {
3837
4020
  --tw-text-opacity:1;
3838
4021
  color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -3849,6 +4032,10 @@ video {
3849
4032
  --tw-text-opacity:1;
3850
4033
  color: rgb(17 24 39/var(--tw-text-opacity,1));
3851
4034
  }
4035
+ .hover\:text-slate-100:hover {
4036
+ --tw-text-opacity:1;
4037
+ color: rgb(241 245 249/var(--tw-text-opacity,1));
4038
+ }
3852
4039
  .hover\:text-white:hover {
3853
4040
  --tw-text-opacity:1;
3854
4041
  color: rgb(255 255 255/var(--tw-text-opacity,1));
@@ -3948,6 +4135,9 @@ video {
3948
4135
  --tw-border-opacity:1;
3949
4136
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
3950
4137
  }
4138
+ .focus\:opacity-100:focus {
4139
+ opacity: 1;
4140
+ }
3951
4141
  .focus\:outline-none:focus {
3952
4142
  outline: 2px solid transparent;
3953
4143
  outline-offset: 2px;
@@ -3969,6 +4159,18 @@ video {
3969
4159
  .focus\:ring-offset-2:focus {
3970
4160
  --tw-ring-offset-width:2px;
3971
4161
  }
4162
+ .focus-visible\:outline:focus-visible {
4163
+ outline-style: solid;
4164
+ }
4165
+ .focus-visible\:outline-2:focus-visible {
4166
+ outline-width: 2px;
4167
+ }
4168
+ .focus-visible\:outline-offset-2:focus-visible {
4169
+ outline-offset: 2px;
4170
+ }
4171
+ .focus-visible\:outline-blue-400:focus-visible {
4172
+ outline-color: #60a5fa;
4173
+ }
3972
4174
  .active\:scale-95:active {
3973
4175
  --tw-scale-x:.95;
3974
4176
  --tw-scale-y:.95;
@@ -4103,6 +4305,9 @@ video {
4103
4305
  --tw-border-opacity:1;
4104
4306
  border-color: rgb(75 85 99/var(--tw-border-opacity,1));
4105
4307
  }
4308
+ .dark\:border-gray-600\/70:is(.dark *) {
4309
+ border-color: rgba(75, 85, 99, .7);
4310
+ }
4106
4311
  .dark\:border-gray-700:is(.dark *) {
4107
4312
  --tw-border-opacity:1;
4108
4313
  border-color: rgb(55 65 81/var(--tw-border-opacity,1));
@@ -4212,6 +4417,9 @@ video {
4212
4417
  --tw-bg-opacity:1;
4213
4418
  background-color: rgb(55 65 81/var(--tw-bg-opacity,1));
4214
4419
  }
4420
+ .dark\:bg-gray-700\/50:is(.dark *) {
4421
+ background-color: rgba(55, 65, 81, .5);
4422
+ }
4215
4423
  .dark\:bg-gray-800:is(.dark *) {
4216
4424
  --tw-bg-opacity:1;
4217
4425
  background-color: rgb(31 41 55/var(--tw-bg-opacity,1));
@@ -4300,6 +4508,10 @@ video {
4300
4508
  --tw-text-opacity:1;
4301
4509
  color: rgb(219 234 254/var(--tw-text-opacity,1));
4302
4510
  }
4511
+ .dark\:text-blue-400:is(.dark *) {
4512
+ --tw-text-opacity:1;
4513
+ color: rgb(96 165 250/var(--tw-text-opacity,1));
4514
+ }
4303
4515
  .dark\:text-eui-danger-300:is(.dark *) {
4304
4516
  --tw-text-opacity:1;
4305
4517
  color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -4447,6 +4659,9 @@ video {
4447
4659
  background-color: hsla(0, 0%, 100%, .05);
4448
4660
  content: var(--tw-content);
4449
4661
  }
4662
+ .dark\:even\:bg-gray-900\/60:nth-child(2n):is(.dark *) {
4663
+ background-color: rgba(17, 24, 39, .6);
4664
+ }
4450
4665
  .dark\:checked\:border-eui-danger-500:checked:is(.dark *) {
4451
4666
  --tw-border-opacity:1;
4452
4667
  border-color: rgb(220 53 69/var(--tw-border-opacity,1));
@@ -4569,6 +4784,14 @@ video {
4569
4784
  --tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
4570
4785
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
4571
4786
  }
4787
+ .dark\:hover\:text-blue-300:hover:is(.dark *) {
4788
+ --tw-text-opacity:1;
4789
+ color: rgb(147 197 253/var(--tw-text-opacity,1));
4790
+ }
4791
+ .dark\:hover\:text-blue-400:hover:is(.dark *) {
4792
+ --tw-text-opacity:1;
4793
+ color: rgb(96 165 250/var(--tw-text-opacity,1));
4794
+ }
4572
4795
  .dark\:hover\:text-gray-100:hover:is(.dark *) {
4573
4796
  --tw-text-opacity:1;
4574
4797
  color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -4662,6 +4885,40 @@ video {
4662
4885
  align-self: flex-start;
4663
4886
  }
4664
4887
  }
4888
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
4889
+ border-radius: 9999px;
4890
+ }
4891
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[3px\]::-webkit-scrollbar-thumb {
4892
+ border-width: 3px;
4893
+ }
4894
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[\#0d1117\]::-webkit-scrollbar-thumb {
4895
+ --tw-border-opacity:1;
4896
+ border-color: rgb(13 17 23/var(--tw-border-opacity,1));
4897
+ }
4898
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-700::-webkit-scrollbar-thumb {
4899
+ --tw-bg-opacity:1;
4900
+ background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
4901
+ }
4902
+ .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-500::-webkit-scrollbar-thumb:hover {
4903
+ --tw-bg-opacity:1;
4904
+ background-color: rgb(100 116 139/var(--tw-bg-opacity,1));
4905
+ }
4906
+ .\[\&\:\:-webkit-scrollbar-track\]\:bg-\[\#0d1117\]::-webkit-scrollbar-track {
4907
+ --tw-bg-opacity:1;
4908
+ background-color: rgb(13 17 23/var(--tw-bg-opacity,1));
4909
+ }
4910
+ .\[\&\:\:-webkit-scrollbar\]\:h-3::-webkit-scrollbar {
4911
+ height: .75rem;
4912
+ }
4913
+ .\[\&\:\:-webkit-scrollbar\]\:w-3::-webkit-scrollbar {
4914
+ width: .75rem;
4915
+ }
4916
+ .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
4917
+ margin-top: 0;
4918
+ }
4919
+ .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
4920
+ margin-bottom: 0;
4921
+ }
4665
4922
 
4666
4923
  /* src/styles/index.css */
4667
4924
  *,
@@ -5252,6 +5509,9 @@ video {
5252
5509
  .col-span-5 {
5253
5510
  grid-column: span 5/span 5;
5254
5511
  }
5512
+ .\!m-0 {
5513
+ margin: 0 !important;
5514
+ }
5255
5515
  .mx-1 {
5256
5516
  margin-left: .25rem;
5257
5517
  margin-right: .25rem;
@@ -5264,10 +5524,22 @@ video {
5264
5524
  margin-bottom: .5rem;
5265
5525
  margin-top: .5rem;
5266
5526
  }
5527
+ .my-4 {
5528
+ margin-bottom: 1rem;
5529
+ margin-top: 1rem;
5530
+ }
5267
5531
  .my-5 {
5268
5532
  margin-bottom: 1.25rem;
5269
5533
  margin-top: 1.25rem;
5270
5534
  }
5535
+ .my-6 {
5536
+ margin-bottom: 1.5rem;
5537
+ margin-top: 1.5rem;
5538
+ }
5539
+ .my-8 {
5540
+ margin-bottom: 2rem;
5541
+ margin-top: 2rem;
5542
+ }
5271
5543
  .-mt-\[1px\] {
5272
5544
  margin-top: -1px;
5273
5545
  }
@@ -5292,6 +5564,9 @@ video {
5292
5564
  .mb-8 {
5293
5565
  margin-bottom: 2rem;
5294
5566
  }
5567
+ .ml-1 {
5568
+ margin-left: .25rem;
5569
+ }
5295
5570
  .ml-2 {
5296
5571
  margin-left: .5rem;
5297
5572
  }
@@ -5337,6 +5612,12 @@ video {
5337
5612
  .mt-6 {
5338
5613
  margin-top: 1.5rem;
5339
5614
  }
5615
+ .mt-7 {
5616
+ margin-top: 1.75rem;
5617
+ }
5618
+ .mt-8 {
5619
+ margin-top: 2rem;
5620
+ }
5340
5621
  .mt-\[0\.35em\] {
5341
5622
  margin-top: .35em;
5342
5623
  }
@@ -5439,6 +5720,9 @@ video {
5439
5720
  .h-96 {
5440
5721
  height: 24rem;
5441
5722
  }
5723
+ .h-\[1\.35rem\] {
5724
+ height: 1.35rem;
5725
+ }
5442
5726
  .h-\[130px\] {
5443
5727
  height: 130px;
5444
5728
  }
@@ -5484,6 +5768,9 @@ video {
5484
5768
  .h-\[90px\] {
5485
5769
  height: 90px;
5486
5770
  }
5771
+ .h-auto {
5772
+ height: auto;
5773
+ }
5487
5774
  .h-fit {
5488
5775
  height: -moz-fit-content;
5489
5776
  height: fit-content;
@@ -5830,6 +6117,9 @@ video {
5830
6117
  .flex-grow {
5831
6118
  flex-grow: 1;
5832
6119
  }
6120
+ .border-collapse {
6121
+ border-collapse: collapse;
6122
+ }
5833
6123
  .origin-center {
5834
6124
  transform-origin: center;
5835
6125
  }
@@ -5889,47 +6179,51 @@ video {
5889
6179
  .translate-y-full {
5890
6180
  --tw-translate-y:100%;
5891
6181
  }
5892
- .rotate-180,
5893
- .translate-y-full {
6182
+ .translate-y-full,
6183
+ .translate-y-px {
5894
6184
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5895
6185
  }
6186
+ .translate-y-px {
6187
+ --tw-translate-y:1px;
6188
+ }
5896
6189
  .rotate-180 {
5897
6190
  --tw-rotate:180deg;
5898
6191
  }
6192
+ .rotate-180,
5899
6193
  .rotate-2 {
5900
- --tw-rotate:2deg;
5901
- }
5902
- .rotate-2,
5903
- .rotate-90 {
5904
6194
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5905
6195
  }
6196
+ .rotate-2 {
6197
+ --tw-rotate:2deg;
6198
+ }
5906
6199
  .rotate-90 {
5907
6200
  --tw-rotate:90deg;
5908
6201
  }
6202
+ .rotate-90,
6203
+ .scale-100 {
6204
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
6205
+ }
5909
6206
  .scale-100 {
5910
6207
  --tw-scale-x:1;
5911
6208
  --tw-scale-y:1;
5912
6209
  }
5913
- .scale-100,
5914
- .scale-105 {
5915
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5916
- }
5917
6210
  .scale-105 {
5918
6211
  --tw-scale-x:1.05;
5919
6212
  --tw-scale-y:1.05;
5920
6213
  }
6214
+ .scale-105,
6215
+ .scale-125 {
6216
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
6217
+ }
5921
6218
  .scale-125 {
5922
6219
  --tw-scale-x:1.25;
5923
6220
  --tw-scale-y:1.25;
5924
6221
  }
5925
- .scale-125,
5926
- .scale-95 {
5927
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5928
- }
5929
6222
  .scale-95 {
5930
6223
  --tw-scale-x:.95;
5931
6224
  --tw-scale-y:.95;
5932
6225
  }
6226
+ .scale-95,
5933
6227
  .transform {
5934
6228
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5935
6229
  }
@@ -5984,6 +6278,18 @@ video {
5984
6278
  .snap-mandatory {
5985
6279
  --tw-scroll-snap-strictness:mandatory;
5986
6280
  }
6281
+ .scroll-mt-24 {
6282
+ scroll-margin-top: 6rem;
6283
+ }
6284
+ .list-decimal {
6285
+ list-style-type: decimal;
6286
+ }
6287
+ .list-disc {
6288
+ list-style-type: disc;
6289
+ }
6290
+ .list-none {
6291
+ list-style-type: none;
6292
+ }
5987
6293
  .appearance-none {
5988
6294
  -webkit-appearance: none;
5989
6295
  -moz-appearance: none;
@@ -6149,6 +6455,9 @@ video {
6149
6455
  .whitespace-pre-wrap {
6150
6456
  white-space: pre-wrap;
6151
6457
  }
6458
+ .whitespace-break-spaces {
6459
+ white-space: break-spaces;
6460
+ }
6152
6461
  .break-words {
6153
6462
  overflow-wrap: break-word;
6154
6463
  }
@@ -6200,6 +6509,9 @@ video {
6200
6509
  .rounded-xl {
6201
6510
  border-radius: .75rem;
6202
6511
  }
6512
+ .\!border-0 {
6513
+ border-width: 0 !important;
6514
+ }
6203
6515
  .border {
6204
6516
  border-width: 1px;
6205
6517
  }
@@ -6233,12 +6545,18 @@ video {
6233
6545
  .border-l-4 {
6234
6546
  border-left-width: 4px;
6235
6547
  }
6548
+ .border-l-\[3px\] {
6549
+ border-left-width: 3px;
6550
+ }
6236
6551
  .border-r {
6237
6552
  border-right-width: 1px;
6238
6553
  }
6239
6554
  .border-t {
6240
6555
  border-top-width: 1px;
6241
6556
  }
6557
+ .border-t-0 {
6558
+ border-top-width: 0;
6559
+ }
6242
6560
  .border-dashed {
6243
6561
  border-style: dashed;
6244
6562
  }
@@ -6250,6 +6568,10 @@ video {
6250
6568
  --tw-border-opacity:1;
6251
6569
  border-color: rgb(42 45 53/var(--tw-border-opacity,1));
6252
6570
  }
6571
+ .border-amber-600 {
6572
+ --tw-border-opacity:1;
6573
+ border-color: rgb(217 119 6/var(--tw-border-opacity,1));
6574
+ }
6253
6575
  .border-blue-500 {
6254
6576
  --tw-border-opacity:1;
6255
6577
  border-color: rgb(59 130 246/var(--tw-border-opacity,1));
@@ -6412,6 +6734,9 @@ video {
6412
6734
  --tw-border-opacity:1;
6413
6735
  border-color: rgb(209 213 219/var(--tw-border-opacity,1));
6414
6736
  }
6737
+ .border-gray-300\/70 {
6738
+ border-color: rgba(209, 213, 219, .7);
6739
+ }
6415
6740
  .border-gray-500 {
6416
6741
  --tw-border-opacity:1;
6417
6742
  border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -6473,6 +6798,10 @@ video {
6473
6798
  --tw-border-opacity:1;
6474
6799
  border-color: rgb(220 38 38/var(--tw-border-opacity,1));
6475
6800
  }
6801
+ .border-slate-700 {
6802
+ --tw-border-opacity:1;
6803
+ border-color: rgb(51 65 85/var(--tw-border-opacity,1));
6804
+ }
6476
6805
  .border-transparent {
6477
6806
  border-color: transparent;
6478
6807
  }
@@ -6535,20 +6864,23 @@ video {
6535
6864
  border-top-color: rgba(64, 69, 71, .4);
6536
6865
  }
6537
6866
  .border-t-gray-200 {
6538
- --tw-border-opacity:1;
6539
6867
  border-top-color: rgb(229 231 235/var(--tw-border-opacity,1));
6540
6868
  }
6541
- .border-t-gray-800 {
6542
- border-top-color: rgb(31 41 55/var(--tw-border-opacity,1));
6543
- }
6544
6869
  .border-opacity-100,
6545
- .border-t-gray-800 {
6870
+ .border-t-gray-200 {
6546
6871
  --tw-border-opacity:1;
6547
6872
  }
6873
+ .\!bg-transparent {
6874
+ background-color: transparent !important;
6875
+ }
6548
6876
  .bg-\[\#08090d\] {
6549
6877
  --tw-bg-opacity:1;
6550
6878
  background-color: rgb(8 9 13/var(--tw-bg-opacity,1));
6551
6879
  }
6880
+ .bg-\[\#0d1117\] {
6881
+ --tw-bg-opacity:1;
6882
+ background-color: rgb(13 17 23/var(--tw-bg-opacity,1));
6883
+ }
6552
6884
  .bg-\[\#111217\] {
6553
6885
  --tw-bg-opacity:1;
6554
6886
  background-color: rgb(17 18 23/var(--tw-bg-opacity,1));
@@ -6559,6 +6891,10 @@ video {
6559
6891
  .bg-\[\#111217\]\/60 {
6560
6892
  background-color: rgba(17, 18, 23, .6);
6561
6893
  }
6894
+ .bg-\[\#161b22\] {
6895
+ --tw-bg-opacity:1;
6896
+ background-color: rgb(22 27 34/var(--tw-bg-opacity,1));
6897
+ }
6562
6898
  .bg-\[\#181b21\] {
6563
6899
  --tw-bg-opacity:1;
6564
6900
  background-color: rgb(24 27 33/var(--tw-bg-opacity,1));
@@ -6701,6 +7037,9 @@ video {
6701
7037
  --tw-bg-opacity:1;
6702
7038
  background-color: rgb(229 231 235/var(--tw-bg-opacity,1));
6703
7039
  }
7040
+ .bg-gray-200\/60 {
7041
+ background-color: rgba(229, 231, 235, .6);
7042
+ }
6704
7043
  .bg-gray-300 {
6705
7044
  --tw-bg-opacity:1;
6706
7045
  background-color: rgb(209 213 219/var(--tw-bg-opacity,1));
@@ -6797,6 +7136,10 @@ video {
6797
7136
  .bg-red-950\/30 {
6798
7137
  background-color: rgba(69, 10, 10, .3);
6799
7138
  }
7139
+ .bg-slate-800 {
7140
+ --tw-bg-opacity:1;
7141
+ background-color: rgb(30 41 59/var(--tw-bg-opacity,1));
7142
+ }
6800
7143
  .bg-slate-900\/70 {
6801
7144
  background-color: rgba(15, 23, 42, .7);
6802
7145
  }
@@ -6832,6 +7175,9 @@ video {
6832
7175
  .bg-white\/\[0\.03\] {
6833
7176
  background-color: hsla(0, 0%, 100%, .03);
6834
7177
  }
7178
+ .bg-yellow-400\/10 {
7179
+ background-color: rgba(250, 204, 21, .1);
7180
+ }
6835
7181
  .bg-yellow-600\/40 {
6836
7182
  background-color: rgba(202, 138, 4, .4);
6837
7183
  }
@@ -7335,6 +7681,9 @@ video {
7335
7681
  .pl-4 {
7336
7682
  padding-left: 1rem;
7337
7683
  }
7684
+ .pl-6 {
7685
+ padding-left: 1.5rem;
7686
+ }
7338
7687
  .pt-2 {
7339
7688
  padding-top: .5rem;
7340
7689
  }
@@ -7365,6 +7714,9 @@ video {
7365
7714
  .text-right {
7366
7715
  text-align: right;
7367
7716
  }
7717
+ .align-top {
7718
+ vertical-align: top;
7719
+ }
7368
7720
  .font-poppins {
7369
7721
  font-family: Poppins, sans-serif;
7370
7722
  }
@@ -7396,6 +7748,30 @@ video {
7396
7748
  font-size: 6rem;
7397
7749
  line-height: 1;
7398
7750
  }
7751
+ .text-\[0\.6875rem\] {
7752
+ font-size: .6875rem;
7753
+ }
7754
+ .text-\[0\.8125rem\] {
7755
+ font-size: .8125rem;
7756
+ }
7757
+ .text-\[0\.875em\] {
7758
+ font-size: .875em;
7759
+ }
7760
+ .text-\[0\.925rem\] {
7761
+ font-size: .925rem;
7762
+ }
7763
+ .text-\[0\.95rem\] {
7764
+ font-size: .95rem;
7765
+ }
7766
+ .text-\[1\.1rem\] {
7767
+ font-size: 1.1rem;
7768
+ }
7769
+ .text-\[1\.35rem\] {
7770
+ font-size: 1.35rem;
7771
+ }
7772
+ .text-\[1\.75rem\] {
7773
+ font-size: 1.75rem;
7774
+ }
7399
7775
  .text-\[10px\] {
7400
7776
  font-size: 10px;
7401
7777
  }
@@ -7537,8 +7913,17 @@ video {
7537
7913
  .leading-tight {
7538
7914
  line-height: 1.25;
7539
7915
  }
7540
- .tracking-\[0\.2em\] {
7541
- letter-spacing: .2em;
7916
+ .tracking-\[-0\.025em\] {
7917
+ letter-spacing: -.025em;
7918
+ }
7919
+ .tracking-\[-0\.035em\] {
7920
+ letter-spacing: -.035em;
7921
+ }
7922
+ .tracking-\[0\.08em\] {
7923
+ letter-spacing: .08em;
7924
+ }
7925
+ .tracking-\[0\.2em\] {
7926
+ letter-spacing: .2em;
7542
7927
  }
7543
7928
  .tracking-tight {
7544
7929
  letter-spacing: -.025em;
@@ -7546,6 +7931,9 @@ video {
7546
7931
  .tracking-wide {
7547
7932
  letter-spacing: .025em;
7548
7933
  }
7934
+ .tracking-wider {
7935
+ letter-spacing: .05em;
7936
+ }
7549
7937
  .tracking-widest {
7550
7938
  letter-spacing: .1em;
7551
7939
  }
@@ -7838,6 +8226,10 @@ video {
7838
8226
  --tw-text-opacity:1;
7839
8227
  color: rgb(239 68 68/var(--tw-text-opacity,1));
7840
8228
  }
8229
+ .text-red-600 {
8230
+ --tw-text-opacity:1;
8231
+ color: rgb(220 38 38/var(--tw-text-opacity,1));
8232
+ }
7841
8233
  .text-red-600\/80 {
7842
8234
  color: rgba(220, 38, 38, .8);
7843
8235
  }
@@ -7845,6 +8237,18 @@ video {
7845
8237
  --tw-text-opacity:1;
7846
8238
  color: rgb(185 28 28/var(--tw-text-opacity,1));
7847
8239
  }
8240
+ .text-slate-100 {
8241
+ --tw-text-opacity:1;
8242
+ color: rgb(241 245 249/var(--tw-text-opacity,1));
8243
+ }
8244
+ .text-slate-300 {
8245
+ --tw-text-opacity:1;
8246
+ color: rgb(203 213 225/var(--tw-text-opacity,1));
8247
+ }
8248
+ .text-slate-400 {
8249
+ --tw-text-opacity:1;
8250
+ color: rgb(148 163 184/var(--tw-text-opacity,1));
8251
+ }
7848
8252
  .text-teal-300 {
7849
8253
  --tw-text-opacity:1;
7850
8254
  color: rgb(94 234 212/var(--tw-text-opacity,1));
@@ -7892,6 +8296,9 @@ video {
7892
8296
  .no-underline {
7893
8297
  text-decoration-line: none;
7894
8298
  }
8299
+ .underline-offset-4 {
8300
+ text-underline-offset: 4px;
8301
+ }
7895
8302
  .placeholder-eui-dark-200::-moz-placeholder {
7896
8303
  --tw-placeholder-opacity:1;
7897
8304
  color: rgb(111 115 118/var(--tw-placeholder-opacity,1));
@@ -7906,6 +8313,9 @@ video {
7906
8313
  .placeholder-transparent::placeholder {
7907
8314
  color: transparent;
7908
8315
  }
8316
+ .accent-blue-600 {
8317
+ accent-color: #2563eb;
8318
+ }
7909
8319
  .opacity-0 {
7910
8320
  opacity: 0;
7911
8321
  }
@@ -7933,6 +8343,14 @@ video {
7933
8343
  .opacity-90 {
7934
8344
  opacity: .9;
7935
8345
  }
8346
+ .\!shadow-none {
8347
+ --tw-shadow:0 0 #0000 !important;
8348
+ --tw-shadow-colored:0 0 #0000 !important;
8349
+ box-shadow:
8350
+ var(--tw-ring-offset-shadow,0 0 #0000),
8351
+ var(--tw-ring-shadow,0 0 #0000),
8352
+ var(--tw-shadow) !important;
8353
+ }
7936
8354
  .shadow {
7937
8355
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
7938
8356
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
@@ -8368,6 +8786,12 @@ video {
8368
8786
  --tw-content:"";
8369
8787
  content: var(--tw-content);
8370
8788
  }
8789
+ .last\:border-r-0:last-child {
8790
+ border-right-width: 0;
8791
+ }
8792
+ .even\:bg-gray-50\/70:nth-child(2n) {
8793
+ background-color: rgba(249, 250, 251, .7);
8794
+ }
8371
8795
  .checked\:border-eui-danger-600:checked {
8372
8796
  --tw-border-opacity:1;
8373
8797
  border-color: rgb(175 42 55/var(--tw-border-opacity,1));
@@ -8576,6 +9000,10 @@ video {
8576
9000
  --tw-border-opacity:1;
8577
9001
  border-color: rgb(75 85 99/var(--tw-border-opacity,1));
8578
9002
  }
9003
+ .hover\:border-slate-500:hover {
9004
+ --tw-border-opacity:1;
9005
+ border-color: rgb(100 116 139/var(--tw-border-opacity,1));
9006
+ }
8579
9007
  .hover\:border-white\/20:hover {
8580
9008
  border-color: hsla(0, 0%, 100%, .2);
8581
9009
  }
@@ -8645,6 +9073,10 @@ video {
8645
9073
  .hover\:bg-red-500\/10:hover {
8646
9074
  background-color: rgba(239, 68, 68, .1);
8647
9075
  }
9076
+ .hover\:bg-slate-700:hover {
9077
+ --tw-bg-opacity:1;
9078
+ background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
9079
+ }
8648
9080
  .hover\:bg-white:hover {
8649
9081
  --tw-bg-opacity:1;
8650
9082
  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
@@ -8672,6 +9104,14 @@ video {
8672
9104
  --tw-text-opacity:1;
8673
9105
  color: rgb(96 165 250/var(--tw-text-opacity,1));
8674
9106
  }
9107
+ .hover\:text-blue-600:hover {
9108
+ --tw-text-opacity:1;
9109
+ color: rgb(37 99 235/var(--tw-text-opacity,1));
9110
+ }
9111
+ .hover\:text-blue-700:hover {
9112
+ --tw-text-opacity:1;
9113
+ color: rgb(29 78 216/var(--tw-text-opacity,1));
9114
+ }
8675
9115
  .hover\:text-eui-danger-400:hover {
8676
9116
  --tw-text-opacity:1;
8677
9117
  color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -8688,6 +9128,10 @@ video {
8688
9128
  --tw-text-opacity:1;
8689
9129
  color: rgb(17 24 39/var(--tw-text-opacity,1));
8690
9130
  }
9131
+ .hover\:text-slate-100:hover {
9132
+ --tw-text-opacity:1;
9133
+ color: rgb(241 245 249/var(--tw-text-opacity,1));
9134
+ }
8691
9135
  .hover\:text-white:hover {
8692
9136
  --tw-text-opacity:1;
8693
9137
  color: rgb(255 255 255/var(--tw-text-opacity,1));
@@ -8787,6 +9231,9 @@ video {
8787
9231
  --tw-border-opacity:1;
8788
9232
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
8789
9233
  }
9234
+ .focus\:opacity-100:focus {
9235
+ opacity: 1;
9236
+ }
8790
9237
  .focus\:outline-none:focus {
8791
9238
  outline: 2px solid transparent;
8792
9239
  outline-offset: 2px;
@@ -8808,6 +9255,18 @@ video {
8808
9255
  .focus\:ring-offset-2:focus {
8809
9256
  --tw-ring-offset-width:2px;
8810
9257
  }
9258
+ .focus-visible\:outline:focus-visible {
9259
+ outline-style: solid;
9260
+ }
9261
+ .focus-visible\:outline-2:focus-visible {
9262
+ outline-width: 2px;
9263
+ }
9264
+ .focus-visible\:outline-offset-2:focus-visible {
9265
+ outline-offset: 2px;
9266
+ }
9267
+ .focus-visible\:outline-blue-400:focus-visible {
9268
+ outline-color: #60a5fa;
9269
+ }
8811
9270
  .active\:scale-95:active {
8812
9271
  --tw-scale-x:.95;
8813
9272
  --tw-scale-y:.95;
@@ -8942,6 +9401,9 @@ video {
8942
9401
  --tw-border-opacity:1;
8943
9402
  border-color: rgb(75 85 99/var(--tw-border-opacity,1));
8944
9403
  }
9404
+ .dark\:border-gray-600\/70:is(.dark *) {
9405
+ border-color: rgba(75, 85, 99, .7);
9406
+ }
8945
9407
  .dark\:border-gray-700:is(.dark *) {
8946
9408
  --tw-border-opacity:1;
8947
9409
  border-color: rgb(55 65 81/var(--tw-border-opacity,1));
@@ -9051,6 +9513,9 @@ video {
9051
9513
  --tw-bg-opacity:1;
9052
9514
  background-color: rgb(55 65 81/var(--tw-bg-opacity,1));
9053
9515
  }
9516
+ .dark\:bg-gray-700\/50:is(.dark *) {
9517
+ background-color: rgba(55, 65, 81, .5);
9518
+ }
9054
9519
  .dark\:bg-gray-800:is(.dark *) {
9055
9520
  --tw-bg-opacity:1;
9056
9521
  background-color: rgb(31 41 55/var(--tw-bg-opacity,1));
@@ -9139,6 +9604,10 @@ video {
9139
9604
  --tw-text-opacity:1;
9140
9605
  color: rgb(219 234 254/var(--tw-text-opacity,1));
9141
9606
  }
9607
+ .dark\:text-blue-400:is(.dark *) {
9608
+ --tw-text-opacity:1;
9609
+ color: rgb(96 165 250/var(--tw-text-opacity,1));
9610
+ }
9142
9611
  .dark\:text-eui-danger-300:is(.dark *) {
9143
9612
  --tw-text-opacity:1;
9144
9613
  color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -9286,6 +9755,9 @@ video {
9286
9755
  background-color: hsla(0, 0%, 100%, .05);
9287
9756
  content: var(--tw-content);
9288
9757
  }
9758
+ .dark\:even\:bg-gray-900\/60:nth-child(2n):is(.dark *) {
9759
+ background-color: rgba(17, 24, 39, .6);
9760
+ }
9289
9761
  .dark\:checked\:border-eui-danger-500:checked:is(.dark *) {
9290
9762
  --tw-border-opacity:1;
9291
9763
  border-color: rgb(220 53 69/var(--tw-border-opacity,1));
@@ -9408,6 +9880,14 @@ video {
9408
9880
  --tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
9409
9881
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
9410
9882
  }
9883
+ .dark\:hover\:text-blue-300:hover:is(.dark *) {
9884
+ --tw-text-opacity:1;
9885
+ color: rgb(147 197 253/var(--tw-text-opacity,1));
9886
+ }
9887
+ .dark\:hover\:text-blue-400:hover:is(.dark *) {
9888
+ --tw-text-opacity:1;
9889
+ color: rgb(96 165 250/var(--tw-text-opacity,1));
9890
+ }
9411
9891
  .dark\:hover\:text-gray-100:hover:is(.dark *) {
9412
9892
  --tw-text-opacity:1;
9413
9893
  color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -9501,6 +9981,40 @@ video {
9501
9981
  align-self: flex-start;
9502
9982
  }
9503
9983
  }
9984
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
9985
+ border-radius: 9999px;
9986
+ }
9987
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[3px\]::-webkit-scrollbar-thumb {
9988
+ border-width: 3px;
9989
+ }
9990
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[\#0d1117\]::-webkit-scrollbar-thumb {
9991
+ --tw-border-opacity:1;
9992
+ border-color: rgb(13 17 23/var(--tw-border-opacity,1));
9993
+ }
9994
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-700::-webkit-scrollbar-thumb {
9995
+ --tw-bg-opacity:1;
9996
+ background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
9997
+ }
9998
+ .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-500::-webkit-scrollbar-thumb:hover {
9999
+ --tw-bg-opacity:1;
10000
+ background-color: rgb(100 116 139/var(--tw-bg-opacity,1));
10001
+ }
10002
+ .\[\&\:\:-webkit-scrollbar-track\]\:bg-\[\#0d1117\]::-webkit-scrollbar-track {
10003
+ --tw-bg-opacity:1;
10004
+ background-color: rgb(13 17 23/var(--tw-bg-opacity,1));
10005
+ }
10006
+ .\[\&\:\:-webkit-scrollbar\]\:h-3::-webkit-scrollbar {
10007
+ height: .75rem;
10008
+ }
10009
+ .\[\&\:\:-webkit-scrollbar\]\:w-3::-webkit-scrollbar {
10010
+ width: .75rem;
10011
+ }
10012
+ .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
10013
+ margin-top: 0;
10014
+ }
10015
+ .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
10016
+ margin-bottom: 0;
10017
+ }
9504
10018
 
9505
10019
  /* src/components/data-display/charts/styles/chart.css */
9506
10020
  .eui-chart {
@@ -9891,249 +10405,201 @@ video {
9891
10405
 
9892
10406
  /* src/compositions/navigation/sidebar/sidebar.css */
9893
10407
 
9894
- /* src/compositions/markdown/styles/markdown.css */
9895
- :where(.eui-markdown, .markdown-body) {
9896
- --eui-md-text:#24292f;
9897
- --eui-md-muted:#57606a;
9898
- --eui-md-heading:#1f2328;
9899
- --eui-md-border:#d0d7de;
9900
- --eui-md-soft-border:#d8dee4;
9901
- --eui-md-bg:#fff;
9902
- --eui-md-bg-soft:#f6f8fa;
9903
- --eui-md-bg-muted:#f1f4f8;
9904
- --eui-md-link:#0969da;
9905
- --eui-md-link-hover:#0550ae;
9906
- --eui-md-code-bg:rgba(175,184,193,.2);
9907
- --eui-md-code-text:#1f2328;
9908
- --eui-md-code-border:rgba(175,184,193,.35);
9909
- --eui-md-quote-border:#d0d7de;
9910
- --eui-md-quote-bg:#f6f8fa;
9911
- --eui-md-radius:0.75rem;
9912
- color: var(--eui-md-text);
10408
+ /* src/compositions/markdown/adapters/mdx-editor/mdx-adapter.css */
10409
+ .eui-markdown-mdx-adapter {
10410
+ --eui-mdx-bg:#fff;
10411
+ --eui-mdx-bg-soft:#f6f8fa;
10412
+ --eui-mdx-bg-muted:#eaeef2;
10413
+ --eui-mdx-border:#d0d7de;
10414
+ --eui-mdx-border-strong:#afb8c1;
10415
+ --eui-mdx-text:#1f2328;
10416
+ --eui-mdx-heading:#1f2328;
10417
+ --eui-mdx-muted:#57606a;
10418
+ --eui-mdx-link:#0969da;
10419
+ --eui-mdx-link-hover:#0550ae;
10420
+ --eui-mdx-code-bg:rgba(175,184,193,.2);
10421
+ --eui-mdx-focus:#3b82f6;
10422
+ --eui-mdx-danger:#dc2626;
10423
+ --basePageBg:var(--eui-mdx-bg);
10424
+ --baseBgSubtle:var(--eui-mdx-bg-soft);
10425
+ --baseBg:var(--eui-mdx-bg-muted);
10426
+ --baseText:var(--eui-mdx-text);
10427
+ --baseTextContrast:var(--eui-mdx-heading);
10428
+ --baseBorder:var(--eui-mdx-border);
10429
+ --accentText:var(--eui-mdx-link);
10430
+ --accentBorder:var(--eui-mdx-focus);
10431
+ background: transparent;
10432
+ border: 1px solid var(--eui-mdx-border);
10433
+ border-radius: .5rem;
10434
+ color: var(--eui-mdx-text);
10435
+ overflow: hidden;
10436
+ position: relative;
10437
+ transition: opacity .15s ease;
10438
+ }
10439
+ .dark .eui-markdown-mdx-adapter,
10440
+ .eui-markdown-mdx-adapter.dark,
10441
+ .eui-markdown-mdx-adapter.dark-theme {
10442
+ --eui-mdx-bg:#030712;
10443
+ --eui-mdx-bg-soft:#111827;
10444
+ --eui-mdx-bg-muted:#1f2937;
10445
+ --eui-mdx-border:#30363d;
10446
+ --eui-mdx-border-strong:#484f58;
10447
+ --eui-mdx-text:#c9d1d9;
10448
+ --eui-mdx-heading:#f0f6fc;
10449
+ --eui-mdx-muted:#8b949e;
10450
+ --eui-mdx-link:#58a6ff;
10451
+ --eui-mdx-link-hover:#79c0ff;
10452
+ --eui-mdx-code-bg:rgba(148,163,184,.16);
10453
+ --eui-mdx-focus:#60a5fa;
10454
+ --eui-mdx-danger:#f87171;
10455
+ }
10456
+ .eui-markdown-mdx-adapter.has-error {
10457
+ border-color: var(--eui-mdx-danger);
10458
+ }
10459
+ .eui-markdown-mdx-adapter.is-disabled {
10460
+ cursor: not-allowed;
10461
+ opacity: .6;
10462
+ }
10463
+ .eui-markdown-mdx-adapter.is-disabled .eui-markdown-mdx-toolbar {
10464
+ pointer-events: none;
10465
+ }
10466
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-editor {
10467
+ background: transparent !important;
10468
+ color: var(--eui-mdx-text) !important;
10469
+ display: flex;
10470
+ flex-direction: column;
10471
+ max-height: inherit;
10472
+ min-height: inherit;
10473
+ }
10474
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content {
10475
+ background: transparent !important;
10476
+ caret-color: var(--eui-mdx-text);
10477
+ color: var(--eui-mdx-text) !important;
10478
+ flex: 1 1 auto;
9913
10479
  font-size: .95rem;
9914
- line-height: 1.75;
9915
- word-break: break-word;
9916
- }
9917
- .dark :where(.eui-markdown, .markdown-body),
9918
- :where(.eui-markdown.dark, .markdown-body.dark) {
9919
- --eui-md-text:#c9d1d9;
9920
- --eui-md-muted:#8b949e;
9921
- --eui-md-heading:#f0f6fc;
9922
- --eui-md-border:#30363d;
9923
- --eui-md-soft-border:#21262d;
9924
- --eui-md-bg:#0d1117;
9925
- --eui-md-bg-soft:#161b22;
9926
- --eui-md-bg-muted:#21262d;
9927
- --eui-md-link:#58a6ff;
9928
- --eui-md-link-hover:#79c0ff;
9929
- --eui-md-code-bg:hsla(215,8%,47%,.28);
9930
- --eui-md-code-text:#c9d1d9;
9931
- --eui-md-code-border:hsla(215,8%,47%,.35);
9932
- --eui-md-quote-border:#30363d;
9933
- --eui-md-quote-bg:#161b22;
9934
- }
9935
- :where(.eui-markdown, .markdown-body) > :first-child {
9936
- margin-top: 0;
10480
+ line-height: 1.7;
10481
+ min-height: 12rem;
10482
+ outline: none;
10483
+ overflow-wrap: anywhere;
10484
+ overflow-y: auto;
10485
+ overscroll-behavior: contain;
10486
+ padding: 1.25rem;
10487
+ -webkit-user-select: text;
10488
+ -moz-user-select: text;
10489
+ user-select: text;
9937
10490
  }
9938
- :where(.eui-markdown, .markdown-body) > :last-child {
9939
- margin-bottom: 0;
10491
+ .eui-markdown-mdx-adapter.is-read-only .eui-markdown-mdx-content {
10492
+ cursor: default;
9940
10493
  }
9941
- :where(.eui-markdown, .markdown-body) p {
9942
- margin: 1rem 0;
10494
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar {
10495
+ align-items: center;
10496
+ background: var(--eui-mdx-bg-soft) !important;
10497
+ border-bottom: 1px solid var(--eui-mdx-border) !important;
10498
+ color: var(--eui-mdx-text) !important;
10499
+ display: flex;
10500
+ flex: 0 0 auto;
10501
+ flex-wrap: wrap;
10502
+ gap: .125rem;
10503
+ min-height: 3rem;
10504
+ overflow-x: auto;
10505
+ scrollbar-width: thin;
10506
+ z-index: 2;
9943
10507
  }
9944
- :where(.eui-markdown, .markdown-body) strong {
9945
- color: var(--eui-md-heading);
9946
- font-weight: 700;
10508
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar [data-radix-collection-item],
10509
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar [role=button],
10510
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar button {
10511
+ color: var(--eui-mdx-text) !important;
9947
10512
  }
9948
- :where(.eui-markdown, .markdown-body) em {
9949
- font-style: italic;
10513
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar [data-state=on],
10514
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar [role=button]:hover,
10515
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar button:hover {
10516
+ background: var(--eui-mdx-bg-muted) !important;
10517
+ }
10518
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar [role=button]:focus-visible,
10519
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar button:focus-visible {
10520
+ outline: 2px solid var(--eui-mdx-focus);
10521
+ outline-offset: 1px;
9950
10522
  }
9951
- :where(.eui-markdown, .markdown-body) h1,
9952
- :where(.eui-markdown, .markdown-body) h2,
9953
- :where(.eui-markdown, .markdown-body) h3,
9954
- :where(.eui-markdown, .markdown-body) h4,
9955
- :where(.eui-markdown, .markdown-body) h5,
9956
- :where(.eui-markdown, .markdown-body) h6 {
9957
- color: var(--eui-md-heading);
10523
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-toolbar svg {
10524
+ color: currentColor !important;
10525
+ }
10526
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content :where(p, li) {
10527
+ color: var(--eui-mdx-text);
10528
+ }
10529
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content p {
10530
+ margin: .75rem 0;
10531
+ }
10532
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content :where(h1, h2, h3, h4, h5, h6) {
10533
+ color: var(--eui-mdx-heading);
9958
10534
  font-weight: 700;
9959
10535
  line-height: 1.25;
9960
- position: relative;
9961
- scroll-margin-top: 6rem;
9962
10536
  }
9963
- :where(.eui-markdown, .markdown-body) h1 {
10537
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h1 {
9964
10538
  font-size: 2.25rem;
9965
10539
  letter-spacing: -.035em;
9966
- margin: 0 0 1.5rem;
10540
+ margin: 0 0 1rem;
9967
10541
  }
9968
- :where(.eui-markdown, .markdown-body) h2 {
9969
- border-bottom: 1px solid var(--eui-md-border);
10542
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h2 {
10543
+ border-bottom: 1px solid var(--eui-mdx-border);
9970
10544
  font-size: 1.75rem;
9971
10545
  letter-spacing: -.025em;
9972
- margin: 2.5rem 0 1rem;
9973
- padding-bottom: .5rem;
10546
+ margin: 2rem 0 .75rem;
10547
+ padding-bottom: .375rem;
9974
10548
  }
9975
- :where(.eui-markdown, .markdown-body) h3 {
10549
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h3 {
9976
10550
  font-size: 1.35rem;
9977
- margin: 2rem 0 .75rem;
10551
+ margin: 1.75rem 0 .625rem;
9978
10552
  }
9979
- :where(.eui-markdown, .markdown-body) h4 {
9980
- font-size: 1.1rem;
9981
- margin: 1.75rem 0 .5rem;
10553
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h4 {
10554
+ font-size: 1.125rem;
10555
+ margin: 1.5rem 0 .5rem;
9982
10556
  }
9983
- :where(.eui-markdown, .markdown-body) h5 {
10557
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h5 {
9984
10558
  font-size: 1rem;
9985
- margin: 1.5rem 0 .5rem;
10559
+ margin: 1.25rem 0 .5rem;
9986
10560
  }
9987
- :where(.eui-markdown, .markdown-body) h6 {
9988
- color: var(--eui-md-muted);
10561
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h6 {
10562
+ color: var(--eui-mdx-muted);
9989
10563
  font-size: .875rem;
9990
- letter-spacing: .08em;
9991
- margin: 1.25rem 0 .5rem;
10564
+ letter-spacing: .06em;
10565
+ margin: 1rem 0 .5rem;
9992
10566
  text-transform: uppercase;
9993
10567
  }
9994
- :where(.eui-markdown, .markdown-body) .eui-markdown-heading-anchor {
9995
- color: var(--eui-md-muted);
9996
- margin-left: .5rem;
9997
- opacity: 0;
9998
- text-decoration: none;
9999
- transition: opacity .15s ease, color .15s ease;
10000
- }
10001
- :where(.eui-markdown, .markdown-body) :is(h1, h2, h3, h4, h5, h6):hover .eui-markdown-heading-anchor {
10002
- opacity: 1;
10003
- }
10004
- :where(.eui-markdown, .markdown-body) .eui-markdown-heading-anchor:hover {
10005
- color: var(--eui-md-link);
10006
- }
10007
- :where(.eui-markdown, .markdown-body) a {
10008
- color: var(--eui-md-link);
10568
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content a {
10569
+ color: var(--eui-mdx-link);
10009
10570
  font-weight: 500;
10010
10571
  text-decoration: underline;
10011
10572
  text-underline-offset: 3px;
10012
- transition: color .15s ease;
10013
10573
  }
10014
- :where(.eui-markdown, .markdown-body) a:hover {
10015
- color: var(--eui-md-link-hover);
10574
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content a:hover {
10575
+ color: var(--eui-mdx-link-hover);
10016
10576
  }
10017
- :where(.eui-markdown, .markdown-body) ol,
10018
- :where(.eui-markdown, .markdown-body) ul {
10019
- margin: 1rem 0;
10577
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content :where(ul, ol) {
10578
+ margin: .75rem 0;
10020
10579
  padding-left: 1.5rem;
10021
10580
  }
10022
- :where(.eui-markdown, .markdown-body) ul {
10581
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content ul {
10023
10582
  list-style: disc;
10024
10583
  }
10025
- :where(.eui-markdown, .markdown-body) ol {
10584
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content ol {
10026
10585
  list-style: decimal;
10027
10586
  }
10028
- :where(.eui-markdown, .markdown-body) li {
10029
- margin: .35rem 0;
10030
- padding-left: .25rem;
10031
- }
10032
- :where(.eui-markdown, .markdown-body) li > ol,
10033
- :where(.eui-markdown, .markdown-body) li > ul {
10034
- margin: .35rem 0;
10035
- }
10036
- :where(.eui-markdown, .markdown-body) input[type=checkbox] {
10037
- margin-right: .5rem;
10038
- transform: translateY(1px);
10587
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content li {
10588
+ margin: .25rem 0;
10589
+ padding-left: .125rem;
10039
10590
  }
10040
- :where(.eui-markdown, .markdown-body) blockquote {
10041
- background: var(--eui-md-quote-bg);
10042
- border-left: 4px solid var(--eui-md-quote-border);
10591
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content blockquote {
10592
+ background: var(--eui-mdx-bg-soft);
10593
+ border-left: 4px solid var(--eui-mdx-border-strong);
10043
10594
  border-radius: 0 .5rem .5rem 0;
10044
- color: var(--eui-md-muted);
10045
- margin: 1.5rem 0;
10046
- padding: .75rem 1rem;
10047
- }
10048
- :where(.eui-markdown, .markdown-body) blockquote > :first-child {
10049
- margin-top: 0;
10050
- }
10051
- :where(.eui-markdown, .markdown-body) blockquote > :last-child {
10052
- margin-bottom: 0;
10053
- }
10054
- :where(.eui-markdown, .markdown-body) .eui-markdown-table-wrapper {
10055
- border: 1px solid var(--eui-md-border);
10056
- border-radius: var(--eui-md-radius);
10057
- margin: 1.5rem 0;
10058
- overflow-x: auto;
10059
- width: 100%;
10060
- }
10061
- :where(.eui-markdown, .markdown-body) table {
10062
- border-collapse: collapse;
10063
- font-size: .925rem;
10064
- width: 100%;
10065
- }
10066
- :where(.eui-markdown, .markdown-body) thead {
10067
- background: var(--eui-md-bg-soft);
10068
- }
10069
- :where(.eui-markdown, .markdown-body) td,
10070
- :where(.eui-markdown, .markdown-body) th {
10071
- border-bottom: 1px solid var(--eui-md-border);
10072
- padding: .75rem;
10073
- text-align: left;
10074
- vertical-align: top;
10075
- }
10076
- :where(.eui-markdown, .markdown-body) td:not(:last-child),
10077
- :where(.eui-markdown, .markdown-body) th:not(:last-child) {
10078
- border-right: 1px solid var(--eui-md-border);
10079
- }
10080
- :where(.eui-markdown, .markdown-body) th {
10081
- color: var(--eui-md-heading);
10082
- font-weight: 700;
10083
- }
10084
- :where(.eui-markdown, .markdown-body) tr:last-child td {
10085
- border-bottom: 0;
10086
- }
10087
- :where(.eui-markdown, .markdown-body) tbody tr:nth-child(2n) {
10088
- background: var(--eui-md-bg-soft);
10089
- }
10090
- :where(.eui-markdown, .markdown-body) img {
10091
- border: 1px solid var(--eui-md-border);
10092
- border-radius: var(--eui-md-radius);
10093
- height: auto;
10094
- margin: 1.5rem 0;
10095
- max-width: 100%;
10096
- }
10097
- :where(.eui-markdown, .markdown-body) figure {
10098
- margin: 1.5rem 0;
10099
- }
10100
- :where(.eui-markdown, .markdown-body) figcaption {
10101
- color: var(--eui-md-muted);
10102
- font-size: .875rem;
10103
- margin-top: .5rem;
10104
- text-align: center;
10105
- }
10106
- :where(.eui-markdown, .markdown-body) hr {
10107
- border: 0;
10108
- border-top: 1px solid var(--eui-md-border);
10109
- margin: 2rem 0;
10110
- }
10111
- :where(.eui-markdown, .markdown-body) details {
10112
- background: var(--eui-md-bg-soft);
10113
- border: 1px solid var(--eui-md-border);
10114
- border-radius: var(--eui-md-radius);
10595
+ color: var(--eui-mdx-muted);
10115
10596
  margin: 1rem 0;
10116
- padding: 1rem;
10117
- }
10118
- :where(.eui-markdown, .markdown-body) summary {
10119
- color: var(--eui-md-heading);
10120
- cursor: pointer;
10121
- font-weight: 600;
10122
- }
10123
- :where(.eui-markdown, .markdown-body) ::-moz-selection {
10124
- background: rgba(88, 166, 255, .28);
10125
- }
10126
- :where(.eui-markdown, .markdown-body) ::selection {
10127
- background: rgba(88, 166, 255, .28);
10597
+ padding: .75rem 1rem;
10128
10598
  }
10129
-
10130
- /* src/compositions/markdown/styles/markdown-code.css */
10131
- :where(.eui-markdown, .markdown-body) .eui-markdown-inline-code {
10132
- background: var(--eui-md-code-bg);
10133
- border: 1px solid var(--eui-md-code-border);
10599
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content code {
10600
+ background: var(--eui-mdx-code-bg);
10134
10601
  border-radius: .375rem;
10135
- color: var(--eui-md-code-text);
10136
- display: inline;
10602
+ color: var(--eui-mdx-text);
10137
10603
  font-family:
10138
10604
  JetBrains Mono,
10139
10605
  Fira Code,
@@ -10143,192 +10609,69 @@ video {
10143
10609
  Menlo,
10144
10610
  monospace;
10145
10611
  font-size: .875em;
10146
- font-weight: 500;
10147
- padding: .14rem .35rem;
10148
- white-space: break-spaces;
10612
+ padding: .125rem .325rem;
10149
10613
  }
10150
- :where(.eui-markdown, .markdown-body) :not(pre) > code:not([class*=language-]):not(.eui-markdown-code-highlighter code) {
10151
- background: var(--eui-md-code-bg);
10152
- border: 1px solid var(--eui-md-code-border);
10153
- border-radius: .375rem;
10154
- color: var(--eui-md-code-text);
10155
- font-family:
10156
- JetBrains Mono,
10157
- Fira Code,
10158
- SFMono-Regular,
10159
- Consolas,
10160
- Liberation Mono,
10161
- Menlo,
10162
- monospace;
10163
- font-size: .875em;
10164
- font-weight: 500;
10165
- padding: .14rem .35rem;
10614
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content pre {
10615
+ background: #0d1117 !important;
10616
+ border: 1px solid #30363d;
10617
+ border-radius: .625rem;
10618
+ color: #c9d1d9 !important;
10619
+ margin: 1rem 0;
10620
+ overflow: auto;
10166
10621
  }
10167
- :where(.eui-markdown, .markdown-body) .eui-markdown-code code,
10168
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre code,
10169
- :where(.eui-markdown, .markdown-body) .eui-markdown-code span {
10622
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content pre code {
10170
10623
  background: transparent;
10171
- border: 0;
10624
+ color: inherit;
10625
+ display: block;
10626
+ padding: 1rem;
10172
10627
  }
10173
- :where(.eui-markdown, .markdown-body) .eui-markdown-code {
10174
- background: #0d1117;
10175
- border: 1px solid #30363d;
10176
- border-radius: .75rem;
10177
- box-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 10px 30px rgba(15, 23, 42, .12);
10178
- color: #c9d1d9;
10628
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content hr {
10629
+ border: 0;
10630
+ border-top: 1px solid var(--eui-mdx-border);
10179
10631
  margin: 1.5rem 0;
10180
- overflow: hidden;
10181
10632
  }
10182
- :where(.eui-markdown, .markdown-body) .eui-markdown-code-header {
10183
- align-items: center;
10184
- background: #161b22;
10185
- border-bottom: 1px solid #30363d;
10186
- display: flex;
10187
- gap: .75rem;
10188
- justify-content: space-between;
10189
- min-height: 2.5rem;
10190
- padding: .5rem .75rem;
10633
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content img {
10634
+ border: 1px solid var(--eui-mdx-border);
10635
+ border-radius: .625rem;
10636
+ height: auto;
10637
+ max-width: 100%;
10191
10638
  }
10192
- :where(.eui-markdown, .markdown-body) .eui-markdown-code-header-main {
10193
- align-items: center;
10194
- display: flex;
10195
- gap: .625rem;
10196
- min-width: 0;
10639
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content table {
10640
+ border-collapse: collapse;
10641
+ margin: 1rem 0;
10642
+ width: 100%;
10197
10643
  }
10198
- :where(.eui-markdown, .markdown-body) .eui-markdown-code-title {
10199
- color: #f0f6fc;
10200
- font-size: .8125rem;
10201
- font-weight: 600;
10202
- min-width: 0;
10203
- overflow: hidden;
10204
- text-overflow: ellipsis;
10205
- white-space: nowrap;
10644
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content :where(th, td) {
10645
+ border: 1px solid var(--eui-mdx-border);
10646
+ padding: .625rem .75rem;
10647
+ text-align: left;
10206
10648
  }
10207
- :where(.eui-markdown, .markdown-body) .eui-markdown-code-language {
10208
- align-items: center;
10209
- background: #0d1117;
10210
- border: 1px solid #30363d;
10211
- border-radius: 999px;
10212
- color: #8b949e;
10213
- display: inline-flex;
10214
- font-size: .6875rem;
10649
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content th {
10650
+ background: var(--eui-mdx-bg-soft);
10651
+ color: var(--eui-mdx-heading);
10215
10652
  font-weight: 700;
10216
- height: 1.35rem;
10217
- letter-spacing: .05em;
10218
- padding: 0 .45rem;
10219
- text-transform: uppercase;
10220
- }
10221
- :where(.eui-markdown, .markdown-body) .eui-markdown-copy-button {
10222
- align-items: center;
10223
- background: #21262d;
10224
- border: 1px solid #30363d;
10225
- border-radius: .375rem;
10226
- color: #c9d1d9;
10227
- cursor: pointer;
10228
- display: inline-flex;
10229
- flex-shrink: 0;
10230
- font-size: .75rem;
10231
- font-weight: 500;
10232
- height: 1.75rem;
10233
- justify-content: center;
10234
- line-height: 1;
10235
- padding: 0 .625rem;
10236
- transition:
10237
- background .15s ease,
10238
- border-color .15s ease,
10239
- color .15s ease,
10240
- transform .15s ease;
10241
- }
10242
- :where(.eui-markdown, .markdown-body) .eui-markdown-copy-button:hover {
10243
- background: #30363d;
10244
- border-color: #8b949e;
10245
- color: #f0f6fc;
10246
- }
10247
- :where(.eui-markdown, .markdown-body) .eui-markdown-copy-button:active {
10248
- transform: scale(.96);
10249
- }
10250
- :where(.eui-markdown, .markdown-body) .eui-markdown-copy-button:focus-visible {
10251
- outline: 2px solid #58a6ff;
10252
- outline-offset: 2px;
10253
10653
  }
10254
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre {
10255
- background: transparent !important;
10256
- border: 0 !important;
10257
- border-radius: 0 !important;
10258
- box-shadow: none !important;
10259
- margin: 0 !important;
10654
+ .eui-markdown-mdx-adapter :where([role=menu], [role=listbox]),
10655
+ .eui-markdown-mdx-adapter [data-radix-popper-content-wrapper] {
10656
+ background: var(--eui-mdx-bg);
10657
+ border-color: var(--eui-mdx-border);
10658
+ color: var(--eui-mdx-text);
10260
10659
  }
10261
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre code {
10262
- background: transparent !important;
10263
- color: inherit;
10264
- display: block;
10265
- font-family:
10266
- JetBrains Mono,
10267
- Fira Code,
10268
- SFMono-Regular,
10269
- Consolas,
10270
- Liberation Mono,
10271
- Menlo,
10272
- monospace !important;
10273
- min-width: -moz-max-content;
10274
- min-width: max-content;
10275
- padding: 0 !important;
10276
- -moz-tab-size: 2;
10277
- -o-tab-size: 2;
10278
- tab-size: 2;
10279
- }
10280
- :where(.eui-markdown, .markdown-body) .eui-markdown-code-line-highlighted {
10281
- border-left: 3px solid #bb8009;
10282
- }
10283
- :where(.eui-markdown, .markdown-body) > pre {
10284
- background: #0d1117;
10285
- border: 1px solid #30363d;
10286
- border-radius: .75rem;
10287
- color: #c9d1d9;
10288
- margin: 1.5rem 0;
10289
- overflow: auto;
10290
- }
10291
- :where(.eui-markdown, .markdown-body) > pre code {
10292
- background: transparent;
10293
- color: inherit;
10294
- display: block;
10295
- font-family:
10296
- JetBrains Mono,
10297
- Fira Code,
10298
- SFMono-Regular,
10299
- Consolas,
10300
- Liberation Mono,
10301
- Menlo,
10302
- monospace;
10303
- font-size: .875rem;
10304
- line-height: 1.7;
10305
- min-width: -moz-max-content;
10306
- min-width: max-content;
10307
- padding: 1rem;
10308
- -moz-tab-size: 2;
10309
- -o-tab-size: 2;
10310
- tab-size: 2;
10311
- }
10312
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre::-webkit-scrollbar,
10313
- :where(.eui-markdown, .markdown-body) > pre::-webkit-scrollbar {
10314
- height: .75rem;
10315
- width: .75rem;
10316
- }
10317
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre::-webkit-scrollbar-track,
10318
- :where(.eui-markdown, .markdown-body) > pre::-webkit-scrollbar-track {
10319
- background: #0d1117;
10320
- }
10321
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre::-webkit-scrollbar-thumb,
10322
- :where(.eui-markdown, .markdown-body) > pre::-webkit-scrollbar-thumb {
10323
- background: #30363d;
10324
- border: 3px solid #0d1117;
10325
- border-radius: 999px;
10660
+ @media (max-width: 640px) {
10661
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content {
10662
+ padding: 1rem;
10663
+ }
10664
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h1 {
10665
+ font-size: 1.875rem;
10666
+ }
10667
+ .eui-markdown-mdx-adapter .eui-markdown-mdx-content h2 {
10668
+ font-size: 1.5rem;
10669
+ }
10326
10670
  }
10327
- :where(.eui-markdown, .markdown-body) .eui-markdown-code pre::-webkit-scrollbar-thumb:hover,
10328
- :where(.eui-markdown, .markdown-body) > pre::-webkit-scrollbar-thumb:hover {
10329
- background: #8b949e;
10671
+ @media (prefers-reduced-motion: reduce) {
10672
+ .eui-markdown-mdx-adapter {
10673
+ transition: none;
10674
+ }
10330
10675
  }
10331
-
10332
- /* src/compositions/markdown/styles/index.css */
10333
10676
  /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
10334
10677
  /*# sourceMappingURL=index.css.map */