@tantuui/tokens 0.0.1-rc1

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.
@@ -0,0 +1,2474 @@
1
+ /**
2
+ * TantuUI Utility Classes
3
+ * Generated — do not edit manually.
4
+ * Prefix: tui-*
5
+ *
6
+ * Use these classes directly without Tailwind:
7
+ * @import "@tantu/tokens/css/utilities";
8
+ *
9
+ * <div class="tui-bg-primary-600 tui-text-white tui-p-4 tui-rounded-lg">
10
+ */
11
+
12
+ .tui-bg-white { background-color: var(--tui-color-white); }
13
+ .tui-bg-black { background-color: var(--tui-color-black); }
14
+ .tui-bg-brand-white-50 { background-color: var(--tui-color-brand-white-50); }
15
+ .tui-bg-brand-white-100 { background-color: var(--tui-color-brand-white-100); }
16
+ .tui-bg-brand-white-200 { background-color: var(--tui-color-brand-white-200); }
17
+ .tui-bg-brand-white-300 { background-color: var(--tui-color-brand-white-300); }
18
+ .tui-bg-brand-white-400 { background-color: var(--tui-color-brand-white-400); }
19
+ .tui-bg-brand-white-500 { background-color: var(--tui-color-brand-white-500); }
20
+ .tui-bg-brand-white-600 { background-color: var(--tui-color-brand-white-600); }
21
+ .tui-bg-brand-white-700 { background-color: var(--tui-color-brand-white-700); }
22
+ .tui-bg-brand-white-800 { background-color: var(--tui-color-brand-white-800); }
23
+ .tui-bg-brand-white-900 { background-color: var(--tui-color-brand-white-900); }
24
+ .tui-bg-brand-white-950 { background-color: var(--tui-color-brand-white-950); }
25
+ .tui-bg-brand-white-default { background-color: var(--tui-color-brand-white-default); }
26
+ .tui-bg-brand-black-50 { background-color: var(--tui-color-brand-black-50); }
27
+ .tui-bg-brand-black-100 { background-color: var(--tui-color-brand-black-100); }
28
+ .tui-bg-brand-black-200 { background-color: var(--tui-color-brand-black-200); }
29
+ .tui-bg-brand-black-300 { background-color: var(--tui-color-brand-black-300); }
30
+ .tui-bg-brand-black-400 { background-color: var(--tui-color-brand-black-400); }
31
+ .tui-bg-brand-black-500 { background-color: var(--tui-color-brand-black-500); }
32
+ .tui-bg-brand-black-600 { background-color: var(--tui-color-brand-black-600); }
33
+ .tui-bg-brand-black-700 { background-color: var(--tui-color-brand-black-700); }
34
+ .tui-bg-brand-black-800 { background-color: var(--tui-color-brand-black-800); }
35
+ .tui-bg-brand-black-900 { background-color: var(--tui-color-brand-black-900); }
36
+ .tui-bg-brand-black-950 { background-color: var(--tui-color-brand-black-950); }
37
+ .tui-bg-brand-black-default { background-color: var(--tui-color-brand-black-default); }
38
+ .tui-bg-brand-navy-50 { background-color: var(--tui-color-brand-navy-50); }
39
+ .tui-bg-brand-navy-100 { background-color: var(--tui-color-brand-navy-100); }
40
+ .tui-bg-brand-navy-200 { background-color: var(--tui-color-brand-navy-200); }
41
+ .tui-bg-brand-navy-300 { background-color: var(--tui-color-brand-navy-300); }
42
+ .tui-bg-brand-navy-400 { background-color: var(--tui-color-brand-navy-400); }
43
+ .tui-bg-brand-navy-500 { background-color: var(--tui-color-brand-navy-500); }
44
+ .tui-bg-brand-navy-600 { background-color: var(--tui-color-brand-navy-600); }
45
+ .tui-bg-brand-navy-700 { background-color: var(--tui-color-brand-navy-700); }
46
+ .tui-bg-brand-navy-800 { background-color: var(--tui-color-brand-navy-800); }
47
+ .tui-bg-brand-navy-900 { background-color: var(--tui-color-brand-navy-900); }
48
+ .tui-bg-brand-navy-950 { background-color: var(--tui-color-brand-navy-950); }
49
+ .tui-bg-brand-navy-default { background-color: var(--tui-color-brand-navy-default); }
50
+ .tui-bg-brand-blue-50 { background-color: var(--tui-color-brand-blue-50); }
51
+ .tui-bg-brand-blue-100 { background-color: var(--tui-color-brand-blue-100); }
52
+ .tui-bg-brand-blue-200 { background-color: var(--tui-color-brand-blue-200); }
53
+ .tui-bg-brand-blue-300 { background-color: var(--tui-color-brand-blue-300); }
54
+ .tui-bg-brand-blue-400 { background-color: var(--tui-color-brand-blue-400); }
55
+ .tui-bg-brand-blue-500 { background-color: var(--tui-color-brand-blue-500); }
56
+ .tui-bg-brand-blue-600 { background-color: var(--tui-color-brand-blue-600); }
57
+ .tui-bg-brand-blue-700 { background-color: var(--tui-color-brand-blue-700); }
58
+ .tui-bg-brand-blue-800 { background-color: var(--tui-color-brand-blue-800); }
59
+ .tui-bg-brand-blue-900 { background-color: var(--tui-color-brand-blue-900); }
60
+ .tui-bg-brand-blue-950 { background-color: var(--tui-color-brand-blue-950); }
61
+ .tui-bg-brand-blue-default { background-color: var(--tui-color-brand-blue-default); }
62
+ .tui-bg-brand-purple-50 { background-color: var(--tui-color-brand-purple-50); }
63
+ .tui-bg-brand-purple-100 { background-color: var(--tui-color-brand-purple-100); }
64
+ .tui-bg-brand-purple-200 { background-color: var(--tui-color-brand-purple-200); }
65
+ .tui-bg-brand-purple-300 { background-color: var(--tui-color-brand-purple-300); }
66
+ .tui-bg-brand-purple-400 { background-color: var(--tui-color-brand-purple-400); }
67
+ .tui-bg-brand-purple-500 { background-color: var(--tui-color-brand-purple-500); }
68
+ .tui-bg-brand-purple-600 { background-color: var(--tui-color-brand-purple-600); }
69
+ .tui-bg-brand-purple-700 { background-color: var(--tui-color-brand-purple-700); }
70
+ .tui-bg-brand-purple-800 { background-color: var(--tui-color-brand-purple-800); }
71
+ .tui-bg-brand-purple-900 { background-color: var(--tui-color-brand-purple-900); }
72
+ .tui-bg-brand-purple-950 { background-color: var(--tui-color-brand-purple-950); }
73
+ .tui-bg-brand-purple-default { background-color: var(--tui-color-brand-purple-default); }
74
+ .tui-bg-brand-pink-50 { background-color: var(--tui-color-brand-pink-50); }
75
+ .tui-bg-brand-pink-100 { background-color: var(--tui-color-brand-pink-100); }
76
+ .tui-bg-brand-pink-200 { background-color: var(--tui-color-brand-pink-200); }
77
+ .tui-bg-brand-pink-300 { background-color: var(--tui-color-brand-pink-300); }
78
+ .tui-bg-brand-pink-400 { background-color: var(--tui-color-brand-pink-400); }
79
+ .tui-bg-brand-pink-500 { background-color: var(--tui-color-brand-pink-500); }
80
+ .tui-bg-brand-pink-600 { background-color: var(--tui-color-brand-pink-600); }
81
+ .tui-bg-brand-pink-700 { background-color: var(--tui-color-brand-pink-700); }
82
+ .tui-bg-brand-pink-800 { background-color: var(--tui-color-brand-pink-800); }
83
+ .tui-bg-brand-pink-900 { background-color: var(--tui-color-brand-pink-900); }
84
+ .tui-bg-brand-pink-950 { background-color: var(--tui-color-brand-pink-950); }
85
+ .tui-bg-brand-pink-default { background-color: var(--tui-color-brand-pink-default); }
86
+ .tui-bg-brand-gray-50 { background-color: var(--tui-color-brand-gray-50); }
87
+ .tui-bg-brand-gray-100 { background-color: var(--tui-color-brand-gray-100); }
88
+ .tui-bg-brand-gray-200 { background-color: var(--tui-color-brand-gray-200); }
89
+ .tui-bg-brand-gray-300 { background-color: var(--tui-color-brand-gray-300); }
90
+ .tui-bg-brand-gray-400 { background-color: var(--tui-color-brand-gray-400); }
91
+ .tui-bg-brand-gray-500 { background-color: var(--tui-color-brand-gray-500); }
92
+ .tui-bg-brand-gray-600 { background-color: var(--tui-color-brand-gray-600); }
93
+ .tui-bg-brand-gray-700 { background-color: var(--tui-color-brand-gray-700); }
94
+ .tui-bg-brand-gray-800 { background-color: var(--tui-color-brand-gray-800); }
95
+ .tui-bg-brand-gray-900 { background-color: var(--tui-color-brand-gray-900); }
96
+ .tui-bg-brand-gray-950 { background-color: var(--tui-color-brand-gray-950); }
97
+ .tui-bg-brand-gray-default { background-color: var(--tui-color-brand-gray-default); }
98
+ .tui-bg-brand-light-50 { background-color: var(--tui-color-brand-light-50); }
99
+ .tui-bg-brand-light-100 { background-color: var(--tui-color-brand-light-100); }
100
+ .tui-bg-brand-light-200 { background-color: var(--tui-color-brand-light-200); }
101
+ .tui-bg-brand-light-300 { background-color: var(--tui-color-brand-light-300); }
102
+ .tui-bg-brand-light-400 { background-color: var(--tui-color-brand-light-400); }
103
+ .tui-bg-brand-light-500 { background-color: var(--tui-color-brand-light-500); }
104
+ .tui-bg-brand-light-600 { background-color: var(--tui-color-brand-light-600); }
105
+ .tui-bg-brand-light-700 { background-color: var(--tui-color-brand-light-700); }
106
+ .tui-bg-brand-light-800 { background-color: var(--tui-color-brand-light-800); }
107
+ .tui-bg-brand-light-900 { background-color: var(--tui-color-brand-light-900); }
108
+ .tui-bg-brand-light-950 { background-color: var(--tui-color-brand-light-950); }
109
+ .tui-bg-brand-light-default { background-color: var(--tui-color-brand-light-default); }
110
+ .tui-bg-success-50 { background-color: var(--tui-color-success-50); }
111
+ .tui-bg-success-100 { background-color: var(--tui-color-success-100); }
112
+ .tui-bg-success-200 { background-color: var(--tui-color-success-200); }
113
+ .tui-bg-success-300 { background-color: var(--tui-color-success-300); }
114
+ .tui-bg-success-400 { background-color: var(--tui-color-success-400); }
115
+ .tui-bg-success-500 { background-color: var(--tui-color-success-500); }
116
+ .tui-bg-success-600 { background-color: var(--tui-color-success-600); }
117
+ .tui-bg-success-700 { background-color: var(--tui-color-success-700); }
118
+ .tui-bg-success-800 { background-color: var(--tui-color-success-800); }
119
+ .tui-bg-success-900 { background-color: var(--tui-color-success-900); }
120
+ .tui-bg-success-950 { background-color: var(--tui-color-success-950); }
121
+ .tui-bg-success-default { background-color: var(--tui-color-success-default); }
122
+ .tui-bg-warning-50 { background-color: var(--tui-color-warning-50); }
123
+ .tui-bg-warning-100 { background-color: var(--tui-color-warning-100); }
124
+ .tui-bg-warning-200 { background-color: var(--tui-color-warning-200); }
125
+ .tui-bg-warning-300 { background-color: var(--tui-color-warning-300); }
126
+ .tui-bg-warning-400 { background-color: var(--tui-color-warning-400); }
127
+ .tui-bg-warning-500 { background-color: var(--tui-color-warning-500); }
128
+ .tui-bg-warning-600 { background-color: var(--tui-color-warning-600); }
129
+ .tui-bg-warning-700 { background-color: var(--tui-color-warning-700); }
130
+ .tui-bg-warning-800 { background-color: var(--tui-color-warning-800); }
131
+ .tui-bg-warning-900 { background-color: var(--tui-color-warning-900); }
132
+ .tui-bg-warning-950 { background-color: var(--tui-color-warning-950); }
133
+ .tui-bg-warning-default { background-color: var(--tui-color-warning-default); }
134
+ .tui-bg-danger-50 { background-color: var(--tui-color-danger-50); }
135
+ .tui-bg-danger-100 { background-color: var(--tui-color-danger-100); }
136
+ .tui-bg-danger-200 { background-color: var(--tui-color-danger-200); }
137
+ .tui-bg-danger-300 { background-color: var(--tui-color-danger-300); }
138
+ .tui-bg-danger-400 { background-color: var(--tui-color-danger-400); }
139
+ .tui-bg-danger-500 { background-color: var(--tui-color-danger-500); }
140
+ .tui-bg-danger-600 { background-color: var(--tui-color-danger-600); }
141
+ .tui-bg-danger-700 { background-color: var(--tui-color-danger-700); }
142
+ .tui-bg-danger-800 { background-color: var(--tui-color-danger-800); }
143
+ .tui-bg-danger-900 { background-color: var(--tui-color-danger-900); }
144
+ .tui-bg-danger-950 { background-color: var(--tui-color-danger-950); }
145
+ .tui-bg-danger-default { background-color: var(--tui-color-danger-default); }
146
+ .tui-bg-info-50 { background-color: var(--tui-color-info-50); }
147
+ .tui-bg-info-100 { background-color: var(--tui-color-info-100); }
148
+ .tui-bg-info-200 { background-color: var(--tui-color-info-200); }
149
+ .tui-bg-info-300 { background-color: var(--tui-color-info-300); }
150
+ .tui-bg-info-400 { background-color: var(--tui-color-info-400); }
151
+ .tui-bg-info-500 { background-color: var(--tui-color-info-500); }
152
+ .tui-bg-info-600 { background-color: var(--tui-color-info-600); }
153
+ .tui-bg-info-700 { background-color: var(--tui-color-info-700); }
154
+ .tui-bg-info-800 { background-color: var(--tui-color-info-800); }
155
+ .tui-bg-info-900 { background-color: var(--tui-color-info-900); }
156
+ .tui-bg-info-950 { background-color: var(--tui-color-info-950); }
157
+ .tui-bg-info-default { background-color: var(--tui-color-info-default); }
158
+ .tui-bg-teal-50 { background-color: var(--tui-color-teal-50); }
159
+ .tui-bg-teal-100 { background-color: var(--tui-color-teal-100); }
160
+ .tui-bg-teal-200 { background-color: var(--tui-color-teal-200); }
161
+ .tui-bg-teal-300 { background-color: var(--tui-color-teal-300); }
162
+ .tui-bg-teal-400 { background-color: var(--tui-color-teal-400); }
163
+ .tui-bg-teal-500 { background-color: var(--tui-color-teal-500); }
164
+ .tui-bg-teal-600 { background-color: var(--tui-color-teal-600); }
165
+ .tui-bg-teal-700 { background-color: var(--tui-color-teal-700); }
166
+ .tui-bg-teal-800 { background-color: var(--tui-color-teal-800); }
167
+ .tui-bg-teal-900 { background-color: var(--tui-color-teal-900); }
168
+ .tui-bg-teal-950 { background-color: var(--tui-color-teal-950); }
169
+ .tui-bg-teal-default { background-color: var(--tui-color-teal-default); }
170
+ .tui-bg-orange-50 { background-color: var(--tui-color-orange-50); }
171
+ .tui-bg-orange-100 { background-color: var(--tui-color-orange-100); }
172
+ .tui-bg-orange-200 { background-color: var(--tui-color-orange-200); }
173
+ .tui-bg-orange-300 { background-color: var(--tui-color-orange-300); }
174
+ .tui-bg-orange-400 { background-color: var(--tui-color-orange-400); }
175
+ .tui-bg-orange-500 { background-color: var(--tui-color-orange-500); }
176
+ .tui-bg-orange-600 { background-color: var(--tui-color-orange-600); }
177
+ .tui-bg-orange-700 { background-color: var(--tui-color-orange-700); }
178
+ .tui-bg-orange-800 { background-color: var(--tui-color-orange-800); }
179
+ .tui-bg-orange-900 { background-color: var(--tui-color-orange-900); }
180
+ .tui-bg-orange-950 { background-color: var(--tui-color-orange-950); }
181
+ .tui-bg-orange-default { background-color: var(--tui-color-orange-default); }
182
+ .tui-bg-rose-50 { background-color: var(--tui-color-rose-50); }
183
+ .tui-bg-rose-100 { background-color: var(--tui-color-rose-100); }
184
+ .tui-bg-rose-200 { background-color: var(--tui-color-rose-200); }
185
+ .tui-bg-rose-300 { background-color: var(--tui-color-rose-300); }
186
+ .tui-bg-rose-400 { background-color: var(--tui-color-rose-400); }
187
+ .tui-bg-rose-500 { background-color: var(--tui-color-rose-500); }
188
+ .tui-bg-rose-600 { background-color: var(--tui-color-rose-600); }
189
+ .tui-bg-rose-700 { background-color: var(--tui-color-rose-700); }
190
+ .tui-bg-rose-800 { background-color: var(--tui-color-rose-800); }
191
+ .tui-bg-rose-900 { background-color: var(--tui-color-rose-900); }
192
+ .tui-bg-rose-950 { background-color: var(--tui-color-rose-950); }
193
+ .tui-bg-rose-default { background-color: var(--tui-color-rose-default); }
194
+ .tui-bg-indigo-50 { background-color: var(--tui-color-indigo-50); }
195
+ .tui-bg-indigo-100 { background-color: var(--tui-color-indigo-100); }
196
+ .tui-bg-indigo-200 { background-color: var(--tui-color-indigo-200); }
197
+ .tui-bg-indigo-300 { background-color: var(--tui-color-indigo-300); }
198
+ .tui-bg-indigo-400 { background-color: var(--tui-color-indigo-400); }
199
+ .tui-bg-indigo-500 { background-color: var(--tui-color-indigo-500); }
200
+ .tui-bg-indigo-600 { background-color: var(--tui-color-indigo-600); }
201
+ .tui-bg-indigo-700 { background-color: var(--tui-color-indigo-700); }
202
+ .tui-bg-indigo-800 { background-color: var(--tui-color-indigo-800); }
203
+ .tui-bg-indigo-900 { background-color: var(--tui-color-indigo-900); }
204
+ .tui-bg-indigo-950 { background-color: var(--tui-color-indigo-950); }
205
+ .tui-bg-indigo-default { background-color: var(--tui-color-indigo-default); }
206
+ .tui-bg-mint-50 { background-color: var(--tui-color-mint-50); }
207
+ .tui-bg-mint-100 { background-color: var(--tui-color-mint-100); }
208
+ .tui-bg-mint-200 { background-color: var(--tui-color-mint-200); }
209
+ .tui-bg-mint-300 { background-color: var(--tui-color-mint-300); }
210
+ .tui-bg-mint-400 { background-color: var(--tui-color-mint-400); }
211
+ .tui-bg-mint-500 { background-color: var(--tui-color-mint-500); }
212
+ .tui-bg-mint-600 { background-color: var(--tui-color-mint-600); }
213
+ .tui-bg-mint-700 { background-color: var(--tui-color-mint-700); }
214
+ .tui-bg-mint-800 { background-color: var(--tui-color-mint-800); }
215
+ .tui-bg-mint-900 { background-color: var(--tui-color-mint-900); }
216
+ .tui-bg-mint-950 { background-color: var(--tui-color-mint-950); }
217
+ .tui-bg-mint-default { background-color: var(--tui-color-mint-default); }
218
+ .tui-bg-coal-50 { background-color: var(--tui-color-coal-50); }
219
+ .tui-bg-coal-100 { background-color: var(--tui-color-coal-100); }
220
+ .tui-bg-coal-200 { background-color: var(--tui-color-coal-200); }
221
+ .tui-bg-coal-300 { background-color: var(--tui-color-coal-300); }
222
+ .tui-bg-coal-400 { background-color: var(--tui-color-coal-400); }
223
+ .tui-bg-coal-500 { background-color: var(--tui-color-coal-500); }
224
+ .tui-bg-coal-600 { background-color: var(--tui-color-coal-600); }
225
+ .tui-bg-coal-700 { background-color: var(--tui-color-coal-700); }
226
+ .tui-bg-coal-800 { background-color: var(--tui-color-coal-800); }
227
+ .tui-bg-coal-900 { background-color: var(--tui-color-coal-900); }
228
+ .tui-bg-coal-950 { background-color: var(--tui-color-coal-950); }
229
+ .tui-bg-coal-default { background-color: var(--tui-color-coal-default); }
230
+
231
+ .tui-text-white { color: var(--tui-color-white); }
232
+ .tui-text-black { color: var(--tui-color-black); }
233
+ .tui-text-brand-white-50 { color: var(--tui-color-brand-white-50); }
234
+ .tui-text-brand-white-100 { color: var(--tui-color-brand-white-100); }
235
+ .tui-text-brand-white-200 { color: var(--tui-color-brand-white-200); }
236
+ .tui-text-brand-white-300 { color: var(--tui-color-brand-white-300); }
237
+ .tui-text-brand-white-400 { color: var(--tui-color-brand-white-400); }
238
+ .tui-text-brand-white-500 { color: var(--tui-color-brand-white-500); }
239
+ .tui-text-brand-white-600 { color: var(--tui-color-brand-white-600); }
240
+ .tui-text-brand-white-700 { color: var(--tui-color-brand-white-700); }
241
+ .tui-text-brand-white-800 { color: var(--tui-color-brand-white-800); }
242
+ .tui-text-brand-white-900 { color: var(--tui-color-brand-white-900); }
243
+ .tui-text-brand-white-950 { color: var(--tui-color-brand-white-950); }
244
+ .tui-text-brand-white-default { color: var(--tui-color-brand-white-default); }
245
+ .tui-text-brand-black-50 { color: var(--tui-color-brand-black-50); }
246
+ .tui-text-brand-black-100 { color: var(--tui-color-brand-black-100); }
247
+ .tui-text-brand-black-200 { color: var(--tui-color-brand-black-200); }
248
+ .tui-text-brand-black-300 { color: var(--tui-color-brand-black-300); }
249
+ .tui-text-brand-black-400 { color: var(--tui-color-brand-black-400); }
250
+ .tui-text-brand-black-500 { color: var(--tui-color-brand-black-500); }
251
+ .tui-text-brand-black-600 { color: var(--tui-color-brand-black-600); }
252
+ .tui-text-brand-black-700 { color: var(--tui-color-brand-black-700); }
253
+ .tui-text-brand-black-800 { color: var(--tui-color-brand-black-800); }
254
+ .tui-text-brand-black-900 { color: var(--tui-color-brand-black-900); }
255
+ .tui-text-brand-black-950 { color: var(--tui-color-brand-black-950); }
256
+ .tui-text-brand-black-default { color: var(--tui-color-brand-black-default); }
257
+ .tui-text-brand-navy-50 { color: var(--tui-color-brand-navy-50); }
258
+ .tui-text-brand-navy-100 { color: var(--tui-color-brand-navy-100); }
259
+ .tui-text-brand-navy-200 { color: var(--tui-color-brand-navy-200); }
260
+ .tui-text-brand-navy-300 { color: var(--tui-color-brand-navy-300); }
261
+ .tui-text-brand-navy-400 { color: var(--tui-color-brand-navy-400); }
262
+ .tui-text-brand-navy-500 { color: var(--tui-color-brand-navy-500); }
263
+ .tui-text-brand-navy-600 { color: var(--tui-color-brand-navy-600); }
264
+ .tui-text-brand-navy-700 { color: var(--tui-color-brand-navy-700); }
265
+ .tui-text-brand-navy-800 { color: var(--tui-color-brand-navy-800); }
266
+ .tui-text-brand-navy-900 { color: var(--tui-color-brand-navy-900); }
267
+ .tui-text-brand-navy-950 { color: var(--tui-color-brand-navy-950); }
268
+ .tui-text-brand-navy-default { color: var(--tui-color-brand-navy-default); }
269
+ .tui-text-brand-blue-50 { color: var(--tui-color-brand-blue-50); }
270
+ .tui-text-brand-blue-100 { color: var(--tui-color-brand-blue-100); }
271
+ .tui-text-brand-blue-200 { color: var(--tui-color-brand-blue-200); }
272
+ .tui-text-brand-blue-300 { color: var(--tui-color-brand-blue-300); }
273
+ .tui-text-brand-blue-400 { color: var(--tui-color-brand-blue-400); }
274
+ .tui-text-brand-blue-500 { color: var(--tui-color-brand-blue-500); }
275
+ .tui-text-brand-blue-600 { color: var(--tui-color-brand-blue-600); }
276
+ .tui-text-brand-blue-700 { color: var(--tui-color-brand-blue-700); }
277
+ .tui-text-brand-blue-800 { color: var(--tui-color-brand-blue-800); }
278
+ .tui-text-brand-blue-900 { color: var(--tui-color-brand-blue-900); }
279
+ .tui-text-brand-blue-950 { color: var(--tui-color-brand-blue-950); }
280
+ .tui-text-brand-blue-default { color: var(--tui-color-brand-blue-default); }
281
+ .tui-text-brand-purple-50 { color: var(--tui-color-brand-purple-50); }
282
+ .tui-text-brand-purple-100 { color: var(--tui-color-brand-purple-100); }
283
+ .tui-text-brand-purple-200 { color: var(--tui-color-brand-purple-200); }
284
+ .tui-text-brand-purple-300 { color: var(--tui-color-brand-purple-300); }
285
+ .tui-text-brand-purple-400 { color: var(--tui-color-brand-purple-400); }
286
+ .tui-text-brand-purple-500 { color: var(--tui-color-brand-purple-500); }
287
+ .tui-text-brand-purple-600 { color: var(--tui-color-brand-purple-600); }
288
+ .tui-text-brand-purple-700 { color: var(--tui-color-brand-purple-700); }
289
+ .tui-text-brand-purple-800 { color: var(--tui-color-brand-purple-800); }
290
+ .tui-text-brand-purple-900 { color: var(--tui-color-brand-purple-900); }
291
+ .tui-text-brand-purple-950 { color: var(--tui-color-brand-purple-950); }
292
+ .tui-text-brand-purple-default { color: var(--tui-color-brand-purple-default); }
293
+ .tui-text-brand-pink-50 { color: var(--tui-color-brand-pink-50); }
294
+ .tui-text-brand-pink-100 { color: var(--tui-color-brand-pink-100); }
295
+ .tui-text-brand-pink-200 { color: var(--tui-color-brand-pink-200); }
296
+ .tui-text-brand-pink-300 { color: var(--tui-color-brand-pink-300); }
297
+ .tui-text-brand-pink-400 { color: var(--tui-color-brand-pink-400); }
298
+ .tui-text-brand-pink-500 { color: var(--tui-color-brand-pink-500); }
299
+ .tui-text-brand-pink-600 { color: var(--tui-color-brand-pink-600); }
300
+ .tui-text-brand-pink-700 { color: var(--tui-color-brand-pink-700); }
301
+ .tui-text-brand-pink-800 { color: var(--tui-color-brand-pink-800); }
302
+ .tui-text-brand-pink-900 { color: var(--tui-color-brand-pink-900); }
303
+ .tui-text-brand-pink-950 { color: var(--tui-color-brand-pink-950); }
304
+ .tui-text-brand-pink-default { color: var(--tui-color-brand-pink-default); }
305
+ .tui-text-brand-gray-50 { color: var(--tui-color-brand-gray-50); }
306
+ .tui-text-brand-gray-100 { color: var(--tui-color-brand-gray-100); }
307
+ .tui-text-brand-gray-200 { color: var(--tui-color-brand-gray-200); }
308
+ .tui-text-brand-gray-300 { color: var(--tui-color-brand-gray-300); }
309
+ .tui-text-brand-gray-400 { color: var(--tui-color-brand-gray-400); }
310
+ .tui-text-brand-gray-500 { color: var(--tui-color-brand-gray-500); }
311
+ .tui-text-brand-gray-600 { color: var(--tui-color-brand-gray-600); }
312
+ .tui-text-brand-gray-700 { color: var(--tui-color-brand-gray-700); }
313
+ .tui-text-brand-gray-800 { color: var(--tui-color-brand-gray-800); }
314
+ .tui-text-brand-gray-900 { color: var(--tui-color-brand-gray-900); }
315
+ .tui-text-brand-gray-950 { color: var(--tui-color-brand-gray-950); }
316
+ .tui-text-brand-gray-default { color: var(--tui-color-brand-gray-default); }
317
+ .tui-text-brand-light-50 { color: var(--tui-color-brand-light-50); }
318
+ .tui-text-brand-light-100 { color: var(--tui-color-brand-light-100); }
319
+ .tui-text-brand-light-200 { color: var(--tui-color-brand-light-200); }
320
+ .tui-text-brand-light-300 { color: var(--tui-color-brand-light-300); }
321
+ .tui-text-brand-light-400 { color: var(--tui-color-brand-light-400); }
322
+ .tui-text-brand-light-500 { color: var(--tui-color-brand-light-500); }
323
+ .tui-text-brand-light-600 { color: var(--tui-color-brand-light-600); }
324
+ .tui-text-brand-light-700 { color: var(--tui-color-brand-light-700); }
325
+ .tui-text-brand-light-800 { color: var(--tui-color-brand-light-800); }
326
+ .tui-text-brand-light-900 { color: var(--tui-color-brand-light-900); }
327
+ .tui-text-brand-light-950 { color: var(--tui-color-brand-light-950); }
328
+ .tui-text-brand-light-default { color: var(--tui-color-brand-light-default); }
329
+ .tui-text-success-50 { color: var(--tui-color-success-50); }
330
+ .tui-text-success-100 { color: var(--tui-color-success-100); }
331
+ .tui-text-success-200 { color: var(--tui-color-success-200); }
332
+ .tui-text-success-300 { color: var(--tui-color-success-300); }
333
+ .tui-text-success-400 { color: var(--tui-color-success-400); }
334
+ .tui-text-success-500 { color: var(--tui-color-success-500); }
335
+ .tui-text-success-600 { color: var(--tui-color-success-600); }
336
+ .tui-text-success-700 { color: var(--tui-color-success-700); }
337
+ .tui-text-success-800 { color: var(--tui-color-success-800); }
338
+ .tui-text-success-900 { color: var(--tui-color-success-900); }
339
+ .tui-text-success-950 { color: var(--tui-color-success-950); }
340
+ .tui-text-success-default { color: var(--tui-color-success-default); }
341
+ .tui-text-warning-50 { color: var(--tui-color-warning-50); }
342
+ .tui-text-warning-100 { color: var(--tui-color-warning-100); }
343
+ .tui-text-warning-200 { color: var(--tui-color-warning-200); }
344
+ .tui-text-warning-300 { color: var(--tui-color-warning-300); }
345
+ .tui-text-warning-400 { color: var(--tui-color-warning-400); }
346
+ .tui-text-warning-500 { color: var(--tui-color-warning-500); }
347
+ .tui-text-warning-600 { color: var(--tui-color-warning-600); }
348
+ .tui-text-warning-700 { color: var(--tui-color-warning-700); }
349
+ .tui-text-warning-800 { color: var(--tui-color-warning-800); }
350
+ .tui-text-warning-900 { color: var(--tui-color-warning-900); }
351
+ .tui-text-warning-950 { color: var(--tui-color-warning-950); }
352
+ .tui-text-warning-default { color: var(--tui-color-warning-default); }
353
+ .tui-text-danger-50 { color: var(--tui-color-danger-50); }
354
+ .tui-text-danger-100 { color: var(--tui-color-danger-100); }
355
+ .tui-text-danger-200 { color: var(--tui-color-danger-200); }
356
+ .tui-text-danger-300 { color: var(--tui-color-danger-300); }
357
+ .tui-text-danger-400 { color: var(--tui-color-danger-400); }
358
+ .tui-text-danger-500 { color: var(--tui-color-danger-500); }
359
+ .tui-text-danger-600 { color: var(--tui-color-danger-600); }
360
+ .tui-text-danger-700 { color: var(--tui-color-danger-700); }
361
+ .tui-text-danger-800 { color: var(--tui-color-danger-800); }
362
+ .tui-text-danger-900 { color: var(--tui-color-danger-900); }
363
+ .tui-text-danger-950 { color: var(--tui-color-danger-950); }
364
+ .tui-text-danger-default { color: var(--tui-color-danger-default); }
365
+ .tui-text-info-50 { color: var(--tui-color-info-50); }
366
+ .tui-text-info-100 { color: var(--tui-color-info-100); }
367
+ .tui-text-info-200 { color: var(--tui-color-info-200); }
368
+ .tui-text-info-300 { color: var(--tui-color-info-300); }
369
+ .tui-text-info-400 { color: var(--tui-color-info-400); }
370
+ .tui-text-info-500 { color: var(--tui-color-info-500); }
371
+ .tui-text-info-600 { color: var(--tui-color-info-600); }
372
+ .tui-text-info-700 { color: var(--tui-color-info-700); }
373
+ .tui-text-info-800 { color: var(--tui-color-info-800); }
374
+ .tui-text-info-900 { color: var(--tui-color-info-900); }
375
+ .tui-text-info-950 { color: var(--tui-color-info-950); }
376
+ .tui-text-info-default { color: var(--tui-color-info-default); }
377
+ .tui-text-teal-50 { color: var(--tui-color-teal-50); }
378
+ .tui-text-teal-100 { color: var(--tui-color-teal-100); }
379
+ .tui-text-teal-200 { color: var(--tui-color-teal-200); }
380
+ .tui-text-teal-300 { color: var(--tui-color-teal-300); }
381
+ .tui-text-teal-400 { color: var(--tui-color-teal-400); }
382
+ .tui-text-teal-500 { color: var(--tui-color-teal-500); }
383
+ .tui-text-teal-600 { color: var(--tui-color-teal-600); }
384
+ .tui-text-teal-700 { color: var(--tui-color-teal-700); }
385
+ .tui-text-teal-800 { color: var(--tui-color-teal-800); }
386
+ .tui-text-teal-900 { color: var(--tui-color-teal-900); }
387
+ .tui-text-teal-950 { color: var(--tui-color-teal-950); }
388
+ .tui-text-teal-default { color: var(--tui-color-teal-default); }
389
+ .tui-text-orange-50 { color: var(--tui-color-orange-50); }
390
+ .tui-text-orange-100 { color: var(--tui-color-orange-100); }
391
+ .tui-text-orange-200 { color: var(--tui-color-orange-200); }
392
+ .tui-text-orange-300 { color: var(--tui-color-orange-300); }
393
+ .tui-text-orange-400 { color: var(--tui-color-orange-400); }
394
+ .tui-text-orange-500 { color: var(--tui-color-orange-500); }
395
+ .tui-text-orange-600 { color: var(--tui-color-orange-600); }
396
+ .tui-text-orange-700 { color: var(--tui-color-orange-700); }
397
+ .tui-text-orange-800 { color: var(--tui-color-orange-800); }
398
+ .tui-text-orange-900 { color: var(--tui-color-orange-900); }
399
+ .tui-text-orange-950 { color: var(--tui-color-orange-950); }
400
+ .tui-text-orange-default { color: var(--tui-color-orange-default); }
401
+ .tui-text-rose-50 { color: var(--tui-color-rose-50); }
402
+ .tui-text-rose-100 { color: var(--tui-color-rose-100); }
403
+ .tui-text-rose-200 { color: var(--tui-color-rose-200); }
404
+ .tui-text-rose-300 { color: var(--tui-color-rose-300); }
405
+ .tui-text-rose-400 { color: var(--tui-color-rose-400); }
406
+ .tui-text-rose-500 { color: var(--tui-color-rose-500); }
407
+ .tui-text-rose-600 { color: var(--tui-color-rose-600); }
408
+ .tui-text-rose-700 { color: var(--tui-color-rose-700); }
409
+ .tui-text-rose-800 { color: var(--tui-color-rose-800); }
410
+ .tui-text-rose-900 { color: var(--tui-color-rose-900); }
411
+ .tui-text-rose-950 { color: var(--tui-color-rose-950); }
412
+ .tui-text-rose-default { color: var(--tui-color-rose-default); }
413
+ .tui-text-indigo-50 { color: var(--tui-color-indigo-50); }
414
+ .tui-text-indigo-100 { color: var(--tui-color-indigo-100); }
415
+ .tui-text-indigo-200 { color: var(--tui-color-indigo-200); }
416
+ .tui-text-indigo-300 { color: var(--tui-color-indigo-300); }
417
+ .tui-text-indigo-400 { color: var(--tui-color-indigo-400); }
418
+ .tui-text-indigo-500 { color: var(--tui-color-indigo-500); }
419
+ .tui-text-indigo-600 { color: var(--tui-color-indigo-600); }
420
+ .tui-text-indigo-700 { color: var(--tui-color-indigo-700); }
421
+ .tui-text-indigo-800 { color: var(--tui-color-indigo-800); }
422
+ .tui-text-indigo-900 { color: var(--tui-color-indigo-900); }
423
+ .tui-text-indigo-950 { color: var(--tui-color-indigo-950); }
424
+ .tui-text-indigo-default { color: var(--tui-color-indigo-default); }
425
+ .tui-text-mint-50 { color: var(--tui-color-mint-50); }
426
+ .tui-text-mint-100 { color: var(--tui-color-mint-100); }
427
+ .tui-text-mint-200 { color: var(--tui-color-mint-200); }
428
+ .tui-text-mint-300 { color: var(--tui-color-mint-300); }
429
+ .tui-text-mint-400 { color: var(--tui-color-mint-400); }
430
+ .tui-text-mint-500 { color: var(--tui-color-mint-500); }
431
+ .tui-text-mint-600 { color: var(--tui-color-mint-600); }
432
+ .tui-text-mint-700 { color: var(--tui-color-mint-700); }
433
+ .tui-text-mint-800 { color: var(--tui-color-mint-800); }
434
+ .tui-text-mint-900 { color: var(--tui-color-mint-900); }
435
+ .tui-text-mint-950 { color: var(--tui-color-mint-950); }
436
+ .tui-text-mint-default { color: var(--tui-color-mint-default); }
437
+ .tui-text-coal-50 { color: var(--tui-color-coal-50); }
438
+ .tui-text-coal-100 { color: var(--tui-color-coal-100); }
439
+ .tui-text-coal-200 { color: var(--tui-color-coal-200); }
440
+ .tui-text-coal-300 { color: var(--tui-color-coal-300); }
441
+ .tui-text-coal-400 { color: var(--tui-color-coal-400); }
442
+ .tui-text-coal-500 { color: var(--tui-color-coal-500); }
443
+ .tui-text-coal-600 { color: var(--tui-color-coal-600); }
444
+ .tui-text-coal-700 { color: var(--tui-color-coal-700); }
445
+ .tui-text-coal-800 { color: var(--tui-color-coal-800); }
446
+ .tui-text-coal-900 { color: var(--tui-color-coal-900); }
447
+ .tui-text-coal-950 { color: var(--tui-color-coal-950); }
448
+ .tui-text-coal-default { color: var(--tui-color-coal-default); }
449
+
450
+ .tui-border-white { border-color: var(--tui-color-white); }
451
+ .tui-border-black { border-color: var(--tui-color-black); }
452
+ .tui-border-brand-white-50 { border-color: var(--tui-color-brand-white-50); }
453
+ .tui-border-brand-white-100 { border-color: var(--tui-color-brand-white-100); }
454
+ .tui-border-brand-white-200 { border-color: var(--tui-color-brand-white-200); }
455
+ .tui-border-brand-white-300 { border-color: var(--tui-color-brand-white-300); }
456
+ .tui-border-brand-white-400 { border-color: var(--tui-color-brand-white-400); }
457
+ .tui-border-brand-white-500 { border-color: var(--tui-color-brand-white-500); }
458
+ .tui-border-brand-white-600 { border-color: var(--tui-color-brand-white-600); }
459
+ .tui-border-brand-white-700 { border-color: var(--tui-color-brand-white-700); }
460
+ .tui-border-brand-white-800 { border-color: var(--tui-color-brand-white-800); }
461
+ .tui-border-brand-white-900 { border-color: var(--tui-color-brand-white-900); }
462
+ .tui-border-brand-white-950 { border-color: var(--tui-color-brand-white-950); }
463
+ .tui-border-brand-white-default { border-color: var(--tui-color-brand-white-default); }
464
+ .tui-border-brand-black-50 { border-color: var(--tui-color-brand-black-50); }
465
+ .tui-border-brand-black-100 { border-color: var(--tui-color-brand-black-100); }
466
+ .tui-border-brand-black-200 { border-color: var(--tui-color-brand-black-200); }
467
+ .tui-border-brand-black-300 { border-color: var(--tui-color-brand-black-300); }
468
+ .tui-border-brand-black-400 { border-color: var(--tui-color-brand-black-400); }
469
+ .tui-border-brand-black-500 { border-color: var(--tui-color-brand-black-500); }
470
+ .tui-border-brand-black-600 { border-color: var(--tui-color-brand-black-600); }
471
+ .tui-border-brand-black-700 { border-color: var(--tui-color-brand-black-700); }
472
+ .tui-border-brand-black-800 { border-color: var(--tui-color-brand-black-800); }
473
+ .tui-border-brand-black-900 { border-color: var(--tui-color-brand-black-900); }
474
+ .tui-border-brand-black-950 { border-color: var(--tui-color-brand-black-950); }
475
+ .tui-border-brand-black-default { border-color: var(--tui-color-brand-black-default); }
476
+ .tui-border-brand-navy-50 { border-color: var(--tui-color-brand-navy-50); }
477
+ .tui-border-brand-navy-100 { border-color: var(--tui-color-brand-navy-100); }
478
+ .tui-border-brand-navy-200 { border-color: var(--tui-color-brand-navy-200); }
479
+ .tui-border-brand-navy-300 { border-color: var(--tui-color-brand-navy-300); }
480
+ .tui-border-brand-navy-400 { border-color: var(--tui-color-brand-navy-400); }
481
+ .tui-border-brand-navy-500 { border-color: var(--tui-color-brand-navy-500); }
482
+ .tui-border-brand-navy-600 { border-color: var(--tui-color-brand-navy-600); }
483
+ .tui-border-brand-navy-700 { border-color: var(--tui-color-brand-navy-700); }
484
+ .tui-border-brand-navy-800 { border-color: var(--tui-color-brand-navy-800); }
485
+ .tui-border-brand-navy-900 { border-color: var(--tui-color-brand-navy-900); }
486
+ .tui-border-brand-navy-950 { border-color: var(--tui-color-brand-navy-950); }
487
+ .tui-border-brand-navy-default { border-color: var(--tui-color-brand-navy-default); }
488
+ .tui-border-brand-blue-50 { border-color: var(--tui-color-brand-blue-50); }
489
+ .tui-border-brand-blue-100 { border-color: var(--tui-color-brand-blue-100); }
490
+ .tui-border-brand-blue-200 { border-color: var(--tui-color-brand-blue-200); }
491
+ .tui-border-brand-blue-300 { border-color: var(--tui-color-brand-blue-300); }
492
+ .tui-border-brand-blue-400 { border-color: var(--tui-color-brand-blue-400); }
493
+ .tui-border-brand-blue-500 { border-color: var(--tui-color-brand-blue-500); }
494
+ .tui-border-brand-blue-600 { border-color: var(--tui-color-brand-blue-600); }
495
+ .tui-border-brand-blue-700 { border-color: var(--tui-color-brand-blue-700); }
496
+ .tui-border-brand-blue-800 { border-color: var(--tui-color-brand-blue-800); }
497
+ .tui-border-brand-blue-900 { border-color: var(--tui-color-brand-blue-900); }
498
+ .tui-border-brand-blue-950 { border-color: var(--tui-color-brand-blue-950); }
499
+ .tui-border-brand-blue-default { border-color: var(--tui-color-brand-blue-default); }
500
+ .tui-border-brand-purple-50 { border-color: var(--tui-color-brand-purple-50); }
501
+ .tui-border-brand-purple-100 { border-color: var(--tui-color-brand-purple-100); }
502
+ .tui-border-brand-purple-200 { border-color: var(--tui-color-brand-purple-200); }
503
+ .tui-border-brand-purple-300 { border-color: var(--tui-color-brand-purple-300); }
504
+ .tui-border-brand-purple-400 { border-color: var(--tui-color-brand-purple-400); }
505
+ .tui-border-brand-purple-500 { border-color: var(--tui-color-brand-purple-500); }
506
+ .tui-border-brand-purple-600 { border-color: var(--tui-color-brand-purple-600); }
507
+ .tui-border-brand-purple-700 { border-color: var(--tui-color-brand-purple-700); }
508
+ .tui-border-brand-purple-800 { border-color: var(--tui-color-brand-purple-800); }
509
+ .tui-border-brand-purple-900 { border-color: var(--tui-color-brand-purple-900); }
510
+ .tui-border-brand-purple-950 { border-color: var(--tui-color-brand-purple-950); }
511
+ .tui-border-brand-purple-default { border-color: var(--tui-color-brand-purple-default); }
512
+ .tui-border-brand-pink-50 { border-color: var(--tui-color-brand-pink-50); }
513
+ .tui-border-brand-pink-100 { border-color: var(--tui-color-brand-pink-100); }
514
+ .tui-border-brand-pink-200 { border-color: var(--tui-color-brand-pink-200); }
515
+ .tui-border-brand-pink-300 { border-color: var(--tui-color-brand-pink-300); }
516
+ .tui-border-brand-pink-400 { border-color: var(--tui-color-brand-pink-400); }
517
+ .tui-border-brand-pink-500 { border-color: var(--tui-color-brand-pink-500); }
518
+ .tui-border-brand-pink-600 { border-color: var(--tui-color-brand-pink-600); }
519
+ .tui-border-brand-pink-700 { border-color: var(--tui-color-brand-pink-700); }
520
+ .tui-border-brand-pink-800 { border-color: var(--tui-color-brand-pink-800); }
521
+ .tui-border-brand-pink-900 { border-color: var(--tui-color-brand-pink-900); }
522
+ .tui-border-brand-pink-950 { border-color: var(--tui-color-brand-pink-950); }
523
+ .tui-border-brand-pink-default { border-color: var(--tui-color-brand-pink-default); }
524
+ .tui-border-brand-gray-50 { border-color: var(--tui-color-brand-gray-50); }
525
+ .tui-border-brand-gray-100 { border-color: var(--tui-color-brand-gray-100); }
526
+ .tui-border-brand-gray-200 { border-color: var(--tui-color-brand-gray-200); }
527
+ .tui-border-brand-gray-300 { border-color: var(--tui-color-brand-gray-300); }
528
+ .tui-border-brand-gray-400 { border-color: var(--tui-color-brand-gray-400); }
529
+ .tui-border-brand-gray-500 { border-color: var(--tui-color-brand-gray-500); }
530
+ .tui-border-brand-gray-600 { border-color: var(--tui-color-brand-gray-600); }
531
+ .tui-border-brand-gray-700 { border-color: var(--tui-color-brand-gray-700); }
532
+ .tui-border-brand-gray-800 { border-color: var(--tui-color-brand-gray-800); }
533
+ .tui-border-brand-gray-900 { border-color: var(--tui-color-brand-gray-900); }
534
+ .tui-border-brand-gray-950 { border-color: var(--tui-color-brand-gray-950); }
535
+ .tui-border-brand-gray-default { border-color: var(--tui-color-brand-gray-default); }
536
+ .tui-border-brand-light-50 { border-color: var(--tui-color-brand-light-50); }
537
+ .tui-border-brand-light-100 { border-color: var(--tui-color-brand-light-100); }
538
+ .tui-border-brand-light-200 { border-color: var(--tui-color-brand-light-200); }
539
+ .tui-border-brand-light-300 { border-color: var(--tui-color-brand-light-300); }
540
+ .tui-border-brand-light-400 { border-color: var(--tui-color-brand-light-400); }
541
+ .tui-border-brand-light-500 { border-color: var(--tui-color-brand-light-500); }
542
+ .tui-border-brand-light-600 { border-color: var(--tui-color-brand-light-600); }
543
+ .tui-border-brand-light-700 { border-color: var(--tui-color-brand-light-700); }
544
+ .tui-border-brand-light-800 { border-color: var(--tui-color-brand-light-800); }
545
+ .tui-border-brand-light-900 { border-color: var(--tui-color-brand-light-900); }
546
+ .tui-border-brand-light-950 { border-color: var(--tui-color-brand-light-950); }
547
+ .tui-border-brand-light-default { border-color: var(--tui-color-brand-light-default); }
548
+ .tui-border-success-50 { border-color: var(--tui-color-success-50); }
549
+ .tui-border-success-100 { border-color: var(--tui-color-success-100); }
550
+ .tui-border-success-200 { border-color: var(--tui-color-success-200); }
551
+ .tui-border-success-300 { border-color: var(--tui-color-success-300); }
552
+ .tui-border-success-400 { border-color: var(--tui-color-success-400); }
553
+ .tui-border-success-500 { border-color: var(--tui-color-success-500); }
554
+ .tui-border-success-600 { border-color: var(--tui-color-success-600); }
555
+ .tui-border-success-700 { border-color: var(--tui-color-success-700); }
556
+ .tui-border-success-800 { border-color: var(--tui-color-success-800); }
557
+ .tui-border-success-900 { border-color: var(--tui-color-success-900); }
558
+ .tui-border-success-950 { border-color: var(--tui-color-success-950); }
559
+ .tui-border-success-default { border-color: var(--tui-color-success-default); }
560
+ .tui-border-warning-50 { border-color: var(--tui-color-warning-50); }
561
+ .tui-border-warning-100 { border-color: var(--tui-color-warning-100); }
562
+ .tui-border-warning-200 { border-color: var(--tui-color-warning-200); }
563
+ .tui-border-warning-300 { border-color: var(--tui-color-warning-300); }
564
+ .tui-border-warning-400 { border-color: var(--tui-color-warning-400); }
565
+ .tui-border-warning-500 { border-color: var(--tui-color-warning-500); }
566
+ .tui-border-warning-600 { border-color: var(--tui-color-warning-600); }
567
+ .tui-border-warning-700 { border-color: var(--tui-color-warning-700); }
568
+ .tui-border-warning-800 { border-color: var(--tui-color-warning-800); }
569
+ .tui-border-warning-900 { border-color: var(--tui-color-warning-900); }
570
+ .tui-border-warning-950 { border-color: var(--tui-color-warning-950); }
571
+ .tui-border-warning-default { border-color: var(--tui-color-warning-default); }
572
+ .tui-border-danger-50 { border-color: var(--tui-color-danger-50); }
573
+ .tui-border-danger-100 { border-color: var(--tui-color-danger-100); }
574
+ .tui-border-danger-200 { border-color: var(--tui-color-danger-200); }
575
+ .tui-border-danger-300 { border-color: var(--tui-color-danger-300); }
576
+ .tui-border-danger-400 { border-color: var(--tui-color-danger-400); }
577
+ .tui-border-danger-500 { border-color: var(--tui-color-danger-500); }
578
+ .tui-border-danger-600 { border-color: var(--tui-color-danger-600); }
579
+ .tui-border-danger-700 { border-color: var(--tui-color-danger-700); }
580
+ .tui-border-danger-800 { border-color: var(--tui-color-danger-800); }
581
+ .tui-border-danger-900 { border-color: var(--tui-color-danger-900); }
582
+ .tui-border-danger-950 { border-color: var(--tui-color-danger-950); }
583
+ .tui-border-danger-default { border-color: var(--tui-color-danger-default); }
584
+ .tui-border-info-50 { border-color: var(--tui-color-info-50); }
585
+ .tui-border-info-100 { border-color: var(--tui-color-info-100); }
586
+ .tui-border-info-200 { border-color: var(--tui-color-info-200); }
587
+ .tui-border-info-300 { border-color: var(--tui-color-info-300); }
588
+ .tui-border-info-400 { border-color: var(--tui-color-info-400); }
589
+ .tui-border-info-500 { border-color: var(--tui-color-info-500); }
590
+ .tui-border-info-600 { border-color: var(--tui-color-info-600); }
591
+ .tui-border-info-700 { border-color: var(--tui-color-info-700); }
592
+ .tui-border-info-800 { border-color: var(--tui-color-info-800); }
593
+ .tui-border-info-900 { border-color: var(--tui-color-info-900); }
594
+ .tui-border-info-950 { border-color: var(--tui-color-info-950); }
595
+ .tui-border-info-default { border-color: var(--tui-color-info-default); }
596
+ .tui-border-teal-50 { border-color: var(--tui-color-teal-50); }
597
+ .tui-border-teal-100 { border-color: var(--tui-color-teal-100); }
598
+ .tui-border-teal-200 { border-color: var(--tui-color-teal-200); }
599
+ .tui-border-teal-300 { border-color: var(--tui-color-teal-300); }
600
+ .tui-border-teal-400 { border-color: var(--tui-color-teal-400); }
601
+ .tui-border-teal-500 { border-color: var(--tui-color-teal-500); }
602
+ .tui-border-teal-600 { border-color: var(--tui-color-teal-600); }
603
+ .tui-border-teal-700 { border-color: var(--tui-color-teal-700); }
604
+ .tui-border-teal-800 { border-color: var(--tui-color-teal-800); }
605
+ .tui-border-teal-900 { border-color: var(--tui-color-teal-900); }
606
+ .tui-border-teal-950 { border-color: var(--tui-color-teal-950); }
607
+ .tui-border-teal-default { border-color: var(--tui-color-teal-default); }
608
+ .tui-border-orange-50 { border-color: var(--tui-color-orange-50); }
609
+ .tui-border-orange-100 { border-color: var(--tui-color-orange-100); }
610
+ .tui-border-orange-200 { border-color: var(--tui-color-orange-200); }
611
+ .tui-border-orange-300 { border-color: var(--tui-color-orange-300); }
612
+ .tui-border-orange-400 { border-color: var(--tui-color-orange-400); }
613
+ .tui-border-orange-500 { border-color: var(--tui-color-orange-500); }
614
+ .tui-border-orange-600 { border-color: var(--tui-color-orange-600); }
615
+ .tui-border-orange-700 { border-color: var(--tui-color-orange-700); }
616
+ .tui-border-orange-800 { border-color: var(--tui-color-orange-800); }
617
+ .tui-border-orange-900 { border-color: var(--tui-color-orange-900); }
618
+ .tui-border-orange-950 { border-color: var(--tui-color-orange-950); }
619
+ .tui-border-orange-default { border-color: var(--tui-color-orange-default); }
620
+ .tui-border-rose-50 { border-color: var(--tui-color-rose-50); }
621
+ .tui-border-rose-100 { border-color: var(--tui-color-rose-100); }
622
+ .tui-border-rose-200 { border-color: var(--tui-color-rose-200); }
623
+ .tui-border-rose-300 { border-color: var(--tui-color-rose-300); }
624
+ .tui-border-rose-400 { border-color: var(--tui-color-rose-400); }
625
+ .tui-border-rose-500 { border-color: var(--tui-color-rose-500); }
626
+ .tui-border-rose-600 { border-color: var(--tui-color-rose-600); }
627
+ .tui-border-rose-700 { border-color: var(--tui-color-rose-700); }
628
+ .tui-border-rose-800 { border-color: var(--tui-color-rose-800); }
629
+ .tui-border-rose-900 { border-color: var(--tui-color-rose-900); }
630
+ .tui-border-rose-950 { border-color: var(--tui-color-rose-950); }
631
+ .tui-border-rose-default { border-color: var(--tui-color-rose-default); }
632
+ .tui-border-indigo-50 { border-color: var(--tui-color-indigo-50); }
633
+ .tui-border-indigo-100 { border-color: var(--tui-color-indigo-100); }
634
+ .tui-border-indigo-200 { border-color: var(--tui-color-indigo-200); }
635
+ .tui-border-indigo-300 { border-color: var(--tui-color-indigo-300); }
636
+ .tui-border-indigo-400 { border-color: var(--tui-color-indigo-400); }
637
+ .tui-border-indigo-500 { border-color: var(--tui-color-indigo-500); }
638
+ .tui-border-indigo-600 { border-color: var(--tui-color-indigo-600); }
639
+ .tui-border-indigo-700 { border-color: var(--tui-color-indigo-700); }
640
+ .tui-border-indigo-800 { border-color: var(--tui-color-indigo-800); }
641
+ .tui-border-indigo-900 { border-color: var(--tui-color-indigo-900); }
642
+ .tui-border-indigo-950 { border-color: var(--tui-color-indigo-950); }
643
+ .tui-border-indigo-default { border-color: var(--tui-color-indigo-default); }
644
+ .tui-border-mint-50 { border-color: var(--tui-color-mint-50); }
645
+ .tui-border-mint-100 { border-color: var(--tui-color-mint-100); }
646
+ .tui-border-mint-200 { border-color: var(--tui-color-mint-200); }
647
+ .tui-border-mint-300 { border-color: var(--tui-color-mint-300); }
648
+ .tui-border-mint-400 { border-color: var(--tui-color-mint-400); }
649
+ .tui-border-mint-500 { border-color: var(--tui-color-mint-500); }
650
+ .tui-border-mint-600 { border-color: var(--tui-color-mint-600); }
651
+ .tui-border-mint-700 { border-color: var(--tui-color-mint-700); }
652
+ .tui-border-mint-800 { border-color: var(--tui-color-mint-800); }
653
+ .tui-border-mint-900 { border-color: var(--tui-color-mint-900); }
654
+ .tui-border-mint-950 { border-color: var(--tui-color-mint-950); }
655
+ .tui-border-mint-default { border-color: var(--tui-color-mint-default); }
656
+ .tui-border-coal-50 { border-color: var(--tui-color-coal-50); }
657
+ .tui-border-coal-100 { border-color: var(--tui-color-coal-100); }
658
+ .tui-border-coal-200 { border-color: var(--tui-color-coal-200); }
659
+ .tui-border-coal-300 { border-color: var(--tui-color-coal-300); }
660
+ .tui-border-coal-400 { border-color: var(--tui-color-coal-400); }
661
+ .tui-border-coal-500 { border-color: var(--tui-color-coal-500); }
662
+ .tui-border-coal-600 { border-color: var(--tui-color-coal-600); }
663
+ .tui-border-coal-700 { border-color: var(--tui-color-coal-700); }
664
+ .tui-border-coal-800 { border-color: var(--tui-color-coal-800); }
665
+ .tui-border-coal-900 { border-color: var(--tui-color-coal-900); }
666
+ .tui-border-coal-950 { border-color: var(--tui-color-coal-950); }
667
+ .tui-border-coal-default { border-color: var(--tui-color-coal-default); }
668
+
669
+ .tui-p-0 { padding: var(--tui-spacing-0); }
670
+ .tui-px-0 { padding-left: var(--tui-spacing-0); padding-right: var(--tui-spacing-0); }
671
+ .tui-py-0 { padding-top: var(--tui-spacing-0); padding-bottom: var(--tui-spacing-0); }
672
+ .tui-pt-0 { padding-top: var(--tui-spacing-0); }
673
+ .tui-pr-0 { padding-right: var(--tui-spacing-0); }
674
+ .tui-pb-0 { padding-bottom: var(--tui-spacing-0); }
675
+ .tui-pl-0 { padding-left: var(--tui-spacing-0); }
676
+ .tui-p-1 { padding: var(--tui-spacing-1); }
677
+ .tui-px-1 { padding-left: var(--tui-spacing-1); padding-right: var(--tui-spacing-1); }
678
+ .tui-py-1 { padding-top: var(--tui-spacing-1); padding-bottom: var(--tui-spacing-1); }
679
+ .tui-pt-1 { padding-top: var(--tui-spacing-1); }
680
+ .tui-pr-1 { padding-right: var(--tui-spacing-1); }
681
+ .tui-pb-1 { padding-bottom: var(--tui-spacing-1); }
682
+ .tui-pl-1 { padding-left: var(--tui-spacing-1); }
683
+ .tui-p-2 { padding: var(--tui-spacing-2); }
684
+ .tui-px-2 { padding-left: var(--tui-spacing-2); padding-right: var(--tui-spacing-2); }
685
+ .tui-py-2 { padding-top: var(--tui-spacing-2); padding-bottom: var(--tui-spacing-2); }
686
+ .tui-pt-2 { padding-top: var(--tui-spacing-2); }
687
+ .tui-pr-2 { padding-right: var(--tui-spacing-2); }
688
+ .tui-pb-2 { padding-bottom: var(--tui-spacing-2); }
689
+ .tui-pl-2 { padding-left: var(--tui-spacing-2); }
690
+ .tui-p-3 { padding: var(--tui-spacing-3); }
691
+ .tui-px-3 { padding-left: var(--tui-spacing-3); padding-right: var(--tui-spacing-3); }
692
+ .tui-py-3 { padding-top: var(--tui-spacing-3); padding-bottom: var(--tui-spacing-3); }
693
+ .tui-pt-3 { padding-top: var(--tui-spacing-3); }
694
+ .tui-pr-3 { padding-right: var(--tui-spacing-3); }
695
+ .tui-pb-3 { padding-bottom: var(--tui-spacing-3); }
696
+ .tui-pl-3 { padding-left: var(--tui-spacing-3); }
697
+ .tui-p-4 { padding: var(--tui-spacing-4); }
698
+ .tui-px-4 { padding-left: var(--tui-spacing-4); padding-right: var(--tui-spacing-4); }
699
+ .tui-py-4 { padding-top: var(--tui-spacing-4); padding-bottom: var(--tui-spacing-4); }
700
+ .tui-pt-4 { padding-top: var(--tui-spacing-4); }
701
+ .tui-pr-4 { padding-right: var(--tui-spacing-4); }
702
+ .tui-pb-4 { padding-bottom: var(--tui-spacing-4); }
703
+ .tui-pl-4 { padding-left: var(--tui-spacing-4); }
704
+ .tui-p-5 { padding: var(--tui-spacing-5); }
705
+ .tui-px-5 { padding-left: var(--tui-spacing-5); padding-right: var(--tui-spacing-5); }
706
+ .tui-py-5 { padding-top: var(--tui-spacing-5); padding-bottom: var(--tui-spacing-5); }
707
+ .tui-pt-5 { padding-top: var(--tui-spacing-5); }
708
+ .tui-pr-5 { padding-right: var(--tui-spacing-5); }
709
+ .tui-pb-5 { padding-bottom: var(--tui-spacing-5); }
710
+ .tui-pl-5 { padding-left: var(--tui-spacing-5); }
711
+ .tui-p-6 { padding: var(--tui-spacing-6); }
712
+ .tui-px-6 { padding-left: var(--tui-spacing-6); padding-right: var(--tui-spacing-6); }
713
+ .tui-py-6 { padding-top: var(--tui-spacing-6); padding-bottom: var(--tui-spacing-6); }
714
+ .tui-pt-6 { padding-top: var(--tui-spacing-6); }
715
+ .tui-pr-6 { padding-right: var(--tui-spacing-6); }
716
+ .tui-pb-6 { padding-bottom: var(--tui-spacing-6); }
717
+ .tui-pl-6 { padding-left: var(--tui-spacing-6); }
718
+ .tui-p-7 { padding: var(--tui-spacing-7); }
719
+ .tui-px-7 { padding-left: var(--tui-spacing-7); padding-right: var(--tui-spacing-7); }
720
+ .tui-py-7 { padding-top: var(--tui-spacing-7); padding-bottom: var(--tui-spacing-7); }
721
+ .tui-pt-7 { padding-top: var(--tui-spacing-7); }
722
+ .tui-pr-7 { padding-right: var(--tui-spacing-7); }
723
+ .tui-pb-7 { padding-bottom: var(--tui-spacing-7); }
724
+ .tui-pl-7 { padding-left: var(--tui-spacing-7); }
725
+ .tui-p-8 { padding: var(--tui-spacing-8); }
726
+ .tui-px-8 { padding-left: var(--tui-spacing-8); padding-right: var(--tui-spacing-8); }
727
+ .tui-py-8 { padding-top: var(--tui-spacing-8); padding-bottom: var(--tui-spacing-8); }
728
+ .tui-pt-8 { padding-top: var(--tui-spacing-8); }
729
+ .tui-pr-8 { padding-right: var(--tui-spacing-8); }
730
+ .tui-pb-8 { padding-bottom: var(--tui-spacing-8); }
731
+ .tui-pl-8 { padding-left: var(--tui-spacing-8); }
732
+ .tui-p-9 { padding: var(--tui-spacing-9); }
733
+ .tui-px-9 { padding-left: var(--tui-spacing-9); padding-right: var(--tui-spacing-9); }
734
+ .tui-py-9 { padding-top: var(--tui-spacing-9); padding-bottom: var(--tui-spacing-9); }
735
+ .tui-pt-9 { padding-top: var(--tui-spacing-9); }
736
+ .tui-pr-9 { padding-right: var(--tui-spacing-9); }
737
+ .tui-pb-9 { padding-bottom: var(--tui-spacing-9); }
738
+ .tui-pl-9 { padding-left: var(--tui-spacing-9); }
739
+ .tui-p-10 { padding: var(--tui-spacing-10); }
740
+ .tui-px-10 { padding-left: var(--tui-spacing-10); padding-right: var(--tui-spacing-10); }
741
+ .tui-py-10 { padding-top: var(--tui-spacing-10); padding-bottom: var(--tui-spacing-10); }
742
+ .tui-pt-10 { padding-top: var(--tui-spacing-10); }
743
+ .tui-pr-10 { padding-right: var(--tui-spacing-10); }
744
+ .tui-pb-10 { padding-bottom: var(--tui-spacing-10); }
745
+ .tui-pl-10 { padding-left: var(--tui-spacing-10); }
746
+ .tui-p-11 { padding: var(--tui-spacing-11); }
747
+ .tui-px-11 { padding-left: var(--tui-spacing-11); padding-right: var(--tui-spacing-11); }
748
+ .tui-py-11 { padding-top: var(--tui-spacing-11); padding-bottom: var(--tui-spacing-11); }
749
+ .tui-pt-11 { padding-top: var(--tui-spacing-11); }
750
+ .tui-pr-11 { padding-right: var(--tui-spacing-11); }
751
+ .tui-pb-11 { padding-bottom: var(--tui-spacing-11); }
752
+ .tui-pl-11 { padding-left: var(--tui-spacing-11); }
753
+ .tui-p-12 { padding: var(--tui-spacing-12); }
754
+ .tui-px-12 { padding-left: var(--tui-spacing-12); padding-right: var(--tui-spacing-12); }
755
+ .tui-py-12 { padding-top: var(--tui-spacing-12); padding-bottom: var(--tui-spacing-12); }
756
+ .tui-pt-12 { padding-top: var(--tui-spacing-12); }
757
+ .tui-pr-12 { padding-right: var(--tui-spacing-12); }
758
+ .tui-pb-12 { padding-bottom: var(--tui-spacing-12); }
759
+ .tui-pl-12 { padding-left: var(--tui-spacing-12); }
760
+ .tui-p-14 { padding: var(--tui-spacing-14); }
761
+ .tui-px-14 { padding-left: var(--tui-spacing-14); padding-right: var(--tui-spacing-14); }
762
+ .tui-py-14 { padding-top: var(--tui-spacing-14); padding-bottom: var(--tui-spacing-14); }
763
+ .tui-pt-14 { padding-top: var(--tui-spacing-14); }
764
+ .tui-pr-14 { padding-right: var(--tui-spacing-14); }
765
+ .tui-pb-14 { padding-bottom: var(--tui-spacing-14); }
766
+ .tui-pl-14 { padding-left: var(--tui-spacing-14); }
767
+ .tui-p-16 { padding: var(--tui-spacing-16); }
768
+ .tui-px-16 { padding-left: var(--tui-spacing-16); padding-right: var(--tui-spacing-16); }
769
+ .tui-py-16 { padding-top: var(--tui-spacing-16); padding-bottom: var(--tui-spacing-16); }
770
+ .tui-pt-16 { padding-top: var(--tui-spacing-16); }
771
+ .tui-pr-16 { padding-right: var(--tui-spacing-16); }
772
+ .tui-pb-16 { padding-bottom: var(--tui-spacing-16); }
773
+ .tui-pl-16 { padding-left: var(--tui-spacing-16); }
774
+ .tui-p-20 { padding: var(--tui-spacing-20); }
775
+ .tui-px-20 { padding-left: var(--tui-spacing-20); padding-right: var(--tui-spacing-20); }
776
+ .tui-py-20 { padding-top: var(--tui-spacing-20); padding-bottom: var(--tui-spacing-20); }
777
+ .tui-pt-20 { padding-top: var(--tui-spacing-20); }
778
+ .tui-pr-20 { padding-right: var(--tui-spacing-20); }
779
+ .tui-pb-20 { padding-bottom: var(--tui-spacing-20); }
780
+ .tui-pl-20 { padding-left: var(--tui-spacing-20); }
781
+ .tui-p-24 { padding: var(--tui-spacing-24); }
782
+ .tui-px-24 { padding-left: var(--tui-spacing-24); padding-right: var(--tui-spacing-24); }
783
+ .tui-py-24 { padding-top: var(--tui-spacing-24); padding-bottom: var(--tui-spacing-24); }
784
+ .tui-pt-24 { padding-top: var(--tui-spacing-24); }
785
+ .tui-pr-24 { padding-right: var(--tui-spacing-24); }
786
+ .tui-pb-24 { padding-bottom: var(--tui-spacing-24); }
787
+ .tui-pl-24 { padding-left: var(--tui-spacing-24); }
788
+ .tui-p-28 { padding: var(--tui-spacing-28); }
789
+ .tui-px-28 { padding-left: var(--tui-spacing-28); padding-right: var(--tui-spacing-28); }
790
+ .tui-py-28 { padding-top: var(--tui-spacing-28); padding-bottom: var(--tui-spacing-28); }
791
+ .tui-pt-28 { padding-top: var(--tui-spacing-28); }
792
+ .tui-pr-28 { padding-right: var(--tui-spacing-28); }
793
+ .tui-pb-28 { padding-bottom: var(--tui-spacing-28); }
794
+ .tui-pl-28 { padding-left: var(--tui-spacing-28); }
795
+ .tui-p-32 { padding: var(--tui-spacing-32); }
796
+ .tui-px-32 { padding-left: var(--tui-spacing-32); padding-right: var(--tui-spacing-32); }
797
+ .tui-py-32 { padding-top: var(--tui-spacing-32); padding-bottom: var(--tui-spacing-32); }
798
+ .tui-pt-32 { padding-top: var(--tui-spacing-32); }
799
+ .tui-pr-32 { padding-right: var(--tui-spacing-32); }
800
+ .tui-pb-32 { padding-bottom: var(--tui-spacing-32); }
801
+ .tui-pl-32 { padding-left: var(--tui-spacing-32); }
802
+ .tui-p-36 { padding: var(--tui-spacing-36); }
803
+ .tui-px-36 { padding-left: var(--tui-spacing-36); padding-right: var(--tui-spacing-36); }
804
+ .tui-py-36 { padding-top: var(--tui-spacing-36); padding-bottom: var(--tui-spacing-36); }
805
+ .tui-pt-36 { padding-top: var(--tui-spacing-36); }
806
+ .tui-pr-36 { padding-right: var(--tui-spacing-36); }
807
+ .tui-pb-36 { padding-bottom: var(--tui-spacing-36); }
808
+ .tui-pl-36 { padding-left: var(--tui-spacing-36); }
809
+ .tui-p-40 { padding: var(--tui-spacing-40); }
810
+ .tui-px-40 { padding-left: var(--tui-spacing-40); padding-right: var(--tui-spacing-40); }
811
+ .tui-py-40 { padding-top: var(--tui-spacing-40); padding-bottom: var(--tui-spacing-40); }
812
+ .tui-pt-40 { padding-top: var(--tui-spacing-40); }
813
+ .tui-pr-40 { padding-right: var(--tui-spacing-40); }
814
+ .tui-pb-40 { padding-bottom: var(--tui-spacing-40); }
815
+ .tui-pl-40 { padding-left: var(--tui-spacing-40); }
816
+ .tui-p-44 { padding: var(--tui-spacing-44); }
817
+ .tui-px-44 { padding-left: var(--tui-spacing-44); padding-right: var(--tui-spacing-44); }
818
+ .tui-py-44 { padding-top: var(--tui-spacing-44); padding-bottom: var(--tui-spacing-44); }
819
+ .tui-pt-44 { padding-top: var(--tui-spacing-44); }
820
+ .tui-pr-44 { padding-right: var(--tui-spacing-44); }
821
+ .tui-pb-44 { padding-bottom: var(--tui-spacing-44); }
822
+ .tui-pl-44 { padding-left: var(--tui-spacing-44); }
823
+ .tui-p-48 { padding: var(--tui-spacing-48); }
824
+ .tui-px-48 { padding-left: var(--tui-spacing-48); padding-right: var(--tui-spacing-48); }
825
+ .tui-py-48 { padding-top: var(--tui-spacing-48); padding-bottom: var(--tui-spacing-48); }
826
+ .tui-pt-48 { padding-top: var(--tui-spacing-48); }
827
+ .tui-pr-48 { padding-right: var(--tui-spacing-48); }
828
+ .tui-pb-48 { padding-bottom: var(--tui-spacing-48); }
829
+ .tui-pl-48 { padding-left: var(--tui-spacing-48); }
830
+ .tui-p-52 { padding: var(--tui-spacing-52); }
831
+ .tui-px-52 { padding-left: var(--tui-spacing-52); padding-right: var(--tui-spacing-52); }
832
+ .tui-py-52 { padding-top: var(--tui-spacing-52); padding-bottom: var(--tui-spacing-52); }
833
+ .tui-pt-52 { padding-top: var(--tui-spacing-52); }
834
+ .tui-pr-52 { padding-right: var(--tui-spacing-52); }
835
+ .tui-pb-52 { padding-bottom: var(--tui-spacing-52); }
836
+ .tui-pl-52 { padding-left: var(--tui-spacing-52); }
837
+ .tui-p-56 { padding: var(--tui-spacing-56); }
838
+ .tui-px-56 { padding-left: var(--tui-spacing-56); padding-right: var(--tui-spacing-56); }
839
+ .tui-py-56 { padding-top: var(--tui-spacing-56); padding-bottom: var(--tui-spacing-56); }
840
+ .tui-pt-56 { padding-top: var(--tui-spacing-56); }
841
+ .tui-pr-56 { padding-right: var(--tui-spacing-56); }
842
+ .tui-pb-56 { padding-bottom: var(--tui-spacing-56); }
843
+ .tui-pl-56 { padding-left: var(--tui-spacing-56); }
844
+ .tui-p-60 { padding: var(--tui-spacing-60); }
845
+ .tui-px-60 { padding-left: var(--tui-spacing-60); padding-right: var(--tui-spacing-60); }
846
+ .tui-py-60 { padding-top: var(--tui-spacing-60); padding-bottom: var(--tui-spacing-60); }
847
+ .tui-pt-60 { padding-top: var(--tui-spacing-60); }
848
+ .tui-pr-60 { padding-right: var(--tui-spacing-60); }
849
+ .tui-pb-60 { padding-bottom: var(--tui-spacing-60); }
850
+ .tui-pl-60 { padding-left: var(--tui-spacing-60); }
851
+ .tui-p-64 { padding: var(--tui-spacing-64); }
852
+ .tui-px-64 { padding-left: var(--tui-spacing-64); padding-right: var(--tui-spacing-64); }
853
+ .tui-py-64 { padding-top: var(--tui-spacing-64); padding-bottom: var(--tui-spacing-64); }
854
+ .tui-pt-64 { padding-top: var(--tui-spacing-64); }
855
+ .tui-pr-64 { padding-right: var(--tui-spacing-64); }
856
+ .tui-pb-64 { padding-bottom: var(--tui-spacing-64); }
857
+ .tui-pl-64 { padding-left: var(--tui-spacing-64); }
858
+ .tui-p-72 { padding: var(--tui-spacing-72); }
859
+ .tui-px-72 { padding-left: var(--tui-spacing-72); padding-right: var(--tui-spacing-72); }
860
+ .tui-py-72 { padding-top: var(--tui-spacing-72); padding-bottom: var(--tui-spacing-72); }
861
+ .tui-pt-72 { padding-top: var(--tui-spacing-72); }
862
+ .tui-pr-72 { padding-right: var(--tui-spacing-72); }
863
+ .tui-pb-72 { padding-bottom: var(--tui-spacing-72); }
864
+ .tui-pl-72 { padding-left: var(--tui-spacing-72); }
865
+ .tui-p-80 { padding: var(--tui-spacing-80); }
866
+ .tui-px-80 { padding-left: var(--tui-spacing-80); padding-right: var(--tui-spacing-80); }
867
+ .tui-py-80 { padding-top: var(--tui-spacing-80); padding-bottom: var(--tui-spacing-80); }
868
+ .tui-pt-80 { padding-top: var(--tui-spacing-80); }
869
+ .tui-pr-80 { padding-right: var(--tui-spacing-80); }
870
+ .tui-pb-80 { padding-bottom: var(--tui-spacing-80); }
871
+ .tui-pl-80 { padding-left: var(--tui-spacing-80); }
872
+ .tui-p-96 { padding: var(--tui-spacing-96); }
873
+ .tui-px-96 { padding-left: var(--tui-spacing-96); padding-right: var(--tui-spacing-96); }
874
+ .tui-py-96 { padding-top: var(--tui-spacing-96); padding-bottom: var(--tui-spacing-96); }
875
+ .tui-pt-96 { padding-top: var(--tui-spacing-96); }
876
+ .tui-pr-96 { padding-right: var(--tui-spacing-96); }
877
+ .tui-pb-96 { padding-bottom: var(--tui-spacing-96); }
878
+ .tui-pl-96 { padding-left: var(--tui-spacing-96); }
879
+ .tui-p-px { padding: var(--tui-spacing-px); }
880
+ .tui-px-px { padding-left: var(--tui-spacing-px); padding-right: var(--tui-spacing-px); }
881
+ .tui-py-px { padding-top: var(--tui-spacing-px); padding-bottom: var(--tui-spacing-px); }
882
+ .tui-pt-px { padding-top: var(--tui-spacing-px); }
883
+ .tui-pr-px { padding-right: var(--tui-spacing-px); }
884
+ .tui-pb-px { padding-bottom: var(--tui-spacing-px); }
885
+ .tui-pl-px { padding-left: var(--tui-spacing-px); }
886
+ .tui-p-0_5 { padding: var(--tui-spacing-0_5); }
887
+ .tui-px-0_5 { padding-left: var(--tui-spacing-0_5); padding-right: var(--tui-spacing-0_5); }
888
+ .tui-py-0_5 { padding-top: var(--tui-spacing-0_5); padding-bottom: var(--tui-spacing-0_5); }
889
+ .tui-pt-0_5 { padding-top: var(--tui-spacing-0_5); }
890
+ .tui-pr-0_5 { padding-right: var(--tui-spacing-0_5); }
891
+ .tui-pb-0_5 { padding-bottom: var(--tui-spacing-0_5); }
892
+ .tui-pl-0_5 { padding-left: var(--tui-spacing-0_5); }
893
+ .tui-p-1_5 { padding: var(--tui-spacing-1_5); }
894
+ .tui-px-1_5 { padding-left: var(--tui-spacing-1_5); padding-right: var(--tui-spacing-1_5); }
895
+ .tui-py-1_5 { padding-top: var(--tui-spacing-1_5); padding-bottom: var(--tui-spacing-1_5); }
896
+ .tui-pt-1_5 { padding-top: var(--tui-spacing-1_5); }
897
+ .tui-pr-1_5 { padding-right: var(--tui-spacing-1_5); }
898
+ .tui-pb-1_5 { padding-bottom: var(--tui-spacing-1_5); }
899
+ .tui-pl-1_5 { padding-left: var(--tui-spacing-1_5); }
900
+ .tui-p-2_5 { padding: var(--tui-spacing-2_5); }
901
+ .tui-px-2_5 { padding-left: var(--tui-spacing-2_5); padding-right: var(--tui-spacing-2_5); }
902
+ .tui-py-2_5 { padding-top: var(--tui-spacing-2_5); padding-bottom: var(--tui-spacing-2_5); }
903
+ .tui-pt-2_5 { padding-top: var(--tui-spacing-2_5); }
904
+ .tui-pr-2_5 { padding-right: var(--tui-spacing-2_5); }
905
+ .tui-pb-2_5 { padding-bottom: var(--tui-spacing-2_5); }
906
+ .tui-pl-2_5 { padding-left: var(--tui-spacing-2_5); }
907
+ .tui-p-3_5 { padding: var(--tui-spacing-3_5); }
908
+ .tui-px-3_5 { padding-left: var(--tui-spacing-3_5); padding-right: var(--tui-spacing-3_5); }
909
+ .tui-py-3_5 { padding-top: var(--tui-spacing-3_5); padding-bottom: var(--tui-spacing-3_5); }
910
+ .tui-pt-3_5 { padding-top: var(--tui-spacing-3_5); }
911
+ .tui-pr-3_5 { padding-right: var(--tui-spacing-3_5); }
912
+ .tui-pb-3_5 { padding-bottom: var(--tui-spacing-3_5); }
913
+ .tui-pl-3_5 { padding-left: var(--tui-spacing-3_5); }
914
+ .tui-p-component-xs { padding: var(--tui-spacing-component-xs); }
915
+ .tui-px-component-xs { padding-left: var(--tui-spacing-component-xs); padding-right: var(--tui-spacing-component-xs); }
916
+ .tui-py-component-xs { padding-top: var(--tui-spacing-component-xs); padding-bottom: var(--tui-spacing-component-xs); }
917
+ .tui-pt-component-xs { padding-top: var(--tui-spacing-component-xs); }
918
+ .tui-pr-component-xs { padding-right: var(--tui-spacing-component-xs); }
919
+ .tui-pb-component-xs { padding-bottom: var(--tui-spacing-component-xs); }
920
+ .tui-pl-component-xs { padding-left: var(--tui-spacing-component-xs); }
921
+ .tui-p-component-sm { padding: var(--tui-spacing-component-sm); }
922
+ .tui-px-component-sm { padding-left: var(--tui-spacing-component-sm); padding-right: var(--tui-spacing-component-sm); }
923
+ .tui-py-component-sm { padding-top: var(--tui-spacing-component-sm); padding-bottom: var(--tui-spacing-component-sm); }
924
+ .tui-pt-component-sm { padding-top: var(--tui-spacing-component-sm); }
925
+ .tui-pr-component-sm { padding-right: var(--tui-spacing-component-sm); }
926
+ .tui-pb-component-sm { padding-bottom: var(--tui-spacing-component-sm); }
927
+ .tui-pl-component-sm { padding-left: var(--tui-spacing-component-sm); }
928
+ .tui-p-component-md { padding: var(--tui-spacing-component-md); }
929
+ .tui-px-component-md { padding-left: var(--tui-spacing-component-md); padding-right: var(--tui-spacing-component-md); }
930
+ .tui-py-component-md { padding-top: var(--tui-spacing-component-md); padding-bottom: var(--tui-spacing-component-md); }
931
+ .tui-pt-component-md { padding-top: var(--tui-spacing-component-md); }
932
+ .tui-pr-component-md { padding-right: var(--tui-spacing-component-md); }
933
+ .tui-pb-component-md { padding-bottom: var(--tui-spacing-component-md); }
934
+ .tui-pl-component-md { padding-left: var(--tui-spacing-component-md); }
935
+ .tui-p-component-lg { padding: var(--tui-spacing-component-lg); }
936
+ .tui-px-component-lg { padding-left: var(--tui-spacing-component-lg); padding-right: var(--tui-spacing-component-lg); }
937
+ .tui-py-component-lg { padding-top: var(--tui-spacing-component-lg); padding-bottom: var(--tui-spacing-component-lg); }
938
+ .tui-pt-component-lg { padding-top: var(--tui-spacing-component-lg); }
939
+ .tui-pr-component-lg { padding-right: var(--tui-spacing-component-lg); }
940
+ .tui-pb-component-lg { padding-bottom: var(--tui-spacing-component-lg); }
941
+ .tui-pl-component-lg { padding-left: var(--tui-spacing-component-lg); }
942
+ .tui-p-component-xl { padding: var(--tui-spacing-component-xl); }
943
+ .tui-px-component-xl { padding-left: var(--tui-spacing-component-xl); padding-right: var(--tui-spacing-component-xl); }
944
+ .tui-py-component-xl { padding-top: var(--tui-spacing-component-xl); padding-bottom: var(--tui-spacing-component-xl); }
945
+ .tui-pt-component-xl { padding-top: var(--tui-spacing-component-xl); }
946
+ .tui-pr-component-xl { padding-right: var(--tui-spacing-component-xl); }
947
+ .tui-pb-component-xl { padding-bottom: var(--tui-spacing-component-xl); }
948
+ .tui-pl-component-xl { padding-left: var(--tui-spacing-component-xl); }
949
+ .tui-p-section-sm { padding: var(--tui-spacing-section-sm); }
950
+ .tui-px-section-sm { padding-left: var(--tui-spacing-section-sm); padding-right: var(--tui-spacing-section-sm); }
951
+ .tui-py-section-sm { padding-top: var(--tui-spacing-section-sm); padding-bottom: var(--tui-spacing-section-sm); }
952
+ .tui-pt-section-sm { padding-top: var(--tui-spacing-section-sm); }
953
+ .tui-pr-section-sm { padding-right: var(--tui-spacing-section-sm); }
954
+ .tui-pb-section-sm { padding-bottom: var(--tui-spacing-section-sm); }
955
+ .tui-pl-section-sm { padding-left: var(--tui-spacing-section-sm); }
956
+ .tui-p-section-md { padding: var(--tui-spacing-section-md); }
957
+ .tui-px-section-md { padding-left: var(--tui-spacing-section-md); padding-right: var(--tui-spacing-section-md); }
958
+ .tui-py-section-md { padding-top: var(--tui-spacing-section-md); padding-bottom: var(--tui-spacing-section-md); }
959
+ .tui-pt-section-md { padding-top: var(--tui-spacing-section-md); }
960
+ .tui-pr-section-md { padding-right: var(--tui-spacing-section-md); }
961
+ .tui-pb-section-md { padding-bottom: var(--tui-spacing-section-md); }
962
+ .tui-pl-section-md { padding-left: var(--tui-spacing-section-md); }
963
+ .tui-p-section-lg { padding: var(--tui-spacing-section-lg); }
964
+ .tui-px-section-lg { padding-left: var(--tui-spacing-section-lg); padding-right: var(--tui-spacing-section-lg); }
965
+ .tui-py-section-lg { padding-top: var(--tui-spacing-section-lg); padding-bottom: var(--tui-spacing-section-lg); }
966
+ .tui-pt-section-lg { padding-top: var(--tui-spacing-section-lg); }
967
+ .tui-pr-section-lg { padding-right: var(--tui-spacing-section-lg); }
968
+ .tui-pb-section-lg { padding-bottom: var(--tui-spacing-section-lg); }
969
+ .tui-pl-section-lg { padding-left: var(--tui-spacing-section-lg); }
970
+ .tui-p-page-padding { padding: var(--tui-spacing-page-padding); }
971
+ .tui-px-page-padding { padding-left: var(--tui-spacing-page-padding); padding-right: var(--tui-spacing-page-padding); }
972
+ .tui-py-page-padding { padding-top: var(--tui-spacing-page-padding); padding-bottom: var(--tui-spacing-page-padding); }
973
+ .tui-pt-page-padding { padding-top: var(--tui-spacing-page-padding); }
974
+ .tui-pr-page-padding { padding-right: var(--tui-spacing-page-padding); }
975
+ .tui-pb-page-padding { padding-bottom: var(--tui-spacing-page-padding); }
976
+ .tui-pl-page-padding { padding-left: var(--tui-spacing-page-padding); }
977
+ .tui-p-card-padding { padding: var(--tui-spacing-card-padding); }
978
+ .tui-px-card-padding { padding-left: var(--tui-spacing-card-padding); padding-right: var(--tui-spacing-card-padding); }
979
+ .tui-py-card-padding { padding-top: var(--tui-spacing-card-padding); padding-bottom: var(--tui-spacing-card-padding); }
980
+ .tui-pt-card-padding { padding-top: var(--tui-spacing-card-padding); }
981
+ .tui-pr-card-padding { padding-right: var(--tui-spacing-card-padding); }
982
+ .tui-pb-card-padding { padding-bottom: var(--tui-spacing-card-padding); }
983
+ .tui-pl-card-padding { padding-left: var(--tui-spacing-card-padding); }
984
+ .tui-p-modal-padding { padding: var(--tui-spacing-modal-padding); }
985
+ .tui-px-modal-padding { padding-left: var(--tui-spacing-modal-padding); padding-right: var(--tui-spacing-modal-padding); }
986
+ .tui-py-modal-padding { padding-top: var(--tui-spacing-modal-padding); padding-bottom: var(--tui-spacing-modal-padding); }
987
+ .tui-pt-modal-padding { padding-top: var(--tui-spacing-modal-padding); }
988
+ .tui-pr-modal-padding { padding-right: var(--tui-spacing-modal-padding); }
989
+ .tui-pb-modal-padding { padding-bottom: var(--tui-spacing-modal-padding); }
990
+ .tui-pl-modal-padding { padding-left: var(--tui-spacing-modal-padding); }
991
+ .tui-p-stack-sm { padding: var(--tui-spacing-stack-sm); }
992
+ .tui-px-stack-sm { padding-left: var(--tui-spacing-stack-sm); padding-right: var(--tui-spacing-stack-sm); }
993
+ .tui-py-stack-sm { padding-top: var(--tui-spacing-stack-sm); padding-bottom: var(--tui-spacing-stack-sm); }
994
+ .tui-pt-stack-sm { padding-top: var(--tui-spacing-stack-sm); }
995
+ .tui-pr-stack-sm { padding-right: var(--tui-spacing-stack-sm); }
996
+ .tui-pb-stack-sm { padding-bottom: var(--tui-spacing-stack-sm); }
997
+ .tui-pl-stack-sm { padding-left: var(--tui-spacing-stack-sm); }
998
+ .tui-p-stack-md { padding: var(--tui-spacing-stack-md); }
999
+ .tui-px-stack-md { padding-left: var(--tui-spacing-stack-md); padding-right: var(--tui-spacing-stack-md); }
1000
+ .tui-py-stack-md { padding-top: var(--tui-spacing-stack-md); padding-bottom: var(--tui-spacing-stack-md); }
1001
+ .tui-pt-stack-md { padding-top: var(--tui-spacing-stack-md); }
1002
+ .tui-pr-stack-md { padding-right: var(--tui-spacing-stack-md); }
1003
+ .tui-pb-stack-md { padding-bottom: var(--tui-spacing-stack-md); }
1004
+ .tui-pl-stack-md { padding-left: var(--tui-spacing-stack-md); }
1005
+ .tui-p-stack-lg { padding: var(--tui-spacing-stack-lg); }
1006
+ .tui-px-stack-lg { padding-left: var(--tui-spacing-stack-lg); padding-right: var(--tui-spacing-stack-lg); }
1007
+ .tui-py-stack-lg { padding-top: var(--tui-spacing-stack-lg); padding-bottom: var(--tui-spacing-stack-lg); }
1008
+ .tui-pt-stack-lg { padding-top: var(--tui-spacing-stack-lg); }
1009
+ .tui-pr-stack-lg { padding-right: var(--tui-spacing-stack-lg); }
1010
+ .tui-pb-stack-lg { padding-bottom: var(--tui-spacing-stack-lg); }
1011
+ .tui-pl-stack-lg { padding-left: var(--tui-spacing-stack-lg); }
1012
+ .tui-p-inline-sm { padding: var(--tui-spacing-inline-sm); }
1013
+ .tui-px-inline-sm { padding-left: var(--tui-spacing-inline-sm); padding-right: var(--tui-spacing-inline-sm); }
1014
+ .tui-py-inline-sm { padding-top: var(--tui-spacing-inline-sm); padding-bottom: var(--tui-spacing-inline-sm); }
1015
+ .tui-pt-inline-sm { padding-top: var(--tui-spacing-inline-sm); }
1016
+ .tui-pr-inline-sm { padding-right: var(--tui-spacing-inline-sm); }
1017
+ .tui-pb-inline-sm { padding-bottom: var(--tui-spacing-inline-sm); }
1018
+ .tui-pl-inline-sm { padding-left: var(--tui-spacing-inline-sm); }
1019
+ .tui-p-inline-md { padding: var(--tui-spacing-inline-md); }
1020
+ .tui-px-inline-md { padding-left: var(--tui-spacing-inline-md); padding-right: var(--tui-spacing-inline-md); }
1021
+ .tui-py-inline-md { padding-top: var(--tui-spacing-inline-md); padding-bottom: var(--tui-spacing-inline-md); }
1022
+ .tui-pt-inline-md { padding-top: var(--tui-spacing-inline-md); }
1023
+ .tui-pr-inline-md { padding-right: var(--tui-spacing-inline-md); }
1024
+ .tui-pb-inline-md { padding-bottom: var(--tui-spacing-inline-md); }
1025
+ .tui-pl-inline-md { padding-left: var(--tui-spacing-inline-md); }
1026
+ .tui-p-inline-lg { padding: var(--tui-spacing-inline-lg); }
1027
+ .tui-px-inline-lg { padding-left: var(--tui-spacing-inline-lg); padding-right: var(--tui-spacing-inline-lg); }
1028
+ .tui-py-inline-lg { padding-top: var(--tui-spacing-inline-lg); padding-bottom: var(--tui-spacing-inline-lg); }
1029
+ .tui-pt-inline-lg { padding-top: var(--tui-spacing-inline-lg); }
1030
+ .tui-pr-inline-lg { padding-right: var(--tui-spacing-inline-lg); }
1031
+ .tui-pb-inline-lg { padding-bottom: var(--tui-spacing-inline-lg); }
1032
+ .tui-pl-inline-lg { padding-left: var(--tui-spacing-inline-lg); }
1033
+
1034
+ .tui-m-0 { margin: var(--tui-spacing-0); }
1035
+ .tui-mx-0 { margin-left: var(--tui-spacing-0); margin-right: var(--tui-spacing-0); }
1036
+ .tui-my-0 { margin-top: var(--tui-spacing-0); margin-bottom: var(--tui-spacing-0); }
1037
+ .tui-mt-0 { margin-top: var(--tui-spacing-0); }
1038
+ .tui-mr-0 { margin-right: var(--tui-spacing-0); }
1039
+ .tui-mb-0 { margin-bottom: var(--tui-spacing-0); }
1040
+ .tui-ml-0 { margin-left: var(--tui-spacing-0); }
1041
+ .tui-m-1 { margin: var(--tui-spacing-1); }
1042
+ .tui-mx-1 { margin-left: var(--tui-spacing-1); margin-right: var(--tui-spacing-1); }
1043
+ .tui-my-1 { margin-top: var(--tui-spacing-1); margin-bottom: var(--tui-spacing-1); }
1044
+ .tui-mt-1 { margin-top: var(--tui-spacing-1); }
1045
+ .tui-mr-1 { margin-right: var(--tui-spacing-1); }
1046
+ .tui-mb-1 { margin-bottom: var(--tui-spacing-1); }
1047
+ .tui-ml-1 { margin-left: var(--tui-spacing-1); }
1048
+ .tui-m-2 { margin: var(--tui-spacing-2); }
1049
+ .tui-mx-2 { margin-left: var(--tui-spacing-2); margin-right: var(--tui-spacing-2); }
1050
+ .tui-my-2 { margin-top: var(--tui-spacing-2); margin-bottom: var(--tui-spacing-2); }
1051
+ .tui-mt-2 { margin-top: var(--tui-spacing-2); }
1052
+ .tui-mr-2 { margin-right: var(--tui-spacing-2); }
1053
+ .tui-mb-2 { margin-bottom: var(--tui-spacing-2); }
1054
+ .tui-ml-2 { margin-left: var(--tui-spacing-2); }
1055
+ .tui-m-3 { margin: var(--tui-spacing-3); }
1056
+ .tui-mx-3 { margin-left: var(--tui-spacing-3); margin-right: var(--tui-spacing-3); }
1057
+ .tui-my-3 { margin-top: var(--tui-spacing-3); margin-bottom: var(--tui-spacing-3); }
1058
+ .tui-mt-3 { margin-top: var(--tui-spacing-3); }
1059
+ .tui-mr-3 { margin-right: var(--tui-spacing-3); }
1060
+ .tui-mb-3 { margin-bottom: var(--tui-spacing-3); }
1061
+ .tui-ml-3 { margin-left: var(--tui-spacing-3); }
1062
+ .tui-m-4 { margin: var(--tui-spacing-4); }
1063
+ .tui-mx-4 { margin-left: var(--tui-spacing-4); margin-right: var(--tui-spacing-4); }
1064
+ .tui-my-4 { margin-top: var(--tui-spacing-4); margin-bottom: var(--tui-spacing-4); }
1065
+ .tui-mt-4 { margin-top: var(--tui-spacing-4); }
1066
+ .tui-mr-4 { margin-right: var(--tui-spacing-4); }
1067
+ .tui-mb-4 { margin-bottom: var(--tui-spacing-4); }
1068
+ .tui-ml-4 { margin-left: var(--tui-spacing-4); }
1069
+ .tui-m-5 { margin: var(--tui-spacing-5); }
1070
+ .tui-mx-5 { margin-left: var(--tui-spacing-5); margin-right: var(--tui-spacing-5); }
1071
+ .tui-my-5 { margin-top: var(--tui-spacing-5); margin-bottom: var(--tui-spacing-5); }
1072
+ .tui-mt-5 { margin-top: var(--tui-spacing-5); }
1073
+ .tui-mr-5 { margin-right: var(--tui-spacing-5); }
1074
+ .tui-mb-5 { margin-bottom: var(--tui-spacing-5); }
1075
+ .tui-ml-5 { margin-left: var(--tui-spacing-5); }
1076
+ .tui-m-6 { margin: var(--tui-spacing-6); }
1077
+ .tui-mx-6 { margin-left: var(--tui-spacing-6); margin-right: var(--tui-spacing-6); }
1078
+ .tui-my-6 { margin-top: var(--tui-spacing-6); margin-bottom: var(--tui-spacing-6); }
1079
+ .tui-mt-6 { margin-top: var(--tui-spacing-6); }
1080
+ .tui-mr-6 { margin-right: var(--tui-spacing-6); }
1081
+ .tui-mb-6 { margin-bottom: var(--tui-spacing-6); }
1082
+ .tui-ml-6 { margin-left: var(--tui-spacing-6); }
1083
+ .tui-m-7 { margin: var(--tui-spacing-7); }
1084
+ .tui-mx-7 { margin-left: var(--tui-spacing-7); margin-right: var(--tui-spacing-7); }
1085
+ .tui-my-7 { margin-top: var(--tui-spacing-7); margin-bottom: var(--tui-spacing-7); }
1086
+ .tui-mt-7 { margin-top: var(--tui-spacing-7); }
1087
+ .tui-mr-7 { margin-right: var(--tui-spacing-7); }
1088
+ .tui-mb-7 { margin-bottom: var(--tui-spacing-7); }
1089
+ .tui-ml-7 { margin-left: var(--tui-spacing-7); }
1090
+ .tui-m-8 { margin: var(--tui-spacing-8); }
1091
+ .tui-mx-8 { margin-left: var(--tui-spacing-8); margin-right: var(--tui-spacing-8); }
1092
+ .tui-my-8 { margin-top: var(--tui-spacing-8); margin-bottom: var(--tui-spacing-8); }
1093
+ .tui-mt-8 { margin-top: var(--tui-spacing-8); }
1094
+ .tui-mr-8 { margin-right: var(--tui-spacing-8); }
1095
+ .tui-mb-8 { margin-bottom: var(--tui-spacing-8); }
1096
+ .tui-ml-8 { margin-left: var(--tui-spacing-8); }
1097
+ .tui-m-9 { margin: var(--tui-spacing-9); }
1098
+ .tui-mx-9 { margin-left: var(--tui-spacing-9); margin-right: var(--tui-spacing-9); }
1099
+ .tui-my-9 { margin-top: var(--tui-spacing-9); margin-bottom: var(--tui-spacing-9); }
1100
+ .tui-mt-9 { margin-top: var(--tui-spacing-9); }
1101
+ .tui-mr-9 { margin-right: var(--tui-spacing-9); }
1102
+ .tui-mb-9 { margin-bottom: var(--tui-spacing-9); }
1103
+ .tui-ml-9 { margin-left: var(--tui-spacing-9); }
1104
+ .tui-m-10 { margin: var(--tui-spacing-10); }
1105
+ .tui-mx-10 { margin-left: var(--tui-spacing-10); margin-right: var(--tui-spacing-10); }
1106
+ .tui-my-10 { margin-top: var(--tui-spacing-10); margin-bottom: var(--tui-spacing-10); }
1107
+ .tui-mt-10 { margin-top: var(--tui-spacing-10); }
1108
+ .tui-mr-10 { margin-right: var(--tui-spacing-10); }
1109
+ .tui-mb-10 { margin-bottom: var(--tui-spacing-10); }
1110
+ .tui-ml-10 { margin-left: var(--tui-spacing-10); }
1111
+ .tui-m-11 { margin: var(--tui-spacing-11); }
1112
+ .tui-mx-11 { margin-left: var(--tui-spacing-11); margin-right: var(--tui-spacing-11); }
1113
+ .tui-my-11 { margin-top: var(--tui-spacing-11); margin-bottom: var(--tui-spacing-11); }
1114
+ .tui-mt-11 { margin-top: var(--tui-spacing-11); }
1115
+ .tui-mr-11 { margin-right: var(--tui-spacing-11); }
1116
+ .tui-mb-11 { margin-bottom: var(--tui-spacing-11); }
1117
+ .tui-ml-11 { margin-left: var(--tui-spacing-11); }
1118
+ .tui-m-12 { margin: var(--tui-spacing-12); }
1119
+ .tui-mx-12 { margin-left: var(--tui-spacing-12); margin-right: var(--tui-spacing-12); }
1120
+ .tui-my-12 { margin-top: var(--tui-spacing-12); margin-bottom: var(--tui-spacing-12); }
1121
+ .tui-mt-12 { margin-top: var(--tui-spacing-12); }
1122
+ .tui-mr-12 { margin-right: var(--tui-spacing-12); }
1123
+ .tui-mb-12 { margin-bottom: var(--tui-spacing-12); }
1124
+ .tui-ml-12 { margin-left: var(--tui-spacing-12); }
1125
+ .tui-m-14 { margin: var(--tui-spacing-14); }
1126
+ .tui-mx-14 { margin-left: var(--tui-spacing-14); margin-right: var(--tui-spacing-14); }
1127
+ .tui-my-14 { margin-top: var(--tui-spacing-14); margin-bottom: var(--tui-spacing-14); }
1128
+ .tui-mt-14 { margin-top: var(--tui-spacing-14); }
1129
+ .tui-mr-14 { margin-right: var(--tui-spacing-14); }
1130
+ .tui-mb-14 { margin-bottom: var(--tui-spacing-14); }
1131
+ .tui-ml-14 { margin-left: var(--tui-spacing-14); }
1132
+ .tui-m-16 { margin: var(--tui-spacing-16); }
1133
+ .tui-mx-16 { margin-left: var(--tui-spacing-16); margin-right: var(--tui-spacing-16); }
1134
+ .tui-my-16 { margin-top: var(--tui-spacing-16); margin-bottom: var(--tui-spacing-16); }
1135
+ .tui-mt-16 { margin-top: var(--tui-spacing-16); }
1136
+ .tui-mr-16 { margin-right: var(--tui-spacing-16); }
1137
+ .tui-mb-16 { margin-bottom: var(--tui-spacing-16); }
1138
+ .tui-ml-16 { margin-left: var(--tui-spacing-16); }
1139
+ .tui-m-20 { margin: var(--tui-spacing-20); }
1140
+ .tui-mx-20 { margin-left: var(--tui-spacing-20); margin-right: var(--tui-spacing-20); }
1141
+ .tui-my-20 { margin-top: var(--tui-spacing-20); margin-bottom: var(--tui-spacing-20); }
1142
+ .tui-mt-20 { margin-top: var(--tui-spacing-20); }
1143
+ .tui-mr-20 { margin-right: var(--tui-spacing-20); }
1144
+ .tui-mb-20 { margin-bottom: var(--tui-spacing-20); }
1145
+ .tui-ml-20 { margin-left: var(--tui-spacing-20); }
1146
+ .tui-m-24 { margin: var(--tui-spacing-24); }
1147
+ .tui-mx-24 { margin-left: var(--tui-spacing-24); margin-right: var(--tui-spacing-24); }
1148
+ .tui-my-24 { margin-top: var(--tui-spacing-24); margin-bottom: var(--tui-spacing-24); }
1149
+ .tui-mt-24 { margin-top: var(--tui-spacing-24); }
1150
+ .tui-mr-24 { margin-right: var(--tui-spacing-24); }
1151
+ .tui-mb-24 { margin-bottom: var(--tui-spacing-24); }
1152
+ .tui-ml-24 { margin-left: var(--tui-spacing-24); }
1153
+ .tui-m-28 { margin: var(--tui-spacing-28); }
1154
+ .tui-mx-28 { margin-left: var(--tui-spacing-28); margin-right: var(--tui-spacing-28); }
1155
+ .tui-my-28 { margin-top: var(--tui-spacing-28); margin-bottom: var(--tui-spacing-28); }
1156
+ .tui-mt-28 { margin-top: var(--tui-spacing-28); }
1157
+ .tui-mr-28 { margin-right: var(--tui-spacing-28); }
1158
+ .tui-mb-28 { margin-bottom: var(--tui-spacing-28); }
1159
+ .tui-ml-28 { margin-left: var(--tui-spacing-28); }
1160
+ .tui-m-32 { margin: var(--tui-spacing-32); }
1161
+ .tui-mx-32 { margin-left: var(--tui-spacing-32); margin-right: var(--tui-spacing-32); }
1162
+ .tui-my-32 { margin-top: var(--tui-spacing-32); margin-bottom: var(--tui-spacing-32); }
1163
+ .tui-mt-32 { margin-top: var(--tui-spacing-32); }
1164
+ .tui-mr-32 { margin-right: var(--tui-spacing-32); }
1165
+ .tui-mb-32 { margin-bottom: var(--tui-spacing-32); }
1166
+ .tui-ml-32 { margin-left: var(--tui-spacing-32); }
1167
+ .tui-m-36 { margin: var(--tui-spacing-36); }
1168
+ .tui-mx-36 { margin-left: var(--tui-spacing-36); margin-right: var(--tui-spacing-36); }
1169
+ .tui-my-36 { margin-top: var(--tui-spacing-36); margin-bottom: var(--tui-spacing-36); }
1170
+ .tui-mt-36 { margin-top: var(--tui-spacing-36); }
1171
+ .tui-mr-36 { margin-right: var(--tui-spacing-36); }
1172
+ .tui-mb-36 { margin-bottom: var(--tui-spacing-36); }
1173
+ .tui-ml-36 { margin-left: var(--tui-spacing-36); }
1174
+ .tui-m-40 { margin: var(--tui-spacing-40); }
1175
+ .tui-mx-40 { margin-left: var(--tui-spacing-40); margin-right: var(--tui-spacing-40); }
1176
+ .tui-my-40 { margin-top: var(--tui-spacing-40); margin-bottom: var(--tui-spacing-40); }
1177
+ .tui-mt-40 { margin-top: var(--tui-spacing-40); }
1178
+ .tui-mr-40 { margin-right: var(--tui-spacing-40); }
1179
+ .tui-mb-40 { margin-bottom: var(--tui-spacing-40); }
1180
+ .tui-ml-40 { margin-left: var(--tui-spacing-40); }
1181
+ .tui-m-44 { margin: var(--tui-spacing-44); }
1182
+ .tui-mx-44 { margin-left: var(--tui-spacing-44); margin-right: var(--tui-spacing-44); }
1183
+ .tui-my-44 { margin-top: var(--tui-spacing-44); margin-bottom: var(--tui-spacing-44); }
1184
+ .tui-mt-44 { margin-top: var(--tui-spacing-44); }
1185
+ .tui-mr-44 { margin-right: var(--tui-spacing-44); }
1186
+ .tui-mb-44 { margin-bottom: var(--tui-spacing-44); }
1187
+ .tui-ml-44 { margin-left: var(--tui-spacing-44); }
1188
+ .tui-m-48 { margin: var(--tui-spacing-48); }
1189
+ .tui-mx-48 { margin-left: var(--tui-spacing-48); margin-right: var(--tui-spacing-48); }
1190
+ .tui-my-48 { margin-top: var(--tui-spacing-48); margin-bottom: var(--tui-spacing-48); }
1191
+ .tui-mt-48 { margin-top: var(--tui-spacing-48); }
1192
+ .tui-mr-48 { margin-right: var(--tui-spacing-48); }
1193
+ .tui-mb-48 { margin-bottom: var(--tui-spacing-48); }
1194
+ .tui-ml-48 { margin-left: var(--tui-spacing-48); }
1195
+ .tui-m-52 { margin: var(--tui-spacing-52); }
1196
+ .tui-mx-52 { margin-left: var(--tui-spacing-52); margin-right: var(--tui-spacing-52); }
1197
+ .tui-my-52 { margin-top: var(--tui-spacing-52); margin-bottom: var(--tui-spacing-52); }
1198
+ .tui-mt-52 { margin-top: var(--tui-spacing-52); }
1199
+ .tui-mr-52 { margin-right: var(--tui-spacing-52); }
1200
+ .tui-mb-52 { margin-bottom: var(--tui-spacing-52); }
1201
+ .tui-ml-52 { margin-left: var(--tui-spacing-52); }
1202
+ .tui-m-56 { margin: var(--tui-spacing-56); }
1203
+ .tui-mx-56 { margin-left: var(--tui-spacing-56); margin-right: var(--tui-spacing-56); }
1204
+ .tui-my-56 { margin-top: var(--tui-spacing-56); margin-bottom: var(--tui-spacing-56); }
1205
+ .tui-mt-56 { margin-top: var(--tui-spacing-56); }
1206
+ .tui-mr-56 { margin-right: var(--tui-spacing-56); }
1207
+ .tui-mb-56 { margin-bottom: var(--tui-spacing-56); }
1208
+ .tui-ml-56 { margin-left: var(--tui-spacing-56); }
1209
+ .tui-m-60 { margin: var(--tui-spacing-60); }
1210
+ .tui-mx-60 { margin-left: var(--tui-spacing-60); margin-right: var(--tui-spacing-60); }
1211
+ .tui-my-60 { margin-top: var(--tui-spacing-60); margin-bottom: var(--tui-spacing-60); }
1212
+ .tui-mt-60 { margin-top: var(--tui-spacing-60); }
1213
+ .tui-mr-60 { margin-right: var(--tui-spacing-60); }
1214
+ .tui-mb-60 { margin-bottom: var(--tui-spacing-60); }
1215
+ .tui-ml-60 { margin-left: var(--tui-spacing-60); }
1216
+ .tui-m-64 { margin: var(--tui-spacing-64); }
1217
+ .tui-mx-64 { margin-left: var(--tui-spacing-64); margin-right: var(--tui-spacing-64); }
1218
+ .tui-my-64 { margin-top: var(--tui-spacing-64); margin-bottom: var(--tui-spacing-64); }
1219
+ .tui-mt-64 { margin-top: var(--tui-spacing-64); }
1220
+ .tui-mr-64 { margin-right: var(--tui-spacing-64); }
1221
+ .tui-mb-64 { margin-bottom: var(--tui-spacing-64); }
1222
+ .tui-ml-64 { margin-left: var(--tui-spacing-64); }
1223
+ .tui-m-72 { margin: var(--tui-spacing-72); }
1224
+ .tui-mx-72 { margin-left: var(--tui-spacing-72); margin-right: var(--tui-spacing-72); }
1225
+ .tui-my-72 { margin-top: var(--tui-spacing-72); margin-bottom: var(--tui-spacing-72); }
1226
+ .tui-mt-72 { margin-top: var(--tui-spacing-72); }
1227
+ .tui-mr-72 { margin-right: var(--tui-spacing-72); }
1228
+ .tui-mb-72 { margin-bottom: var(--tui-spacing-72); }
1229
+ .tui-ml-72 { margin-left: var(--tui-spacing-72); }
1230
+ .tui-m-80 { margin: var(--tui-spacing-80); }
1231
+ .tui-mx-80 { margin-left: var(--tui-spacing-80); margin-right: var(--tui-spacing-80); }
1232
+ .tui-my-80 { margin-top: var(--tui-spacing-80); margin-bottom: var(--tui-spacing-80); }
1233
+ .tui-mt-80 { margin-top: var(--tui-spacing-80); }
1234
+ .tui-mr-80 { margin-right: var(--tui-spacing-80); }
1235
+ .tui-mb-80 { margin-bottom: var(--tui-spacing-80); }
1236
+ .tui-ml-80 { margin-left: var(--tui-spacing-80); }
1237
+ .tui-m-96 { margin: var(--tui-spacing-96); }
1238
+ .tui-mx-96 { margin-left: var(--tui-spacing-96); margin-right: var(--tui-spacing-96); }
1239
+ .tui-my-96 { margin-top: var(--tui-spacing-96); margin-bottom: var(--tui-spacing-96); }
1240
+ .tui-mt-96 { margin-top: var(--tui-spacing-96); }
1241
+ .tui-mr-96 { margin-right: var(--tui-spacing-96); }
1242
+ .tui-mb-96 { margin-bottom: var(--tui-spacing-96); }
1243
+ .tui-ml-96 { margin-left: var(--tui-spacing-96); }
1244
+ .tui-m-px { margin: var(--tui-spacing-px); }
1245
+ .tui-mx-px { margin-left: var(--tui-spacing-px); margin-right: var(--tui-spacing-px); }
1246
+ .tui-my-px { margin-top: var(--tui-spacing-px); margin-bottom: var(--tui-spacing-px); }
1247
+ .tui-mt-px { margin-top: var(--tui-spacing-px); }
1248
+ .tui-mr-px { margin-right: var(--tui-spacing-px); }
1249
+ .tui-mb-px { margin-bottom: var(--tui-spacing-px); }
1250
+ .tui-ml-px { margin-left: var(--tui-spacing-px); }
1251
+ .tui-m-0_5 { margin: var(--tui-spacing-0_5); }
1252
+ .tui-mx-0_5 { margin-left: var(--tui-spacing-0_5); margin-right: var(--tui-spacing-0_5); }
1253
+ .tui-my-0_5 { margin-top: var(--tui-spacing-0_5); margin-bottom: var(--tui-spacing-0_5); }
1254
+ .tui-mt-0_5 { margin-top: var(--tui-spacing-0_5); }
1255
+ .tui-mr-0_5 { margin-right: var(--tui-spacing-0_5); }
1256
+ .tui-mb-0_5 { margin-bottom: var(--tui-spacing-0_5); }
1257
+ .tui-ml-0_5 { margin-left: var(--tui-spacing-0_5); }
1258
+ .tui-m-1_5 { margin: var(--tui-spacing-1_5); }
1259
+ .tui-mx-1_5 { margin-left: var(--tui-spacing-1_5); margin-right: var(--tui-spacing-1_5); }
1260
+ .tui-my-1_5 { margin-top: var(--tui-spacing-1_5); margin-bottom: var(--tui-spacing-1_5); }
1261
+ .tui-mt-1_5 { margin-top: var(--tui-spacing-1_5); }
1262
+ .tui-mr-1_5 { margin-right: var(--tui-spacing-1_5); }
1263
+ .tui-mb-1_5 { margin-bottom: var(--tui-spacing-1_5); }
1264
+ .tui-ml-1_5 { margin-left: var(--tui-spacing-1_5); }
1265
+ .tui-m-2_5 { margin: var(--tui-spacing-2_5); }
1266
+ .tui-mx-2_5 { margin-left: var(--tui-spacing-2_5); margin-right: var(--tui-spacing-2_5); }
1267
+ .tui-my-2_5 { margin-top: var(--tui-spacing-2_5); margin-bottom: var(--tui-spacing-2_5); }
1268
+ .tui-mt-2_5 { margin-top: var(--tui-spacing-2_5); }
1269
+ .tui-mr-2_5 { margin-right: var(--tui-spacing-2_5); }
1270
+ .tui-mb-2_5 { margin-bottom: var(--tui-spacing-2_5); }
1271
+ .tui-ml-2_5 { margin-left: var(--tui-spacing-2_5); }
1272
+ .tui-m-3_5 { margin: var(--tui-spacing-3_5); }
1273
+ .tui-mx-3_5 { margin-left: var(--tui-spacing-3_5); margin-right: var(--tui-spacing-3_5); }
1274
+ .tui-my-3_5 { margin-top: var(--tui-spacing-3_5); margin-bottom: var(--tui-spacing-3_5); }
1275
+ .tui-mt-3_5 { margin-top: var(--tui-spacing-3_5); }
1276
+ .tui-mr-3_5 { margin-right: var(--tui-spacing-3_5); }
1277
+ .tui-mb-3_5 { margin-bottom: var(--tui-spacing-3_5); }
1278
+ .tui-ml-3_5 { margin-left: var(--tui-spacing-3_5); }
1279
+ .tui-m-component-xs { margin: var(--tui-spacing-component-xs); }
1280
+ .tui-mx-component-xs { margin-left: var(--tui-spacing-component-xs); margin-right: var(--tui-spacing-component-xs); }
1281
+ .tui-my-component-xs { margin-top: var(--tui-spacing-component-xs); margin-bottom: var(--tui-spacing-component-xs); }
1282
+ .tui-mt-component-xs { margin-top: var(--tui-spacing-component-xs); }
1283
+ .tui-mr-component-xs { margin-right: var(--tui-spacing-component-xs); }
1284
+ .tui-mb-component-xs { margin-bottom: var(--tui-spacing-component-xs); }
1285
+ .tui-ml-component-xs { margin-left: var(--tui-spacing-component-xs); }
1286
+ .tui-m-component-sm { margin: var(--tui-spacing-component-sm); }
1287
+ .tui-mx-component-sm { margin-left: var(--tui-spacing-component-sm); margin-right: var(--tui-spacing-component-sm); }
1288
+ .tui-my-component-sm { margin-top: var(--tui-spacing-component-sm); margin-bottom: var(--tui-spacing-component-sm); }
1289
+ .tui-mt-component-sm { margin-top: var(--tui-spacing-component-sm); }
1290
+ .tui-mr-component-sm { margin-right: var(--tui-spacing-component-sm); }
1291
+ .tui-mb-component-sm { margin-bottom: var(--tui-spacing-component-sm); }
1292
+ .tui-ml-component-sm { margin-left: var(--tui-spacing-component-sm); }
1293
+ .tui-m-component-md { margin: var(--tui-spacing-component-md); }
1294
+ .tui-mx-component-md { margin-left: var(--tui-spacing-component-md); margin-right: var(--tui-spacing-component-md); }
1295
+ .tui-my-component-md { margin-top: var(--tui-spacing-component-md); margin-bottom: var(--tui-spacing-component-md); }
1296
+ .tui-mt-component-md { margin-top: var(--tui-spacing-component-md); }
1297
+ .tui-mr-component-md { margin-right: var(--tui-spacing-component-md); }
1298
+ .tui-mb-component-md { margin-bottom: var(--tui-spacing-component-md); }
1299
+ .tui-ml-component-md { margin-left: var(--tui-spacing-component-md); }
1300
+ .tui-m-component-lg { margin: var(--tui-spacing-component-lg); }
1301
+ .tui-mx-component-lg { margin-left: var(--tui-spacing-component-lg); margin-right: var(--tui-spacing-component-lg); }
1302
+ .tui-my-component-lg { margin-top: var(--tui-spacing-component-lg); margin-bottom: var(--tui-spacing-component-lg); }
1303
+ .tui-mt-component-lg { margin-top: var(--tui-spacing-component-lg); }
1304
+ .tui-mr-component-lg { margin-right: var(--tui-spacing-component-lg); }
1305
+ .tui-mb-component-lg { margin-bottom: var(--tui-spacing-component-lg); }
1306
+ .tui-ml-component-lg { margin-left: var(--tui-spacing-component-lg); }
1307
+ .tui-m-component-xl { margin: var(--tui-spacing-component-xl); }
1308
+ .tui-mx-component-xl { margin-left: var(--tui-spacing-component-xl); margin-right: var(--tui-spacing-component-xl); }
1309
+ .tui-my-component-xl { margin-top: var(--tui-spacing-component-xl); margin-bottom: var(--tui-spacing-component-xl); }
1310
+ .tui-mt-component-xl { margin-top: var(--tui-spacing-component-xl); }
1311
+ .tui-mr-component-xl { margin-right: var(--tui-spacing-component-xl); }
1312
+ .tui-mb-component-xl { margin-bottom: var(--tui-spacing-component-xl); }
1313
+ .tui-ml-component-xl { margin-left: var(--tui-spacing-component-xl); }
1314
+ .tui-m-section-sm { margin: var(--tui-spacing-section-sm); }
1315
+ .tui-mx-section-sm { margin-left: var(--tui-spacing-section-sm); margin-right: var(--tui-spacing-section-sm); }
1316
+ .tui-my-section-sm { margin-top: var(--tui-spacing-section-sm); margin-bottom: var(--tui-spacing-section-sm); }
1317
+ .tui-mt-section-sm { margin-top: var(--tui-spacing-section-sm); }
1318
+ .tui-mr-section-sm { margin-right: var(--tui-spacing-section-sm); }
1319
+ .tui-mb-section-sm { margin-bottom: var(--tui-spacing-section-sm); }
1320
+ .tui-ml-section-sm { margin-left: var(--tui-spacing-section-sm); }
1321
+ .tui-m-section-md { margin: var(--tui-spacing-section-md); }
1322
+ .tui-mx-section-md { margin-left: var(--tui-spacing-section-md); margin-right: var(--tui-spacing-section-md); }
1323
+ .tui-my-section-md { margin-top: var(--tui-spacing-section-md); margin-bottom: var(--tui-spacing-section-md); }
1324
+ .tui-mt-section-md { margin-top: var(--tui-spacing-section-md); }
1325
+ .tui-mr-section-md { margin-right: var(--tui-spacing-section-md); }
1326
+ .tui-mb-section-md { margin-bottom: var(--tui-spacing-section-md); }
1327
+ .tui-ml-section-md { margin-left: var(--tui-spacing-section-md); }
1328
+ .tui-m-section-lg { margin: var(--tui-spacing-section-lg); }
1329
+ .tui-mx-section-lg { margin-left: var(--tui-spacing-section-lg); margin-right: var(--tui-spacing-section-lg); }
1330
+ .tui-my-section-lg { margin-top: var(--tui-spacing-section-lg); margin-bottom: var(--tui-spacing-section-lg); }
1331
+ .tui-mt-section-lg { margin-top: var(--tui-spacing-section-lg); }
1332
+ .tui-mr-section-lg { margin-right: var(--tui-spacing-section-lg); }
1333
+ .tui-mb-section-lg { margin-bottom: var(--tui-spacing-section-lg); }
1334
+ .tui-ml-section-lg { margin-left: var(--tui-spacing-section-lg); }
1335
+ .tui-m-page-padding { margin: var(--tui-spacing-page-padding); }
1336
+ .tui-mx-page-padding { margin-left: var(--tui-spacing-page-padding); margin-right: var(--tui-spacing-page-padding); }
1337
+ .tui-my-page-padding { margin-top: var(--tui-spacing-page-padding); margin-bottom: var(--tui-spacing-page-padding); }
1338
+ .tui-mt-page-padding { margin-top: var(--tui-spacing-page-padding); }
1339
+ .tui-mr-page-padding { margin-right: var(--tui-spacing-page-padding); }
1340
+ .tui-mb-page-padding { margin-bottom: var(--tui-spacing-page-padding); }
1341
+ .tui-ml-page-padding { margin-left: var(--tui-spacing-page-padding); }
1342
+ .tui-m-card-padding { margin: var(--tui-spacing-card-padding); }
1343
+ .tui-mx-card-padding { margin-left: var(--tui-spacing-card-padding); margin-right: var(--tui-spacing-card-padding); }
1344
+ .tui-my-card-padding { margin-top: var(--tui-spacing-card-padding); margin-bottom: var(--tui-spacing-card-padding); }
1345
+ .tui-mt-card-padding { margin-top: var(--tui-spacing-card-padding); }
1346
+ .tui-mr-card-padding { margin-right: var(--tui-spacing-card-padding); }
1347
+ .tui-mb-card-padding { margin-bottom: var(--tui-spacing-card-padding); }
1348
+ .tui-ml-card-padding { margin-left: var(--tui-spacing-card-padding); }
1349
+ .tui-m-modal-padding { margin: var(--tui-spacing-modal-padding); }
1350
+ .tui-mx-modal-padding { margin-left: var(--tui-spacing-modal-padding); margin-right: var(--tui-spacing-modal-padding); }
1351
+ .tui-my-modal-padding { margin-top: var(--tui-spacing-modal-padding); margin-bottom: var(--tui-spacing-modal-padding); }
1352
+ .tui-mt-modal-padding { margin-top: var(--tui-spacing-modal-padding); }
1353
+ .tui-mr-modal-padding { margin-right: var(--tui-spacing-modal-padding); }
1354
+ .tui-mb-modal-padding { margin-bottom: var(--tui-spacing-modal-padding); }
1355
+ .tui-ml-modal-padding { margin-left: var(--tui-spacing-modal-padding); }
1356
+ .tui-m-stack-sm { margin: var(--tui-spacing-stack-sm); }
1357
+ .tui-mx-stack-sm { margin-left: var(--tui-spacing-stack-sm); margin-right: var(--tui-spacing-stack-sm); }
1358
+ .tui-my-stack-sm { margin-top: var(--tui-spacing-stack-sm); margin-bottom: var(--tui-spacing-stack-sm); }
1359
+ .tui-mt-stack-sm { margin-top: var(--tui-spacing-stack-sm); }
1360
+ .tui-mr-stack-sm { margin-right: var(--tui-spacing-stack-sm); }
1361
+ .tui-mb-stack-sm { margin-bottom: var(--tui-spacing-stack-sm); }
1362
+ .tui-ml-stack-sm { margin-left: var(--tui-spacing-stack-sm); }
1363
+ .tui-m-stack-md { margin: var(--tui-spacing-stack-md); }
1364
+ .tui-mx-stack-md { margin-left: var(--tui-spacing-stack-md); margin-right: var(--tui-spacing-stack-md); }
1365
+ .tui-my-stack-md { margin-top: var(--tui-spacing-stack-md); margin-bottom: var(--tui-spacing-stack-md); }
1366
+ .tui-mt-stack-md { margin-top: var(--tui-spacing-stack-md); }
1367
+ .tui-mr-stack-md { margin-right: var(--tui-spacing-stack-md); }
1368
+ .tui-mb-stack-md { margin-bottom: var(--tui-spacing-stack-md); }
1369
+ .tui-ml-stack-md { margin-left: var(--tui-spacing-stack-md); }
1370
+ .tui-m-stack-lg { margin: var(--tui-spacing-stack-lg); }
1371
+ .tui-mx-stack-lg { margin-left: var(--tui-spacing-stack-lg); margin-right: var(--tui-spacing-stack-lg); }
1372
+ .tui-my-stack-lg { margin-top: var(--tui-spacing-stack-lg); margin-bottom: var(--tui-spacing-stack-lg); }
1373
+ .tui-mt-stack-lg { margin-top: var(--tui-spacing-stack-lg); }
1374
+ .tui-mr-stack-lg { margin-right: var(--tui-spacing-stack-lg); }
1375
+ .tui-mb-stack-lg { margin-bottom: var(--tui-spacing-stack-lg); }
1376
+ .tui-ml-stack-lg { margin-left: var(--tui-spacing-stack-lg); }
1377
+ .tui-m-inline-sm { margin: var(--tui-spacing-inline-sm); }
1378
+ .tui-mx-inline-sm { margin-left: var(--tui-spacing-inline-sm); margin-right: var(--tui-spacing-inline-sm); }
1379
+ .tui-my-inline-sm { margin-top: var(--tui-spacing-inline-sm); margin-bottom: var(--tui-spacing-inline-sm); }
1380
+ .tui-mt-inline-sm { margin-top: var(--tui-spacing-inline-sm); }
1381
+ .tui-mr-inline-sm { margin-right: var(--tui-spacing-inline-sm); }
1382
+ .tui-mb-inline-sm { margin-bottom: var(--tui-spacing-inline-sm); }
1383
+ .tui-ml-inline-sm { margin-left: var(--tui-spacing-inline-sm); }
1384
+ .tui-m-inline-md { margin: var(--tui-spacing-inline-md); }
1385
+ .tui-mx-inline-md { margin-left: var(--tui-spacing-inline-md); margin-right: var(--tui-spacing-inline-md); }
1386
+ .tui-my-inline-md { margin-top: var(--tui-spacing-inline-md); margin-bottom: var(--tui-spacing-inline-md); }
1387
+ .tui-mt-inline-md { margin-top: var(--tui-spacing-inline-md); }
1388
+ .tui-mr-inline-md { margin-right: var(--tui-spacing-inline-md); }
1389
+ .tui-mb-inline-md { margin-bottom: var(--tui-spacing-inline-md); }
1390
+ .tui-ml-inline-md { margin-left: var(--tui-spacing-inline-md); }
1391
+ .tui-m-inline-lg { margin: var(--tui-spacing-inline-lg); }
1392
+ .tui-mx-inline-lg { margin-left: var(--tui-spacing-inline-lg); margin-right: var(--tui-spacing-inline-lg); }
1393
+ .tui-my-inline-lg { margin-top: var(--tui-spacing-inline-lg); margin-bottom: var(--tui-spacing-inline-lg); }
1394
+ .tui-mt-inline-lg { margin-top: var(--tui-spacing-inline-lg); }
1395
+ .tui-mr-inline-lg { margin-right: var(--tui-spacing-inline-lg); }
1396
+ .tui-mb-inline-lg { margin-bottom: var(--tui-spacing-inline-lg); }
1397
+ .tui-ml-inline-lg { margin-left: var(--tui-spacing-inline-lg); }
1398
+
1399
+ .tui-gap-0 { gap: var(--tui-spacing-0); }
1400
+ .tui-gap-1 { gap: var(--tui-spacing-1); }
1401
+ .tui-gap-2 { gap: var(--tui-spacing-2); }
1402
+ .tui-gap-3 { gap: var(--tui-spacing-3); }
1403
+ .tui-gap-4 { gap: var(--tui-spacing-4); }
1404
+ .tui-gap-5 { gap: var(--tui-spacing-5); }
1405
+ .tui-gap-6 { gap: var(--tui-spacing-6); }
1406
+ .tui-gap-7 { gap: var(--tui-spacing-7); }
1407
+ .tui-gap-8 { gap: var(--tui-spacing-8); }
1408
+ .tui-gap-9 { gap: var(--tui-spacing-9); }
1409
+ .tui-gap-10 { gap: var(--tui-spacing-10); }
1410
+ .tui-gap-11 { gap: var(--tui-spacing-11); }
1411
+ .tui-gap-12 { gap: var(--tui-spacing-12); }
1412
+ .tui-gap-14 { gap: var(--tui-spacing-14); }
1413
+ .tui-gap-16 { gap: var(--tui-spacing-16); }
1414
+ .tui-gap-20 { gap: var(--tui-spacing-20); }
1415
+ .tui-gap-24 { gap: var(--tui-spacing-24); }
1416
+ .tui-gap-28 { gap: var(--tui-spacing-28); }
1417
+ .tui-gap-32 { gap: var(--tui-spacing-32); }
1418
+ .tui-gap-36 { gap: var(--tui-spacing-36); }
1419
+ .tui-gap-40 { gap: var(--tui-spacing-40); }
1420
+ .tui-gap-44 { gap: var(--tui-spacing-44); }
1421
+ .tui-gap-48 { gap: var(--tui-spacing-48); }
1422
+ .tui-gap-52 { gap: var(--tui-spacing-52); }
1423
+ .tui-gap-56 { gap: var(--tui-spacing-56); }
1424
+ .tui-gap-60 { gap: var(--tui-spacing-60); }
1425
+ .tui-gap-64 { gap: var(--tui-spacing-64); }
1426
+ .tui-gap-72 { gap: var(--tui-spacing-72); }
1427
+ .tui-gap-80 { gap: var(--tui-spacing-80); }
1428
+ .tui-gap-96 { gap: var(--tui-spacing-96); }
1429
+ .tui-gap-px { gap: var(--tui-spacing-px); }
1430
+ .tui-gap-0_5 { gap: var(--tui-spacing-0_5); }
1431
+ .tui-gap-1_5 { gap: var(--tui-spacing-1_5); }
1432
+ .tui-gap-2_5 { gap: var(--tui-spacing-2_5); }
1433
+ .tui-gap-3_5 { gap: var(--tui-spacing-3_5); }
1434
+ .tui-gap-component-xs { gap: var(--tui-spacing-component-xs); }
1435
+ .tui-gap-component-sm { gap: var(--tui-spacing-component-sm); }
1436
+ .tui-gap-component-md { gap: var(--tui-spacing-component-md); }
1437
+ .tui-gap-component-lg { gap: var(--tui-spacing-component-lg); }
1438
+ .tui-gap-component-xl { gap: var(--tui-spacing-component-xl); }
1439
+ .tui-gap-section-sm { gap: var(--tui-spacing-section-sm); }
1440
+ .tui-gap-section-md { gap: var(--tui-spacing-section-md); }
1441
+ .tui-gap-section-lg { gap: var(--tui-spacing-section-lg); }
1442
+ .tui-gap-page-padding { gap: var(--tui-spacing-page-padding); }
1443
+ .tui-gap-card-padding { gap: var(--tui-spacing-card-padding); }
1444
+ .tui-gap-modal-padding { gap: var(--tui-spacing-modal-padding); }
1445
+ .tui-gap-stack-sm { gap: var(--tui-spacing-stack-sm); }
1446
+ .tui-gap-stack-md { gap: var(--tui-spacing-stack-md); }
1447
+ .tui-gap-stack-lg { gap: var(--tui-spacing-stack-lg); }
1448
+ .tui-gap-inline-sm { gap: var(--tui-spacing-inline-sm); }
1449
+ .tui-gap-inline-md { gap: var(--tui-spacing-inline-md); }
1450
+ .tui-gap-inline-lg { gap: var(--tui-spacing-inline-lg); }
1451
+
1452
+ .tui-text-2xs { font-size: var(--tui-font-size-2xs); line-height: var(--tui-leading-4); }
1453
+ .tui-text-xs { font-size: var(--tui-font-size-xs); line-height: var(--tui-leading-4); }
1454
+ .tui-text-sm { font-size: var(--tui-font-size-sm); line-height: var(--tui-leading-5); }
1455
+ .tui-text-md { font-size: var(--tui-font-size-md); line-height: var(--tui-leading-6); }
1456
+ .tui-text-lg { font-size: var(--tui-font-size-lg); line-height: var(--tui-leading-7); }
1457
+ .tui-text-xl { font-size: var(--tui-font-size-xl); line-height: var(--tui-leading-7); }
1458
+ .tui-text-2xl { font-size: var(--tui-font-size-2xl); line-height: var(--tui-leading-8); }
1459
+ .tui-text-3xl { font-size: var(--tui-font-size-3xl); line-height: var(--tui-leading-9); }
1460
+ .tui-text-4xl { font-size: var(--tui-font-size-4xl); line-height: var(--tui-leading-10); }
1461
+ .tui-text-5xl { font-size: var(--tui-font-size-5xl); line-height: var(--tui-leading-none); }
1462
+ .tui-text-6xl { font-size: var(--tui-font-size-6xl); line-height: var(--tui-leading-none); }
1463
+ .tui-text-7xl { font-size: var(--tui-font-size-7xl); line-height: var(--tui-leading-none); }
1464
+
1465
+ .tui-font-thin { font-weight: var(--tui-font-weight-thin); }
1466
+ .tui-font-extralight { font-weight: var(--tui-font-weight-extralight); }
1467
+ .tui-font-light { font-weight: var(--tui-font-weight-light); }
1468
+ .tui-font-normal { font-weight: var(--tui-font-weight-normal); }
1469
+ .tui-font-medium { font-weight: var(--tui-font-weight-medium); }
1470
+ .tui-font-semibold { font-weight: var(--tui-font-weight-semibold); }
1471
+ .tui-font-bold { font-weight: var(--tui-font-weight-bold); }
1472
+ .tui-font-extrabold { font-weight: var(--tui-font-weight-extrabold); }
1473
+ .tui-font-black { font-weight: var(--tui-font-weight-black); }
1474
+
1475
+ .tui-rounded-none { border-radius: var(--tui-radius-none); }
1476
+ .tui-rounded-xs { border-radius: var(--tui-radius-xs); }
1477
+ .tui-rounded-sm { border-radius: var(--tui-radius-sm); }
1478
+ .tui-rounded-md { border-radius: var(--tui-radius-md); }
1479
+ .tui-rounded-lg { border-radius: var(--tui-radius-lg); }
1480
+ .tui-rounded-xl { border-radius: var(--tui-radius-xl); }
1481
+ .tui-rounded-2xl { border-radius: var(--tui-radius-2xl); }
1482
+ .tui-rounded-3xl { border-radius: var(--tui-radius-3xl); }
1483
+ .tui-rounded-full { border-radius: var(--tui-radius-full); }
1484
+ .tui-rounded-default { border-radius: var(--tui-radius-default); }
1485
+ .tui-rounded-button { border-radius: var(--tui-radius-button); }
1486
+ .tui-rounded-input { border-radius: var(--tui-radius-input); }
1487
+ .tui-rounded-card { border-radius: var(--tui-radius-card); }
1488
+ .tui-rounded-badge { border-radius: var(--tui-radius-badge); }
1489
+ .tui-rounded-avatar { border-radius: var(--tui-radius-avatar); }
1490
+ .tui-rounded-modal { border-radius: var(--tui-radius-modal); }
1491
+ .tui-rounded-tooltip { border-radius: var(--tui-radius-tooltip); }
1492
+
1493
+ .tui-shadow-none { box-shadow: var(--tui-shadow-none); }
1494
+ .tui-shadow-xs { box-shadow: var(--tui-shadow-xs); }
1495
+ .tui-shadow-sm { box-shadow: var(--tui-shadow-sm); }
1496
+ .tui-shadow-md { box-shadow: var(--tui-shadow-md); }
1497
+ .tui-shadow-lg { box-shadow: var(--tui-shadow-lg); }
1498
+ .tui-shadow-xl { box-shadow: var(--tui-shadow-xl); }
1499
+ .tui-shadow-2xl { box-shadow: var(--tui-shadow-2xl); }
1500
+ .tui-shadow-inner { box-shadow: var(--tui-shadow-inner); }
1501
+ .tui-shadow-focus { box-shadow: var(--tui-shadow-focus); }
1502
+ .tui-shadow-focus-brand { box-shadow: var(--tui-shadow-focus-brand); }
1503
+ .tui-shadow-default { box-shadow: var(--tui-shadow-default); }
1504
+ .tui-shadow-card { box-shadow: var(--tui-shadow-card); }
1505
+ .tui-shadow-dropdown { box-shadow: var(--tui-shadow-dropdown); }
1506
+ .tui-shadow-modal { box-shadow: var(--tui-shadow-modal); }
1507
+ .tui-shadow-tooltip { box-shadow: var(--tui-shadow-tooltip); }
1508
+ .tui-shadow-button { box-shadow: var(--tui-shadow-button); }
1509
+
1510
+ .tui-opacity-0 { opacity: var(--tui-opacity-0); }
1511
+ .tui-opacity-5 { opacity: var(--tui-opacity-5); }
1512
+ .tui-opacity-10 { opacity: var(--tui-opacity-10); }
1513
+ .tui-opacity-20 { opacity: var(--tui-opacity-20); }
1514
+ .tui-opacity-25 { opacity: var(--tui-opacity-25); }
1515
+ .tui-opacity-30 { opacity: var(--tui-opacity-30); }
1516
+ .tui-opacity-35 { opacity: var(--tui-opacity-35); }
1517
+ .tui-opacity-40 { opacity: var(--tui-opacity-40); }
1518
+ .tui-opacity-45 { opacity: var(--tui-opacity-45); }
1519
+ .tui-opacity-50 { opacity: var(--tui-opacity-50); }
1520
+ .tui-opacity-55 { opacity: var(--tui-opacity-55); }
1521
+ .tui-opacity-60 { opacity: var(--tui-opacity-60); }
1522
+ .tui-opacity-65 { opacity: var(--tui-opacity-65); }
1523
+ .tui-opacity-70 { opacity: var(--tui-opacity-70); }
1524
+ .tui-opacity-75 { opacity: var(--tui-opacity-75); }
1525
+ .tui-opacity-80 { opacity: var(--tui-opacity-80); }
1526
+ .tui-opacity-85 { opacity: var(--tui-opacity-85); }
1527
+ .tui-opacity-90 { opacity: var(--tui-opacity-90); }
1528
+ .tui-opacity-95 { opacity: var(--tui-opacity-95); }
1529
+ .tui-opacity-100 { opacity: var(--tui-opacity-100); }
1530
+
1531
+ .tui-z-hide { z-index: var(--tui-z-hide); }
1532
+ .tui-z-auto { z-index: var(--tui-z-auto); }
1533
+ .tui-z-base { z-index: var(--tui-z-base); }
1534
+ .tui-z-raised { z-index: var(--tui-z-raised); }
1535
+ .tui-z-dropdown { z-index: var(--tui-z-dropdown); }
1536
+ .tui-z-sticky { z-index: var(--tui-z-sticky); }
1537
+ .tui-z-overlay { z-index: var(--tui-z-overlay); }
1538
+ .tui-z-modal { z-index: var(--tui-z-modal); }
1539
+ .tui-z-popover { z-index: var(--tui-z-popover); }
1540
+ .tui-z-toast { z-index: var(--tui-z-toast); }
1541
+ .tui-z-tooltip { z-index: var(--tui-z-tooltip); }
1542
+
1543
+ .tui-block { display: block; }
1544
+ .tui-inline-block { display: inline-block; }
1545
+ .tui-inline { display: inline; }
1546
+ .tui-flex { display: flex; }
1547
+ .tui-inline-flex { display: inline-flex; }
1548
+ .tui-grid { display: grid; }
1549
+ .tui-hidden { display: none; }
1550
+
1551
+ .tui-flex-row { flex-direction: row; }
1552
+ .tui-flex-col { flex-direction: column; }
1553
+ .tui-flex-row-reverse { flex-direction: row-reverse; }
1554
+ .tui-flex-col-reverse { flex-direction: column-reverse; }
1555
+
1556
+ .tui-items-start { align-items: flex-start; }
1557
+ .tui-items-end { align-items: flex-end; }
1558
+ .tui-items-center { align-items: center; }
1559
+ .tui-items-stretch { align-items: stretch; }
1560
+ .tui-items-baseline { align-items: baseline; }
1561
+ .tui-justify-start { justify-content: flex-start; }
1562
+ .tui-justify-end { justify-content: flex-end; }
1563
+ .tui-justify-center { justify-content: center; }
1564
+ .tui-justify-between { justify-content: space-between; }
1565
+ .tui-justify-around { justify-content: space-around; }
1566
+ .tui-justify-evenly { justify-content: space-evenly; }
1567
+
1568
+ .tui-w-0 { width: var(--tui-spacing-0); }
1569
+ .tui-h-0 { height: var(--tui-spacing-0); }
1570
+ .tui-w-1 { width: var(--tui-spacing-1); }
1571
+ .tui-h-1 { height: var(--tui-spacing-1); }
1572
+ .tui-w-2 { width: var(--tui-spacing-2); }
1573
+ .tui-h-2 { height: var(--tui-spacing-2); }
1574
+ .tui-w-3 { width: var(--tui-spacing-3); }
1575
+ .tui-h-3 { height: var(--tui-spacing-3); }
1576
+ .tui-w-4 { width: var(--tui-spacing-4); }
1577
+ .tui-h-4 { height: var(--tui-spacing-4); }
1578
+ .tui-w-5 { width: var(--tui-spacing-5); }
1579
+ .tui-h-5 { height: var(--tui-spacing-5); }
1580
+ .tui-w-6 { width: var(--tui-spacing-6); }
1581
+ .tui-h-6 { height: var(--tui-spacing-6); }
1582
+ .tui-w-7 { width: var(--tui-spacing-7); }
1583
+ .tui-h-7 { height: var(--tui-spacing-7); }
1584
+ .tui-w-8 { width: var(--tui-spacing-8); }
1585
+ .tui-h-8 { height: var(--tui-spacing-8); }
1586
+ .tui-w-9 { width: var(--tui-spacing-9); }
1587
+ .tui-h-9 { height: var(--tui-spacing-9); }
1588
+ .tui-w-10 { width: var(--tui-spacing-10); }
1589
+ .tui-h-10 { height: var(--tui-spacing-10); }
1590
+ .tui-w-11 { width: var(--tui-spacing-11); }
1591
+ .tui-h-11 { height: var(--tui-spacing-11); }
1592
+ .tui-w-12 { width: var(--tui-spacing-12); }
1593
+ .tui-h-12 { height: var(--tui-spacing-12); }
1594
+ .tui-w-14 { width: var(--tui-spacing-14); }
1595
+ .tui-h-14 { height: var(--tui-spacing-14); }
1596
+ .tui-w-16 { width: var(--tui-spacing-16); }
1597
+ .tui-h-16 { height: var(--tui-spacing-16); }
1598
+ .tui-w-20 { width: var(--tui-spacing-20); }
1599
+ .tui-h-20 { height: var(--tui-spacing-20); }
1600
+ .tui-w-24 { width: var(--tui-spacing-24); }
1601
+ .tui-h-24 { height: var(--tui-spacing-24); }
1602
+ .tui-w-28 { width: var(--tui-spacing-28); }
1603
+ .tui-h-28 { height: var(--tui-spacing-28); }
1604
+ .tui-w-32 { width: var(--tui-spacing-32); }
1605
+ .tui-h-32 { height: var(--tui-spacing-32); }
1606
+ .tui-w-36 { width: var(--tui-spacing-36); }
1607
+ .tui-h-36 { height: var(--tui-spacing-36); }
1608
+ .tui-w-40 { width: var(--tui-spacing-40); }
1609
+ .tui-h-40 { height: var(--tui-spacing-40); }
1610
+ .tui-w-44 { width: var(--tui-spacing-44); }
1611
+ .tui-h-44 { height: var(--tui-spacing-44); }
1612
+ .tui-w-48 { width: var(--tui-spacing-48); }
1613
+ .tui-h-48 { height: var(--tui-spacing-48); }
1614
+ .tui-w-52 { width: var(--tui-spacing-52); }
1615
+ .tui-h-52 { height: var(--tui-spacing-52); }
1616
+ .tui-w-56 { width: var(--tui-spacing-56); }
1617
+ .tui-h-56 { height: var(--tui-spacing-56); }
1618
+ .tui-w-60 { width: var(--tui-spacing-60); }
1619
+ .tui-h-60 { height: var(--tui-spacing-60); }
1620
+ .tui-w-64 { width: var(--tui-spacing-64); }
1621
+ .tui-h-64 { height: var(--tui-spacing-64); }
1622
+ .tui-w-72 { width: var(--tui-spacing-72); }
1623
+ .tui-h-72 { height: var(--tui-spacing-72); }
1624
+ .tui-w-80 { width: var(--tui-spacing-80); }
1625
+ .tui-h-80 { height: var(--tui-spacing-80); }
1626
+ .tui-w-96 { width: var(--tui-spacing-96); }
1627
+ .tui-h-96 { height: var(--tui-spacing-96); }
1628
+ .tui-w-px { width: var(--tui-spacing-px); }
1629
+ .tui-h-px { height: var(--tui-spacing-px); }
1630
+ .tui-w-0_5 { width: var(--tui-spacing-0_5); }
1631
+ .tui-h-0_5 { height: var(--tui-spacing-0_5); }
1632
+ .tui-w-1_5 { width: var(--tui-spacing-1_5); }
1633
+ .tui-h-1_5 { height: var(--tui-spacing-1_5); }
1634
+ .tui-w-2_5 { width: var(--tui-spacing-2_5); }
1635
+ .tui-h-2_5 { height: var(--tui-spacing-2_5); }
1636
+ .tui-w-3_5 { width: var(--tui-spacing-3_5); }
1637
+ .tui-h-3_5 { height: var(--tui-spacing-3_5); }
1638
+ .tui-w-component-xs { width: var(--tui-spacing-component-xs); }
1639
+ .tui-h-component-xs { height: var(--tui-spacing-component-xs); }
1640
+ .tui-w-component-sm { width: var(--tui-spacing-component-sm); }
1641
+ .tui-h-component-sm { height: var(--tui-spacing-component-sm); }
1642
+ .tui-w-component-md { width: var(--tui-spacing-component-md); }
1643
+ .tui-h-component-md { height: var(--tui-spacing-component-md); }
1644
+ .tui-w-component-lg { width: var(--tui-spacing-component-lg); }
1645
+ .tui-h-component-lg { height: var(--tui-spacing-component-lg); }
1646
+ .tui-w-component-xl { width: var(--tui-spacing-component-xl); }
1647
+ .tui-h-component-xl { height: var(--tui-spacing-component-xl); }
1648
+ .tui-w-section-sm { width: var(--tui-spacing-section-sm); }
1649
+ .tui-h-section-sm { height: var(--tui-spacing-section-sm); }
1650
+ .tui-w-section-md { width: var(--tui-spacing-section-md); }
1651
+ .tui-h-section-md { height: var(--tui-spacing-section-md); }
1652
+ .tui-w-section-lg { width: var(--tui-spacing-section-lg); }
1653
+ .tui-h-section-lg { height: var(--tui-spacing-section-lg); }
1654
+ .tui-w-page-padding { width: var(--tui-spacing-page-padding); }
1655
+ .tui-h-page-padding { height: var(--tui-spacing-page-padding); }
1656
+ .tui-w-card-padding { width: var(--tui-spacing-card-padding); }
1657
+ .tui-h-card-padding { height: var(--tui-spacing-card-padding); }
1658
+ .tui-w-modal-padding { width: var(--tui-spacing-modal-padding); }
1659
+ .tui-h-modal-padding { height: var(--tui-spacing-modal-padding); }
1660
+ .tui-w-stack-sm { width: var(--tui-spacing-stack-sm); }
1661
+ .tui-h-stack-sm { height: var(--tui-spacing-stack-sm); }
1662
+ .tui-w-stack-md { width: var(--tui-spacing-stack-md); }
1663
+ .tui-h-stack-md { height: var(--tui-spacing-stack-md); }
1664
+ .tui-w-stack-lg { width: var(--tui-spacing-stack-lg); }
1665
+ .tui-h-stack-lg { height: var(--tui-spacing-stack-lg); }
1666
+ .tui-w-inline-sm { width: var(--tui-spacing-inline-sm); }
1667
+ .tui-h-inline-sm { height: var(--tui-spacing-inline-sm); }
1668
+ .tui-w-inline-md { width: var(--tui-spacing-inline-md); }
1669
+ .tui-h-inline-md { height: var(--tui-spacing-inline-md); }
1670
+ .tui-w-inline-lg { width: var(--tui-spacing-inline-lg); }
1671
+ .tui-h-inline-lg { height: var(--tui-spacing-inline-lg); }
1672
+
1673
+ .tui-w-full { width: 100%; }
1674
+ .tui-w-auto { width: auto; }
1675
+ .tui-w-screen { width: 100vw; }
1676
+ .tui-w-min { width: min-content; }
1677
+ .tui-w-max { width: max-content; }
1678
+ .tui-w-fit { width: fit-content; }
1679
+ .tui-w-1\/2 { width: 50%; }
1680
+ .tui-w-1\/3 { width: 33.333333%; }
1681
+ .tui-w-2\/3 { width: 66.666667%; }
1682
+ .tui-w-1\/4 { width: 25%; }
1683
+ .tui-w-3\/4 { width: 75%; }
1684
+ .tui-w-1\/5 { width: 20%; }
1685
+ .tui-w-2\/5 { width: 40%; }
1686
+ .tui-w-3\/5 { width: 60%; }
1687
+ .tui-w-4\/5 { width: 80%; }
1688
+
1689
+ .tui-h-full { height: 100%; }
1690
+ .tui-h-auto { height: auto; }
1691
+ .tui-h-screen { height: 100vh; }
1692
+ .tui-h-min { height: min-content; }
1693
+ .tui-h-max { height: max-content; }
1694
+ .tui-h-fit { height: fit-content; }
1695
+ .tui-h-1\/2 { height: 50%; }
1696
+ .tui-h-1\/3 { height: 33.333333%; }
1697
+ .tui-h-2\/3 { height: 66.666667%; }
1698
+
1699
+ .tui-min-w-0 { min-width: 0; }
1700
+ .tui-min-w-full { min-width: 100%; }
1701
+ .tui-max-w-full { max-width: 100%; }
1702
+ .tui-max-w-none { max-width: none; }
1703
+ .tui-max-w-screen { max-width: 100vw; }
1704
+ .tui-min-h-0 { min-height: 0; }
1705
+ .tui-min-h-full { min-height: 100%; }
1706
+ .tui-min-h-screen { min-height: 100vh; }
1707
+ .tui-max-h-full { max-height: 100%; }
1708
+ .tui-max-h-screen { max-height: 100vh; }
1709
+
1710
+ .tui-max-w-xs { max-width: 20rem; }
1711
+ .tui-max-w-sm { max-width: 24rem; }
1712
+ .tui-max-w-md { max-width: 28rem; }
1713
+ .tui-max-w-lg { max-width: 32rem; }
1714
+ .tui-max-w-xl { max-width: 36rem; }
1715
+ .tui-max-w-2xl { max-width: 42rem; }
1716
+ .tui-max-w-3xl { max-width: 48rem; }
1717
+ .tui-max-w-4xl { max-width: 56rem; }
1718
+ .tui-max-w-5xl { max-width: 64rem; }
1719
+ .tui-max-w-6xl { max-width: 72rem; }
1720
+ .tui-max-w-7xl { max-width: 80rem; }
1721
+
1722
+ .tui-border-0 { border-width: var(--tui-border-width-0); border-style: solid; }
1723
+ .tui-border-t-0 { border-top-width: var(--tui-border-width-0); border-top-style: solid; }
1724
+ .tui-border-r-0 { border-right-width: var(--tui-border-width-0); border-right-style: solid; }
1725
+ .tui-border-b-0 { border-bottom-width: var(--tui-border-width-0); border-bottom-style: solid; }
1726
+ .tui-border-l-0 { border-left-width: var(--tui-border-width-0); border-left-style: solid; }
1727
+ .tui-border { border-width: var(--tui-border-width-1); border-style: solid; }
1728
+ .tui-border-1 { border-width: var(--tui-border-width-1); border-style: solid; }
1729
+ .tui-border-t-1 { border-top-width: var(--tui-border-width-1); border-top-style: solid; }
1730
+ .tui-border-r-1 { border-right-width: var(--tui-border-width-1); border-right-style: solid; }
1731
+ .tui-border-b-1 { border-bottom-width: var(--tui-border-width-1); border-bottom-style: solid; }
1732
+ .tui-border-l-1 { border-left-width: var(--tui-border-width-1); border-left-style: solid; }
1733
+ .tui-border-2 { border-width: var(--tui-border-width-2); border-style: solid; }
1734
+ .tui-border-t-2 { border-top-width: var(--tui-border-width-2); border-top-style: solid; }
1735
+ .tui-border-r-2 { border-right-width: var(--tui-border-width-2); border-right-style: solid; }
1736
+ .tui-border-b-2 { border-bottom-width: var(--tui-border-width-2); border-bottom-style: solid; }
1737
+ .tui-border-l-2 { border-left-width: var(--tui-border-width-2); border-left-style: solid; }
1738
+ .tui-border-3 { border-width: var(--tui-border-width-3); border-style: solid; }
1739
+ .tui-border-t-3 { border-top-width: var(--tui-border-width-3); border-top-style: solid; }
1740
+ .tui-border-r-3 { border-right-width: var(--tui-border-width-3); border-right-style: solid; }
1741
+ .tui-border-b-3 { border-bottom-width: var(--tui-border-width-3); border-bottom-style: solid; }
1742
+ .tui-border-l-3 { border-left-width: var(--tui-border-width-3); border-left-style: solid; }
1743
+ .tui-border-4 { border-width: var(--tui-border-width-4); border-style: solid; }
1744
+ .tui-border-t-4 { border-top-width: var(--tui-border-width-4); border-top-style: solid; }
1745
+ .tui-border-r-4 { border-right-width: var(--tui-border-width-4); border-right-style: solid; }
1746
+ .tui-border-b-4 { border-bottom-width: var(--tui-border-width-4); border-bottom-style: solid; }
1747
+ .tui-border-l-4 { border-left-width: var(--tui-border-width-4); border-left-style: solid; }
1748
+ .tui-border-5 { border-width: var(--tui-border-width-5); border-style: solid; }
1749
+ .tui-border-t-5 { border-top-width: var(--tui-border-width-5); border-top-style: solid; }
1750
+ .tui-border-r-5 { border-right-width: var(--tui-border-width-5); border-right-style: solid; }
1751
+ .tui-border-b-5 { border-bottom-width: var(--tui-border-width-5); border-bottom-style: solid; }
1752
+ .tui-border-l-5 { border-left-width: var(--tui-border-width-5); border-left-style: solid; }
1753
+ .tui-border-8 { border-width: var(--tui-border-width-8); border-style: solid; }
1754
+ .tui-border-t-8 { border-top-width: var(--tui-border-width-8); border-top-style: solid; }
1755
+ .tui-border-r-8 { border-right-width: var(--tui-border-width-8); border-right-style: solid; }
1756
+ .tui-border-b-8 { border-bottom-width: var(--tui-border-width-8); border-bottom-style: solid; }
1757
+ .tui-border-l-8 { border-left-width: var(--tui-border-width-8); border-left-style: solid; }
1758
+ .tui-border-0_5 { border-width: var(--tui-border-width-0_5); border-style: solid; }
1759
+ .tui-border-t-0_5 { border-top-width: var(--tui-border-width-0_5); border-top-style: solid; }
1760
+ .tui-border-r-0_5 { border-right-width: var(--tui-border-width-0_5); border-right-style: solid; }
1761
+ .tui-border-b-0_5 { border-bottom-width: var(--tui-border-width-0_5); border-bottom-style: solid; }
1762
+ .tui-border-l-0_5 { border-left-width: var(--tui-border-width-0_5); border-left-style: solid; }
1763
+ .tui-border-1_5 { border-width: var(--tui-border-width-1_5); border-style: solid; }
1764
+ .tui-border-t-1_5 { border-top-width: var(--tui-border-width-1_5); border-top-style: solid; }
1765
+ .tui-border-r-1_5 { border-right-width: var(--tui-border-width-1_5); border-right-style: solid; }
1766
+ .tui-border-b-1_5 { border-bottom-width: var(--tui-border-width-1_5); border-bottom-style: solid; }
1767
+ .tui-border-l-1_5 { border-left-width: var(--tui-border-width-1_5); border-left-style: solid; }
1768
+ .tui-border-2_5 { border-width: var(--tui-border-width-2_5); border-style: solid; }
1769
+ .tui-border-t-2_5 { border-top-width: var(--tui-border-width-2_5); border-top-style: solid; }
1770
+ .tui-border-r-2_5 { border-right-width: var(--tui-border-width-2_5); border-right-style: solid; }
1771
+ .tui-border-b-2_5 { border-bottom-width: var(--tui-border-width-2_5); border-bottom-style: solid; }
1772
+ .tui-border-l-2_5 { border-left-width: var(--tui-border-width-2_5); border-left-style: solid; }
1773
+ .tui-border-3_5 { border-width: var(--tui-border-width-3_5); border-style: solid; }
1774
+ .tui-border-t-3_5 { border-top-width: var(--tui-border-width-3_5); border-top-style: solid; }
1775
+ .tui-border-r-3_5 { border-right-width: var(--tui-border-width-3_5); border-right-style: solid; }
1776
+ .tui-border-b-3_5 { border-bottom-width: var(--tui-border-width-3_5); border-bottom-style: solid; }
1777
+ .tui-border-l-3_5 { border-left-width: var(--tui-border-width-3_5); border-left-style: solid; }
1778
+ .tui-border-4_5 { border-width: var(--tui-border-width-4_5); border-style: solid; }
1779
+ .tui-border-t-4_5 { border-top-width: var(--tui-border-width-4_5); border-top-style: solid; }
1780
+ .tui-border-r-4_5 { border-right-width: var(--tui-border-width-4_5); border-right-style: solid; }
1781
+ .tui-border-b-4_5 { border-bottom-width: var(--tui-border-width-4_5); border-bottom-style: solid; }
1782
+ .tui-border-l-4_5 { border-left-width: var(--tui-border-width-4_5); border-left-style: solid; }
1783
+ .tui-border-5_5 { border-width: var(--tui-border-width-5_5); border-style: solid; }
1784
+ .tui-border-t-5_5 { border-top-width: var(--tui-border-width-5_5); border-top-style: solid; }
1785
+ .tui-border-r-5_5 { border-right-width: var(--tui-border-width-5_5); border-right-style: solid; }
1786
+ .tui-border-b-5_5 { border-bottom-width: var(--tui-border-width-5_5); border-bottom-style: solid; }
1787
+ .tui-border-l-5_5 { border-left-width: var(--tui-border-width-5_5); border-left-style: solid; }
1788
+ .tui-border-none { border-width: var(--tui-border-width-none); border-style: solid; }
1789
+ .tui-border-t-none { border-top-width: var(--tui-border-width-none); border-top-style: solid; }
1790
+ .tui-border-r-none { border-right-width: var(--tui-border-width-none); border-right-style: solid; }
1791
+ .tui-border-b-none { border-bottom-width: var(--tui-border-width-none); border-bottom-style: solid; }
1792
+ .tui-border-l-none { border-left-width: var(--tui-border-width-none); border-left-style: solid; }
1793
+ .tui-border-xs { border-width: var(--tui-border-width-xs); border-style: solid; }
1794
+ .tui-border-t-xs { border-top-width: var(--tui-border-width-xs); border-top-style: solid; }
1795
+ .tui-border-r-xs { border-right-width: var(--tui-border-width-xs); border-right-style: solid; }
1796
+ .tui-border-b-xs { border-bottom-width: var(--tui-border-width-xs); border-bottom-style: solid; }
1797
+ .tui-border-l-xs { border-left-width: var(--tui-border-width-xs); border-left-style: solid; }
1798
+ .tui-border-sm { border-width: var(--tui-border-width-sm); border-style: solid; }
1799
+ .tui-border-t-sm { border-top-width: var(--tui-border-width-sm); border-top-style: solid; }
1800
+ .tui-border-r-sm { border-right-width: var(--tui-border-width-sm); border-right-style: solid; }
1801
+ .tui-border-b-sm { border-bottom-width: var(--tui-border-width-sm); border-bottom-style: solid; }
1802
+ .tui-border-l-sm { border-left-width: var(--tui-border-width-sm); border-left-style: solid; }
1803
+ .tui-border-md { border-width: var(--tui-border-width-md); border-style: solid; }
1804
+ .tui-border-t-md { border-top-width: var(--tui-border-width-md); border-top-style: solid; }
1805
+ .tui-border-r-md { border-right-width: var(--tui-border-width-md); border-right-style: solid; }
1806
+ .tui-border-b-md { border-bottom-width: var(--tui-border-width-md); border-bottom-style: solid; }
1807
+ .tui-border-l-md { border-left-width: var(--tui-border-width-md); border-left-style: solid; }
1808
+ .tui-border-lg { border-width: var(--tui-border-width-lg); border-style: solid; }
1809
+ .tui-border-t-lg { border-top-width: var(--tui-border-width-lg); border-top-style: solid; }
1810
+ .tui-border-r-lg { border-right-width: var(--tui-border-width-lg); border-right-style: solid; }
1811
+ .tui-border-b-lg { border-bottom-width: var(--tui-border-width-lg); border-bottom-style: solid; }
1812
+ .tui-border-l-lg { border-left-width: var(--tui-border-width-lg); border-left-style: solid; }
1813
+ .tui-border-xl { border-width: var(--tui-border-width-xl); border-style: solid; }
1814
+ .tui-border-t-xl { border-top-width: var(--tui-border-width-xl); border-top-style: solid; }
1815
+ .tui-border-r-xl { border-right-width: var(--tui-border-width-xl); border-right-style: solid; }
1816
+ .tui-border-b-xl { border-bottom-width: var(--tui-border-width-xl); border-bottom-style: solid; }
1817
+ .tui-border-l-xl { border-left-width: var(--tui-border-width-xl); border-left-style: solid; }
1818
+ .tui-border-2xl { border-width: var(--tui-border-width-2xl); border-style: solid; }
1819
+ .tui-border-t-2xl { border-top-width: var(--tui-border-width-2xl); border-top-style: solid; }
1820
+ .tui-border-r-2xl { border-right-width: var(--tui-border-width-2xl); border-right-style: solid; }
1821
+ .tui-border-b-2xl { border-bottom-width: var(--tui-border-width-2xl); border-bottom-style: solid; }
1822
+ .tui-border-l-2xl { border-left-width: var(--tui-border-width-2xl); border-left-style: solid; }
1823
+ .tui-border-3xl { border-width: var(--tui-border-width-3xl); border-style: solid; }
1824
+ .tui-border-t-3xl { border-top-width: var(--tui-border-width-3xl); border-top-style: solid; }
1825
+ .tui-border-r-3xl { border-right-width: var(--tui-border-width-3xl); border-right-style: solid; }
1826
+ .tui-border-b-3xl { border-bottom-width: var(--tui-border-width-3xl); border-bottom-style: solid; }
1827
+ .tui-border-l-3xl { border-left-width: var(--tui-border-width-3xl); border-left-style: solid; }
1828
+ .tui-border-4xl { border-width: var(--tui-border-width-4xl); border-style: solid; }
1829
+ .tui-border-t-4xl { border-top-width: var(--tui-border-width-4xl); border-top-style: solid; }
1830
+ .tui-border-r-4xl { border-right-width: var(--tui-border-width-4xl); border-right-style: solid; }
1831
+ .tui-border-b-4xl { border-bottom-width: var(--tui-border-width-4xl); border-bottom-style: solid; }
1832
+ .tui-border-l-4xl { border-left-width: var(--tui-border-width-4xl); border-left-style: solid; }
1833
+ .tui-border-5xl { border-width: var(--tui-border-width-5xl); border-style: solid; }
1834
+ .tui-border-t-5xl { border-top-width: var(--tui-border-width-5xl); border-top-style: solid; }
1835
+ .tui-border-r-5xl { border-right-width: var(--tui-border-width-5xl); border-right-style: solid; }
1836
+ .tui-border-b-5xl { border-bottom-width: var(--tui-border-width-5xl); border-bottom-style: solid; }
1837
+ .tui-border-l-5xl { border-left-width: var(--tui-border-width-5xl); border-left-style: solid; }
1838
+ .tui-border-6xl { border-width: var(--tui-border-width-6xl); border-style: solid; }
1839
+ .tui-border-t-6xl { border-top-width: var(--tui-border-width-6xl); border-top-style: solid; }
1840
+ .tui-border-r-6xl { border-right-width: var(--tui-border-width-6xl); border-right-style: solid; }
1841
+ .tui-border-b-6xl { border-bottom-width: var(--tui-border-width-6xl); border-bottom-style: solid; }
1842
+ .tui-border-l-6xl { border-left-width: var(--tui-border-width-6xl); border-left-style: solid; }
1843
+ .tui-border-7xl { border-width: var(--tui-border-width-7xl); border-style: solid; }
1844
+ .tui-border-t-7xl { border-top-width: var(--tui-border-width-7xl); border-top-style: solid; }
1845
+ .tui-border-r-7xl { border-right-width: var(--tui-border-width-7xl); border-right-style: solid; }
1846
+ .tui-border-b-7xl { border-bottom-width: var(--tui-border-width-7xl); border-bottom-style: solid; }
1847
+ .tui-border-l-7xl { border-left-width: var(--tui-border-width-7xl); border-left-style: solid; }
1848
+ .tui-border-8xl { border-width: var(--tui-border-width-8xl); border-style: solid; }
1849
+ .tui-border-t-8xl { border-top-width: var(--tui-border-width-8xl); border-top-style: solid; }
1850
+ .tui-border-r-8xl { border-right-width: var(--tui-border-width-8xl); border-right-style: solid; }
1851
+ .tui-border-b-8xl { border-bottom-width: var(--tui-border-width-8xl); border-bottom-style: solid; }
1852
+ .tui-border-l-8xl { border-left-width: var(--tui-border-width-8xl); border-left-style: solid; }
1853
+ .tui-border-default { border-width: var(--tui-border-width-default); border-style: solid; }
1854
+ .tui-border-t-default { border-top-width: var(--tui-border-width-default); border-top-style: solid; }
1855
+ .tui-border-r-default { border-right-width: var(--tui-border-width-default); border-right-style: solid; }
1856
+ .tui-border-b-default { border-bottom-width: var(--tui-border-width-default); border-bottom-style: solid; }
1857
+ .tui-border-l-default { border-left-width: var(--tui-border-width-default); border-left-style: solid; }
1858
+ .tui-border-input { border-width: var(--tui-border-width-input); border-style: solid; }
1859
+ .tui-border-t-input { border-top-width: var(--tui-border-width-input); border-top-style: solid; }
1860
+ .tui-border-r-input { border-right-width: var(--tui-border-width-input); border-right-style: solid; }
1861
+ .tui-border-b-input { border-bottom-width: var(--tui-border-width-input); border-bottom-style: solid; }
1862
+ .tui-border-l-input { border-left-width: var(--tui-border-width-input); border-left-style: solid; }
1863
+ .tui-border-card { border-width: var(--tui-border-width-card); border-style: solid; }
1864
+ .tui-border-t-card { border-top-width: var(--tui-border-width-card); border-top-style: solid; }
1865
+ .tui-border-r-card { border-right-width: var(--tui-border-width-card); border-right-style: solid; }
1866
+ .tui-border-b-card { border-bottom-width: var(--tui-border-width-card); border-bottom-style: solid; }
1867
+ .tui-border-l-card { border-left-width: var(--tui-border-width-card); border-left-style: solid; }
1868
+ .tui-border-divider { border-width: var(--tui-border-width-divider); border-style: solid; }
1869
+ .tui-border-t-divider { border-top-width: var(--tui-border-width-divider); border-top-style: solid; }
1870
+ .tui-border-r-divider { border-right-width: var(--tui-border-width-divider); border-right-style: solid; }
1871
+ .tui-border-b-divider { border-bottom-width: var(--tui-border-width-divider); border-bottom-style: solid; }
1872
+ .tui-border-l-divider { border-left-width: var(--tui-border-width-divider); border-left-style: solid; }
1873
+ .tui-border-thick { border-width: var(--tui-border-width-thick); border-style: solid; }
1874
+ .tui-border-t-thick { border-top-width: var(--tui-border-width-thick); border-top-style: solid; }
1875
+ .tui-border-r-thick { border-right-width: var(--tui-border-width-thick); border-right-style: solid; }
1876
+ .tui-border-b-thick { border-bottom-width: var(--tui-border-width-thick); border-bottom-style: solid; }
1877
+ .tui-border-l-thick { border-left-width: var(--tui-border-width-thick); border-left-style: solid; }
1878
+ .tui-border-none { border: none; }
1879
+
1880
+ .tui-border-solid { border-style: solid; }
1881
+ .tui-border-dashed { border-style: dashed; }
1882
+ .tui-border-dotted { border-style: dotted; }
1883
+ .tui-border-hidden { border-style: hidden; }
1884
+
1885
+ .tui-rounded-t-none { border-top-left-radius: var(--tui-radius-none); border-top-right-radius: var(--tui-radius-none); }
1886
+ .tui-rounded-b-none { border-bottom-left-radius: var(--tui-radius-none); border-bottom-right-radius: var(--tui-radius-none); }
1887
+ .tui-rounded-l-none { border-top-left-radius: var(--tui-radius-none); border-bottom-left-radius: var(--tui-radius-none); }
1888
+ .tui-rounded-r-none { border-top-right-radius: var(--tui-radius-none); border-bottom-right-radius: var(--tui-radius-none); }
1889
+ .tui-rounded-t-xs { border-top-left-radius: var(--tui-radius-xs); border-top-right-radius: var(--tui-radius-xs); }
1890
+ .tui-rounded-b-xs { border-bottom-left-radius: var(--tui-radius-xs); border-bottom-right-radius: var(--tui-radius-xs); }
1891
+ .tui-rounded-l-xs { border-top-left-radius: var(--tui-radius-xs); border-bottom-left-radius: var(--tui-radius-xs); }
1892
+ .tui-rounded-r-xs { border-top-right-radius: var(--tui-radius-xs); border-bottom-right-radius: var(--tui-radius-xs); }
1893
+ .tui-rounded-t-sm { border-top-left-radius: var(--tui-radius-sm); border-top-right-radius: var(--tui-radius-sm); }
1894
+ .tui-rounded-b-sm { border-bottom-left-radius: var(--tui-radius-sm); border-bottom-right-radius: var(--tui-radius-sm); }
1895
+ .tui-rounded-l-sm { border-top-left-radius: var(--tui-radius-sm); border-bottom-left-radius: var(--tui-radius-sm); }
1896
+ .tui-rounded-r-sm { border-top-right-radius: var(--tui-radius-sm); border-bottom-right-radius: var(--tui-radius-sm); }
1897
+ .tui-rounded-t-md { border-top-left-radius: var(--tui-radius-md); border-top-right-radius: var(--tui-radius-md); }
1898
+ .tui-rounded-b-md { border-bottom-left-radius: var(--tui-radius-md); border-bottom-right-radius: var(--tui-radius-md); }
1899
+ .tui-rounded-l-md { border-top-left-radius: var(--tui-radius-md); border-bottom-left-radius: var(--tui-radius-md); }
1900
+ .tui-rounded-r-md { border-top-right-radius: var(--tui-radius-md); border-bottom-right-radius: var(--tui-radius-md); }
1901
+ .tui-rounded-t-lg { border-top-left-radius: var(--tui-radius-lg); border-top-right-radius: var(--tui-radius-lg); }
1902
+ .tui-rounded-b-lg { border-bottom-left-radius: var(--tui-radius-lg); border-bottom-right-radius: var(--tui-radius-lg); }
1903
+ .tui-rounded-l-lg { border-top-left-radius: var(--tui-radius-lg); border-bottom-left-radius: var(--tui-radius-lg); }
1904
+ .tui-rounded-r-lg { border-top-right-radius: var(--tui-radius-lg); border-bottom-right-radius: var(--tui-radius-lg); }
1905
+ .tui-rounded-t-xl { border-top-left-radius: var(--tui-radius-xl); border-top-right-radius: var(--tui-radius-xl); }
1906
+ .tui-rounded-b-xl { border-bottom-left-radius: var(--tui-radius-xl); border-bottom-right-radius: var(--tui-radius-xl); }
1907
+ .tui-rounded-l-xl { border-top-left-radius: var(--tui-radius-xl); border-bottom-left-radius: var(--tui-radius-xl); }
1908
+ .tui-rounded-r-xl { border-top-right-radius: var(--tui-radius-xl); border-bottom-right-radius: var(--tui-radius-xl); }
1909
+ .tui-rounded-t-2xl { border-top-left-radius: var(--tui-radius-2xl); border-top-right-radius: var(--tui-radius-2xl); }
1910
+ .tui-rounded-b-2xl { border-bottom-left-radius: var(--tui-radius-2xl); border-bottom-right-radius: var(--tui-radius-2xl); }
1911
+ .tui-rounded-l-2xl { border-top-left-radius: var(--tui-radius-2xl); border-bottom-left-radius: var(--tui-radius-2xl); }
1912
+ .tui-rounded-r-2xl { border-top-right-radius: var(--tui-radius-2xl); border-bottom-right-radius: var(--tui-radius-2xl); }
1913
+ .tui-rounded-t-3xl { border-top-left-radius: var(--tui-radius-3xl); border-top-right-radius: var(--tui-radius-3xl); }
1914
+ .tui-rounded-b-3xl { border-bottom-left-radius: var(--tui-radius-3xl); border-bottom-right-radius: var(--tui-radius-3xl); }
1915
+ .tui-rounded-l-3xl { border-top-left-radius: var(--tui-radius-3xl); border-bottom-left-radius: var(--tui-radius-3xl); }
1916
+ .tui-rounded-r-3xl { border-top-right-radius: var(--tui-radius-3xl); border-bottom-right-radius: var(--tui-radius-3xl); }
1917
+ .tui-rounded-t-full { border-top-left-radius: var(--tui-radius-full); border-top-right-radius: var(--tui-radius-full); }
1918
+ .tui-rounded-b-full { border-bottom-left-radius: var(--tui-radius-full); border-bottom-right-radius: var(--tui-radius-full); }
1919
+ .tui-rounded-l-full { border-top-left-radius: var(--tui-radius-full); border-bottom-left-radius: var(--tui-radius-full); }
1920
+ .tui-rounded-r-full { border-top-right-radius: var(--tui-radius-full); border-bottom-right-radius: var(--tui-radius-full); }
1921
+ .tui-rounded-t-default { border-top-left-radius: var(--tui-radius-default); border-top-right-radius: var(--tui-radius-default); }
1922
+ .tui-rounded-b-default { border-bottom-left-radius: var(--tui-radius-default); border-bottom-right-radius: var(--tui-radius-default); }
1923
+ .tui-rounded-l-default { border-top-left-radius: var(--tui-radius-default); border-bottom-left-radius: var(--tui-radius-default); }
1924
+ .tui-rounded-r-default { border-top-right-radius: var(--tui-radius-default); border-bottom-right-radius: var(--tui-radius-default); }
1925
+ .tui-rounded-t-button { border-top-left-radius: var(--tui-radius-button); border-top-right-radius: var(--tui-radius-button); }
1926
+ .tui-rounded-b-button { border-bottom-left-radius: var(--tui-radius-button); border-bottom-right-radius: var(--tui-radius-button); }
1927
+ .tui-rounded-l-button { border-top-left-radius: var(--tui-radius-button); border-bottom-left-radius: var(--tui-radius-button); }
1928
+ .tui-rounded-r-button { border-top-right-radius: var(--tui-radius-button); border-bottom-right-radius: var(--tui-radius-button); }
1929
+ .tui-rounded-t-input { border-top-left-radius: var(--tui-radius-input); border-top-right-radius: var(--tui-radius-input); }
1930
+ .tui-rounded-b-input { border-bottom-left-radius: var(--tui-radius-input); border-bottom-right-radius: var(--tui-radius-input); }
1931
+ .tui-rounded-l-input { border-top-left-radius: var(--tui-radius-input); border-bottom-left-radius: var(--tui-radius-input); }
1932
+ .tui-rounded-r-input { border-top-right-radius: var(--tui-radius-input); border-bottom-right-radius: var(--tui-radius-input); }
1933
+ .tui-rounded-t-card { border-top-left-radius: var(--tui-radius-card); border-top-right-radius: var(--tui-radius-card); }
1934
+ .tui-rounded-b-card { border-bottom-left-radius: var(--tui-radius-card); border-bottom-right-radius: var(--tui-radius-card); }
1935
+ .tui-rounded-l-card { border-top-left-radius: var(--tui-radius-card); border-bottom-left-radius: var(--tui-radius-card); }
1936
+ .tui-rounded-r-card { border-top-right-radius: var(--tui-radius-card); border-bottom-right-radius: var(--tui-radius-card); }
1937
+ .tui-rounded-t-badge { border-top-left-radius: var(--tui-radius-badge); border-top-right-radius: var(--tui-radius-badge); }
1938
+ .tui-rounded-b-badge { border-bottom-left-radius: var(--tui-radius-badge); border-bottom-right-radius: var(--tui-radius-badge); }
1939
+ .tui-rounded-l-badge { border-top-left-radius: var(--tui-radius-badge); border-bottom-left-radius: var(--tui-radius-badge); }
1940
+ .tui-rounded-r-badge { border-top-right-radius: var(--tui-radius-badge); border-bottom-right-radius: var(--tui-radius-badge); }
1941
+ .tui-rounded-t-avatar { border-top-left-radius: var(--tui-radius-avatar); border-top-right-radius: var(--tui-radius-avatar); }
1942
+ .tui-rounded-b-avatar { border-bottom-left-radius: var(--tui-radius-avatar); border-bottom-right-radius: var(--tui-radius-avatar); }
1943
+ .tui-rounded-l-avatar { border-top-left-radius: var(--tui-radius-avatar); border-bottom-left-radius: var(--tui-radius-avatar); }
1944
+ .tui-rounded-r-avatar { border-top-right-radius: var(--tui-radius-avatar); border-bottom-right-radius: var(--tui-radius-avatar); }
1945
+ .tui-rounded-t-modal { border-top-left-radius: var(--tui-radius-modal); border-top-right-radius: var(--tui-radius-modal); }
1946
+ .tui-rounded-b-modal { border-bottom-left-radius: var(--tui-radius-modal); border-bottom-right-radius: var(--tui-radius-modal); }
1947
+ .tui-rounded-l-modal { border-top-left-radius: var(--tui-radius-modal); border-bottom-left-radius: var(--tui-radius-modal); }
1948
+ .tui-rounded-r-modal { border-top-right-radius: var(--tui-radius-modal); border-bottom-right-radius: var(--tui-radius-modal); }
1949
+ .tui-rounded-t-tooltip { border-top-left-radius: var(--tui-radius-tooltip); border-top-right-radius: var(--tui-radius-tooltip); }
1950
+ .tui-rounded-b-tooltip { border-bottom-left-radius: var(--tui-radius-tooltip); border-bottom-right-radius: var(--tui-radius-tooltip); }
1951
+ .tui-rounded-l-tooltip { border-top-left-radius: var(--tui-radius-tooltip); border-bottom-left-radius: var(--tui-radius-tooltip); }
1952
+ .tui-rounded-r-tooltip { border-top-right-radius: var(--tui-radius-tooltip); border-bottom-right-radius: var(--tui-radius-tooltip); }
1953
+
1954
+ .tui-static { position: static; }
1955
+ .tui-relative { position: relative; }
1956
+ .tui-absolute { position: absolute; }
1957
+ .tui-fixed { position: fixed; }
1958
+ .tui-sticky { position: sticky; }
1959
+
1960
+ .tui-inset-0 { inset: 0; }
1961
+ .tui-top-0 { top: 0; }
1962
+ .tui-right-0 { right: 0; }
1963
+ .tui-bottom-0 { bottom: 0; }
1964
+ .tui-left-0 { left: 0; }
1965
+ .tui-inset-auto { inset: auto; }
1966
+
1967
+ .tui-overflow-auto { overflow: auto; }
1968
+ .tui-overflow-hidden { overflow: hidden; }
1969
+ .tui-overflow-visible { overflow: visible; }
1970
+ .tui-overflow-scroll { overflow: scroll; }
1971
+ .tui-overflow-x-auto { overflow-x: auto; }
1972
+ .tui-overflow-x-hidden { overflow-x: hidden; }
1973
+ .tui-overflow-y-auto { overflow-y: auto; }
1974
+ .tui-overflow-y-hidden { overflow-y: hidden; }
1975
+
1976
+ .tui-text-left { text-align: left; }
1977
+ .tui-text-center { text-align: center; }
1978
+ .tui-text-right { text-align: right; }
1979
+ .tui-text-justify { text-align: justify; }
1980
+
1981
+ .tui-underline { text-decoration: underline; }
1982
+ .tui-line-through { text-decoration: line-through; }
1983
+ .tui-no-underline { text-decoration: none; }
1984
+
1985
+ .tui-uppercase { text-transform: uppercase; }
1986
+ .tui-lowercase { text-transform: lowercase; }
1987
+ .tui-capitalize { text-transform: capitalize; }
1988
+ .tui-normal-case { text-transform: none; }
1989
+
1990
+ .tui-whitespace-normal { white-space: normal; }
1991
+ .tui-whitespace-nowrap { white-space: nowrap; }
1992
+ .tui-whitespace-pre { white-space: pre; }
1993
+ .tui-whitespace-pre-wrap { white-space: pre-wrap; }
1994
+
1995
+ .tui-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1996
+ .tui-text-ellipsis { text-overflow: ellipsis; }
1997
+ .tui-text-clip { text-overflow: clip; }
1998
+
1999
+ .tui-flex-wrap { flex-wrap: wrap; }
2000
+ .tui-flex-nowrap { flex-wrap: nowrap; }
2001
+ .tui-flex-wrap-reverse { flex-wrap: wrap-reverse; }
2002
+
2003
+ .tui-flex-1 { flex: 1 1 0%; }
2004
+ .tui-flex-auto { flex: 1 1 auto; }
2005
+ .tui-flex-initial { flex: 0 1 auto; }
2006
+ .tui-flex-none { flex: none; }
2007
+ .tui-grow { flex-grow: 1; }
2008
+ .tui-grow-0 { flex-grow: 0; }
2009
+ .tui-shrink { flex-shrink: 1; }
2010
+ .tui-shrink-0 { flex-shrink: 0; }
2011
+
2012
+ .tui-self-auto { align-self: auto; }
2013
+ .tui-self-start { align-self: flex-start; }
2014
+ .tui-self-end { align-self: flex-end; }
2015
+ .tui-self-center { align-self: center; }
2016
+ .tui-self-stretch { align-self: stretch; }
2017
+
2018
+ .tui-cursor-auto { cursor: auto; }
2019
+ .tui-cursor-default { cursor: default; }
2020
+ .tui-cursor-pointer { cursor: pointer; }
2021
+ .tui-cursor-wait { cursor: wait; }
2022
+ .tui-cursor-text { cursor: text; }
2023
+ .tui-cursor-move { cursor: move; }
2024
+ .tui-cursor-not-allowed { cursor: not-allowed; }
2025
+ .tui-cursor-grab { cursor: grab; }
2026
+
2027
+ .tui-pointer-events-none { pointer-events: none; }
2028
+ .tui-pointer-events-auto { pointer-events: auto; }
2029
+
2030
+ .tui-select-none { user-select: none; }
2031
+ .tui-select-text { user-select: text; }
2032
+ .tui-select-all { user-select: all; }
2033
+ .tui-select-auto { user-select: auto; }
2034
+
2035
+ .tui-visible { visibility: visible; }
2036
+ .tui-invisible { visibility: hidden; }
2037
+
2038
+ .tui-transition-all { transition-property: all; transition-timing-function: var(--tui-ease-in-out); transition-duration: var(--tui-duration-normal); }
2039
+ .tui-transition-colors { transition-property: color, background-color, border-color; transition-timing-function: var(--tui-ease-in-out); transition-duration: var(--tui-duration-normal); }
2040
+ .tui-transition-opacity { transition-property: opacity; transition-timing-function: var(--tui-ease-in-out); transition-duration: var(--tui-duration-normal); }
2041
+ .tui-transition-transform { transition-property: transform; transition-timing-function: var(--tui-ease-in-out); transition-duration: var(--tui-duration-normal); }
2042
+ .tui-transition-none { transition-property: none; }
2043
+
2044
+ .tui-transform-none { transform: none; }
2045
+
2046
+ .tui-object-contain { object-fit: contain; }
2047
+ .tui-object-cover { object-fit: cover; }
2048
+ .tui-object-fill { object-fit: fill; }
2049
+ .tui-object-none { object-fit: none; }
2050
+
2051
+ .tui-aspect-auto { aspect-ratio: auto; }
2052
+ .tui-aspect-square { aspect-ratio: 1; }
2053
+ .tui-aspect-video { aspect-ratio: 16 / 9; }
2054
+
2055
+ .tui-leading-3 { line-height: var(--tui-leading-3); }
2056
+ .tui-leading-4 { line-height: var(--tui-leading-4); }
2057
+ .tui-leading-5 { line-height: var(--tui-leading-5); }
2058
+ .tui-leading-6 { line-height: var(--tui-leading-6); }
2059
+ .tui-leading-7 { line-height: var(--tui-leading-7); }
2060
+ .tui-leading-8 { line-height: var(--tui-leading-8); }
2061
+ .tui-leading-9 { line-height: var(--tui-leading-9); }
2062
+ .tui-leading-10 { line-height: var(--tui-leading-10); }
2063
+ .tui-leading-none { line-height: var(--tui-leading-none); }
2064
+ .tui-leading-tight { line-height: var(--tui-leading-tight); }
2065
+ .tui-leading-snug { line-height: var(--tui-leading-snug); }
2066
+ .tui-leading-normal { line-height: var(--tui-leading-normal); }
2067
+ .tui-leading-relaxed { line-height: var(--tui-leading-relaxed); }
2068
+ .tui-leading-loose { line-height: var(--tui-leading-loose); }
2069
+
2070
+ .tui-tracking-tighter { letter-spacing: var(--tui-tracking-tighter); }
2071
+ .tui-tracking-tight { letter-spacing: var(--tui-tracking-tight); }
2072
+ .tui-tracking-normal { letter-spacing: var(--tui-tracking-normal); }
2073
+ .tui-tracking-wide { letter-spacing: var(--tui-tracking-wide); }
2074
+ .tui-tracking-wider { letter-spacing: var(--tui-tracking-wider); }
2075
+ .tui-tracking-widest { letter-spacing: var(--tui-tracking-widest); }
2076
+
2077
+ .tui-font-sans { font-family: var(--tui-font-family-sans); }
2078
+ .tui-font-serif { font-family: var(--tui-font-family-serif); }
2079
+ .tui-font-mono { font-family: var(--tui-font-family-mono); }
2080
+
2081
+ .tui-list-none { list-style-type: none; }
2082
+ .tui-list-disc { list-style-type: disc; }
2083
+ .tui-list-decimal { list-style-type: decimal; }
2084
+
2085
+ .tui-box-border { box-sizing: border-box; }
2086
+ .tui-box-content { box-sizing: content-box; }
2087
+
2088
+ .tui-break-normal { overflow-wrap: normal; word-break: normal; }
2089
+ .tui-break-words { overflow-wrap: break-word; }
2090
+ .tui-break-all { word-break: break-all; }
2091
+ .tui-break-keep { word-break: keep-all; }
2092
+
2093
+ .tui-hyphens-none { hyphens: none; }
2094
+ .tui-hyphens-manual { hyphens: manual; }
2095
+ .tui-hyphens-auto { hyphens: auto; }
2096
+
2097
+ .tui-float-left { float: left; }
2098
+ .tui-float-right { float: right; }
2099
+ .tui-float-none { float: none; }
2100
+ .tui-clear-left { clear: left; }
2101
+ .tui-clear-right { clear: right; }
2102
+ .tui-clear-both { clear: both; }
2103
+ .tui-clear-none { clear: none; }
2104
+
2105
+ .tui-table-auto { table-layout: auto; }
2106
+ .tui-table-fixed { table-layout: fixed; }
2107
+ .tui-border-collapse { border-collapse: collapse; }
2108
+ .tui-border-separate { border-collapse: separate; }
2109
+
2110
+ .tui-resize-none { resize: none; }
2111
+ .tui-resize { resize: both; }
2112
+ .tui-resize-x { resize: horizontal; }
2113
+ .tui-resize-y { resize: vertical; }
2114
+
2115
+ .tui-appearance-none { appearance: none; -webkit-appearance: none; }
2116
+ .tui-appearance-auto { appearance: auto; }
2117
+
2118
+ .tui-outline-none { outline: 2px solid transparent; outline-offset: 2px; }
2119
+ .tui-outline { outline-style: solid; }
2120
+ .tui-outline-dashed { outline-style: dashed; }
2121
+ .tui-outline-dotted { outline-style: dotted; }
2122
+ .tui-outline-offset-0 { outline-offset: 0px; }
2123
+ .tui-outline-offset-1 { outline-offset: 1px; }
2124
+ .tui-outline-offset-2 { outline-offset: 2px; }
2125
+ .tui-outline-offset-4 { outline-offset: 4px; }
2126
+ .tui-outline-offset-8 { outline-offset: 8px; }
2127
+
2128
+ .tui-ring-0 { box-shadow: 0 0 0 0px var(--tui-color-focus-ring); }
2129
+ .tui-ring-1 { box-shadow: 0 0 0 1px var(--tui-color-focus-ring); }
2130
+ .tui-ring-2 { box-shadow: 0 0 0 2px var(--tui-color-focus-ring); }
2131
+ .tui-ring-4 { box-shadow: 0 0 0 4px var(--tui-color-focus-ring); }
2132
+ .tui-ring-8 { box-shadow: 0 0 0 8px var(--tui-color-focus-ring); }
2133
+ .tui-ring-inset { --tui-ring-inset: inset; }
2134
+
2135
+ .tui-isolate { isolation: isolate; }
2136
+ .tui-isolation-auto { isolation: auto; }
2137
+
2138
+ .tui-object-bottom { object-position: bottom; }
2139
+ .tui-object-center { object-position: center; }
2140
+ .tui-object-left { object-position: left; }
2141
+ .tui-object-right { object-position: right; }
2142
+ .tui-object-top { object-position: top; }
2143
+
2144
+ .tui-align-baseline { vertical-align: baseline; }
2145
+ .tui-align-top { vertical-align: top; }
2146
+ .tui-align-middle { vertical-align: middle; }
2147
+ .tui-align-bottom { vertical-align: bottom; }
2148
+ .tui-align-text-top { vertical-align: text-top; }
2149
+ .tui-align-text-bottom { vertical-align: text-bottom; }
2150
+ .tui-align-sub { vertical-align: sub; }
2151
+ .tui-align-super { vertical-align: super; }
2152
+
2153
+ .tui-content-start { align-content: flex-start; }
2154
+ .tui-content-end { align-content: flex-end; }
2155
+ .tui-content-center { align-content: center; }
2156
+ .tui-content-between { align-content: space-between; }
2157
+ .tui-content-around { align-content: space-around; }
2158
+ .tui-content-evenly { align-content: space-evenly; }
2159
+ .tui-content-stretch { align-content: stretch; }
2160
+
2161
+ .tui-place-items-start { place-items: start; }
2162
+ .tui-place-items-end { place-items: end; }
2163
+ .tui-place-items-center { place-items: center; }
2164
+ .tui-place-items-stretch { place-items: stretch; }
2165
+ .tui-place-content-start { place-content: start; }
2166
+ .tui-place-content-end { place-content: end; }
2167
+ .tui-place-content-center { place-content: center; }
2168
+ .tui-place-content-between { place-content: space-between; }
2169
+ .tui-place-content-around { place-content: space-around; }
2170
+ .tui-place-content-evenly { place-content: space-evenly; }
2171
+ .tui-place-content-stretch { place-content: stretch; }
2172
+ .tui-place-self-auto { place-self: auto; }
2173
+ .tui-place-self-start { place-self: start; }
2174
+ .tui-place-self-end { place-self: end; }
2175
+ .tui-place-self-center { place-self: center; }
2176
+ .tui-place-self-stretch { place-self: stretch; }
2177
+
2178
+ .tui-order-first { order: -9999; }
2179
+ .tui-order-last { order: 9999; }
2180
+ .tui-order-none { order: 0; }
2181
+ .tui-order-1 { order: 1; }
2182
+ .tui-order-2 { order: 2; }
2183
+ .tui-order-3 { order: 3; }
2184
+ .tui-order-4 { order: 4; }
2185
+ .tui-order-5 { order: 5; }
2186
+ .tui-order-6 { order: 6; }
2187
+ .tui-order-7 { order: 7; }
2188
+ .tui-order-8 { order: 8; }
2189
+ .tui-order-9 { order: 9; }
2190
+ .tui-order-10 { order: 10; }
2191
+ .tui-order-11 { order: 11; }
2192
+ .tui-order-12 { order: 12; }
2193
+
2194
+ .tui-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
2195
+ .tui-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
2196
+ .tui-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
2197
+ .tui-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
2198
+ .tui-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
2199
+ .tui-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
2200
+ .tui-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
2201
+ .tui-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
2202
+ .tui-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
2203
+ .tui-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
2204
+ .tui-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
2205
+ .tui-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
2206
+ .tui-grid-cols-none { grid-template-columns: none; }
2207
+ .tui-grid-cols-subgrid { grid-template-columns: subgrid; }
2208
+
2209
+ .tui-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
2210
+ .tui-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
2211
+ .tui-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
2212
+ .tui-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
2213
+ .tui-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
2214
+ .tui-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
2215
+ .tui-grid-rows-none { grid-template-rows: none; }
2216
+ .tui-grid-rows-subgrid { grid-template-rows: subgrid; }
2217
+
2218
+ .tui-col-auto { grid-column: auto; }
2219
+ .tui-col-span-1 { grid-column: span 1 / span 1; }
2220
+ .tui-col-span-2 { grid-column: span 2 / span 2; }
2221
+ .tui-col-span-3 { grid-column: span 3 / span 3; }
2222
+ .tui-col-span-4 { grid-column: span 4 / span 4; }
2223
+ .tui-col-span-5 { grid-column: span 5 / span 5; }
2224
+ .tui-col-span-6 { grid-column: span 6 / span 6; }
2225
+ .tui-col-span-7 { grid-column: span 7 / span 7; }
2226
+ .tui-col-span-8 { grid-column: span 8 / span 8; }
2227
+ .tui-col-span-9 { grid-column: span 9 / span 9; }
2228
+ .tui-col-span-10 { grid-column: span 10 / span 10; }
2229
+ .tui-col-span-11 { grid-column: span 11 / span 11; }
2230
+ .tui-col-span-12 { grid-column: span 12 / span 12; }
2231
+ .tui-col-span-full { grid-column: 1 / -1; }
2232
+ .tui-col-start-auto { grid-column-start: auto; }
2233
+ .tui-col-start-1 { grid-column-start: 1; }
2234
+ .tui-col-start-2 { grid-column-start: 2; }
2235
+ .tui-col-start-3 { grid-column-start: 3; }
2236
+ .tui-col-start-4 { grid-column-start: 4; }
2237
+ .tui-col-start-5 { grid-column-start: 5; }
2238
+ .tui-col-start-6 { grid-column-start: 6; }
2239
+ .tui-col-start-7 { grid-column-start: 7; }
2240
+ .tui-col-start-8 { grid-column-start: 8; }
2241
+ .tui-col-start-9 { grid-column-start: 9; }
2242
+ .tui-col-start-10 { grid-column-start: 10; }
2243
+ .tui-col-start-11 { grid-column-start: 11; }
2244
+ .tui-col-start-12 { grid-column-start: 12; }
2245
+ .tui-col-start-13 { grid-column-start: 13; }
2246
+ .tui-col-end-auto { grid-column-end: auto; }
2247
+ .tui-col-end-1 { grid-column-end: 1; }
2248
+ .tui-col-end-2 { grid-column-end: 2; }
2249
+ .tui-col-end-3 { grid-column-end: 3; }
2250
+ .tui-col-end-4 { grid-column-end: 4; }
2251
+ .tui-col-end-5 { grid-column-end: 5; }
2252
+ .tui-col-end-6 { grid-column-end: 6; }
2253
+ .tui-col-end-7 { grid-column-end: 7; }
2254
+ .tui-col-end-8 { grid-column-end: 8; }
2255
+ .tui-col-end-9 { grid-column-end: 9; }
2256
+ .tui-col-end-10 { grid-column-end: 10; }
2257
+ .tui-col-end-11 { grid-column-end: 11; }
2258
+ .tui-col-end-12 { grid-column-end: 12; }
2259
+ .tui-col-end-13 { grid-column-end: 13; }
2260
+
2261
+ .tui-row-auto { grid-row: auto; }
2262
+ .tui-row-span-1 { grid-row: span 1 / span 1; }
2263
+ .tui-row-span-2 { grid-row: span 2 / span 2; }
2264
+ .tui-row-span-3 { grid-row: span 3 / span 3; }
2265
+ .tui-row-span-4 { grid-row: span 4 / span 4; }
2266
+ .tui-row-span-5 { grid-row: span 5 / span 5; }
2267
+ .tui-row-span-6 { grid-row: span 6 / span 6; }
2268
+ .tui-row-span-full { grid-row: 1 / -1; }
2269
+ .tui-row-start-auto { grid-row-start: auto; }
2270
+ .tui-row-start-1 { grid-row-start: 1; }
2271
+ .tui-row-start-2 { grid-row-start: 2; }
2272
+ .tui-row-start-3 { grid-row-start: 3; }
2273
+ .tui-row-start-4 { grid-row-start: 4; }
2274
+ .tui-row-start-5 { grid-row-start: 5; }
2275
+ .tui-row-start-6 { grid-row-start: 6; }
2276
+ .tui-row-start-7 { grid-row-start: 7; }
2277
+ .tui-row-end-auto { grid-row-end: auto; }
2278
+ .tui-row-end-1 { grid-row-end: 1; }
2279
+ .tui-row-end-2 { grid-row-end: 2; }
2280
+ .tui-row-end-3 { grid-row-end: 3; }
2281
+ .tui-row-end-4 { grid-row-end: 4; }
2282
+ .tui-row-end-5 { grid-row-end: 5; }
2283
+ .tui-row-end-6 { grid-row-end: 6; }
2284
+ .tui-row-end-7 { grid-row-end: 7; }
2285
+
2286
+ .tui-grid-flow-row { grid-auto-flow: row; }
2287
+ .tui-grid-flow-col { grid-auto-flow: column; }
2288
+ .tui-grid-flow-dense { grid-auto-flow: dense; }
2289
+ .tui-grid-flow-row-dense { grid-auto-flow: row dense; }
2290
+ .tui-grid-flow-col-dense { grid-auto-flow: column dense; }
2291
+
2292
+ .tui-gap-x-0 { column-gap: var(--tui-spacing-0); }
2293
+ .tui-gap-y-0 { row-gap: var(--tui-spacing-0); }
2294
+ .tui-gap-x-1 { column-gap: var(--tui-spacing-1); }
2295
+ .tui-gap-y-1 { row-gap: var(--tui-spacing-1); }
2296
+ .tui-gap-x-2 { column-gap: var(--tui-spacing-2); }
2297
+ .tui-gap-y-2 { row-gap: var(--tui-spacing-2); }
2298
+ .tui-gap-x-3 { column-gap: var(--tui-spacing-3); }
2299
+ .tui-gap-y-3 { row-gap: var(--tui-spacing-3); }
2300
+ .tui-gap-x-4 { column-gap: var(--tui-spacing-4); }
2301
+ .tui-gap-y-4 { row-gap: var(--tui-spacing-4); }
2302
+ .tui-gap-x-5 { column-gap: var(--tui-spacing-5); }
2303
+ .tui-gap-y-5 { row-gap: var(--tui-spacing-5); }
2304
+ .tui-gap-x-6 { column-gap: var(--tui-spacing-6); }
2305
+ .tui-gap-y-6 { row-gap: var(--tui-spacing-6); }
2306
+ .tui-gap-x-7 { column-gap: var(--tui-spacing-7); }
2307
+ .tui-gap-y-7 { row-gap: var(--tui-spacing-7); }
2308
+ .tui-gap-x-8 { column-gap: var(--tui-spacing-8); }
2309
+ .tui-gap-y-8 { row-gap: var(--tui-spacing-8); }
2310
+ .tui-gap-x-9 { column-gap: var(--tui-spacing-9); }
2311
+ .tui-gap-y-9 { row-gap: var(--tui-spacing-9); }
2312
+ .tui-gap-x-10 { column-gap: var(--tui-spacing-10); }
2313
+ .tui-gap-y-10 { row-gap: var(--tui-spacing-10); }
2314
+ .tui-gap-x-11 { column-gap: var(--tui-spacing-11); }
2315
+ .tui-gap-y-11 { row-gap: var(--tui-spacing-11); }
2316
+ .tui-gap-x-12 { column-gap: var(--tui-spacing-12); }
2317
+ .tui-gap-y-12 { row-gap: var(--tui-spacing-12); }
2318
+ .tui-gap-x-14 { column-gap: var(--tui-spacing-14); }
2319
+ .tui-gap-y-14 { row-gap: var(--tui-spacing-14); }
2320
+ .tui-gap-x-16 { column-gap: var(--tui-spacing-16); }
2321
+ .tui-gap-y-16 { row-gap: var(--tui-spacing-16); }
2322
+ .tui-gap-x-20 { column-gap: var(--tui-spacing-20); }
2323
+ .tui-gap-y-20 { row-gap: var(--tui-spacing-20); }
2324
+ .tui-gap-x-24 { column-gap: var(--tui-spacing-24); }
2325
+ .tui-gap-y-24 { row-gap: var(--tui-spacing-24); }
2326
+ .tui-gap-x-28 { column-gap: var(--tui-spacing-28); }
2327
+ .tui-gap-y-28 { row-gap: var(--tui-spacing-28); }
2328
+ .tui-gap-x-32 { column-gap: var(--tui-spacing-32); }
2329
+ .tui-gap-y-32 { row-gap: var(--tui-spacing-32); }
2330
+ .tui-gap-x-36 { column-gap: var(--tui-spacing-36); }
2331
+ .tui-gap-y-36 { row-gap: var(--tui-spacing-36); }
2332
+ .tui-gap-x-40 { column-gap: var(--tui-spacing-40); }
2333
+ .tui-gap-y-40 { row-gap: var(--tui-spacing-40); }
2334
+ .tui-gap-x-44 { column-gap: var(--tui-spacing-44); }
2335
+ .tui-gap-y-44 { row-gap: var(--tui-spacing-44); }
2336
+ .tui-gap-x-48 { column-gap: var(--tui-spacing-48); }
2337
+ .tui-gap-y-48 { row-gap: var(--tui-spacing-48); }
2338
+ .tui-gap-x-52 { column-gap: var(--tui-spacing-52); }
2339
+ .tui-gap-y-52 { row-gap: var(--tui-spacing-52); }
2340
+ .tui-gap-x-56 { column-gap: var(--tui-spacing-56); }
2341
+ .tui-gap-y-56 { row-gap: var(--tui-spacing-56); }
2342
+ .tui-gap-x-60 { column-gap: var(--tui-spacing-60); }
2343
+ .tui-gap-y-60 { row-gap: var(--tui-spacing-60); }
2344
+ .tui-gap-x-64 { column-gap: var(--tui-spacing-64); }
2345
+ .tui-gap-y-64 { row-gap: var(--tui-spacing-64); }
2346
+ .tui-gap-x-72 { column-gap: var(--tui-spacing-72); }
2347
+ .tui-gap-y-72 { row-gap: var(--tui-spacing-72); }
2348
+ .tui-gap-x-80 { column-gap: var(--tui-spacing-80); }
2349
+ .tui-gap-y-80 { row-gap: var(--tui-spacing-80); }
2350
+ .tui-gap-x-96 { column-gap: var(--tui-spacing-96); }
2351
+ .tui-gap-y-96 { row-gap: var(--tui-spacing-96); }
2352
+ .tui-gap-x-px { column-gap: var(--tui-spacing-px); }
2353
+ .tui-gap-y-px { row-gap: var(--tui-spacing-px); }
2354
+ .tui-gap-x-0_5 { column-gap: var(--tui-spacing-0_5); }
2355
+ .tui-gap-y-0_5 { row-gap: var(--tui-spacing-0_5); }
2356
+ .tui-gap-x-1_5 { column-gap: var(--tui-spacing-1_5); }
2357
+ .tui-gap-y-1_5 { row-gap: var(--tui-spacing-1_5); }
2358
+ .tui-gap-x-2_5 { column-gap: var(--tui-spacing-2_5); }
2359
+ .tui-gap-y-2_5 { row-gap: var(--tui-spacing-2_5); }
2360
+ .tui-gap-x-3_5 { column-gap: var(--tui-spacing-3_5); }
2361
+ .tui-gap-y-3_5 { row-gap: var(--tui-spacing-3_5); }
2362
+ .tui-gap-x-component-xs { column-gap: var(--tui-spacing-component-xs); }
2363
+ .tui-gap-y-component-xs { row-gap: var(--tui-spacing-component-xs); }
2364
+ .tui-gap-x-component-sm { column-gap: var(--tui-spacing-component-sm); }
2365
+ .tui-gap-y-component-sm { row-gap: var(--tui-spacing-component-sm); }
2366
+ .tui-gap-x-component-md { column-gap: var(--tui-spacing-component-md); }
2367
+ .tui-gap-y-component-md { row-gap: var(--tui-spacing-component-md); }
2368
+ .tui-gap-x-component-lg { column-gap: var(--tui-spacing-component-lg); }
2369
+ .tui-gap-y-component-lg { row-gap: var(--tui-spacing-component-lg); }
2370
+ .tui-gap-x-component-xl { column-gap: var(--tui-spacing-component-xl); }
2371
+ .tui-gap-y-component-xl { row-gap: var(--tui-spacing-component-xl); }
2372
+ .tui-gap-x-section-sm { column-gap: var(--tui-spacing-section-sm); }
2373
+ .tui-gap-y-section-sm { row-gap: var(--tui-spacing-section-sm); }
2374
+ .tui-gap-x-section-md { column-gap: var(--tui-spacing-section-md); }
2375
+ .tui-gap-y-section-md { row-gap: var(--tui-spacing-section-md); }
2376
+ .tui-gap-x-section-lg { column-gap: var(--tui-spacing-section-lg); }
2377
+ .tui-gap-y-section-lg { row-gap: var(--tui-spacing-section-lg); }
2378
+ .tui-gap-x-page-padding { column-gap: var(--tui-spacing-page-padding); }
2379
+ .tui-gap-y-page-padding { row-gap: var(--tui-spacing-page-padding); }
2380
+ .tui-gap-x-card-padding { column-gap: var(--tui-spacing-card-padding); }
2381
+ .tui-gap-y-card-padding { row-gap: var(--tui-spacing-card-padding); }
2382
+ .tui-gap-x-modal-padding { column-gap: var(--tui-spacing-modal-padding); }
2383
+ .tui-gap-y-modal-padding { row-gap: var(--tui-spacing-modal-padding); }
2384
+ .tui-gap-x-stack-sm { column-gap: var(--tui-spacing-stack-sm); }
2385
+ .tui-gap-y-stack-sm { row-gap: var(--tui-spacing-stack-sm); }
2386
+ .tui-gap-x-stack-md { column-gap: var(--tui-spacing-stack-md); }
2387
+ .tui-gap-y-stack-md { row-gap: var(--tui-spacing-stack-md); }
2388
+ .tui-gap-x-stack-lg { column-gap: var(--tui-spacing-stack-lg); }
2389
+ .tui-gap-y-stack-lg { row-gap: var(--tui-spacing-stack-lg); }
2390
+ .tui-gap-x-inline-sm { column-gap: var(--tui-spacing-inline-sm); }
2391
+ .tui-gap-y-inline-sm { row-gap: var(--tui-spacing-inline-sm); }
2392
+ .tui-gap-x-inline-md { column-gap: var(--tui-spacing-inline-md); }
2393
+ .tui-gap-y-inline-md { row-gap: var(--tui-spacing-inline-md); }
2394
+ .tui-gap-x-inline-lg { column-gap: var(--tui-spacing-inline-lg); }
2395
+ .tui-gap-y-inline-lg { row-gap: var(--tui-spacing-inline-lg); }
2396
+
2397
+ .tui-columns-1 { columns: 1; }
2398
+ .tui-columns-2 { columns: 2; }
2399
+ .tui-columns-3 { columns: 3; }
2400
+ .tui-columns-4 { columns: 4; }
2401
+ .tui-columns-5 { columns: 5; }
2402
+ .tui-columns-6 { columns: 6; }
2403
+ .tui-columns-7 { columns: 7; }
2404
+ .tui-columns-8 { columns: 8; }
2405
+ .tui-columns-9 { columns: 9; }
2406
+ .tui-columns-10 { columns: 10; }
2407
+ .tui-columns-11 { columns: 11; }
2408
+ .tui-columns-12 { columns: 12; }
2409
+ .tui-columns-auto { columns: auto; }
2410
+
2411
+ .tui-break-before-auto { break-before: auto; }
2412
+ .tui-break-before-avoid { break-before: avoid; }
2413
+ .tui-break-before-page { break-before: page; }
2414
+ .tui-break-before-column { break-before: column; }
2415
+ .tui-break-after-auto { break-after: auto; }
2416
+ .tui-break-after-avoid { break-after: avoid; }
2417
+ .tui-break-after-page { break-after: page; }
2418
+ .tui-break-after-column { break-after: column; }
2419
+ .tui-break-inside-auto { break-inside: auto; }
2420
+ .tui-break-inside-avoid { break-inside: avoid; }
2421
+ .tui-break-inside-avoid-page { break-inside: avoid-page; }
2422
+ .tui-break-inside-avoid-column { break-inside: avoid-column; }
2423
+
2424
+ .tui-decoration-slice { box-decoration-break: slice; -webkit-box-decoration-break: slice; }
2425
+ .tui-decoration-clone { box-decoration-break: clone; -webkit-box-decoration-break: clone; }
2426
+
2427
+ .tui-accent-auto { accent-color: auto; }
2428
+ .tui-accent-current { accent-color: currentColor; }
2429
+
2430
+ .tui-caret-current { caret-color: currentColor; }
2431
+ .tui-caret-transparent { caret-color: transparent; }
2432
+
2433
+ .tui-scroll-auto { scroll-behavior: auto; }
2434
+ .tui-scroll-smooth { scroll-behavior: smooth; }
2435
+
2436
+ .tui-snap-start { scroll-snap-align: start; }
2437
+ .tui-snap-end { scroll-snap-align: end; }
2438
+ .tui-snap-center { scroll-snap-align: center; }
2439
+ .tui-snap-none { scroll-snap-type: none; }
2440
+ .tui-snap-x { scroll-snap-type: x var(--tui-snap-strictness, proximity); }
2441
+ .tui-snap-y { scroll-snap-type: y var(--tui-snap-strictness, proximity); }
2442
+ .tui-snap-both { scroll-snap-type: both var(--tui-snap-strictness, proximity); }
2443
+ .tui-snap-mandatory { --tui-snap-strictness: mandatory; }
2444
+ .tui-snap-proximity { --tui-snap-strictness: proximity; }
2445
+
2446
+ .tui-touch-auto { touch-action: auto; }
2447
+ .tui-touch-none { touch-action: none; }
2448
+ .tui-touch-pan-x { touch-action: pan-x; }
2449
+ .tui-touch-pan-y { touch-action: pan-y; }
2450
+ .tui-touch-manipulation { touch-action: manipulation; }
2451
+ .tui-touch-pinch-zoom { touch-action: pinch-zoom; }
2452
+
2453
+ .tui-will-change-auto { will-change: auto; }
2454
+ .tui-will-change-scroll { will-change: scroll-position; }
2455
+ .tui-will-change-contents { will-change: contents; }
2456
+ .tui-will-change-transform { will-change: transform; }
2457
+
2458
+ .tui-contain-none { contain: none; }
2459
+ .tui-contain-content { contain: content; }
2460
+ .tui-contain-strict { contain: strict; }
2461
+ .tui-contain-size { contain: size; }
2462
+ .tui-contain-layout { contain: layout; }
2463
+ .tui-contain-paint { contain: paint; }
2464
+
2465
+ .tui-line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
2466
+ .tui-line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
2467
+ .tui-line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
2468
+ .tui-line-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
2469
+ .tui-line-clamp-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
2470
+ .tui-line-clamp-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
2471
+ .tui-line-clamp-none { display: block; -webkit-line-clamp: unset; -webkit-box-orient: horizontal; overflow: visible; }
2472
+
2473
+ .tui-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
2474
+ .tui-not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }