@unifiedsoftware/styles 2.0.0-alpha.7 → 2.0.0-alpha.8

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/css/styles.css CHANGED
@@ -744,10 +744,41 @@
744
744
  .us-input--clearable:hover .us-input__clearable {
745
745
  transform: scale(0.75);
746
746
  }
747
- .us-input__clearable {
747
+ .us-input-group {
748
+ display: flex;
749
+ align-items: center;
750
+ }
751
+ .us-input-group .us-input {
752
+ border-radius: 0px;
753
+ }
754
+ .us-input-group .us-input:first-of-type {
755
+ border-top-left-radius: var(--us-input-border-radius);
756
+ border-bottom-left-radius: var(--us-input-border-radius);
757
+ }
758
+ .us-input-group .us-input:last-of-type {
759
+ border-top-right-radius: var(--us-input-border-radius);
760
+ border-bottom-right-radius: var(--us-input-border-radius);
761
+ }
762
+ .us-input__icon {
763
+ padding: 0;
748
764
  display: flex;
749
765
  justify-content: center;
750
766
  align-items: center;
767
+ border: none;
768
+ outline: none;
769
+ background-color: transparent;
770
+ }
771
+ .us-input__icon--opacity {
772
+ opacity: 0;
773
+ }
774
+ .us-input__icon--pointer {
775
+ cursor: pointer;
776
+ }
777
+ .us-input:hover .us-input__icon--opacity-hoverable {
778
+ opacity: 0.5;
779
+ }
780
+ .us-input:hover .us-input__icon--opacity-hoverable:hover {
781
+ opacity: 1;
751
782
  }
752
783
  .us-input__content {
753
784
  flex: 1;
@@ -814,8 +845,13 @@
814
845
  }
815
846
  .us-input__start-content, .us-input__end-content {
816
847
  flex-shrink: 0;
848
+ height: 100%;
817
849
  display: flex;
818
850
  align-items: center;
851
+ font-size: var(--us-input-font-size);
852
+ font-family: var(--us-input-font-family);
853
+ line-height: var(--us-input-line-height);
854
+ gap: var(--us-input-content-gap);
819
855
  }
820
856
  .us-input__start-content .us-icon, .us-input__end-content .us-icon {
821
857
  font-size: var(--us-input-icon-size);
@@ -1655,6 +1691,7 @@
1655
1691
  color: var(--us-card-header-subtitle-color);
1656
1692
  }
1657
1693
  .us-card-body {
1694
+ position: relative;
1658
1695
  padding-block: var(--us-card-body-padding-y);
1659
1696
  padding-inline: var(--us-card-body-padding-x);
1660
1697
  font-size: var(--us-card-body-font-size);
@@ -1704,37 +1741,38 @@
1704
1741
  height: 100%;
1705
1742
  object-fit: cover;
1706
1743
  }
1707
- .us-card-header--underlined {
1744
+ .us-card--divider .us-card-body {
1708
1745
  margin-bottom: var(--us-card-padding-y);
1746
+ margin-top: var(--us-card-padding-y);
1709
1747
  }
1710
- .us-card-header--underlined::after {
1748
+ .us-card--divider .us-card-body::before {
1711
1749
  content: "";
1712
1750
  position: absolute;
1713
- left: calc(var(--us-card-padding-x) * -1);
1714
- right: calc(var(--us-card-padding-x) * -1);
1715
- bottom: calc(var(--us-card-padding-y) * -1);
1716
- border-bottom: 1px solid var(--us-card-border-color);
1717
- }
1718
- .us-card-footer--underlined {
1719
- margin-top: var(--us-card-padding-y);
1751
+ left: 0;
1752
+ right: 0;
1753
+ top: 0;
1754
+ border-top: 1px solid var(--us-card-border-color);
1720
1755
  }
1721
- .us-card-footer--underlined::after {
1756
+ .us-card--divider .us-card-body::after {
1722
1757
  content: "";
1723
1758
  position: absolute;
1724
- left: calc(var(--us-card-padding-x) * -1);
1725
- right: calc(var(--us-card-padding-x) * -1);
1726
- top: calc(var(--us-card-padding-y) * -1);
1727
- border-top: 1px solid var(--us-card-border-color);
1759
+ left: 0;
1760
+ right: 0;
1761
+ bottom: 0;
1762
+ border-bottom: 1px solid var(--us-card-border-color);
1763
+ }
1764
+ .us-card--divider .us-card__content > .us-card-body:first-child, .us-card--divider .us-card__content :not([hidden]):first-child .us-card-body {
1765
+ margin-top: 0;
1766
+ }
1767
+ .us-card--divider .us-card__content > .us-card-body:first-child::before, .us-card--divider .us-card__content :not([hidden]):first-child .us-card-body::before {
1768
+ border-top: none;
1728
1769
  }
1729
- .us-card-header--underlined:last-child {
1770
+ .us-card--divider .us-card__content > .us-card-body:last-child, .us-card--divider .us-card__content :not([hidden]):last-child .us-card-body {
1730
1771
  margin-bottom: 0;
1731
1772
  }
1732
- .us-card-header--underlined:last-child::after {
1773
+ .us-card--divider .us-card__content > .us-card-body:last-child::after, .us-card--divider .us-card__content :not([hidden]):last-child .us-card-body::after {
1733
1774
  border-bottom: none;
1734
1775
  }
1735
- .us-card-footer--underlined:last-child::before {
1736
- border-top: none;
1737
- }
1738
1776
 
1739
1777
  .us-descriptions {
1740
1778
  display: grid;
@@ -1744,18 +1782,33 @@
1744
1782
  }
1745
1783
 
1746
1784
  .us-description {
1785
+ position: relative;
1786
+ padding-block: var(--us-description-padding-y);
1787
+ padding-inline: var(--us-description-padding-x);
1788
+ }
1789
+ .us-description__container {
1747
1790
  display: grid;
1748
1791
  grid-template-columns: repeat(12, minmax(0, 1fr));
1749
1792
  row-gap: var(--us-description-gap-y);
1750
1793
  column-gap: var(--us-description-gap-x);
1751
1794
  }
1795
+ .us-description-value {
1796
+ display: flex;
1797
+ align-items: center;
1798
+ }
1799
+ .us-description-value__start-content, .us-description-value__end-content {
1800
+ flex-shrink: 0;
1801
+ }
1802
+ .us-description-value__content {
1803
+ flex-grow: 1;
1804
+ }
1752
1805
  .us-descriptions--row .us-description-label {
1753
1806
  grid-column: span 6/span 6;
1754
1807
  }
1755
- .us-descriptions--row .us-description__content {
1808
+ .us-descriptions--row .us-description-value {
1756
1809
  grid-column: span 6/span 6;
1757
1810
  }
1758
- .us-descriptions--col .us-description-label, .us-descriptions--col .us-description__content {
1811
+ .us-descriptions--col .us-description-label, .us-descriptions--col .us-description-value {
1759
1812
  grid-column: span 12/span 12;
1760
1813
  }
1761
1814
  .us-description-label {
@@ -1765,6 +1818,7 @@
1765
1818
  opacity: var(--us-description-label-opacity);
1766
1819
  }
1767
1820
  .us-description-text {
1821
+ display: inline;
1768
1822
  font-size: var(--us-description-text-font-size);
1769
1823
  font-weight: var(--us-description-text-font-weight);
1770
1824
  color: var(--us-description-text-color);
@@ -2160,111 +2214,111 @@
2160
2214
  font-size: var(--us-fs-5xl);
2161
2215
  }
2162
2216
 
2163
- .us-g-0 {
2217
+ .us-gap-0 {
2164
2218
  gap: 0;
2165
2219
  }
2166
2220
 
2167
- .us-g-1 {
2221
+ .us-gap-1 {
2168
2222
  gap: 0.25rem;
2169
2223
  }
2170
2224
 
2171
- .us-g-2 {
2225
+ .us-gap-2 {
2172
2226
  gap: 0.5rem;
2173
2227
  }
2174
2228
 
2175
- .us-g-3 {
2229
+ .us-gap-3 {
2176
2230
  gap: 0.75rem;
2177
2231
  }
2178
2232
 
2179
- .us-g-4 {
2233
+ .us-gap-4 {
2180
2234
  gap: 1rem;
2181
2235
  }
2182
2236
 
2183
- .us-g-5 {
2237
+ .us-gap-5 {
2184
2238
  gap: 1.25rem;
2185
2239
  }
2186
2240
 
2187
- .us-g-6 {
2241
+ .us-gap-6 {
2188
2242
  gap: 1.5rem;
2189
2243
  }
2190
2244
 
2191
- .us-g-7 {
2245
+ .us-gap-7 {
2192
2246
  gap: 1.75rem;
2193
2247
  }
2194
2248
 
2195
- .us-g-8 {
2249
+ .us-gap-8 {
2196
2250
  gap: 2rem;
2197
2251
  }
2198
2252
 
2199
- .us-gx-0 {
2253
+ .us-gap-x-0 {
2200
2254
  column-gap: 0;
2201
2255
  }
2202
2256
 
2203
- .us-gx-1 {
2257
+ .us-gap-x-1 {
2204
2258
  column-gap: 0.25rem;
2205
2259
  }
2206
2260
 
2207
- .us-gx-2 {
2261
+ .us-gap-x-2 {
2208
2262
  column-gap: 0.5rem;
2209
2263
  }
2210
2264
 
2211
- .us-gx-3 {
2265
+ .us-gap-x-3 {
2212
2266
  column-gap: 0.75rem;
2213
2267
  }
2214
2268
 
2215
- .us-gx-4 {
2269
+ .us-gap-x-4 {
2216
2270
  column-gap: 1rem;
2217
2271
  }
2218
2272
 
2219
- .us-gx-5 {
2273
+ .us-gap-x-5 {
2220
2274
  column-gap: 1.25rem;
2221
2275
  }
2222
2276
 
2223
- .us-gx-6 {
2277
+ .us-gap-x-6 {
2224
2278
  column-gap: 1.5rem;
2225
2279
  }
2226
2280
 
2227
- .us-gx-7 {
2281
+ .us-gap-x-7 {
2228
2282
  column-gap: 1.75rem;
2229
2283
  }
2230
2284
 
2231
- .us-gx-8 {
2285
+ .us-gap-x-8 {
2232
2286
  column-gap: 2rem;
2233
2287
  }
2234
2288
 
2235
- .us-gy-0 {
2289
+ .us-gap-y-0 {
2236
2290
  row-gap: 0;
2237
2291
  }
2238
2292
 
2239
- .us-gy-1 {
2293
+ .us-gap-y-1 {
2240
2294
  row-gap: 0.25rem;
2241
2295
  }
2242
2296
 
2243
- .us-gy-2 {
2297
+ .us-gap-y-2 {
2244
2298
  row-gap: 0.5rem;
2245
2299
  }
2246
2300
 
2247
- .us-gy-3 {
2301
+ .us-gap-y-3 {
2248
2302
  row-gap: 0.75rem;
2249
2303
  }
2250
2304
 
2251
- .us-gy-4 {
2305
+ .us-gap-y-4 {
2252
2306
  row-gap: 1rem;
2253
2307
  }
2254
2308
 
2255
- .us-gy-5 {
2309
+ .us-gap-y-5 {
2256
2310
  row-gap: 1.25rem;
2257
2311
  }
2258
2312
 
2259
- .us-gy-6 {
2313
+ .us-gap-y-6 {
2260
2314
  row-gap: 1.5rem;
2261
2315
  }
2262
2316
 
2263
- .us-gy-7 {
2317
+ .us-gap-y-7 {
2264
2318
  row-gap: 1.75rem;
2265
2319
  }
2266
2320
 
2267
- .us-gy-8 {
2321
+ .us-gap-y-8 {
2268
2322
  row-gap: 2rem;
2269
2323
  }
2270
2324
 
@@ -2392,85 +2446,85 @@
2392
2446
  .xs\:us-fs-5xl {
2393
2447
  font-size: var(--us-fs-5xl);
2394
2448
  }
2395
- .xs\:us-g-0 {
2449
+ .xs\:us-gap-0 {
2396
2450
  gap: 0;
2397
2451
  }
2398
- .xs\:us-g-1 {
2452
+ .xs\:us-gap-1 {
2399
2453
  gap: 0.25rem;
2400
2454
  }
2401
- .xs\:us-g-2 {
2455
+ .xs\:us-gap-2 {
2402
2456
  gap: 0.5rem;
2403
2457
  }
2404
- .xs\:us-g-3 {
2458
+ .xs\:us-gap-3 {
2405
2459
  gap: 0.75rem;
2406
2460
  }
2407
- .xs\:us-g-4 {
2461
+ .xs\:us-gap-4 {
2408
2462
  gap: 1rem;
2409
2463
  }
2410
- .xs\:us-g-5 {
2464
+ .xs\:us-gap-5 {
2411
2465
  gap: 1.25rem;
2412
2466
  }
2413
- .xs\:us-g-6 {
2467
+ .xs\:us-gap-6 {
2414
2468
  gap: 1.5rem;
2415
2469
  }
2416
- .xs\:us-g-7 {
2470
+ .xs\:us-gap-7 {
2417
2471
  gap: 1.75rem;
2418
2472
  }
2419
- .xs\:us-g-8 {
2473
+ .xs\:us-gap-8 {
2420
2474
  gap: 2rem;
2421
2475
  }
2422
- .xs\:us-gx-0 {
2476
+ .xs\:us-gap-x-0 {
2423
2477
  column-gap: 0;
2424
2478
  }
2425
- .xs\:us-gx-1 {
2479
+ .xs\:us-gap-x-1 {
2426
2480
  column-gap: 0.25rem;
2427
2481
  }
2428
- .xs\:us-gx-2 {
2482
+ .xs\:us-gap-x-2 {
2429
2483
  column-gap: 0.5rem;
2430
2484
  }
2431
- .xs\:us-gx-3 {
2485
+ .xs\:us-gap-x-3 {
2432
2486
  column-gap: 0.75rem;
2433
2487
  }
2434
- .xs\:us-gx-4 {
2488
+ .xs\:us-gap-x-4 {
2435
2489
  column-gap: 1rem;
2436
2490
  }
2437
- .xs\:us-gx-5 {
2491
+ .xs\:us-gap-x-5 {
2438
2492
  column-gap: 1.25rem;
2439
2493
  }
2440
- .xs\:us-gx-6 {
2494
+ .xs\:us-gap-x-6 {
2441
2495
  column-gap: 1.5rem;
2442
2496
  }
2443
- .xs\:us-gx-7 {
2497
+ .xs\:us-gap-x-7 {
2444
2498
  column-gap: 1.75rem;
2445
2499
  }
2446
- .xs\:us-gx-8 {
2500
+ .xs\:us-gap-x-8 {
2447
2501
  column-gap: 2rem;
2448
2502
  }
2449
- .xs\:us-gy-0 {
2503
+ .xs\:us-gap-y-0 {
2450
2504
  row-gap: 0;
2451
2505
  }
2452
- .xs\:us-gy-1 {
2506
+ .xs\:us-gap-y-1 {
2453
2507
  row-gap: 0.25rem;
2454
2508
  }
2455
- .xs\:us-gy-2 {
2509
+ .xs\:us-gap-y-2 {
2456
2510
  row-gap: 0.5rem;
2457
2511
  }
2458
- .xs\:us-gy-3 {
2512
+ .xs\:us-gap-y-3 {
2459
2513
  row-gap: 0.75rem;
2460
2514
  }
2461
- .xs\:us-gy-4 {
2515
+ .xs\:us-gap-y-4 {
2462
2516
  row-gap: 1rem;
2463
2517
  }
2464
- .xs\:us-gy-5 {
2518
+ .xs\:us-gap-y-5 {
2465
2519
  row-gap: 1.25rem;
2466
2520
  }
2467
- .xs\:us-gy-6 {
2521
+ .xs\:us-gap-y-6 {
2468
2522
  row-gap: 1.5rem;
2469
2523
  }
2470
- .xs\:us-gy-7 {
2524
+ .xs\:us-gap-y-7 {
2471
2525
  row-gap: 1.75rem;
2472
2526
  }
2473
- .xs\:us-gy-8 {
2527
+ .xs\:us-gap-y-8 {
2474
2528
  row-gap: 2rem;
2475
2529
  }
2476
2530
  }
@@ -2598,85 +2652,85 @@
2598
2652
  .sm\:us-fs-5xl {
2599
2653
  font-size: var(--us-fs-5xl);
2600
2654
  }
2601
- .sm\:us-g-0 {
2655
+ .sm\:us-gap-0 {
2602
2656
  gap: 0;
2603
2657
  }
2604
- .sm\:us-g-1 {
2658
+ .sm\:us-gap-1 {
2605
2659
  gap: 0.25rem;
2606
2660
  }
2607
- .sm\:us-g-2 {
2661
+ .sm\:us-gap-2 {
2608
2662
  gap: 0.5rem;
2609
2663
  }
2610
- .sm\:us-g-3 {
2664
+ .sm\:us-gap-3 {
2611
2665
  gap: 0.75rem;
2612
2666
  }
2613
- .sm\:us-g-4 {
2667
+ .sm\:us-gap-4 {
2614
2668
  gap: 1rem;
2615
2669
  }
2616
- .sm\:us-g-5 {
2670
+ .sm\:us-gap-5 {
2617
2671
  gap: 1.25rem;
2618
2672
  }
2619
- .sm\:us-g-6 {
2673
+ .sm\:us-gap-6 {
2620
2674
  gap: 1.5rem;
2621
2675
  }
2622
- .sm\:us-g-7 {
2676
+ .sm\:us-gap-7 {
2623
2677
  gap: 1.75rem;
2624
2678
  }
2625
- .sm\:us-g-8 {
2679
+ .sm\:us-gap-8 {
2626
2680
  gap: 2rem;
2627
2681
  }
2628
- .sm\:us-gx-0 {
2682
+ .sm\:us-gap-x-0 {
2629
2683
  column-gap: 0;
2630
2684
  }
2631
- .sm\:us-gx-1 {
2685
+ .sm\:us-gap-x-1 {
2632
2686
  column-gap: 0.25rem;
2633
2687
  }
2634
- .sm\:us-gx-2 {
2688
+ .sm\:us-gap-x-2 {
2635
2689
  column-gap: 0.5rem;
2636
2690
  }
2637
- .sm\:us-gx-3 {
2691
+ .sm\:us-gap-x-3 {
2638
2692
  column-gap: 0.75rem;
2639
2693
  }
2640
- .sm\:us-gx-4 {
2694
+ .sm\:us-gap-x-4 {
2641
2695
  column-gap: 1rem;
2642
2696
  }
2643
- .sm\:us-gx-5 {
2697
+ .sm\:us-gap-x-5 {
2644
2698
  column-gap: 1.25rem;
2645
2699
  }
2646
- .sm\:us-gx-6 {
2700
+ .sm\:us-gap-x-6 {
2647
2701
  column-gap: 1.5rem;
2648
2702
  }
2649
- .sm\:us-gx-7 {
2703
+ .sm\:us-gap-x-7 {
2650
2704
  column-gap: 1.75rem;
2651
2705
  }
2652
- .sm\:us-gx-8 {
2706
+ .sm\:us-gap-x-8 {
2653
2707
  column-gap: 2rem;
2654
2708
  }
2655
- .sm\:us-gy-0 {
2709
+ .sm\:us-gap-y-0 {
2656
2710
  row-gap: 0;
2657
2711
  }
2658
- .sm\:us-gy-1 {
2712
+ .sm\:us-gap-y-1 {
2659
2713
  row-gap: 0.25rem;
2660
2714
  }
2661
- .sm\:us-gy-2 {
2715
+ .sm\:us-gap-y-2 {
2662
2716
  row-gap: 0.5rem;
2663
2717
  }
2664
- .sm\:us-gy-3 {
2718
+ .sm\:us-gap-y-3 {
2665
2719
  row-gap: 0.75rem;
2666
2720
  }
2667
- .sm\:us-gy-4 {
2721
+ .sm\:us-gap-y-4 {
2668
2722
  row-gap: 1rem;
2669
2723
  }
2670
- .sm\:us-gy-5 {
2724
+ .sm\:us-gap-y-5 {
2671
2725
  row-gap: 1.25rem;
2672
2726
  }
2673
- .sm\:us-gy-6 {
2727
+ .sm\:us-gap-y-6 {
2674
2728
  row-gap: 1.5rem;
2675
2729
  }
2676
- .sm\:us-gy-7 {
2730
+ .sm\:us-gap-y-7 {
2677
2731
  row-gap: 1.75rem;
2678
2732
  }
2679
- .sm\:us-gy-8 {
2733
+ .sm\:us-gap-y-8 {
2680
2734
  row-gap: 2rem;
2681
2735
  }
2682
2736
  }
@@ -2804,85 +2858,85 @@
2804
2858
  .md\:us-fs-5xl {
2805
2859
  font-size: var(--us-fs-5xl);
2806
2860
  }
2807
- .md\:us-g-0 {
2861
+ .md\:us-gap-0 {
2808
2862
  gap: 0;
2809
2863
  }
2810
- .md\:us-g-1 {
2864
+ .md\:us-gap-1 {
2811
2865
  gap: 0.25rem;
2812
2866
  }
2813
- .md\:us-g-2 {
2867
+ .md\:us-gap-2 {
2814
2868
  gap: 0.5rem;
2815
2869
  }
2816
- .md\:us-g-3 {
2870
+ .md\:us-gap-3 {
2817
2871
  gap: 0.75rem;
2818
2872
  }
2819
- .md\:us-g-4 {
2873
+ .md\:us-gap-4 {
2820
2874
  gap: 1rem;
2821
2875
  }
2822
- .md\:us-g-5 {
2876
+ .md\:us-gap-5 {
2823
2877
  gap: 1.25rem;
2824
2878
  }
2825
- .md\:us-g-6 {
2879
+ .md\:us-gap-6 {
2826
2880
  gap: 1.5rem;
2827
2881
  }
2828
- .md\:us-g-7 {
2882
+ .md\:us-gap-7 {
2829
2883
  gap: 1.75rem;
2830
2884
  }
2831
- .md\:us-g-8 {
2885
+ .md\:us-gap-8 {
2832
2886
  gap: 2rem;
2833
2887
  }
2834
- .md\:us-gx-0 {
2888
+ .md\:us-gap-x-0 {
2835
2889
  column-gap: 0;
2836
2890
  }
2837
- .md\:us-gx-1 {
2891
+ .md\:us-gap-x-1 {
2838
2892
  column-gap: 0.25rem;
2839
2893
  }
2840
- .md\:us-gx-2 {
2894
+ .md\:us-gap-x-2 {
2841
2895
  column-gap: 0.5rem;
2842
2896
  }
2843
- .md\:us-gx-3 {
2897
+ .md\:us-gap-x-3 {
2844
2898
  column-gap: 0.75rem;
2845
2899
  }
2846
- .md\:us-gx-4 {
2900
+ .md\:us-gap-x-4 {
2847
2901
  column-gap: 1rem;
2848
2902
  }
2849
- .md\:us-gx-5 {
2903
+ .md\:us-gap-x-5 {
2850
2904
  column-gap: 1.25rem;
2851
2905
  }
2852
- .md\:us-gx-6 {
2906
+ .md\:us-gap-x-6 {
2853
2907
  column-gap: 1.5rem;
2854
2908
  }
2855
- .md\:us-gx-7 {
2909
+ .md\:us-gap-x-7 {
2856
2910
  column-gap: 1.75rem;
2857
2911
  }
2858
- .md\:us-gx-8 {
2912
+ .md\:us-gap-x-8 {
2859
2913
  column-gap: 2rem;
2860
2914
  }
2861
- .md\:us-gy-0 {
2915
+ .md\:us-gap-y-0 {
2862
2916
  row-gap: 0;
2863
2917
  }
2864
- .md\:us-gy-1 {
2918
+ .md\:us-gap-y-1 {
2865
2919
  row-gap: 0.25rem;
2866
2920
  }
2867
- .md\:us-gy-2 {
2921
+ .md\:us-gap-y-2 {
2868
2922
  row-gap: 0.5rem;
2869
2923
  }
2870
- .md\:us-gy-3 {
2924
+ .md\:us-gap-y-3 {
2871
2925
  row-gap: 0.75rem;
2872
2926
  }
2873
- .md\:us-gy-4 {
2927
+ .md\:us-gap-y-4 {
2874
2928
  row-gap: 1rem;
2875
2929
  }
2876
- .md\:us-gy-5 {
2930
+ .md\:us-gap-y-5 {
2877
2931
  row-gap: 1.25rem;
2878
2932
  }
2879
- .md\:us-gy-6 {
2933
+ .md\:us-gap-y-6 {
2880
2934
  row-gap: 1.5rem;
2881
2935
  }
2882
- .md\:us-gy-7 {
2936
+ .md\:us-gap-y-7 {
2883
2937
  row-gap: 1.75rem;
2884
2938
  }
2885
- .md\:us-gy-8 {
2939
+ .md\:us-gap-y-8 {
2886
2940
  row-gap: 2rem;
2887
2941
  }
2888
2942
  }
@@ -3010,85 +3064,85 @@
3010
3064
  .lg\:us-fs-5xl {
3011
3065
  font-size: var(--us-fs-5xl);
3012
3066
  }
3013
- .lg\:us-g-0 {
3067
+ .lg\:us-gap-0 {
3014
3068
  gap: 0;
3015
3069
  }
3016
- .lg\:us-g-1 {
3070
+ .lg\:us-gap-1 {
3017
3071
  gap: 0.25rem;
3018
3072
  }
3019
- .lg\:us-g-2 {
3073
+ .lg\:us-gap-2 {
3020
3074
  gap: 0.5rem;
3021
3075
  }
3022
- .lg\:us-g-3 {
3076
+ .lg\:us-gap-3 {
3023
3077
  gap: 0.75rem;
3024
3078
  }
3025
- .lg\:us-g-4 {
3079
+ .lg\:us-gap-4 {
3026
3080
  gap: 1rem;
3027
3081
  }
3028
- .lg\:us-g-5 {
3082
+ .lg\:us-gap-5 {
3029
3083
  gap: 1.25rem;
3030
3084
  }
3031
- .lg\:us-g-6 {
3085
+ .lg\:us-gap-6 {
3032
3086
  gap: 1.5rem;
3033
3087
  }
3034
- .lg\:us-g-7 {
3088
+ .lg\:us-gap-7 {
3035
3089
  gap: 1.75rem;
3036
3090
  }
3037
- .lg\:us-g-8 {
3091
+ .lg\:us-gap-8 {
3038
3092
  gap: 2rem;
3039
3093
  }
3040
- .lg\:us-gx-0 {
3094
+ .lg\:us-gap-x-0 {
3041
3095
  column-gap: 0;
3042
3096
  }
3043
- .lg\:us-gx-1 {
3097
+ .lg\:us-gap-x-1 {
3044
3098
  column-gap: 0.25rem;
3045
3099
  }
3046
- .lg\:us-gx-2 {
3100
+ .lg\:us-gap-x-2 {
3047
3101
  column-gap: 0.5rem;
3048
3102
  }
3049
- .lg\:us-gx-3 {
3103
+ .lg\:us-gap-x-3 {
3050
3104
  column-gap: 0.75rem;
3051
3105
  }
3052
- .lg\:us-gx-4 {
3106
+ .lg\:us-gap-x-4 {
3053
3107
  column-gap: 1rem;
3054
3108
  }
3055
- .lg\:us-gx-5 {
3109
+ .lg\:us-gap-x-5 {
3056
3110
  column-gap: 1.25rem;
3057
3111
  }
3058
- .lg\:us-gx-6 {
3112
+ .lg\:us-gap-x-6 {
3059
3113
  column-gap: 1.5rem;
3060
3114
  }
3061
- .lg\:us-gx-7 {
3115
+ .lg\:us-gap-x-7 {
3062
3116
  column-gap: 1.75rem;
3063
3117
  }
3064
- .lg\:us-gx-8 {
3118
+ .lg\:us-gap-x-8 {
3065
3119
  column-gap: 2rem;
3066
3120
  }
3067
- .lg\:us-gy-0 {
3121
+ .lg\:us-gap-y-0 {
3068
3122
  row-gap: 0;
3069
3123
  }
3070
- .lg\:us-gy-1 {
3124
+ .lg\:us-gap-y-1 {
3071
3125
  row-gap: 0.25rem;
3072
3126
  }
3073
- .lg\:us-gy-2 {
3127
+ .lg\:us-gap-y-2 {
3074
3128
  row-gap: 0.5rem;
3075
3129
  }
3076
- .lg\:us-gy-3 {
3130
+ .lg\:us-gap-y-3 {
3077
3131
  row-gap: 0.75rem;
3078
3132
  }
3079
- .lg\:us-gy-4 {
3133
+ .lg\:us-gap-y-4 {
3080
3134
  row-gap: 1rem;
3081
3135
  }
3082
- .lg\:us-gy-5 {
3136
+ .lg\:us-gap-y-5 {
3083
3137
  row-gap: 1.25rem;
3084
3138
  }
3085
- .lg\:us-gy-6 {
3139
+ .lg\:us-gap-y-6 {
3086
3140
  row-gap: 1.5rem;
3087
3141
  }
3088
- .lg\:us-gy-7 {
3142
+ .lg\:us-gap-y-7 {
3089
3143
  row-gap: 1.75rem;
3090
3144
  }
3091
- .lg\:us-gy-8 {
3145
+ .lg\:us-gap-y-8 {
3092
3146
  row-gap: 2rem;
3093
3147
  }
3094
3148
  }
@@ -3216,85 +3270,85 @@
3216
3270
  .xl\:us-fs-5xl {
3217
3271
  font-size: var(--us-fs-5xl);
3218
3272
  }
3219
- .xl\:us-g-0 {
3273
+ .xl\:us-gap-0 {
3220
3274
  gap: 0;
3221
3275
  }
3222
- .xl\:us-g-1 {
3276
+ .xl\:us-gap-1 {
3223
3277
  gap: 0.25rem;
3224
3278
  }
3225
- .xl\:us-g-2 {
3279
+ .xl\:us-gap-2 {
3226
3280
  gap: 0.5rem;
3227
3281
  }
3228
- .xl\:us-g-3 {
3282
+ .xl\:us-gap-3 {
3229
3283
  gap: 0.75rem;
3230
3284
  }
3231
- .xl\:us-g-4 {
3285
+ .xl\:us-gap-4 {
3232
3286
  gap: 1rem;
3233
3287
  }
3234
- .xl\:us-g-5 {
3288
+ .xl\:us-gap-5 {
3235
3289
  gap: 1.25rem;
3236
3290
  }
3237
- .xl\:us-g-6 {
3291
+ .xl\:us-gap-6 {
3238
3292
  gap: 1.5rem;
3239
3293
  }
3240
- .xl\:us-g-7 {
3294
+ .xl\:us-gap-7 {
3241
3295
  gap: 1.75rem;
3242
3296
  }
3243
- .xl\:us-g-8 {
3297
+ .xl\:us-gap-8 {
3244
3298
  gap: 2rem;
3245
3299
  }
3246
- .xl\:us-gx-0 {
3300
+ .xl\:us-gap-x-0 {
3247
3301
  column-gap: 0;
3248
3302
  }
3249
- .xl\:us-gx-1 {
3303
+ .xl\:us-gap-x-1 {
3250
3304
  column-gap: 0.25rem;
3251
3305
  }
3252
- .xl\:us-gx-2 {
3306
+ .xl\:us-gap-x-2 {
3253
3307
  column-gap: 0.5rem;
3254
3308
  }
3255
- .xl\:us-gx-3 {
3309
+ .xl\:us-gap-x-3 {
3256
3310
  column-gap: 0.75rem;
3257
3311
  }
3258
- .xl\:us-gx-4 {
3312
+ .xl\:us-gap-x-4 {
3259
3313
  column-gap: 1rem;
3260
3314
  }
3261
- .xl\:us-gx-5 {
3315
+ .xl\:us-gap-x-5 {
3262
3316
  column-gap: 1.25rem;
3263
3317
  }
3264
- .xl\:us-gx-6 {
3318
+ .xl\:us-gap-x-6 {
3265
3319
  column-gap: 1.5rem;
3266
3320
  }
3267
- .xl\:us-gx-7 {
3321
+ .xl\:us-gap-x-7 {
3268
3322
  column-gap: 1.75rem;
3269
3323
  }
3270
- .xl\:us-gx-8 {
3324
+ .xl\:us-gap-x-8 {
3271
3325
  column-gap: 2rem;
3272
3326
  }
3273
- .xl\:us-gy-0 {
3327
+ .xl\:us-gap-y-0 {
3274
3328
  row-gap: 0;
3275
3329
  }
3276
- .xl\:us-gy-1 {
3330
+ .xl\:us-gap-y-1 {
3277
3331
  row-gap: 0.25rem;
3278
3332
  }
3279
- .xl\:us-gy-2 {
3333
+ .xl\:us-gap-y-2 {
3280
3334
  row-gap: 0.5rem;
3281
3335
  }
3282
- .xl\:us-gy-3 {
3336
+ .xl\:us-gap-y-3 {
3283
3337
  row-gap: 0.75rem;
3284
3338
  }
3285
- .xl\:us-gy-4 {
3339
+ .xl\:us-gap-y-4 {
3286
3340
  row-gap: 1rem;
3287
3341
  }
3288
- .xl\:us-gy-5 {
3342
+ .xl\:us-gap-y-5 {
3289
3343
  row-gap: 1.25rem;
3290
3344
  }
3291
- .xl\:us-gy-6 {
3345
+ .xl\:us-gap-y-6 {
3292
3346
  row-gap: 1.5rem;
3293
3347
  }
3294
- .xl\:us-gy-7 {
3348
+ .xl\:us-gap-y-7 {
3295
3349
  row-gap: 1.75rem;
3296
3350
  }
3297
- .xl\:us-gy-8 {
3351
+ .xl\:us-gap-y-8 {
3298
3352
  row-gap: 2rem;
3299
3353
  }
3300
3354
  }