@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

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 (124) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. package/package.json +1 -1
package/dist/allocations-quota-details.scss CHANGED
@@ -23,20 +23,14 @@ $overflowSelector: ".flex__overflow";
23
23
  }
24
24
 
25
25
  .quota__details__element {
26
- background-color: var(
27
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
28
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-bd-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-bd-cr))
29
- );
30
- padding: var(
31
- --_ctm-mob-dn-qa-ds-qa-ds-lt-pg,
32
- var(--_ctm-tab-dn-qa-ds-qa-ds-lt-pg, var(--_ctm-dn-qa-ds-qa-ds-lt-pg))
33
- );
26
+ background-color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
27
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-bd-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-bd-cr)));
28
+ padding: var(--_ctm-mob-dn-qa-ds-qa-ds-lt-pg,
29
+ var(--_ctm-tab-dn-qa-ds-qa-ds-lt-pg, var(--_ctm-dn-qa-ds-qa-ds-lt-pg)));
34
30
  display: flex;
35
31
  flex-direction: column;
36
- --_sf-gp: var(
37
- --_ctm-mob-dn-qa-ds-qa-ds-lt-im-sg,
38
- var(--_ctm-tab-dn-qa-ds-qa-ds-lt-im-sg, var(--_ctm-dn-qa-ds-qa-ds-lt-im-sg, 16px))
39
- );
32
+ --_sf-gp: var(--_ctm-mob-dn-qa-ds-qa-ds-lt-im-sg,
33
+ var(--_ctm-tab-dn-qa-ds-qa-ds-lt-im-sg, var(--_ctm-dn-qa-ds-qa-ds-lt-im-sg, 16px)));
40
34
  row-gap: var(--_sf-gp);
41
35
  // Embedded in an allocation card, not free-standing like the Quota Details element
42
36
  // itself: `fit-content` let the row size to its text and spill past the card, so it
@@ -45,48 +39,27 @@ $overflowSelector: ".flex__overflow";
45
39
  max-width: 100%;
46
40
  min-width: 0;
47
41
  height: auto;
48
- border-color: var(
49
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
50
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-cr))
51
- );
52
- border-style: var(
53
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-se,
54
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-se, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-se))
55
- );
56
- border-width: var(
57
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
58
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-wh, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-wh))
59
- );
60
- border-radius: var(
61
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
62
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-rs, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-rs))
63
- );
64
- box-shadow: var(
65
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
66
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-ae, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-ae))
67
- )
68
- var(
69
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
70
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-br, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-br))
71
- )
72
- var(
73
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
74
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-sd, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-sd))
75
- )
76
- var(
77
- --_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
78
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-cr))
79
- );
42
+ border-color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
43
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-cr)));
44
+ border-style: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-se,
45
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-se, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-se)));
46
+ border-width: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
47
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-wh, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-wh)));
48
+ border-radius: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
49
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-br-rs, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-br-rs)));
50
+ box-shadow: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
51
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-ae, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
52
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-br, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-br))) var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
53
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-sd, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
54
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-wt-se-sw-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-sw-cr)));
80
55
 
81
56
  .product__hilights {
82
57
  display: flex;
83
58
  align-items: center;
84
59
  // Design > Widget Style > alignment, falling back to the Layout panel's own
85
60
  // alignment so cards set up before the design control existed keep theirs.
86
- justify-content: prepareMediaVariable(
87
- --_ctm-dn-qa-ds-qa-ds-dn-wt-se-hl-at,
88
- prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-lt-hl-at)
89
- );
61
+ justify-content: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-wt-se-hl-at,
62
+ prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-lt-hl-at));
90
63
  gap: var(--_sf-gp);
91
64
  width: 100%;
92
65
  height: 100%;
@@ -101,22 +74,20 @@ $overflowSelector: ".flex__overflow";
101
74
  // `-dr-dr-` doubling is the `divider` node followed by the `divider…` property
102
75
  // name — the shape vars were written with only one, which is why neither
103
76
  // control did anything.
104
- $shapeSize: prepareMediaVariable(
105
- --_ctm-dn-qa-ds-qa-ds-dn-dr-dr-se-se,
106
- prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-wh, 1px)
107
- );
108
- $shapeColor: prepareMediaVariable(
109
- --_ctm-dn-qa-ds-qa-ds-dn-dr-dr-se-cr,
110
- prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-cr, #e4e7ec)
111
- );
77
+ $shapeSize: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-se-se,
78
+ prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-wh, 1px));
79
+ $shapeColor: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-se-cr,
80
+ prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-dr-cr, #e4e7ec));
112
81
 
113
82
  .product__list__item {
114
83
  position: relative;
84
+
115
85
  // The rule is a pseudo-element and takes no space of its own, so a wide one grew
116
86
  // back over the item beside it — see dividerGapReserve in functions.scss.
117
87
  &:not(:last-child) {
118
88
  @include dividerGapReserve($shapeSize, right);
119
89
  }
90
+
120
91
  &:not(:last-child)::after {
121
92
  content: "";
122
93
  width: $shapeSize;
@@ -170,6 +141,7 @@ $overflowSelector: ".flex__overflow";
170
141
  // Overrides the stroke-width presentation attribute baked into the icon markup.
171
142
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-se-wh, 1.25);
172
143
  }
144
+
173
145
  &[fill]:not([fill="none"]),
174
146
  [fill]:not([fill="none"]) {
175
147
  fill: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-in-c1, #e4e7ec);
@@ -210,152 +182,84 @@ $overflowSelector: ".flex__overflow";
210
182
  // is narrowed, which forced the two stats onto separate lines instead of
211
183
  // letting them shrink and stay on one. Matches the standalone element.
212
184
  min-width: 0;
213
- color: var(
214
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr,
215
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-cr))
216
- );
217
- font-family: var(
218
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
219
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy))
220
- );
221
- text-transform: var(
222
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm,
223
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm))
224
- );
225
- word-wrap: var(
226
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp,
227
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp))
228
- );
229
- word-break: var(
230
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk,
231
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk))
232
- );
233
- font-size: var(
234
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
235
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se))
236
- );
237
- font-weight: var(
238
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
239
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt))
240
- );
241
- font-style: var(
242
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
243
- var(
244
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
245
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)
246
- )
247
- );
248
- letter-spacing: var(
249
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
250
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg))
251
- );
252
- line-height: var(
253
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
254
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-le-ht, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-le-ht))
255
- );
256
- text-decoration: var(
257
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue,
258
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ue))
259
- );
185
+ color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr,
186
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-cr)));
187
+ font-family: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
188
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy)));
189
+ text-transform: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm,
190
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm)));
191
+ word-wrap: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp,
192
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp)));
193
+ word-break: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk,
194
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk)));
195
+ font-size: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
196
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se)));
197
+ font-weight: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
198
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt)));
199
+ font-style: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
200
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
201
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)));
202
+ letter-spacing: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
203
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg)));
204
+ line-height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
205
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-le-ht, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-le-ht)));
206
+ text-decoration: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue,
207
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ue)));
260
208
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt);
261
209
  }
210
+
262
211
  .label {
263
212
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
264
213
  // is narrowed, which forced the two stats onto separate lines instead of
265
214
  // letting them shrink and stay on one. Matches the standalone element.
266
215
  min-width: 0;
267
- color: var(
268
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
269
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc))
270
- );
271
- font-family: var(
272
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
273
- var(
274
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
275
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)
276
- )
277
- );
278
- text-transform: var(
279
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc,
280
- var(
281
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc,
282
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc)
283
- )
284
- );
285
- word-wrap: var(
286
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc,
287
- var(
288
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc,
289
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc)
290
- )
291
- );
292
- word-break: var(
293
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc,
294
- var(
295
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc,
296
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc)
297
- )
298
- );
299
- font-size: var(
300
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
301
- var(
302
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
303
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)
304
- )
305
- );
306
- font-weight: var(
307
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
308
- var(
309
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
310
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)
311
- )
312
- );
313
- font-style: var(
314
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
315
- var(
316
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
317
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)
318
- )
319
- );
320
- letter-spacing: var(
321
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
322
- var(
323
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
324
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)
325
- )
326
- );
327
- line-height: var(
328
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
329
- var(
330
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
331
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)
332
- )
333
- );
334
- text-decoration: var(
335
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
336
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc))
337
- );
216
+ color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
217
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc)));
218
+ font-family: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
219
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
220
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)));
221
+ text-transform: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc,
222
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc,
223
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-tt-tm-dc)));
224
+ word-wrap: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc,
225
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc,
226
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-wp-dc)));
227
+ word-break: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc,
228
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc,
229
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-wd-bk-dc)));
230
+ font-size: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
231
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
232
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)));
233
+ font-weight: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
234
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
235
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)));
236
+ font-style: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
237
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
238
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)));
239
+ letter-spacing: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
240
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
241
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)));
242
+ line-height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
243
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
244
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)));
245
+ text-decoration: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
246
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc)));
338
247
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt, "-dc", --_sf-line-clamp-desc);
339
248
  }
249
+
340
250
  .icon {
341
251
  display: flex;
252
+
342
253
  svg {
343
- width: var(
344
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
345
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-se))
346
- );
347
- height: var(
348
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
349
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-se))
350
- );
254
+ width: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
255
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-se)));
256
+ height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
257
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-se)));
258
+
351
259
  path {
352
- stroke: var(
353
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
354
- var(
355
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
356
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)
357
- )
358
- );
260
+ stroke: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
261
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
262
+ var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)));
359
263
  // Overrides the stroke-width presentation attribute baked into the icon markup.
