@gem-sdk/styles 2.0.0-dev.895 → 2.0.0-staging.1059

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/utility.css CHANGED
@@ -17,6 +17,25 @@
17
17
  $(prop): var(--$(prefix)focus-$(var));
18
18
  }
19
19
  } */
20
+ [style*="--as:"] {
21
+ align-self: var(--as);
22
+ }
23
+ [style*="--hvr-as:"]:hover {
24
+ align-self: var(--hvr-as);
25
+ }
26
+ /* .group:hover {
27
+ [style*="--$(prefix)hvr-$(var):"] {
28
+ $(prop): var(--$(prefix)hvr-$(var));
29
+ }
30
+ } */
31
+ [style*="--focus-as:"]:focus {
32
+ align-self: var(--focus-as);
33
+ }
34
+ /* .group:focus {
35
+ [style*="--$(prefix)focus-$(var):"] {
36
+ $(prop): var(--$(prefix)focus-$(var));
37
+ }
38
+ } */
20
39
  [style*="--aspect:"] {
21
40
  aspect-ratio: var(--aspect);
22
41
  }
@@ -226,6 +245,63 @@
226
245
  $(prop): var(--$(prefix)focus-$(var));
227
246
  }
228
247
  } */
248
+ [style*="--blw:"] {
249
+ border-left-width: var(--blw);
250
+ }
251
+ [style*="--hvr-blw:"]:hover {
252
+ border-left-width: var(--hvr-blw);
253
+ }
254
+ /* .group:hover {
255
+ [style*="--$(prefix)hvr-$(var):"] {
256
+ $(prop): var(--$(prefix)hvr-$(var));
257
+ }
258
+ } */
259
+ [style*="--focus-blw:"]:focus {
260
+ border-left-width: var(--focus-blw);
261
+ }
262
+ /* .group:focus {
263
+ [style*="--$(prefix)focus-$(var):"] {
264
+ $(prop): var(--$(prefix)focus-$(var));
265
+ }
266
+ } */
267
+ [style*="--brw:"] {
268
+ border-right-width: var(--brw);
269
+ }
270
+ [style*="--hvr-brw:"]:hover {
271
+ border-right-width: var(--hvr-brw);
272
+ }
273
+ /* .group:hover {
274
+ [style*="--$(prefix)hvr-$(var):"] {
275
+ $(prop): var(--$(prefix)hvr-$(var));
276
+ }
277
+ } */
278
+ [style*="--focus-brw:"]:focus {
279
+ border-right-width: var(--focus-brw);
280
+ }
281
+ /* .group:focus {
282
+ [style*="--$(prefix)focus-$(var):"] {
283
+ $(prop): var(--$(prefix)focus-$(var));
284
+ }
285
+ } */
286
+ [style*="--btw:"] {
287
+ border-top-width: var(--btw);
288
+ }
289
+ [style*="--hvr-btw:"]:hover {
290
+ border-top-width: var(--hvr-btw);
291
+ }
292
+ /* .group:hover {
293
+ [style*="--$(prefix)hvr-$(var):"] {
294
+ $(prop): var(--$(prefix)hvr-$(var));
295
+ }
296
+ } */
297
+ [style*="--focus-btw:"]:focus {
298
+ border-top-width: var(--focus-btw);
299
+ }
300
+ /* .group:focus {
301
+ [style*="--$(prefix)focus-$(var):"] {
302
+ $(prop): var(--$(prefix)focus-$(var));
303
+ }
304
+ } */
229
305
  [style*="--bbc:"] {
230
306
  border-bottom-color: var(--bbc);
231
307
  }
@@ -245,6 +321,63 @@
245
321
  $(prop): var(--$(prefix)focus-$(var));
246
322
  }
247
323
  } */
324
+ [style*="--btc:"] {
325
+ border-top-color: var(--btc);
326
+ }
327
+ [style*="--hvr-btc:"]:hover {
328
+ border-top-color: var(--hvr-btc);
329
+ }
330
+ /* .group:hover {
331
+ [style*="--$(prefix)hvr-$(var):"] {
332
+ $(prop): var(--$(prefix)hvr-$(var));
333
+ }
334
+ } */
335
+ [style*="--focus-btc:"]:focus {
336
+ border-top-color: var(--focus-btc);
337
+ }
338
+ /* .group:focus {
339
+ [style*="--$(prefix)focus-$(var):"] {
340
+ $(prop): var(--$(prefix)focus-$(var));
341
+ }
342
+ } */
343
+ [style*="--blc:"] {
344
+ border-left-color: var(--blc);
345
+ }
346
+ [style*="--hvr-blc:"]:hover {
347
+ border-left-color: var(--hvr-blc);
348
+ }
349
+ /* .group:hover {
350
+ [style*="--$(prefix)hvr-$(var):"] {
351
+ $(prop): var(--$(prefix)hvr-$(var));
352
+ }
353
+ } */
354
+ [style*="--focus-blc:"]:focus {
355
+ border-left-color: var(--focus-blc);
356
+ }
357
+ /* .group:focus {
358
+ [style*="--$(prefix)focus-$(var):"] {
359
+ $(prop): var(--$(prefix)focus-$(var));
360
+ }
361
+ } */
362
+ [style*="--brc:"] {
363
+ border-right-color: var(--brc);
364
+ }
365
+ [style*="--hvr-brc:"]:hover {
366
+ border-right-color: var(--hvr-brc);
367
+ }
368
+ /* .group:hover {
369
+ [style*="--$(prefix)hvr-$(var):"] {
370
+ $(prop): var(--$(prefix)hvr-$(var));
371
+ }
372
+ } */
373
+ [style*="--focus-brc:"]:focus {
374
+ border-right-color: var(--focus-brc);
375
+ }
376
+ /* .group:focus {
377
+ [style*="--$(prefix)focus-$(var):"] {
378
+ $(prop): var(--$(prefix)focus-$(var));
379
+ }
380
+ } */
248
381
  [style*="--bc:"] {
249
382
  border-color: var(--bc);
250
383
  }
@@ -512,12 +645,10 @@
512
645
  }
513
646
  } */
514
647
  [style*="--cg:"] {
515
- -webkit-column-gap: var(--cg);
516
- column-gap: var(--cg);
648
+ column-gap: var(--cg);
517
649
  }
518
650
  [style*="--hvr-cg:"]:hover {
519
- -webkit-column-gap: var(--hvr-cg);
520
- column-gap: var(--hvr-cg);
651
+ column-gap: var(--hvr-cg);
521
652
  }
522
653
  /* .group:hover {
523
654
  [style*="--$(prefix)hvr-$(var):"] {
@@ -525,8 +656,7 @@
525
656
  }
526
657
  } */
