elseware-ui 2.29.2 → 2.30.0

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
@@ -375,6 +375,9 @@ video {
375
375
  .visible {
376
376
  visibility: visible;
377
377
  }
378
+ .invisible {
379
+ visibility: hidden;
380
+ }
378
381
  .collapse {
379
382
  visibility: collapse;
380
383
  }
@@ -553,6 +556,9 @@ video {
553
556
  .aspect-\[2\/1\] {
554
557
  aspect-ratio: 2/1;
555
558
  }
559
+ .aspect-video {
560
+ aspect-ratio: 16/9;
561
+ }
556
562
  .h-1 {
557
563
  height: .25rem;
558
564
  }
@@ -764,12 +770,18 @@ video {
764
770
  .w-\[420px\] {
765
771
  width: 420px;
766
772
  }
773
+ .w-\[500px\] {
774
+ width: 500px;
775
+ }
767
776
  .w-\[600px\] {
768
777
  width: 600px;
769
778
  }
770
779
  .w-\[60px\] {
771
780
  width: 60px;
772
781
  }
782
+ .w-\[700px\] {
783
+ width: 700px;
784
+ }
773
785
  .w-\[7px\] {
774
786
  width: 7px;
775
787
  }
@@ -844,9 +856,24 @@ video {
844
856
  .max-w-5xl {
845
857
  max-width: 64rem;
846
858
  }
859
+ .max-w-\[1000px\] {
860
+ max-width: 1000px;
861
+ }
862
+ .max-w-\[1200px\] {
863
+ max-width: 1200px;
864
+ }
865
+ .max-w-\[1300px\] {
866
+ max-width: 1300px;
867
+ }
847
868
  .max-w-\[500px\] {
848
869
  max-width: 500px;
849
870
  }
871
+ .max-w-\[700px\] {
872
+ max-width: 700px;
873
+ }
874
+ .max-w-\[900px\] {
875
+ max-width: 900px;
876
+ }
850
877
  .max-w-\[90vw\] {
851
878
  max-width: 90vw;
852
879
  }
@@ -926,25 +953,29 @@ video {
926
953
  --tw-rotate:180deg;
927
954
  }
928
955
  .rotate-180,
929
- .scale-100 {
956
+ .rotate-2 {
930
957
  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));
931
958
  }
959
+ .rotate-2 {
960
+ --tw-rotate:2deg;
961
+ }
932
962
  .scale-100 {
933
963
  --tw-scale-x:1;
934
964
  --tw-scale-y:1;
935
965
  }
966
+ .scale-100,
967
+ .scale-105 {
968
+ 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));
969
+ }
936
970
  .scale-105 {
937
971
  --tw-scale-x:1.05;
938
972
  --tw-scale-y:1.05;
939
973
  }
940
- .scale-105,
941
- .scale-95 {
942
- 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));
943
- }
944
974
  .scale-95 {
945
975
  --tw-scale-x:.95;
946
976
  --tw-scale-y:.95;
947
977
  }
978
+ .scale-95,
948
979
  .transform {
949
980
  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));
950
981
  }
@@ -1112,6 +1143,11 @@ video {
1112
1143
  margin-bottom: calc(1rem*var(--tw-space-y-reverse));
1113
1144
  margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
1114
1145
  }
1146
+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
1147
+ --tw-space-y-reverse:0;
1148
+ margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
1149
+ margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
1150
+ }
1115
1151
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1116
1152
  --tw-space-y-reverse:0;
1117
1153
  margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
