@rolster/styles-foundations 2.3.8 → 2.3.10

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 (38) hide show
  1. package/dist/styles.css +19 -0
  2. package/dist/styles.min.css +1 -0
  3. package/dist/styles.rtl.css +19 -0
  4. package/dist/styles.rtl.min.css +1 -0
  5. package/package.json +7 -6
  6. package/scss/components/{_data-table.scss → data-table.scss} +67 -112
  7. package/scss/components/{_field-box.scss → field-box.scss} +8 -3
  8. package/scss/components/{_field-list.scss → field-list.scss} +14 -17
  9. package/scss/{_rolster-components.scss → components.scss} +46 -29
  10. package/scss/foundations.scss +14 -0
  11. package/scss/{_rolster-styles.scss → styles.scss} +3 -3
  12. package/scss/utilities.scss +14 -0
  13. package/dist/rolster-styles.css +0 -4882
  14. package/dist/rolster-styles.min.css +0 -1
  15. package/dist/rolster-styles.rtl.css +0 -4882
  16. package/dist/rolster-styles.rtl.min.css +0 -1
  17. package/scss/_rolster-foundations.scss +0 -14
  18. package/scss/_rolster-utilities.scss +0 -14
  19. /package/fonts/mont/{_mont.scss → mont.scss} +0 -0
  20. /package/fonts/poppins/{_poppins.scss → poppins.scss} +0 -0
  21. /package/fonts/space-grotesk/{_space-grotesk.scss → space-grotesk.scss} +0 -0
  22. /package/icons/{_rolster-icons.scss → rolster-icons.scss} +0 -0
  23. /package/scss/components/{_app.scss → app.scss} +0 -0
  24. /package/scss/components/{_form.scss → form.scss} +0 -0
  25. /package/scss/foundations/{_animations.foundation.scss → animations.scss} +0 -0
  26. /package/scss/foundations/{_colors.foundation.scss → colors.scss} +0 -0
  27. /package/scss/foundations/{_elevations.foundation.scss → elevations.scss} +0 -0
  28. /package/scss/foundations/{_responsives.foundation.scss → responsives.scss} +0 -0
  29. /package/scss/foundations/{_sizings.foundation.scss → sizings.scss} +0 -0
  30. /package/scss/foundations/{_themes.foundation.scss → themes.scss} +0 -0
  31. /package/scss/foundations/{_typographics.foundation.scss → typographics.scss} +0 -0
  32. /package/scss/utilities/{_colors.utility.scss → colors.scss} +0 -0
  33. /package/scss/utilities/{_helpers.utility.scss → helpers.scss} +0 -0
  34. /package/scss/utilities/{_layout.utility.scss → layout.scss} +0 -0
  35. /package/scss/utilities/{_normalize.utility.scss → normalize.scss} +0 -0
  36. /package/scss/utilities/{_texts.utility.scss → texts.scss} +0 -0
  37. /package/scss/utilities/{_themes.utility.scss → themes.scss} +0 -0
  38. /package/scss/utilities/{_typographics.utility.scss → typographics.scss} +0 -0
