@sc-360-v2/storefront-cms-library 0.4.34 → 0.4.36

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 (78) hide show
  1. package/dist/add-order.scss +1 -1
  2. package/dist/add-products-tab.scss +20 -30
  3. package/dist/allocationDetails.scss +61 -74
  4. package/dist/allocations.scss +19 -27
  5. package/dist/amount-estimator.scss +22 -30
  6. package/dist/brand-basic-elements.scss +3 -6
  7. package/dist/builder.js +1 -1
  8. package/dist/bulk-order-pad.scss +0 -1
  9. package/dist/bulk-variant-picker copy.scss +2 -4
  10. package/dist/bulk-variant-picker.scss +51 -64
  11. package/dist/bundleDetails.scss +32 -44
  12. package/dist/button copy.scss +4 -9
  13. package/dist/button.scss +1 -1
  14. package/dist/buyForHeaders.scss +36 -52
  15. package/dist/cart-summary.scss +9 -13
  16. package/dist/cart.scss +9 -12
  17. package/dist/checkout.scss +0 -1
  18. package/dist/countdown.scss +24 -36
  19. package/dist/coupon.scss +801 -63
  20. package/dist/customization-tree.scss +0 -1
  21. package/dist/editCartItem.scss +1 -1
  22. package/dist/embroider-template-1.scss +6 -6
  23. package/dist/embroidery.scss +2 -3
  24. package/dist/employee-bulk-order.scss +0 -2
  25. package/dist/faq.scss +11 -14
  26. package/dist/filter-results.scss +6 -7
  27. package/dist/filters.scss +12 -16
  28. package/dist/gallery-slider-temp.scss +19 -16
  29. package/dist/icon-list.scss +2 -3
  30. package/dist/language-selector.scss +2 -4
  31. package/dist/login.scss +971 -59
  32. package/dist/map.scss +9 -11
  33. package/dist/mega-menu.scss +6 -9
  34. package/dist/menu-v2.scss +10 -14
  35. package/dist/menu.scss +3 -4
  36. package/dist/modal.scss +1 -2
  37. package/dist/option-bar.scss +2 -4
  38. package/dist/pickup-locations.scss +45 -60
  39. package/dist/product-actions copy.scss +57 -75
  40. package/dist/product-actions.scss +25 -28
  41. package/dist/product-basic-elements.scss +7 -13
  42. package/dist/product-image copy.scss +4 -5
  43. package/dist/product-image.scss +16 -24
  44. package/dist/product-inventory.scss +60 -80
  45. package/dist/product-options.scss +6 -10
  46. package/dist/product-price.scss +68 -96
  47. package/dist/product-promotions.scss +112 -150
  48. package/dist/product-sizechart.scss +25 -39
  49. package/dist/profile.scss +1 -2
  50. package/dist/quantity-selector.scss +14 -19
  51. package/dist/quick-order-pad.scss +1 -0
  52. package/dist/quota-details.scss +6 -8
  53. package/dist/repeater copy.scss +6 -8
  54. package/dist/repeater.scss +1 -4
  55. package/dist/scroll.scss +3 -4
  56. package/dist/search-results-heading.scss +9 -12
  57. package/dist/search.scss +3 -4
  58. package/dist/section.scss +1 -1
  59. package/dist/simple-list.scss +4 -9
  60. package/dist/social.scss +3 -4
  61. package/dist/spotlight.scss +17 -21
  62. package/dist/store-locations.scss +60 -90
  63. package/dist/tab-v2.scss +7 -9
  64. package/dist/table-common.scss +22 -26
  65. package/dist/table.scss +23 -31
  66. package/dist/theme-classes.scss +13 -13
  67. package/dist/types/builder/tools/element-edit/countdown.d.ts +20 -0
  68. package/dist/types/builder/tools/element-edit/coupon.d.ts +711 -213
  69. package/dist/types/builder/tools/element-edit/icon-list.d.ts +1 -0
  70. package/dist/types/builder/tools/element-edit/login.d.ts +13 -1
  71. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +19 -1
  72. package/dist/uom-selector.scss +34 -47
  73. package/dist/user-elements.scss +13 -17
  74. package/dist/variant-picker.scss +24 -27
  75. package/dist/volume-pricing copy 2.scss +71 -94
  76. package/dist/volume-pricing copy.scss +43 -58
  77. package/dist/volume-pricing.scss +49 -63
  78. package/package.json +1 -1
@@ -5,7 +5,6 @@ $link-color: #243dc6;
5
5
 
6
6
  .customTreeWrapper {
7
7
  padding: 20px 20px 20px 145px;
8
- font-family: sans-serif;
9
8
 
10
9
  h3 {
11
10
  color: $Gray-900;
@@ -4,7 +4,7 @@
4
4
  $primary: #222299;
5
5
  $gray: #ddd;
6
6
  $text: #333;
7
- $font: "Segoe UI", sans-serif;
7
+ $font: "Segoe UI";
8
8
  $border-radius: 6px;
9
9
  $spacing: 1rem;
10
10
 
@@ -41,7 +41,7 @@ $previewMainOuput: ".output__ele__v1";
41
41
  font-weight: prepareMediaVariable(--_ctm-dn-te-ft-wt, 500);
42
42
  line-height: prepareMediaVariable(--_ctm-dn-te-le-ht, 125%);
43
43
  font-style: prepareMediaVariable(--_ctm-dn-te-ft-se-ic, normal);
44
- font-family: prepareMediaVariable(--_ctm-dn-te-ft-fy), sans-serif;
44
+ font-family: prepareMediaVariable(--_ctm-dn-te-ft-fy);
45
45
  text-decoration: prepareMediaVariable(--_ctm-dn-te-ue);
46
46
  letter-spacing: prepareMediaVariable(--_ctm-dn-te-lr-sg);
47
47
  text-align: prepareMediaVariable(--_ctm-dn-te-tt-an);
@@ -206,7 +206,7 @@ $previewMainOuput: ".output__ele__v1";
206
206
  display: var(--_d-flex);
207
207
  color: var(--_sp-color, #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)});
208
208
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
209
- font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
209
+ font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
210
210
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
211
211
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
212
212
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -251,7 +251,7 @@ $previewMainOuput: ".output__ele__v1";
251
251
 
252
252
  & > label {
253
253
  color: prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467);
254
- font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
254
+ font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
255
255
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
256
256
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
257
257
  font-weight: 500;
@@ -295,7 +295,7 @@ $previewMainOuput: ".output__ele__v1";
295
295
  top: 50%;
296
296
  transform: translate(-50%, -50%);
297
297
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 12px);
298
- font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
298
+ font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
299
299
  text-transform: uppercase;
300
300
  line-height: 1;
301
301
  cursor: pointer;
@@ -338,7 +338,7 @@ $previewMainOuput: ".output__ele__v1";
338
338
  & > input {
339
339
  color: prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467);
340
340
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
341
- font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
341
+ font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
342
342
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
343
343
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
344
344
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -416,7 +416,7 @@ $previewMainOuput: ".output__ele__v1";
416
416
  &.list__text {
417
417
  color: var(--_sp-color, #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)});
418
418
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
419
- font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
419
+ font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
420
420
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
421
421
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
422
422
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -139,8 +139,7 @@ $apiLoader: '[data-spinner-state="loading"]';
139
139
  display: var(--_d-flex);
140
140
  width: 100%;
141
141
 
142
- font-family:
143
- var(--_sf-fnt-fmy, prepareMediaVariable(--_ctm-dn-ce-bn-dt-se-ft-fy)), sans-serif;
142
+ font-family: var(--_sf-fnt-fmy, prepareMediaVariable(--_ctm-dn-ce-bn-dt-se-ft-fy));
144
143
  font-size: var(--_sf-fnt-sz, prepareMediaVariable(--_ctm-dn-ce-bn-dt-se-ft-se));
145
144
  font-weight: var(--_sf-fnt-wet, prepareMediaVariable(--_ctm-dn-ce-bn-dt-se-ft-wt));
146
145
  font-style: var(--_sf-fnt-sty, prepareMediaVariable(--_ctm-dn-ce-bn-dt-se-ft-se-ic));
@@ -168,7 +167,7 @@ $apiLoader: '[data-spinner-state="loading"]';
168
167
  }
169
168
 
170
169
  .message {
171
- font-family: "Lato", sans-serif;
170
+ font-family: "Lato";
172
171
  font-size: 14px;
173
172
  padding: 12px 16px;
174
173
  border-radius: 8px;
@@ -708,7 +708,6 @@
708
708
  padding: 10px 16px;
709
709
  background-color: #fff;
710
710
  border-bottom: 1px solid #ddd;
711
- font-family: "Arial", sans-serif;
712
711
  font-size: 14px;
713
712
  white-space: nowrap;
714
713
 
@@ -781,7 +780,6 @@
781
780
  padding: 12px 16px;
782
781
  background-color: #fff;
783
782
  border-bottom: 1px solid #ddd;
784
- font-family: "Arial", sans-serif;
785
783
  font-size: 14px;
786
784
 
787
785
  .user-info-left {
package/dist/faq.scss CHANGED
@@ -212,7 +212,7 @@
212
212
  // --_ctm-mob-dn-cd-an-im-ft-fy,
213
213
  // var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
214
214
  // ),
215
- // sans-serif;
215
+
216
216
  // font-size: var(
217
217
  // --_ctm-mob-dn-cd-an-im-ft-se,
218
218
  // var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
@@ -247,10 +247,9 @@
247
247
  var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
248
248
  );
249
249
  font-family: var(
250
- --_ctm-mob-dn-cd-an-im-ft-fy,
251
- var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
252
- ),
253
- sans-serif;
250
+ --_ctm-mob-dn-cd-an-im-ft-fy,
251
+ var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
252
+ );
254
253
  font-size: var(
255
254
  --_ctm-mob-dn-cd-an-im-ft-se,
256
255
  var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
@@ -308,7 +307,7 @@
308
307
  // p {
309
308
  // color: var(--_ctm-dn-cd-an-im-cr-dc, var(--_tst-dn-cd-an-im-cr-dc));
310
309
  // font-family: var(--_ctm-dn-cd-an-im-ft-fy-dc, var(--_tst-dn-cd-an-im-ft-fy-dc)),
311
- // sans-serif;
310
+
312
311
  // font-size: var(--_ctm-dn-cd-an-im-ft-se-dc, var(--_tst-dn-cd-an-im-ft-se-dc));
313
312
  // font-weight: var(--_ctm-dn-cd-an-im-ft-wt-dc, var(--_tst-dn-cd-an-im-ft-wt-dc));
314
313
  // font-style: var(--_ctm-dn-cd-an-im-ft-se-ic-dc, var(--_tst-dn-cd-an-im-ft-se-ic-dc));
@@ -403,10 +402,9 @@
403
402
  var(--_ctm-tab-dn-ed-an-im-cr, var(--_ctm-dn-ed-an-im-cr))
404
403
  );
405
404
  font-family: var(
406
- --_ctm-mob-dn-ed-an-im-ft-fy,
407
- var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy))
408
- ),
409
- sans-serif;
405
+ --_ctm-mob-dn-ed-an-im-ft-fy,
406
+ var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy))
407
+ );
410
408
  font-size: var(
411
409
  --_ctm-mob-dn-ed-an-im-ft-se,
412
410
  var(--_ctm-tab-dn-ed-an-im-ft-se, var(--_ctm-dn-ed-an-im-ft-se))
@@ -477,10 +475,9 @@
477
475
  var(--_ctm-tab-dn-ed-an-im-cr-dc, var(--_ctm-dn-ed-an-im-cr-dc))
478
476
  );
