@homebound/beam 2.418.0 → 3.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/truss.css ADDED
@@ -0,0 +1,1138 @@
1
+ /* @truss p:1000 c:animation_pulse_2s_cubic_bezier_0_4_0_0_6_1_infinite */
2
+ .animation_pulse_2s_cubic_bezier_0_4_0_0_6_1_infinite { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
3
+ /* @truss p:1000 c:bd_0 */
4
+ .bd_0 { border: 0; }
5
+ /* @truss p:1000 c:m_0 */
6
+ .m_0 { margin: 0; }
7
+ /* @truss p:1000 c:m_neg1px */
8
+ .m_neg1px { margin: -1px; }
9
+ /* @truss p:1000 c:p_0 */
10
+ .p_0 { padding: 0; }
11
+ /* @truss p:1000.5 c:background_var */
12
+ .background_var { background: var(--background); }
13
+ /* @truss p:2000 c:backgroundPosition_center */
14
+ .backgroundPosition_center { background-position: center; }
15
+ /* @truss p:2000 c:bcBlue200 */
16
+ .bcBlue200 { border-color: rgba(191, 219, 254, 1); }
17
+ /* @truss p:2000 c:bcBlue300 */
18
+ .bcBlue300 { border-color: rgba(147, 197, 253, 1); }
19
+ /* @truss p:2000 c:bcBlue500 */
20
+ .bcBlue500 { border-color: rgba(59, 130, 246, 1); }
21
+ /* @truss p:2000 c:bcBlue700 */
22
+ .bcBlue700 { border-color: rgba(29, 78, 216, 1); }
23
+ /* @truss p:2000 c:bcBlue900 */
24
+ .bcBlue900 { border-color: rgba(30, 58, 138, 1); }
25
+ /* @truss p:2000 c:bcGray100 */
26
+ .bcGray100 { border-color: rgba(247, 245, 245, 1); }
27
+ /* @truss p:2000 c:bcGray200 */
28
+ .bcGray200 { border-color: rgba(236, 235, 235, 1); }
29
+ /* @truss p:2000 c:bcGray300 */
30
+ .bcGray300 { border-color: rgba(221, 220, 220, 1); }
31
+ /* @truss p:2000 c:bcGray400 */
32
+ .bcGray400 { border-color: rgba(201, 201, 201, 1); }
33
+ /* @truss p:2000 c:bcGray600 */
34
+ .bcGray600 { border-color: rgba(141, 141, 141, 1); }
35
+ /* @truss p:2000 c:bcGray700 */
36
+ .bcGray700 { border-color: rgba(100, 100, 100, 1); }
37
+ /* @truss p:2000 c:bcRed400 */
38
+ .bcRed400 { border-color: rgba(248, 113, 113, 1); }
39
+ /* @truss p:2000 c:bcRed600 */
40
+ .bcRed600 { border-color: rgba(220, 38, 38, 1); }
41
+ /* @truss p:2000 c:bcTransparent */
42
+ .bcTransparent { border-color: rgba(0,0,0,0); }
43
+ /* @truss p:2000 c:bcWhite */
44
+ .bcWhite { border-color: rgba(255,255,255,1); }
45
+ /* @truss p:2000 c:borderColor_currentColor */
46
+ .borderColor_currentColor { border-color: currentColor; }
47
+ /* @truss p:2000 c:borderRadius_0_0_0_8px */
48
+ .borderRadius_0_0_0_8px { border-radius: 0 0 0 8px; }
49
+ /* @truss p:2000 c:borderRadius_0_0_8px_0 */
50
+ .borderRadius_0_0_8px_0 { border-radius: 0 0 8px 0; }
51
+ /* @truss p:2000 c:borderRadius_0_16px_16px_0 */
52
+ .borderRadius_0_16px_16px_0 { border-radius: 0 16px 16px 0; }
53
+ /* @truss p:2000 c:borderRadius_0_4px_4px_0 */
54
+ .borderRadius_0_4px_4px_0 { border-radius: 0 4px 4px 0; }
55
+ /* @truss p:2000 c:borderRadius_0_8px_0_0 */
56
+ .borderRadius_0_8px_0_0 { border-radius: 0 8px 0 0; }
57
+ /* @truss p:2000 c:borderRadius_16px_0_0_16px */
58
+ .borderRadius_16px_0_0_16px { border-radius: 16px 0 0 16px; }
59
+ /* @truss p:2000 c:borderRadius_4px_0_0_4px */
60
+ .borderRadius_4px_0_0_4px { border-radius: 4px 0 0 4px; }
61
+ /* @truss p:2000 c:borderRadius_8px_0_0_0 */
62
+ .borderRadius_8px_0_0_0 { border-radius: 8px 0 0 0 ; }
63
+ /* @truss p:2000 c:borderRadius_8px_8px_0_0 */
64
+ .borderRadius_8px_8px_0_0 { border-radius: 8px 8px 0 0; }
65
+ /* @truss p:2000 c:borderWidth_3px */
66
+ .borderWidth_3px { border-width: 3px; }
67
+ /* @truss p:2000 c:br0 */
68
+ .br0 { border-radius: 0; }
69
+ /* @truss p:2000 c:br100 */
70
+ .br100 { border-radius: 100%; }
71
+ /* @truss p:2000 c:br12 */
72
+ .br12 { border-radius: 12px; }
73
+ /* @truss p:2000 c:br16 */
74
+ .br16 { border-radius: 16px; }
75
+ /* @truss p:2000 c:br24 */
76
+ .br24 { border-radius: 24px; }
77
+ /* @truss p:2000 c:br4 */
78
+ .br4 { border-radius: 4px; }
79
+ /* @truss p:2000 c:br8 */
80
+ .br8 { border-radius: 8px; }
81
+ /* @truss p:2000 c:bsn */
82
+ .bsn { border-style: none; }
83
+ /* @truss p:2000 c:bss */
84
+ .bss { border-style: solid; }
85
+ /* @truss p:2000 c:bw1 */
86
+ .bw1 { border-width: 1px; }
87
+ /* @truss p:2000 c:bw2 */
88
+ .bw2 { border-width: 2px; }
89
+ /* @truss p:2000 c:bw_0 */
90
+ .bw_0 { border-width: 0; }
91
+ /* @truss p:2000 c:fn */
92
+ .fn { flex: none; }
93
+ /* @truss p:2000 c:gap0 */
94
+ .gap0 { gap: 0px; }
95
+ /* @truss p:2000 c:gap1 */
96
+ .gap1 { gap: 8px; }
97
+ /* @truss p:2000 c:gap2 */
98
+ .gap2 { gap: 16px; }
99
+ /* @truss p:2000 c:gap3 */
100
+ .gap3 { gap: 24px; }
101
+ /* @truss p:2000 c:gap_12px */
102
+ .gap_12px { gap: 12px; }
103
+ /* @truss p:2000 c:gap_4px */
104
+ .gap_4px { gap: 4px; }
105
+ /* @truss p:2000 c:gc_1 */
106
+ .gc_1 { grid-column: 1; }
107
+ /* @truss p:2000 c:gc_1_1 */
108
+ .gc_1_1 { grid-column: 1 / -1; }
109
+ /* @truss p:2000 c:gc_1_2 */
110
+ .gc_1_2 { grid-column: 1 / 2; }
111
+ /* @truss p:2000 c:gc_1_4 */
112
+ .gc_1_4 { grid-column: 1 / 4; }
113
+ /* @truss p:2000 c:gc_2 */
114
+ .gc_2 { grid-column: 2; }
115
+ /* @truss p:2000 c:gc_2_3 */
116
+ .gc_2_3 { grid-column: 2 / 3; }
117
+ /* @truss p:2000 c:gc_3_4 */
118
+ .gc_3_4 { grid-column: 3 / 4; }
119
+ /* @truss p:2000 c:gr_1 */
120
+ .gr_1 { grid-row: 1; }
121
+ /* @truss p:2000 c:gr_2 */
122
+ .gr_2 { grid-row: 2; }
123
+ /* @truss p:2000 c:lis_none */
124
+ .lis_none { list-style: none; }
125
+ /* @truss p:2000 c:oa */
126
+ .oa { overflow: auto; }
127
+ /* @truss p:2000 c:oh */
128
+ .oh { overflow: hidden; }
129
+ /* @truss p:2000 c:outline0 */
130
+ .outline0 { outline: 0; }
131
+ /* @truss p:2000 c:outline_0px_solid_transparent */
132
+ .outline_0px_solid_transparent { outline: 0px solid transparent; }
133
+ /* @truss p:2000 c:outline_2px_solid_transparent */
134
+ .outline_2px_solid_transparent { outline: 2px solid transparent; }
135
+ /* @truss p:2000 c:outline_none */
136
+ .outline_none { outline: none; }
137
+ /* @truss p:2000 c:tdn */
138
+ .tdn { text-decoration: none; }
139
+ /* @truss p:2000 c:transition */
140
+ .transition { transition: background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms; }
141
+ /* @truss p:2000 c:transition_all_240ms */
142
+ .transition_all_240ms { transition: all 240ms; }
143
+ /* @truss p:2000 c:transition_all_3s_ease_in_out */
144
+ .transition_all_3s_ease_in_out { transition: all .3s ease-in-out; }
145
+ /* @truss p:2000 c:transition_border_color_200ms */
146
+ .transition_border_color_200ms { transition: border-color 200ms; }
147
+ /* @truss p:2000 c:transition_filter_0_3s_ease */
148
+ .transition_filter_0_3s_ease { transition: filter 0.3s ease; }
149
+ /* @truss p:2000 c:transition_height_250ms_ease_in_out */
150
+ .transition_height_250ms_ease_in_out { transition: height 250ms ease-in-out; }
151
+ /* @truss p:2000 c:transition_opacity_0_3s_ease */
152
+ .transition_opacity_0_3s_ease { transition: opacity 0.3s ease; }
153
+ /* @truss p:2000 c:transition_padding_0_25s_ease_in_out */
154
+ .transition_padding_0_25s_ease_in_out { transition: padding 0.25s ease-in-out; }
155
+ /* @truss p:2000 c:transition_transform_250ms_linear */
156
+ .transition_transform_250ms_linear { transition: transform 250ms linear; }
157
+ /* @truss p:2000 c:transition_width_200ms */
158
+ .transition_width_200ms { transition: width 200ms; }
159
+ /* @truss p:2000 c:transition_width_2s_linear */
160
+ .transition_width_2s_linear { transition: width .2s linear; }
161
+ /* @truss p:2000.5 c:bc_var */
162
+ .bc_var { border-color: var(--borderColor); }
163
+ /* @truss p:2000.5 c:bw_var */
164
+ .bw_var { border-width: var(--borderWidth); }
165
+ /* @truss p:2000.5 c:gap_var */
166
+ .gap_var { gap: var(--gap); }
167
+ /* @truss p:2092 c:d_bcGray300 */
168
+ .d_bcGray300:disabled { border-color: rgba(221, 220, 220, 1); }
169
+ /* @truss p:2130 c:h_bcGray700 */
170
+ .h_bcGray700:hover { border-color: rgba(100, 100, 100, 1); }
171
+ /* @truss p:3000 c:absolute */
172
+ .absolute { position: absolute; }
173
+ /* @truss p:3000 c:aiStretch */
174
+ .aiStretch { align-items: stretch; }
175
+ /* @truss p:3000 c:aic */
176
+ .aic { align-items: center; }
177
+ /* @truss p:3000 c:aifs */
178
+ .aifs { align-items: flex-start; }
179
+ /* @truss p:3000 c:ais */
180
+ .ais { align-items: start; }
181
+ /* @truss p:3000 c:animationDelay_0ms */
182
+ .animationDelay_0ms { animation-delay: 0ms; }
183
+ /* @truss p:3000 c:animationDelay_300ms */
184
+ .animationDelay_300ms { animation-delay: 300ms; }
185
+ /* @truss p:3000 c:animationDelay_600ms */
186
+ .animationDelay_600ms { animation-delay: 600ms; }
187
+ /* @truss p:3000 c:animationDirection_alternate */
188
+ .animationDirection_alternate { animation-direction: alternate; }
189
+ /* @truss p:3000 c:animationDuration_800ms */
190
+ .animationDuration_800ms { animation-duration: 800ms; }
191
+ /* @truss p:3000 c:animationIterationCount_infinite */
192
+ .animationIterationCount_infinite { animation-iteration-count: infinite; }
193
+ /* @truss p:3000 c:animationName_spin */
194
+ .animationName_spin { animation-name: spin; }
195
+ /* @truss p:3000 c:animationTimingFunction_linear */
196
+ .animationTimingFunction_linear { animation-timing-function: linear; }
197
+ /* @truss p:3000 c:appearance_none */
198
+ .appearance_none { appearance: none; }
199
+ /* @truss p:3000 c:asc */
200
+ .asc { align-self: center; }
201
+ /* @truss p:3000 c:asfe */
202
+ .asfe { align-self: flex-end; }
203
+ /* @truss p:3000 c:asfs */
204
+ .asfs { align-self: flex-start; }
205
+ /* @truss p:3000 c:backgroundColor_currentColor */
206
+ .backgroundColor_currentColor { background-color: currentColor; }
207
+ /* @truss p:3000 c:backgroundColor_rgba_36_36_36_0_2 */
208
+ .backgroundColor_rgba_36_36_36_0_2 { background-color: rgba(36,36,36,0.2); }
209
+ /* @truss p:3000 c:backgroundRepeat_no_repeat */
210
+ .backgroundRepeat_no_repeat { background-repeat: no-repeat; }
211
+ /* @truss p:3000 c:backgroundSize_100_100 */
212
+ .backgroundSize_100_100 { background-size: 100% 100%; }
213
+ /* @truss p:3000 c:bgBlue100 */
214
+ .bgBlue100 { background-color: rgba(219, 234, 254, 1); }
215
+ /* @truss p:3000 c:bgBlue200 */
216
+ .bgBlue200 { background-color: rgba(191, 219, 254, 1); }
217
+ /* @truss p:3000 c:bgBlue50 */
218
+ .bgBlue50 { background-color: rgba(239, 246, 255, 1); }
219
+ /* @truss p:3000 c:bgBlue600 */
220
+ .bgBlue600 { background-color: rgba(37, 99, 235, 1); }
221
+ /* @truss p:3000 c:bgBlue700 */
222
+ .bgBlue700 { background-color: rgba(29, 78, 216, 1); }
223
+ /* @truss p:3000 c:bgBlue800 */
224
+ .bgBlue800 { background-color: rgba(30, 64, 175, 1); }
225
+ /* @truss p:3000 c:bgBlue900 */
226
+ .bgBlue900 { background-color: rgba(30, 58, 138, 1); }
227
+ /* @truss p:3000 c:bgGray100 */
228
+ .bgGray100 { background-color: rgba(247, 245, 245, 1); }
229
+ /* @truss p:3000 c:bgGray200 */
230
+ .bgGray200 { background-color: rgba(236, 235, 235, 1); }
231
+ /* @truss p:3000 c:bgGray300 */
232
+ .bgGray300 { background-color: rgba(221, 220, 220, 1); }
233
+ /* @truss p:3000 c:bgGray400 */
234
+ .bgGray400 { background-color: rgba(201, 201, 201, 1); }
235
+ /* @truss p:3000 c:bgGray50 */
236
+ .bgGray50 { background-color: rgba(255, 253, 253, 1); }
237
+ /* @truss p:3000 c:bgGray600 */
238
+ .bgGray600 { background-color: rgba(141, 141, 141, 1); }
239
+ /* @truss p:3000 c:bgGray700 */
240
+ .bgGray700 { background-color: rgba(100, 100, 100, 1); }
241
+ /* @truss p:3000 c:bgGray800 */
242
+ .bgGray800 { background-color: rgba(53, 53, 53, 1); }
243
+ /* @truss p:3000 c:bgGray900 */
244
+ .bgGray900 { background-color: rgba(36, 36, 36, 1); }
245
+ /* @truss p:3000 c:bgGreen100 */
246
+ .bgGreen100 { background-color: rgba(209, 250, 229, 1); }
247
+ /* @truss p:3000 c:bgGreen200 */
248
+ .bgGreen200 { background-color: rgba(167, 243, 208, 1); }
249
+ /* @truss p:3000 c:bgRed100 */
250
+ .bgRed100 { background-color: rgba(254, 226, 226, 1); }
251
+ /* @truss p:3000 c:bgRed200 */
252
+ .bgRed200 { background-color: rgba(254, 202, 202, 1); }
253
+ /* @truss p:3000 c:bgRed600 */
254
+ .bgRed600 { background-color: rgba(220, 38, 38, 1); }
255
+ /* @truss p:3000 c:bgRed700 */
256
+ .bgRed700 { background-color: rgba(185, 28, 28, 1); }
257
+ /* @truss p:3000 c:bgRed800 */
258
+ .bgRed800 { background-color: rgba(153, 27, 27, 1); }
259
+ /* @truss p:3000 c:bgRed900 */
260
+ .bgRed900 { background-color: rgba(127, 29, 29, 1); }
261
+ /* @truss p:3000 c:bgTransparent */
262
+ .bgTransparent { background-color: rgba(0,0,0,0); }
263
+ /* @truss p:3000 c:bgWhite */
264
+ .bgWhite { background-color: rgba(255,255,255,1); }
265
+ /* @truss p:3000 c:bgYellow100 */
266
+ .bgYellow100 { background-color: rgba(254, 249, 195, 1); }
267
+ /* @truss p:3000 c:bgYellow200 */
268
+ .bgYellow200 { background-color: rgba(254, 240, 138, 1); }
269
+ /* @truss p:3000 c:bgYellow300 */
270
+ .bgYellow300 { background-color: rgba(253, 224, 71, 1); }
271
+ /* @truss p:3000 c:bgYellow400 */
272
+ .bgYellow400 { background-color: rgba(250, 204, 21, 1); }
273
+ /* @truss p:3000 c:bgYellow900 */
274
+ .bgYellow900 { background-color: rgba(113, 63, 18, 1); }
275
+ /* @truss p:3000 c:bgc_rgba_36_36_36_0_6 */
276
+ .bgc_rgba_36_36_36_0_6 { background-color: rgba(36,36,36,0.6); }
277
+ /* @truss p:3000 c:blue200 */
278
+ .blue200 { color: rgba(191, 219, 254, 1); }
279
+ /* @truss p:3000 c:blue300 */
280
+ .blue300 { color: rgba(147, 197, 253, 1); }
281
+ /* @truss p:3000 c:blue400 */
282
+ .blue400 { color: rgba(96, 165, 250, 1); }
283
+ /* @truss p:3000 c:blue500 */
284
+ .blue500 { color: rgba(59, 130, 246, 1); }
285
+ /* @truss p:3000 c:blue600 */
286
+ .blue600 { color: rgba(37, 99, 235, 1); }
287
+ /* @truss p:3000 c:blue700 */
288
+ .blue700 { color: rgba(29, 78, 216, 1); }
289
+ /* @truss p:3000 c:blue800 */
290
+ .blue800 { color: rgba(30, 64, 175, 1); }
291
+ /* @truss p:3000 c:blue900 */
292
+ .blue900 { color: rgba(30, 58, 138, 1); }
293
+ /* @truss p:3000 c:borderCollapse_separate */
294
+ .borderCollapse_separate { border-collapse: separate; }
295
+ /* @truss p:3000 c:borderSpacing_0 */
296
+ .borderSpacing_0 { border-spacing: 0; }
297
+ /* @truss p:3000 c:boxShadow_inset_0px_14px_8px_11px_rgba_63_63_63_18 */
298
+ .boxShadow_inset_0px_14px_8px_11px_rgba_63_63_63_18 { box-shadow: inset 0px -14px 8px -11px rgba(63,63,63,.18); }
299
+ /* @truss p:3000 c:bsh0 */
300
+ .bsh0 { box-shadow: none; }
301
+ /* @truss p:3000 c:bshBasic */
302
+ .bshBasic { box-shadow: 0px 4px 8px rgba(53, 53, 53, 0.08), 0px 2px 16px rgba(53, 53, 53, 0.03);; }
303
+ /* @truss p:3000 c:bshDanger */
304
+ .bshDanger { box-shadow: 0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(153, 27, 27, 1); }
305
+ /* @truss p:3000 c:bshFocus */
306
+ .bshFocus { box-shadow: 0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1); }
307
+ /* @truss p:3000 c:bshModal */
308
+ .bshModal { box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04); }
309
+ /* @truss p:3000 c:cg3 */
310
+ .cg3 { column-gap: 24px; }
311
+ /* @truss p:3000 c:cli_inset_50 */
312
+ .cli_inset_50 { clip: inset(50%); }
313
+ /* @truss p:3000 c:clp_none */
314
+ .clp_none { clip-path: none; }
315
+ /* @truss p:3000 c:color_currentColor */
316
+ .color_currentColor { color: currentColor; }
317
+ /* @truss p:3000 c:color_unset */
318
+ .color_unset { color: unset; }
319
+ /* @truss p:3000 c:ctis */
320
+ .ctis { container-type: inline-size; }
321
+ /* @truss p:3000 c:cursorNotAllowed */
322
+ .cursorNotAllowed { cursor: not-allowed; }
323
+ /* @truss p:3000 c:cursorPointer */
324
+ .cursorPointer { cursor: pointer; }
325
+ /* @truss p:3000 c:cursor_col_resize */
326
+ .cursor_col_resize { cursor: col-resize; }
327
+ /* @truss p:3000 c:cursor_default */
328
+ .cursor_default { cursor: default; }
329
+ /* @truss p:3000 c:cursor_grab */
330
+ .cursor_grab { cursor: grab; }
331
+ /* @truss p:3000 c:cursor_initial */
332
+ .cursor_initial { cursor: initial; }
333
+ /* @truss p:3000 c:d_negwebkit_box */
334
+ .d_negwebkit_box { display: -webkit-box; }
335
+ /* @truss p:3000 c:db */
336
+ .db { display: block; }
337
+ /* @truss p:3000 c:df */
338
+ .df { display: flex; }
339
+ /* @truss p:3000 c:dg */
340
+ .dg { display: grid; }
341
+ /* @truss p:3000 c:dib */
342
+ .dib { display: inline-block; }
343
+ /* @truss p:3000 c:dif */
344
+ .dif { display: inline-flex; }
345
+ /* @truss p:3000 c:display_contents */
346
+ .display_contents { display: contents; }
347
+ /* @truss p:3000 c:dn */
348
+ .dn { display: none; }
349
+ /* @truss p:3000 c:dtc */
350
+ .dtc { display: table-cell; }
351
+ /* @truss p:3000 c:fdc */
352
+ .fdc { flex-direction: column; }
353
+ /* @truss p:3000 c:fdr */
354
+ .fdr { flex-direction: row; }
355
+ /* @truss p:3000 c:fdrr */
356
+ .fdrr { flex-direction: row-reverse; }
357
+ /* @truss p:3000 c:fg1 */
358
+ .fg1 { flex-grow: 1; }
359
+ /* @truss p:3000 c:filter_brightness_0_3 */
360
+ .filter_brightness_0_3 { filter: brightness(0.3); }
361
+ /* @truss p:3000 c:filter_brightness_1 */
362
+ .filter_brightness_1 { filter: brightness(1); }
363
+ /* @truss p:3000 c:filter_invert_1 */
364
+ .filter_invert_1 { filter: invert(1); }
365
+ /* @truss p:3000 c:fixed */
366
+ .fixed { position: fixed; }
367
+ /* @truss p:3000 c:flexWrap_wrap */
368
+ .flexWrap_wrap { flex-wrap: wrap; }
369
+ /* @truss p:3000 c:fontSize_inherit */
370
+ .fontSize_inherit { font-size: inherit; }
371
+ /* @truss p:3000 c:fs0 */
372
+ .fs0 { flex-shrink: 0; }
373
+ /* @truss p:3000 c:fs1 */
374
+ .fs1 { flex-shrink: 1; }
375
+ /* @truss p:3000 c:fw4 */
376
+ .fw4 { font-weight: 400; }
377
+ /* @truss p:3000 c:fw5 */
378
+ .fw5 { font-weight: 500; }
379
+ /* @truss p:3000 c:fw6 */
380
+ .fw6 { font-weight: 600; }
381
+ /* @truss p:3000 c:fwr */
382
+ .fwr { flex-wrap: wrap-reverse; }
383
+ /* @truss p:3000 c:fww */
384
+ .fww { flex-wrap: wrap; }
385
+ /* @truss p:3000 c:fz_10px */
386
+ .fz_10px { font-size: 10px; }
387
+ /* @truss p:3000 c:fz_12px */
388
+ .fz_12px { font-size: 12px; }
389
+ /* @truss p:3000 c:fz_14px */
390
+ .fz_14px { font-size: 14px; }
391
+ /* @truss p:3000 c:fz_16px */
392
+ .fz_16px { font-size: 16px; }
393
+ /* @truss p:3000 c:fz_18px */
394
+ .fz_18px { font-size: 18px; }
395
+ /* @truss p:3000 c:fz_20px */
396
+ .fz_20px { font-size: 20px; }
397
+ /* @truss p:3000 c:fz_30px */
398
+ .fz_30px { font-size: 30px; }
399
+ /* @truss p:3000 c:gray100 */
400
+ .gray100 { color: rgba(247, 245, 245, 1); }
401
+ /* @truss p:3000 c:gray300 */
402
+ .gray300 { color: rgba(221, 220, 220, 1); }
403
+ /* @truss p:3000 c:gray400 */
404
+ .gray400 { color: rgba(201, 201, 201, 1); }
405
+ /* @truss p:3000 c:gray500 */
406
+ .gray500 { color: rgba(175, 175, 175, 1); }
407
+ /* @truss p:3000 c:gray600 */
408
+ .gray600 { color: rgba(141, 141, 141, 1); }
409
+ /* @truss p:3000 c:gray700 */
410
+ .gray700 { color: rgba(100, 100, 100, 1); }
411
+ /* @truss p:3000 c:gray800 */
412
+ .gray800 { color: rgba(53, 53, 53, 1); }
413
+ /* @truss p:3000 c:gray900 */
414
+ .gray900 { color: rgba(36, 36, 36, 1); }
415
+ /* @truss p:3000 c:green500 */
416
+ .green500 { color: rgba(16, 185, 129, 1); }
417
+ /* @truss p:3000 c:gtc_1fr_auto */
418
+ .gtc_1fr_auto { grid-template-columns: 1fr auto; }
419
+ /* @truss p:3000 c:gtc_50px_1fr */
420
+ .gtc_50px_1fr { grid-template-columns: 50px 1fr; }
421
+ /* @truss p:3000 c:gtr_auto */
422
+ .gtr_auto { grid-template-rows: auto; }
423
+ /* @truss p:3000 c:gtr_auto_1fr */
424
+ .gtr_auto_1fr { grid-template-rows: auto 1fr; }
425
+ /* @truss p:3000 c:jcc */
426
+ .jcc { justify-content: center; }
427
+ /* @truss p:3000 c:jcfe */
428
+ .jcfe { justify-content: flex-end; }
429
+ /* @truss p:3000 c:jcfs */
430
+ .jcfs { justify-content: flex-start; }
431
+ /* @truss p:3000 c:jcsb */
432
+ .jcsb { justify-content: space-between; }
433
+ /* @truss p:3000 c:jsc */
434
+ .jsc { justify-self: center; }
435
+ /* @truss p:3000 c:lh_0 */
436
+ .lh_0 { line-height: 0; }
437
+ /* @truss p:3000 c:lh_14px */
438
+ .lh_14px { line-height: 14px; }
439
+ /* @truss p:3000 c:lh_16px */
440
+ .lh_16px { line-height: 16px; }
441
+ /* @truss p:3000 c:lh_20px */
442
+ .lh_20px { line-height: 20px; }
443
+ /* @truss p:3000 c:lh_24px */
444
+ .lh_24px { line-height: 24px; }
445
+ /* @truss p:3000 c:lh_28px */
446
+ .lh_28px { line-height: 28px; }
447
+ /* @truss p:3000 c:lh_36px */
448
+ .lh_36px { line-height: 36px; }
449
+ /* @truss p:3000 c:lineHeight_0 */
450
+ .lineHeight_0 { line-height: 0; }
451
+ /* @truss p:3000 c:lineHeight_1 */
452
+ .lineHeight_1 { line-height: 1; }
453
+ /* @truss p:3000 c:o0 */
454
+ .o0 { opacity: 0; }
455
+ /* @truss p:3000 c:objectCover */
456
+ .objectCover { object-fit: cover; }
457
+ /* @truss p:3000 c:opacity_0 */
458
+ .opacity_0 { opacity: 0; }
459
+ /* @truss p:3000 c:opacity_0_2 */
460
+ .opacity_0_2 { opacity: 0.2; }
461
+ /* @truss p:3000 c:opacity_0_5 */
462
+ .opacity_0_5 { opacity: 0.5; }
463
+ /* @truss p:3000 c:order_1 */
464
+ .order_1 { order: 1; }
465
+ /* @truss p:3000 c:outlineOffset_2px */
466
+ .outlineOffset_2px { outline-offset: 2px; }
467
+ /* @truss p:3000 c:pageBreakAfter_auto */
468
+ .pageBreakAfter_auto { page-break-after: auto; }
469
+ /* @truss p:3000 c:pageBreakInside_avoid */
470
+ .pageBreakInside_avoid { page-break-inside: avoid; }
471
+ /* @truss p:3000 c:pointerEvents_none */
472
+ .pointerEvents_none { pointer-events: none; }
473
+ /* @truss p:3000 c:red200 */
474
+ .red200 { color: rgba(254, 202, 202, 1); }
475
+ /* @truss p:3000 c:red400 */
476
+ .red400 { color: rgba(248, 113, 113, 1); }
477
+ /* @truss p:3000 c:red500 */
478
+ .red500 { color: rgba(239, 68, 68, 1); }
479
+ /* @truss p:3000 c:red600 */
480
+ .red600 { color: rgba(220, 38, 38, 1); }
481
+ /* @truss p:3000 c:red800 */
482
+ .red800 { color: rgba(153, 27, 27, 1); }
483
+ /* @truss p:3000 c:red900 */
484
+ .red900 { color: rgba(127, 29, 29, 1); }
485
+ /* @truss p:3000 c:relative */
486
+ .relative { position: relative; }
487
+ /* @truss p:3000 c:resize_none */
488
+ .resize_none { resize: none; }
489
+ /* @truss p:3000 c:scrollbarWidth_none */
490
+ .scrollbarWidth_none { scrollbar-width: none; }
491
+ /* @truss p:3000 c:sticky */
492
+ .sticky { position: sticky; }
493
+ /* @truss p:3000 c:ta_inherit */
494
+ .ta_inherit { text-align: inherit; }
495
+ /* @truss p:3000 c:tac */
496
+ .tac { text-align: center; }
497
+ /* @truss p:3000 c:tal */
498
+ .tal { text-align: left; }
499
+ /* @truss p:3000 c:tar */
500
+ .tar { text-align: right; }
501
+ /* @truss p:3000 c:textIndent_neg999px */
502
+ .textIndent_neg999px { text-indent: -999px; }
503
+ /* @truss p:3000 c:to_ellipsis */
504
+ .to_ellipsis { text-overflow: ellipsis; }
505
+ /* @truss p:3000 c:transform_translateX_50 */
506
+ .transform_translateX_50 { transform: translateX(-50%); }
507
+ /* @truss p:3000 c:transform_translateZ_0 */
508
+ .transform_translateZ_0 { transform: translateZ(0); }
509
+ /* @truss p:3000 c:tt_inherit */
510
+ .tt_inherit { text-transform: inherit; }
511
+ /* @truss p:3000 c:ttu */
512
+ .ttu { text-transform: uppercase; }
513
+ /* @truss p:3000 c:userSelect_none */
514
+ .userSelect_none { user-select: none; }
515
+ /* @truss p:3000 c:usn */
516
+ .usn { user-select: none; }
517
+ /* @truss p:3000 c:vam */
518
+ .vam { vertical-align: middle; }
519
+ /* @truss p:3000 c:vh */
520
+ .vh { visibility: hidden; }
521
+ /* @truss p:3000 c:visibility_hidden */
522
+ .visibility_hidden { visibility: hidden; }
523
+ /* @truss p:3000 c:visibility_visible */
524
+ .visibility_visible { visibility: visible; }
525
+ /* @truss p:3000 c:wbba */
526
+ .wbba { word-break: break-all; }
527
+ /* @truss p:3000 c:wbo_vertical */
528
+ .wbo_vertical { -webkit-box-orient: vertical; }
529
+ /* @truss p:3000 c:white */
530
+ .white { color: rgba(255,255,255,1); }
531
+ /* @truss p:3000 c:whiteSpace_initial */
532
+ .whiteSpace_initial { white-space: initial; }
533
+ /* @truss p:3000 c:whiteSpace_normal */
534
+ .whiteSpace_normal { white-space: normal; }
535
+ /* @truss p:3000 c:whiteSpace_unset */
536
+ .whiteSpace_unset { white-space: unset; }
537
+ /* @truss p:3000 c:wlc_1 */
538
+ .wlc_1 { -webkit-line-clamp: 1; }
539
+ /* @truss p:3000 c:wlc_2 */
540
+ .wlc_2 { -webkit-line-clamp: 2; }
541
+ /* @truss p:3000 c:wlc_3 */
542
+ .wlc_3 { -webkit-line-clamp: 3; }
543
+ /* @truss p:3000 c:wsn */
544
+ .wsn { white-space: normal; }
545
+ /* @truss p:3000 c:wsnw */
546
+ .wsnw { white-space: nowrap; }
547
+ /* @truss p:3000 c:z0 */
548
+ .z0 { z-index: 0; }
549
+ /* @truss p:3000 c:z1 */
550
+ .z1 { z-index: 1; }
551
+ /* @truss p:3000 c:z2 */
552
+ .z2 { z-index: 2; }
553
+ /* @truss p:3000 c:z3 */
554
+ .z3 { z-index: 3; }
555
+ /* @truss p:3000 c:z4 */
556
+ .z4 { z-index: 4; }
557
+ /* @truss p:3000 c:z5 */
558
+ .z5 { z-index: 5; }
559
+ /* @truss p:3000 c:z9999 */
560
+ .z9999 { z-index: 9999; }
561
+ /* @truss p:3000 c:z_10 */
562
+ .z_10 { z-index: 10; }
563
+ /* @truss p:3000 c:z_1000 */
564
+ .z_1000 { z-index: 1000; }
565
+ /* @truss p:3000 c:z_999999 */
566
+ .z_999999 { z-index: 999999; }
567
+ /* @truss p:3000.5 c:ai_var */
568
+ .ai_var { align-items: var(--alignItems); }
569
+ /* @truss p:3000.5 c:animationName_var */
570
+ .animationName_var { animation-name: var(--animationName); }
571
+ /* @truss p:3000.5 c:backgroundImage_var */
572
+ .backgroundImage_var { background-image: var(--backgroundImage); }
573
+ /* @truss p:3000.5 c:bgColor_var */
574
+ .bgColor_var { background-color: var(--backgroundColor); }
575
+ /* @truss p:3000.5 c:boxShadow_var */
576
+ .boxShadow_var { box-shadow: var(--boxShadow); }
577
+ /* @truss p:3000.5 c:color_var */
578
+ .color_var { color: var(--color); }
579
+ /* @truss p:3000.5 c:fb_var */
580
+ .fb_var { flex-basis: var(--flexBasis); }
581
+ /* @truss p:3000.5 c:fd_var */
582
+ .fd_var { flex-direction: var(--flexDirection); }
583
+ /* @truss p:3000.5 c:fill_var */
584
+ .fill_var { fill: var(--fill); }
585
+ /* @truss p:3000.5 c:flexGrow_var */
586
+ .flexGrow_var { flex-grow: var(--flexGrow); }
587
+ /* @truss p:3000.5 c:gtc_var */
588
+ .gtc_var { grid-template-columns: var(--gridTemplateColumns); }
589
+ /* @truss p:3000.5 c:jc_var */
590
+ .jc_var { justify-content: var(--justifyContent); }
591
+ /* @truss p:3000.5 c:lineClamp_var */
592
+ .lineClamp_var { -webkit-line-clamp: var(--WebkitLineClamp); }
593
+ /* @truss p:3000.5 c:o_var */
594
+ .o_var { opacity: var(--opacity); }
595
+ /* @truss p:3000.5 c:objectFit_var */
596
+ .objectFit_var { object-fit: var(--objectFit); }
597
+ /* @truss p:3000.5 c:textAlign_var */
598
+ .textAlign_var { text-align: var(--textAlign); }
599
+ /* @truss p:3000.5 c:transform_var */
600
+ .transform_var { transform: var(--transform); }
601
+ /* @truss p:3000.5 c:z_var */
602
+ .z_var { z-index: var(--zIndex); }
603
+ /* @truss p:3092 c:d_cursorNotAllowed */
604
+ .d_cursorNotAllowed:disabled { cursor: not-allowed; }
605
+ /* @truss p:3092 c:d_gray400 */
606
+ .d_gray400:disabled { color: rgba(201, 201, 201, 1); }
607
+ /* @truss p:3130 c:h_bgGray100 */
608
+ .h_bgGray100:hover { background-color: rgba(247, 245, 245, 1); }
609
+ /* @truss p:3130 c:h_bgGray200 */
610
+ .h_bgGray200:hover { background-color: rgba(236, 235, 235, 1); }
611
+ /* @truss p:3130 c:h_bgGray300 */
612
+ .h_bgGray300:hover { background-color: rgba(221, 220, 220, 1); }
613
+ /* @truss p:3130 c:h_bgGray700 */
614
+ .h_bgGray700:hover { background-color: rgba(100, 100, 100, 1); }
615
+ /* @truss p:3130 c:h_bshHover */
616
+ .h_bshHover:hover { box-shadow: 0px 4px 8px rgba(53, 53, 53, 0.1), 0px 2px 24px rgba(53, 53, 53, 0.08);; }
617
+ /* @truss p:3130 c:h_cursorPointer */
618
+ .h_cursorPointer:hover { cursor: pointer; }
619
+ /* @truss p:3130 c:h_fw6 */
620
+ .h_fw6:hover { font-weight: 600; }
621
+ /* @truss p:3130 c:h_fz_16px */
622
+ .h_fz_16px:hover { font-size: 16px; }
623
+ /* @truss p:3130 c:h_gray900 */
624
+ .h_gray900:hover { color: rgba(36, 36, 36, 1); }
625
+ /* @truss p:3130 c:h_lh_24px */
626
+ .h_lh_24px:hover { line-height: 24px; }
627
+ /* @truss p:3130.5 c:h_bgColor_var */
628
+ .h_bgColor_var:hover { background-color: var(--h_backgroundColor); }
629
+ /* @truss p:4000 c:bbs_solid */
630
+ .bbs_solid { border-bottom-style: solid; }
631
+ /* @truss p:4000 c:bbw_1px */
632
+ .bbw_1px { border-bottom-width: 1px; }
633
+ /* @truss p:4000 c:bls_solid */
634
+ .bls_solid { border-left-style: solid; }
635
+ /* @truss p:4000 c:blw_1px */
636
+ .blw_1px { border-left-width: 1px; }
637
+ /* @truss p:4000 c:bot_0 */
638
+ .bot_0 { bottom: 0; }
639
+ /* @truss p:4000 c:bottom0 */
640
+ .bottom0 { bottom: 0px; }
641
+ /* @truss p:4000 c:bottom_4px */
642
+ .bottom_4px { bottom: 4px; }
643
+ /* @truss p:4000 c:brs_solid */
644
+ .brs_solid { border-right-style: solid; }
645
+ /* @truss p:4000 c:brw_1px */
646
+ .brw_1px { border-right-width: 1px; }
647
+ /* @truss p:4000 c:bts_solid */
648
+ .bts_solid { border-top-style: solid; }
649
+ /* @truss p:4000 c:btw_1px */
650
+ .btw_1px { border-top-width: 1px; }
651
+ /* @truss p:4000 c:h100 */
652
+ .h100 { height: 100%; }
653
+ /* @truss p:4000 c:h2 */
654
+ .h2 { height: 16px; }
655
+ /* @truss p:4000 c:h5 */
656
+ .h5 { height: 40px; }
657
+ /* @truss p:4000 c:h_10px */
658
+ .h_10px { height: 10px; }
659
+ /* @truss p:4000 c:h_114px */
660
+ .h_114px { height: 114px; }
661
+ /* @truss p:4000 c:h_16px */
662
+ .h_16px { height: 16px; }
663
+ /* @truss p:4000 c:h_18px */
664
+ .h_18px { height: 18px; }
665
+ /* @truss p:4000 c:h_1px */
666
+ .h_1px { height: 1px; }
667
+ /* @truss p:4000 c:h_24px */
668
+ .h_24px { height: 24px; }
669
+ /* @truss p:4000 c:h_28px */
670
+ .h_28px { height: 28px; }
671
+ /* @truss p:4000 c:h_30px */
672
+ .h_30px { height: 30px; }
673
+ /* @truss p:4000 c:h_32px */
674
+ .h_32px { height: 32px; }
675
+ /* @truss p:4000 c:h_40px */
676
+ .h_40px { height: 40px; }
677
+ /* @truss p:4000 c:h_48px */
678
+ .h_48px { height: 48px; }
679
+ /* @truss p:4000 c:h_4px */
680
+ .h_4px { height: 4px; }
681
+ /* @truss p:4000 c:h_8px */
682
+ .h_8px { height: 8px; }
683
+ /* @truss p:4000 c:h_auto */
684
+ .h_auto { height: auto; }
685
+ /* @truss p:4000 c:h_calc_100vh_168px */
686
+ .h_calc_100vh_168px { height: calc(100vh - 168px); }
687
+ /* @truss p:4000 c:height_100dvh */
688
+ .height_100dvh { height: 100dvh; }
689
+ /* @truss p:4000 c:l_0 */
690
+ .l_0 { left: 0; }
691
+ /* @truss p:4000 c:left0 */
692
+ .left0 { left: 0px; }
693
+ /* @truss p:4000 c:left1 */
694
+ .left1 { left: 8px; }
695
+ /* @truss p:4000 c:left3 */
696
+ .left3 { left: 24px; }
697
+ /* @truss p:4000 c:left_0px */
698
+ .left_0px { left: 0px; }
699
+ /* @truss p:4000 c:left_2px */
700
+ .left_2px { left: 2px; }
701
+ /* @truss p:4000 c:left_800px */
702
+ .left_800px { left: 800px; }
703
+ /* @truss p:4000 c:maxh_50 */
704
+ .maxh_50 { max-height: 50%; }
705
+ /* @truss p:4000 c:maxh_74px */
706
+ .maxh_74px { max-height: 74px; }
707
+ /* @truss p:4000 c:maxh_90vh */
708
+ .maxh_90vh { max-height: 90vh; }
709
+ /* @truss p:4000 c:maxh_inherit */
710
+ .maxh_inherit { max-height: inherit; }
711
+ /* @truss p:4000 c:maxh_negwebkit_fill_available */
712
+ .maxh_negwebkit_fill_available { max-height: -webkit-fill-available; }
713
+ /* @truss p:4000 c:maxh_none */
714
+ .maxh_none { max-height: none; }
715
+ /* @truss p:4000 c:maxw100 */
716
+ .maxw100 { max-width: 100%; }
717
+ /* @truss p:4000 c:maxw_320px */
718
+ .maxw_320px { max-width: 320px; }
719
+ /* @truss p:4000 c:maxw_326px */
720
+ .maxw_326px { max-width: 326px; }
721
+ /* @truss p:4000 c:maxw_420px */
722
+ .maxw_420px { max-width: 420px; }
723
+ /* @truss p:4000 c:maxw_550px */
724
+ .maxw_550px { max-width: 550px; }
725
+ /* @truss p:4000 c:mb0 */
726
+ .mb0 { margin-bottom: 0px; }
727
+ /* @truss p:4000 c:mb1 */
728
+ .mb1 { margin-bottom: 8px; }
729
+ /* @truss p:4000 c:mb2 */
730
+ .mb2 { margin-bottom: 16px; }
731
+ /* @truss p:4000 c:mb3 */
732
+ .mb3 { margin-bottom: 24px; }
733
+ /* @truss p:4000 c:mb4 */
734
+ .mb4 { margin-bottom: 32px; }
735
+ /* @truss p:4000 c:mb_12px */
736
+ .mb_12px { margin-bottom: 12px; }
737
+ /* @truss p:4000 c:mb_2px */
738
+ .mb_2px { margin-bottom: 2px; }
739
+ /* @truss p:4000 c:mb_4px */
740
+ .mb_4px { margin-bottom: 4px; }
741
+ /* @truss p:4000 c:mb_72px */
742
+ .mb_72px { margin-bottom: 72px; }
743
+ /* @truss p:4000 c:mba */
744
+ .mba { margin-bottom: auto; }
745
+ /* @truss p:4000 c:mh0 */
746
+ .mh0 { min-height: 0; }
747
+ /* @truss p:4000 c:mh_120px */
748
+ .mh_120px { min-height: 120px; }
749
+ /* @truss p:4000 c:mh_42px */
750
+ .mh_42px { min-height: 42px; }
751
+ /* @truss p:4000 c:mh_50px */
752
+ .mh_50px { min-height: 50px; }
753
+ /* @truss p:4000 c:mh_56px */
754
+ .mh_56px { min-height: 56px; }
755
+ /* @truss p:4000 c:mh_negwebkit_fill_available */
756
+ .mh_negwebkit_fill_available { min-height: -webkit-fill-available; }
757
+ /* @truss p:4000 c:minWidth_fit_content */
758
+ .minWidth_fit_content { min-width: fit-content; }
759
+ /* @truss p:4000 c:ml0 */
760
+ .ml0 { margin-left: 0px; }
761
+ /* @truss p:4000 c:ml1 */
762
+ .ml1 { margin-left: 8px; }
763
+ /* @truss p:4000 c:ml2 */
764
+ .ml2 { margin-left: 16px; }
765
+ /* @truss p:4000 c:ml_12px */
766
+ .ml_12px { margin-left: 12px; }
767
+ /* @truss p:4000 c:ml_4px */
768
+ .ml_4px { margin-left: 4px; }
769
+ /* @truss p:4000 c:ml_neg8px */
770
+ .ml_neg8px { margin-left: -8px; }
771
+ /* @truss p:4000 c:mla */
772
+ .mla { margin-left: auto; }
773
+ /* @truss p:4000 c:mr0 */
774
+ .mr0 { margin-right: 0px; }
775
+ /* @truss p:4000 c:mr1 */
776
+ .mr1 { margin-right: 8px; }
777
+ /* @truss p:4000 c:mr2 */
778
+ .mr2 { margin-right: 16px; }
779
+ /* @truss p:4000 c:mr3 */
780
+ .mr3 { margin-right: 24px; }
781
+ /* @truss p:4000 c:mr_10px */
782
+ .mr_10px { margin-right: 10px; }
783
+ /* @truss p:4000 c:mr_12px */
784
+ .mr_12px { margin-right: 12px; }
785
+ /* @truss p:4000 c:mr_2px */
786
+ .mr_2px { margin-right: 2px; }
787
+ /* @truss p:4000 c:mr_4px */
788
+ .mr_4px { margin-right: 4px; }
789
+ /* @truss p:4000 c:mra */
790
+ .mra { margin-right: auto; }
791
+ /* @truss p:4000 c:mt0 */
792
+ .mt0 { margin-top: 0px; }
793
+ /* @truss p:4000 c:mt1 */
794
+ .mt1 { margin-top: 8px; }
795
+ /* @truss p:4000 c:mt2 */
796
+ .mt2 { margin-top: 16px; }
797
+ /* @truss p:4000 c:mt_12px */
798
+ .mt_12px { margin-top: 12px; }
799
+ /* @truss p:4000 c:mt_2px */
800
+ .mt_2px { margin-top: 2px; }
801
+ /* @truss p:4000 c:mt_4px */
802
+ .mt_4px { margin-top: 4px; }
803
+ /* @truss p:4000 c:mta */
804
+ .mta { margin-top: auto; }
805
+ /* @truss p:4000 c:mw0 */
806
+ .mw0 { min-width: 0; }
807
+ /* @truss p:4000 c:mw_32px */
808
+ .mw_32px { min-width: 32px; }
809
+ /* @truss p:4000 c:mw_fit_content */
810
+ .mw_fit_content { min-width: fit-content; }
811
+ /* @truss p:4000 c:oxa */
812
+ .oxa { overflow-x: auto; }
813
+ /* @truss p:4000 c:oxh */
814
+ .oxh { overflow-x: hidden; }
815
+ /* @truss p:4000 c:oya */
816
+ .oya { overflow-y: auto; }
817
+ /* @truss p:4000 c:oys */
818
+ .oys { overflow-y: scroll; }
819
+ /* @truss p:4000 c:pb0 */
820
+ .pb0 { padding-bottom: 0px; }
821
+ /* @truss p:4000 c:pb1 */
822
+ .pb1 { padding-bottom: 8px; }
823
+ /* @truss p:4000 c:pb2 */
824
+ .pb2 { padding-bottom: 16px; }
825
+ /* @truss p:4000 c:pb3 */
826
+ .pb3 { padding-bottom: 24px; }
827
+ /* @truss p:4000 c:pb_12px */
828
+ .pb_12px { padding-bottom: 12px; }
829
+ /* @truss p:4000 c:pb_25px */
830
+ .pb_25px { padding-bottom: 25px; }
831
+ /* @truss p:4000 c:pb_2px */
832
+ .pb_2px { padding-bottom: 2px; }
833
+ /* @truss p:4000 c:pb_4px */
834
+ .pb_4px { padding-bottom: 4px; }
835
+ /* @truss p:4000 c:pb_6px */
836
+ .pb_6px { padding-bottom: 6px; }
837
+ /* @truss p:4000 c:pl0 */
838
+ .pl0 { padding-left: 0px; }
839
+ /* @truss p:4000 c:pl1 */
840
+ .pl1 { padding-left: 8px; }
841
+ /* @truss p:4000 c:pl2 */
842
+ .pl2 { padding-left: 16px; }
843
+ /* @truss p:4000 c:pl3 */
844
+ .pl3 { padding-left: 24px; }
845
+ /* @truss p:4000 c:pl4 */
846
+ .pl4 { padding-left: 32px; }
847
+ /* @truss p:4000 c:pl_10px */
848
+ .pl_10px { padding-left: 10px; }
849
+ /* @truss p:4000 c:pl_12px */
850
+ .pl_12px { padding-left: 12px; }
851
+ /* @truss p:4000 c:pl_2px */
852
+ .pl_2px { padding-left: 2px; }
853
+ /* @truss p:4000 c:pl_36px */
854
+ .pl_36px { padding-left: 36px; }
855
+ /* @truss p:4000 c:pl_4px */
856
+ .pl_4px { padding-left: 4px; }
857
+ /* @truss p:4000 c:pl_6px */
858
+ .pl_6px { padding-left: 6px; }
859
+ /* @truss p:4000 c:pr0 */
860
+ .pr0 { padding-right: 0px; }
861
+ /* @truss p:4000 c:pr1 */
862
+ .pr1 { padding-right: 8px; }
863
+ /* @truss p:4000 c:pr2 */
864
+ .pr2 { padding-right: 16px; }
865
+ /* @truss p:4000 c:pr3 */
866
+ .pr3 { padding-right: 24px; }
867
+ /* @truss p:4000 c:pr_10px */
868
+ .pr_10px { padding-right: 10px; }
869
+ /* @truss p:4000 c:pr_12px */
870
+ .pr_12px { padding-right: 12px; }
871
+ /* @truss p:4000 c:pr_2px */
872
+ .pr_2px { padding-right: 2px; }
873
+ /* @truss p:4000 c:pr_4px */
874
+ .pr_4px { padding-right: 4px; }
875
+ /* @truss p:4000 c:pr_6px */
876
+ .pr_6px { padding-right: 6px; }
877
+ /* @truss p:4000 c:pt0 */
878
+ .pt0 { padding-top: 0px; }
879
+ /* @truss p:4000 c:pt1 */
880
+ .pt1 { padding-top: 8px; }
881
+ /* @truss p:4000 c:pt2 */
882
+ .pt2 { padding-top: 16px; }
883
+ /* @truss p:4000 c:pt3 */
884
+ .pt3 { padding-top: 24px; }
885
+ /* @truss p:4000 c:pt_12px */
886
+ .pt_12px { padding-top: 12px; }
887
+ /* @truss p:4000 c:pt_25px */
888
+ .pt_25px { padding-top: 25px; }
889
+ /* @truss p:4000 c:pt_2px */
890
+ .pt_2px { padding-top: 2px; }
891
+ /* @truss p:4000 c:pt_4px */
892
+ .pt_4px { padding-top: 4px; }
893
+ /* @truss p:4000 c:pt_6px */
894
+ .pt_6px { padding-top: 6px; }
895
+ /* @truss p:4000 c:r_0 */
896
+ .r_0 { right: 0; }
897
+ /* @truss p:4000 c:right0 */
898
+ .right0 { right: 0px; }
899
+ /* @truss p:4000 c:right1 */
900
+ .right1 { right: 8px; }
901
+ /* @truss p:4000 c:right3 */
902
+ .right3 { right: 24px; }
903
+ /* @truss p:4000 c:right_12px */
904
+ .right_12px { right: 12px; }
905
+ /* @truss p:4000 c:top0 */
906
+ .top0 { top: 0px; }
907
+ /* @truss p:4000 c:top1 */
908
+ .top1 { top: 8px; }
909
+ /* @truss p:4000 c:top3 */
910
+ .top3 { top: 24px; }
911
+ /* @truss p:4000 c:top_2px */
912
+ .top_2px { top: 2px; }
913
+ /* @truss p:4000 c:top_48px */
914
+ .top_48px { top: 48px; }
915
+ /* @truss p:4000 c:top_4px */
916
+ .top_4px { top: 4px; }
917
+ /* @truss p:4000 c:tp_0 */
918
+ .tp_0 { top: 0; }
919
+ /* @truss p:4000 c:vh100 */
920
+ .vh100 { height: 100vh; }
921
+ /* @truss p:4000 c:w100 */
922
+ .w100 { width: 100%; }
923
+ /* @truss p:4000 c:w2 */
924
+ .w2 { width: 16px; }
925
+ /* @truss p:4000 c:w50 */
926
+ .w50 { width: 50%; }
927
+ /* @truss p:4000 c:w_10px */
928
+ .w_10px { width: 10px; }
929
+ /* @truss p:4000 c:w_130px */
930
+ .w_130px { width: 130px; }
931
+ /* @truss p:4000 c:w_16px */
932
+ .w_16px { width: 16px; }
933
+ /* @truss p:4000 c:w_18px */
934
+ .w_18px { width: 18px; }
935
+ /* @truss p:4000 c:w_1px */
936
+ .w_1px { width: 1px; }
937
+ /* @truss p:4000 c:w_244px */
938
+ .w_244px { width: 244px; }
939
+ /* @truss p:4000 c:w_24px */
940
+ .w_24px { width: 24px; }
941
+ /* @truss p:4000 c:w_25px */
942
+ .w_25px { width: 25px; }
943
+ /* @truss p:4000 c:w_28px */
944
+ .w_28px { width: 28px; }
945
+ /* @truss p:4000 c:w_32px */
946
+ .w_32px { width: 32px; }
947
+ /* @truss p:4000 c:w_38px */
948
+ .w_38px { width: 38px; }
949
+ /* @truss p:4000 c:w_480px */
950
+ .w_480px { width: 480px; }
951
+ /* @truss p:4000 c:w_48px */
952
+ .w_48px { width: 48px; }
953
+ /* @truss p:4000 c:w_4px */
954
+ .w_4px { width: 4px; }
955
+ /* @truss p:4000 c:w_78px */
956
+ .w_78px { width: 78px; }
957
+ /* @truss p:4000 c:w_8px */
958
+ .w_8px { width: 8px; }
959
+ /* @truss p:4000 c:w_auto */
960
+ .w_auto { width: auto; }
961
+ /* @truss p:4000 c:w_calc_100_16px */
962
+ .w_calc_100_16px { width: calc(100% + 16px); }
963
+ /* @truss p:4000 c:w_calc_100_20px */
964
+ .w_calc_100_20px { width: calc(100% - 20px); }
965
+ /* @truss p:4000 c:w_max_content */
966
+ .w_max_content { width: max-content; }
967
+ /* @truss p:4000 c:wa */
968
+ .wa { width: auto; }
969
+ /* @truss p:4000 c:width_100dvw */
970
+ .width_100dvw { width: 100dvw; }
971
+ /* @truss p:4000 c:width_fit_content */
972
+ .width_fit_content { width: fit-content; }
973
+ /* @truss p:4000 c:width_max_content */
974
+ .width_max_content { width: max-content; }
975
+ /* @truss p:4000 c:wmaxc */
976
+ .wmaxc { width: max-content; }
977
+ /* @truss p:4000.5 c:borderBottomWidth_var */
978
+ .borderBottomWidth_var { border-bottom-width: var(--borderBottomWidth); }
979
+ /* @truss p:4000.5 c:borderTopColor_var */
980
+ .borderTopColor_var { border-top-color: var(--borderTopColor); }
981
+ /* @truss p:4000.5 c:bottom_var */
982
+ .bottom_var { bottom: var(--bottom); }
983
+ /* @truss p:4000.5 c:h_var */
984
+ .h_var { height: var(--height); }
985
+ /* @truss p:4000.5 c:left_var */
986
+ .left_var { left: var(--left); }
987
+ /* @truss p:4000.5 c:m_var */
988
+ .m_var { margin-top: var(--marginTop); margin-bottom: var(--marginBottom); margin-right: var(--marginRight); margin-left: var(--marginLeft); }
989
+ /* @truss p:4000.5 c:maxh_var */
990
+ .maxh_var { max-height: var(--maxHeight); }
991
+ /* @truss p:4000.5 c:maxw_var */
992
+ .maxw_var { max-width: var(--maxWidth); }
993
+ /* @truss p:4000.5 c:mb_var */
994
+ .mb_var { margin-bottom: var(--marginBottom); }
995
+ /* @truss p:4000.5 c:mh_var */
996
+ .mh_var { min-height: var(--minHeight); }
997
+ /* @truss p:4000.5 c:ml_var */
998
+ .ml_var { margin-left: var(--marginLeft); }
999
+ /* @truss p:4000.5 c:mr_var */
1000
+ .mr_var { margin-right: var(--marginRight); }
1001
+ /* @truss p:4000.5 c:mt_var */
1002
+ .mt_var { margin-top: var(--marginTop); }
1003
+ /* @truss p:4000.5 c:mw_var */
1004
+ .mw_var { min-width: var(--minWidth); }
1005
+ /* @truss p:4000.5 c:mx_var */
1006
+ .mx_var { margin-left: var(--marginLeft); margin-right: var(--marginRight); }
1007
+ /* @truss p:4000.5 c:pb_var */
1008
+ .pb_var { padding-bottom: var(--paddingBottom); }
1009
+ /* @truss p:4000.5 c:pl_var */
1010
+ .pl_var { padding-left: var(--paddingLeft); }
1011
+ /* @truss p:4000.5 c:pr_var */
1012
+ .pr_var { padding-right: var(--paddingRight); }
1013
+ /* @truss p:4000.5 c:px_var */
1014
+ .px_var { padding-left: var(--paddingLeft); padding-right: var(--paddingRight); }
1015
+ /* @truss p:4000.5 c:py_var */
1016
+ .py_var { padding-top: var(--paddingTop); padding-bottom: var(--paddingBottom); }
1017
+ /* @truss p:4000.5 c:right_var */
1018
+ .right_var { right: var(--right); }
1019
+ /* @truss p:4000.5 c:scrollMarginTop_var */
1020
+ .scrollMarginTop_var { scroll-margin-top: var(--scrollMarginTop); }
1021
+ /* @truss p:4000.5 c:sq_var */
1022
+ .sq_var { height: var(--height); width: var(--width); }
1023
+ /* @truss p:4000.5 c:top_var */
1024
+ .top_var { top: var(--top); }
1025
+ /* @truss p:4000.5 c:w_var */
1026
+ .w_var { width: var(--width); }
1027
+ /* @truss p:8000 c:selection_bgGray800 */
1028
+ .selection_bgGray800::selection { background-color: rgba(53, 53, 53, 1); }
1029
+ /* @truss @property */
1030
+ @property --background { syntax: "*"; inherits: false; }
1031
+ /* @truss @property */
1032
+ @property --borderColor { syntax: "*"; inherits: false; }
1033
+ /* @truss @property */
1034
+ @property --borderWidth { syntax: "*"; inherits: false; }
1035
+ /* @truss @property */
1036
+ @property --gap { syntax: "*"; inherits: false; }
1037
+ /* @truss @property */
1038
+ @property --alignItems { syntax: "*"; inherits: false; }
1039
+ /* @truss @property */
1040
+ @property --animationName { syntax: "*"; inherits: false; }
1041
+ /* @truss @property */
1042
+ @property --backgroundImage { syntax: "*"; inherits: false; }
1043
+ /* @truss @property */
1044
+ @property --backgroundColor { syntax: "*"; inherits: false; }
1045
+ /* @truss @property */
1046
+ @property --boxShadow { syntax: "*"; inherits: false; }
1047
+ /* @truss @property */
1048
+ @property --color { syntax: "*"; inherits: false; }
1049
+ /* @truss @property */
1050
+ @property --flexBasis { syntax: "*"; inherits: false; }
1051
+ /* @truss @property */
1052
+ @property --flexDirection { syntax: "*"; inherits: false; }
1053
+ /* @truss @property */
1054
+ @property --fill { syntax: "*"; inherits: false; }
1055
+ /* @truss @property */
1056
+ @property --flexGrow { syntax: "*"; inherits: false; }
1057
+ /* @truss @property */
1058
+ @property --gridTemplateColumns { syntax: "*"; inherits: false; }
1059
+ /* @truss @property */
1060
+ @property --justifyContent { syntax: "*"; inherits: false; }
1061
+ /* @truss @property */
1062
+ @property --WebkitLineClamp { syntax: "*"; inherits: false; }
1063
+ /* @truss @property */
1064
+ @property --opacity { syntax: "*"; inherits: false; }
1065
+ /* @truss @property */
1066
+ @property --objectFit { syntax: "*"; inherits: false; }
1067
+ /* @truss @property */
1068
+ @property --textAlign { syntax: "*"; inherits: false; }
1069
+ /* @truss @property */
1070
+ @property --transform { syntax: "*"; inherits: false; }
1071
+ /* @truss @property */
1072
+ @property --zIndex { syntax: "*"; inherits: false; }
1073
+ /* @truss @property */
1074
+ @property --h_backgroundColor { syntax: "*"; inherits: false; }
1075
+ /* @truss @property */
1076
+ @property --borderBottomWidth { syntax: "*"; inherits: false; }
1077
+ /* @truss @property */
1078
+ @property --borderTopColor { syntax: "*"; inherits: false; }
1079
+ /* @truss @property */
1080
+ @property --bottom { syntax: "*"; inherits: false; }
1081
+ /* @truss @property */
1082
+ @property --height { syntax: "*"; inherits: false; }
1083
+ /* @truss @property */
1084
+ @property --left { syntax: "*"; inherits: false; }
1085
+ /* @truss @property */
1086
+ @property --marginTop { syntax: "*"; inherits: false; }
1087
+ /* @truss @property */
1088
+ @property --marginBottom { syntax: "*"; inherits: false; }
1089
+ /* @truss @property */
1090
+ @property --marginRight { syntax: "*"; inherits: false; }
1091
+ /* @truss @property */
1092
+ @property --marginLeft { syntax: "*"; inherits: false; }
1093
+ /* @truss @property */
1094
+ @property --maxHeight { syntax: "*"; inherits: false; }
1095
+ /* @truss @property */
1096
+ @property --maxWidth { syntax: "*"; inherits: false; }
1097
+ /* @truss @property */
1098
+ @property --marginBottom { syntax: "*"; inherits: false; }
1099
+ /* @truss @property */
1100
+ @property --minHeight { syntax: "*"; inherits: false; }
1101
+ /* @truss @property */
1102
+ @property --marginLeft { syntax: "*"; inherits: false; }
1103
+ /* @truss @property */
1104
+ @property --marginRight { syntax: "*"; inherits: false; }
1105
+ /* @truss @property */
1106
+ @property --marginTop { syntax: "*"; inherits: false; }
1107
+ /* @truss @property */
1108
+ @property --minWidth { syntax: "*"; inherits: false; }
1109
+ /* @truss @property */
1110
+ @property --marginLeft { syntax: "*"; inherits: false; }
1111
+ /* @truss @property */
1112
+ @property --marginRight { syntax: "*"; inherits: false; }
1113
+ /* @truss @property */
1114
+ @property --paddingBottom { syntax: "*"; inherits: false; }
1115
+ /* @truss @property */
1116
+ @property --paddingLeft { syntax: "*"; inherits: false; }
1117
+ /* @truss @property */
1118
+ @property --paddingRight { syntax: "*"; inherits: false; }
1119
+ /* @truss @property */
1120
+ @property --paddingLeft { syntax: "*"; inherits: false; }
1121
+ /* @truss @property */
1122
+ @property --paddingRight { syntax: "*"; inherits: false; }
1123
+ /* @truss @property */
1124
+ @property --paddingTop { syntax: "*"; inherits: false; }
1125
+ /* @truss @property */
1126
+ @property --paddingBottom { syntax: "*"; inherits: false; }
1127
+ /* @truss @property */
1128
+ @property --right { syntax: "*"; inherits: false; }
1129
+ /* @truss @property */
1130
+ @property --scrollMarginTop { syntax: "*"; inherits: false; }
1131
+ /* @truss @property */
1132
+ @property --height { syntax: "*"; inherits: false; }
1133
+ /* @truss @property */
1134
+ @property --width { syntax: "*"; inherits: false; }
1135
+ /* @truss @property */
1136
+ @property --top { syntax: "*"; inherits: false; }
1137
+ /* @truss @property */
1138
+ @property --width { syntax: "*"; inherits: false; }