@rolster/styles-foundations 1.1.14 → 2.2.0

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 (39) hide show
  1. package/dist/rolster-styles.css +1819 -1488
  2. package/dist/rolster-styles.min.css +1 -1
  3. package/dist/rolster-styles.rtl.css +1819 -1488
  4. package/dist/rolster-styles.rtl.min.css +1 -1
  5. package/package.json +1 -1
  6. package/readme.md +1 -1
  7. package/scss/_rolster-components.scss +64 -63
  8. package/scss/_rolster-foundations.scss +9 -9
  9. package/scss/_rolster-styles.scss +15 -2
  10. package/scss/_rolster-utilities.scss +9 -9
  11. package/scss/components/_app.scss +16 -16
  12. package/scss/components/_box-field.scss +34 -35
  13. package/scss/components/_data-table.scss +75 -74
  14. package/scss/components/_form.scss +7 -7
  15. package/scss/components/_list-field.scss +69 -70
  16. package/scss/foundations/_animations.foundation.scss +16 -0
  17. package/scss/foundations/_colors.foundation.scss +290 -0
  18. package/scss/foundations/_elevations.foundation.scss +157 -0
  19. package/scss/foundations/_sizings.foundation.scss +74 -0
  20. package/scss/foundations/_themes.foundation.scss +172 -0
  21. package/scss/foundations/_typographics.foundation.scss +26 -0
  22. package/scss/utilities/_colors.utility.scss +54 -0
  23. package/scss/utilities/_helpers.utility.scss +124 -0
  24. package/scss/utilities/{_layout-utilities.scss → _layout.utility.scss} +6 -6
  25. package/scss/utilities/{_normalize-utilities.scss → _normalize.utility.scss} +14 -8
  26. package/scss/utilities/{_texts-utilities.scss → _texts.utility.scss} +14 -14
  27. package/scss/utilities/_themes.utility.scss +42 -0
  28. package/scss/utilities/_typographics.utility.scss +107 -0
  29. package/scss/foundations/_animations-foundations.scss +0 -16
  30. package/scss/foundations/_colors-foundations.scss +0 -270
  31. package/scss/foundations/_elevations-foundations.scss +0 -157
  32. package/scss/foundations/_sizings-foundations.scss +0 -74
  33. package/scss/foundations/_themes-foundations.scss +0 -160
  34. package/scss/foundations/_typographics-foundations.scss +0 -26
  35. package/scss/utilities/_colors-utilities.scss +0 -54
  36. package/scss/utilities/_helpers-utilities.scss +0 -124
  37. package/scss/utilities/_themes-utilities.scss +0 -42
  38. package/scss/utilities/_typographics-utilities.scss +0 -107
  39. /package/scss/foundations/{_responsives-foundations.scss → _responsives.foundation.scss} +0 -0
package/dist/rolster-styles.rtl.css CHANGED
@@ -1,191 +1,246 @@
1
1
  :root {
2
- --standard-curve: cubic-bezier(0.4, 0, 0.2, 1);
3
- --deceleration-curve: cubic-bezier(0, 0, 0.2, 1);
4
- --acceleration-curve: cubic-bezier(0.4, 0, 1, 1);
5
- --sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
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
6
  }
7
7
 