479
477
  font-family: var(
480
- --_ctm-mob-dn-ed-an-im-ft-fy-dc,
481
- var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
482
- ),
483
- sans-serif;
478
+ --_ctm-mob-dn-ed-an-im-ft-fy-dc,
479
+ var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
480
+ );
484
481
  font-size: var(
485
482
  --_ctm-mob-dn-ed-an-im-ft-se-dc,
486
483
  var(--_ctm-tab-dn-ed-an-im-ft-se-dc, var(--_ctm-dn-ed-an-im-ft-se-dc))
@@ -112,13 +112,12 @@
112
112
  var(--_ctm-mob-dn-dt-se-cr, var(--_ctm-tab-dn-dt-se-cr, var(--_ctm-dn-dt-se-cr)))
113
113
  );
114
114
  font-family: var(
115
- --_sf-hr-ff,
116
- var(
117
- --_ctm-mob-dn-dt-se-ft-fy,
118
- var(--_ctm-tab-dn-dt-se-ft-fy, var(--_ctm-dn-dt-se-ft-fy))
119
- )
120
- ),
121
- sans-serif;
115
+ --_sf-hr-ff,
116
+ var(
117
+ --_ctm-mob-dn-dt-se-ft-fy,
118
+ var(--_ctm-tab-dn-dt-se-ft-fy, var(--_ctm-dn-dt-se-ft-fy))
119
+ )
120
+ );
122
121
  font-size: var(
123
122
  --_sf-hr-fs,
124
123
  var(
package/dist/filters.scss CHANGED
@@ -377,15 +377,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
377
377
  var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
378
378
  )
379
379
  );
380
- font-family:
380
+ font-family: var(
381
+ --_sf-hr-ff,
381
382
  var(
382
- --_sf-hr-ff,
383
- var(
384
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
385
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
386
- )
387
- ),
388
- sans-serif;
383
+ --_ctm-mob-dn-sd-im-dt-se-ft-fy,
384
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
385
+ )
386
+ );
389
387
  font-size: var(
390
388
  --_sf-hr-fs,
391
389
  var(
@@ -1114,15 +1112,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1114
1112
  var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
1115
1113
  )
1116
1114
  );
