@sc-360-v2/storefront-cms-library 0.1.94 → 0.1.96

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 (49) hide show
  1. package/dist/amount-estimator.scss +444 -4
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-variant-picker.scss +629 -19
  4. package/dist/container.scss +9 -0
  5. package/dist/editor-core.scss +97 -8
  6. package/dist/functions.js +1 -1
  7. package/dist/gallery-slider-temp.scss +463 -348
  8. package/dist/grid.scss +20 -2
  9. package/dist/image-temp.scss +1 -1
  10. package/dist/menu.scss +89 -0
  11. package/dist/payment-methods.scss +175 -11
  12. package/dist/pickup-locations.scss +443 -11
  13. package/dist/product-actions.scss +905 -77
  14. package/dist/product-basic-elements.scss +37 -6
  15. package/dist/product-highlights.scss +114 -4
  16. package/dist/product-image.scss +472 -339
  17. package/dist/product-inventory.scss +559 -14
  18. package/dist/product-options.scss +156 -0
  19. package/dist/product-price.scss +695 -289
  20. package/dist/product-promotions.scss +1118 -17
  21. package/dist/product.scss +32 -172
  22. package/dist/productDetails.scss +28 -0
  23. package/dist/quantity-selector.scss +58 -4
  24. package/dist/repeater-item.scss +22 -0
  25. package/dist/repeater.scss +113 -0
  26. package/dist/section.scss +16 -0
  27. package/dist/shipping-estimator.scss +13 -5
  28. package/dist/stack.scss +7 -1
  29. package/dist/store-locations.scss +442 -14
  30. package/dist/tooltip.scss +276 -0
  31. package/dist/types/builder/enums/index.d.ts +9 -2
  32. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  34. package/dist/types/builder/tools/element-edit/productActions.d.ts +1 -0
  35. package/dist/types/builder/tools/element-edit/productDetails.d.ts +6 -31
  36. package/dist/types/builder/tools/element-edit/productDetailsOLd.d.ts +42 -0
  37. package/dist/types/builder/tools/element-edit/productOptions.d.ts +59 -0
  38. package/dist/types/builder/tools/element-edit/repeater.d.ts +2 -1
  39. package/dist/types/helper/helper-functions.d.ts +1 -0
  40. package/dist/uom-selector.scss +501 -4
  41. package/dist/variable.scss +9 -1
  42. package/dist/variant-picker.scss +672 -19
  43. package/dist/volume-pricing.scss +473 -19
  44. package/dist/widget.scss +25 -3
  45. package/package.json +1 -1
  46. package/dist/App.scss +0 -31
  47. package/dist/mixin.scss +0 -9
  48. package/dist/modal.module.scss +0 -121
  49. package/dist/range-slider.module.scss +0 -85
package/dist/amount-estimator.scss CHANGED
@@ -12,10 +12,10 @@
12
12
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
13
13
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
14
  // height: ;
15
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
- --_aspect-ratio: calc(
17
- 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
- );
15
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
+ // --_aspect-ratio: calc(
17
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
+ // );
19
19
 
