@rolster/styles-foundations 2.6.7 → 2.6.9

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.
Files changed (12) hide show
  1. package/dist/styles.css +214 -80
  2. package/dist/styles.css.map +1 -1
  3. package/dist/styles.min.css +4 -4
  4. package/dist/styles.rtl.css +214 -80
  5. package/dist/styles.rtl.min.css +4 -4
  6. package/package.json +1 -1
  7. package/scss/components/field-box.scss +4 -4
  8. package/scss/components/field-list.scss +3 -3
  9. package/scss/foundations/helpers.scss +5 -3
  10. package/scss/foundations/themes.scss +4 -2
  11. package/scss/utilities/layout.scss +23 -2
  12. package/scss/utilities/typographics.scss +50 -42
package/dist/styles.css CHANGED
@@ -111,7 +111,8 @@ body {
111
111
  --rls-primary-skeleton-100: rgba(9, 78, 155, 0.1);
112
112
  --rls-primary-color-600: #0a63bf;
113
113
  --rls-primary-color-500: #1780e0;
114
- --rls-primary-shadow-500: rgba(23, 128, 224, 0.24);
114
+ --rls-primary-shadow-color-500: rgba(23, 128, 224, 0.24);
115
+ --rls-primary-shadow-500: 0px 0px 0px 3px var(--rls-primary-shadow-color-500);
115
116
  --rls-primary-color-400: #409cf0;
116
117
  --rls-primary-color-300: #82bdf7;
117
118
  --rls-primary-color-200: #bddbfa;
@@ -154,7 +155,9 @@ body {
154
155
  --rls-secondary-skeleton-100: rgba(38, 95, 91, 0.1);
155
156
  --rls-secondary-color-600: #2b7671;
156
157
  --rls-secondary-color-500: #39938b;
157
- --rls-secondary-shadow-500: rgba(57, 147, 139, 0.24);
158
+ --rls-secondary-shadow-color-500: rgba(57, 147, 139, 0.24);
159
+ --rls-secondary-shadow-500: 0px 0px 0px 3px
160
+ var(--rls-secondary-shadow-color-500);
158
161
  --rls-secondary-color-400: #53aea5;
159
162
  --rls-secondary-color-300: #7ecac0;
160
163
  --rls-secondary-color-200: #aee1d8;
@@ -197,7 +200,9 @@ body {
197
200
  --rls-tertiary-skeleton-100: rgba(204, 17, 2, 0.1);
198
201
  --rls-tertiary-color-600: #ff2101;
199
202
  --rls-tertiary-color-500: #ff3c0a;
200
- --rls-tertiary-shadow-500: rgba(255, 60, 10, 0.24);
203
+ --rls-tertiary-shadow-color-500: rgba(255, 60, 10, 0.24);
204
+ --rls-tertiary-shadow-500: 0px 0px 0px 3px
205
+ var(--rls-tertiary-shadow-color-500);
201
206
  --rls-tertiary-color-400: #ff6532;
202
207
  --rls-tertiary-color-300: #ff9a6d;
203
208
  --rls-tertiary-color-200: #ffc4a5;
@@ -240,7 +245,8 @@ body {
240
245
  --rls-success-skeleton-100: rgba(1, 123, 86, 0.1);
241
246
  --rls-success-color-600: #019f6c;
242
247
  --rls-success-color-500: #0bbe81;
243
- --rls-success-shadow-500: rgba(11, 190, 129, 0.24);
248
+ --rls-success-shadow-color-500: rgba(11, 190, 129, 0.24);
249
+ --rls-success-shadow-500: 0px 0px 0px 3px var(--rls-success-shadow-color-500);
244
250
  --rls-success-color-400: #30d798;
245
251
  --rls-success-color-300: #6beab6;
246
252
  --rls-success-color-200: #a5f5cf;
@@ -283,7 +289,8 @@ body {
283
289
  --rls-info-skeleton-100: rgba(0, 117, 167, 0.1);
284
290
  --rls-info-color-600: #0092cf;
285
291
  --rls-info-color-500: #06b6f1;
286
- --rls-info-shadow-500: rgba(6, 182, 241, 0.24);
292
+ --rls-info-shadow-color-500: rgba(6, 182, 241, 0.24);
293
+ --rls-info-shadow-500: 0px 0px 0px 3px var(--rls-info-shadow-color-500);
287
294
  --rls-info-color-400: #31ccff;
288
295
  --rls-info-color-300: #78ddff;
289
296
  --rls-info-color-200: #b7ebff;
@@ -326,7 +333,8 @@ body {
326
333
  --rls-warning-skeleton-100: rgba(170, 71, 19, 0.1);
327
334
  --rls-warning-color-600: #cd6512;
328
335
  --rls-warning-color-500: #e88918;
329
- --rls-warning-shadow-500: rgba(232, 137, 24, 0.24);
336
+ --rls-warning-shadow-color-500: rgba(232, 137, 24, 0.24);
337
+ --rls-warning-shadow-500: 0px 0px 0px 3px var(--rls-warning-shadow-color-500);
330
338
  --rls-warning-color-400: #efa930;
331
339
  --rls-warning-color-300: #f2c057;
332
340
  --rls-warning-color-200: #f6d991;
@@ -369,7 +377,8 @@ body {
369
377
  --rls-danger-skeleton-100: rgba(204, 0, 1, 0.1);
370
378
  --rls-danger-color-600: #fc0607;
371
379
  --rls-danger-color-500: #ff2627;
372
- --rls-danger-shadow-500: rgba(255, 38, 39, 0.24);
380
+ --rls-danger-shadow-color-500: rgba(255, 38, 39, 0.24);
381
+ --rls-danger-shadow-500: 0px 0px 0px 3px var(--rls-danger-shadow-color-500);
373
382
  --rls-danger-color-400: #ff595a;
374
383
  --rls-danger-color-300: #ff9596;
375
384
  --rls-danger-color-200: #ffc1c1;
@@ -412,7 +421,8 @@ body {
412
421
  --rls-berry-skeleton-100: rgba(167, 41, 74, 0.1);
413
422
  --rls-berry-color-600: #c7375a;
414
423
  --rls-berry-color-500: #dc5770;
415
- --rls-berry-shadow-500: rgba(220, 87, 112, 0.24);
424
+ --rls-berry-shadow-color-500: rgba(220, 87, 112, 0.24);
425
+ --rls-berry-shadow-500: 0px 0px 0px 3px var(--rls-berry-shadow-color-500);
416
426
  --rls-berry-color-400: #ec96a4;
417
427
  --rls-berry-color-300: #f1b0b9;
418
428
  --rls-berry-color-200: #f7d4d9;
@@ -455,7 +465,8 @@ body {
455
465
  --rls-ross-skeleton-100: rgba(200, 8, 59, 0.1);
456
466
  --rls-ross-color-600: #ed1146;
457
467
  --rls-ross-color-500: #ff4b6e;
458
- --rls-ross-shadow-500: rgba(255, 75, 110, 0.24);
468
+ --rls-ross-shadow-color-500: rgba(255, 75, 110, 0.24);
469
+ --rls-ross-shadow-500: 0px 0px 0px 3px var(--rls-ross-shadow-color-500);
459
470
  --rls-ross-color-400: #ff6982;
460
471
  --rls-ross-color-300: #ff9fad;
461
472
  --rls-ross-color-200: #ffcad2;
@@ -498,7 +509,8 @@ body {
498
509
  --rls-hope-skeleton-100: rgba(10, 123, 104, 0.1);
499
510
  --rls-hope-color-600: #07a287;
500
511
  --rls-hope-color-500: #0cc09d;
501
- --rls-hope-shadow-500: rgba(12, 192, 157, 0.24);
512
+ --rls-hope-shadow-color-500: rgba(12, 192, 157, 0.24);
513
+ --rls-hope-shadow-500: 0px 0px 0px 3px var(--rls-hope-shadow-color-500);
502
514
  --rls-hope-color-400: #25dcb5;
503
515
  --rls-hope-color-300: #57f1cc;
504
516
  --rls-hope-color-200: #95fade;
@@ -541,7 +553,9 @@ body {
541
553
  --rls-mountains-skeleton-100: rgba(59, 74, 65, 0.1);
542
554
  --rls-mountains-color-600: #4f6457;
543
555
  --rls-mountains-color-500: #5b7163;
544
- --rls-mountains-shadow-500: rgba(91, 113, 99, 0.24);
556
+ --rls-mountains-shadow-color-500: rgba(91, 113, 99, 0.24);
557
+ --rls-mountains-shadow-500: 0px 0px 0px 3px
558
+ var(--rls-mountains-shadow-color-500);
545
559
  --rls-mountains-color-400: #758c7d;
546
560
  --rls-mountains-color-300: #9aaea0;
547
561
  --rls-mountains-color-200: #c1cec4;
@@ -584,7 +598,9 @@ body {
584
598
  --rls-amaizing-skeleton-100: rgba(142, 58, 145, 0.1);
585
599
  --rls-amaizing-color-600: #aa49b0;
586
600
  --rls-amaizing-color-500: #c568cd;
587
- --rls-amaizing-shadow-500: rgba(197, 104, 205, 0.24);
601
+ --rls-amaizing-shadow-color-500: rgba(197, 104, 205, 0.24);
602
+ --rls-amaizing-shadow-500: 0px 0px 0px 3px
603
+ var(--rls-amaizing-shadow-color-500);
588
604
  --rls-amaizing-color-400: #d993df;
589
605
  --rls-amaizing-color-300: #e7bbec;
590
606
  --rls-amaizing-color-200: #f0d9f5;
@@ -627,7 +643,8 @@ body {
627
643
  --rls-purple-skeleton-100: rgba(72, 67, 191, 0.1);
628
644
  --rls-purple-color-600: #5552d9;
629
645
  --rls-purple-color-500: #6e74e6;
630
- --rls-purple-shadow-500: rgba(110, 116, 230, 0.24);
646
+ --rls-purple-shadow-color-500: rgba(110, 116, 230, 0.24);
647
+ --rls-purple-shadow-500: 0px 0px 0px 3px var(--rls-purple-shadow-color-500);
631
648
  --rls-purple-color-400: #8a96ef;
632
649
  --rls-purple-color-300: #acbbf5;
633
650
  --rls-purple-color-200: #cbd6fa;
@@ -670,7 +687,8 @@ body {
670
687
  --rls-amber-skeleton-100: rgba(186, 64, 20, 0.1);
671
688
  --rls-amber-color-600: #e15616;
672
689
  --rls-amber-color-500: #ef6f20;
673
- --rls-amber-shadow-500: rgba(239, 111, 32, 0.24);
690
+ --rls-amber-shadow-color-500: rgba(239, 111, 32, 0.24);
691
+ --rls-amber-shadow-500: 0px 0px 0px 3px var(--rls-amber-shadow-color-500);
674
692
  --rls-amber-color-400: #f28e45;
675
693
  --rls-amber-color-300: #f7b77a;
676
694
  --rls-amber-color-200: #fad5ae;
@@ -713,7 +731,9 @@ body {
713
731
  --rls-smartness-skeleton-100: rgba(131, 69, 58, 0.1);
714
732
  --rls-smartness-color-600: #9c5a43;
715
733
  --rls-smartness-color-500: #b67959;
716
- --rls-smartness-shadow-500: rgba(182, 121, 89, 0.24);
734
+ --rls-smartness-shadow-color-500: rgba(182, 121, 89, 0.24);
735
+ --rls-smartness-shadow-500: 0px 0px 0px 3px
736
+ var(--rls-smartness-shadow-color-500);
717
737
  --rls-smartness-color-400: #bd8a62;
718
738
  --rls-smartness-color-300: #c9a380;
719
739
  --rls-smartness-color-200: #dcc4ab;
@@ -756,7 +776,9 @@ body {
756
776
  --rls-obsidian-skeleton-100: rgba(98, 83, 70, 0.1);
757
777
  --rls-obsidian-color-600: #796955;
758
778
  --rls-obsidian-color-500: #8d7f65;
759
- --rls-obsidian-shadow-500: rgba(141, 127, 101, 0.24);
779
+ --rls-obsidian-shadow-color-500: rgba(141, 127, 101, 0.24);
780
+ --rls-obsidian-shadow-500: 0px 0px 0px 3px
781
+ var(--rls-obsidian-shadow-color-500);
760
782
  --rls-obsidian-color-400: #9c9073;
761
783
  --rls-obsidian-color-300: #b2aa92;
762
784
  --rls-obsidian-color-200: #cecaba;
@@ -2339,6 +2361,7 @@ body {
2339
2361
  --rls-theme-skeleton-300: var(--rls-primary-skeleton-300);
2340
2362
  --rls-theme-skeleton-200: var(--rls-primary-skeleton-200);
2341
2363
  --rls-theme-skeleton-100: var(--rls-primary-skeleton-100);
2364
+ --rls-theme-shadow-color-500: var(--rls-primary-shadow-color-500);
2342
2365
  --rls-theme-shadow-500: var(--rls-primary-shadow-500);
2343
2366
  --rls-theme-backdrop-900: var(--rls-primary-backdrop-900);
2344
2367
  --rls-theme-gradient-700: var(--rls-primary-gradient-700);
@@ -2421,6 +2444,7 @@ body {
2421
2444
  --rls-theme-skeleton-300: var(--rls-secondary-skeleton-300);
2422
2445
  --rls-theme-skeleton-200: var(--rls-secondary-skeleton-200);
2423
2446
  --rls-theme-skeleton-100: var(--rls-secondary-skeleton-100);
2447
+ --rls-theme-shadow-color-500: var(--rls-secondary-shadow-color-500);
2424
2448
  --rls-theme-shadow-500: var(--rls-secondary-shadow-500);
2425
2449
  --rls-theme-backdrop-900: var(--rls-secondary-backdrop-900);
2426
2450
  --rls-theme-gradient-700: var(--rls-secondary-gradient-700);
@@ -2503,6 +2527,7 @@ body {
2503
2527
  --rls-theme-skeleton-300: var(--rls-tertiary-skeleton-300);
2504
2528
  --rls-theme-skeleton-200: var(--rls-tertiary-skeleton-200);
2505
2529
  --rls-theme-skeleton-100: var(--rls-tertiary-skeleton-100);
2530
+ --rls-theme-shadow-color-500: var(--rls-tertiary-shadow-color-500);
2506
2531
  --rls-theme-shadow-500: var(--rls-tertiary-shadow-500);
2507
2532
  --rls-theme-backdrop-900: var(--rls-tertiary-backdrop-900);
2508
2533
  --rls-theme-gradient-700: var(--rls-tertiary-gradient-700);
@@ -2585,6 +2610,7 @@ body {
2585
2610
  --rls-theme-skeleton-300: var(--rls-success-skeleton-300);
2586
2611
  --rls-theme-skeleton-200: var(--rls-success-skeleton-200);
2587
2612
  --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
2613
+ --rls-theme-shadow-color-500: var(--rls-success-shadow-color-500);
2588
2614
  --rls-theme-shadow-500: var(--rls-success-shadow-500);
2589
2615
  --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
2590
2616
  --rls-theme-gradient-700: var(--rls-success-gradient-700);
@@ -2667,6 +2693,7 @@ body {
2667
2693
  --rls-theme-skeleton-300: var(--rls-info-skeleton-300);
2668
2694
  --rls-theme-skeleton-200: var(--rls-info-skeleton-200);
2669
2695
  --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
2696
+ --rls-theme-shadow-color-500: var(--rls-info-shadow-color-500);
2670
2697
  --rls-theme-shadow-500: var(--rls-info-shadow-500);
2671
2698
  --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
2672
2699
  --rls-theme-gradient-700: var(--rls-info-gradient-700);
@@ -2722,6 +2749,7 @@ body {
2722
2749
  --rls-theme-skeleton-300: var(--rls-warning-skeleton-300);
2723
2750
  --rls-theme-skeleton-200: var(--rls-warning-skeleton-200);
2724
2751
  --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
2752
+ --rls-theme-shadow-color-500: var(--rls-warning-shadow-color-500);
2725
2753
  --rls-theme-shadow-500: var(--rls-warning-shadow-500);
2726
2754
  --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
2727
2755
  --rls-theme-gradient-700: var(--rls-warning-gradient-700);
@@ -2804,6 +2832,7 @@ body {
2804
2832
  --rls-theme-skeleton-300: var(--rls-danger-skeleton-300);
2805
2833
  --rls-theme-skeleton-200: var(--rls-danger-skeleton-200);
2806
2834
  --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
2835
+ --rls-theme-shadow-color-500: var(--rls-danger-shadow-color-500);
2807
2836
  --rls-theme-shadow-500: var(--rls-danger-shadow-500);
2808
2837
  --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
2809
2838
  --rls-theme-gradient-700: var(--rls-danger-gradient-700);
@@ -2886,6 +2915,7 @@ body {
2886
2915
  --rls-theme-skeleton-300: var(--rls-berry-skeleton-300);
2887
2916
  --rls-theme-skeleton-200: var(--rls-berry-skeleton-200);
2888
2917
  --rls-theme-skeleton-100: var(--rls-berry-skeleton-100);
2918
+ --rls-theme-shadow-color-500: var(--rls-berry-shadow-color-500);
2889
2919
  --rls-theme-shadow-500: var(--rls-berry-shadow-500);
2890
2920
  --rls-theme-backdrop-900: var(--rls-berry-backdrop-900);
2891
2921
  --rls-theme-gradient-700: var(--rls-berry-gradient-700);
@@ -2941,6 +2971,7 @@ body {
2941
2971
  --rls-theme-skeleton-300: var(--rls-ross-skeleton-300);
2942
2972
  --rls-theme-skeleton-200: var(--rls-ross-skeleton-200);
2943
2973
  --rls-theme-skeleton-100: var(--rls-ross-skeleton-100);
2974
+ --rls-theme-shadow-color-500: var(--rls-ross-shadow-color-500);
2944
2975
  --rls-theme-shadow-500: var(--rls-ross-shadow-500);
2945
2976
  --rls-theme-backdrop-900: var(--rls-ross-backdrop-900);
2946
2977
  --rls-theme-gradient-700: var(--rls-ross-gradient-700);
@@ -2996,6 +3027,7 @@ body {
2996
3027
  --rls-theme-skeleton-300: var(--rls-hope-skeleton-300);
2997
3028
  --rls-theme-skeleton-200: var(--rls-hope-skeleton-200);
2998
3029
  --rls-theme-skeleton-100: var(--rls-hope-skeleton-100);
3030
+ --rls-theme-shadow-color-500: var(--rls-hope-shadow-color-500);
2999
3031
  --rls-theme-shadow-500: var(--rls-hope-shadow-500);
3000
3032
  --rls-theme-backdrop-900: var(--rls-hope-backdrop-900);
3001
3033
  --rls-theme-gradient-700: var(--rls-hope-gradient-700);
@@ -3051,6 +3083,7 @@ body {
3051
3083
  --rls-theme-skeleton-300: var(--rls-mountains-skeleton-300);
3052
3084
  --rls-theme-skeleton-200: var(--rls-mountains-skeleton-200);
3053
3085
  --rls-theme-skeleton-100: var(--rls-mountains-skeleton-100);
3086
+ --rls-theme-shadow-color-500: var(--rls-mountains-shadow-color-500);
3054
3087
  --rls-theme-shadow-500: var(--rls-mountains-shadow-500);
3055
3088
  --rls-theme-backdrop-900: var(--rls-mountains-backdrop-900);
3056
3089
  --rls-theme-gradient-700: var(--rls-mountains-gradient-700);
@@ -3133,6 +3166,7 @@ body {
3133
3166
  --rls-theme-skeleton-300: var(--rls-amaizing-skeleton-300);
3134
3167
  --rls-theme-skeleton-200: var(--rls-amaizing-skeleton-200);
3135
3168
  --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
3169
+ --rls-theme-shadow-color-500: var(--rls-amaizing-shadow-color-500);
3136
3170
  --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
3137
3171
  --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
3138
3172
  --rls-theme-gradient-700: var(--rls-amaizing-gradient-700);
@@ -3215,6 +3249,7 @@ body {
3215
3249
  --rls-theme-skeleton-300: var(--rls-purple-skeleton-300);
3216
3250
  --rls-theme-skeleton-200: var(--rls-purple-skeleton-200);
3217
3251
  --rls-theme-skeleton-100: var(--rls-purple-skeleton-100);
3252
+ --rls-theme-shadow-color-500: var(--rls-purple-shadow-color-500);
3218
3253
  --rls-theme-shadow-500: var(--rls-purple-shadow-500);
3219
3254
  --rls-theme-backdrop-900: var(--rls-purple-backdrop-900);
3220
3255
  --rls-theme-gradient-700: var(--rls-purple-gradient-700);
@@ -3297,6 +3332,7 @@ body {
3297
3332
  --rls-theme-skeleton-300: var(--rls-amber-skeleton-300);
3298
3333
  --rls-theme-skeleton-200: var(--rls-amber-skeleton-200);
3299
3334
  --rls-theme-skeleton-100: var(--rls-amber-skeleton-100);
3335
+ --rls-theme-shadow-color-500: var(--rls-amber-shadow-color-500);
3300
3336
  --rls-theme-shadow-500: var(--rls-amber-shadow-500);
3301
3337
  --rls-theme-backdrop-900: var(--rls-amber-backdrop-900);
3302
3338
  --rls-theme-gradient-700: var(--rls-amber-gradient-700);
@@ -3352,6 +3388,7 @@ body {
3352
3388
  --rls-theme-skeleton-300: var(--rls-smartness-skeleton-300);
3353
3389
  --rls-theme-skeleton-200: var(--rls-smartness-skeleton-200);
3354
3390
  --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
3391
+ --rls-theme-shadow-color-500: var(--rls-smartness-shadow-color-500);
3355
3392
  --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
3356
3393
  --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
3357
3394
  --rls-theme-gradient-700: var(--rls-smartness-gradient-700);
@@ -3434,6 +3471,7 @@ body {
3434
3471
  --rls-theme-skeleton-300: var(--rls-obsidian-skeleton-300);
3435
3472
  --rls-theme-skeleton-200: var(--rls-obsidian-skeleton-200);
3436
3473
  --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
3474
+ --rls-theme-shadow-color-500: var(--rls-obsidian-shadow-color-500);
3437
3475
  --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
3438
3476
  --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
3439
3477
  --rls-theme-gradient-700: var(--rls-obsidian-gradient-700);
@@ -3866,15 +3904,18 @@ body {
3866
3904
  --flex-grid-12-col-2: 3.4rem;
3867
3905
  --flex-grid-12-col-3: 3.1rem;
3868
3906
  --flex-grid-12-col-4: 2.8rem;
3907
+ --flex-grid-12-col-5: 2.8rem;
3869
3908
  --flex-grid-12-col-6: 2.18rem;
3870
3909
  --flex-grid-12-col-8: 3rem;
3871
3910
  --flex-grid-8-col-2: 3.1rem;
3872
3911
  --flex-grid-8-col-3: 2.6rem;
3873
3912
  --flex-grid-8-col-4: 2.2rem;
3913
+ --flex-grid-8-col-5: 2.2rem;
3874
3914
  --flex-grid-8-col-6: 1.8rem;
3875
3915
  --flex-grid-6-col-2: 2.82rem;
3876
3916
  --flex-grid-6-col-3: 2.2rem;
3877
3917
  --flex-grid-6-col-4: 1.7rem;
3918
+ --flex-grid-6-col-5: 1.7rem;
3878
3919
  --flex-grid-4-col-2: 2rem;
3879
3920
  --flex-grid-4-col-3: 1rem;
3880
3921
  display: inline-flex;
@@ -3889,15 +3930,18 @@ body {
3889
3930
  --flex-grid-12-col-2: 6.624rem;
3890
3931
  --flex-grid-12-col-3: 6rem;
3891
3932
  --flex-grid-12-col-4: 5.38rem;
3933
+ --flex-grid-12-col-5: 5.38rem;
3892
3934
  --flex-grid-12-col-6: 4.1rem;
3893
3935
  --flex-grid-12-col-8: 3rem;
3894
3936
  --flex-grid-8-col-2: 6.182rem;
3895
3937
  --flex-grid-8-col-3: 5.2rem;
3896
3938
  --flex-grid-8-col-4: 4rem;
3939
+ --flex-grid-8-col-5: 4rem;
3897
3940
  --flex-grid-8-col-6: 2.2rem;
3898
3941
  --flex-grid-6-col-2: 5.4rem;
3899
3942
  --flex-grid-6-col-3: 4rem;
3900
3943
  --flex-grid-6-col-4: 2.84rem;
3944
+ --flex-grid-6-col-5: 2.84rem;
3901
3945
  --flex-grid-4-col-2: 4rem;
3902
3946
  --flex-grid-4-col-3: 2.2rem;
3903
3947
  display: inline-flex;
@@ -3912,15 +3956,18 @@ body {
3912
3956
  --flex-grid-12-col-2: 6.66rem;
3913
3957
  --flex-grid-12-col-3: 6rem;
3914
3958
  --flex-grid-12-col-4: 5.38rem;
3959
+ --flex-grid-12-col-5: 5.38rem;
3915
3960
  --flex-grid-12-col-6: 4.1rem;
3916
3961
  --flex-grid-12-col-8: 3rem;
3917
3962
  --flex-grid-8-col-2: 6.182rem;
3918
3963
  --flex-grid-8-col-3: 5.2rem;
3919
3964
  --flex-grid-8-col-4: 4rem;
3965
+ --flex-grid-8-col-5: 4rem;
3920
3966
  --flex-grid-8-col-6: 2.2rem;
3921
3967
  --flex-grid-6-col-2: 5.4rem;
3922
3968
  --flex-grid-6-col-3: 4rem;
3923
3969
  --flex-grid-6-col-4: 2.84rem;
3970
+ --flex-grid-6-col-5: 2.84rem;
3924
3971
  --flex-grid-4-col-2: 4rem;
3925
3972
  --flex-grid-4-col-3: 2.2rem;
3926
3973
  display: inline-flex;
@@ -3960,6 +4007,9 @@ body {
3960
4007
  .xs-flex-grid-col-6 > *.xs-flex-col-4 {
3961
4008
  width: calc(66.67% - var(--flex-grid-6-col-4));
3962
4009
  }
4010
+ .xs-flex-grid-col-6 > *.xs-flex-col-5 {
4011
+ width: calc(83.34% - var(--flex-grid-6-col-5));
4012
+ }
3963
4013
  .xs-flex-grid-col-6 > *.xs-flex-col-6,
3964
4014
  .xs-flex-grid-col-6 > *.xs-flex-col-8,
3965
4015
  .xs-flex-grid-col-6 > *.xs-flex-col-12 {
@@ -3980,6 +4030,9 @@ body {
3980
4030
  .xs-flex-grid-col-8 > *.xs-flex-col-4 {
3981
4031
  width: calc(50% - var(--flex-grid-8-col-4));
3982
4032
  }
4033
+ .xs-flex-grid-col-8 > *.xs-flex-col-5 {
4034
+ width: calc(62.75% - var(--flex-grid-8-col-5));
4035
+ }
3983
4036
  .xs-flex-grid-col-8 > *.xs-flex-col-6 {
3984
4037
  width: calc(75% - var(--flex-grid-8-col-6));
3985
4038
  }
@@ -4002,6 +4055,9 @@ body {
4002
4055
  .xs-flex-grid-col-12 > *.xs-flex-col-4 {
4003
4056
  width: calc(33.33% - var(--flex-grid-12-col-4));
4004
4057
  }
4058
+ .xs-flex-grid-col-12 > *.xs-flex-col-5 {
4059
+ width: calc(41.66% - var(--flex-grid-12-col-5));
4060
+ }
4005
4061
  .xs-flex-grid-col-12 > *.xs-flex-col-6 {
4006
4062
  width: calc(50% - var(--flex-grid-12-col-6));
4007
4063
  }
@@ -4020,15 +4076,18 @@ body {
4020
4076
  --flex-grid-12-col-2: 3.4rem;
4021
4077
  --flex-grid-12-col-3: 3.1rem;
4022
4078
  --flex-grid-12-col-4: 2.8rem;
4079
+ --flex-grid-12-col-5: 2.8rem;
4023
4080
  --flex-grid-12-col-6: 2.18rem;
4024
4081
  --flex-grid-12-col-8: 3rem;
4025
4082
  --flex-grid-8-col-2: 3.1rem;
4026
4083
  --flex-grid-8-col-3: 2.6rem;
4027
4084
  --flex-grid-8-col-4: 2.2rem;
4085
+ --flex-grid-8-col-5: 2.2rem;
4028
4086
  --flex-grid-8-col-6: 1.8rem;
4029
4087
  --flex-grid-6-col-2: 2.82rem;
4030
4088
  --flex-grid-6-col-3: 2.2rem;
4031
4089
  --flex-grid-6-col-4: 1.7rem;
4090
+ --flex-grid-6-col-5: 1.7rem;
4032
4091
  --flex-grid-4-col-2: 2rem;
4033
4092
  --flex-grid-4-col-3: 1rem;
4034
4093
  display: inline-flex;
@@ -4043,15 +4102,18 @@ body {
4043
4102
  --flex-grid-12-col-2: 6.624rem;
4044
4103
  --flex-grid-12-col-3: 6rem;
4045
4104
  --flex-grid-12-col-4: 5.38rem;
4105
+ --flex-grid-12-col-5: 5.38rem;
4046
4106
  --flex-grid-12-col-6: 4.1rem;
4047
4107
  --flex-grid-12-col-8: 3rem;
4048
4108
  --flex-grid-8-col-2: 6.182rem;
4049
4109
  --flex-grid-8-col-3: 5.2rem;
4050
4110
  --flex-grid-8-col-4: 4rem;
4111
+ --flex-grid-8-col-5: 4rem;
4051
4112
  --flex-grid-8-col-6: 2.2rem;
4052
4113
  --flex-grid-6-col-2: 5.4rem;
4053
4114
  --flex-grid-6-col-3: 4rem;
4054
4115
  --flex-grid-6-col-4: 2.84rem;
4116
+ --flex-grid-6-col-5: 2.84rem;
4055
4117
  --flex-grid-4-col-2: 4rem;
4056
4118
  --flex-grid-4-col-3: 2.2rem;
4057
4119
  display: inline-flex;
@@ -4066,15 +4128,18 @@ body {
4066
4128
  --flex-grid-12-col-2: 6.66rem;
4067
4129
  --flex-grid-12-col-3: 6rem;
4068
4130
  --flex-grid-12-col-4: 5.38rem;
4131
+ --flex-grid-12-col-5: 5.38rem;
4069
4132
  --flex-grid-12-col-6: 4.1rem;
4070
4133
  --flex-grid-12-col-8: 3rem;
4071
4134
  --flex-grid-8-col-2: 6.182rem;
4072
4135
  --flex-grid-8-col-3: 5.2rem;
4073
4136
  --flex-grid-8-col-4: 4rem;
4137
+ --flex-grid-8-col-5: 4rem;
4074
4138
  --flex-grid-8-col-6: 2.2rem;
4075
4139
  --flex-grid-6-col-2: 5.4rem;
4076
4140
  --flex-grid-6-col-3: 4rem;
4077
4141
  --flex-grid-6-col-4: 2.84rem;
4142
+ --flex-grid-6-col-5: 2.84rem;
4078
4143
  --flex-grid-4-col-2: 4rem;
4079
4144
  --flex-grid-4-col-3: 2.2rem;
4080
4145
  display: inline-flex;
@@ -4114,6 +4179,9 @@ body {
4114
4179
  .sm-flex-grid-col-6 > *.sm-flex-col-4 {
4115
4180
  width: calc(66.67% - var(--flex-grid-6-col-4));
4116
4181
  }
4182
+ .sm-flex-grid-col-6 > *.sm-flex-col-5 {
4183
+ width: calc(83.34% - var(--flex-grid-6-col-5));
4184
+ }
4117
4185
  .sm-flex-grid-col-6 > *.sm-flex-col-6,
4118
4186
  .sm-flex-grid-col-6 > *.sm-flex-col-8,
4119
4187
  .sm-flex-grid-col-6 > *.sm-flex-col-12 {
@@ -4134,6 +4202,9 @@ body {
4134
4202
  .sm-flex-grid-col-8 > *.sm-flex-col-4 {
4135
4203
  width: calc(50% - var(--flex-grid-8-col-4));
4136
4204
  }
4205
+ .sm-flex-grid-col-8 > *.sm-flex-col-5 {
4206
+ width: calc(62.75% - var(--flex-grid-8-col-5));
4207
+ }
4137
4208
  .sm-flex-grid-col-8 > *.sm-flex-col-6 {
4138
4209
  width: calc(75% - var(--flex-grid-8-col-6));
4139
4210
  }
@@ -4156,6 +4227,9 @@ body {
4156
4227
  .sm-flex-grid-col-12 > *.sm-flex-col-4 {
4157
4228
  width: calc(33.33% - var(--flex-grid-12-col-4));
4158
4229
  }
4230
+ .sm-flex-grid-col-12 > *.sm-flex-col-5 {
4231
+ width: calc(41.66% - var(--flex-grid-12-col-5));
4232
+ }
4159
4233
  .sm-flex-grid-col-12 > *.sm-flex-col-6 {
4160
4234
  width: calc(50% - var(--flex-grid-12-col-6));
4161
4235
  }
@@ -4175,15 +4249,18 @@ body {
4175
4249
  --flex-grid-12-col-2: 3.4rem;
4176
4250
  --flex-grid-12-col-3: 3.1rem;
4177
4251
  --flex-grid-12-col-4: 2.8rem;
4252
+ --flex-grid-12-col-5: 2.8rem;
4178
4253
  --flex-grid-12-col-6: 2.18rem;
4179
4254
  --flex-grid-12-col-8: 3rem;
4180
4255
  --flex-grid-8-col-2: 3.1rem;
4181
4256
  --flex-grid-8-col-3: 2.6rem;
4182
4257
  --flex-grid-8-col-4: 2.2rem;
4258
+ --flex-grid-8-col-5: 2.2rem;
4183
4259
  --flex-grid-8-col-6: 1.8rem;
4184
4260
  --flex-grid-6-col-2: 2.82rem;
4185
4261
  --flex-grid-6-col-3: 2.2rem;
4186
4262
  --flex-grid-6-col-4: 1.7rem;
4263
+ --flex-grid-6-col-5: 1.7rem;
4187
4264
  --flex-grid-4-col-2: 2rem;
4188
4265
  --flex-grid-4-col-3: 1rem;
4189
4266
  display: inline-flex;
@@ -4198,15 +4275,18 @@ body {
4198
4275
  --flex-grid-12-col-2: 6.624rem;
4199
4276
  --flex-grid-12-col-3: 6rem;
4200
4277
  --flex-grid-12-col-4: 5.38rem;
4278
+ --flex-grid-12-col-5: 5.38rem;
4201
4279
  --flex-grid-12-col-6: 4.1rem;
4202
4280
  --flex-grid-12-col-8: 3rem;
4203
4281
  --flex-grid-8-col-2: 6.182rem;
4204
4282
  --flex-grid-8-col-3: 5.2rem;
4205
4283
  --flex-grid-8-col-4: 4rem;
4284
+ --flex-grid-8-col-5: 4rem;
4206
4285
  --flex-grid-8-col-6: 2.2rem;
4207
4286
  --flex-grid-6-col-2: 5.4rem;
4208
4287
  --flex-grid-6-col-3: 4rem;
4209
4288
  --flex-grid-6-col-4: 2.84rem;
4289
+ --flex-grid-6-col-5: 2.84rem;
4210
4290
  --flex-grid-4-col-2: 4rem;
4211
4291
  --flex-grid-4-col-3: 2.2rem;
4212
4292
  display: inline-flex;
@@ -4221,15 +4301,18 @@ body {
4221
4301
  --flex-grid-12-col-2: 6.66rem;
4222
4302
  --flex-grid-12-col-3: 6rem;
4223
4303
  --flex-grid-12-col-4: 5.38rem;
4304
+ --flex-grid-12-col-5: 5.38rem;
4224
4305
  --flex-grid-12-col-6: 4.1rem;
4225
4306
  --flex-grid-12-col-8: 3rem;
4226
4307
  --flex-grid-8-col-2: 6.182rem;
4227
4308
  --flex-grid-8-col-3: 5.2rem;
4228
4309
  --flex-grid-8-col-4: 4rem;
4310
+ --flex-grid-8-col-5: 4rem;
4229
4311
  --flex-grid-8-col-6: 2.2rem;
4230
4312
  --flex-grid-6-col-2: 5.4rem;
4231
4313
  --flex-grid-6-col-3: 4rem;
4232
4314
  --flex-grid-6-col-4: 2.84rem;
4315
+ --flex-grid-6-col-5: 2.84rem;
4233
4316
  --flex-grid-4-col-2: 4rem;
4234
4317
  --flex-grid-4-col-3: 2.2rem;
4235
4318
  display: inline-flex;
@@ -4269,6 +4352,9 @@ body {
4269
4352
  .md-flex-grid-col-6 > *.md-flex-col-4 {
4270
4353
  width: calc(66.67% - var(--flex-grid-6-col-4));
4271
4354
  }
4355
+ .md-flex-grid-col-6 > *.md-flex-col-5 {
4356
+ width: calc(83.34% - var(--flex-grid-6-col-5));
4357
+ }
4272
4358
  .md-flex-grid-col-6 > *.md-flex-col-6,
4273
4359
  .md-flex-grid-col-6 > *.md-flex-col-8,
4274
4360
  .md-flex-grid-col-6 > *.md-flex-col-12 {
@@ -4289,6 +4375,9 @@ body {
4289
4375
  .md-flex-grid-col-8 > *.md-flex-col-4 {
4290
4376
  width: calc(50% - var(--flex-grid-8-col-4));
4291
4377
  }
4378
+ .md-flex-grid-col-8 > *.md-flex-col-5 {
4379
+ width: calc(62.75% - var(--flex-grid-8-col-5));
4380
+ }
4292
4381
  .md-flex-grid-col-8 > *.md-flex-col-6 {
4293
4382
  width: calc(75% - var(--flex-grid-8-col-6));
4294
4383
  }
@@ -4311,6 +4400,9 @@ body {
4311
4400
  .md-flex-grid-col-12 > *.md-flex-col-4 {
4312
4401
  width: calc(33.33% - var(--flex-grid-12-col-4));
4313
4402
  }
4403
+ .md-flex-grid-col-12 > *.md-flex-col-5 {
4404
+ width: calc(41.66% - var(--flex-grid-12-col-5));
4405
+ }
4314
4406
  .md-flex-grid-col-12 > *.md-flex-col-6 {
4315
4407
  width: calc(50% - var(--flex-grid-12-col-6));
4316
4408
  }
@@ -4330,15 +4422,18 @@ body {
4330
4422
  --flex-grid-12-col-2: 3.4rem;
4331
4423
  --flex-grid-12-col-3: 3.1rem;
4332
4424
  --flex-grid-12-col-4: 2.8rem;
4425
+ --flex-grid-12-col-5: 2.8rem;
4333
4426
  --flex-grid-12-col-6: 2.18rem;
4334
4427
  --flex-grid-12-col-8: 3rem;
4335
4428
  --flex-grid-8-col-2: 3.1rem;
4336
4429
  --flex-grid-8-col-3: 2.6rem;
4337
4430
  --flex-grid-8-col-4: 2.2rem;
4431
+ --flex-grid-8-col-5: 2.2rem;
4338
4432
  --flex-grid-8-col-6: 1.8rem;
4339
4433
  --flex-grid-6-col-2: 2.82rem;
4340
4434
  --flex-grid-6-col-3: 2.2rem;
4341
4435
  --flex-grid-6-col-4: 1.7rem;
4436
+ --flex-grid-6-col-5: 1.7rem;
4342
4437
  --flex-grid-4-col-2: 2rem;
4343
4438
  --flex-grid-4-col-3: 1rem;
4344
4439
  display: inline-flex;
@@ -4353,15 +4448,18 @@ body {
4353
4448
  --flex-grid-12-col-2: 6.624rem;
4354
4449
  --flex-grid-12-col-3: 6rem;
4355
4450
  --flex-grid-12-col-4: 5.38rem;
4451
+ --flex-grid-12-col-5: 5.38rem;
4356
4452
  --flex-grid-12-col-6: 4.1rem;
4357
4453
  --flex-grid-12-col-8: 3rem;
4358
4454
  --flex-grid-8-col-2: 6.182rem;
4359
4455
  --flex-grid-8-col-3: 5.2rem;
4360
4456
  --flex-grid-8-col-4: 4rem;
4457
+ --flex-grid-8-col-5: 4rem;
4361
4458
  --flex-grid-8-col-6: 2.2rem;
4362
4459
  --flex-grid-6-col-2: 5.4rem;
4363
4460
  --flex-grid-6-col-3: 4rem;
4364
4461
  --flex-grid-6-col-4: 2.84rem;
4462
+ --flex-grid-6-col-5: 2.84rem;
4365
4463
  --flex-grid-4-col-2: 4rem;
4366
4464
  --flex-grid-4-col-3: 2.2rem;
4367
4465
  display: inline-flex;
@@ -4376,15 +4474,18 @@ body {
4376
4474
  --flex-grid-12-col-2: 6.66rem;
4377
4475
  --flex-grid-12-col-3: 6rem;
4378
4476
  --flex-grid-12-col-4: 5.38rem;
4477
+ --flex-grid-12-col-5: 5.38rem;
4379
4478
  --flex-grid-12-col-6: 4.1rem;
4380
4479
  --flex-grid-12-col-8: 3rem;
4381
4480
  --flex-grid-8-col-2: 6.182rem;
4382
4481
  --flex-grid-8-col-3: 5.2rem;
4383
4482
  --flex-grid-8-col-4: 4rem;
4483
+ --flex-grid-8-col-5: 4rem;
4384
4484
  --flex-grid-8-col-6: 2.2rem;
4385
4485
  --flex-grid-6-col-2: 5.4rem;
4386
4486
  --flex-grid-6-col-3: 4rem;
4387
4487
  --flex-grid-6-col-4: 2.84rem;
4488
+ --flex-grid-6-col-5: 2.84rem;
4388
4489
  --flex-grid-4-col-2: 4rem;
4389
4490
  --flex-grid-4-col-3: 2.2rem;
4390
4491
  display: inline-flex;
@@ -4424,6 +4525,9 @@ body {
4424
4525
  .lg-flex-grid-col-6 > *.lg-flex-col-4 {
4425
4526
  width: calc(66.67% - var(--flex-grid-6-col-4));
4426
4527
  }
4528
+ .lg-flex-grid-col-6 > *.lg-flex-col-5 {
4529
+ width: calc(83.34% - var(--flex-grid-6-col-5));
4530
+ }
4427
4531
  .lg-flex-grid-col-6 > *.lg-flex-col-6,
4428
4532
  .lg-flex-grid-col-6 > *.lg-flex-col-8,
4429
4533
  .lg-flex-grid-col-6 > *.lg-flex-col-12 {
@@ -4444,6 +4548,9 @@ body {
4444
4548
  .lg-flex-grid-col-8 > *.lg-flex-col-4 {
4445
4549
  width: calc(50% - var(--flex-grid-8-col-4));
4446
4550
  }
4551
+ .lg-flex-grid-col-8 > *.lg-flex-col-5 {
4552
+ width: calc(62.75% - var(--flex-grid-8-col-5));
4553
+ }
4447
4554
  .lg-flex-grid-col-8 > *.lg-flex-col-6 {
4448
4555
  width: calc(75% - var(--flex-grid-8-col-6));
4449
4556
  }
@@ -4466,6 +4573,9 @@ body {
4466
4573
  .lg-flex-grid-col-12 > *.lg-flex-col-4 {
4467
4574
  width: calc(33.33% - var(--flex-grid-12-col-4));
4468
4575
  }
4576
+ .lg-flex-grid-col-12 > *.lg-flex-col-5 {
4577
+ width: calc(41.66% - var(--flex-grid-12-col-5));
4578
+ }
4469
4579
  .lg-flex-grid-col-12 > *.lg-flex-col-6 {
4470
4580
  width: calc(50% - var(--flex-grid-12-col-6));
4471
4581
  }
@@ -4485,15 +4595,18 @@ body {
4485
4595
  --flex-grid-12-col-2: 3.4rem;
4486
4596
  --flex-grid-12-col-3: 3.1rem;
4487
4597
  --flex-grid-12-col-4: 2.8rem;
4598
+ --flex-grid-12-col-5: 2.8rem;
4488
4599
  --flex-grid-12-col-6: 2.18rem;
4489
4600
  --flex-grid-12-col-8: 3rem;
4490
4601
  --flex-grid-8-col-2: 3.1rem;
4491
4602
  --flex-grid-8-col-3: 2.6rem;
4492
4603
  --flex-grid-8-col-4: 2.2rem;
4604
+ --flex-grid-8-col-5: 2.2rem;
4493
4605
  --flex-grid-8-col-6: 1.8rem;
4494
4606
  --flex-grid-6-col-2: 2.82rem;
4495
4607
  --flex-grid-6-col-3: 2.2rem;
4496
4608
  --flex-grid-6-col-4: 1.7rem;
4609
+ --flex-grid-6-col-5: 1.7rem;
4497
4610
  --flex-grid-4-col-2: 2rem;
4498
4611
  --flex-grid-4-col-3: 1rem;
4499
4612
  display: inline-flex;
@@ -4508,15 +4621,18 @@ body {
4508
4621
  --flex-grid-12-col-2: 6.624rem;
4509
4622
  --flex-grid-12-col-3: 6rem;
4510
4623
  --flex-grid-12-col-4: 5.38rem;
4624
+ --flex-grid-12-col-5: 5.38rem;
4511
4625
  --flex-grid-12-col-6: 4.1rem;
4512
4626
  --flex-grid-12-col-8: 3rem;
4513
4627
  --flex-grid-8-col-2: 6.182rem;
4514
4628
  --flex-grid-8-col-3: 5.2rem;
4515
4629
  --flex-grid-8-col-4: 4rem;
4630
+ --flex-grid-8-col-5: 4rem;
4516
4631
  --flex-grid-8-col-6: 2.2rem;
4517
4632
  --flex-grid-6-col-2: 5.4rem;
4518
4633
  --flex-grid-6-col-3: 4rem;
4519
4634
  --flex-grid-6-col-4: 2.84rem;
4635
+ --flex-grid-6-col-5: 2.84rem;
4520
4636
  --flex-grid-4-col-2: 4rem;
4521
4637
  --flex-grid-4-col-3: 2.2rem;
4522
4638
  display: inline-flex;
@@ -4531,15 +4647,18 @@ body {
4531
4647
  --flex-grid-12-col-2: 6.66rem;
4532
4648
  --flex-grid-12-col-3: 6rem;
4533
4649
  --flex-grid-12-col-4: 5.38rem;
4650
+ --flex-grid-12-col-5: 5.38rem;
4534
4651
  --flex-grid-12-col-6: 4.1rem;
4535
4652
  --flex-grid-12-col-8: 3rem;
4536
4653
  --flex-grid-8-col-2: 6.182rem;
4537
4654
  --flex-grid-8-col-3: 5.2rem;
4538
4655
  --flex-grid-8-col-4: 4rem;
4656
+ --flex-grid-8-col-5: 4rem;
4539
4657
  --flex-grid-8-col-6: 2.2rem;
4540
4658
  --flex-grid-6-col-2: 5.4rem;
4541
4659
  --flex-grid-6-col-3: 4rem;
4542
4660
  --flex-grid-6-col-4: 2.84rem;
4661
+ --flex-grid-6-col-5: 2.84rem;
4543
4662
  --flex-grid-4-col-2: 4rem;
4544
4663
  --flex-grid-4-col-3: 2.2rem;
4545
4664
  display: inline-flex;
@@ -4579,6 +4698,9 @@ body {
4579
4698
  .xl-flex-grid-col-6 > *.xl-flex-col-4 {
4580
4699
  width: calc(66.67% - var(--flex-grid-6-col-4));
4581
4700
  }
4701
+ .xl-flex-grid-col-6 > *.xl-flex-col-5 {
4702
+ width: calc(83.34% - var(--flex-grid-6-col-5));
4703
+ }
4582
4704
  .xl-flex-grid-col-6 > *.xl-flex-col-6,
4583
4705
  .xl-flex-grid-col-6 > *.xl-flex-col-8,
4584
4706
  .xl-flex-grid-col-6 > *.xl-flex-col-12 {
@@ -4599,6 +4721,9 @@ body {
4599
4721
  .xl-flex-grid-col-8 > *.xl-flex-col-4 {
4600
4722
  width: calc(50% - var(--flex-grid-8-col-4));
4601
4723
  }
4724
+ .xl-flex-grid-col-8 > *.xl-flex-col-5 {
4725
+ width: calc(62.75% - var(--flex-grid-8-col-5));
4726
+ }
4602
4727
  .xl-flex-grid-col-8 > *.xl-flex-col-6 {
4603
4728
  width: calc(75% - var(--flex-grid-8-col-6));
4604
4729
  }
@@ -4621,6 +4746,9 @@ body {
4621
4746
  .xl-flex-grid-col-12 > *.xl-flex-col-4 {
4622
4747
  width: calc(33.33% - var(--flex-grid-12-col-4));
4623
4748
  }
4749
+ .xl-flex-grid-col-12 > *.xl-flex-col-5 {
4750
+ width: calc(41.66% - var(--flex-grid-12-col-5));
4751
+ }
4624
4752
  .xl-flex-grid-col-12 > *.xl-flex-col-6 {
4625
4753
  width: calc(50% - var(--flex-grid-12-col-6));
4626
4754
  }
@@ -4677,53 +4805,59 @@ body {
4677
4805
  :root {
4678
4806
  --rls-app-font-size: 2px;
4679
4807
  --rls-heading1-font-size: 16rem;
4680
- --rls-heading1-letter-spacing: 0.0234375em;
4681
- --rls-heading1-line-height: 18.25rem;
4682
- --rls-heading2-font-size: 14.45rem;
4683
- --rls-heading2-letter-spacing: 0.0234375em;
4684
- --rls-heading2-line-height: 15.75rem;
4685
- --rls-heading3-font-size: 13.45rem;
4686
- --rls-heading3-letter-spacing: 0.0234375em;
4687
- --rls-heading3-line-height: 14.75rem;
4688
- --rls-heading4-font-size: 12rem;
4689
- --rls-heading4-letter-spacing: 0.0234375em;
4690
- --rls-heading4-line-height: 13.25rem;
4808
+ --rls-heading1-letter-spacing: 0.0135rem;
4809
+ --rls-heading1-line-height: 17.5rem;
4810
+ --rls-heading2-font-size: 14.75rem;
4811
+ --rls-heading2-letter-spacing: 0.0135rem;
4812
+ --rls-heading2-line-height: 16rem;
4813
+ --rls-heading3-font-size: 13.525rem;
4814
+ --rls-heading3-letter-spacing: 0.0135rem;
4815
+ --rls-heading3-line-height: 15rem;
4816
+ --rls-heading4-font-size: 12.125rem;
4817
+ --rls-heading4-letter-spacing: 0.0135rem;
4818
+ --rls-heading4-line-height: 13.5rem;
4691
4819
  --rls-heading5-font-size: 11rem;
4692
- --rls-heading5-letter-spacing: 0.0234375em;
4693
- --rls-heading5-line-height: 12.75rem;
4820
+ --rls-heading5-letter-spacing: 0.0135rem;
4821
+ --rls-heading5-line-height: 12.125rem;
4694
4822
  --rls-heading6-font-size: 10rem;
4695
- --rls-heading6-letter-spacing: 0.0234375em;
4696
- --rls-heading6-line-height: 11.25rem;
4697
- --rls-title-font-size: 9rem;
4698
- --rls-title-letter-spacing: 0.0546875em;
4699
- --rls-title-line-height: 10rem;
4823
+ --rls-heading6-letter-spacing: 0.0135rem;
4824
+ --rls-heading6-line-height: 11rem;
4825
+ --rls-title-font-size: 9.25rem;
4826
+ --rls-title-letter-spacing: 0.0375rem;
4827
+ --rls-title-line-height: 10.25rem;
4700
4828
  --rls-subtitle-font-size: 8.75rem;
4701
- --rls-subtitle-letter-spacing: 0.0546875em;
4702
- --rls-subtitle-line-height: 8.95rem;
4829
+ --rls-subtitle-letter-spacing: 0.0375rem;
4830
+ --rls-subtitle-line-height: 9.75rem;
4703
4831
  --rls-body-font-size: 8rem;
4704
- --rls-body-letter-spacing: 0.03125em;
4832
+ --rls-body-letter-spacing: 0.0125rem;
4705
4833
  --rls-body-line-height: 9rem;
4706
- --rls-paragraph-font-size: 7.25rem;
4834
+ --rls-input-font-size: 7.65rem;
4835
+ --rls-input-letter-spacing: 0.0125rem;
4836
+ --rls-input-line-height: 8.125rem;
4837
+ --rls-paragraph-font-size: 7.325rem;
4707
4838
  --rls-paragraph-letter-spacing: 0.02625em;
4708
4839
  --rls-paragraph-line-height: 8rem;
4709
- --rls-input-font-size: 7.65rem;
4710
- --rls-input-letter-spacing: 0.03125em;
4711
- --rls-input-line-height: 9rem;
4840
+ --rls-button-font-size: 7rem;
4841
+ --rls-button-letter-spacing: 0.0125rem;
4842
+ --rls-button-line-height: 7.875rem;
4712
4843
  --rls-label-font-size: 7rem;
4713
- --rls-label-letter-spacing: 0.03125em;
4714
- --rls-label-line-height: 8.25rem;
4715
- --rls-button-font-size: 7.125rem;
4716
- --rls-button-letter-spacing: 0.05725em;
4717
- --rls-button-line-height: 8.5rem;
4718
- --rls-smalltext-font-size: 6rem;
4719
- --rls-smalltext-letter-spacing: 0.03125em;
4720
- --rls-smalltext-line-height: 8.5rem;
4721
- --rls-caption-font-size: 5.75rem;
4722
- --rls-caption-letter-spacing: 0.046875em;
4723
- --rls-caption-line-height: 7.25rem;
4724
- --rls-overline-font-size: 5.35rem;
4725
- --rls-overline-letter-spacing: 0.0625em;
4726
- --rls-overline-line-height: 7.25rem;
4844
+ --rls-label-letter-spacing: 0.0125rem;
4845
+ --rls-label-line-height: 7.875rem;
4846
+ --rls-span-font-size: 6.425rem;
4847
+ --rls-span-letter-spacing: 0.0175rem;
4848
+ --rls-span-line-height: 7.5rem;
4849
+ --rls-smalltext-font-size: 6.125rem;
4850
+ --rls-smalltext-letter-spacing: 0.0125rem;
4851
+ --rls-smalltext-line-height: 7.125rem;
4852
+ --rls-caption-font-size: 5.575rem;
4853
+ --rls-caption-letter-spacing: 0.0275rem;
4854
+ --rls-caption-line-height: 6.25rem;
4855
+ --rls-overline-font-size: 5.125rem;
4856
+ --rls-overline-letter-spacing: 0.0425rem;
4857
+ --rls-overline-line-height: 5.825rem;
4858
+ --rls-tiny-font-size: 4.325rem;
4859
+ --rls-tiny-letter-spacing: 0.0425rem;
4860
+ --rls-tiny-line-height: 5rem;
4727
4861
  }
4728
4862
  h1 {
4729
4863
  font-size: var(--rls-heading1-font-size);
@@ -4971,28 +5105,6 @@ button {
4971
5105
  .rls-body-bold {
4972
5106
  font-weight: var(--rls-font-weight-bold);
4973
5107
  }
4974
- .rls-paragraph-default,
4975
- .rls-paragraph-bold,
4976
- .rls-paragraph-semibold,
4977
- .rls-paragraph-medium,
4978
- .rls-paragraph-regular {
4979
- font-size: var(--rls-paragraph-font-size);
4980
- letter-spacing: var(--rls-paragraph-letter-spacing);
4981
- min-height: var(--rls-paragraph-line-height);
4982
- line-height: var(--rls-paragraph-line-height);
4983
- }
4984
- .rls-paragraph-regular {
4985
- font-weight: var(--rls-font-weight-regular);
4986
- }
4987
- .rls-paragraph-medium {
4988
- font-weight: var(--rls-font-weight-medium);
4989
- }
4990
- .rls-paragraph-semibold {
4991
- font-weight: var(--rls-font-weight-semibold);
4992
- }
4993
- .rls-paragraph-bold {
4994
- font-weight: var(--rls-font-weight-bold);
4995
- }
4996
5108
  .rls-input-default,
4997
5109
  .rls-input-bold,
4998
5110
  .rls-input-semibold,
@@ -5015,6 +5127,28 @@ button {
5015
5127
  .rls-input-bold {
5016
5128
  font-weight: var(--rls-font-weight-bold);
5017
5129
  }
5130
+ .rls-paragraph-default,
5131
+ .rls-paragraph-bold,
5132
+ .rls-paragraph-semibold,
5133
+ .rls-paragraph-medium,
5134
+ .rls-paragraph-regular {
5135
+ font-size: var(--rls-paragraph-font-size);
5136
+ letter-spacing: var(--rls-paragraph-letter-spacing);
5137
+ min-height: var(--rls-paragraph-line-height);
5138
+ line-height: var(--rls-paragraph-line-height);
5139
+ }
5140
+ .rls-paragraph-regular {
5141
+ font-weight: var(--rls-font-weight-regular);
5142
+ }
5143
+ .rls-paragraph-medium {
5144
+ font-weight: var(--rls-font-weight-medium);
5145
+ }
5146
+ .rls-paragraph-semibold {
5147
+ font-weight: var(--rls-font-weight-semibold);
5148
+ }
5149
+ .rls-paragraph-bold {
5150
+ font-weight: var(--rls-font-weight-bold);
5151
+ }
5018
5152
  .rls-label-default,
5019
5153
  .rls-label-bold,
5020
5154
  .rls-label-semibold,
@@ -6049,7 +6183,7 @@ button {
6049
6183
  .rls-field-box--focused {
6050
6184
  --pvt-body-shadow: var(
6051
6185
  --rlc-field-box-body-shadow,
6052
- 0px 0px 0px 3px var(--rls-theme-shadow-500)
6186
+ var(--rls-theme-shadow-500)
6053
6187
  );
6054
6188
  --pvt-label-font-color: var(--rls-theme-color-500);
6055
6189
  --pvt-body-border: var(--pvt-body-border-focused);
@@ -6057,7 +6191,7 @@ button {
6057
6191
  .rls-field-box--error {
6058
6192
  --pvt-body-shadow: var(
6059
6193
  --rlc-field-box-body-shadow-error,
6060
- 0px 0px 0px 3px var(--rls-danger-shadow-500)
6194
+ 0px 0px 0px 3px var(--rls-danger-shadow-color-500)
6061
6195
  );
6062
6196
  --pvt-label-font-color: var(--rls-danger-color-500);
6063
6197
  --pvt-body-border: var(--pvt-body-border-error);
@@ -6248,7 +6382,7 @@ button {
6248
6382
  z-index: var(--rls-z-index-2);
6249
6383
  border: var(--pvt-list-body-border);
6250
6384
  background: var(--rls-app-color-050);
6251
- box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
6385
+ box-shadow: var(--rls-theme-shadow-500);
6252
6386
  transform: var(--pvt-list-transform);
6253
6387
  }
6254
6388
  .rls-field-list__suggestions__body::before {