@sc-360-v2/storefront-cms-library 0.5.71 → 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 (128) 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/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
package/dist/category-groups-quota-details.scss CHANGED
@@ -5,98 +5,49 @@
5
5
  // @imported inside category-groups-element.scss within the categoryGroups scope.
6
6
 
7
7
  .quota__details__element {
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
- );
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)));
22
14
  display: flex;
23
15
  flex-direction: column;
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
- );
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)));
31
19
  row-gap: var(--_sf-gp);
32
20
  width: fit-content;
33
21
  height: auto;
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
- );
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)));
90
43
 
91
44
  .product__hilights {
92
45
  display: flex;
93
46
  align-items: center;
94
47
  // Design > Widget Style > alignment, falling back to the Layout panel's own
95
48
  // alignment so cards set up before the design control existed keep theirs.
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
- );
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));
100
51
  gap: var(--_sf-gp);
101
52
  width: 100%;
102
53
  height: 100%;
@@ -107,22 +58,20 @@
107
58
  // `-dr-dr-` doubling is the `divider` node followed by the `divider…` property
108
59
  // name — the shape vars were written with only one, which is why neither
109
60
  // control did anything.
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
- );
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));
118
65
 
119
66
  .product__list__item {
120
67
  position: relative;
68
+
121
69
  // The rule is a pseudo-element and takes no space of its own, so a wide one grew
122
70
  // back over the item beside it — see dividerGapReserve in functions.scss.
123
71
  &:not(:last-child) {
124
72
  @include dividerGapReserve($shapeSize, right);
125
73
  }
74
+
126
75
  &:not(:last-child)::after {
127
76
  content: "";
128
77
  width: $shapeSize;
@@ -160,10 +109,8 @@
160
109
 
161
110
  &[data-shape="icon"] {
162
111
  padding-block: 2px;
163
- background-color: prepareMediaVariable(
164
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
165
- #ffffff
166
- );
112
+ background-color: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
113
+ #ffffff);
167
114
  }
168
115
 
169
116
  .icon {
@@ -175,22 +122,17 @@
175
122
 
176
123
  &[stroke]:not([stroke="none"]),
177
124
  [stroke]:not([stroke="none"]) {
178
- stroke: prepareMediaVariable(
179
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-in-c1,
180
- #e4e7ec
181
- );
125
+ stroke: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-in-c1,
126
+ #e4e7ec);
182
127
  // Overrides the stroke-width presentation attribute baked into the icon markup.
183
- stroke-width: prepareMediaVariable(
184
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-se-wh,
185
- 1.25
186
- );
128
+ stroke-width: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-se-wh,
129
+ 1.25);
187
130
  }
131
+
188
132
  &[fill]:not([fill="none"]),
189
133
  [fill]:not([fill="none"]) {
190
- fill: prepareMediaVariable(
191
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-in-c1,
192
- #e4e7ec
193
- );
134
+ fill: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-in-c1,
135
+ #e4e7ec);
194
136
  }
195
137
  }
196
138
  }
@@ -225,197 +167,99 @@
225
167
  // is narrowed, which forced the two stats onto separate lines instead of
226
168
  // letting them shrink and stay on one. Matches the standalone element.
227
169
  min-width: 0;
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
- );
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)));
305
203
  }
204
+
306
205
  .label {
307
206
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
308
207
  // is narrowed, which forced the two stats onto separate lines instead of
309
208
  // letting them shrink and stay on one. Matches the standalone element.
310
209
  min-width: 0;
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
- );
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)));
388
243
  }
244
+
389
245
  .icon {
390
246
  display: flex;
247
+
391
248
  svg {
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
- );
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
+
406
256
  path {
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
- );
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)));
414
260
  // Overrides the stroke-width presentation attribute baked into the icon markup.
415
- stroke-width: prepareMediaVariable(
416
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-se-wh,
417
- 1.25
418
- );
261
+ stroke-width: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-se-wh,
262
+ 1.25);
419
263
  }
420
264
  }
421
265
  }
@@ -427,200 +271,102 @@
427
271
  // is narrowed, which forced the two stats onto separate lines instead of
428
272
  // letting them shrink and stay on one. Matches the standalone element.
429
273
  min-width: 0;
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
- );
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)));
507
307
  }
308
+
508
309
  .label {
509
310
  // No `white-space: nowrap` here: it stopped the text reflowing when the card
510
311
  // is narrowed, which forced the two stats onto separate lines instead of
511
312
  // letting them shrink and stay on one. Matches the standalone element.
512
313
  min-width: 0;
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
- );
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)));
590
347
  }
348
+
591
349
  .icon {
592
350
  display: flex;
351
+
593
352
  svg {
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
- );
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
+
608
360
  path {
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
- );
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)));
616
364
  // Overrides the stroke-width presentation attribute baked into the icon markup.
617
- stroke-width: prepareMediaVariable(
618
- --_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-se-wh,
619
- 1.25
620
- );
365
+ stroke-width: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-se-wh,
366
+ 1.25);
621
367
  }
622
368
  }
623
369
  }
624
370
  }
625
371
  }
626
- }
372
+ }