8
8
  :root {
9
- --background-dark-500: rgba(37, 38, 65, 1);
10
- --background-dark-300: rgba(52, 57, 87, 1);
11
- --background-dark-100: rgba(72, 77, 107, 1);
12
- --background-light-500: rgba(255, 255, 255, 1);
13
- --background-light-300: rgba(239, 242, 252, 1);
14
- --background-light-100: rgba(221, 223, 237, 1);
15
- --color-dark-500: rgba(40, 50, 61, 1);
16
- --color-dark-300: rgba(98, 111, 155, 1);
17
- --color-dark-100: rgba(173, 186, 212, 1);
18
- --color-light-500: rgba(255, 255, 255, 1);
19
- --color-light-300: rgba(185, 195, 231, 1);
20
- --color-light-100: rgba(128, 141, 190, 1);
21
- --border-dark-500: rgba(85, 95, 131, 1);
22
- --border-dark-300: rgba(173, 186, 230, 1);
23
- --border-dark-100: rgba(209, 214, 239, 1);
24
- --border-light-500: rgba(255, 255, 255, 1);
25
- --border-light-300: rgba(185, 195, 231, 1);
26
- --border-light-100: rgba(128, 141, 190, 1);
27
- --color-primary-900: rgba(21, 56, 101, 1);
28
- --color-primary-700: rgba(17, 75, 147, 1);
29
- --color-primary-500: rgba(33, 122, 214, 1);
30
- --color-primary-300: rgba(136, 186, 241, 1);
31
- --color-primary-100: rgba(227, 236, 251, 1);
32
- --skeleton-primary-500: rgba(17, 75, 147, 0.5);
33
- --skeleton-primary-300: rgba(17, 75, 147, 0.25);
34
- --skeleton-primary-100: rgba(17, 75, 147, 0.1);
35
- --box-shadow-primary-500: rgba(33, 122, 214, 0.24);
36
- --backdrop-primary-500: rgba(21, 56, 101, 0.8);
37
- --gradient-primary-500: linear-gradient(
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-300: rgba(32, 83, 136, 0.25);
32
+ --rls-standard-skeleton-100: rgba(32, 83, 136, 0.1);
33
+ --rls-standard-color-500: rgba(53, 128, 194, 1);
34
+ --rls-standard-shadow-500: rgba(53, 128, 194, 0.24);
35
+ --rls-standard-color-400: rgba(148, 190, 229, 1);
36
+ --rls-standard-color-300: rgba(198, 219, 241, 1);
37
+ --rls-standard-color-200: rgba(229, 238, 249, 1);
38
+ --rls-standard-color-100: rgba(243, 247, 252, 1);
39
+ --rls-standard-gradient-700: linear-gradient(
38
40
  180deg,
39
- rgb(33, 122, 214) 0%,
40
- rgb(17, 75, 147) 100%
41
+ var(--rls-standard-color-700) 0%,
42
+ var(--rls-standard-color-900) 100%
41
43
  );
42
- --color-success-900: rgba(4, 80, 56, 1);
43
- --color-success-700: rgba(0, 124, 82, 1);
44
- --color-success-500: rgba(10, 191, 121, 1);
45
- --color-success-300: rgba(106, 235, 177, 1);
46
- --color-success-100: rgba(208, 251, 227, 1);
47
- --skeleton-success-500: rgba(0, 124, 82, 0.5);
48
- --skeleton-success-300: rgba(0, 124, 82, 0.25);
49
- --skeleton-success-100: rgba(0, 124, 82, 0.1);
50
- --box-shadow-success-500: rgba(10, 191, 121, 0.24);
51
- --backdrop-success-500: rgba(4, 80, 56, 0.8);
52
- --gradient-success-500: linear-gradient(
44
+ --rls-standard-gradient-500: linear-gradient(
53
45
  180deg,
54
- rgb(10, 191, 121) 0%,
55
- rgb(0, 124, 82) 100%
46
+ var(--rls-standard-color-500) 0%,
47
+ var(--rls-standard-color-700) 100%
56
48
  );
57
- --color-info-900: rgba(7, 70, 115, 1);
58
- --color-info-700: rgba(0, 100, 170, 1);
59
- --color-info-500: rgba(2, 159, 245, 1);
60
- --color-info-300: rgba(118, 207, 255, 1);
61
- --color-info-100: rgba(222, 241, 255, 1);
62
- --skeleton-info-500: rgba(0, 100, 170, 0.5);
63
- --skeleton-info-300: rgba(0, 100, 170, 0.25);
64
- --skeleton-info-100: rgba(0, 100, 170, 0.1);
65
- --box-shadow-info-500: rgba(2, 159, 245, 0.24);
66
- --backdrop-info-500: rgba(7, 70, 115, 0.8);
67
- --gradient-info-500: linear-gradient(
49
+ --rls-success-color-900: rgba(1, 45, 33, 1);
50
+ --rls-success-backdrop-900: rgba(1, 45, 33, 0.8);
51
+ --rls-success-color-700: rgba(0, 124, 82, 1);
52
+ --rls-success-skeleton-500: rgba(0, 124, 82, 0.5);
53
+ --rls-success-skeleton-300: rgba(0, 124, 82, 0.25);
54
+ --rls-success-skeleton-100: rgba(0, 124, 82, 0.1);
55
+ --rls-success-color-500: rgba(10, 191, 121, 1);
56
+ --rls-success-shadow-500: rgba(10, 191, 121, 0.24);
57
+ --rls-success-color-400: rgba(106, 235, 177, 1);
58
+ --rls-success-color-300: rgba(164, 246, 203, 1);
59
+ --rls-success-color-200: rgba(208, 251, 227, 1);
60
+ --rls-success-color-100: rgba(235, 254, 244, 1);
61
+ --rls-success-gradient-700: linear-gradient(
68
62
  180deg,
69
- rgb(2, 159, 245) 0%,
70
- rgb(0, 100, 170) 100%
63
+ var(--rls-success-color-700) 0%,
64
+ var(--rls-success-color-900) 100%
71
65
  );
72
- --color-happy-900: rgb(63, 19, 63, 1);
73
- --color-happy-700: rgb(142, 58, 145, 1);
74
- --color-happy-500: rgba(170, 73, 176, 1);
75
- --color-happy-300: rgba(217, 147, 223, 1);
76
- --color-happy-100: rgba(240, 217, 245, 1);
77
- --skeleton-happy-500: rgba(142, 58, 145, 0.5);
78
- --skeleton-happy-300: rgba(142, 58, 145, 0.25);
79
- --skeleton-happy-100: rgba(142, 58, 145, 0.1);
80
- --box-shadow-happy-500: rgba(170, 73, 176, 0.24);
81
- --backdrop-happy-500: rgba(63, 19, 63, 0.8);
82
- --gradient-happy-500: linear-gradient(
66
+ --rls-success-gradient-500: linear-gradient(
83
67
  180deg,
84
- rgb(170, 73, 176) 0%,
85
- rgb(142, 58, 145) 100%
68
+ var(--rls-success-color-500) 0%,
69
+ var(--rls-success-color-700) 100%
86
70
  );
87
- --color-warning-900: rgb(116, 68, 15, 1);
88
- --color-warning-700: rgba(166, 107, 2, 1);
89
- --color-warning-500: rgb(255, 206, 0, 1);
90
- --color-warning-300: rgba(255, 238, 65, 1);
91
- --color-warning-100: rgba(255, 254, 193, 1);
92
- --skeleton-warning-500: rgba(166, 107, 2, 0.5);
93
- --skeleton-warning-300: rgba(166, 107, 2, 0.25);
94
- --skeleton-warning-100: rgba(166, 107, 2, 0.1);
95
- --box-shadow-warning-500: rgba(255, 206, 0, 0.24);
96
- --backdrop-warning-500: rgba(116, 68, 15, 0.8);
97
- --gradient-warning-500: linear-gradient(
71
+ --rls-info-color-900: rgba(4, 45, 77, 1);
72
+ --rls-info-backdrop-900: rgba(4, 45, 77, 0.8);
73
+ --rls-info-color-700: rgba(0, 101, 170, 1);
74
+ --rls-info-skeleton-500: rgba(0, 101, 170, 0.5);
75
+ --rls-info-skeleton-300: rgba(0, 101, 170, 0.25);
76
+ --rls-info-skeleton-100: rgba(0, 101, 170, 0.1);
77
+ --rls-info-color-500: rgba(2, 159, 245, 1);
78
+ --rls-info-shadow-500: rgba(2, 159, 245, 0.24);
79
+ --rls-info-color-400: rgba(118, 207, 255, 1);
80
+ --rls-info-color-300: rgba(182, 228, 255, 1);
81
+ --rls-info-color-200: rgba(222, 241, 255, 1);
82
+ --rls-info-color-100: rgba(239, 248, 255, 1);
83
+ --rls-info-gradient-700: linear-gradient(
98
84
  180deg,
99
- rgb(255, 206, 0) 0%,
100
- rgb(166, 107, 2) 100%
85
+ var(--rls-info-color-700) 0%,
86
+ var(--rls-info-color-900) 100%
101
87
  );
102
- color: #881414;
103
- --color-danger-900: rgba(136, 20, 20, 1);
104
- --color-danger-700: rgba(200, 13, 13, 1);
105
- --color-danger-500: rgba(255, 44, 44, 1);
106
- --color-danger-300: rgba(255, 157, 157, 1);
107
- --color-danger-100: rgba(255, 223, 223, 1);
108
- --skeleton-danger-500: rgba(200, 13, 13, 0.5);
109
- --skeleton-danger-300: rgba(200, 13, 13, 0.25);
110
- --skeleton-danger-100: rgba(200, 13, 13, 0.1);
111
- --box-shadow-danger-500: rgba(255, 44, 44, 0.24);
112
- --backdrop-danger-500: rgba(136, 20, 20, 0.8);
113
- --gradient-danger-500: linear-gradient(
88
+ --rls-info-gradient-500: linear-gradient(
114
89
  180deg,
115
- rgb(255, 44, 44) 0%,
116
- rgb(200, 13, 13) 100%
90
+ var(--rls-info-color-500) 0%,
91
+ var(--rls-info-color-700) 100%
117
92
  );
118
- --color-coffee-900: rgba(93, 57, 49, 1);
119
- --color-coffee-700: rgba(140, 83, 66, 1);
120
- --color-coffee-500: rgba(182, 121, 89, 1);
121
- --color-coffee-300: rgba(219, 193, 172, 1);
122
- --color-coffee-100: rgb(243, 234, 225, 1);
123
- --skeleton-coffee-500: rgba(140, 83, 66, 0.5);
124
- --skeleton-coffee-300: rgba(140, 83, 66, 0.25);
125
- --skeleton-coffee-100: rgba(140, 83, 66, 0.1);
126
- --box-shadow-coffee-500: rgba(182, 121, 89, 0.24);
127
- --backdrop-coffee-500: rgba(93, 57, 49, 0.8);
128
- --gradient-coffee-500: linear-gradient(
93
+ --rls-warning-color-900: rgba(70, 27, 2, 1);
94
+ --rls-warning-backdrop-900: rgba(70, 27, 2, 0.8);
95
+ --rls-warning-color-700: rgba(148, 64, 12, 1);
96
+ --rls-warning-skeleton-500: rgba(148, 64, 12, 0.5);
97
+ --rls-warning-skeleton-300: rgba(148, 64, 12, 0.25);
98
+ --rls-warning-skeleton-100: rgba(148, 64, 12, 0.1);
99
+ --rls-warning-color-500: rgba(222, 123, 2, 1);
100
+ --rls-warning-shadow-500: rgba(222, 123, 2, 0.24);
101
+ --rls-warning-color-400: rgba(255, 195, 32, 1);
102
+ --rls-warning-color-300: rgba(255, 221, 103, 1);
103
+ --rls-warning-color-200: rgba(255, 232, 136, 1);
104
+ --rls-warning-color-100: rgba(255, 245, 198, 1);
105
+ --rls-warning-gradient-700: linear-gradient(
129
106
  180deg,
130
- rgb(182, 121, 89) 0%,
131
- rgb(140, 83, 66) 100%
107
+ var(--rls-warning-color-700) 0%,
108
+ var(--rls-warning-color-900) 100%
132
109
  );
133
- --color-obsidian-900: rgba(58, 50, 45, 1);
134
- --color-obsidian-700: rgba(97, 84, 71, 1);
135
- --color-obsidian-500: rgba(141, 127, 101, 1);
136
- --color-obsidian-300: rgb(178, 170, 146, 1);
137
- --color-obsidian-100: rgb(230, 228, 219, 1);
138
- --skeleton-obsidian-500: rgba(97, 84, 71, 0.5);
139
- --skeleton-obsidian-300: rgba(97, 84, 71, 0.25);
140
- --skeleton-obsidian-100: rgba(97, 84, 71, 0.1);
141
- --box-shadow-obsidian-500: rgba(141, 127, 101, 0.24);
142
- --backdrop-obsidian-500: rgba(58, 50, 45, 0.8);
143
- --gradient-obsidian-500: linear-gradient(
110
+ --rls-warning-gradient-500: linear-gradient(
144
111
  180deg,
145
- rgb(141, 127, 101) 0%,
146
- rgb(97, 84, 71) 100%
112
+ var(--rls-warning-color-500) 0%,
113
+ var(--rls-warning-color-700) 100%
114
+ );
115
+ --rls-danger-color-900: rgba(75, 4, 4, 1);
116
+ --rls-danger-backdrop-900: rgba(75, 4, 4, 0.8);
117
+ --rls-danger-color-700: rgba(157, 23, 23, 1);
118
+ --rls-danger-skeleton-500: rgba(157, 23, 23, 0.5);
119
+ --rls-danger-skeleton-300: rgba(157, 23, 23, 0.25);
120
+ --rls-danger-skeleton-100: rgba(157, 23, 23, 0.1);
121
+ --rls-danger-color-500: rgba(255, 44, 44, 1);
122
+ --rls-danger-shadow-500: rgba(255, 44, 44, 0.24);
123
+ --rls-danger-color-400: rgba(255, 157, 157, 1);
124
+ --rls-danger-color-300: rgba(255, 197, 197, 1);
125
+ --rls-danger-color-200: rgba(255, 223, 223, 1);
126
+ --rls-danger-color-100: rgba(255, 241, 241, 1);
127
+ --rls-danger-gradient-700: linear-gradient(
128
+ 180deg,
129
+ var(--rls-danger-color-700) 0%,
130
+ var(--rls-danger-color-900) 100%
131
+ );
132
+ --rls-danger-gradient-500: linear-gradient(
133
+ 180deg,
134
+ var(--rls-danger-color-500) 0%,
135
+ var(--rls-danger-color-700) 100%
136
+ );
137
+ --rls-amaizing-color-900: rgba(63, 19, 63, 1);
138
+ --rls-amaizing-backdrop-900: rgba(63, 19, 63, 0.8);
139
+ --rls-amaizing-color-700: rgba(118, 49, 119, 1);
140
+ --rls-amaizing-skeleton-500: rgba(118, 49, 119, 0.5);
141
+ --rls-amaizing-skeleton-300: rgba(118, 49, 119, 0.25);
142
+ --rls-amaizing-skeleton-100: rgba(118, 49, 119, 0.1);
143
+ --rls-amaizing-color-500: rgba(170, 73, 176, 1);
144
+ --rls-amaizing-shadow-500: rgba(170, 73, 176, 0.24);
145
+ --rls-amaizing-color-400: rgba(231, 187, 236, 1);
146
+ --rls-amaizing-color-300: rgba(240, 217, 245, 1);
147
+ --rls-amaizing-color-200: rgba(248, 237, 250, 1);
148
+ --rls-amaizing-color-100: rgba(252, 246, 253, 1);
149
+ --rls-amaizing-gradient-700: linear-gradient(
150
+ 180deg,
151
+ var(--rls-amaizing-color-700) 0%,
152
+ var(--rls-amaizing-color-900) 100%
153
+ );
154
+ --rls-amaizing-gradient-500: linear-gradient(
155
+ 180deg,
156
+ var(--rls-amaizing-color-500) 0%,
157
+ var(--rls-amaizing-color-700) 100%
158
+ );
159
+ --rls-smartness-color-900: rgba(50, 24, 22, 1);
160
+ --rls-smartness-backdrop-900: rgba(50, 24, 22, 0.8);
161
+ --rls-smartness-color-700: rgba(131, 69, 58, 1);
162
+ --rls-smartness-skeleton-500: rgba(131, 69, 58, 0.5);
163
+ --rls-smartness-skeleton-300: rgba(131, 69, 58, 0.25);
164
+ --rls-smartness-skeleton-100: rgba(131, 69, 58, 0.1);
165
+ --rls-smartness-color-500: rgba(182, 121, 89, 1);
166
+ --rls-smartness-shadow-500: rgba(182, 121, 89, 0.24);
167
+ --rls-smartness-color-400: rgba(201, 163, 128, 1);
168
+ --rls-smartness-color-300: rgba(220, 196, 171, 1);
169
+ --rls-smartness-color-200: rgba(238, 226, 215, 1);
170
+ --rls-smartness-color-100: rgba(249, 246, 241, 1);
171
+ --rls-smartness-gradient-700: linear-gradient(
172
+ 180deg,
173
+ var(--rls-smartness-color-700) 0%,
174
+ var(--rls-smartness-color-900) 100%
175
+ );
176
+ --rls-smartness-gradient-500: linear-gradient(
177
+ 180deg,
178
+ var(--rls-smartness-color-500) 0%,
179
+ var(--rls-smartness-color-700) 100%
180
+ );
181
+ --rls-obsidian-color-900: rgba(41, 34, 31, 1);
182
+ --rls-obsidian-backdrop-900: rgba(41, 34, 31, 0.8);
183
+ --rls-obsidian-color-700: rgba(98, 83, 70, 1);
184
+ --rls-obsidian-skeleton-500: rgba(98, 83, 70, 0.5);
185
+ --rls-obsidian-skeleton-300: rgba(98, 83, 70, 0.25);
186
+ --rls-obsidian-skeleton-100: rgba(98, 83, 70, 0.1);
187
+ --rls-obsidian-color-500: rgba(141, 127, 101, 1);
188
+ --rls-obsidian-shadow-500: rgba(141, 127, 101, 0.24);
189
+ --rls-obsidian-color-400: rgba(178, 170, 146, 1);
190
+ --rls-obsidian-color-300: rgba(206, 202, 186, 1);
191
+ --rls-obsidian-color-200: rgba(230, 228, 219, 1);
192
+ --rls-obsidian-color-100: rgba(245, 245, 241, 1);
193
+ --rls-obsidian-gradient-700: linear-gradient(
194
+ 180deg,
195
+ var(--rls-obsidian-color-700) 0%,
196
+ var(--rls-obsidian-color-900) 100%
197
+ );
198
+ --rls-obsidian-gradient-500: linear-gradient(
199
+ 180deg,
200
+ var(--rls-obsidian-color-500) 0%,
201
+ var(--rls-obsidian-color-700) 100%
147
202
  );
148
203
  }
149
204
 
150
205
  :root {
151
- --sizing-x1: 1rem;
152
- --sizing-x2: 2rem;
153
- --sizing-x3: 3rem;
154
- --sizing-x4: 4rem;
155
- --sizing-x6: 6rem;
156
- --sizing-x8: 8rem;
157
- --sizing-x10: 10rem;
158
- --sizing-x12: 12rem;
159
- --sizing-x14: 14rem;
160
- --sizing-x16: 16rem;
161
- --sizing-x18: 18rem;
162
- --sizing-x20: 20rem;
163
- --sizing-x22: 22rem;
164
- --sizing-x24: 24rem;
165
- --sizing-x26: 26rem;
166
- --sizing-x28: 28rem;
167
- --sizing-x30: 30rem;
168
- --sizing-x32: 32rem;
169
- --border-1: 1px;
170
- --border-2: 2px;
171
- --border-4: 4px;
206
+ --rls-sizing-x1: 1rem;
207
+ --rls-sizing-x2: 2rem;
208
+ --rls-sizing-x3: 3rem;
209
+ --rls-sizing-x4: 4rem;
210
+ --rls-sizing-x6: 6rem;
211
+ --rls-sizing-x8: 8rem;
212
+ --rls-sizing-x10: 10rem;
213
+ --rls-sizing-x12: 12rem;
214
+ --rls-sizing-x14: 14rem;
215
+ --rls-sizing-x16: 16rem;
216
+ --rls-sizing-x18: 18rem;
217
+ --rls-sizing-x20: 20rem;
218
+ --rls-sizing-x22: 22rem;
219
+ --rls-sizing-x24: 24rem;
220
+ --rls-sizing-x26: 26rem;
221
+ --rls-sizing-x28: 28rem;
222
+ --rls-sizing-x30: 30rem;
223
+ --rls-sizing-x32: 32rem;
224
+ --rls-border-1: 1px;
225
+ --rls-border-2: 2px;
226
+ --rls-border-4: 4px;
172
227
  }
173
228
 
174
229
  @supports (padding-top: constant(safe-area-inset-top)) {
175
230
  :root {
176
- --sizing-safe-top: constant(safe-area-inset-top);
177
- --sizing-safe-right: constant(safe-area-inset-left);
178
- --sizing-safe-bottom: constant(safe-area-inset-bottom);
179
- --sizing-safe-left: constant(safe-area-inset-right);
231
+ --rls-sizing-safe-top: constant(safe-area-inset-top);
232
+ --rls-sizing-safe-right: constant(safe-area-inset-left);
233
+ --rls-sizing-safe-bottom: constant(safe-area-inset-bottom);
234
+ --rls-sizing-safe-left: constant(safe-area-inset-right);
180
235
  }
181
236
  }
182
237
 
183
238
  @supports (padding-top: env(safe-area-inset-top)) {
184
239
  :root {
185
- --sizing-safe-top: env(safe-area-inset-top);
186
- --sizing-safe-right: env(safe-area-inset-left);
187
- --sizing-safe-bottom: env(safe-area-inset-bottom);
188
- --sizing-safe-left: env(safe-area-inset-right);
240
+ --rls-sizing-safe-top: env(safe-area-inset-top);
241
+ --rls-sizing-safe-right: env(safe-area-inset-left);
242
+ --rls-sizing-safe-bottom: env(safe-area-inset-bottom);
243
+ --rls-sizing-safe-left: env(safe-area-inset-right);
189
244
  }
190
245
  }
191
246
 
@@ -890,503 +945,762 @@
890
945
  }
891
946
 
892
947
  :root {
893
- --z-index-2: 2;
894
- --z-index-4: 4;
895
- --z-index-6: 6;
896
- --z-index-8: 8;
897
- --z-index-12: 12;
898
- --z-index-16: 16;
899
- --z-index-24: 24;
900
- --z-index-32: 32;
901
- --shadow-1: 0px 4px 2px -2px rgba(50, 44, 47, 0.02);
902
- --shadow-2: 0px 4px 8px -2px rgba(50, 44, 47, 0.04);
903
- --shadow-3: 0px 2px 4px -2px rgba(50, 44, 47, 0.08);
904
- --shadow-4: 0px 4px 8px -6px rgba(50, 44, 47, 0.03),
948
+ --rls-z-index-2: 2;
949
+ --rls-z-index-4: 4;
950
+ --rls-z-index-6: 6;
951
+ --rls-z-index-8: 8;
952
+ --rls-z-index-12: 12;
953
+ --rls-z-index-16: 16;
954
+ --rls-z-index-24: 24;
955
+ --rls-z-index-32: 32;
956
+ --rls-app-shadow-1: 0px 4px 2px -2px rgba(50, 44, 47, 0.02);
957
+ --rls-app-shadow-2: 0px 4px 8px -2px rgba(50, 44, 47, 0.04);
958
+ --rls-app-shadow-3: 0px 2px 4px -2px rgba(50, 44, 47, 0.08);
959
+ --rls-app-shadow-4: 0px 4px 8px -6px rgba(50, 44, 47, 0.03),
905
960
  0px 16px 8px -4px rgba(50, 44, 47, 0.03);
906
- --shadow-5: 0px 8px 24px -4px rgba(50, 44, 47, 0.08);
907
- --shadow-6: 0px 8px 24px -4px rgba(50, 44, 47, 0.12);
908
- --shadow-bottom-light-2: 0px 2px 2px rgba(173, 186, 230, 0.4);
909
- --shadow-bottom-light-4: 0px 4px 4px rgba(173, 186, 230, 0.4);
910
- --shadow-bottom-light-8: 0px 8px 8px rgba(173, 186, 230, 0.4);
911
- --shadow-bottom-light-16: 0px 16px 16px rgba(173, 186, 230, 0.4);
912
- --shadow-bottom-light-24: 0px 24px 24px rgba(173, 186, 230, 0.4);
913
- --shadow-bottom-light-32: 0px 32px 32px rgba(173, 186, 230, 0.4);
914
- --shadow-top-light-2: 0px -2px 2px rgba(173, 186, 230, 0.4);
915
- --shadow-top-light-4: 0px -4px 4px rgba(173, 186, 230, 0.4);
916
- --shadow-top-light-8: 0px -8px 8px rgba(173, 186, 230, 0.4);
917
- --shadow-top-light-16: 0px -16px 16px rgba(173, 186, 230, 0.4);
918
- --shadow-top-light-24: 0px -24px 24px rgba(173, 186, 230, 0.4);
919
- --shadow-top-light-32: 0px -32px 32px rgba(173, 186, 230, 0.4);
920
- --shadow-right-light-2: 2px 0px 2px rgba(173, 186, 230, 0.4);
921
- --shadow-right-light-4: 4px 0px 4px rgba(173, 186, 230, 0.4);
922
- --shadow-right-light-8: 8px 0px 8px rgba(173, 186, 230, 0.4);
923
- --shadow-right-light-16: 16px 0px 16px rgba(173, 186, 230, 0.4);
924
- --shadow-right-light-24: 24px 0px 24px rgba(173, 186, 230, 0.4);
925
- --shadow-right-light-32: 32px 0px 32px rgba(173, 186, 230, 0.4);
926
- --shadow-left-light-2: -2px 0px 2px rgba(173, 186, 230, 0.4);
927
- --shadow-left-light-4: -4px 0px 4px rgba(173, 186, 230, 0.4);
928
- --shadow-left-light-8: -8px 0px 8px rgba(173, 186, 230, 0.4);
929
- --shadow-left-light-16: -16px 0px 16px rgba(173, 186, 230, 0.4);
930
- --shadow-left-light-24: -24px 0px 24px rgba(173, 186, 230, 0.4);
931
- --shadow-left-light-32: -32px 0px 32px rgba(173, 186, 230, 0.4);
932
- --shadow-center-light-2: 0px 0px 2px 0px rgba(173, 186, 230, 0.4);
933
- --shadow-center-light-4: 0px 0px 4px 0px rgba(173, 186, 230, 0.4);
934
- --shadow-center-light-8: 0px 0px 8px 0px rgba(173, 186, 230, 0.4);
935
- --shadow-center-light-16: 0px 0px 16px 0px rgba(173, 186, 230, 0.4);
936
- --shadow-center-light-24: 0px 0px 24px 0px rgba(173, 186, 230, 0.4);
937
- --shadow-center-light-32: 0px 0px 32px 0px rgba(173, 186, 230, 0.4);
938
- --shadow-bottom-dark-2: 0px 2px 2px rgba(50, 44, 47, 0.4);
939
- --shadow-bottom-dark-4: 0px 4px 4px rgba(50, 44, 47, 0.4);
940
- --shadow-bottom-dark-8: 0px 8px 8px rgba(50, 44, 47, 0.4);
941
- --shadow-bottom-dark-16: 0px 16px 16px rgba(50, 44, 47, 0.4);
942
- --shadow-bottom-dark-24: 0px 24px 24px rgba(50, 44, 47, 0.4);
943
- --shadow-bottom-dark-32: 0px 32px 32px rgba(50, 44, 47, 0.4);
944
- --shadow-top-dark-2: 0px -2px 2px rgba(50, 44, 47, 0.4);
945
- --shadow-top-dark-4: 0px -4px 4px rgba(50, 44, 47, 0.4);
946
- --shadow-top-dark-8: 0px -8px 8px rgba(50, 44, 47, 0.4);
947
- --shadow-top-dark-16: 0px -16px 16px rgba(50, 44, 47, 0.4);
948
- --shadow-top-dark-24: 0px -24px 24px rgba(50, 44, 47, 0.4);
949
- --shadow-top-dark-32: 0px -32px 32px rgba(50, 44, 47, 0.4);
950
- --shadow-right-dark-2: 2px 0px 2px rgba(50, 44, 47, 0.4);
951
- --shadow-right-dark-4: 4px 0px 4px rgba(50, 44, 47, 0.4);
952
- --shadow-right-dark-8: 8px 0px 8px rgba(50, 44, 47, 0.4);
953
- --shadow-right-dark-16: 16px 0px 16px rgba(50, 44, 47, 0.4);
954
- --shadow-right-dark-24: 24px 0px 24px rgba(50, 44, 47, 0.4);
955
- --shadow-right-dark-32: 32px 0px 32px rgba(50, 44, 47, 0.4);
956
- --shadow-left-dark-2: -2px 0px 2px rgba(50, 44, 47, 0.4);
957
- --shadow-left-dark-4: -4px 0px 4px rgba(50, 44, 47, 0.4);
958
- --shadow-left-dark-8: -8px 0px 8px rgba(50, 44, 47, 0.4);
959
- --shadow-left-dark-16: -16px 0px 16px rgba(50, 44, 47, 0.4);
960
- --shadow-left-dark-24: -24px 0px 24px rgba(50, 44, 47, 0.4);
961
- --shadow-left-dark-32: -32px 0px 32px rgba(50, 44, 47, 0.4);
962
- --shadow-center-dark-2: 0px 0px 2px 0px rgba(50, 44, 47, 0.4);
963
- --shadow-center-dark-4: 0px 0px 4px 0px rgba(50, 44, 47, 0.4);
964
- --shadow-center-dark-8: 0px 0px 8px 0px rgba(50, 44, 47, 0.4);
965
- --shadow-center-dark-16: 0px 0px 16px 0px rgba(50, 44, 47, 0.4);
966
- --shadow-center-dark-24: 0px 0px 24px 0px rgba(50, 44, 47, 0.4);
967
- --shadow-center-dark-32: 0px 0px 32px 0px rgba(50, 44, 47, 0.4);
961
+ --rls-app-shadow-5: 0px 8px 24px -4px rgba(50, 44, 47, 0.08);
962
+ --rls-app-shadow-6: 0px 8px 24px -4px rgba(50, 44, 47, 0.12);
963
+ --rls-light-shadow-bottom-2: 0px 2px 2px rgba(173, 186, 230, 0.4);
964
+ --rls-light-shadow-bottom-4: 0px 4px 4px rgba(173, 186, 230, 0.4);
965
+ --rls-light-shadow-bottom-8: 0px 8px 8px rgba(173, 186, 230, 0.4);
966
+ --rls-light-shadow-bottom-16: 0px 16px 16px rgba(173, 186, 230, 0.4);
967
+ --rls-light-shadow-bottom-24: 0px 24px 24px rgba(173, 186, 230, 0.4);
968
+ --rls-light-shadow-bottom-32: 0px 32px 32px rgba(173, 186, 230, 0.4);
969
+ --rls-light-shadow-top-2: 0px -2px 2px rgba(173, 186, 230, 0.4);
970
+ --rls-light-shadow-top-4: 0px -4px 4px rgba(173, 186, 230, 0.4);
971
+ --rls-light-shadow-top-8: 0px -8px 8px rgba(173, 186, 230, 0.4);
972
+ --rls-light-shadow-top-16: 0px -16px 16px rgba(173, 186, 230, 0.4);
973
+ --rls-light-shadow-top-24: 0px -24px 24px rgba(173, 186, 230, 0.4);
974
+ --rls-light-shadow-top-32: 0px -32px 32px rgba(173, 186, 230, 0.4);
975
+ --rls-light-shadow-right-2: 2px 0px 2px rgba(173, 186, 230, 0.4);
976
+ --rls-light-shadow-right-4: 4px 0px 4px rgba(173, 186, 230, 0.4);
977
+ --rls-light-shadow-right-8: 8px 0px 8px rgba(173, 186, 230, 0.4);
978
+ --rls-light-shadow-right-16: 16px 0px 16px rgba(173, 186, 230, 0.4);
979
+ --rls-light-shadow-right-24: 24px 0px 24px rgba(173, 186, 230, 0.4);
980
+ --rls-light-shadow-right-32: 32px 0px 32px rgba(173, 186, 230, 0.4);
981
+ --rls-light-shadow-left-2: -2px 0px 2px rgba(173, 186, 230, 0.4);
982
+ --rls-light-shadow-left-4: -4px 0px 4px rgba(173, 186, 230, 0.4);
983
+ --rls-light-shadow-left-8: -8px 0px 8px rgba(173, 186, 230, 0.4);
984
+ --rls-light-shadow-left-16: -16px 0px 16px rgba(173, 186, 230, 0.4);
985
+ --rls-light-shadow-left-24: -24px 0px 24px rgba(173, 186, 230, 0.4);
986
+ --rls-light-shadow-left-32: -32px 0px 32px rgba(173, 186, 230, 0.4);
987
+ --rls-light-shadow-center-2: 0px 0px 2px 0px rgba(173, 186, 230, 0.4);
988
+ --rls-light-shadow-center-4: 0px 0px 4px 0px rgba(173, 186, 230, 0.4);
989
+ --rls-light-shadow-center-8: 0px 0px 8px 0px rgba(173, 186, 230, 0.4);
990
+ --rls-light-shadow-center-16: 0px 0px 16px 0px rgba(173, 186, 230, 0.4);
991
+ --rls-light-shadow-center-24: 0px 0px 24px 0px rgba(173, 186, 230, 0.4);
992
+ --rls-light-shadow-center-32: 0px 0px 32px 0px rgba(173, 186, 230, 0.4);
993
+ --rls-dark-shadow-bottom-2: 0px 2px 2px rgba(50, 44, 47, 0.4);
994
+ --rls-dark-shadow-bottom-4: 0px 4px 4px rgba(50, 44, 47, 0.4);
995
+ --rls-dark-shadow-bottom-8: 0px 8px 8px rgba(50, 44, 47, 0.4);
996
+ --rls-dark-shadow-bottom-16: 0px 16px 16px rgba(50, 44, 47, 0.4);
997
+ --rls-dark-shadow-bottom-24: 0px 24px 24px rgba(50, 44, 47, 0.4);
998
+ --rls-dark-shadow-bottom-32: 0px 32px 32px rgba(50, 44, 47, 0.4);
999
+ --rls-dark-shadow-top-2: 0px -2px 2px rgba(50, 44, 47, 0.4);
1000
+ --rls-dark-shadow-top-4: 0px -4px 4px rgba(50, 44, 47, 0.4);
1001
+ --rls-dark-shadow-top-8: 0px -8px 8px rgba(50, 44, 47, 0.4);
1002
+ --rls-dark-shadow-top-16: 0px -16px 16px rgba(50, 44, 47, 0.4);
1003
+ --rls-dark-shadow-top-24: 0px -24px 24px rgba(50, 44, 47, 0.4);
1004
+ --rls-dark-shadow-top-32: 0px -32px 32px rgba(50, 44, 47, 0.4);
1005
+ --rls-dark-shadow-right-2: 2px 0px 2px rgba(50, 44, 47, 0.4);
1006
+ --rls-dark-shadow-right-4: 4px 0px 4px rgba(50, 44, 47, 0.4);
1007
+ --rls-dark-shadow-right-8: 8px 0px 8px rgba(50, 44, 47, 0.4);
1008
+ --rls-dark-shadow-right-16: 16px 0px 16px rgba(50, 44, 47, 0.4);
1009
+ --rls-dark-shadow-right-24: 24px 0px 24px rgba(50, 44, 47, 0.4);
1010
+ --rls-dark-shadow-right-32: 32px 0px 32px rgba(50, 44, 47, 0.4);
1011
+ --rls-dark-shadow-left-2: -2px 0px 2px rgba(50, 44, 47, 0.4);
1012
+ --rls-dark-shadow-left-4: -4px 0px 4px rgba(50, 44, 47, 0.4);
1013
+ --rls-dark-shadow-left-8: -8px 0px 8px rgba(50, 44, 47, 0.4);
1014
+ --rls-dark-shadow-left-16: -16px 0px 16px rgba(50, 44, 47, 0.4);
1015
+ --rls-dark-shadow-left-24: -24px 0px 24px rgba(50, 44, 47, 0.4);
1016
+ --rls-dark-shadow-left-32: -32px 0px 32px rgba(50, 44, 47, 0.4);
1017
+ --rls-dark-shadow-center-2: 0px 0px 2px 0px rgba(50, 44, 47, 0.4);
1018
+ --rls-dark-shadow-center-4: 0px 0px 4px 0px rgba(50, 44, 47, 0.4);
1019
+ --rls-dark-shadow-center-8: 0px 0px 8px 0px rgba(50, 44, 47, 0.4);
1020
+ --rls-dark-shadow-center-16: 0px 0px 16px 0px rgba(50, 44, 47, 0.4);
1021
+ --rls-dark-shadow-center-24: 0px 0px 24px 0px rgba(50, 44, 47, 0.4);
1022
+ --rls-dark-shadow-center-32: 0px 0px 32px 0px rgba(50, 44, 47, 0.4);
968
1023
  }
969
1024
 
970
1025
  :root {
971
- --background-theme-500: var(--background-light-500);
972
- --background-theme-300: var(--background-light-300);
973
- --background-theme-100: var(--background-light-100);
974
- --color-theme-500: var(--color-dark-500);
975
- --color-theme-300: var(--color-dark-300);
976
- --color-theme-100: var(--color-dark-100);
977
- --border-theme-500: var(--border-dark-500);
978
- --border-theme-300: var(--border-dark-300);
979
- --border-theme-100: var(--border-dark-100);
980
- --border-1-theme-500: var(--border-1) solid var(--border-dark-500);
981
- --border-2-theme-500: var(--border-2) solid var(--border-dark-500);
982
- --border-4-theme-500: var(--border-4) solid var(--border-dark-500);
983
- --border-1-theme-300: var(--border-1) solid var(--border-dark-300);
984
- --border-2-theme-300: var(--border-2) solid var(--border-dark-300);
985
- --border-4-theme-300: var(--border-4) solid var(--border-dark-300);
986
- --border-1-theme-100: var(--border-1) solid var(--border-dark-100);
987
- --border-2-theme-100: var(--border-2) solid var(--border-dark-100);
988
- --border-4-theme-100: var(--border-4) solid var(--border-dark-100);
989
- --shadow-bottom-theme-2: var(--shadow-bottom-light-2);
990
- --shadow-bottom-theme-4: var(--shadow-bottom-light-4);
991
- --shadow-bottom-theme-8: var(--shadow-bottom-light-8);
992
- --shadow-bottom-theme-16: var(--shadow-bottom-light-16);
993
- --shadow-bottom-theme-24: var(--shadow-bottom-light-24);
994
- --shadow-bottom-theme-32: var(--shadow-bottom-light-32);
995
- --shadow-top-theme-2: var(--shadow-top-light-2);
996
- --shadow-top-theme-4: var(--shadow-top-light-4);
997
- --shadow-top-theme-8: var(--shadow-top-light-8);
998
- --shadow-top-theme-16: var(--shadow-top-light-16);
999
- --shadow-top-theme-24: var(--shadow-top-light-24);
1000
- --shadow-top-theme-32: var(--shadow-top-light-32);
1001
- --shadow-right-theme-2: var(--shadow-right-light-2);
1002
- --shadow-right-theme-4: var(--shadow-right-light-4);
1003
- --shadow-right-theme-8: var(--shadow-right-light-8);
1004
- --shadow-right-theme-16: var(--shadow-right-light-16);
1005
- --shadow-right-theme-24: var(--shadow-right-light-24);
1006
- --shadow-right-theme-32: var(--shadow-right-light-32);
1007
- --shadow-left-theme-2: var(--shadow-left-light-2);
1008
- --shadow-left-theme-4: var(--shadow-left-light-4);
1009
- --shadow-left-theme-8: var(--shadow-left-light-8);
1010
- --shadow-left-theme-16: var(--shadow-left-light-16);
1011
- --shadow-left-theme-24: var(--shadow-left-light-24);
1012
- --shadow-left-theme-32: var(--shadow-left-light-32);
1013
- --shadow-center-theme-2: var(--shadow-center-light-2);
1014
- --shadow-center-theme-4: var(--shadow-center-light-4);
1015
- --shadow-center-theme-8: var(--shadow-center-light-8);
1016
- --shadow-center-theme-16: var(--shadow-center-light-16);
1017
- --shadow-center-theme-24: var(--shadow-center-light-24);
1018
- --shadow-center-theme-32: var(--shadow-center-light-32);
1019
- --border-1-primary-100: var(--border-1) solid var(--color-primary-100);
1020
- --border-2-primary-100: var(--border-2) solid var(--color-primary-100);
1021
- --border-4-primary-100: var(--border-4) solid var(--color-primary-100);
1022
- --border-1-primary-300: var(--border-1) solid var(--color-primary-300);
1023
- --border-2-primary-300: var(--border-2) solid var(--color-primary-300);
1024
- --border-4-primary-300: var(--border-4) solid var(--color-primary-300);
1025
- --border-1-primary-500: var(--border-1) solid var(--color-primary-500);
1026
- --border-2-primary-500: var(--border-2) solid var(--color-primary-500);
1027
- --border-4-primary-500: var(--border-4) solid var(--color-primary-500);
1028
- --border-1-primary-700: var(--border-1) solid var(--color-primary-700);
1029
- --border-2-primary-700: var(--border-2) solid var(--color-primary-700);
1030
- --border-4-primary-700: var(--border-4) solid var(--color-primary-700);
1031
- --border-1-primary-900: var(--border-1) solid var(--color-primary-900);
1032
- --border-2-primary-900: var(--border-2) solid var(--color-primary-900);
1033
- --border-4-primary-900: var(--border-4) solid var(--color-primary-900);
1034
- --border-1-success-100: var(--border-1) solid var(--color-success-100);
1035
- --border-2-success-100: var(--border-2) solid var(--color-success-100);
1036
- --border-4-success-100: var(--border-4) solid var(--color-success-100);
1037
- --border-1-success-300: var(--border-1) solid var(--color-success-300);
1038
- --border-2-success-300: var(--border-2) solid var(--color-success-300);
1039
- --border-4-success-300: var(--border-4) solid var(--color-success-300);
1040
- --border-1-success-500: var(--border-1) solid var(--color-success-500);
1041
- --border-2-success-500: var(--border-2) solid var(--color-success-500);
1042
- --border-4-success-500: var(--border-4) solid var(--color-success-500);
1043
- --border-1-success-700: var(--border-1) solid var(--color-success-700);
1044
- --border-2-success-700: var(--border-2) solid var(--color-success-700);
1045
- --border-4-success-700: var(--border-4) solid var(--color-success-700);
1046
- --border-1-success-900: var(--border-1) solid var(--color-success-900);
1047
- --border-2-success-900: var(--border-2) solid var(--color-success-900);
1048
- --border-4-success-900: var(--border-4) solid var(--color-success-900);
1049
- --border-1-info-100: var(--border-1) solid var(--color-info-100);
1050
- --border-2-info-100: var(--border-2) solid var(--color-info-100);
1051
- --border-4-info-100: var(--border-4) solid var(--color-info-100);
1052
- --border-1-info-300: var(--border-1) solid var(--color-info-300);
1053
- --border-2-info-300: var(--border-2) solid var(--color-info-300);
1054
- --border-4-info-300: var(--border-4) solid var(--color-info-300);
1055
- --border-1-info-500: var(--border-1) solid var(--color-info-500);
1056
- --border-2-info-500: var(--border-2) solid var(--color-info-500);
1057
- --border-4-info-500: var(--border-4) solid var(--color-info-500);
1058
- --border-1-info-700: var(--border-1) solid var(--color-info-700);
1059
- --border-2-info-700: var(--border-2) solid var(--color-info-700);
1060
- --border-4-info-700: var(--border-4) solid var(--color-info-700);
1061
- --border-1-info-900: var(--border-1) solid var(--color-info-900);
1062
- --border-2-info-900: var(--border-2) solid var(--color-info-900);
1063
- --border-4-info-900: var(--border-4) solid var(--color-info-900);
1064
- --border-1-warning-100: var(--border-1) solid var(--color-warning-100);
1065
- --border-2-warning-100: var(--border-2) solid var(--color-warning-100);
1066
- --border-4-warning-100: var(--border-4) solid var(--color-warning-100);
1067
- --border-1-warning-300: var(--border-1) solid var(--color-warning-300);
1068
- --border-2-warning-300: var(--border-2) solid var(--color-warning-300);
1069
- --border-4-warning-300: var(--border-4) solid var(--color-warning-300);
1070
- --border-1-warning-500: var(--border-1) solid var(--color-warning-500);
1071
- --border-2-warning-500: var(--border-2) solid var(--color-warning-500);
1072
- --border-4-warning-500: var(--border-4) solid var(--color-warning-500);
1073
- --border-1-warning-700: var(--border-1) solid var(--color-warning-700);
1074
- --border-2-warning-700: var(--border-2) solid var(--color-warning-700);
1075
- --border-4-warning-700: var(--border-4) solid var(--color-warning-700);
1076
- --border-1-warning-900: var(--border-1) solid var(--color-warning-900);
1077
- --border-2-warning-900: var(--border-2) solid var(--color-warning-900);
1078
- --border-4-warning-900: var(--border-4) solid var(--color-warning-900);
1079
- --border-1-happy-100: var(--border-1) solid var(--color-happy-100);
1080
- --border-2-happy-100: var(--border-2) solid var(--color-happy-100);
1081
- --border-4-happy-100: var(--border-4) solid var(--color-happy-100);
1082
- --border-1-happy-300: var(--border-1) solid var(--color-happy-300);
1083
- --border-2-happy-300: var(--border-2) solid var(--color-happy-300);
1084
- --border-4-happy-300: var(--border-4) solid var(--color-happy-300);
1085
- --border-1-happy-500: var(--border-1) solid var(--color-happy-500);
1086
- --border-2-happy-500: var(--border-2) solid var(--color-happy-500);
1087
- --border-4-happy-500: var(--border-4) solid var(--color-happy-500);
1088
- --border-1-happy-700: var(--border-1) solid var(--color-happy-700);
1089
- --border-2-happy-700: var(--border-2) solid var(--color-happy-700);
1090
- --border-4-happy-700: var(--border-4) solid var(--color-happy-700);
1091
- --border-1-happy-900: var(--border-1) solid var(--color-happy-900);
1092
- --border-2-happy-900: var(--border-2) solid var(--color-happy-900);
1093
- --border-4-happy-900: var(--border-4) solid var(--color-happy-900);
1094
- --border-1-danger-100: var(--border-1) solid var(--color-danger-100);
1095
- --border-2-danger-100: var(--border-2) solid var(--color-danger-100);
1096
- --border-4-danger-100: var(--border-4) solid var(--color-danger-100);
1097
- --border-1-danger-300: var(--border-1) solid var(--color-danger-300);
1098
- --border-2-danger-300: var(--border-2) solid var(--color-danger-300);
1099
- --border-4-danger-300: var(--border-4) solid var(--color-danger-300);
1100
- --border-1-danger-500: var(--border-1) solid var(--color-danger-500);
1101
- --border-2-danger-500: var(--border-2) solid var(--color-danger-500);
1102
- --border-4-danger-500: var(--border-4) solid var(--color-danger-500);
1103
- --border-1-danger-700: var(--border-1) solid var(--color-danger-700);
1104
- --border-2-danger-700: var(--border-2) solid var(--color-danger-700);
1105
- --border-4-danger-700: var(--border-4) solid var(--color-danger-700);
1106
- --border-1-danger-900: var(--border-1) solid var(--color-danger-900);
1107
- --border-2-danger-900: var(--border-2) solid var(--color-danger-900);
1108
- --border-4-danger-900: var(--border-4) solid var(--color-danger-900);
1109
- --border-1-coffee-100: var(--border-1) solid var(--color-coffee-100);
1110
- --border-2-coffee-100: var(--border-2) solid var(--color-coffee-100);
1111
- --border-4-coffee-100: var(--border-4) solid var(--color-coffee-100);
1112
- --border-1-coffee-300: var(--border-1) solid var(--color-coffee-300);
1113
- --border-2-coffee-300: var(--border-2) solid var(--color-coffee-300);
1114
- --border-4-coffee-300: var(--border-4) solid var(--color-coffee-300);
1115
- --border-1-coffee-500: var(--border-1) solid var(--color-coffee-500);
1116
- --border-2-coffee-500: var(--border-2) solid var(--color-coffee-500);
1117
- --border-4-coffee-500: var(--border-4) solid var(--color-coffee-500);
1118
- --border-1-coffee-700: var(--border-1) solid var(--color-coffee-700);
1119
- --border-2-coffee-700: var(--border-2) solid var(--color-coffee-700);
1120
- --border-4-coffee-700: var(--border-4) solid var(--color-coffee-700);
1121
- --border-1-coffee-900: var(--border-1) solid var(--color-coffee-900);
1122
- --border-2-coffee-900: var(--border-2) solid var(--color-coffee-900);
1123
- --border-4-coffee-900: var(--border-4) solid var(--color-coffee-900);
1124
- --border-1-obsidian-100: var(--border-1) solid var(--color-obsidian-100);
1125
- --border-2-obsidian-100: var(--border-2) solid var(--color-obsidian-100);
1126
- --border-4-obsidian-100: var(--border-4) solid var(--color-obsidian-100);
1127
- --border-1-obsidian-300: var(--border-1) solid var(--color-obsidian-300);
1128
- --border-2-obsidian-300: var(--border-2) solid var(--color-obsidian-300);
1129
- --border-4-obsidian-300: var(--border-4) solid var(--color-obsidian-300);
1130
- --border-1-obsidian-500: var(--border-1) solid var(--color-obsidian-500);
1131
- --border-2-obsidian-500: var(--border-2) solid var(--color-obsidian-500);
1132
- --border-4-obsidian-500: var(--border-4) solid var(--color-obsidian-500);
1133
- --border-1-obsidian-700: var(--border-1) solid var(--color-obsidian-700);
1134
- --border-2-obsidian-700: var(--border-2) solid var(--color-obsidian-700);
1135
- --border-4-obsidian-700: var(--border-4) solid var(--color-obsidian-700);
1136
- --border-1-obsidian-900: var(--border-1) solid var(--color-obsidian-900);
1137
- --border-2-obsidian-900: var(--border-2) solid var(--color-obsidian-900);
1138
- --border-4-obsidian-900: var(--border-4) solid var(--color-obsidian-900);
1139
- --color-rolster-900: var(--color-primary-900);
1140
- --color-rolster-700: var(--color-primary-700);
1141
- --color-rolster-500: var(--color-primary-500);
1142
- --color-rolster-300: var(--color-primary-300);
1143
- --color-rolster-100: var(--color-primary-100);
1144
- --skeleton-rolster-500: var(--skeleton-primary-500);
1145
- --skeleton-rolster-300: var(--skeleton-primary-300);
1146
- --skeleton-rolster-100: var(--skeleton-primary-100);
1147
- --box-shadow-rolster-500: var(--box-shadow-primary-500);
1148
- --backdrop-rolster-500: var(--backdrop-primary-500);
1149
- --gradient-rolster-500: var(--gradient-primary-500);
1150
- --border-1-rolster-900: var(--border-1) solid var(--color-primary-900);
1151
- --border-2-rolster-900: var(--border-2) solid var(--color-primary-900);
1152
- --border-4-rolster-900: var(--border-4) solid var(--color-primary-900);
1153
- --border-1-rolster-700: var(--border-1) solid var(--color-primary-700);
1154
- --border-2-rolster-700: var(--border-2) solid var(--color-primary-700);
1155
- --border-4-rolster-700: var(--border-4) solid var(--color-primary-700);
1156
- --border-1-rolster-500: var(--border-1) solid var(--color-primary-500);
1157
- --border-2-rolster-500: var(--border-2) solid var(--color-primary-500);
1158
- --border-4-rolster-500: var(--border-4) solid var(--color-primary-500);
1159
- --border-1-rolster-300: var(--border-1) solid var(--color-primary-300);
1160
- --border-2-rolster-300: var(--border-2) solid var(--color-primary-300);
1161
- --border-4-rolster-300: var(--border-4) solid var(--color-primary-300);
1162
- --border-1-rolster-100: var(--border-1) solid var(--color-primary-100);
1163
- --border-2-rolster-100: var(--border-2) solid var(--color-primary-100);
1164
- --border-4-rolster-100: var(--border-4) solid var(--color-primary-100);
1026
+ --rls-app-background-500: var(--rls-light-background-500);
1027
+ --rls-app-background-300: var(--rls-light-background-300);
1028
+ --rls-app-background-100: var(--rls-light-background-100);
1029
+ --rls-app-color-500: var(--rls-dark-color-500);
1030
+ --rls-app-color-300: var(--rls-dark-color-300);
1031
+ --rls-app-color-100: var(--rls-dark-color-100);
1032
+ --rls-app-border-500: var(--rls-dark-border-500);
1033
+ --rls-app-border-300: var(--rls-dark-border-300);
1034
+ --rls-app-border-100: var(--rls-dark-border-100);
1035
+ --rls-app-border-1-500: var(--rls-border-1) solid var(--rls-dark-border-500);
1036
+ --rls-app-border-2-500: var(--rls-border-2) solid var(--rls-dark-border-500);
1037
+ --rls-app-border-4-500: var(--rls-border-4) solid var(--rls-dark-border-500);
1038
+ --rls-app-border-1-300: var(--rls-border-1) solid var(--rls-dark-border-300);
1039
+ --rls-app-border-2-300: var(--rls-border-2) solid var(--rls-dark-border-300);
1040
+ --rls-app-border-4-300: var(--rls-border-4) solid var(--rls-dark-border-300);
1041
+ --rls-app-border-1-100: var(--rls-border-1) solid var(--rls-dark-border-100);
1042
+ --rls-app-border-2-100: var(--rls-border-2) solid var(--rls-dark-border-100);
1043
+ --rls-app-border-4-100: var(--rls-border-4) solid var(--rls-dark-border-100);
1044
+ --rls-app-shadow-light-2: var(--rls-bottom-shadow-light-2);
1045
+ --rls-app-shadow-light-4: var(--rls-bottom-shadow-light-4);
1046
+ --rls-app-shadow-light-8: var(--rls-bottom-shadow-light-8);
1047
+ --rls-app-shadow-light-16: var(--rls-bottom-shadow-light-16);
1048
+ --rls-app-shadow-light-24: var(--rls-bottom-shadow-light-24);
1049
+ --rls-app-shadow-light-32: var(--rls-bottom-shadow-light-32);
1050
+ --rls-app-shadow-light-2: var(--rls-top-shadow-light-2);
1051
+ --rls-app-shadow-light-4: var(--rls-top-shadow-light-4);
1052
+ --rls-app-shadow-light-8: var(--rls-top-shadow-light-8);
1053
+ --rls-app-shadow-light-16: var(--rls-top-shadow-light-16);
1054
+ --rls-app-shadow-light-24: var(--rls-top-shadow-light-24);
1055
+ --rls-app-shadow-light-32: var(--rls-top-shadow-light-32);
1056
+ --rls-app-shadow-light-2: var(--rls-right-shadow-light-2);
1057
+ --rls-app-shadow-light-4: var(--rls-right-shadow-light-4);
1058
+ --rls-app-shadow-light-8: var(--rls-right-shadow-light-8);
1059
+ --rls-app-shadow-light-16: var(--rls-right-shadow-light-16);
1060
+ --rls-app-shadow-light-24: var(--rls-right-shadow-light-24);
1061
+ --rls-app-shadow-light-32: var(--rls-right-shadow-light-32);
1062
+ --rls-app-shadow-light-2: var(--rls-left-shadow-light-2);
1063
+ --rls-app-shadow-light-4: var(--rls-left-shadow-light-4);
1064
+ --rls-app-shadow-light-8: var(--rls-left-shadow-light-8);
1065
+ --rls-app-shadow-light-16: var(--rls-left-shadow-light-16);
1066
+ --rls-app-shadow-light-24: var(--rls-left-shadow-light-24);
1067
+ --rls-app-shadow-light-32: var(--rls-left-shadow-light-32);
1068
+ --rls-app-shadow-light-2: var(--rls-center-shadow-light-2);
1069
+ --rls-app-shadow-light-4: var(--rls-center-shadow-light-4);
1070
+ --rls-app-shadow-light-8: var(--rls-center-shadow-light-8);
1071
+ --rls-app-shadow-light-16: var(--rls-center-shadow-light-16);
1072
+ --rls-app-shadow-light-24: var(--rls-center-shadow-light-24);
1073
+ --rls-app-shadow-light-32: var(--rls-center-shadow-light-32);
1074
+ --rls-standard-border-1-100: var(--rls-border-1) solid
1075
+ var(--rls-standard-color-100);
1076
+ --rls-standard-border-2-100: var(--rls-border-2) solid
1077
+ var(--rls-standard-color-100);
1078
+ --rls-standard-border-4-100: var(--rls-border-4) solid
1079
+ var(--rls-standard-color-100);
1080
+ --rls-standard-border-1-300: var(--rls-border-1) solid
1081
+ var(--rls-standard-color-300);
1082
+ --rls-standard-border-2-300: var(--rls-border-2) solid
1083
+ var(--rls-standard-color-300);
1084
+ --rls-standard-border-4-300: var(--rls-border-4) solid
1085
+ var(--rls-standard-color-300);
1086
+ --rls-standard-border-1-500: var(--rls-border-1) solid
1087
+ var(--rls-standard-color-500);
1088
+ --rls-standard-border-2-500: var(--rls-border-2) solid
1089
+ var(--rls-standard-color-500);
1090
+ --rls-standard-border-4-500: var(--rls-border-4) solid
1091
+ var(--rls-standard-color-500);
1092
+ --rls-standard-border-1-700: var(--rls-border-1) solid
1093
+ var(--rls-standard-color-700);
1094
+ --rls-standard-border-2-700: var(--rls-border-2) solid
1095
+ var(--rls-standard-color-700);
1096
+ --rls-standard-border-4-700: var(--rls-border-4) solid
1097
+ var(--rls-standard-color-700);
1098
+ --rls-standard-border-1-900: var(--rls-border-1) solid
1099
+ var(--rls-standard-color-900);
1100
+ --rls-standard-border-2-900: var(--rls-border-2) solid
1101
+ var(--rls-standard-color-900);
1102
+ --rls-standard-border-4-900: var(--rls-border-4) solid
1103
+ var(--rls-standard-color-900);
1104
+ --rls-success-border-1-100: var(--rls-border-1) solid
1105
+ var(--rls-success-color-100);
1106
+ --rls-success-border-2-100: var(--rls-border-2) solid
1107
+ var(--rls-success-color-100);
1108
+ --rls-success-border-4-100: var(--rls-border-4) solid
1109
+ var(--rls-success-color-100);
1110
+ --rls-success-border-1-300: var(--rls-border-1) solid
1111
+ var(--rls-success-color-300);
1112
+ --rls-success-border-2-300: var(--rls-border-2) solid
1113
+ var(--rls-success-color-300);
1114
+ --rls-success-border-4-300: var(--rls-border-4) solid
1115
+ var(--rls-success-color-300);
1116
+ --rls-success-border-1-500: var(--rls-border-1) solid
1117
+ var(--rls-success-color-500);
1118
+ --rls-success-border-2-500: var(--rls-border-2) solid
1119
+ var(--rls-success-color-500);
1120
+ --rls-success-border-4-500: var(--rls-border-4) solid
1121
+ var(--rls-success-color-500);
1122
+ --rls-success-border-1-700: var(--rls-border-1) solid
1123
+ var(--rls-success-color-700);
1124
+ --rls-success-border-2-700: var(--rls-border-2) solid
1125
+ var(--rls-success-color-700);
1126
+ --rls-success-border-4-700: var(--rls-border-4) solid
1127
+ var(--rls-success-color-700);
1128
+ --rls-success-border-1-900: var(--rls-border-1) solid
1129
+ var(--rls-success-color-900);
1130
+ --rls-success-border-2-900: var(--rls-border-2) solid
1131
+ var(--rls-success-color-900);
1132
+ --rls-success-border-4-900: var(--rls-border-4) solid
1133
+ var(--rls-success-color-900);
1134
+ --rls-info-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1135
+ --rls-info-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1136
+ --rls-info-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
1137
+ --rls-info-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1138
+ --rls-info-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1139
+ --rls-info-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
1140
+ --rls-info-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1141
+ --rls-info-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1142
+ --rls-info-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
1143
+ --rls-info-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1144
+ --rls-info-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1145
+ --rls-info-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
1146
+ --rls-info-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1147
+ --rls-info-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1148
+ --rls-info-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
1149
+ --rls-warning-border-1-100: var(--rls-border-1) solid
1150
+ var(--rls-warning-color-100);
1151
+ --rls-warning-border-2-100: var(--rls-border-2) solid
1152
+ var(--rls-warning-color-100);
1153
+ --rls-warning-border-4-100: var(--rls-border-4) solid
1154
+ var(--rls-warning-color-100);
1155
+ --rls-warning-border-1-300: var(--rls-border-1) solid
1156
+ var(--rls-warning-color-300);
1157
+ --rls-warning-border-2-300: var(--rls-border-2) solid
1158
+ var(--rls-warning-color-300);
1159
+ --rls-warning-border-4-300: var(--rls-border-4) solid
1160
+ var(--rls-warning-color-300);
1161
+ --rls-warning-border-1-500: var(--rls-border-1) solid
1162
+ var(--rls-warning-color-500);
1163
+ --rls-warning-border-2-500: var(--rls-border-2) solid
1164
+ var(--rls-warning-color-500);
1165
+ --rls-warning-border-4-500: var(--rls-border-4) solid
1166
+ var(--rls-warning-color-500);
1167
+ --rls-warning-border-1-700: var(--rls-border-1) solid
1168
+ var(--rls-warning-color-700);
1169
+ --rls-warning-border-2-700: var(--rls-border-2) solid
1170
+ var(--rls-warning-color-700);
1171
+ --rls-warning-border-4-700: var(--rls-border-4) solid
1172
+ var(--rls-warning-color-700);
1173
+ --rls-warning-border-1-900: var(--rls-border-1) solid
1174
+ var(--rls-warning-color-900);
1175
+ --rls-warning-border-2-900: var(--rls-border-2) solid
1176
+ var(--rls-warning-color-900);
1177
+ --rls-warning-border-4-900: var(--rls-border-4) solid
1178
+ var(--rls-warning-color-900);
1179
+ --rls-danger-border-1-100: var(--rls-border-1) solid
1180
+ var(--rls-danger-color-100);
1181
+ --rls-danger-border-2-100: var(--rls-border-2) solid
1182
+ var(--rls-danger-color-100);
1183
+ --rls-danger-border-4-100: var(--rls-border-4) solid
1184
+ var(--rls-danger-color-100);
1185
+ --rls-danger-border-1-300: var(--rls-border-1) solid
1186
+ var(--rls-danger-color-300);
1187
+ --rls-danger-border-2-300: var(--rls-border-2) solid
1188
+ var(--rls-danger-color-300);
1189
+ --rls-danger-border-4-300: var(--rls-border-4) solid
1190
+ var(--rls-danger-color-300);
1191
+ --rls-danger-border-1-500: var(--rls-border-1) solid
1192
+ var(--rls-danger-color-500);
1193
+ --rls-danger-border-2-500: var(--rls-border-2) solid
1194
+ var(--rls-danger-color-500);
1195
+ --rls-danger-border-4-500: var(--rls-border-4) solid
1196
+ var(--rls-danger-color-500);
1197
+ --rls-danger-border-1-700: var(--rls-border-1) solid
1198
+ var(--rls-danger-color-700);
1199
+ --rls-danger-border-2-700: var(--rls-border-2) solid
1200
+ var(--rls-danger-color-700);
1201
+ --rls-danger-border-4-700: var(--rls-border-4) solid
1202
+ var(--rls-danger-color-700);
1203
+ --rls-danger-border-1-900: var(--rls-border-1) solid
1204
+ var(--rls-danger-color-900);
1205
+ --rls-danger-border-2-900: var(--rls-border-2) solid
1206
+ var(--rls-danger-color-900);
1207
+ --rls-danger-border-4-900: var(--rls-border-4) solid
1208
+ var(--rls-danger-color-900);
1209
+ --rls-amaizing-border-1-100: var(--rls-border-1) solid
1210
+ var(--rls-amaizing-color-100);
1211
+ --rls-amaizing-border-2-100: var(--rls-border-2) solid
1212
+ var(--rls-amaizing-color-100);
1213
+ --rls-amaizing-border-4-100: var(--rls-border-4) solid
1214
+ var(--rls-amaizing-color-100);
1215
+ --rls-amaizing-border-1-300: var(--rls-border-1) solid
1216
+ var(--rls-amaizing-color-300);
1217
+ --rls-amaizing-border-2-300: var(--rls-border-2) solid
1218
+ var(--rls-amaizing-color-300);
1219
+ --rls-amaizing-border-4-300: var(--rls-border-4) solid
1220
+ var(--rls-amaizing-color-300);
1221
+ --rls-amaizing-border-1-500: var(--rls-border-1) solid
1222
+ var(--rls-amaizing-color-500);
1223
+ --rls-amaizing-border-2-500: var(--rls-border-2) solid
1224
+ var(--rls-amaizing-color-500);
1225
+ --rls-amaizing-border-4-500: var(--rls-border-4) solid
1226
+ var(--rls-amaizing-color-500);
1227
+ --rls-amaizing-border-1-700: var(--rls-border-1) solid
1228
+ var(--rls-amaizing-color-700);
1229
+ --rls-amaizing-border-2-700: var(--rls-border-2) solid
1230
+ var(--rls-amaizing-color-700);
1231
+ --rls-amaizing-border-4-700: var(--rls-border-4) solid
1232
+ var(--rls-amaizing-color-700);
1233
+ --rls-amaizing-border-1-900: var(--rls-border-1) solid
1234
+ var(--rls-amaizing-color-900);
1235
+ --rls-amaizing-border-2-900: var(--rls-border-2) solid
1236
+ var(--rls-amaizing-color-900);
1237
+ --rls-amaizing-border-4-900: var(--rls-border-4) solid
1238
+ var(--rls-amaizing-color-900);
1239
+ --rls-smartness-border-1-100: var(--rls-border-1) solid
1240
+ var(--rls-smartness-color-100);
1241
+ --rls-smartness-border-2-100: var(--rls-border-2) solid
1242
+ var(--rls-smartness-color-100);
1243
+ --rls-smartness-border-4-100: var(--rls-border-4) solid
1244
+ var(--rls-smartness-color-100);
1245
+ --rls-smartness-border-1-300: var(--rls-border-1) solid
1246
+ var(--rls-smartness-color-300);
1247
+ --rls-smartness-border-2-300: var(--rls-border-2) solid
1248
+ var(--rls-smartness-color-300);
1249
+ --rls-smartness-border-4-300: var(--rls-border-4) solid
1250
+ var(--rls-smartness-color-300);
1251
+ --rls-smartness-border-1-500: var(--rls-border-1) solid
1252
+ var(--rls-smartness-color-500);
1253
+ --rls-smartness-border-2-500: var(--rls-border-2) solid
1254
+ var(--rls-smartness-color-500);
1255
+ --rls-smartness-border-4-500: var(--rls-border-4) solid
1256
+ var(--rls-smartness-color-500);
1257
+ --rls-smartness-border-1-700: var(--rls-border-1) solid
1258
+ var(--rls-smartness-color-700);
1259
+ --rls-smartness-border-2-700: var(--rls-border-2) solid
1260
+ var(--rls-smartness-color-700);
1261
+ --rls-smartness-border-4-700: var(--rls-border-4) solid
1262
+ var(--rls-smartness-color-700);
1263
+ --rls-smartness-border-1-900: var(--rls-border-1) solid
1264
+ var(--rls-smartness-color-900);
1265
+ --rls-smartness-border-2-900: var(--rls-border-2) solid
1266
+ var(--rls-smartness-color-900);
1267
+ --rls-smartness-border-4-900: var(--rls-border-4) solid
1268
+ var(--rls-smartness-color-900);
1269
+ --rls-obsidian-border-1-100: var(--rls-border-1) solid
1270
+ var(--rls-obsidian-color-100);
1271
+ --rls-obsidian-border-2-100: var(--rls-border-2) solid
1272
+ var(--rls-obsidian-color-100);
1273
+ --rls-obsidian-border-4-100: var(--rls-border-4) solid
1274
+ var(--rls-obsidian-color-100);
1275
+ --rls-obsidian-border-1-300: var(--rls-border-1) solid
1276
+ var(--rls-obsidian-color-300);
1277
+ --rls-obsidian-border-2-300: var(--rls-border-2) solid
1278
+ var(--rls-obsidian-color-300);
1279
+ --rls-obsidian-border-4-300: var(--rls-border-4) solid
1280
+ var(--rls-obsidian-color-300);
1281
+ --rls-obsidian-border-1-500: var(--rls-border-1) solid
1282
+ var(--rls-obsidian-color-500);
1283
+ --rls-obsidian-border-2-500: var(--rls-border-2) solid
1284
+ var(--rls-obsidian-color-500);
1285
+ --rls-obsidian-border-4-500: var(--rls-border-4) solid
1286
+ var(--rls-obsidian-color-500);
1287
+ --rls-obsidian-border-1-700: var(--rls-border-1) solid
1288
+ var(--rls-obsidian-color-700);
1289
+ --rls-obsidian-border-2-700: var(--rls-border-2) solid
1290
+ var(--rls-obsidian-color-700);
1291
+ --rls-obsidian-border-4-700: var(--rls-border-4) solid
1292
+ var(--rls-obsidian-color-700);
1293
+ --rls-obsidian-border-1-900: var(--rls-border-1) solid
1294
+ var(--rls-obsidian-color-900);
1295
+ --rls-obsidian-border-2-900: var(--rls-border-2) solid
1296
+ var(--rls-obsidian-color-900);
1297
+ --rls-obsidian-border-4-900: var(--rls-border-4) solid
1298
+ var(--rls-obsidian-color-900);
1299
+ --rls-theme-color-900: var(--rls-standard-color-900);
1300
+ --rls-theme-color-700: var(--rls-standard-color-700);
1301
+ --rls-theme-color-500: var(--rls-standard-color-500);
1302
+ --rls-theme-color-400: var(--rls-standard-color-400);
1303
+ --rls-theme-color-300: var(--rls-standard-color-300);
1304
+ --rls-theme-color-200: var(--rls-standard-color-200);
1305
+ --rls-theme-color-100: var(--rls-standard-color-100);
1306
+ --rls-theme-font-900: var(--rls-standard-color-100);
1307
+ --rls-theme-font-500: var(--rls-standard-color-100);
1308
+ --rls-theme-font-100: var(--rls-standard-color-900);
1309
+ --rls-theme-skeleton-500: var(--rls-standard-skeleton-500);
1310
+ --rls-theme-skeleton-300: var(--rls-standard-skeleton-300);
1311
+ --rls-theme-skeleton-100: var(--rls-standard-skeleton-100);
1312
+ --rls-theme-shadow-500: var(--rls-standard-shadow-500);
1313
+ --rls-theme-backdrop-900: var(--rls-standard-backdrop-900);
1314
+ --rls-theme-gradient-500: var(--rls-standard-gradient-500);
1315
+ --rls-theme-gradient-700: var(--rls-standard-gradient-500);
1316
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1317
+ var(--rls-standard-color-900);
1318
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1319
+ var(--rls-standard-color-900);
1320
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1321
+ var(--rls-standard-color-900);
1322
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1323
+ var(--rls-standard-color-700);
1324
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1325
+ var(--rls-standard-color-700);
1326
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1327
+ var(--rls-standard-color-700);
1328
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1329
+ var(--rls-standard-color-500);
1330
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1331
+ var(--rls-standard-color-500);
1332
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1333
+ var(--rls-standard-color-500);
1334
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1335
+ var(--rls-standard-color-300);
1336
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1337
+ var(--rls-standard-color-300);
1338
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1339
+ var(--rls-standard-color-300);
1340
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1341
+ var(--rls-standard-color-100);
1342
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1343
+ var(--rls-standard-color-100);
1344
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1345
+ var(--rls-standard-color-100);
1165
1346
  }
1166
1347
 
1167
1348
  *[rls-theme='success'] {
1168
- --color-rolster-900: var(--color-success-900);
1169
- --color-rolster-700: var(--color-success-700);
1170
- --color-rolster-500: var(--color-success-500);
1171
- --color-rolster-300: var(--color-success-300);
1172
- --color-rolster-100: var(--color-success-100);
1173
- --skeleton-rolster-500: var(--skeleton-success-500);
1174
- --skeleton-rolster-300: var(--skeleton-success-300);
1175
- --skeleton-rolster-100: var(--skeleton-success-100);
1176
- --box-shadow-rolster-500: var(--box-shadow-success-500);
1177
- --backdrop-rolster-500: var(--backdrop-success-500);
1178
- --gradient-rolster-500: var(--gradient-success-500);
1179
- --border-1-rolster-900: var(--border-1) solid var(--color-success-900);
1180
- --border-2-rolster-900: var(--border-2) solid var(--color-success-900);
1181
- --border-4-rolster-900: var(--border-4) solid var(--color-success-900);
1182
- --border-1-rolster-700: var(--border-1) solid var(--color-success-700);
1183
- --border-2-rolster-700: var(--border-2) solid var(--color-success-700);
1184
- --border-4-rolster-700: var(--border-4) solid var(--color-success-700);
1185
- --border-1-rolster-500: var(--border-1) solid var(--color-success-500);
1186
- --border-2-rolster-500: var(--border-2) solid var(--color-success-500);
1187
- --border-4-rolster-500: var(--border-4) solid var(--color-success-500);
1188
- --border-1-rolster-300: var(--border-1) solid var(--color-success-300);
1189
- --border-2-rolster-300: var(--border-2) solid var(--color-success-300);
1190
- --border-4-rolster-300: var(--border-4) solid var(--color-success-300);
1191
- --border-1-rolster-100: var(--border-1) solid var(--color-success-100);
1192
- --border-2-rolster-100: var(--border-2) solid var(--color-success-100);
1193
- --border-4-rolster-100: var(--border-4) solid var(--color-success-100);
1349
+ --rls-theme-color-900: var(--rls-success-color-900);
1350
+ --rls-theme-color-700: var(--rls-success-color-700);
1351
+ --rls-theme-color-500: var(--rls-success-color-500);
1352
+ --rls-theme-color-400: var(--rls-success-color-400);
1353
+ --rls-theme-color-300: var(--rls-success-color-300);
1354
+ --rls-theme-color-200: var(--rls-success-color-200);
1355
+ --rls-theme-color-100: var(--rls-success-color-100);
1356
+ --rls-theme-font-900: var(--rls-success-color-100);
1357
+ --rls-theme-font-500: var(--rls-success-color-100);
1358
+ --rls-theme-font-100: var(--rls-success-color-900);
1359
+ --rls-theme-skeleton-500: var(--rls-success-skeleton-500);
1360
+ --rls-theme-skeleton-300: var(--rls-success-skeleton-300);
1361
+ --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
1362
+ --rls-theme-shadow-500: var(--rls-success-shadow-500);
1363
+ --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
1364
+ --rls-theme-gradient-500: var(--rls-success-gradient-500);
1365
+ --rls-theme-gradient-700: var(--rls-success-gradient-500);
1366
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1367
+ var(--rls-success-color-900);
1368
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1369
+ var(--rls-success-color-900);
1370
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1371
+ var(--rls-success-color-900);
1372
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1373
+ var(--rls-success-color-700);
1374
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1375
+ var(--rls-success-color-700);
1376
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1377
+ var(--rls-success-color-700);
1378
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1379
+ var(--rls-success-color-500);
1380
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1381
+ var(--rls-success-color-500);
1382
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1383
+ var(--rls-success-color-500);
1384
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1385
+ var(--rls-success-color-300);
1386
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1387
+ var(--rls-success-color-300);
1388
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1389
+ var(--rls-success-color-300);
1390
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1391
+ var(--rls-success-color-100);
1392
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1393
+ var(--rls-success-color-100);
1394
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1395
+ var(--rls-success-color-100);
1194
1396
  }
1195
1397
 
1196
1398
  *[rls-theme='info'] {
1197
- --color-rolster-900: var(--color-info-900);
1198
- --color-rolster-700: var(--color-info-700);
1199
- --color-rolster-500: var(--color-info-500);
1200
- --color-rolster-300: var(--color-info-300);
1201
- --color-rolster-100: var(--color-info-100);
1202
- --skeleton-rolster-500: var(--skeleton-info-500);
1203
- --skeleton-rolster-300: var(--skeleton-info-300);
1204
- --skeleton-rolster-100: var(--skeleton-info-100);
1205
- --box-shadow-rolster-500: var(--box-shadow-info-500);
1206
- --backdrop-rolster-500: var(--backdrop-info-500);
1207
- --gradient-rolster-500: var(--gradient-info-500);
1208
- --border-1-rolster-900: var(--border-1) solid var(--color-info-900);
1209
- --border-2-rolster-900: var(--border-2) solid var(--color-info-900);
1210
- --border-4-rolster-900: var(--border-4) solid var(--color-info-900);
1211
- --border-1-rolster-700: var(--border-1) solid var(--color-info-700);
1212
- --border-2-rolster-700: var(--border-2) solid var(--color-info-700);
1213
- --border-4-rolster-700: var(--border-4) solid var(--color-info-700);
1214
- --border-1-rolster-500: var(--border-1) solid var(--color-info-500);
1215
- --border-2-rolster-500: var(--border-2) solid var(--color-info-500);
1216
- --border-4-rolster-500: var(--border-4) solid var(--color-info-500);
1217
- --border-1-rolster-300: var(--border-1) solid var(--color-info-300);
1218
- --border-2-rolster-300: var(--border-2) solid var(--color-info-300);
1219
- --border-4-rolster-300: var(--border-4) solid var(--color-info-300);
1220
- --border-1-rolster-100: var(--border-1) solid var(--color-info-100);
1221
- --border-2-rolster-100: var(--border-2) solid var(--color-info-100);
1222
- --border-4-rolster-100: var(--border-4) solid var(--color-info-100);
1223
- }
1224
-
1225
- *[rls-theme='happy'] {
1226
- --color-rolster-900: var(--color-happy-900);
1227
- --color-rolster-700: var(--color-happy-700);
1228
- --color-rolster-500: var(--color-happy-500);
1229
- --color-rolster-300: var(--color-happy-300);
1230
- --color-rolster-100: var(--color-happy-100);
1231
- --skeleton-rolster-500: var(--skeleton-happy-500);
1232
- --skeleton-rolster-300: var(--skeleton-happy-300);
1233
- --skeleton-rolster-100: var(--skeleton-happy-100);
1234
- --box-shadow-rolster-500: var(--box-shadow-happy-500);
1235
- --backdrop-rolster-500: var(--backdrop-happy-500);
1236
- --gradient-rolster-500: var(--gradient-happy-500);
1237
- --border-1-rolster-900: var(--border-1) solid var(--color-happy-900);
1238
- --border-2-rolster-900: var(--border-2) solid var(--color-happy-900);
1239
- --border-4-rolster-900: var(--border-4) solid var(--color-happy-900);
1240
- --border-1-rolster-700: var(--border-1) solid var(--color-happy-700);
1241
- --border-2-rolster-700: var(--border-2) solid var(--color-happy-700);
1242
- --border-4-rolster-700: var(--border-4) solid var(--color-happy-700);
1243
- --border-1-rolster-500: var(--border-1) solid var(--color-happy-500);
1244
- --border-2-rolster-500: var(--border-2) solid var(--color-happy-500);
1245
- --border-4-rolster-500: var(--border-4) solid var(--color-happy-500);
1246
- --border-1-rolster-300: var(--border-1) solid var(--color-happy-300);
1247
- --border-2-rolster-300: var(--border-2) solid var(--color-happy-300);
1248
- --border-4-rolster-300: var(--border-4) solid var(--color-happy-300);
1249
- --border-1-rolster-100: var(--border-1) solid var(--color-happy-100);
1250
- --border-2-rolster-100: var(--border-2) solid var(--color-happy-100);
1251
- --border-4-rolster-100: var(--border-4) solid var(--color-happy-100);
1399
+ --rls-theme-color-900: var(--rls-info-color-900);
1400
+ --rls-theme-color-700: var(--rls-info-color-700);
1401
+ --rls-theme-color-500: var(--rls-info-color-500);
1402
+ --rls-theme-color-400: var(--rls-info-color-400);
1403
+ --rls-theme-color-300: var(--rls-info-color-300);
1404
+ --rls-theme-color-200: var(--rls-info-color-200);
1405
+ --rls-theme-color-100: var(--rls-info-color-100);
1406
+ --rls-theme-font-900: var(--rls-info-color-100);
1407
+ --rls-theme-font-500: var(--rls-info-color-100);
1408
+ --rls-theme-font-100: var(--rls-info-color-900);
1409
+ --rls-theme-skeleton-500: var(--rls-info-skeleton-500);
1410
+ --rls-theme-skeleton-300: var(--rls-info-skeleton-300);
1411
+ --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
1412
+ --rls-theme-shadow-500: var(--rls-info-shadow-500);
1413
+ --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
1414
+ --rls-theme-gradient-500: var(--rls-info-gradient-500);
1415
+ --rls-theme-gradient-700: var(--rls-info-gradient-500);
1416
+ --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1417
+ --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1418
+ --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
1419
+ --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1420
+ --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1421
+ --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
1422
+ --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1423
+ --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1424
+ --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
1425
+ --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1426
+ --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1427
+ --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
1428
+ --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1429
+ --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1430
+ --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
1252
1431
  }
1253
1432
 
1254
1433
  *[rls-theme='warning'] {
1255
- --color-rolster-900: var(--color-warning-900);
1256
- --color-rolster-700: var(--color-warning-700);
1257
- --color-rolster-500: var(--color-warning-500);
1258
- --color-rolster-300: var(--color-warning-300);
1259
- --color-rolster-100: var(--color-warning-100);
1260
- --skeleton-rolster-500: var(--skeleton-warning-500);
1261
- --skeleton-rolster-300: var(--skeleton-warning-300);
1262
- --skeleton-rolster-100: var(--skeleton-warning-100);
1263
- --box-shadow-rolster-500: var(--box-shadow-warning-500);
1264
- --backdrop-rolster-500: var(--backdrop-warning-500);
1265
- --gradient-rolster-500: var(--gradient-warning-500);
1266
- --border-1-rolster-900: var(--border-1) solid var(--color-warning-900);
1267
- --border-2-rolster-900: var(--border-2) solid var(--color-warning-900);
1268
- --border-4-rolster-900: var(--border-4) solid var(--color-warning-900);
1269
- --border-1-rolster-700: var(--border-1) solid var(--color-warning-700);
1270
- --border-2-rolster-700: var(--border-2) solid var(--color-warning-700);
1271
- --border-4-rolster-700: var(--border-4) solid var(--color-warning-700);
1272
- --border-1-rolster-500: var(--border-1) solid var(--color-warning-500);
1273
- --border-2-rolster-500: var(--border-2) solid var(--color-warning-500);
1274
- --border-4-rolster-500: var(--border-4) solid var(--color-warning-500);
1275
- --border-1-rolster-300: var(--border-1) solid var(--color-warning-300);
1276
- --border-2-rolster-300: var(--border-2) solid var(--color-warning-300);
1277
- --border-4-rolster-300: var(--border-4) solid var(--color-warning-300);
1278
- --border-1-rolster-100: var(--border-1) solid var(--color-warning-100);
1279
- --border-2-rolster-100: var(--border-2) solid var(--color-warning-100);
1280
- --border-4-rolster-100: var(--border-4) solid var(--color-warning-100);
1434
+ --rls-theme-color-900: var(--rls-warning-color-900);
1435
+ --rls-theme-color-700: var(--rls-warning-color-700);
1436
+ --rls-theme-color-500: var(--rls-warning-color-500);
1437
+ --rls-theme-color-400: var(--rls-warning-color-400);
1438
+ --rls-theme-color-300: var(--rls-warning-color-300);
1439
+ --rls-theme-color-200: var(--rls-warning-color-200);
1440
+ --rls-theme-color-100: var(--rls-warning-color-100);
1441
+ --rls-theme-font-900: var(--rls-warning-color-100);
1442
+ --rls-theme-font-500: var(--rls-warning-color-100);
1443
+ --rls-theme-font-100: var(--rls-warning-color-900);
1444
+ --rls-theme-skeleton-500: var(--rls-warning-skeleton-500);
1445
+ --rls-theme-skeleton-300: var(--rls-warning-skeleton-300);
1446
+ --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
1447
+ --rls-theme-shadow-500: var(--rls-warning-shadow-500);
1448
+ --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
1449
+ --rls-theme-gradient-500: var(--rls-warning-gradient-500);
1450
+ --rls-theme-gradient-700: var(--rls-warning-gradient-500);
1451
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1452
+ var(--rls-warning-color-900);
1453
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1454
+ var(--rls-warning-color-900);
1455
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1456
+ var(--rls-warning-color-900);
1457
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1458
+ var(--rls-warning-color-700);
1459
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1460
+ var(--rls-warning-color-700);
1461
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1462
+ var(--rls-warning-color-700);
1463
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1464
+ var(--rls-warning-color-500);
1465
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1466
+ var(--rls-warning-color-500);
1467
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1468
+ var(--rls-warning-color-500);
1469
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1470
+ var(--rls-warning-color-300);
1471
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1472
+ var(--rls-warning-color-300);
1473
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1474
+ var(--rls-warning-color-300);
1475
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1476
+ var(--rls-warning-color-100);
1477
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1478
+ var(--rls-warning-color-100);
1479
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1480
+ var(--rls-warning-color-100);
1281
1481
  }
1282
1482
 
1283
1483
  *[rls-theme='danger'] {
1284
- --color-rolster-900: var(--color-danger-900);
1285
- --color-rolster-700: var(--color-danger-700);
1286
- --color-rolster-500: var(--color-danger-500);
1287
- --color-rolster-300: var(--color-danger-300);
1288
- --color-rolster-100: var(--color-danger-100);
1289
- --skeleton-rolster-500: var(--skeleton-danger-500);
1290
- --skeleton-rolster-300: var(--skeleton-danger-300);
1291
- --skeleton-rolster-100: var(--skeleton-danger-100);
1292
- --box-shadow-rolster-500: var(--box-shadow-danger-500);
1293
- --backdrop-rolster-500: var(--backdrop-danger-500);
1294
- --gradient-rolster-500: var(--gradient-danger-500);
1295
- --border-1-rolster-900: var(--border-1) solid var(--color-danger-900);
1296
- --border-2-rolster-900: var(--border-2) solid var(--color-danger-900);
1297
- --border-4-rolster-900: var(--border-4) solid var(--color-danger-900);
1298
- --border-1-rolster-700: var(--border-1) solid var(--color-danger-700);
1299
- --border-2-rolster-700: var(--border-2) solid var(--color-danger-700);
1300
- --border-4-rolster-700: var(--border-4) solid var(--color-danger-700);
1301
- --border-1-rolster-500: var(--border-1) solid var(--color-danger-500);
1302
- --border-2-rolster-500: var(--border-2) solid var(--color-danger-500);
1303
- --border-4-rolster-500: var(--border-4) solid var(--color-danger-500);
1304
- --border-1-rolster-300: var(--border-1) solid var(--color-danger-300);
1305
- --border-2-rolster-300: var(--border-2) solid var(--color-danger-300);
1306
- --border-4-rolster-300: var(--border-4) solid var(--color-danger-300);
1307
- --border-1-rolster-100: var(--border-1) solid var(--color-danger-100);
1308
- --border-2-rolster-100: var(--border-2) solid var(--color-danger-100);
1309
- --border-4-rolster-100: var(--border-4) solid var(--color-danger-100);
1310
- }
1311
-
1312
- *[rls-theme='coffee'] {
1313
- --color-rolster-900: var(--color-coffee-900);
1314
- --color-rolster-700: var(--color-coffee-700);
1315
- --color-rolster-500: var(--color-coffee-500);
1316
- --color-rolster-300: var(--color-coffee-300);
1317
- --color-rolster-100: var(--color-coffee-100);
1318
- --skeleton-rolster-500: var(--skeleton-coffee-500);
1319
- --skeleton-rolster-300: var(--skeleton-coffee-300);
1320
- --skeleton-rolster-100: var(--skeleton-coffee-100);
1321
- --box-shadow-rolster-500: var(--box-shadow-coffee-500);
1322
- --backdrop-rolster-500: var(--backdrop-coffee-500);
1323
- --gradient-rolster-500: var(--gradient-coffee-500);
1324
- --border-1-rolster-900: var(--border-1) solid var(--color-coffee-900);
1325
- --border-2-rolster-900: var(--border-2) solid var(--color-coffee-900);
1326
- --border-4-rolster-900: var(--border-4) solid var(--color-coffee-900);
1327
- --border-1-rolster-700: var(--border-1) solid var(--color-coffee-700);
1328
- --border-2-rolster-700: var(--border-2) solid var(--color-coffee-700);
1329
- --border-4-rolster-700: var(--border-4) solid var(--color-coffee-700);
1330
- --border-1-rolster-500: var(--border-1) solid var(--color-coffee-500);
1331
- --border-2-rolster-500: var(--border-2) solid var(--color-coffee-500);
1332
- --border-4-rolster-500: var(--border-4) solid var(--color-coffee-500);
1333
- --border-1-rolster-300: var(--border-1) solid var(--color-coffee-300);
1334
- --border-2-rolster-300: var(--border-2) solid var(--color-coffee-300);
1335
- --border-4-rolster-300: var(--border-4) solid var(--color-coffee-300);
1336
- --border-1-rolster-100: var(--border-1) solid var(--color-coffee-100);
1337
- --border-2-rolster-100: var(--border-2) solid var(--color-coffee-100);
1338
- --border-4-rolster-100: var(--border-4) solid var(--color-coffee-100);
1484
+ --rls-theme-color-900: var(--rls-danger-color-900);
1485
+ --rls-theme-color-700: var(--rls-danger-color-700);
1486
+ --rls-theme-color-500: var(--rls-danger-color-500);
1487
+ --rls-theme-color-400: var(--rls-danger-color-400);
1488
+ --rls-theme-color-300: var(--rls-danger-color-300);
1489
+ --rls-theme-color-200: var(--rls-danger-color-200);
1490
+ --rls-theme-color-100: var(--rls-danger-color-100);
1491
+ --rls-theme-font-900: var(--rls-danger-color-100);
1492
+ --rls-theme-font-500: var(--rls-danger-color-100);
1493
+ --rls-theme-font-100: var(--rls-danger-color-900);
1494
+ --rls-theme-skeleton-500: var(--rls-danger-skeleton-500);
1495
+ --rls-theme-skeleton-300: var(--rls-danger-skeleton-300);
1496
+ --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
1497
+ --rls-theme-shadow-500: var(--rls-danger-shadow-500);
1498
+ --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
1499
+ --rls-theme-gradient-500: var(--rls-danger-gradient-500);
1500
+ --rls-theme-gradient-700: var(--rls-danger-gradient-500);
1501
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1502
+ var(--rls-danger-color-900);
1503
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1504
+ var(--rls-danger-color-900);
1505
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1506
+ var(--rls-danger-color-900);
1507
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1508
+ var(--rls-danger-color-700);
1509
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1510
+ var(--rls-danger-color-700);
1511
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1512
+ var(--rls-danger-color-700);
1513
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1514
+ var(--rls-danger-color-500);
1515
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1516
+ var(--rls-danger-color-500);
1517
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1518
+ var(--rls-danger-color-500);
1519
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1520
+ var(--rls-danger-color-300);
1521
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1522
+ var(--rls-danger-color-300);
1523
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1524
+ var(--rls-danger-color-300);
1525
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1526
+ var(--rls-danger-color-100);
1527
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1528
+ var(--rls-danger-color-100);
1529
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1530
+ var(--rls-danger-color-100);
1531
+ }
1532
+
1533
+ *[rls-theme='amaizing'] {
1534
+ --rls-theme-color-900: var(--rls-amaizing-color-900);
1535
+ --rls-theme-color-700: var(--rls-amaizing-color-700);
1536
+ --rls-theme-color-500: var(--rls-amaizing-color-500);
1537
+ --rls-theme-color-400: var(--rls-amaizing-color-400);
1538
+ --rls-theme-color-300: var(--rls-amaizing-color-300);
1539
+ --rls-theme-color-200: var(--rls-amaizing-color-200);
1540
+ --rls-theme-color-100: var(--rls-amaizing-color-100);
1541
+ --rls-theme-font-900: var(--rls-amaizing-color-100);
1542
+ --rls-theme-font-500: var(--rls-amaizing-color-100);
1543
+ --rls-theme-font-100: var(--rls-amaizing-color-900);
1544
+ --rls-theme-skeleton-500: var(--rls-amaizing-skeleton-500);
1545
+ --rls-theme-skeleton-300: var(--rls-amaizing-skeleton-300);
1546
+ --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
1547
+ --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
1548
+ --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
1549
+ --rls-theme-gradient-500: var(--rls-amaizing-gradient-500);
1550
+ --rls-theme-gradient-700: var(--rls-amaizing-gradient-500);
1551
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1552
+ var(--rls-amaizing-color-900);
1553
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1554
+ var(--rls-amaizing-color-900);
1555
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1556
+ var(--rls-amaizing-color-900);
1557
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1558
+ var(--rls-amaizing-color-700);
1559
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1560
+ var(--rls-amaizing-color-700);
1561
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1562
+ var(--rls-amaizing-color-700);
1563
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1564
+ var(--rls-amaizing-color-500);
1565
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1566
+ var(--rls-amaizing-color-500);
1567
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1568
+ var(--rls-amaizing-color-500);
1569
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1570
+ var(--rls-amaizing-color-300);
1571
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1572
+ var(--rls-amaizing-color-300);
1573
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1574
+ var(--rls-amaizing-color-300);
1575
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1576
+ var(--rls-amaizing-color-100);
1577
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1578
+ var(--rls-amaizing-color-100);
1579
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1580
+ var(--rls-amaizing-color-100);
1581
+ }
1582
+
1583
+ *[rls-theme='smartness'] {
1584
+ --rls-theme-color-900: var(--rls-smartness-color-900);
1585
+ --rls-theme-color-700: var(--rls-smartness-color-700);
1586
+ --rls-theme-color-500: var(--rls-smartness-color-500);
1587
+ --rls-theme-color-400: var(--rls-smartness-color-400);
1588
+ --rls-theme-color-300: var(--rls-smartness-color-300);
1589
+ --rls-theme-color-200: var(--rls-smartness-color-200);
1590
+ --rls-theme-color-100: var(--rls-smartness-color-100);
1591
+ --rls-theme-font-900: var(--rls-smartness-color-100);
1592
+ --rls-theme-font-500: var(--rls-smartness-color-100);
1593
+ --rls-theme-font-100: var(--rls-smartness-color-900);
1594
+ --rls-theme-skeleton-500: var(--rls-smartness-skeleton-500);
1595
+ --rls-theme-skeleton-300: var(--rls-smartness-skeleton-300);
1596
+ --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
1597
+ --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
1598
+ --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
1599
+ --rls-theme-gradient-500: var(--rls-smartness-gradient-500);
1600
+ --rls-theme-gradient-700: var(--rls-smartness-gradient-500);
1601
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1602
+ var(--rls-smartness-color-900);
1603
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1604
+ var(--rls-smartness-color-900);
1605
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1606
+ var(--rls-smartness-color-900);
1607
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1608
+ var(--rls-smartness-color-700);
1609
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1610
+ var(--rls-smartness-color-700);
1611
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1612
+ var(--rls-smartness-color-700);
1613
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1614
+ var(--rls-smartness-color-500);
1615
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1616
+ var(--rls-smartness-color-500);
1617
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1618
+ var(--rls-smartness-color-500);
1619
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1620
+ var(--rls-smartness-color-300);
1621
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1622
+ var(--rls-smartness-color-300);
1623
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1624
+ var(--rls-smartness-color-300);
1625
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1626
+ var(--rls-smartness-color-100);
1627
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1628
+ var(--rls-smartness-color-100);
1629
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1630
+ var(--rls-smartness-color-100);
1339
1631
  }
1340
1632
 
1341
1633
  *[rls-theme='obsidian'] {
1342
- --color-rolster-900: var(--color-obsidian-900);
1343
- --color-rolster-700: var(--color-obsidian-700);
1344
- --color-rolster-500: var(--color-obsidian-500);
1345
- --color-rolster-300: var(--color-obsidian-300);
1346
- --color-rolster-100: var(--color-obsidian-100);
1347
- --skeleton-rolster-500: var(--skeleton-obsidian-500);
1348
- --skeleton-rolster-300: var(--skeleton-obsidian-300);
1349
- --skeleton-rolster-100: var(--skeleton-obsidian-100);
1350
- --box-shadow-rolster-500: var(--box-shadow-obsidian-500);
1351
- --backdrop-rolster-500: var(--backdrop-obsidian-500);
1352
- --gradient-rolster-500: var(--gradient-obsidian-500);
1353
- --border-1-rolster-900: var(--border-1) solid var(--color-obsidian-900);
1354
- --border-2-rolster-900: var(--border-2) solid var(--color-obsidian-900);
1355
- --border-4-rolster-900: var(--border-4) solid var(--color-obsidian-900);
1356
- --border-1-rolster-700: var(--border-1) solid var(--color-obsidian-700);
1357
- --border-2-rolster-700: var(--border-2) solid var(--color-obsidian-700);
1358
- --border-4-rolster-700: var(--border-4) solid var(--color-obsidian-700);
1359
- --border-1-rolster-500: var(--border-1) solid var(--color-obsidian-500);
1360
- --border-2-rolster-500: var(--border-2) solid var(--color-obsidian-500);
1361
- --border-4-rolster-500: var(--border-4) solid var(--color-obsidian-500);
1362
- --border-1-rolster-300: var(--border-1) solid var(--color-obsidian-300);
1363
- --border-2-rolster-300: var(--border-2) solid var(--color-obsidian-300);
1364
- --border-4-rolster-300: var(--border-4) solid var(--color-obsidian-300);
1365
- --border-1-rolster-100: var(--border-1) solid var(--color-obsidian-100);
1366
- --border-2-rolster-100: var(--border-2) solid var(--color-obsidian-100);
1367
- --border-4-rolster-100: var(--border-4) solid var(--color-obsidian-100);
1634
+ --rls-theme-color-900: var(--rls-obsidian-color-900);
1635
+ --rls-theme-color-700: var(--rls-obsidian-color-700);
1636
+ --rls-theme-color-500: var(--rls-obsidian-color-500);
1637
+ --rls-theme-color-400: var(--rls-obsidian-color-400);
1638
+ --rls-theme-color-300: var(--rls-obsidian-color-300);
1639
+ --rls-theme-color-200: var(--rls-obsidian-color-200);
1640
+ --rls-theme-color-100: var(--rls-obsidian-color-100);
1641
+ --rls-theme-font-900: var(--rls-obsidian-color-100);
1642
+ --rls-theme-font-500: var(--rls-obsidian-color-100);
1643
+ --rls-theme-font-100: var(--rls-obsidian-color-900);
1644
+ --rls-theme-skeleton-500: var(--rls-obsidian-skeleton-500);
1645
+ --rls-theme-skeleton-300: var(--rls-obsidian-skeleton-300);
1646
+ --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
1647
+ --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
1648
+ --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
1649
+ --rls-theme-gradient-500: var(--rls-obsidian-gradient-500);
1650
+ --rls-theme-gradient-700: var(--rls-obsidian-gradient-500);
1651
+ --rls-theme-border-1-900: var(--rls-border-1) solid
1652
+ var(--rls-obsidian-color-900);
1653
+ --rls-theme-border-2-900: var(--rls-border-2) solid
1654
+ var(--rls-obsidian-color-900);
1655
+ --rls-theme-border-4-900: var(--rls-border-4) solid
1656
+ var(--rls-obsidian-color-900);
1657
+ --rls-theme-border-1-700: var(--rls-border-1) solid
1658
+ var(--rls-obsidian-color-700);
1659
+ --rls-theme-border-2-700: var(--rls-border-2) solid
1660
+ var(--rls-obsidian-color-700);
1661
+ --rls-theme-border-4-700: var(--rls-border-4) solid
1662
+ var(--rls-obsidian-color-700);
1663
+ --rls-theme-border-1-500: var(--rls-border-1) solid
1664
+ var(--rls-obsidian-color-500);
1665
+ --rls-theme-border-2-500: var(--rls-border-2) solid
1666
+ var(--rls-obsidian-color-500);
1667
+ --rls-theme-border-4-500: var(--rls-border-4) solid
1668
+ var(--rls-obsidian-color-500);
1669
+ --rls-theme-border-1-300: var(--rls-border-1) solid
1670
+ var(--rls-obsidian-color-300);
1671
+ --rls-theme-border-2-300: var(--rls-border-2) solid
1672
+ var(--rls-obsidian-color-300);
1673
+ --rls-theme-border-4-300: var(--rls-border-4) solid
1674
+ var(--rls-obsidian-color-300);
1675
+ --rls-theme-border-1-100: var(--rls-border-1) solid
1676
+ var(--rls-obsidian-color-100);
1677
+ --rls-theme-border-2-100: var(--rls-border-2) solid
1678
+ var(--rls-obsidian-color-100);
1679
+ --rls-theme-border-4-100: var(--rls-border-4) solid
1680
+ var(--rls-obsidian-color-100);
1368
1681
  }
1369
1682
 
1370
1683
  :root {
1371
- --font-weight-thin: 100;
1372
- --font-weight-extra-light: 200;
1373
- --font-weight-light: 300;
1374
- --font-weight-regular: 400;
1375
- --font-weight-medium: 500;
1376
- --font-weight-semibold: 600;
1377
- --font-weight-bold: 700;
1378
- --font-weight-extrabold: 800;
1379
- --font-weight-black: 900;
1684
+ --rls-font-weight-thin: 100;
1685
+ --rls-font-weight-extra-light: 200;
1686
+ --rls-font-weight-light: 300;
1687
+ --rls-font-weight-regular: 400;
1688
+ --rls-font-weight-medium: 500;
1689
+ --rls-font-weight-semibold: 600;
1690
+ --rls-font-weight-bold: 700;
1691
+ --rls-font-weight-extrabold: 800;
1692
+ --rls-font-weight-black: 900;
1380
1693
  }
1381
1694
 
1382
1695
  :root {
1383
- --rolster-font-family: -rolster-system-font, -apple-system, BlinkMacSystemFont,
1696
+ --rls-app-font-family: -apple-system, -rolster-system-font, BlinkMacSystemFont,
1384
1697
  'Segoe UI', Roboto, Helvetica;
1698
+ --rlc-app-body-background: var(--rls-app-background-500);
1385
1699
  }
1386
1700
 
1387
1701
  html {
1388
- font-size: var(--rolster-font-size, 2px);
1389
- font-family: var(--rolster-font-family);
1702
+ font-size: var(--rls-app-font-size, 2px);
1703
+ font-family: var(--rls-app-font-family);
1390
1704
  }
1391
1705
 
1392
1706
  body {
@@ -1397,9 +1711,13 @@ body {
1397
1711
  left: 0rem;
1398
1712
  margin: 0rem;
1399
1713
  padding: 0rem;
1714
+ color: var(--rls-app-color-500);
1715
+ background: var(--rlc-app-body-background);
1400
1716
  -webkit-tap-highlight-color: transparent;
1401
- color: var(--color-theme-500);
1402
- background: var(--background-theme-300);
1717
+ }
1718
+ body.rls-app-body {
1719
+ --rlc-boxfield-body-background: rgba(248, 248, 248, 1);
1720
+ --rlc-app-body-background: var(--rls-app-background-300);
1403
1721
  }
1404
1722
 
1405
1723
  div {
@@ -1580,55 +1898,55 @@ h5,
1580
1898
  h6,
1581
1899
  p {
1582
1900
  margin: 0rem;
1583
- font-weight: var(--font-weight-medium);
1901
+ font-weight: var(--rls-font-weight-medium);
1584
1902
  }
1585
1903
 
1586
1904
  .font-dark-500 {
1587
- color: var(--color-dark-500);
1905
+ color: var(--rls-dark-color-500);
1588
1906
  }
1589
1907
 
1590
1908
  .font-dark-300 {
1591
- color: var(--color-dark-300);
1909
+ color: var(--rls-dark-color-300);
1592
1910
  }
1593
1911
 
1594
1912
  .font-dark-100 {
1595
- color: var(--color-dark-100);
1913
+ color: var(--rls-dark-color-100);
1596
1914
  }
1597
1915
 
1598
1916
  .font-light-500 {
1599
- color: var(--color-light-500);
1917
+ color: var(--rls-light-color-500);
1600
1918
  }
1601
1919
 
1602
1920
  .font-light-300 {
1603
- color: var(--color-light-300);
1921
+ color: var(--rls-light-color-300);
1604
1922
  }
1605
1923
 
1606
1924
  .font-light-100 {
1607
- color: var(--color-light-100);
1925
+ color: var(--rls-light-color-100);
1608
1926
  }
1609
1927
 
1610
1928
  .bg-dark-500 {
1611
- background: var(--background-dark-500);
1929
+ background: var(--rls-dark-background-500);
1612
1930
  }
1613
1931
 
1614
1932
  .bg-dark-300 {
1615
- background: var(--background-dark-300);
1933
+ background: var(--rls-dark-background-300);
1616
1934
  }
1617
1935
 
1618
1936
  .bg-dark-100 {
1619
- background: var(--background-dark-100);
1937
+ background: var(--rls-dark-background-100);
1620
1938
  }
1621
1939
 
1622
1940
  .bg-light-500 {
1623
- background: var(--background-light-500);
1941
+ background: var(--rls-light-background-500);
1624
1942
  }
1625
1943
 
1626
1944
  .bg-light-300 {
1627
- background: var(--background-light-300);
1945
+ background: var(--rls-light-background-300);
1628
1946
  }
1629
1947
 
1630
1948
  .bg-light-100 {
1631
- background: var(--background-light-100);
1949
+ background: var(--rls-light-background-100);
1632
1950
  }
1633
1951
 
1634
1952
  :root {
@@ -1654,17 +1972,17 @@ p {
1654
1972
 
1655
1973
  .xs-grid-8 {
1656
1974
  display: grid;
1657
- gap: var(--sizing-x4);
1975
+ gap: var(--rls-sizing-x4);
1658
1976
  }
1659
1977
 
1660
1978
  .xs-grid-12 {
1661
1979
  display: grid;
1662
- gap: var(--sizing-x6);
1980
+ gap: var(--rls-sizing-x6);
1663
1981
  }
1664
1982
 
1665
1983
  .xs-grid-16 {
1666
1984
  display: grid;
1667
- gap: var(--sizing-x8);
1985
+ gap: var(--rls-sizing-x8);
1668
1986
  }
1669
1987
 
1670
1988
  .xs-grid-col-12 {
@@ -1694,15 +2012,15 @@ p {
1694
2012
  @media screen and (min-width: 360px) {
1695
2013
  .sm-grid-8 {
1696
2014
  display: grid;
1697
- gap: var(--sizing-x4);
2015
+ gap: var(--rls-sizing-x4);
1698
2016
  }
1699
2017
  .sm-grid-12 {
1700
2018
  display: grid;
1701
- gap: var(--sizing-x6);
2019
+ gap: var(--rls-sizing-x6);
1702
2020
  }
1703
2021
  .sm-grid-16 {
1704
2022
  display: grid;
1705
- gap: var(--sizing-x8);
2023
+ gap: var(--rls-sizing-x8);
1706
2024
  }
1707
2025
  .sm-grid-col-12 {
1708
2026
  grid-template-columns: repeat(12, 1fr);
@@ -1727,15 +2045,15 @@ p {
1727
2045
  @media screen and (min-width: 640px) {
1728
2046
  .md-grid-8 {
1729
2047
  display: grid;
1730
- gap: var(--sizing-x4);
2048
+ gap: var(--rls-sizing-x4);
1731
2049
  }
1732
2050
  .md-grid-12 {
1733
2051
  display: grid;
1734
- gap: var(--sizing-x6);
2052
+ gap: var(--rls-sizing-x6);
1735
2053
  }
1736
2054
  .md-grid-16 {
1737
2055
  display: grid;
1738
- gap: var(--sizing-x8);
2056
+ gap: var(--rls-sizing-x8);
1739
2057
  }
1740
2058
  .md-grid-col-12 {
1741
2059
  grid-template-columns: repeat(12, 1fr);
@@ -1760,15 +2078,15 @@ p {
1760
2078
  @media screen and (min-width: 960px) {
1761
2079
  .lg-grid-8 {
1762
2080
  display: grid;
1763
- gap: var(--sizing-x4);
2081
+ gap: var(--rls-sizing-x4);
1764
2082
  }
1765
2083
  .lg-grid-12 {
1766
2084
  display: grid;
1767
- gap: var(--sizing-x6);
2085
+ gap: var(--rls-sizing-x6);
1768
2086
  }
1769
2087
  .lg-grid-16 {
1770
2088
  display: grid;
1771
- gap: var(--sizing-x8);
2089
+ gap: var(--rls-sizing-x8);
1772
2090
  }
1773
2091
  .lg-grid-col-12 {
1774
2092
  grid-template-columns: repeat(12, 1fr);
@@ -1793,15 +2111,15 @@ p {
1793
2111
  @media screen and (min-width: 1280px) {
1794
2112
  .xl-grid-8 {
1795
2113
  display: grid;
1796
- gap: var(--sizing-x4);
2114
+ gap: var(--rls-sizing-x4);
1797
2115
  }
1798
2116
  .xl-grid-12 {
1799
2117
  display: grid;
1800
- gap: var(--sizing-x6);
2118
+ gap: var(--rls-sizing-x6);
1801
2119
  }
1802
2120
  .xl-grid-16 {
1803
2121
  display: grid;
1804
- gap: var(--sizing-x8);
2122
+ gap: var(--rls-sizing-x8);
1805
2123
  }
1806
2124
  .xl-grid-col-12 {
1807
2125
  grid-template-columns: repeat(12, 1fr);
@@ -1844,7 +2162,7 @@ p {
1844
2162
  --flex-grid-4-col-3: 1rem;
1845
2163
  display: inline-flex;
1846
2164
  flex-wrap: wrap;
1847
- gap: var(--sizing-x4);
2165
+ gap: var(--rls-sizing-x4);
1848
2166
  }
1849
2167
 
1850
2168
  .xs-flex-grid-12 {
@@ -1868,7 +2186,7 @@ p {
1868
2186
  --flex-grid-4-col-3: 2.2rem;
1869
2187
  display: inline-flex;
1870
2188
  flex-wrap: wrap;
1871
- gap: var(--sizing-x6);
2189
+ gap: var(--rls-sizing-x6);
1872
2190
  }
1873
2191
 
1874
2192
  .xs-flex-grid-16 {
@@ -1892,7 +2210,7 @@ p {
1892
2210
  --flex-grid-4-col-3: 2.2rem;
1893
2211
  display: inline-flex;
1894
2212
  flex-wrap: wrap;
1895
- gap: var(--sizing-x8);
2213
+ gap: var(--rls-sizing-x8);
1896
2214
  }
1897
2215
 
1898
2216
  .xs-flex-grid-col-4 > * {
@@ -2005,7 +2323,7 @@ p {
2005
2323
  --flex-grid-4-col-3: 1rem;
2006
2324
  display: inline-flex;
2007
2325
  flex-wrap: wrap;
2008
- gap: var(--sizing-x4);
2326
+ gap: var(--rls-sizing-x4);
2009
2327
  }
2010
2328
  .sm-flex-grid-12 {
2011
2329
  --flex-grid-12-gap: 7.3125rem;
@@ -2028,7 +2346,7 @@ p {
2028
2346
  --flex-grid-4-col-3: 2.2rem;
2029
2347
  display: inline-flex;
2030
2348
  flex-wrap: wrap;
2031
- gap: var(--sizing-x6);
2349
+ gap: var(--rls-sizing-x6);
2032
2350
  }
2033
2351
  .sm-flex-grid-16 {
2034
2352
  --flex-grid-12-gap: 7.3125rem;
@@ -2051,7 +2369,7 @@ p {
2051
2369
  --flex-grid-4-col-3: 2.2rem;
2052
2370
  display: inline-flex;
2053
2371
  flex-wrap: wrap;
2054
- gap: var(--sizing-x8);
2372
+ gap: var(--rls-sizing-x8);
2055
2373
  }
2056
2374
  .sm-flex-grid-col-4 > * {
2057
2375
  width: calc(25% - var(--flex-grid-4-gap));
@@ -2161,7 +2479,7 @@ p {
2161
2479
  --flex-grid-4-col-3: 1rem;
2162
2480
  display: inline-flex;
2163
2481
  flex-wrap: wrap;
2164
- gap: var(--sizing-x4);
2482
+ gap: var(--rls-sizing-x4);
2165
2483
  }
2166
2484
  .md-flex-grid-12 {
2167
2485
  --flex-grid-12-gap: 7.3125rem;
@@ -2184,7 +2502,7 @@ p {
2184
2502
  --flex-grid-4-col-3: 2.2rem;
2185
2503
  display: inline-flex;
2186
2504
  flex-wrap: wrap;
2187
- gap: var(--sizing-x6);
2505
+ gap: var(--rls-sizing-x6);
2188
2506
  }
2189
2507
  .md-flex-grid-16 {
2190
2508
  --flex-grid-12-gap: 7.3125rem;
@@ -2207,7 +2525,7 @@ p {
2207
2525
  --flex-grid-4-col-3: 2.2rem;
2208
2526
  display: inline-flex;
2209
2527
  flex-wrap: wrap;
2210
- gap: var(--sizing-x8);
2528
+ gap: var(--rls-sizing-x8);
2211
2529
  }
2212
2530
  .md-flex-grid-col-4 > * {
2213
2531
  width: calc(25% - var(--flex-grid-4-gap));
@@ -2317,7 +2635,7 @@ p {
2317
2635
  --flex-grid-4-col-3: 1rem;
2318
2636
  display: inline-flex;
2319
2637
  flex-wrap: wrap;
2320
- gap: var(--sizing-x4);
2638
+ gap: var(--rls-sizing-x4);
2321
2639
  }
2322
2640
  .lg-flex-grid-12 {
2323
2641
  --flex-grid-12-gap: 7.3125rem;
@@ -2340,7 +2658,7 @@ p {
2340
2658
  --flex-grid-4-col-3: 2.2rem;
2341
2659
  display: inline-flex;
2342
2660
  flex-wrap: wrap;
2343
- gap: var(--sizing-x6);
2661
+ gap: var(--rls-sizing-x6);
2344
2662
  }
2345
2663
  .lg-flex-grid-16 {
2346
2664
  --flex-grid-12-gap: 7.3125rem;
@@ -2363,7 +2681,7 @@ p {
2363
2681
  --flex-grid-4-col-3: 2.2rem;
2364
2682
  display: inline-flex;
2365
2683
  flex-wrap: wrap;
2366
- gap: var(--sizing-x8);
2684
+ gap: var(--rls-sizing-x8);
2367
2685
  }
2368
2686
  .lg-flex-grid-col-4 > * {
2369
2687
  width: calc(25% - var(--flex-grid-4-gap));
@@ -2473,7 +2791,7 @@ p {
2473
2791
  --flex-grid-4-col-3: 1rem;
2474
2792
  display: inline-flex;
2475
2793
  flex-wrap: wrap;
2476
- gap: var(--sizing-x4);
2794
+ gap: var(--rls-sizing-x4);
2477
2795
  }
2478
2796
  .xl-flex-grid-12 {
2479
2797
  --flex-grid-12-gap: 7.3125rem;
@@ -2496,7 +2814,7 @@ p {
2496
2814
  --flex-grid-4-col-3: 2.2rem;
2497
2815
  display: inline-flex;
2498
2816
  flex-wrap: wrap;
2499
- gap: var(--sizing-x6);
2817
+ gap: var(--rls-sizing-x6);
2500
2818
  }
2501
2819
  .xl-flex-grid-16 {
2502
2820
  --flex-grid-12-gap: 7.3125rem;
@@ -2519,7 +2837,7 @@ p {
2519
2837
  --flex-grid-4-col-3: 2.2rem;
2520
2838
  display: inline-flex;
2521
2839
  flex-wrap: wrap;
2522
- gap: var(--sizing-x8);
2840
+ gap: var(--rls-sizing-x8);
2523
2841
  }
2524
2842
  .xl-flex-grid-col-4 > * {
2525
2843
  width: calc(25% - var(--flex-grid-4-gap));
@@ -2607,80 +2925,80 @@ p {
2607
2925
  }
2608
2926
  }
2609
2927
 
2610
- .font-mode-500 {
2611
- color: var(--color-theme-500);
2928
+ .rls-app-color-500 {
2929
+ color: var(--rls-app-color-500);
2612
2930
  }
2613
2931
 
2614
- .font-mode-300 {
2615
- color: var(--color-theme-300);
2932
+ .rls-app-color-300 {
2933
+ color: var(--rls-app-color-300);
2616
2934
  }
2617
2935
 
2618
- .font-mode-100 {
2619
- color: var(--color-theme-100);
2936
+ .rls-app-color-100 {
2937
+ color: var(--rls-app-color-100);
2620
2938
  }
2621
2939
 
2622
- .bg-mode-500 {
2623
- background: var(--background-theme-500);
2940
+ .rls-app-background-500 {
2941
+ background: var(--rls-app-background-500);
2624
2942
  }
2625
2943
 
2626
- .bg-mode-300 {
2627
- background: var(--background-theme-300);
2944
+ .rls-app-background-300 {
2945
+ background: var(--rls-app-background-300);
2628
2946
  }
2629
2947
 
2630
- .bg-mode-100 {
2631
- background: var(--background-theme-100);
2948
+ .rls-app-background-100 {
2949
+ background: var(--rls-app-background-100);
2632
2950
  }
2633
2951
 
2634
- .border-1-mode-500 {
2635
- border: var(--border-1-theme-500);
2952
+ .rls-app-border-1-500 {
2953
+ border: var(--rls-app-border-1-500);
2636
2954
  }
2637
2955
 
2638
- .border-2-mode-500 {
2639
- border: var(--border-2-theme-500);
2956
+ .rls-app-border-2-500 {
2957
+ border: var(--rls-app-border-2-500);
2640
2958
  }
2641
2959
 
2642
- .border-4-mode-500 {
2643
- border: var(--border-4-theme-500);
2960
+ .rls-app-border-4-500 {
2961
+ border: var(--rls-app-border-4-500);
2644
2962
  }
2645
2963
 
2646
2964
  .align-center {
2647
- --rls-amount-text-align: center;
2648
- --rls-input-text-align: center;
2965
+ --rlc-amount-text-align: center;
2966
+ --rlc-input-text-align: center;
2649
2967
  text-align: center !important;
2650
2968
  }
2651
2969
 
2652
2970
  .align-justify {
2653
- --rls-amount-text-align: start;
2654
- --rls-input-text-align: left;
2971
+ --rlc-amount-text-align: start;
2972
+ --rlc-input-text-align: left;
2655
2973
  text-align: justify !important;
2656
2974
  }
2657
2975
 
2658
2976
  .align-left {
2659
- --rls-amount-text-align: start;
2660
- --rls-input-text-align: left;
2977
+ --rlc-amount-text-align: start;
2978
+ --rlc-input-text-align: left;
2661
2979
  text-align: right !important;
2662
2980
  }
2663
2981
 
2664
2982
  .align-right {
2665
- --rls-amount-text-align: end;
2666
- --rls-input-text-align: right;
2983
+ --rlc-amount-text-align: end;
2984
+ --rlc-input-text-align: right;
2667
2985
  text-align: left !important;
2668
2986
  }
2669
2987
 
2670
2988
  .weight-light {
2671
- font-weight: var(--font-weight-light);
2989
+ font-weight: var(--rls-font-weight-light);
2672
2990
  }
2673
2991
 
2674
2992
  .weight-medium {
2675
- font-weight: var(--font-weight-medium);
2993
+ font-weight: var(--rls-font-weight-medium);
2676
2994
  }
2677
2995
 
2678
2996
  .weight-semibold {
2679
- font-weight: var(--font-weight-semibold);
2997
+ font-weight: var(--rls-font-weight-semibold);
2680
2998
  }
2681
2999
 
2682
3000
  .weight-bold {
2683
- font-weight: var(--font-weight-bold);
3001
+ font-weight: var(--rls-font-weight-bold);
2684
3002
  }
2685
3003
 
2686
3004
  .truncate {
@@ -2692,1066 +3010,1067 @@ p {
2692
3010
  }
2693
3011
 
2694
3012
  h1 {
2695
- font-size: var(--heading1-font-size);
2696
- letter-spacing: var(--heading1-letter-spacing);
2697
- min-height: var(--heading1-line-height);
2698
- line-height: var(--heading1-line-height);
3013
+ font-size: var(--rls-heading1-font-size);
3014
+ letter-spacing: var(--rls-heading1-letter-spacing);
3015
+ min-height: var(--rls-heading1-line-height);
3016
+ line-height: var(--rls-heading1-line-height);
2699
3017
  }
2700
3018
 
2701
3019
  h2 {
2702
- font-size: var(--heading2-font-size);
2703
- letter-spacing: var(--heading2-letter-spacing);
2704
- min-height: var(--heading2-line-height);
2705
- line-height: var(--heading2-line-height);
3020
+ font-size: var(--rls-heading2-font-size);
3021
+ letter-spacing: var(--rls-heading2-letter-spacing);
3022
+ min-height: var(--rls-heading2-line-height);
3023
+ line-height: var(--rls-heading2-line-height);
2706
3024
  }
2707
3025
 
2708
3026
  h3 {
2709
- font-size: var(--heading3-font-size);
2710
- letter-spacing: var(--heading3-letter-spacing);
2711
- min-height: var(--heading3-line-height);
2712
- line-height: var(--heading3-line-height);
3027
+ font-size: var(--rls-heading3-font-size);
3028
+ letter-spacing: var(--rls-heading3-letter-spacing);
3029
+ min-height: var(--rls-heading3-line-height);
3030
+ line-height: var(--rls-heading3-line-height);
2713
3031
  }
2714
3032
 
2715
3033
  h4 {
2716
- font-size: var(--heading4-font-size);
2717
- letter-spacing: var(--heading4-letter-spacing);
2718
- min-height: var(--heading4-line-height);
2719
- line-height: var(--heading4-line-height);
3034
+ font-size: var(--rls-heading4-font-size);
3035
+ letter-spacing: var(--rls-heading4-letter-spacing);
3036
+ min-height: var(--rls-heading4-line-height);
3037
+ line-height: var(--rls-heading4-line-height);
2720
3038
  }
2721
3039
 
2722
3040
  h5 {
2723
- font-size: var(--heading5-font-size);
2724
- letter-spacing: var(--heading5-letter-spacing);
2725
- min-height: var(--heading5-line-height);
2726
- line-height: var(--heading5-line-height);
3041
+ font-size: var(--rls-heading5-font-size);
3042
+ letter-spacing: var(--rls-heading5-letter-spacing);
3043
+ min-height: var(--rls-heading5-line-height);
3044
+ line-height: var(--rls-heading5-line-height);
2727
3045
  }
2728
3046
 
2729
3047
  h6 {
2730
- font-size: var(--heading6-font-size);
2731
- letter-spacing: var(--heading6-letter-spacing);
2732
- min-height: var(--heading6-line-height);
2733
- line-height: var(--heading6-line-height);
3048
+ font-size: var(--rls-heading6-font-size);
3049
+ letter-spacing: var(--rls-heading6-letter-spacing);
3050
+ min-height: var(--rls-heading6-line-height);
3051
+ line-height: var(--rls-heading6-line-height);
2734
3052
  }
2735
3053
 
2736
3054
  p {
2737
- font-size: var(--label-font-size);
2738
- letter-spacing: var(--label-letter-spacing);
2739
- min-height: var(--label-line-height);
2740
- line-height: var(--label-line-height);
3055
+ font-size: var(--rls-label-font-size);
3056
+ letter-spacing: var(--rls-label-letter-spacing);
3057
+ min-height: var(--rls-label-line-height);
3058
+ line-height: var(--rls-label-line-height);
2741
3059
  }
2742
3060
 
2743
3061
  button {
2744
- font-size: var(--button-font-size);
2745
- letter-spacing: var(--button-letter-spacing);
2746
- min-height: var(--button-line-height);
2747
- line-height: var(--button-line-height);
3062
+ font-size: var(--rls-button-font-size);
3063
+ letter-spacing: var(--rls-button-letter-spacing);
3064
+ min-height: var(--rls-button-line-height);
3065
+ line-height: var(--rls-button-line-height);
2748
3066
  }
2749
3067
 
2750
- .h1-default,
2751
- .h1-regular,
2752
- .h1-medium,
2753
- .h1-semibold,
2754
- .h1-bold {
2755
- font-size: var(--heading1-font-size);
2756
- letter-spacing: var(--heading1-letter-spacing);
2757
- min-height: var(--heading1-line-height);
2758
- line-height: var(--heading1-line-height);
3068
+ .rls-h1-default,
3069
+ .rls-h1-regular,
3070
+ .rls-h1-medium,
3071
+ .rls-h1-semibold,
3072
+ .rls-h1-bold {
3073
+ font-size: var(--rls-heading1-font-size);
3074
+ letter-spacing: var(--rls-heading1-letter-spacing);
3075
+ min-height: var(--rls-heading1-line-height);
3076
+ line-height: var(--rls-heading1-line-height);
2759
3077
  }
2760
3078
 
2761
- .h1-regular {
2762
- font-weight: var(--font-weight-regular);
3079
+ .rls-h1-regular {
3080
+ font-weight: var(--rls-font-weight-regular);
2763
3081
  }
2764
3082
 
2765
- .h1-medium {
2766
- font-weight: var(--font-weight-medium);
3083
+ .rls-h1-medium {
3084
+ font-weight: var(--rls-font-weight-medium);
2767
3085
  }
2768
3086
 
2769
- .h1-semibold {
2770
- font-weight: var(--font-weight-semibold);
3087
+ .rls-h1-semibold {
3088
+ font-weight: var(--rls-font-weight-semibold);
2771
3089
  }
2772
3090
 
2773
- .h1-bold {
2774
- font-weight: var(--font-weight-bold);
3091
+ .rls-h1-bold {
3092
+ font-weight: var(--rls-font-weight-bold);
2775
3093
  }
2776
3094
 
2777
- .h2-default,
2778
- .h2-regular,
2779
- .h2-medium,
2780
- .h2-semibold,
2781
- .h2-bold {
2782
- font-size: var(--heading2-font-size);
2783
- letter-spacing: var(--heading2-letter-spacing);
2784
- min-height: var(--heading2-line-height);
2785
- line-height: var(--heading2-line-height);
3095
+ .rls-h2-default,
3096
+ .rls-h2-regular,
3097
+ .rls-h2-medium,
3098
+ .rls-h2-semibold,
3099
+ .rls-h2-bold {
3100
+ font-size: var(--rls-heading2-font-size);
3101
+ letter-spacing: var(--rls-heading2-letter-spacing);
3102
+ min-height: var(--rls-heading2-line-height);
3103
+ line-height: var(--rls-heading2-line-height);
2786
3104
  }
2787
3105
 
2788
- .h2-regular {
2789
- font-weight: var(--font-weight-regular);
3106
+ .rls-h2-regular {
3107
+ font-weight: var(--rls-font-weight-regular);
2790
3108
  }
2791
3109
 
2792
- .h2-medium {
2793
- font-weight: var(--font-weight-medium);
3110
+ .rls-h2-medium {
3111
+ font-weight: var(--rls-font-weight-medium);
2794
3112
  }
2795
3113
 
2796
- .h2-semibold {
2797
- font-weight: var(--font-weight-semibold);
3114
+ .rls-h2-semibold {
3115
+ font-weight: var(--rls-font-weight-semibold);
2798
3116
  }
2799
3117
 
2800
- .h2-bold {
2801
- font-weight: var(--font-weight-bold);
3118
+ .rls-h2-bold {
3119
+ font-weight: var(--rls-font-weight-bold);
2802
3120
  }
2803
3121
 
2804
- .h3-default,
2805
- .h3-regular,
2806
- .h3-medium,
2807
- .h3-semibold,
2808
- .h3-bold {
2809
- font-size: var(--heading3-font-size);
2810
- letter-spacing: var(--heading3-letter-spacing);
2811
- min-height: var(--heading3-line-height);
2812
- line-height: var(--heading3-line-height);
3122
+ .rls-h3-default,
3123
+ .rls-h3-regular,
3124
+ .rls-h3-medium,
3125
+ .rls-h3-semibold,
3126
+ .rls-h3-bold {
3127
+ font-size: var(--rls-heading3-font-size);
3128
+ letter-spacing: var(--rls-heading3-letter-spacing);
3129
+ min-height: var(--rls-heading3-line-height);
3130
+ line-height: var(--rls-heading3-line-height);
2813
3131
  }
2814
3132
 
2815
- .h3-regular {
2816
- font-weight: var(--font-weight-regular);
3133
+ .rls-h3-regular {
3134
+ font-weight: var(--rls-font-weight-regular);
2817
3135
  }
2818
3136
 
2819
- .h3-medium {
2820
- font-weight: var(--font-weight-medium);
3137
+ .rls-h3-medium {
3138
+ font-weight: var(--rls-font-weight-medium);
2821
3139
  }
2822
3140
 
2823
- .h3-semibold {
2824
- font-weight: var(--font-weight-semibold);
3141
+ .rls-h3-semibold {
3142
+ font-weight: var(--rls-font-weight-semibold);
2825
3143
  }
2826
3144
 
2827
- .h3-bold {
2828
- font-weight: var(--font-weight-bold);
3145
+ .rls-h3-bold {
3146
+ font-weight: var(--rls-font-weight-bold);
2829
3147
  }
2830
3148
 
2831
- .h4-default,
2832
- .h4-regular,
2833
- .h4-medium,
2834
- .h4-semibold,
2835
- .h4-bold {
2836
- font-size: var(--heading4-font-size);
2837
- letter-spacing: var(--heading4-letter-spacing);
2838
- min-height: var(--heading4-line-height);
2839
- line-height: var(--heading4-line-height);
3149
+ .rls-h4-default,
3150
+ .rls-h4-regular,
3151
+ .rls-h4-medium,
3152
+ .rls-h4-semibold,
3153
+ .rls-h4-bold {
3154
+ font-size: var(--rls-heading4-font-size);
3155
+ letter-spacing: var(--rls-heading4-letter-spacing);
3156
+ min-height: var(--rls-heading4-line-height);
3157
+ line-height: var(--rls-heading4-line-height);
2840
3158
  }
2841
3159
 
2842
- .h4-regular {
2843
- font-weight: var(--font-weight-regular);
3160
+ .rls-h4-regular {
3161
+ font-weight: var(--rls-font-weight-regular);
2844
3162
  }
2845
3163
 
2846
- .h4-medium {
2847
- font-weight: var(--font-weight-medium);
3164
+ .rls-h4-medium {
3165
+ font-weight: var(--rls-font-weight-medium);
2848
3166
  }
2849
3167
 
2850
- .h4-semibold {
2851
- font-weight: var(--font-weight-semibold);
3168
+ .rls-h4-semibold {
3169
+ font-weight: var(--rls-font-weight-semibold);
2852
3170
  }
2853
3171
 
2854
- .h4-bold {
2855
- font-weight: var(--font-weight-bold);
3172
+ .rls-h4-bold {
3173
+ font-weight: var(--rls-font-weight-bold);
2856
3174
  }
2857
3175
 
2858
- .h5-default,
2859
- .h5-regular,
2860
- .h5-medium,
2861
- .h5-semibold,
2862
- .h5-bold {
2863
- font-size: var(--heading5-font-size);
2864
- letter-spacing: var(--heading5-letter-spacing);
2865
- min-height: var(--heading5-line-height);
2866
- line-height: var(--heading5-line-height);
3176
+ .rls-h5-default,
3177
+ .rls-h5-regular,
3178
+ .rls-h5-medium,
3179
+ .rls-h5-semibold,
3180
+ .rls-h5-bold {
3181
+ font-size: var(--rls-heading5-font-size);
3182
+ letter-spacing: var(--rls-heading5-letter-spacing);
3183
+ min-height: var(--rls-heading5-line-height);
3184
+ line-height: var(--rls-heading5-line-height);
2867
3185
  }
2868
3186
 
2869
- .h5-regular {
2870
- font-weight: var(--font-weight-regular);
3187
+ .rls-h5-regular {
3188
+ font-weight: var(--rls-font-weight-regular);
2871
3189
  }
2872
3190
 
2873
- .h5-medium {
2874
- font-weight: var(--font-weight-medium);
3191
+ .rls-h5-medium {
3192
+ font-weight: var(--rls-font-weight-medium);
2875
3193
  }
2876
3194
 
2877
- .h5-semibold {
2878
- font-weight: var(--font-weight-semibold);
3195
+ .rls-h5-semibold {
3196
+ font-weight: var(--rls-font-weight-semibold);
2879
3197
  }
2880
3198
 
2881
- .h5-bold {
2882
- font-weight: var(--font-weight-bold);
3199
+ .rls-h5-bold {
3200
+ font-weight: var(--rls-font-weight-bold);
2883
3201
  }
2884
3202
 
2885
- .h6-default,
2886
- .h6-regular,
2887
- .h6-medium,
2888
- .h6-semibold,
2889
- .h6-bold {
2890
- font-size: var(--heading6-font-size);
2891
- letter-spacing: var(--heading6-letter-spacing);
2892
- min-height: var(--heading6-line-height);
2893
- line-height: var(--heading6-line-height);
3203
+ .rls-h6-default,
3204
+ .rls-h6-regular,
3205
+ .rls-h6-medium,
3206
+ .rls-h6-semibold,
3207
+ .rls-h6-bold {
3208
+ font-size: var(--rls-heading6-font-size);
3209
+ letter-spacing: var(--rls-heading6-letter-spacing);
3210
+ min-height: var(--rls-heading6-line-height);
3211
+ line-height: var(--rls-heading6-line-height);
2894
3212
  }
2895
3213
 
2896
- .h6-regular {
2897
- font-weight: var(--font-weight-regular);
3214
+ .rls-h6-regular {
3215
+ font-weight: var(--rls-font-weight-regular);
2898
3216
  }
2899
3217
 
2900
- .h6-medium {
2901
- font-weight: var(--font-weight-medium);
3218
+ .rls-h6-medium {
3219
+ font-weight: var(--rls-font-weight-medium);
2902
3220
  }
2903
3221
 
2904
- .h6-semibold {
2905
- font-weight: var(--font-weight-semibold);
3222
+ .rls-h6-semibold {
3223
+ font-weight: var(--rls-font-weight-semibold);
2906
3224
  }
2907
3225
 
2908
- .h6-bold {
2909
- font-weight: var(--font-weight-bold);
3226
+ .rls-h6-bold {
3227
+ font-weight: var(--rls-font-weight-bold);
2910
3228
  }
2911
3229
 
2912
- .title-default,
2913
- .title-regular,
2914
- .title-medium,
2915
- .title-semibold,
2916
- .title-bold {
2917
- font-size: var(--title-font-size);
2918
- letter-spacing: var(--title-letter-spacing);
2919
- min-height: var(--title-line-height);
2920
- line-height: var(--title-line-height);
3230
+ .rls-title-default,
3231
+ .rls-title-regular,
3232
+ .rls-title-medium,
3233
+ .rls-title-semibold,
3234
+ .rls-title-bold {
3235
+ font-size: var(--rls-title-font-size);
3236
+ letter-spacing: var(--rls-title-letter-spacing);
3237
+ min-height: var(--rls-title-line-height);
3238
+ line-height: var(--rls-title-line-height);
2921
3239
  }
2922
3240
 
2923
- .title-regular {
2924
- font-weight: var(--font-weight-regular);
3241
+ .rls-title-regular {
3242
+ font-weight: var(--rls-font-weight-regular);
2925
3243
  }
2926
3244
 
2927
- .title-medium {
2928
- font-weight: var(--font-weight-medium);
3245
+ .rls-title-medium {
3246
+ font-weight: var(--rls-font-weight-medium);
2929
3247
  }
2930
3248
 
2931
- .title-semibold {
2932
- font-weight: var(--font-weight-semibold);
3249
+ .rls-title-semibold {
3250
+ font-weight: var(--rls-font-weight-semibold);
2933
3251
  }
2934
3252
 
2935
- .title-bold {
2936
- font-weight: var(--font-weight-bold);
3253
+ .rls-title-bold {
3254
+ font-weight: var(--rls-font-weight-bold);
2937
3255
  }
2938
3256
 
2939
- .subtitle-default,
2940
- .subtitle-regular,
2941
- .subtitle-medium,
2942
- .subtitle-semibold,
2943
- .subtitle-bold {
2944
- font-size: var(--subtitle-font-size);
2945
- letter-spacing: var(--subtitle-letter-spacing);
2946
- min-height: var(--subtitle-line-height);
2947
- line-height: var(--subtitle-line-height);
3257
+ .rls-subtitle-default,
3258
+ .rls-subtitle-regular,
3259
+ .rls-subtitle-medium,
3260
+ .rls-subtitle-semibold,
3261
+ .rls-subtitle-bold {
3262
+ font-size: var(--rls-subtitle-font-size);
3263
+ letter-spacing: var(--rls-subtitle-letter-spacing);
3264
+ min-height: var(--rls-subtitle-line-height);
3265
+ line-height: var(--rls-subtitle-line-height);
2948
3266
  }
2949
3267
 
2950
- .subtitle-regular {
2951
- font-weight: var(--font-weight-regular);
3268
+ .rls-subtitle-regular {
3269
+ font-weight: var(--rls-font-weight-regular);
2952
3270
  }
2953
3271
 
2954
- .subtitle-medium {
2955
- font-weight: var(--font-weight-medium);
3272
+ .rls-subtitle-medium {
3273
+ font-weight: var(--rls-font-weight-medium);
2956
3274
  }
2957
3275
 
2958
- .subtitle-semibold {
2959
- font-weight: var(--font-weight-semibold);
3276
+ .rls-subtitle-semibold {
3277
+ font-weight: var(--rls-font-weight-semibold);
2960
3278
  }
2961
3279
 
2962
- .subtitle-bold {
2963
- font-weight: var(--font-weight-bold);
3280
+ .rls-subtitle-bold {
3281
+ font-weight: var(--rls-font-weight-bold);
2964
3282
  }
2965
3283
 
2966
- .body-default,
2967
- .body-regular,
2968
- .body-medium,
2969
- .body-semibold,
2970
- .body-bold {
2971
- font-size: var(--body-font-size);
2972
- letter-spacing: var(--body-letter-spacing);
2973
- min-height: var(--body-line-height);
2974
- line-height: var(--body-line-height);
3284
+ .rls-body-default,
3285
+ .rls-body-regular,
3286
+ .rls-body-medium,
3287
+ .rls-body-semibold,
3288
+ .rls-body-bold {
3289
+ font-size: var(--rls-body-font-size);
3290
+ letter-spacing: var(--rls-body-letter-spacing);
3291
+ min-height: var(--rls-body-line-height);
3292
+ line-height: var(--rls-body-line-height);
2975
3293
  }
2976
3294
 
2977
- .body-regular {
2978
- font-weight: var(--font-weight-regular);
3295
+ .rls-body-regular {
3296
+ font-weight: var(--rls-font-weight-regular);
2979
3297
  }
2980
3298
 
2981
- .body-medium {
2982
- font-weight: var(--font-weight-medium);
3299
+ .rls-body-medium {
3300
+ font-weight: var(--rls-font-weight-medium);
2983
3301
  }
2984
3302
 
2985
- .body-semibold {
2986
- font-weight: var(--font-weight-semibold);
3303
+ .rls-body-semibold {
3304
+ font-weight: var(--rls-font-weight-semibold);
2987
3305
  }
2988
3306
 
2989
- .body-bold {
2990
- font-weight: var(--font-weight-bold);
3307
+ .rls-body-bold {
3308
+ font-weight: var(--rls-font-weight-bold);
2991
3309
  }
2992
3310
 
2993
- .input-default,
2994
- .input-regular,
2995
- .input-medium,
2996
- .input-semibold,
2997
- .input-bold {
2998
- font-size: var(--input-font-size);
2999
- letter-spacing: var(--input-letter-spacing);
3000
- min-height: var(--input-line-height);
3001
- line-height: var(--input-line-height);
3311
+ .rls-input-default,
3312
+ .rls-input-regular,
3313
+ .rls-input-medium,
3314
+ .rls-input-semibold,
3315
+ .rls-input-bold {
3316
+ font-size: var(--rls-input-font-size);
3317
+ letter-spacing: var(--rls-input-letter-spacing);
3318
+ min-height: var(--rls-input-line-height);
3319
+ line-height: var(--rls-input-line-height);
3002
3320
  }
3003
3321
 
3004
- .input-regular {
3005
- font-weight: var(--font-weight-regular);
3322
+ .rls-input-regular {
3323
+ font-weight: var(--rls-font-weight-regular);
3006
3324
  }
3007
3325
 
3008
- .input-medium {
3009
- font-weight: var(--font-weight-medium);
3326
+ .rls-input-medium {
3327
+ font-weight: var(--rls-font-weight-medium);
3010
3328
  }
3011
3329
 
3012
- .input-semibold {
3013
- font-weight: var(--font-weight-semibold);
3330
+ .rls-input-semibold {
3331
+ font-weight: var(--rls-font-weight-semibold);
3014
3332
  }
3015
3333
 
3016
- .input-bold {
3017
- font-weight: var(--font-weight-bold);
3334
+ .rls-input-bold {
3335
+ font-weight: var(--rls-font-weight-bold);
3018
3336
  }
3019
3337
 
3020
- .label-default,
3021
- .label-regular,
3022
- .label-medium,
3023
- .label-semibold,
3024
- .label-bold {
3025
- font-size: var(--label-font-size);
3026
- letter-spacing: var(--label-letter-spacing);
3027
- min-height: var(--label-line-height);
3028
- line-height: var(--label-line-height);
3338
+ .rls-label-default,
3339
+ .rls-label-regular,
3340
+ .rls-label-medium,
3341
+ .rls-label-semibold,
3342
+ .rls-label-bold {
3343
+ font-size: var(--rls-label-font-size);
3344
+ letter-spacing: var(--rls-label-letter-spacing);
3345
+ min-height: var(--rls-label-line-height);
3346
+ line-height: var(--rls-label-line-height);
3029
3347
  }
3030
3348
 
3031
- .label-regular {
3032
- font-weight: var(--font-weight-regular);
3349
+ .rls-label-regular {
3350
+ font-weight: var(--rls-font-weight-regular);
3033
3351
  }
3034
3352
 
3035
- .label-medium {
3036
- font-weight: var(--font-weight-medium);
3353
+ .rls-label-medium {
3354
+ font-weight: var(--rls-font-weight-medium);
3037
3355
  }
3038
3356
 
3039
- .label-semibold {
3040
- font-weight: var(--font-weight-semibold);
3357
+ .rls-label-semibold {
3358
+ font-weight: var(--rls-font-weight-semibold);
3041
3359
  }
3042
3360
 
3043
- .label-bold {
3044
- font-weight: var(--font-weight-bold);
3361
+ .rls-label-bold {
3362
+ font-weight: var(--rls-font-weight-bold);
3045
3363
  }
3046
3364
 
3047
- .button-default,
3048
- .button-regular,
3049
- .button-medium,
3050
- .button-semibold,
3051
- .button-bold {
3052
- font-size: var(--button-font-size);
3053
- letter-spacing: var(--button-letter-spacing);
3054
- min-height: var(--button-line-height);
3055
- line-height: var(--button-line-height);
3365
+ .rls-button-default,
3366
+ .rls-button-regular,
3367
+ .rls-button-medium,
3368
+ .rls-button-semibold,
3369
+ .rls-button-bold {
3370
+ font-size: var(--rls-button-font-size);
3371
+ letter-spacing: var(--rls-button-letter-spacing);
3372
+ min-height: var(--rls-button-line-height);
3373
+ line-height: var(--rls-button-line-height);
3056
3374
  }
3057
3375
 
3058
- .button-regular {
3059
- font-weight: var(--font-weight-regular);
3376
+ .rls-button-regular {
3377
+ font-weight: var(--rls-font-weight-regular);
3060
3378
  }
3061
3379
 
3062
- .button-medium {
3063
- font-weight: var(--font-weight-medium);
3380
+ .rls-button-medium {
3381
+ font-weight: var(--rls-font-weight-medium);
3064
3382
  }
3065
3383
 
3066
- .button-semibold {
3067
- font-weight: var(--font-weight-semibold);
3384
+ .rls-button-semibold {
3385
+ font-weight: var(--rls-font-weight-semibold);
3068
3386
  }
3069
3387
 
3070
- .button-bold {
3071
- font-weight: var(--font-weight-bold);
3388
+ .rls-button-bold {
3389
+ font-weight: var(--rls-font-weight-bold);
3072
3390
  }
3073
3391
 
3074
- .smalltext-default,
3075
- .smalltext-regular,
3076
- .smalltext-medium,
3077
- .smalltext-semibold,
3078
- .smalltext-bold {
3079
- font-size: var(--smalltext-font-size);
3080
- letter-spacing: var(--smalltext-letter-spacing);
3081
- min-height: var(--smalltext-line-height);
3082
- line-height: var(--smalltext-line-height);
3392
+ .rls-smalltext-default,
3393
+ .rls-smalltext-regular,
3394
+ .rls-smalltext-medium,
3395
+ .rls-smalltext-semibold,
3396
+ .rls-smalltext-bold {
3397
+ font-size: var(--rls-smalltext-font-size);
3398
+ letter-spacing: var(--rls-smalltext-letter-spacing);
3399
+ min-height: var(--rls-smalltext-line-height);
3400
+ line-height: var(--rls-smalltext-line-height);
3083
3401
  }
3084
3402
 
3085
- .smalltext-regular {
3086
- font-weight: var(--font-weight-regular);
3403
+ .rls-smalltext-regular {
3404
+ font-weight: var(--rls-font-weight-regular);
3087
3405
  }
3088
3406
 
3089
- .smalltext-medium {
3090
- font-weight: var(--font-weight-medium);
3407
+ .rls-smalltext-medium {
3408
+ font-weight: var(--rls-font-weight-medium);
3091
3409
  }
3092
3410
 
3093
- .smalltext-semibold {
3094
- font-weight: var(--font-weight-semibold);
3411
+ .rls-smalltext-semibold {
3412
+ font-weight: var(--rls-font-weight-semibold);
3095
3413
  }
3096
3414
 
3097
- .smalltext-bold {
3098
- font-weight: var(--font-weight-bold);
3415
+ .rls-smalltext-bold {
3416
+ font-weight: var(--rls-font-weight-bold);
3099
3417
  }
3100
3418
 
3101
- .caption-default,
3102
- .caption-regular,
3103
- .caption-medium,
3104
- .caption-semibold,
3105
- .caption-bold {
3106
- font-size: var(--caption-font-size);
3107
- letter-spacing: var(--caption-letter-spacing);
3108
- min-height: var(--caption-line-height);
3109
- line-height: var(--caption-line-height);
3419
+ .rls-caption-default,
3420
+ .rls-caption-regular,
3421
+ .rls-caption-medium,
3422
+ .rls-caption-semibold,
3423
+ .rls-caption-bold {
3424
+ font-size: var(--rls-caption-font-size);
3425
+ letter-spacing: var(--rls-caption-letter-spacing);
3426
+ min-height: var(--rls-caption-line-height);
3427
+ line-height: var(--rls-caption-line-height);
3110
3428
  }
3111
3429
 
3112
- .caption-regular {
3113
- font-weight: var(--font-weight-regular);
3430
+ .rls-caption-regular {
3431
+ font-weight: var(--rls-font-weight-regular);
3114
3432
  }
3115
3433
 
3116
- .caption-medium {
3117
- font-weight: var(--font-weight-medium);
3434
+ .rls-caption-medium {
3435
+ font-weight: var(--rls-font-weight-medium);
3118
3436
  }
3119
3437
 
3120
- .caption-semibold {
3121
- font-weight: var(--font-weight-semibold);
3438
+ .rls-caption-semibold {
3439
+ font-weight: var(--rls-font-weight-semibold);
3122
3440
  }
3123
3441
 
3124
- .caption-bold {
3125
- font-weight: var(--font-weight-bold);
3442
+ .rls-caption-bold {
3443
+ font-weight: var(--rls-font-weight-bold);
3126
3444
  }
3127
3445
 
3128
- .overline-default,
3129
- .overline-regular,
3130
- .overline-medium,
3131
- .overline-semibold,
3132
- .overline-bold {
3133
- font-size: var(--overline-font-size);
3134
- letter-spacing: var(--overline-letter-spacing);
3135
- min-height: var(--overline-line-height);
3136
- line-height: var(--overline-line-height);
3446
+ .rls-overline-default,
3447
+ .rls-overline-regular,
3448
+ .rls-overline-medium,
3449
+ .rls-overline-semibold,
3450
+ .rls-overline-bold {
3451
+ font-size: var(--rls-overline-font-size);
3452
+ letter-spacing: var(--rls-overline-letter-spacing);
3453
+ min-height: var(--rls-overline-line-height);
3454
+ line-height: var(--rls-overline-line-height);
3137
3455
  }
3138
3456
 
3139
- .overline-regular {
3140
- font-weight: var(--font-weight-regular);
3457
+ .rls-overline-regular {
3458
+ font-weight: var(--rls-font-weight-regular);
3141
3459
  }
3142
3460
 
3143
- .overline-medium {
3144
- font-weight: var(--font-weight-medium);
3461
+ .rls-overline-medium {
3462
+ font-weight: var(--rls-font-weight-medium);
3145
3463
  }
3146
3464
 
3147
- .overline-semibold {
3148
- font-weight: var(--font-weight-semibold);
3465
+ .rls-overline-semibold {
3466
+ font-weight: var(--rls-font-weight-semibold);
3149
3467
  }
3150
3468
 
3151
- .overline-bold {
3152
- font-weight: var(--font-weight-bold);
3469
+ .rls-overline-bold {
3470
+ font-weight: var(--rls-font-weight-bold);
3153
3471
  }
3154
3472
 
3155
- .pdg-top-x4 {
3156
- padding-top: var(--sizing-x4);
3473
+ .rls-pdg-top-x4 {
3474
+ padding-top: var(--rls-sizing-x4);
3157
3475
  }
3158
3476
 
3159
- .pdg-rgt-x4 {
3160
- padding-left: var(--sizing-x4);
3477
+ .rls-pdg-rgt-x4 {
3478
+ padding-left: var(--rls-sizing-x4);
3161
3479
  }
3162
3480
 
3163
- .pdg-bot-x4 {
3164
- padding-bottom: var(--sizing-x4);
3481
+ .rls-pdg-bot-x4 {
3482
+ padding-bottom: var(--rls-sizing-x4);
3165
3483
  }
3166
3484
 
3167
- .pdg-lft-x4 {
3168
- padding-right: var(--sizing-x4);
3485
+ .rls-pdg-lft-x4 {
3486
+ padding-right: var(--rls-sizing-x4);
3169
3487
  }
3170
3488
 
3171
- .pdg-hrz-x4 {
3172
- padding: 0rem var(--sizing-x4);
3489
+ .rls-pdg-hrz-x4 {
3490
+ padding: 0rem var(--rls-sizing-x4);
3173
3491
  }
3174
3492
 
3175
- .pdg-vrt-x4 {
3176
- padding: var(--sizing-x4) 0rem;
3493
+ .rls-pdg-vrt-x4 {
3494
+ padding: var(--rls-sizing-x4) 0rem;
3177
3495
  }
3178
3496
 
3179
- .pdg-x4 {
3180
- padding: var(--sizing-x4);
3497
+ .rls-pdg-x4 {
3498
+ padding: var(--rls-sizing-x4);
3181
3499
  }
3182
3500
 
3183
- .pdg-top-x8 {
3184
- padding-top: var(--sizing-x8);
3501
+ .rls-pdg-top-x8 {
3502
+ padding-top: var(--rls-sizing-x8);
3185
3503
  }
3186
3504
 
3187
- .pdg-rgt-x8 {
3188
- padding-left: var(--sizing-x8);
3505
+ .rls-pdg-rgt-x8 {
3506
+ padding-left: var(--rls-sizing-x8);
3189
3507
  }
3190
3508
 
3191
- .pdg-bot-x8 {
3192
- padding-bottom: var(--sizing-x8);
3509
+ .rls-pdg-bot-x8 {
3510
+ padding-bottom: var(--rls-sizing-x8);
3193
3511
  }
3194
3512
 
3195
- .pdg-lft-x8 {
3196
- padding-right: var(--sizing-x8);
3513
+ .rls-pdg-lft-x8 {
3514
+ padding-right: var(--rls-sizing-x8);
3197
3515
  }
3198
3516
 
3199
- .pdg-hrz-x8 {
3200
- padding: 0rem var(--sizing-x8);
3517
+ .rls-pdg-hrz-x8 {
3518
+ padding: 0rem var(--rls-sizing-x8);
3201
3519
  }
3202
3520
 
3203
- .pdg-vrt-x8 {
3204
- padding: var(--sizing-x8) 0rem;
3521
+ .rls-pdg-vrt-x8 {
3522
+ padding: var(--rls-sizing-x8) 0rem;
3205
3523
  }
3206
3524
 
3207
- .pdg-x8 {
3208
- padding: var(--sizing-x8);
3525
+ .rls-pdg-x8 {
3526
+ padding: var(--rls-sizing-x8);
3209
3527
  }
3210
3528
 
3211
- .pdg-top-x12 {
3212
- padding-top: var(--sizing-x12);
3529
+ .rls-pdg-top-x12 {
3530
+ padding-top: var(--rls-sizing-x12);
3213
3531
  }
3214
3532
 
3215
- .pdg-rgt-x12 {
3216
- padding-left: var(--sizing-x12);
3533
+ .rls-pdg-rgt-x12 {
3534
+ padding-left: var(--rls-sizing-x12);
3217
3535
  }
3218
3536
 
3219
- .pdg-bot-x12 {
3220
- padding-bottom: var(--sizing-x12);
3537
+ .rls-pdg-bot-x12 {
3538
+ padding-bottom: var(--rls-sizing-x12);
3221
3539
  }
3222
3540
 
3223
- .pdg-lft-x12 {
3224
- padding-right: var(--sizing-x12);
3541
+ .rls-pdg-lft-x12 {
3542
+ padding-right: var(--rls-sizing-x12);
3225
3543
  }
3226
3544
 
3227
- .pdg-hrz-x12 {
3228
- padding: 0rem var(--sizing-x12);
3545
+ .rls-pdg-hrz-x12 {
3546
+ padding: 0rem var(--rls-sizing-x12);
3229
3547
  }
3230
3548
 
3231
- .pdg-vrt-x12 {
3232
- padding: var(--sizing-x12) 0rem;
3549
+ .rls-pdg-vrt-x12 {
3550
+ padding: var(--rls-sizing-x12) 0rem;
3233
3551
  }
3234
3552
 
3235
- .pdg-x12 {
3236
- padding: var(--sizing-x12);
3553
+ .rls-pdg-x12 {
3554
+ padding: var(--rls-sizing-x12);
3237
3555
  }
3238
3556
 
3239
- .pdg-top-x16 {
3240
- padding-top: var(--sizing-x16);
3557
+ .rls-pdg-top-x16 {
3558
+ padding-top: var(--rls-sizing-x16);
3241
3559
  }
3242
3560
 
3243
- .pdg-rgt-x16 {
3244
- padding-left: var(--sizing-x16);
3561
+ .rls-pdg-rgt-x16 {
3562
+ padding-left: var(--rls-sizing-x16);
3245
3563
  }
3246
3564
 
3247
- .pdg-bot-x16 {
3248
- padding-bottom: var(--sizing-x16);
3565
+ .rls-pdg-bot-x16 {
3566
+ padding-bottom: var(--rls-sizing-x16);
3249
3567
  }
3250
3568
 
3251
- .pdg-lft-x16 {
3252
- padding-right: var(--sizing-x16);
3569
+ .rls-pdg-lft-x16 {
3570
+ padding-right: var(--rls-sizing-x16);
3253
3571
  }
3254
3572
 
3255
- .pdg-hrz-x16 {
3256
- padding: 0rem var(--sizing-x16);
3573
+ .rls-pdg-hrz-x16 {
3574
+ padding: 0rem var(--rls-sizing-x16);
3257
3575
  }
3258
3576
 
3259
- .pdg-vrt-x16 {
3260
- padding: var(--sizing-x16) 0rem;
3577
+ .rls-pdg-vrt-x16 {
3578
+ padding: var(--rls-sizing-x16) 0rem;
3261
3579
  }
3262
3580
 
3263
- .pdg-x16 {
3264
- padding: var(--sizing-x16);
3581
+ .rls-pdg-x16 {
3582
+ padding: var(--rls-sizing-x16);
3265
3583
  }
3266
3584
 
3267
- .pdg-top-x24 {
3268
- padding-top: var(--sizing-x24);
3585
+ .rls-pdg-top-x24 {
3586
+ padding-top: var(--rls-sizing-x24);
3269
3587
  }
3270
3588
 
3271
- .pdg-rgt-x24 {
3272
- padding-left: var(--sizing-x24);
3589
+ .rls-pdg-rgt-x24 {
3590
+ padding-left: var(--rls-sizing-x24);
3273
3591
  }
3274
3592
 
3275
- .pdg-bot-x24 {
3276
- padding-bottom: var(--sizing-x24);
3593
+ .rls-pdg-bot-x24 {
3594
+ padding-bottom: var(--rls-sizing-x24);
3277
3595
  }
3278
3596
 
3279
- .pdg-lft-x24 {
3280
- padding-right: var(--sizing-x24);
3597
+ .rls-pdg-lft-x24 {
3598
+ padding-right: var(--rls-sizing-x24);
3281
3599
  }
3282
3600
 
3283
- .pdg-hrz-x24 {
3284
- padding: 0rem var(--sizing-x24);
3601
+ .rls-pdg-hrz-x24 {
3602
+ padding: 0rem var(--rls-sizing-x24);
3285
3603
  }
3286
3604
 
3287
- .pdg-vrt-x24 {
3288
- padding: var(--sizing-x24) 0rem;
3605
+ .rls-pdg-vrt-x24 {
3606
+ padding: var(--rls-sizing-x24) 0rem;
3289
3607
  }
3290
3608
 
3291
- .pdg-x24 {
3292
- padding: var(--sizing-x24);
3609
+ .rls-pdg-x24 {
3610
+ padding: var(--rls-sizing-x24);
3293
3611
  }
3294
3612
 
3295
- .pdg-top-x36 {
3296
- padding-top: var(--sizing-x36);
3613
+ .rls-pdg-top-x36 {
3614
+ padding-top: var(--rls-sizing-x36);
3297
3615
  }
3298
3616
 
3299
- .pdg-rgt-x36 {
3300
- padding-left: var(--sizing-x36);
3617
+ .rls-pdg-rgt-x36 {
3618
+ padding-left: var(--rls-sizing-x36);
3301
3619
  }
3302
3620
 
3303
- .pdg-bot-x36 {
3304
- padding-bottom: var(--sizing-x36);
3621
+ .rls-pdg-bot-x36 {
3622
+ padding-bottom: var(--rls-sizing-x36);
3305
3623
  }
3306
3624
 
3307
- .pdg-lft-x36 {
3308
- padding-right: var(--sizing-x36);
3625
+ .rls-pdg-lft-x36 {
3626
+ padding-right: var(--rls-sizing-x36);
3309
3627
  }
3310
3628
 
3311
- .pdg-hrz-x36 {
3312
- padding: 0rem var(--sizing-x36);
3629
+ .rls-pdg-hrz-x36 {
3630
+ padding: 0rem var(--rls-sizing-x36);
3313
3631
  }
3314
3632
 
3315
- .pdg-vrt-x36 {
3316
- padding: var(--sizing-x36) 0rem;
3633
+ .rls-pdg-vrt-x36 {
3634
+ padding: var(--rls-sizing-x36) 0rem;
3317
3635
  }
3318
3636
 
3319
- .pdg-x36 {
3320
- padding: var(--sizing-x36);
3637
+ .rls-pdg-x36 {
3638
+ padding: var(--rls-sizing-x36);
3321
3639
  }
3322
3640
 
3323
- .pdx-top-x4 {
3324
- padding-top: var(--sizing-x4);
3641
+ .rls-pdx-top-x4 {
3642
+ padding-top: var(--rls-sizing-x4);
3325
3643
  box-sizing: border-box;
3326
3644
  }
3327
3645
 
3328
- .pdx-rgt-x4 {
3329
- padding-left: var(--sizing-x4);
3646
+ .rls-pdx-rgt-x4 {
3647
+ padding-left: var(--rls-sizing-x4);
3330
3648
  box-sizing: border-box;
3331
3649
  }
3332
3650
 
3333
- .pdx-bot-x4 {
3334
- padding-bottom: var(--sizing-x4);
3651
+ .rls-pdx-bot-x4 {
3652
+ padding-bottom: var(--rls-sizing-x4);
3335
3653
  box-sizing: border-box;
3336
3654
  }
3337
3655
 
3338
- .pdx-lft-x4 {
3339
- padding-right: var(--sizing-x4);
3656
+ .rls-pdx-lft-x4 {
3657
+ padding-right: var(--rls-sizing-x4);
3340
3658
  box-sizing: border-box;
3341
3659
  }
3342
3660
 
3343
- .pdx-hrz-x4 {
3344
- padding: 0rem var(--sizing-x4);
3661
+ .rls-pdx-hrz-x4 {
3662
+ padding: 0rem var(--rls-sizing-x4);
3345
3663
  box-sizing: border-box;
3346
3664
  }
3347
3665
 
3348
- .pdx-vrt-x4 {
3349
- padding: var(--sizing-x4) 0rem;
3666
+ .rls-pdx-vrt-x4 {
3667
+ padding: var(--rls-sizing-x4) 0rem;
3350
3668
  box-sizing: border-box;
3351
3669
  }
3352
3670
 
3353
- .pdx-x4 {
3354
- padding: var(--sizing-x4);
3671
+ .rls-pdx-x4 {
3672
+ padding: var(--rls-sizing-x4);
3355
3673
  box-sizing: border-box;
3356
3674
  }
3357
3675
 
3358
- .pdx-top-x8 {
3359
- padding-top: var(--sizing-x8);
3676
+ .rls-pdx-top-x8 {
3677
+ padding-top: var(--rls-sizing-x8);
3360
3678
  box-sizing: border-box;
3361
3679
  }
3362
3680
 
3363
- .pdx-rgt-x8 {
3364
- padding-left: var(--sizing-x8);
3681
+ .rls-pdx-rgt-x8 {
3682
+ padding-left: var(--rls-sizing-x8);
3365
3683
  box-sizing: border-box;
3366
3684
  }
3367
3685
 
3368
- .pdx-bot-x8 {
3369
- padding-bottom: var(--sizing-x8);
3686
+ .rls-pdx-bot-x8 {
3687
+ padding-bottom: var(--rls-sizing-x8);
3370
3688
  box-sizing: border-box;
3371
3689
  }
3372
3690
 
3373
- .pdx-lft-x8 {
3374
- padding-right: var(--sizing-x8);
3691
+ .rls-pdx-lft-x8 {
3692
+ padding-right: var(--rls-sizing-x8);
3375
3693
  box-sizing: border-box;
3376
3694
  }
3377
3695
 
3378
- .pdx-hrz-x8 {
3379
- padding: 0rem var(--sizing-x8);
3696
+ .rls-pdx-hrz-x8 {
3697
+ padding: 0rem var(--rls-sizing-x8);
3380
3698
  box-sizing: border-box;
3381
3699
  }
3382
3700
 
3383
- .pdx-vrt-x8 {
3384
- padding: var(--sizing-x8) 0rem;
3701
+ .rls-pdx-vrt-x8 {
3702
+ padding: var(--rls-sizing-x8) 0rem;
3385
3703
  box-sizing: border-box;
3386
3704
  }
3387
3705
 
3388
- .pdx-x8 {
3389
- padding: var(--sizing-x8);
3706
+ .rls-pdx-x8 {
3707
+ padding: var(--rls-sizing-x8);
3390
3708
  box-sizing: border-box;
3391
3709
  }
3392
3710
 
3393
- .pdx-top-x12 {
3394
- padding-top: var(--sizing-x12);
3711
+ .rls-pdx-top-x12 {
3712
+ padding-top: var(--rls-sizing-x12);
3395
3713
  box-sizing: border-box;
3396
3714
  }
3397
3715
 
3398
- .pdx-rgt-x12 {
3399
- padding-left: var(--sizing-x12);
3716
+ .rls-pdx-rgt-x12 {
3717
+ padding-left: var(--rls-sizing-x12);
3400
3718
  box-sizing: border-box;
3401
3719
  }
3402
3720
 
3403
- .pdx-bot-x12 {
3404
- padding-bottom: var(--sizing-x12);
3721
+ .rls-pdx-bot-x12 {
3722
+ padding-bottom: var(--rls-sizing-x12);
3405
3723
  box-sizing: border-box;
3406
3724
  }
3407
3725
 
3408
- .pdx-lft-x12 {
3409
- padding-right: var(--sizing-x12);
3726
+ .rls-pdx-lft-x12 {
3727
+ padding-right: var(--rls-sizing-x12);
3410
3728
  box-sizing: border-box;
3411
3729
  }
3412
3730
 
3413
- .pdx-hrz-x12 {
3414
- padding: 0rem var(--sizing-x12);
3731
+ .rls-pdx-hrz-x12 {
3732
+ padding: 0rem var(--rls-sizing-x12);
3415
3733
  box-sizing: border-box;
3416
3734
  }
3417
3735
 
3418
- .pdx-vrt-x12 {
3419
- padding: var(--sizing-x12) 0rem;
3736
+ .rls-pdx-vrt-x12 {
3737
+ padding: var(--rls-sizing-x12) 0rem;
3420
3738
  box-sizing: border-box;
3421
3739
  }
3422
3740
 
3423
- .pdx-x12 {
3424
- padding: var(--sizing-x12);
3741
+ .rls-pdx-x12 {
3742
+ padding: var(--rls-sizing-x12);
3425
3743
  box-sizing: border-box;
3426
3744
  }
3427
3745
 
3428
- .pdx-top-x16 {
3429
- padding-top: var(--sizing-x16);
3746
+ .rls-pdx-top-x16 {
3747
+ padding-top: var(--rls-sizing-x16);
3430
3748
  box-sizing: border-box;
3431
3749
  }
3432
3750
 
3433
- .pdx-rgt-x16 {
3434
- padding-left: var(--sizing-x16);
3751
+ .rls-pdx-rgt-x16 {
3752
+ padding-left: var(--rls-sizing-x16);
3435
3753
  box-sizing: border-box;
3436
3754
  }
3437
3755
 
3438
- .pdx-bot-x16 {
3439
- padding-bottom: var(--sizing-x16);
3756
+ .rls-pdx-bot-x16 {
3757
+ padding-bottom: var(--rls-sizing-x16);
3440
3758
  box-sizing: border-box;
3441
3759
  }
3442
3760
 
3443
- .pdx-lft-x16 {
3444
- padding-right: var(--sizing-x16);
3761
+ .rls-pdx-lft-x16 {
3762
+ padding-right: var(--rls-sizing-x16);
3445
3763
  box-sizing: border-box;
3446
3764
  }
3447
3765
 
3448
- .pdx-hrz-x16 {
3449
- padding: 0rem var(--sizing-x16);
3766
+ .rls-pdx-hrz-x16 {
3767
+ padding: 0rem var(--rls-sizing-x16);
3450
3768
  box-sizing: border-box;
3451
3769
  }
3452
3770
 
3453
- .pdx-vrt-x16 {
3454
- padding: var(--sizing-x16) 0rem;
3771
+ .rls-pdx-vrt-x16 {
3772
+ padding: var(--rls-sizing-x16) 0rem;
3455
3773
  box-sizing: border-box;
3456
3774
  }
3457
3775
 
3458
- .pdx-x16 {
3459
- padding: var(--sizing-x16);
3776
+ .rls-pdx-x16 {
3777
+ padding: var(--rls-sizing-x16);
3460
3778
  box-sizing: border-box;
3461
3779
  }
3462
3780
 
3463
- .pdx-top-x24 {
3464
- padding-top: var(--sizing-x24);
3781
+ .rls-pdx-top-x24 {
3782
+ padding-top: var(--rls-sizing-x24);
3465
3783
  box-sizing: border-box;
3466
3784
  }
3467
3785
 
3468
- .pdx-rgt-x24 {
3469
- padding-left: var(--sizing-x24);
3786
+ .rls-pdx-rgt-x24 {
3787
+ padding-left: var(--rls-sizing-x24);
3470
3788
  box-sizing: border-box;
3471
3789
  }
3472
3790
 
3473
- .pdx-bot-x24 {
3474
- padding-bottom: var(--sizing-x24);
3791
+ .rls-pdx-bot-x24 {
3792
+ padding-bottom: var(--rls-sizing-x24);
3475
3793
  box-sizing: border-box;
3476
3794
  }
3477
3795
 
3478
- .pdx-lft-x24 {
3479
- padding-right: var(--sizing-x24);
3796
+ .rls-pdx-lft-x24 {
3797
+ padding-right: var(--rls-sizing-x24);
3480
3798
  box-sizing: border-box;
3481
3799
  }
3482
3800
 
3483
- .pdx-hrz-x24 {
3484
- padding: 0rem var(--sizing-x24);
3801
+ .rls-pdx-hrz-x24 {
3802
+ padding: 0rem var(--rls-sizing-x24);
3485
3803
  box-sizing: border-box;
3486
3804
  }
3487
3805
 
3488
- .pdx-vrt-x24 {
3489
- padding: var(--sizing-x24) 0rem;
3806
+ .rls-pdx-vrt-x24 {
3807
+ padding: var(--rls-sizing-x24) 0rem;
3490
3808
  box-sizing: border-box;
3491
3809
  }
3492
3810
 
3493
- .pdx-x24 {
3494
- padding: var(--sizing-x24);
3811
+ .rls-pdx-x24 {
3812
+ padding: var(--rls-sizing-x24);
3495
3813
  box-sizing: border-box;
3496
3814
  }
3497
3815
 
3498
- .pdx-top-x36 {
3499
- padding-top: var(--sizing-x36);
3816
+ .rls-pdx-top-x36 {
3817
+ padding-top: var(--rls-sizing-x36);
3500
3818
  box-sizing: border-box;
3501
3819
  }
3502
3820
 
3503
- .pdx-rgt-x36 {
3504
- padding-left: var(--sizing-x36);
3821
+ .rls-pdx-rgt-x36 {
3822
+ padding-left: var(--rls-sizing-x36);
3505
3823
  box-sizing: border-box;
3506
3824
  }
3507
3825
 
3508
- .pdx-bot-x36 {
3509
- padding-bottom: var(--sizing-x36);
3826
+ .rls-pdx-bot-x36 {
3827
+ padding-bottom: var(--rls-sizing-x36);
3510
3828
  box-sizing: border-box;
3511
3829
  }
3512
3830
 
3513
- .pdx-lft-x36 {
3514
- padding-right: var(--sizing-x36);
3831
+ .rls-pdx-lft-x36 {
3832
+ padding-right: var(--rls-sizing-x36);
3515
3833
  box-sizing: border-box;
3516
3834
  }
3517
3835
 
3518
- .pdx-hrz-x36 {
3519
- padding: 0rem var(--sizing-x36);
3836
+ .rls-pdx-hrz-x36 {
3837
+ padding: 0rem var(--rls-sizing-x36);
3520
3838
  box-sizing: border-box;
3521
3839
  }
3522
3840
 
3523
- .pdx-vrt-x36 {
3524
- padding: var(--sizing-x36) 0rem;
3841
+ .rls-pdx-vrt-x36 {
3842
+ padding: var(--rls-sizing-x36) 0rem;
3525
3843
  box-sizing: border-box;
3526
3844
  }
3527
3845
 
3528
- .pdx-x36 {
3529
- padding: var(--sizing-x36);
3846
+ .rls-pdx-x36 {
3847
+ padding: var(--rls-sizing-x36);
3530
3848
  box-sizing: border-box;
3531
3849
  }
3532
3850
 
3533
- .mrg-top-x4 {
3534
- margin-top: var(--sizing-x4);
3851
+ .rls-mrg-top-x4 {
3852
+ margin-top: var(--rls-sizing-x4);
3535
3853
  }
3536
3854
 
3537
- .mrg-rgt-x4 {
3538
- margin-left: var(--sizing-x4);
3855
+ .rls-mrg-rgt-x4 {
3856
+ margin-left: var(--rls-sizing-x4);
3539
3857
  }
3540
3858
 
3541
- .mrg-bot-x4 {
3542
- margin-bottom: var(--sizing-x4);
3859
+ .rls-mrg-bot-x4 {
3860
+ margin-bottom: var(--rls-sizing-x4);
3543
3861
  }
3544
3862
 
3545
- .mrg-lft-x4 {
3546
- margin-right: var(--sizing-x4);
3863
+ .rls-mrg-lft-x4 {
3864
+ margin-right: var(--rls-sizing-x4);
3547
3865
  }
3548
3866
 
3549
- .mrg-hrz-x4 {
3550
- margin: 0rem var(--sizing-x4);
3867
+ .rls-mrg-hrz-x4 {
3868
+ margin: 0rem var(--rls-sizing-x4);
3551
3869
  }
3552
3870
 
3553
- .mrg-vrt-x4 {
3554
- margin: var(--sizing-x4) 0rem;
3871
+ .rls-mrg-vrt-x4 {
3872
+ margin: var(--rls-sizing-x4) 0rem;
3555
3873
  }
3556
3874
 
3557
- .mrg-x4 {
3558
- margin: var(--sizing-x4);
3875
+ .rls-mrg-x4 {
3876
+ margin: var(--rls-sizing-x4);
3559
3877
  }
3560
3878
 
3561
- .mrg-top-x8 {
3562
- margin-top: var(--sizing-x8);
3879
+ .rls-mrg-top-x8 {
3880
+ margin-top: var(--rls-sizing-x8);
3563
3881
  }
3564
3882
 
3565
- .mrg-rgt-x8 {
3566
- margin-left: var(--sizing-x8);
3883
+ .rls-mrg-rgt-x8 {
3884
+ margin-left: var(--rls-sizing-x8);
3567
3885
  }
3568
3886
 
3569
- .mrg-bot-x8 {
3570
- margin-bottom: var(--sizing-x8);
3887
+ .rls-mrg-bot-x8 {
3888
+ margin-bottom: var(--rls-sizing-x8);
3571
3889
  }
3572
3890
 
3573
- .mrg-lft-x8 {
3574
- margin-right: var(--sizing-x8);
3891
+ .rls-mrg-lft-x8 {
3892
+ margin-right: var(--rls-sizing-x8);
3575
3893
  }
3576
3894
 
3577
- .mrg-hrz-x8 {
3578
- margin: 0rem var(--sizing-x8);
3895
+ .rls-mrg-hrz-x8 {
3896
+ margin: 0rem var(--rls-sizing-x8);
3579
3897
  }
3580
3898
 
3581
- .mrg-vrt-x8 {
3582
- margin: var(--sizing-x8) 0rem;
3899
+ .rls-mrg-vrt-x8 {
3900
+ margin: var(--rls-sizing-x8) 0rem;
3583
3901
  }
3584
3902
 
3585
- .mrg-x8 {
3586
- margin: var(--sizing-x8);
3903
+ .rls-mrg-x8 {
3904
+ margin: var(--rls-sizing-x8);
3587
3905
  }
3588
3906
 
3589
- .mrg-top-x12 {
3590
- margin-top: var(--sizing-x12);
3907
+ .rls-mrg-top-x12 {
3908
+ margin-top: var(--rls-sizing-x12);
3591
3909
  }
3592
3910
 
3593
- .mrg-rgt-x12 {
3594
- margin-left: var(--sizing-x12);
3911
+ .rls-mrg-rgt-x12 {
3912
+ margin-left: var(--rls-sizing-x12);
3595
3913
  }
3596
3914
 
3597
- .mrg-bot-x12 {
3598
- margin-bottom: var(--sizing-x12);
3915
+ .rls-mrg-bot-x12 {
3916
+ margin-bottom: var(--rls-sizing-x12);
3599
3917
  }
3600
3918
 
3601
- .mrg-lft-x12 {
3602
- margin-right: var(--sizing-x12);
3919
+ .rls-mrg-lft-x12 {
3920
+ margin-right: var(--rls-sizing-x12);
3603
3921
  }
3604
3922
 
3605
- .mrg-hrz-x12 {
3606
- margin: 0rem var(--sizing-x12);
3923
+ .rls-mrg-hrz-x12 {
3924
+ margin: 0rem var(--rls-sizing-x12);
3607
3925
  }
3608
3926
 
3609
- .mrg-vrt-x12 {
3610
- margin: var(--sizing-x12) 0rem;
3927
+ .rls-mrg-vrt-x12 {
3928
+ margin: var(--rls-sizing-x12) 0rem;
3611
3929
  }
3612
3930
 
3613
- .mrg-x12 {
3614
- margin: var(--sizing-x12);
3931
+ .rls-mrg-x12 {
3932
+ margin: var(--rls-sizing-x12);
3615
3933
  }
3616
3934
 
3617
- .mrg-top-x16 {
3618
- margin-top: var(--sizing-x16);
3935
+ .rls-mrg-top-x16 {
3936
+ margin-top: var(--rls-sizing-x16);
3619
3937
  }
3620
3938
 
3621
- .mrg-rgt-x16 {
3622
- margin-left: var(--sizing-x16);
3939
+ .rls-mrg-rgt-x16 {
3940
+ margin-left: var(--rls-sizing-x16);
3623
3941
  }
3624
3942
 
3625
- .mrg-bot-x16 {
3626
- margin-bottom: var(--sizing-x16);
3943
+ .rls-mrg-bot-x16 {
3944
+ margin-bottom: var(--rls-sizing-x16);
3627
3945
  }
3628
3946
 
3629
- .mrg-lft-x16 {
3630
- margin-right: var(--sizing-x16);
3947
+ .rls-mrg-lft-x16 {
3948
+ margin-right: var(--rls-sizing-x16);
3631
3949
  }
3632
3950
 
3633
- .mrg-hrz-x16 {
3634
- margin: 0rem var(--sizing-x16);
3951
+ .rls-mrg-hrz-x16 {
3952
+ margin: 0rem var(--rls-sizing-x16);
3635
3953
  }
3636
3954
 
3637
- .mrg-vrt-x16 {
3638
- margin: var(--sizing-x16) 0rem;
3955
+ .rls-mrg-vrt-x16 {
3956
+ margin: var(--rls-sizing-x16) 0rem;
3639
3957
  }
3640
3958
 
3641
- .mrg-x16 {
3642
- margin: var(--sizing-x16);
3959
+ .rls-mrg-x16 {
3960
+ margin: var(--rls-sizing-x16);
3643
3961
  }
3644
3962
 
3645
- .mrg-top-x24 {
3646
- margin-top: var(--sizing-x24);
3963
+ .rls-mrg-top-x24 {
3964
+ margin-top: var(--rls-sizing-x24);
3647
3965
  }
3648
3966
 
3649
- .mrg-rgt-x24 {
3650
- margin-left: var(--sizing-x24);
3967
+ .rls-mrg-rgt-x24 {
3968
+ margin-left: var(--rls-sizing-x24);
3651
3969
  }
3652
3970
 
3653
- .mrg-bot-x24 {
3654
- margin-bottom: var(--sizing-x24);
3971
+ .rls-mrg-bot-x24 {
3972
+ margin-bottom: var(--rls-sizing-x24);
3655
3973
  }
3656
3974
 
3657
- .mrg-lft-x24 {
3658
- margin-right: var(--sizing-x24);
3975
+ .rls-mrg-lft-x24 {
3976
+ margin-right: var(--rls-sizing-x24);
3659
3977
  }
3660
3978
 
3661
- .mrg-hrz-x24 {
3662
- margin: 0rem var(--sizing-x24);
3979
+ .rls-mrg-hrz-x24 {
3980
+ margin: 0rem var(--rls-sizing-x24);
3663
3981
  }
3664
3982
 
3665
- .mrg-vrt-x24 {
3666
- margin: var(--sizing-x24) 0rem;
3983
+ .rls-mrg-vrt-x24 {
3984
+ margin: var(--rls-sizing-x24) 0rem;
3667
3985
  }
3668
3986
 
3669
- .mrg-x24 {
3670
- margin: var(--sizing-x24);
3987
+ .rls-mrg-x24 {
3988
+ margin: var(--rls-sizing-x24);
3671
3989
  }
3672
3990
 
3673
- .mrg-top-x36 {
3674
- margin-top: var(--sizing-x36);
3991
+ .rls-mrg-top-x36 {
3992
+ margin-top: var(--rls-sizing-x36);
3675
3993
  }
3676
3994
 
3677
- .mrg-rgt-x36 {
3678
- margin-left: var(--sizing-x36);
3995
+ .rls-mrg-rgt-x36 {
3996
+ margin-left: var(--rls-sizing-x36);
3679
3997
  }
3680
3998
 
3681
- .mrg-bot-x36 {
3682
- margin-bottom: var(--sizing-x36);
3999
+ .rls-mrg-bot-x36 {
4000
+ margin-bottom: var(--rls-sizing-x36);
3683
4001
  }
3684
4002
 
3685
- .mrg-lft-x36 {
3686
- margin-right: var(--sizing-x36);
4003
+ .rls-mrg-lft-x36 {
4004
+ margin-right: var(--rls-sizing-x36);
3687
4005
  }
3688
4006
 
3689
- .mrg-hrz-x36 {
3690
- margin: 0rem var(--sizing-x36);
4007
+ .rls-mrg-hrz-x36 {
4008
+ margin: 0rem var(--rls-sizing-x36);
3691
4009
  }
3692
4010
 
3693
- .mrg-vrt-x36 {
3694
- margin: var(--sizing-x36) 0rem;
4011
+ .rls-mrg-vrt-x36 {
4012
+ margin: var(--rls-sizing-x36) 0rem;
3695
4013
  }
3696
4014
 
3697
- .mrg-x36 {
3698
- margin: var(--sizing-x36);
4015
+ .rls-mrg-x36 {
4016
+ margin: var(--rls-sizing-x36);
3699
4017
  }
3700
4018
 
3701
4019
  :root {
3702
- --rls-action-color: var(--color-theme-300);
3703
- --rls-action-ripple-color: var(--rls-action-color);
3704
- --rls-action-ripple-dimension: var(--sizing-x18);
3705
- --rls-action-ripple-position: -9rem;
3706
- --rls-avatar-font-size: var(--title-font-size);
3707
- --rls-avatar-border-radius: var(--sizing-x4);
3708
- --rls-avatar-width: var(--sizing-x24);
3709
- --rls-avatar-height: var(--sizing-x24);
3710
- --rls-amount-text-align: start;
3711
- --rls-ballot-subtitle-width: 100%;
3712
- --rls-ballot-subtitle-height: var(--smalltext-line-height);
3713
- --rls-ballot-subtitle-overflow: initial;
3714
- --rls-ballot-subtitle-text-overflow: initial;
3715
- --rls-ballot-subtitle-white-space: initial;
3716
- --rls-boxfield-body-padding: 0rem;
3717
- --rls-boxfield-body-border: var(--border-1-theme-100);
3718
- --rls-boxfield-body-shadow: none;
3719
- --rls-boxfield-label-font-color: var(--color-theme-300);
3720
- --rls-breadcrumb-height: var(--sizing-x18);
3721
- --rls-button-label-text-transform: uppercase;
3722
- --rls-button-content-padding: 0rem var(--sizing-x4);
3723
- --rls-button-content-radius: var(--sizing-x2);
3724
- --rls-card-content-padding: var(--sizing-x8);
3725
- --rls-datatable-letter-spacing: 0.0625em;
3726
- --rls-datatable-font-size: 7rem;
3727
- --rls-datatable-width-scroll: var(--sizing-x4);
3728
- --rls-datatable-padding-scroll: 0rem;
3729
- --rls-form-footer-justify-content: end;
3730
- --rls-icon-font-size: var(--sizing-x12);
3731
- --rls-icon-width: var(--sizing-x12);
3732
- --rls-icon-height: var(--sizing-x12);
3733
- --rls-icon-color: inherit;
3734
- --rls-input-font-color: var(--color-theme-500);
3735
- --rls-input-font-size: var(--input-font-size);
3736
- --rls-input-text-align: left;
3737
- --rls-input-letter-spacing: var(--input-letter-spacing);
3738
- --rls-input-height: var(--sizing-x12);
3739
- --rls-input-parent-padding: 0rem;
3740
- --rls-poster-height: var(--sizing-x18);
3741
- --rls-poster-padding: var(--sizing-x4);
3742
- --rls-progress-circular-dimension: var(--sizing-x28);
3743
- --rls-snackbar-left: 50%;
3744
- --rls-switch-element-size: var(--sizing-x12);
3745
- --rls-switch-bar-radius: var(--sizing-x3);
3746
- --rls-switch-bar-height: var(--sizing-x6);
3747
- --rls-tabulartext-char-width: 5rem;
3748
- --rls-tabulartext-pointer-width: 2rem;
3749
- --rls-toolbar-height: var(--sizing-x28);
4020
+ --rlc-action-color: var(--rls-app-color-300);
4021
+ --rlc-action-ripple-color: var(--rlc-action-color);
4022
+ --rlc-action-ripple-dimension: var(--rls-sizing-x18);
4023
+ --rlc-action-ripple-position: -9rem;
4024
+ --rlc-avatar-font-size: var(--rls-title-font-size);
4025
+ --rlc-avatar-border-radius: var(--rls-sizing-x4);
4026
+ --rlc-avatar-width: var(--rls-sizing-x24);
4027
+ --rlc-avatar-height: var(--rls-sizing-x24);
4028
+ --rlc-amount-text-align: start;
4029
+ --rlc-ballot-subtitle-width: 100%;
4030
+ --rlc-ballot-subtitle-height: var(--rls-smalltext-line-height);
4031
+ --rlc-ballot-subtitle-overflow: initial;
4032
+ --rlc-ballot-subtitle-text-overflow: initial;
4033
+ --rlc-ballot-subtitle-white-space: initial;
4034
+ --rlc-boxfield-body-padding: 0rem;
4035
+ --rlc-boxfield-body-background: rgba(255, 255, 255, 1);
4036
+ --rlc-boxfield-body-border: var(--rls-app-border-1-100);
4037
+ --rlc-boxfield-body-shadow: none;
4038
+ --rlc-boxfield-label-font-color: var(--rls-app-color-300);
4039
+ --rlc-breadcrumb-height: var(--rls-sizing-x18);
4040
+ --rlc-button-label-text-transform: uppercase;
4041
+ --rlc-button-content-padding: 0rem var(--rls-sizing-x4);
4042
+ --rlc-button-content-radius: var(--rls-sizing-x2);
4043
+ --rlc-card-content-padding: var(--rls-sizing-x8);
4044
+ --rlc-datatable-letter-spacing: 0.0625em;
4045
+ --rlc-datatable-font-size: 7rem;
4046
+ --rlc-datatable-width-scroll: var(--rls-sizing-x4);
4047
+ --rlc-datatable-padding-scroll: 0rem;
4048
+ --rlc-form-footer-justify-content: end;
4049
+ --rlc-icon-font-size: var(--rls-sizing-x12);
4050
+ --rlc-icon-width: var(--rls-sizing-x12);
4051
+ --rlc-icon-height: var(--rls-sizing-x12);
4052
+ --rlc-icon-color: inherit;
4053
+ --rlc-input-font-color: var(--rls-app-color-500);
4054
+ --rls-input-font-size: var(--rls-input-font-size);
4055
+ --rlc-input-text-align: left;
4056
+ --rls-input-letter-spacing: var(--rls-input-letter-spacing);
4057
+ --rlc-input-height: var(--rls-sizing-x12);
4058
+ --rlc-input-parent-padding: 0rem;
4059
+ --rlc-poster-height: var(--rls-sizing-x18);
4060
+ --rlc-poster-padding: var(--rls-sizing-x4);
4061
+ --rlc-progress-circular-dimension: var(--rls-sizing-x28);
4062
+ --rlc-snackbar-left: 50%;
4063
+ --rlc-switch-element-size: var(--rls-sizing-x12);
4064
+ --rlc-switch-bar-radius: var(--rls-sizing-x3);
4065
+ --rlc-switch-bar-height: var(--rls-sizing-x6);
4066
+ --rlc-tabulartext-char-width: 5rem;
4067
+ --rlc-tabulartext-pointer-width: 2rem;
4068
+ --rlc-toolbar-height: var(--rls-sizing-x28);
3750
4069
  }
3751
4070
 
3752
4071
  * {
3753
4072
  scrollbar-width: thin;
3754
- scrollbar-color: var(--color-rolster-300) var(--background-theme-100);
4073
+ scrollbar-color: var(--rls-theme-color-300) var(--rls-app-background-100);
3755
4074
  }
3756
4075
 
3757
4076
  .rls-app__body {
@@ -3764,25 +4083,25 @@ button {
3764
4083
  margin: 0rem;
3765
4084
  width: 100%;
3766
4085
  height: 100%;
3767
- z-index: var(--z-index-8);
4086
+ z-index: var(--rls-z-index-8);
3768
4087
  overflow: hidden;
3769
4088
  transition:
3770
- right 240ms 0ms var(--standard-curve),
3771
- width 240ms 0ms var(--standard-curve);
4089
+ right 240ms 0ms var(--rls-standard-curve),
4090
+ width 240ms 0ms var(--rls-standard-curve);
3772
4091
  }
3773
4092
 
3774
4093
  .rls-app__header {
3775
- --rls-toolbar-height: 100%;
4094
+ --rlc-toolbar-height: 100%;
3776
4095
  position: relative;
3777
4096
  width: 100%;
3778
- height: var(--sizing-x28);
4097
+ height: var(--rls-sizing-x28);
3779
4098
  box-sizing: border-box;
3780
- z-index: var(--z-index-8);
3781
- background: var(--background-theme-100);
4099
+ z-index: var(--rls-z-index-8);
4100
+ background: var(--rls-app-background-100);
3782
4101
  }
3783
4102
  .rls-app__header + .rls-app__page,
3784
4103
  .rls-app__header + .rls-app__content {
3785
- height: calc(100vh - var(--sizing-x28));
4104
+ height: calc(100vh - var(--rls-sizing-x28));
3786
4105
  }
3787
4106
 
3788
4107
  .rls-app__content {
@@ -3813,11 +4132,11 @@ button {
3813
4132
  padding: 0rem;
3814
4133
  overflow: auto;
3815
4134
  box-sizing: border-box;
3816
- border-radius: 0rem 0rem 0rem var(--sizing-x16);
3817
- background: var(--background-theme-100);
4135
+ border-radius: 0rem 0rem 0rem var(--rls-sizing-x16);
4136
+ background: var(--rls-app-background-100);
3818
4137
  }
3819
4138
  .rls-app__page__nav + .rls-app__page__content {
3820
- --rls-snackbar-left: calc(50% + 80rem);
4139
+ --rlc-snackbar-left: calc(50% + 80rem);
3821
4140
  width: calc(100% - 160rem);
3822
4141
  }
3823
4142
  .rls-app__page__content {
@@ -3832,42 +4151,42 @@ button {
3832
4151
  }
3833
4152
 
3834
4153
  .rls-divider {
3835
- height: var(--sizing-x1);
4154
+ height: var(--rls-sizing-x1);
3836
4155
  background-image: linear-gradient(
3837
4156
  to left,
3838
- var(--border-theme-100) 50%,
4157
+ var(--rls-app-border-100) 50%,
3839
4158
  rgba(255, 255, 255, 0) 0%
3840
4159
  );
3841
4160
  background-position: bottom;
3842
- background-size: var(--sizing-x4);
4161
+ background-size: var(--rls-sizing-x4);
3843
4162
  background-repeat: repeat-x;
3844
4163
  }
3845
4164
 
3846
4165
  .rls-box-field {
3847
- --pvt-body-background: rgba(248, 248, 248, 1);
3848
- --pvt-body-opacity: 1;
3849
4166
  --pvt-label-opacity: 1;
4167
+ --pvt-body-opacity: 1;
3850
4168
  position: relative;
3851
4169
  display: flex;
3852
4170
  flex-direction: column;
3853
- row-gap: var(--sizing-x2);
4171
+ row-gap: var(--rls-sizing-x2);
3854
4172
  width: 100%;
3855
4173
  box-sizing: border-box;
3856
- transition: height 160ms 0ms var(--standard-curve);
4174
+ transition: height 160ms 0ms var(--rls-standard-curve);
3857
4175
  }
3858
4176
  .rls-box-field--focused {
3859
- --rls-boxfield-body-border: var(--border-1-rolster-500);
3860
- --rls-boxfield-body-shadow: 0px 0px 0px 3px var(--box-shadow-rolster-500);
3861
- --rls-boxfield-label-font-color: var(--color-rolster-500);
3862
- --pvt-body-background: var(--background-theme-500);
4177
+ --rlc-boxfield-body-background: var(--rls-app-background-500);
4178
+ --rlc-boxfield-body-border: var(--rls-theme-border-1-500);
4179
+ --rlc-boxfield-body-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
4180
+ --rlc-boxfield-label-font-color: var(--rls-theme-color-500);
3863
4181
  }
3864
4182
  .rls-box-field--error {
3865
- --rls-boxfield-body-border: var(--border-1) solid var(--color-danger-500);
3866
- --rls-boxfield-body-shadow: 0px 0px 0px 3px var(--box-shadow-danger-500);
3867
- --rls-boxfield-label-font-color: var(--color-danger-500);
4183
+ --rlc-boxfield-body-border: var(--rls-border-1) solid
4184
+ var(--rls-danger-color-500);
4185
+ --rlc-boxfield-body-shadow: 0px 0px 0px 3px var(--box-shadow-danger-500);
4186
+ --rlc-boxfield-label-font-color: var(--rls-danger-color-500);
3868
4187
  }
3869
4188
  .rls-box-field--disabled {
3870
- --pvt-body-background: var(--background-theme-500);
4189
+ --rlc-boxfield-body-background: var(--rls-app-background-500);
3871
4190
  --pvt-body-opacity: 0.75;
3872
4191
  --pvt-label-opacity: 0.5;
3873
4192
  }
@@ -3876,87 +4195,87 @@ button {
3876
4195
  width: 100%;
3877
4196
  padding: 0rem 5rem;
3878
4197
  box-sizing: border-box;
3879
- color: var(--rls-boxfield-label-font-color);
4198
+ color: var(--rlc-boxfield-label-font-color);
3880
4199
  opacity: var(--pvt-label-opacity);
3881
4200
  overflow: hidden;
3882
4201
  white-space: nowrap;
3883
4202
  text-overflow: ellipsis;
3884
- font-weight: var(--font-weight-medium);
3885
- font-size: var(--smalltext-font-size);
3886
- letter-spacing: var(--smalltext-letter-spacing);
3887
- min-height: var(--smalltext-line-height);
3888
- line-height: var(--smalltext-line-height);
4203
+ font-weight: var(--rls-font-weight-medium);
4204
+ font-size: var(--rls-smalltext-font-size);
4205
+ letter-spacing: var(--rls-smalltext-letter-spacing);
4206
+ min-height: var(--rls-smalltext-line-height);
4207
+ line-height: var(--rls-smalltext-line-height);
3889
4208
  }
3890
4209
  .rls-box-field__label span {
3891
- color: var(--color-danger-500);
4210
+ color: var(--rls-danger-color-500);
3892
4211
  }
3893
4212
  .rls-box-field__body {
3894
4213
  display: flex;
3895
4214
  box-sizing: border-box;
3896
4215
  overflow: hidden;
3897
4216
  opacity: var(--pvt-body-opacity);
3898
- border-radius: var(--sizing-x2);
3899
- background: var(--pvt-body-background);
3900
- padding: var(--rls-boxfield-body-padding);
3901
- border: var(--rls-boxfield-body-border);
3902
- box-shadow: var(--rls-boxfield-body-shadow);
4217
+ border-radius: var(--rls-sizing-x2);
4218
+ background: var(--rlc-boxfield-body-background);
4219
+ padding: var(--rlc-boxfield-body-padding);
4220
+ border: var(--rlc-boxfield-body-border);
4221
+ box-shadow: var(--rlc-boxfield-body-shadow);
3903
4222
  }
3904
4223
  .rls-box-field__helper {
3905
- color: var(--color-theme-100);
4224
+ color: var(--rls-app-color-100);
3906
4225
  padding: 0rem 5rem;
3907
4226
  box-sizing: border-box;
3908
- font-weight: var(--font-weight-medium);
3909
- font-size: var(--overline-font-size);
3910
- letter-spacing: var(--overline-letter-spacing);
3911
- min-height: var(--overline-line-height);
3912
- line-height: var(--overline-line-height);
4227
+ font-weight: var(--rls-font-weight-medium);
4228
+ font-size: var(--rls-overline-font-size);
4229
+ letter-spacing: var(--rls-overline-letter-spacing);
4230
+ min-height: var(--rls-overline-line-height);
4231
+ line-height: var(--rls-overline-line-height);
3913
4232
  overflow: hidden;
3914
4233
  text-overflow: ellipsis;
3915
4234
  white-space: nowrap;
3916
4235
  }
3917
4236
  .rls-box-field__error {
3918
- padding: 0rem var(--sizing-x4);
4237
+ padding: 0rem var(--rls-sizing-x4);
3919
4238
  box-sizing: border-box;
3920
- margin-top: var(--sizing-x1);
4239
+ margin-top: var(--rls-sizing-x1);
3921
4240
  }
3922
4241
 
3923
4242
  .rls-datatable {
3924
- --rls-input-font-size: var(--rls-datatable-font-size);
3925
- --rls-input-letter-spacing: var(--rls-datatable-letter-spacing);
3926
- --pvt-header-padding-right: var(--rls-datatable-padding-scroll);
4243
+ --pvt-header-padding-right: var(--rlc-datatable-padding-scroll);
4244
+ --rls-input-font-size: var(--rlc-datatable-font-size);
4245
+ --rls-input-letter-spacing: var(--rlc-datatable-letter-spacing);
3927
4246
  position: relative;
3928
4247
  display: flex;
3929
4248
  width: 100%;
3930
4249
  flex-direction: column;
3931
- row-gap: var(--sizing-x6);
3932
- border-radius: var(--sizing-x4);
4250
+ row-gap: var(--rls-sizing-x6);
4251
+ border-radius: var(--rls-sizing-x4);
3933
4252
  box-sizing: border-box;
3934
4253
  }
3935
4254
  .rls-datatable--scrolleable {
3936
4255
  --pvt-header-padding-right: calc(
3937
- var(--rls-datatable-padding-scroll) + var(--rls-datatable-width-scroll)
4256
+ var(--rlc-datatable-padding-scroll) + var(--rlc-datatable-width-scroll)
3938
4257
  );
3939
4258
  }
3940
4259
  .rls-datatable > table {
3941
4260
  display: flex;
3942
4261
  flex-direction: column;
3943
- row-gap: var(--sizing-x4);
4262
+ row-gap: var(--rls-sizing-x4);
3944
4263
  border-spacing: 0;
3945
4264
  border-collapse: collapse;
3946
4265
  }
3947
4266
  .rls-datatable__thead {
3948
4267
  width: 100%;
3949
- padding-right: var(--rls-datatable-padding-scroll);
4268
+ padding-right: var(--rlc-datatable-padding-scroll);
3950
4269
  padding-left: var(--pvt-header-padding-right);
3951
4270
  box-sizing: border-box;
3952
4271
  }
3953
4272
  .rls-datatable__header {
3954
4273
  display: flex;
3955
- column-gap: var(--sizing-x4);
3956
- padding: 0rem var(--sizing-x6);
4274
+ column-gap: var(--rls-sizing-x4);
4275
+ padding: 0rem var(--rls-sizing-x6);
3957
4276
  box-sizing: border-box;
3958
- border: var(--border-1-theme-100);
3959
- border-radius: var(--sizing-x4);
4277
+ border: var(--rls-theme-border-1-100);
4278
+ border-radius: var(--rls-sizing-x4);
3960
4279
  }
3961
4280
  .rls-datatable__title {
3962
4281
  position: relative;
@@ -3964,25 +4283,25 @@ button {
3964
4283
  text-align: right;
3965
4284
  overflow: hidden;
3966
4285
  white-space: nowrap;
3967
- height: var(--sizing-x20);
3968
- line-height: var(--sizing-x20);
3969
- color: var(--color-theme-500);
3970
- font-size: var(--rls-datatable-font-size);
3971
- letter-spacing: var(--rls-datatable-letter-spacing);
3972
- font-weight: var(--font-weight-bold);
4286
+ height: var(--rls-sizing-x20);
4287
+ line-height: var(--rls-sizing-x20);
4288
+ color: var(--rls-app-color-500);
4289
+ font-size: var(--rlc-datatable-font-size);
4290
+ letter-spacing: var(--rlc-datatable-letter-spacing);
4291
+ font-weight: var(--rls-font-weight-bold);
3973
4292
  }
3974
4293
  .rls-datatable__title--control {
3975
- --rls-avatar-border-radius: var(--sizing-x3);
3976
- --rls-avatar-width: var(--sizing-x16);
3977
- --rls-avatar-height: var(--sizing-x16);
3978
- --rls-avatar-font-size: var(--rls-datatable-font-size);
3979
- --rls-action-ripple-dimension: var(--sizing-x16);
3980
- --rls-action-ripple-position: -8rem;
3981
- --rls-switch-element-size: var(--sizing-x10);
3982
- --rls-switch-bar-radius: var(--sizing-x2);
3983
- --rls-switch-bar-height: var(--sizing-x4);
4294
+ --rlc-avatar-border-radius: var(--rls-sizing-x3);
4295
+ --rlc-avatar-width: var(--rls-sizing-x16);
4296
+ --rlc-avatar-height: var(--rls-sizing-x16);
4297
+ --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4298
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4299
+ --rlc-action-ripple-position: -8rem;
4300
+ --rlc-switch-element-size: var(--rls-sizing-x10);
4301
+ --rlc-switch-bar-radius: var(--rls-sizing-x2);
4302
+ --rlc-switch-bar-height: var(--rls-sizing-x4);
3984
4303
  display: flex;
3985
- width: var(--sizing-x24);
4304
+ width: var(--rls-sizing-x24);
3986
4305
  padding: 0rem;
3987
4306
  }
3988
4307
  .rls-datatable__title--control > * {
@@ -3999,12 +4318,12 @@ button {
3999
4318
  .rls-datatable__tbody {
4000
4319
  display: flex;
4001
4320
  flex-direction: column;
4002
- row-gap: var(--sizing-x6);
4003
- padding: 0rem var(--rls-datatable-padding-scroll);
4321
+ row-gap: var(--rls-sizing-x6);
4322
+ padding: 0rem var(--rlc-datatable-padding-scroll);
4004
4323
  box-sizing: border-box;
4005
4324
  }
4006
4325
  .rls-datatable__tsummary {
4007
- padding-right: var(--rls-datatable-padding-scroll);
4326
+ padding-right: var(--rlc-datatable-padding-scroll);
4008
4327
  padding-left: var(--pvt-header-padding-right);
4009
4328
  box-sizing: border-box;
4010
4329
  }
@@ -4012,32 +4331,32 @@ button {
4012
4331
  .rls-datatable__totals {
4013
4332
  position: relative;
4014
4333
  display: flex;
4015
- column-gap: var(--sizing-x4);
4016
- padding: 0rem var(--sizing-x6);
4334
+ column-gap: var(--rls-sizing-x4);
4335
+ padding: 0rem var(--rls-sizing-x6);
4017
4336
  box-sizing: border-box;
4018
- border: var(--border-1-theme-100);
4019
- border-radius: var(--sizing-x4);
4337
+ border: var(--rls-theme-border-1-100);
4338
+ border-radius: var(--rls-sizing-x4);
4020
4339
  background: #fcfcfc;
4021
4340
  }
4022
4341
  .rls-datatable__data--error,
4023
4342
  .rls-datatable__totals--error {
4024
- background: var(--color-danger-100);
4025
- border: var(--border-1-danger-300);
4343
+ background: var(--rls-danger-color-100);
4344
+ border: var(--rls-border-1-danger-300);
4026
4345
  }
4027
4346
  .rls-datatable__cell,
4028
4347
  .rls-datatable__info {
4029
4348
  position: relative;
4030
4349
  display: flex;
4031
- height: var(--sizing-x20);
4032
- line-height: var(--sizing-x20);
4350
+ height: var(--rls-sizing-x20);
4351
+ line-height: var(--rls-sizing-x20);
4033
4352
  text-align: right;
4034
4353
  cursor: default;
4035
4354
  overflow: hidden;
4036
4355
  white-space: nowrap;
4037
- color: var(--rls-input-font-color);
4038
- font-size: var(--rls-datatable-font-size);
4039
- letter-spacing: var(--rls-datatable-letter-spacing);
4040
- font-weight: var(--font-weight-regular);
4356
+ color: var(--rlc-input-font-color);
4357
+ font-size: var(--rlc-datatable-font-size);
4358
+ letter-spacing: var(--rlc-datatable-letter-spacing);
4359
+ font-weight: var(--rls-font-weight-regular);
4041
4360
  }
4042
4361
  .rls-datatable__cell--overflow,
4043
4362
  .rls-datatable__info--overflow {
@@ -4045,17 +4364,17 @@ button {
4045
4364
  }
4046
4365
  .rls-datatable__cell--control,
4047
4366
  .rls-datatable__info--control {
4048
- --rls-avatar-border-radius: var(--sizing-x3);
4049
- --rls-avatar-width: var(--sizing-x16);
4050
- --rls-avatar-height: var(--sizing-x16);
4051
- --rls-avatar-font-size: var(--rls-datatable-font-size);
4052
- --rls-action-ripple-dimension: var(--sizing-x16);
4053
- --rls-action-ripple-position: -8rem;
4054
- --rls-switch-element-size: var(--sizing-x10);
4055
- --rls-switch-bar-radius: var(--sizing-x2);
4056
- --rls-switch-bar-height: var(--sizing-x4);
4367
+ --rlc-avatar-border-radius: var(--rls-sizing-x3);
4368
+ --rlc-avatar-width: var(--rls-sizing-x16);
4369
+ --rlc-avatar-height: var(--rls-sizing-x16);
4370
+ --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4371
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4372
+ --rlc-action-ripple-position: -8rem;
4373
+ --rlc-switch-element-size: var(--rls-sizing-x10);
4374
+ --rlc-switch-bar-radius: var(--rls-sizing-x2);
4375
+ --rlc-switch-bar-height: var(--rls-sizing-x4);
4057
4376
  display: flex;
4058
- width: var(--sizing-x24);
4377
+ width: var(--rls-sizing-x24);
4059
4378
  padding: 0rem;
4060
4379
  }
4061
4380
  .rls-datatable__cell--control > *,
@@ -4096,115 +4415,114 @@ button {
4096
4415
  .rls-datatable__cell .rls-box-field .rls-input-text,
4097
4416
  .rls-datatable__info .rls-box-field .rls-input-number,
4098
4417
  .rls-datatable__info .rls-box-field .rls-input-text {
4099
- --rls-input-parent-padding: 0rem;
4418
+ --rlc-input-parent-padding: 0rem;
4100
4419
  }
4101
4420
  .rls-datatable__cell .rls-list-field .rls-box-field__body,
4102
4421
  .rls-datatable__info .rls-list-field .rls-box-field__body {
4103
- padding: var(--sizing-x4) 0rem;
4422
+ padding: var(--rls-sizing-x4) 0rem;
4104
4423
  border: none;
4105
4424
  box-shadow: none;
4106
4425
  }
4107
4426
  .rls-datatable__cell .rls-list-field__control,
4108
4427
  .rls-datatable__info .rls-list-field__control {
4109
- font-size: var(--rls-datatable-font-size);
4110
- font-weight: var(--font-weight-medium);
4111
- letter-spacing: var(--body-letter-spacing);
4428
+ font-size: var(--rlc-datatable-font-size);
4429
+ font-weight: var(--rls-font-weight-medium);
4430
+ letter-spacing: var(--rls-body-letter-spacing);
4112
4431
  }
4113
4432
  .rls-datatable__cell .rls-list-field__suggestions,
4114
4433
  .rls-datatable__info .rls-list-field__suggestions {
4115
- top: var(--sizing-x24);
4434
+ top: var(--rls-sizing-x24);
4116
4435
  }
4117
4436
  .rls-datatable__cell .rls-list-field__suggestions--higher,
4118
4437
  .rls-datatable__info .rls-list-field__suggestions--higher {
4119
4438
  top: initial;
4120
- bottom: var(--sizing-x24);
4439
+ bottom: var(--rls-sizing-x24);
4121
4440
  }
4122
4441
  .rls-datatable__cell .rls-list-field__action .rls-icon,
4123
4442
  .rls-datatable__info .rls-list-field__action .rls-icon {
4124
- font-size: var(--sizing-x10);
4443
+ font-size: var(--rls-sizing-x10);
4125
4444
  }
4126
4445
  .rls-datatable__cell .rls-input,
4127
4446
  .rls-datatable__info .rls-input {
4128
- margin: var(--sizing-x4) 0rem;
4447
+ margin: var(--rls-sizing-x4) 0rem;
4129
4448
  }
4130
4449
  .rls-datatable__cell .rls-amount,
4131
4450
  .rls-datatable__info .rls-amount {
4132
- font-size: var(--rls-datatable-font-size);
4451
+ font-size: var(--rlc-datatable-font-size);
4133
4452
  width: 100%;
4134
4453
  }
4135
4454
  .rls-datatable__cell .rls-poster,
4136
4455
  .rls-datatable__info .rls-poster {
4137
4456
  display: flex;
4138
- width: calc(100% - var(--sizing-x2));
4457
+ width: calc(100% - var(--rls-sizing-x2));
4139
4458
  height: 100%;
4140
- margin: var(--sizing-x3) var(--sizing-x2);
4459
+ margin: var(--rls-sizing-x3) var(--rls-sizing-x2);
4141
4460
  justify-content: center;
4142
4461
  align-items: center;
4143
4462
  overflow: hidden;
4144
- height: var(--sizing-x14);
4145
- line-height: var(--sizing-x14);
4463
+ height: var(--rls-sizing-x14);
4464
+ line-height: var(--rls-sizing-x14);
4146
4465
  overflow: hidden;
4147
4466
  text-overflow: ellipsis;
4148
4467
  white-space: nowrap;
4149
- background: var(--color-rolster-100);
4150
- color: var(--color-rolster-500);
4468
+ background: var(--rls-theme-color-100);
4469
+ color: var(--rls-theme-color-500);
4151
4470
  }
4152
4471
  .rls-datatable__cell > .rls-ballot,
4153
4472
  .rls-datatable__info > .rls-ballot {
4154
4473
  padding: 0rem;
4155
- height: var(--sizing-x20);
4474
+ height: var(--rls-sizing-x20);
4156
4475
  }
4157
4476
  .rls-datatable__cell > .rls-ballot .rls-ballot__title,
4158
4477
  .rls-datatable__info > .rls-ballot .rls-ballot__title {
4159
- font-weight: var(--font-weight-semibold);
4160
- font-size: var(--smalltext-font-size);
4161
- letter-spacing: var(--smalltext-letter-spacing);
4162
- min-height: var(--sizing-x8);
4163
- line-height: var(--sizing-x8);
4478
+ font-weight: var(--rls-font-weight-semibold);
4479
+ font-size: var(--rls-smalltext-font-size);
4480
+ letter-spacing: var(--rls-smalltext-letter-spacing);
4481
+ min-height: var(--rls-sizing-x8);
4482
+ line-height: var(--rls-sizing-x8);
4164
4483
  }
4165
4484
  .rls-datatable__cell > .rls-ballot .rls-ballot__subtitle,
4166
4485
  .rls-datatable__info > .rls-ballot .rls-ballot__subtitle {
4167
4486
  margin-top: 0rem;
4168
- font-size: var(--overline-font-size);
4169
- letter-spacing: var(--overline-letter-spacing);
4170
- min-height: var(--sizing-x8);
4171
- line-height: var(--sizing-x8);
4487
+ font-size: var(--rls-overline-font-size);
4488
+ letter-spacing: var(--rls-overline-letter-spacing);
4489
+ min-height: var(--rls-sizing-x8);
4490
+ line-height: var(--rls-sizing-x8);
4172
4491
  }
4173
4492
  .rls-datatable__cell > a:hover,
4174
4493
  .rls-datatable__info > a:hover {
4175
- color: var(--color-theme-700);
4494
+ color: var(--rls-app-color-700);
4176
4495
  text-decoration: underline;
4177
4496
  }
4178
4497
  .rls-datatable__tfooter {
4179
4498
  position: relative;
4180
4499
  width: 100%;
4181
4500
  overflow: hidden;
4182
- background: var(--color-theme-100);
4183
- border-radius: 0rem 0rem var(--sizing-x4) var(--sizing-x4);
4501
+ background: var(--rls-app-color-100);
4502
+ border-radius: 0rem 0rem var(--rls-sizing-x4) var(--rls-sizing-x4);
4184
4503
  }
4185
4504
 
4186
4505
  .rls-form {
4187
4506
  display: flex;
4188
4507
  flex-direction: column;
4189
- row-gap: var(--sizing-x8);
4508
+ row-gap: var(--rls-sizing-x8);
4190
4509
  }
4191
4510
  .rls-form__content {
4192
4511
  position: relative;
4193
- padding: 0rem var(--sizing-x8);
4512
+ padding: 0rem var(--rls-sizing-x8);
4194
4513
  box-sizing: border-box;
4195
4514
  }
4196
4515
  .rls-form__footer {
4197
4516
  position: relative;
4198
4517
  display: flex;
4199
- justify-content: var(--rls-form-footer-justify-content);
4200
- column-gap: var(--sizing-x8);
4201
- padding: 0rem var(--sizing-x8);
4518
+ justify-content: var(--rlc-form-footer-justify-content);
4519
+ column-gap: var(--rls-sizing-x8);
4520
+ padding: 0rem var(--rls-sizing-x8);
4202
4521
  box-sizing: border-box;
4203
4522
  }
4204
4523
 
4205
4524
  .rls-list-field {
4206
- --rls-boxfield-body-padding: var(--sizing-x3) var(--sizing-x4);
4207
- --pvt-action-font-color: var(--color-theme-300);
4525
+ --pvt-action-font-color: var(--rls-app-color-300);
4208
4526
  --pvt-list-height: 0rem;
4209
4527
  --pvt-list-max-height: 160rem;
4210
4528
  --pvt-list-opacity: 0;
@@ -4212,66 +4530,66 @@ button {
4212
4530
  --pvt-list-transform-origin: 0% 0%;
4213
4531
  --pvt-backdrop-opacity: 0;
4214
4532
  --pvt-backdrop-bottom: initial;
4533
+ --rlc-boxfield-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
4215
4534
  position: relative;
4216
4535
  box-sizing: border-box;
4217
4536
  }
4218
4537
  .rls-list-field.rls-box-field--active {
4219
- --rls-boxfield-body-shadow: 0px 0px 0px 3px var(--box-shadow-theme-100);
4220
- --rls-boxfield-body-border: var(--border-1-theme-300);
4221
- --rls-boxfield-label-font-color: var(--color-theme-300);
4538
+ --rlc-boxfield-body-shadow: 0px 0px 0px 3px var(--box-shadow-theme-100);
4539
+ --rlc-boxfield-body-border: var(--rls-theme-border-1-300);
4540
+ --rlc-boxfield-label-font-color: var(--rls-app-color-300);
4222
4541
  }
4223
4542
  .rls-list-field.rls-box-field--disabled {
4224
- --pvt-action-font-color: var(--color-theme-100);
4543
+ --pvt-action-font-color: var(--rls-app-color-100);
4225
4544
  }
4226
4545
  .rls-list-field__control {
4227
4546
  position: relative;
4228
- width: calc(100% - var(--sizing-x14));
4229
- height: var(--sizing-x12);
4230
- line-height: var(--sizing-x12);
4547
+ width: calc(100% - var(--rls-sizing-x14));
4548
+ height: var(--rls-sizing-x12);
4549
+ line-height: var(--rls-sizing-x12);
4231
4550
  padding: 0rem;
4232
4551
  cursor: text;
4233
4552
  border: none;
4234
4553
  outline: none;
4235
4554
  background: transparent;
4236
- color: var(--rls-input-font-color);
4555
+ color: var(--rlc-input-font-color);
4237
4556
  font-size: var(--rls-input-font-size);
4238
- font-weight: var(--font-weight-medium);
4557
+ font-weight: var(--rls-font-weight-medium);
4239
4558
  letter-spacing: var(--rls-input-letter-spacing);
4240
4559
  }
4241
4560
  .rls-list-field__control::placeholder {
4242
- color: var(--color-theme-100);
4561
+ color: var(--rls-app-color-100);
4243
4562
  }
4244
4563
  .rls-list-field__control::selection {
4245
- background: var(--color-rolster-700);
4246
- color: var(--color-light-500);
4564
+ background: var(--rls-theme-color-700);
4565
+ color: var(--rls-light-color-500);
4247
4566
  }
4248
4567
  .rls-list-field__control:disabled {
4249
4568
  opacity: 0.5;
4250
4569
  }
4251
4570
  .rls-list-field__control__placeholder {
4252
4571
  position: relative;
4253
- float: right;
4254
- color: var(--color-theme-100);
4572
+ color: var(--rls-app-color-100);
4255
4573
  }
4256
4574
  .rls-list-field__action {
4257
4575
  color: var(--pvt-action-font-color);
4258
- width: var(--sizing-x12);
4259
- height: var(--sizing-x12);
4576
+ width: var(--rls-sizing-x12);
4577
+ height: var(--rls-sizing-x12);
4260
4578
  padding: 0rem;
4261
- margin-right: var(--sizing-x2);
4579
+ margin-right: var(--rls-sizing-x2);
4262
4580
  outline: none;
4263
4581
  background: transparent;
4264
4582
  }
4265
4583
  .rls-list-field__suggestions {
4266
4584
  position: absolute;
4267
- top: calc(100% + var(--sizing-x4));
4585
+ top: calc(100% + var(--rls-sizing-x4));
4268
4586
  right: 0rem;
4269
4587
  width: 100%;
4270
4588
  height: 0rem;
4271
4589
  max-height: var(--pvt-list-max-height);
4272
4590
  overflow: hidden;
4273
- z-index: var(--z-index-2);
4274
- padding-bottom: var(--sizing-x6);
4591
+ z-index: var(--rls-z-index-2);
4592
+ padding-bottom: var(--rls-sizing-x6);
4275
4593
  }
4276
4594
  .rls-list-field__suggestions--visible {
4277
4595
  --pvt-list-height: auto;
@@ -4280,7 +4598,7 @@ button {
4280
4598
  overflow: initial;
4281
4599
  opacity: 1;
4282
4600
  height: auto;
4283
- z-index: var(--z-index-4);
4601
+ z-index: var(--rls-z-index-4);
4284
4602
  }
4285
4603
  .rls-list-field__suggestions--higher {
4286
4604
  --pvt-list-transform-origin: 0% 100%;
@@ -4293,21 +4611,21 @@ button {
4293
4611
  width: 100%;
4294
4612
  height: var(--pvt-list-height);
4295
4613
  max-height: var(--pvt-list-max-height);
4296
- padding: var(--sizing-x4) var(--sizing-x2);
4614
+ padding: var(--rls-sizing-x4) var(--rls-sizing-x2);
4297
4615
  box-sizing: border-box;
4298
- border-radius: var(--sizing-x4);
4616
+ border-radius: var(--rls-sizing-x4);
4299
4617
  overflow: hidden;
4300
- z-index: var(--z-index-2);
4301
- background: var(--background-theme-500);
4302
- border: var(--border-1-rolster-500);
4303
- box-shadow: 0px 0px 0px 3px var(--box-shadow-rolster-500);
4618
+ z-index: var(--rls-z-index-2);
4619
+ background: var(--rls-app-background-500);
4620
+ border: var(--rls-theme-border-1-500);
4621
+ box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
4304
4622
  will-change: opacity, transform;
4305
4623
  opacity: var(--pvt-list-opacity);
4306
4624
  transform: var(--pvt-list-transform);
4307
4625
  transform-origin: var(--pvt-list-transform-origin);
4308
4626
  transition:
4309
- opacity 240ms 0ms var(--standard-curve),
4310
- transform 240ms 0ms var(--standard-curve);
4627
+ opacity 240ms 0ms var(--rls-standard-curve),
4628
+ transform 240ms 0ms var(--rls-standard-curve);
4311
4629
  }
4312
4630
  .rls-list-field__ul {
4313
4631
  display: flex;
@@ -4315,33 +4633,33 @@ button {
4315
4633
  width: 100%;
4316
4634
  overflow-y: auto;
4317
4635
  overflow-x: hidden;
4318
- padding: 0rem var(--sizing-x4);
4636
+ padding: 0rem var(--rls-sizing-x4);
4319
4637
  box-sizing: border-box;
4320
4638
  }
4321
4639
  .rls-list-field__element {
4322
- --rls-ballot-subtitle-overflow: hidden;
4323
- --rls-ballot-subtitle-text-overflow: ellipsis;
4324
- --rls-ballot-subtitle-white-space: nowrap;
4640
+ --rlc-ballot-subtitle-overflow: hidden;
4641
+ --rlc-ballot-subtitle-text-overflow: ellipsis;
4642
+ --rlc-ballot-subtitle-white-space: nowrap;
4325
4643
  box-sizing: border-box;
4326
4644
  outline: none;
4327
- border-radius: var(--sizing-x4);
4328
- padding: var(--sizing-x2);
4645
+ border-radius: var(--rls-sizing-x4);
4646
+ padding: var(--rls-sizing-x2);
4329
4647
  box-sizing: border-box;
4330
4648
  }
4331
4649
  .rls-list-field__element:hover {
4332
- background: var(--background-theme-300);
4650
+ background: var(--rls-app-background-300);
4333
4651
  }
4334
4652
  .rls-list-field__element:not(:hover):focus {
4335
- background: var(--color-rolster-100);
4653
+ background: var(--rls-theme-color-100);
4336
4654
  }
4337
4655
  .rls-list-field__empty {
4338
4656
  display: flex;
4339
- padding: 0rem var(--sizing-x4);
4657
+ padding: 0rem var(--rls-sizing-x4);
4340
4658
  box-sizing: border-box;
4341
4659
  }
4342
4660
  .rls-list-field__empty__avatar {
4343
- width: var(--sizing-x20);
4344
- height: var(--sizing-x20);
4661
+ width: var(--rls-sizing-x20);
4662
+ height: var(--rls-sizing-x20);
4345
4663
  }
4346
4664
  .rls-list-field__empty__avatar img {
4347
4665
  width: 100%;
@@ -4349,17 +4667,17 @@ button {
4349
4667
  .rls-list-field__empty__description {
4350
4668
  display: flex;
4351
4669
  flex-direction: column;
4352
- row-gap: var(--sizing-x2);
4670
+ row-gap: var(--rls-sizing-x2);
4353
4671
  overflow: hidden;
4354
4672
  }
4355
4673
  .rls-list-field__empty__description label {
4356
4674
  display: block;
4357
4675
  width: 100%;
4358
- color: var(--color-theme-300);
4676
+ color: var(--rls-app-color-300);
4359
4677
  }
4360
4678
  .rls-list-field__empty__description p {
4361
4679
  white-space: initial;
4362
- color: var(--color-theme-300);
4680
+ color: var(--rls-app-color-300);
4363
4681
  }
4364
4682
  .rls-list-field__backdrop {
4365
4683
  position: absolute;
@@ -4369,13 +4687,13 @@ button {
4369
4687
  left: 0rem;
4370
4688
  bottom: var(--pvt-backdrop-bottom);
4371
4689
  opacity: var(--pvt-backdrop-opacity);
4372
- z-index: var(--z-index-2);
4690
+ z-index: var(--rls-z-index-2);
4373
4691
  will-change: opacity;
4374
- background: var(--backdrop-rolster-500);
4692
+ background: var(--rls-theme-backdrop-900);
4375
4693
  backdrop-filter: blur(2px);
4376
4694
  transition:
4377
- opacity 120ms 0ms var(--deceleration-curve),
4378
- bottom 120ms 0ms var(--deceleration-curve);
4695
+ opacity 120ms 0ms var(--rls-deceleration-curve),
4696
+ bottom 120ms 0ms var(--rls-deceleration-curve);
4379
4697
  }
4380
4698
 
4381
4699
  @media screen and (max-width: 480px) {
@@ -4385,48 +4703,61 @@ button {
4385
4703
  --pvt-list-max-height: initial;
4386
4704
  }
4387
4705
  .rls-list-field__suggestions {
4706
+ position: fixed;
4388
4707
  display: flex;
4389
4708
  justify-content: center;
4709
+ top: 0rem;
4710
+ right: 0rem;
4711
+ z-index: var(--rls-z-index-32);
4390
4712
  }
4391
4713
  .rls-list-field__suggestions--visible {
4392
4714
  --pvt-list-transform: translateY(0%);
4393
4715
  --pvt-backdrop-opacity: 1;
4394
4716
  --pvt-backdrop-bottom: 0rem;
4395
- position: fixed;
4396
- top: 0rem;
4397
- right: 0rem;
4398
4717
  height: 100%;
4399
- z-index: var(--z-index-32);
4400
4718
  }
4401
- .rls-list-field__ul {
4719
+ .rls-list-field__suggestions__body {
4402
4720
  position: absolute;
4403
- bottom: 0rem;
4404
- width: 100%;
4721
+ bottom: 0px;
4722
+ border: none;
4723
+ z-index: var(--rls-z-index-4);
4724
+ }
4725
+ .rls-list-field__ul {
4405
4726
  max-width: 200rem;
4406
4727
  max-height: 75%;
4407
- padding: var(--sizing-x8) var(--sizing-x2);
4408
- border-radius: var(--sizing-x4) var(--sizing-x4) 0rem 0rem;
4728
+ padding: var(--rls-sizing-x8) var(--rls-sizing-x2);
4729
+ border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
4409
4730
  border: none;
4410
4731
  box-shadow: none;
4411
4732
  }
4412
4733
  .rls-list-field__empty {
4413
4734
  flex-direction: column;
4414
- margin: auto;
4415
- padding: var(--sizing-x12) 0rem;
4735
+ padding: var(--rls-sizing-x12) var(--rls-sizing-x2);
4416
4736
  }
4417
4737
  .rls-list-field__empty__avatar {
4418
4738
  width: 100%;
4419
4739
  height: auto;
4420
- max-width: var(--sizing-x8);
4740
+ max-width: var(--rls-sizing-x8);
4421
4741
  margin: auto;
4422
- padding-bottom: var(--sizing-x6);
4742
+ padding-bottom: var(--rls-sizing-x6);
4423
4743
  }
4424
- .rls-list-field__empty__description {
4425
- width: 100%;
4426
- padding-right: 0rem;
4427
- }
4428
- .rls-list-field__empty__description label {
4744
+ .rls-list-field__empty__description label,
4745
+ .rls-list-field__empty__description p {
4429
4746
  text-align: center;
4430
- margin-top: var(--sizing-x2);
4747
+ }
4748
+ }
4749
+
4750
+ .rls-aspect-ratio {
4751
+ --rls-app-font-size-1360: 2.5px;
4752
+ --rls-app-font-size-1820: 2.925px;
4753
+ }
4754
+ @media screen and (min-width: 1360px) {
4755
+ .rls-aspect-ratio {
4756
+ --rls-app-font-size: var(--rls-app-font-size-1360);
4757
+ }
4758
+ }
4759
+ @media screen and (min-width: 1820px) {
4760
+ .rls-aspect-ratio {
4761
+ --rls-app-font-size: var(--rls-app-font-size-1820);
4431
4762
  }
4432
4763
  }