@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
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,33 +74,36 @@ $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
+
85
+ // The rule is a pseudo-element and takes no space of its own, so a wide one grew
86
+ // back over the item beside it — see dividerGapReserve in functions.scss.
87
+ &:not(:last-child) {
88
+ @include dividerGapReserve($shapeSize, right);
89
+ }
90
+
115
91
  &:not(:last-child)::after {
116
92
  content: "";
117
93
  width: $shapeSize;
118
94
  height: 100%;
119
95
  position: absolute;
120
- right: calc((-1 * var(--_sf-gp) / 2) - (#{$shapeSize} / 2));
96
+ right: dividerGapOffset(var(--_sf-gp, 0px), $shapeSize);
121
97
  background-color: $shapeColor;
122
98
  }
123
99
 
124
100
  // Divider item (Divider -> Item Style). Same geometry as the standalone
125
- // element: the rule's centre sits at -(gap/2) from the item's right edge,
126
- // so the marker is pinned there and translated half its own width back.
101
+ // element: the rule's centre sits at -(gap/2) - (width/2) from the item's right
102
+ // edge, so the marker is pinned there and translated half its own width back.
127
103
  .divider__marker {
128
104
  position: absolute;
129
105
  top: 50%;
130
- right: calc(-1 * var(--_sf-gp, 0px) / 2);
106
+ right: dividerMarkerOffset(var(--_sf-gp, 0px), $shapeSize);
131
107
  transform: translate(50%, -50%);
132
108
  display: flex;
133
109
  align-items: center;
@@ -165,6 +141,7 @@ $overflowSelector: ".flex__overflow";
165
141
  // Overrides the stroke-width presentation attribute baked into the icon markup.
166
142
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-se-wh, 1.25);
167
143
  }
144
+
168
145
  &[fill]:not([fill="none"]),
169
146
  [fill]:not([fill="none"]) {
170
147
  fill: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-dr-in-c1, #e4e7ec);
@@ -205,119 +182,84 @@ $overflowSelector: ".flex__overflow";
205
182
  // is narrowed, which forced the two stats onto separate lines instead of
206
183
  // letting them shrink and stay on one. Matches the standalone element.
207
184
  min-width: 0;
208
- color: var(
209
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr,
210
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-cr))
211
- );
212
- font-family: var(
213
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
214
- 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))
215
- );
216
- font-size: var(
217
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
218
- 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))
219
- );
220
- font-weight: var(
221
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
222
- 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))
223
- );
224
- font-style: var(
225
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
226
- var(
227
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
228
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)
229
- )
230
- );
231
- letter-spacing: var(
232
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
233
- 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))
234
- );
235
- line-height: var(
236
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
237
- 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))
238
- );
239
- text-decoration: var(
240
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue,
241
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ue))
242
- );
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)));
243
208
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt);
244
209
  }
210
+
245
211
  .label {
246
212
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
247
213
  // is narrowed, which forced the two stats onto separate lines instead of
248
214
  // letting them shrink and stay on one. Matches the standalone element.
249
215
  min-width: 0;
250
- color: var(
251
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
252
- 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))
253
- );
254
- font-family: var(
255
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
256
- var(
257
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
258
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)
259
- )
260
- );
261
- font-size: var(
262
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
263
- var(
264
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
265
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)
266
- )
267
- );
268
- font-weight: var(
269
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
270
- var(
271
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
272
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)
273
- )
274
- );
275
- font-style: var(
276
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
277
- var(
278
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
279
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)
280
- )
281
- );
282
- letter-spacing: var(
283
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
284
- var(
285
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
286
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)
287
- )
288
- );
289
- line-height: var(
290
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
291
- var(
292
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
293
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)
294
- )
295
- );
296
- text-decoration: var(
297
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
298
- 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))
299
- );
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)));
300
247
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt, "-dc", --_sf-line-clamp-desc);
301
248
  }
249
+
302
250
  .icon {
303
251
  display: flex;
252
+
304
253
  svg {
305
- width: var(
306
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
307
- 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))
308
- );
309
- height: var(
310
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
311
- 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))
312
- );
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
+
313
259
  path {
314
- stroke: var(
315
- --_ctm-mob-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
316
- var(
317
- --_ctm-tab-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
318
- var(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)
319
- )
320
- );
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)));
321
263
  // Overrides the stroke-width presentation attribute baked into the icon markup.
322
264
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-qa-lt-se-wh, 1.25);
323
265
  }
@@ -331,119 +273,84 @@ $overflowSelector: ".flex__overflow";
331
273
  // is narrowed, which forced the two stats onto separate lines instead of
332
274
  // letting them shrink and stay on one. Matches the standalone element.
333
275
  min-width: 0;
334
- color: var(
335
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr,
336
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-cr, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-cr))
337
- );
338
- font-family: var(
339
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
340
- 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))
341
- );
342
- font-size: var(
343
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
344
- 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))
345
- );
346
- font-weight: var(
347
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
348
- 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))
349
- );
350
- font-style: var(
351
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
352
- var(
353
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
354
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)
355
- )
356
- );
357
- letter-spacing: var(
358
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
359
- 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))
360
- );
361
- line-height: var(
362
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
363
- 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))
364
- );
365
- text-decoration: var(
366
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue,
367
- var(--_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ue, var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ue))
368
- );
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)));
369
299
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt);
370
300
  }
301
+
371
302
  .label {
372
303
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
373
304
  // is narrowed, which forced the two stats onto separate lines instead of
374
305
  // letting them shrink and stay on one. Matches the standalone element.
375
306
  min-width: 0;
376
- color: var(
377
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
378
- 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))
379
- );
380
- font-family: var(
381
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
382
- var(
383
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
384
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)
385
- )
386
- );
387
- font-size: var(
388
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
389
- var(
390
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
391
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)
392
- )
393
- );
394
- font-weight: var(
395
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
396
- var(
397
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
398
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)
399
- )
400
- );
401
- font-style: var(
402
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
403
- var(
404
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
405
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)
406
- )
407
- );
408
- letter-spacing: var(
409
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
410
- var(
411
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
412
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)
413
- )
414
- );
415
- line-height: var(
416
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
417
- var(
418
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
419
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)
420
- )
421
- );
422
- text-decoration: var(
423
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
424
- 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))
425
- );
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)));
426
338
  @include aqd-text-controls(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt, "-dc", --_sf-line-clamp-desc);
427
339
  }
340
+
428
341
  .icon {
429
342
  display: flex;
343
+
430
344
  svg {
431
- width: var(
432
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
433
- 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))
434
- );
435
- height: var(
436
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
437
- 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))
438
- );
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
+
439
350
  path {
440
- stroke: var(
441
- --_ctm-mob-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
442
- var(
443
- --_ctm-tab-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
444
- var(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)
445
- )
446
- );
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)));
447
354
  // Overrides the stroke-width presentation attribute baked into the icon markup.
448
355
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-ds-qa-ds-dn-ds-lt-se-wh, 1.25);
449
356
  }
@@ -451,4 +358,4 @@ $overflowSelector: ".flex__overflow";
451
358
  }
452
359
  }
453
360
  }
454
- }
361
+ }