20
20
  & > .wrapper {
21
21
  width: 100%;
@@ -24,5 +24,445 @@
24
24
  &[data-show-shadow="false"] {
25
25
  --_show-shadow: none;
26
26
  }
27
+ .text-element {
28
+ background: #6d96e4;
29
+ padding: 10px;
30
+ font-weight: 600;
31
+ color: rgba(75, 69, 70, 1);
32
+ }
33
+ .amount__estimator_container {
34
+ .button_main {
35
+ border: 1px solid var(--_gray-600);
36
+ width: 100%;
37
+ height: auto;
38
+ overflow-y: auto;
39
+ padding: var(--_ctm-lt-pg);
40
+ //Input button group
41
+ .input__btn__group {
42
+ display: flex;
43
+ align-items: center;
44
+ gap: 8px;
45
+ color: #fff;
46
+ font-weight: 600;
47
+ font-size: 16px;
48
+ width: 100%;
49
+ border-radius: 6px;
50
+ // & > div {
51
+ // width: 100%;
52
+ // }
53
+ .search__btn {
54
+ width: 100%;
55
+ border: 1px solid #d0d5dd;
56
+ display: flex;
57
+ gap: 12px;
58
+ padding-inline: 10px;
59
+ height: 40px;
60
+ background-color: var(--_ctm-dn-it-se-bd-cr);
61
+ border-color: var(
62
+ --_show-border-im-se,
63
+ var(--_ctm-dn-it-se-br-cr, var(--_tst-dn-br-cr))
64
+ );
65
+ border-style: var(
66
+ --_show-border-im-se,
67
+ var(--_ctm-dn-it-se-br-se, var(--_tst-dn-br-se))
68
+ );
69
+ border-width: var(
70
+ --_show-border-im-se,
71
+ var(--_ctm-dn-it-se-br-wh, var(--_tst-dn-br-wh))
72
+ );
73
+ border-radius: var(--_ctm-dn-it-se-br-rs, var(--_tst-dn-br-rs));
74
+ box-shadow: var(
75
+ --_show-shadow-im-se,
76
+ var(--_ctm-dn-it-se-sw-ae, var(--_tst-dn-sw-ae))
77
+ var(--_ctm-dn-it-se-sw-br, var(--_tst-dn-sw-br))
78
+ var(--_ctm-dn-it-se-sw-sd, var(--_tst-dn-sw-sd))
79
+ var(--_ctm-dn-it-se-sw-cr, var(--_tst-dn-sw-cr))
80
+ );
81
+ svg {
82
+ width: var(--_ctm-dn-it-se-in-se);
83
+ height: var(--_ctm-dn-it-se-in-se);
84
+ path {
85
+ stroke: var(--_ctm-dn-it-se-in-c1);
86
+ }
87
+ }
88
+ input[type="text"] {
89
+ height: auto;
90
+ color: var(--_ctm-dn-it-se-cr);
91
+ font-family: var(--_ctm-dn-it-se-ft-fy), sans-serif;
92
+ font-size: var(--_ctm-dn-it-se-ft-se);
93
+ font-weight: var(--_ctm-dn-it-se-ft-wt);
94
+ font-style: var(--_ctm-dn-it-se-ft-se-ic);
95
+ text-align: var(--_ctm-dn-it-se-tt-an);
96
+ letter-spacing: var(--_ctm-dn-it-se-lr-sg);
97
+ line-height: var(--_ctm-dn-it-se-le-ht);
98
+ text-decoration: var(--_ctm-dn-it-se-ue);
99
+ }
100
+ input::placeholder {
101
+ color: var(--_ctm-dn-it-se-cr);
102
+ font-family: var(--_ctm-dn-it-se-ft-fy), sans-serif;
103
+ font-size: var(--_ctm-dn-it-se-ft-se);
104
+ font-weight: var(--_ctm-dn-it-se-ft-wt);
105
+ font-style: var(--_ctm-dn-it-se-ft-se-ic);
106
+ text-align: var(--_ctm-dn-it-se-tt-an);
107
+ letter-spacing: var(--_ctm-dn-it-se-lr-sg);
108
+ line-height: var(--_ctm-dn-it-se-le-ht);
109
+ text-decoration: var(--_ctm-dn-it-se-ue);
110
+ }
111
+ }
112
+ .confirm__btn {
113
+ cursor: pointer;
114
+ display: flex;
115
+ justify-content: center;
116
+ align-items: center;
117
+ background-color: #000080;
118
+ color: #fff;
119
+ padding: 8px;
120
+ gap: 8px;
121
+ width: 100%;
122
+ height: 100%;
123
+ background-color: var(--_ctm-dn-vw-os-bn-dt-se-bd-cr);
124
+ border-color: var(
125
+ --_show-border-im-se,
126
+ var(--_ctm-dn-vw-os-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
127
+ );
128
+ border-style: var(
129
+ --_show-border-im-se,
130
+ var(--_ctm-dn-vw-os-bn-dt-se-br-se, var(--_tst-dn-br-se))
131
+ );
132
+ border-width: var(
133
+ --_show-border-im-se,
134
+ var(--_ctm-dn-vw-os-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
135
+ );
136
+ border-radius: var(--_ctm-dn-vw-os-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
137
+ box-shadow: var(
138
+ --_show-shadow-im-se,
139
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
140
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
141
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
142
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
143
+ );
144
+ color: var(--_ctm-dn-vw-os-bn-dt-se-cr);
145
+ font-family: var(--_ctm-dn-vw-os-bn-dt-se-ft-fy), sans-serif;
146
+ font-size: var(--_ctm-dn-vw-os-bn-dt-se-ft-se);
147
+ font-weight: var(--_ctm-dn-vw-os-bn-dt-se-ft-wt);
148
+ font-style: var(--_ctm-dn-vw-os-bn-dt-se-ft-se-ic);
149
+ text-align: var(--_ctm-dn-vw-os-bn-dt-se-tt-an);
150
+ letter-spacing: var(--_ctm-dn-vw-os-bn-dt-se-lr-sg);
151
+ line-height: var(--_ctm-dn-vw-os-bn-dt-se-le-ht);
152
+ text-decoration: var(--_ctm-dn-vw-os-bn-dt-se-ue);
153
+ svg {
154
+ width: var(--_ctm-dn-vw-os-bn-dt-se-in-se);
155
+ height: var(--_ctm-dn-vw-os-bn-dt-se-in-se);
156
+ path {
157
+ stroke: var(--_ctm-dn-vw-os-bn-dt-se-in-c1);
158
+ }
159
+ }
160
+ &:hover {
161
+ // padding: 8px;
162
+ // width: 300px;
163
+ // height: 100%;
164
+ background-color: var(--_ctm-dn-vw-os-bn-hr-se-bd-cr);
165
+ border-color: var(
166
+ --_show-border-im-se,
167
+ var(--_ctm-dn-vw-os-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
168
+ );
169
+ border-style: var(
170
+ --_show-border-im-se,
171
+ var(--_ctm-dn-vw-os-bn-hr-se-br-se, var(--_tst-dn-br-se))
172
+ );
173
+ border-width: var(
174
+ --_show-border-im-se,
175
+ var(--_ctm-dn-vw-os-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
176
+ );
177
+ border-radius: var(--_ctm-dn-vw-os-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
178
+ box-shadow: var(
179
+ --_show-shadow-im-se,
180
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
181
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
182
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
183
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
184
+ );
185
+ color: var(--_ctm-dn-vw-os-bn-hr-se-cr);
186
+ font-family: var(--_ctm-dn-vw-os-bn-hr-se-ft-fy), sans-serif;
187
+ font-size: var(--_ctm-dn-vw-os-bn-hr-se-ft-se);
188
+ font-weight: var(--_ctm-dn-vw-os-bn-hr-se-ft-wt);
189
+ font-style: var(--_ctm-dn-vw-os-bn-hr-se-ft-se-ic);
190
+ text-align: var(--_ctm-dn-vw-os-bn-hr-se-tt-an);
191
+ letter-spacing: var(--_ctm-dn-vw-os-bn-hr-se-lr-sg);
192
+ line-height: var(--_ctm-dn-vw-os-bn-hr-se-le-ht);
193
+ text-decoration: var(--_ctm-dn-vw-os-bn-hr-se-ue);
194
+ svg {
195
+ width: var(--_ctm-dn-vw-os-bn-hr-se-in-se);
196
+ height: var(--_ctm-dn-vw-os-bn-hr-se-in-se);
197
+ path {
198
+ stroke: var(--_ctm-dn-vw-os-bn-hr-se-in-c1);
199
+ }
200
+ }
201
+ }
202
+ }
203
+ }
204
+ .button__container {
205
+ background-color: var(--_gray-50);
206
+ .title {
207
+ font-size: 16px;
208
+ font-weight: 600;
209
+ color: #475467;
210
+ padding: 20px 0px 6px 0px;
211
+ background-color: #fff;
212
+ }
213
+
214
+ .form__container {
215
+ padding: 16px;
216
+ .form__header {
217
+ display: flex;
218
+ justify-content: space-between;
219
+ align-items: center;
220
+ cursor: pointer;
221
+ font-weight: 600;
222
+ color: var(--_primary-400);
223
+ color: var(--_ctm-dn-wt-tt-ss-cr);
224
+ font-family: var(--_ctm-dn-wt-tt-ss-ft-fy), sans-serif;
225
+ font-size: var(--_ctm-dn-wt-tt-ss-ft-se);
226
+ font-weight: var(--_ctm-dn-wt-tt-ss-ft-wt);
227
+ font-style: var(--_ctm-dn-wt-tt-ss-ft-se-ic);
228
+ text-align: var(--_ctm-dn-wt-tt-ss-tt-an);
229
+ letter-spacing: var(--_ctm-dn-wt-tt-ss-lr-sg);
230
+ line-height: var(--_ctm-dn-wt-tt-ss-le-ht);
231
+ text-decoration: var(--_ctm-dn-wt-tt-ss-ue);
232
+ button {
233
+ svg {
234
+ path {
235
+ stroke: var(--_primary-400);
236
+ }
237
+ }
238
+ }
239
+ }
240
+ .form__title {
241
+ font-size: 18px;
242
+ font-weight: 600;
243
+ color: var(--_gray-800);
244
+ margin-top: 12px;
245
+ color: var(--_ctm-dn-wt-tt-ss-cr-dc);
246
+ font-family: var(--_ctm-dn-wt-tt-ss-ft-fy-dc), sans-serif;
247
+ font-size: var(--_ctm-dn-wt-tt-ss-ft-se-dc);
248
+ font-weight: var(--_ctm-dn-wt-tt-ss-ft-wt-dc);
249
+ font-style: var(--_ctm-dn-wt-tt-ss-ft-se-ic-dc);
250
+ text-align: var(--_ctm-dn-wt-tt-ss-tt-an-dc);
251
+ letter-spacing: var(--_ctm-dn-wt-tt-ss-lr-sg-dc);
252
+ line-height: var(--_ctm-dn-wt-tt-ss-le-ht-dc);
253
+ text-decoration: var(--_ctm-dn-wt-tt-ss-ue-dc);
254
+ }
255
+ }
256
+ .payment__methods {
257
+ &:has(.stack__vertical) {
258
+ .content__title {
259
+ border-bottom: 1px solid var(--_gray-300);
260
+ }
261
+ }
262
+ .shippng__title {
263
+ margin: 16px;
264
+ padding-bottom: 10px;
265
+ margin-bottom: 0px;
266
+ color: var(--_primary-400);
267
+ color: var(--_ctm-dn-wt-tt-ss-cr);
268
+ font-family: var(--_ctm-dn-wt-tt-ss-ft-fy), sans-serif;
269
+ font-size: var(--_ctm-dn-wt-tt-ss-ft-se);
270
+ font-weight: var(--_ctm-dn-wt-tt-ss-ft-wt);
271
+ font-style: var(--_ctm-dn-wt-tt-ss-ft-se-ic);
272
+ text-align: var(--_ctm-dn-wt-tt-ss-tt-an);
273
+ letter-spacing: var(--_ctm-dn-wt-tt-ss-lr-sg);
274
+ line-height: var(--_ctm-dn-wt-tt-ss-le-ht);
275
+ text-decoration: var(--_ctm-dn-wt-tt-ss-ue);
276
+ }
277
+ .stack {
278
+ display: grid;
279
+ background-color: #fff;
280
+ &.stack__vertical {
281
+ grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
282
+ gap: var(--_ctm-lt-im-sg);
283
+ padding: var(--_ctm-lt-im-pg);
284
+ }
285
+ &.stack__horizontal {
286
+ grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
287
+ gap: var(--_ctm-lt-im-sg);
288
+ padding: var(--_ctm-lt-im-pg);
289
+ background-color: #fff;
290
+ }
291
+ &.grid {
292
+ display: grid;
293
+ grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
294
+ // grid-template-columns: repeat(2, minmax(auto, 1fr));
295
+ gap: var(--_ctm-lt-im-sg);
296
+ padding: var(--_ctm-lt-im-pg);
297
+ gap: 12px;
298
+ padding: 12px;
299
+ }
300
+ .item {
301
+ display: flex;
302
+ justify-content: space-between;
303
+ align-items: center;
304
+ cursor: pointer;
305
+ background-color: var(--_primary-25);
306
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
307
+ flex-wrap: wrap;
308
+ background-color: var(--_ctm-dn-im-se-bd-cr);
309
+ border-color: var(
310
+ --_show-border-im-se,
311
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
312
+ );
313
+ border-style: var(
314
+ --_show-border-im-se,
315
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
316
+ );
317
+ border-width: var(
318
+ --_show-border-im-se,
319
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
320
+ );
321
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
322
+ box-shadow: var(
323
+ --_show-shadow-im-se,
324
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
325
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
326
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
327
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
328
+ );
329
+ .left__col {
330
+ display: inline-block;
331
+ font-weight: 600;
332
+ input[type="radio"] {
333
+ width: auto;
334
+ display: inline-block;
335
+ margin-right: 10px;
336
+ }
337
+ }
338
+
339
+ .right__col {
340
+ display: flex;
341
+ align-items: center;
342
+ text-align: center;
343
+ gap: 16px;
344
+ font-weight: 500;
345
+ flex-wrap: wrap;
346
+ span {
347
+ line-height: 12px;
348
+ }
349
+
350
+ .card {
351
+ width: 60px;
352
+ height: 50px;
353
+ background-color: gray;
354
+ border-radius: 6px;
355
+ }
356
+ }
357
+ }
358
+ }
359
+ .stack__table {
360
+ width: 100%;
361
+ border-collapse: collapse;
362
+ border-radius: 6px;
363
+ background-color: var(--_ctm-dn-te-bd-cr);
364
+ border-color: var(
365
+ --_show-border-im-se,
366
+ var(--_ctm-dn-te-br-cr, var(--_tst-dn-br-cr))
367
+ );
368
+ border-style: var(
369
+ --_show-border-im-se,
370
+ var(--_ctm-dn-te-br-se, var(--_tst-dn-br-se))
371
+ );
372
+ border-width: var(
373
+ --_show-border-im-se,
374
+ var(--_ctm-dn-te-br-wh, var(--_tst-dn-br-wh))
375
+ );
376
+ border-radius: var(--_ctm-dn-te-br-rs, var(--_tst-dn-br-rs));
377
+ box-shadow: var(
378
+ --_show-shadow-im-se,
379
+ var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae))
380
+ var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br))
381
+ var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd))
382
+ var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr))
383
+ );
384
+ &[data-header-divider="true"] {
385
+ thead tr th {
386
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
387
+ }
388
+ }
389
+ &[data-row-divider="true"] {
390
+ tbody tr td {
391
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
392
+ }
393
+ }
394
+ &[data-column-divider="true"] {
395
+ tbody tr td,
396
+ thead tr th {
397
+ border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
398
+ }
399
+
400
+ tbody tr td:last-child,
401
+ thead tr th:last-child {
402
+ border-right: none;
403
+ }
404
+ }
405
+ &[data-alternative-row-colors="true"] {
406
+ tbody tr:nth-child(odd) {
407
+ background-color: var(--_gray-300);
408
+ width: 100%;
409
+ }
410
+ }
411
+ thead {
412
+ height: var(--_ctm-lt-hr-ht);
413
+ tr {
414
+ th {
415
+ padding: var(--_ctm-lt-hr-cl-pg);
416
+ text-align: var(--_ctm-lt-ct-at);
417
+ border: 0;
418
+ background-color: var(--_ctm-dn-te-hr-bd-cr);
419
+ color: var(--_ctm-dn-hr-tt-cr);
420
+ font-family: var(--_ctm-dn-hr-tt-ft-fy), sans-serif;
421
+ font-size: var(--_ctm-dn-hr-tt-ft-se);
422
+ font-weight: var(--_ctm-dn-hr-tt-ft-wt);
423
+ font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
424
+ text-align: var(--_ctm-dn-hr-tt-tt-an);
425
+ letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
426
+ line-height: var(--_ctm-dn-hr-tt-le-ht);
427
+ text-decoration: var(--_ctm-dn-hr-tt-ue);
428
+ }
429
+ }
430
+ }
431
+ tbody {
432
+ tr {
433
+ padding: var(--_ctm-lt-rw-cl-pg);
434
+ height: var(--_ctm-lt-rw-ht);
435
+ background-color: var(--_ctm-dn-te-rw-bd-cr);
436
+ text-align: var(--_ctm-lt-ct-at);
437
+ th,
438
+ td {
439
+ border: 0;
440
+ padding: inherit;
441
+ color: var(--_ctm-dn-te-rw-cr);
442
+ font-family: var(--_ctm-dn-te-rw-ft-fy), sans-serif;
443
+ font-size: var(--_ctm-dn-te-rw-ft-se);
444
+ font-weight: var(--_ctm-dn-te-rw-ft-wt);
445
+ font-style: var(--_ctm-dn-te-rw-ft-se-ic);
446
+ text-align: var(--_ctm-dn-te-rw-tt-an);
447
+ letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
448
+ line-height: var(--_ctm-dn-te-rw-le-ht);
449
+ text-decoration: var(--_ctm-dn-te-rw-ue);
450
+ .d__flex {
451
+ display: flex;
452
+ align-items: center;
453
+ justify-content: center;
454
+ gap: 8px;
455
+ input[type="radio"] {
456
+ width: auto;
457
+ }
458
+ }
459
+ }
460
+ }
461
+ }
462
+ }
463
+ }
464
+ }
465
+ }
466
+ }
27
467
  }
28
468
  }