527
658
  [style*="--focus-cg:"]:focus {
528
- -webkit-column-gap: var(--focus-cg);
529
- column-gap: var(--focus-cg);
659
+ column-gap: var(--focus-cg);
530
660
  }
531
661
  /* .group:focus {
532
662
  [style*="--$(prefix)focus-$(var):"] {
@@ -666,6 +796,25 @@
666
796
  $(prop): var(--$(prefix)focus-$(var));
667
797
  }
668
798
  } */
799
+ [style*="--gr:"] {
800
+ grid-row: var(--gr);
801
+ }
802
+ [style*="--hvr-gr:"]:hover {
803
+ grid-row: var(--hvr-gr);
804
+ }
805
+ /* .group:hover {
806
+ [style*="--$(prefix)hvr-$(var):"] {
807
+ $(prop): var(--$(prefix)hvr-$(var));
808
+ }
809
+ } */
810
+ [style*="--focus-gr:"]:focus {
811
+ grid-row: var(--focus-gr);
812
+ }
813
+ /* .group:focus {
814
+ [style*="--$(prefix)focus-$(var):"] {
815
+ $(prop): var(--$(prefix)focus-$(var));
816
+ }
817
+ } */
669
818
  [style*="--gtc:"] {
670
819
  grid-template-columns: var(--gtc);
671
820
  }
@@ -742,6 +891,25 @@
742
891
  $(prop): var(--$(prefix)focus-$(var));
743
892
  }
744
893
  } */
894
+ [style*="--js:"] {
895
+ justify-self: var(--js);
896
+ }
897
+ [style*="--hvr-js:"]:hover {
898
+ justify-self: var(--hvr-js);
899
+ }
900
+ /* .group:hover {
901
+ [style*="--$(prefix)hvr-$(var):"] {
902
+ $(prop): var(--$(prefix)hvr-$(var));
903
+ }
904
+ } */
905
+ [style*="--focus-js:"]:focus {
906
+ justify-self: var(--focus-js);
907
+ }
908
+ /* .group:focus {
909
+ [style*="--$(prefix)focus-$(var):"] {
910
+ $(prop): var(--$(prefix)focus-$(var));
911
+ }
912
+ } */
745
913
  [style*="--left:"] {
746
914
  left: var(--left);
747
915
  }
@@ -819,10 +987,12 @@
819
987
  }
820
988
  } */
821
989
  [style*="--tdc:"] {
822
- text-decoration-color: var(--tdc);
990
+ -webkit-text-decoration-color: var(--tdc);
991
+ text-decoration-color: var(--tdc);
823
992
  }
824
993
  [style*="--hvr-tdc:"]:hover {
825
- text-decoration-color: var(--hvr-tdc);
994
+ -webkit-text-decoration-color: var(--hvr-tdc);
995
+ text-decoration-color: var(--hvr-tdc);
826
996
  }
827
997
  /* .group:hover {
828
998
  [style*="--$(prefix)hvr-$(var):"] {
@@ -830,7 +1000,8 @@
830
1000
  }
831
1001
  } */
832
1002
  [style*="--focus-tdc:"]:focus {
833
- text-decoration-color: var(--focus-tdc);
1003
+ -webkit-text-decoration-color: var(--focus-tdc);
1004
+ text-decoration-color: var(--focus-tdc);
834
1005
  }
835
1006
  /* .group:focus {
836
1007
  [style*="--$(prefix)focus-$(var):"] {
@@ -838,10 +1009,12 @@
838
1009
  }
839
1010
  } */
840
1011
  [style*="--tdl:"] {
841
- text-decoration-line: var(--tdl);
1012
+ -webkit-text-decoration-line: var(--tdl);
1013
+ text-decoration-line: var(--tdl);
842
1014
  }
843
1015
  [style*="--hvr-tdl:"]:hover {
844
- text-decoration-line: var(--hvr-tdl);
1016
+ -webkit-text-decoration-line: var(--hvr-tdl);
1017
+ text-decoration-line: var(--hvr-tdl);
845
1018
  }
846
1019
  /* .group:hover {
847
1020
  [style*="--$(prefix)hvr-$(var):"] {
@@ -849,7 +1022,8 @@
849
1022
  }
850
1023
  } */
851
1024
  [style*="--focus-tdl:"]:focus {
852
- text-decoration-line: var(--focus-tdl);
1025
+ -webkit-text-decoration-line: var(--focus-tdl);
1026
+ text-decoration-line: var(--focus-tdl);
853
1027
  }
854
1028
  /* .group:focus {
855
1029
  [style*="--$(prefix)focus-$(var):"] {
@@ -1084,6 +1258,63 @@
1084
1258
  $(prop): var(--$(prefix)focus-$(var));
1085
1259
  }
1086
1260
  } */
1261
+ [style*="--of:"] {
1262
+ overflow: var(--of);
1263
+ }
1264
+ [style*="--hvr-of:"]:hover {
1265
+ overflow: var(--hvr-of);
1266
+ }
1267
+ /* .group:hover {
1268
+ [style*="--$(prefix)hvr-$(var):"] {
1269
+ $(prop): var(--$(prefix)hvr-$(var));
1270
+ }
1271
+ } */
1272
+ [style*="--focus-of:"]:focus {
1273
+ overflow: var(--focus-of);
1274
+ }
1275
+ /* .group:focus {
1276
+ [style*="--$(prefix)focus-$(var):"] {
1277
+ $(prop): var(--$(prefix)focus-$(var));
1278
+ }
1279
+ } */
1280
+ [style*="--ofx:"] {
1281
+ overflow-x: var(--ofx);
1282
+ }
1283
+ [style*="--hvr-ofx:"]:hover {
1284
+ overflow-x: var(--hvr-ofx);
1285
+ }
1286
+ /* .group:hover {
1287
+ [style*="--$(prefix)hvr-$(var):"] {
1288
+ $(prop): var(--$(prefix)hvr-$(var));
1289
+ }
1290
+ } */
1291
+ [style*="--focus-ofx:"]:focus {
1292
+ overflow-x: var(--focus-ofx);
1293
+ }
1294
+ /* .group:focus {
1295
+ [style*="--$(prefix)focus-$(var):"] {
1296
+ $(prop): var(--$(prefix)focus-$(var));
1297
+ }
1298
+ } */
1299
+ [style*="--ofy:"] {
1300
+ overflow-y: var(--ofy);
1301
+ }
1302
+ [style*="--hvr-ofy:"]:hover {
1303
+ overflow-y: var(--hvr-ofy);
1304
+ }
1305
+ /* .group:hover {
1306
+ [style*="--$(prefix)hvr-$(var):"] {
1307
+ $(prop): var(--$(prefix)hvr-$(var));
1308
+ }
1309
+ } */
1310
+ [style*="--focus-ofy:"]:focus {
1311
+ overflow-y: var(--focus-ofy);
1312
+ }
1313
+ /* .group:focus {
1314
+ [style*="--$(prefix)focus-$(var):"] {
1315
+ $(prop): var(--$(prefix)focus-$(var));
1316
+ }
1317
+ } */
1087
1318
  [style*="--pc:"] {
1088
1319
  place-content: var(--pc);
1089
1320
  }