@@ -1,4882 +0,0 @@
1
- :root {
2
- --rls-standard-curve: cubic-bezier(0.4, 0, 0.2, 1);
3
- --rls-deceleration-curve: cubic-bezier(0, 0, 0.2, 1);
4
- --rls-acceleration-curve: cubic-bezier(0.4, 0, 1, 1);
5
- --rls-sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
6
- }
7
-
8
- :root {
9
- --rls-dark-background-500: rgba(37, 38, 65, 1);
10
- --rls-dark-background-300: rgba(52, 57, 87, 1);
11
- --rls-dark-background-100: rgba(72, 77, 107, 1);
12
- --rls-light-background-500: rgba(255, 255, 255, 1);
13
- --rls-light-background-300: rgba(239, 242, 252, 1);
14
- --rls-light-background-100: rgba(221, 223, 237, 1);
15
- --rls-dark-color-500: rgba(40, 50, 61, 1);
16
- --rls-dark-color-300: rgba(98, 111, 155, 1);
17
- --rls-dark-color-100: rgba(173, 186, 212, 1);
18
- --rls-light-color-500: rgba(255, 255, 255, 1);
19
- --rls-light-color-300: rgba(185, 195, 231, 1);
20
- --rls-light-color-100: rgba(128, 141, 190, 1);
21
- --rls-dark-border-500: rgba(85, 95, 131, 1);
22
- --rls-dark-border-300: rgba(173, 186, 230, 1);
23
- --rls-dark-border-100: rgba(209, 214, 239, 1);
24
- --rls-light-border-500: rgba(255, 255, 255, 1);
25
- --rls-light-border-300: rgba(185, 195, 231, 1);
26
- --rls-light-border-100: rgba(128, 141, 190, 1);
27
- --rls-standard-color-900: rgba(20, 39, 61, 1);
28
- --rls-standard-backdrop-900: rgba(20, 39, 61, 0.8);
29
- --rls-standard-color-700: rgba(32, 83, 136, 1);
30
- --rls-standard-skeleton-500: rgba(32, 83, 136, 0.5);
31
- --rls-standard-skeleton-400: rgba(32, 83, 136, 0.325);
32
- --rls-standard-skeleton-300: rgba(32, 83, 136, 0.25);
33
- --rls-standard-skeleton-200: rgba(32, 83, 136, 0.175);
34
- --rls-standard-skeleton-100: rgba(32, 83, 136, 0.1);
35
- --rls-standard-color-500: rgba(53, 128, 194, 1);
36
- --rls-standard-shadow-500: rgba(53, 128, 194, 0.24);
37
- --rls-standard-color-400: rgba(148, 190, 229, 1);
38
- --rls-standard-color-300: rgba(198, 219, 241, 1);
39
- --rls-standard-color-200: rgba(229, 238, 249, 1);
40
- --rls-standard-color-100: rgba(243, 247, 252, 1);
41
- --rls-standard-gradient-700: linear-gradient(
42
- 180deg,
43
- var(--rls-standard-color-700) 0%,
44
- var(--rls-standard-color-900) 100%
45
- );
46
- --rls-standard-gradient-500: linear-gradient(
47
- 180deg,
48
- var(--rls-standard-color-500) 0%,
49
- var(--rls-standard-color-700) 100%
50
- );
51
- --rls-success-color-900: rgba(1, 45, 33, 1);
52
- --rls-success-backdrop-900: rgba(1, 45, 33, 0.8);
53
- --rls-success-color-700: rgba(0, 124, 82, 1);
54
- --rls-success-skeleton-500: rgba(0, 124, 82, 0.5);
55
- --rls-success-skeleton-400: rgba(0, 124, 82, 0.325);
56
- --rls-success-skeleton-300: rgba(0, 124, 82, 0.25);
57
- --rls-success-skeleton-200: rgba(0, 124, 82, 0.175);
58
- --rls-success-skeleton-100: rgba(0, 124, 82, 0.1);
59
- --rls-success-color-500: rgba(10, 191, 121, 1);
60
- --rls-success-shadow-500: rgba(10, 191, 121, 0.24);
61
- --rls-success-color-400: rgba(106, 235, 177, 1);
62
- --rls-success-color-300: rgba(164, 246, 203, 1);
63
- --rls-success-color-200: rgba(208, 251, 227, 1);
64
- --rls-success-color-100: rgba(235, 254, 244, 1);
65
- --rls-success-gradient-700: linear-gradient(
66
- 180deg,
67
- var(--rls-success-color-700) 0%,
68
- var(--rls-success-color-900) 100%
69
- );
70
- --rls-success-gradient-500: linear-gradient(
71
- 180deg,
72
- var(--rls-success-color-500) 0%,
73
- var(--rls-success-color-700) 100%
74
- );
75
- --rls-info-color-900: rgba(4, 45, 77, 1);
76
- --rls-info-backdrop-900: rgba(4, 45, 77, 0.8);
77
- --rls-info-color-700: rgba(0, 101, 170, 1);
78
- --rls-info-skeleton-500: rgba(0, 101, 170, 0.5);
79
- --rls-info-skeleton-400: rgba(0, 101, 170, 0.325);
80
- --rls-info-skeleton-300: rgba(0, 101, 170, 0.25);
81
- --rls-info-skeleton-200: rgba(0, 101, 170, 0.175);
82
- --rls-info-skeleton-100: rgba(0, 101, 170, 0.1);
83
- --rls-info-color-500: rgba(2, 159, 245, 1);
84
- --rls-info-shadow-500: rgba(2, 159, 245, 0.24);
85
- --rls-info-color-400: rgba(118, 207, 255, 1);
86
- --rls-info-color-300: rgba(182, 228, 255, 1);
87
- --rls-info-color-200: rgba(222, 241, 255, 1);
88
- --rls-info-color-100: rgba(239, 248, 255, 1);
89
- --rls-info-gradient-700: linear-gradient(
90
- 180deg,
91
- var(--rls-info-color-700) 0%,
92
- var(--rls-info-color-900) 100%
93
- );
94
- --rls-info-gradient-500: linear-gradient(
95
- 180deg,
96
- var(--rls-info-color-500) 0%,
97
- var(--rls-info-color-700) 100%
98
- );
99
- --rls-warning-color-900: rgba(70, 27, 2, 1);
100
- --rls-warning-backdrop-900: rgba(70, 27, 2, 0.8);
101
- --rls-warning-color-700: rgba(148, 64, 12, 1);
102
- --rls-warning-skeleton-500: rgba(148, 64, 12, 0.5);
103
- --rls-warning-skeleton-400: rgba(148, 64, 12, 0.325);
104
- --rls-warning-skeleton-300: rgba(148, 64, 12, 0.25);
105
- --rls-warning-skeleton-200: rgba(148, 64, 12, 0.175);
106
- --rls-warning-skeleton-100: rgba(148, 64, 12, 0.1);
107
- --rls-warning-color-500: rgba(222, 123, 2, 1);
108
- --rls-warning-shadow-500: rgba(222, 123, 2, 0.24);
109
- --rls-warning-color-400: rgba(255, 195, 32, 1);
110
- --rls-warning-color-300: rgba(255, 221, 103, 1);
111
- --rls-warning-color-200: rgba(255, 232, 136, 1);
112
- --rls-warning-color-100: rgba(255, 245, 198, 1);
113
- --rls-warning-gradient-700: linear-gradient(
114
- 180deg,
115
- var(--rls-warning-color-700) 0%,
116
- var(--rls-warning-color-900) 100%
117
- );
118
- --rls-warning-gradient-500: linear-gradient(
119
- 180deg,
120
- var(--rls-warning-color-500) 0%,
121
- var(--rls-warning-color-700) 100%
122
- );
123
- --rls-danger-color-900: rgba(75, 4, 4, 1);
124
- --rls-danger-backdrop-900: rgba(75, 4, 4, 0.8);
125
- --rls-danger-color-700: rgba(157, 23, 23, 1);
126
- --rls-danger-skeleton-500: rgba(157, 23, 23, 0.5);
127
- --rls-danger-skeleton-400: rgba(157, 23, 23, 0.325);
128
- --rls-danger-skeleton-300: rgba(157, 23, 23, 0.25);
129
- --rls-danger-skeleton-200: rgba(157, 23, 23, 0.175);
130
- --rls-danger-skeleton-100: rgba(157, 23, 23, 0.1);
131
- --rls-danger-color-500: rgba(255, 44, 44, 1);
132
- --rls-danger-shadow-500: rgba(255, 44, 44, 0.24);
133
- --rls-danger-color-400: rgba(255, 157, 157, 1);
134
- --rls-danger-color-300: rgba(255, 197, 197, 1);
135
- --rls-danger-color-200: rgba(255, 223, 223, 1);
136
- --rls-danger-color-100: rgba(255, 241, 241, 1);
137
- --rls-danger-gradient-700: linear-gradient(
138
- 180deg,
139
- var(--rls-danger-color-700) 0%,
140
- var(--rls-danger-color-900) 100%
141
- );
142
- --rls-danger-gradient-500: linear-gradient(
143
- 180deg,
144
- var(--rls-danger-color-500) 0%,
145
- var(--rls-danger-color-700) 100%
146
- );
147
- --rls-amaizing-color-900: rgba(63, 19, 63, 1);
148
- --rls-amaizing-backdrop-900: rgba(63, 19, 63, 0.8);
149
- --rls-amaizing-color-700: rgba(118, 49, 119, 1);
150
- --rls-amaizing-skeleton-500: rgba(118, 49, 119, 0.5);
151
- --rls-amaizing-skeleton-400: rgba(118, 49, 119, 0.325);
152
- --rls-amaizing-skeleton-300: rgba(118, 49, 119, 0.25);
153
- --rls-amaizing-skeleton-200: rgba(118, 49, 119, 0.175);
154
- --rls-amaizing-skeleton-100: rgba(118, 49, 119, 0.1);
155
- --rls-amaizing-color-500: rgba(170, 73, 176, 1);
156
- --rls-amaizing-shadow-500: rgba(170, 73, 176, 0.24);
157
- --rls-amaizing-color-400: rgba(231, 187, 236, 1);
158
- --rls-amaizing-color-300: rgba(240, 217, 245, 1);
159
- --rls-amaizing-color-200: rgba(248, 237, 250, 1);
160
- --rls-amaizing-color-100: rgba(252, 246, 253, 1);
161
- --rls-amaizing-gradient-700: linear-gradient(
162
- 180deg,
163
- var(--rls-amaizing-color-700) 0%,
164
- var(--rls-amaizing-color-900) 100%
165
- );
166
- --rls-amaizing-gradient-500: linear-gradient(
167
- 180deg,
168
- var(--rls-amaizing-color-500) 0%,
169
- var(--rls-amaizing-color-700) 100%
170
- );
171
- --rls-smartness-color-900: rgba(50, 24, 22, 1);
172
- --rls-smartness-backdrop-900: rgba(50, 24, 22, 0.8);
173
- --rls-smartness-color-700: rgba(131, 69, 58, 1);
174
- --rls-smartness-skeleton-500: rgba(131, 69, 58, 0.5);
175
- --rls-smartness-skeleton-400: rgba(131, 69, 58, 0.325);
176
- --rls-smartness-skeleton-300: rgba(131, 69, 58, 0.25);
177
- --rls-smartness-skeleton-200: rgba(131, 69, 58, 0.175);
178
- --rls-smartness-skeleton-100: rgba(131, 69, 58, 0.1);
179
- --rls-smartness-color-500: rgba(182, 121, 89, 1);
180
- --rls-smartness-shadow-500: rgba(182, 121, 89, 0.24);
181
- --rls-smartness-color-400: rgba(201, 163, 128, 1);
182
- --rls-smartness-color-300: rgba(220, 196, 171, 1);
183
- --rls-smartness-color-200: rgba(238, 226, 215, 1);
184
- --rls-smartness-color-100: rgba(249, 246, 241, 1);
185
- --rls-smartness-gradient-700: linear-gradient(
186
- 180deg,
187
- var(--rls-smartness-color-700) 0%,
188
- var(--rls-smartness-color-900) 100%
189
- );
190
- --rls-smartness-gradient-500: linear-gradient(
191
- 180deg,
192
- var(--rls-smartness-color-500) 0%,
193
- var(--rls-smartness-color-700) 100%
194
- );
195
- --rls-obsidian-color-900: rgba(41, 34, 31, 1);
196
- --rls-obsidian-backdrop-900: rgba(41, 34, 31, 0.8);
197
- --rls-obsidian-color-700: rgba(98, 83, 70, 1);
198
- --rls-obsidian-skeleton-500: rgba(98, 83, 70, 0.5);
199
- --rls-obsidian-skeleton-400: rgba(98, 83, 70, 0.325);
200
- --rls-obsidian-skeleton-300: rgba(98, 83, 70, 0.25);
201
- --rls-obsidian-skeleton-200: rgba(98, 83, 70, 0.175);
202
- --rls-obsidian-skeleton-100: rgba(98, 83, 70, 0.1);
203
- --rls-obsidian-color-500: rgba(141, 127, 101, 1);
204
- --rls-obsidian-shadow-500: rgba(141, 127, 101, 0.24);
205
- --rls-obsidian-color-400: rgba(178, 170, 146, 1);
206
- --rls-obsidian-color-300: rgba(206, 202, 186, 1);
207
- --rls-obsidian-color-200: rgba(230, 228, 219, 1);
208
- --rls-obsidian-color-100: rgba(245, 245, 241, 1);
209
- --rls-obsidian-gradient-700: linear-gradient(
210
- 180deg,
211
- var(--rls-obsidian-color-700) 0%,
212
- var(--rls-obsidian-color-900) 100%
213
- );
214
- --rls-obsidian-gradient-500: linear-gradient(
215
- 180deg,
216
- var(--rls-obsidian-color-500) 0%,
217
- var(--rls-obsidian-color-700) 100%
218
- );
219
- }
220
-
221
- :root {
222
- --rls-sizing-x1: 1rem;
223
- --rls-sizing-x2: 2rem;
224
- --rls-sizing-x3: 3rem;
225
- --rls-sizing-x4: 4rem;
226
- --rls-sizing-x6: 6rem;
227
- --rls-sizing-x8: 8rem;
228
- --rls-sizing-x10: 10rem;
229
- --rls-sizing-x12: 12rem;
230
- --rls-sizing-x14: 14rem;
231
- --rls-sizing-x16: 16rem;
232
- --rls-sizing-x18: 18rem;
233
- --rls-sizing-x20: 20rem;
234
- --rls-sizing-x22: 22rem;
235
- --rls-sizing-x24: 24rem;
236
- --rls-sizing-x26: 26rem;
237
- --rls-sizing-x28: 28rem;
238
- --rls-sizing-x30: 30rem;
239
- --rls-sizing-x32: 32rem;
240
- --rls-border-1: 1px;
241
- --rls-border-2: 2px;
242
- --rls-border-4: 4px;
243
- }
244
-
245
- @supports (padding-top: constant(safe-area-inset-top)) {
246
- :root {
247
- --rls-sizing-safe-top: constant(safe-area-inset-top);
248
- --rls-sizing-safe-right: constant(safe-area-inset-right);
249
- --rls-sizing-safe-bottom: constant(safe-area-inset-bottom);
250
- --rls-sizing-safe-left: constant(safe-area-inset-left);
251
- }
252
- }
253
-
254
- @supports (padding-top: env(safe-area-inset-top)) {
255
- :root {
256
- --rls-sizing-safe-top: env(safe-area-inset-top);
257
- --rls-sizing-safe-right: env(safe-area-inset-right);
258
- --rls-sizing-safe-bottom: env(safe-area-inset-bottom);
259
- --rls-sizing-safe-left: env(safe-area-inset-left);
260
- }
261
- }
262
-
263
- .col-xs-2-5 {
264
- width: 2.5% !important;
265
- }
266
-
267
- .col-xs-5 {
268
- width: 5% !important;
269
- }
270
-
271
- .col-xs-7-5 {
272
- width: 7.5% !important;
273
- }
274
-
275
- .col-xs-10 {
276
- width: 10% !important;
277
- }
278
-
279
- .col-xs-12-5 {
280
- width: 12.5% !important;
281
- }
282
-
283
- .col-xs-15 {
284
- width: 15% !important;
285
- }
286
-
287
- .col-xs-16 {
288
- width: 16.66% !important;
289
- }
290
-
291
- .col-xs-17-5 {
292
- width: 17.5% !important;
293
- }
294
-
295
- .col-xs-20 {
296
- width: 20% !important;
297
- }
298
-
299
- .col-xs-22-5 {
300
- width: 22.5% !important;
301
- }
302
-
303
- .col-xs-25 {
304
- width: 25% !important;
305
- }
306
-
307
- .col-xs-27-5 {
308
- width: 27.5% !important;
309
- }
310
-
311
- .col-xs-30 {
312
- width: 30% !important;
313
- }
314
-
315
- .col-xs-32-5 {
316
- width: 32.5% !important;
317
- }
318
-
319
- .col-xs-33 {
320
- width: 33.33% !important;
321
- }
322
-
323
- .col-xs-35 {
324
- width: 35% !important;
325
- }
326
-
327
- .col-xs-37-5 {
328
- width: 37.5% !important;
329
- }
330
-
331
- .col-xs-40 {
332
- width: 40% !important;
333
- }
334
-
335
- .col-xs-42-5 {
336
- width: 42.5% !important;
337
- }
338
-
339
- .col-xs-45 {
340
- width: 45% !important;
341
- }
342
-
343
- .col-xs-47-5 {
344
- width: 47.5% !important;
345
- }
346
-
347
- .col-xs-50 {
348
- width: 50% !important;
349
- }
350
-
351
- .col-xs-52-5 {
352
- width: 52.5% !important;
353
- }
354
-
355
- .col-xs-55 {
356
- width: 55% !important;
357
- }
358
-
359
- .col-xs-57-5 {
360
- width: 57.5% !important;
361
- }
362
-
363
- .col-xs-60 {
364
- width: 60% !important;
365
- }
366
-
367
- .col-xs-62-5 {
368
- width: 62.5% !important;
369
- }
370
-
371
- .col-xs-65 {
372
- width: 65% !important;
373
- }
374
-
375
- .col-xs-66 {
376
- width: 66.66% !important;
377
- }
378
-
379
- .col-xs-67-5 {
380
- width: 67.5% !important;
381
- }
382
-
383
- .col-xs-70 {
384
- width: 70% !important;
385
- }
386
-
387
- .col-xs-72-5 {
388
- width: 72.5% !important;
389
- }
390
-
391
- .col-xs-75 {
392
- width: 75% !important;
393
- }
394
-
395
- .col-xs-77-5 {
396
- width: 77.5% !important;
397
- }
398
-
399
- .col-xs-80 {
400
- width: 80% !important;
401
- }
402
-
403
- .col-xs-82-5 {
404
- width: 82.5% !important;
405
- }
406
-
407
- .col-xs-85 {
408
- width: 85% !important;
409
- }
410
-
411
- .col-xs-87-5 {
412
- width: 87.5% !important;
413
- }
414
-
415
- .col-xs-90 {
416
- width: 90% !important;
417
- }
418
-
419
- .col-xs-92-5 {
420
- width: 92.5% !important;
421
- }
422
-
423
- .col-xs-95 {
424
- width: 95% !important;
425
- }
426
-
427
- .col-xs-97-5 {
428
- width: 97.5% !important;
429
- }
430
-
431
- .col-xs {
432
- width: 100% !important;
433
- }
434
-
435
- @media only screen and (min-width: 361px) {
436
- .col-sm-2-5 {
437
- width: 2.5% !important;
438
- }
439
- .col-sm-5 {
440
- width: 5% !important;
441
- }
442
- .col-sm-7-5 {
443
- width: 7.5% !important;
444
- }
445
- .col-sm-10 {
446
- width: 10% !important;
447
- }
448
- .col-sm-12-5 {
449
- width: 12.5% !important;
450
- }
451
- .col-sm-15 {
452
- width: 15% !important;
453
- }
454
- .col-sm-16 {
455
- width: 16.66% !important;
456
- }
457
- .col-sm-17-5 {
458
- width: 17.5% !important;
459
- }
460
- .col-sm-20 {
461
- width: 20% !important;
462
- }
463
- .col-sm-22-5 {
464
- width: 22.5% !important;
465
- }
466
- .col-sm-25 {
467
- width: 25% !important;
468
- }
469
- .col-sm-27-5 {
470
- width: 27.5% !important;
471
- }
472
- .col-sm-30 {
473
- width: 30% !important;
474
- }
475
- .col-sm-32-5 {
476
- width: 32.5% !important;
477
- }
478
- .col-sm-33 {
479
- width: 33.33% !important;
480
- }
481
- .col-sm-35 {
482
- width: 35% !important;
483
- }
484
- .col-sm-37-5 {
485
- width: 37.5% !important;
486
- }
487
- .col-sm-40 {
488
- width: 40% !important;
489
- }
490
- .col-sm-42-5 {
491
- width: 42.5% !important;
492
- }
493
- .col-sm-45 {
494
- width: 45% !important;
495
- }
496
- .col-sm-47-5 {
497
- width: 47.5% !important;
498
- }
499
- .col-sm-50 {
500
- width: 50% !important;
501
- }
502
- .col-sm-52-5 {
503
- width: 52.5% !important;
504
- }
505
- .col-sm-55 {
506
- width: 55% !important;
507
- }
508
- .col-sm-57-5 {
509
- width: 57.5% !important;
510
- }
511
- .col-sm-60 {
512
- width: 60% !important;
513
- }
514
- .col-sm-62-5 {
515
- width: 62.5% !important;
516
- }
517
- .col-sm-65 {
518
- width: 65% !important;
519
- }
520
- .col-sm-66 {
521
- width: 66.66% !important;
522
- }
523
- .col-sm-67-5 {
524
- width: 67.5% !important;
525
- }
526
- .col-sm-70 {
527
- width: 70% !important;
528
- }
529
- .col-sm-72-5 {
530
- width: 72.5% !important;
531
- }
532
- .col-sm-75 {
533
- width: 75% !important;
534
- }
535
- .col-sm-77-5 {
536
- width: 77.5% !important;
537
- }
538
- .col-sm-80 {
539
- width: 80% !important;
540
- }
541
- .col-sm-82-5 {
542
- width: 82.5% !important;
543
- }
544
- .col-sm-85 {
545
- width: 85% !important;
546
- }
547
- .col-sm-87-5 {
548
- width: 87.5% !important;
549
- }
550
- .col-sm-90 {
551
- width: 90% !important;
552
- }
553
- .col-sm-92-5 {
554
- width: 92.5% !important;
555
- }
556
- .col-sm-95 {
557
- width: 95% !important;
558
- }
559
- .col-sm-97-5 {
560
- width: 97.5% !important;
561
- }
562
- .col-sm {
563
- width: 100% !important;
564
- }
565
- }
566
-
567
- @media only screen and (min-width: 641px) {
568
- .col-md-2-5 {
569
- width: 2.5% !important;
570
- }
571
- .col-md-5 {
572
- width: 5% !important;
573
- }
574
- .col-md-7-5 {
575
- width: 7.5% !important;
576
- }
577
- .col-md-10 {
578
- width: 10% !important;
579
- }
580
- .col-md-12-5 {
581
- width: 12.5% !important;
582
- }
583
- .col-md-15 {
584
- width: 15% !important;
585
- }
586
- .col-md-16 {
587
- width: 16.66% !important;
588
- }
589
- .col-md-17-5 {
590
- width: 17.5% !important;
591
- }
592
- .col-md-20 {
593
- width: 20% !important;
594
- }
595
- .col-md-22-5 {
596
- width: 22.5% !important;
597
- }
598
- .col-md-25 {
599
- width: 25% !important;
600
- }
601
- .col-md-27-5 {
602
- width: 27.5% !important;
603
- }
604
- .col-md-30 {
605
- width: 30% !important;
606
- }
607
- .col-md-32-5 {
608
- width: 32.5% !important;
609
- }
610
- .col-md-33 {
611
- width: 33.33% !important;
612
- }
613
- .col-md-35 {
614
- width: 35% !important;
615
- }
616
- .col-md-37-5 {
617
- width: 37.5% !important;
618
- }
619
- .col-md-40 {
620
- width: 40% !important;
621
- }
622
- .col-md-42-5 {
623
- width: 42.5% !important;
624
- }
625
- .col-md-45 {
626
- width: 45% !important;
627
- }
628
- .col-md-47-5 {
629
- width: 47.5% !important;
630
- }
631
- .col-md-50 {
632
- width: 50% !important;
633
- }
634
- .col-md-52-5 {
635
- width: 52.5% !important;
636
- }
637
- .col-md-55 {
638
- width: 55% !important;
639
- }
640
- .col-md-57-5 {
641
- width: 57.5% !important;
642
- }
643
- .col-md-60 {
644
- width: 60% !important;
645
- }
646
- .col-md-62-5 {
647
- width: 62.5% !important;
648
- }
649
- .col-md-65 {
650
- width: 65% !important;
651
- }
652
- .col-md-66 {
653
- width: 66.66% !important;
654
- }
655
- .col-md-67-5 {
656
- width: 67.5% !important;
657
- }
658
- .col-md-70 {
659
- width: 70% !important;
660
- }
661
- .col-md-72-5 {
662
- width: 72.5% !important;
663
- }
664
- .col-md-75 {
665
- width: 75% !important;
666
- }
667
- .col-md-77-5 {
668
- width: 77.5% !important;
669
- }
670
- .col-md-80 {
671
- width: 80% !important;
672
- }
673
- .col-md-82-5 {
674
- width: 82.5% !important;
675
- }
676
- .col-md-85 {
677
- width: 85% !important;
678
- }
679
- .col-md-87-5 {
680
- width: 87.5% !important;
681
- }
682
- .col-md-90 {
683
- width: 90% !important;
684
- }
685
- .col-md-92-5 {
686
- width: 92.5% !important;
687
- }
688
- .col-md-95 {
689
- width: 95% !important;
690
- }
691
- .col-md-97-5 {
692
- width: 97.5% !important;
693
- }
694
- .col-md {
695
- width: 100% !important;
696
- }
697
- }
698
-
699
- @media only screen and (min-width: 961px) {
700
- .col-lg-2-5 {
701
- width: 2.5% !important;
702
- }
703
- .col-lg-5 {
704
- width: 5% !important;
705
- }
706
- .col-lg-7-5 {
707
- width: 7.5% !important;
708
- }
709
- .col-lg-10 {
710
- width: 10% !important;
711
- }
712
- .col-lg-12-5 {
713
- width: 12.5% !important;
714
- }
715
- .col-lg-15 {
716
- width: 15% !important;
717
- }
718
- .col-lg-16 {
719
- width: 16.66% !important;
720
- }
721
- .col-lg-17-5 {
722
- width: 17.5% !important;
723
- }
724
- .col-lg-20 {
725
- width: 20% !important;
726
- }
727
- .col-lg-22-5 {
728
- width: 22.5% !important;
729
- }
730
- .col-lg-25 {
731
- width: 25% !important;
732
- }
733
- .col-lg-27-5 {
734
- width: 27.5% !important;
735
- }
736
- .col-lg-30 {
737
- width: 30% !important;
738
- }
739
- .col-lg-32-5 {
740
- width: 32.5% !important;
741
- }
742
- .col-lg-33 {
743
- width: 33.33% !important;
744
- }
745
- .col-lg-35 {
746
- width: 35% !important;
747
- }
748
- .col-lg-37-5 {
749
- width: 37.5% !important;
750
- }
751
- .col-lg-40 {
752
- width: 40% !important;
753
- }
754
- .col-lg-42-5 {
755
- width: 42.5% !important;
756
- }
757
- .col-lg-45 {
758
- width: 45% !important;
759
- }
760
- .col-lg-47-5 {
761
- width: 47.5% !important;
762
- }
763
- .col-lg-50 {
764
- width: 50% !important;
765
- }
766
- .col-lg-52-5 {
767
- width: 52.5% !important;
768
- }
769
- .col-lg-55 {
770
- width: 55% !important;
771
- }
772
- .col-lg-57-5 {
773
- width: 57.5% !important;
774
- }
775
- .col-lg-60 {
776
- width: 60% !important;
777
- }
778
- .col-lg-62-5 {
779
- width: 62.5% !important;
780
- }
781
- .col-lg-65 {
782
- width: 65% !important;
783
- }
784
- .col-lg-66 {
785
- width: 66.66% !important;
786
- }
787
- .col-lg-67-5 {
788
- width: 67.5% !important;
789
- }
790
- .col-lg-70 {
791
- width: 70% !important;
792
- }
793
- .col-lg-72-5 {
794
- width: 72.5% !important;
795
- }
796
- .col-lg-75 {
797
- width: 75% !important;
798
- }
799
- .col-lg-77-5 {
800
- width: 77.5% !important;
801
- }
802
- .col-lg-80 {
803
- width: 80% !important;
804
- }
805
- .col-lg-82-5 {
806
- width: 82.5% !important;
807
- }
808
- .col-lg-85 {
809
- width: 85% !important;
810
- }
811
- .col-lg-87-5 {
812
- width: 87.5% !important;
813
- }
814
- .col-lg-90 {
815
- width: 90% !important;
816
- }
817
- .col-lg-92-5 {
818
- width: 92.5% !important;
819
- }
820
- .col-lg-95 {
821
- width: 95% !important;
822
- }
823
- .col-lg-97-5 {
824
- width: 97.5% !important;
825
- }
826
- .col-lg {
827
- width: 100% !important;
828
- }
829
- }
830
-
831
- @media only screen and (min-width: 1241px) {
832
- .col-xl-2-5 {
833
- width: 2.5% !important;
834
- }
835
- .col-xl-5 {
836
- width: 5% !important;
837
- }
838
- .col-xl-7-5 {
839
- width: 7.5% !important;
840
- }
841
- .col-xl-10 {
842
- width: 10% !important;
843
- }
844
- .col-xl-12-5 {
845
- width: 12.5% !important;
846
- }
847
- .col-xl-15 {
848
- width: 15% !important;
849
- }
850
- .col-xl-16 {
851
- width: 16.66% !important;
852
- }
853
- .col-xl-17-5 {
854
- width: 17.5% !important;
855
- }
856
- .col-xl-20 {
857
- width: 20% !important;
858
- }
859
- .col-xl-22-5 {
860
- width: 22.5% !important;
861
- }
862
- .col-xl-25 {
863
- width: 25% !important;
864
- }
865
- .col-xl-27-5 {
866
- width: 27.5% !important;
867
- }
868
- .col-xl-30 {
869
- width: 30% !important;
870
- }
871
- .col-xl-32-5 {
872
- width: 32.5% !important;
873
- }
874
- .col-xl-33 {
875
- width: 33.33% !important;
876
- }
877
- .col-xl-35 {
878
- width: 35% !important;
879
- }
880
- .col-xl-37-5 {
881
- width: 37.5% !important;
882
- }
883
- .col-xl-40 {
884
- width: 40% !important;
885
- }
886
- .col-xl-42-5 {
887
- width: 42.5% !important;
888
- }
889
- .col-xl-45 {
890
- width: 45% !important;
891
- }
892
- .col-xl-47-5 {
893
- width: 47.5% !important;
894
- }
895
- .col-xl-50 {
896
- width: 50% !important;
897
- }
898
- .col-xl-52-5 {
899
- width: 52.5% !important;
900
- }
901
- .col-xl-55 {
902
- width: 55% !important;
903
- }
904
- .col-xl-57-5 {
905
- width: 57.5% !important;
906
- }
907
- .col-xl-60 {
908
- width: 60% !important;
909
- }
910
- .col-xl-62-5 {
911
- width: 62.5% !important;
912
- }
913
- .col-xl-65 {
914
- width: 65% !important;
915
- }
916
- .col-xl-66 {
917
- width: 66.66% !important;
918
- }
919
- .col-xl-67-5 {
920
- width: 67.5% !important;
921
- }
922
- .col-xl-70 {
923
- width: 70% !important;
924
- }
925
- .col-xl-72-5 {
926
- width: 72.5% !important;
927
- }
928
- .col-xl-75 {
929
- width: 75% !important;
930
- }
931
- .col-xl-77-5 {
932
- width: 77.5% !important;
933
- }
934
- .col-xl-80 {
935
- width: 80% !important;
936
- }
937
- .col-xl-82-5 {
938
- width: 82.5% !important;
939
- }
940
- .col-xl-85 {
941
- width: 85% !important;
942
- }
943
- .col-xl-87-5 {
944
- width: 87.5% !important;
945
- }
946
- .col-xl-90 {
947
- width: 90% !important;
948
- }
949
- .col-xl-92-5 {
950
- width: 92.5% !important;
951
- }
952
- .col-xl-95 {
953
- width: 95% !important;
954
- }
955
- .col-xl-97-5 {
956
- width: 97.5% !important;
957
- }
958
- .col-xl {
959
- width: 100% !important;
960
- }
961
- }
962
-
963
- :root {
964
- --rls-z-index-2: 2;
965
- --rls-z-index-4: 4;
966
- --rls-z-index-6: 6;
967
- --rls-z-index-8: 8;
968
- --rls-z-index-12: 12;
969
- --rls-z-index-16: 16;
970
- --rls-z-index-24: 24;
971
- --rls-z-index-32: 32;
972
- --rls-app-shadow-1: 0px 4px 2px -2px rgba(50, 44, 47, 0.02);
973
- --rls-app-shadow-2: 0px 4px 8px -2px rgba(50, 44, 47, 0.04);
974
- --rls-app-shadow-3: 0px 2px 4px -2px rgba(50, 44, 47, 0.08);
975
- --rls-app-shadow-4: 0px 4px 8px -6px rgba(50, 44, 47, 0.03),
976
- 0px 16px 8px -4px rgba(50, 44, 47, 0.03);
977
- --rls-app-shadow-5: 0px 8px 24px -4px rgba(50, 44, 47, 0.08);
978
- --rls-app-shadow-6: 0px 8px 24px -4px rgba(50, 44, 47, 0.12);
979
- --rls-light-shadow-bottom-2: 0px 2px 2px rgba(173, 186, 230, 0.4);
980
- --rls-light-shadow-bottom-4: 0px 4px 4px rgba(173, 186, 230, 0.4);
981
- --rls-light-shadow-bottom-8: 0px 8px 8px rgba(173, 186, 230, 0.4);
982
- --rls-light-shadow-bottom-16: 0px 16px 16px rgba(173, 186, 230, 0.4);
983
- --rls-light-shadow-bottom-24: 0px 24px 24px rgba(173, 186, 230, 0.4);
984
- --rls-light-shadow-bottom-32: 0px 32px 32px rgba(173, 186, 230, 0.4);
985
- --rls-light-shadow-top-2: 0px -2px 2px rgba(173, 186, 230, 0.4);
986
- --rls-light-shadow-top-4: 0px -4px 4px rgba(173, 186, 230, 0.4);
987
- --rls-light-shadow-top-8: 0px -8px 8px rgba(173, 186, 230, 0.4);
988
- --rls-light-shadow-top-16: 0px -16px 16px rgba(173, 186, 230, 0.4);
989
- --rls-light-shadow-top-24: 0px -24px 24px rgba(173, 186, 230, 0.4);
990
- --rls-light-shadow-top-32: 0px -32px 32px rgba(173, 186, 230, 0.4);
991
- --rls-light-shadow-right-2: 2px 0px 2px rgba(173, 186, 230, 0.4);
992
- --rls-light-shadow-right-4: 4px 0px 4px rgba(173, 186, 230, 0.4);
993
- --rls-light-shadow-right-8: 8px 0px 8px rgba(173, 186, 230, 0.4);
994
- --rls-light-shadow-right-16: 16px 0px 16px rgba(173, 186, 230, 0.4);
995
- --rls-light-shadow-right-24: 24px 0px 24px rgba(173, 186, 230, 0.4);
996
- --rls-light-shadow-right-32: 32px 0px 32px rgba(173, 186, 230, 0.4);
997
- --rls-light-shadow-left-2: -2px 0px 2px rgba(173, 186, 230, 0.4);
998
- --rls-light-shadow-left-4: -4px 0px 4px rgba(173, 186, 230, 0.4);
999
- --rls-light-shadow-left-8: -8px 0px 8px rgba(173, 186, 230, 0.4);
1000
- --rls-light-shadow-left-16: -16px 0px 16px rgba(173, 186, 230, 0.4);
1001
- --rls-light-shadow-left-24: -24px 0px 24px rgba(173, 186, 230, 0.4);
1002
- --rls-light-shadow-left-32: -32px 0px 32px rgba(173, 186, 230, 0.4);
1003
- --rls-light-shadow-center-2: 0px 0px 2px 0px rgba(173, 186, 230, 0.4);
1004
- --rls-light-shadow-center-4: 0px 0px 4px 0px rgba(173, 186, 230, 0.4);
1005
- --rls-light-shadow-center-8: 0px 0px 8px 0px rgba(173, 186, 230, 0.4);
1006
- --rls-light-shadow-center-16: 0px 0px 16px 0px rgba(173, 186, 230, 0.4);
1007
- --rls-light-shadow-center-24: 0px 0px 24px 0px rgba(173, 186, 230, 0.4);
1008
- --rls-light-shadow-center-32: 0px 0px 32px 0px rgba(173, 186, 230, 0.4);
1009
- --rls-dark-shadow-bottom-2: 0px 2px 2px rgba(50, 44, 47, 0.4);
1010
- --rls-dark-shadow-bottom-4: 0px 4px 4px rgba(50, 44, 47, 0.4);
1011
- --rls-dark-shadow-bottom-8: 0px 8px 8px rgba(50, 44, 47, 0.4);
1012
- --rls-dark-shadow-bottom-16: 0px 16px 16px rgba(50, 44, 47, 0.4);
1013
- --rls-dark-shadow-bottom-24: 0px 24px 24px rgba(50, 44, 47, 0.4);
1014
- --rls-dark-shadow-bottom-32: 0px 32px 32px rgba(50, 44, 47, 0.4);
1015
- --rls-dark-shadow-top-2: 0px -2px 2px rgba(50, 44, 47, 0.4);
1016
- --rls-dark-shadow-top-4: 0px -4px 4px rgba(50, 44, 47, 0.4);
1017
- --rls-dark-shadow-top-8: 0px -8px 8px rgba(50, 44, 47, 0.4);
1018
- --rls-dark-shadow-top-16: 0px -16px 16px rgba(50, 44, 47, 0.4);
1019
- --rls-dark-shadow-top-24: 0px -24px 24px rgba(50, 44, 47, 0.4);
1020
- --rls-dark-shadow-top-32: 0px -32px 32px rgba(50, 44, 47, 0.4);
1021
- --rls-dark-shadow-right-2: 2px 0px 2px rgba(50, 44, 47, 0.4);
1022
- --rls-dark-shadow-right-4: 4px 0px 4px rgba(50, 44, 47, 0.4);
1023
- --rls-dark-shadow-right-8: 8px 0px 8px rgba(50, 44, 47, 0.4);
1024
- --rls-dark-shadow-right-16: 16px 0px 16px rgba(50, 44, 47, 0.4);
1025
- --rls-dark-shadow-right-24: 24px 0px 24px rgba(50, 44, 47, 0.4);
1026
- --rls-dark-shadow-right-32: 32px 0px 32px rgba(50, 44, 47, 0.4);
1027
- --rls-dark-shadow-left-2: -2px 0px 2px rgba(50, 44, 47, 0.4);
1028
- --rls-dark-shadow-left-4: -4px 0px 4px rgba(50, 44, 47, 0.4);
1029
- --rls-dark-shadow-left-8: -8px 0px 8px rgba(50, 44, 47, 0.4);
1030
- --rls-dark-shadow-left-16: -16px 0px 16px rgba(50, 44, 47, 0.4);
1031
- --rls-dark-shadow-left-24: -24px 0px 24px rgba(50, 44, 47, 0.4);
1032
- --rls-dark-shadow-left-32: -32px 0px 32px rgba(50, 44, 47, 0.4);
1033
- --rls-dark-shadow-center-2: 0px 0px 2px 0px rgba(50, 44, 47, 0.4);
1034
- --rls-dark-shadow-center-4: 0px 0px 4px 0px rgba(50, 44, 47, 0.4);
1035
- --rls-dark-shadow-center-8: 0px 0px 8px 0px rgba(50, 44, 47, 0.4);
1036
- --rls-dark-shadow-center-16: 0px 0px 16px 0px rgba(50, 44, 47, 0.4);
1037
- --rls-dark-shadow-center-24: 0px 0px 24px 0px rgba(50, 44, 47, 0.4);
1038
- --rls-dark-shadow-center-32: 0px 0px 32px 0px rgba(50, 44, 47, 0.4);
1039
- }
1040
-
1041
- :root {
1042
- --rls-app-background-500: var(--rls-light-background-500);
1043
- --rls-app-background-300: var(--rls-light-background-300);
1044
- --rls-app-background-100: var(--rls-light-background-100);
1045
- --rls-app-color-500: var(--rls-dark-color-500);
1046
- --rls-app-color-300: var(--rls-dark-color-300);
1047
- --rls-app-color-100: var(--rls-dark-color-100);
1048
- --rls-app-border-500: var(--rls-dark-border-500);
1049
- --rls-app-border-300: var(--rls-dark-border-300);
1050
- --rls-app-border-100: var(--rls-dark-border-100);
1051
- --rls-app-border-1-500: var(--rls-border-1) solid var(--rls-dark-border-500);
1052
- --rls-app-border-2-500: var(--rls-border-2) solid var(--rls-dark-border-500);
1053
- --rls-app-border-4-500: var(--rls-border-4) solid var(--rls-dark-border-500);
1054
- --rls-app-border-1-300: var(--rls-border-1) solid var(--rls-dark-border-300);
1055
- --rls-app-border-2-300: var(--rls-border-2) solid var(--rls-dark-border-300);
1056
- --rls-app-border-4-300: var(--rls-border-4) solid var(--rls-dark-border-300);
1057
- --rls-app-border-1-100: var(--rls-border-1) solid var(--rls-dark-border-100);
1058
- --rls-app-border-2-100: var(--rls-border-2) solid var(--rls-dark-border-100);
1059
- --rls-app-border-4-100: var(--rls-border-4) solid var(--rls-dark-border-100);
1060
- --rls-app-shadow-light-2: var(--rls-bottom-shadow-light-2);
1061
- --rls-app-shadow-light-4: var(--rls-bottom-shadow-light-4);
1062
- --rls-app-shadow-light-8: var(--rls-bottom-shadow-light-8);
1063
- --rls-app-shadow-light-16: var(--rls-bottom-shadow-light-16);
1064
- --rls-app-shadow-light-24: var(--rls-bottom-shadow-light-24);
1065
- --rls-app-shadow-light-32: var(--rls-bottom-shadow-light-32);
1066
- --rls-app-shadow-light-2: var(--rls-top-shadow-light-2);
1067
- --rls-app-shadow-light-4: var(--rls-top-shadow-light-4);
1068
- --rls-app-shadow-light-8: var(--rls-top-shadow-light-8);
1069
- --rls-app-shadow-light-16: var(--rls-top-shadow-light-16);
1070
- --rls-app-shadow-light-24: var(--rls-top-shadow-light-24);
1071
- --rls-app-shadow-light-32: var(--rls-top-shadow-light-32);
1072
- --rls-app-shadow-light-2: var(--rls-right-shadow-light-2);
1073
- --rls-app-shadow-light-4: var(--rls-right-shadow-light-4);
1074
- --rls-app-shadow-light-8: var(--rls-right-shadow-light-8);
1075
- --rls-app-shadow-light-16: var(--rls-right-shadow-light-16);
1076
- --rls-app-shadow-light-24: var(--rls-right-shadow-light-24);
1077
- --rls-app-shadow-light-32: var(--rls-right-shadow-light-32);
1078
- --rls-app-shadow-light-2: var(--rls-left-shadow-light-2);
1079
- --rls-app-shadow-light-4: var(--rls-left-shadow-light-4);
1080
- --rls-app-shadow-light-8: var(--rls-left-shadow-light-8);
1081
- --rls-app-shadow-light-16: var(--rls-left-shadow-light-16);
1082
- --rls-app-shadow-light-24: var(--rls-left-shadow-light-24);
1083
- --rls-app-shadow-light-32: var(--rls-left-shadow-light-32);
1084
- --rls-app-shadow-light-2: var(--rls-center-shadow-light-2);
1085
- --rls-app-shadow-light-4: var(--rls-center-shadow-light-4);
1086
- --rls-app-shadow-light-8: var(--rls-center-shadow-light-8);
1087
- --rls-app-shadow-light-16: var(--rls-center-shadow-light-16);
1088
- --rls-app-shadow-light-24: var(--rls-center-shadow-light-24);
1089
- --rls-app-shadow-light-32: var(--rls-center-shadow-light-32);
1090
- --rls-standard-border-1-100: var(--rls-border-1) solid
1091
- var(--rls-standard-color-100);
1092
- --rls-standard-border-2-100: var(--rls-border-2) solid
1093
- var(--rls-standard-color-100);
1094
- --rls-standard-border-4-100: var(--rls-border-4) solid
1095
- var(--rls-standard-color-100);
1096
- --rls-standard-border-1-300: var(--rls-border-1) solid
1097
- var(--rls-standard-color-300);
1098
- --rls-standard-border-2-300: var(--rls-border-2) solid
1099
- var(--rls-standard-color-300);
1100
- --rls-standard-border-4-300: var(--rls-border-4) solid
1101
- var(--rls-standard-color-300);
1102
- --rls-standard-border-1-500: var(--rls-border-1) solid
1103
- var(--rls-standard-color-500);
1104
- --rls-standard-border-2-500: var(--rls-border-2) solid
1105
- var(--rls-standard-color-500);
1106
- --rls-standard-border-4-500: var(--rls-border-4) solid
1107
- var(--rls-standard-color-500);
1108
- --rls-standard-border-1-700: var(--rls-border-1) solid
1109
- var(--rls-standard-color-700);
1110
- --rls-standard-border-2-700: var(--rls-border-2) solid
1111
- var(--rls-standard-color-700);
1112
- --rls-standard-border-4-700: var(--rls-border-4) solid
1113
- var(--rls-standard-color-700);
1114
- --rls-standard-border-1-900: var(--rls-border-1) solid
1115
- var(--rls-standard-color-900);
1116
- --rls-standard-border-2-900: var(--rls-border-2) solid
1117
- var(--rls-standard-color-900);
1118
- --rls-standard-border-4-900: var(--rls-border-4) solid
1119
- var(--rls-standard-color-900);
1120
- --rls-success-border-1-100: var(--rls-border-1) solid
1121
- var(--rls-success-color-100);
1122
- --rls-success-border-2-100: var(--rls-border-2) solid
1123
- var(--rls-success-color-100);
1124
- --rls-success-border-4-100: var(--rls-border-4) solid
1125
- var(--rls-success-color-100);
1126
- --rls-success-border-1-300: var(--rls-border-1) solid
1127
- var(--rls-success-color-300);
1128
- --rls-success-border-2-300: var(--rls-border-2) solid
1129
- var(--rls-success-color-300);
1130
- --rls-success-border-4-300: var(--rls-border-4) solid
1131
- var(--rls-success-color-300);
1132
- --rls-success-border-1-500: var(--rls-border-1) solid
1133
- var(--rls-success-color-500);
1134
- --rls-success-border-2-500: var(--rls-border-2) solid
1135
- var(--rls-success-color-500);
1136
- --rls-success-border-4-500: var(--rls-border-4) solid
1137
- var(--rls-success-color-500);
1138
- --rls-success-border-1-700: var(--rls-border-1) solid
1139
- var(--rls-success-color-700);
1140
- --rls-success-border-2-700: var(--rls-border-2) solid
1141
- var(--rls-success-color-700);
1142
- --rls-success-border-4-700: var(--rls-border-4) solid
1143
- var(--rls-success-color-700);
1144
- --rls-success-border-1-900: var(--rls-border-1) solid
1145
- var(--rls-success-color-900);
1146
- --rls-success-border-2-900: var(--rls-border-2) solid
1147
- var(--rls-success-color-900);
1148
- --rls-success-border-4-900: var(--rls-border-4) solid
1149
- var(--rls-success-color-900);
1150
- --rls-info-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1151
- --rls-info-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1152
- --rls-info-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
1153
- --rls-info-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1154
- --rls-info-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1155
- --rls-info-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
1156
- --rls-info-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1157
- --rls-info-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1158
- --rls-info-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
1159
- --rls-info-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1160
- --rls-info-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1161
- --rls-info-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
1162
- --rls-info-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1163
- --rls-info-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1164
- --rls-info-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
1165
- --rls-warning-border-1-100: var(--rls-border-1) solid
1166
- var(--rls-warning-color-100);
1167
- --rls-warning-border-2-100: var(--rls-border-2) solid
1168
- var(--rls-warning-color-100);
1169
- --rls-warning-border-4-100: var(--rls-border-4) solid
1170
- var(--rls-warning-color-100);
1171
- --rls-warning-border-1-300: var(--rls-border-1) solid
1172
- var(--rls-warning-color-300);
1173
- --rls-warning-border-2-300: var(--rls-border-2) solid
1174
- var(--rls-warning-color-300);
1175
- --rls-warning-border-4-300: var(--rls-border-4) solid
1176
- var(--rls-warning-color-300);
1177
- --rls-warning-border-1-500: var(--rls-border-1) solid
1178
- var(--rls-warning-color-500);
1179
- --rls-warning-border-2-500: var(--rls-border-2) solid
1180
- var(--rls-warning-color-500);
1181
- --rls-warning-border-4-500: var(--rls-border-4) solid
1182
- var(--rls-warning-color-500);
1183
- --rls-warning-border-1-700: var(--rls-border-1) solid
1184
- var(--rls-warning-color-700);
1185
- --rls-warning-border-2-700: var(--rls-border-2) solid
1186
- var(--rls-warning-color-700);
1187
- --rls-warning-border-4-700: var(--rls-border-4) solid
1188
- var(--rls-warning-color-700);
1189
- --rls-warning-border-1-900: var(--rls-border-1) solid
1190
- var(--rls-warning-color-900);
1191
- --rls-warning-border-2-900: var(--rls-border-2) solid
1192
- var(--rls-warning-color-900);
1193
- --rls-warning-border-4-900: var(--rls-border-4) solid
1194
- var(--rls-warning-color-900);
1195
- --rls-danger-border-1-100: var(--rls-border-1) solid
1196
- var(--rls-danger-color-100);
1197
- --rls-danger-border-2-100: var(--rls-border-2) solid
1198
- var(--rls-danger-color-100);
1199
- --rls-danger-border-4-100: var(--rls-border-4) solid
1200
- var(--rls-danger-color-100);
1201
- --rls-danger-border-1-300: var(--rls-border-1) solid
1202
- var(--rls-danger-color-300);
1203
- --rls-danger-border-2-300: var(--rls-border-2) solid
1204
- var(--rls-danger-color-300);
1205
- --rls-danger-border-4-300: var(--rls-border-4) solid
1206
- var(--rls-danger-color-300);
1207
- --rls-danger-border-1-500: var(--rls-border-1) solid
1208
- var(--rls-danger-color-500);
1209
- --rls-danger-border-2-500: var(--rls-border-2) solid
1210
- var(--rls-danger-color-500);
1211
- --rls-danger-border-4-500: var(--rls-border-4) solid
1212
- var(--rls-danger-color-500);
1213
- --rls-danger-border-1-700: var(--rls-border-1) solid
1214
- var(--rls-danger-color-700);
1215
- --rls-danger-border-2-700: var(--rls-border-2) solid
1216
- var(--rls-danger-color-700);
1217
- --rls-danger-border-4-700: var(--rls-border-4) solid
1218
- var(--rls-danger-color-700);
1219
- --rls-danger-border-1-900: var(--rls-border-1) solid
1220
- var(--rls-danger-color-900);
1221
- --rls-danger-border-2-900: var(--rls-border-2) solid
1222
- var(--rls-danger-color-900);
1223
- --rls-danger-border-4-900: var(--rls-border-4) solid
1224
- var(--rls-danger-color-900);
1225
- --rls-amaizing-border-1-100: var(--rls-border-1) solid
1226
- var(--rls-amaizing-color-100);
1227
- --rls-amaizing-border-2-100: var(--rls-border-2) solid
1228
- var(--rls-amaizing-color-100);
1229
- --rls-amaizing-border-4-100: var(--rls-border-4) solid
1230
- var(--rls-amaizing-color-100);
1231
- --rls-amaizing-border-1-300: var(--rls-border-1) solid
1232
- var(--rls-amaizing-color-300);
1233
- --rls-amaizing-border-2-300: var(--rls-border-2) solid
1234
- var(--rls-amaizing-color-300);
1235
- --rls-amaizing-border-4-300: var(--rls-border-4) solid
1236
- var(--rls-amaizing-color-300);
1237
- --rls-amaizing-border-1-500: var(--rls-border-1) solid
1238
- var(--rls-amaizing-color-500);
1239
- --rls-amaizing-border-2-500: var(--rls-border-2) solid
1240
- var(--rls-amaizing-color-500);
1241
- --rls-amaizing-border-4-500: var(--rls-border-4) solid
1242
- var(--rls-amaizing-color-500);
1243
- --rls-amaizing-border-1-700: var(--rls-border-1) solid
1244
- var(--rls-amaizing-color-700);
1245
- --rls-amaizing-border-2-700: var(--rls-border-2) solid
1246
- var(--rls-amaizing-color-700);
1247
- --rls-amaizing-border-4-700: var(--rls-border-4) solid
1248
- var(--rls-amaizing-color-700);
1249
- --rls-amaizing-border-1-900: var(--rls-border-1) solid
1250
- var(--rls-amaizing-color-900);
1251
- --rls-amaizing-border-2-900: var(--rls-border-2) solid
1252
- var(--rls-amaizing-color-900);
1253
- --rls-amaizing-border-4-900: var(--rls-border-4) solid
1254
- var(--rls-amaizing-color-900);
1255
- --rls-smartness-border-1-100: var(--rls-border-1) solid
1256
- var(--rls-smartness-color-100);
1257
- --rls-smartness-border-2-100: var(--rls-border-2) solid
1258
- var(--rls-smartness-color-100);
1259
- --rls-smartness-border-4-100: var(--rls-border-4) solid
1260
- var(--rls-smartness-color-100);
1261
- --rls-smartness-border-1-300: var(--rls-border-1) solid
1262
- var(--rls-smartness-color-300);
1263
- --rls-smartness-border-2-300: var(--rls-border-2) solid
1264
- var(--rls-smartness-color-300);
1265
- --rls-smartness-border-4-300: var(--rls-border-4) solid
1266
- var(--rls-smartness-color-300);
1267
- --rls-smartness-border-1-500: var(--rls-border-1) solid
1268
- var(--rls-smartness-color-500);
1269
- --rls-smartness-border-2-500: var(--rls-border-2) solid
1270
- var(--rls-smartness-color-500);
1271
- --rls-smartness-border-4-500: var(--rls-border-4) solid
1272
- var(--rls-smartness-color-500);
1273
- --rls-smartness-border-1-700: var(--rls-border-1) solid
1274
- var(--rls-smartness-color-700);
1275
- --rls-smartness-border-2-700: var(--rls-border-2) solid
1276
- var(--rls-smartness-color-700);
1277
- --rls-smartness-border-4-700: var(--rls-border-4) solid
1278
- var(--rls-smartness-color-700);
1279
- --rls-smartness-border-1-900: var(--rls-border-1) solid
1280
- var(--rls-smartness-color-900);
1281
- --rls-smartness-border-2-900: var(--rls-border-2) solid
1282
- var(--rls-smartness-color-900);
1283
- --rls-smartness-border-4-900: var(--rls-border-4) solid
1284
- var(--rls-smartness-color-900);
1285
- --rls-obsidian-border-1-100: var(--rls-border-1) solid
1286
- var(--rls-obsidian-color-100);
1287
- --rls-obsidian-border-2-100: var(--rls-border-2) solid
1288
- var(--rls-obsidian-color-100);
1289
- --rls-obsidian-border-4-100: var(--rls-border-4) solid
1290
- var(--rls-obsidian-color-100);
1291
- --rls-obsidian-border-1-300: var(--rls-border-1) solid
1292
- var(--rls-obsidian-color-300);
1293
- --rls-obsidian-border-2-300: var(--rls-border-2) solid
1294
- var(--rls-obsidian-color-300);
1295
- --rls-obsidian-border-4-300: var(--rls-border-4) solid
1296
- var(--rls-obsidian-color-300);
1297
- --rls-obsidian-border-1-500: var(--rls-border-1) solid
1298
- var(--rls-obsidian-color-500);
1299
- --rls-obsidian-border-2-500: var(--rls-border-2) solid
1300
- var(--rls-obsidian-color-500);
1301
- --rls-obsidian-border-4-500: var(--rls-border-4) solid
1302
- var(--rls-obsidian-color-500);
1303
- --rls-obsidian-border-1-700: var(--rls-border-1) solid
1304
- var(--rls-obsidian-color-700);
1305
- --rls-obsidian-border-2-700: var(--rls-border-2) solid
1306
- var(--rls-obsidian-color-700);
1307
- --rls-obsidian-border-4-700: var(--rls-border-4) solid
1308
- var(--rls-obsidian-color-700);
1309
- --rls-obsidian-border-1-900: var(--rls-border-1) solid
1310
- var(--rls-obsidian-color-900);
1311
- --rls-obsidian-border-2-900: var(--rls-border-2) solid
1312
- var(--rls-obsidian-color-900);
1313
- --rls-obsidian-border-4-900: var(--rls-border-4) solid
1314
- var(--rls-obsidian-color-900);
1315
- --rls-theme-color-900: var(--rls-standard-color-900);
1316
- --rls-theme-color-700: var(--rls-standard-color-700);
1317
- --rls-theme-color-500: var(--rls-standard-color-500);
1318
- --rls-theme-color-400: var(--rls-standard-color-400);
1319
- --rls-theme-color-300: var(--rls-standard-color-300);
1320
- --rls-theme-color-200: var(--rls-standard-color-200);
1321
- --rls-theme-color-100: var(--rls-standard-color-100);
1322
- --rls-theme-font-900: var(--rls-standard-color-100);
1323
- --rls-theme-font-500: var(--rls-standard-color-100);
1324
- --rls-theme-font-100: var(--rls-standard-color-900);
1325
- --rls-theme-skeleton-500: var(--rls-standard-skeleton-500);
1326
- --rls-theme-skeleton-400: var(--rls-standard-skeleton-400);
1327
- --rls-theme-skeleton-300: var(--rls-standard-skeleton-300);
1328
- --rls-theme-skeleton-200: var(--rls-standard-skeleton-200);
1329
- --rls-theme-skeleton-100: var(--rls-standard-skeleton-100);
1330
- --rls-theme-shadow-500: var(--rls-standard-shadow-500);
1331
- --rls-theme-backdrop-900: var(--rls-standard-backdrop-900);
1332
- --rls-theme-gradient-500: var(--rls-standard-gradient-500);
1333
- --rls-theme-gradient-700: var(--rls-standard-gradient-500);
1334
- --rls-theme-border-1-900: var(--rls-border-1) solid
1335
- var(--rls-standard-color-900);
1336
- --rls-theme-border-2-900: var(--rls-border-2) solid
1337
- var(--rls-standard-color-900);
1338
- --rls-theme-border-4-900: var(--rls-border-4) solid
1339
- var(--rls-standard-color-900);
1340
- --rls-theme-border-1-700: var(--rls-border-1) solid
1341
- var(--rls-standard-color-700);
1342
- --rls-theme-border-2-700: var(--rls-border-2) solid
1343
- var(--rls-standard-color-700);
1344
- --rls-theme-border-4-700: var(--rls-border-4) solid
1345
- var(--rls-standard-color-700);
1346
- --rls-theme-border-1-500: var(--rls-border-1) solid
1347
- var(--rls-standard-color-500);
1348
- --rls-theme-border-2-500: var(--rls-border-2) solid
1349
- var(--rls-standard-color-500);
1350
- --rls-theme-border-4-500: var(--rls-border-4) solid
1351
- var(--rls-standard-color-500);
1352
- --rls-theme-border-1-300: var(--rls-border-1) solid
1353
- var(--rls-standard-color-300);
1354
- --rls-theme-border-2-300: var(--rls-border-2) solid
1355
- var(--rls-standard-color-300);
1356
- --rls-theme-border-4-300: var(--rls-border-4) solid
1357
- var(--rls-standard-color-300);
1358
- --rls-theme-border-1-100: var(--rls-border-1) solid
1359
- var(--rls-standard-color-100);
1360
- --rls-theme-border-2-100: var(--rls-border-2) solid
1361
- var(--rls-standard-color-100);
1362
- --rls-theme-border-4-100: var(--rls-border-4) solid
1363
- var(--rls-standard-color-100);
1364
- }
1365
-
1366
- *[rls-theme='success'] {
1367
- --rls-theme-color-900: var(--rls-success-color-900);
1368
- --rls-theme-color-700: var(--rls-success-color-700);
1369
- --rls-theme-color-500: var(--rls-success-color-500);
1370
- --rls-theme-color-400: var(--rls-success-color-400);
1371
- --rls-theme-color-300: var(--rls-success-color-300);
1372
- --rls-theme-color-200: var(--rls-success-color-200);
1373
- --rls-theme-color-100: var(--rls-success-color-100);
1374
- --rls-theme-font-900: var(--rls-success-color-100);
1375
- --rls-theme-font-500: var(--rls-success-color-100);
1376
- --rls-theme-font-100: var(--rls-success-color-900);
1377
- --rls-theme-skeleton-500: var(--rls-success-skeleton-500);
1378
- --rls-theme-skeleton-400: var(--rls-success-skeleton-400);
1379
- --rls-theme-skeleton-300: var(--rls-success-skeleton-300);
1380
- --rls-theme-skeleton-200: var(--rls-success-skeleton-200);
1381
- --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
1382
- --rls-theme-shadow-500: var(--rls-success-shadow-500);
1383
- --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
1384
- --rls-theme-gradient-500: var(--rls-success-gradient-500);
1385
- --rls-theme-gradient-700: var(--rls-success-gradient-500);
1386
- --rls-theme-border-1-900: var(--rls-border-1) solid
1387
- var(--rls-success-color-900);
1388
- --rls-theme-border-2-900: var(--rls-border-2) solid
1389
- var(--rls-success-color-900);
1390
- --rls-theme-border-4-900: var(--rls-border-4) solid
1391
- var(--rls-success-color-900);
1392
- --rls-theme-border-1-700: var(--rls-border-1) solid
1393
- var(--rls-success-color-700);
1394
- --rls-theme-border-2-700: var(--rls-border-2) solid
1395
- var(--rls-success-color-700);
1396
- --rls-theme-border-4-700: var(--rls-border-4) solid
1397
- var(--rls-success-color-700);
1398
- --rls-theme-border-1-500: var(--rls-border-1) solid
1399
- var(--rls-success-color-500);
1400
- --rls-theme-border-2-500: var(--rls-border-2) solid
1401
- var(--rls-success-color-500);
1402
- --rls-theme-border-4-500: var(--rls-border-4) solid
1403
- var(--rls-success-color-500);
1404
- --rls-theme-border-1-300: var(--rls-border-1) solid
1405
- var(--rls-success-color-300);
1406
- --rls-theme-border-2-300: var(--rls-border-2) solid
1407
- var(--rls-success-color-300);
1408
- --rls-theme-border-4-300: var(--rls-border-4) solid
1409
- var(--rls-success-color-300);
1410
- --rls-theme-border-1-100: var(--rls-border-1) solid
1411
- var(--rls-success-color-100);
1412
- --rls-theme-border-2-100: var(--rls-border-2) solid
1413
- var(--rls-success-color-100);
1414
- --rls-theme-border-4-100: var(--rls-border-4) solid
1415
- var(--rls-success-color-100);
1416
- }
1417
-
1418
- *[rls-theme='info'] {
1419
- --rls-theme-color-900: var(--rls-info-color-900);
1420
- --rls-theme-color-700: var(--rls-info-color-700);
1421
- --rls-theme-color-500: var(--rls-info-color-500);
1422
- --rls-theme-color-400: var(--rls-info-color-400);
1423
- --rls-theme-color-300: var(--rls-info-color-300);
1424
- --rls-theme-color-200: var(--rls-info-color-200);
1425
- --rls-theme-color-100: var(--rls-info-color-100);
1426
- --rls-theme-font-900: var(--rls-info-color-100);
1427
- --rls-theme-font-500: var(--rls-info-color-100);
1428
- --rls-theme-font-100: var(--rls-info-color-900);
1429
- --rls-theme-skeleton-500: var(--rls-info-skeleton-500);
1430
- --rls-theme-skeleton-400: var(--rls-info-skeleton-400);
1431
- --rls-theme-skeleton-300: var(--rls-info-skeleton-300);
1432
- --rls-theme-skeleton-200: var(--rls-info-skeleton-200);
1433
- --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
1434
- --rls-theme-shadow-500: var(--rls-info-shadow-500);
1435
- --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
1436
- --rls-theme-gradient-500: var(--rls-info-gradient-500);
1437
- --rls-theme-gradient-700: var(--rls-info-gradient-500);
1438
- --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1439
- --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1440
- --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
1441
- --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1442
- --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1443
- --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
1444
- --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1445
- --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1446
- --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
1447
- --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1448
- --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1449
- --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
1450
- --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1451
- --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1452
- --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
1453
- }
1454
-
1455
- *[rls-theme='warning'] {
1456
- --rls-theme-color-900: var(--rls-warning-color-900);
1457
- --rls-theme-color-700: var(--rls-warning-color-700);
1458
- --rls-theme-color-500: var(--rls-warning-color-500);
1459
- --rls-theme-color-400: var(--rls-warning-color-400);
1460
- --rls-theme-color-300: var(--rls-warning-color-300);
1461
- --rls-theme-color-200: var(--rls-warning-color-200);
1462
- --rls-theme-color-100: var(--rls-warning-color-100);
1463
- --rls-theme-font-900: var(--rls-warning-color-100);
1464
- --rls-theme-font-500: var(--rls-warning-color-100);
1465
- --rls-theme-font-100: var(--rls-warning-color-900);
1466
- --rls-theme-skeleton-500: var(--rls-warning-skeleton-500);
1467
- --rls-theme-skeleton-400: var(--rls-warning-skeleton-400);
1468
- --rls-theme-skeleton-300: var(--rls-warning-skeleton-300);
1469
- --rls-theme-skeleton-200: var(--rls-warning-skeleton-200);
1470
- --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
1471
- --rls-theme-shadow-500: var(--rls-warning-shadow-500);
1472
- --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
1473
- --rls-theme-gradient-500: var(--rls-warning-gradient-500);
1474
- --rls-theme-gradient-700: var(--rls-warning-gradient-500);
1475
- --rls-theme-border-1-900: var(--rls-border-1) solid
1476
- var(--rls-warning-color-900);
1477
- --rls-theme-border-2-900: var(--rls-border-2) solid
1478
- var(--rls-warning-color-900);
1479
- --rls-theme-border-4-900: var(--rls-border-4) solid
1480
- var(--rls-warning-color-900);
1481
- --rls-theme-border-1-700: var(--rls-border-1) solid
1482
- var(--rls-warning-color-700);
1483
- --rls-theme-border-2-700: var(--rls-border-2) solid
1484
- var(--rls-warning-color-700);
1485
- --rls-theme-border-4-700: var(--rls-border-4) solid
1486
- var(--rls-warning-color-700);
1487
- --rls-theme-border-1-500: var(--rls-border-1) solid
1488
- var(--rls-warning-color-500);
1489
- --rls-theme-border-2-500: var(--rls-border-2) solid
1490
- var(--rls-warning-color-500);
1491
- --rls-theme-border-4-500: var(--rls-border-4) solid
1492
- var(--rls-warning-color-500);
1493
- --rls-theme-border-1-300: var(--rls-border-1) solid
1494
- var(--rls-warning-color-300);
1495
- --rls-theme-border-2-300: var(--rls-border-2) solid
1496
- var(--rls-warning-color-300);
1497
- --rls-theme-border-4-300: var(--rls-border-4) solid
1498
- var(--rls-warning-color-300);
1499
- --rls-theme-border-1-100: var(--rls-border-1) solid
1500
- var(--rls-warning-color-100);
1501
- --rls-theme-border-2-100: var(--rls-border-2) solid
1502
- var(--rls-warning-color-100);
1503
- --rls-theme-border-4-100: var(--rls-border-4) solid
1504
- var(--rls-warning-color-100);
1505
- }
1506
-
1507
- *[rls-theme='danger'] {
1508
- --rls-theme-color-900: var(--rls-danger-color-900);
1509
- --rls-theme-color-700: var(--rls-danger-color-700);
1510
- --rls-theme-color-500: var(--rls-danger-color-500);
1511
- --rls-theme-color-400: var(--rls-danger-color-400);
1512
- --rls-theme-color-300: var(--rls-danger-color-300);
1513
- --rls-theme-color-200: var(--rls-danger-color-200);
1514
- --rls-theme-color-100: var(--rls-danger-color-100);
1515
- --rls-theme-font-900: var(--rls-danger-color-100);
1516
- --rls-theme-font-500: var(--rls-danger-color-100);
1517
- --rls-theme-font-100: var(--rls-danger-color-900);
1518
- --rls-theme-skeleton-500: var(--rls-danger-skeleton-500);
1519
- --rls-theme-skeleton-400: var(--rls-danger-skeleton-400);
1520
- --rls-theme-skeleton-300: var(--rls-danger-skeleton-300);
1521
- --rls-theme-skeleton-200: var(--rls-danger-skeleton-200);
1522
- --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
1523
- --rls-theme-shadow-500: var(--rls-danger-shadow-500);
1524
- --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
1525
- --rls-theme-gradient-500: var(--rls-danger-gradient-500);
1526
- --rls-theme-gradient-700: var(--rls-danger-gradient-500);
1527
- --rls-theme-border-1-900: var(--rls-border-1) solid
1528
- var(--rls-danger-color-900);
1529
- --rls-theme-border-2-900: var(--rls-border-2) solid
1530
- var(--rls-danger-color-900);
1531
- --rls-theme-border-4-900: var(--rls-border-4) solid
1532
- var(--rls-danger-color-900);
1533
- --rls-theme-border-1-700: var(--rls-border-1) solid
1534
- var(--rls-danger-color-700);
1535
- --rls-theme-border-2-700: var(--rls-border-2) solid
1536
- var(--rls-danger-color-700);
1537
- --rls-theme-border-4-700: var(--rls-border-4) solid
1538
- var(--rls-danger-color-700);
1539
- --rls-theme-border-1-500: var(--rls-border-1) solid
1540
- var(--rls-danger-color-500);
1541
- --rls-theme-border-2-500: var(--rls-border-2) solid
1542
- var(--rls-danger-color-500);
1543
- --rls-theme-border-4-500: var(--rls-border-4) solid
1544
- var(--rls-danger-color-500);
1545
- --rls-theme-border-1-300: var(--rls-border-1) solid
1546
- var(--rls-danger-color-300);
1547
- --rls-theme-border-2-300: var(--rls-border-2) solid
1548
- var(--rls-danger-color-300);
1549
- --rls-theme-border-4-300: var(--rls-border-4) solid
1550
- var(--rls-danger-color-300);
1551
- --rls-theme-border-1-100: var(--rls-border-1) solid
1552
- var(--rls-danger-color-100);
1553
- --rls-theme-border-2-100: var(--rls-border-2) solid
1554
- var(--rls-danger-color-100);
1555
- --rls-theme-border-4-100: var(--rls-border-4) solid
1556
- var(--rls-danger-color-100);
1557
- }
1558
-
1559
- *[rls-theme='amaizing'] {
1560
- --rls-theme-color-900: var(--rls-amaizing-color-900);
1561
- --rls-theme-color-700: var(--rls-amaizing-color-700);
1562
- --rls-theme-color-500: var(--rls-amaizing-color-500);
1563
- --rls-theme-color-400: var(--rls-amaizing-color-400);
1564
- --rls-theme-color-300: var(--rls-amaizing-color-300);
1565
- --rls-theme-color-200: var(--rls-amaizing-color-200);
1566
- --rls-theme-color-100: var(--rls-amaizing-color-100);
1567
- --rls-theme-font-900: var(--rls-amaizing-color-100);
1568
- --rls-theme-font-500: var(--rls-amaizing-color-100);
1569
- --rls-theme-font-100: var(--rls-amaizing-color-900);
1570
- --rls-theme-skeleton-500: var(--rls-amaizing-skeleton-500);
1571
- --rls-theme-skeleton-400: var(--rls-amaizing-skeleton-400);
1572
- --rls-theme-skeleton-300: var(--rls-amaizing-skeleton-300);
1573
- --rls-theme-skeleton-200: var(--rls-amaizing-skeleton-200);
1574
- --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
1575
- --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
1576
- --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
1577
- --rls-theme-gradient-500: var(--rls-amaizing-gradient-500);
1578
- --rls-theme-gradient-700: var(--rls-amaizing-gradient-500);
1579
- --rls-theme-border-1-900: var(--rls-border-1) solid
1580
- var(--rls-amaizing-color-900);
1581
- --rls-theme-border-2-900: var(--rls-border-2) solid
1582
- var(--rls-amaizing-color-900);
1583
- --rls-theme-border-4-900: var(--rls-border-4) solid
1584
- var(--rls-amaizing-color-900);
1585
- --rls-theme-border-1-700: var(--rls-border-1) solid
1586
- var(--rls-amaizing-color-700);
1587
- --rls-theme-border-2-700: var(--rls-border-2) solid
1588
- var(--rls-amaizing-color-700);
1589
- --rls-theme-border-4-700: var(--rls-border-4) solid
1590
- var(--rls-amaizing-color-700);
1591
- --rls-theme-border-1-500: var(--rls-border-1) solid
1592
- var(--rls-amaizing-color-500);
1593
- --rls-theme-border-2-500: var(--rls-border-2) solid
1594
- var(--rls-amaizing-color-500);
1595
- --rls-theme-border-4-500: var(--rls-border-4) solid
1596
- var(--rls-amaizing-color-500);
1597
- --rls-theme-border-1-300: var(--rls-border-1) solid
1598
- var(--rls-amaizing-color-300);
1599
- --rls-theme-border-2-300: var(--rls-border-2) solid
1600
- var(--rls-amaizing-color-300);
1601
- --rls-theme-border-4-300: var(--rls-border-4) solid
1602
- var(--rls-amaizing-color-300);
1603
- --rls-theme-border-1-100: var(--rls-border-1) solid
1604
- var(--rls-amaizing-color-100);
1605
- --rls-theme-border-2-100: var(--rls-border-2) solid
1606
- var(--rls-amaizing-color-100);
1607
- --rls-theme-border-4-100: var(--rls-border-4) solid
1608
- var(--rls-amaizing-color-100);
1609
- }
1610
-
1611
- *[rls-theme='smartness'] {
1612
- --rls-theme-color-900: var(--rls-smartness-color-900);
1613
- --rls-theme-color-700: var(--rls-smartness-color-700);
1614
- --rls-theme-color-500: var(--rls-smartness-color-500);
1615
- --rls-theme-color-400: var(--rls-smartness-color-400);
1616
- --rls-theme-color-300: var(--rls-smartness-color-300);
1617
- --rls-theme-color-200: var(--rls-smartness-color-200);
1618
- --rls-theme-color-100: var(--rls-smartness-color-100);
1619
- --rls-theme-font-900: var(--rls-smartness-color-100);
1620
- --rls-theme-font-500: var(--rls-smartness-color-100);
1621
- --rls-theme-font-100: var(--rls-smartness-color-900);
1622
- --rls-theme-skeleton-500: var(--rls-smartness-skeleton-500);
1623
- --rls-theme-skeleton-400: var(--rls-smartness-skeleton-400);
1624
- --rls-theme-skeleton-300: var(--rls-smartness-skeleton-300);
1625
- --rls-theme-skeleton-200: var(--rls-smartness-skeleton-200);
1626
- --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
1627
- --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
1628
- --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
1629
- --rls-theme-gradient-500: var(--rls-smartness-gradient-500);
1630
- --rls-theme-gradient-700: var(--rls-smartness-gradient-500);
1631
- --rls-theme-border-1-900: var(--rls-border-1) solid
1632
- var(--rls-smartness-color-900);
1633
- --rls-theme-border-2-900: var(--rls-border-2) solid
1634
- var(--rls-smartness-color-900);
1635
- --rls-theme-border-4-900: var(--rls-border-4) solid
1636
- var(--rls-smartness-color-900);
1637
- --rls-theme-border-1-700: var(--rls-border-1) solid
1638
- var(--rls-smartness-color-700);
1639
- --rls-theme-border-2-700: var(--rls-border-2) solid
1640
- var(--rls-smartness-color-700);
1641
- --rls-theme-border-4-700: var(--rls-border-4) solid
1642
- var(--rls-smartness-color-700);
1643
- --rls-theme-border-1-500: var(--rls-border-1) solid
1644
- var(--rls-smartness-color-500);
1645
- --rls-theme-border-2-500: var(--rls-border-2) solid
1646
- var(--rls-smartness-color-500);
1647
- --rls-theme-border-4-500: var(--rls-border-4) solid
1648
- var(--rls-smartness-color-500);
1649
- --rls-theme-border-1-300: var(--rls-border-1) solid
1650
- var(--rls-smartness-color-300);
1651
- --rls-theme-border-2-300: var(--rls-border-2) solid
1652
- var(--rls-smartness-color-300);
1653
- --rls-theme-border-4-300: var(--rls-border-4) solid
1654
- var(--rls-smartness-color-300);
1655
- --rls-theme-border-1-100: var(--rls-border-1) solid
1656
- var(--rls-smartness-color-100);
1657
- --rls-theme-border-2-100: var(--rls-border-2) solid
1658
- var(--rls-smartness-color-100);
1659
- --rls-theme-border-4-100: var(--rls-border-4) solid
1660
- var(--rls-smartness-color-100);
1661
- }
1662
-
1663
- *[rls-theme='obsidian'] {
1664
- --rls-theme-color-900: var(--rls-obsidian-color-900);
1665
- --rls-theme-color-700: var(--rls-obsidian-color-700);
1666
- --rls-theme-color-500: var(--rls-obsidian-color-500);
1667
- --rls-theme-color-400: var(--rls-obsidian-color-400);
1668
- --rls-theme-color-300: var(--rls-obsidian-color-300);
1669
- --rls-theme-color-200: var(--rls-obsidian-color-200);
1670
- --rls-theme-color-100: var(--rls-obsidian-color-100);
1671
- --rls-theme-font-900: var(--rls-obsidian-color-100);
1672
- --rls-theme-font-500: var(--rls-obsidian-color-100);
1673
- --rls-theme-font-100: var(--rls-obsidian-color-900);
1674
- --rls-theme-skeleton-500: var(--rls-obsidian-skeleton-500);
1675
- --rls-theme-skeleton-400: var(--rls-obsidian-skeleton-400);
1676
- --rls-theme-skeleton-300: var(--rls-obsidian-skeleton-300);
1677
- --rls-theme-skeleton-200: var(--rls-obsidian-skeleton-200);
1678
- --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
1679
- --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
1680
- --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
1681
- --rls-theme-gradient-500: var(--rls-obsidian-gradient-500);
1682
- --rls-theme-gradient-700: var(--rls-obsidian-gradient-500);
1683
- --rls-theme-border-1-900: var(--rls-border-1) solid
1684
- var(--rls-obsidian-color-900);
1685
- --rls-theme-border-2-900: var(--rls-border-2) solid
1686
- var(--rls-obsidian-color-900);
1687
- --rls-theme-border-4-900: var(--rls-border-4) solid
1688
- var(--rls-obsidian-color-900);
1689
- --rls-theme-border-1-700: var(--rls-border-1) solid
1690
- var(--rls-obsidian-color-700);
1691
- --rls-theme-border-2-700: var(--rls-border-2) solid
1692
- var(--rls-obsidian-color-700);
1693
- --rls-theme-border-4-700: var(--rls-border-4) solid
1694
- var(--rls-obsidian-color-700);
1695
- --rls-theme-border-1-500: var(--rls-border-1) solid
1696
- var(--rls-obsidian-color-500);
1697
- --rls-theme-border-2-500: var(--rls-border-2) solid
1698
- var(--rls-obsidian-color-500);
1699
- --rls-theme-border-4-500: var(--rls-border-4) solid
1700
- var(--rls-obsidian-color-500);
1701
- --rls-theme-border-1-300: var(--rls-border-1) solid
1702
- var(--rls-obsidian-color-300);
1703
- --rls-theme-border-2-300: var(--rls-border-2) solid
1704
- var(--rls-obsidian-color-300);
1705
- --rls-theme-border-4-300: var(--rls-border-4) solid
1706
- var(--rls-obsidian-color-300);
1707
- --rls-theme-border-1-100: var(--rls-border-1) solid
1708
- var(--rls-obsidian-color-100);
1709
- --rls-theme-border-2-100: var(--rls-border-2) solid
1710
- var(--rls-obsidian-color-100);
1711
- --rls-theme-border-4-100: var(--rls-border-4) solid
1712
- var(--rls-obsidian-color-100);
1713
- }
1714
-
1715
- :root {
1716
- --rls-font-weight-thin: 100;
1717
- --rls-font-weight-extra-light: 200;
1718
- --rls-font-weight-light: 300;
1719
- --rls-font-weight-regular: 400;
1720
- --rls-font-weight-medium: 500;
1721
- --rls-font-weight-semibold: 600;
1722
- --rls-font-weight-bold: 700;
1723
- --rls-font-weight-extrabold: 800;
1724
- --rls-font-weight-black: 900;
1725
- }
1726
-
1727
- :root {
1728
- --rls-app-font-family: -apple-system, -rolster-system-font, BlinkMacSystemFont,
1729
- 'Segoe UI', Roboto, Helvetica;
1730
- --rlc-app-body-background: var(--rls-app-background-500);
1731
- }
1732
-
1733
- html {
1734
- font-size: var(--rls-app-font-size, 2px);
1735
- font-family: var(--rls-app-font-family);
1736
- }
1737
-
1738
- body {
1739
- position: absolute;
1740
- top: 0rem;
1741
- bottom: 0rem;
1742
- left: 0rem;
1743
- right: 0rem;
1744
- margin: 0rem;
1745
- padding: 0rem;
1746
- color: var(--rls-app-color-500);
1747
- background: var(--rlc-app-body-background);
1748
- -webkit-tap-highlight-color: transparent;
1749
- }
1750
- body.rls-app-body {
1751
- --rlc-fieldbox-body-background: rgba(248, 248, 248, 1);
1752
- --rlc-app-body-background: var(--rls-app-background-300);
1753
- }
1754
-
1755
- div {
1756
- position: relative;
1757
- width: 100%;
1758
- }
1759
-
1760
- audio,
1761
- canvas,
1762
- progress,
1763
- video {
1764
- vertical-align: baseline;
1765
- }
1766
-
1767
- audio:not([controls]) {
1768
- display: none;
1769
- height: 0rem;
1770
- }
1771
-
1772
- b,
1773
- strong {
1774
- font-weight: bold;
1775
- }
1776
-
1777
- img {
1778
- border: 0rem;
1779
- }
1780
-
1781
- svg:not(:root) {
1782
- overflow: hidden;
1783
- }
1784
-
1785
- figure {
1786
- margin: 8rem 40rem;
1787
- }
1788
-
1789
- hr {
1790
- height: 0.0625rem;
1791
- border-width: 0rem;
1792
- box-sizing: content-box;
1793
- }
1794
-
1795
- pre {
1796
- overflow: auto;
1797
- }
1798
-
1799
- code,
1800
- kbd,
1801
- pre,
1802
- samp {
1803
- font-family: inherit;
1804
- font-size: 8rem;
1805
- }
1806
-
1807
- label,
1808
- input,
1809
- select,
1810
- textarea {
1811
- font-family: inherit;
1812
- line-height: normal;
1813
- font-size: 8rem;
1814
- }
1815
-
1816
- button {
1817
- font-size: 8rem;
1818
- }
1819
-
1820
- a,
1821
- p,
1822
- span {
1823
- font-size: inherit;
1824
- }
1825
-
1826
- textarea {
1827
- overflow: auto;
1828
- height: auto;
1829
- color: inherit;
1830
- }
1831
-
1832
- textarea::placeholder {
1833
- padding-left: 1rem;
1834
- }
1835
-
1836
- form,
1837
- input,
1838
- optgroup,
1839
- select {
1840
- margin: 0rem;
1841
- color: inherit;
1842
- }
1843
-
1844
- html input[type='button'],
1845
- input[type='reset'],
1846
- input[type='submit'] {
1847
- cursor: pointer;
1848
- }
1849
-
1850
- a,
1851
- a div,
1852
- a span,
1853
- button,
1854
- button div,
1855
- button span,
1856
- [tappable],
1857
- [tappable] div,
1858
- [tappable] span,
1859
- input,
1860
- textarea {
1861
- touch-action: manipulation;
1862
- }
1863
-
1864
- button {
1865
- border: 0rem;
1866
- border-radius: 0rem;
1867
- font-family: inherit;
1868
- font-style: inherit;
1869
- font-variant: inherit;
1870
- line-height: 1;
1871
- text-transform: none;
1872
- }
1873
-
1874
- [tappable] {
1875
- cursor: pointer;
1876
- }
1877
-
1878
- a[disabled],
1879
- button[disabled],
1880
- html input[disabled] {
1881
- cursor: default;
1882
- }
1883
-
1884
- button::-moz-focus-inner,
1885
- input::-moz-focus-inner {
1886
- padding: 0rem;
1887
- border: 0rem;
1888
- }
1889
-
1890
- input[type='checkbox'],
1891
- input[type='radio'] {
1892
- padding: 0rem;
1893
- box-sizing: border-box;
1894
- }
1895
-
1896
- input[type='number']::-webkit-inner-spin-button,
1897
- input[type='number']::-webkit-outer-spin-button {
1898
- height: auto;
1899
- }
1900
-
1901
- input[type='search']::-webkit-search-cancel-button,
1902
- input[type='search']::-webkit-search-decoration {
1903
- -webkit-appearance: none;
1904
- }
1905
-
1906
- table {
1907
- border-collapse: collapse;
1908
- border-spacing: 0rem;
1909
- }
1910
-
1911
- td,
1912
- th {
1913
- padding: 0rem;
1914
- }
1915
-
1916
- ul {
1917
- list-style-type: none;
1918
- margin-block-start: 0rem;
1919
- margin-block-end: 0rem;
1920
- margin-inline-start: 0rem;
1921
- margin-inline-end: 0rem;
1922
- padding-inline-start: 0rem;
1923
- }
1924
-
1925
- h1,
1926
- h2,
1927
- h3,
1928
- h4,
1929
- h5,
1930
- h6,
1931
- p {
1932
- margin: 0rem;
1933
- font-weight: var(--rls-font-weight-medium);
1934
- }
1935
-
1936
- .font-dark-500 {
1937
- color: var(--rls-dark-color-500);
1938
- }
1939
-
1940
- .font-dark-300 {
1941
- color: var(--rls-dark-color-300);
1942
- }
1943
-
1944
- .font-dark-100 {
1945
- color: var(--rls-dark-color-100);
1946
- }
1947
-
1948
- .font-light-500 {
1949
- color: var(--rls-light-color-500);
1950
- }
1951
-
1952
- .font-light-300 {
1953
- color: var(--rls-light-color-300);
1954
- }
1955
-
1956
- .font-light-100 {
1957
- color: var(--rls-light-color-100);
1958
- }
1959
-
1960
- .bg-dark-500 {
1961
- background: var(--rls-dark-background-500);
1962
- }
1963
-
1964
- .bg-dark-300 {
1965
- background: var(--rls-dark-background-300);
1966
- }
1967
-
1968
- .bg-dark-100 {
1969
- background: var(--rls-dark-background-100);
1970
- }
1971
-
1972
- .bg-light-500 {
1973
- background: var(--rls-light-background-500);
1974
- }
1975
-
1976
- .bg-light-300 {
1977
- background: var(--rls-light-background-300);
1978
- }
1979
-
1980
- .bg-light-100 {
1981
- background: var(--rls-light-background-100);
1982
- }
1983
-
1984
- :root {
1985
- --flex-grid-12-gap: 0rem;
1986
- --flex-grid-8-gap: 0rem;
1987
- --flex-grid-6-gap: 0rem;
1988
- --flex-grid-4-gap: 0rem;
1989
- --flex-grid-12-col-2: 0rem;
1990
- --flex-grid-12-col-3: 0rem;
1991
- --flex-grid-12-col-4: 0rem;
1992
- --flex-grid-12-col-6: 0rem;
1993
- --flex-grid-12-col-8: 0rem;
1994
- --flex-grid-8-col-2: 0rem;
1995
- --flex-grid-8-col-3: 0rem;
1996
- --flex-grid-8-col-4: 0rem;
1997
- --flex-grid-8-col-6: 0rem;
1998
- --flex-grid-6-col-2: 0rem;
1999
- --flex-grid-6-col-3: 0rem;
2000
- --flex-grid-6-col-4: 0rem;
2001
- --flex-grid-4-col-2: 0rem;
2002
- --flex-grid-4-col-3: 0rem;
2003
- }
2004
-
2005
- .xs-grid-8 {
2006
- display: grid;
2007
- gap: var(--rls-sizing-x4);
2008
- }
2009
-
2010
- .xs-grid-12 {
2011
- display: grid;
2012
- gap: var(--rls-sizing-x6);
2013
- }
2014
-
2015
- .xs-grid-16 {
2016
- display: grid;
2017
- gap: var(--rls-sizing-x8);
2018
- }
2019
-
2020
- .xs-grid-col-12 {
2021
- grid-template-columns: repeat(12, 1fr);
2022
- }
2023
-
2024
- .xs-grid-col-8 {
2025
- grid-template-columns: repeat(8, 1fr);
2026
- }
2027
-
2028
- .xs-grid-col-6 {
2029
- grid-template-columns: repeat(6, 1fr);
2030
- }
2031
-
2032
- .xs-grid-col-4 {
2033
- grid-template-columns: repeat(4, 1fr);
2034
- }
2035
-
2036
- .xs-grid-col-2 {
2037
- grid-template-columns: repeat(2, 1fr);
2038
- }
2039
-
2040
- .xs-grid-col-1 {
2041
- grid-template-columns: repeat(1, 1fr);
2042
- }
2043
-
2044
- @media screen and (min-width: 360px) {
2045
- .sm-grid-8 {
2046
- display: grid;
2047
- gap: var(--rls-sizing-x4);
2048
- }
2049
- .sm-grid-12 {
2050
- display: grid;
2051
- gap: var(--rls-sizing-x6);
2052
- }
2053
- .sm-grid-16 {
2054
- display: grid;
2055
- gap: var(--rls-sizing-x8);
2056
- }
2057
- .sm-grid-col-12 {
2058
- grid-template-columns: repeat(12, 1fr);
2059
- }
2060
- .sm-grid-col-8 {
2061
- grid-template-columns: repeat(8, 1fr);
2062
- }
2063
- .sm-grid-col-6 {
2064
- grid-template-columns: repeat(6, 1fr);
2065
- }
2066
- .sm-grid-col-4 {
2067
- grid-template-columns: repeat(4, 1fr);
2068
- }
2069
- .sm-grid-col-2 {
2070
- grid-template-columns: repeat(2, 1fr);
2071
- }
2072
- .sm-grid-col-1 {
2073
- grid-template-columns: repeat(1, 1fr);
2074
- }
2075
- }
2076
-
2077
- @media screen and (min-width: 640px) {
2078
- .md-grid-8 {
2079
- display: grid;
2080
- gap: var(--rls-sizing-x4);
2081
- }
2082
- .md-grid-12 {
2083
- display: grid;
2084
- gap: var(--rls-sizing-x6);
2085
- }
2086
- .md-grid-16 {
2087
- display: grid;
2088
- gap: var(--rls-sizing-x8);
2089
- }
2090
- .md-grid-col-12 {
2091
- grid-template-columns: repeat(12, 1fr);
2092
- }
2093
- .md-grid-col-8 {
2094
- grid-template-columns: repeat(8, 1fr);
2095
- }
2096
- .md-grid-col-6 {
2097
- grid-template-columns: repeat(6, 1fr);
2098
- }
2099
- .md-grid-col-4 {
2100
- grid-template-columns: repeat(4, 1fr);
2101
- }
2102
- .md-grid-col-2 {
2103
- grid-template-columns: repeat(2, 1fr);
2104
- }
2105
- .md-grid-col-1 {
2106
- grid-template-columns: repeat(1, 1fr);
2107
- }
2108
- }
2109
-
2110
- @media screen and (min-width: 960px) {
2111
- .lg-grid-8 {
2112
- display: grid;
2113
- gap: var(--rls-sizing-x4);
2114
- }
2115
- .lg-grid-12 {
2116
- display: grid;
2117
- gap: var(--rls-sizing-x6);
2118
- }
2119
- .lg-grid-16 {
2120
- display: grid;
2121
- gap: var(--rls-sizing-x8);
2122
- }
2123
- .lg-grid-col-12 {
2124
- grid-template-columns: repeat(12, 1fr);
2125
- }
2126
- .lg-grid-col-8 {
2127
- grid-template-columns: repeat(8, 1fr);
2128
- }
2129
- .lg-grid-col-6 {
2130
- grid-template-columns: repeat(6, 1fr);
2131
- }
2132
- .lg-grid-col-4 {
2133
- grid-template-columns: repeat(4, 1fr);
2134
- }
2135
- .lg-grid-col-2 {
2136
- grid-template-columns: repeat(2, 1fr);
2137
- }
2138
- .lg-grid-col-1 {
2139
- grid-template-columns: repeat(1, 1fr);
2140
- }
2141
- }
2142
-
2143
- @media screen and (min-width: 1280px) {
2144
- .xl-grid-8 {
2145
- display: grid;
2146
- gap: var(--rls-sizing-x4);
2147
- }
2148
- .xl-grid-12 {
2149
- display: grid;
2150
- gap: var(--rls-sizing-x6);
2151
- }
2152
- .xl-grid-16 {
2153
- display: grid;
2154
- gap: var(--rls-sizing-x8);
2155
- }
2156
- .xl-grid-col-12 {
2157
- grid-template-columns: repeat(12, 1fr);
2158
- }
2159
- .xl-grid-col-8 {
2160
- grid-template-columns: repeat(8, 1fr);
2161
- }
2162
- .xl-grid-col-6 {
2163
- grid-template-columns: repeat(6, 1fr);
2164
- }
2165
- .xl-grid-col-4 {
2166
- grid-template-columns: repeat(4, 1fr);
2167
- }
2168
- .xl-grid-col-2 {
2169
- grid-template-columns: repeat(2, 1fr);
2170
- }
2171
- .xl-grid-col-1 {
2172
- grid-template-columns: repeat(1, 1fr);
2173
- }
2174
- }
2175
-
2176
- .xs-flex-grid-8 {
2177
- --flex-grid-12-gap: 3.6672rem;
2178
- --flex-grid-8-gap: 28rem;
2179
- --flex-grid-6-gap: 3.336rem;
2180
- --flex-grid-4-gap: 3rem;
2181
- --flex-grid-12-col-2: 3.4rem;
2182
- --flex-grid-12-col-3: 3.1rem;
2183
- --flex-grid-12-col-4: 2.8rem;
2184
- --flex-grid-12-col-6: 2.18rem;
2185
- --flex-grid-12-col-8: 3rem;
2186
- --flex-grid-8-col-2: 3.1rem;
2187
- --flex-grid-8-col-3: 2.6rem;
2188
- --flex-grid-8-col-4: 2.2rem;
2189
- --flex-grid-8-col-6: 1.8rem;
2190
- --flex-grid-6-col-2: 2.82rem;
2191
- --flex-grid-6-col-3: 2.2rem;
2192
- --flex-grid-6-col-4: 1.7rem;
2193
- --flex-grid-4-col-2: 2rem;
2194
- --flex-grid-4-col-3: 1rem;
2195
- display: inline-flex;
2196
- flex-wrap: wrap;
2197
- gap: var(--rls-sizing-x4);
2198
- }
2199
-
2200
- .xs-flex-grid-12 {
2201
- --flex-grid-12-gap: 7.3125rem;
2202
- --flex-grid-8-gap: 7rem;
2203
- --flex-grid-6-gap: 6.6475rem;
2204
- --flex-grid-4-gap: 6rem;
2205
- --flex-grid-12-col-2: 6.624rem;
2206
- --flex-grid-12-col-3: 6rem;
2207
- --flex-grid-12-col-4: 5.38rem;
2208
- --flex-grid-12-col-6: 4.1rem;
2209
- --flex-grid-12-col-8: 3rem;
2210
- --flex-grid-8-col-2: 6.182rem;
2211
- --flex-grid-8-col-3: 5.2rem;
2212
- --flex-grid-8-col-4: 4rem;
2213
- --flex-grid-8-col-6: 2.2rem;
2214
- --flex-grid-6-col-2: 5.4rem;
2215
- --flex-grid-6-col-3: 4rem;
2216
- --flex-grid-6-col-4: 2.84rem;
2217
- --flex-grid-4-col-2: 4rem;
2218
- --flex-grid-4-col-3: 2.2rem;
2219
- display: inline-flex;
2220
- flex-wrap: wrap;
2221
- gap: var(--rls-sizing-x6);
2222
- }
2223
-
2224
- .xs-flex-grid-16 {
2225
- --flex-grid-12-gap: 7.3125rem;
2226
- --flex-grid-8-gap: 7rem;
2227
- --flex-grid-6-gap: 6.6475rem;
2228
- --flex-grid-4-gap: 6rem;
2229
- --flex-grid-12-col-2: 6.66rem;
2230
- --flex-grid-12-col-3: 6rem;
2231
- --flex-grid-12-col-4: 5.38rem;
2232
- --flex-grid-12-col-6: 4.1rem;
2233
- --flex-grid-12-col-8: 3rem;
2234
- --flex-grid-8-col-2: 6.182rem;
2235
- --flex-grid-8-col-3: 5.2rem;
2236
- --flex-grid-8-col-4: 4rem;
2237
- --flex-grid-8-col-6: 2.2rem;
2238
- --flex-grid-6-col-2: 5.4rem;
2239
- --flex-grid-6-col-3: 4rem;
2240
- --flex-grid-6-col-4: 2.84rem;
2241
- --flex-grid-4-col-2: 4rem;
2242
- --flex-grid-4-col-3: 2.2rem;
2243
- display: inline-flex;
2244
- flex-wrap: wrap;
2245
- gap: var(--rls-sizing-x8);
2246
- }
2247
-
2248
- .xs-flex-grid-col-4 > * {
2249
- width: calc(25% - var(--flex-grid-4-gap));
2250
- }
2251
- .xs-flex-grid-col-4 > *.xs-flex-col-1 {
2252
- width: calc(25% - var(--flex-grid-4-gap));
2253
- }
2254
- .xs-flex-grid-col-4 > *.xs-flex-col-2 {
2255
- width: calc(50% - var(--flex-grid-4-col-2));
2256
- }
2257
- .xs-flex-grid-col-4 > *.xs-flex-col-3 {
2258
- width: calc(75% - var(--flex-grid-4-col-3));
2259
- }
2260
- .xs-flex-grid-col-4 > *.xs-flex-col-4,
2261
- .xs-flex-grid-col-4 > *.xs-flex-col-6,
2262
- .xs-flex-grid-col-4 > *.xs-flex-col-8,
2263
- .xs-flex-grid-col-4 > *.xs-flex-col-12 {
2264
- width: 100%;
2265
- }
2266
-
2267
- .xs-flex-grid-col-6 > * {
2268
- width: calc(16.66% - var(--flex-grid-6-gap));
2269
- }
2270
- .xs-flex-grid-col-6 > *.xs-flex-col-1 {
2271
- width: calc(16.66% - var(--flex-grid-6-gap));
2272
- }
2273
- .xs-flex-grid-col-6 > *.xs-flex-col-2 {
2274
- width: calc(33.34% - var(--flex-grid-6-col-2));
2275
- }
2276
- .xs-flex-grid-col-6 > *.xs-flex-col-3 {
2277
- width: calc(50% - var(--flex-grid-6-col-3));
2278
- }
2279
- .xs-flex-grid-col-6 > *.xs-flex-col-4 {
2280
- width: calc(66.67% - var(--flex-grid-6-col-4));
2281
- }
2282
- .xs-flex-grid-col-6 > *.xs-flex-col-6,
2283
- .xs-flex-grid-col-6 > *.xs-flex-col-8,
2284
- .xs-flex-grid-col-6 > *.xs-flex-col-12 {
2285
- width: 100%;
2286
- }
2287
-
2288
- .xs-flex-grid-col-8 > * {
2289
- width: calc(12.5% - var(--flex-grid-8-gap));
2290
- }
2291
- .xs-flex-grid-col-8 > *.xs-flex-col-1 {
2292
- width: calc(12.5% - var(--flex-grid-8-gap));
2293
- }
2294
- .xs-flex-grid-col-8 > *.xs-flex-col-2 {
2295
- width: calc(25% - var(--flex-grid-8-col-2));
2296
- }
2297
- .xs-flex-grid-col-8 > *.xs-flex-col-3 {
2298
- width: calc(37.5% - var(--flex-grid-8-col-3));
2299
- }
2300
- .xs-flex-grid-col-8 > *.xs-flex-col-4 {
2301
- width: calc(50% - var(--flex-grid-8-col-4));
2302
- }
2303
- .xs-flex-grid-col-8 > *.xs-flex-col-6 {
2304
- width: calc(75% - var(--flex-grid-8-col-6));
2305
- }
2306
- .xs-flex-grid-col-8 > *.xs-flex-col-8,
2307
- .xs-flex-grid-col-8 > *.xs-flex-col-12 {
2308
- width: 100%;
2309
- }
2310
-
2311
- .xs-flex-grid-col-12 > * {
2312
- width: calc(8.33% - var(--flex-grid-12-gap));
2313
- }
2314
- .xs-flex-grid-col-12 > *.xs-flex-col-1 {
2315
- width: calc(8.33% - var(--flex-grid-12-gap));
2316
- }
2317
- .xs-flex-grid-col-12 > *.xs-flex-col-2 {
2318
- width: calc(16.66% - var(--flex-grid-12-col-2));
2319
- }
2320
- .xs-flex-grid-col-12 > *.xs-flex-col-3 {
2321
- width: calc(25% - var(--flex-grid-12-col-3));
2322
- }
2323
- .xs-flex-grid-col-12 > *.xs-flex-col-4 {
2324
- width: calc(33.33% - var(--flex-grid-12-col-4));
2325
- }
2326
- .xs-flex-grid-col-12 > *.xs-flex-col-6 {
2327
- width: calc(50% - var(--flex-grid-12-col-6));
2328
- }
2329
- .xs-flex-grid-col-12 > *.xs-flex-col-8 {
2330
- width: calc(66.66% - var(--flex-grid-12-col-8));
2331
- }
2332
- .xs-flex-grid-col-12 > *.xs-flex-col-12 {
2333
- width: 100%;
2334
- }
2335
-
2336
- @media screen and (min-width: 360px) {
2337
- .sm-flex-grid-8 {
2338
- --flex-grid-12-gap: 3.6672rem;
2339
- --flex-grid-8-gap: 28rem;
2340
- --flex-grid-6-gap: 3.336rem;
2341
- --flex-grid-4-gap: 3rem;
2342
- --flex-grid-12-col-2: 3.4rem;
2343
- --flex-grid-12-col-3: 3.1rem;
2344
- --flex-grid-12-col-4: 2.8rem;
2345
- --flex-grid-12-col-6: 2.18rem;
2346
- --flex-grid-12-col-8: 3rem;
2347
- --flex-grid-8-col-2: 3.1rem;
2348
- --flex-grid-8-col-3: 2.6rem;
2349
- --flex-grid-8-col-4: 2.2rem;
2350
- --flex-grid-8-col-6: 1.8rem;
2351
- --flex-grid-6-col-2: 2.82rem;
2352
- --flex-grid-6-col-3: 2.2rem;
2353
- --flex-grid-6-col-4: 1.7rem;
2354
- --flex-grid-4-col-2: 2rem;
2355
- --flex-grid-4-col-3: 1rem;
2356
- display: inline-flex;
2357
- flex-wrap: wrap;
2358
- gap: var(--rls-sizing-x4);
2359
- }
2360
- .sm-flex-grid-12 {
2361
- --flex-grid-12-gap: 7.3125rem;
2362
- --flex-grid-8-gap: 7rem;
2363
- --flex-grid-6-gap: 6.6475rem;
2364
- --flex-grid-4-gap: 6rem;
2365
- --flex-grid-12-col-2: 6.624rem;
2366
- --flex-grid-12-col-3: 6rem;
2367
- --flex-grid-12-col-4: 5.38rem;
2368
- --flex-grid-12-col-6: 4.1rem;
2369
- --flex-grid-12-col-8: 3rem;
2370
- --flex-grid-8-col-2: 6.182rem;
2371
- --flex-grid-8-col-3: 5.2rem;
2372
- --flex-grid-8-col-4: 4rem;
2373
- --flex-grid-8-col-6: 2.2rem;
2374
- --flex-grid-6-col-2: 5.4rem;
2375
- --flex-grid-6-col-3: 4rem;
2376
- --flex-grid-6-col-4: 2.84rem;
2377
- --flex-grid-4-col-2: 4rem;
2378
- --flex-grid-4-col-3: 2.2rem;
2379
- display: inline-flex;
2380
- flex-wrap: wrap;
2381
- gap: var(--rls-sizing-x6);
2382
- }
2383
- .sm-flex-grid-16 {
2384
- --flex-grid-12-gap: 7.3125rem;
2385
- --flex-grid-8-gap: 7rem;
2386
- --flex-grid-6-gap: 6.6475rem;
2387
- --flex-grid-4-gap: 6rem;
2388
- --flex-grid-12-col-2: 6.66rem;
2389
- --flex-grid-12-col-3: 6rem;
2390
- --flex-grid-12-col-4: 5.38rem;
2391
- --flex-grid-12-col-6: 4.1rem;
2392
- --flex-grid-12-col-8: 3rem;
2393
- --flex-grid-8-col-2: 6.182rem;
2394
- --flex-grid-8-col-3: 5.2rem;
2395
- --flex-grid-8-col-4: 4rem;
2396
- --flex-grid-8-col-6: 2.2rem;
2397
- --flex-grid-6-col-2: 5.4rem;
2398
- --flex-grid-6-col-3: 4rem;
2399
- --flex-grid-6-col-4: 2.84rem;
2400
- --flex-grid-4-col-2: 4rem;
2401
- --flex-grid-4-col-3: 2.2rem;
2402
- display: inline-flex;
2403
- flex-wrap: wrap;
2404
- gap: var(--rls-sizing-x8);
2405
- }
2406
- .sm-flex-grid-col-4 > * {
2407
- width: calc(25% - var(--flex-grid-4-gap));
2408
- }
2409
- .sm-flex-grid-col-4 > *.sm-flex-col-1 {
2410
- width: calc(25% - var(--flex-grid-4-gap));
2411
- }
2412
- .sm-flex-grid-col-4 > *.sm-flex-col-2 {
2413
- width: calc(50% - var(--flex-grid-4-col-2));
2414
- }
2415
- .sm-flex-grid-col-4 > *.sm-flex-col-3 {
2416
- width: calc(75% - var(--flex-grid-4-col-3));
2417
- }
2418
- .sm-flex-grid-col-4 > *.sm-flex-col-4,
2419
- .sm-flex-grid-col-4 > *.sm-flex-col-6,
2420
- .sm-flex-grid-col-4 > *.sm-flex-col-8,
2421
- .sm-flex-grid-col-4 > *.sm-flex-col-12 {
2422
- width: 100%;
2423
- }
2424
- .sm-flex-grid-col-6 > * {
2425
- width: calc(16.66% - var(--flex-grid-6-gap));
2426
- }
2427
- .sm-flex-grid-col-6 > *.sm-flex-col-1 {
2428
- width: calc(16.66% - var(--flex-grid-6-gap));
2429
- }
2430
- .sm-flex-grid-col-6 > *.sm-flex-col-2 {
2431
- width: calc(33.34% - var(--flex-grid-6-col-2));
2432
- }
2433
- .sm-flex-grid-col-6 > *.sm-flex-col-3 {
2434
- width: calc(50% - var(--flex-grid-6-col-3));
2435
- }
2436
- .sm-flex-grid-col-6 > *.sm-flex-col-4 {
2437
- width: calc(66.67% - var(--flex-grid-6-col-4));
2438
- }
2439
- .sm-flex-grid-col-6 > *.sm-flex-col-6,
2440
- .sm-flex-grid-col-6 > *.sm-flex-col-8,
2441
- .sm-flex-grid-col-6 > *.sm-flex-col-12 {
2442
- width: 100%;
2443
- }
2444
- .sm-flex-grid-col-8 > * {
2445
- width: calc(12.5% - var(--flex-grid-8-gap));
2446
- }
2447
- .sm-flex-grid-col-8 > *.sm-flex-col-1 {
2448
- width: calc(12.5% - var(--flex-grid-8-gap));
2449
- }
2450
- .sm-flex-grid-col-8 > *.sm-flex-col-2 {
2451
- width: calc(25% - var(--flex-grid-8-col-2));
2452
- }
2453
- .sm-flex-grid-col-8 > *.sm-flex-col-3 {
2454
- width: calc(37.5% - var(--flex-grid-8-col-3));
2455
- }
2456
- .sm-flex-grid-col-8 > *.sm-flex-col-4 {
2457
- width: calc(50% - var(--flex-grid-8-col-4));
2458
- }
2459
- .sm-flex-grid-col-8 > *.sm-flex-col-6 {
2460
- width: calc(75% - var(--flex-grid-8-col-6));
2461
- }
2462
- .sm-flex-grid-col-8 > *.sm-flex-col-8,
2463
- .sm-flex-grid-col-8 > *.sm-flex-col-12 {
2464
- width: 100%;
2465
- }
2466
- .sm-flex-grid-col-12 > * {
2467
- width: calc(8.33% - var(--flex-grid-12-gap));
2468
- }
2469
- .sm-flex-grid-col-12 > *.sm-flex-col-1 {
2470
- width: calc(8.33% - var(--flex-grid-12-gap));
2471
- }
2472
- .sm-flex-grid-col-12 > *.sm-flex-col-2 {
2473
- width: calc(16.66% - var(--flex-grid-12-col-2));
2474
- }
2475
- .sm-flex-grid-col-12 > *.sm-flex-col-3 {
2476
- width: calc(25% - var(--flex-grid-12-col-3));
2477
- }
2478
- .sm-flex-grid-col-12 > *.sm-flex-col-4 {
2479
- width: calc(33.33% - var(--flex-grid-12-col-4));
2480
- }
2481
- .sm-flex-grid-col-12 > *.sm-flex-col-6 {
2482
- width: calc(50% - var(--flex-grid-12-col-6));
2483
- }
2484
- .sm-flex-grid-col-12 > *.sm-flex-col-8 {
2485
- width: calc(66.66% - var(--flex-grid-12-col-8));
2486
- }
2487
- .sm-flex-grid-col-12 > *.sm-flex-col-12 {
2488
- width: 100%;
2489
- }
2490
- }
2491
-
2492
- @media screen and (min-width: 640px) {
2493
- .md-flex-grid-8 {
2494
- --flex-grid-12-gap: 3.6672rem;
2495
- --flex-grid-8-gap: 28rem;
2496
- --flex-grid-6-gap: 3.336rem;
2497
- --flex-grid-4-gap: 3rem;
2498
- --flex-grid-12-col-2: 3.4rem;
2499
- --flex-grid-12-col-3: 3.1rem;
2500
- --flex-grid-12-col-4: 2.8rem;
2501
- --flex-grid-12-col-6: 2.18rem;
2502
- --flex-grid-12-col-8: 3rem;
2503
- --flex-grid-8-col-2: 3.1rem;
2504
- --flex-grid-8-col-3: 2.6rem;
2505
- --flex-grid-8-col-4: 2.2rem;
2506
- --flex-grid-8-col-6: 1.8rem;
2507
- --flex-grid-6-col-2: 2.82rem;
2508
- --flex-grid-6-col-3: 2.2rem;
2509
- --flex-grid-6-col-4: 1.7rem;
2510
- --flex-grid-4-col-2: 2rem;
2511
- --flex-grid-4-col-3: 1rem;
2512
- display: inline-flex;
2513
- flex-wrap: wrap;
2514
- gap: var(--rls-sizing-x4);
2515
- }
2516
- .md-flex-grid-12 {
2517
- --flex-grid-12-gap: 7.3125rem;
2518
- --flex-grid-8-gap: 7rem;
2519
- --flex-grid-6-gap: 6.6475rem;
2520
- --flex-grid-4-gap: 6rem;
2521
- --flex-grid-12-col-2: 6.624rem;
2522
- --flex-grid-12-col-3: 6rem;
2523
- --flex-grid-12-col-4: 5.38rem;
2524
- --flex-grid-12-col-6: 4.1rem;
2525
- --flex-grid-12-col-8: 3rem;
2526
- --flex-grid-8-col-2: 6.182rem;
2527
- --flex-grid-8-col-3: 5.2rem;
2528
- --flex-grid-8-col-4: 4rem;
2529
- --flex-grid-8-col-6: 2.2rem;
2530
- --flex-grid-6-col-2: 5.4rem;
2531
- --flex-grid-6-col-3: 4rem;
2532
- --flex-grid-6-col-4: 2.84rem;
2533
- --flex-grid-4-col-2: 4rem;
2534
- --flex-grid-4-col-3: 2.2rem;
2535
- display: inline-flex;
2536
- flex-wrap: wrap;
2537
- gap: var(--rls-sizing-x6);
2538
- }
2539
- .md-flex-grid-16 {
2540
- --flex-grid-12-gap: 7.3125rem;
2541
- --flex-grid-8-gap: 7rem;
2542
- --flex-grid-6-gap: 6.6475rem;
2543
- --flex-grid-4-gap: 6rem;
2544
- --flex-grid-12-col-2: 6.66rem;
2545
- --flex-grid-12-col-3: 6rem;
2546
- --flex-grid-12-col-4: 5.38rem;
2547
- --flex-grid-12-col-6: 4.1rem;
2548
- --flex-grid-12-col-8: 3rem;
2549
- --flex-grid-8-col-2: 6.182rem;
2550
- --flex-grid-8-col-3: 5.2rem;
2551
- --flex-grid-8-col-4: 4rem;
2552
- --flex-grid-8-col-6: 2.2rem;
2553
- --flex-grid-6-col-2: 5.4rem;
2554
- --flex-grid-6-col-3: 4rem;
2555
- --flex-grid-6-col-4: 2.84rem;
2556
- --flex-grid-4-col-2: 4rem;
2557
- --flex-grid-4-col-3: 2.2rem;
2558
- display: inline-flex;
2559
- flex-wrap: wrap;
2560
- gap: var(--rls-sizing-x8);
2561
- }
2562
- .md-flex-grid-col-4 > * {
2563
- width: calc(25% - var(--flex-grid-4-gap));
2564
- }
2565
- .md-flex-grid-col-4 > *.md-flex-col-1 {
2566
- width: calc(25% - var(--flex-grid-4-gap));
2567
- }
2568
- .md-flex-grid-col-4 > *.md-flex-col-2 {
2569
- width: calc(50% - var(--flex-grid-4-col-2));
2570
- }
2571
- .md-flex-grid-col-4 > *.md-flex-col-3 {
2572
- width: calc(75% - var(--flex-grid-4-col-3));
2573
- }
2574
- .md-flex-grid-col-4 > *.md-flex-col-4,
2575
- .md-flex-grid-col-4 > *.md-flex-col-6,
2576
- .md-flex-grid-col-4 > *.md-flex-col-8,
2577
- .md-flex-grid-col-4 > *.md-flex-col-12 {
2578
- width: 100%;
2579
- }
2580
- .md-flex-grid-col-6 > * {
2581
- width: calc(16.66% - var(--flex-grid-6-gap));
2582
- }
2583
- .md-flex-grid-col-6 > *.md-flex-col-1 {
2584
- width: calc(16.66% - var(--flex-grid-6-gap));
2585
- }
2586
- .md-flex-grid-col-6 > *.md-flex-col-2 {
2587
- width: calc(33.34% - var(--flex-grid-6-col-2));
2588
- }
2589
- .md-flex-grid-col-6 > *.md-flex-col-3 {
2590
- width: calc(50% - var(--flex-grid-6-col-3));
2591
- }
2592
- .md-flex-grid-col-6 > *.md-flex-col-4 {
2593
- width: calc(66.67% - var(--flex-grid-6-col-4));
2594
- }
2595
- .md-flex-grid-col-6 > *.md-flex-col-6,
2596
- .md-flex-grid-col-6 > *.md-flex-col-8,
2597
- .md-flex-grid-col-6 > *.md-flex-col-12 {
2598
- width: 100%;
2599
- }
2600
- .md-flex-grid-col-8 > * {
2601
- width: calc(12.5% - var(--flex-grid-8-gap));
2602
- }
2603
- .md-flex-grid-col-8 > *.md-flex-col-1 {
2604
- width: calc(12.5% - var(--flex-grid-8-gap));
2605
- }
2606
- .md-flex-grid-col-8 > *.md-flex-col-2 {
2607
- width: calc(25% - var(--flex-grid-8-col-2));
2608
- }
2609
- .md-flex-grid-col-8 > *.md-flex-col-3 {
2610
- width: calc(37.5% - var(--flex-grid-8-col-3));
2611
- }
2612
- .md-flex-grid-col-8 > *.md-flex-col-4 {
2613
- width: calc(50% - var(--flex-grid-8-col-4));
2614
- }
2615
- .md-flex-grid-col-8 > *.md-flex-col-6 {
2616
- width: calc(75% - var(--flex-grid-8-col-6));
2617
- }
2618
- .md-flex-grid-col-8 > *.md-flex-col-8,
2619
- .md-flex-grid-col-8 > *.md-flex-col-12 {
2620
- width: 100%;
2621
- }
2622
- .md-flex-grid-col-12 > * {
2623
- width: calc(8.33% - var(--flex-grid-12-gap));
2624
- }
2625
- .md-flex-grid-col-12 > *.md-flex-col-1 {
2626
- width: calc(8.33% - var(--flex-grid-12-gap));
2627
- }
2628
- .md-flex-grid-col-12 > *.md-flex-col-2 {
2629
- width: calc(16.66% - var(--flex-grid-12-col-2));
2630
- }
2631
- .md-flex-grid-col-12 > *.md-flex-col-3 {
2632
- width: calc(25% - var(--flex-grid-12-col-3));
2633
- }
2634
- .md-flex-grid-col-12 > *.md-flex-col-4 {
2635
- width: calc(33.33% - var(--flex-grid-12-col-4));
2636
- }
2637
- .md-flex-grid-col-12 > *.md-flex-col-6 {
2638
- width: calc(50% - var(--flex-grid-12-col-6));
2639
- }
2640
- .md-flex-grid-col-12 > *.md-flex-col-8 {
2641
- width: calc(66.66% - var(--flex-grid-12-col-8));
2642
- }
2643
- .md-flex-grid-col-12 > *.md-flex-col-12 {
2644
- width: 100%;
2645
- }
2646
- }
2647
-
2648
- @media screen and (min-width: 960px) {
2649
- .lg-flex-grid-8 {
2650
- --flex-grid-12-gap: 3.6672rem;
2651
- --flex-grid-8-gap: 28rem;
2652
- --flex-grid-6-gap: 3.336rem;
2653
- --flex-grid-4-gap: 3rem;
2654
- --flex-grid-12-col-2: 3.4rem;
2655
- --flex-grid-12-col-3: 3.1rem;
2656
- --flex-grid-12-col-4: 2.8rem;
2657
- --flex-grid-12-col-6: 2.18rem;
2658
- --flex-grid-12-col-8: 3rem;
2659
- --flex-grid-8-col-2: 3.1rem;
2660
- --flex-grid-8-col-3: 2.6rem;
2661
- --flex-grid-8-col-4: 2.2rem;
2662
- --flex-grid-8-col-6: 1.8rem;
2663
- --flex-grid-6-col-2: 2.82rem;
2664
- --flex-grid-6-col-3: 2.2rem;
2665
- --flex-grid-6-col-4: 1.7rem;
2666
- --flex-grid-4-col-2: 2rem;
2667
- --flex-grid-4-col-3: 1rem;
2668
- display: inline-flex;
2669
- flex-wrap: wrap;
2670
- gap: var(--rls-sizing-x4);
2671
- }
2672
- .lg-flex-grid-12 {
2673
- --flex-grid-12-gap: 7.3125rem;
2674
- --flex-grid-8-gap: 7rem;
2675
- --flex-grid-6-gap: 6.6475rem;
2676
- --flex-grid-4-gap: 6rem;
2677
- --flex-grid-12-col-2: 6.624rem;
2678
- --flex-grid-12-col-3: 6rem;
2679
- --flex-grid-12-col-4: 5.38rem;
2680
- --flex-grid-12-col-6: 4.1rem;
2681
- --flex-grid-12-col-8: 3rem;
2682
- --flex-grid-8-col-2: 6.182rem;
2683
- --flex-grid-8-col-3: 5.2rem;
2684
- --flex-grid-8-col-4: 4rem;
2685
- --flex-grid-8-col-6: 2.2rem;
2686
- --flex-grid-6-col-2: 5.4rem;
2687
- --flex-grid-6-col-3: 4rem;
2688
- --flex-grid-6-col-4: 2.84rem;
2689
- --flex-grid-4-col-2: 4rem;
2690
- --flex-grid-4-col-3: 2.2rem;
2691
- display: inline-flex;
2692
- flex-wrap: wrap;
2693
- gap: var(--rls-sizing-x6);
2694
- }
2695
- .lg-flex-grid-16 {
2696
- --flex-grid-12-gap: 7.3125rem;
2697
- --flex-grid-8-gap: 7rem;
2698
- --flex-grid-6-gap: 6.6475rem;
2699
- --flex-grid-4-gap: 6rem;
2700
- --flex-grid-12-col-2: 6.66rem;
2701
- --flex-grid-12-col-3: 6rem;
2702
- --flex-grid-12-col-4: 5.38rem;
2703
- --flex-grid-12-col-6: 4.1rem;
2704
- --flex-grid-12-col-8: 3rem;
2705
- --flex-grid-8-col-2: 6.182rem;
2706
- --flex-grid-8-col-3: 5.2rem;
2707
- --flex-grid-8-col-4: 4rem;
2708
- --flex-grid-8-col-6: 2.2rem;
2709
- --flex-grid-6-col-2: 5.4rem;
2710
- --flex-grid-6-col-3: 4rem;
2711
- --flex-grid-6-col-4: 2.84rem;
2712
- --flex-grid-4-col-2: 4rem;
2713
- --flex-grid-4-col-3: 2.2rem;
2714
- display: inline-flex;
2715
- flex-wrap: wrap;
2716
- gap: var(--rls-sizing-x8);
2717
- }
2718
- .lg-flex-grid-col-4 > * {
2719
- width: calc(25% - var(--flex-grid-4-gap));
2720
- }
2721
- .lg-flex-grid-col-4 > *.lg-flex-col-1 {
2722
- width: calc(25% - var(--flex-grid-4-gap));
2723
- }
2724
- .lg-flex-grid-col-4 > *.lg-flex-col-2 {
2725
- width: calc(50% - var(--flex-grid-4-col-2));
2726
- }
2727
- .lg-flex-grid-col-4 > *.lg-flex-col-3 {
2728
- width: calc(75% - var(--flex-grid-4-col-3));
2729
- }
2730
- .lg-flex-grid-col-4 > *.lg-flex-col-4,
2731
- .lg-flex-grid-col-4 > *.lg-flex-col-6,
2732
- .lg-flex-grid-col-4 > *.lg-flex-col-8,
2733
- .lg-flex-grid-col-4 > *.lg-flex-col-12 {
2734
- width: 100%;
2735
- }
2736
- .lg-flex-grid-col-6 > * {
2737
- width: calc(16.66% - var(--flex-grid-6-gap));
2738
- }
2739
- .lg-flex-grid-col-6 > *.lg-flex-col-1 {
2740
- width: calc(16.66% - var(--flex-grid-6-gap));
2741
- }
2742
- .lg-flex-grid-col-6 > *.lg-flex-col-2 {
2743
- width: calc(33.34% - var(--flex-grid-6-col-2));
2744
- }
2745
- .lg-flex-grid-col-6 > *.lg-flex-col-3 {
2746
- width: calc(50% - var(--flex-grid-6-col-3));
2747
- }
2748
- .lg-flex-grid-col-6 > *.lg-flex-col-4 {
2749
- width: calc(66.67% - var(--flex-grid-6-col-4));
2750
- }
2751
- .lg-flex-grid-col-6 > *.lg-flex-col-6,
2752
- .lg-flex-grid-col-6 > *.lg-flex-col-8,
2753
- .lg-flex-grid-col-6 > *.lg-flex-col-12 {
2754
- width: 100%;
2755
- }
2756
- .lg-flex-grid-col-8 > * {
2757
- width: calc(12.5% - var(--flex-grid-8-gap));
2758
- }
2759
- .lg-flex-grid-col-8 > *.lg-flex-col-1 {
2760
- width: calc(12.5% - var(--flex-grid-8-gap));
2761
- }
2762
- .lg-flex-grid-col-8 > *.lg-flex-col-2 {
2763
- width: calc(25% - var(--flex-grid-8-col-2));
2764
- }
2765
- .lg-flex-grid-col-8 > *.lg-flex-col-3 {
2766
- width: calc(37.5% - var(--flex-grid-8-col-3));
2767
- }
2768
- .lg-flex-grid-col-8 > *.lg-flex-col-4 {
2769
- width: calc(50% - var(--flex-grid-8-col-4));
2770
- }
2771
- .lg-flex-grid-col-8 > *.lg-flex-col-6 {
2772
- width: calc(75% - var(--flex-grid-8-col-6));
2773
- }
2774
- .lg-flex-grid-col-8 > *.lg-flex-col-8,
2775
- .lg-flex-grid-col-8 > *.lg-flex-col-12 {
2776
- width: 100%;
2777
- }
2778
- .lg-flex-grid-col-12 > * {
2779
- width: calc(8.33% - var(--flex-grid-12-gap));
2780
- }
2781
- .lg-flex-grid-col-12 > *.lg-flex-col-1 {
2782
- width: calc(8.33% - var(--flex-grid-12-gap));
2783
- }
2784
- .lg-flex-grid-col-12 > *.lg-flex-col-2 {
2785
- width: calc(16.66% - var(--flex-grid-12-col-2));
2786
- }
2787
- .lg-flex-grid-col-12 > *.lg-flex-col-3 {
2788
- width: calc(25% - var(--flex-grid-12-col-3));
2789
- }
2790
- .lg-flex-grid-col-12 > *.lg-flex-col-4 {
2791
- width: calc(33.33% - var(--flex-grid-12-col-4));
2792
- }
2793
- .lg-flex-grid-col-12 > *.lg-flex-col-6 {
2794
- width: calc(50% - var(--flex-grid-12-col-6));
2795
- }
2796
- .lg-flex-grid-col-12 > *.lg-flex-col-8 {
2797
- width: calc(66.66% - var(--flex-grid-12-col-8));
2798
- }
2799
- .lg-flex-grid-col-12 > *.lg-flex-col-12 {
2800
- width: 100%;
2801
- }
2802
- }
2803
-
2804
- @media screen and (min-width: 1280px) {
2805
- .xl-flex-grid-8 {
2806
- --flex-grid-12-gap: 3.6672rem;
2807
- --flex-grid-8-gap: 28rem;
2808
- --flex-grid-6-gap: 3.336rem;
2809
- --flex-grid-4-gap: 3rem;
2810
- --flex-grid-12-col-2: 3.4rem;
2811
- --flex-grid-12-col-3: 3.1rem;
2812
- --flex-grid-12-col-4: 2.8rem;
2813
- --flex-grid-12-col-6: 2.18rem;
2814
- --flex-grid-12-col-8: 3rem;
2815
- --flex-grid-8-col-2: 3.1rem;
2816
- --flex-grid-8-col-3: 2.6rem;
2817
- --flex-grid-8-col-4: 2.2rem;
2818
- --flex-grid-8-col-6: 1.8rem;
2819
- --flex-grid-6-col-2: 2.82rem;
2820
- --flex-grid-6-col-3: 2.2rem;
2821
- --flex-grid-6-col-4: 1.7rem;
2822
- --flex-grid-4-col-2: 2rem;
2823
- --flex-grid-4-col-3: 1rem;
2824
- display: inline-flex;
2825
- flex-wrap: wrap;
2826
- gap: var(--rls-sizing-x4);
2827
- }
2828
- .xl-flex-grid-12 {
2829
- --flex-grid-12-gap: 7.3125rem;
2830
- --flex-grid-8-gap: 7rem;
2831
- --flex-grid-6-gap: 6.6475rem;
2832
- --flex-grid-4-gap: 6rem;
2833
- --flex-grid-12-col-2: 6.624rem;
2834
- --flex-grid-12-col-3: 6rem;
2835
- --flex-grid-12-col-4: 5.38rem;
2836
- --flex-grid-12-col-6: 4.1rem;
2837
- --flex-grid-12-col-8: 3rem;
2838
- --flex-grid-8-col-2: 6.182rem;
2839
- --flex-grid-8-col-3: 5.2rem;
2840
- --flex-grid-8-col-4: 4rem;
2841
- --flex-grid-8-col-6: 2.2rem;
2842
- --flex-grid-6-col-2: 5.4rem;
2843
- --flex-grid-6-col-3: 4rem;
2844
- --flex-grid-6-col-4: 2.84rem;
2845
- --flex-grid-4-col-2: 4rem;
2846
- --flex-grid-4-col-3: 2.2rem;
2847
- display: inline-flex;
2848
- flex-wrap: wrap;
2849
- gap: var(--rls-sizing-x6);
2850
- }
2851
- .xl-flex-grid-16 {
2852
- --flex-grid-12-gap: 7.3125rem;
2853
- --flex-grid-8-gap: 7rem;
2854
- --flex-grid-6-gap: 6.6475rem;
2855
- --flex-grid-4-gap: 6rem;
2856
- --flex-grid-12-col-2: 6.66rem;
2857
- --flex-grid-12-col-3: 6rem;
2858
- --flex-grid-12-col-4: 5.38rem;
2859
- --flex-grid-12-col-6: 4.1rem;
2860
- --flex-grid-12-col-8: 3rem;
2861
- --flex-grid-8-col-2: 6.182rem;
2862
- --flex-grid-8-col-3: 5.2rem;
2863
- --flex-grid-8-col-4: 4rem;
2864
- --flex-grid-8-col-6: 2.2rem;
2865
- --flex-grid-6-col-2: 5.4rem;
2866
- --flex-grid-6-col-3: 4rem;
2867
- --flex-grid-6-col-4: 2.84rem;
2868
- --flex-grid-4-col-2: 4rem;
2869
- --flex-grid-4-col-3: 2.2rem;
2870
- display: inline-flex;
2871
- flex-wrap: wrap;
2872
- gap: var(--rls-sizing-x8);
2873
- }
2874
- .xl-flex-grid-col-4 > * {
2875
- width: calc(25% - var(--flex-grid-4-gap));
2876
- }
2877
- .xl-flex-grid-col-4 > *.xl-flex-col-1 {
2878
- width: calc(25% - var(--flex-grid-4-gap));
2879
- }
2880
- .xl-flex-grid-col-4 > *.xl-flex-col-2 {
2881
- width: calc(50% - var(--flex-grid-4-col-2));
2882
- }
2883
- .xl-flex-grid-col-4 > *.xl-flex-col-3 {
2884
- width: calc(75% - var(--flex-grid-4-col-3));
2885
- }
2886
- .xl-flex-grid-col-4 > *.xl-flex-col-4,
2887
- .xl-flex-grid-col-4 > *.xl-flex-col-6,
2888
- .xl-flex-grid-col-4 > *.xl-flex-col-8,
2889
- .xl-flex-grid-col-4 > *.xl-flex-col-12 {
2890
- width: 100%;
2891
- }
2892
- .xl-flex-grid-col-6 > * {
2893
- width: calc(16.66% - var(--flex-grid-6-gap));
2894
- }
2895
- .xl-flex-grid-col-6 > *.xl-flex-col-1 {
2896
- width: calc(16.66% - var(--flex-grid-6-gap));
2897
- }
2898
- .xl-flex-grid-col-6 > *.xl-flex-col-2 {
2899
- width: calc(33.34% - var(--flex-grid-6-col-2));
2900
- }
2901
- .xl-flex-grid-col-6 > *.xl-flex-col-3 {
2902
- width: calc(50% - var(--flex-grid-6-col-3));
2903
- }
2904
- .xl-flex-grid-col-6 > *.xl-flex-col-4 {
2905
- width: calc(66.67% - var(--flex-grid-6-col-4));
2906
- }
2907
- .xl-flex-grid-col-6 > *.xl-flex-col-6,
2908
- .xl-flex-grid-col-6 > *.xl-flex-col-8,
2909
- .xl-flex-grid-col-6 > *.xl-flex-col-12 {
2910
- width: 100%;
2911
- }
2912
- .xl-flex-grid-col-8 > * {
2913
- width: calc(12.5% - var(--flex-grid-8-gap));
2914
- }
2915
- .xl-flex-grid-col-8 > *.xl-flex-col-1 {
2916
- width: calc(12.5% - var(--flex-grid-8-gap));
2917
- }
2918
- .xl-flex-grid-col-8 > *.xl-flex-col-2 {
2919
- width: calc(25% - var(--flex-grid-8-col-2));
2920
- }
2921
- .xl-flex-grid-col-8 > *.xl-flex-col-3 {
2922
- width: calc(37.5% - var(--flex-grid-8-col-3));
2923
- }
2924
- .xl-flex-grid-col-8 > *.xl-flex-col-4 {
2925
- width: calc(50% - var(--flex-grid-8-col-4));
2926
- }
2927
- .xl-flex-grid-col-8 > *.xl-flex-col-6 {
2928
- width: calc(75% - var(--flex-grid-8-col-6));
2929
- }
2930
- .xl-flex-grid-col-8 > *.xl-flex-col-8,
2931
- .xl-flex-grid-col-8 > *.xl-flex-col-12 {
2932
- width: 100%;
2933
- }
2934
- .xl-flex-grid-col-12 > * {
2935
- width: calc(8.33% - var(--flex-grid-12-gap));
2936
- }
2937
- .xl-flex-grid-col-12 > *.xl-flex-col-1 {
2938
- width: calc(8.33% - var(--flex-grid-12-gap));
2939
- }
2940
- .xl-flex-grid-col-12 > *.xl-flex-col-2 {
2941
- width: calc(16.66% - var(--flex-grid-12-col-2));
2942
- }
2943
- .xl-flex-grid-col-12 > *.xl-flex-col-3 {
2944
- width: calc(25% - var(--flex-grid-12-col-3));
2945
- }
2946
- .xl-flex-grid-col-12 > *.xl-flex-col-4 {
2947
- width: calc(33.33% - var(--flex-grid-12-col-4));
2948
- }
2949
- .xl-flex-grid-col-12 > *.xl-flex-col-6 {
2950
- width: calc(50% - var(--flex-grid-12-col-6));
2951
- }
2952
- .xl-flex-grid-col-12 > *.xl-flex-col-8 {
2953
- width: calc(66.66% - var(--flex-grid-12-col-8));
2954
- }
2955
- .xl-flex-grid-col-12 > *.xl-flex-col-12 {
2956
- width: 100%;
2957
- }
2958
- }
2959
-
2960
- .rls-app-color-500 {
2961
- color: var(--rls-app-color-500);
2962
- }
2963
-
2964
- .rls-app-color-300 {
2965
- color: var(--rls-app-color-300);
2966
- }
2967
-
2968
- .rls-app-color-100 {
2969
- color: var(--rls-app-color-100);
2970
- }
2971
-
2972
- .rls-app-background-500 {
2973
- background: var(--rls-app-background-500);
2974
- }
2975
-
2976
- .rls-app-background-300 {
2977
- background: var(--rls-app-background-300);
2978
- }
2979
-
2980
- .rls-app-background-100 {
2981
- background: var(--rls-app-background-100);
2982
- }
2983
-
2984
- .rls-app-border-1-500 {
2985
- border: var(--rls-app-border-1-500);
2986
- }
2987
-
2988
- .rls-app-border-2-500 {
2989
- border: var(--rls-app-border-2-500);
2990
- }
2991
-
2992
- .rls-app-border-4-500 {
2993
- border: var(--rls-app-border-4-500);
2994
- }
2995
-
2996
- .align-center {
2997
- --rlc-amount-text-align: center;
2998
- --rlc-input-text-align: center;
2999
- --rlc-poster-text-align: center;
3000
- text-align: center !important;
3001
- }
3002
-
3003
- .align-justify {
3004
- --rlc-amount-text-align: flex-start;
3005
- --rlc-input-text-align: justify;
3006
- --rlc-poster-text-align: flex-start;
3007
- text-align: justify !important;
3008
- }
3009
-
3010
- .align-left {
3011
- --rlc-amount-text-align: flex-start;
3012
- --rlc-input-text-align: left;
3013
- --rlc-poster-text-align: flex-start;
3014
- text-align: left !important;
3015
- }
3016
-
3017
- .align-right {
3018
- --rlc-amount-text-align: flex-end;
3019
- --rlc-input-text-align: right;
3020
- --rlc-poster-text-align: flex-end;
3021
- text-align: right !important;
3022
- }
3023
-
3024
- .weight-light {
3025
- font-weight: var(--rls-font-weight-light);
3026
- }
3027
-
3028
- .weight-medium {
3029
- font-weight: var(--rls-font-weight-medium);
3030
- }
3031
-
3032
- .weight-semibold {
3033
- font-weight: var(--rls-font-weight-semibold);
3034
- }
3035
-
3036
- .weight-bold {
3037
- font-weight: var(--rls-font-weight-bold);
3038
- }
3039
-
3040
- .truncate {
3041
- display: block;
3042
- width: 100%;
3043
- text-overflow: ellipsis;
3044
- overflow: hidden;
3045
- white-space: nowrap;
3046
- }
3047
-
3048
- :root {
3049
- --rls-app-font-size: 2px;
3050
- --rls-heading1-font-size: 16rem;
3051
- --rls-heading1-letter-spacing: 0.0234375em;
3052
- --rls-heading1-line-height: 18.25rem;
3053
- --rls-heading2-font-size: 14.45rem;
3054
- --rls-heading2-letter-spacing: 0.0234375em;
3055
- --rls-heading2-line-height: 15.45rem;
3056
- --rls-heading3-font-size: 13.45rem;
3057
- --rls-heading3-letter-spacing: 0.0234375em;
3058
- --rls-heading3-line-height: 14.45rem;
3059
- --rls-heading4-font-size: 12rem;
3060
- --rls-heading4-letter-spacing: 0.0234375em;
3061
- --rls-heading4-line-height: 13rem;
3062
- --rls-heading5-font-size: 11rem;
3063
- --rls-heading5-letter-spacing: 0.0234375em;
3064
- --rls-heading5-line-height: 12.65rem;
3065
- --rls-heading6-font-size: 10rem;
3066
- --rls-heading6-letter-spacing: 0.0234375em;
3067
- --rls-heading6-line-height: 11rem;
3068
- --rls-title-font-size: 9rem;
3069
- --rls-title-letter-spacing: 0.0546875em;
3070
- --rls-title-line-height: 10rem;
3071
- --rls-subtitle-font-size: 8.75rem;
3072
- --rls-subtitle-letter-spacing: 0.0546875em;
3073
- --rls-subtitle-line-height: 8.95rem;
3074
- --rls-body-font-size: 8rem;
3075
- --rls-body-letter-spacing: 0.03125em;
3076
- --rls-body-line-height: 9rem;
3077
- --rls-input-font-size: 7.65rem;
3078
- --rls-input-letter-spacing: 0.03125em;
3079
- --rls-input-line-height: 9rem;
3080
- --rls-label-font-size: 7rem;
3081
- --rls-label-letter-spacing: 0.03125em;
3082
- --rls-label-line-height: 8.25rem;
3083
- --rls-button-font-size: 7.125rem;
3084
- --rls-button-letter-spacing: 0.05725em;
3085
- --rls-button-line-height: 8.5rem;
3086
- --rls-smalltext-font-size: 6rem;
3087
- --rls-smalltext-letter-spacing: 0.03125em;
3088
- --rls-smalltext-line-height: 8.5rem;
3089
- --rls-caption-font-size: 5.75rem;
3090
- --rls-caption-letter-spacing: 0.046875em;
3091
- --rls-caption-line-height: 7.25rem;
3092
- --rls-overline-font-size: 5.35rem;
3093
- --rls-overline-letter-spacing: 0.0625em;
3094
- --rls-overline-line-height: 7.25rem;
3095
- }
3096
-
3097
- h1 {
3098
- font-size: var(--rls-heading1-font-size);
3099
- letter-spacing: var(--rls-heading1-letter-spacing);
3100
- min-height: var(--rls-heading1-line-height);
3101
- line-height: var(--rls-heading1-line-height);
3102
- }
3103
-
3104
- h2 {
3105
- font-size: var(--rls-heading2-font-size);
3106
- letter-spacing: var(--rls-heading2-letter-spacing);
3107
- min-height: var(--rls-heading2-line-height);
3108
- line-height: var(--rls-heading2-line-height);
3109
- }
3110
-
3111
- h3 {
3112
- font-size: var(--rls-heading3-font-size);
3113
- letter-spacing: var(--rls-heading3-letter-spacing);
3114
- min-height: var(--rls-heading3-line-height);
3115
- line-height: var(--rls-heading3-line-height);
3116
- }
3117
-
3118
- h4 {
3119
- font-size: var(--rls-heading4-font-size);
3120
- letter-spacing: var(--rls-heading4-letter-spacing);
3121
- min-height: var(--rls-heading4-line-height);
3122
- line-height: var(--rls-heading4-line-height);
3123
- }
3124
-
3125
- h5 {
3126
- font-size: var(--rls-heading5-font-size);
3127
- letter-spacing: var(--rls-heading5-letter-spacing);
3128
- min-height: var(--rls-heading5-line-height);
3129
- line-height: var(--rls-heading5-line-height);
3130
- }
3131
-
3132
- h6 {
3133
- font-size: var(--rls-heading6-font-size);
3134
- letter-spacing: var(--rls-heading6-letter-spacing);
3135
- min-height: var(--rls-heading6-line-height);
3136
- line-height: var(--rls-heading6-line-height);
3137
- }
3138
-
3139
- p {
3140
- font-size: var(--rls-label-font-size);
3141
- letter-spacing: var(--rls-label-letter-spacing);
3142
- min-height: var(--rls-label-line-height);
3143
- line-height: var(--rls-label-line-height);
3144
- }
3145
-
3146
- button {
3147
- font-size: var(--rls-button-font-size);
3148
- letter-spacing: var(--rls-button-letter-spacing);
3149
- min-height: var(--rls-button-line-height);
3150
- line-height: var(--rls-button-line-height);
3151
- }
3152
-
3153
- .rls-h1-default,
3154
- .rls-h1-regular,
3155
- .rls-h1-medium,
3156
- .rls-h1-semibold,
3157
- .rls-h1-bold {
3158
- font-size: var(--rls-heading1-font-size);
3159
- letter-spacing: var(--rls-heading1-letter-spacing);
3160
- min-height: var(--rls-heading1-line-height);
3161
- line-height: var(--rls-heading1-line-height);
3162
- }
3163
-
3164
- .rls-h1-regular {
3165
- font-weight: var(--rls-font-weight-regular);
3166
- }
3167
-
3168
- .rls-h1-medium {
3169
- font-weight: var(--rls-font-weight-medium);
3170
- }
3171
-
3172
- .rls-h1-semibold {
3173
- font-weight: var(--rls-font-weight-semibold);
3174
- }
3175
-
3176
- .rls-h1-bold {
3177
- font-weight: var(--rls-font-weight-bold);
3178
- }
3179
-
3180
- .rls-h2-default,
3181
- .rls-h2-regular,
3182
- .rls-h2-medium,
3183
- .rls-h2-semibold,
3184
- .rls-h2-bold {
3185
- font-size: var(--rls-heading2-font-size);
3186
- letter-spacing: var(--rls-heading2-letter-spacing);
3187
- min-height: var(--rls-heading2-line-height);
3188
- line-height: var(--rls-heading2-line-height);
3189
- }
3190
-
3191
- .rls-h2-regular {
3192
- font-weight: var(--rls-font-weight-regular);
3193
- }
3194
-
3195
- .rls-h2-medium {
3196
- font-weight: var(--rls-font-weight-medium);
3197
- }
3198
-
3199
- .rls-h2-semibold {
3200
- font-weight: var(--rls-font-weight-semibold);
3201
- }
3202
-
3203
- .rls-h2-bold {
3204
- font-weight: var(--rls-font-weight-bold);
3205
- }
3206
-
3207
- .rls-h3-default,
3208
- .rls-h3-regular,
3209
- .rls-h3-medium,
3210
- .rls-h3-semibold,
3211
- .rls-h3-bold {
3212
- font-size: var(--rls-heading3-font-size);
3213
- letter-spacing: var(--rls-heading3-letter-spacing);
3214
- min-height: var(--rls-heading3-line-height);
3215
- line-height: var(--rls-heading3-line-height);
3216
- }
3217
-
3218
- .rls-h3-regular {
3219
- font-weight: var(--rls-font-weight-regular);
3220
- }
3221
-
3222
- .rls-h3-medium {
3223
- font-weight: var(--rls-font-weight-medium);
3224
- }
3225
-
3226
- .rls-h3-semibold {
3227
- font-weight: var(--rls-font-weight-semibold);
3228
- }
3229
-
3230
- .rls-h3-bold {
3231
- font-weight: var(--rls-font-weight-bold);
3232
- }
3233
-
3234
- .rls-h4-default,
3235
- .rls-h4-regular,
3236
- .rls-h4-medium,
3237
- .rls-h4-semibold,
3238
- .rls-h4-bold {
3239
- font-size: var(--rls-heading4-font-size);
3240
- letter-spacing: var(--rls-heading4-letter-spacing);
3241
- min-height: var(--rls-heading4-line-height);
3242
- line-height: var(--rls-heading4-line-height);
3243
- }
3244
-
3245
- .rls-h4-regular {
3246
- font-weight: var(--rls-font-weight-regular);
3247
- }
3248
-
3249
- .rls-h4-medium {
3250
- font-weight: var(--rls-font-weight-medium);
3251
- }
3252
-
3253
- .rls-h4-semibold {
3254
- font-weight: var(--rls-font-weight-semibold);
3255
- }
3256
-
3257
- .rls-h4-bold {
3258
- font-weight: var(--rls-font-weight-bold);
3259
- }
3260
-
3261
- .rls-h5-default,
3262
- .rls-h5-regular,
3263
- .rls-h5-medium,
3264
- .rls-h5-semibold,
3265
- .rls-h5-bold {
3266
- font-size: var(--rls-heading5-font-size);
3267
- letter-spacing: var(--rls-heading5-letter-spacing);
3268
- min-height: var(--rls-heading5-line-height);
3269
- line-height: var(--rls-heading5-line-height);
3270
- }
3271
-
3272
- .rls-h5-regular {
3273
- font-weight: var(--rls-font-weight-regular);
3274
- }
3275
-
3276
- .rls-h5-medium {
3277
- font-weight: var(--rls-font-weight-medium);
3278
- }
3279
-
3280
- .rls-h5-semibold {
3281
- font-weight: var(--rls-font-weight-semibold);
3282
- }
3283
-
3284
- .rls-h5-bold {
3285
- font-weight: var(--rls-font-weight-bold);
3286
- }
3287
-
3288
- .rls-h6-default,
3289
- .rls-h6-regular,
3290
- .rls-h6-medium,
3291
- .rls-h6-semibold,
3292
- .rls-h6-bold {
3293
- font-size: var(--rls-heading6-font-size);
3294
- letter-spacing: var(--rls-heading6-letter-spacing);
3295
- min-height: var(--rls-heading6-line-height);
3296
- line-height: var(--rls-heading6-line-height);
3297
- }
3298
-
3299
- .rls-h6-regular {
3300
- font-weight: var(--rls-font-weight-regular);
3301
- }
3302
-
3303
- .rls-h6-medium {
3304
- font-weight: var(--rls-font-weight-medium);
3305
- }
3306
-
3307
- .rls-h6-semibold {
3308
- font-weight: var(--rls-font-weight-semibold);
3309
- }
3310
-
3311
- .rls-h6-bold {
3312
- font-weight: var(--rls-font-weight-bold);
3313
- }
3314
-
3315
- .rls-title-default,
3316
- .rls-title-regular,
3317
- .rls-title-medium,
3318
- .rls-title-semibold,
3319
- .rls-title-bold {
3320
- font-size: var(--rls-title-font-size);
3321
- letter-spacing: var(--rls-title-letter-spacing);
3322
- min-height: var(--rls-title-line-height);
3323
- line-height: var(--rls-title-line-height);
3324
- }
3325
-
3326
- .rls-title-regular {
3327
- font-weight: var(--rls-font-weight-regular);
3328
- }
3329
-
3330
- .rls-title-medium {
3331
- font-weight: var(--rls-font-weight-medium);
3332
- }
3333
-
3334
- .rls-title-semibold {
3335
- font-weight: var(--rls-font-weight-semibold);
3336
- }
3337
-
3338
- .rls-title-bold {
3339
- font-weight: var(--rls-font-weight-bold);
3340
- }
3341
-
3342
- .rls-subtitle-default,
3343
- .rls-subtitle-regular,
3344
- .rls-subtitle-medium,
3345
- .rls-subtitle-semibold,
3346
- .rls-subtitle-bold {
3347
- font-size: var(--rls-subtitle-font-size);
3348
- letter-spacing: var(--rls-subtitle-letter-spacing);
3349
- min-height: var(--rls-subtitle-line-height);
3350
- line-height: var(--rls-subtitle-line-height);
3351
- }
3352
-
3353
- .rls-subtitle-regular {
3354
- font-weight: var(--rls-font-weight-regular);
3355
- }
3356
-
3357
- .rls-subtitle-medium {
3358
- font-weight: var(--rls-font-weight-medium);
3359
- }
3360
-
3361
- .rls-subtitle-semibold {
3362
- font-weight: var(--rls-font-weight-semibold);
3363
- }
3364
-
3365
- .rls-subtitle-bold {
3366
- font-weight: var(--rls-font-weight-bold);
3367
- }
3368
-
3369
- .rls-body-default,
3370
- .rls-body-regular,
3371
- .rls-body-medium,
3372
- .rls-body-semibold,
3373
- .rls-body-bold {
3374
- font-size: var(--rls-body-font-size);
3375
- letter-spacing: var(--rls-body-letter-spacing);
3376
- min-height: var(--rls-body-line-height);
3377
- line-height: var(--rls-body-line-height);
3378
- }
3379
-
3380
- .rls-body-regular {
3381
- font-weight: var(--rls-font-weight-regular);
3382
- }
3383
-
3384
- .rls-body-medium {
3385
- font-weight: var(--rls-font-weight-medium);
3386
- }
3387
-
3388
- .rls-body-semibold {
3389
- font-weight: var(--rls-font-weight-semibold);
3390
- }
3391
-
3392
- .rls-body-bold {
3393
- font-weight: var(--rls-font-weight-bold);
3394
- }
3395
-
3396
- .rls-input-default,
3397
- .rls-input-regular,
3398
- .rls-input-medium,
3399
- .rls-input-semibold,
3400
- .rls-input-bold {
3401
- font-size: var(--rls-input-font-size);
3402
- letter-spacing: var(--rls-input-letter-spacing);
3403
- min-height: var(--rls-input-line-height);
3404
- line-height: var(--rls-input-line-height);
3405
- }
3406
-
3407
- .rls-input-regular {
3408
- font-weight: var(--rls-font-weight-regular);
3409
- }
3410
-
3411
- .rls-input-medium {
3412
- font-weight: var(--rls-font-weight-medium);
3413
- }
3414
-
3415
- .rls-input-semibold {
3416
- font-weight: var(--rls-font-weight-semibold);
3417
- }
3418
-
3419
- .rls-input-bold {
3420
- font-weight: var(--rls-font-weight-bold);
3421
- }
3422
-
3423
- .rls-label-default,
3424
- .rls-label-regular,
3425
- .rls-label-medium,
3426
- .rls-label-semibold,
3427
- .rls-label-bold {
3428
- font-size: var(--rls-label-font-size);
3429
- letter-spacing: var(--rls-label-letter-spacing);
3430
- min-height: var(--rls-label-line-height);
3431
- line-height: var(--rls-label-line-height);
3432
- }
3433
-
3434
- .rls-label-regular {
3435
- font-weight: var(--rls-font-weight-regular);
3436
- }
3437
-
3438
- .rls-label-medium {
3439
- font-weight: var(--rls-font-weight-medium);
3440
- }
3441
-
3442
- .rls-label-semibold {
3443
- font-weight: var(--rls-font-weight-semibold);
3444
- }
3445
-
3446
- .rls-label-bold {
3447
- font-weight: var(--rls-font-weight-bold);
3448
- }
3449
-
3450
- .rls-button-default,
3451
- .rls-button-regular,
3452
- .rls-button-medium,
3453
- .rls-button-semibold,
3454
- .rls-button-bold {
3455
- font-size: var(--rls-button-font-size);
3456
- letter-spacing: var(--rls-button-letter-spacing);
3457
- min-height: var(--rls-button-line-height);
3458
- line-height: var(--rls-button-line-height);
3459
- }
3460
-
3461
- .rls-button-regular {
3462
- font-weight: var(--rls-font-weight-regular);
3463
- }
3464
-
3465
- .rls-button-medium {
3466
- font-weight: var(--rls-font-weight-medium);
3467
- }
3468
-
3469
- .rls-button-semibold {
3470
- font-weight: var(--rls-font-weight-semibold);
3471
- }
3472
-
3473
- .rls-button-bold {
3474
- font-weight: var(--rls-font-weight-bold);
3475
- }
3476
-
3477
- .rls-smalltext-default,
3478
- .rls-smalltext-regular,
3479
- .rls-smalltext-medium,
3480
- .rls-smalltext-semibold,
3481
- .rls-smalltext-bold {
3482
- font-size: var(--rls-smalltext-font-size);
3483
- letter-spacing: var(--rls-smalltext-letter-spacing);
3484
- min-height: var(--rls-smalltext-line-height);
3485
- line-height: var(--rls-smalltext-line-height);
3486
- }
3487
-
3488
- .rls-smalltext-regular {
3489
- font-weight: var(--rls-font-weight-regular);
3490
- }
3491
-
3492
- .rls-smalltext-medium {
3493
- font-weight: var(--rls-font-weight-medium);
3494
- }
3495
-
3496
- .rls-smalltext-semibold {
3497
- font-weight: var(--rls-font-weight-semibold);
3498
- }
3499
-
3500
- .rls-smalltext-bold {
3501
- font-weight: var(--rls-font-weight-bold);
3502
- }
3503
-
3504
- .rls-caption-default,
3505
- .rls-caption-regular,
3506
- .rls-caption-medium,
3507
- .rls-caption-semibold,
3508
- .rls-caption-bold {
3509
- font-size: var(--rls-caption-font-size);
3510
- letter-spacing: var(--rls-caption-letter-spacing);
3511
- min-height: var(--rls-caption-line-height);
3512
- line-height: var(--rls-caption-line-height);
3513
- }
3514
-
3515
- .rls-caption-regular {
3516
- font-weight: var(--rls-font-weight-regular);
3517
- }
3518
-
3519
- .rls-caption-medium {
3520
- font-weight: var(--rls-font-weight-medium);
3521
- }
3522
-
3523
- .rls-caption-semibold {
3524
- font-weight: var(--rls-font-weight-semibold);
3525
- }
3526
-
3527
- .rls-caption-bold {
3528
- font-weight: var(--rls-font-weight-bold);
3529
- }
3530
-
3531
- .rls-overline-default,
3532
- .rls-overline-regular,
3533
- .rls-overline-medium,
3534
- .rls-overline-semibold,
3535
- .rls-overline-bold {
3536
- font-size: var(--rls-overline-font-size);
3537
- letter-spacing: var(--rls-overline-letter-spacing);
3538
- min-height: var(--rls-overline-line-height);
3539
- line-height: var(--rls-overline-line-height);
3540
- }
3541
-
3542
- .rls-overline-regular {
3543
- font-weight: var(--rls-font-weight-regular);
3544
- }
3545
-
3546
- .rls-overline-medium {
3547
- font-weight: var(--rls-font-weight-medium);
3548
- }
3549
-
3550
- .rls-overline-semibold {
3551
- font-weight: var(--rls-font-weight-semibold);
3552
- }
3553
-
3554
- .rls-overline-bold {
3555
- font-weight: var(--rls-font-weight-bold);
3556
- }
3557
-
3558
- .rls-pdg-top-x4 {
3559
- padding-top: var(--rls-sizing-x4);
3560
- }
3561
-
3562
- .rls-pdg-rgt-x4 {
3563
- padding-right: var(--rls-sizing-x4);
3564
- }
3565
-
3566
- .rls-pdg-bot-x4 {
3567
- padding-bottom: var(--rls-sizing-x4);
3568
- }
3569
-
3570
- .rls-pdg-lft-x4 {
3571
- padding-left: var(--rls-sizing-x4);
3572
- }
3573
-
3574
- .rls-pdg-hrz-x4 {
3575
- padding: 0rem var(--rls-sizing-x4);
3576
- }
3577
-
3578
- .rls-pdg-vrt-x4 {
3579
- padding: var(--rls-sizing-x4) 0rem;
3580
- }
3581
-
3582
- .rls-pdg-x4 {
3583
- padding: var(--rls-sizing-x4);
3584
- }
3585
-
3586
- .rls-pdg-top-x8 {
3587
- padding-top: var(--rls-sizing-x8);
3588
- }
3589
-
3590
- .rls-pdg-rgt-x8 {
3591
- padding-right: var(--rls-sizing-x8);
3592
- }
3593
-
3594
- .rls-pdg-bot-x8 {
3595
- padding-bottom: var(--rls-sizing-x8);
3596
- }
3597
-
3598
- .rls-pdg-lft-x8 {
3599
- padding-left: var(--rls-sizing-x8);
3600
- }
3601
-
3602
- .rls-pdg-hrz-x8 {
3603
- padding: 0rem var(--rls-sizing-x8);
3604
- }
3605
-
3606
- .rls-pdg-vrt-x8 {
3607
- padding: var(--rls-sizing-x8) 0rem;
3608
- }
3609
-
3610
- .rls-pdg-x8 {
3611
- padding: var(--rls-sizing-x8);
3612
- }
3613
-
3614
- .rls-pdg-top-x12 {
3615
- padding-top: var(--rls-sizing-x12);
3616
- }
3617
-
3618
- .rls-pdg-rgt-x12 {
3619
- padding-right: var(--rls-sizing-x12);
3620
- }
3621
-
3622
- .rls-pdg-bot-x12 {
3623
- padding-bottom: var(--rls-sizing-x12);
3624
- }
3625
-
3626
- .rls-pdg-lft-x12 {
3627
- padding-left: var(--rls-sizing-x12);
3628
- }
3629
-
3630
- .rls-pdg-hrz-x12 {
3631
- padding: 0rem var(--rls-sizing-x12);
3632
- }
3633
-
3634
- .rls-pdg-vrt-x12 {
3635
- padding: var(--rls-sizing-x12) 0rem;
3636
- }
3637
-
3638
- .rls-pdg-x12 {
3639
- padding: var(--rls-sizing-x12);
3640
- }
3641
-
3642
- .rls-pdg-top-x16 {
3643
- padding-top: var(--rls-sizing-x16);
3644
- }
3645
-
3646
- .rls-pdg-rgt-x16 {
3647
- padding-right: var(--rls-sizing-x16);
3648
- }
3649
-
3650
- .rls-pdg-bot-x16 {
3651
- padding-bottom: var(--rls-sizing-x16);
3652
- }
3653
-
3654
- .rls-pdg-lft-x16 {
3655
- padding-left: var(--rls-sizing-x16);
3656
- }
3657
-
3658
- .rls-pdg-hrz-x16 {
3659
- padding: 0rem var(--rls-sizing-x16);
3660
- }
3661
-
3662
- .rls-pdg-vrt-x16 {
3663
- padding: var(--rls-sizing-x16) 0rem;
3664
- }
3665
-
3666
- .rls-pdg-x16 {
3667
- padding: var(--rls-sizing-x16);
3668
- }
3669
-
3670
- .rls-pdg-top-x24 {
3671
- padding-top: var(--rls-sizing-x24);
3672
- }
3673
-
3674
- .rls-pdg-rgt-x24 {
3675
- padding-right: var(--rls-sizing-x24);
3676
- }
3677
-
3678
- .rls-pdg-bot-x24 {
3679
- padding-bottom: var(--rls-sizing-x24);
3680
- }
3681
-
3682
- .rls-pdg-lft-x24 {
3683
- padding-left: var(--rls-sizing-x24);
3684
- }
3685
-
3686
- .rls-pdg-hrz-x24 {
3687
- padding: 0rem var(--rls-sizing-x24);
3688
- }
3689
-
3690
- .rls-pdg-vrt-x24 {
3691
- padding: var(--rls-sizing-x24) 0rem;
3692
- }
3693
-
3694
- .rls-pdg-x24 {
3695
- padding: var(--rls-sizing-x24);
3696
- }
3697
-
3698
- .rls-pdg-top-x36 {
3699
- padding-top: var(--rls-sizing-x36);
3700
- }
3701
-
3702
- .rls-pdg-rgt-x36 {
3703
- padding-right: var(--rls-sizing-x36);
3704
- }
3705
-
3706
- .rls-pdg-bot-x36 {
3707
- padding-bottom: var(--rls-sizing-x36);
3708
- }
3709
-
3710
- .rls-pdg-lft-x36 {
3711
- padding-left: var(--rls-sizing-x36);
3712
- }
3713
-
3714
- .rls-pdg-hrz-x36 {
3715
- padding: 0rem var(--rls-sizing-x36);
3716
- }
3717
-
3718
- .rls-pdg-vrt-x36 {
3719
- padding: var(--rls-sizing-x36) 0rem;
3720
- }
3721
-
3722
- .rls-pdg-x36 {
3723
- padding: var(--rls-sizing-x36);
3724
- }
3725
-
3726
- .rls-pdx-top-x4 {
3727
- padding-top: var(--rls-sizing-x4);
3728
- box-sizing: border-box;
3729
- }
3730
-
3731
- .rls-pdx-rgt-x4 {
3732
- padding-right: var(--rls-sizing-x4);
3733
- box-sizing: border-box;
3734
- }
3735
-
3736
- .rls-pdx-bot-x4 {
3737
- padding-bottom: var(--rls-sizing-x4);
3738
- box-sizing: border-box;
3739
- }
3740
-
3741
- .rls-pdx-lft-x4 {
3742
- padding-left: var(--rls-sizing-x4);
3743
- box-sizing: border-box;
3744
- }
3745
-
3746
- .rls-pdx-hrz-x4 {
3747
- padding: 0rem var(--rls-sizing-x4);
3748
- box-sizing: border-box;
3749
- }
3750
-
3751
- .rls-pdx-vrt-x4 {
3752
- padding: var(--rls-sizing-x4) 0rem;
3753
- box-sizing: border-box;
3754
- }
3755
-
3756
- .rls-pdx-x4 {
3757
- padding: var(--rls-sizing-x4);
3758
- box-sizing: border-box;
3759
- }
3760
-
3761
- .rls-pdx-top-x8 {
3762
- padding-top: var(--rls-sizing-x8);
3763
- box-sizing: border-box;
3764
- }
3765
-
3766
- .rls-pdx-rgt-x8 {
3767
- padding-right: var(--rls-sizing-x8);
3768
- box-sizing: border-box;
3769
- }
3770
-
3771
- .rls-pdx-bot-x8 {
3772
- padding-bottom: var(--rls-sizing-x8);
3773
- box-sizing: border-box;
3774
- }
3775
-
3776
- .rls-pdx-lft-x8 {
3777
- padding-left: var(--rls-sizing-x8);
3778
- box-sizing: border-box;
3779
- }
3780
-
3781
- .rls-pdx-hrz-x8 {
3782
- padding: 0rem var(--rls-sizing-x8);
3783
- box-sizing: border-box;
3784
- }
3785
-
3786
- .rls-pdx-vrt-x8 {
3787
- padding: var(--rls-sizing-x8) 0rem;
3788
- box-sizing: border-box;
3789
- }
3790
-
3791
- .rls-pdx-x8 {
3792
- padding: var(--rls-sizing-x8);
3793
- box-sizing: border-box;
3794
- }
3795
-
3796
- .rls-pdx-top-x12 {
3797
- padding-top: var(--rls-sizing-x12);
3798
- box-sizing: border-box;
3799
- }
3800
-
3801
- .rls-pdx-rgt-x12 {
3802
- padding-right: var(--rls-sizing-x12);
3803
- box-sizing: border-box;
3804
- }
3805
-
3806
- .rls-pdx-bot-x12 {
3807
- padding-bottom: var(--rls-sizing-x12);
3808
- box-sizing: border-box;
3809
- }
3810
-
3811
- .rls-pdx-lft-x12 {
3812
- padding-left: var(--rls-sizing-x12);
3813
- box-sizing: border-box;
3814
- }
3815
-
3816
- .rls-pdx-hrz-x12 {
3817
- padding: 0rem var(--rls-sizing-x12);
3818
- box-sizing: border-box;
3819
- }
3820
-
3821
- .rls-pdx-vrt-x12 {
3822
- padding: var(--rls-sizing-x12) 0rem;
3823
- box-sizing: border-box;
3824
- }
3825
-
3826
- .rls-pdx-x12 {
3827
- padding: var(--rls-sizing-x12);
3828
- box-sizing: border-box;
3829
- }
3830
-
3831
- .rls-pdx-top-x16 {
3832
- padding-top: var(--rls-sizing-x16);
3833
- box-sizing: border-box;
3834
- }
3835
-
3836
- .rls-pdx-rgt-x16 {
3837
- padding-right: var(--rls-sizing-x16);
3838
- box-sizing: border-box;
3839
- }
3840
-
3841
- .rls-pdx-bot-x16 {
3842
- padding-bottom: var(--rls-sizing-x16);
3843
- box-sizing: border-box;
3844
- }
3845
-
3846
- .rls-pdx-lft-x16 {
3847
- padding-left: var(--rls-sizing-x16);
3848
- box-sizing: border-box;
3849
- }
3850
-
3851
- .rls-pdx-hrz-x16 {
3852
- padding: 0rem var(--rls-sizing-x16);
3853
- box-sizing: border-box;
3854
- }
3855
-
3856
- .rls-pdx-vrt-x16 {
3857
- padding: var(--rls-sizing-x16) 0rem;
3858
- box-sizing: border-box;
3859
- }
3860
-
3861
- .rls-pdx-x16 {
3862
- padding: var(--rls-sizing-x16);
3863
- box-sizing: border-box;
3864
- }
3865
-
3866
- .rls-pdx-top-x24 {
3867
- padding-top: var(--rls-sizing-x24);
3868
- box-sizing: border-box;
3869
- }
3870
-
3871
- .rls-pdx-rgt-x24 {
3872
- padding-right: var(--rls-sizing-x24);
3873
- box-sizing: border-box;
3874
- }
3875
-
3876
- .rls-pdx-bot-x24 {
3877
- padding-bottom: var(--rls-sizing-x24);
3878
- box-sizing: border-box;
3879
- }
3880
-
3881
- .rls-pdx-lft-x24 {
3882
- padding-left: var(--rls-sizing-x24);
3883
- box-sizing: border-box;
3884
- }
3885
-
3886
- .rls-pdx-hrz-x24 {
3887
- padding: 0rem var(--rls-sizing-x24);
3888
- box-sizing: border-box;
3889
- }
3890
-
3891
- .rls-pdx-vrt-x24 {
3892
- padding: var(--rls-sizing-x24) 0rem;
3893
- box-sizing: border-box;
3894
- }
3895
-
3896
- .rls-pdx-x24 {
3897
- padding: var(--rls-sizing-x24);
3898
- box-sizing: border-box;
3899
- }
3900
-
3901
- .rls-pdx-top-x36 {
3902
- padding-top: var(--rls-sizing-x36);
3903
- box-sizing: border-box;
3904
- }
3905
-
3906
- .rls-pdx-rgt-x36 {
3907
- padding-right: var(--rls-sizing-x36);
3908
- box-sizing: border-box;
3909
- }
3910
-
3911
- .rls-pdx-bot-x36 {
3912
- padding-bottom: var(--rls-sizing-x36);
3913
- box-sizing: border-box;
3914
- }
3915
-
3916
- .rls-pdx-lft-x36 {
3917
- padding-left: var(--rls-sizing-x36);
3918
- box-sizing: border-box;
3919
- }
3920
-
3921
- .rls-pdx-hrz-x36 {
3922
- padding: 0rem var(--rls-sizing-x36);
3923
- box-sizing: border-box;
3924
- }
3925
-
3926
- .rls-pdx-vrt-x36 {
3927
- padding: var(--rls-sizing-x36) 0rem;
3928
- box-sizing: border-box;
3929
- }
3930
-
3931
- .rls-pdx-x36 {
3932
- padding: var(--rls-sizing-x36);
3933
- box-sizing: border-box;
3934
- }
3935
-
3936
- .rls-mrg-top-x4 {
3937
- margin-top: var(--rls-sizing-x4);
3938
- }
3939
-
3940
- .rls-mrg-rgt-x4 {
3941
- margin-right: var(--rls-sizing-x4);
3942
- }
3943
-
3944
- .rls-mrg-bot-x4 {
3945
- margin-bottom: var(--rls-sizing-x4);
3946
- }
3947
-
3948
- .rls-mrg-lft-x4 {
3949
- margin-left: var(--rls-sizing-x4);
3950
- }
3951
-
3952
- .rls-mrg-hrz-x4 {
3953
- margin: 0rem var(--rls-sizing-x4);
3954
- }
3955
-
3956
- .rls-mrg-vrt-x4 {
3957
- margin: var(--rls-sizing-x4) 0rem;
3958
- }
3959
-
3960
- .rls-mrg-x4 {
3961
- margin: var(--rls-sizing-x4);
3962
- }
3963
-
3964
- .rls-mrg-top-x8 {
3965
- margin-top: var(--rls-sizing-x8);
3966
- }
3967
-
3968
- .rls-mrg-rgt-x8 {
3969
- margin-right: var(--rls-sizing-x8);
3970
- }
3971
-
3972
- .rls-mrg-bot-x8 {
3973
- margin-bottom: var(--rls-sizing-x8);
3974
- }
3975
-
3976
- .rls-mrg-lft-x8 {
3977
- margin-left: var(--rls-sizing-x8);
3978
- }
3979
-
3980
- .rls-mrg-hrz-x8 {
3981
- margin: 0rem var(--rls-sizing-x8);
3982
- }
3983
-
3984
- .rls-mrg-vrt-x8 {
3985
- margin: var(--rls-sizing-x8) 0rem;
3986
- }
3987
-
3988
- .rls-mrg-x8 {
3989
- margin: var(--rls-sizing-x8);
3990
- }
3991
-
3992
- .rls-mrg-top-x12 {
3993
- margin-top: var(--rls-sizing-x12);
3994
- }
3995
-
3996
- .rls-mrg-rgt-x12 {
3997
- margin-right: var(--rls-sizing-x12);
3998
- }
3999
-
4000
- .rls-mrg-bot-x12 {
4001
- margin-bottom: var(--rls-sizing-x12);
4002
- }
4003
-
4004
- .rls-mrg-lft-x12 {
4005
- margin-left: var(--rls-sizing-x12);
4006
- }
4007
-
4008
- .rls-mrg-hrz-x12 {
4009
- margin: 0rem var(--rls-sizing-x12);
4010
- }
4011
-
4012
- .rls-mrg-vrt-x12 {
4013
- margin: var(--rls-sizing-x12) 0rem;
4014
- }
4015
-
4016
- .rls-mrg-x12 {
4017
- margin: var(--rls-sizing-x12);
4018
- }
4019
-
4020
- .rls-mrg-top-x16 {
4021
- margin-top: var(--rls-sizing-x16);
4022
- }
4023
-
4024
- .rls-mrg-rgt-x16 {
4025
- margin-right: var(--rls-sizing-x16);
4026
- }
4027
-
4028
- .rls-mrg-bot-x16 {
4029
- margin-bottom: var(--rls-sizing-x16);
4030
- }
4031
-
4032
- .rls-mrg-lft-x16 {
4033
- margin-left: var(--rls-sizing-x16);
4034
- }
4035
-
4036
- .rls-mrg-hrz-x16 {
4037
- margin: 0rem var(--rls-sizing-x16);
4038
- }
4039
-
4040
- .rls-mrg-vrt-x16 {
4041
- margin: var(--rls-sizing-x16) 0rem;
4042
- }
4043
-
4044
- .rls-mrg-x16 {
4045
- margin: var(--rls-sizing-x16);
4046
- }
4047
-
4048
- .rls-mrg-top-x24 {
4049
- margin-top: var(--rls-sizing-x24);
4050
- }
4051
-
4052
- .rls-mrg-rgt-x24 {
4053
- margin-right: var(--rls-sizing-x24);
4054
- }
4055
-
4056
- .rls-mrg-bot-x24 {
4057
- margin-bottom: var(--rls-sizing-x24);
4058
- }
4059
-
4060
- .rls-mrg-lft-x24 {
4061
- margin-left: var(--rls-sizing-x24);
4062
- }
4063
-
4064
- .rls-mrg-hrz-x24 {
4065
- margin: 0rem var(--rls-sizing-x24);
4066
- }
4067
-
4068
- .rls-mrg-vrt-x24 {
4069
- margin: var(--rls-sizing-x24) 0rem;
4070
- }
4071
-
4072
- .rls-mrg-x24 {
4073
- margin: var(--rls-sizing-x24);
4074
- }
4075
-
4076
- .rls-mrg-top-x36 {
4077
- margin-top: var(--rls-sizing-x36);
4078
- }
4079
-
4080
- .rls-mrg-rgt-x36 {
4081
- margin-right: var(--rls-sizing-x36);
4082
- }
4083
-
4084
- .rls-mrg-bot-x36 {
4085
- margin-bottom: var(--rls-sizing-x36);
4086
- }
4087
-
4088
- .rls-mrg-lft-x36 {
4089
- margin-left: var(--rls-sizing-x36);
4090
- }
4091
-
4092
- .rls-mrg-hrz-x36 {
4093
- margin: 0rem var(--rls-sizing-x36);
4094
- }
4095
-
4096
- .rls-mrg-vrt-x36 {
4097
- margin: var(--rls-sizing-x36) 0rem;
4098
- }
4099
-
4100
- .rls-mrg-x36 {
4101
- margin: var(--rls-sizing-x36);
4102
- }
4103
-
4104
- :root {
4105
- --rlc-app-header-background: var(--rls-app-background-100);
4106
- --rlc-app-header-height: var(--rls-sizing-x28);
4107
- --rlc-app-navbar-background: var(--rls-app-background-100);
4108
- --rlc-app-navbar-width: 160rem;
4109
- --rlc-app-content-background: var(--rls-app-background-500);
4110
- --rlc-action-color: var(--rls-app-color-300);
4111
- --rlc-action-ripple-color: var(--rlc-action-color);
4112
- --rlc-action-ripple-dimension: var(--rls-sizing-x18);
4113
- --rlc-action-ripple-position: -9rem;
4114
- --rlc-avatar-font-size: var(--rls-title-font-size);
4115
- --rlc-avatar-border-radius: var(--rls-sizing-x4);
4116
- --rlc-avatar-width: var(--rls-sizing-x24);
4117
- --rlc-avatar-height: var(--rls-sizing-x24);
4118
- --rlc-amount-text-align: start;
4119
- --rlc-badge-padding: var(--rls-sizing-x2);
4120
- --rlc-ballot-padding: var(--rls-sizing-x4);
4121
- --rlc-ballot-component-row-gap: var(--rls-sizing-x2);
4122
- --rlc-ballot-title-letter-spacing: var(--rls-label-letter-spacing);
4123
- --rlc-ballot-title-font-size: var(--rls-label-font-size);
4124
- --rlc-ballot-title-font-weight: var(--rls-font-weight-medium);
4125
- --rlc-ballot-title-height: var(--rls-label-line-height);
4126
- --rlc-ballot-subtitle-width: 100%;
4127
- --rlc-ballot-subtitle-letter-spacing: var(--rls-smalltext-letter-spacing);
4128
- --rlc-ballot-subtitle-font-size: var(--rls-smalltext-font-size);
4129
- --rlc-ballot-subtitle-font-weight: var(--rls-font-weight-semibold);
4130
- --rlc-ballot-subtitle-height: var(--rls-smalltext-line-height);
4131
- --rlc-ballot-subtitle-overflow: initial;
4132
- --rlc-ballot-subtitle-text-overflow: initial;
4133
- --rlc-ballot-subtitle-white-space: initial;
4134
- --rlc-fieldbox-body-padding: 0rem;
4135
- --rlc-fieldbox-body-background: rgba(255, 255, 255, 1);
4136
- --rlc-fieldbox-body-border: var(--rls-app-border-1-100);
4137
- --rlc-fieldbox-body-shadow: none;
4138
- --rlc-fieldbox-label-font-color: var(--rls-app-color-300);
4139
- --rlc-breadcrumb-height: var(--rls-sizing-x18);
4140
- --rlc-button-label-text-transform: uppercase;
4141
- --rlc-button-content-padding: 0rem var(--rls-sizing-x4);
4142
- --rlc-button-content-radius: var(--rls-sizing-x2);
4143
- --rlc-card-content-padding: var(--rls-sizing-x8);
4144
- --rlc-datatable-letter-spacing: 0.0625em;
4145
- --rlc-datatable-font-size: 7rem;
4146
- --rlc-datatable-width-scroll: var(--rls-sizing-x4);
4147
- --rlc-datatable-padding-scroll: 0rem;
4148
- --rlc-datatable-header-background: transparent;
4149
- --rlc-datatable-row-background: rgb(252, 252, 252);
4150
- --rlc-datatable-footer-background: var(--rls-standard-color-100);
4151
- --rlc-form-footer-justify-content: end;
4152
- --rlc-icon-font-size: var(--rls-sizing-x12);
4153
- --rlc-icon-width: var(--rls-sizing-x12);
4154
- --rlc-icon-height: var(--rls-sizing-x12);
4155
- --rlc-icon-color: inherit;
4156
- --rlc-input-font-color: var(--rls-app-color-500);
4157
- --rlc-input-font-size: var(--rls-input-font-size);
4158
- --rlc-input-text-align: left;
4159
- --rlc-input-letter-spacing: var(--rls-input-letter-spacing);
4160
- --rlc-input-height: var(--rls-sizing-x12);
4161
- --rlc-label-font-size: var(--rls-smalltext-font-size);
4162
- --rlc-label-letter-spacing: var(--rls-smalltext-letter-spacing);
4163
- --rlc-label-height: var(--rls-smalltext-line-height);
4164
- --rlc-poster-font-size: var(--rls-body-font-size);
4165
- --rlc-poster-letter-spacing: var(--rls-body-letter-spacing);
4166
- --rlc-poster-height: var(--rls-body-line-height);
4167
- --rlc-poster-padding: var(--rls-sizing-x4);
4168
- --rlc-poster-text-align: center;
4169
- --rlc-progress-circular-dimension: var(--rls-sizing-x28);
4170
- --rlc-snackbar-left: 50%;
4171
- --rlc-skeleton-height: inherit;
4172
- --rlc-skeleton-text-column-gap: var(--rls-sizing-x4);
4173
- --rlc-skeleton-text-font-size: var(--rls-body-font-size);
4174
- --rlc-skeleton-text-height: var(--rls-body-line-height);
4175
- --rlc-skeleton-text-letter-spacing: var(--rls-body-letter-spacing);
4176
- --rlc-switch-element-size: var(--rls-sizing-x12);
4177
- --rlc-switch-bar-radius: var(--rls-sizing-x3);
4178
- --rlc-switch-bar-height: var(--rls-sizing-x6);
4179
- --rlc-tabulartext-text-align: flex-start;
4180
- --rlc-tabulartext-font-size: var(--rls-body-font-size);
4181
- --rlc-tabulartext-char-width: 5.5rem;
4182
- --rlc-tabulartext-pointer-width: 2rem;
4183
- --rlc-toolbar-height: var(--rls-sizing-x28);
4184
- }
4185
-
4186
- * {
4187
- scrollbar-width: thin;
4188
- scrollbar-color: var(--rls-theme-color-500) var(--rls-app-background-100);
4189
- }
4190
-
4191
- .rls-app__body {
4192
- position: absolute;
4193
- display: flex;
4194
- flex-direction: column;
4195
- top: 0rem;
4196
- left: 0rem;
4197
- padding: 0rem;
4198
- margin: 0rem;
4199
- width: 100%;
4200
- height: 100%;
4201
- z-index: var(--rls-z-index-8);
4202
- overflow: hidden;
4203
- transition:
4204
- left 240ms 0ms var(--rls-standard-curve),
4205
- width 240ms 0ms var(--rls-standard-curve);
4206
- }
4207
-
4208
- .rls-app__header {
4209
- --rlc-toolbar-height: 100%;
4210
- position: relative;
4211
- width: 100%;
4212
- height: var(--rlc-app-header-height);
4213
- box-sizing: border-box;
4214
- z-index: var(--rls-z-index-8);
4215
- background: var(--rlc-app-header-background);
4216
- }
4217
- .rls-app__header + .rls-app__page,
4218
- .rls-app__header + .rls-app__content {
4219
- height: calc(100vh - var(--rlc-app-header-height));
4220
- }
4221
-
4222
- .rls-app__content {
4223
- position: relative;
4224
- width: 100%;
4225
- height: 100vh;
4226
- margin: 0rem;
4227
- padding: 0rem;
4228
- overflow: auto;
4229
- box-sizing: border-box;
4230
- background: var(--rlc-app-content-background);
4231
- }
4232
-
4233
- .rls-app__page {
4234
- position: relative;
4235
- display: flex;
4236
- width: 100%;
4237
- height: 100vh;
4238
- margin: 0rem;
4239
- padding: 0rem;
4240
- overflow: hidden;
4241
- box-sizing: border-box;
4242
- }
4243
- .rls-app__page__nav {
4244
- position: relative;
4245
- width: var(--rlc-app-navbar-width);
4246
- height: 100%;
4247
- margin: 0rem;
4248
- padding: 0rem;
4249
- overflow: auto;
4250
- box-sizing: border-box;
4251
- border-radius: 0rem 0rem var(--rls-sizing-x16) 0rem;
4252
- background: var(--rlc-app-navbar-background);
4253
- }
4254
- .rls-app__page__nav + .rls-app__page__content {
4255
- --rlc-snackbar-left: calc(50% + 80rem);
4256
- width: calc(100% - var(--rlc-app-navbar-width));
4257
- }
4258
- .rls-app__page__content {
4259
- display: flex;
4260
- flex-direction: column;
4261
- width: 100%;
4262
- height: 100%;
4263
- margin: 0rem;
4264
- padding: 0rem;
4265
- overflow: hidden;
4266
- box-sizing: border-box;
4267
- }
4268
-
4269
- .rls-divider {
4270
- height: var(--rls-sizing-x1);
4271
- background-image: linear-gradient(
4272
- to right,
4273
- var(--rls-app-border-100) 50%,
4274
- rgba(255, 255, 255, 0) 0%
4275
- );
4276
- background-position: bottom;
4277
- background-size: var(--rls-sizing-x4);
4278
- background-repeat: repeat-x;
4279
- }
4280
-
4281
- .rls-datatable {
4282
- --pvt-header-padding-right: var(--rlc-datatable-padding-scroll);
4283
- --rlc-input-font-size: var(--rlc-datatable-font-size);
4284
- --rlc-input-letter-spacing: var(--rlc-datatable-letter-spacing);
4285
- position: relative;
4286
- display: flex;
4287
- width: 100%;
4288
- flex-direction: column;
4289
- row-gap: var(--rls-sizing-x6);
4290
- border-radius: var(--rls-sizing-x4);
4291
- box-sizing: border-box;
4292
- }
4293
- .rls-datatable--scrolleable {
4294
- --rlc-datatable-padding-scroll: var(--rls-sizing-x4);
4295
- --pvt-header-padding-right: calc(
4296
- var(--rlc-datatable-padding-scroll) + var(--rlc-datatable-width-scroll)
4297
- );
4298
- }
4299
- .rls-datatable > table {
4300
- display: flex;
4301
- flex-direction: column;
4302
- row-gap: var(--rls-sizing-x4);
4303
- border-spacing: 0;
4304
- border-collapse: collapse;
4305
- }
4306
- .rls-datatable__thead {
4307
- width: 100%;
4308
- padding-left: var(--rlc-datatable-padding-scroll);
4309
- padding-right: var(--pvt-header-padding-right);
4310
- box-sizing: border-box;
4311
- }
4312
- .rls-datatable__header {
4313
- display: flex;
4314
- column-gap: var(--rls-sizing-x4);
4315
- padding: 0rem var(--rls-sizing-x6);
4316
- box-sizing: border-box;
4317
- background: var(--rlc-datatable-header-background);
4318
- border: var(--rls-app-border-1-100);
4319
- border-radius: var(--rls-sizing-x4);
4320
- }
4321
- .rls-datatable__title {
4322
- position: relative;
4323
- display: flex;
4324
- text-align: left;
4325
- overflow: hidden;
4326
- white-space: nowrap;
4327
- height: var(--rls-sizing-x20);
4328
- line-height: var(--rls-sizing-x20);
4329
- color: var(--rls-app-color-500);
4330
- font-size: var(--rlc-datatable-font-size);
4331
- letter-spacing: var(--rlc-datatable-letter-spacing);
4332
- font-weight: var(--rls-font-weight-bold);
4333
- }
4334
- .rls-datatable__title--control {
4335
- --rlc-avatar-border-radius: var(--rls-sizing-x3);
4336
- --rlc-avatar-width: var(--rls-sizing-x16);
4337
- --rlc-avatar-height: var(--rls-sizing-x16);
4338
- --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4339
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4340
- --rlc-action-ripple-position: -8rem;
4341
- --rlc-ballot-padding: 0rem;
4342
- --rlc-ballot-component-row-gap: 1rem;
4343
- --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
4344
- --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
4345
- --rlc-ballot-title-height: var(--rls-smalltext-line-height);
4346
- --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
4347
- --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
4348
- --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
4349
- --rlc-fieldbox-body-background: transparent;
4350
- --rlc-fieldbox-body-border: none;
4351
- --rlc-fieldbox-body-box-shadow: none;
4352
- --rlc-fieldbox-body-padding: 0rem;
4353
- --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
4354
- --rlc-switch-element-size: var(--rls-sizing-x10);
4355
- --rlc-switch-bar-radius: var(--rls-sizing-x2);
4356
- --rlc-switch-bar-height: var(--rls-sizing-x4);
4357
- display: flex;
4358
- width: var(--rls-sizing-x24);
4359
- padding: 0rem;
4360
- }
4361
- .rls-datatable__title--control > * {
4362
- margin: auto;
4363
- }
4364
- .rls-datatable__title > span {
4365
- width: 100%;
4366
- text-overflow: ellipsis;
4367
- overflow: hidden;
4368
- }
4369
- .rls-datatable__title > .rls-icon {
4370
- margin: auto;
4371
- }
4372
- .rls-datatable__tbody {
4373
- display: flex;
4374
- flex-direction: column;
4375
- row-gap: var(--rls-sizing-x6);
4376
- padding: 0rem var(--rlc-datatable-padding-scroll);
4377
- box-sizing: border-box;
4378
- }
4379
- .rls-datatable__tsummary {
4380
- padding-left: var(--rlc-datatable-padding-scroll);
4381
- padding-right: var(--pvt-header-padding-right);
4382
- box-sizing: border-box;
4383
- }
4384
- .rls-datatable__data,
4385
- .rls-datatable__totals {
4386
- position: relative;
4387
- display: flex;
4388
- column-gap: var(--rls-sizing-x4);
4389
- padding: 0rem var(--rls-sizing-x6);
4390
- box-sizing: border-box;
4391
- border: var(--rls-app-border-1-100);
4392
- border-radius: var(--rls-sizing-x4);
4393
- background: var(--rlc-datatable-row-background);
4394
- }
4395
- .rls-datatable__data--error,
4396
- .rls-datatable__totals--error {
4397
- background: var(--rls-danger-color-100);
4398
- border: var(--rls-border-1-danger-300);
4399
- }
4400
- .rls-datatable__cell,
4401
- .rls-datatable__info {
4402
- position: relative;
4403
- display: flex;
4404
- height: var(--rls-sizing-x20);
4405
- line-height: var(--rls-sizing-x20);
4406
- text-align: left;
4407
- cursor: default;
4408
- overflow: hidden;
4409
- white-space: nowrap;
4410
- color: var(--rlc-input-font-color);
4411
- font-size: var(--rlc-datatable-font-size);
4412
- letter-spacing: var(--rlc-datatable-letter-spacing);
4413
- font-weight: var(--rls-font-weight-regular);
4414
- }
4415
- .rls-datatable__cell--overflow,
4416
- .rls-datatable__info--overflow {
4417
- overflow: initial;
4418
- }
4419
- .rls-datatable__cell--control,
4420
- .rls-datatable__info--control {
4421
- --rlc-avatar-border-radius: var(--rls-sizing-x3);
4422
- --rlc-avatar-width: var(--rls-sizing-x16);
4423
- --rlc-avatar-height: var(--rls-sizing-x16);
4424
- --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4425
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4426
- --rlc-action-ripple-position: -8rem;
4427
- --rlc-ballot-padding: 0rem;
4428
- --rlc-ballot-component-row-gap: 1rem;
4429
- --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
4430
- --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
4431
- --rlc-ballot-title-height: var(--rls-smalltext-line-height);
4432
- --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
4433
- --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
4434
- --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
4435
- --rlc-fieldbox-body-background: transparent;
4436
- --rlc-fieldbox-body-border: none;
4437
- --rlc-fieldbox-body-box-shadow: none;
4438
- --rlc-fieldbox-body-padding: 0rem;
4439
- --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
4440
- --rlc-switch-element-size: var(--rls-sizing-x10);
4441
- --rlc-switch-bar-radius: var(--rls-sizing-x2);
4442
- --rlc-switch-bar-height: var(--rls-sizing-x4);
4443
- display: flex;
4444
- width: var(--rls-sizing-x24);
4445
- padding: 0rem;
4446
- }
4447
- .rls-datatable__cell--control > *,
4448
- .rls-datatable__info--control > * {
4449
- margin: auto;
4450
- }
4451
- .rls-datatable__cell > span,
4452
- .rls-datatable__info > span {
4453
- width: 100%;
4454
- text-overflow: ellipsis;
4455
- overflow: hidden;
4456
- }
4457
- .rls-datatable__cell .rls-field-box,
4458
- .rls-datatable__info .rls-field-box {
4459
- width: 100%;
4460
- padding: 0rem;
4461
- }
4462
- .rls-datatable__cell .rls-field-box__label,
4463
- .rls-datatable__info .rls-field-box__label {
4464
- display: none;
4465
- }
4466
- .rls-datatable__cell .rls-field-box__icon,
4467
- .rls-datatable__info .rls-field-box__icon {
4468
- padding: 0rem;
4469
- }
4470
- .rls-datatable__cell .rls-field-box__error,
4471
- .rls-datatable__info .rls-field-box__error {
4472
- display: none;
4473
- }
4474
- .rls-datatable__cell .rls-field-list .rls-field-box__body,
4475
- .rls-datatable__info .rls-field-list .rls-field-box__body {
4476
- padding: var(--rls-sizing-x4) 0rem;
4477
- border: none;
4478
- box-shadow: none;
4479
- }
4480
- .rls-datatable__cell .rls-field-list__control,
4481
- .rls-datatable__info .rls-field-list__control {
4482
- font-size: var(--rlc-datatable-font-size);
4483
- font-weight: var(--rls-font-weight-medium);
4484
- letter-spacing: var(--rls-body-letter-spacing);
4485
- }
4486
- .rls-datatable__cell .rls-field-list__suggestions,
4487
- .rls-datatable__info .rls-field-list__suggestions {
4488
- top: var(--rls-sizing-x24);
4489
- }
4490
- .rls-datatable__cell .rls-field-list__suggestions--higher,
4491
- .rls-datatable__info .rls-field-list__suggestions--higher {
4492
- top: initial;
4493
- bottom: var(--rls-sizing-x24);
4494
- }
4495
- .rls-datatable__cell .rls-field-list__action .rls-icon,
4496
- .rls-datatable__info .rls-field-list__action .rls-icon {
4497
- font-size: var(--rls-sizing-x10);
4498
- }
4499
- .rls-datatable__cell .rls-input,
4500
- .rls-datatable__info .rls-input {
4501
- margin: var(--rls-sizing-x4) 0rem;
4502
- }
4503
- .rls-datatable__cell .rls-amount,
4504
- .rls-datatable__info .rls-amount {
4505
- font-size: var(--rlc-datatable-font-size);
4506
- width: 100%;
4507
- }
4508
- .rls-datatable__cell .rls-poster,
4509
- .rls-datatable__info .rls-poster {
4510
- display: flex;
4511
- width: calc(100% - var(--rls-sizing-x2));
4512
- margin: var(--rls-sizing-x3) var(--rls-sizing-x2);
4513
- justify-content: center;
4514
- align-items: center;
4515
- line-height: var(--rls-sizing-x14);
4516
- overflow: hidden;
4517
- text-overflow: ellipsis;
4518
- white-space: nowrap;
4519
- background: var(--rls-theme-color-100);
4520
- color: var(--rls-theme-color-500);
4521
- }
4522
- .rls-datatable__cell > .rls-ballot,
4523
- .rls-datatable__info > .rls-ballot {
4524
- --rlc-badge-padding: 0.5rem 1.5rem;
4525
- height: var(--rls-sizing-x20);
4526
- }
4527
- .rls-datatable__cell > a:hover,
4528
- .rls-datatable__info > a:hover {
4529
- color: var(--rls-app-color-700);
4530
- text-decoration: underline;
4531
- }
4532
- .rls-datatable__tfooter {
4533
- position: relative;
4534
- width: 100%;
4535
- overflow: hidden;
4536
- border-radius: 0rem 0rem var(--rls-sizing-x4) var(--rls-sizing-x4);
4537
- padding-left: var(--rlc-datatable-padding-scroll);
4538
- padding-right: var(--pvt-header-padding-right);
4539
- box-sizing: border-box;
4540
- }
4541
- .rls-datatable__tfooter tr {
4542
- background: var(--rlc-datatable-footer-background);
4543
- }
4544
-
4545
- .rls-field-box {
4546
- --pvt-label-opacity: 1;
4547
- --pvt-body-opacity: 1;
4548
- position: relative;
4549
- display: flex;
4550
- flex-direction: column;
4551
- width: 100%;
4552
- box-sizing: border-box;
4553
- transition: height 160ms 0ms var(--rls-standard-curve);
4554
- }
4555
- .rls-field-box--focused {
4556
- --rlc-fieldbox-body-background: var(--rls-app-background-500);
4557
- --rlc-fieldbox-body-border: var(--rls-theme-border-1-500);
4558
- --rlc-fieldbox-body-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
4559
- --rlc-fieldbox-label-font-color: var(--rls-theme-color-500);
4560
- }
4561
- .rls-field-box--error {
4562
- --rlc-fieldbox-body-border: var(--rls-border-1) solid
4563
- var(--rls-danger-color-500);
4564
- --rlc-fieldbox-body-shadow: 0px 0px 0px 3px var(--rls-danger-shadow-500);
4565
- --rlc-fieldbox-label-font-color: var(--rls-danger-color-500);
4566
- }
4567
- .rls-field-box--disabled {
4568
- --rlc-fieldbox-body-background: var(--rls-app-background-500);
4569
- --pvt-body-opacity: 0.75;
4570
- --pvt-label-opacity: 0.5;
4571
- }
4572
- .rls-field-box__label {
4573
- position: relative;
4574
- width: 100%;
4575
- padding: 0rem 5rem;
4576
- box-sizing: border-box;
4577
- margin-bottom: var(--rls-sizing-x2);
4578
- color: var(--rlc-fieldbox-label-font-color);
4579
- opacity: var(--pvt-label-opacity);
4580
- overflow: hidden;
4581
- white-space: nowrap;
4582
- text-overflow: ellipsis;
4583
- font-weight: var(--rls-font-weight-medium);
4584
- font-size: var(--rls-smalltext-font-size);
4585
- letter-spacing: var(--rls-smalltext-letter-spacing);
4586
- min-height: var(--rls-smalltext-line-height);
4587
- line-height: var(--rls-smalltext-line-height);
4588
- }
4589
- .rls-field-box__label span {
4590
- color: var(--rls-danger-color-500);
4591
- }
4592
- .rls-field-box__body {
4593
- display: flex;
4594
- box-sizing: border-box;
4595
- overflow: hidden;
4596
- opacity: var(--pvt-body-opacity);
4597
- border-radius: var(--rls-sizing-x2);
4598
- background: var(--rlc-fieldbox-body-background);
4599
- padding: var(--rlc-fieldbox-body-padding);
4600
- border: var(--rlc-fieldbox-body-border);
4601
- box-shadow: var(--rlc-fieldbox-body-shadow);
4602
- }
4603
- .rls-field-box__helper {
4604
- color: var(--rls-app-color-100);
4605
- padding: 0rem 5rem;
4606
- box-sizing: border-box;
4607
- font-weight: var(--rls-font-weight-medium);
4608
- font-size: var(--rls-overline-font-size);
4609
- letter-spacing: var(--rls-overline-letter-spacing);
4610
- min-height: var(--rls-overline-line-height);
4611
- line-height: var(--rls-overline-line-height);
4612
- overflow: hidden;
4613
- text-overflow: ellipsis;
4614
- white-space: nowrap;
4615
- }
4616
- .rls-field-box__error {
4617
- padding: 0rem var(--rls-sizing-x4);
4618
- box-sizing: border-box;
4619
- margin-top: var(--rls-sizing-x2);
4620
- }
4621
-
4622
- .rls-field-list {
4623
- --pvt-action-font-color: var(--rls-app-color-300);
4624
- --pvt-list-height: 0rem;
4625
- --pvt-list-max-height: 160rem;
4626
- --pvt-list-opacity: 0;
4627
- --pvt-list-transform: scale(0, 0);
4628
- --pvt-list-transform-origin: 0% 0%;
4629
- --pvt-backdrop-opacity: 0;
4630
- --pvt-backdrop-bottom: initial;
4631
- --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
4632
- position: relative;
4633
- box-sizing: border-box;
4634
- }
4635
- .rls-field-list.rls-field-box--active {
4636
- --rlc-fieldbox-body-shadow: 0px 0px 0px 3px var(--box-shadow-theme-100);
4637
- --rlc-fieldbox-body-border: var(--rls-theme-border-1-300);
4638
- --rlc-fieldbox-label-font-color: var(--rls-app-color-300);
4639
- }
4640
- .rls-field-list.rls-field-box--disabled {
4641
- --pvt-action-font-color: var(--rls-app-color-100);
4642
- }
4643
- .rls-field-list__control {
4644
- position: relative;
4645
- width: calc(100% - var(--rls-sizing-x14));
4646
- height: var(--rls-sizing-x12);
4647
- line-height: var(--rls-sizing-x12);
4648
- padding: 0rem;
4649
- cursor: text;
4650
- border: none;
4651
- outline: none;
4652
- background: transparent;
4653
- color: var(--rlc-input-font-color);
4654
- font-size: var(--rlc-input-font-size);
4655
- font-weight: var(--rls-font-weight-medium);
4656
- letter-spacing: var(--rlc-input-letter-spacing);
4657
- }
4658
- .rls-field-list__control::placeholder {
4659
- color: var(--rls-app-color-100);
4660
- }
4661
- .rls-field-list__control::selection {
4662
- background: var(--rls-theme-color-700);
4663
- color: var(--rls-light-color-500);
4664
- }
4665
- .rls-field-list__control:disabled {
4666
- opacity: 0.5;
4667
- }
4668
- .rls-field-list__control__placeholder {
4669
- position: relative;
4670
- color: var(--rls-app-color-100);
4671
- }
4672
- .rls-field-list__action {
4673
- color: var(--pvt-action-font-color);
4674
- width: var(--rls-sizing-x12);
4675
- height: var(--rls-sizing-x12);
4676
- padding: 0rem;
4677
- margin-left: var(--rls-sizing-x2);
4678
- outline: none;
4679
- background: transparent;
4680
- }
4681
- .rls-field-list__suggestions {
4682
- position: absolute;
4683
- top: calc(100% + var(--rls-sizing-x4));
4684
- left: 0rem;
4685
- width: 100%;
4686
- height: 0rem;
4687
- max-height: var(--pvt-list-max-height);
4688
- overflow: hidden;
4689
- z-index: var(--rls-z-index-2);
4690
- padding-bottom: var(--rls-sizing-x6);
4691
- }
4692
- .rls-field-list__suggestions--visible {
4693
- --pvt-list-height: auto;
4694
- --pvt-list-opacity: 1;
4695
- --pvt-list-transform: scale(1, 1);
4696
- overflow: initial;
4697
- opacity: 1;
4698
- height: auto;
4699
- z-index: var(--rls-z-index-4);
4700
- }
4701
- .rls-field-list__suggestions--higher {
4702
- --pvt-list-transform-origin: 0% 100%;
4703
- top: initial;
4704
- bottom: 100%;
4705
- }
4706
- .rls-field-list__suggestions__body {
4707
- display: flex;
4708
- flex-direction: column;
4709
- width: 100%;
4710
- height: auto;
4711
- max-height: var(--pvt-list-max-height);
4712
- padding: var(--rls-sizing-x4) var(--rls-sizing-x2);
4713
- box-sizing: border-box;
4714
- border-radius: var(--rls-sizing-x4);
4715
- overflow: hidden;
4716
- z-index: var(--rls-z-index-2);
4717
- background: var(--rls-app-background-500);
4718
- border: var(--rls-theme-border-1-500);
4719
- box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
4720
- will-change: opacity, transform;
4721
- opacity: var(--pvt-list-opacity);
4722
- transform: var(--pvt-list-transform);
4723
- transform-origin: var(--pvt-list-transform-origin);
4724
- transition:
4725
- opacity 240ms 0ms var(--rls-standard-curve),
4726
- transform 240ms 0ms var(--rls-standard-curve);
4727
- }
4728
- .rls-field-list__ul {
4729
- display: flex;
4730
- flex-direction: column;
4731
- width: 100%;
4732
- overflow-y: auto;
4733
- overflow-x: hidden;
4734
- padding: 0rem var(--rls-sizing-x4);
4735
- box-sizing: border-box;
4736
- }
4737
- .rls-field-list__element {
4738
- --rlc-ballot-subtitle-overflow: hidden;
4739
- --rlc-ballot-subtitle-text-overflow: ellipsis;
4740
- --rlc-ballot-subtitle-white-space: nowrap;
4741
- box-sizing: border-box;
4742
- outline: none;
4743
- border-radius: var(--rls-sizing-x4);
4744
- padding: var(--rls-sizing-x2);
4745
- box-sizing: border-box;
4746
- }
4747
- .rls-field-list__element:hover {
4748
- background: var(--rls-app-background-300);
4749
- }
4750
- .rls-field-list__element:not(:hover):focus {
4751
- background: var(--rls-theme-color-100);
4752
- }
4753
- .rls-field-list__empty {
4754
- display: flex;
4755
- padding: 0rem var(--rls-sizing-x4);
4756
- box-sizing: border-box;
4757
- }
4758
- .rls-field-list__empty__avatar {
4759
- width: var(--rls-sizing-x20);
4760
- height: var(--rls-sizing-x20);
4761
- }
4762
- .rls-field-list__empty__avatar img {
4763
- width: 100%;
4764
- }
4765
- .rls-field-list__empty__description {
4766
- display: flex;
4767
- flex-direction: column;
4768
- row-gap: var(--rls-sizing-x2);
4769
- overflow: hidden;
4770
- }
4771
- .rls-field-list__empty__description label {
4772
- display: block;
4773
- width: 100%;
4774
- color: var(--rls-app-color-300);
4775
- }
4776
- .rls-field-list__empty__description p {
4777
- white-space: initial;
4778
- color: var(--rls-app-color-300);
4779
- }
4780
- .rls-field-list__backdrop {
4781
- position: absolute;
4782
- display: block;
4783
- top: 0rem;
4784
- left: 0rem;
4785
- right: 0rem;
4786
- bottom: var(--pvt-backdrop-bottom);
4787
- opacity: var(--pvt-backdrop-opacity);
4788
- z-index: var(--rls-z-index-2);
4789
- will-change: opacity;
4790
- background: var(--rls-theme-backdrop-900);
4791
- backdrop-filter: blur(2px);
4792
- transition:
4793
- opacity 120ms 0ms var(--rls-deceleration-curve),
4794
- bottom 120ms 0ms var(--rls-deceleration-curve);
4795
- }
4796
-
4797
- @media screen and (max-width: 480px) {
4798
- .rls-field-list {
4799
- --pvt-list-transform: translateY(100%);
4800
- --pvt-list-transform-origin: initial;
4801
- --pvt-list-max-height: initial;
4802
- }
4803
- .rls-field-list__suggestions {
4804
- position: fixed;
4805
- display: flex;
4806
- justify-content: center;
4807
- top: 0rem;
4808
- left: 0rem;
4809
- z-index: var(--rls-z-index-32);
4810
- }
4811
- .rls-field-list__suggestions--visible {
4812
- --pvt-list-transform: translateY(0%);
4813
- --pvt-backdrop-opacity: 1;
4814
- --pvt-backdrop-bottom: 0rem;
4815
- height: 100%;
4816
- }
4817
- .rls-field-list__suggestions__body {
4818
- position: absolute;
4819
- bottom: 0px;
4820
- border: none;
4821
- z-index: var(--rls-z-index-4);
4822
- }
4823
- .rls-field-list__ul {
4824
- max-width: 200rem;
4825
- max-height: 75%;
4826
- padding: var(--rls-sizing-x8) var(--rls-sizing-x2);
4827
- border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
4828
- border: none;
4829
- box-shadow: none;
4830
- }
4831
- .rls-field-list__empty {
4832
- flex-direction: column;
4833
- padding: var(--rls-sizing-x12) var(--rls-sizing-x2);
4834
- }
4835
- .rls-field-list__empty__avatar {
4836
- width: 100%;
4837
- height: auto;
4838
- max-width: var(--rls-sizing-x8);
4839
- margin: auto;
4840
- padding-bottom: var(--rls-sizing-x6);
4841
- }
4842
- .rls-field-list__empty__description label,
4843
- .rls-field-list__empty__description p {
4844
- text-align: center;
4845
- }
4846
- }
4847
-
4848
- .rls-form {
4849
- display: flex;
4850
- flex-direction: column;
4851
- row-gap: var(--rls-sizing-x8);
4852
- }
4853
- .rls-form__content {
4854
- position: relative;
4855
- padding: 0rem var(--rls-sizing-x8);
4856
- box-sizing: border-box;
4857
- }
4858
- .rls-form__footer {
4859
- position: relative;
4860
- display: flex;
4861
- justify-content: var(--rlc-form-footer-justify-content);
4862
- column-gap: var(--rls-sizing-x8);
4863
- padding: 0rem var(--rls-sizing-x8);
4864
- box-sizing: border-box;
4865
- }
4866
-
4867
- .rls-aspect-ratio {
4868
- --rls-app-font-size-1360: 2.5px;
4869
- --rls-app-font-size-1820: 2.925px;
4870
- }
4871
-
4872
- @media screen and (min-width: 1360px) {
4873
- .rls-aspect-ratio {
4874
- --rls-app-font-size: var(--rls-app-font-size-1360);
4875
- }
4876
- }
4877
-
4878
- @media screen and (min-width: 1820px) {
4879
- .rls-aspect-ratio {
4880
- --rls-app-font-size: var(--rls-app-font-size-1820);
4881
- }
4882
- }