@rolster/styles-foundations 2.7.1 → 2.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1704,7 +1704,7 @@ body {
1704
1704
  }
1705
1705
  body {
1706
1706
  --rls-app-shadow-color: rgba(173, 186, 230, 0.6);
1707
- --rls-z-index-2: 1;
1707
+ --rls-z-index-1: 1;
1708
1708
  --rls-z-index-2: 2;
1709
1709
  --rls-z-index-4: 4;
1710
1710
  --rls-z-index-6: 6;
@@ -2603,6 +2603,14 @@ body {
2603
2603
  --rls-theme-skeleton-100: var(--rls-primary-skeleton-100);
2604
2604
  --rls-theme-shadow-color-500: var(--rls-primary-shadow-color-500);
2605
2605
  --rls-theme-shadow-500: var(--rls-primary-shadow-500);
2606
+ --rls-theme-backdrop-100: var(--rls-primary-backdrop-100);
2607
+ --rls-theme-backdrop-200: var(--rls-primary-backdrop-200);
2608
+ --rls-theme-backdrop-300: var(--rls-primary-backdrop-300);
2609
+ --rls-theme-backdrop-400: var(--rls-primary-backdrop-400);
2610
+ --rls-theme-backdrop-500: var(--rls-primary-backdrop-500);
2611
+ --rls-theme-backdrop-600: var(--rls-primary-backdrop-600);
2612
+ --rls-theme-backdrop-700: var(--rls-primary-backdrop-700);
2613
+ --rls-theme-backdrop-800: var(--rls-primary-backdrop-800);
2606
2614
  --rls-theme-backdrop-900: var(--rls-primary-backdrop-900);
2607
2615
  --rls-theme-gradient-700: var(--rls-primary-gradient-700);
2608
2616
  --rls-theme-gradient-600: var(--rls-primary-gradient-600);
@@ -2686,6 +2694,14 @@ body {
2686
2694
  --rls-theme-skeleton-100: var(--rls-standard-skeleton-100);
2687
2695
  --rls-theme-shadow-color-500: var(--rls-standard-shadow-color-500);
2688
2696
  --rls-theme-shadow-500: var(--rls-standard-shadow-500);
2697
+ --rls-theme-backdrop-100: var(--rls-standard-backdrop-100);
2698
+ --rls-theme-backdrop-200: var(--rls-standard-backdrop-200);
2699
+ --rls-theme-backdrop-300: var(--rls-standard-backdrop-300);
2700
+ --rls-theme-backdrop-400: var(--rls-standard-backdrop-400);
2701
+ --rls-theme-backdrop-500: var(--rls-standard-backdrop-500);
2702
+ --rls-theme-backdrop-600: var(--rls-standard-backdrop-600);
2703
+ --rls-theme-backdrop-700: var(--rls-standard-backdrop-700);
2704
+ --rls-theme-backdrop-800: var(--rls-standard-backdrop-800);
2689
2705
  --rls-theme-backdrop-900: var(--rls-standard-backdrop-900);
2690
2706
  --rls-theme-gradient-700: var(--rls-standard-gradient-700);
2691
2707
  --rls-theme-gradient-600: var(--rls-standard-gradient-600);
@@ -2769,6 +2785,14 @@ body {
2769
2785
  --rls-theme-skeleton-100: var(--rls-secondary-skeleton-100);
2770
2786
  --rls-theme-shadow-color-500: var(--rls-secondary-shadow-color-500);
2771
2787
  --rls-theme-shadow-500: var(--rls-secondary-shadow-500);
2788
+ --rls-theme-backdrop-100: var(--rls-secondary-backdrop-100);
2789
+ --rls-theme-backdrop-200: var(--rls-secondary-backdrop-200);
2790
+ --rls-theme-backdrop-300: var(--rls-secondary-backdrop-300);
2791
+ --rls-theme-backdrop-400: var(--rls-secondary-backdrop-400);
2792
+ --rls-theme-backdrop-500: var(--rls-secondary-backdrop-500);
2793
+ --rls-theme-backdrop-600: var(--rls-secondary-backdrop-600);
2794
+ --rls-theme-backdrop-700: var(--rls-secondary-backdrop-700);
2795
+ --rls-theme-backdrop-800: var(--rls-secondary-backdrop-800);
2772
2796
  --rls-theme-backdrop-900: var(--rls-secondary-backdrop-900);
2773
2797
  --rls-theme-gradient-700: var(--rls-secondary-gradient-700);
2774
2798
  --rls-theme-gradient-600: var(--rls-secondary-gradient-600);
@@ -2852,6 +2876,14 @@ body {
2852
2876
  --rls-theme-skeleton-100: var(--rls-tertiary-skeleton-100);
2853
2877
  --rls-theme-shadow-color-500: var(--rls-tertiary-shadow-color-500);
2854
2878
  --rls-theme-shadow-500: var(--rls-tertiary-shadow-500);
2879
+ --rls-theme-backdrop-100: var(--rls-tertiary-backdrop-100);
2880
+ --rls-theme-backdrop-200: var(--rls-tertiary-backdrop-200);
2881
+ --rls-theme-backdrop-300: var(--rls-tertiary-backdrop-300);
2882
+ --rls-theme-backdrop-400: var(--rls-tertiary-backdrop-400);
2883
+ --rls-theme-backdrop-500: var(--rls-tertiary-backdrop-500);
2884
+ --rls-theme-backdrop-600: var(--rls-tertiary-backdrop-600);
2885
+ --rls-theme-backdrop-700: var(--rls-tertiary-backdrop-700);
2886
+ --rls-theme-backdrop-800: var(--rls-tertiary-backdrop-800);
2855
2887
  --rls-theme-backdrop-900: var(--rls-tertiary-backdrop-900);
2856
2888
  --rls-theme-gradient-700: var(--rls-tertiary-gradient-700);
2857
2889
  --rls-theme-gradient-600: var(--rls-tertiary-gradient-600);
@@ -2935,6 +2967,14 @@ body {
2935
2967
  --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
2936
2968
  --rls-theme-shadow-color-500: var(--rls-success-shadow-color-500);
2937
2969
  --rls-theme-shadow-500: var(--rls-success-shadow-500);
2970
+ --rls-theme-backdrop-100: var(--rls-success-backdrop-100);
2971
+ --rls-theme-backdrop-200: var(--rls-success-backdrop-200);
2972
+ --rls-theme-backdrop-300: var(--rls-success-backdrop-300);
2973
+ --rls-theme-backdrop-400: var(--rls-success-backdrop-400);
2974
+ --rls-theme-backdrop-500: var(--rls-success-backdrop-500);
2975
+ --rls-theme-backdrop-600: var(--rls-success-backdrop-600);
2976
+ --rls-theme-backdrop-700: var(--rls-success-backdrop-700);
2977
+ --rls-theme-backdrop-800: var(--rls-success-backdrop-800);
2938
2978
  --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
2939
2979
  --rls-theme-gradient-700: var(--rls-success-gradient-700);
2940
2980
  --rls-theme-gradient-600: var(--rls-success-gradient-600);
@@ -3018,6 +3058,14 @@ body {
3018
3058
  --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
3019
3059
  --rls-theme-shadow-color-500: var(--rls-info-shadow-color-500);
3020
3060
  --rls-theme-shadow-500: var(--rls-info-shadow-500);
3061
+ --rls-theme-backdrop-100: var(--rls-info-backdrop-100);
3062
+ --rls-theme-backdrop-200: var(--rls-info-backdrop-200);
3063
+ --rls-theme-backdrop-300: var(--rls-info-backdrop-300);
3064
+ --rls-theme-backdrop-400: var(--rls-info-backdrop-400);
3065
+ --rls-theme-backdrop-500: var(--rls-info-backdrop-500);
3066
+ --rls-theme-backdrop-600: var(--rls-info-backdrop-600);
3067
+ --rls-theme-backdrop-700: var(--rls-info-backdrop-700);
3068
+ --rls-theme-backdrop-800: var(--rls-info-backdrop-800);
3021
3069
  --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
3022
3070
  --rls-theme-gradient-700: var(--rls-info-gradient-700);
3023
3071
  --rls-theme-gradient-600: var(--rls-info-gradient-600);
@@ -3074,6 +3122,14 @@ body {
3074
3122
  --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
3075
3123
  --rls-theme-shadow-color-500: var(--rls-warning-shadow-color-500);
3076
3124
  --rls-theme-shadow-500: var(--rls-warning-shadow-500);
3125
+ --rls-theme-backdrop-100: var(--rls-warning-backdrop-100);
3126
+ --rls-theme-backdrop-200: var(--rls-warning-backdrop-200);
3127
+ --rls-theme-backdrop-300: var(--rls-warning-backdrop-300);
3128
+ --rls-theme-backdrop-400: var(--rls-warning-backdrop-400);
3129
+ --rls-theme-backdrop-500: var(--rls-warning-backdrop-500);
3130
+ --rls-theme-backdrop-600: var(--rls-warning-backdrop-600);
3131
+ --rls-theme-backdrop-700: var(--rls-warning-backdrop-700);
3132
+ --rls-theme-backdrop-800: var(--rls-warning-backdrop-800);
3077
3133
  --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
3078
3134
  --rls-theme-gradient-700: var(--rls-warning-gradient-700);
3079
3135
  --rls-theme-gradient-600: var(--rls-warning-gradient-600);
@@ -3157,6 +3213,14 @@ body {
3157
3213
  --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
3158
3214
  --rls-theme-shadow-color-500: var(--rls-danger-shadow-color-500);
3159
3215
  --rls-theme-shadow-500: var(--rls-danger-shadow-500);
3216
+ --rls-theme-backdrop-100: var(--rls-danger-backdrop-100);
3217
+ --rls-theme-backdrop-200: var(--rls-danger-backdrop-200);
3218
+ --rls-theme-backdrop-300: var(--rls-danger-backdrop-300);
3219
+ --rls-theme-backdrop-400: var(--rls-danger-backdrop-400);
3220
+ --rls-theme-backdrop-500: var(--rls-danger-backdrop-500);
3221
+ --rls-theme-backdrop-600: var(--rls-danger-backdrop-600);
3222
+ --rls-theme-backdrop-700: var(--rls-danger-backdrop-700);
3223
+ --rls-theme-backdrop-800: var(--rls-danger-backdrop-800);
3160
3224
  --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
3161
3225
  --rls-theme-gradient-700: var(--rls-danger-gradient-700);
3162
3226
  --rls-theme-gradient-600: var(--rls-danger-gradient-600);
@@ -3240,6 +3304,14 @@ body {
3240
3304
  --rls-theme-skeleton-100: var(--rls-berry-skeleton-100);
3241
3305
  --rls-theme-shadow-color-500: var(--rls-berry-shadow-color-500);
3242
3306
  --rls-theme-shadow-500: var(--rls-berry-shadow-500);
3307
+ --rls-theme-backdrop-100: var(--rls-berry-backdrop-100);
3308
+ --rls-theme-backdrop-200: var(--rls-berry-backdrop-200);
3309
+ --rls-theme-backdrop-300: var(--rls-berry-backdrop-300);
3310
+ --rls-theme-backdrop-400: var(--rls-berry-backdrop-400);
3311
+ --rls-theme-backdrop-500: var(--rls-berry-backdrop-500);
3312
+ --rls-theme-backdrop-600: var(--rls-berry-backdrop-600);
3313
+ --rls-theme-backdrop-700: var(--rls-berry-backdrop-700);
3314
+ --rls-theme-backdrop-800: var(--rls-berry-backdrop-800);
3243
3315
  --rls-theme-backdrop-900: var(--rls-berry-backdrop-900);
3244
3316
  --rls-theme-gradient-700: var(--rls-berry-gradient-700);
3245
3317
  --rls-theme-gradient-600: var(--rls-berry-gradient-600);
@@ -3296,6 +3368,14 @@ body {
3296
3368
  --rls-theme-skeleton-100: var(--rls-ross-skeleton-100);
3297
3369
  --rls-theme-shadow-color-500: var(--rls-ross-shadow-color-500);
3298
3370
  --rls-theme-shadow-500: var(--rls-ross-shadow-500);
3371
+ --rls-theme-backdrop-100: var(--rls-ross-backdrop-100);
3372
+ --rls-theme-backdrop-200: var(--rls-ross-backdrop-200);
3373
+ --rls-theme-backdrop-300: var(--rls-ross-backdrop-300);
3374
+ --rls-theme-backdrop-400: var(--rls-ross-backdrop-400);
3375
+ --rls-theme-backdrop-500: var(--rls-ross-backdrop-500);
3376
+ --rls-theme-backdrop-600: var(--rls-ross-backdrop-600);
3377
+ --rls-theme-backdrop-700: var(--rls-ross-backdrop-700);
3378
+ --rls-theme-backdrop-800: var(--rls-ross-backdrop-800);
3299
3379
  --rls-theme-backdrop-900: var(--rls-ross-backdrop-900);
3300
3380
  --rls-theme-gradient-700: var(--rls-ross-gradient-700);
3301
3381
  --rls-theme-gradient-600: var(--rls-ross-gradient-600);
@@ -3352,6 +3432,14 @@ body {
3352
3432
  --rls-theme-skeleton-100: var(--rls-hope-skeleton-100);
3353
3433
  --rls-theme-shadow-color-500: var(--rls-hope-shadow-color-500);
3354
3434
  --rls-theme-shadow-500: var(--rls-hope-shadow-500);
3435
+ --rls-theme-backdrop-100: var(--rls-hope-backdrop-100);
3436
+ --rls-theme-backdrop-200: var(--rls-hope-backdrop-200);
3437
+ --rls-theme-backdrop-300: var(--rls-hope-backdrop-300);
3438
+ --rls-theme-backdrop-400: var(--rls-hope-backdrop-400);
3439
+ --rls-theme-backdrop-500: var(--rls-hope-backdrop-500);
3440
+ --rls-theme-backdrop-600: var(--rls-hope-backdrop-600);
3441
+ --rls-theme-backdrop-700: var(--rls-hope-backdrop-700);
3442
+ --rls-theme-backdrop-800: var(--rls-hope-backdrop-800);
3355
3443
  --rls-theme-backdrop-900: var(--rls-hope-backdrop-900);
3356
3444
  --rls-theme-gradient-700: var(--rls-hope-gradient-700);
3357
3445
  --rls-theme-gradient-600: var(--rls-hope-gradient-600);
@@ -3408,6 +3496,14 @@ body {
3408
3496
  --rls-theme-skeleton-100: var(--rls-mountains-skeleton-100);
3409
3497
  --rls-theme-shadow-color-500: var(--rls-mountains-shadow-color-500);
3410
3498
  --rls-theme-shadow-500: var(--rls-mountains-shadow-500);
3499
+ --rls-theme-backdrop-100: var(--rls-mountains-backdrop-100);
3500
+ --rls-theme-backdrop-200: var(--rls-mountains-backdrop-200);
3501
+ --rls-theme-backdrop-300: var(--rls-mountains-backdrop-300);
3502
+ --rls-theme-backdrop-400: var(--rls-mountains-backdrop-400);
3503
+ --rls-theme-backdrop-500: var(--rls-mountains-backdrop-500);
3504
+ --rls-theme-backdrop-600: var(--rls-mountains-backdrop-600);
3505
+ --rls-theme-backdrop-700: var(--rls-mountains-backdrop-700);
3506
+ --rls-theme-backdrop-800: var(--rls-mountains-backdrop-800);
3411
3507
  --rls-theme-backdrop-900: var(--rls-mountains-backdrop-900);
3412
3508
  --rls-theme-gradient-700: var(--rls-mountains-gradient-700);
3413
3509
  --rls-theme-gradient-600: var(--rls-mountains-gradient-600);
@@ -3491,6 +3587,14 @@ body {
3491
3587
  --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
3492
3588
  --rls-theme-shadow-color-500: var(--rls-amaizing-shadow-color-500);
3493
3589
  --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
3590
+ --rls-theme-backdrop-100: var(--rls-amaizing-backdrop-100);
3591
+ --rls-theme-backdrop-200: var(--rls-amaizing-backdrop-200);
3592
+ --rls-theme-backdrop-300: var(--rls-amaizing-backdrop-300);
3593
+ --rls-theme-backdrop-400: var(--rls-amaizing-backdrop-400);
3594
+ --rls-theme-backdrop-500: var(--rls-amaizing-backdrop-500);
3595
+ --rls-theme-backdrop-600: var(--rls-amaizing-backdrop-600);
3596
+ --rls-theme-backdrop-700: var(--rls-amaizing-backdrop-700);
3597
+ --rls-theme-backdrop-800: var(--rls-amaizing-backdrop-800);
3494
3598
  --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
3495
3599
  --rls-theme-gradient-700: var(--rls-amaizing-gradient-700);
3496
3600
  --rls-theme-gradient-600: var(--rls-amaizing-gradient-600);
@@ -3574,6 +3678,14 @@ body {
3574
3678
  --rls-theme-skeleton-100: var(--rls-purple-skeleton-100);
3575
3679
  --rls-theme-shadow-color-500: var(--rls-purple-shadow-color-500);
3576
3680
  --rls-theme-shadow-500: var(--rls-purple-shadow-500);
3681
+ --rls-theme-backdrop-100: var(--rls-purple-backdrop-100);
3682
+ --rls-theme-backdrop-200: var(--rls-purple-backdrop-200);
3683
+ --rls-theme-backdrop-300: var(--rls-purple-backdrop-300);
3684
+ --rls-theme-backdrop-400: var(--rls-purple-backdrop-400);
3685
+ --rls-theme-backdrop-500: var(--rls-purple-backdrop-500);
3686
+ --rls-theme-backdrop-600: var(--rls-purple-backdrop-600);
3687
+ --rls-theme-backdrop-700: var(--rls-purple-backdrop-700);
3688
+ --rls-theme-backdrop-800: var(--rls-purple-backdrop-800);
3577
3689
  --rls-theme-backdrop-900: var(--rls-purple-backdrop-900);
3578
3690
  --rls-theme-gradient-700: var(--rls-purple-gradient-700);
3579
3691
  --rls-theme-gradient-600: var(--rls-purple-gradient-600);
@@ -3657,6 +3769,14 @@ body {
3657
3769
  --rls-theme-skeleton-100: var(--rls-amber-skeleton-100);
3658
3770
  --rls-theme-shadow-color-500: var(--rls-amber-shadow-color-500);
3659
3771
  --rls-theme-shadow-500: var(--rls-amber-shadow-500);
3772
+ --rls-theme-backdrop-100: var(--rls-amber-backdrop-100);
3773
+ --rls-theme-backdrop-200: var(--rls-amber-backdrop-200);
3774
+ --rls-theme-backdrop-300: var(--rls-amber-backdrop-300);
3775
+ --rls-theme-backdrop-400: var(--rls-amber-backdrop-400);
3776
+ --rls-theme-backdrop-500: var(--rls-amber-backdrop-500);
3777
+ --rls-theme-backdrop-600: var(--rls-amber-backdrop-600);
3778
+ --rls-theme-backdrop-700: var(--rls-amber-backdrop-700);
3779
+ --rls-theme-backdrop-800: var(--rls-amber-backdrop-800);
3660
3780
  --rls-theme-backdrop-900: var(--rls-amber-backdrop-900);
3661
3781
  --rls-theme-gradient-700: var(--rls-amber-gradient-700);
3662
3782
  --rls-theme-gradient-600: var(--rls-amber-gradient-600);
@@ -3713,6 +3833,14 @@ body {
3713
3833
  --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
3714
3834
  --rls-theme-shadow-color-500: var(--rls-smartness-shadow-color-500);
3715
3835
  --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
3836
+ --rls-theme-backdrop-100: var(--rls-smartness-backdrop-100);
3837
+ --rls-theme-backdrop-200: var(--rls-smartness-backdrop-200);
3838
+ --rls-theme-backdrop-300: var(--rls-smartness-backdrop-300);
3839
+ --rls-theme-backdrop-400: var(--rls-smartness-backdrop-400);
3840
+ --rls-theme-backdrop-500: var(--rls-smartness-backdrop-500);
3841
+ --rls-theme-backdrop-600: var(--rls-smartness-backdrop-600);
3842
+ --rls-theme-backdrop-700: var(--rls-smartness-backdrop-700);
3843
+ --rls-theme-backdrop-800: var(--rls-smartness-backdrop-800);
3716
3844
  --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
3717
3845
  --rls-theme-gradient-700: var(--rls-smartness-gradient-700);
3718
3846
  --rls-theme-gradient-600: var(--rls-smartness-gradient-600);
@@ -3796,6 +3924,14 @@ body {
3796
3924
  --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
3797
3925
  --rls-theme-shadow-color-500: var(--rls-obsidian-shadow-color-500);
3798
3926
  --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
3927
+ --rls-theme-backdrop-100: var(--rls-obsidian-backdrop-100);
3928
+ --rls-theme-backdrop-200: var(--rls-obsidian-backdrop-200);
3929
+ --rls-theme-backdrop-300: var(--rls-obsidian-backdrop-300);
3930
+ --rls-theme-backdrop-400: var(--rls-obsidian-backdrop-400);
3931
+ --rls-theme-backdrop-500: var(--rls-obsidian-backdrop-500);
3932
+ --rls-theme-backdrop-600: var(--rls-obsidian-backdrop-600);
3933
+ --rls-theme-backdrop-700: var(--rls-obsidian-backdrop-700);
3934
+ --rls-theme-backdrop-800: var(--rls-obsidian-backdrop-800);
3799
3935
  --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
3800
3936
  --rls-theme-gradient-700: var(--rls-obsidian-gradient-700);
3801
3937
  --rls-theme-gradient-600: var(--rls-obsidian-gradient-600);
@@ -4042,1971 +4178,986 @@ p {
4042
4178
  margin: 0rem;
4043
4179
  font-weight: var(--rls-font-weight-medium);
4044
4180
  }
4045
- .xs-grid-8,
4046
- .xs-grid-12,
4047
- .xs-grid-16 {
4048
- --rls-grid-columns: 12;
4049
- display: grid;
4050
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4051
- width: 100%;
4052
- box-sizing: border-box;
4053
- }
4054
- .xs-grid-8 > *,
4055
- .xs-grid-12 > *,
4056
- .xs-grid-16 > * {
4057
- min-width: 0;
4058
- max-width: 100%;
4059
- box-sizing: border-box;
4060
- }
4061
- .xs-grid-8 {
4062
- gap: var(--rls-sizing-x4);
4063
- }
4064
- .xs-grid-12 {
4065
- gap: var(--rls-sizing-x6);
4066
- }
4067
- .xs-grid-16 {
4068
- gap: var(--rls-sizing-x8);
4069
- }
4070
- .xs-grid-col-12 {
4181
+ .rls-flex-xs-grid-col-12 {
4071
4182
  --rls-grid-columns: 12;
4072
4183
  }
4073
- .xs-grid-col-8 {
4184
+ .rls-flex-xs-grid-col-8 {
4074
4185
  --rls-grid-columns: 8;
4075
4186
  }
4076
- .xs-grid-col-6 {
4187
+ .rls-flex-xs-grid-col-6 {
4077
4188
  --rls-grid-columns: 6;
4078
4189
  }
4079
- .xs-grid-col-4 {
4190
+ .rls-flex-xs-grid-col-4 {
4080
4191
  --rls-grid-columns: 4;
4081
4192
  }
4082
- .xs-grid-col-2 {
4193
+ .rls-flex-xs-grid-col-2 {
4083
4194
  --rls-grid-columns: 2;
4084
4195
  }
4085
- .xs-grid-col-1 {
4196
+ .rls-flex-xs-grid-col-1 {
4086
4197
  --rls-grid-columns: 1;
4087
4198
  }
4088
- .xs-col-1 {
4089
- grid-column: span 1 / span 1;
4090
- }
4091
- .xs-col-2 {
4092
- grid-column: span 2 / span 2;
4093
- }
4094
- .xs-col-3 {
4095
- grid-column: span 3 / span 3;
4096
- }
4097
- .xs-col-4 {
4098
- grid-column: span 4 / span 4;
4099
- }
4100
- .xs-col-5 {
4101
- grid-column: span 5 / span 5;
4102
- }
4103
- .xs-col-6 {
4104
- grid-column: span 6 / span 6;
4105
- }
4106
- .xs-col-7 {
4107
- grid-column: span 7 / span 7;
4108
- }
4109
- .xs-col-8 {
4110
- grid-column: span 8 / span 8;
4111
- }
4112
- .xs-col-9 {
4113
- grid-column: span 9 / span 9;
4114
- }
4115
- .xs-col-10 {
4116
- grid-column: span 10 / span 10;
4117
- }
4118
- .xs-col-11 {
4119
- grid-column: span 11 / span 11;
4120
- }
4121
- .xs-col-12 {
4122
- grid-column: span 12 / span 12;
4123
- }
4124
- .xs-grid-col-8 > .xs-col-9 {
4125
- grid-column: span 8 / span 8;
4126
- }
4127
- .xs-grid-col-8 > .xs-col-10 {
4128
- grid-column: span 8 / span 8;
4129
- }
4130
- .xs-grid-col-8 > .xs-col-11 {
4131
- grid-column: span 8 / span 8;
4132
- }
4133
- .xs-grid-col-8 > .xs-col-12 {
4134
- grid-column: span 8 / span 8;
4135
- }
4136
- .xs-grid-col-6 > .xs-col-7 {
4137
- grid-column: span 6 / span 6;
4138
- }
4139
- .xs-grid-col-6 > .xs-col-8 {
4140
- grid-column: span 6 / span 6;
4141
- }
4142
- .xs-grid-col-6 > .xs-col-9 {
4143
- grid-column: span 6 / span 6;
4144
- }
4145
- .xs-grid-col-6 > .xs-col-10 {
4146
- grid-column: span 6 / span 6;
4147
- }
4148
- .xs-grid-col-6 > .xs-col-11 {
4149
- grid-column: span 6 / span 6;
4150
- }
4151
- .xs-grid-col-6 > .xs-col-12 {
4152
- grid-column: span 6 / span 6;
4153
- }
4154
- .xs-grid-col-4 > .xs-col-5 {
4155
- grid-column: span 4 / span 4;
4156
- }
4157
- .xs-grid-col-4 > .xs-col-6 {
4158
- grid-column: span 4 / span 4;
4159
- }
4160
- .xs-grid-col-4 > .xs-col-7 {
4161
- grid-column: span 4 / span 4;
4162
- }
4163
- .xs-grid-col-4 > .xs-col-8 {
4164
- grid-column: span 4 / span 4;
4165
- }
4166
- .xs-grid-col-4 > .xs-col-9 {
4167
- grid-column: span 4 / span 4;
4168
- }
4169
- .xs-grid-col-4 > .xs-col-10 {
4170
- grid-column: span 4 / span 4;
4171
- }
4172
- .xs-grid-col-4 > .xs-col-11 {
4173
- grid-column: span 4 / span 4;
4174
- }
4175
- .xs-grid-col-4 > .xs-col-12 {
4176
- grid-column: span 4 / span 4;
4177
- }
4178
- .xs-grid-col-2 > .xs-col-3 {
4179
- grid-column: span 2 / span 2;
4180
- }
4181
- .xs-grid-col-2 > .xs-col-4 {
4182
- grid-column: span 2 / span 2;
4183
- }
4184
- .xs-grid-col-2 > .xs-col-5 {
4185
- grid-column: span 2 / span 2;
4186
- }
4187
- .xs-grid-col-2 > .xs-col-6 {
4188
- grid-column: span 2 / span 2;
4189
- }
4190
- .xs-grid-col-2 > .xs-col-7 {
4191
- grid-column: span 2 / span 2;
4192
- }
4193
- .xs-grid-col-2 > .xs-col-8 {
4194
- grid-column: span 2 / span 2;
4195
- }
4196
- .xs-grid-col-2 > .xs-col-9 {
4197
- grid-column: span 2 / span 2;
4198
- }
4199
- .xs-grid-col-2 > .xs-col-10 {
4200
- grid-column: span 2 / span 2;
4201
- }
4202
- .xs-grid-col-2 > .xs-col-11 {
4203
- grid-column: span 2 / span 2;
4204
- }
4205
- .xs-grid-col-2 > .xs-col-12 {
4206
- grid-column: span 2 / span 2;
4207
- }
4208
- .xs-grid-col-1 > .xs-col-2 {
4209
- grid-column: span 1 / span 1;
4210
- }
4211
- .xs-grid-col-1 > .xs-col-3 {
4212
- grid-column: span 1 / span 1;
4213
- }
4214
- .xs-grid-col-1 > .xs-col-4 {
4215
- grid-column: span 1 / span 1;
4216
- }
4217
- .xs-grid-col-1 > .xs-col-5 {
4218
- grid-column: span 1 / span 1;
4219
- }
4220
- .xs-grid-col-1 > .xs-col-6 {
4221
- grid-column: span 1 / span 1;
4222
- }
4223
- .xs-grid-col-1 > .xs-col-7 {
4224
- grid-column: span 1 / span 1;
4225
- }
4226
- .xs-grid-col-1 > .xs-col-8 {
4227
- grid-column: span 1 / span 1;
4228
- }
4229
- .xs-grid-col-1 > .xs-col-9 {
4230
- grid-column: span 1 / span 1;
4231
- }
4232
- .xs-grid-col-1 > .xs-col-10 {
4233
- grid-column: span 1 / span 1;
4234
- }
4235
- .xs-grid-col-1 > .xs-col-11 {
4236
- grid-column: span 1 / span 1;
4237
- }
4238
- .xs-grid-col-1 > .xs-col-12 {
4239
- grid-column: span 1 / span 1;
4240
- }
4241
- .xs-flex-grid-8,
4242
- .xs-flex-grid-12,
4243
- .xs-flex-grid-16 {
4244
- --rls-grid-columns: 12;
4199
+ .rls-flex-xs-grid-8,
4200
+ .rls-flex-xs-grid-12,
4201
+ .rls-flex-xs-grid-16 {
4245
4202
  display: grid;
4246
4203
  grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4247
4204
  width: 100%;
4248
4205
  box-sizing: border-box;
4249
4206
  }
4250
- .xs-flex-grid-8 > *,
4251
- .xs-flex-grid-12 > *,
4252
- .xs-flex-grid-16 > * {
4207
+ .rls-flex-xs-grid-8 > *,
4208
+ .rls-flex-xs-grid-12 > *,
4209
+ .rls-flex-xs-grid-16 > * {
4253
4210
  min-width: 0;
4254
4211
  max-width: 100%;
4255
4212
  box-sizing: border-box;
4256
4213
  }
4257
- .xs-flex-grid-8 {
4214
+ .rls-flex-xs-grid-8 {
4258
4215
  gap: var(--rls-sizing-x4);
4259
4216
  }
4260
- .xs-flex-grid-12 {
4217
+ .rls-flex-xs-grid-12 {
4261
4218
  gap: var(--rls-sizing-x6);
4262
4219
  }
4263
- .xs-flex-grid-16 {
4220
+ .rls-flex-xs-grid-16 {
4264
4221
  gap: var(--rls-sizing-x8);
4265
4222
  }
4266
- .xs-flex-grid-col-12 {
4267
- --rls-grid-columns: 12;
4268
- }
4269
- .xs-flex-grid-col-8 {
4270
- --rls-grid-columns: 8;
4271
- }
4272
- .xs-flex-grid-col-6 {
4273
- --rls-grid-columns: 6;
4274
- }
4275
- .xs-flex-grid-col-4 {
4276
- --rls-grid-columns: 4;
4277
- }
4278
- .xs-flex-grid-col-2 {
4279
- --rls-grid-columns: 2;
4280
- }
4281
- .xs-flex-grid-col-1 {
4282
- --rls-grid-columns: 1;
4283
- }
4284
- .xs-flex-col-1 {
4223
+ .rls-flex-xs-col-1 {
4285
4224
  grid-column: span 1 / span 1;
4286
4225
  }
4287
- .xs-flex-col-2 {
4226
+ .rls-flex-xs-col-2 {
4288
4227
  grid-column: span 2 / span 2;
4289
4228
  }
4290
- .xs-flex-col-3 {
4229
+ .rls-flex-xs-col-3 {
4291
4230
  grid-column: span 3 / span 3;
4292
4231
  }
4293
- .xs-flex-col-4 {
4232
+ .rls-flex-xs-col-4 {
4294
4233
  grid-column: span 4 / span 4;
4295
4234
  }
4296
- .xs-flex-col-5 {
4235
+ .rls-flex-xs-col-5 {
4297
4236
  grid-column: span 5 / span 5;
4298
4237
  }
4299
- .xs-flex-col-6 {
4238
+ .rls-flex-xs-col-6 {
4300
4239
  grid-column: span 6 / span 6;
4301
4240
  }
4302
- .xs-flex-col-7 {
4241
+ .rls-flex-xs-col-7 {
4303
4242
  grid-column: span 7 / span 7;
4304
4243
  }
4305
- .xs-flex-col-8 {
4244
+ .rls-flex-xs-col-8 {
4306
4245
  grid-column: span 8 / span 8;
4307
4246
  }
4308
- .xs-flex-col-9 {
4247
+ .rls-flex-xs-col-9 {
4309
4248
  grid-column: span 9 / span 9;
4310
4249
  }
4311
- .xs-flex-col-10 {
4250
+ .rls-flex-xs-col-10 {
4312
4251
  grid-column: span 10 / span 10;
4313
4252
  }
4314
- .xs-flex-col-11 {
4253
+ .rls-flex-xs-col-11 {
4315
4254
  grid-column: span 11 / span 11;
4316
4255
  }
4317
- .xs-flex-col-12 {
4256
+ .rls-flex-xs-col-12 {
4318
4257
  grid-column: span 12 / span 12;
4319
4258
  }
4320
- .xs-flex-grid-col-8 > .xs-flex-col-9 {
4259
+ .rls-flex-xs-grid-col-8 > .rls-flex-xs-col-9 {
4321
4260
  grid-column: span 8 / span 8;
4322
4261
  }
4323
- .xs-flex-grid-col-8 > .xs-flex-col-10 {
4262
+ .rls-flex-xs-grid-col-8 > .rls-flex-xs-col-10 {
4324
4263
  grid-column: span 8 / span 8;
4325
4264
  }
4326
- .xs-flex-grid-col-8 > .xs-flex-col-11 {
4265
+ .rls-flex-xs-grid-col-8 > .rls-flex-xs-col-11 {
4327
4266
  grid-column: span 8 / span 8;
4328
4267
  }
4329
- .xs-flex-grid-col-8 > .xs-flex-col-12 {
4268
+ .rls-flex-xs-grid-col-8 > .rls-flex-xs-col-12 {
4330
4269
  grid-column: span 8 / span 8;
4331
4270
  }
4332
- .xs-flex-grid-col-6 > .xs-flex-col-7 {
4271
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-7 {
4333
4272
  grid-column: span 6 / span 6;
4334
4273
  }
4335
- .xs-flex-grid-col-6 > .xs-flex-col-8 {
4274
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-8 {
4336
4275
  grid-column: span 6 / span 6;
4337
4276
  }
4338
- .xs-flex-grid-col-6 > .xs-flex-col-9 {
4277
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-9 {
4339
4278
  grid-column: span 6 / span 6;
4340
4279
  }
4341
- .xs-flex-grid-col-6 > .xs-flex-col-10 {
4280
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-10 {
4342
4281
  grid-column: span 6 / span 6;
4343
4282
  }
4344
- .xs-flex-grid-col-6 > .xs-flex-col-11 {
4283
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-11 {
4345
4284
  grid-column: span 6 / span 6;
4346
4285
  }
4347
- .xs-flex-grid-col-6 > .xs-flex-col-12 {
4286
+ .rls-flex-xs-grid-col-6 > .rls-flex-xs-col-12 {
4348
4287
  grid-column: span 6 / span 6;
4349
4288
  }
4350
- .xs-flex-grid-col-4 > .xs-flex-col-5 {
4289
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-5 {
4351
4290
  grid-column: span 4 / span 4;
4352
4291
  }
4353
- .xs-flex-grid-col-4 > .xs-flex-col-6 {
4292
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-6 {
4354
4293
  grid-column: span 4 / span 4;
4355
4294
  }
4356
- .xs-flex-grid-col-4 > .xs-flex-col-7 {
4295
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-7 {
4357
4296
  grid-column: span 4 / span 4;
4358
4297
  }
4359
- .xs-flex-grid-col-4 > .xs-flex-col-8 {
4298
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-8 {
4360
4299
  grid-column: span 4 / span 4;
4361
4300
  }
4362
- .xs-flex-grid-col-4 > .xs-flex-col-9 {
4301
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-9 {
4363
4302
  grid-column: span 4 / span 4;
4364
4303
  }
4365
- .xs-flex-grid-col-4 > .xs-flex-col-10 {
4304
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-10 {
4366
4305
  grid-column: span 4 / span 4;
4367
4306
  }
4368
- .xs-flex-grid-col-4 > .xs-flex-col-11 {
4307
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-11 {
4369
4308
  grid-column: span 4 / span 4;
4370
4309
  }
4371
- .xs-flex-grid-col-4 > .xs-flex-col-12 {
4310
+ .rls-flex-xs-grid-col-4 > .rls-flex-xs-col-12 {
4372
4311
  grid-column: span 4 / span 4;
4373
4312
  }
4374
- .xs-flex-grid-col-2 > .xs-flex-col-3 {
4313
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-3 {
4375
4314
  grid-column: span 2 / span 2;
4376
4315
  }
4377
- .xs-flex-grid-col-2 > .xs-flex-col-4 {
4316
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-4 {
4378
4317
  grid-column: span 2 / span 2;
4379
4318
  }
4380
- .xs-flex-grid-col-2 > .xs-flex-col-5 {
4319
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-5 {
4381
4320
  grid-column: span 2 / span 2;
4382
4321
  }
4383
- .xs-flex-grid-col-2 > .xs-flex-col-6 {
4322
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-6 {
4384
4323
  grid-column: span 2 / span 2;
4385
4324
  }
4386
- .xs-flex-grid-col-2 > .xs-flex-col-7 {
4325
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-7 {
4387
4326
  grid-column: span 2 / span 2;
4388
4327
  }
4389
- .xs-flex-grid-col-2 > .xs-flex-col-8 {
4328
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-8 {
4390
4329
  grid-column: span 2 / span 2;
4391
4330
  }
4392
- .xs-flex-grid-col-2 > .xs-flex-col-9 {
4331
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-9 {
4393
4332
  grid-column: span 2 / span 2;
4394
4333
  }
4395
- .xs-flex-grid-col-2 > .xs-flex-col-10 {
4334
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-10 {
4396
4335
  grid-column: span 2 / span 2;
4397
4336
  }
4398
- .xs-flex-grid-col-2 > .xs-flex-col-11 {
4337
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-11 {
4399
4338
  grid-column: span 2 / span 2;
4400
4339
  }
4401
- .xs-flex-grid-col-2 > .xs-flex-col-12 {
4340
+ .rls-flex-xs-grid-col-2 > .rls-flex-xs-col-12 {
4402
4341
  grid-column: span 2 / span 2;
4403
4342
  }
4404
- .xs-flex-grid-col-1 > .xs-flex-col-2 {
4343
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-2 {
4405
4344
  grid-column: span 1 / span 1;
4406
4345
  }
4407
- .xs-flex-grid-col-1 > .xs-flex-col-3 {
4346
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-3 {
4408
4347
  grid-column: span 1 / span 1;
4409
4348
  }
4410
- .xs-flex-grid-col-1 > .xs-flex-col-4 {
4349
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-4 {
4411
4350
  grid-column: span 1 / span 1;
4412
4351
  }
4413
- .xs-flex-grid-col-1 > .xs-flex-col-5 {
4352
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-5 {
4414
4353
  grid-column: span 1 / span 1;
4415
4354
  }
4416
- .xs-flex-grid-col-1 > .xs-flex-col-6 {
4355
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-6 {
4417
4356
  grid-column: span 1 / span 1;
4418
4357
  }
4419
- .xs-flex-grid-col-1 > .xs-flex-col-7 {
4358
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-7 {
4420
4359
  grid-column: span 1 / span 1;
4421
4360
  }
4422
- .xs-flex-grid-col-1 > .xs-flex-col-8 {
4361
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-8 {
4423
4362
  grid-column: span 1 / span 1;
4424
4363
  }
4425
- .xs-flex-grid-col-1 > .xs-flex-col-9 {
4364
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-9 {
4426
4365
  grid-column: span 1 / span 1;
4427
4366
  }
4428
- .xs-flex-grid-col-1 > .xs-flex-col-10 {
4367
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-10 {
4429
4368
  grid-column: span 1 / span 1;
4430
4369
  }
4431
- .xs-flex-grid-col-1 > .xs-flex-col-11 {
4370
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-11 {
4432
4371
  grid-column: span 1 / span 1;
4433
4372
  }
4434
- .xs-flex-grid-col-1 > .xs-flex-col-12 {
4373
+ .rls-flex-xs-grid-col-1 > .rls-flex-xs-col-12 {
4435
4374
  grid-column: span 1 / span 1;
4436
4375
  }
4437
4376
  @media screen and (min-width: 420px) {
4438
- .sm-grid-8,
4439
- .sm-grid-12,
4440
- .sm-grid-16 {
4377
+ .rls-flex-sm-grid-col-12 {
4441
4378
  --rls-grid-columns: 12;
4379
+ }
4380
+ .rls-flex-sm-grid-col-8 {
4381
+ --rls-grid-columns: 8;
4382
+ }
4383
+ .rls-flex-sm-grid-col-6 {
4384
+ --rls-grid-columns: 6;
4385
+ }
4386
+ .rls-flex-sm-grid-col-4 {
4387
+ --rls-grid-columns: 4;
4388
+ }
4389
+ .rls-flex-sm-grid-col-2 {
4390
+ --rls-grid-columns: 2;
4391
+ }
4392
+ .rls-flex-sm-grid-col-1 {
4393
+ --rls-grid-columns: 1;
4394
+ }
4395
+ .rls-flex-sm-grid-8,
4396
+ .rls-flex-sm-grid-12,
4397
+ .rls-flex-sm-grid-16 {
4442
4398
  display: grid;
4443
4399
  grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4444
4400
  width: 100%;
4445
4401
  box-sizing: border-box;
4446
4402
  }
4447
- .sm-grid-8 > *,
4448
- .sm-grid-12 > *,
4449
- .sm-grid-16 > * {
4403
+ .rls-flex-sm-grid-8 > *,
4404
+ .rls-flex-sm-grid-12 > *,
4405
+ .rls-flex-sm-grid-16 > * {
4450
4406
  min-width: 0;
4451
4407
  max-width: 100%;
4452
4408
  box-sizing: border-box;
4453
4409
  }
4454
- .sm-grid-8 {
4410
+ .rls-flex-sm-grid-8 {
4455
4411
  gap: var(--rls-sizing-x4);
4456
4412
  }
4457
- .sm-grid-12 {
4413
+ .rls-flex-sm-grid-12 {
4458
4414
  gap: var(--rls-sizing-x6);
4459
4415
  }
4460
- .sm-grid-16 {
4416
+ .rls-flex-sm-grid-16 {
4461
4417
  gap: var(--rls-sizing-x8);
4462
4418
  }
4463
- .sm-grid-col-12 {
4464
- --rls-grid-columns: 12;
4465
- }
4466
- .sm-grid-col-8 {
4467
- --rls-grid-columns: 8;
4468
- }
4469
- .sm-grid-col-6 {
4470
- --rls-grid-columns: 6;
4471
- }
4472
- .sm-grid-col-4 {
4473
- --rls-grid-columns: 4;
4474
- }
4475
- .sm-grid-col-2 {
4476
- --rls-grid-columns: 2;
4477
- }
4478
- .sm-grid-col-1 {
4479
- --rls-grid-columns: 1;
4480
- }
4481
- .sm-col-1 {
4419
+ .rls-flex-sm-col-1 {
4482
4420
  grid-column: span 1 / span 1;
4483
4421
  }
4484
- .sm-col-2 {
4422
+ .rls-flex-sm-col-2 {
4485
4423
  grid-column: span 2 / span 2;
4486
4424
  }
4487
- .sm-col-3 {
4425
+ .rls-flex-sm-col-3 {
4488
4426
  grid-column: span 3 / span 3;
4489
4427
  }
4490
- .sm-col-4 {
4428
+ .rls-flex-sm-col-4 {
4491
4429
  grid-column: span 4 / span 4;
4492
4430
  }
4493
- .sm-col-5 {
4431
+ .rls-flex-sm-col-5 {
4494
4432
  grid-column: span 5 / span 5;
4495
4433
  }
4496
- .sm-col-6 {
4434
+ .rls-flex-sm-col-6 {
4497
4435
  grid-column: span 6 / span 6;
4498
4436
  }
4499
- .sm-col-7 {
4437
+ .rls-flex-sm-col-7 {
4500
4438
  grid-column: span 7 / span 7;
4501
4439
  }
4502
- .sm-col-8 {
4440
+ .rls-flex-sm-col-8 {
4503
4441
  grid-column: span 8 / span 8;
4504
4442
  }
4505
- .sm-col-9 {
4443
+ .rls-flex-sm-col-9 {
4506
4444
  grid-column: span 9 / span 9;
4507
4445
  }
4508
- .sm-col-10 {
4446
+ .rls-flex-sm-col-10 {
4509
4447
  grid-column: span 10 / span 10;
4510
4448
  }
4511
- .sm-col-11 {
4449
+ .rls-flex-sm-col-11 {
4512
4450
  grid-column: span 11 / span 11;
4513
4451
  }
4514
- .sm-col-12 {
4452
+ .rls-flex-sm-col-12 {
4515
4453
  grid-column: span 12 / span 12;
4516
4454
  }
4517
- .sm-grid-col-8 > .sm-col-9 {
4455
+ .rls-flex-sm-grid-col-8 > .rls-flex-sm-col-9 {
4518
4456
  grid-column: span 8 / span 8;
4519
4457
  }
4520
- .sm-grid-col-8 > .sm-col-10 {
4458
+ .rls-flex-sm-grid-col-8 > .rls-flex-sm-col-10 {
4521
4459
  grid-column: span 8 / span 8;
4522
4460
  }
4523
- .sm-grid-col-8 > .sm-col-11 {
4461
+ .rls-flex-sm-grid-col-8 > .rls-flex-sm-col-11 {
4524
4462
  grid-column: span 8 / span 8;
4525
4463
  }
4526
- .sm-grid-col-8 > .sm-col-12 {
4464
+ .rls-flex-sm-grid-col-8 > .rls-flex-sm-col-12 {
4527
4465
  grid-column: span 8 / span 8;
4528
4466
  }
4529
- .sm-grid-col-6 > .sm-col-7 {
4467
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-7 {
4530
4468
  grid-column: span 6 / span 6;
4531
4469
  }
4532
- .sm-grid-col-6 > .sm-col-8 {
4470
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-8 {
4533
4471
  grid-column: span 6 / span 6;
4534
4472
  }
4535
- .sm-grid-col-6 > .sm-col-9 {
4473
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-9 {
4536
4474
  grid-column: span 6 / span 6;
4537
4475
  }
4538
- .sm-grid-col-6 > .sm-col-10 {
4476
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-10 {
4539
4477
  grid-column: span 6 / span 6;
4540
4478
  }
4541
- .sm-grid-col-6 > .sm-col-11 {
4479
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-11 {
4542
4480
  grid-column: span 6 / span 6;
4543
4481
  }
4544
- .sm-grid-col-6 > .sm-col-12 {
4482
+ .rls-flex-sm-grid-col-6 > .rls-flex-sm-col-12 {
4545
4483
  grid-column: span 6 / span 6;
4546
4484
  }
4547
- .sm-grid-col-4 > .sm-col-5 {
4485
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-5 {
4548
4486
  grid-column: span 4 / span 4;
4549
4487
  }
4550
- .sm-grid-col-4 > .sm-col-6 {
4488
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-6 {
4551
4489
  grid-column: span 4 / span 4;
4552
4490
  }
4553
- .sm-grid-col-4 > .sm-col-7 {
4491
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-7 {
4554
4492
  grid-column: span 4 / span 4;
4555
4493
  }
4556
- .sm-grid-col-4 > .sm-col-8 {
4494
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-8 {
4557
4495
  grid-column: span 4 / span 4;
4558
4496
  }
4559
- .sm-grid-col-4 > .sm-col-9 {
4497
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-9 {
4560
4498
  grid-column: span 4 / span 4;
4561
4499
  }
4562
- .sm-grid-col-4 > .sm-col-10 {
4500
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-10 {
4563
4501
  grid-column: span 4 / span 4;
4564
4502
  }
4565
- .sm-grid-col-4 > .sm-col-11 {
4503
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-11 {
4566
4504
  grid-column: span 4 / span 4;
4567
4505
  }
4568
- .sm-grid-col-4 > .sm-col-12 {
4506
+ .rls-flex-sm-grid-col-4 > .rls-flex-sm-col-12 {
4569
4507
  grid-column: span 4 / span 4;
4570
4508
  }
4571
- .sm-grid-col-2 > .sm-col-3 {
4509
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-3 {
4572
4510
  grid-column: span 2 / span 2;
4573
4511
  }
4574
- .sm-grid-col-2 > .sm-col-4 {
4512
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-4 {
4575
4513
  grid-column: span 2 / span 2;
4576
4514
  }
4577
- .sm-grid-col-2 > .sm-col-5 {
4515
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-5 {
4578
4516
  grid-column: span 2 / span 2;
4579
4517
  }
4580
- .sm-grid-col-2 > .sm-col-6 {
4518
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-6 {
4581
4519
  grid-column: span 2 / span 2;
4582
4520
  }
4583
- .sm-grid-col-2 > .sm-col-7 {
4521
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-7 {
4584
4522
  grid-column: span 2 / span 2;
4585
4523
  }
4586
- .sm-grid-col-2 > .sm-col-8 {
4524
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-8 {
4587
4525
  grid-column: span 2 / span 2;
4588
4526
  }
4589
- .sm-grid-col-2 > .sm-col-9 {
4527
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-9 {
4590
4528
  grid-column: span 2 / span 2;
4591
4529
  }
4592
- .sm-grid-col-2 > .sm-col-10 {
4530
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-10 {
4593
4531
  grid-column: span 2 / span 2;
4594
4532
  }
4595
- .sm-grid-col-2 > .sm-col-11 {
4533
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-11 {
4596
4534
  grid-column: span 2 / span 2;
4597
4535
  }
4598
- .sm-grid-col-2 > .sm-col-12 {
4536
+ .rls-flex-sm-grid-col-2 > .rls-flex-sm-col-12 {
4599
4537
  grid-column: span 2 / span 2;
4600
4538
  }
4601
- .sm-grid-col-1 > .sm-col-2 {
4539
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-2 {
4602
4540
  grid-column: span 1 / span 1;
4603
4541
  }
4604
- .sm-grid-col-1 > .sm-col-3 {
4542
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-3 {
4605
4543
  grid-column: span 1 / span 1;
4606
4544
  }
4607
- .sm-grid-col-1 > .sm-col-4 {
4545
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-4 {
4608
4546
  grid-column: span 1 / span 1;
4609
4547
  }
4610
- .sm-grid-col-1 > .sm-col-5 {
4548
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-5 {
4611
4549
  grid-column: span 1 / span 1;
4612
4550
  }
4613
- .sm-grid-col-1 > .sm-col-6 {
4551
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-6 {
4614
4552
  grid-column: span 1 / span 1;
4615
4553
  }
4616
- .sm-grid-col-1 > .sm-col-7 {
4554
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-7 {
4617
4555
  grid-column: span 1 / span 1;
4618
4556
  }
4619
- .sm-grid-col-1 > .sm-col-8 {
4557
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-8 {
4620
4558
  grid-column: span 1 / span 1;
4621
4559
  }
4622
- .sm-grid-col-1 > .sm-col-9 {
4560
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-9 {
4623
4561
  grid-column: span 1 / span 1;
4624
4562
  }
4625
- .sm-grid-col-1 > .sm-col-10 {
4563
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-10 {
4626
4564
  grid-column: span 1 / span 1;
4627
4565
  }
4628
- .sm-grid-col-1 > .sm-col-11 {
4566
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-11 {
4629
4567
  grid-column: span 1 / span 1;
4630
4568
  }
4631
- .sm-grid-col-1 > .sm-col-12 {
4569
+ .rls-flex-sm-grid-col-1 > .rls-flex-sm-col-12 {
4632
4570
  grid-column: span 1 / span 1;
4633
4571
  }
4634
- .sm-flex-grid-8,
4635
- .sm-flex-grid-12,
4636
- .sm-flex-grid-16 {
4572
+ }
4573
+ @media screen and (min-width: 720px) {
4574
+ .rls-flex-md-grid-col-12 {
4637
4575
  --rls-grid-columns: 12;
4576
+ }
4577
+ .rls-flex-md-grid-col-8 {
4578
+ --rls-grid-columns: 8;
4579
+ }
4580
+ .rls-flex-md-grid-col-6 {
4581
+ --rls-grid-columns: 6;
4582
+ }
4583
+ .rls-flex-md-grid-col-4 {
4584
+ --rls-grid-columns: 4;
4585
+ }
4586
+ .rls-flex-md-grid-col-2 {
4587
+ --rls-grid-columns: 2;
4588
+ }
4589
+ .rls-flex-md-grid-col-1 {
4590
+ --rls-grid-columns: 1;
4591
+ }
4592
+ .rls-flex-md-grid-8,
4593
+ .rls-flex-md-grid-12,
4594
+ .rls-flex-md-grid-16 {
4638
4595
  display: grid;
4639
4596
  grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4640
4597
  width: 100%;
4641
4598
  box-sizing: border-box;
4642
4599
  }
4643
- .sm-flex-grid-8 > *,
4644
- .sm-flex-grid-12 > *,
4645
- .sm-flex-grid-16 > * {
4600
+ .rls-flex-md-grid-8 > *,
4601
+ .rls-flex-md-grid-12 > *,
4602
+ .rls-flex-md-grid-16 > * {
4646
4603
  min-width: 0;
4647
4604
  max-width: 100%;
4648
4605
  box-sizing: border-box;
4649
4606
  }
4650
- .sm-flex-grid-8 {
4607
+ .rls-flex-md-grid-8 {
4651
4608
  gap: var(--rls-sizing-x4);
4652
4609
  }
4653
- .sm-flex-grid-12 {
4610
+ .rls-flex-md-grid-12 {
4654
4611
  gap: var(--rls-sizing-x6);
4655
4612
  }
4656
- .sm-flex-grid-16 {
4613
+ .rls-flex-md-grid-16 {
4657
4614
  gap: var(--rls-sizing-x8);
4658
4615
  }
4659
- .sm-flex-grid-col-12 {
4660
- --rls-grid-columns: 12;
4661
- }
4662
- .sm-flex-grid-col-8 {
4663
- --rls-grid-columns: 8;
4664
- }
4665
- .sm-flex-grid-col-6 {
4666
- --rls-grid-columns: 6;
4667
- }
4668
- .sm-flex-grid-col-4 {
4669
- --rls-grid-columns: 4;
4670
- }
4671
- .sm-flex-grid-col-2 {
4672
- --rls-grid-columns: 2;
4673
- }
4674
- .sm-flex-grid-col-1 {
4675
- --rls-grid-columns: 1;
4676
- }
4677
- .sm-flex-col-1 {
4616
+ .rls-flex-md-col-1 {
4678
4617
  grid-column: span 1 / span 1;
4679
4618
  }
4680
- .sm-flex-col-2 {
4619
+ .rls-flex-md-col-2 {
4681
4620
  grid-column: span 2 / span 2;
4682
4621
  }
4683
- .sm-flex-col-3 {
4622
+ .rls-flex-md-col-3 {
4684
4623
  grid-column: span 3 / span 3;
4685
4624
  }
4686
- .sm-flex-col-4 {
4625
+ .rls-flex-md-col-4 {
4687
4626
  grid-column: span 4 / span 4;
4688
4627
  }
4689
- .sm-flex-col-5 {
4628
+ .rls-flex-md-col-5 {
4690
4629
  grid-column: span 5 / span 5;
4691
4630
  }
4692
- .sm-flex-col-6 {
4631
+ .rls-flex-md-col-6 {
4693
4632
  grid-column: span 6 / span 6;
4694
4633
  }
4695
- .sm-flex-col-7 {
4634
+ .rls-flex-md-col-7 {
4696
4635
  grid-column: span 7 / span 7;
4697
4636
  }
4698
- .sm-flex-col-8 {
4637
+ .rls-flex-md-col-8 {
4699
4638
  grid-column: span 8 / span 8;
4700
4639
  }
4701
- .sm-flex-col-9 {
4640
+ .rls-flex-md-col-9 {
4702
4641
  grid-column: span 9 / span 9;
4703
4642
  }
4704
- .sm-flex-col-10 {
4643
+ .rls-flex-md-col-10 {
4705
4644
  grid-column: span 10 / span 10;
4706
4645
  }
4707
- .sm-flex-col-11 {
4646
+ .rls-flex-md-col-11 {
4708
4647
  grid-column: span 11 / span 11;
4709
4648
  }
4710
- .sm-flex-col-12 {
4649
+ .rls-flex-md-col-12 {
4711
4650
  grid-column: span 12 / span 12;
4712
4651
  }
4713
- .sm-flex-grid-col-8 > .sm-flex-col-9 {
4652
+ .rls-flex-md-grid-col-8 > .rls-flex-md-col-9 {
4714
4653
  grid-column: span 8 / span 8;
4715
4654
  }
4716
- .sm-flex-grid-col-8 > .sm-flex-col-10 {
4655
+ .rls-flex-md-grid-col-8 > .rls-flex-md-col-10 {
4717
4656
  grid-column: span 8 / span 8;
4718
4657
  }
4719
- .sm-flex-grid-col-8 > .sm-flex-col-11 {
4658
+ .rls-flex-md-grid-col-8 > .rls-flex-md-col-11 {
4720
4659
  grid-column: span 8 / span 8;
4721
4660
  }
4722
- .sm-flex-grid-col-8 > .sm-flex-col-12 {
4661
+ .rls-flex-md-grid-col-8 > .rls-flex-md-col-12 {
4723
4662
  grid-column: span 8 / span 8;
4724
4663
  }
4725
- .sm-flex-grid-col-6 > .sm-flex-col-7 {
4664
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-7 {
4726
4665
  grid-column: span 6 / span 6;
4727
4666
  }
4728
- .sm-flex-grid-col-6 > .sm-flex-col-8 {
4667
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-8 {
4729
4668
  grid-column: span 6 / span 6;
4730
4669
  }
4731
- .sm-flex-grid-col-6 > .sm-flex-col-9 {
4670
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-9 {
4732
4671
  grid-column: span 6 / span 6;
4733
4672
  }
4734
- .sm-flex-grid-col-6 > .sm-flex-col-10 {
4673
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-10 {
4735
4674
  grid-column: span 6 / span 6;
4736
4675
  }
4737
- .sm-flex-grid-col-6 > .sm-flex-col-11 {
4676
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-11 {
4738
4677
  grid-column: span 6 / span 6;
4739
4678
  }
4740
- .sm-flex-grid-col-6 > .sm-flex-col-12 {
4679
+ .rls-flex-md-grid-col-6 > .rls-flex-md-col-12 {
4741
4680
  grid-column: span 6 / span 6;
4742
4681
  }
4743
- .sm-flex-grid-col-4 > .sm-flex-col-5 {
4682
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-5 {
4744
4683
  grid-column: span 4 / span 4;
4745
4684
  }
4746
- .sm-flex-grid-col-4 > .sm-flex-col-6 {
4685
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-6 {
4747
4686
  grid-column: span 4 / span 4;
4748
4687
  }
4749
- .sm-flex-grid-col-4 > .sm-flex-col-7 {
4688
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-7 {
4750
4689
  grid-column: span 4 / span 4;
4751
4690
  }
4752
- .sm-flex-grid-col-4 > .sm-flex-col-8 {
4691
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-8 {
4753
4692
  grid-column: span 4 / span 4;
4754
4693
  }
4755
- .sm-flex-grid-col-4 > .sm-flex-col-9 {
4694
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-9 {
4756
4695
  grid-column: span 4 / span 4;
4757
4696
  }
4758
- .sm-flex-grid-col-4 > .sm-flex-col-10 {
4697
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-10 {
4759
4698
  grid-column: span 4 / span 4;
4760
4699
  }
4761
- .sm-flex-grid-col-4 > .sm-flex-col-11 {
4700
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-11 {
4762
4701
  grid-column: span 4 / span 4;
4763
4702
  }
4764
- .sm-flex-grid-col-4 > .sm-flex-col-12 {
4703
+ .rls-flex-md-grid-col-4 > .rls-flex-md-col-12 {
4765
4704
  grid-column: span 4 / span 4;
4766
4705
  }
4767
- .sm-flex-grid-col-2 > .sm-flex-col-3 {
4706
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-3 {
4768
4707
  grid-column: span 2 / span 2;
4769
4708
  }
4770
- .sm-flex-grid-col-2 > .sm-flex-col-4 {
4709
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-4 {
4771
4710
  grid-column: span 2 / span 2;
4772
4711
  }
4773
- .sm-flex-grid-col-2 > .sm-flex-col-5 {
4712
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-5 {
4774
4713
  grid-column: span 2 / span 2;
4775
4714
  }
4776
- .sm-flex-grid-col-2 > .sm-flex-col-6 {
4715
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-6 {
4777
4716
  grid-column: span 2 / span 2;
4778
4717
  }
4779
- .sm-flex-grid-col-2 > .sm-flex-col-7 {
4718
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-7 {
4780
4719
  grid-column: span 2 / span 2;
4781
4720
  }
4782
- .sm-flex-grid-col-2 > .sm-flex-col-8 {
4721
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-8 {
4783
4722
  grid-column: span 2 / span 2;
4784
4723
  }
4785
- .sm-flex-grid-col-2 > .sm-flex-col-9 {
4724
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-9 {
4786
4725
  grid-column: span 2 / span 2;
4787
4726
  }
4788
- .sm-flex-grid-col-2 > .sm-flex-col-10 {
4727
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-10 {
4789
4728
  grid-column: span 2 / span 2;
4790
4729
  }
4791
- .sm-flex-grid-col-2 > .sm-flex-col-11 {
4730
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-11 {
4792
4731
  grid-column: span 2 / span 2;
4793
4732
  }
4794
- .sm-flex-grid-col-2 > .sm-flex-col-12 {
4733
+ .rls-flex-md-grid-col-2 > .rls-flex-md-col-12 {
4795
4734
  grid-column: span 2 / span 2;
4796
4735
  }
4797
- .sm-flex-grid-col-1 > .sm-flex-col-2 {
4736
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-2 {
4798
4737
  grid-column: span 1 / span 1;
4799
4738
  }
4800
- .sm-flex-grid-col-1 > .sm-flex-col-3 {
4739
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-3 {
4801
4740
  grid-column: span 1 / span 1;
4802
4741
  }
4803
- .sm-flex-grid-col-1 > .sm-flex-col-4 {
4742
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-4 {
4804
4743
  grid-column: span 1 / span 1;
4805
4744
  }
4806
- .sm-flex-grid-col-1 > .sm-flex-col-5 {
4745
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-5 {
4807
4746
  grid-column: span 1 / span 1;
4808
4747
  }
4809
- .sm-flex-grid-col-1 > .sm-flex-col-6 {
4748
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-6 {
4810
4749
  grid-column: span 1 / span 1;
4811
4750
  }
4812
- .sm-flex-grid-col-1 > .sm-flex-col-7 {
4751
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-7 {
4813
4752
  grid-column: span 1 / span 1;
4814
4753
  }
4815
- .sm-flex-grid-col-1 > .sm-flex-col-8 {
4754
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-8 {
4816
4755
  grid-column: span 1 / span 1;
4817
4756
  }
4818
- .sm-flex-grid-col-1 > .sm-flex-col-9 {
4757
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-9 {
4819
4758
  grid-column: span 1 / span 1;
4820
4759
  }
4821
- .sm-flex-grid-col-1 > .sm-flex-col-10 {
4760
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-10 {
4822
4761
  grid-column: span 1 / span 1;
4823
4762
  }
4824
- .sm-flex-grid-col-1 > .sm-flex-col-11 {
4763
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-11 {
4825
4764
  grid-column: span 1 / span 1;
4826
4765
  }
4827
- .sm-flex-grid-col-1 > .sm-flex-col-12 {
4766
+ .rls-flex-md-grid-col-1 > .rls-flex-md-col-12 {
4828
4767
  grid-column: span 1 / span 1;
4829
4768
  }
4830
4769
  }
4831
- @media screen and (min-width: 720px) {
4832
- .md-grid-8,
4833
- .md-grid-12,
4834
- .md-grid-16 {
4770
+ @media screen and (min-width: 1024px) {
4771
+ .rls-flex-lg-grid-col-12 {
4835
4772
  --rls-grid-columns: 12;
4773
+ }
4774
+ .rls-flex-lg-grid-col-8 {
4775
+ --rls-grid-columns: 8;
4776
+ }
4777
+ .rls-flex-lg-grid-col-6 {
4778
+ --rls-grid-columns: 6;
4779
+ }
4780
+ .rls-flex-lg-grid-col-4 {
4781
+ --rls-grid-columns: 4;
4782
+ }
4783
+ .rls-flex-lg-grid-col-2 {
4784
+ --rls-grid-columns: 2;
4785
+ }
4786
+ .rls-flex-lg-grid-col-1 {
4787
+ --rls-grid-columns: 1;
4788
+ }
4789
+ .rls-flex-lg-grid-8,
4790
+ .rls-flex-lg-grid-12,
4791
+ .rls-flex-lg-grid-16 {
4836
4792
  display: grid;
4837
4793
  grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4838
4794
  width: 100%;
4839
4795
  box-sizing: border-box;
4840
4796
  }
4841
- .md-grid-8 > *,
4842
- .md-grid-12 > *,
4843
- .md-grid-16 > * {
4797
+ .rls-flex-lg-grid-8 > *,
4798
+ .rls-flex-lg-grid-12 > *,
4799
+ .rls-flex-lg-grid-16 > * {
4844
4800
  min-width: 0;
4845
4801
  max-width: 100%;
4846
4802
  box-sizing: border-box;
4847
4803
  }
4848
- .md-grid-8 {
4804
+ .rls-flex-lg-grid-8 {
4849
4805
  gap: var(--rls-sizing-x4);
4850
4806
  }
4851
- .md-grid-12 {
4807
+ .rls-flex-lg-grid-12 {
4852
4808
  gap: var(--rls-sizing-x6);
4853
4809
  }
4854
- .md-grid-16 {
4810
+ .rls-flex-lg-grid-16 {
4855
4811
  gap: var(--rls-sizing-x8);
4856
4812
  }
4857
- .md-grid-col-12 {
4858
- --rls-grid-columns: 12;
4859
- }
4860
- .md-grid-col-8 {
4861
- --rls-grid-columns: 8;
4862
- }
4863
- .md-grid-col-6 {
4864
- --rls-grid-columns: 6;
4865
- }
4866
- .md-grid-col-4 {
4867
- --rls-grid-columns: 4;
4868
- }
4869
- .md-grid-col-2 {
4870
- --rls-grid-columns: 2;
4871
- }
4872
- .md-grid-col-1 {
4873
- --rls-grid-columns: 1;
4874
- }
4875
- .md-col-1 {
4813
+ .rls-flex-lg-col-1 {
4876
4814
  grid-column: span 1 / span 1;
4877
4815
  }
4878
- .md-col-2 {
4816
+ .rls-flex-lg-col-2 {
4879
4817
  grid-column: span 2 / span 2;
4880
4818
  }
4881
- .md-col-3 {
4819
+ .rls-flex-lg-col-3 {
4882
4820
  grid-column: span 3 / span 3;
4883
4821
  }
4884
- .md-col-4 {
4822
+ .rls-flex-lg-col-4 {
4885
4823
  grid-column: span 4 / span 4;
4886
4824
  }
4887
- .md-col-5 {
4825
+ .rls-flex-lg-col-5 {
4888
4826
  grid-column: span 5 / span 5;
4889
4827
  }
4890
- .md-col-6 {
4828
+ .rls-flex-lg-col-6 {
4891
4829
  grid-column: span 6 / span 6;
4892
4830
  }
4893
- .md-col-7 {
4831
+ .rls-flex-lg-col-7 {
4894
4832
  grid-column: span 7 / span 7;
4895
4833
  }
4896
- .md-col-8 {
4834
+ .rls-flex-lg-col-8 {
4897
4835
  grid-column: span 8 / span 8;
4898
4836
  }
4899
- .md-col-9 {
4837
+ .rls-flex-lg-col-9 {
4900
4838
  grid-column: span 9 / span 9;
4901
4839
  }
4902
- .md-col-10 {
4840
+ .rls-flex-lg-col-10 {
4903
4841
  grid-column: span 10 / span 10;
4904
4842
  }
4905
- .md-col-11 {
4843
+ .rls-flex-lg-col-11 {
4906
4844
  grid-column: span 11 / span 11;
4907
4845
  }
4908
- .md-col-12 {
4846
+ .rls-flex-lg-col-12 {
4909
4847
  grid-column: span 12 / span 12;
4910
4848
  }
4911
- .md-grid-col-8 > .md-col-9 {
4849
+ .rls-flex-lg-grid-col-8 > .rls-flex-lg-col-9 {
4912
4850
  grid-column: span 8 / span 8;
4913
4851
  }
4914
- .md-grid-col-8 > .md-col-10 {
4852
+ .rls-flex-lg-grid-col-8 > .rls-flex-lg-col-10 {
4915
4853
  grid-column: span 8 / span 8;
4916
4854
  }
4917
- .md-grid-col-8 > .md-col-11 {
4855
+ .rls-flex-lg-grid-col-8 > .rls-flex-lg-col-11 {
4918
4856
  grid-column: span 8 / span 8;
4919
4857
  }
4920
- .md-grid-col-8 > .md-col-12 {
4858
+ .rls-flex-lg-grid-col-8 > .rls-flex-lg-col-12 {
4921
4859
  grid-column: span 8 / span 8;
4922
4860
  }
4923
- .md-grid-col-6 > .md-col-7 {
4861
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-7 {
4924
4862
  grid-column: span 6 / span 6;
4925
4863
  }
4926
- .md-grid-col-6 > .md-col-8 {
4864
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-8 {
4927
4865
  grid-column: span 6 / span 6;
4928
4866
  }
4929
- .md-grid-col-6 > .md-col-9 {
4867
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-9 {
4930
4868
  grid-column: span 6 / span 6;
4931
4869
  }
4932
- .md-grid-col-6 > .md-col-10 {
4870
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-10 {
4933
4871
  grid-column: span 6 / span 6;
4934
4872
  }
4935
- .md-grid-col-6 > .md-col-11 {
4873
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-11 {
4936
4874
  grid-column: span 6 / span 6;
4937
4875
  }
4938
- .md-grid-col-6 > .md-col-12 {
4876
+ .rls-flex-lg-grid-col-6 > .rls-flex-lg-col-12 {
4939
4877
  grid-column: span 6 / span 6;
4940
4878
  }
4941
- .md-grid-col-4 > .md-col-5 {
4879
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-5 {
4942
4880
  grid-column: span 4 / span 4;
4943
4881
  }
4944
- .md-grid-col-4 > .md-col-6 {
4882
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-6 {
4945
4883
  grid-column: span 4 / span 4;
4946
4884
  }
4947
- .md-grid-col-4 > .md-col-7 {
4885
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-7 {
4948
4886
  grid-column: span 4 / span 4;
4949
4887
  }
4950
- .md-grid-col-4 > .md-col-8 {
4888
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-8 {
4951
4889
  grid-column: span 4 / span 4;
4952
4890
  }
4953
- .md-grid-col-4 > .md-col-9 {
4891
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-9 {
4954
4892
  grid-column: span 4 / span 4;
4955
4893
  }
4956
- .md-grid-col-4 > .md-col-10 {
4894
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-10 {
4957
4895
  grid-column: span 4 / span 4;
4958
4896
  }
4959
- .md-grid-col-4 > .md-col-11 {
4897
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-11 {
4960
4898
  grid-column: span 4 / span 4;
4961
4899
  }
4962
- .md-grid-col-4 > .md-col-12 {
4900
+ .rls-flex-lg-grid-col-4 > .rls-flex-lg-col-12 {
4963
4901
  grid-column: span 4 / span 4;
4964
4902
  }
4965
- .md-grid-col-2 > .md-col-3 {
4903
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-3 {
4966
4904
  grid-column: span 2 / span 2;
4967
4905
  }
4968
- .md-grid-col-2 > .md-col-4 {
4906
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-4 {
4969
4907
  grid-column: span 2 / span 2;
4970
4908
  }
4971
- .md-grid-col-2 > .md-col-5 {
4909
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-5 {
4972
4910
  grid-column: span 2 / span 2;
4973
4911
  }
4974
- .md-grid-col-2 > .md-col-6 {
4912
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-6 {
4975
4913
  grid-column: span 2 / span 2;
4976
4914
  }
4977
- .md-grid-col-2 > .md-col-7 {
4915
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-7 {
4978
4916
  grid-column: span 2 / span 2;
4979
4917
  }
4980
- .md-grid-col-2 > .md-col-8 {
4918
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-8 {
4981
4919
  grid-column: span 2 / span 2;
4982
4920
  }
4983
- .md-grid-col-2 > .md-col-9 {
4921
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-9 {
4984
4922
  grid-column: span 2 / span 2;
4985
4923
  }
4986
- .md-grid-col-2 > .md-col-10 {
4924
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-10 {
4987
4925
  grid-column: span 2 / span 2;
4988
4926
  }
4989
- .md-grid-col-2 > .md-col-11 {
4927
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-11 {
4990
4928
  grid-column: span 2 / span 2;
4991
4929
  }
4992
- .md-grid-col-2 > .md-col-12 {
4930
+ .rls-flex-lg-grid-col-2 > .rls-flex-lg-col-12 {
4993
4931
  grid-column: span 2 / span 2;
4994
4932
  }
4995
- .md-grid-col-1 > .md-col-2 {
4933
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-2 {
4996
4934
  grid-column: span 1 / span 1;
4997
4935
  }
4998
- .md-grid-col-1 > .md-col-3 {
4936
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-3 {
4999
4937
  grid-column: span 1 / span 1;
5000
4938
  }
5001
- .md-grid-col-1 > .md-col-4 {
4939
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-4 {
5002
4940
  grid-column: span 1 / span 1;
5003
4941
  }
5004
- .md-grid-col-1 > .md-col-5 {
4942
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-5 {
5005
4943
  grid-column: span 1 / span 1;
5006
4944
  }
5007
- .md-grid-col-1 > .md-col-6 {
4945
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-6 {
5008
4946
  grid-column: span 1 / span 1;
5009
4947
  }
5010
- .md-grid-col-1 > .md-col-7 {
4948
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-7 {
5011
4949
  grid-column: span 1 / span 1;
5012
4950
  }
5013
- .md-grid-col-1 > .md-col-8 {
4951
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-8 {
5014
4952
  grid-column: span 1 / span 1;
5015
4953
  }
5016
- .md-grid-col-1 > .md-col-9 {
4954
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-9 {
5017
4955
  grid-column: span 1 / span 1;
5018
4956
  }
5019
- .md-grid-col-1 > .md-col-10 {
4957
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-10 {
5020
4958
  grid-column: span 1 / span 1;
5021
4959
  }
5022
- .md-grid-col-1 > .md-col-11 {
4960
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-11 {
5023
4961
  grid-column: span 1 / span 1;
5024
4962
  }
5025
- .md-grid-col-1 > .md-col-12 {
4963
+ .rls-flex-lg-grid-col-1 > .rls-flex-lg-col-12 {
5026
4964
  grid-column: span 1 / span 1;
5027
4965
  }
5028
- .md-flex-grid-8,
5029
- .md-flex-grid-12,
5030
- .md-flex-grid-16 {
5031
- --rls-grid-columns: 12;
5032
- display: grid;
5033
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
5034
- width: 100%;
5035
- box-sizing: border-box;
5036
- }
5037
- .md-flex-grid-8 > *,
5038
- .md-flex-grid-12 > *,
5039
- .md-flex-grid-16 > * {
5040
- min-width: 0;
5041
- max-width: 100%;
5042
- box-sizing: border-box;
5043
- }
5044
- .md-flex-grid-8 {
5045
- gap: var(--rls-sizing-x4);
5046
- }
5047
- .md-flex-grid-12 {
5048
- gap: var(--rls-sizing-x6);
5049
- }
5050
- .md-flex-grid-16 {
5051
- gap: var(--rls-sizing-x8);
5052
- }
5053
- .md-flex-grid-col-12 {
4966
+ }
4967
+ @media screen and (min-width: 1440px) {
4968
+ .rls-flex-xl-grid-col-12 {
5054
4969
  --rls-grid-columns: 12;
5055
4970
  }
5056
- .md-flex-grid-col-8 {
4971
+ .rls-flex-xl-grid-col-8 {
5057
4972
  --rls-grid-columns: 8;
5058
4973
  }
5059
- .md-flex-grid-col-6 {
4974
+ .rls-flex-xl-grid-col-6 {
5060
4975
  --rls-grid-columns: 6;
5061
4976
  }
5062
- .md-flex-grid-col-4 {
4977
+ .rls-flex-xl-grid-col-4 {
5063
4978
  --rls-grid-columns: 4;
5064
4979
  }
5065
- .md-flex-grid-col-2 {
4980
+ .rls-flex-xl-grid-col-2 {
5066
4981
  --rls-grid-columns: 2;
5067
4982
  }
5068
- .md-flex-grid-col-1 {
4983
+ .rls-flex-xl-grid-col-1 {
5069
4984
  --rls-grid-columns: 1;
5070
4985
  }
5071
- .md-flex-col-1 {
5072
- grid-column: span 1 / span 1;
5073
- }
5074
- .md-flex-col-2 {
5075
- grid-column: span 2 / span 2;
5076
- }
5077
- .md-flex-col-3 {
5078
- grid-column: span 3 / span 3;
5079
- }
5080
- .md-flex-col-4 {
5081
- grid-column: span 4 / span 4;
5082
- }
5083
- .md-flex-col-5 {
5084
- grid-column: span 5 / span 5;
5085
- }
5086
- .md-flex-col-6 {
5087
- grid-column: span 6 / span 6;
5088
- }
5089
- .md-flex-col-7 {
5090
- grid-column: span 7 / span 7;
5091
- }
5092
- .md-flex-col-8 {
5093
- grid-column: span 8 / span 8;
5094
- }
5095
- .md-flex-col-9 {
5096
- grid-column: span 9 / span 9;
5097
- }
5098
- .md-flex-col-10 {
5099
- grid-column: span 10 / span 10;
5100
- }
5101
- .md-flex-col-11 {
5102
- grid-column: span 11 / span 11;
4986
+ .rls-flex-xl-grid-8,
4987
+ .rls-flex-xl-grid-12,
4988
+ .rls-flex-xl-grid-16 {
4989
+ display: grid;
4990
+ grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
4991
+ width: 100%;
4992
+ box-sizing: border-box;
5103
4993
  }
5104
- .md-flex-col-12 {
5105
- grid-column: span 12 / span 12;
4994
+ .rls-flex-xl-grid-8 > *,
4995
+ .rls-flex-xl-grid-12 > *,
4996
+ .rls-flex-xl-grid-16 > * {
4997
+ min-width: 0;
4998
+ max-width: 100%;
4999
+ box-sizing: border-box;
5106
5000
  }
5107
- .md-flex-grid-col-8 > .md-flex-col-9 {
5108
- grid-column: span 8 / span 8;
5001
+ .rls-flex-xl-grid-8 {
5002
+ gap: var(--rls-sizing-x4);
5109
5003
  }
5110
- .md-flex-grid-col-8 > .md-flex-col-10 {
5111
- grid-column: span 8 / span 8;
5004
+ .rls-flex-xl-grid-12 {
5005
+ gap: var(--rls-sizing-x6);
5112
5006
  }
5113
- .md-flex-grid-col-8 > .md-flex-col-11 {
5114
- grid-column: span 8 / span 8;
5115
- }
5116
- .md-flex-grid-col-8 > .md-flex-col-12 {
5117
- grid-column: span 8 / span 8;
5118
- }
5119
- .md-flex-grid-col-6 > .md-flex-col-7 {
5120
- grid-column: span 6 / span 6;
5121
- }
5122
- .md-flex-grid-col-6 > .md-flex-col-8 {
5123
- grid-column: span 6 / span 6;
5124
- }
5125
- .md-flex-grid-col-6 > .md-flex-col-9 {
5126
- grid-column: span 6 / span 6;
5127
- }
5128
- .md-flex-grid-col-6 > .md-flex-col-10 {
5129
- grid-column: span 6 / span 6;
5130
- }
5131
- .md-flex-grid-col-6 > .md-flex-col-11 {
5132
- grid-column: span 6 / span 6;
5133
- }
5134
- .md-flex-grid-col-6 > .md-flex-col-12 {
5135
- grid-column: span 6 / span 6;
5136
- }
5137
- .md-flex-grid-col-4 > .md-flex-col-5 {
5138
- grid-column: span 4 / span 4;
5139
- }
5140
- .md-flex-grid-col-4 > .md-flex-col-6 {
5141
- grid-column: span 4 / span 4;
5142
- }
5143
- .md-flex-grid-col-4 > .md-flex-col-7 {
5144
- grid-column: span 4 / span 4;
5145
- }
5146
- .md-flex-grid-col-4 > .md-flex-col-8 {
5147
- grid-column: span 4 / span 4;
5148
- }
5149
- .md-flex-grid-col-4 > .md-flex-col-9 {
5150
- grid-column: span 4 / span 4;
5151
- }
5152
- .md-flex-grid-col-4 > .md-flex-col-10 {
5153
- grid-column: span 4 / span 4;
5154
- }
5155
- .md-flex-grid-col-4 > .md-flex-col-11 {
5156
- grid-column: span 4 / span 4;
5157
- }
5158
- .md-flex-grid-col-4 > .md-flex-col-12 {
5159
- grid-column: span 4 / span 4;
5160
- }
5161
- .md-flex-grid-col-2 > .md-flex-col-3 {
5162
- grid-column: span 2 / span 2;
5163
- }
5164
- .md-flex-grid-col-2 > .md-flex-col-4 {
5165
- grid-column: span 2 / span 2;
5166
- }
5167
- .md-flex-grid-col-2 > .md-flex-col-5 {
5168
- grid-column: span 2 / span 2;
5169
- }
5170
- .md-flex-grid-col-2 > .md-flex-col-6 {
5171
- grid-column: span 2 / span 2;
5172
- }
5173
- .md-flex-grid-col-2 > .md-flex-col-7 {
5174
- grid-column: span 2 / span 2;
5175
- }
5176
- .md-flex-grid-col-2 > .md-flex-col-8 {
5177
- grid-column: span 2 / span 2;
5178
- }
5179
- .md-flex-grid-col-2 > .md-flex-col-9 {
5180
- grid-column: span 2 / span 2;
5181
- }
5182
- .md-flex-grid-col-2 > .md-flex-col-10 {
5183
- grid-column: span 2 / span 2;
5184
- }
5185
- .md-flex-grid-col-2 > .md-flex-col-11 {
5186
- grid-column: span 2 / span 2;
5187
- }
5188
- .md-flex-grid-col-2 > .md-flex-col-12 {
5189
- grid-column: span 2 / span 2;
5190
- }
5191
- .md-flex-grid-col-1 > .md-flex-col-2 {
5192
- grid-column: span 1 / span 1;
5193
- }
5194
- .md-flex-grid-col-1 > .md-flex-col-3 {
5195
- grid-column: span 1 / span 1;
5196
- }
5197
- .md-flex-grid-col-1 > .md-flex-col-4 {
5198
- grid-column: span 1 / span 1;
5199
- }
5200
- .md-flex-grid-col-1 > .md-flex-col-5 {
5201
- grid-column: span 1 / span 1;
5202
- }
5203
- .md-flex-grid-col-1 > .md-flex-col-6 {
5204
- grid-column: span 1 / span 1;
5205
- }
5206
- .md-flex-grid-col-1 > .md-flex-col-7 {
5207
- grid-column: span 1 / span 1;
5208
- }
5209
- .md-flex-grid-col-1 > .md-flex-col-8 {
5210
- grid-column: span 1 / span 1;
5211
- }
5212
- .md-flex-grid-col-1 > .md-flex-col-9 {
5213
- grid-column: span 1 / span 1;
5214
- }
5215
- .md-flex-grid-col-1 > .md-flex-col-10 {
5216
- grid-column: span 1 / span 1;
5217
- }
5218
- .md-flex-grid-col-1 > .md-flex-col-11 {
5219
- grid-column: span 1 / span 1;
5220
- }
5221
- .md-flex-grid-col-1 > .md-flex-col-12 {
5222
- grid-column: span 1 / span 1;
5223
- }
5224
- }
5225
- @media screen and (min-width: 1024px) {
5226
- .lg-grid-8,
5227
- .lg-grid-12,
5228
- .lg-grid-16 {
5229
- --rls-grid-columns: 12;
5230
- display: grid;
5231
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
5232
- width: 100%;
5233
- box-sizing: border-box;
5234
- }
5235
- .lg-grid-8 > *,
5236
- .lg-grid-12 > *,
5237
- .lg-grid-16 > * {
5238
- min-width: 0;
5239
- max-width: 100%;
5240
- box-sizing: border-box;
5241
- }
5242
- .lg-grid-8 {
5243
- gap: var(--rls-sizing-x4);
5244
- }
5245
- .lg-grid-12 {
5246
- gap: var(--rls-sizing-x6);
5247
- }
5248
- .lg-grid-16 {
5007
+ .rls-flex-xl-grid-16 {
5249
5008
  gap: var(--rls-sizing-x8);
5250
5009
  }
5251
- .lg-grid-col-12 {
5252
- --rls-grid-columns: 12;
5253
- }
5254
- .lg-grid-col-8 {
5255
- --rls-grid-columns: 8;
5256
- }
5257
- .lg-grid-col-6 {
5258
- --rls-grid-columns: 6;
5259
- }
5260
- .lg-grid-col-4 {
5261
- --rls-grid-columns: 4;
5262
- }
5263
- .lg-grid-col-2 {
5264
- --rls-grid-columns: 2;
5265
- }
5266
- .lg-grid-col-1 {
5267
- --rls-grid-columns: 1;
5268
- }
5269
- .lg-col-1 {
5270
- grid-column: span 1 / span 1;
5271
- }
5272
- .lg-col-2 {
5273
- grid-column: span 2 / span 2;
5274
- }
5275
- .lg-col-3 {
5276
- grid-column: span 3 / span 3;
5277
- }
5278
- .lg-col-4 {
5279
- grid-column: span 4 / span 4;
5280
- }
5281
- .lg-col-5 {
5282
- grid-column: span 5 / span 5;
5283
- }
5284
- .lg-col-6 {
5285
- grid-column: span 6 / span 6;
5286
- }
5287
- .lg-col-7 {
5288
- grid-column: span 7 / span 7;
5289
- }
5290
- .lg-col-8 {
5291
- grid-column: span 8 / span 8;
5292
- }
5293
- .lg-col-9 {
5294
- grid-column: span 9 / span 9;
5295
- }
5296
- .lg-col-10 {
5297
- grid-column: span 10 / span 10;
5298
- }
5299
- .lg-col-11 {
5300
- grid-column: span 11 / span 11;
5301
- }
5302
- .lg-col-12 {
5303
- grid-column: span 12 / span 12;
5304
- }
5305
- .lg-grid-col-8 > .lg-col-9 {
5306
- grid-column: span 8 / span 8;
5307
- }
5308
- .lg-grid-col-8 > .lg-col-10 {
5309
- grid-column: span 8 / span 8;
5310
- }
5311
- .lg-grid-col-8 > .lg-col-11 {
5312
- grid-column: span 8 / span 8;
5313
- }
5314
- .lg-grid-col-8 > .lg-col-12 {
5315
- grid-column: span 8 / span 8;
5316
- }
5317
- .lg-grid-col-6 > .lg-col-7 {
5318
- grid-column: span 6 / span 6;
5319
- }
5320
- .lg-grid-col-6 > .lg-col-8 {
5321
- grid-column: span 6 / span 6;
5322
- }
5323
- .lg-grid-col-6 > .lg-col-9 {
5324
- grid-column: span 6 / span 6;
5325
- }
5326
- .lg-grid-col-6 > .lg-col-10 {
5327
- grid-column: span 6 / span 6;
5328
- }
5329
- .lg-grid-col-6 > .lg-col-11 {
5330
- grid-column: span 6 / span 6;
5331
- }
5332
- .lg-grid-col-6 > .lg-col-12 {
5333
- grid-column: span 6 / span 6;
5334
- }
5335
- .lg-grid-col-4 > .lg-col-5 {
5336
- grid-column: span 4 / span 4;
5337
- }
5338
- .lg-grid-col-4 > .lg-col-6 {
5339
- grid-column: span 4 / span 4;
5340
- }
5341
- .lg-grid-col-4 > .lg-col-7 {
5342
- grid-column: span 4 / span 4;
5343
- }
5344
- .lg-grid-col-4 > .lg-col-8 {
5345
- grid-column: span 4 / span 4;
5346
- }
5347
- .lg-grid-col-4 > .lg-col-9 {
5348
- grid-column: span 4 / span 4;
5349
- }
5350
- .lg-grid-col-4 > .lg-col-10 {
5351
- grid-column: span 4 / span 4;
5352
- }
5353
- .lg-grid-col-4 > .lg-col-11 {
5354
- grid-column: span 4 / span 4;
5355
- }
5356
- .lg-grid-col-4 > .lg-col-12 {
5357
- grid-column: span 4 / span 4;
5358
- }
5359
- .lg-grid-col-2 > .lg-col-3 {
5360
- grid-column: span 2 / span 2;
5361
- }
5362
- .lg-grid-col-2 > .lg-col-4 {
5363
- grid-column: span 2 / span 2;
5364
- }
5365
- .lg-grid-col-2 > .lg-col-5 {
5366
- grid-column: span 2 / span 2;
5367
- }
5368
- .lg-grid-col-2 > .lg-col-6 {
5369
- grid-column: span 2 / span 2;
5370
- }
5371
- .lg-grid-col-2 > .lg-col-7 {
5372
- grid-column: span 2 / span 2;
5373
- }
5374
- .lg-grid-col-2 > .lg-col-8 {
5375
- grid-column: span 2 / span 2;
5376
- }
5377
- .lg-grid-col-2 > .lg-col-9 {
5378
- grid-column: span 2 / span 2;
5379
- }
5380
- .lg-grid-col-2 > .lg-col-10 {
5381
- grid-column: span 2 / span 2;
5382
- }
5383
- .lg-grid-col-2 > .lg-col-11 {
5384
- grid-column: span 2 / span 2;
5385
- }
5386
- .lg-grid-col-2 > .lg-col-12 {
5387
- grid-column: span 2 / span 2;
5388
- }
5389
- .lg-grid-col-1 > .lg-col-2 {
5390
- grid-column: span 1 / span 1;
5391
- }
5392
- .lg-grid-col-1 > .lg-col-3 {
5393
- grid-column: span 1 / span 1;
5394
- }
5395
- .lg-grid-col-1 > .lg-col-4 {
5396
- grid-column: span 1 / span 1;
5397
- }
5398
- .lg-grid-col-1 > .lg-col-5 {
5399
- grid-column: span 1 / span 1;
5400
- }
5401
- .lg-grid-col-1 > .lg-col-6 {
5402
- grid-column: span 1 / span 1;
5403
- }
5404
- .lg-grid-col-1 > .lg-col-7 {
5405
- grid-column: span 1 / span 1;
5406
- }
5407
- .lg-grid-col-1 > .lg-col-8 {
5408
- grid-column: span 1 / span 1;
5409
- }
5410
- .lg-grid-col-1 > .lg-col-9 {
5411
- grid-column: span 1 / span 1;
5412
- }
5413
- .lg-grid-col-1 > .lg-col-10 {
5414
- grid-column: span 1 / span 1;
5415
- }
5416
- .lg-grid-col-1 > .lg-col-11 {
5417
- grid-column: span 1 / span 1;
5418
- }
5419
- .lg-grid-col-1 > .lg-col-12 {
5420
- grid-column: span 1 / span 1;
5421
- }
5422
- .lg-flex-grid-8,
5423
- .lg-flex-grid-12,
5424
- .lg-flex-grid-16 {
5425
- --rls-grid-columns: 12;
5426
- display: grid;
5427
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
5428
- width: 100%;
5429
- box-sizing: border-box;
5430
- }
5431
- .lg-flex-grid-8 > *,
5432
- .lg-flex-grid-12 > *,
5433
- .lg-flex-grid-16 > * {
5434
- min-width: 0;
5435
- max-width: 100%;
5436
- box-sizing: border-box;
5437
- }
5438
- .lg-flex-grid-8 {
5439
- gap: var(--rls-sizing-x4);
5440
- }
5441
- .lg-flex-grid-12 {
5442
- gap: var(--rls-sizing-x6);
5443
- }
5444
- .lg-flex-grid-16 {
5445
- gap: var(--rls-sizing-x8);
5446
- }
5447
- .lg-flex-grid-col-12 {
5448
- --rls-grid-columns: 12;
5449
- }
5450
- .lg-flex-grid-col-8 {
5451
- --rls-grid-columns: 8;
5452
- }
5453
- .lg-flex-grid-col-6 {
5454
- --rls-grid-columns: 6;
5455
- }
5456
- .lg-flex-grid-col-4 {
5457
- --rls-grid-columns: 4;
5458
- }
5459
- .lg-flex-grid-col-2 {
5460
- --rls-grid-columns: 2;
5461
- }
5462
- .lg-flex-grid-col-1 {
5463
- --rls-grid-columns: 1;
5464
- }
5465
- .lg-flex-col-1 {
5466
- grid-column: span 1 / span 1;
5467
- }
5468
- .lg-flex-col-2 {
5469
- grid-column: span 2 / span 2;
5470
- }
5471
- .lg-flex-col-3 {
5472
- grid-column: span 3 / span 3;
5473
- }
5474
- .lg-flex-col-4 {
5475
- grid-column: span 4 / span 4;
5476
- }
5477
- .lg-flex-col-5 {
5478
- grid-column: span 5 / span 5;
5479
- }
5480
- .lg-flex-col-6 {
5481
- grid-column: span 6 / span 6;
5482
- }
5483
- .lg-flex-col-7 {
5484
- grid-column: span 7 / span 7;
5485
- }
5486
- .lg-flex-col-8 {
5487
- grid-column: span 8 / span 8;
5488
- }
5489
- .lg-flex-col-9 {
5490
- grid-column: span 9 / span 9;
5491
- }
5492
- .lg-flex-col-10 {
5493
- grid-column: span 10 / span 10;
5494
- }
5495
- .lg-flex-col-11 {
5496
- grid-column: span 11 / span 11;
5497
- }
5498
- .lg-flex-col-12 {
5499
- grid-column: span 12 / span 12;
5500
- }
5501
- .lg-flex-grid-col-8 > .lg-flex-col-9 {
5502
- grid-column: span 8 / span 8;
5503
- }
5504
- .lg-flex-grid-col-8 > .lg-flex-col-10 {
5505
- grid-column: span 8 / span 8;
5506
- }
5507
- .lg-flex-grid-col-8 > .lg-flex-col-11 {
5508
- grid-column: span 8 / span 8;
5509
- }
5510
- .lg-flex-grid-col-8 > .lg-flex-col-12 {
5511
- grid-column: span 8 / span 8;
5512
- }
5513
- .lg-flex-grid-col-6 > .lg-flex-col-7 {
5514
- grid-column: span 6 / span 6;
5515
- }
5516
- .lg-flex-grid-col-6 > .lg-flex-col-8 {
5517
- grid-column: span 6 / span 6;
5518
- }
5519
- .lg-flex-grid-col-6 > .lg-flex-col-9 {
5520
- grid-column: span 6 / span 6;
5521
- }
5522
- .lg-flex-grid-col-6 > .lg-flex-col-10 {
5523
- grid-column: span 6 / span 6;
5524
- }
5525
- .lg-flex-grid-col-6 > .lg-flex-col-11 {
5526
- grid-column: span 6 / span 6;
5527
- }
5528
- .lg-flex-grid-col-6 > .lg-flex-col-12 {
5529
- grid-column: span 6 / span 6;
5530
- }
5531
- .lg-flex-grid-col-4 > .lg-flex-col-5 {
5532
- grid-column: span 4 / span 4;
5533
- }
5534
- .lg-flex-grid-col-4 > .lg-flex-col-6 {
5535
- grid-column: span 4 / span 4;
5536
- }
5537
- .lg-flex-grid-col-4 > .lg-flex-col-7 {
5538
- grid-column: span 4 / span 4;
5539
- }
5540
- .lg-flex-grid-col-4 > .lg-flex-col-8 {
5541
- grid-column: span 4 / span 4;
5542
- }
5543
- .lg-flex-grid-col-4 > .lg-flex-col-9 {
5544
- grid-column: span 4 / span 4;
5545
- }
5546
- .lg-flex-grid-col-4 > .lg-flex-col-10 {
5547
- grid-column: span 4 / span 4;
5548
- }
5549
- .lg-flex-grid-col-4 > .lg-flex-col-11 {
5550
- grid-column: span 4 / span 4;
5551
- }
5552
- .lg-flex-grid-col-4 > .lg-flex-col-12 {
5553
- grid-column: span 4 / span 4;
5554
- }
5555
- .lg-flex-grid-col-2 > .lg-flex-col-3 {
5556
- grid-column: span 2 / span 2;
5557
- }
5558
- .lg-flex-grid-col-2 > .lg-flex-col-4 {
5559
- grid-column: span 2 / span 2;
5560
- }
5561
- .lg-flex-grid-col-2 > .lg-flex-col-5 {
5562
- grid-column: span 2 / span 2;
5563
- }
5564
- .lg-flex-grid-col-2 > .lg-flex-col-6 {
5565
- grid-column: span 2 / span 2;
5566
- }
5567
- .lg-flex-grid-col-2 > .lg-flex-col-7 {
5568
- grid-column: span 2 / span 2;
5569
- }
5570
- .lg-flex-grid-col-2 > .lg-flex-col-8 {
5571
- grid-column: span 2 / span 2;
5572
- }
5573
- .lg-flex-grid-col-2 > .lg-flex-col-9 {
5574
- grid-column: span 2 / span 2;
5575
- }
5576
- .lg-flex-grid-col-2 > .lg-flex-col-10 {
5577
- grid-column: span 2 / span 2;
5578
- }
5579
- .lg-flex-grid-col-2 > .lg-flex-col-11 {
5580
- grid-column: span 2 / span 2;
5581
- }
5582
- .lg-flex-grid-col-2 > .lg-flex-col-12 {
5583
- grid-column: span 2 / span 2;
5584
- }
5585
- .lg-flex-grid-col-1 > .lg-flex-col-2 {
5586
- grid-column: span 1 / span 1;
5587
- }
5588
- .lg-flex-grid-col-1 > .lg-flex-col-3 {
5589
- grid-column: span 1 / span 1;
5590
- }
5591
- .lg-flex-grid-col-1 > .lg-flex-col-4 {
5592
- grid-column: span 1 / span 1;
5593
- }
5594
- .lg-flex-grid-col-1 > .lg-flex-col-5 {
5595
- grid-column: span 1 / span 1;
5596
- }
5597
- .lg-flex-grid-col-1 > .lg-flex-col-6 {
5598
- grid-column: span 1 / span 1;
5599
- }
5600
- .lg-flex-grid-col-1 > .lg-flex-col-7 {
5601
- grid-column: span 1 / span 1;
5602
- }
5603
- .lg-flex-grid-col-1 > .lg-flex-col-8 {
5604
- grid-column: span 1 / span 1;
5605
- }
5606
- .lg-flex-grid-col-1 > .lg-flex-col-9 {
5607
- grid-column: span 1 / span 1;
5608
- }
5609
- .lg-flex-grid-col-1 > .lg-flex-col-10 {
5610
- grid-column: span 1 / span 1;
5611
- }
5612
- .lg-flex-grid-col-1 > .lg-flex-col-11 {
5613
- grid-column: span 1 / span 1;
5614
- }
5615
- .lg-flex-grid-col-1 > .lg-flex-col-12 {
5616
- grid-column: span 1 / span 1;
5617
- }
5618
- }
5619
- @media screen and (min-width: 1440px) {
5620
- .xl-grid-8,
5621
- .xl-grid-12,
5622
- .xl-grid-16 {
5623
- --rls-grid-columns: 12;
5624
- display: grid;
5625
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
5626
- width: 100%;
5627
- box-sizing: border-box;
5628
- }
5629
- .xl-grid-8 > *,
5630
- .xl-grid-12 > *,
5631
- .xl-grid-16 > * {
5632
- min-width: 0;
5633
- max-width: 100%;
5634
- box-sizing: border-box;
5635
- }
5636
- .xl-grid-8 {
5637
- gap: var(--rls-sizing-x4);
5638
- }
5639
- .xl-grid-12 {
5640
- gap: var(--rls-sizing-x6);
5641
- }
5642
- .xl-grid-16 {
5643
- gap: var(--rls-sizing-x8);
5644
- }
5645
- .xl-grid-col-12 {
5646
- --rls-grid-columns: 12;
5647
- }
5648
- .xl-grid-col-8 {
5649
- --rls-grid-columns: 8;
5650
- }
5651
- .xl-grid-col-6 {
5652
- --rls-grid-columns: 6;
5653
- }
5654
- .xl-grid-col-4 {
5655
- --rls-grid-columns: 4;
5656
- }
5657
- .xl-grid-col-2 {
5658
- --rls-grid-columns: 2;
5659
- }
5660
- .xl-grid-col-1 {
5661
- --rls-grid-columns: 1;
5662
- }
5663
- .xl-col-1 {
5664
- grid-column: span 1 / span 1;
5665
- }
5666
- .xl-col-2 {
5667
- grid-column: span 2 / span 2;
5668
- }
5669
- .xl-col-3 {
5670
- grid-column: span 3 / span 3;
5671
- }
5672
- .xl-col-4 {
5673
- grid-column: span 4 / span 4;
5674
- }
5675
- .xl-col-5 {
5676
- grid-column: span 5 / span 5;
5677
- }
5678
- .xl-col-6 {
5679
- grid-column: span 6 / span 6;
5680
- }
5681
- .xl-col-7 {
5682
- grid-column: span 7 / span 7;
5683
- }
5684
- .xl-col-8 {
5685
- grid-column: span 8 / span 8;
5686
- }
5687
- .xl-col-9 {
5688
- grid-column: span 9 / span 9;
5689
- }
5690
- .xl-col-10 {
5691
- grid-column: span 10 / span 10;
5692
- }
5693
- .xl-col-11 {
5694
- grid-column: span 11 / span 11;
5695
- }
5696
- .xl-col-12 {
5697
- grid-column: span 12 / span 12;
5698
- }
5699
- .xl-grid-col-8 > .xl-col-9 {
5700
- grid-column: span 8 / span 8;
5701
- }
5702
- .xl-grid-col-8 > .xl-col-10 {
5703
- grid-column: span 8 / span 8;
5704
- }
5705
- .xl-grid-col-8 > .xl-col-11 {
5706
- grid-column: span 8 / span 8;
5707
- }
5708
- .xl-grid-col-8 > .xl-col-12 {
5709
- grid-column: span 8 / span 8;
5710
- }
5711
- .xl-grid-col-6 > .xl-col-7 {
5712
- grid-column: span 6 / span 6;
5713
- }
5714
- .xl-grid-col-6 > .xl-col-8 {
5715
- grid-column: span 6 / span 6;
5716
- }
5717
- .xl-grid-col-6 > .xl-col-9 {
5718
- grid-column: span 6 / span 6;
5719
- }
5720
- .xl-grid-col-6 > .xl-col-10 {
5721
- grid-column: span 6 / span 6;
5722
- }
5723
- .xl-grid-col-6 > .xl-col-11 {
5724
- grid-column: span 6 / span 6;
5725
- }
5726
- .xl-grid-col-6 > .xl-col-12 {
5727
- grid-column: span 6 / span 6;
5728
- }
5729
- .xl-grid-col-4 > .xl-col-5 {
5730
- grid-column: span 4 / span 4;
5731
- }
5732
- .xl-grid-col-4 > .xl-col-6 {
5733
- grid-column: span 4 / span 4;
5734
- }
5735
- .xl-grid-col-4 > .xl-col-7 {
5736
- grid-column: span 4 / span 4;
5737
- }
5738
- .xl-grid-col-4 > .xl-col-8 {
5739
- grid-column: span 4 / span 4;
5740
- }
5741
- .xl-grid-col-4 > .xl-col-9 {
5742
- grid-column: span 4 / span 4;
5743
- }
5744
- .xl-grid-col-4 > .xl-col-10 {
5745
- grid-column: span 4 / span 4;
5746
- }
5747
- .xl-grid-col-4 > .xl-col-11 {
5748
- grid-column: span 4 / span 4;
5749
- }
5750
- .xl-grid-col-4 > .xl-col-12 {
5751
- grid-column: span 4 / span 4;
5752
- }
5753
- .xl-grid-col-2 > .xl-col-3 {
5754
- grid-column: span 2 / span 2;
5755
- }
5756
- .xl-grid-col-2 > .xl-col-4 {
5757
- grid-column: span 2 / span 2;
5758
- }
5759
- .xl-grid-col-2 > .xl-col-5 {
5760
- grid-column: span 2 / span 2;
5761
- }
5762
- .xl-grid-col-2 > .xl-col-6 {
5763
- grid-column: span 2 / span 2;
5764
- }
5765
- .xl-grid-col-2 > .xl-col-7 {
5766
- grid-column: span 2 / span 2;
5767
- }
5768
- .xl-grid-col-2 > .xl-col-8 {
5769
- grid-column: span 2 / span 2;
5770
- }
5771
- .xl-grid-col-2 > .xl-col-9 {
5772
- grid-column: span 2 / span 2;
5773
- }
5774
- .xl-grid-col-2 > .xl-col-10 {
5775
- grid-column: span 2 / span 2;
5776
- }
5777
- .xl-grid-col-2 > .xl-col-11 {
5778
- grid-column: span 2 / span 2;
5779
- }
5780
- .xl-grid-col-2 > .xl-col-12 {
5781
- grid-column: span 2 / span 2;
5782
- }
5783
- .xl-grid-col-1 > .xl-col-2 {
5784
- grid-column: span 1 / span 1;
5785
- }
5786
- .xl-grid-col-1 > .xl-col-3 {
5787
- grid-column: span 1 / span 1;
5788
- }
5789
- .xl-grid-col-1 > .xl-col-4 {
5790
- grid-column: span 1 / span 1;
5791
- }
5792
- .xl-grid-col-1 > .xl-col-5 {
5793
- grid-column: span 1 / span 1;
5794
- }
5795
- .xl-grid-col-1 > .xl-col-6 {
5796
- grid-column: span 1 / span 1;
5797
- }
5798
- .xl-grid-col-1 > .xl-col-7 {
5799
- grid-column: span 1 / span 1;
5800
- }
5801
- .xl-grid-col-1 > .xl-col-8 {
5802
- grid-column: span 1 / span 1;
5803
- }
5804
- .xl-grid-col-1 > .xl-col-9 {
5805
- grid-column: span 1 / span 1;
5806
- }
5807
- .xl-grid-col-1 > .xl-col-10 {
5808
- grid-column: span 1 / span 1;
5809
- }
5810
- .xl-grid-col-1 > .xl-col-11 {
5811
- grid-column: span 1 / span 1;
5812
- }
5813
- .xl-grid-col-1 > .xl-col-12 {
5814
- grid-column: span 1 / span 1;
5815
- }
5816
- .xl-flex-grid-8,
5817
- .xl-flex-grid-12,
5818
- .xl-flex-grid-16 {
5819
- --rls-grid-columns: 12;
5820
- display: grid;
5821
- grid-template-columns: repeat(var(--rls-grid-columns), minmax(0, 1fr));
5822
- width: 100%;
5823
- box-sizing: border-box;
5824
- }
5825
- .xl-flex-grid-8 > *,
5826
- .xl-flex-grid-12 > *,
5827
- .xl-flex-grid-16 > * {
5828
- min-width: 0;
5829
- max-width: 100%;
5830
- box-sizing: border-box;
5831
- }
5832
- .xl-flex-grid-8 {
5833
- gap: var(--rls-sizing-x4);
5834
- }
5835
- .xl-flex-grid-12 {
5836
- gap: var(--rls-sizing-x6);
5837
- }
5838
- .xl-flex-grid-16 {
5839
- gap: var(--rls-sizing-x8);
5840
- }
5841
- .xl-flex-grid-col-12 {
5842
- --rls-grid-columns: 12;
5843
- }
5844
- .xl-flex-grid-col-8 {
5845
- --rls-grid-columns: 8;
5846
- }
5847
- .xl-flex-grid-col-6 {
5848
- --rls-grid-columns: 6;
5849
- }
5850
- .xl-flex-grid-col-4 {
5851
- --rls-grid-columns: 4;
5852
- }
5853
- .xl-flex-grid-col-2 {
5854
- --rls-grid-columns: 2;
5855
- }
5856
- .xl-flex-grid-col-1 {
5857
- --rls-grid-columns: 1;
5858
- }
5859
- .xl-flex-col-1 {
5010
+ .rls-flex-xl-col-1 {
5860
5011
  grid-column: span 1 / span 1;
5861
5012
  }
5862
- .xl-flex-col-2 {
5013
+ .rls-flex-xl-col-2 {
5863
5014
  grid-column: span 2 / span 2;
5864
5015
  }
5865
- .xl-flex-col-3 {
5016
+ .rls-flex-xl-col-3 {
5866
5017
  grid-column: span 3 / span 3;
5867
5018
  }
5868
- .xl-flex-col-4 {
5019
+ .rls-flex-xl-col-4 {
5869
5020
  grid-column: span 4 / span 4;
5870
5021
  }
5871
- .xl-flex-col-5 {
5022
+ .rls-flex-xl-col-5 {
5872
5023
  grid-column: span 5 / span 5;
5873
5024
  }
5874
- .xl-flex-col-6 {
5025
+ .rls-flex-xl-col-6 {
5875
5026
  grid-column: span 6 / span 6;
5876
5027
  }
5877
- .xl-flex-col-7 {
5028
+ .rls-flex-xl-col-7 {
5878
5029
  grid-column: span 7 / span 7;
5879
5030
  }
5880
- .xl-flex-col-8 {
5031
+ .rls-flex-xl-col-8 {
5881
5032
  grid-column: span 8 / span 8;
5882
5033
  }
5883
- .xl-flex-col-9 {
5034
+ .rls-flex-xl-col-9 {
5884
5035
  grid-column: span 9 / span 9;
5885
5036
  }
5886
- .xl-flex-col-10 {
5037
+ .rls-flex-xl-col-10 {
5887
5038
  grid-column: span 10 / span 10;
5888
5039
  }
5889
- .xl-flex-col-11 {
5040
+ .rls-flex-xl-col-11 {
5890
5041
  grid-column: span 11 / span 11;
5891
5042
  }
5892
- .xl-flex-col-12 {
5043
+ .rls-flex-xl-col-12 {
5893
5044
  grid-column: span 12 / span 12;
5894
5045
  }
5895
- .xl-flex-grid-col-8 > .xl-flex-col-9 {
5046
+ .rls-flex-xl-grid-col-8 > .rls-flex-xl-col-9 {
5896
5047
  grid-column: span 8 / span 8;
5897
5048
  }
5898
- .xl-flex-grid-col-8 > .xl-flex-col-10 {
5049
+ .rls-flex-xl-grid-col-8 > .rls-flex-xl-col-10 {
5899
5050
  grid-column: span 8 / span 8;
5900
5051
  }
5901
- .xl-flex-grid-col-8 > .xl-flex-col-11 {
5052
+ .rls-flex-xl-grid-col-8 > .rls-flex-xl-col-11 {
5902
5053
  grid-column: span 8 / span 8;
5903
5054
  }
5904
- .xl-flex-grid-col-8 > .xl-flex-col-12 {
5055
+ .rls-flex-xl-grid-col-8 > .rls-flex-xl-col-12 {
5905
5056
  grid-column: span 8 / span 8;
5906
5057
  }
5907
- .xl-flex-grid-col-6 > .xl-flex-col-7 {
5058
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-7 {
5908
5059
  grid-column: span 6 / span 6;
5909
5060
  }
5910
- .xl-flex-grid-col-6 > .xl-flex-col-8 {
5061
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-8 {
5911
5062
  grid-column: span 6 / span 6;
5912
5063
  }
5913
- .xl-flex-grid-col-6 > .xl-flex-col-9 {
5064
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-9 {
5914
5065
  grid-column: span 6 / span 6;
5915
5066
  }
5916
- .xl-flex-grid-col-6 > .xl-flex-col-10 {
5067
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-10 {
5917
5068
  grid-column: span 6 / span 6;
5918
5069
  }
5919
- .xl-flex-grid-col-6 > .xl-flex-col-11 {
5070
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-11 {
5920
5071
  grid-column: span 6 / span 6;
5921
5072
  }
5922
- .xl-flex-grid-col-6 > .xl-flex-col-12 {
5073
+ .rls-flex-xl-grid-col-6 > .rls-flex-xl-col-12 {
5923
5074
  grid-column: span 6 / span 6;
5924
5075
  }
5925
- .xl-flex-grid-col-4 > .xl-flex-col-5 {
5076
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-5 {
5926
5077
  grid-column: span 4 / span 4;
5927
5078
  }
5928
- .xl-flex-grid-col-4 > .xl-flex-col-6 {
5079
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-6 {
5929
5080
  grid-column: span 4 / span 4;
5930
5081
  }
5931
- .xl-flex-grid-col-4 > .xl-flex-col-7 {
5082
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-7 {
5932
5083
  grid-column: span 4 / span 4;
5933
5084
  }
5934
- .xl-flex-grid-col-4 > .xl-flex-col-8 {
5085
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-8 {
5935
5086
  grid-column: span 4 / span 4;
5936
5087
  }
5937
- .xl-flex-grid-col-4 > .xl-flex-col-9 {
5088
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-9 {
5938
5089
  grid-column: span 4 / span 4;
5939
5090
  }
5940
- .xl-flex-grid-col-4 > .xl-flex-col-10 {
5091
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-10 {
5941
5092
  grid-column: span 4 / span 4;
5942
5093
  }
5943
- .xl-flex-grid-col-4 > .xl-flex-col-11 {
5094
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-11 {
5944
5095
  grid-column: span 4 / span 4;
5945
5096
  }
5946
- .xl-flex-grid-col-4 > .xl-flex-col-12 {
5097
+ .rls-flex-xl-grid-col-4 > .rls-flex-xl-col-12 {
5947
5098
  grid-column: span 4 / span 4;
5948
5099
  }
5949
- .xl-flex-grid-col-2 > .xl-flex-col-3 {
5100
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-3 {
5950
5101
  grid-column: span 2 / span 2;
5951
5102
  }
5952
- .xl-flex-grid-col-2 > .xl-flex-col-4 {
5103
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-4 {
5953
5104
  grid-column: span 2 / span 2;
5954
5105
  }
5955
- .xl-flex-grid-col-2 > .xl-flex-col-5 {
5106
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-5 {
5956
5107
  grid-column: span 2 / span 2;
5957
5108
  }
5958
- .xl-flex-grid-col-2 > .xl-flex-col-6 {
5109
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-6 {
5959
5110
  grid-column: span 2 / span 2;
5960
5111
  }
5961
- .xl-flex-grid-col-2 > .xl-flex-col-7 {
5112
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-7 {
5962
5113
  grid-column: span 2 / span 2;
5963
5114
  }
5964
- .xl-flex-grid-col-2 > .xl-flex-col-8 {
5115
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-8 {
5965
5116
  grid-column: span 2 / span 2;
5966
5117
  }
5967
- .xl-flex-grid-col-2 > .xl-flex-col-9 {
5118
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-9 {
5968
5119
  grid-column: span 2 / span 2;
5969
5120
  }
5970
- .xl-flex-grid-col-2 > .xl-flex-col-10 {
5121
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-10 {
5971
5122
  grid-column: span 2 / span 2;
5972
5123
  }
5973
- .xl-flex-grid-col-2 > .xl-flex-col-11 {
5124
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-11 {
5974
5125
  grid-column: span 2 / span 2;
5975
5126
  }
5976
- .xl-flex-grid-col-2 > .xl-flex-col-12 {
5127
+ .rls-flex-xl-grid-col-2 > .rls-flex-xl-col-12 {
5977
5128
  grid-column: span 2 / span 2;
5978
5129
  }
5979
- .xl-flex-grid-col-1 > .xl-flex-col-2 {
5130
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-2 {
5980
5131
  grid-column: span 1 / span 1;
5981
5132
  }
5982
- .xl-flex-grid-col-1 > .xl-flex-col-3 {
5133
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-3 {
5983
5134
  grid-column: span 1 / span 1;
5984
5135
  }
5985
- .xl-flex-grid-col-1 > .xl-flex-col-4 {
5136
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-4 {
5986
5137
  grid-column: span 1 / span 1;
5987
5138
  }
5988
- .xl-flex-grid-col-1 > .xl-flex-col-5 {
5139
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-5 {
5989
5140
  grid-column: span 1 / span 1;
5990
5141
  }
5991
- .xl-flex-grid-col-1 > .xl-flex-col-6 {
5142
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-6 {
5992
5143
  grid-column: span 1 / span 1;
5993
5144
  }
5994
- .xl-flex-grid-col-1 > .xl-flex-col-7 {
5145
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-7 {
5995
5146
  grid-column: span 1 / span 1;
5996
5147
  }
5997
- .xl-flex-grid-col-1 > .xl-flex-col-8 {
5148
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-8 {
5998
5149
  grid-column: span 1 / span 1;
5999
5150
  }
6000
- .xl-flex-grid-col-1 > .xl-flex-col-9 {
5151
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-9 {
6001
5152
  grid-column: span 1 / span 1;
6002
5153
  }
6003
- .xl-flex-grid-col-1 > .xl-flex-col-10 {
5154
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-10 {
6004
5155
  grid-column: span 1 / span 1;
6005
5156
  }
6006
- .xl-flex-grid-col-1 > .xl-flex-col-11 {
5157
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-11 {
6007
5158
  grid-column: span 1 / span 1;
6008
5159
  }
6009
- .xl-flex-grid-col-1 > .xl-flex-col-12 {
5160
+ .rls-flex-xl-grid-col-1 > .rls-flex-xl-col-12 {
6010
5161
  grid-column: span 1 / span 1;
6011
5162
  }
6012
5163
  }