@homebound/beam 3.0.0-alpha.2 → 3.0.0-alpha.4

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