360
264
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-se-wh, 1.25);
361
265
  }
@@ -369,152 +273,84 @@ $overflowSelector: ".flex__overflow";
369
273
  // is narrowed, which forced the two stats onto separate lines instead of
370
274
  // letting them shrink and stay on one. Matches the standalone element.
371
275
  min-width: 0;
372
- color: var(
373
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr,
374
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-cr))
375
- );
376
- font-family: var(
377
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
378
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy))
379
- );
380
- text-transform: var(
381
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm,
382
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm))
383
- );
384
- word-wrap: var(
385
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp,
386
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp))
387
- );
388
- word-break: var(
389
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk,
390
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk))
391
- );
392
- font-size: var(
393
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
394
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se))
395
- );
396
- font-weight: var(
397
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
398
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt))
399
- );
400
- font-style: var(
401
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
402
- var(
403
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
404
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)
405
- )
406
- );
407
- letter-spacing: var(
408
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
409
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg))
410
- );
411
- line-height: var(
412
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
413
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-le-ht, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-le-ht))
414
- );
415
- text-decoration: var(
416
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue,
417
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ue))
418
- );
276
+ color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr,
277
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-cr)));
278
+ font-family: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
279
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy)));
280
+ text-transform: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm,
281
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm)));
282
+ word-wrap: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp,
283
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp)));
284
+ word-break: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk,
285
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk)));
286
+ font-size: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
287
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se)));
288
+ font-weight: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
289
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt)));
290
+ font-style: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
291
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
292
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)));
293
+ letter-spacing: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
294
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg)));
295
+ line-height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
296
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-le-ht, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-le-ht)));
297
+ text-decoration: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue,
298
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ue)));
419
299
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt);
420
300
  }
301
+
421
302
  .label {
422
303
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
423
304
  // is narrowed, which forced the two stats onto separate lines instead of
424
305
  // letting them shrink and stay on one. Matches the standalone element.
425
306
  min-width: 0;
426
- color: var(
427
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
428
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc))
429
- );
430
- font-family: var(
431
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
432
- var(
433
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
434
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)
435
- )
436
- );
437
- text-transform: var(
438
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc,
439
- var(
440
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc,
441
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc)
442
- )
443
- );
444
- word-wrap: var(
445
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc,
446
- var(
447
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc,
448
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc)
449
- )
450
- );
451
- word-break: var(
452
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc,
453
- var(
454
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc,
455
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc)
456
- )
457
- );
458
- font-size: var(
459
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
460
- var(
461
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
462
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)
463
- )
464
- );
465
- font-weight: var(
466
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
467
- var(
468
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
469
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)
470
- )
471
- );
472
- font-style: var(
473
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
474
- var(
475
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
476
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)
477
- )
478
- );
479
- letter-spacing: var(
480
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
481
- var(
482
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
483
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)
484
- )
485
- );
486
- line-height: var(
487
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
488
- var(
489
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
490
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)
491
- )
492
- );
493
- text-decoration: var(
494
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
495
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc))
496
- );
307
+ color: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
308
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc)));
309
+ font-family: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
310
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
311
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)));
312
+ text-transform: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc,
313
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc,
314
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-tt-tm-dc)));
315
+ word-wrap: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc,
316
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc,
317
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-wp-dc)));
318
+ word-break: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc,
319
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc,
320
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-wd-bk-dc)));
321
+ font-size: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
322
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
323
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)));
324
+ font-weight: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
325
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
326
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)));
327
+ font-style: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
328
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
329
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)));
330
+ letter-spacing: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
331
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
332
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)));
333
+ line-height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
334
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
335
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)));
336
+ text-decoration: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
337
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc)));
497
338
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt, "-dc", --_sf-line-clamp-desc);
498
339
  }
340
+
499
341
  .icon {
500
342
  display: flex;
343
+
501
344
  svg {
502
- width: var(
503
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
504
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-se))
505
- );
506
- height: var(
507
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
508
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-se))
509
- );
345
+ width: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
346
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-se)));
347
+ height: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
348
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-se, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-se)));
349
+
510
350
  path {
511
- stroke: var(
512
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
513
- var(
514
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
515
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)
516
- )
517
- );
351
+ stroke: var(--_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
352
+ var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
353
+ var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)));
518
354
  // Overrides the stroke-width presentation attribute baked into the icon markup.
519
355
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-se-wh, 1.25);
520
356
  }
@@ -522,4 +358,4 @@ $overflowSelector: ".flex__overflow";
522
358
  }
523
359
  }
524
360
  }
525
- }
361
+ }