@@ -1351,12 +1582,10 @@
1351
1582
  }
1352
1583
  } */
1353
1584
  [style*="--t:"] {
1354
- -webkit-transform: var(--t);
1355
- transform: var(--t);
1585
+ transform: var(--t);
1356
1586
  }
1357
1587
  [style*="--hvr-t:"]:hover {
1358
- -webkit-transform: var(--hvr-t);
1359
- transform: var(--hvr-t);
1588
+ transform: var(--hvr-t);
1360
1589
  }
1361
1590
  /* .group:hover {
1362
1591
  [style*="--$(prefix)hvr-$(var):"] {
@@ -1364,8 +1593,7 @@
1364
1593
  }
1365
1594
  } */
1366
1595
  [style*="--focus-t:"]:focus {
1367
- -webkit-transform: var(--focus-t);
1368
- transform: var(--focus-t);
1596
+ transform: var(--focus-t);
1369
1597
  }
1370
1598
  /* .group:focus {
1371
1599
  [style*="--$(prefix)focus-$(var):"] {
@@ -1391,6 +1619,25 @@
1391
1619
  $(prop): var(--$(prefix)focus-$(var));
1392
1620
  }
1393
1621
  } */
1622
+ [style*="--ws:"] {
1623
+ white-space: var(--ws);
1624
+ }
1625
+ [style*="--hvr-ws:"]:hover {
1626
+ white-space: var(--hvr-ws);
1627
+ }
1628
+ /* .group:hover {
1629
+ [style*="--$(prefix)hvr-$(var):"] {
1630
+ $(prop): var(--$(prefix)hvr-$(var));
1631
+ }
1632
+ } */
1633
+ [style*="--focus-ws:"]:focus {
1634
+ white-space: var(--focus-ws);
1635
+ }
1636
+ /* .group:focus {
1637
+ [style*="--$(prefix)focus-$(var):"] {
1638
+ $(prop): var(--$(prefix)focus-$(var));
1639
+ }
1640
+ } */
1394
1641
  [style*="--w:"] {
1395
1642
  width: var(--w);
1396
1643
  }
@@ -1429,6 +1676,25 @@
1429
1676
  $(prop): var(--$(prefix)focus-$(var));
1430
1677
  }
1431
1678
  } */
1679
+ [style*="--wm:"] {
1680
+ writing-mode: var(--wm);
1681
+ }
1682
+ [style*="--hvr-wm:"]:hover {
1683
+ writing-mode: var(--hvr-wm);
1684
+ }
1685
+ /* .group:hover {
1686
+ [style*="--$(prefix)hvr-$(var):"] {
1687
+ $(prop): var(--$(prefix)hvr-$(var));
1688
+ }
1689
+ } */
1690
+ [style*="--focus-wm:"]:focus {
1691
+ writing-mode: var(--focus-wm);
1692
+ }
1693
+ /* .group:focus {
1694
+ [style*="--$(prefix)focus-$(var):"] {
1695
+ $(prop): var(--$(prefix)focus-$(var));
1696
+ }
1697
+ } */
1432
1698
  /* Typography Helpers */
1433
1699
  [style*="--line-clamp:"] {
1434
1700
  overflow: hidden;
@@ -1464,7 +1730,7 @@
1464
1730
  .5px .5px var(--$(prefix)text-3d),
1465
1731
  .25px .25px var(--$(prefix)text-3d);
1466
1732
  } */
1467
- @media only screen and (max-width: 1023px) {
1733
+ @media only screen and (max-width: 1024px) {
1468
1734
  [style*="--ai-tablet:"] {
1469
1735
  align-items: var(--ai-tablet);
1470
1736
  }
@@ -1486,6 +1752,27 @@
1486
1752
  $(prop): var(--$(prefix)focus-$(var)-tablet);
1487
1753
  }
1488
1754
  } */
1755
+ [style*="--as-tablet:"] {
1756
+ align-self: var(--as-tablet);
1757
+ }
1758
+
1759
+ [style*="--hvr-as-tablet:"]:hover {
1760
+ align-self: var(--hvr-as-tablet);
1761
+ }
1762
+ /* .group:hover {
1763
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
1764
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
1765
+ }
1766
+ } */
1767
+
1768
+ [style*="--focus-as-tablet:"]:focus {
1769
+ align-self: var(--focus-as-tablet);
1770
+ }
1771
+ /* .group:focus {
1772
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
1773
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
1774
+ }
1775
+ } */
1489
1776
  [style*="--aspect-tablet:"] {
1490
1777
  aspect-ratio: var(--aspect-tablet);
1491
1778
  }
@@ -1717,6 +2004,69 @@
1717
2004
  $(prop): var(--$(prefix)focus-$(var)-tablet);
1718
2005
  }
1719
2006
  } */
2007
+ [style*="--blw-tablet:"] {
2008
+ border-left-width: var(--blw-tablet);
2009
+ }
2010
+
2011
+ [style*="--hvr-blw-tablet:"]:hover {
2012
+ border-left-width: var(--hvr-blw-tablet);
2013
+ }
2014
+ /* .group:hover {
2015
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2016
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2017
+ }
2018
+ } */
2019
+
2020
+ [style*="--focus-blw-tablet:"]:focus {
2021
+ border-left-width: var(--focus-blw-tablet);
2022
+ }
2023
+ /* .group:focus {
2024
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2025
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2026
+ }
2027
+ } */
2028
+ [style*="--brw-tablet:"] {
2029
+ border-right-width: var(--brw-tablet);
2030
+ }
2031
+
2032
+ [style*="--hvr-brw-tablet:"]:hover {
2033
+ border-right-width: var(--hvr-brw-tablet);
2034
+ }
2035
+ /* .group:hover {
2036
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2037
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2038
+ }
2039
+ } */
2040
+
2041
+ [style*="--focus-brw-tablet:"]:focus {
2042
+ border-right-width: var(--focus-brw-tablet);
2043
+ }
2044
+ /* .group:focus {
2045
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2046
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2047
+ }
2048
+ } */
2049
+ [style*="--btw-tablet:"] {
2050
+ border-top-width: var(--btw-tablet);
2051
+ }
2052
+
2053
+ [style*="--hvr-btw-tablet:"]:hover {
2054
+ border-top-width: var(--hvr-btw-tablet);
2055
+ }
2056
+ /* .group:hover {
2057
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2058
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2059
+ }
2060
+ } */
2061
+
2062
+ [style*="--focus-btw-tablet:"]:focus {
2063
+ border-top-width: var(--focus-btw-tablet);
2064
+ }
2065
+ /* .group:focus {
2066
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2067
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2068
+ }
2069
+ } */
1720
2070
  [style*="--bbc-tablet:"] {
1721
2071
  border-bottom-color: var(--bbc-tablet);
1722
2072
  }
