@liner-fe/prism 3.6.3 → 4.0.1

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