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

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