@@ -1738,6 +2088,69 @@
1738
2088
  $(prop): var(--$(prefix)focus-$(var)-tablet);
1739
2089
  }
1740
2090
  } */
2091
+ [style*="--btc-tablet:"] {
2092
+ border-top-color: var(--btc-tablet);
2093
+ }
2094
+
2095
+ [style*="--hvr-btc-tablet:"]:hover {
2096
+ border-top-color: var(--hvr-btc-tablet);
2097
+ }
2098
+ /* .group:hover {
2099
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2100
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2101
+ }
2102
+ } */
2103
+
2104
+ [style*="--focus-btc-tablet:"]:focus {
2105
+ border-top-color: var(--focus-btc-tablet);
2106
+ }
2107
+ /* .group:focus {
2108
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2109
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2110
+ }
2111
+ } */
2112
+ [style*="--blc-tablet:"] {
2113
+ border-left-color: var(--blc-tablet);
2114
+ }
2115
+
2116
+ [style*="--hvr-blc-tablet:"]:hover {
2117
+ border-left-color: var(--hvr-blc-tablet);
2118
+ }
2119
+ /* .group:hover {
2120
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2121
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2122
+ }
2123
+ } */
2124
+
2125
+ [style*="--focus-blc-tablet:"]:focus {
2126
+ border-left-color: var(--focus-blc-tablet);
2127
+ }
2128
+ /* .group:focus {
2129
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2130
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2131
+ }
2132
+ } */
2133
+ [style*="--brc-tablet:"] {
2134
+ border-right-color: var(--brc-tablet);
2135
+ }
2136
+
2137
+ [style*="--hvr-brc-tablet:"]:hover {
2138
+ border-right-color: var(--hvr-brc-tablet);
2139
+ }
2140
+ /* .group:hover {
2141
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2142
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2143
+ }
2144
+ } */
2145
+
2146
+ [style*="--focus-brc-tablet:"]:focus {
2147
+ border-right-color: var(--focus-brc-tablet);
2148
+ }
2149
+ /* .group:focus {
2150
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2151
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2152
+ }
2153
+ } */
1741
2154
  [style*="--bc-tablet:"] {
1742
2155
  border-color: var(--bc-tablet);
1743
2156
  }
@@ -2033,13 +2446,11 @@
2033
2446
  }
2034
2447
  } */
2035
2448
  [style*="--cg-tablet:"] {
2036
- -webkit-column-gap: var(--cg-tablet);
2037
- column-gap: var(--cg-tablet);
2449
+ column-gap: var(--cg-tablet);
2038
2450
  }
2039
2451
 
2040
2452
  [style*="--hvr-cg-tablet:"]:hover {
2041
- -webkit-column-gap: var(--hvr-cg-tablet);
2042
- column-gap: var(--hvr-cg-tablet);
2453
+ column-gap: var(--hvr-cg-tablet);
2043
2454
  }
2044
2455
  /* .group:hover {
2045
2456
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2048,8 +2459,7 @@
2048
2459
  } */
2049
2460
 
2050
2461
  [style*="--focus-cg-tablet:"]:focus {
2051
- -webkit-column-gap: var(--focus-cg-tablet);
2052
- column-gap: var(--focus-cg-tablet);
2462
+ column-gap: var(--focus-cg-tablet);
2053
2463
  }
2054
2464
  /* .group:focus {
2055
2465
  [style*="--$(prefix)focus-$(var)-tablet:"] {
@@ -2203,6 +2613,27 @@
2203
2613
  $(prop): var(--$(prefix)focus-$(var)-tablet);
2204
2614
  }
2205
2615
  } */
2616
+ [style*="--gr-tablet:"] {
2617
+ grid-row: var(--gr-tablet);
2618
+ }
2619
+
2620
+ [style*="--hvr-gr-tablet:"]:hover {
2621
+ grid-row: var(--hvr-gr-tablet);
2622
+ }
2623
+ /* .group:hover {
2624
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2625
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2626
+ }
2627
+ } */
2628
+
2629
+ [style*="--focus-gr-tablet:"]:focus {
2630
+ grid-row: var(--focus-gr-tablet);
2631
+ }
2632
+ /* .group:focus {
2633
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2634
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2635
+ }
2636
+ } */
2206
2637
  [style*="--gtc-tablet:"] {
2207
2638
  grid-template-columns: var(--gtc-tablet);
2208
2639
  }
@@ -2287,6 +2718,27 @@
2287
2718
  $(prop): var(--$(prefix)focus-$(var)-tablet);
2288
2719
  }
2289
2720
  } */
2721
+ [style*="--js-tablet:"] {
2722
+ justify-self: var(--js-tablet);
2723
+ }
2724
+
2725
+ [style*="--hvr-js-tablet:"]:hover {
2726
+ justify-self: var(--hvr-js-tablet);
2727
+ }
2728
+ /* .group:hover {
2729
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
2730
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
2731
+ }
2732
+ } */
2733
+
2734
+ [style*="--focus-js-tablet:"]:focus {
2735
+ justify-self: var(--focus-js-tablet);
2736
+ }
2737
+ /* .group:focus {
2738
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
2739
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
2740
+ }
2741
+ } */
2290
2742
  [style*="--left-tablet:"] {
2291
2743
  left: var(--left-tablet);
2292
2744
  }
@@ -2372,11 +2824,13 @@
2372
2824
  }
2373
2825
  } */
2374
2826
  [style*="--tdc-tablet:"] {
2375
- text-decoration-color: var(--tdc-tablet);
2827
+ -webkit-text-decoration-color: var(--tdc-tablet);
2828
+ text-decoration-color: var(--tdc-tablet);
2376
2829
  }
2377
2830
 
2378
2831
  [style*="--hvr-tdc-tablet:"]:hover {
2379
- text-decoration-color: var(--hvr-tdc-tablet);
2832
+ -webkit-text-decoration-color: var(--hvr-tdc-tablet);
2833
+ text-decoration-color: var(--hvr-tdc-tablet);
2380
2834
  }
2381
2835
  /* .group:hover {
2382
2836
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2385,7 +2839,8 @@
2385
2839
  } */
2386
2840
 
2387
2841
  [style*="--focus-tdc-tablet:"]:focus {
2388
- text-decoration-color: var(--focus-tdc-tablet);
2842
+ -webkit-text-decoration-color: var(--focus-tdc-tablet);
2843
+ text-decoration-color: var(--focus-tdc-tablet);
2389
2844
  }
2390
2845
  /* .group:focus {
2391
2846
  [style*="--$(prefix)focus-$(var)-tablet:"] {
@@ -2393,11 +2848,13 @@
2393
2848
  }
2394
2849
  } */
2395
2850
  [style*="--tdl-tablet:"] {
2396
- text-decoration-line: var(--tdl-tablet);
2851
+ -webkit-text-decoration-line: var(--tdl-tablet);
2852
+ text-decoration-line: var(--tdl-tablet);
2397
2853
  }
2398
2854
 
2399
2855
  [style*="--hvr-tdl-tablet:"]:hover {
2400
- text-decoration-line: var(--hvr-tdl-tablet);
2856
+ -webkit-text-decoration-line: var(--hvr-tdl-tablet);
2857
+ text-decoration-line: var(--hvr-tdl-tablet);
2401
2858
  }
2402
2859
  /* .group:hover {
2403
2860
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2406,7 +2863,8 @@
2406
2863
  } */
2407
2864
 
2408
2865
  [style*="--focus-tdl-tablet:"]:focus {
2409
- text-decoration-line: var(--focus-tdl-tablet);
2866
+ -webkit-text-decoration-line: var(--focus-tdl-tablet);
2867
+ text-decoration-line: var(--focus-tdl-tablet);
2410
2868
  }
2411
2869
  /* .group:focus {
2412
2870
  [style*="--$(prefix)focus-$(var)-tablet:"] {
@@ -2606,8 +3064,71 @@
2606
3064
  object-fit: var(--objf-tablet);
2607
3065
  }
2608
3066
 
2609
- [style*="--hvr-objf-tablet:"]:hover {
2610
- object-fit: var(--hvr-objf-tablet);
3067
+ [style*="--hvr-objf-tablet:"]:hover {
3068
+ object-fit: var(--hvr-objf-tablet);
3069
+ }
3070
+ /* .group:hover {
3071
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
3072
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
3073
+ }
3074
+ } */
3075
+
3076
+ [style*="--focus-objf-tablet:"]:focus {
3077
+ object-fit: var(--focus-objf-tablet);
3078
+ }
3079
+ /* .group:focus {
3080
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
3081
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
3082
+ }
3083
+ } */
3084
+ [style*="--op-tablet:"] {
3085
+ opacity: var(--op-tablet);
3086
+ }
3087
+
3088
+ [style*="--hvr-op-tablet:"]:hover {
3089
+ opacity: var(--hvr-op-tablet);
3090
+ }
3091
+ /* .group:hover {
3092
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
3093
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
3094
+ }
3095
+ } */
3096
+
3097
+ [style*="--focus-op-tablet:"]:focus {
3098
+ opacity: var(--focus-op-tablet);
3099
+ }
3100
+ /* .group:focus {
3101
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
3102
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
3103
+ }
3104
+ } */
3105
+ [style*="--o-tablet:"] {
3106
+ order: var(--o-tablet);
3107
+ }
3108
+
3109
+ [style*="--hvr-o-tablet:"]:hover {
3110
+ order: var(--hvr-o-tablet);
3111
+ }
3112
+ /* .group:hover {
3113
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
3114
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
3115
+ }
3116
+ } */
3117
+
3118
+ [style*="--focus-o-tablet:"]:focus {
3119
+ order: var(--focus-o-tablet);
3120
+ }
3121
+ /* .group:focus {
3122
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
3123
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
3124
+ }
3125
+ } */
3126
+ [style*="--of-tablet:"] {
3127
+ overflow: var(--of-tablet);
3128
+ }
3129
+
3130
+ [style*="--hvr-of-tablet:"]:hover {
3131
+ overflow: var(--hvr-of-tablet);
2611
3132
  }
2612
3133
  /* .group:hover {
2613
3134
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2615,20 +3136,20 @@
2615
3136
  }
2616
3137
  } */
2617
3138
 