1117
- font-family:
1115
+ font-family: var(
1116
+ --_sf-hr-ff,
1118
1117
  var(
1119
- --_sf-hr-ff,
1120
- var(
1121
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
1122
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
1123
- )
1124
- ),
1125
- sans-serif;
1118
+ --_ctm-mob-dn-sd-im-dt-se-ft-fy,
1119
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
1120
+ )
1121
+ );
1126
1122
  font-size: var(
1127
1123
  --_sf-hr-fs,
1128
1124
  var(
@@ -39,6 +39,13 @@
39
39
  }
40
40
  }
41
41
 
42
+ .arrow-navigation {
43
+ pointer-events: none;
44
+ }
45
+ .arrow-navigation > button {
46
+ pointer-events: all;
47
+ }
48
+
42
49
  // &[data-view-state="full"] {
43
50
  // width: auto;
44
51
  // // height: 100%;
@@ -196,10 +203,9 @@
196
203
  var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
197
204
  );
198
205
  font-family: var(
199
- --_ctm-mob-dn-gy-wt-se-ft-fy,
200
- var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
201
- ),
202
- sans-serif;
206
+ --_ctm-mob-dn-gy-wt-se-ft-fy,
207
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
208
+ );
203
209
  font-size: var(
204
210
  --_ctm-mob-dn-gy-wt-se-ft-se,
205
211
  var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se))
@@ -236,10 +242,9 @@
236
242
  var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
237
243
  );
238
244
  font-family: var(
239
- --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
240
- var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
241
- ),
242
- sans-serif;
245
+ --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
246
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
247
+ );
243
248
  font-size: var(
244
249
  --_ctm-mob-dn-gy-wt-se-ft-se-dc,
245
250
  var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc))
@@ -1004,10 +1009,9 @@
1004
1009
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
1005
1010
 
1006
1011
  font-family: var(
1007
- --_ctm-mob-dn-im-se-ft-fy,
1008
- var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1009
- ),
1010
- sans-serif;
1012
+ --_ctm-mob-dn-im-se-ft-fy,
1013
+ var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1014
+ );
1011
1015
 
1012
1016
  font-size: var(
1013
1017
  --_ctm-mob-dn-im-se-ft-se,
@@ -1052,10 +1056,9 @@
1052
1056
  );
1053
1057
 
1054
1058
  font-family: var(
1055
- --_ctm-mob-dn-im-se-ft-fy-dc,
1056
- var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1057
- ),
1058
- sans-serif;
1059
+ --_ctm-mob-dn-im-se-ft-fy-dc,
1060
+ var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1061
+ );
1059
1062
 
1060
1063
  font-size: var(
1061
1064
  --_ctm-mob-dn-im-se-ft-se-dc,
@@ -229,8 +229,7 @@ $pos2: (
229
229
  & > .#{$text} {
230
230
  &,
231
231
  * {
232
- font-family:
233
- var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy)), sans-serif;
232
+ font-family: var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy));
234
233
  font-size: var(--_txt-ht-fs, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se));
235
234
  color: var(--_txt-ht-cr, prepareMediaVariable(--_ctm-dn-tt-dt-se-cr));
236
235
  font-weight: var(--_txt-ht-fw, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-wt));
@@ -245,7 +244,7 @@ $pos2: (
245
244
  & > .#{$desc} {
246
245
  &,
247
246
  * {
248
- font-family: prepareMediaVariable(--_ctm-dn-dn-ft-fy), sans-serif;
247
+ font-family: prepareMediaVariable(--_ctm-dn-dn-ft-fy);
249
248
  font-size: prepareMediaVariable(--_ctm-dn-dn-ft-se);
250
249
  color: prepareMediaVariable(--_ctm-dn-dn-cr);
251
250
  font-weight: prepareMediaVariable(--_ctm-dn-dn-ft-wt);
@@ -268,8 +268,7 @@
268
268
  var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr));
269
269
  .language__name {
270
270
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr));
271
- font-family:
272
- var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)), sans-serif;
271
+ font-family: var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy));
273
272
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se));
274
273
  font-weight: var(--_sf-sd-ft-wt, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt));
275
274
  font-style: var(
@@ -369,8 +368,7 @@
369
368
 
370
369
  .language__name {
371
370
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr));
372
- font-family:
373
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)), sans-serif;
371
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy));
374
372
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se));
375
373
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt));
376
374
  font-style: var(--_sf-hr-ft-se-ic, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic));