warqadui 0.0.63 → 0.0.65

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/styles.js CHANGED
@@ -616,6 +616,9 @@ select:-webkit-autofill:focus {
616
616
  .mt-1 {
617
617
  margin-top: 0.25rem;
618
618
  }
619
+ .mt-10 {
620
+ margin-top: 2.5rem;
621
+ }
619
622
  .mt-2 {
620
623
  margin-top: 0.5rem;
621
624
  }
@@ -628,6 +631,9 @@ select:-webkit-autofill:focus {
628
631
  .mt-6 {
629
632
  margin-top: 1.5rem;
630
633
  }
634
+ .mt-8 {
635
+ margin-top: 2rem;
636
+ }
631
637
  .mt-auto {
632
638
  margin-top: auto;
633
639
  }
@@ -688,6 +694,9 @@ select:-webkit-autofill:focus {
688
694
  .h-16 {
689
695
  height: 4rem;
690
696
  }
697
+ .h-2 {
698
+ height: 0.5rem;
699
+ }
691
700
  .h-28 {
692
701
  height: 7rem;
693
702
  }
@@ -766,6 +775,9 @@ select:-webkit-autofill:focus {
766
775
  .w-16 {
767
776
  width: 4rem;
768
777
  }
778
+ .w-2 {
779
+ width: 0.5rem;
780
+ }
769
781
  .w-28 {
770
782
  width: 7rem;
771
783
  }
@@ -802,6 +814,9 @@ select:-webkit-autofill:focus {
802
814
  .w-\\[1\\%\\] {
803
815
  width: 1%;
804
816
  }
817
+ .w-\\[150px\\] {
818
+ width: 150px;
819
+ }
805
820
  .w-fit {
806
821
  width: -moz-fit-content;
807
822
  width: fit-content;
@@ -824,6 +839,9 @@ select:-webkit-autofill:focus {
824
839
  .min-w-\\[100px\\] {
825
840
  min-width: 100px;
826
841
  }
842
+ .min-w-\\[140px\\] {
843
+ min-width: 140px;
844
+ }
827
845
  .min-w-\\[160px\\] {
828
846
  min-width: 160px;
829
847
  }
@@ -836,6 +854,9 @@ select:-webkit-autofill:focus {
836
854
  .max-w-2xl {
837
855
  max-width: 42rem;
838
856
  }
857
+ .max-w-4xl {
858
+ max-width: 56rem;
859
+ }
839
860
  .max-w-5xl {
840
861
  max-width: 64rem;
841
862
  }
@@ -894,6 +915,10 @@ select:-webkit-autofill:focus {
894
915
  --tw-translate-x: -50%;
895
916
  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));
896
917
  }
918
+ .-translate-x-full {
919
+ --tw-translate-x: -100%;
920
+ 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));
921
+ }
897
922
  .-translate-y-1\\/2 {
898
923
  --tw-translate-y: -50%;
899
924
  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));
@@ -926,6 +951,14 @@ select:-webkit-autofill:focus {
926
951
  .animate-pulse {
927
952
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
928
953
  }
954
+ @keyframes shimmer {
955
+ 100% {
956
+ transform: translateX(100%);
957
+ }
958
+ }
959
+ .animate-shimmer {
960
+ animation: shimmer 2s infinite;
961
+ }
929
962
  @keyframes spin {
930
963
  to {
931
964
  transform: rotate(360deg);
@@ -1020,6 +1053,11 @@ select:-webkit-autofill:focus {
1020
1053
  .gap-8 {
1021
1054
  gap: 2rem;
1022
1055
  }
1056
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1057
+ --tw-space-x-reverse: 0;
1058
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1059
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1060
+ }
1023
1061
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1024
1062
  --tw-space-y-reverse: 0;
1025
1063
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1035,6 +1073,11 @@ select:-webkit-autofill:focus {
1035
1073
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1036
1074
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1037
1075
  }
1076
+ .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1077
+ --tw-space-y-reverse: 0;
1078
+ margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
1079
+ margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
1080
+ }
1038
1081
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1039
1082
  --tw-space-y-reverse: 0;
1040
1083
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1146,6 +1189,9 @@ select:-webkit-autofill:focus {
1146
1189
  .border-l-2 {
1147
1190
  border-left-width: 2px;
1148
1191
  }
1192
+ .border-l-4 {
1193
+ border-left-width: 4px;
1194
+ }
1149
1195
  .border-r {
1150
1196
  border-right-width: 1px;
1151
1197
  }
@@ -1175,6 +1221,10 @@ select:-webkit-autofill:focus {
1175
1221
  .border-blue-100\\/50 {
1176
1222
  border-color: rgb(219 234 254 / 0.5);
1177
1223
  }
1224
+ .border-blue-400 {
1225
+ --tw-border-opacity: 1;
1226
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1227
+ }
1178
1228
  .border-blue-600 {
1179
1229
  --tw-border-opacity: 1;
1180
1230
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1202,6 +1252,10 @@ select:-webkit-autofill:focus {
1202
1252
  --tw-border-opacity: 1;
1203
1253
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1204
1254
  }
1255
+ .border-orange-400 {
1256
+ --tw-border-opacity: 1;
1257
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1258
+ }
1205
1259
  .border-red-500 {
1206
1260
  --tw-border-opacity: 1;
1207
1261
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1256,6 +1310,10 @@ select:-webkit-autofill:focus {
1256
1310
  .bg-black\\/50 {
1257
1311
  background-color: rgb(0 0 0 / 0.5);
1258
1312
  }
1313
+ .bg-blue-100 {
1314
+ --tw-bg-opacity: 1;
1315
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1316
+ }
1259
1317
  .bg-blue-50 {
1260
1318
  --tw-bg-opacity: 1;
1261
1319
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1263,6 +1321,10 @@ select:-webkit-autofill:focus {
1263
1321
  .bg-blue-50\\/50 {
1264
1322
  background-color: rgb(239 246 255 / 0.5);
1265
1323
  }
1324
+ .bg-blue-500 {
1325
+ --tw-bg-opacity: 1;
1326
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1327
+ }
1266
1328
  .bg-blue-500\\/20 {
1267
1329
  background-color: rgb(59 130 246 / 0.2);
1268
1330
  }
@@ -1321,6 +1383,10 @@ select:-webkit-autofill:focus {
1321
1383
  --tw-bg-opacity: 1;
1322
1384
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1323
1385
  }
1386
+ .bg-orange-50 {
1387
+ --tw-bg-opacity: 1;
1388
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1389
+ }
1324
1390
  .bg-orange-500 {
1325
1391
  --tw-bg-opacity: 1;
1326
1392
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -1362,11 +1428,14 @@ select:-webkit-autofill:focus {
1362
1428
  --tw-bg-opacity: 1;
1363
1429
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1364
1430
  }
1431
+ .bg-white\\/15 {
1432
+ background-color: rgb(255 255 255 / 0.15);
1433
+ }
1365
1434
  .bg-white\\/20 {
1366
1435
  background-color: rgb(255 255 255 / 0.2);
1367
1436
  }
1368
- .bg-white\\/30 {
1369
- background-color: rgb(255 255 255 / 0.3);
1437
+ .bg-white\\/40 {
1438
+ background-color: rgb(255 255 255 / 0.4);
1370
1439
  }
1371
1440
  .bg-white\\/50 {
1372
1441
  background-color: rgb(255 255 255 / 0.5);
@@ -1377,6 +1446,10 @@ select:-webkit-autofill:focus {
1377
1446
  .bg-white\\/80 {
1378
1447
  background-color: rgb(255 255 255 / 0.8);
1379
1448
  }
1449
+ .bg-yellow-100 {
1450
+ --tw-bg-opacity: 1;
1451
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1452
+ }
1380
1453
  .bg-yellow-500 {
1381
1454
  --tw-bg-opacity: 1;
1382
1455
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1442,6 +1515,13 @@ select:-webkit-autofill:focus {
1442
1515
  transparent var(--tw-gradient-via-position),
1443
1516
  var(--tw-gradient-to);
1444
1517
  }
1518
+ .via-white\\/50 {
1519
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1520
+ --tw-gradient-stops:
1521
+ var(--tw-gradient-from),
1522
+ rgb(255 255 255 / 0.5) var(--tw-gradient-via-position),
1523
+ var(--tw-gradient-to);
1524
+ }
1445
1525
  .to-black\\/30 {
1446
1526
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
1447
1527
  }
@@ -1451,6 +1531,9 @@ select:-webkit-autofill:focus {
1451
1531
  .to-indigo-50 {
1452
1532
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1453
1533
  }
1534
+ .to-indigo-500\\/10 {
1535
+ --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
1536
+ }
1454
1537
  .to-purple-500 {
1455
1538
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1456
1539
  }
@@ -1460,6 +1543,9 @@ select:-webkit-autofill:focus {
1460
1543
  .to-purple-600\\/10 {
1461
1544
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
1462
1545
  }
1546
+ .to-transparent {
1547
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
1548
+ }
1463
1549
  .bg-cover {
1464
1550
  background-size: cover;
1465
1551
  }
@@ -1719,6 +1805,9 @@ select:-webkit-autofill:focus {
1719
1805
  .text-\\[12px\\] {
1720
1806
  font-size: 12px;
1721
1807
  }
1808
+ .text-\\[13px\\] {
1809
+ font-size: 13px;
1810
+ }
1722
1811
  .text-\\[8px\\] {
1723
1812
  font-size: 8px;
1724
1813
  }
@@ -1874,6 +1963,10 @@ select:-webkit-autofill:focus {
1874
1963
  --tw-text-opacity: 1;
1875
1964
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
1876
1965
  }
1966
+ .text-orange-700 {
1967
+ --tw-text-opacity: 1;
1968
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1969
+ }
1877
1970
  .text-red-500 {
1878
1971
  --tw-text-opacity: 1;
1879
1972
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1905,10 +1998,17 @@ select:-webkit-autofill:focus {
1905
1998
  .text-white\\/70 {
1906
1999
  color: rgb(255 255 255 / 0.7);
1907
2000
  }
2001
+ .text-yellow-600 {
2002
+ --tw-text-opacity: 1;
2003
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2004
+ }
1908
2005
  .text-yellow-700 {
1909
2006
  --tw-text-opacity: 1;
1910
2007
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1911
2008
  }
2009
+ .underline {
2010
+ text-decoration-line: underline;
2011
+ }
1912
2012
  .placeholder-gray-400::-moz-placeholder {
1913
2013
  --tw-placeholder-opacity: 1;
1914
2014
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
@@ -1923,6 +2023,9 @@ select:-webkit-autofill:focus {
1923
2023
  .opacity-100 {
1924
2024
  opacity: 1;
1925
2025
  }
2026
+ .opacity-15 {
2027
+ opacity: 0.15;
2028
+ }
1926
2029
  .opacity-20 {
1927
2030
  opacity: 0.2;
1928
2031
  }
@@ -2004,6 +2107,10 @@ select:-webkit-autofill:focus {
2004
2107
  --tw-shadow-color: #bfdbfe;
2005
2108
  --tw-shadow: var(--tw-shadow-colored);
2006
2109
  }
2110
+ .shadow-indigo-500\\/20 {
2111
+ --tw-shadow-color: rgb(99 102 241 / 0.2);
2112
+ --tw-shadow: var(--tw-shadow-colored);
2113
+ }
2007
2114
  .outline-none {
2008
2115
  outline: 2px solid transparent;
2009
2116
  outline-offset: 2px;
@@ -2072,12 +2179,16 @@ select:-webkit-autofill:focus {
2072
2179
  --tw-blur: blur(64px);
2073
2180
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2074
2181
  }
2075
- .blur-lg {
2076
- --tw-blur: blur(16px);
2182
+ .blur-\\[1px\\] {
2183
+ --tw-blur: blur(1px);
2077
2184
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2078
2185
  }
2079
- .blur-sm {
2080
- --tw-blur: blur(4px);
2186
+ .blur-\\[2px\\] {
2187
+ --tw-blur: blur(2px);
2188
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2189
+ }
2190
+ .blur-lg {
2191
+ --tw-blur: blur(16px);
2081
2192
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2082
2193
  }
2083
2194
  .blur-xl {
@@ -2102,6 +2213,10 @@ select:-webkit-autofill:focus {
2102
2213
  .filter {
2103
2214
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2104
2215
  }
2216
+ .backdrop-blur-\\[2px\\] {
2217
+ --tw-backdrop-blur: blur(2px);
2218
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2219
+ }
2105
2220
  .backdrop-blur-md {
2106
2221
  --tw-backdrop-blur: blur(12px);
2107
2222
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2567,6 +2682,12 @@ select:-webkit-autofill:focus {
2567
2682
  --tw-bg-opacity: 1;
2568
2683
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2569
2684
  }
2685
+ .dark\\:bg-black\\/15:is(.dark *) {
2686
+ background-color: rgb(0 0 0 / 0.15);
2687
+ }
2688
+ .dark\\:bg-black\\/20:is(.dark *) {
2689
+ background-color: rgb(0 0 0 / 0.2);
2690
+ }
2570
2691
  .dark\\:bg-black\\/40:is(.dark *) {
2571
2692
  background-color: rgb(0 0 0 / 0.4);
2572
2693
  }
@@ -2610,6 +2731,9 @@ select:-webkit-autofill:focus {
2610
2731
  .dark\\:bg-green-500\\/10:is(.dark *) {
2611
2732
  background-color: rgb(34 197 94 / 0.1);
2612
2733
  }
2734
+ .dark\\:bg-orange-900\\/10:is(.dark *) {
2735
+ background-color: rgb(124 45 18 / 0.1);
2736
+ }
2613
2737
  .dark\\:bg-red-500:is(.dark *) {
2614
2738
  --tw-bg-opacity: 1;
2615
2739
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2620,6 +2744,9 @@ select:-webkit-autofill:focus {
2620
2744
  .dark\\:bg-red-500\\/20:is(.dark *) {
2621
2745
  background-color: rgb(239 68 68 / 0.2);
2622
2746
  }
2747
+ .dark\\:bg-red-900\\/20:is(.dark *) {
2748
+ background-color: rgb(127 29 29 / 0.2);
2749
+ }
2623
2750
  .dark\\:bg-slate-800\\/50:is(.dark *) {
2624
2751
  background-color: rgb(30 41 59 / 0.5);
2625
2752
  }
@@ -2645,6 +2772,9 @@ select:-webkit-autofill:focus {
2645
2772
  --tw-bg-opacity: 1;
2646
2773
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2647
2774
  }
2775
+ .dark\\:bg-yellow-500\\/10:is(.dark *) {
2776
+ background-color: rgb(234 179 8 / 0.1);
2777
+ }
2648
2778
  .dark\\:bg-zinc-700:is(.dark *) {
2649
2779
  --tw-bg-opacity: 1;
2650
2780
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
@@ -2659,6 +2789,9 @@ select:-webkit-autofill:focus {
2659
2789
  .dark\\:bg-zinc-800\\/50:is(.dark *) {
2660
2790
  background-color: rgb(39 39 42 / 0.5);
2661
2791
  }
2792
+ .dark\\:bg-zinc-800\\/80:is(.dark *) {
2793
+ background-color: rgb(39 39 42 / 0.8);
2794
+ }
2662
2795
  .dark\\:bg-zinc-900:is(.dark *) {
2663
2796
  --tw-bg-opacity: 1;
2664
2797
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -2666,6 +2799,9 @@ select:-webkit-autofill:focus {
2666
2799
  .dark\\:bg-zinc-900\\/10:is(.dark *) {
2667
2800
  background-color: rgb(24 24 27 / 0.1);
2668
2801
  }
2802
+ .dark\\:bg-zinc-900\\/15:is(.dark *) {
2803
+ background-color: rgb(24 24 27 / 0.15);
2804
+ }
2669
2805
  .dark\\:bg-zinc-900\\/20:is(.dark *) {
2670
2806
  background-color: rgb(24 24 27 / 0.2);
2671
2807
  }
@@ -2702,6 +2838,13 @@ select:-webkit-autofill:focus {
2702
2838
  rgb(99 102 241 / 0.05) var(--tw-gradient-via-position),
2703
2839
  var(--tw-gradient-to);
2704
2840
  }
2841
+ .dark\\:via-zinc-400\\/10:is(.dark *) {
2842
+ --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
2843
+ --tw-gradient-stops:
2844
+ var(--tw-gradient-from),
2845
+ rgb(161 161 170 / 0.1) var(--tw-gradient-via-position),
2846
+ var(--tw-gradient-to);
2847
+ }
2705
2848
  .dark\\:to-indigo-900\\/20:is(.dark *) {
2706
2849
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
2707
2850
  }
@@ -2759,6 +2902,10 @@ select:-webkit-autofill:focus {
2759
2902
  --tw-text-opacity: 1;
2760
2903
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
2761
2904
  }
2905
+ .dark\\:text-orange-300:is(.dark *) {
2906
+ --tw-text-opacity: 1;
2907
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2908
+ }
2762
2909
  .dark\\:text-orange-400:is(.dark *) {
2763
2910
  --tw-text-opacity: 1;
2764
2911
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
@@ -2803,6 +2950,10 @@ select:-webkit-autofill:focus {
2803
2950
  --tw-text-opacity: 1;
2804
2951
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2805
2952
  }
2953
+ .dark\\:text-zinc-300:is(.dark *) {
2954
+ --tw-text-opacity: 1;
2955
+ color: rgb(212 212 216 / var(--tw-text-opacity, 1));
2956
+ }
2806
2957
  .dark\\:text-zinc-400:is(.dark *) {
2807
2958
  --tw-text-opacity: 1;
2808
2959
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
@@ -2966,6 +3117,9 @@ select:-webkit-autofill:focus {
2966
3117
  .sm\\:w-36 {
2967
3118
  width: 9rem;
2968
3119
  }
3120
+ .sm\\:grid-cols-2 {
3121
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3122
+ }
2969
3123
  .sm\\:flex-row {
2970
3124
  flex-direction: row;
2971
3125
  }