2618
- [style*="--focus-objf-tablet:"]:focus {
2619
- object-fit: var(--focus-objf-tablet);
3139
+ [style*="--focus-of-tablet:"]:focus {
3140
+ overflow: var(--focus-of-tablet);
2620
3141
  }
2621
3142
  /* .group:focus {
2622
3143
  [style*="--$(prefix)focus-$(var)-tablet:"] {
2623
3144
  $(prop): var(--$(prefix)focus-$(var)-tablet);
2624
3145
  }
2625
3146
  } */
2626
- [style*="--op-tablet:"] {
2627
- opacity: var(--op-tablet);
3147
+ [style*="--ofx-tablet:"] {
3148
+ overflow-x: var(--ofx-tablet);
2628
3149
  }
2629
3150
 
2630
- [style*="--hvr-op-tablet:"]:hover {
2631
- opacity: var(--hvr-op-tablet);
3151
+ [style*="--hvr-ofx-tablet:"]:hover {
3152
+ overflow-x: var(--hvr-ofx-tablet);
2632
3153
  }
2633
3154
  /* .group:hover {
2634
3155
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2636,20 +3157,20 @@
2636
3157
  }
2637
3158
  } */
2638
3159
 
2639
- [style*="--focus-op-tablet:"]:focus {
2640
- opacity: var(--focus-op-tablet);
3160
+ [style*="--focus-ofx-tablet:"]:focus {
3161
+ overflow-x: var(--focus-ofx-tablet);
2641
3162
  }
2642
3163
  /* .group:focus {
2643
3164
  [style*="--$(prefix)focus-$(var)-tablet:"] {
2644
3165
  $(prop): var(--$(prefix)focus-$(var)-tablet);
2645
3166
  }
2646
3167
  } */
2647
- [style*="--o-tablet:"] {
2648
- order: var(--o-tablet);
3168
+ [style*="--ofy-tablet:"] {
3169
+ overflow-y: var(--ofy-tablet);
2649
3170
  }
2650
3171
 
2651
- [style*="--hvr-o-tablet:"]:hover {
2652
- order: var(--hvr-o-tablet);
3172
+ [style*="--hvr-ofy-tablet:"]:hover {
3173
+ overflow-y: var(--hvr-ofy-tablet);
2653
3174
  }
2654
3175
  /* .group:hover {
2655
3176
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2657,8 +3178,8 @@
2657
3178
  }
2658
3179
  } */
2659
3180
 
2660
- [style*="--focus-o-tablet:"]:focus {
2661
- order: var(--focus-o-tablet);
3181
+ [style*="--focus-ofy-tablet:"]:focus {
3182
+ overflow-y: var(--focus-ofy-tablet);
2662
3183
  }
2663
3184
  /* .group:focus {
2664
3185
  [style*="--$(prefix)focus-$(var)-tablet:"] {
@@ -2960,13 +3481,11 @@
2960
3481
  }
2961
3482
  } */
2962
3483
  [style*="--t-tablet:"] {
2963
- -webkit-transform: var(--t-tablet);
2964
- transform: var(--t-tablet);
3484
+ transform: var(--t-tablet);
2965
3485
  }
2966
3486
 
2967
3487
  [style*="--hvr-t-tablet:"]:hover {
2968
- -webkit-transform: var(--hvr-t-tablet);
2969
- transform: var(--hvr-t-tablet);
3488
+ transform: var(--hvr-t-tablet);
2970
3489
  }
2971
3490
  /* .group:hover {
2972
3491
  [style*="--$(prefix)hvr-$(var)-tablet:"] {
@@ -2975,8 +3494,7 @@
2975
3494
  } */
2976
3495
 
2977
3496
  [style*="--focus-t-tablet:"]:focus {
2978
- -webkit-transform: var(--focus-t-tablet);
2979
- transform: var(--focus-t-tablet);
3497
+ transform: var(--focus-t-tablet);
2980
3498
  }
2981
3499
  /* .group:focus {
2982
3500
  [style*="--$(prefix)focus-$(var)-tablet:"] {
@@ -3004,6 +3522,27 @@
3004
3522
  $(prop): var(--$(prefix)focus-$(var)-tablet);
3005
3523
  }
3006
3524
  } */
3525
+ [style*="--ws-tablet:"] {
3526
+ white-space: var(--ws-tablet);
3527
+ }
3528
+
3529
+ [style*="--hvr-ws-tablet:"]:hover {
3530
+ white-space: var(--hvr-ws-tablet);
3531
+ }
3532
+ /* .group:hover {
3533
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
3534
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
3535
+ }
3536
+ } */
3537
+
3538
+ [style*="--focus-ws-tablet:"]:focus {
3539
+ white-space: var(--focus-ws-tablet);
3540
+ }
3541
+ /* .group:focus {
3542
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
3543
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
3544
+ }
3545
+ } */
3007
3546
  [style*="--w-tablet:"] {
3008
3547
  width: var(--w-tablet);
3009
3548
  }
@@ -3046,6 +3585,27 @@
3046
3585
  $(prop): var(--$(prefix)focus-$(var)-tablet);
3047
3586
  }
3048
3587
  } */
3588
+ [style*="--wm-tablet:"] {
3589
+ writing-mode: var(--wm-tablet);
3590
+ }
3591
+
3592
+ [style*="--hvr-wm-tablet:"]:hover {
3593
+ writing-mode: var(--hvr-wm-tablet);
3594
+ }
3595
+ /* .group:hover {
3596
+ [style*="--$(prefix)hvr-$(var)-tablet:"] {
3597
+ $(prop): var(--$(prefix)hvr-$(var)-tablet);
3598
+ }
3599
+ } */
3600
+
3601
+ [style*="--focus-wm-tablet:"]:focus {
3602
+ writing-mode: var(--focus-wm-tablet);
3603
+ }
3604
+ /* .group:focus {
3605
+ [style*="--$(prefix)focus-$(var)-tablet:"] {
3606
+ $(prop): var(--$(prefix)focus-$(var)-tablet);
3607
+ }
3608
+ } */
3049
3609
  [style*="--line-clamp-tablet:"] {
3050
3610
  overflow: hidden;
3051
3611
  display: -webkit-box;
@@ -3075,6 +3635,27 @@
3075
3635
  $(prop): var(--$(prefix)focus-$(var)-mobile);
3076
3636
  }
3077
3637
  } */
3638
+ [style*="--as-mobile:"] {
3639
+ align-self: var(--as-mobile);
3640
+ }
3641
+
3642
+ [style*="--hvr-as-mobile:"]:hover {
3643
+ align-self: var(--hvr-as-mobile);
3644
+ }
3645
+ /* .group:hover {
3646
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
3647
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
3648
+ }
3649
+ } */
3650
+
3651
+ [style*="--focus-as-mobile:"]:focus {
3652
+ align-self: var(--focus-as-mobile);
3653
+ }
3654
+ /* .group:focus {
3655
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
3656
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
3657
+ }
3658
+ } */
3078
3659
  [style*="--aspect-mobile:"] {
3079
3660
  aspect-ratio: var(--aspect-mobile);
3080
3661
  }
@@ -3306,6 +3887,69 @@
3306
3887
  $(prop): var(--$(prefix)focus-$(var)-mobile);
3307
3888
  }
3308
3889
  } */
3890
+ [style*="--blw-mobile:"] {
3891
+ border-left-width: var(--blw-mobile);
3892
+ }
3893
+
3894
+ [style*="--hvr-blw-mobile:"]:hover {
3895
+ border-left-width: var(--hvr-blw-mobile);
3896
+ }
3897
+ /* .group:hover {
3898
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
3899
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
3900
+ }
3901
+ } */
3902
+
3903
+ [style*="--focus-blw-mobile:"]:focus {
3904
+ border-left-width: var(--focus-blw-mobile);
3905
+ }
3906
+ /* .group:focus {
3907
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
3908
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
3909
+ }
3910
+ } */
3911
+ [style*="--brw-mobile:"] {
3912
+ border-right-width: var(--brw-mobile);
3913
+ }
3914
+
3915
+ [style*="--hvr-brw-mobile:"]:hover {
3916
+ border-right-width: var(--hvr-brw-mobile);
3917
+ }
3918
+ /* .group:hover {
3919
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
3920
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
3921
+ }
3922
+ } */
3923
+
3924
+ [style*="--focus-brw-mobile:"]:focus {
3925
+ border-right-width: var(--focus-brw-mobile);
3926
+ }
3927
+ /* .group:focus {
3928
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
3929
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
3930
+ }
3931
+ } */
3932
+ [style*="--btw-mobile:"] {
3933
+ border-top-width: var(--btw-mobile);
3934
+ }
3935
+
3936
+ [style*="--hvr-btw-mobile:"]:hover {
3937
+ border-top-width: var(--hvr-btw-mobile);
3938
+ }
3939
+ /* .group:hover {
3940
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
3941
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
3942
+ }
3943
+ } */
3944
+
3945
+ [style*="--focus-btw-mobile:"]:focus {
3946
+ border-top-width: var(--focus-btw-mobile);
3947
+ }
3948
+ /* .group:focus {
3949
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
3950
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
3951
+ }
3952
+ } */
3309
3953
  [style*="--bbc-mobile:"] {
3310
3954
  border-bottom-color: var(--bbc-mobile);
3311
3955
  }
@@ -3327,6 +3971,69 @@
3327
3971
  $(prop): var(--$(prefix)focus-$(var)-mobile);
3328
3972
  }
3329
3973
  } */