@@ -1149,9 +1185,21 @@ video {
1149
1185
  .rounded-2xl {
1150
1186
  border-radius: 1rem;
1151
1187
  }
1188
+ .rounded-3xl {
1189
+ border-radius: 1.5rem;
1190
+ }
1152
1191
  .rounded-\[2px\] {
1153
1192
  border-radius: 2px;
1154
1193
  }
1194
+ .rounded-\[30px\] {
1195
+ border-radius: 30px;
1196
+ }
1197
+ .rounded-\[32px\] {
1198
+ border-radius: 32px;
1199
+ }
1200
+ .rounded-\[40px\] {
1201
+ border-radius: 40px;
1202
+ }
1155
1203
  .rounded-full {
1156
1204
  border-radius: 9999px;
1157
1205
  }
@@ -1173,6 +1221,9 @@ video {
1173
1221
  .border {
1174
1222
  border-width: 1px;
1175
1223
  }
1224
+ .border-0 {
1225
+ border-width: 0;
1226
+ }
1176
1227
  .border-2 {
1177
1228
  border-width: 2px;
1178
1229
  }
@@ -1182,6 +1233,9 @@ video {
1182
1233
  .border-\[3px\] {
1183
1234
  border-width: 3px;
1184
1235
  }
1236
+ .border-\[5px\] {
1237
+ border-width: 5px;
1238
+ }
1185
1239
  .border-b {
1186
1240
  border-bottom-width: 1px;
1187
1241
  }
@@ -1210,6 +1264,10 @@ video {
1210
1264
  .border-blue-500\/30 {
1211
1265
  border-color: rgba(59, 130, 246, .3);
1212
1266
  }
1267
+ .border-cyan-400 {
1268
+ --tw-border-opacity:1;
1269
+ border-color: rgb(34 211 238/var(--tw-border-opacity,1));
1270
+ }
1213
1271
  .border-eui-danger-400 {
1214
1272
  --tw-border-opacity:1;
1215
1273
  border-color: rgb(229 31 47/var(--tw-border-opacity,1));
@@ -1390,6 +1448,10 @@ video {
1390
1448
  .border-green-900\/40 {
1391
1449
  border-color: rgba(20, 83, 45, .4);
1392
1450
  }
1451
+ .border-pink-500 {
1452
+ --tw-border-opacity:1;
1453
+ border-color: rgb(236 72 153/var(--tw-border-opacity,1));
1454
+ }
1393
1455
  .border-purple-500 {
1394
1456
  --tw-border-opacity:1;
1395
1457
  border-color: rgb(168 85 247/var(--tw-border-opacity,1));
@@ -1445,6 +1507,10 @@ video {
1445
1507
  --tw-border-opacity:1;
1446
1508
  border-left-color: rgb(75 85 99/var(--tw-border-opacity,1));
1447
1509
  }
1510
+ .border-l-pink-500 {
1511
+ --tw-border-opacity:1;
1512
+ border-left-color: rgb(236 72 153/var(--tw-border-opacity,1));
1513
+ }
1448
1514
  .border-l-red-500 {
1449
1515
  --tw-border-opacity:1;
1450
1516
  border-left-color: rgb(239 68 68/var(--tw-border-opacity,1));
@@ -1641,6 +1707,9 @@ video {
1641
1707
  .bg-orange-600\/40 {
1642
1708
  background-color: rgba(234, 88, 12, .4);
1643
1709
  }
1710
+ .bg-pink-500\/5 {
1711
+ background-color: rgba(236, 72, 153, .05);
1712
+ }
1644
1713
  .bg-purple-600\/40 {
1645
1714
  background-color: rgba(147, 51, 234, .4);
1646
1715
  }
@@ -1710,6 +1779,16 @@ video {
1710
1779
  .bg-gradient-to-t {
1711
1780
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
1712
1781
  }
1782
+ .from-black\/80 {
1783
+ --tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);
1784
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
1785
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
1786
+ }
1787
+ .from-black\/90 {
1788
+ --tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);
1789
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
1790
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
1791
+ }
1713
1792
  .from-eui-danger-700 {
1714
1793
  --tw-gradient-from:#821f29 var(--tw-gradient-from-position);
1715
1794
  --tw-gradient-to:rgba(130,31,41,0) var(--tw-gradient-to-position);
@@ -1805,6 +1884,11 @@ video {
1805
1884
  --tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);
1806
1885
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
1807
1886
  }
1887
+ .from-pink-500 {
1888
+ --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
1889
+ --tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);
1890
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
1891
+ }
1808
1892
  .from-pink-600 {
1809
1893
  --tw-gradient-from:#db2777 var(--tw-gradient-from-position);
1810
1894
  --tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);
@@ -1850,6 +1934,10 @@ video {
1850
1934
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
1851
1935
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
1852
1936
  }
1937
+ .via-black\/20 {
1938
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
1939
+ --tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to);
1940
+ }
1853
1941
  .via-transparent {
1854
1942
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
1855
1943
  --tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
@@ -1914,6 +2002,10 @@ video {
1914
2002
  .to-white\/5 {
1915
2003
  --tw-gradient-to:hsla(0,0%,100%,.05) var(--tw-gradient-to-position);
1916
2004
  }
2005
+ .bg-clip-text {
2006
+ -webkit-background-clip: text;
2007
+ background-clip: text;
2008
+ }
1917
2009
  .fill-teal-600 {
1918
2010
  fill: #0d9488;
1919
2011
  }
@@ -1934,6 +2026,9 @@ video {
1934
2026
  .p-1 {
1935
2027
  padding: .25rem;
1936
2028
  }
2029
+ .p-10 {
2030
+ padding: 2.5rem;
2031
+ }
1937
2032
  .p-2 {
1938
2033
  padding: .5rem;
1939
2034
  }
@@ -1949,6 +2044,9 @@ video {
1949
2044
  .p-6 {
1950
2045
  padding: 1.5rem;
1951
2046
  }
2047
+ .p-8 {
2048
+ padding: 2rem;
2049
+ }
1952
2050
  .px-0 {
1953
2051
  padding-left: 0;
1954
2052
  padding-right: 0;
@@ -1989,6 +2087,10 @@ video {
1989
2087
  padding-bottom: 0;
1990
2088
  padding-top: 0;
1991
2089
  }
2090
+ .py-0\.5 {
2091
+ padding-bottom: .125rem;
2092
+ padding-top: .125rem;
2093
+ }
1992
2094
  .py-1 {
1993
2095
  padding-bottom: .25rem;
1994
2096
  padding-top: .25rem;
@@ -2110,6 +2212,18 @@ video {
2110
2212
  font-size: 3rem;
2111
2213
  line-height: 1;
2112
2214
  }
2215
+ .text-6xl {
2216
+ font-size: 3.75rem;
2217
+ line-height: 1;
2218
+ }
2219
+ .text-7xl {
2220
+ font-size: 4.5rem;
2221
+ line-height: 1;
2222
+ }
2223
+ .text-8xl {
2224
+ font-size: 6rem;
2225
+ line-height: 1;
2226
+ }
2113
2227
  .text-\[10px\] {
2114
2228
  font-size: 10px;
2115
2229
  }
@@ -2190,15 +2304,33 @@ video {
2190
2304
  .italic {
2191
2305
  font-style: italic;
2192
2306
  }
2307
+ .leading-\[100px\] {
2308
+ line-height: 100px;
2309
+ }
2310
+ .leading-\[110px\] {
2311
+ line-height: 110px;
2312
+ }
2313
+ .leading-\[120px\] {
2314
+ line-height: 120px;
2315
+ }
2316
+ .leading-\[18px\] {
2317
+ line-height: 18px;
2318
+ }
2193
2319
  .leading-\[20px\] {
2194
2320
  line-height: 20px;
2195
2321
  }
2322
+ .leading-\[22px\] {
2323
+ line-height: 22px;
2324
+ }
2196
2325
  .leading-\[25px\] {
2197
2326
  line-height: 25px;
2198
2327
  }
2199
2328
  .leading-\[28px\] {
2200
2329
  line-height: 28px;
2201
2330
  }
2331
+ .leading-\[38px\] {
2332
+ line-height: 38px;
2333
+ }
2202
2334
  .leading-\[40px\] {
2203
2335
  line-height: 40px;
2204
2336
  }
@@ -2217,6 +2349,12 @@ video {
2217
2349
  .leading-relaxed {
2218
2350
  line-height: 1.625;
2219
2351
  }
2352
+ .leading-tight {
2353
+ line-height: 1.25;
2354
+ }
2355
+ .tracking-\[0\.2em\] {
2356
+ letter-spacing: .2em;
2357
+ }
2220
2358
  .tracking-wide {
2221
2359
  letter-spacing: .025em;
2222
2360
  }
@@ -2240,6 +2378,10 @@ video {
2240
2378
  --tw-text-opacity:1;
2241
2379
  color: rgb(37 99 235/var(--tw-text-opacity,1));
2242
2380
  }
2381
+ .text-cyan-400 {
2382
+ --tw-text-opacity:1;
2383
+ color: rgb(34 211 238/var(--tw-text-opacity,1));
2384
+ }
2243
2385
  .text-eui-danger-300 {
2244
2386
  --tw-text-opacity:1;
2245
2387
  color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -2444,6 +2586,9 @@ video {
2444
2586
  --tw-text-opacity:1;
2445
2587
  color: rgb(94 234 212/var(--tw-text-opacity,1));
2446
2588
  }
2589
+ .text-transparent {
2590
+ color: transparent;
2591
+ }
2447
2592
  .text-white {
2448
2593
  --tw-text-opacity:1;
2449
2594
  color: rgb(255 255 255/var(--tw-text-opacity,1));
@@ -2509,6 +2654,9 @@ video {
2509
2654
  .opacity-80 {
2510
2655
  opacity: .8;
2511
2656
  }
2657
+ .opacity-90 {
2658
+ opacity: .9;
2659
+ }
2512
2660
  .shadow {
2513
2661
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
2514
2662
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
@@ -2524,35 +2672,59 @@ video {
2524
2672
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
2525
2673
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
2526
2674
  }
2527
- .shadow-lg {
2528
- --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
2529
- --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
2675
+ .shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.5\)\] {
2676
+ --tw-shadow:0 0 40px rgba(168,85,247,.5);
2677
+ --tw-shadow-colored:0 0 40px var(--tw-shadow-color);
2678
+ box-shadow:
2679
+ var(--tw-ring-offset-shadow,0 0 #0000),
2680
+ var(--tw-ring-shadow,0 0 #0000),
2681
+ var(--tw-shadow);
2530
2682
  }
2531
- .shadow-lg,
2532
- .shadow-md {
2683
+ .shadow-\[0_0_50px_rgba\(236\,72\,153\,0\.45\)\] {
2684
+ --tw-shadow:0 0 50px rgba(236,72,153,.45);
2685
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
2533
2686
  box-shadow:
2534
2687
  var(--tw-ring-offset-shadow,0 0 #0000),
2535
2688
  var(--tw-ring-shadow,0 0 #0000),
2536
2689
  var(--tw-shadow);
2537
2690
  }
2691
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\] {
2692
+ --tw-shadow:0 0 50px rgba(34,211,238,.45);
2693
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
2694
+ }
2695
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\],
2696
+ .shadow-lg {
2697
+ box-shadow:
2698
+ var(--tw-ring-offset-shadow,0 0 #0000),
2699
+ var(--tw-ring-shadow,0 0 #0000),
2700
+ var(--tw-shadow);
2701
+ }
2702
+ .shadow-lg {
2703
+ --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
2704
+ --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
2705
+ }
2538
2706
  .shadow-md {
2539
2707
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
2540
2708
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
2541
2709
  }
2710
+ .shadow-md,
2542
2711
  .shadow-sm {
2543
- --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
2544
- --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
2545
- }
2546
- .shadow-sm,
2547
- .shadow-xl {
2548
2712
  box-shadow:
2549
2713
  var(--tw-ring-offset-shadow,0 0 #0000),
2550
2714
  var(--tw-ring-shadow,0 0 #0000),
2551
2715
  var(--tw-shadow);
2552
2716
  }
2717
+ .shadow-sm {
2718
+ --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
2719
+ --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
2720
+ }
2553
2721
  .shadow-xl {
2554
2722
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
2555
2723
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
2724
+ box-shadow:
2725
+ var(--tw-ring-offset-shadow,0 0 #0000),
2726
+ var(--tw-ring-shadow,0 0 #0000),
2727
+ var(--tw-shadow);
2556
2728
  }
2557
2729
  .outline-none {
2558
2730
  outline: 2px solid transparent;
@@ -2840,10 +3012,16 @@ video {
2840
3012
  .hover\:-translate-y-1:hover {
2841
3013
  --tw-translate-y:-0.25rem;
2842
3014
  }
3015
+ .hover\:rotate-0:hover {
3016
+ --tw-rotate:0deg;
3017
+ }
3018
+ .hover\:rotate-0:hover,
3019
+ .hover\:scale-\[1\.02\]:hover {
3020
+ 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));
3021
+ }
2843
3022
  .hover\:scale-\[1\.02\]:hover {
2844
3023
  --tw-scale-x:1.02;
2845
3024
  --tw-scale-y:1.02;
2846
- 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));
2847
3025
  }
2848
3026
  .hover\:cursor-pointer:hover {
2849
3027
  cursor: pointer;
@@ -3790,6 +3968,9 @@ video {
3790
3968
  .visible {
3791
3969
  visibility: visible;
3792
3970
  }
3971
+ .invisible {
3972
+ visibility: hidden;
3973
+ }
3793
3974
  .collapse {
3794
3975
  visibility: collapse;
3795
3976
  }
@@ -3968,6 +4149,9 @@ video {
3968
4149
  .aspect-\[2\/1\] {
3969
4150
  aspect-ratio: 2/1;
3970
4151
  }
4152
+ .aspect-video {
4153
+ aspect-ratio: 16/9;
4154
+ }
3971
4155
  .h-1 {
3972
4156
  height: .25rem;
3973
4157
  }
@@ -4179,12 +4363,18 @@ video {
4179
4363
  .w-\[420px\] {
4180
4364
  width: 420px;
4181
4365
  }
4366
+ .w-\[500px\] {
4367
+ width: 500px;
4368
+ }
4182
4369
  .w-\[600px\] {
4183
4370
  width: 600px;
4184
4371
  }
4185
4372
  .w-\[60px\] {
4186
4373
  width: 60px;
4187
4374
  }
4375
+ .w-\[700px\] {
4376
+ width: 700px;
4377
+ }
4188
4378
  .w-\[7px\] {
4189
4379
  width: 7px;
4190
4380
  }
@@ -4259,9 +4449,24 @@ video {
4259
4449
  .max-w-5xl {
4260
4450
  max-width: 64rem;
4261
4451
  }
4452
+ .max-w-\[1000px\] {
4453
+ max-width: 1000px;
4454
+ }
4455
+ .max-w-\[1200px\] {
4456
+ max-width: 1200px;
4457
+ }
4458
+ .max-w-\[1300px\] {
4459
+ max-width: 1300px;
4460
+ }
4262
4461
  .max-w-\[500px\] {
4263
4462
  max-width: 500px;
4264
4463
  }
4464
+ .max-w-\[700px\] {
4465
+ max-width: 700px;
4466
+ }
4467
+ .max-w-\[900px\] {
4468
+ max-width: 900px;
4469
+ }
4265
4470
  .max-w-\[90vw\] {
4266
4471
  max-width: 90vw;
4267
4472
  }
@@ -4341,25 +4546,29 @@ video {
4341
4546
  --tw-rotate:180deg;
4342
4547
  }
4343
4548
  .rotate-180,
4344
- .scale-100 {
4549
+ .rotate-2 {
4345
4550
  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));
4346
4551
  }
4552
+ .rotate-2 {
4553
+ --tw-rotate:2deg;
4554
+ }
4347
4555
  .scale-100 {
4348
4556
  --tw-scale-x:1;
4349
4557
  --tw-scale-y:1;
4350
4558
  }
4559
+ .scale-100,
4560
+ .scale-105 {
4561
+ 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));
4562
+ }
4351
4563
  .scale-105 {
4352
4564
  --tw-scale-x:1.05;
4353
4565
  --tw-scale-y:1.05;
4354
4566
  }
4355
- .scale-105,
4356
- .scale-95 {
4357
- 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));
4358
- }
4359
4567
  .scale-95 {
4360
4568
  --tw-scale-x:.95;
4361
4569
  --tw-scale-y:.95;
4362
4570
  }
4571
+ .scale-95,
4363
4572
  .transform {
4364
4573
  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));
4365
4574
  }
@@ -4527,6 +4736,11 @@ video {
4527
4736
  margin-bottom: calc(1rem*var(--tw-space-y-reverse));
4528
4737
  margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
4529
4738
  }
4739
+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
4740
+ --tw-space-y-reverse:0;
4741
+ margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
4742
+ margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
4743
+ }
4530
4744
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
4531
4745
  --tw-space-y-reverse:0;
4532
4746
  margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
@@ -4564,9 +4778,21 @@ video {
4564
4778
  .rounded-2xl {
4565
4779
  border-radius: 1rem;
4566
4780
  }
4781
+ .rounded-3xl {
4782
+ border-radius: 1.5rem;
4783
+ }
4567
4784
  .rounded-\[2px\] {
4568
4785
  border-radius: 2px;
4569
4786
  }
4787
+ .rounded-\[30px\] {
4788
+ border-radius: 30px;
4789
+ }
4790
+ .rounded-\[32px\] {
4791
+ border-radius: 32px;
4792
+ }
4793
+ .rounded-\[40px\] {
4794
+ border-radius: 40px;
4795
+ }
4570
4796
  .rounded-full {
4571
4797
  border-radius: 9999px;
4572
4798
  }
@@ -4588,6 +4814,9 @@ video {
4588
4814
  .border {
4589
4815
  border-width: 1px;
4590
4816
  }
4817
+ .border-0 {
4818
+ border-width: 0;
4819
+ }
4591
4820
  .border-2 {
4592
4821
  border-width: 2px;
4593
4822
  }
@@ -4597,6 +4826,9 @@ video {
4597
4826
  .border-\[3px\] {
4598
4827
  border-width: 3px;
4599
4828
  }
4829
+ .border-\[5px\] {
4830
+ border-width: 5px;
4831
+ }
4600
4832
  .border-b {
4601
4833
  border-bottom-width: 1px;
4602
4834
  }
@@ -4625,6 +4857,10 @@ video {
4625
4857
  .border-blue-500\/30 {
4626
4858
  border-color: rgba(59, 130, 246, .3);
4627
4859
  }
4860
+ .border-cyan-400 {
4861
+ --tw-border-opacity:1;
4862
+ border-color: rgb(34 211 238/var(--tw-border-opacity,1));
4863
+ }
4628
4864
  .border-eui-danger-400 {
4629
4865
  --tw-border-opacity:1;
4630
4866
  border-color: rgb(229 31 47/var(--tw-border-opacity,1));
@@ -4805,6 +5041,10 @@ video {
4805
5041
  .border-green-900\/40 {
4806
5042
  border-color: rgba(20, 83, 45, .4);
4807
5043
  }
5044
+ .border-pink-500 {
5045
+ --tw-border-opacity:1;
5046
+ border-color: rgb(236 72 153/var(--tw-border-opacity,1));
5047
+ }
4808
5048
  .border-purple-500 {
4809
5049
  --tw-border-opacity:1;
4810
5050
  border-color: rgb(168 85 247/var(--tw-border-opacity,1));
@@ -4860,6 +5100,10 @@ video {
4860
5100
  --tw-border-opacity:1;
4861
5101
  border-left-color: rgb(75 85 99/var(--tw-border-opacity,1));
4862
5102
  }
5103
+ .border-l-pink-500 {
5104
+ --tw-border-opacity:1;
5105
+ border-left-color: rgb(236 72 153/var(--tw-border-opacity,1));
5106
+ }
4863
5107
  .border-l-red-500 {
4864
5108
  --tw-border-opacity:1;
4865
5109
  border-left-color: rgb(239 68 68/var(--tw-border-opacity,1));
@@ -5056,6 +5300,9 @@ video {
5056
5300
  .bg-orange-600\/40 {
5057
5301
  background-color: rgba(234, 88, 12, .4);
5058
5302
  }
5303
+ .bg-pink-500\/5 {
5304
+ background-color: rgba(236, 72, 153, .05);
5305
+ }
5059
5306
  .bg-purple-600\/40 {
5060
5307
  background-color: rgba(147, 51, 234, .4);
5061
5308
  }
@@ -5125,6 +5372,16 @@ video {
5125
5372
  .bg-gradient-to-t {
5126
5373
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
5127
5374
  }
5375
+ .from-black\/80 {
5376
+ --tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);
5377
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
5378
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
5379
+ }
5380
+ .from-black\/90 {
5381
+ --tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);
5382
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
5383
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
5384
+ }
5128
5385
  .from-eui-danger-700 {
5129
5386
  --tw-gradient-from:#821f29 var(--tw-gradient-from-position);
5130
5387
  --tw-gradient-to:rgba(130,31,41,0) var(--tw-gradient-to-position);
@@ -5220,6 +5477,11 @@ video {
5220
5477
  --tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);
5221
5478
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
5222
5479
  }
5480
+ .from-pink-500 {
5481
+ --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
5482
+ --tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);
5483
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
5484
+ }
5223
5485
  .from-pink-600 {
5224
5486
  --tw-gradient-from:#db2777 var(--tw-gradient-from-position);
5225
5487
  --tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);
@@ -5265,6 +5527,10 @@ video {
5265
5527
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
5266
5528
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
5267
5529
  }
5530
+ .via-black\/20 {
5531
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
5532
+ --tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to);
5533
+ }
5268
5534
  .via-transparent {
5269
5535
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
5270
5536
  --tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
@@ -5329,6 +5595,10 @@ video {
5329
5595
  .to-white\/5 {
5330
5596
  --tw-gradient-to:hsla(0,0%,100%,.05) var(--tw-gradient-to-position);
5331
5597
  }
5598
+ .bg-clip-text {
5599
+ -webkit-background-clip: text;
5600
+ background-clip: text;
5601
+ }
5332
5602
  .fill-teal-600 {
5333
5603
  fill: #0d9488;
5334
5604
  }
@@ -5349,6 +5619,9 @@ video {
5349
5619
  .p-1 {
5350
5620
  padding: .25rem;
5351
5621
  }
5622
+ .p-10 {
5623
+ padding: 2.5rem;
5624
+ }
5352
5625
  .p-2 {
5353
5626
  padding: .5rem;
5354
5627
  }
@@ -5364,6 +5637,9 @@ video {
5364
5637
  .p-6 {
5365
5638
  padding: 1.5rem;
5366
5639
  }
5640
+ .p-8 {
5641
+ padding: 2rem;
5642
+ }
5367
5643
  .px-0 {
5368
5644
  padding-left: 0;
5369
5645
  padding-right: 0;
@@ -5404,6 +5680,10 @@ video {
5404
5680
  padding-bottom: 0;
5405
5681
  padding-top: 0;
5406
5682
  }
5683
+ .py-0\.5 {
5684
+ padding-bottom: .125rem;
5685
+ padding-top: .125rem;
5686
+ }
5407
5687
  .py-1 {
5408
5688
  padding-bottom: .25rem;
5409
5689
  padding-top: .25rem;
@@ -5525,6 +5805,18 @@ video {
5525
5805
  font-size: 3rem;
5526
5806
  line-height: 1;
5527
5807
  }
5808
+ .text-6xl {
5809
+ font-size: 3.75rem;
5810
+ line-height: 1;
5811
+ }
5812
+ .text-7xl {
5813
+ font-size: 4.5rem;
5814
+ line-height: 1;
5815
+ }
5816
+ .text-8xl {
5817
+ font-size: 6rem;
5818
+ line-height: 1;
5819
+ }
5528
5820
  .text-\[10px\] {
5529
5821
  font-size: 10px;
5530
5822
  }
@@ -5605,15 +5897,33 @@ video {
5605
5897
  .italic {
5606
5898
  font-style: italic;
5607
5899
  }
5900
+ .leading-\[100px\] {
5901
+ line-height: 100px;
5902
+ }
5903
+ .leading-\[110px\] {
5904
+ line-height: 110px;
5905
+ }
5906
+ .leading-\[120px\] {
5907
+ line-height: 120px;
5908
+ }
5909
+ .leading-\[18px\] {
5910
+ line-height: 18px;
5911
+ }
5608
5912
  .leading-\[20px\] {
5609
5913
  line-height: 20px;
5610
5914
  }
5915
+ .leading-\[22px\] {
5916
+ line-height: 22px;
5917
+ }
5611
5918
  .leading-\[25px\] {
5612
5919
  line-height: 25px;
5613
5920
  }
5614
5921
  .leading-\[28px\] {
5615
5922
  line-height: 28px;
5616
5923
  }
5924
+ .leading-\[38px\] {
5925
+ line-height: 38px;
5926
+ }
5617
5927
  .leading-\[40px\] {
5618
5928
  line-height: 40px;
5619
5929
  }
@@ -5632,6 +5942,12 @@ video {
5632
5942
  .leading-relaxed {
5633
5943
  line-height: 1.625;
5634
5944
  }
5945
+ .leading-tight {
5946
+ line-height: 1.25;
5947
+ }
5948
+ .tracking-\[0\.2em\] {
5949
+ letter-spacing: .2em;
5950
+ }
5635
5951
  .tracking-wide {
5636
5952
  letter-spacing: .025em;
5637
5953
  }
@@ -5655,6 +5971,10 @@ video {
5655
5971
  --tw-text-opacity:1;
5656
5972
  color: rgb(37 99 235/var(--tw-text-opacity,1));
5657
5973
  }
5974
+ .text-cyan-400 {
5975
+ --tw-text-opacity:1;
5976
+ color: rgb(34 211 238/var(--tw-text-opacity,1));
5977
+ }
5658
5978
  .text-eui-danger-300 {
5659
5979
  --tw-text-opacity:1;
5660
5980
  color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -5859,6 +6179,9 @@ video {
5859
6179
  --tw-text-opacity:1;
5860
6180
  color: rgb(94 234 212/var(--tw-text-opacity,1));
5861
6181
  }
6182
+ .text-transparent {
6183
+ color: transparent;
6184
+ }
5862
6185
  .text-white {
5863
6186
  --tw-text-opacity:1;
5864
6187
  color: rgb(255 255 255/var(--tw-text-opacity,1));
@@ -5924,6 +6247,9 @@ video {
5924
6247
  .opacity-80 {
5925
6248
  opacity: .8;
5926
6249
  }
6250
+ .opacity-90 {
6251
+ opacity: .9;
6252
+ }
5927
6253
  .shadow {
5928
6254
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
5929
6255
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
@@ -5939,35 +6265,59 @@ video {
5939
6265
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
5940
6266
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
5941
6267
  }
5942
- .shadow-lg {
5943
- --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
5944
- --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
6268
+ .shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.5\)\] {
6269
+ --tw-shadow:0 0 40px rgba(168,85,247,.5);
6270
+ --tw-shadow-colored:0 0 40px var(--tw-shadow-color);
6271
+ box-shadow:
6272
+ var(--tw-ring-offset-shadow,0 0 #0000),
6273
+ var(--tw-ring-shadow,0 0 #0000),
6274
+ var(--tw-shadow);
5945
6275
  }
5946
- .shadow-lg,
5947
- .shadow-md {
6276
+ .shadow-\[0_0_50px_rgba\(236\,72\,153\,0\.45\)\] {
6277
+ --tw-shadow:0 0 50px rgba(236,72,153,.45);
6278
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
6279
+ box-shadow:
6280
+ var(--tw-ring-offset-shadow,0 0 #0000),
6281
+ var(--tw-ring-shadow,0 0 #0000),
6282
+ var(--tw-shadow);
6283
+ }
6284
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\] {
6285
+ --tw-shadow:0 0 50px rgba(34,211,238,.45);
6286
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
6287
+ }
6288
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\],
6289
+ .shadow-lg {
5948
6290
  box-shadow:
5949
6291
  var(--tw-ring-offset-shadow,0 0 #0000),
5950
6292
  var(--tw-ring-shadow,0 0 #0000),
5951
6293
  var(--tw-shadow);
5952
6294
  }
6295
+ .shadow-lg {
6296
+ --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
6297
+ --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
6298
+ }
5953
6299
  .shadow-md {
5954
6300
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
5955
6301
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
5956
6302
  }
6303
+ .shadow-md,
5957
6304
  .shadow-sm {
5958
- --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
5959
- --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
5960
- }
5961
- .shadow-sm,
5962
- .shadow-xl {
5963
6305
  box-shadow:
5964
6306
  var(--tw-ring-offset-shadow,0 0 #0000),
5965
6307
  var(--tw-ring-shadow,0 0 #0000),
5966
6308
  var(--tw-shadow);
5967
6309
  }
6310
+ .shadow-sm {
6311
+ --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
6312
+ --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
6313
+ }
5968
6314
  .shadow-xl {
5969
6315
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
5970
6316
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
6317
+ box-shadow:
6318
+ var(--tw-ring-offset-shadow,0 0 #0000),
6319
+ var(--tw-ring-shadow,0 0 #0000),
6320
+ var(--tw-shadow);
5971
6321
  }
5972
6322
  .outline-none {
5973
6323
  outline: 2px solid transparent;
@@ -6329,10 +6679,16 @@ video {
6329
6679
  .hover\:-translate-y-1:hover {
6330
6680
  --tw-translate-y:-0.25rem;
6331
6681
  }
6682
+ .hover\:rotate-0:hover {
6683
+ --tw-rotate:0deg;
6684
+ }
6685
+ .hover\:rotate-0:hover,
6686
+ .hover\:scale-\[1\.02\]:hover {
6687
+ 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));
6688
+ }
6332
6689
  .hover\:scale-\[1\.02\]:hover {
6333
6690
  --tw-scale-x:1.02;
6334
6691
  --tw-scale-y:1.02;
6335
- 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));
6336
6692
  }
6337
6693
  .hover\:cursor-pointer:hover {
6338
6694
  cursor: pointer;
@@ -7190,6 +7546,9 @@ video {
7190
7546
  .visible {
7191
7547
  visibility: visible;
7192
7548
  }
7549
+ .invisible {
7550
+ visibility: hidden;
7551
+ }
7193
7552
  .collapse {
7194
7553
  visibility: collapse;
7195
7554
  }
@@ -7368,6 +7727,9 @@ video {
7368
7727
  .aspect-\[2\/1\] {
7369
7728
  aspect-ratio: 2/1;
7370
7729
  }
7730
+ .aspect-video {
7731
+ aspect-ratio: 16/9;
7732
+ }
7371
7733
  .h-1 {
7372
7734
  height: .25rem;
7373
7735
  }
@@ -7579,12 +7941,18 @@ video {
7579
7941
  .w-\[420px\] {
7580
7942
  width: 420px;
7581
7943
  }
7944
+ .w-\[500px\] {
7945
+ width: 500px;
7946
+ }
7582
7947
  .w-\[600px\] {
7583
7948
  width: 600px;
7584
7949
  }
7585
7950
  .w-\[60px\] {
7586
7951
  width: 60px;
7587
7952
  }
7953
+ .w-\[700px\] {
7954
+ width: 700px;
7955
+ }
7588
7956
  .w-\[7px\] {
7589
7957
  width: 7px;
7590
7958
  }
@@ -7659,9 +8027,24 @@ video {
7659
8027
  .max-w-5xl {
7660
8028
  max-width: 64rem;
7661
8029
  }
8030
+ .max-w-\[1000px\] {
8031
+ max-width: 1000px;
8032
+ }
8033
+ .max-w-\[1200px\] {
8034
+ max-width: 1200px;
8035
+ }
8036
+ .max-w-\[1300px\] {
8037
+ max-width: 1300px;
8038
+ }
7662
8039
  .max-w-\[500px\] {
7663
8040
  max-width: 500px;
7664
8041
  }
8042
+ .max-w-\[700px\] {
8043
+ max-width: 700px;
8044
+ }
8045
+ .max-w-\[900px\] {
8046
+ max-width: 900px;
8047
+ }
7665
8048
  .max-w-\[90vw\] {
7666
8049
  max-width: 90vw;
7667
8050
  }
@@ -7741,25 +8124,29 @@ video {
7741
8124
  --tw-rotate:180deg;
7742
8125
  }
7743
8126
  .rotate-180,
7744
- .scale-100 {
8127
+ .rotate-2 {
7745
8128
  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));
7746
8129
  }
8130
+ .rotate-2 {
8131
+ --tw-rotate:2deg;
8132
+ }
7747
8133
  .scale-100 {
7748
8134
  --tw-scale-x:1;
7749
8135
  --tw-scale-y:1;
7750
8136
  }
8137
+ .scale-100,
8138
+ .scale-105 {
8139
+ 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));
8140
+ }
7751
8141
  .scale-105 {
7752
8142
  --tw-scale-x:1.05;
7753
8143
  --tw-scale-y:1.05;
7754
8144
  }
7755
- .scale-105,
7756
- .scale-95 {
7757
- 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));
7758
- }
7759
8145
  .scale-95 {
7760
8146
  --tw-scale-x:.95;
7761
8147
  --tw-scale-y:.95;
7762
8148
  }
8149
+ .scale-95,
7763
8150
  .transform {
7764
8151
  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));
7765
8152
  }
@@ -7927,6 +8314,11 @@ video {
7927
8314
  margin-bottom: calc(1rem*var(--tw-space-y-reverse));
7928
8315
  margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
7929
8316
  }
8317
+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
8318
+ --tw-space-y-reverse:0;
8319
+ margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
8320
+ margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
8321
+ }
7930
8322
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
7931
8323
  --tw-space-y-reverse:0;
7932
8324
  margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
@@ -7964,9 +8356,21 @@ video {
7964
8356
  .rounded-2xl {
7965
8357
  border-radius: 1rem;
7966
8358
  }
8359
+ .rounded-3xl {
8360
+ border-radius: 1.5rem;
8361
+ }
7967
8362
  .rounded-\[2px\] {
7968
8363
  border-radius: 2px;
7969
8364
  }
8365
+ .rounded-\[30px\] {
8366
+ border-radius: 30px;
8367
+ }
8368
+ .rounded-\[32px\] {
8369
+ border-radius: 32px;
8370
+ }
8371
+ .rounded-\[40px\] {
8372
+ border-radius: 40px;
8373
+ }
7970
8374
  .rounded-full {
7971
8375
  border-radius: 9999px;
7972
8376
  }
@@ -7988,6 +8392,9 @@ video {
7988
8392
  .border {
7989
8393
  border-width: 1px;
7990
8394
  }
8395
+ .border-0 {
8396
+ border-width: 0;
8397
+ }
7991
8398
  .border-2 {
7992
8399
  border-width: 2px;
7993
8400
  }
@@ -7997,6 +8404,9 @@ video {
7997
8404
  .border-\[3px\] {
7998
8405
  border-width: 3px;
7999
8406
  }
8407
+ .border-\[5px\] {
8408
+ border-width: 5px;
8409
+ }
8000
8410
  .border-b {
8001
8411
  border-bottom-width: 1px;
8002
8412
  }
@@ -8025,6 +8435,10 @@ video {
8025
8435
  .border-blue-500\/30 {
8026
8436
  border-color: rgba(59, 130, 246, .3);
8027
8437
  }
8438
+ .border-cyan-400 {
8439
+ --tw-border-opacity:1;
8440
+ border-color: rgb(34 211 238/var(--tw-border-opacity,1));
8441
+ }
8028
8442
  .border-eui-danger-400 {
8029
8443
  --tw-border-opacity:1;
8030
8444
  border-color: rgb(229 31 47/var(--tw-border-opacity,1));
@@ -8205,6 +8619,10 @@ video {
8205
8619
  .border-green-900\/40 {
8206
8620
  border-color: rgba(20, 83, 45, .4);
8207
8621
  }
8622
+ .border-pink-500 {
8623
+ --tw-border-opacity:1;
8624
+ border-color: rgb(236 72 153/var(--tw-border-opacity,1));
8625
+ }
8208
8626
  .border-purple-500 {
8209
8627
  --tw-border-opacity:1;
8210
8628
  border-color: rgb(168 85 247/var(--tw-border-opacity,1));
@@ -8260,6 +8678,10 @@ video {
8260
8678
  --tw-border-opacity:1;
8261
8679
  border-left-color: rgb(75 85 99/var(--tw-border-opacity,1));
8262
8680
  }
8681
+ .border-l-pink-500 {
8682
+ --tw-border-opacity:1;
8683
+ border-left-color: rgb(236 72 153/var(--tw-border-opacity,1));
8684
+ }
8263
8685
  .border-l-red-500 {
8264
8686
  --tw-border-opacity:1;
8265
8687
  border-left-color: rgb(239 68 68/var(--tw-border-opacity,1));
@@ -8456,6 +8878,9 @@ video {
8456
8878
  .bg-orange-600\/40 {
8457
8879
  background-color: rgba(234, 88, 12, .4);
8458
8880
  }
8881
+ .bg-pink-500\/5 {
8882
+ background-color: rgba(236, 72, 153, .05);
8883
+ }
8459
8884
  .bg-purple-600\/40 {
8460
8885
  background-color: rgba(147, 51, 234, .4);
8461
8886
  }
@@ -8525,6 +8950,16 @@ video {
8525
8950
  .bg-gradient-to-t {
8526
8951
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
8527
8952
  }
8953
+ .from-black\/80 {
8954
+ --tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);
8955
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
8956
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
8957
+ }
8958
+ .from-black\/90 {
8959
+ --tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);
8960
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
8961
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
8962
+ }
8528
8963
  .from-eui-danger-700 {
8529
8964
  --tw-gradient-from:#821f29 var(--tw-gradient-from-position);
8530
8965
  --tw-gradient-to:rgba(130,31,41,0) var(--tw-gradient-to-position);
@@ -8620,6 +9055,11 @@ video {
8620
9055
  --tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);
8621
9056
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
8622
9057
  }
9058
+ .from-pink-500 {
9059
+ --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
9060
+ --tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);
9061
+ --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
9062
+ }
8623
9063
  .from-pink-600 {
8624
9064
  --tw-gradient-from:#db2777 var(--tw-gradient-from-position);
8625
9065
  --tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);
@@ -8665,6 +9105,10 @@ video {
8665
9105
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
8666
9106
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
8667
9107
  }
9108
+ .via-black\/20 {
9109
+ --tw-gradient-to:transparent var(--tw-gradient-to-position);
9110
+ --tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to);
9111
+ }
8668
9112
  .via-transparent {
8669
9113
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
8670
9114
  --tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
@@ -8729,6 +9173,10 @@ video {
8729
9173
  .to-white\/5 {
8730
9174
  --tw-gradient-to:hsla(0,0%,100%,.05) var(--tw-gradient-to-position);
8731
9175
  }
9176
+ .bg-clip-text {
9177
+ -webkit-background-clip: text;
9178
+ background-clip: text;
9179
+ }
8732
9180
  .fill-teal-600 {
8733
9181
  fill: #0d9488;
8734
9182
  }
@@ -8749,6 +9197,9 @@ video {
8749
9197
  .p-1 {
8750
9198
  padding: .25rem;
8751
9199
  }
9200
+ .p-10 {
9201
+ padding: 2.5rem;
9202
+ }
8752
9203
  .p-2 {
8753
9204
  padding: .5rem;
8754
9205
  }
@@ -8764,6 +9215,9 @@ video {
8764
9215
  .p-6 {
8765
9216
  padding: 1.5rem;
8766
9217
  }
9218
+ .p-8 {
9219
+ padding: 2rem;
9220
+ }
8767
9221
  .px-0 {
8768
9222
  padding-left: 0;
8769
9223
  padding-right: 0;
@@ -8804,6 +9258,10 @@ video {
8804
9258
  padding-bottom: 0;
8805
9259
  padding-top: 0;
8806
9260
  }
9261
+ .py-0\.5 {
9262
+ padding-bottom: .125rem;
9263
+ padding-top: .125rem;
9264
+ }
8807
9265
  .py-1 {
8808
9266
  padding-bottom: .25rem;
8809
9267
  padding-top: .25rem;
@@ -8925,6 +9383,18 @@ video {
8925
9383
  font-size: 3rem;
8926
9384
  line-height: 1;
8927
9385
  }
9386
+ .text-6xl {
9387
+ font-size: 3.75rem;
9388
+ line-height: 1;
9389
+ }
9390
+ .text-7xl {
9391
+ font-size: 4.5rem;
9392
+ line-height: 1;
9393
+ }
9394
+ .text-8xl {
9395
+ font-size: 6rem;
9396
+ line-height: 1;
9397
+ }
8928
9398
  .text-\[10px\] {
8929
9399
  font-size: 10px;
8930
9400
  }
@@ -9005,15 +9475,33 @@ video {
9005
9475
  .italic {
9006
9476
  font-style: italic;
9007
9477
  }
9478
+ .leading-\[100px\] {
9479
+ line-height: 100px;
9480
+ }
9481
+ .leading-\[110px\] {
9482
+ line-height: 110px;
9483
+ }
9484
+ .leading-\[120px\] {
9485
+ line-height: 120px;
9486
+ }
9487
+ .leading-\[18px\] {
9488
+ line-height: 18px;
9489
+ }
9008
9490
  .leading-\[20px\] {
9009
9491
  line-height: 20px;
9010
9492
  }
9493
+ .leading-\[22px\] {
9494
+ line-height: 22px;
9495
+ }
9011
9496
  .leading-\[25px\] {
9012
9497
  line-height: 25px;
9013
9498
  }
9014
9499
  .leading-\[28px\] {
9015
9500
  line-height: 28px;
9016
9501
  }
9502
+ .leading-\[38px\] {
9503
+ line-height: 38px;
9504
+ }
9017
9505
  .leading-\[40px\] {
9018
9506
  line-height: 40px;
9019
9507
  }
@@ -9032,6 +9520,12 @@ video {
9032
9520
  .leading-relaxed {
9033
9521
  line-height: 1.625;
9034
9522
  }
9523
+ .leading-tight {
9524
+ line-height: 1.25;
9525
+ }
9526
+ .tracking-\[0\.2em\] {
9527
+ letter-spacing: .2em;
9528
+ }
9035
9529
  .tracking-wide {
9036
9530
  letter-spacing: .025em;
9037
9531
  }
@@ -9055,6 +9549,10 @@ video {
9055
9549
  --tw-text-opacity:1;
9056
9550
  color: rgb(37 99 235/var(--tw-text-opacity,1));
9057
9551
  }
9552
+ .text-cyan-400 {
9553
+ --tw-text-opacity:1;
9554
+ color: rgb(34 211 238/var(--tw-text-opacity,1));
9555
+ }
9058
9556
  .text-eui-danger-300 {
9059
9557
  --tw-text-opacity:1;
9060
9558
  color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -9259,6 +9757,9 @@ video {
9259
9757
  --tw-text-opacity:1;
9260
9758
  color: rgb(94 234 212/var(--tw-text-opacity,1));
9261
9759
  }
9760
+ .text-transparent {
9761
+ color: transparent;
9762
+ }
9262
9763
  .text-white {
9263
9764
  --tw-text-opacity:1;
9264
9765
  color: rgb(255 255 255/var(--tw-text-opacity,1));
@@ -9324,6 +9825,9 @@ video {
9324
9825
  .opacity-80 {
9325
9826
  opacity: .8;
9326
9827
  }
9828
+ .opacity-90 {
9829
+ opacity: .9;
9830
+ }
9327
9831
  .shadow {
9328
9832
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
9329
9833
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
@@ -9339,35 +9843,59 @@ video {
9339
9843
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
9340
9844
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
9341
9845
  }
9342
- .shadow-lg {
9343
- --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
9344
- --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
9846
+ .shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.5\)\] {
9847
+ --tw-shadow:0 0 40px rgba(168,85,247,.5);
9848
+ --tw-shadow-colored:0 0 40px var(--tw-shadow-color);
9849
+ box-shadow:
9850
+ var(--tw-ring-offset-shadow,0 0 #0000),
9851
+ var(--tw-ring-shadow,0 0 #0000),
9852
+ var(--tw-shadow);
9345
9853
  }
9346
- .shadow-lg,
9347
- .shadow-md {
9854
+ .shadow-\[0_0_50px_rgba\(236\,72\,153\,0\.45\)\] {
9855
+ --tw-shadow:0 0 50px rgba(236,72,153,.45);
9856
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
9348
9857
  box-shadow:
9349
9858
  var(--tw-ring-offset-shadow,0 0 #0000),
9350
9859
  var(--tw-ring-shadow,0 0 #0000),
9351
9860
  var(--tw-shadow);
9352
9861
  }
9862
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\] {
9863
+ --tw-shadow:0 0 50px rgba(34,211,238,.45);
9864
+ --tw-shadow-colored:0 0 50px var(--tw-shadow-color);
9865
+ }
9866
+ .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.45\)\],
9867
+ .shadow-lg {
9868
+ box-shadow:
9869
+ var(--tw-ring-offset-shadow,0 0 #0000),
9870
+ var(--tw-ring-shadow,0 0 #0000),
9871
+ var(--tw-shadow);
9872
+ }
9873
+ .shadow-lg {
9874
+ --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
9875
+ --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
9876
+ }
9353
9877
  .shadow-md {
9354
9878
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
9355
9879
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
9356
9880
  }
9881
+ .shadow-md,
9357
9882
  .shadow-sm {
9358
- --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
9359
- --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
9360
- }
9361
- .shadow-sm,
9362
- .shadow-xl {
9363
9883
  box-shadow:
9364
9884
  var(--tw-ring-offset-shadow,0 0 #0000),
9365
9885
  var(--tw-ring-shadow,0 0 #0000),
9366
9886
  var(--tw-shadow);
9367
9887
  }
9888
+ .shadow-sm {
9889
+ --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
9890
+ --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
9891
+ }
9368
9892
  .shadow-xl {
9369
9893
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
9370
9894
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
9895
+ box-shadow:
9896
+ var(--tw-ring-offset-shadow,0 0 #0000),
9897
+ var(--tw-ring-shadow,0 0 #0000),
9898
+ var(--tw-shadow);
9371
9899
  }
9372
9900
  .outline-none {
9373
9901
  outline: 2px solid transparent;
@@ -9769,10 +10297,16 @@ video {
9769
10297
  .hover\:-translate-y-1:hover {
9770
10298
  --tw-translate-y:-0.25rem;
9771
10299
  }
10300
+ .hover\:rotate-0:hover {
10301
+ --tw-rotate:0deg;
10302
+ }
10303
+ .hover\:rotate-0:hover,
10304
+ .hover\:scale-\[1\.02\]:hover {
10305
+ 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));
10306
+ }
9772
10307
  .hover\:scale-\[1\.02\]:hover {
9773
10308
  --tw-scale-x:1.02;
9774
10309
  --tw-scale-y:1.02;
9775
- 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));
9776
10310
  }
9777
10311
  .hover\:cursor-pointer:hover {
9778
10312
  cursor: pointer;