@liner-fe/prism 3.6.3 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.css +939 -970
  2. package/lib/index.d.ts +14 -288
  3. package/lib/index.js +439 -790
  4. package/package.json +5 -4
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
 
3
3
  /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
4
- ._button_1un9b_1 {
4
+ ._button_qblq6_1 {
5
5
  position: relative;
6
6
  display: flex;
7
7
  align-items: center;
@@ -16,259 +16,256 @@
16
16
  overflow: hidden;
17
17
  cursor: pointer;
18
18
  }
19
- ._button_1un9b_1:disabled:not(._loading-with-disabled_1un9b_16) {
19
+ ._button_qblq6_1:disabled:not(._loading-with-disabled_qblq6_16) {
20
20
  cursor: not-allowed;
21
21
  }
22
- ._button_1un9b_1:disabled._loading-with-disabled_1un9b_16 {
22
+ ._button_qblq6_1:disabled._loading-with-disabled_qblq6_16 {
23
23
  cursor: not-allowed;
24
24
  }
25
- ._primary_1un9b_23 {
26
- color: var(--inverse-label-static-primary);
27
- background: var(--brand-container-mid);
25
+ ._primary_qblq6_23 {
26
+ color: var(--label-on-inverse-static-base);
27
+ background: var(--control-fill-brand);
28
28
  }
29
- ._primary_1un9b_23:not(:disabled):hover {
30
- background: var(--brand-container-mid-hover);
29
+ ._primary_qblq6_23:not(:disabled):hover {
30
+ background: var(--control-fill-brand-hover);
31
31
  }
32
- ._primary_1un9b_23:disabled:not(._loading_1un9b_16) {
33
- background: var(--neutral-fill-overlay-mid);
34
- color: var(--neutral-label-tertiary);
32
+ ._primary_qblq6_23:disabled:not(._loading_qblq6_16) {
33
+ background: var(--control-fill-neutral-mid);
34
+ color: var(--label-neutral-tertiary);
35
35
  }
36
- ._secondary_1un9b_35 {
37
- color: var(--brand-label-primary);
36
+ ._secondary_qblq6_35 {
37
+ color: var(--label-brand-base);
38
38
  background: transparent;
39
- border: 1px solid var(--brand-border-opaque-strong);
39
+ border: 1px solid var(--border-brand-strong);
40
40
  }
41
- ._secondary_1un9b_35:not(:disabled):hover {
42
- background: var(--brand-fill-low-hover);
41
+ ._secondary_qblq6_35:not(:disabled):hover {
42
+ background: var(--control-fill-brand-faint-hover);
43
43
  }
44
- ._secondary_1un9b_35:disabled:not(._loading_1un9b_16) {
45
- border: 1px solid var(--neutral-border-overlay-normal);
46
- color: var(--neutral-label-tertiary);
44
+ ._secondary_qblq6_35:disabled:not(._loading_qblq6_16) {
45
+ border: 1px solid var(--border-neutral-alpha-normal);
46
+ color: var(--label-neutral-tertiary);
47
47
  }
48
- ._tertiary_1un9b_48 {
49
- color: var(--neutral-label-primary);
50
- background: var(--neutral-fill-opaque-lowest);
51
- border: 1px solid var(--neutral-border-overlay-normal);
48
+ ._tertiary_qblq6_48 {
49
+ color: var(--label-neutral-base);
50
+ background: var(--surface-neutral-lowest);
51
+ border: 1px solid var(--border-neutral-alpha-normal);
52
52
  }
53
- ._tertiary_1un9b_48:not(:disabled):hover {
54
- background: var(--neutral-fill-opaque-lowest-hover);
53
+ ._tertiary_qblq6_48:not(:disabled):hover {
54
+ background: var(--surface-neutral-lowest-hover);
55
55
  }
56
- ._tertiary_1un9b_48:disabled:not(._loading_1un9b_16) {
57
- color: var(--neutral-label-tertiary);
56
+ ._tertiary_qblq6_48:disabled:not(._loading_qblq6_16) {
57
+ color: var(--label-neutral-tertiary);
58
58
  }
59
- ._quaternary_1un9b_60 {
60
- color: var(--neutral-label-primary);
61
- background: var(--neutral-fill-overlay-lowest);
59
+ ._quaternary_qblq6_60 {
60
+ color: var(--label-neutral-base);
61
+ background: var(--control-fill-neutral-lowest);
62
62
  }
63
- ._quaternary_1un9b_60:not(:disabled):hover {
64
- background: var(--neutral-fill-overlay-lowest-hover);
63
+ ._quaternary_qblq6_60:not(:disabled):hover {
64
+ background: var(--control-fill-neutral-lowest-hover);
65
65
  }
66
- ._quaternary_1un9b_60:disabled:not(._loading_1un9b_16) {
67
- background: var(--neutral-fill-overlay-mid);
68
- color: var(--neutral-label-tertiary);
66
+ ._quaternary_qblq6_60:disabled:not(._loading_qblq6_16) {
67
+ background: var(--control-fill-neutral-mid);
68
+ color: var(--label-neutral-tertiary);
69
69
  }
70
- ._quinary_1un9b_72 {
71
- color: var(--neutral-label-secondary);
72
- background: var(--neutral-container-lowest);
70
+ ._quinary_qblq6_72 {
71
+ color: var(--label-neutral-secondary);
72
+ background: var(--surface-neutral-lowest);
73
73
  }
74
- ._quinary_1un9b_72:not(:disabled):hover {
75
- background: var(--neutral-fill-overlay-lowest-hover);
74
+ ._quinary_qblq6_72:not(:disabled):hover {
75
+ background: var(--control-fill-neutral-lowest-hover);
76
76
  }
77
- ._quinary_1un9b_72:disabled:not(._loading_1un9b_16) {
77
+ ._quinary_qblq6_72:disabled:not(._loading_qblq6_16) {
78
78
  background: none;
79
- color: var(--neutral-label-quaternary);
79
+ color: var(--label-neutral-quaternary);
80
80
  }
81
- ._negative_1un9b_84 {
82
- color: var(--inverse-label-static-primary);
83
- background: var(--function-fill-negative-mid);
81
+ ._negative_qblq6_84 {
82
+ color: var(--label-on-inverse-static-base);
83
+ background: var(--negative-strong);
84
84
  }
85
- ._negative_1un9b_84:not(:disabled):hover {
86
- background: var(--function-fill-negative-mid-hover);
85
+ ._negative_qblq6_84:not(:disabled):hover {
86
+ background: var(--negative-strong-hover);
87
87
  }
88
- ._negative_1un9b_84:disabled:not(._loading_1un9b_16) {
89
- background: var(--neutral-fill-overlay-mid);
90
- color: var(--neutral-label-tertiary);
88
+ ._negative_qblq6_84:disabled:not(._loading_qblq6_16) {
89
+ background: var(--control-fill-neutral-mid);
90
+ color: var(--label-neutral-tertiary);
91
91
  }
92
- ._static_1un9b_96 {
93
- background: var(--neutral-container-static-lowest);
94
- color: var(--neutral-label-static-primary);
92
+ ._static_qblq6_96 {
93
+ background: var(--surface-neutral-static-lowest);
94
+ color: var(--label-neutral-static);
95
95
  }
96
- ._static_1un9b_96:not(:disabled):hover {
97
- background: var(--neutral-container-static-lowest-hover);
96
+ ._static_qblq6_96:not(:disabled):hover {
97
+ background: var(--surface-neutral-static-lowest-hover);
98
98
  }
99
- ._static_1un9b_96:disabled:not(._loading_1un9b_16) {
100
- background: var(--neutral-fill-overlay-mid);
101
- color: var(--neutral-label-tertiary);
99
+ ._static_qblq6_96:disabled:not(._loading_qblq6_16) {
100
+ background: var(--control-fill-neutral-mid);
101
+ color: var(--label-neutral-tertiary);
102
102
  }
103
- ._inverse-static_1un9b_108 {
103
+ ._inverse-static_qblq6_108 {
104
104
  background: transparent;
105
- color: var(--inverse-label-static-primary);
105
+ color: var(--label-on-inverse-static-base);
106
106
  }
107
- ._inverse-static_1un9b_108:not(:disabled):hover {
108
- background: var(--neutral-fill-overlay-lowest-hover);
107
+ ._inverse-static_qblq6_108:not(:disabled):hover {
108
+ background: var(--control-fill-neutral-lowest-hover);
109
109
  }
110
- ._inverse-static_1un9b_108:disabled:not(._loading_1un9b_16) {
111
- background: var(--inverse-label-tertiary);
112
- color: var(--inverse-label-tertiary);
110
+ ._inverse-static_qblq6_108:disabled:not(._loading_qblq6_16) {
111
+ background: var(--label-on-inverse-tertiary);
112
+ color: var(--label-on-inverse-tertiary);
113
113
  }
114
- ._cta_1un9b_120 {
115
- border-radius: var(--lp-sys-radius-m);
114
+ ._cta_qblq6_120 {
115
+ border-radius: var(--lp-sys-radius-medium);
116
116
  width: fit-content;
117
117
  height: 48px;
118
118
  gap: 8px;
119
119
  min-width: 48px;
120
120
  }
121
- ._l_1un9b_16 {
122
- border-radius: var(--lp-sys-radius-s);
121
+ ._l_qblq6_16 {
122
+ border-radius: var(--lp-sys-radius-small);
123
123
  width: fit-content;
124
124
  height: 40px;
125
125
  min-width: 40px;
126
126
  }
127
- ._m_1un9b_135 {
128
- border-radius: var(--lp-sys-radius-s);
127
+ ._m_qblq6_135 {
128
+ border-radius: var(--lp-sys-radius-small);
129
129
  width: fit-content;
130
130
  height: 32px;
131
131
  min-width: 32px;
132
132
  }
133
- ._s_1un9b_35 {
134
- border-radius: var(--lp-sys-radius-xs);
133
+ ._s_qblq6_35 {
134
+ border-radius: var(--lp-sys-radius-extra-small);
135
135
  width: fit-content;
136
136
  height: 24px;
137
137
  min-width: 24px;
138
138
  }
139
- ._align-center_1un9b_149 > span {
139
+ ._align-center_qblq6_149 > span {
140
140
  width: 100%;
141
141
  justify-content: center;
142
142
  }
143
- ._content_1un9b_154 {
143
+ ._content_qblq6_154 {
144
144
  flex-shrink: 0;
145
145
  line-height: 0;
146
146
  }
147
- ._full_1un9b_159 {
147
+ ._full_qblq6_159 {
148
148
  width: 100%;
149
149
  }
150
- ._fit-content_1un9b_163 {
150
+ ._fit-content_qblq6_163 {
151
151
  width: fit-content;
152
152
  }
153
- ._children_1un9b_167 {
153
+ ._children_qblq6_167 {
154
154
  position: relative;
155
155
  display: flex;
156
156
  align-items: center;
157
157
  justify-content: center;
158
158
  }
159
- ._cta-children_1un9b_174 {
160
- padding: 0 var(--lp-sys-padding-component-300);
161
- gap: var(--lp-sys-gap-positive-100);
159
+ ._cta-children_qblq6_174 {
160
+ padding: 0 var(--lp-sys-space-300);
161
+ gap: var(--lp-sys-space-100);
162
162
  }
163
- ._cta-children_1un9b_174 ._content_1un9b_154 {
164
- padding: 0px var(--lp-sys-padding-component-100);
163
+ ._cta-children_qblq6_174 ._content_qblq6_154 {
164
+ padding: 0px var(--lp-sys-space-100);
165
165
  }
166
- ._l-children_1un9b_182 {
167
- padding: 0 var(--lp-sys-padding-component-200);
168
- gap: var(--lp-sys-gap-positive-50);
166
+ ._l-children_qblq6_182 {
167
+ padding: 0 var(--lp-sys-space-200);
168
+ gap: var(--lp-sys-space-50);
169
169
  }
170
- ._l-children_1un9b_182 ._content_1un9b_154 {
171
- padding: 0px var(--lp-sys-padding-component-100);
170
+ ._l-children_qblq6_182 ._content_qblq6_154 {
171
+ padding: 0px var(--lp-sys-space-100);
172
172
  }
173
- ._m-children_1un9b_190 {
174
- padding: 0 var(--lp-sys-padding-component-150);
175
- gap: var(--lp-sys-gap-positive-50);
173
+ ._m-children_qblq6_190 {
174
+ padding: 0 var(--lp-sys-space-150);
175
+ gap: var(--lp-sys-space-50);
176
176
  }
177
- ._m-children_1un9b_190 ._content_1un9b_154 {
178
- padding: 0px var(--lp-sys-padding-component-100);
177
+ ._m-children_qblq6_190 ._content_qblq6_154 {
178
+ padding: 0px var(--lp-sys-space-100);
179
179
  }
180
- ._s-children_1un9b_198 {
181
- padding: 0 var(--lp-sys-padding-component-100);
182
- gap: var(--lp-sys-gap-positive-50);
180
+ ._s-children_qblq6_198 {
181
+ padding: 0 var(--lp-sys-space-100);
182
+ gap: var(--lp-sys-space-50);
183
183
  }
184
- ._s-children_1un9b_198 ._content_1un9b_154 {
185
- padding: 0px var(--lp-sys-padding-component-50);
184
+ ._s-children_qblq6_198 ._content_qblq6_154 {
185
+ padding: 0px var(--lp-sys-space-50);
186
186
  }
187
187
 
188
188
  /* esbuild-sass-plugin:css-chunk:src/components/Loading/style.module.scss */
189
- ._dots-loader-container_5kzc8_4 {
190
- display: flex;
191
- }
192
- ._dots-loader_5kzc8_4 {
189
+ ._dots-loader_1yp9w_1 {
193
190
  float: left;
194
191
  background: white;
195
192
  opacity: 0;
196
- -webkit-animation: _loadingFade_5kzc8_1 1s infinite;
197
- -moz-animation: _loadingFade_5kzc8_1 1s infinite;
198
- animation: _loadingFade_5kzc8_1 1s infinite;
193
+ -webkit-animation: _loadingFade_1yp9w_1 1s infinite;
194
+ -moz-animation: _loadingFade_1yp9w_1 1s infinite;
195
+ animation: _loadingFade_1yp9w_1 1s infinite;
199
196
  }
200
- ._dots-loader_5kzc8_4._xl_5kzc8_16 {
197
+ ._dots-loader_1yp9w_1._xl_1yp9w_9 {
201
198
  width: 7px;
202
199
  height: 7px;
203
200
  margin: 0 2px;
204
201
  border-radius: 1px;
205
202
  }
206
- ._dots-loader_5kzc8_4._l_5kzc8_22 {
203
+ ._dots-loader_1yp9w_1._l_1yp9w_15 {
207
204
  width: 5px;
208
205
  height: 5px;
209
206
  margin: 0 2px;
210
207
  border-radius: 1px;
211
208
  }
212
- ._dots-loader_5kzc8_4._m_5kzc8_28 {
209
+ ._dots-loader_1yp9w_1._m_1yp9w_21 {
213
210
  width: 4px;
214
211
  height: 4px;
215
212
  margin: 0 2px;
216
213
  border-radius: 1px;
217
214
  }
218
- ._dots-loader_5kzc8_4._s_5kzc8_34 {
215
+ ._dots-loader_1yp9w_1._s_1yp9w_27 {
219
216
  width: 3px;
220
217
  height: 3px;
221
218
  margin: 0 2px;
222
219
  border-radius: 1px;
223
220
  }
224
- ._dots-loader_5kzc8_4._xs_5kzc8_40 {
221
+ ._dots-loader_1yp9w_1._xs_1yp9w_33 {
225
222
  width: 2px;
226
223
  height: 2px;
227
224
  margin: 0 2px;
228
225
  border-radius: 1px;
229
226
  }
230
- ._dots-loader_5kzc8_4._brand-label-primary_5kzc8_46 {
231
- background: var(--brand-label-primary);
227
+ ._dots-loader_1yp9w_1._label-brand-base_1yp9w_39 {
228
+ background: var(--label-brand-base);
232
229
  }
233
- ._dots-loader_5kzc8_4._neutral-label-primary_5kzc8_49 {
234
- background: var(--neutral-label-primary);
230
+ ._dots-loader_1yp9w_1._label-neutral-base_1yp9w_42 {
231
+ background: var(--label-neutral-base);
235
232
  }
236
- ._dots-loader_5kzc8_4._neutral-label-static-primary_5kzc8_52 {
237
- background: var(--neutral-label-static-primary);
233
+ ._dots-loader_1yp9w_1._label-neutral-static_1yp9w_45 {
234
+ background: var(--label-neutral-static);
238
235
  }
239
- ._dots-loader_5kzc8_4._inverse-label-primary_5kzc8_55 {
240
- background: var(--inverse-label-primary);
236
+ ._dots-loader_1yp9w_1._label-on-inverse-base_1yp9w_48 {
237
+ background: var(--label-on-inverse-base);
241
238
  }
242
- ._dots-loader_5kzc8_4._inverse-label-static-primary_5kzc8_58 {
243
- background: var(--inverse-label-static-primary);
239
+ ._dots-loader_1yp9w_1._label-on-inverse-static-base_1yp9w_51 {
240
+ background: var(--label-on-inverse-static-base);
244
241
  }
245
- ._dots-loader_5kzc8_4._neutral-label-secondary_5kzc8_61 {
246
- background: var(--neutral-label-secondary);
242
+ ._dots-loader_1yp9w_1._label-neutral-secondary_1yp9w_54 {
243
+ background: var(--label-neutral-secondary);
247
244
  }
248
- ._dots-loader_5kzc8_4._inverse-label-secondary_5kzc8_64 {
249
- background: var(--inverse-label-secondary);
245
+ ._dots-loader_1yp9w_1._label-on-inverse-secondary_1yp9w_57 {
246
+ background: var(--label-on-inverse-secondary);
250
247
  }
251
- ._dots-loader_5kzc8_4:nth-child(1) {
248
+ ._dots-loader_1yp9w_1:nth-child(1) {
252
249
  -webkit-animation-delay: 0s;
253
250
  -moz-animation-delay: 0s;
254
251
  animation-delay: 0s;
255
252
  }
256
- ._dots-loader_5kzc8_4:nth-child(2) {
253
+ ._dots-loader_1yp9w_1:nth-child(2) {
257
254
  -webkit-animation-delay: 0.1s;
258
255
  -moz-animation-delay: 0.1s;
259
256
  animation-delay: 0.1s;
260
257
  }
261
- ._dots-loader_5kzc8_4:nth-child(3) {
258
+ ._dots-loader_1yp9w_1:nth-child(3) {
262
259
  -webkit-animation-delay: 0.2s;
263
260
  -moz-animation-delay: 0.2s;
264
261
  animation-delay: 0.2s;
265
262
  }
266
- ._dots-loader_5kzc8_4:nth-child(4) {
263
+ ._dots-loader_1yp9w_1:nth-child(4) {
267
264
  -webkit-animation-delay: 0.3s;
268
265
  -moz-animation-delay: 0.3s;
269
266
  animation-delay: 0.3s;
270
267
  }
271
- @-webkit-keyframes _loadingFade_5kzc8_1 {
268
+ @-webkit-keyframes _loadingFade_1yp9w_1 {
272
269
  0% {
273
270
  opacity: 0;
274
271
  }
@@ -279,7 +276,7 @@
279
276
  opacity: 0;
280
277
  }
281
278
  }
282
- @-moz-keyframes _loadingFade_5kzc8_1 {
279
+ @-moz-keyframes _loadingFade_1yp9w_1 {
283
280
  0% {
284
281
  opacity: 0;
285
282
  }
@@ -290,7 +287,7 @@
290
287
  opacity: 0;
291
288
  }
292
289
  }
293
- @keyframes _loadingFade_5kzc8_1 {
290
+ @keyframes _loadingFade_1yp9w_1 {
294
291
  0% {
295
292
  opacity: 0;
296
293
  }
@@ -301,150 +298,150 @@
301
298
  opacity: 0;
302
299
  }
303
300
  }
304
- ._spinner-loader_5kzc8_128 {
301
+ ._spinner-loader_1yp9w_118 {
305
302
  border-radius: 50%;
306
303
  position: relative;
307
- animation: _rotate_5kzc8_1 1s linear infinite;
304
+ animation: _rotate_1yp9w_1 1s linear infinite;
308
305
  }
309
- ._spinner-loader_5kzc8_128::before {
306
+ ._spinner-loader_1yp9w_118::before {
310
307
  content: "";
311
308
  box-sizing: border-box;
312
309
  position: absolute;
313
310
  inset: 0px;
314
311
  border-radius: 50%;
315
- animation: _prixClipFix_5kzc8_1 2s linear infinite;
312
+ animation: _prixClipFix_1yp9w_1 2s linear infinite;
316
313
  }
317
- ._spinner-loader_5kzc8_128._xl_5kzc8_16 {
314
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9 {
318
315
  width: 32px;
319
316
  height: 32px;
320
317
  }
321
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._brand-label-primary_5kzc8_46::before {
322
- border: 3px solid var(--brand-label-primary);
318
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-brand-base_1yp9w_39::before {
319
+ border: 3px solid var(--label-brand-base);
323
320
  }
324
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-primary_5kzc8_49::before {
325
- border: 3px solid var(--neutral-label-primary);
321
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-neutral-base_1yp9w_42::before {
322
+ border: 3px solid var(--label-neutral-base);
326
323
  }
327
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-static-primary_5kzc8_52::before {
328
- border: 3px solid var(--neutral-label-static-primary);
324
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-neutral-static_1yp9w_45::before {
325
+ border: 3px solid var(--label-neutral-static);
329
326
  }
330
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-primary_5kzc8_55::before {
331
- border: 3px solid var(--inverse-label-primary);
327
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-on-inverse-base_1yp9w_48::before {
328
+ border: 3px solid var(--label-on-inverse-base);
332
329
  }
333
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-static-primary_5kzc8_58::before {
334
- border: 3px solid var(--inverse-label-static-primary);
330
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-on-inverse-static-base_1yp9w_51::before {
331
+ border: 3px solid var(--label-on-inverse-static-base);
335
332
  }
336
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-secondary_5kzc8_61::before {
337
- border: 3px solid var(--neutral-label-secondary);
333
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-neutral-secondary_1yp9w_54::before {
334
+ border: 3px solid var(--label-neutral-secondary);
338
335
  }
339
- ._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-secondary_5kzc8_64::before {
340
- border: 3px solid var(--inverse-label-secondary);
336
+ ._spinner-loader_1yp9w_118._xl_1yp9w_9._label-on-inverse-secondary_1yp9w_57::before {
337
+ border: 3px solid var(--label-on-inverse-secondary);
341
338
  }
342
- ._spinner-loader_5kzc8_128._l_5kzc8_22 {
339
+ ._spinner-loader_1yp9w_118._l_1yp9w_15 {
343
340
  width: 24px;
344
341
  height: 24px;
345
342
  }
346
- ._spinner-loader_5kzc8_128._l_5kzc8_22._brand-label-primary_5kzc8_46::before {
347
- border: 2.8px solid var(--brand-label-primary);
343
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-brand-base_1yp9w_39::before {
344
+ border: 2.8px solid var(--label-brand-base);
348
345
  }
349
- ._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-primary_5kzc8_49::before {
350
- border: 2.8px solid var(--neutral-label-primary);
346
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-neutral-base_1yp9w_42::before {
347
+ border: 2.8px solid var(--label-neutral-base);
351
348
  }
352
- ._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-static-primary_5kzc8_52::before {
353
- border: 2.8px solid var(--neutral-label-static-primary);
349
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-neutral-static_1yp9w_45::before {
350
+ border: 2.8px solid var(--label-neutral-static);
354
351
  }
355
- ._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-primary_5kzc8_55::before {
356
- border: 2.8px solid var(--inverse-label-primary);
352
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-on-inverse-base_1yp9w_48::before {
353
+ border: 2.8px solid var(--label-on-inverse-base);
357
354
  }
358
- ._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-static-primary_5kzc8_58::before {
359
- border: 2.8px solid var(--inverse-label-static-primary);
355
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-on-inverse-static-base_1yp9w_51::before {
356
+ border: 2.8px solid var(--label-on-inverse-static-base);
360
357
  }
361
- ._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-secondary_5kzc8_61::before {
362
- border: 2.8px solid var(--neutral-label-secondary);
358
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-neutral-secondary_1yp9w_54::before {
359
+ border: 2.8px solid var(--label-neutral-secondary);
363
360
  }
364
- ._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-secondary_5kzc8_64::before {
365
- border: 2.8px solid var(--inverse-label-secondary);
361
+ ._spinner-loader_1yp9w_118._l_1yp9w_15._label-on-inverse-secondary_1yp9w_57::before {
362
+ border: 2.8px solid var(--label-on-inverse-secondary);
366
363
  }
367
- ._spinner-loader_5kzc8_128._m_5kzc8_28 {
364
+ ._spinner-loader_1yp9w_118._m_1yp9w_21 {
368
365
  width: 20px;
369
366
  height: 20px;
370
367
  }
371
- ._spinner-loader_5kzc8_128._m_5kzc8_28._brand-label-primary_5kzc8_46::before {
372
- border: 2.6px solid var(--brand-label-primary);
368
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-brand-base_1yp9w_39::before {
369
+ border: 2.6px solid var(--label-brand-base);
373
370
  }
374
- ._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-primary_5kzc8_49::before {
375
- border: 2.6px solid var(--neutral-label-primary);
371
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-neutral-base_1yp9w_42::before {
372
+ border: 2.6px solid var(--label-neutral-base);
376
373
  }
377
- ._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-static-primary_5kzc8_52::before {
378
- border: 2.6px solid var(--neutral-label-static-primary);
374
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-neutral-static_1yp9w_45::before {
375
+ border: 2.6px solid var(--label-neutral-static);
379
376
  }
380
- ._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-primary_5kzc8_55::before {
381
- border: 2.6px solid var(--inverse-label-primary);
377
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-on-inverse-base_1yp9w_48::before {
378
+ border: 2.6px solid var(--label-on-inverse-base);
382
379
  }
383
- ._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-static-primary_5kzc8_58::before {
384
- border: 2.6px solid var(--inverse-label-static-primary);
380
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-on-inverse-static-base_1yp9w_51::before {
381
+ border: 2.6px solid var(--label-on-inverse-static-base);
385
382
  }
386
- ._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-secondary_5kzc8_61::before {
387
- border: 2.6px solid var(--neutral-label-secondary);
383
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-neutral-secondary_1yp9w_54::before {
384
+ border: 2.6px solid var(--label-neutral-secondary);
388
385
  }
389
- ._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-secondary_5kzc8_64::before {
390
- border: 2.6px solid var(--inverse-label-secondary);
386
+ ._spinner-loader_1yp9w_118._m_1yp9w_21._label-on-inverse-secondary_1yp9w_57::before {
387
+ border: 2.6px solid var(--label-on-inverse-secondary);
391
388
  }
392
- ._spinner-loader_5kzc8_128._s_5kzc8_34 {
389
+ ._spinner-loader_1yp9w_118._s_1yp9w_27 {
393
390
  width: 18px;
394
391
  height: 18px;
395
392
  }
396
- ._spinner-loader_5kzc8_128._s_5kzc8_34._brand-label-primary_5kzc8_46::before {
397
- border: 2.4px solid var(--brand-label-primary);
393
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-brand-base_1yp9w_39::before {
394
+ border: 2.4px solid var(--label-brand-base);
398
395
  }
399
- ._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-primary_5kzc8_49::before {
400
- border: 2.4px solid var(--neutral-label-primary);
396
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-neutral-base_1yp9w_42::before {
397
+ border: 2.4px solid var(--label-neutral-base);
401
398
  }
402
- ._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-static-primary_5kzc8_52::before {
403
- border: 2.4px solid var(--neutral-label-static-primary);
399
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-neutral-static_1yp9w_45::before {
400
+ border: 2.4px solid var(--label-neutral-static);
404
401
  }
405
- ._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-primary_5kzc8_55::before {
406
- border: 2.4px solid var(--inverse-label-primary);
402
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-on-inverse-base_1yp9w_48::before {
403
+ border: 2.4px solid var(--label-on-inverse-base);
407
404
  }
408
- ._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-static-primary_5kzc8_58::before {
409
- border: 2.4px solid var(--inverse-label-static-primary);
405
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-on-inverse-static-base_1yp9w_51::before {
406
+ border: 2.4px solid var(--label-on-inverse-static-base);
410
407
  }
411
- ._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-secondary_5kzc8_61::before {
412
- border: 2.4px solid var(--neutral-label-secondary);
408
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-neutral-secondary_1yp9w_54::before {
409
+ border: 2.4px solid var(--label-neutral-secondary);
413
410
  }
414
- ._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-secondary_5kzc8_64::before {
415
- border: 2.4px solid var(--inverse-label-secondary);
411
+ ._spinner-loader_1yp9w_118._s_1yp9w_27._label-on-inverse-secondary_1yp9w_57::before {
412
+ border: 2.4px solid var(--label-on-inverse-secondary);
416
413
  }
417
- ._spinner-loader_5kzc8_128._xs_5kzc8_40 {
414
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33 {
418
415
  width: 16px;
419
416
  height: 16px;
420
417
  }
421
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._brand-label-primary_5kzc8_46::before {
422
- border: 2.2px solid var(--brand-label-primary);
418
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-brand-base_1yp9w_39::before {
419
+ border: 2.2px solid var(--label-brand-base);
423
420
  }
424
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-primary_5kzc8_49::before {
425
- border: 2.2px solid var(--neutral-label-primary);
421
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-neutral-base_1yp9w_42::before {
422
+ border: 2.2px solid var(--label-neutral-base);
426
423
  }
427
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-static-primary_5kzc8_52::before {
428
- border: 2.2px solid var(--neutral-label-static-primary);
424
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-neutral-static_1yp9w_45::before {
425
+ border: 2.2px solid var(--label-neutral-static);
429
426
  }
430
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-primary_5kzc8_55::before {
431
- border: 2.2px solid var(--inverse-label-primary);
427
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-on-inverse-base_1yp9w_48::before {
428
+ border: 2.2px solid var(--label-on-inverse-base);
432
429
  }
433
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-static-primary_5kzc8_58::before {
434
- border: 2.2px solid var(--inverse-label-static-primary);
430
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-on-inverse-static-base_1yp9w_51::before {
431
+ border: 2.2px solid var(--label-on-inverse-static-base);
435
432
  }
436
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-secondary_5kzc8_61::before {
437
- border: 2.2px solid var(--neutral-label-secondary);
433
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-neutral-secondary_1yp9w_54::before {
434
+ border: 2.2px solid var(--label-neutral-secondary);
438
435
  }
439
- ._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-secondary_5kzc8_64::before {
440
- border: 2.2px solid var(--inverse-label-secondary);
436
+ ._spinner-loader_1yp9w_118._xs_1yp9w_33._label-on-inverse-secondary_1yp9w_57::before {
437
+ border: 2.2px solid var(--label-on-inverse-secondary);
441
438
  }
442
- @keyframes _rotate_5kzc8_1 {
439
+ @keyframes _rotate_1yp9w_1 {
443
440
  100% {
444
441
  transform: rotate(360deg);
445
442
  }
446
443
  }
447
- @keyframes _prixClipFix_5kzc8_1 {
444
+ @keyframes _prixClipFix_1yp9w_1 {
448
445
  0% {
449
446
  clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
450
447
  }
@@ -462,15 +459,33 @@
462
459
  }
463
460
  }
464
461
 
462
+ /* src/components/Box/space.css */
463
+ :root {
464
+ --scaling: 1;
465
+ --space-1: var(--lp-sys-space-100);
466
+ --space-2: var(--lp-sys-space-200);
467
+ --space-3: var(--lp-sys-space-400);
468
+ --space-4: var(--lp-sys-space-600);
469
+ --space-5: var(--lp-sys-space-800);
470
+ --space-6: var(--lp-sys-space-1000);
471
+ --space-7: var(--lp-sys-space-1200);
472
+ --space-8: var(--lp-sys-space-1600);
473
+ --space-9: var(--lp-sys-space-2000);
474
+ --container-1: 600px;
475
+ --container-2: 1024px;
476
+ --container-3: 1366px;
477
+ --container-4: 1536px;
478
+ }
479
+
465
480
  /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
466
- ._Root_9lq3r_1 {
481
+ ._Root_147e2_1 {
467
482
  display: flex;
468
483
  align-items: center;
469
484
  gap: 6px;
470
485
  padding: 16px;
471
486
  border-radius: 8px;
472
- border: 1px solid var(--inverse-border-overlay-normal);
473
- background-color: var(--inverse-container-static-high);
487
+ border: 1px solid var(--border-on-inverse-alpha-normal);
488
+ background-color: var(--surface-inverse-static-high);
474
489
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
475
490
  box-sizing: border-box;
476
491
  min-width: 350px;
@@ -479,13 +494,13 @@
479
494
  max-width: 400px;
480
495
  }
481
496
  @media (max-width: 600px) {
482
- ._Root_9lq3r_1 {
497
+ ._Root_147e2_1 {
483
498
  width: 100%;
484
499
  min-width: unset;
485
500
  max-width: calc(100vw - 40px);
486
501
  }
487
502
  }
488
- ._Icon_9lq3r_24 {
503
+ ._Icon_147e2_24 {
489
504
  display: flex;
490
505
  align-items: center;
491
506
  justify-content: center;
@@ -493,35 +508,35 @@
493
508
  width: fit-content;
494
509
  height: 24px;
495
510
  }
496
- ._Content_9lq3r_33 {
511
+ ._Content_147e2_33 {
497
512
  display: flex;
498
513
  flex-direction: column;
499
- gap: var(--lp-sys-gap-positive-100);
514
+ gap: var(--lp-sys-space-100);
500
515
  flex: 1;
501
516
  min-width: 0;
502
517
  }
503
- ._Content_9lq3r_33 p {
518
+ ._Content_147e2_33 p {
504
519
  margin: 0;
505
520
  padding: 0;
506
521
  }
507
- ._Actions_9lq3r_45 {
522
+ ._Actions_147e2_45 {
508
523
  display: flex;
509
524
  align-items: center;
510
- gap: var(--lp-sys-gap-positive-200);
525
+ gap: var(--lp-sys-space-200);
511
526
  flex-shrink: 0;
512
527
  }
513
- ._Spinner_9lq3r_52 {
528
+ ._Spinner_147e2_52 {
514
529
  display: inline-block;
515
530
  position: relative;
516
531
  width: 24px;
517
532
  height: 24px;
518
- color: var(--inverse-label-static-primary);
533
+ color: var(--label-on-inverse-static-base);
519
534
  }
520
- ._Spinner_9lq3r_52 div {
535
+ ._Spinner_147e2_52 div {
521
536
  transform-origin: 12px 12px;
522
- animation: _lds-spinner_9lq3r_1 1.2s linear infinite;
537
+ animation: _lds-spinner_147e2_1 1.2s linear infinite;
523
538
  }
524
- ._Spinner_9lq3r_52 div::after {
539
+ ._Spinner_147e2_52 div::after {
525
540
  content: "";
526
541
  display: block;
527
542
  position: absolute;
@@ -532,55 +547,55 @@
532
547
  border-radius: 20%;
533
548
  background: currentColor;
534
549
  }
535
- ._Spinner_9lq3r_52 div:nth-child(1) {
550
+ ._Spinner_147e2_52 div:nth-child(1) {
536
551
  transform: rotate(0deg);
537
552
  animation-delay: -1.2s;
538
553
  }
539
- ._Spinner_9lq3r_52 div:nth-child(2) {
554
+ ._Spinner_147e2_52 div:nth-child(2) {
540
555
  transform: rotate(30deg);
541
556
  animation-delay: -1.1s;
542
557
  }
543
- ._Spinner_9lq3r_52 div:nth-child(3) {
558
+ ._Spinner_147e2_52 div:nth-child(3) {
544
559
  transform: rotate(60deg);
545
560
  animation-delay: -1s;
546
561
  }
547
- ._Spinner_9lq3r_52 div:nth-child(4) {
562
+ ._Spinner_147e2_52 div:nth-child(4) {
548
563
  transform: rotate(90deg);
549
564
  animation-delay: -0.9s;
550
565
  }
551
- ._Spinner_9lq3r_52 div:nth-child(5) {
566
+ ._Spinner_147e2_52 div:nth-child(5) {
552
567
  transform: rotate(120deg);
553
568
  animation-delay: -0.8s;
554
569
  }
555
- ._Spinner_9lq3r_52 div:nth-child(6) {
570
+ ._Spinner_147e2_52 div:nth-child(6) {
556
571
  transform: rotate(150deg);
557
572
  animation-delay: -0.7s;
558
573
  }
559
- ._Spinner_9lq3r_52 div:nth-child(7) {
574
+ ._Spinner_147e2_52 div:nth-child(7) {
560
575
  transform: rotate(180deg);
561
576
  animation-delay: -0.6s;
562
577
  }
563
- ._Spinner_9lq3r_52 div:nth-child(8) {
578
+ ._Spinner_147e2_52 div:nth-child(8) {
564
579
  transform: rotate(210deg);
565
580
  animation-delay: -0.5s;
566
581
  }
567
- ._Spinner_9lq3r_52 div:nth-child(9) {
582
+ ._Spinner_147e2_52 div:nth-child(9) {
568
583
  transform: rotate(240deg);
569
584
  animation-delay: -0.4s;
570
585
  }
571
- ._Spinner_9lq3r_52 div:nth-child(10) {
586
+ ._Spinner_147e2_52 div:nth-child(10) {
572
587
  transform: rotate(270deg);
573
588
  animation-delay: -0.3s;
574
589
  }
575
- ._Spinner_9lq3r_52 div:nth-child(11) {
590
+ ._Spinner_147e2_52 div:nth-child(11) {
576
591
  transform: rotate(300deg);
577
592
  animation-delay: -0.2s;
578
593
  }
579
- ._Spinner_9lq3r_52 div:nth-child(12) {
594
+ ._Spinner_147e2_52 div:nth-child(12) {
580
595
  transform: rotate(330deg);
581
596
  animation-delay: -0.1s;
582
597
  }
583
- @keyframes _lds-spinner_9lq3r_1 {
598
+ @keyframes _lds-spinner_147e2_1 {
584
599
  0% {
585
600
  opacity: 1;
586
601
  }
@@ -589,7 +604,7 @@
589
604
  }
590
605
  }
591
606
  @media (prefers-reduced-motion: reduce) {
592
- ._Spinner_9lq3r_52 div {
607
+ ._Spinner_147e2_52 div {
593
608
  animation: none;
594
609
  }
595
610
  }
@@ -605,75 +620,65 @@
605
620
  }
606
621
 
607
622
  /* esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss */
608
- ._content_10295_1 {
609
- border-radius: var(--lp-sys-radius-m);
623
+ ._content_1wodt_1 {
624
+ border-radius: var(--lp-sys-radius-medium);
610
625
  width: 100%;
611
626
  box-shadow:
612
627
  0px 2px 12px 0px rgba(0, 0, 0, 0.1),
613
628
  0px 1px 8px 0px rgba(0, 0, 0, 0.06),
614
629
  0px 0px 1px 0px rgba(0, 0, 0, 0.06);
615
630
  }
616
- ._anchor_10295_7 {
631
+ ._anchor_1wodt_7 {
617
632
  transform: rotate(180deg) translateY(5px);
618
633
  }
619
- ._anchor_10295_7._primary_10295_10 {
634
+ ._anchor_1wodt_7._primary_1wodt_10 {
620
635
  background: none;
621
636
  }
622
- ._anchor_10295_7._primary_10295_10 path {
623
- fill: var(--brand-container-mid);
637
+ ._anchor_1wodt_7._primary_1wodt_10 path {
638
+ fill: var(--control-fill-brand);
624
639
  }
625
- ._anchor_10295_7._secondary_10295_16 {
640
+ ._anchor_1wodt_7._secondary_1wodt_16 {
626
641
  background: none;
627
642
  }
628
- ._anchor_10295_7._secondary_10295_16 path {
629
- fill: var(--inverse-container-static-high);
643
+ ._anchor_1wodt_7._secondary_1wodt_16 path {
644
+ fill: var(--surface-inverse-static-high);
630
645
  }
631
- ._primary_10295_10 {
632
- background: var(--brand-container-mid);
646
+ ._primary_1wodt_10 {
647
+ background: var(--control-fill-brand);
633
648
  }
634
- ._secondary_10295_16 {
635
- background: var(--inverse-container-static-high);
649
+ ._secondary_1wodt_16 {
650
+ background: var(--surface-inverse-static-high);
636
651
  }
637
- ._contentContainer_10295_31 {
638
- padding: var(--lp-sys-padding-component-400);
652
+ ._contentContainer_1wodt_31 {
653
+ padding: var(--lp-sys-space-400);
639
654
  display: flex;
640
655
  flex-direction: column;
641
656
  gap: 5px;
642
657
  z-index: 2;
643
658
  }
644
- ._heading_10295_39 {
645
- display: flex;
646
- align-items: flex-start;
647
- gap: 6px;
648
- }
649
- ._tag_10295_45 {
659
+ ._tag_1wodt_39 {
650
660
  margin: 0;
651
661
  display: flex;
652
662
  align-items: center;
653
663
  justify-content: center;
654
664
  padding: 2px 4px 1px 4px;
655
- background: var(--neutral-container-static-lowest);
656
- color: var(--neutral-label-static-primary);
657
- border-radius: var(--lp-sys-radius-xs);
665
+ background: var(--surface-neutral-static-lowest);
666
+ color: var(--label-neutral-static);
667
+ border-radius: var(--lp-sys-radius-extra-small);
658
668
  }
659
- ._title_10295_56 {
669
+ ._title_1wodt_50 {
660
670
  margin: 0;
661
- color: var(--inverse-label-static-primary);
671
+ color: var(--label-on-inverse-static-base);
662
672
  }
663
- ._description_10295_61 {
673
+ ._description_1wodt_55 {
664
674
  margin: 0;
665
- color: var(--inverse-label-static-secondary);
675
+ color: var(--label-on-inverse-static-secondary);
666
676
  line-height: 18px;
667
677
  }
668
- ._footer_10295_67 {
669
- display: flex;
670
- justify-content: flex-end;
671
- width: 100%;
672
- }
673
- ._arrow_10295_73 {
678
+ ._arrow_1wodt_61 {
674
679
  position: absolute;
675
680
  }
676
- ._closeButton_10295_77 {
681
+ ._closeButton_1wodt_65 {
677
682
  background: transparent;
678
683
  border: none;
679
684
  padding: 0px;
@@ -681,34 +686,34 @@
681
686
  top: 12px;
682
687
  right: 12px;
683
688
  }
684
- ._closeButton_10295_77:hover {
689
+ ._closeButton_1wodt_65:hover {
685
690
  cursor: pointer;
686
691
  }
687
- ._overlay_10295_89 {
692
+ ._overlay_1wodt_77 {
688
693
  position: fixed;
689
694
  top: 0;
690
695
  left: 0;
691
696
  width: 100%;
692
697
  height: 100%;
693
- background: var(--cover-dim-page);
698
+ background: var(--overlay-dim);
694
699
  z-index: 9;
695
700
  }
696
701
 
697
702
  /* esbuild-sass-plugin:css-chunk:src/components/Tooltip/style.module.scss */
698
- ._tooltip_1cynk_1 {
703
+ ._tooltip_1by3q_1 {
699
704
  padding: 1px 1px;
700
- border-radius: var(--lp-sys-radius-xs);
701
- background: var(--inverse-container-static-high);
702
- color: var(--inverse-label-static-primary);
705
+ border-radius: var(--lp-sys-radius-extra-small);
706
+ background: var(--surface-inverse-static-high);
707
+ color: var(--label-on-inverse-static-base);
703
708
  text-align: center;
704
709
  white-space: pre-wrap;
705
710
  }
706
- ._tooltipContent_1cynk_10 {
711
+ ._tooltipContent_1by3q_10 {
707
712
  margin: 4px 6px;
708
713
  }
709
714
 
710
715
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
711
- ._iconButton_ae0km_1 {
716
+ ._iconButton_g5kt8_1 {
712
717
  display: flex;
713
718
  justify-content: center;
714
719
  align-items: center;
@@ -716,391 +721,386 @@
716
721
  border: none;
717
722
  cursor: pointer;
718
723
  }
719
- ._iconButton_ae0km_1:disabled {
724
+ ._iconButton_g5kt8_1:disabled {
720
725
  cursor: not-allowed;
721
726
  }
722
- ._primary_ae0km_13 {
723
- background: var(--brand-container-mid);
727
+ ._primary_g5kt8_13 {
728
+ background: var(--control-fill-brand);
724
729
  }
725
- ._primary_ae0km_13:not(:disabled):hover {
726
- background: var(--brand-container-mid-hover);
730
+ ._primary_g5kt8_13:not(:disabled):hover {
731
+ background: var(--control-fill-brand-hover);
727
732
  }
728
- ._primary_ae0km_13:disabled:not(._loading_ae0km_19) {
729
- background: var(--neutral-fill-overlay-mid);
733
+ ._primary_g5kt8_13:disabled:not(._loading_g5kt8_19) {
734
+ background: var(--control-fill-neutral-mid);
730
735
  }
731
- ._secondary_ae0km_23 {
736
+ ._secondary_g5kt8_23 {
732
737
  background: transparent;
733
- border: 1px solid var(--brand-border-opaque-strong);
738
+ border: 1px solid var(--border-brand-strong);
734
739
  }
735
- ._secondary_ae0km_23:not(:disabled):hover {
736
- background: var(--brand-fill-low);
740
+ ._secondary_g5kt8_23:not(:disabled):hover {
741
+ background: var(--control-fill-brand-faint);
737
742
  }
738
- ._secondary_ae0km_23:disabled:not(._loading_ae0km_19) {
739
- border: 1px solid var(--neutral-border-overlay-normal);
743
+ ._secondary_g5kt8_23:disabled:not(._loading_g5kt8_19) {
744
+ border: 1px solid var(--border-neutral-alpha-normal);
740
745
  }
741
- ._tertiary_ae0km_34 {
742
- background: var(--neutral-fill-opaque-lowest);
743
- border: 1px solid var(--neutral-border-overlay-normal);
746
+ ._tertiary_g5kt8_34 {
747
+ background: var(--surface-neutral-lowest);
748
+ border: 1px solid var(--border-neutral-alpha-normal);
744
749
  }
745
- ._tertiary_ae0km_34:not(:disabled):hover {
746
- background: var(--neutral-container-lowest-hover);
750
+ ._tertiary_g5kt8_34:not(:disabled):hover {
751
+ background: var(--surface-neutral-lowest-hover);
747
752
  }
748
- ._tertiary_ae0km_34:disabled:not(._loading_ae0km_19) {
749
- background: var(--neutral-fill-opaque-lowest);
753
+ ._tertiary_g5kt8_34:disabled:not(._loading_g5kt8_19) {
754
+ background: var(--surface-neutral-lowest);
750
755
  }
751
- ._quaternary_ae0km_45 {
752
- background: var(--neutral-fill-overlay-lowest);
756
+ ._quaternary_g5kt8_45 {
757
+ background: var(--control-fill-neutral-lowest);
753
758
  }
754
- ._quaternary_ae0km_45:not(:disabled):hover {
755
- background: var(--neutral-fill-overlay-lowest-hover);
759
+ ._quaternary_g5kt8_45:not(:disabled):hover {
760
+ background: var(--control-fill-neutral-lowest-hover);
756
761
  }
757
- ._quinary_ae0km_52 {
758
- background: var(--neutral-fill-overlay-lowest);
759
- color: var(--neutral-label-secondary);
762
+ ._quinary_g5kt8_52 {
763
+ background: var(--control-fill-neutral-lowest);
764
+ color: var(--label-neutral-secondary);
760
765
  }
761
- ._quinary_ae0km_52:not(:disabled):hover {
762
- background: var(--neutral-fill-overlay-lowest-hover);
766
+ ._quinary_g5kt8_52:not(:disabled):hover {
767
+ background: var(--control-fill-neutral-lowest-hover);
763
768
  }
764
- ._static_ae0km_60 {
765
- background: var(--neutral-container-static-lowest);
769
+ ._static_g5kt8_60 {
770
+ background: var(--surface-neutral-static-lowest);
766
771
  }
767
- ._static_ae0km_60:not(:disabled):hover {
768
- background: var(--neutral-container-static-lowest-hover);
772
+ ._static_g5kt8_60:not(:disabled):hover {
773
+ background: var(--surface-neutral-static-lowest-hover);
769
774
  }
770
- ._inverse-static_ae0km_67 {
775
+ ._inverse-static_g5kt8_67 {
771
776
  background: transparent;
772
777
  }
773
- ._inverse-static_ae0km_67:not(:disabled):hover {
774
- background: var(--neutral-fill-overlay-lowest-hover);
778
+ ._inverse-static_g5kt8_67:not(:disabled):hover {
779
+ background: var(--control-fill-neutral-lowest-hover);
775
780
  }
776
- ._l_ae0km_19 {
781
+ ._l_g5kt8_19 {
777
782
  width: 40px;
778
783
  height: 40px;
779
- border-radius: var(--lp-sys-radius-s);
784
+ border-radius: var(--lp-sys-radius-small);
780
785
  }
781
- ._m_ae0km_80 {
786
+ ._m_g5kt8_80 {
782
787
  width: 32px;
783
788
  height: 32px;
784
- border-radius: var(--lp-sys-radius-s);
789
+ border-radius: var(--lp-sys-radius-small);
785
790
  }
786
- ._s_ae0km_23 {
791
+ ._s_g5kt8_23 {
787
792
  width: 24px;
788
793
  height: 24px;
789
- border-radius: var(--lp-sys-radius-xs);
794
+ border-radius: var(--lp-sys-radius-extra-small);
790
795
  }
791
796
 
792
797
  /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
793
- ._checkbox_1vnvk_1 {
798
+ ._checkbox_1b81r_1 {
794
799
  display: flex;
795
- width: var(--lp-sys-icon-size-xs);
796
- height: var(--lp-sys-icon-size-xs);
800
+ width: var(--lp-sys-icon-size-extra-small);
801
+ height: var(--lp-sys-icon-size-extra-small);
797
802
  justify-content: center;
798
803
  align-items: center;
799
804
  flex-shrink: 0;
800
805
  outline: none;
801
806
  transform: translateY(10%);
802
- background: var(--neutral-fill-overlay-lowest);
807
+ background: var(--control-fill-neutral-lowest);
803
808
  border-radius: 4px;
804
- border: 1px solid var(--neutral-border-overlay-strong);
809
+ border: 1px solid var(--border-neutral-alpha-strong);
805
810
  cursor: pointer;
806
811
  }
807
- ._checkbox_1vnvk_1:hover:not(:disabled) {
808
- background: var(--neutral-fill-overlay-lowest-hover);
812
+ ._checkbox_1b81r_1:hover:not(:disabled) {
813
+ background: var(--control-fill-neutral-lowest-hover);
809
814
  }
810
- ._checkbox_1vnvk_1:disabled {
811
- background: var(--neutral-container-highest);
815
+ ._checkbox_1b81r_1:disabled {
816
+ background: var(--surface-neutral-highest);
812
817
  cursor: not-allowed;
813
- border: 1px solid var(--neutral-border-overlay-strong);
818
+ border: 1px solid var(--border-neutral-alpha-strong);
814
819
  }
815
- ._checkbox_1vnvk_1:disabled > span {
820
+ ._checkbox_1b81r_1:disabled > span {
816
821
  background: none;
817
822
  }
818
- ._checkbox_1vnvk_1:disabled > span > svg > path {
819
- fill: var(--neutral-label-tertiary);
823
+ ._checkbox_1b81r_1:disabled > span > svg > path {
824
+ fill: var(--label-neutral-tertiary);
820
825
  }
821
- ._checkbox_1vnvk_1[aria-checked=true]:not(:disabled),
822
- ._checkbox_1vnvk_1[aria-checked=mixed]:not(:disabled) {
826
+ ._checkbox_1b81r_1[aria-checked=true]:not(:disabled),
827
+ ._checkbox_1b81r_1[aria-checked=mixed]:not(:disabled) {
823
828
  border: none;
824
829
  }
825
- ._checkbox_1vnvk_1[aria-checked=true]:hover:not(:disabled) > span,
826
- ._checkbox_1vnvk_1[aria-checked=mixed]:hover:not(:disabled) > span {
827
- background: var(--inverse-container-highest);
830
+ ._checkbox_1b81r_1[aria-checked=true]:hover:not(:disabled) > span,
831
+ ._checkbox_1b81r_1[aria-checked=mixed]:hover:not(:disabled) > span {
832
+ background: var(--surface-inverse-highest);
828
833
  }
829
- ._checkbox_1vnvk_1 [aria-checked=true]:disabled > span,
830
- ._checkbox_1vnvk_1 [aria-checked=mixed]:disabled > span {
834
+ ._checkbox_1b81r_1 [aria-checked=true]:disabled > span,
835
+ ._checkbox_1b81r_1 [aria-checked=mixed]:disabled > span {
831
836
  background: none;
832
837
  }
833
- ._checkbox-indicator_1vnvk_39 {
838
+ ._checkbox-indicator_1b81r_39 {
834
839
  display: flex;
835
840
  align-items: center;
836
841
  justify-content: center;
837
842
  border-radius: 4px;
838
- background: var(--inverse-container-lowest);
843
+ background: var(--surface-inverse-lowest);
839
844
  }
840
- ._checkbox-indicator_1vnvk_39[data-state=checked] ._icon-minus_1vnvk_46 {
845
+ ._checkbox-indicator_1b81r_39[data-state=checked] ._icon-minus_1b81r_46 {
841
846
  display: none;
842
847
  }
843
- ._checkbox-indicator_1vnvk_39[data-state=indeterminate] ._icon-check_1vnvk_49 {
848
+ ._checkbox-indicator_1b81r_39[data-state=indeterminate] ._icon-check_1b81r_49 {
844
849
  display: none;
845
850
  }
846
- ._label-wrapper_1vnvk_53 {
847
- display: flex;
848
- flex-direction: column;
849
- gap: var(--lp-sys-gap-positive-200);
850
- }
851
- ._description_1vnvk_59 {
852
- color: var(--neutral-label-secondary);
851
+ ._description_1b81r_53 {
852
+ color: var(--label-neutral-secondary);
853
853
  }
854
- ._description_1vnvk_59:has([disabled]) {
855
- color: var(--neutral-label-tertiary);
854
+ ._description_1b81r_53:has([disabled]) {
855
+ color: var(--label-neutral-tertiary);
856
856
  }
857
857
 
858
858
  /* esbuild-sass-plugin:css-chunk:src/components/Label/style.module.scss */
859
- ._label_1bwg6_1 {
859
+ ._label_d3opl_1 {
860
860
  position: relative;
861
861
  display: flex;
862
862
  flex-direction: column;
863
863
  align-items: flex-start;
864
- color: var(--neutral-label-primary);
864
+ color: var(--label-neutral-base);
865
865
  }
866
- ._label_1bwg6_1:has([disabled]) {
867
- color: var(--neutral-label-tertiary);
866
+ ._label_d3opl_1:has([disabled]) {
867
+ color: var(--label-neutral-tertiary);
868
868
  cursor: not-allowed;
869
869
  }
870
- ._label_1bwg6_1._error_1bwg6_12 {
871
- color: var(--function-label-negative);
870
+ ._label_d3opl_1._error_d3opl_12 {
871
+ color: var(--negative-base);
872
872
  }
873
- ._primary_1bwg6_16 {
874
- color: var(--neutral-label-primary);
873
+ ._primary_d3opl_16 {
874
+ color: var(--label-neutral-base);
875
875
  }
876
- ._primary_1bwg6_16:has([disabled]) {
877
- color: var(--neutral-label-tertiary);
876
+ ._primary_d3opl_16:has([disabled]) {
877
+ color: var(--label-neutral-tertiary);
878
878
  cursor: not-allowed;
879
879
  }
880
- ._primary_1bwg6_16._error_1bwg6_12 {
881
- color: var(--function-label-negative);
880
+ ._primary_d3opl_16._error_d3opl_12 {
881
+ color: var(--negative-base);
882
882
  }
883
- ._secondary_1bwg6_27 {
884
- color: var(--neutral-label-secondary);
883
+ ._secondary_d3opl_27 {
884
+ color: var(--label-neutral-secondary);
885
885
  }
886
- ._secondary_1bwg6_27:has([disabled]) {
887
- color: var(--neutral-label-tertiary);
886
+ ._secondary_d3opl_27:has([disabled]) {
887
+ color: var(--label-neutral-tertiary);
888
888
  cursor: not-allowed;
889
889
  }
890
- ._secondary_1bwg6_27._error_1bwg6_12 {
891
- color: var(--function-label-negative);
890
+ ._secondary_d3opl_27._error_d3opl_12 {
891
+ color: var(--negative-base);
892
892
  }
893
- ._top_1bwg6_38 {
893
+ ._top_d3opl_38 {
894
894
  flex-direction: column;
895
895
  }
896
- ._top_1bwg6_38._l_1bwg6_1._offset-high_1bwg6_41 {
897
- gap: var(--lp-sys-padding-component-400);
896
+ ._top_d3opl_38._l_d3opl_1._offset-high_d3opl_41 {
897
+ gap: var(--lp-sys-space-400);
898
898
  }
899
- ._top_1bwg6_38._l_1bwg6_1._offset-medium_1bwg6_44 {
900
- gap: var(--lp-sys-padding-component-300);
899
+ ._top_d3opl_38._l_d3opl_1._offset-medium_d3opl_44 {
900
+ gap: var(--lp-sys-space-300);
901
901
  }
902
- ._top_1bwg6_38._l_1bwg6_1._offset-low_1bwg6_47 {
903
- gap: var(--lp-sys-padding-component-300);
902
+ ._top_d3opl_38._l_d3opl_1._offset-low_d3opl_47 {
903
+ gap: var(--lp-sys-space-300);
904
904
  }
905
- ._top_1bwg6_38._m_1bwg6_50._offset-high_1bwg6_41 {
906
- gap: var(--lp-sys-padding-component-300);
905
+ ._top_d3opl_38._m_d3opl_50._offset-high_d3opl_41 {
906
+ gap: var(--lp-sys-space-300);
907
907
  }
908
- ._top_1bwg6_38._m_1bwg6_50._offset-medium_1bwg6_44 {
909
- gap: var(--lp-sys-padding-component-200);
908
+ ._top_d3opl_38._m_d3opl_50._offset-medium_d3opl_44 {
909
+ gap: var(--lp-sys-space-200);
910
910
  }
911
- ._top_1bwg6_38._m_1bwg6_50._offset-low_1bwg6_47 {
912
- gap: var(--lp-sys-padding-component-150);
911
+ ._top_d3opl_38._m_d3opl_50._offset-low_d3opl_47 {
912
+ gap: var(--lp-sys-space-150);
913
913
  }
914
- ._top_1bwg6_38._s_1bwg6_27._offset-high_1bwg6_41 {
915
- gap: var(--lp-sys-padding-component-200);
914
+ ._top_d3opl_38._s_d3opl_27._offset-high_d3opl_41 {
915
+ gap: var(--lp-sys-space-200);
916
916
  }
917
- ._top_1bwg6_38._s_1bwg6_27._offset-medium_1bwg6_44 {
918
- gap: var(--lp-sys-padding-component-150);
917
+ ._top_d3opl_38._s_d3opl_27._offset-medium_d3opl_44 {
918
+ gap: var(--lp-sys-space-150);
919
919
  }
920
- ._top_1bwg6_38._s_1bwg6_27._offset-low_1bwg6_47 {
921
- gap: var(--lp-sys-padding-component-100);
920
+ ._top_d3opl_38._s_d3opl_27._offset-low_d3opl_47 {
921
+ gap: var(--lp-sys-space-100);
922
922
  }
923
- ._right_1bwg6_69 {
923
+ ._right_d3opl_69 {
924
924
  flex-direction: row-reverse;
925
925
  }
926
- ._right_1bwg6_69._l_1bwg6_1._offset-medium_1bwg6_44 {
927
- gap: var(--lp-sys-padding-component-300);
926
+ ._right_d3opl_69._l_d3opl_1._offset-medium_d3opl_44 {
927
+ gap: var(--lp-sys-space-300);
928
928
  }
929
- ._right_1bwg6_69._l_1bwg6_1._offset-low_1bwg6_47 {
930
- gap: var(--lp-sys-padding-component-200);
929
+ ._right_d3opl_69._l_d3opl_1._offset-low_d3opl_47 {
930
+ gap: var(--lp-sys-space-200);
931
931
  }
932
- ._right_1bwg6_69._m_1bwg6_50._offset-medium_1bwg6_44 {
933
- gap: var(--lp-sys-padding-component-200);
932
+ ._right_d3opl_69._m_d3opl_50._offset-medium_d3opl_44 {
933
+ gap: var(--lp-sys-space-200);
934
934
  }
935
- ._right_1bwg6_69._m_1bwg6_50._offset-low_1bwg6_47 {
936
- gap: var(--lp-sys-padding-component-150);
935
+ ._right_d3opl_69._m_d3opl_50._offset-low_d3opl_47 {
936
+ gap: var(--lp-sys-space-150);
937
937
  }
938
- ._right_1bwg6_69._s_1bwg6_27._offset-medium_1bwg6_44 {
939
- gap: var(--lp-sys-padding-component-150);
938
+ ._right_d3opl_69._s_d3opl_27._offset-medium_d3opl_44 {
939
+ gap: var(--lp-sys-space-150);
940
940
  }
941
- ._right_1bwg6_69._s_1bwg6_27._offset-low_1bwg6_47 {
942
- gap: var(--lp-sys-padding-component-100);
941
+ ._right_d3opl_69._s_d3opl_27._offset-low_d3opl_47 {
942
+ gap: var(--lp-sys-space-100);
943
943
  }
944
- ._disabled_1bwg6_91 {
945
- color: var(--neutral-label-tertiary);
944
+ ._disabled_d3opl_91 {
945
+ color: var(--label-neutral-tertiary);
946
946
  cursor: not-allowed;
947
947
  }
948
948
 
949
949
  /* esbuild-sass-plugin:css-chunk:src/components/Radio/style.module.scss */
950
- ._radio-item_1ct7a_1 {
950
+ ._radio-item_k6avh_1 {
951
951
  display: flex;
952
952
  align-items: center;
953
953
  justify-content: center;
954
954
  flex-shrink: 0;
955
- width: var(--lp-sys-icon-size-xs);
956
- height: var(--lp-sys-icon-size-xs);
957
- background: var(--neutral-fill-overlay-lowest);
955
+ width: var(--lp-sys-icon-size-extra-small);
956
+ height: var(--lp-sys-icon-size-extra-small);
957
+ background: var(--control-fill-neutral-lowest);
958
958
  border-radius: 100px;
959
- border: 1px solid var(--neutral-label-primary);
959
+ border: 1px solid var(--label-neutral-base);
960
960
  transform: translateY(15%);
961
961
  cursor: pointer;
962
962
  }
963
- ._radio-item_1ct7a_1:hover {
964
- background: var(--neutral-fill-overlay-lowest-hover);
965
- border: 1px solid var(--neutral-label-secondary);
963
+ ._radio-item_k6avh_1:hover {
964
+ background: var(--control-fill-neutral-lowest-hover);
965
+ border: 1px solid var(--label-neutral-secondary);
966
966
  }
967
- ._radio-item_1ct7a_1:disabled {
968
- background: var(--neutral-container-mid);
969
- border: 1px solid var(--neutral-label-quaternary);
967
+ ._radio-item_k6avh_1:disabled {
968
+ background: var(--surface-neutral-mid);
969
+ border: 1px solid var(--label-neutral-quaternary);
970
970
  cursor: not-allowed;
971
971
  }
972
- ._radio-item_1ct7a_1[data-state=checked] {
973
- border: 1px solid var(--neutral-label-primary);
972
+ ._radio-item_k6avh_1[data-state=checked] {
973
+ border: 1px solid var(--label-neutral-base);
974
974
  }
975
- ._radio-item_1ct7a_1[data-state=checked] circle {
976
- fill: var(--neutral-label-primary);
975
+ ._radio-item_k6avh_1[data-state=checked] circle {
976
+ fill: var(--label-neutral-base);
977
977
  }
978
- ._radio-item_1ct7a_1[data-state=checked]:hover:not(:disabled) {
978
+ ._radio-item_k6avh_1[data-state=checked]:hover:not(:disabled) {
979
979
  background: none;
980
- border: 1px solid var(--neutral-label-secondary);
980
+ border: 1px solid var(--label-neutral-secondary);
981
981
  }
982
- ._radio-item_1ct7a_1[data-state=checked]:hover:not(:disabled) circle {
983
- fill: var(--neutral-label-secondary);
982
+ ._radio-item_k6avh_1[data-state=checked]:hover:not(:disabled) circle {
983
+ fill: var(--label-neutral-secondary);
984
984
  }
985
- ._radio-item_1ct7a_1[data-state=checked]:disabled {
986
- background: var(--neutral-fill-overlay-mid);
987
- border: 1px solid var(--neutral-label-quaternary);
985
+ ._radio-item_k6avh_1[data-state=checked]:disabled {
986
+ background: var(--control-fill-neutral-mid);
987
+ border: 1px solid var(--label-neutral-quaternary);
988
988
  }
989
- ._radio-item_1ct7a_1[data-state=checked]:disabled circle {
990
- fill: var(--neutral-label-quaternary);
989
+ ._radio-item_k6avh_1[data-state=checked]:disabled circle {
990
+ fill: var(--label-neutral-quaternary);
991
991
  }
992
- ._indicator_1ct7a_44 {
992
+ ._indicator_k6avh_44 {
993
993
  display: flex;
994
994
  align-items: center;
995
995
  justify-content: center;
996
996
  }
997
- ._label-wrapper_1ct7a_50 {
997
+ ._label-wrapper_k6avh_50 {
998
998
  display: flex;
999
999
  flex-direction: column;
1000
- gap: var(--lp-sys-gap-positive-200);
1000
+ gap: var(--lp-sys-space-200);
1001
1001
  cursor: pointer;
1002
1002
  }
1003
- ._label-wrapper_1ct7a_50:has(button[disabled]) {
1003
+ ._label-wrapper_k6avh_50:has(button[disabled]) {
1004
1004
  cursor: not-allowed;
1005
1005
  }
1006
- ._description_1ct7a_60 {
1007
- color: var(--neutral-label-secondary);
1006
+ ._description_k6avh_60 {
1007
+ color: var(--label-neutral-secondary);
1008
1008
  cursor: pointer;
1009
1009
  }
1010
- ._description_1ct7a_60:has([disabled]) {
1011
- color: var(--neutral-label-tertiary);
1010
+ ._description_k6avh_60:has([disabled]) {
1011
+ color: var(--label-neutral-tertiary);
1012
1012
  cursor: not-allowed;
1013
1013
  }
1014
1014
 
1015
1015
  /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
1016
- ._textfield-container_1v086_1 {
1016
+ ._textfield-container_kqt1z_1 {
1017
1017
  display: flex;
1018
1018
  flex-direction: column;
1019
- gap: var(--lp-sys-gap-positive-200);
1019
+ gap: var(--lp-sys-space-200);
1020
1020
  width: 100%;
1021
1021
  }
1022
- ._textfield-container_1v086_1 > ._textfield_1v086_1:focus-within {
1023
- outline: 1px solid var(--neutral-border-opaque-strong) !important;
1022
+ ._textfield-container_kqt1z_1 > ._textfield_kqt1z_1:focus-within {
1023
+ outline: 1px solid var(--border-neutral-strong) !important;
1024
1024
  }
1025
- ._textfield-container_1v086_1 > ._textfield_1v086_1:focus-within ._label_1v086_10 {
1026
- color: var(--neutral-label-primary) !important;
1025
+ ._textfield-container_kqt1z_1 > ._textfield_kqt1z_1:focus-within ._label_kqt1z_10 {
1026
+ color: var(--label-neutral-base) !important;
1027
1027
  }
1028
- ._textfield-container_1v086_1:hover > ._textfield_1v086_1 {
1029
- outline: 1px solid var(--neutral-border-opaque-strong);
1028
+ ._textfield-container_kqt1z_1:hover > ._textfield_kqt1z_1 {
1029
+ outline: 1px solid var(--border-neutral-strong);
1030
1030
  }
1031
- ._textfield-container_1v086_1[data-disabled=true] {
1031
+ ._textfield-container_kqt1z_1[data-disabled=true] {
1032
1032
  cursor: not-allowed;
1033
1033
  }
1034
- ._textfield-container_1v086_1[data-disabled=true] > * {
1034
+ ._textfield-container_kqt1z_1[data-disabled=true] > * {
1035
1035
  cursor: not-allowed !important;
1036
1036
  }
1037
- ._textfield-container_1v086_1[data-disabled=true] > ._textfield_1v086_1 {
1038
- outline: 1px solid var(--neutral-border-opaque-normal);
1037
+ ._textfield-container_kqt1z_1[data-disabled=true] > ._textfield_kqt1z_1 {
1038
+ outline: 1px solid var(--border-neutral-normal);
1039
1039
  }
1040
- ._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1 {
1041
- outline: 1px solid var(--function-label-negative);
1040
+ ._textfield-container_kqt1z_1[data-error=true] > ._textfield_kqt1z_1 {
1041
+ outline: 1px solid var(--negative-base);
1042
1042
  }
1043
- ._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1 > ._input_1v086_28 + ._label_1v086_10 {
1044
- color: var(--function-label-negative);
1043
+ ._textfield-container_kqt1z_1[data-error=true] > ._textfield_kqt1z_1 > ._input_kqt1z_28 + ._label_kqt1z_10 {
1044
+ color: var(--negative-base);
1045
1045
  }
1046
- ._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:hover {
1047
- outline: 1px solid var(--function-label-negative);
1046
+ ._textfield-container_kqt1z_1[data-error=true] > ._textfield_kqt1z_1:hover {
1047
+ outline: 1px solid var(--negative-base);
1048
1048
  }
1049
- ._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:focus-within {
1050
- outline: 1px solid var(--function-label-negative) !important;
1049
+ ._textfield-container_kqt1z_1[data-error=true] > ._textfield_kqt1z_1:focus-within {
1050
+ outline: 1px solid var(--negative-base) !important;
1051
1051
  }
1052
- ._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:focus-within ._label_1v086_10 {
1053
- color: var(--function-label-negative) !important;
1052
+ ._textfield-container_kqt1z_1[data-error=true] > ._textfield_kqt1z_1:focus-within ._label_kqt1z_10 {
1053
+ color: var(--negative-base) !important;
1054
1054
  }
1055
- ._textfield-container_1v086_1[data-error=true] > ._footer_1v086_40 > ._error-wrapper_1v086_40 > ._error-message_1v086_40 {
1055
+ ._textfield-container_kqt1z_1[data-error=true] > ._footer_kqt1z_40 > ._error-wrapper_kqt1z_40 > ._error-message_kqt1z_40 {
1056
1056
  margin: 0;
1057
1057
  }
1058
- ._textfield_1v086_1 {
1058
+ ._textfield_kqt1z_1 {
1059
1059
  box-sizing: border-box;
1060
1060
  position: relative;
1061
1061
  width: 100%;
1062
1062
  height: 60px;
1063
- outline: 1px solid var(--neutral-border-opaque-normal);
1064
- border-radius: var(--lp-sys-radius-m);
1065
- padding: 0 var(--lp-sys-padding-component-200) 0 var(--lp-sys-padding-component-400);
1063
+ outline: 1px solid var(--border-neutral-normal);
1064
+ border-radius: var(--lp-sys-radius-medium);
1065
+ padding: 0 var(--lp-sys-space-200) 0 var(--lp-sys-space-400);
1066
1066
  cursor: text;
1067
1067
  transition: ease-out all 0.1s;
1068
1068
  }
1069
- ._textfield_1v086_1:disabled {
1070
- outline: 1px solid var(--neutral-border-opaque-subtle);
1069
+ ._textfield_kqt1z_1:disabled {
1070
+ outline: 1px solid var(--border-neutral-subtle);
1071
1071
  cursor: not-allowed;
1072
1072
  }
1073
- ._textfield_1v086_1:disabled > ._label_1v086_10 {
1074
- color: var(--neutral-label-tertiary);
1073
+ ._textfield_kqt1z_1:disabled > ._label_kqt1z_10 {
1074
+ color: var(--label-neutral-tertiary);
1075
1075
  cursor: not-allowed;
1076
1076
  }
1077
- ._textfield_1v086_1._label-out-textfield_1v086_63 {
1077
+ ._textfield_kqt1z_1._label-out-textfield_kqt1z_63 {
1078
1078
  height: 52px;
1079
1079
  margin-top: 24px;
1080
1080
  }
1081
- ._textfield_1v086_1._white_1v086_67 {
1082
- background: var(--neutral-container-lowest);
1081
+ ._textfield_kqt1z_1._white_kqt1z_67 {
1082
+ background: var(--surface-neutral-lowest);
1083
1083
  }
1084
- ._textfield_1v086_1._gray_1v086_70 {
1085
- background: var(--neutral-container-mid);
1084
+ ._textfield_kqt1z_1._gray_kqt1z_70 {
1085
+ background: var(--surface-neutral-mid);
1086
1086
  }
1087
- ._label_1v086_10 {
1087
+ ._label_kqt1z_10 {
1088
1088
  position: absolute;
1089
1089
  left: 0;
1090
1090
  top: 0;
1091
- color: var(--neutral-label-secondary) !important;
1091
+ color: var(--label-neutral-secondary) !important;
1092
1092
  cursor: text;
1093
1093
  }
1094
- ._label-in_1v086_82 {
1094
+ ._label-in_kqt1z_82 {
1095
1095
  transform-origin: left top;
1096
- transform: translate(var(--lp-sys-padding-component-400), 100%) scale(1);
1096
+ transform: translate(var(--lp-sys-space-400), 100%) scale(1);
1097
1097
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1098
1098
  font-weight: var(--lp-pri-font-weight-400) !important;
1099
1099
  }
1100
- ._label-out_1v086_63 {
1100
+ ._label-out_kqt1z_63 {
1101
1101
  transform: translateY(-150%);
1102
1102
  }
1103
- ._label-visually-hidden_1v086_93 {
1103
+ ._label-visually-hidden_kqt1z_93 {
1104
1104
  position: absolute;
1105
1105
  width: 1px;
1106
1106
  height: 1px;
@@ -1110,127 +1110,127 @@
1110
1110
  white-space: nowrap;
1111
1111
  border: 0;
1112
1112
  }
1113
- ._input-wrapper_1v086_104 {
1113
+ ._input-wrapper_kqt1z_104 {
1114
1114
  display: flex;
1115
1115
  align-items: center;
1116
1116
  justify-content: space-between;
1117
1117
  width: 100%;
1118
1118
  height: 100%;
1119
- gap: var(--lp-sys-gap-positive-300);
1119
+ gap: var(--lp-sys-space-300);
1120
1120
  }
1121
- ._input_1v086_28 {
1121
+ ._input_kqt1z_28 {
1122
1122
  background: transparent;
1123
1123
  border: none;
1124
1124
  outline: none;
1125
1125
  width: 100%;
1126
1126
  transform: translateY(60%);
1127
1127
  padding: 0;
1128
- color: var(--neutral-label-primary);
1128
+ color: var(--label-neutral-base);
1129
1129
  font-family: "Pretendard Variable";
1130
1130
  font-size: var(--lp-pri-font-size-15);
1131
1131
  font-style: normal;
1132
1132
  font-weight: var(--lp-pri-font-weight-400);
1133
1133
  line-height: 130%;
1134
1134
  }
1135
- ._input_1v086_28:focus + ._label-in_1v086_82,
1136
- ._input_1v086_28:not(:placeholder-shown) + ._label-in_1v086_82 {
1137
- transform: translate(var(--lp-sys-padding-component-400), 60%) scale(0.8);
1135
+ ._input_kqt1z_28:focus + ._label-in_kqt1z_82,
1136
+ ._input_kqt1z_28:not(:placeholder-shown) + ._label-in_kqt1z_82 {
1137
+ transform: translate(var(--lp-sys-space-400), 60%) scale(0.8);
1138
1138
  font-weight: var(--lp-pri-font-weight-500);
1139
- color: var(--neutral-label-primary);
1139
+ color: var(--label-neutral-base);
1140
1140
  }
1141
- ._input_1v086_28::placeholder {
1142
- color: var(--neutral-label-tertiary);
1141
+ ._input_kqt1z_28::placeholder {
1142
+ color: var(--label-neutral-tertiary);
1143
1143
  font-size: var(--lp-pri-font-size-15);
1144
1144
  font-style: normal;
1145
1145
  font-weight: var(--lp-pri-font-weight-400);
1146
1146
  line-height: 130%;
1147
1147
  }
1148
- ._input_1v086_28[type=number] {
1148
+ ._input_kqt1z_28[type=number] {
1149
1149
  -moz-appearance: textfield;
1150
1150
  appearance: textfield;
1151
1151
  }
1152
- ._input_1v086_28[type=number]::-webkit-inner-spin-button,
1153
- ._input_1v086_28[type=number]::-webkit-outer-spin-button {
1152
+ ._input_kqt1z_28[type=number]::-webkit-inner-spin-button,
1153
+ ._input_kqt1z_28[type=number]::-webkit-outer-spin-button {
1154
1154
  -webkit-appearance: none;
1155
1155
  margin: 0;
1156
1156
  }
1157
- ._label-out-input_1v086_148 {
1157
+ ._label-out-input_kqt1z_148 {
1158
1158
  transform: translateY(0);
1159
1159
  }
1160
- ._input-action-buttons_1v086_152 {
1160
+ ._input-action-buttons_kqt1z_152 {
1161
1161
  display: flex;
1162
1162
  align-items: center;
1163
- gap: var(--lp-sys-gap-positive-50);
1163
+ gap: var(--lp-sys-space-50);
1164
1164
  }
1165
- ._action-button_1v086_158 {
1166
- margin-right: var(--lp-sys-padding-component-100);
1165
+ ._action-button_kqt1z_158 {
1166
+ margin-right: var(--lp-sys-space-100);
1167
1167
  }
1168
- ._action-button_1v086_158 > svg > circle {
1169
- fill: var(--neutral-label-secondary);
1168
+ ._action-button_kqt1z_158 > svg > circle {
1169
+ fill: var(--label-neutral-secondary);
1170
1170
  }
1171
- ._error-wrapper_1v086_40 {
1171
+ ._error-wrapper_kqt1z_40 {
1172
1172
  display: flex;
1173
1173
  align-items: flex-end;
1174
1174
  gap: 4px;
1175
1175
  }
1176
- ._error-wrapper_1v086_40 > ._error-message_1v086_40 {
1176
+ ._error-wrapper_kqt1z_40 > ._error-message_kqt1z_40 {
1177
1177
  padding-top: 1px;
1178
- color: var(--function-label-negative);
1178
+ color: var(--negative-base);
1179
1179
  }
1180
- ._footer_1v086_40 {
1180
+ ._footer_kqt1z_40 {
1181
1181
  display: flex;
1182
1182
  justify-content: space-between;
1183
1183
  align-items: center;
1184
1184
  gap: 8px;
1185
- min-height: var(--lp-sys-icon-size-xs);
1185
+ min-height: var(--lp-sys-icon-size-extra-small);
1186
1186
  }
1187
- ._character_1v086_183 {
1188
- color: var(--neutral-label-secondary);
1187
+ ._character_kqt1z_183 {
1188
+ color: var(--label-neutral-secondary);
1189
1189
  }
1190
1190
 
1191
1191
  /* esbuild-sass-plugin:css-chunk:src/components/ListItem/style.module.scss */
1192
- ._root_mmjcv_9 {
1192
+ ._root_1vpbz_9 {
1193
1193
  align-items: center;
1194
1194
  }
1195
- ._root_mmjcv_9 [data-zone=leading] {
1195
+ ._root_1vpbz_9 [data-zone=leading] {
1196
1196
  align-self: flex-start;
1197
1197
  }
1198
- ._root_mmjcv_9 [data-zone=trailing] {
1198
+ ._root_1vpbz_9 [data-zone=trailing] {
1199
1199
  align-self: center;
1200
1200
  }
1201
- [data-state=checked] ._label_mmjcv_6 {
1201
+ [data-state=checked] ._label_1vpbz_6 {
1202
1202
  font-weight: var(--lp-pri-font-weight-500);
1203
1203
  }
1204
- ._main_mmjcv_6 {
1204
+ ._main_1vpbz_6 {
1205
1205
  display: flex;
1206
1206
  flex-direction: column;
1207
1207
  gap: 4px;
1208
1208
  min-width: 0;
1209
1209
  flex: 1;
1210
1210
  }
1211
- ._labelRow_mmjcv_6 {
1211
+ ._labelRow_1vpbz_6 {
1212
1212
  display: flex;
1213
1213
  align-items: center;
1214
- gap: var(--lp-sys-gap-positive-150);
1214
+ gap: var(--lp-sys-space-150);
1215
1215
  min-width: 0;
1216
1216
  width: 100%;
1217
1217
  }
1218
- ._label_mmjcv_6 {
1218
+ ._label_1vpbz_6 {
1219
1219
  margin: 0;
1220
1220
  min-width: 0;
1221
1221
  overflow: hidden;
1222
1222
  white-space: nowrap;
1223
1223
  text-overflow: ellipsis;
1224
1224
  }
1225
- ._labelEnd_mmjcv_6 {
1225
+ ._labelEnd_1vpbz_6 {
1226
1226
  flex-shrink: 0;
1227
1227
  display: flex;
1228
1228
  align-items: center;
1229
1229
  }
1230
- ._labelEnd_mmjcv_6 p {
1230
+ ._labelEnd_1vpbz_6 p {
1231
1231
  margin: 0;
1232
1232
  }
1233
- ._description_mmjcv_6 {
1233
+ ._description_1vpbz_6 {
1234
1234
  margin: 0;
1235
1235
  display: -webkit-box;
1236
1236
  -webkit-line-clamp: 2;
@@ -1240,38 +1240,38 @@
1240
1240
  }
1241
1241
 
1242
1242
  /* esbuild-sass-plugin:css-chunk:src/components/ListItem/primitive/style.module.scss */
1243
- ._root_1j4ne_2 {
1243
+ ._root_1cic3_2 {
1244
1244
  display: flex;
1245
- gap: var(--lp-sys-gap-positive-150);
1245
+ gap: var(--lp-sys-space-150);
1246
1246
  box-sizing: border-box;
1247
1247
  width: 100%;
1248
1248
  cursor: pointer;
1249
1249
  outline: none;
1250
- padding-block: var(--lp-sys-padding-component-150);
1251
- padding-inline-start: var(--lp-sys-padding-component-200);
1252
- padding-inline-end: var(--lp-sys-padding-component-150);
1253
- border-radius: var(--lp-sys-radius-s);
1254
- background: var(--neutral-fill-overlay-lowest);
1250
+ padding-block: var(--lp-sys-space-150);
1251
+ padding-inline-start: var(--lp-sys-space-200);
1252
+ padding-inline-end: var(--lp-sys-space-150);
1253
+ border-radius: var(--lp-sys-radius-small);
1254
+ background: var(--control-fill-neutral-lowest);
1255
1255
  }
1256
- ._root_1j4ne_2:hover {
1257
- background: var(--neutral-fill-overlay-lowest-hover);
1256
+ ._root_1cic3_2:hover {
1257
+ background: var(--control-fill-neutral-lowest-hover);
1258
1258
  }
1259
- ._root_1j4ne_2[data-highlighted] {
1260
- background: var(--neutral-fill-overlay-lowest-hover);
1259
+ ._root_1cic3_2[data-highlighted] {
1260
+ background: var(--control-fill-neutral-lowest-hover);
1261
1261
  }
1262
- ._root_1j4ne_2:active {
1263
- background: var(--neutral-fill-overlay-lowest-hover);
1262
+ ._root_1cic3_2:active {
1263
+ background: var(--control-fill-neutral-lowest-hover);
1264
1264
  }
1265
- ._root_1j4ne_2 {
1265
+ ._root_1cic3_2 {
1266
1266
  }
1267
- ._root_1j4ne_2:focus-visible:not(:hover) {
1268
- background: var(--neutral-fill-overlay-lowest-hover);
1267
+ ._root_1cic3_2:focus-visible:not(:hover) {
1268
+ background: var(--control-fill-neutral-lowest-hover);
1269
1269
  box-shadow: inset 0 0 0 1px #006aff;
1270
1270
  }
1271
- ._root_1j4ne_2[data-state=checked] {
1272
- background: var(--neutral-fill-overlay-low);
1271
+ ._root_1cic3_2[data-state=checked] {
1272
+ background: var(--control-fill-neutral-low);
1273
1273
  }
1274
- ._root_1j4ne_2[data-disabled] {
1274
+ ._root_1cic3_2[data-disabled] {
1275
1275
  background: transparent;
1276
1276
  cursor: not-allowed;
1277
1277
  }
@@ -1281,36 +1281,36 @@
1281
1281
  }
1282
1282
 
1283
1283
  /* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
1284
- ._root_1m2x2_3 {
1284
+ ._root_g2jm0_3 {
1285
1285
  display: flex;
1286
1286
  flex-direction: column;
1287
- gap: var(--lp-sys-padding-component-100);
1287
+ gap: var(--lp-sys-space-100);
1288
1288
  width: fit-content;
1289
1289
  }
1290
- ._root_1m2x2_3[data-trigger-type=select-button] {
1290
+ ._root_g2jm0_3[data-trigger-type=select-button] {
1291
1291
  gap: 0;
1292
1292
  }
1293
- ._root_1m2x2_3[data-trigger-type=select-field][data-size=s] {
1293
+ ._root_g2jm0_3[data-trigger-type=select-field][data-size=s] {
1294
1294
  width: 200px;
1295
1295
  }
1296
- ._root_1m2x2_3[data-trigger-type=select-field][data-size=l] {
1296
+ ._root_g2jm0_3[data-trigger-type=select-field][data-size=l] {
1297
1297
  width: 240px;
1298
1298
  }
1299
- ._root_1m2x2_3[data-trigger-type=select-button][data-size=s] {
1299
+ ._root_g2jm0_3[data-trigger-type=select-button][data-size=s] {
1300
1300
  width: 105px;
1301
1301
  }
1302
- ._root_1m2x2_3[data-trigger-type=select-button][data-size=m] {
1302
+ ._root_g2jm0_3[data-trigger-type=select-button][data-size=m] {
1303
1303
  width: 123px;
1304
1304
  }
1305
- ._label_1m2x2_35 {
1306
- padding-block-end: var(--lp-sys-padding-component-100);
1305
+ ._label_g2jm0_35 {
1306
+ padding-block-end: var(--lp-sys-space-100);
1307
1307
  margin: 0;
1308
1308
  }
1309
- ._requiredMark_1m2x2_40 {
1310
- color: var(--function-label-negative);
1309
+ ._requiredMark_g2jm0_40 {
1310
+ color: var(--negative-base);
1311
1311
  margin-inline-start: 2px;
1312
1312
  }
1313
- ._srOnly_1m2x2_45 {
1313
+ ._srOnly_g2jm0_45 {
1314
1314
  position: absolute;
1315
1315
  width: 1px;
1316
1316
  height: 1px;
@@ -1321,49 +1321,49 @@
1321
1321
  white-space: nowrap;
1322
1322
  border: 0;
1323
1323
  }
1324
- ._trigger_1m2x2_58 {
1324
+ ._trigger_g2jm0_58 {
1325
1325
  display: flex;
1326
1326
  align-items: center;
1327
1327
  justify-content: space-between;
1328
- gap: var(--lp-sys-gap-positive-150);
1328
+ gap: var(--lp-sys-space-150);
1329
1329
  width: 100%;
1330
- border: 1px solid var(--neutral-border-opaque-normal);
1330
+ border: 1px solid var(--border-neutral-normal);
1331
1331
  cursor: pointer;
1332
1332
  font: inherit;
1333
1333
  text-align: start;
1334
1334
  }
1335
- ._trigger_1m2x2_58:hover:not(:disabled),
1336
- ._trigger_1m2x2_58:active:not(:disabled) {
1337
- background: var(--neutral-container-lowest-hover);
1338
- border-color: var(--neutral-border-opaque-strong);
1335
+ ._trigger_g2jm0_58:hover:not(:disabled),
1336
+ ._trigger_g2jm0_58:active:not(:disabled) {
1337
+ background: var(--surface-neutral-lowest-hover);
1338
+ border-color: var(--border-neutral-strong);
1339
1339
  }
1340
- ._trigger_1m2x2_58 {
1340
+ ._trigger_g2jm0_58 {
1341
1341
  }
1342
- ._trigger_1m2x2_58:focus,
1343
- ._trigger_1m2x2_58:focus-visible {
1342
+ ._trigger_g2jm0_58:focus,
1343
+ ._trigger_g2jm0_58:focus-visible {
1344
1344
  outline: none;
1345
1345
  }
1346
- ._trigger_1m2x2_58 {
1346
+ ._trigger_g2jm0_58 {
1347
1347
  }
1348
- ._trigger_1m2x2_58:disabled,
1349
- ._trigger_1m2x2_58[data-disabled] {
1348
+ ._trigger_g2jm0_58:disabled,
1349
+ ._trigger_g2jm0_58[data-disabled] {
1350
1350
  cursor: not-allowed;
1351
- color: var(--neutral-label-tertiary);
1351
+ color: var(--label-neutral-tertiary);
1352
1352
  }
1353
- ._trigger_1m2x2_58 {
1353
+ ._trigger_g2jm0_58 {
1354
1354
  }
1355
- ._trigger_1m2x2_58[data-state=open] ._icon_1m2x2_94 {
1355
+ ._trigger_g2jm0_58[data-state=open] ._icon_g2jm0_94 {
1356
1356
  transform: rotate(180deg);
1357
1357
  }
1358
- ._trigger_1m2x2_58 ._icon_1m2x2_94 {
1358
+ ._trigger_g2jm0_58 ._icon_g2jm0_94 {
1359
1359
  transition: transform 120ms ease;
1360
1360
  flex-shrink: 0;
1361
1361
  display: flex;
1362
1362
  align-items: center;
1363
1363
  }
1364
- ._trigger_1m2x2_58[data-trigger-type=select-field] {
1365
- border-radius: var(--lp-sys-radius-m);
1366
- background: var(--neutral-container-lowest);
1364
+ ._trigger_g2jm0_58[data-trigger-type=select-field] {
1365
+ border-radius: var(--lp-sys-radius-medium);
1366
+ background: var(--surface-neutral-lowest);
1367
1367
  font-family:
1368
1368
  "Pretendard Variable",
1369
1369
  -apple-system,
@@ -1371,49 +1371,49 @@
1371
1371
  font-size: var(--lp-pri-font-size-15);
1372
1372
  font-weight: var(--lp-pri-font-weight-400);
1373
1373
  line-height: var(--lp-pri-font-lineheight-130);
1374
- color: var(--neutral-label-primary);
1374
+ color: var(--label-neutral-base);
1375
1375
  }
1376
- ._trigger_1m2x2_58[data-trigger-type=select-field][data-size=s] {
1376
+ ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=s] {
1377
1377
  height: 32px;
1378
- padding-inline: var(--lp-sys-padding-component-200);
1378
+ padding-inline: var(--lp-sys-space-200);
1379
1379
  }
1380
- ._trigger_1m2x2_58[data-trigger-type=select-field][data-size=m] {
1380
+ ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=m] {
1381
1381
  height: 40px;
1382
- padding-inline: var(--lp-sys-padding-component-300);
1382
+ padding-inline: var(--lp-sys-space-300);
1383
1383
  }
1384
- ._trigger_1m2x2_58[data-trigger-type=select-field][data-size=l] {
1384
+ ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=l] {
1385
1385
  height: 45px;
1386
- padding-inline-start: var(--lp-sys-padding-component-400);
1387
- padding-inline-end: var(--lp-sys-padding-component-300);
1386
+ padding-inline-start: var(--lp-sys-space-400);
1387
+ padding-inline-end: var(--lp-sys-space-300);
1388
1388
  }
1389
- ._trigger_1m2x2_58[data-trigger-type=select-field] {
1389
+ ._trigger_g2jm0_58[data-trigger-type=select-field] {
1390
1390
  }
1391
- ._trigger_1m2x2_58[data-trigger-type=select-field][data-placeholder] {
1392
- color: var(--neutral-label-tertiary);
1391
+ ._trigger_g2jm0_58[data-trigger-type=select-field][data-placeholder] {
1392
+ color: var(--label-neutral-tertiary);
1393
1393
  }
1394
- ._trigger_1m2x2_58[data-trigger-type=select-field] {
1394
+ ._trigger_g2jm0_58[data-trigger-type=select-field] {
1395
1395
  }
1396
- ._trigger_1m2x2_58[data-trigger-type=select-field]:disabled,
1397
- ._trigger_1m2x2_58[data-trigger-type=select-field][data-disabled] {
1398
- background: var(--neutral-container-mid);
1399
- border-color: var(--neutral-border-opaque-subtle);
1396
+ ._trigger_g2jm0_58[data-trigger-type=select-field]:disabled,
1397
+ ._trigger_g2jm0_58[data-trigger-type=select-field][data-disabled] {
1398
+ background: var(--surface-neutral-mid);
1399
+ border-color: var(--border-neutral-subtle);
1400
1400
  }
1401
- ._trigger_1m2x2_58 > span:not([class]) {
1401
+ ._trigger_g2jm0_58 > span:not([class]) {
1402
1402
  flex: 1;
1403
1403
  min-width: 0;
1404
1404
  overflow: hidden;
1405
1405
  white-space: nowrap;
1406
1406
  text-overflow: ellipsis;
1407
1407
  }
1408
- ._triggerButton_1m2x2_159 {
1408
+ ._triggerButton_g2jm0_159 {
1409
1409
  }
1410
- ._triggerButton_1m2x2_159 > span {
1410
+ ._triggerButton_g2jm0_159 > span {
1411
1411
  width: 100%;
1412
1412
  justify-content: space-between !important;
1413
1413
  }
1414
- ._triggerButton_1m2x2_159 {
1414
+ ._triggerButton_g2jm0_159 {
1415
1415
  }
1416
- ._triggerButton_1m2x2_159 span:not([class]) {
1416
+ ._triggerButton_g2jm0_159 span:not([class]) {
1417
1417
  flex: 1;
1418
1418
  min-width: 0;
1419
1419
  text-align: start;
@@ -1421,73 +1421,73 @@
1421
1421
  white-space: nowrap;
1422
1422
  text-overflow: ellipsis;
1423
1423
  }
1424
- ._triggerButton_1m2x2_159 {
1424
+ ._triggerButton_g2jm0_159 {
1425
1425
  }
1426
- ._triggerButton_1m2x2_159[data-state=open] svg:last-child {
1426
+ ._triggerButton_g2jm0_159[data-state=open] svg:last-child {
1427
1427
  transform: rotate(180deg);
1428
1428
  }
1429
- ._triggerButton_1m2x2_159 svg:last-child {
1429
+ ._triggerButton_g2jm0_159 svg:last-child {
1430
1430
  transition: transform 120ms ease;
1431
1431
  }
1432
- ._root_1m2x2_3[data-error] ._trigger_1m2x2_58[data-trigger-type=select-field] {
1433
- outline: 1px solid var(--function-label-negative);
1434
- border-color: var(--function-label-negative);
1432
+ ._root_g2jm0_3[data-error] ._trigger_g2jm0_58[data-trigger-type=select-field] {
1433
+ outline: 1px solid var(--negative-base);
1434
+ border-color: var(--negative-base);
1435
1435
  }
1436
- ._trigger_1m2x2_58 svg path,
1437
- ._triggerButton_1m2x2_159 svg path {
1436
+ ._trigger_g2jm0_58 svg path,
1437
+ ._triggerButton_g2jm0_159 svg path {
1438
1438
  fill: currentColor !important;
1439
1439
  }
1440
- ._errorMessage_1m2x2_203 {
1440
+ ._errorMessage_g2jm0_203 {
1441
1441
  display: flex;
1442
1442
  align-items: center;
1443
- gap: var(--lp-sys-gap-positive-100);
1444
- padding-block-start: var(--lp-sys-padding-component-100);
1443
+ gap: var(--lp-sys-space-100);
1444
+ padding-block-start: var(--lp-sys-space-100);
1445
1445
  }
1446
- ._errorText_1m2x2_211 {
1446
+ ._errorText_g2jm0_211 {
1447
1447
  margin: 0;
1448
1448
  line-height: 1;
1449
1449
  }
1450
- ._content_1m2x2_220 {
1450
+ ._content_g2jm0_220 {
1451
1451
  max-width: var(--radix-select-content-available-width);
1452
1452
  max-height: var(--radix-select-content-available-height);
1453
1453
  transform-origin: var(--radix-select-content-transform-origin);
1454
- border-radius: var(--lp-sys-radius-m);
1455
- border: 1px solid var(--neutral-border-opaque-normal);
1456
- background: var(--neutral-container-variation-lowest);
1454
+ border-radius: var(--lp-sys-radius-medium);
1455
+ border: 1px solid var(--border-neutral-normal);
1456
+ background: var(--surface-neutral-variation-lowest);
1457
1457
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
1458
- padding: var(--lp-sys-padding-component-200);
1458
+ padding: var(--lp-sys-space-200);
1459
1459
  overflow: hidden;
1460
1460
  z-index: 1000;
1461
1461
  }
1462
- ._content_1m2x2_220[data-state=open] {
1463
- animation: _fadeScaleIn_1m2x2_1 120ms ease-out;
1462
+ ._content_g2jm0_220[data-state=open] {
1463
+ animation: _fadeScaleIn_g2jm0_1 120ms ease-out;
1464
1464
  }
1465
- ._content_1m2x2_220[data-trigger-type=select-field] {
1465
+ ._content_g2jm0_220[data-trigger-type=select-field] {
1466
1466
  width: var(--radix-select-trigger-width);
1467
1467
  }
1468
- ._content_1m2x2_220[data-trigger-type=select-button] {
1468
+ ._content_g2jm0_220[data-trigger-type=select-button] {
1469
1469
  width: 320px;
1470
1470
  }
1471
- ._viewport_1m2x2_251 {
1471
+ ._viewport_g2jm0_251 {
1472
1472
  max-height: 268px;
1473
1473
  overflow-y: auto !important;
1474
1474
  scrollbar-width: thin !important;
1475
- scrollbar-color: var(--neutral-fill-overlay-mid) transparent;
1475
+ scrollbar-color: var(--control-fill-neutral-mid) transparent;
1476
1476
  }
1477
- ._viewport_1m2x2_251::-webkit-scrollbar {
1477
+ ._viewport_g2jm0_251::-webkit-scrollbar {
1478
1478
  display: block !important;
1479
1479
  width: 7px;
1480
1480
  }
1481
- ._viewport_1m2x2_251::-webkit-scrollbar-track {
1481
+ ._viewport_g2jm0_251::-webkit-scrollbar-track {
1482
1482
  background-color: transparent;
1483
1483
  }
1484
- ._viewport_1m2x2_251::-webkit-scrollbar-thumb {
1485
- background-color: var(--neutral-fill-overlay-mid);
1484
+ ._viewport_g2jm0_251::-webkit-scrollbar-thumb {
1485
+ background-color: var(--control-fill-neutral-mid);
1486
1486
  border: 2px solid transparent;
1487
1487
  background-clip: padding-box;
1488
1488
  border-radius: 7px;
1489
1489
  }
1490
- @keyframes _fadeScaleIn_1m2x2_1 {
1490
+ @keyframes _fadeScaleIn_g2jm0_1 {
1491
1491
  from {
1492
1492
  opacity: 0;
1493
1493
  transform: scale(0.95);
@@ -1497,127 +1497,127 @@
1497
1497
  transform: scale(1);
1498
1498
  }
1499
1499
  }
1500
- ._selectItem_1m2x2_283 {
1500
+ ._selectItem_g2jm0_283 {
1501
1501
  display: flex;
1502
1502
  align-items: center;
1503
- gap: var(--lp-sys-gap-positive-150);
1504
- padding-block: var(--lp-sys-padding-component-200);
1505
- padding-inline-start: var(--lp-sys-padding-component-200);
1506
- padding-inline-end: var(--lp-sys-padding-component-150);
1507
- border-radius: var(--lp-sys-radius-s);
1503
+ gap: var(--lp-sys-space-150);
1504
+ padding-block: var(--lp-sys-space-200);
1505
+ padding-inline-start: var(--lp-sys-space-200);
1506
+ padding-inline-end: var(--lp-sys-space-150);
1507
+ border-radius: var(--lp-sys-radius-small);
1508
1508
  cursor: pointer;
1509
1509
  outline: none;
1510
1510
  }
1511
- ._selectItem_1m2x2_283 span:not([class]) {
1511
+ ._selectItem_g2jm0_283 span:not([class]) {
1512
1512
  display: none;
1513
1513
  }
1514
- ._selectItem_1m2x2_283[data-disabled] {
1514
+ ._selectItem_g2jm0_283[data-disabled] {
1515
1515
  cursor: not-allowed;
1516
- color: var(--neutral-label-tertiary);
1516
+ color: var(--label-neutral-tertiary);
1517
1517
  }
1518
- ._selectItem_1m2x2_283:hover:not([data-disabled]),
1519
- ._selectItem_1m2x2_283[data-highlighted] {
1520
- background: var(--neutral-fill-overlay-low);
1518
+ ._selectItem_g2jm0_283:hover:not([data-disabled]),
1519
+ ._selectItem_g2jm0_283[data-highlighted] {
1520
+ background: var(--control-fill-neutral-low);
1521
1521
  }
1522
- ._selectItem_1m2x2_283:active:not([data-disabled]) {
1523
- background: var(--neutral-fill-overlay-lowest-hover);
1522
+ ._selectItem_g2jm0_283:active:not([data-disabled]) {
1523
+ background: var(--control-fill-neutral-lowest-hover);
1524
1524
  }
1525
- ._selectItem_1m2x2_283 {
1525
+ ._selectItem_g2jm0_283 {
1526
1526
  }
1527
- ._selectItem_1m2x2_283:focus-visible:not(:hover) {
1528
- background: var(--neutral-container-low);
1527
+ ._selectItem_g2jm0_283:focus-visible:not(:hover) {
1528
+ background: var(--surface-neutral-low);
1529
1529
  box-shadow: inset 0 0 0 1px #006aff;
1530
1530
  }
1531
- ._selectItem_1m2x2_283[data-state=checked] {
1532
- padding-inline-end: var(--lp-sys-padding-component-200);
1531
+ ._selectItem_g2jm0_283[data-state=checked] {
1532
+ padding-inline-end: var(--lp-sys-space-200);
1533
1533
  }
1534
- ._selectItem_1m2x2_283 [data-zone=leading] {
1534
+ ._selectItem_g2jm0_283 [data-zone=leading] {
1535
1535
  align-self: flex-start;
1536
1536
  }
1537
- ._primitiveItem_1m2x2_336 > span:not([class]) {
1537
+ ._primitiveItem_g2jm0_336 > span:not([class]) {
1538
1538
  display: none;
1539
1539
  }
1540
- ._selectItem_1m2x2_283[data-state=checked] ._itemLabel_1m2x2_341 {
1541
- color: var(--brand-label-primary) !important;
1540
+ ._selectItem_g2jm0_283[data-state=checked] ._itemLabel_g2jm0_341 {
1541
+ color: var(--label-brand-base) !important;
1542
1542
  font-weight: var(--lp-pri-font-weight-500);
1543
1543
  }
1544
- ._itemIndicator_1m2x2_346 {
1544
+ ._itemIndicator_g2jm0_346 {
1545
1545
  flex-shrink: 0;
1546
1546
  display: flex;
1547
1547
  align-items: center;
1548
1548
  }
1549
- ._trailingSlot_1m2x2_354 p,
1549
+ ._trailingSlot_g2jm0_354 p,
1550
1550
  [data-zone=leading] p {
1551
1551
  margin: 0;
1552
1552
  }
1553
- ._selectItem_1m2x2_283[data-state=checked] ._trailingSlot_1m2x2_354 {
1553
+ ._selectItem_g2jm0_283[data-state=checked] ._trailingSlot_g2jm0_354 {
1554
1554
  display: none;
1555
1555
  }
1556
- ._group_1m2x2_367 {
1556
+ ._group_g2jm0_367 {
1557
1557
  display: flex;
1558
1558
  flex-direction: column;
1559
1559
  }
1560
- ._group_1m2x2_367:not(:last-child) {
1561
- border-block-end: 1px solid var(--neutral-border-overlay-normal);
1562
- padding-block-end: var(--lp-sys-padding-component-150);
1560
+ ._group_g2jm0_367:not(:last-child) {
1561
+ border-block-end: 1px solid var(--border-neutral-alpha-normal);
1562
+ padding-block-end: var(--lp-sys-space-150);
1563
1563
  }
1564
- ._group_1m2x2_367 + ._group_1m2x2_367 {
1565
- padding-block-start: var(--lp-sys-padding-component-150);
1564
+ ._group_g2jm0_367 + ._group_g2jm0_367 {
1565
+ padding-block-start: var(--lp-sys-space-150);
1566
1566
  }
1567
- ._groupLabel_1m2x2_382 {
1567
+ ._groupLabel_g2jm0_382 {
1568
1568
  display: block;
1569
1569
  margin: 0;
1570
- padding-block: var(--lp-sys-padding-component-150);
1571
- padding-inline-start: var(--lp-sys-padding-component-200);
1572
- padding-inline-end: var(--lp-sys-padding-component-150);
1570
+ padding-block: var(--lp-sys-space-150);
1571
+ padding-inline-start: var(--lp-sys-space-200);
1572
+ padding-inline-end: var(--lp-sys-space-150);
1573
1573
  }
1574
1574
  @media (prefers-reduced-motion: reduce) {
1575
- ._trigger_1m2x2_58 ._icon_1m2x2_94 {
1575
+ ._trigger_g2jm0_58 ._icon_g2jm0_94 {
1576
1576
  transition: none;
1577
1577
  }
1578
- ._content_1m2x2_220[data-state=open] {
1578
+ ._content_g2jm0_220[data-state=open] {
1579
1579
  animation: none;
1580
1580
  }
1581
1581
  }
1582
1582
  @media (forced-colors: active) {
1583
- ._trigger_1m2x2_58 {
1583
+ ._trigger_g2jm0_58 {
1584
1584
  border: 1px solid ButtonText;
1585
1585
  }
1586
- ._trigger_1m2x2_58:focus-visible {
1586
+ ._trigger_g2jm0_58:focus-visible {
1587
1587
  outline: 2px solid Highlight;
1588
1588
  }
1589
1589
  }
1590
1590
 
1591
1591
  /* esbuild-sass-plugin:css-chunk:src/components/List/style.module.scss */
1592
- ._root_x5fwq_2 {
1592
+ ._root_lgu43_2 {
1593
1593
  list-style: none;
1594
1594
  padding: 0;
1595
1595
  margin: 0;
1596
1596
  }
1597
- ._group_x5fwq_8 {
1597
+ ._group_lgu43_8 {
1598
1598
  display: flex;
1599
1599
  flex-direction: column;
1600
1600
  width: 100%;
1601
- padding-block: var(--lp-sys-padding-component-200);
1601
+ padding-block: var(--lp-sys-space-200);
1602
1602
  }
1603
- ._group_x5fwq_8:not(:last-child) {
1604
- border-block-end: 1px solid var(--neutral-border-overlay-normal);
1603
+ ._group_lgu43_8:not(:last-child) {
1604
+ border-block-end: 1px solid var(--border-neutral-alpha-normal);
1605
1605
  }
1606
- ._groupLabelContainer_x5fwq_20 {
1606
+ ._groupLabelContainer_lgu43_20 {
1607
1607
  display: flex;
1608
1608
  justify-content: space-between;
1609
1609
  align-items: center;
1610
1610
  width: 100%;
1611
- padding-block: var(--lp-sys-padding-component-150);
1612
- padding-inline-start: var(--lp-sys-padding-component-200);
1613
- padding-inline-end: var(--lp-sys-padding-component-150);
1611
+ padding-block: var(--lp-sys-space-150);
1612
+ padding-inline-start: var(--lp-sys-space-200);
1613
+ padding-inline-end: var(--lp-sys-space-150);
1614
1614
  }
1615
- ._groupLabel_x5fwq_20 {
1615
+ ._groupLabel_lgu43_20 {
1616
1616
  margin: 0;
1617
1617
  }
1618
1618
 
1619
1619
  /* esbuild-sass-plugin:css-chunk:src/components/TextButton/style.module.scss */
1620
- ._button_zsyf9_1 {
1620
+ ._button_ryw9b_1 {
1621
1621
  position: relative;
1622
1622
  display: flex;
1623
1623
  align-items: center;
@@ -1632,71 +1632,71 @@
1632
1632
  background: none;
1633
1633
  cursor: pointer;
1634
1634
  }
1635
- ._button_zsyf9_1:disabled {
1635
+ ._button_ryw9b_1:disabled {
1636
1636
  cursor: not-allowed;
1637
1637
  }
1638
- ._text_zsyf9_20:not(:disabled):hover {
1638
+ ._text_ryw9b_20:not(:disabled):hover {
1639
1639
  opacity: 0.8;
1640
1640
  }
1641
- ._text_zsyf9_20._primary_zsyf9_23 {
1642
- color: var(--brand-label-primary);
1641
+ ._text_ryw9b_20._primary_ryw9b_23 {
1642
+ color: var(--label-brand-base);
1643
1643
  }
1644
- ._text_zsyf9_20._primary_zsyf9_23:disabled {
1645
- color: var(--neutral-label-tertiary);
1644
+ ._text_ryw9b_20._primary_ryw9b_23:disabled {
1645
+ color: var(--label-neutral-tertiary);
1646
1646
  }
1647
- ._text_zsyf9_20._secondary_zsyf9_29 {
1648
- color: var(--neutral-label-primary);
1647
+ ._text_ryw9b_20._secondary_ryw9b_29 {
1648
+ color: var(--label-neutral-base);
1649
1649
  }
1650
- ._text_zsyf9_20._secondary_zsyf9_29:disabled {
1651
- color: var(--neutral-label-tertiary);
1650
+ ._text_ryw9b_20._secondary_ryw9b_29:disabled {
1651
+ color: var(--label-neutral-tertiary);
1652
1652
  }
1653
- ._text_zsyf9_20._tertiary_zsyf9_35 {
1654
- color: var(--neutral-label-secondary);
1653
+ ._text_ryw9b_20._tertiary_ryw9b_35 {
1654
+ color: var(--label-neutral-secondary);
1655
1655
  }
1656
- ._text_zsyf9_20._tertiary_zsyf9_35:disabled {
1657
- color: var(--neutral-label-tertiary);
1656
+ ._text_ryw9b_20._tertiary_ryw9b_35:disabled {
1657
+ color: var(--label-neutral-tertiary);
1658
1658
  }
1659
- ._m_zsyf9_42 ._text-children_zsyf9_42 {
1660
- gap: var(--lp-sys-gap-positive-150);
1659
+ ._m_ryw9b_42 ._text-children_ryw9b_42 {
1660
+ gap: var(--lp-sys-space-150);
1661
1661
  }
1662
- ._s_zsyf9_29 ._text-children_zsyf9_42 {
1663
- gap: var(--lp-sys-gap-positive-100);
1662
+ ._s_ryw9b_29 ._text-children_ryw9b_42 {
1663
+ gap: var(--lp-sys-space-100);
1664
1664
  }
1665
- ._xs_zsyf9_50 ._text-children_zsyf9_42 {
1666
- gap: var(--lp-sys-gap-positive-100);
1665
+ ._xs_ryw9b_50 ._text-children_ryw9b_42 {
1666
+ gap: var(--lp-sys-space-100);
1667
1667
  }
1668
- ._underline_zsyf9_54 {
1668
+ ._underline_ryw9b_54 {
1669
1669
  text-decoration: underline;
1670
1670
  text-underline-offset: 0.2rem;
1671
1671
  }
1672
- ._text-children_zsyf9_42 {
1672
+ ._text-children_ryw9b_42 {
1673
1673
  display: flex;
1674
1674
  align-items: center;
1675
1675
  justify-content: center;
1676
1676
  }
1677
1677
 
1678
1678
  /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/primitive/style.module.scss */
1679
- ._anchor_1ynpr_2 {
1679
+ ._anchor_9duhb_2 {
1680
1680
  transform: rotate(270deg) translateX(7px);
1681
1681
  }
1682
- ._content_1ynpr_6 {
1683
- border-radius: var(--lp-sys-radius-m);
1682
+ ._content_9duhb_6 {
1683
+ border-radius: var(--lp-sys-radius-medium);
1684
1684
  box-shadow:
1685
1685
  0px 2px 12px 0px rgba(0, 0, 0, 0.1),
1686
1686
  0px 1px 8px 0px rgba(0, 0, 0, 0.06),
1687
1687
  0px 0px 1px 0px rgba(0, 0, 0, 0.06);
1688
1688
  }
1689
- ._content_1ynpr_6 p {
1689
+ ._content_9duhb_6 p {
1690
1690
  margin: 0;
1691
1691
  }
1692
- ._content_1ynpr_6 {
1692
+ ._content_9duhb_6 {
1693
1693
  }
1694
- ._content_1ynpr_6[data-side] > span {
1694
+ ._content_9duhb_6[data-side] > span {
1695
1695
  visibility: visible !important;
1696
1696
  }
1697
- ._content_1ynpr_6 {
1697
+ ._content_9duhb_6 {
1698
1698
  }
1699
- ._overlay_1ynpr_24 {
1699
+ ._overlay_9duhb_24 {
1700
1700
  position: fixed;
1701
1701
  top: 0;
1702
1702
  left: 0;
@@ -1705,84 +1705,84 @@
1705
1705
  background: rgba(255, 255, 255, 0.7490196078);
1706
1706
  z-index: 9;
1707
1707
  }
1708
- ._close_1ynpr_34 {
1708
+ ._close_9duhb_34 {
1709
1709
  cursor: pointer;
1710
1710
  }
1711
1711
 
1712
1712
  /* esbuild-sass-plugin:css-chunk:src/components/Badge/style.module.scss */
1713
- ._badge_f8fzb_1 {
1713
+ ._badge_1l0o9_1 {
1714
1714
  display: inline-flex;
1715
1715
  align-items: center;
1716
1716
  justify-content: center;
1717
1717
  white-space: nowrap;
1718
1718
  box-sizing: border-box;
1719
- gap: var(--lp-sys-padding-component-50);
1719
+ gap: var(--lp-sys-space-50);
1720
1720
  }
1721
- ._s_f8fzb_10 {
1722
- padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
1723
- border-radius: var(--lp-sys-radius-xs);
1721
+ ._s_1l0o9_10 {
1722
+ padding: var(--lp-sys-space-50) var(--lp-sys-space-100);
1723
+ border-radius: var(--lp-sys-radius-extra-small);
1724
1724
  }
1725
- ._m_f8fzb_15 {
1726
- padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
1727
- border-radius: var(--lp-sys-radius-xs);
1725
+ ._m_1l0o9_15 {
1726
+ padding: var(--lp-sys-space-50) var(--lp-sys-space-100);
1727
+ border-radius: var(--lp-sys-radius-extra-small);
1728
1728
  }
1729
- ._l_f8fzb_20 {
1730
- padding: var(--lp-sys-padding-component-100) var(--lp-sys-padding-component-150);
1731
- border-radius: var(--lp-sys-radius-s);
1729
+ ._l_1l0o9_20 {
1730
+ padding: var(--lp-sys-space-100) var(--lp-sys-space-150);
1731
+ border-radius: var(--lp-sys-radius-small);
1732
1732
  }
1733
- ._text_f8fzb_25 {
1734
- padding: 0 var(--lp-sys-padding-component-50);
1733
+ ._text_1l0o9_25 {
1734
+ padding: 0 var(--lp-sys-space-50);
1735
1735
  }
1736
- ._subtle_f8fzb_29 {
1737
- background: var(--neutral-fill-overlay-mid);
1736
+ ._subtle_1l0o9_29 {
1737
+ background: var(--control-fill-neutral-mid);
1738
1738
  }
1739
- ._outlined_f8fzb_33 {
1740
- background: var(--neutral-fill-opaque-lowest);
1741
- border: 1px solid var(--neutral-border-overlay-subtle);
1739
+ ._outlined_1l0o9_33 {
1740
+ background: var(--surface-neutral-lowest);
1741
+ border: 1px solid var(--border-neutral-alpha-subtle);
1742
1742
  }
1743
- ._fill-primary_f8fzb_38 {
1744
- background: var(--brand-fill-low);
1743
+ ._fill-primary_1l0o9_38 {
1744
+ background: var(--control-fill-brand-faint);
1745
1745
  }
1746
- ._fill-accent_f8fzb_42 {
1747
- background: var(--accent-fill-primary);
1746
+ ._fill-accent_1l0o9_42 {
1747
+ background: var(--accent-control-fill-base);
1748
1748
  }
1749
- ._inverse-primary_f8fzb_46 {
1749
+ ._inverse-primary_1l0o9_46 {
1750
1750
  background: var(--brandinverse-fill-static-low);
1751
1751
  }
1752
- ._text-neutral_f8fzb_50 {
1753
- color: var(--neutral-label-primary);
1752
+ ._text-neutral_1l0o9_50 {
1753
+ color: var(--label-neutral-base);
1754
1754
  }
1755
- ._text-neutral-secondary_f8fzb_54 {
1756
- color: var(--neutral-label-secondary);
1755
+ ._text-neutral-secondary_1l0o9_54 {
1756
+ color: var(--label-neutral-secondary);
1757
1757
  }
1758
- ._text-primary_f8fzb_58 {
1759
- color: var(--brand-label-primary);
1758
+ ._text-primary_1l0o9_58 {
1759
+ color: var(--label-brand-base);
1760
1760
  }
1761
- ._text-primary-inverse_f8fzb_62 {
1762
- color: var(--brandinverse-label-static-primary);
1761
+ ._text-primary-inverse_1l0o9_62 {
1762
+ color: var(--label-on-brand);
1763
1763
  }
1764
- ._text-caution_f8fzb_66 {
1765
- color: var(--function-label-caution);
1764
+ ._text-caution_1l0o9_66 {
1765
+ color: var(--caution);
1766
1766
  }
1767
- ._text-error_f8fzb_70 {
1768
- color: var(--function-label-negative);
1767
+ ._text-error_1l0o9_70 {
1768
+ color: var(--negative-base);
1769
1769
  }
1770
- ._text-accent_f8fzb_74 {
1771
- color: var(--accent-label-primary);
1770
+ ._text-accent_1l0o9_74 {
1771
+ color: var(--accent-label-base);
1772
1772
  }
1773
1773
 
1774
1774
  /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/compact/style.module.scss */
1775
- ._content_1wkpa_2 {
1775
+ ._content_9adg9_2 {
1776
1776
  display: flex;
1777
1777
  align-items: center;
1778
1778
  width: fit-content;
1779
- background: var(--inverse-container-static-high);
1780
- animation: _slideIn_1wkpa_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1779
+ background: var(--surface-inverse-static-high);
1780
+ animation: _slideIn_9adg9_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1781
1781
  }
1782
- ._content_1wkpa_2 svg > path {
1783
- fill: var(--inverse-container-static-high);
1782
+ ._content_9adg9_2 svg > path {
1783
+ fill: var(--surface-inverse-static-high);
1784
1784
  }
1785
- @keyframes _slideIn_1wkpa_1 {
1785
+ @keyframes _slideIn_9adg9_1 {
1786
1786
  from {
1787
1787
  transform: translateY(10px);
1788
1788
  opacity: 0;
@@ -1792,11 +1792,11 @@
1792
1792
  opacity: 1;
1793
1793
  }
1794
1794
  }
1795
- ._clickable_1wkpa_23 {
1795
+ ._clickable_9adg9_23 {
1796
1796
  display: flex;
1797
1797
  align-items: center;
1798
- gap: var(--lp-sys-gap-positive-200);
1799
- padding: var(--lp-sys-padding-component-200);
1798
+ gap: var(--lp-sys-space-200);
1799
+ padding: var(--lp-sys-space-200);
1800
1800
  cursor: pointer;
1801
1801
  border: none;
1802
1802
  background: transparent;
@@ -1804,35 +1804,35 @@
1804
1804
  color: inherit;
1805
1805
  font: inherit;
1806
1806
  }
1807
- ._main_1wkpa_36 {
1807
+ ._main_9adg9_36 {
1808
1808
  margin: 0;
1809
1809
  }
1810
- ._content_1wkpa_2[data-side=top][data-align=start] > span,
1811
- ._content_1wkpa_2[data-side=bottom][data-align=start] > span {
1810
+ ._content_9adg9_2[data-side=top][data-align=start] > span,
1811
+ ._content_9adg9_2[data-side=bottom][data-align=start] > span {
1812
1812
  left: 19px !important;
1813
1813
  right: auto !important;
1814
1814
  }
1815
- ._content_1wkpa_2[data-side=top][data-align=end] > span,
1816
- ._content_1wkpa_2[data-side=bottom][data-align=end] > span {
1815
+ ._content_9adg9_2[data-side=top][data-align=end] > span,
1816
+ ._content_9adg9_2[data-side=bottom][data-align=end] > span {
1817
1817
  left: auto !important;
1818
1818
  right: 19px !important;
1819
1819
  }
1820
1820
 
1821
1821
  /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
1822
- ._content_1cmnt_2 {
1822
+ ._content_p4m90_2 {
1823
1823
  display: flex;
1824
1824
  flex-direction: column;
1825
1825
  width: 280px;
1826
- padding-top: var(--lp-sys-padding-component-300);
1827
- padding-bottom: var(--lp-sys-padding-component-400);
1826
+ padding-top: var(--lp-sys-space-300);
1827
+ padding-bottom: var(--lp-sys-space-400);
1828
1828
  box-sizing: border-box;
1829
- background: var(--inverse-container-static-high);
1830
- animation: _slideIn_1cmnt_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1829
+ background: var(--surface-inverse-static-high);
1830
+ animation: _slideIn_p4m90_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1831
1831
  }
1832
- ._content_1cmnt_2 > span > svg > path {
1833
- fill: var(--inverse-container-static-high);
1832
+ ._content_p4m90_2 > span > svg > path {
1833
+ fill: var(--surface-inverse-static-high);
1834
1834
  }
1835
- @keyframes _slideIn_1cmnt_1 {
1835
+ @keyframes _slideIn_p4m90_1 {
1836
1836
  from {
1837
1837
  transform: translateY(10px);
1838
1838
  opacity: 0;
@@ -1842,182 +1842,182 @@
1842
1842
  opacity: 1;
1843
1843
  }
1844
1844
  }
1845
- ._top_1cmnt_26 {
1845
+ ._top_p4m90_26 {
1846
1846
  display: flex;
1847
1847
  flex-direction: column;
1848
- gap: var(--lp-sys-gap-positive-200);
1849
- padding-bottom: var(--lp-sys-padding-component-300);
1848
+ gap: var(--lp-sys-space-200);
1849
+ padding-bottom: var(--lp-sys-space-300);
1850
1850
  }
1851
- ._main_1cmnt_33 {
1851
+ ._main_p4m90_33 {
1852
1852
  width: 100%;
1853
1853
  display: flex;
1854
1854
  flex-direction: column;
1855
- gap: var(--lp-sys-gap-positive-200);
1855
+ gap: var(--lp-sys-space-200);
1856
1856
  }
1857
- ._title_1cmnt_40 {
1857
+ ._title_p4m90_40 {
1858
1858
  display: flex;
1859
1859
  align-items: center;
1860
- gap: var(--lp-sys-padding-component-200);
1861
- padding-left: var(--lp-sys-padding-component-400);
1862
- padding-right: var(--lp-sys-padding-component-700);
1863
- padding-top: var(--lp-sys-padding-component-50);
1864
- padding-bottom: var(--lp-sys-padding-component-50);
1860
+ gap: var(--lp-sys-space-200);
1861
+ padding-left: var(--lp-sys-space-400);
1862
+ padding-right: var(--lp-sys-space-800);
1863
+ padding-top: var(--lp-sys-space-50);
1864
+ padding-bottom: var(--lp-sys-space-50);
1865
1865
  }
1866
- ._title_1cmnt_40 > p {
1866
+ ._title_p4m90_40 > p {
1867
1867
  flex: 1;
1868
1868
  min-width: 0;
1869
1869
  white-space: nowrap;
1870
1870
  overflow: hidden;
1871
1871
  text-overflow: ellipsis;
1872
1872
  }
1873
- ._description_1cmnt_57 {
1873
+ ._description_p4m90_57 {
1874
1874
  white-space: pre-wrap;
1875
- padding-left: var(--lp-sys-padding-component-400);
1876
- padding-right: var(--lp-sys-padding-component-400);
1875
+ padding-left: var(--lp-sys-space-400);
1876
+ padding-right: var(--lp-sys-space-400);
1877
1877
  }
1878
- ._media_1cmnt_63 {
1878
+ ._media_p4m90_63 {
1879
1879
  width: 100%;
1880
1880
  max-width: 280px;
1881
- margin: var(--lp-sys-padding-component-50) 0;
1881
+ margin: var(--lp-sys-space-50) 0;
1882
1882
  }
1883
- ._footer_1cmnt_69 {
1883
+ ._footer_p4m90_69 {
1884
1884
  display: flex;
1885
1885
  align-items: center;
1886
1886
  justify-content: space-between;
1887
- padding-left: var(--lp-sys-padding-component-400);
1888
- padding-right: var(--lp-sys-padding-component-400);
1887
+ padding-left: var(--lp-sys-space-400);
1888
+ padding-right: var(--lp-sys-space-400);
1889
1889
  }
1890
- ._footer_1cmnt_69 ._buttonGroup_1cmnt_76 {
1890
+ ._footer_p4m90_69 ._buttonGroup_p4m90_76 {
1891
1891
  display: flex;
1892
- gap: var(--lp-sys-gap-positive-100);
1892
+ gap: var(--lp-sys-space-100);
1893
1893
  align-items: center;
1894
1894
  }
1895
- ._closeButton_1cmnt_82 {
1895
+ ._closeButton_p4m90_82 {
1896
1896
  position: absolute;
1897
1897
  top: 8px;
1898
1898
  right: 8px;
1899
1899
  border-radius: 4px;
1900
1900
  }
1901
- ._content_1cmnt_2[data-side=top][data-align=start] > span,
1902
- ._content_1cmnt_2[data-side=bottom][data-align=start] > span {
1901
+ ._content_p4m90_2[data-side=top][data-align=start] > span,
1902
+ ._content_p4m90_2[data-side=bottom][data-align=start] > span {
1903
1903
  left: 19px !important;
1904
1904
  right: auto !important;
1905
1905
  }
1906
- ._content_1cmnt_2[data-side=top][data-align=end] > span,
1907
- ._content_1cmnt_2[data-side=bottom][data-align=end] > span {
1906
+ ._content_p4m90_2[data-side=top][data-align=end] > span,
1907
+ ._content_p4m90_2[data-side=bottom][data-align=end] > span {
1908
1908
  left: auto !important;
1909
1909
  right: 19px !important;
1910
1910
  }
1911
- ._content_1cmnt_2[data-side=left][data-align=start] > span,
1912
- ._content_1cmnt_2[data-side=right][data-align=start] > span {
1911
+ ._content_p4m90_2[data-side=left][data-align=start] > span,
1912
+ ._content_p4m90_2[data-side=right][data-align=start] > span {
1913
1913
  top: 19px !important;
1914
1914
  bottom: auto !important;
1915
1915
  }
1916
- ._content_1cmnt_2[data-side=left][data-align=end] > span,
1917
- ._content_1cmnt_2[data-side=right][data-align=end] > span {
1916
+ ._content_p4m90_2[data-side=left][data-align=end] > span,
1917
+ ._content_p4m90_2[data-side=right][data-align=end] > span {
1918
1918
  top: auto !important;
1919
1919
  bottom: 19px !important;
1920
1920
  }
1921
1921
 
1922
1922
  /* esbuild-sass-plugin:css-chunk:src/components/Tag/style.module.scss */
1923
- ._tag_b57yu_2 {
1923
+ ._tag_1vdj8_2 {
1924
1924
  margin: 0;
1925
1925
  display: flex;
1926
1926
  align-items: center;
1927
1927
  justify-content: center;
1928
1928
  padding: 2px 4px 1px 4px;
1929
- background: var(--neutral-container-static-lowest);
1929
+ background: var(--surface-neutral-static-lowest);
1930
1930
  font-weight: 500 !important;
1931
1931
  }
1932
- ._s_b57yu_12 {
1933
- padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
1932
+ ._s_1vdj8_12 {
1933
+ padding: var(--lp-sys-space-50) var(--lp-sys-space-100);
1934
1934
  font-size: 11px !important;
1935
1935
  }
1936
- ._m_b57yu_17 {
1937
- padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
1936
+ ._m_1vdj8_17 {
1937
+ padding: var(--lp-sys-space-50) var(--lp-sys-space-100);
1938
1938
  font-size: 13px !important;
1939
1939
  }
1940
- ._l_b57yu_22 {
1941
- padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-150);
1940
+ ._l_1vdj8_22 {
1941
+ padding: var(--lp-sys-space-50) var(--lp-sys-space-150);
1942
1942
  font-size: 15px !important;
1943
1943
  }
1944
- ._thick_b57yu_27 {
1944
+ ._thick_1vdj8_27 {
1945
1945
  font-weight: 600 !important;
1946
1946
  }
1947
- ._square_b57yu_31 {
1948
- border-radius: var(--lp-sys-radius-s);
1947
+ ._square_1vdj8_31 {
1948
+ border-radius: var(--lp-sys-radius-small);
1949
1949
  }
1950
- ._rounded_b57yu_35 {
1951
- border-radius: var(--lp-sys-radius-xxl);
1952
- padding-left: var(--lp-sys-padding-component-150) !important;
1953
- padding-right: var(--lp-sys-padding-component-150) !important;
1950
+ ._rounded_1vdj8_35 {
1951
+ border-radius: var(--lp-sys-radius-2x-large);
1952
+ padding-left: var(--lp-sys-space-150) !important;
1953
+ padding-right: var(--lp-sys-space-150) !important;
1954
1954
  }
1955
- ._border-neutral-border-overlay-strong_b57yu_44 {
1956
- border: 1px solid var(--neutral-border-overlay-strong);
1955
+ ._border-border-neutral-alpha-strong_1vdj8_44 {
1956
+ border: 1px solid var(--border-neutral-alpha-strong);
1957
1957
  }
1958
- ._border-neutral-border-overlay-normal_b57yu_48 {
1959
- border: 1px solid var(--neutral-border-overlay-normal);
1958
+ ._border-border-neutral-alpha-normal_1vdj8_48 {
1959
+ border: 1px solid var(--border-neutral-alpha-normal);
1960
1960
  }
1961
- ._border-neutral-border-overlay-subtle_b57yu_52 {
1962
- border: 1px solid var(--neutral-border-overlay-subtle);
1961
+ ._border-border-neutral-alpha-subtle_1vdj8_52 {
1962
+ border: 1px solid var(--border-neutral-alpha-subtle);
1963
1963
  }
1964
- ._border-neutral-border-overlay-hint_b57yu_56 {
1965
- border: 1px solid var(--neutral-border-overlay-hint);
1964
+ ._border-border-neutral-alpha-hint_1vdj8_56 {
1965
+ border: 1px solid var(--border-neutral-alpha-hint);
1966
1966
  }
1967
- ._border-neutral-border-opaque-strong_b57yu_60 {
1968
- border: 1px solid var(--neutral-border-opaque-strong);
1967
+ ._border-border-neutral-strong_1vdj8_60 {
1968
+ border: 1px solid var(--border-neutral-strong);
1969
1969
  }
1970
- ._border-neutral-border-opaque-normal_b57yu_64 {
1971
- border: 1px solid var(--neutral-border-opaque-normal);
1970
+ ._border-border-neutral-normal_1vdj8_64 {
1971
+ border: 1px solid var(--border-neutral-normal);
1972
1972
  }
1973
- ._border-neutral-border-opaque-subtle_b57yu_68 {
1974
- border: 1px solid var(--neutral-border-opaque-subtle);
1973
+ ._border-border-neutral-subtle_1vdj8_68 {
1974
+ border: 1px solid var(--border-neutral-subtle);
1975
1975
  }
1976
- ._border-inverse-border-overlay-strong_b57yu_72 {
1977
- border: 1px solid var(--inverse-border-overlay-strong);
1976
+ ._border-border-on-inverse-alpha-strong_1vdj8_72 {
1977
+ border: 1px solid var(--border-on-inverse-alpha-strong);
1978
1978
  }
1979
- ._border-inverse-border-overlay-normal_b57yu_76 {
1980
- border: 1px solid var(--inverse-border-overlay-normal);
1979
+ ._border-border-on-inverse-alpha-normal_1vdj8_76 {
1980
+ border: 1px solid var(--border-on-inverse-alpha-normal);
1981
1981
  }
1982
- ._border-inverse-border-overlay-subtle_b57yu_80 {
1983
- border: 1px solid var(--inverse-border-overlay-subtle);
1982
+ ._border-border-on-inverse-alpha-subtle_1vdj8_80 {
1983
+ border: 1px solid var(--border-on-inverse-alpha-subtle);
1984
1984
  }
1985
- ._border-inverse-border-overlay-hint_b57yu_84 {
1986
- border: 1px solid var(--inverse-border-overlay-hint);
1985
+ ._border-border-on-inverse-alpha-hint_1vdj8_84 {
1986
+ border: 1px solid var(--border-on-inverse-alpha-hint);
1987
1987
  }
1988
- ._border-inverse-border-opaque-strong_b57yu_88 {
1989
- border: 1px solid var(--inverse-border-opaque-strong);
1988
+ ._border-border-on-inverse-strong_1vdj8_88 {
1989
+ border: 1px solid var(--border-on-inverse-strong);
1990
1990
  }
1991
- ._border-inverse-border-opaque-normal_b57yu_92 {
1992
- border: 1px solid var(--inverse-border-opaque-normal);
1991
+ ._border-border-on-inverse-normal_1vdj8_92 {
1992
+ border: 1px solid var(--border-on-inverse-normal);
1993
1993
  }
1994
- ._border-inverse-border-opaque-subtle_b57yu_96 {
1995
- border: 1px solid var(--inverse-border-opaque-subtle);
1994
+ ._border-border-on-inverse-subtle_1vdj8_96 {
1995
+ border: 1px solid var(--border-on-inverse-subtle);
1996
1996
  }
1997
- ._border-brand-border-opaque-normal_b57yu_100 {
1998
- border: 1px solid var(--brand-border-opaque-normal);
1997
+ ._border-border-brand-normal_1vdj8_100 {
1998
+ border: 1px solid var(--border-brand-normal);
1999
1999
  }
2000
- ._border-brand-border-opaque-strong_b57yu_104 {
2001
- border: 1px solid var(--brand-border-opaque-strong);
2000
+ ._border-border-brand-strong_1vdj8_104 {
2001
+ border: 1px solid var(--border-brand-strong);
2002
2002
  }
2003
- ._border-accent-yellow_b57yu_108 {
2003
+ ._border-accent-yellow_1vdj8_108 {
2004
2004
  border: 1px solid var(--accent-label-yellow);
2005
2005
  }
2006
- ._border-accent-mint_b57yu_112 {
2006
+ ._border-accent-mint_1vdj8_112 {
2007
2007
  border: 1px solid var(--accent-label-mint);
2008
2008
  }
2009
- ._border-accent-cyan_b57yu_116 {
2009
+ ._border-accent-cyan_1vdj8_116 {
2010
2010
  border: 1px solid var(--accent-label-cyan);
2011
2011
  }
2012
- ._border-accent-purple_b57yu_120 {
2012
+ ._border-accent-purple_1vdj8_120 {
2013
2013
  border: 1px solid var(--accent-label-purple);
2014
2014
  }
2015
- ._border-accent-pink_b57yu_124 {
2015
+ ._border-accent-pink_1vdj8_124 {
2016
2016
  border: 1px solid var(--accent-label-pink);
2017
2017
  }
2018
2018
 
2019
2019
  /* esbuild-sass-plugin:css-chunk:src/components/Avatar/style.module.scss */
2020
- ._avatar_1tgi1_1 {
2020
+ ._avatar_1lw78_1 {
2021
2021
  display: inline-flex;
2022
2022
  align-items: center;
2023
2023
  justify-content: center;
@@ -2025,33 +2025,33 @@
2025
2025
  flex-shrink: 0;
2026
2026
  overflow: hidden;
2027
2027
  border-radius: 9999px;
2028
- background: var(--neutral-container-lowest);
2028
+ background: var(--surface-neutral-lowest);
2029
2029
  }
2030
- ._small_1tgi1_12 {
2030
+ ._small_1lw78_12 {
2031
2031
  width: 18px;
2032
2032
  height: 18px;
2033
2033
  }
2034
- ._medium_1tgi1_17 {
2034
+ ._medium_1lw78_17 {
2035
2035
  width: 24px;
2036
2036
  height: 24px;
2037
2037
  }
2038
- ._xlarge_1tgi1_22 {
2038
+ ._xlarge_1lw78_22 {
2039
2039
  width: 60px;
2040
2040
  height: 60px;
2041
2041
  }
2042
- ._image_1tgi1_27 {
2042
+ ._image_1lw78_27 {
2043
2043
  width: 100%;
2044
2044
  height: 100%;
2045
2045
  object-fit: cover;
2046
2046
  }
2047
- ._fallback_1tgi1_33 {
2047
+ ._fallback_1lw78_33 {
2048
2048
  display: flex;
2049
2049
  width: 100%;
2050
2050
  height: 100%;
2051
2051
  }
2052
2052
 
2053
2053
  /* esbuild-sass-plugin:css-chunk:src/components/AlertDialog/style.module.scss */
2054
- @keyframes _overlayShow_6ipeu_1 {
2054
+ @keyframes _overlayShow_ma27d_1 {
2055
2055
  from {
2056
2056
  opacity: 0;
2057
2057
  }
@@ -2059,7 +2059,7 @@
2059
2059
  opacity: 1;
2060
2060
  }
2061
2061
  }
2062
- @keyframes _contentShow_6ipeu_1 {
2062
+ @keyframes _contentShow_ma27d_1 {
2063
2063
  from {
2064
2064
  opacity: 0;
2065
2065
  transform: translate(-50%, -48%) scale(0.96);
@@ -2069,16 +2069,16 @@
2069
2069
  transform: translate(-50%, -50%) scale(1);
2070
2070
  }
2071
2071
  }
2072
- ._overlay_6ipeu_20 {
2072
+ ._overlay_ma27d_19 {
2073
2073
  position: fixed;
2074
2074
  inset: 0;
2075
- background: var(--cover-dim-page);
2075
+ background: var(--overlay-dim);
2076
2076
  z-index: 1000;
2077
2077
  }
2078
- ._overlay_6ipeu_20[data-state=open] {
2079
- animation: _overlayShow_6ipeu_1 150ms ease-out;
2078
+ ._overlay_ma27d_19[data-state=open] {
2079
+ animation: _overlayShow_ma27d_1 150ms ease-out;
2080
2080
  }
2081
- ._content_6ipeu_30 {
2081
+ ._content_ma27d_29 {
2082
2082
  position: fixed;
2083
2083
  top: 50%;
2084
2084
  left: 50%;
@@ -2086,34 +2086,34 @@
2086
2086
  z-index: 1001;
2087
2087
  display: flex;
2088
2088
  flex-direction: column;
2089
- gap: var(--lp-sys-gap-positive-500);
2089
+ gap: var(--lp-sys-space-500);
2090
2090
  width: 400px;
2091
2091
  max-width: calc(100% - 32px);
2092
2092
  box-sizing: border-box;
2093
- padding: var(--lp-sys-padding-component-600);
2094
- background: var(--neutral-container-variation-lowest);
2095
- border-radius: var(--lp-sys-radius-xl);
2093
+ padding: var(--lp-sys-space-600);
2094
+ background: var(--surface-neutral-variation-lowest);
2095
+ border-radius: var(--lp-sys-radius-extra-large);
2096
2096
  box-shadow:
2097
2097
  0px 0px 1px 0px rgba(0, 0, 0, 0.06),
2098
2098
  0px 2px 12px 0px rgba(0, 0, 0, 0.08),
2099
2099
  0px 1px 8px 0px rgba(0, 0, 0, 0.06);
2100
2100
  }
2101
- ._content_6ipeu_30:focus {
2101
+ ._content_ma27d_29:focus {
2102
2102
  outline: none;
2103
2103
  }
2104
- ._content_6ipeu_30[data-state=open] {
2105
- animation: _contentShow_6ipeu_1 150ms ease-out;
2104
+ ._content_ma27d_29[data-state=open] {
2105
+ animation: _contentShow_ma27d_1 150ms ease-out;
2106
2106
  }
2107
- ._contents_6ipeu_55 {
2107
+ ._contents_ma27d_53 {
2108
2108
  display: flex;
2109
2109
  flex-direction: column;
2110
- gap: var(--lp-sys-padding-component-200);
2111
- padding-top: var(--lp-sys-padding-component-100);
2112
- padding-bottom: var(--lp-sys-padding-component-100);
2110
+ gap: var(--lp-sys-space-200);
2111
+ padding-top: var(--lp-sys-space-100);
2112
+ padding-bottom: var(--lp-sys-space-100);
2113
2113
  width: 100%;
2114
- color: var(--neutral-label-primary);
2114
+ color: var(--label-neutral-base);
2115
2115
  }
2116
- ._title_6ipeu_65 {
2116
+ ._title_ma27d_63 {
2117
2117
  margin: 0;
2118
2118
  word-break: break-word;
2119
2119
  display: -webkit-box;
@@ -2121,7 +2121,7 @@
2121
2121
  -webkit-line-clamp: 2;
2122
2122
  overflow: hidden;
2123
2123
  }
2124
- ._description_6ipeu_75 {
2124
+ ._description_ma27d_72 {
2125
2125
  margin: 0;
2126
2126
  word-break: break-word;
2127
2127
  display: -webkit-box;
@@ -2129,32 +2129,25 @@
2129
2129
  -webkit-line-clamp: 2;
2130
2130
  overflow: hidden;
2131
2131
  }
2132
- ._actions_6ipeu_85 {
2133
- display: flex;
2134
- gap: var(--lp-sys-padding-component-200);
2135
- align-items: center;
2136
- justify-content: flex-end;
2137
- width: 100%;
2138
- }
2139
2132
  @media (max-width: 600px) {
2140
- ._content_6ipeu_30 {
2141
- gap: var(--lp-sys-gap-positive-600);
2133
+ ._content_ma27d_29 {
2134
+ gap: var(--lp-sys-space-600);
2142
2135
  }
2143
- ._contents_6ipeu_55 {
2136
+ ._contents_ma27d_53 {
2144
2137
  text-align: center;
2145
2138
  }
2146
- ._contents_6ipeu_55 ._description_6ipeu_75 {
2139
+ ._contents_ma27d_53 ._description_ma27d_72 {
2147
2140
  font-size: var(--lp-pri-font-size-15);
2148
2141
  line-height: var(--lp-pri-font-lineheight-130);
2149
2142
  }
2150
- ._actions_6ipeu_85 :where(button) {
2143
+ ._actions_ma27d_92 :where(button) {
2151
2144
  flex: 1 1 0;
2152
2145
  width: 100%;
2153
2146
  }
2154
2147
  }
2155
2148
 
2156
2149
  /* esbuild-sass-plugin:css-chunk:src/components/Dialog/style.module.scss */
2157
- @keyframes _overlayShow_424hi_1 {
2150
+ @keyframes _overlayShow_376kf_1 {
2158
2151
  from {
2159
2152
  opacity: 0;
2160
2153
  }
@@ -2162,7 +2155,7 @@
2162
2155
  opacity: 1;
2163
2156
  }
2164
2157
  }
2165
- @keyframes _contentShow_424hi_1 {
2158
+ @keyframes _contentShow_376kf_1 {
2166
2159
  from {
2167
2160
  opacity: 0;
2168
2161
  transform: translate(-50%, -48%) scale(0.96);
@@ -2172,16 +2165,16 @@
2172
2165
  transform: translate(-50%, -50%) scale(1);
2173
2166
  }
2174
2167
  }
2175
- ._overlay_424hi_20 {
2168
+ ._overlay_376kf_19 {
2176
2169
  position: fixed;
2177
2170
  inset: 0;
2178
- background: var(--cover-dim-page);
2171
+ background: var(--overlay-dim);
2179
2172
  z-index: 1000;
2180
2173
  }
2181
- ._overlay_424hi_20[data-state=open] {
2182
- animation: _overlayShow_424hi_1 150ms ease-out;
2174
+ ._overlay_376kf_19[data-state=open] {
2175
+ animation: _overlayShow_376kf_1 150ms ease-out;
2183
2176
  }
2184
- ._content_424hi_30 {
2177
+ ._content_376kf_29 {
2185
2178
  position: fixed;
2186
2179
  top: 50%;
2187
2180
  left: 50%;
@@ -2193,88 +2186,76 @@
2193
2186
  max-width: calc(100% - 32px);
2194
2187
  box-sizing: border-box;
2195
2188
  overflow: hidden;
2196
- background: var(--neutral-container-variation-lowest);
2197
- border-radius: var(--lp-sys-radius-l);
2189
+ background: var(--surface-neutral-variation-lowest);
2190
+ border-radius: var(--lp-sys-radius-large);
2198
2191
  box-shadow:
2199
2192
  0px 0px 1px 0px rgba(0, 0, 0, 0.06),
2200
2193
  0px 2px 12px 0px rgba(0, 0, 0, 0.08),
2201
2194
  0px 1px 8px 0px rgba(0, 0, 0, 0.06);
2202
2195
  }
2203
- ._content_424hi_30:focus {
2196
+ ._content_376kf_29:focus {
2204
2197
  outline: none;
2205
2198
  }
2206
- ._content_424hi_30[data-state=open] {
2207
- animation: _contentShow_424hi_1 150ms ease-out;
2199
+ ._content_376kf_29[data-state=open] {
2200
+ animation: _contentShow_376kf_1 150ms ease-out;
2208
2201
  }
2209
- ._illust_424hi_55 {
2202
+ ._illust_376kf_52 {
2210
2203
  display: flex;
2211
2204
  align-items: center;
2212
2205
  justify-content: center;
2213
2206
  box-sizing: border-box;
2214
- padding: var(--lp-sys-padding-component-500) 0;
2207
+ padding: var(--lp-sys-space-500) 0;
2215
2208
  }
2216
- ._close_424hi_63 {
2209
+ ._close_376kf_60 {
2217
2210
  position: absolute;
2218
2211
  top: 12px;
2219
2212
  right: 12px;
2220
2213
  z-index: 1;
2221
2214
  }
2222
- ._header_424hi_70 {
2215
+ ._header_376kf_67 {
2223
2216
  display: flex;
2224
2217
  flex-direction: column;
2225
2218
  gap: 8px;
2226
2219
  box-sizing: border-box;
2227
- padding: var(--lp-sys-padding-component-500) var(--lp-sys-padding-component-600);
2228
- }
2229
- ._body_424hi_80 {
2230
- box-sizing: border-box;
2231
- padding: var(--lp-sys-padding-component-200) var(--lp-sys-padding-component-600);
2220
+ padding: var(--lp-sys-space-500) var(--lp-sys-space-600);
2232
2221
  }
2233
- ._title_424hi_85 {
2222
+ ._title_376kf_75 {
2234
2223
  margin: 0;
2235
- color: var(--neutral-label-primary);
2224
+ color: var(--label-neutral-base);
2236
2225
  word-break: break-word;
2237
2226
  }
2238
- ._description_424hi_91 {
2227
+ ._description_376kf_81 {
2239
2228
  margin: 0;
2240
- color: var(--neutral-label-secondary);
2229
+ color: var(--label-neutral-secondary);
2241
2230
  word-break: break-word;
2242
2231
  }
2243
- ._footer_424hi_97 {
2232
+ ._actions_376kf_87 {
2244
2233
  display: flex;
2245
- flex-direction: column;
2246
- gap: var(--lp-sys-padding-component-200);
2247
- width: 100%;
2248
- box-sizing: border-box;
2249
- padding: var(--lp-sys-padding-component-400) var(--lp-sys-padding-component-600) var(--lp-sys-padding-component-600);
2250
- }
2251
- ._actions_424hi_108 {
2252
- display: flex;
2253
- gap: var(--lp-sys-padding-component-200);
2234
+ gap: var(--lp-sys-space-200);
2254
2235
  align-items: center;
2255
2236
  justify-content: flex-end;
2256
2237
  width: 100%;
2257
2238
  }
2258
- ._actions_424hi_108 :where(button) {
2239
+ ._actions_376kf_87 :where(button) {
2259
2240
  flex: 1 0 0;
2260
2241
  min-width: 0;
2261
2242
  }
2262
- ._extra_424hi_123 {
2243
+ ._extra_376kf_100 {
2263
2244
  display: flex;
2264
2245
  justify-content: center;
2265
2246
  }
2266
- ._extra_424hi_123 :where(p) {
2247
+ ._extra_376kf_100 :where(p) {
2267
2248
  margin: 0;
2268
2249
  }
2269
2250
 
2270
2251
  /* esbuild-sass-plugin:css-chunk:src/components/BottomSheet/style.module.scss */
2271
- ._overlay_ifftf_2 {
2252
+ ._overlay_1imx7_1 {
2272
2253
  position: fixed;
2273
2254
  inset: 0;
2274
- background: var(--cover-dim-page);
2255
+ background: var(--overlay-dim);
2275
2256
  z-index: 1000;
2276
2257
  }
2277
- ._content_ifftf_9 {
2258
+ ._content_1imx7_8 {
2278
2259
  position: fixed;
2279
2260
  left: 0;
2280
2261
  right: 0;
@@ -2284,103 +2265,91 @@
2284
2265
  box-sizing: border-box;
2285
2266
  overflow: hidden;
2286
2267
  }
2287
- ._content_ifftf_9[data-mode=auto] {
2268
+ ._content_1imx7_8[data-mode=auto] {
2288
2269
  max-height: 80dvh;
2289
2270
  }
2290
- ._content_ifftf_9 {
2291
- }
2292
- ._content_ifftf_9[data-mode=snap] {
2271
+ ._content_1imx7_8[data-mode=snap] {
2293
2272
  height: 100dvh;
2294
2273
  max-height: 100dvh;
2295
2274
  }
2296
- ._content_ifftf_9 {
2297
- background: var(--neutral-container-variation-lowest);
2298
- border-top-left-radius: var(--lp-sys-radius-xl);
2299
- border-top-right-radius: var(--lp-sys-radius-xl);
2275
+ ._content_1imx7_8 {
2276
+ background: var(--surface-neutral-variation-lowest);
2277
+ border-top-left-radius: var(--lp-sys-radius-extra-large);
2278
+ border-top-right-radius: var(--lp-sys-radius-extra-large);
2300
2279
  box-shadow:
2301
2280
  0px 0px 1px 0px rgba(0, 0, 0, 0.06),
2302
2281
  0px -2px 12px 0px rgba(0, 0, 0, 0.08),
2303
2282
  0px -1px 8px 0px rgba(0, 0, 0, 0.06);
2304
2283
  }
2305
- ._content_ifftf_9:focus {
2284
+ ._content_1imx7_8:focus {
2306
2285
  outline: none;
2307
2286
  }
2308
- ._inner_ifftf_18 {
2287
+ ._inner_1imx7_35 {
2309
2288
  display: flex;
2310
2289
  flex-direction: column;
2311
2290
  box-sizing: border-box;
2312
- padding-top: var(--lp-sys-padding-component-300);
2291
+ padding-top: var(--lp-sys-space-300);
2313
2292
  }
2314
- [data-mode=auto] ._inner_ifftf_18 {
2293
+ [data-mode=auto] ._inner_1imx7_35 {
2315
2294
  max-height: 80dvh;
2316
2295
  }
2317
- ._inner_ifftf_18 {
2318
- }
2319
- [data-mode=snap] ._inner_ifftf_18 {
2296
+ [data-mode=snap] ._inner_1imx7_35 {
2320
2297
  height: calc(100dvh - var(--snap-point-height, 0px));
2321
- padding-top: max(var(--lp-sys-padding-component-300), env(safe-area-inset-top));
2298
+ padding-top: max(var(--lp-sys-space-300), env(safe-area-inset-top));
2322
2299
  transition: height 0.5s cubic-bezier(0.32, 0.72, 0, 1);
2323
2300
  }
2324
- ._handle_ifftf_90 {
2301
+ ._handle_1imx7_50 {
2325
2302
  margin: 0 auto;
2326
2303
  width: 40px;
2327
2304
  height: 4px;
2328
2305
  flex-shrink: 0;
2329
2306
  border-radius: 999px;
2330
- background: var(--neutral-border-opaque-subtle);
2307
+ background: var(--border-neutral-subtle);
2331
2308
  }
2332
- ._illust_ifftf_100 {
2309
+ ._illust_1imx7_59 {
2333
2310
  display: flex;
2334
2311
  justify-content: center;
2335
2312
  flex-shrink: 0;
2336
2313
  }
2337
- ._header_ifftf_106 {
2314
+ ._header_1imx7_65 {
2338
2315
  display: flex;
2339
2316
  flex-direction: column;
2340
- gap: var(--lp-sys-padding-component-200);
2317
+ gap: var(--lp-sys-space-200);
2341
2318
  box-sizing: border-box;
2342
- padding: var(--lp-sys-padding-component-500) var(--lp-sys-padding-component-600);
2319
+ padding: var(--lp-sys-space-500) var(--lp-sys-space-600);
2343
2320
  }
2344
- ._body_ifftf_18 {
2321
+ ._body_1imx7_73 {
2345
2322
  flex: 1 1 auto;
2346
2323
  min-height: 0;
2347
2324
  overflow-y: auto;
2348
2325
  overscroll-behavior: contain;
2349
2326
  box-sizing: border-box;
2350
- padding: var(--lp-sys-padding-component-200) var(--lp-sys-padding-component-600);
2327
+ padding: var(--lp-sys-space-200) var(--lp-sys-space-600);
2351
2328
  }
2352
- ._title_ifftf_126 {
2329
+ ._title_1imx7_82 {
2353
2330
  margin: 0;
2354
- color: var(--neutral-label-primary);
2331
+ color: var(--label-neutral-base);
2355
2332
  word-break: break-word;
2356
2333
  }
2357
- ._description_ifftf_132 {
2334
+ ._description_1imx7_88 {
2358
2335
  margin: 0;
2359
- color: var(--neutral-label-secondary);
2336
+ color: var(--label-neutral-secondary);
2360
2337
  word-break: break-word;
2361
2338
  }
2362
- ._footer_ifftf_138 {
2363
- display: flex;
2364
- flex-direction: column;
2365
- gap: var(--lp-sys-padding-component-200);
2366
- width: 100%;
2367
- box-sizing: border-box;
2368
- padding: var(--lp-sys-padding-component-400) var(--lp-sys-padding-component-600) var(--lp-sys-padding-component-600);
2369
- }
2370
- ._actions_ifftf_149 {
2339
+ ._actions_1imx7_94 {
2371
2340
  display: flex;
2372
- gap: var(--lp-sys-padding-component-200);
2341
+ gap: var(--lp-sys-space-200);
2373
2342
  align-items: center;
2374
2343
  width: 100%;
2375
2344
  }
2376
- ._actions_ifftf_149 :where(button) {
2345
+ ._actions_1imx7_94 :where(button) {
2377
2346
  flex: 1 0 0;
2378
2347
  min-width: 0;
2379
2348
  }
2380
- ._extra_ifftf_163 {
2349
+ ._extra_1imx7_106 {
2381
2350
  display: flex;
2382
2351
  justify-content: center;
2383
2352
  }
2384
- ._extra_ifftf_163 :where(p) {
2353
+ ._extra_1imx7_106 :where(p) {
2385
2354
  margin: 0;
2386
2355
  }