3974
+ [style*="--btc-mobile:"] {
3975
+ border-top-color: var(--btc-mobile);
3976
+ }
3977
+
3978
+ [style*="--hvr-btc-mobile:"]:hover {
3979
+ border-top-color: var(--hvr-btc-mobile);
3980
+ }
3981
+ /* .group:hover {
3982
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
3983
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
3984
+ }
3985
+ } */
3986
+
3987
+ [style*="--focus-btc-mobile:"]:focus {
3988
+ border-top-color: var(--focus-btc-mobile);
3989
+ }
3990
+ /* .group:focus {
3991
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
3992
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
3993
+ }
3994
+ } */
3995
+ [style*="--blc-mobile:"] {
3996
+ border-left-color: var(--blc-mobile);
3997
+ }
3998
+
3999
+ [style*="--hvr-blc-mobile:"]:hover {
4000
+ border-left-color: var(--hvr-blc-mobile);
4001
+ }
4002
+ /* .group:hover {
4003
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
4004
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
4005
+ }
4006
+ } */
4007
+
4008
+ [style*="--focus-blc-mobile:"]:focus {
4009
+ border-left-color: var(--focus-blc-mobile);
4010
+ }
4011
+ /* .group:focus {
4012
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
4013
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
4014
+ }
4015
+ } */
4016
+ [style*="--brc-mobile:"] {
4017
+ border-right-color: var(--brc-mobile);
4018
+ }
4019
+
4020
+ [style*="--hvr-brc-mobile:"]:hover {
4021
+ border-right-color: var(--hvr-brc-mobile);
4022
+ }
4023
+ /* .group:hover {
4024
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
4025
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
4026
+ }
4027
+ } */
4028
+
4029
+ [style*="--focus-brc-mobile:"]:focus {
4030
+ border-right-color: var(--focus-brc-mobile);
4031
+ }
4032
+ /* .group:focus {
4033
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
4034
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
4035
+ }
4036
+ } */
3330
4037
  [style*="--bc-mobile:"] {
3331
4038
  border-color: var(--bc-mobile);
3332
4039
  }
@@ -3622,13 +4329,11 @@
3622
4329
  }
3623
4330
  } */
3624
4331
  [style*="--cg-mobile:"] {
3625
- -webkit-column-gap: var(--cg-mobile);
3626
- column-gap: var(--cg-mobile);
4332
+ column-gap: var(--cg-mobile);
3627
4333
  }
3628
4334
 
3629
4335
  [style*="--hvr-cg-mobile:"]:hover {
3630
- -webkit-column-gap: var(--hvr-cg-mobile);
3631
- column-gap: var(--hvr-cg-mobile);
4336
+ column-gap: var(--hvr-cg-mobile);
3632
4337
  }
3633
4338
  /* .group:hover {
3634
4339
  [style*="--$(prefix)hvr-$(var)-mobile:"] {
@@ -3637,8 +4342,7 @@
3637
4342
  } */
3638
4343
 
3639
4344
  [style*="--focus-cg-mobile:"]:focus {
3640
- -webkit-column-gap: var(--focus-cg-mobile);
3641
- column-gap: var(--focus-cg-mobile);
4345
+ column-gap: var(--focus-cg-mobile);
3642
4346
  }
3643
4347
  /* .group:focus {
3644
4348
  [style*="--$(prefix)focus-$(var)-mobile:"] {
@@ -3792,6 +4496,27 @@
3792
4496
  $(prop): var(--$(prefix)focus-$(var)-mobile);
3793
4497
  }
3794
4498
  } */
4499
+ [style*="--gr-mobile:"] {
4500
+ grid-row: var(--gr-mobile);
4501
+ }
4502
+
4503
+ [style*="--hvr-gr-mobile:"]:hover {
4504
+ grid-row: var(--hvr-gr-mobile);
4505
+ }
4506
+ /* .group:hover {
4507
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
4508
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
4509
+ }
4510
+ } */
4511
+
4512
+ [style*="--focus-gr-mobile:"]:focus {
4513
+ grid-row: var(--focus-gr-mobile);
4514
+ }
4515
+ /* .group:focus {
4516
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
4517
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
4518
+ }
4519
+ } */
3795
4520
  [style*="--gtc-mobile:"] {
3796
4521
  grid-template-columns: var(--gtc-mobile);
3797
4522
  }
@@ -3876,6 +4601,27 @@
3876
4601
  $(prop): var(--$(prefix)focus-$(var)-mobile);
3877
4602
  }
3878
4603
  } */
4604
+ [style*="--js-mobile:"] {
4605
+ justify-self: var(--js-mobile);
4606
+ }
4607
+
4608
+ [style*="--hvr-js-mobile:"]:hover {
4609
+ justify-self: var(--hvr-js-mobile);
4610
+ }
4611
+ /* .group:hover {
4612
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
4613
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
4614
+ }
4615
+ } */
4616
+
4617
+ [style*="--focus-js-mobile:"]:focus {
4618
+ justify-self: var(--focus-js-mobile);
4619
+ }
4620
+ /* .group:focus {
4621
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
4622
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
4623
+ }
4624
+ } */
3879
4625
  [style*="--left-mobile:"] {
3880
4626
  left: var(--left-mobile);
3881
4627
  }
@@ -3961,11 +4707,13 @@
3961
4707
  }
3962
4708
  } */
3963
4709
  [style*="--tdc-mobile:"] {
3964
- text-decoration-color: var(--tdc-mobile);
4710
+ -webkit-text-decoration-color: var(--tdc-mobile);
4711
+ text-decoration-color: var(--tdc-mobile);
3965
4712
  }
3966
4713
 
3967
4714
  [style*="--hvr-tdc-mobile:"]:hover {
3968
- text-decoration-color: var(--hvr-tdc-mobile);
4715
+ -webkit-text-decoration-color: var(--hvr-tdc-mobile);
4716
+ text-decoration-color: var(--hvr-tdc-mobile);
3969
4717
  }
3970
4718
  /* .group:hover {
3971
4719
  [style*="--$(prefix)hvr-$(var)-mobile:"] {
@@ -3974,7 +4722,8 @@
3974
4722
  } */
3975
4723
 
3976
4724
  [style*="--focus-tdc-mobile:"]:focus {
3977
- text-decoration-color: var(--focus-tdc-mobile);
4725
+ -webkit-text-decoration-color: var(--focus-tdc-mobile);
4726
+ text-decoration-color: var(--focus-tdc-mobile);
3978
4727
  }
3979
4728
  /* .group:focus {
3980
4729
  [style*="--$(prefix)focus-$(var)-mobile:"] {
@@ -3982,11 +4731,13 @@
3982
4731
  }
3983
4732
  } */
3984
4733
  [style*="--tdl-mobile:"] {
3985
- text-decoration-line: var(--tdl-mobile);
4734
+ -webkit-text-decoration-line: var(--tdl-mobile);
4735
+ text-decoration-line: var(--tdl-mobile);
3986
4736
  }
3987
4737
 
3988
4738
  [style*="--hvr-tdl-mobile:"]:hover {
3989
- text-decoration-line: var(--hvr-tdl-mobile);
4739
+ -webkit-text-decoration-line: var(--hvr-tdl-mobile);
4740
+ text-decoration-line: var(--hvr-tdl-mobile);
3990
4741
  }
3991
4742
  /* .group:hover {
3992
4743
  [style*="--$(prefix)hvr-$(var)-mobile:"] {
@@ -3995,7 +4746,8 @@
3995
4746
  } */
3996
4747
 
3997
4748
  [style*="--focus-tdl-mobile:"]:focus {
3998
- text-decoration-line: var(--focus-tdl-mobile);
4749
+ -webkit-text-decoration-line: var(--focus-tdl-mobile);
4750
+ text-decoration-line: var(--focus-tdl-mobile);
3999
4751
  }
4000
4752
  /* .group:focus {
4001
4753
  [style*="--$(prefix)focus-$(var)-mobile:"] {
@@ -4254,6 +5006,69 @@
4254
5006
  $(prop): var(--$(prefix)focus-$(var)-mobile);
4255
5007
  }
4256
5008
  } */
5009
+ [style*="--of-mobile:"] {
5010
+ overflow: var(--of-mobile);
5011
+ }
5012
+
5013
+ [style*="--hvr-of-mobile:"]:hover {
5014
+ overflow: var(--hvr-of-mobile);
5015
+ }
5016
+ /* .group:hover {
5017
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
5018
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
5019
+ }
5020
+ } */
5021
+
5022
+ [style*="--focus-of-mobile:"]:focus {
5023
+ overflow: var(--focus-of-mobile);
5024
+ }
5025
+ /* .group:focus {
5026
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
5027
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
5028
+ }
5029
+ } */
5030
+ [style*="--ofx-mobile:"] {
5031
+ overflow-x: var(--ofx-mobile);
5032
+ }
5033
+
5034
+ [style*="--hvr-ofx-mobile:"]:hover {
5035
+ overflow-x: var(--hvr-ofx-mobile);
5036
+ }
5037
+ /* .group:hover {
5038
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
5039
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
5040
+ }
5041
+ } */
5042
+
5043
+ [style*="--focus-ofx-mobile:"]:focus {
5044
+ overflow-x: var(--focus-ofx-mobile);
5045
+ }
5046
+ /* .group:focus {
5047
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
5048
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
5049
+ }
5050
+ } */
5051
+ [style*="--ofy-mobile:"] {
5052
+ overflow-y: var(--ofy-mobile);
5053
+ }
5054
+
5055
+ [style*="--hvr-ofy-mobile:"]:hover {
5056
+ overflow-y: var(--hvr-ofy-mobile);
5057
+ }
5058
+ /* .group:hover {
5059
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
5060
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
5061
+ }
5062
+ } */
5063
+
5064
+ [style*="--focus-ofy-mobile:"]:focus {
5065
+ overflow-y: var(--focus-ofy-mobile);
5066
+ }
5067
+ /* .group:focus {
5068
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
5069
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
5070
+ }
5071
+ } */
4257
5072
  [style*="--pc-mobile:"] {
4258
5073
  place-content: var(--pc-mobile);
4259
5074
  }
@@ -4549,13 +5364,11 @@
4549
5364
  }
4550
5365
  } */
4551
5366
  [style*="--t-mobile:"] {
4552
- -webkit-transform: var(--t-mobile);
4553
- transform: var(--t-mobile);
5367
+ transform: var(--t-mobile);
4554
5368
  }
4555
5369
 
4556
5370
  [style*="--hvr-t-mobile:"]:hover {
4557
- -webkit-transform: var(--hvr-t-mobile);
4558
- transform: var(--hvr-t-mobile);
5371
+ transform: var(--hvr-t-mobile);
4559
5372
  }
4560
5373
  /* .group:hover {
4561
5374
  [style*="--$(prefix)hvr-$(var)-mobile:"] {
@@ -4564,8 +5377,7 @@
4564
5377
  } */
4565
5378
 
4566
5379
  [style*="--focus-t-mobile:"]:focus {
4567
- -webkit-transform: var(--focus-t-mobile);
4568
- transform: var(--focus-t-mobile);
5380
+ transform: var(--focus-t-mobile);
4569
5381
  }
4570
5382
  /* .group:focus {
4571
5383
  [style*="--$(prefix)focus-$(var)-mobile:"] {
@@ -4593,6 +5405,27 @@
4593
5405
  $(prop): var(--$(prefix)focus-$(var)-mobile);
4594
5406
  }
4595
5407
  } */
5408
+ [style*="--ws-mobile:"] {
5409
+ white-space: var(--ws-mobile);
5410
+ }
5411
+
5412
+ [style*="--hvr-ws-mobile:"]:hover {
5413
+ white-space: var(--hvr-ws-mobile);
5414
+ }
5415
+ /* .group:hover {
5416
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
5417
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
5418
+ }
5419
+ } */
5420
+
5421
+ [style*="--focus-ws-mobile:"]:focus {
5422
+ white-space: var(--focus-ws-mobile);
5423
+ }
5424
+ /* .group:focus {
5425
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
5426
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
5427
+ }
5428
+ } */
4596
5429
  [style*="--w-mobile:"] {
4597
5430
  width: var(--w-mobile);
4598
5431
  }
@@ -4635,6 +5468,27 @@
4635
5468
  $(prop): var(--$(prefix)focus-$(var)-mobile);
4636
5469
  }
4637
5470
  } */
5471
+ [style*="--wm-mobile:"] {
5472
+ writing-mode: var(--wm-mobile);
5473
+ }
5474
+
5475
+ [style*="--hvr-wm-mobile:"]:hover {
5476
+ writing-mode: var(--hvr-wm-mobile);
5477
+ }
5478
+ /* .group:hover {
5479
+ [style*="--$(prefix)hvr-$(var)-mobile:"] {
5480
+ $(prop): var(--$(prefix)hvr-$(var)-mobile);
5481
+ }
5482
+ } */
5483
+
5484
+ [style*="--focus-wm-mobile:"]:focus {
5485
+ writing-mode: var(--focus-wm-mobile);
5486
+ }
5487
+ /* .group:focus {
5488
+ [style*="--$(prefix)focus-$(var)-mobile:"] {
5489
+ $(prop): var(--$(prefix)focus-$(var)-mobile);
5490
+ }
5491
+ } */
4638
5492
  [style*="--line-clamp-mobile:"] {
4639
5493
  overflow: hidden;
4640
5494
  display: -webkit-box;