@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/faq.scss CHANGED
@@ -11,12 +11,8 @@
11
11
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
12
  // width: 50%;
13
13
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
14
- width: var(
15
- --_sf-el-wh-st-mx,
16
- calc(
17
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
18
- )
19
- );
14
+ width: var(--_sf-el-wh-st-mx,
15
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
20
16
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
21
17
 
22
18
  // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
@@ -33,70 +29,53 @@
33
29
  // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
34
30
  // }
35
31
 
36
- & > .wrapper {
32
+ &>.wrapper {
37
33
  // width: 100%;
38
34
  // height: 100%;
39
35
  }
36
+
40
37
  &[data-show-shadow="false"] {
41
38
  --_show-shadow: none;
42
39
  }
43
40
 
44
41
  .accordion-element {
45
- background-color: var(
46
- --_ctm-mob-dn-fq-wt-bd-cr,
47
- var(--_ctm-tab-dn-fq-wt-bd-cr, var(--_ctm-dn-fq-wt-bd-cr))
48
- );
42
+ background-color: var(--_ctm-mob-dn-fq-wt-bd-cr,
43
+ var(--_ctm-tab-dn-fq-wt-bd-cr, var(--_ctm-dn-fq-wt-bd-cr)));
49
44
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
50
45
  display: flex;
51
46
  flex-direction: column;
52
- --_sf-gp: var(
53
- --_ctm-mob-lt-im-sg,
54
- var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
55
- );
47
+ --_sf-gp: var(--_ctm-mob-lt-im-sg,
48
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px)));
56
49
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
57
50
  row-gap: var(--_sf-gp);
58
51
  width: 100%;
59
52
  // height: 100%;
60
- border-color: var(
61
- --_ctm-mob-dn-fq-wt-br-cr,
62
- var(--_ctm-tab-dn-fq-wt-br-cr, var(--_ctm-dn-fq-wt-br-cr))
63
- );
64
- border-style: var(
65
- --_ctm-mob-dn-fq-wt-br-se,
66
- var(--_ctm-tab-dn-fq-wt-br-se, var(--_ctm-dn-fq-wt-br-se))
67
- );
68
- border-width: var(
69
- --_ctm-mob-dn-fq-wt-br-wh,
70
- var(--_ctm-tab-dn-fq-wt-br-wh, var(--_ctm-dn-fq-wt-br-wh))
71
- );
72
- border-radius: var(
73
- --_ctm-mob-dn-fq-wt-br-rs,
74
- var(--_ctm-tab-dn-fq-wt-br-rs, var(--_ctm-dn-fq-wt-br-rs))
75
- );
76
- box-shadow: var(
77
- --_show-shadow,
78
- var(--_ctm-mob-dn-fq-wt-sw-ae, var(--_ctm-tab-dn-fq-wt-sw-ae, var(--_ctm-dn-fq-wt-sw-ae)))
79
- var(--_ctm-mob-dn-fq-wt-sw-br, var(--_ctm-tab-dn-fq-wt-sw-br, var(--_ctm-dn-fq-wt-sw-br)))
80
- var(--_ctm-mob-dn-fq-wt-sw-sd, var(--_ctm-tab-dn-fq-wt-sw-sd, var(--_ctm-dn-fq-wt-sw-sd)))
81
- var(--_ctm-mob-dn-fq-wt-sw-cr, var(--_ctm-tab-dn-fq-wt-sw-cr, var(--_ctm-dn-fq-wt-sw-cr)))
82
- );
53
+ border-color: var(--_ctm-mob-dn-fq-wt-br-cr,
54
+ var(--_ctm-tab-dn-fq-wt-br-cr, var(--_ctm-dn-fq-wt-br-cr)));
55
+ border-style: var(--_ctm-mob-dn-fq-wt-br-se,
56
+ var(--_ctm-tab-dn-fq-wt-br-se, var(--_ctm-dn-fq-wt-br-se)));
57
+ border-width: var(--_ctm-mob-dn-fq-wt-br-wh,
58
+ var(--_ctm-tab-dn-fq-wt-br-wh, var(--_ctm-dn-fq-wt-br-wh)));
59
+ border-radius: var(--_ctm-mob-dn-fq-wt-br-rs,
60
+ var(--_ctm-tab-dn-fq-wt-br-rs, var(--_ctm-dn-fq-wt-br-rs)));
61
+ box-shadow: var(--_show-shadow,
62
+ var(--_ctm-mob-dn-fq-wt-sw-ae, var(--_ctm-tab-dn-fq-wt-sw-ae, var(--_ctm-dn-fq-wt-sw-ae))) var(--_ctm-mob-dn-fq-wt-sw-br, var(--_ctm-tab-dn-fq-wt-sw-br, var(--_ctm-dn-fq-wt-sw-br))) var(--_ctm-mob-dn-fq-wt-sw-sd, var(--_ctm-tab-dn-fq-wt-sw-sd, var(--_ctm-dn-fq-wt-sw-sd))) var(--_ctm-mob-dn-fq-wt-sw-cr, var(--_ctm-tab-dn-fq-wt-sw-cr, var(--_ctm-dn-fq-wt-sw-cr))));
83
63
 
84
64
  &[data-divider-show="true"] {
85
- --_sf-dvdr: var(
86
- --_ctm-mob-dn-dr-dr-wh,
87
- var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh, 1px))
88
- )
89
- var(--_ctm-mob-dn-dr-br-se, var(--_ctm-tab-dn-dr-br-se, var(--_ctm-dn-dr-br-se, solid)))
90
- var(--_ctm-dn-dr-br-cr, var(--_tst-dn-dr-bd-cr));
65
+ --_sf-dvdr: var(--_ctm-mob-dn-dr-dr-wh,
66
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh, 1px))) var(--_ctm-mob-dn-dr-br-se, var(--_ctm-tab-dn-dr-br-se, var(--_ctm-dn-dr-br-se, solid))) var(--_ctm-dn-dr-br-cr, var(--_tst-dn-dr-bd-cr));
91
67
  --_sf-dvdr-gap: var(--_sf-gp);
92
68
  }
69
+
93
70
  &[data-icon-position="Left"] {
94
71
  --_sf-fd: row-reverse;
95
72
  --_sf-jc: flex-end;
96
73
  }
74
+
97
75
  &[data-show-icon="false"] {
98
76
  --_sf-show-icon-ff: none;
99
77
  }
78
+
100
79
  &[data-divider-show="true"] {
101
80
  // .accordion-item:not(:last-child) {
102
81
  // border-bottom: var(
@@ -121,64 +100,34 @@
121
100
  // var(--_ctm-tab-lt-im-hl-pg, var(--_ctm-lt-im-hl-pg))
122
101
  // );
123
102
 
124
- padding: var(
125
- --_ctm-mob-dn-cd-an-im-pg-im,
126
- var(--_ctm-tab-dn-cd-an-im-pg-im, var(--_ctm-dn-cd-an-im-pg-im))
127
- );
128
- grid-template-rows: var(
129
- --_self-active-gtr,
130
- minmax(
131
- var(
132
- --_ctm-mob-dn-cd-an-im-in-se,
133
- var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se, 50px))
134
- ),
135
- auto
136
- )
137
- 0px
138
- );
103
+ padding: var(--_ctm-mob-dn-cd-an-im-pg-im,
104
+ var(--_ctm-tab-dn-cd-an-im-pg-im, var(--_ctm-dn-cd-an-im-pg-im)));
105
+ grid-template-rows: var(--_self-active-gtr,
106
+ minmax(var(--_ctm-mob-dn-cd-an-im-in-se,
107
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se, 50px))),
108
+ auto) 0px);
139
109
  // transition: grid-template-rows 0.45s ease-in-out;
140
110
 
141
111
  --_sf-pd-cd: var(--_sf-dvdr-gap);
142
112
  // updated css
143
- border-color: var(
144
- --_ctm-mob-dn-cd-an-im-br-cr,
145
- var(--_ctm-tab-dn-cd-an-im-br-cr, var(--_ctm-dn-cd-an-im-br-cr))
146
- );
147
- border-style: var(
148
- --_ctm-mob-dn-cd-an-im-br-se,
149
- var(--_ctm-tab-dn-cd-an-im-br-se, var(--_ctm-dn-cd-an-im-br-se))
150
- );
151
- border-width: var(
152
- --_ctm-mob-dn-cd-an-im-br-wh,
153
- var(--_ctm-tab-dn-cd-an-im-br-wh, var(--_ctm-dn-cd-an-im-br-wh))
154
- );
155
- border-radius: var(
156
- --_ctm-mob-dn-cd-an-im-br-rs,
157
- var(--_ctm-tab-dn-cd-an-im-br-rs, var(--_ctm-dn-cd-an-im-br-rs))
158
- );
159
- box-shadow: var(
160
- --_show-shadow,
161
- var(
162
- --_ctm-mob-dn-cd-an-im-sw-ae,
163
- var(--_ctm-tab-dn-cd-an-im-sw-ae, var(--_ctm-dn-cd-an-im-sw-ae))
164
- )
165
- var(
166
- --_ctm-mob-dn-cd-an-im-sw-br,
167
- var(--_ctm-tab-dn-cd-an-im-sw-br, var(--_ctm-dn-cd-an-im-sw-br))
168
- )
169
- var(
170
- --_ctm-mob-dn-cd-an-im-sw-sd,
171
- var(--_ctm-tab-dn-cd-an-im-sw-sd, var(--_ctm-dn-cd-an-im-sw-sd))
172
- )
173
- // The colour slot repeated `sw-sd` (spread) instead of `sw-cr`. Angle
174
- // resolves to two lengths, so the value came out as five lengths and no
175
- // colour — invalid, and the whole declaration was dropped. That is why no
176
- // shadow appeared here however the panel was set.
177
- var(
178
- --_ctm-mob-dn-cd-an-im-sw-cr,
179
- var(--_ctm-tab-dn-cd-an-im-sw-cr, var(--_ctm-dn-cd-an-im-sw-cr))
180
- )
181
- );
113
+ border-color: var(--_ctm-mob-dn-cd-an-im-br-cr,
114
+ var(--_ctm-tab-dn-cd-an-im-br-cr, var(--_ctm-dn-cd-an-im-br-cr)));
115
+ border-style: var(--_ctm-mob-dn-cd-an-im-br-se,
116
+ var(--_ctm-tab-dn-cd-an-im-br-se, var(--_ctm-dn-cd-an-im-br-se)));
117
+ border-width: var(--_ctm-mob-dn-cd-an-im-br-wh,
118
+ var(--_ctm-tab-dn-cd-an-im-br-wh, var(--_ctm-dn-cd-an-im-br-wh)));
119
+ border-radius: var(--_ctm-mob-dn-cd-an-im-br-rs,
120
+ var(--_ctm-tab-dn-cd-an-im-br-rs, var(--_ctm-dn-cd-an-im-br-rs)));
121
+ box-shadow: var(--_show-shadow,
122
+ var(--_ctm-mob-dn-cd-an-im-sw-ae,
123
+ var(--_ctm-tab-dn-cd-an-im-sw-ae, var(--_ctm-dn-cd-an-im-sw-ae))) var(--_ctm-mob-dn-cd-an-im-sw-br,
124
+ var(--_ctm-tab-dn-cd-an-im-sw-br, var(--_ctm-dn-cd-an-im-sw-br))) var(--_ctm-mob-dn-cd-an-im-sw-sd,
125
+ var(--_ctm-tab-dn-cd-an-im-sw-sd, var(--_ctm-dn-cd-an-im-sw-sd))) // The colour slot repeated `sw-sd` (spread) instead of `sw-cr`. Angle
126
+ // resolves to two lengths, so the value came out as five lengths and no
127
+ // colour — invalid, and the whole declaration was dropped. That is why no
128
+ // shadow appeared here however the panel was set.
129
+ var(--_ctm-mob-dn-cd-an-im-sw-cr,
130
+ var(--_ctm-tab-dn-cd-an-im-sw-cr, var(--_ctm-dn-cd-an-im-sw-cr))));
182
131
 
183
132
  // &:not(:last-of-type) {
184
133
  // &::after {
@@ -199,14 +148,10 @@
199
148
  justify-content: var(--_sf-jc, space-between);
200
149
  cursor: pointer;
201
150
  // padding-block-end: var(--_sf-dc-pd, var(--_sf-pd-cd));
202
- background-color: var(
203
- --_ctm-mob-dn-cd-an-im-bd-cr,
204
- var(--_ctm-tab-dn-cd-an-im-bd-cr, var(--_ctm-dn-cd-an-im-bd-cr))
205
- );
206
- padding: var(
207
- --_ctm-mob-dn-cd-an-im-pg-te,
208
- var(--_ctm-tab-dn-cd-an-im-pg-te, var(--_ctm-dn-cd-an-im-pg-te))
209
- );
151
+ background-color: var(--_ctm-mob-dn-cd-an-im-bd-cr,
152
+ var(--_ctm-tab-dn-cd-an-im-bd-cr, var(--_ctm-dn-cd-an-im-bd-cr)));
153
+ padding: var(--_ctm-mob-dn-cd-an-im-pg-te,
154
+ var(--_ctm-tab-dn-cd-an-im-pg-te, var(--_ctm-dn-cd-an-im-pg-te)));
210
155
 
211
156
  // p {
212
157
  // color: var(
@@ -248,103 +193,72 @@
248
193
  // );
249
194
  // }
250
195
  p {
251
- color: var(
252
- --_ctm-mob-dn-cd-an-im-cr,
253
- var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
254
- );
255
- font-family: var(
256
- --_ctm-mob-dn-cd-an-im-ft-fy,
257
- var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
258
- );
259
- font-size: var(
260
- --_ctm-mob-dn-cd-an-im-ft-se,
261
- var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
262
- );
263
- font-weight: var(
264
- --_ctm-mob-dn-cd-an-im-ft-wt,
265
- var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt))
266
- );
267
- font-style: var(
268
- --_ctm-mob-dn-cd-an-im-ft-se-ic,
269
- var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic))
270
- );
271
- text-align: var(
272
- --_ctm-mob-dn-cd-an-im-tt-an,
273
- var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an))
274
- );
275
- letter-spacing: var(
276
- --_ctm-mob-dn-cd-an-im-lr-sg,
277
- var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg))
278
- );
279
- line-height: var(
280
- --_ctm-mob-dn-cd-an-im-le-ht,
281
- var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht-dc))
282
- );
283
- text-decoration: var(
284
- --_ctm-mob-dn-cd-an-im-ue,
285
- var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue))
286
- );
196
+ color: var(--_ctm-mob-dn-cd-an-im-cr,
197
+ var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr)));
198
+ font-family: var(--_ctm-mob-dn-cd-an-im-ft-fy,
199
+ var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy)));
200
+ font-size: var(--_ctm-mob-dn-cd-an-im-ft-se,
201
+ var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se)));
202
+ font-weight: var(--_ctm-mob-dn-cd-an-im-ft-wt,
203
+ var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt)));
204
+ font-style: var(--_ctm-mob-dn-cd-an-im-ft-se-ic,
205
+ var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic)));
206
+ text-align: var(--_ctm-mob-dn-cd-an-im-tt-an,
207
+ var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an)));
208
+ letter-spacing: var(--_ctm-mob-dn-cd-an-im-lr-sg,
209
+ var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg)));
210
+ line-height: var(--_ctm-mob-dn-cd-an-im-le-ht,
211
+ var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht-dc)));
212
+ text-decoration: var(--_ctm-mob-dn-cd-an-im-ue,
213
+ var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue)));
287
214
  // Collapsed item > title > Text Transform, and the word wrap/break pair the
288
215
  // typography panel renders alongside it.
289
- text-transform: var(
290
- --_ctm-mob-dn-cd-an-im-tt-tm,
291
- var(--_ctm-tab-dn-cd-an-im-tt-tm, var(--_ctm-dn-cd-an-im-tt-tm, none))
292
- );
293
- word-wrap: var(
294
- --_ctm-mob-dn-cd-an-im-wd-wp,
295
- var(--_ctm-tab-dn-cd-an-im-wd-wp, var(--_ctm-dn-cd-an-im-wd-wp, normal))
296
- );
297
- word-break: var(
298
- --_ctm-mob-dn-cd-an-im-wd-bk,
299
- var(--_ctm-tab-dn-cd-an-im-wd-bk, var(--_ctm-dn-cd-an-im-wd-bk, normal))
300
- );
216
+ text-transform: var(--_ctm-mob-dn-cd-an-im-tt-tm,
217
+ var(--_ctm-tab-dn-cd-an-im-tt-tm, var(--_ctm-dn-cd-an-im-tt-tm, none)));
218
+ word-wrap: var(--_ctm-mob-dn-cd-an-im-wd-wp,
219
+ var(--_ctm-tab-dn-cd-an-im-wd-wp, var(--_ctm-dn-cd-an-im-wd-wp, normal)));
220
+ word-break: var(--_ctm-mob-dn-cd-an-im-wd-bk,
221
+ var(--_ctm-tab-dn-cd-an-im-wd-bk, var(--_ctm-dn-cd-an-im-wd-bk, normal)));
301
222
  }
223
+
302
224
  .icon {
303
225
  display: var(--_sf-show-icon-ff, flex);
226
+
304
227
  svg {
305
- width: var(
306
- --_ctm-mab-dn-cd-an-im-in-se,
307
- var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
308
- );
309
- height: var(
310
- --_ctm-mob-dn-cd-an-im-in-se,
311
- var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
312
- );
228
+ width: var(--_ctm-mab-dn-cd-an-im-in-se,
229
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se)));
230
+ height: var(--_ctm-mob-dn-cd-an-im-in-se,
231
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se)));
232
+
313
233
  path {
314
- stroke: var(
315
- --_ctm-mob-dn-cd-an-im-in-c1,
316
- var(--_ctm-tab-dn-cd-an-im-in-c1, var(--_ctm-dn-cd-an-im-in-c1))
317
- );
234
+ stroke: var(--_ctm-mob-dn-cd-an-im-in-c1,
235
+ var(--_ctm-tab-dn-cd-an-im-in-c1, var(--_ctm-dn-cd-an-im-in-c1)));
318
236
  // Overrides the stroke-width presentation attribute baked into the icon markup.
319
237
  stroke-width: prepareMediaVariable(--_ctm-dn-cd-an-im-se-wh, 1.25);
320
238
  }
321
239
  }
322
240
  }
241
+
323
242
  .accordion-items {
324
243
  display: flex;
325
244
  align-items: center;
326
245
  // Info Icon > Icon Gap. Was a hardcoded 8px, so there was no way to space
327
246
  // the info icon away from the title.
328
- gap: var(
329
- --_ctm-mob-dn-io-in-in-gp,
330
- var(--_ctm-tab-dn-io-in-in-gp, var(--_ctm-dn-io-in-in-gp, 8px))
331
- );
247
+ gap: var(--_ctm-mob-dn-io-in-in-gp,
248
+ var(--_ctm-tab-dn-io-in-in-gp, var(--_ctm-dn-io-in-in-gp, 8px)));
249
+
332
250
  .icon {
333
251
  display: var(--_hover-show-icon, var(--_show-icon, flex));
252
+
334
253
  svg {
335
- width: var(
336
- --_ctm-mob-dn-io-in-in-se,
337
- var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se))
338
- );
339
- height: var(
340
- --_ctm-mob-dn-io-in-in-se,
341
- var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se))
342
- );
254
+ width: var(--_ctm-mob-dn-io-in-in-se,
255
+ var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se)));
256
+ height: var(--_ctm-mob-dn-io-in-in-se,
257
+ var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se)));
258
+
343
259
  path {
344
- stroke: var(
345
- --_ctm-mob-dn-io-in-in-c1,
346
- var(--_ctm-tab-dn-io-in-in-c1, var(--_ctm-dn-io-in-in-c1))
347
- );
260
+ stroke: var(--_ctm-mob-dn-io-in-in-c1,
261
+ var(--_ctm-tab-dn-io-in-in-c1, var(--_ctm-dn-io-in-in-c1)));
348
262
  // Overrides the stroke-width presentation attribute baked into the icon markup.
349
263
  stroke-width: prepareMediaVariable(--_ctm-dn-io-in-se-wh, 1.25);
350
264
  }
@@ -352,9 +266,11 @@
352
266
  }
353
267
  }
354
268
  }
269
+
355
270
  .accordion-description {
356
271
  display: none;
357
272
  }
273
+
358
274
  // .accordion-description {
359
275
  // // margin-block-start: calc(-1 * var(--_sf-dc-mb));
360
276
  // padding-block-end: var(--_sf-dc-pd-bt);
@@ -375,64 +291,35 @@
375
291
  // overflow: inherit;
376
292
  // height: auto;
377
293
 
378
- padding: var(
379
- --_ctm-mob-dn-ed-an-im-pg-im,
380
- var(--_ctm-tab-dn-ed-an-im-pg-im, var(--_ctm-dn-ed-an-im-pg-im))
381
- );
382
- gap: var(
383
- --_ctm-mob-lt-te-ad-dn-sg,
384
- var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
385
- );
386
-
387
- --_self-active-gtr: minmax(
388
- var(
389
- --_ctm-mob-dn-cd-an-im-in-se,
390
- var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
391
- ),
392
- auto
393
- )
394
- minmax(50px, auto);
294
+ padding: var(--_ctm-mob-dn-ed-an-im-pg-im,
295
+ var(--_ctm-tab-dn-ed-an-im-pg-im, var(--_ctm-dn-ed-an-im-pg-im)));
296
+ gap: var(--_ctm-mob-lt-te-ad-dn-sg,
297
+ var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg)));
298
+
299
+ --_self-active-gtr: minmax(var(--_ctm-mob-dn-cd-an-im-in-se,
300
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))),
301
+ auto) minmax(50px, auto);
395
302
 
396
303
  --_sf-dc-pd: var(--_sf-dvdr-gap, var(--_sf-cd-gp));
397
304
  --_sf-dc-mb: var(--_sf-cd-gp);
398
305
  --_sf-tt-pd: 0px;
399
306
  --_sf-dc-pd-bt: var(--_sf-dvdr-gap, 0px);
400
307
 
401
- border-color: var(
402
- --_ctm-mob-dn-ed-an-im-br-cr,
403
- var(--_ctm-tab-dn-ed-an-im-br-cr, var(--_ctm-dn-ed-an-im-br-cr))
404
- );
405
- border-style: var(
406
- --_ctm-mob-dn-ed-an-im-br-se,
407
- var(--_ctm-tab-dn-ed-an-im-br-se, var(--_ctm-dn-ed-an-im-br-se))
408
- );
409
- border-width: var(
410
- --_ctm-mob-dn-ed-an-im-br-wh,
411
- var(--_ctm-tab-dn-ed-an-im-br-wh, var(--_ctm-dn-ed-an-im-br-wh))
412
- );
413
- border-radius: var(
414
- --_ctm-mob-dn-ed-an-im-br-rs,
415
- var(--_ctm-tab-dn-ed-an-im-br-rs, var(--_ctm-dn-ed-an-im-br-rs))
416
- );
417
- box-shadow: var(
418
- --_show-shadow,
419
- var(
420
- --_ctm-mob-dn-ed-an-im-sw-ae,
421
- var(--_ctm-tab-dn-ed-an-im-sw-ae, var(--_ctm-dn-ed-an-im-sw-ae))
422
- )
423
- var(
424
- --_ctm-mob-dn-ed-an-im-sw-br,
425
- var(--_ctm-tab-dn-ed-an-im-sw-br, var(--_ctm-dn-ed-an-im-sw-br))
426
- )
427
- var(
428
- --_ctm-mob-dn-ed-an-im-sw-sd,
429
- var(--_ctm-tab-dn-ed-an-im-sw-sd, var(--_ctm-dn-ed-an-im-sw-sd))
430
- )
431
- var(
432
- --_ctm-mob-dn-ed-an-im-sw-cr,
433
- var(--_ctm-tab-dn-ed-an-im-sw-cr, var(--_ctm-dn-ed-an-im-sw-cr))
434
- )
435
- );
308
+ border-color: var(--_ctm-mob-dn-ed-an-im-br-cr,
309
+ var(--_ctm-tab-dn-ed-an-im-br-cr, var(--_ctm-dn-ed-an-im-br-cr)));
310
+ border-style: var(--_ctm-mob-dn-ed-an-im-br-se,
311
+ var(--_ctm-tab-dn-ed-an-im-br-se, var(--_ctm-dn-ed-an-im-br-se)));
312
+ border-width: var(--_ctm-mob-dn-ed-an-im-br-wh,
313
+ var(--_ctm-tab-dn-ed-an-im-br-wh, var(--_ctm-dn-ed-an-im-br-wh)));
314
+ border-radius: var(--_ctm-mob-dn-ed-an-im-br-rs,
315
+ var(--_ctm-tab-dn-ed-an-im-br-rs, var(--_ctm-dn-ed-an-im-br-rs)));
316
+ box-shadow: var(--_show-shadow,
317
+ var(--_ctm-mob-dn-ed-an-im-sw-ae,
318
+ var(--_ctm-tab-dn-ed-an-im-sw-ae, var(--_ctm-dn-ed-an-im-sw-ae))) var(--_ctm-mob-dn-ed-an-im-sw-br,
319
+ var(--_ctm-tab-dn-ed-an-im-sw-br, var(--_ctm-dn-ed-an-im-sw-br))) var(--_ctm-mob-dn-ed-an-im-sw-sd,
320
+ var(--_ctm-tab-dn-ed-an-im-sw-sd, var(--_ctm-dn-ed-an-im-sw-sd))) var(--_ctm-mob-dn-ed-an-im-sw-cr,
321
+ var(--_ctm-tab-dn-ed-an-im-sw-cr, var(--_ctm-dn-ed-an-im-sw-cr))));
322
+
436
323
  .accordion-title {
437
324
  display: flex;
438
325
  flex-direction: var(--_sf-fd, row);
@@ -442,117 +329,82 @@
442
329
  justify-content: var(--_sf-jc, space-between);
443
330
  cursor: pointer;
444
331
  // padding-block-end: var(--_sf-dc-pd, var(--_sf-pd-cd));
445
- background-color: var(
446
- --_ctm-mob-dn-ed-an-im-bd-cr,
447
- var(--_ctm-tab-dn-ed-an-im-bd-cr, var(--_ctm-dn-ed-an-im-bd-cr))
448
- );
449
- padding: var(
450
- --_ctm-mob-dn-ed-an-im-pg-te,
451
- var(--_ctm-tab-dn-ed-an-im-pg-te, var(--_ctm-dn-ed-an-im-pg-te))
452
- );
332
+ background-color: var(--_ctm-mob-dn-ed-an-im-bd-cr,
333
+ var(--_ctm-tab-dn-ed-an-im-bd-cr, var(--_ctm-dn-ed-an-im-bd-cr)));
334
+ padding: var(--_ctm-mob-dn-ed-an-im-pg-te,
335
+ var(--_ctm-tab-dn-ed-an-im-pg-te, var(--_ctm-dn-ed-an-im-pg-te)));
453
336
 
454
337
  p {
455
- color: var(
456
- --_ctm-mob-dn-ed-an-im-cr,
457
- var(--_ctm-tab-dn-ed-an-im-cr, var(--_ctm-dn-ed-an-im-cr))
458
- );
459
- font-family: var(
460
- --_ctm-mob-dn-ed-an-im-ft-fy,
461
- var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy))
462
- );
463
- font-size: var(
464
- --_ctm-mob-dn-ed-an-im-ft-se,
465
- var(--_ctm-tab-dn-ed-an-im-ft-se, var(--_ctm-dn-ed-an-im-ft-se))
466
- );
467
- font-weight: var(
468
- --_ctm-mob-dn-ed-an-im-ft-wt,
469
- var(--_ctm-tab-dn-ed-an-im-ft-wt, var(--_ctm-dn-ed-an-im-ft-wt))
470
- );
471
- font-style: var(
472
- --_ctm-mob-dn-ed-an-im-ft-se-ic,
473
- var(--_ctm-tab-dn-ed-an-im-ft-se-ic, var(--_ctm-dn-ed-an-im-ft-se-ic))
474
- );
475
- text-align: var(
476
- --_ctm-mob-dn-ed-an-im-tt-an,
477
- var(--_ctm-tab-dn-ed-an-im-tt-anvvar(--_ctm-dn-ed-an-im-tt-an))
478
- );
479
- letter-spacing: var(
480
- --_ctm-mob-dn-ed-an-im-lr-sg,
481
- var(--_ctm-tab-dn-ed-an-im-lr-sg, var(--_ctm-dn-ed-an-im-lr-sg))
482
- );
483
- line-height: var(
484
- --_ctm-mob-dn-ed-an-im-le-ht,
485
- var(--_ctm-tab-dn-ed-an-im-le-ht, var(--_ctm-dn-ed-an-im-le-ht))
486
- );
338
+ color: var(--_ctm-mob-dn-ed-an-im-cr,
339
+ var(--_ctm-tab-dn-ed-an-im-cr, var(--_ctm-dn-ed-an-im-cr)));
340
+ font-family: var(--_ctm-mob-dn-ed-an-im-ft-fy,
341
+ var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy)));
342
+ font-size: var(--_ctm-mob-dn-ed-an-im-ft-se,
343
+ var(--_ctm-tab-dn-ed-an-im-ft-se, var(--_ctm-dn-ed-an-im-ft-se)));
344
+ font-weight: var(--_ctm-mob-dn-ed-an-im-ft-wt,
345
+ var(--_ctm-tab-dn-ed-an-im-ft-wt, var(--_ctm-dn-ed-an-im-ft-wt)));
346
+ font-style: var(--_ctm-mob-dn-ed-an-im-ft-se-ic,
347
+ var(--_ctm-tab-dn-ed-an-im-ft-se-ic, var(--_ctm-dn-ed-an-im-ft-se-ic)));
348
+ text-align: var(--_ctm-mob-dn-ed-an-im-tt-an,
349
+ var(--_ctm-tab-dn-ed-an-im-tt-anvvar(--_ctm-dn-ed-an-im-tt-an)));
350
+ letter-spacing: var(--_ctm-mob-dn-ed-an-im-lr-sg,
351
+ var(--_ctm-tab-dn-ed-an-im-lr-sg, var(--_ctm-dn-ed-an-im-lr-sg)));
352
+ line-height: var(--_ctm-mob-dn-ed-an-im-le-ht,
353
+ var(--_ctm-tab-dn-ed-an-im-le-ht, var(--_ctm-dn-ed-an-im-le-ht)));
487
354
  // text-decoration: var(
488
355
  // --_ctm-dn-ed-an-im-lh,
489
356
  // var(--_ctm-dn-ed-an-im-ue),
490
357
  // var(--_tst-dn-cd-an-im-lh)
491
358
  // );
492
- text-decoration: var(
493
- --_ctm-mob-dn-ed-an-im-ue,
494
- var(--_ctm-tab-dn-ed-an-im-ue, var(--_ctm-dn-ed-an-im-ue))
495
- );
359
+ text-decoration: var(--_ctm-mob-dn-ed-an-im-ue,
360
+ var(--_ctm-tab-dn-ed-an-im-ue, var(--_ctm-dn-ed-an-im-ue)));
496
361
  // Expanded item > title > Text Transform and the word wrap/break pair.
497
- text-transform: var(
498
- --_ctm-mob-dn-ed-an-im-tt-tm,
499
- var(--_ctm-tab-dn-ed-an-im-tt-tm, var(--_ctm-dn-ed-an-im-tt-tm, none))
500
- );
501
- word-wrap: var(
502
- --_ctm-mob-dn-ed-an-im-wd-wp,
503
- var(--_ctm-tab-dn-ed-an-im-wd-wp, var(--_ctm-dn-ed-an-im-wd-wp, normal))
504
- );
505
- word-break: var(
506
- --_ctm-mob-dn-ed-an-im-wd-bk,
507
- var(--_ctm-tab-dn-ed-an-im-wd-bk, var(--_ctm-dn-ed-an-im-wd-bk, normal))
508
- );
362
+ text-transform: var(--_ctm-mob-dn-ed-an-im-tt-tm,
363
+ var(--_ctm-tab-dn-ed-an-im-tt-tm, var(--_ctm-dn-ed-an-im-tt-tm, none)));
364
+ word-wrap: var(--_ctm-mob-dn-ed-an-im-wd-wp,
365
+ var(--_ctm-tab-dn-ed-an-im-wd-wp, var(--_ctm-dn-ed-an-im-wd-wp, normal)));
366
+ word-break: var(--_ctm-mob-dn-ed-an-im-wd-bk,
367
+ var(--_ctm-tab-dn-ed-an-im-wd-bk, var(--_ctm-dn-ed-an-im-wd-bk, normal)));
509
368
  }
369
+
510
370
  .icon {
511
371
  display: var(--_sf-show-icon-ff, flex);
372
+
512
373
  svg {
513
- width: var(
514
- --_ctm-mob-dn-ed-an-im-in-se,
515
- var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se))
516
- );
517
- height: var(
518
- --_ctm-mob-dn-ed-an-im-in-se,
519
- var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se))
520
- );
374
+ width: var(--_ctm-mob-dn-ed-an-im-in-se,
375
+ var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se)));
376
+ height: var(--_ctm-mob-dn-ed-an-im-in-se,
377
+ var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se)));
378
+
521
379
  path {
522
- stroke: var(
523
- --_ctm-mob-dn-ed-an-im-in-c1,
524
- var(--_ctm-tab-dn-ed-an-im-in-c1, var(--_ctm-dn-ed-an-im-in-c1))
525
- );
380
+ stroke: var(--_ctm-mob-dn-ed-an-im-in-c1,
381
+ var(--_ctm-tab-dn-ed-an-im-in-c1, var(--_ctm-dn-ed-an-im-in-c1)));
526
382
  // Overrides the stroke-width presentation attribute baked into the icon markup.
527
383
  stroke-width: prepareMediaVariable(--_ctm-dn-ed-an-im-se-wh, 1.25);
528
384
  }
529
385
  }
530
386
  }
387
+
531
388
  .accordion-items {
532
389
  display: flex;
533
390
  align-items: center;
534
391
  // The expanded item has its own copy of this rule, so the Info Icon gap has
535
392
  // to be read here too — changing it only moved the collapsed items.
536
- gap: var(
537
- --_ctm-mob-dn-io-in-in-gp,
538
- var(--_ctm-tab-dn-io-in-in-gp, var(--_ctm-dn-io-in-in-gp, 8px))
539
- );
393
+ gap: var(--_ctm-mob-dn-io-in-in-gp,
394
+ var(--_ctm-tab-dn-io-in-in-gp, var(--_ctm-dn-io-in-in-gp, 8px)));
395
+
540
396
  .icon {
541
397
  display: var(--_hover-show-icon, var(--_show-icon, flex));
398
+
542
399
  svg {
543
- width: var(
544
- --_ctm-mob-dn-io-in-in-se,
545
- var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se))
546
- );
547
- height: var(
548
- --_ctm-mob-dn-io-in-in-se,
549
- var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se))
550
- );
400
+ width: var(--_ctm-mob-dn-io-in-in-se,
401
+ var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se)));
402
+ height: var(--_ctm-mob-dn-io-in-in-se,
403
+ var(--_ctm-tab-dn-io-in-in-se, var(--_ctm-dn-io-in-in-se)));
404
+
551
405
  path {
552
- stroke: var(
553
- --_ctm-mob-dn-io-in-in-c1,
554
- var(--_ctm-tab-dn-io-in-in-c1, var(--_ctm-dn-io-in-in-c1))
555
- );
406
+ stroke: var(--_ctm-mob-dn-io-in-in-c1,
407
+ var(--_ctm-tab-dn-io-in-in-c1, var(--_ctm-dn-io-in-in-c1)));
556
408
  // Overrides the stroke-width presentation attribute baked into the icon markup.
557
409
  stroke-width: prepareMediaVariable(--_ctm-dn-io-in-se-wh, 1.25);
558
410
  }
@@ -560,98 +412,70 @@
560
412
  }
561
413
  }
562
414
  }
415
+
563
416
  .accordion-description {
564
417
  display: block;
565
418
  // padding-block-end: var(--_sf-dc-pd-bt);
566
- background-color: var(
567
- --_ctm-mob-dn-ed-an-im-bd-cr-dc,
568
- var(--_ctm-tab-dn-ed-an-im-bd-cr-dc, var(--_ctm-dn-ed-an-im-bd-cr-dc))
569
- );
570
- padding: var(
571
- --_ctm-mob-dn-ed-an-im-pg-dc,
572
- var(--_ctm-tab-dn-ed-an-im-pg-dc, var(--_ctm-dn-ed-an-im-pg-dc))
573
- );
419
+ background-color: var(--_ctm-mob-dn-ed-an-im-bd-cr-dc,
420
+ var(--_ctm-tab-dn-ed-an-im-bd-cr-dc, var(--_ctm-dn-ed-an-im-bd-cr-dc)));
421
+ padding: var(--_ctm-mob-dn-ed-an-im-pg-dc,
422
+ var(--_ctm-tab-dn-ed-an-im-pg-dc, var(--_ctm-dn-ed-an-im-pg-dc)));
423
+
574
424
  div {
575
- font-family: var(
576
- --_ctm-mob-dn-ed-an-im-ft-fy-dc,
577
- var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
578
- );
579
- text-transform: var(
580
- --_ctm-mob-dn-ed-an-im-tt-tm-dc,
581
- var(--_ctm-tab-dn-ed-an-im-tt-tm-dc, var(--_ctm-dn-ed-an-im-tt-tm-dc))
582
- );
583
- word-wrap: var(
584
- --_ctm-mob-dn-ed-an-im-wd-wp-dc,
585
- var(--_ctm-tab-dn-ed-an-im-wd-wp-dc, var(--_ctm-dn-ed-an-im-wd-wp-dc))
586
- );
587
- word-break: var(
588
- --_ctm-mob-dn-ed-an-im-wd-bk-dc,
589
- var(--_ctm-tab-dn-ed-an-im-wd-bk-dc, var(--_ctm-dn-ed-an-im-wd-bk-dc))
590
- );
425
+ font-family: var(--_ctm-mob-dn-ed-an-im-ft-fy-dc,
426
+ var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc)));
427
+ text-transform: var(--_ctm-mob-dn-ed-an-im-tt-tm-dc,
428
+ var(--_ctm-tab-dn-ed-an-im-tt-tm-dc, var(--_ctm-dn-ed-an-im-tt-tm-dc)));
429
+ word-wrap: var(--_ctm-mob-dn-ed-an-im-wd-wp-dc,
430
+ var(--_ctm-tab-dn-ed-an-im-wd-wp-dc, var(--_ctm-dn-ed-an-im-wd-wp-dc)));
431
+ word-break: var(--_ctm-mob-dn-ed-an-im-wd-bk-dc,
432
+ var(--_ctm-tab-dn-ed-an-im-wd-bk-dc, var(--_ctm-dn-ed-an-im-wd-bk-dc)));
591
433
  }
592
- color: var(
593
- --_ctm-mob-dn-ed-an-im-cr-dc,
594
- var(--_ctm-tab-dn-ed-an-im-cr-dc, var(--_ctm-dn-ed-an-im-cr-dc))
595
- );
596
- font-family: var(
597
- --_ctm-mob-dn-ed-an-im-ft-fy-dc,
598
- var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
599
- );
600
- text-transform: var(
601
- --_ctm-mob-dn-ed-an-im-tt-tm-dc,
602
- var(--_ctm-tab-dn-ed-an-im-tt-tm-dc, var(--_ctm-dn-ed-an-im-tt-tm-dc))
603
- );
604
- word-wrap: var(
605
- --_ctm-mob-dn-ed-an-im-wd-wp-dc,
606
- var(--_ctm-tab-dn-ed-an-im-wd-wp-dc, var(--_ctm-dn-ed-an-im-wd-wp-dc))
607
- );
608
- word-break: var(
609
- --_ctm-mob-dn-ed-an-im-wd-bk-dc,
610
- var(--_ctm-tab-dn-ed-an-im-wd-bk-dc, var(--_ctm-dn-ed-an-im-wd-bk-dc))
611
- );
434
+
435
+ color: var(--_ctm-mob-dn-ed-an-im-cr-dc,
436
+ var(--_ctm-tab-dn-ed-an-im-cr-dc, var(--_ctm-dn-ed-an-im-cr-dc)));
437
+ font-family: var(--_ctm-mob-dn-ed-an-im-ft-fy-dc,
438
+ var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc)));
439
+ text-transform: var(--_ctm-mob-dn-ed-an-im-tt-tm-dc,
440
+ var(--_ctm-tab-dn-ed-an-im-tt-tm-dc, var(--_ctm-dn-ed-an-im-tt-tm-dc)));
441
+ word-wrap: var(--_ctm-mob-dn-ed-an-im-wd-wp-dc,
442
+ var(--_ctm-tab-dn-ed-an-im-wd-wp-dc, var(--_ctm-dn-ed-an-im-wd-wp-dc)));
443
+ word-break: var(--_ctm-mob-dn-ed-an-im-wd-bk-dc,
444
+ var(--_ctm-tab-dn-ed-an-im-wd-bk-dc, var(--_ctm-dn-ed-an-im-wd-bk-dc)));
445
+
612
446
  &.flex__overflow {
613
447
  white-space: normal;
614
448
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
615
449
  }
616
- font-size: var(
617
- --_ctm-mob-dn-ed-an-im-ft-se-dc,
618
- var(--_ctm-tab-dn-ed-an-im-ft-se-dc, var(--_ctm-dn-ed-an-im-ft-se-dc))
619
- );
620
- font-weight: var(
621
- --_ctm-mob-dn-ed-an-im-ft-wt-dc,
622
- var(--_ctm-tab-dn-ed-an-im-ft-wt-dc, var(--_ctm-dn-ed-an-im-ft-wt-dc))
623
- );
624
- font-style: var(
625
- --_ctm-mob-dn-ed-an-im-ft-se-ic-dc,
626
- var(--_ctm-tab-dn-ed-an-im-ft-se-ic-dc, var(--_ctm-dn-ed-an-im-ft-se-ic-dc))
627
- );
628
- text-align: var(
629
- --_ctm-mob-dn-ed-an-im-tt-an-dc,
630
- var(--_ctm-tab-dn-ed-an-im-tt-an-dc, var(--_ctm-dn-ed-an-im-tt-an-dc))
631
- );
632
- letter-spacing: var(
633
- --_ctm-mob-dn-ed-an-im-lr-sg-dc,
634
- var(--_ctm-tab-dn-ed-an-im-lr-sg-dc, var(--_ctm-dn-ed-an-im-lr-sg-dc))
635
- );
636
- line-height: var(
637
- --_ctm-mob-dn-ed-an-im-le-ht-dc,
638
- var(--_ctm-tab-dn-ed-an-im-le-ht-dc, var(--_ctm-dn-ed-an-im-le-ht-dc))
639
- );
640
- text-decoration: var(
641
- --_ctm-mob-dn-ed-an-im-ue-dc,
642
- var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc))
643
- );
450
+
451
+ font-size: var(--_ctm-mob-dn-ed-an-im-ft-se-dc,
452
+ var(--_ctm-tab-dn-ed-an-im-ft-se-dc, var(--_ctm-dn-ed-an-im-ft-se-dc)));
453
+ font-weight: var(--_ctm-mob-dn-ed-an-im-ft-wt-dc,
454
+ var(--_ctm-tab-dn-ed-an-im-ft-wt-dc, var(--_ctm-dn-ed-an-im-ft-wt-dc)));
455
+ font-style: var(--_ctm-mob-dn-ed-an-im-ft-se-ic-dc,
456
+ var(--_ctm-tab-dn-ed-an-im-ft-se-ic-dc, var(--_ctm-dn-ed-an-im-ft-se-ic-dc)));
457
+ text-align: var(--_ctm-mob-dn-ed-an-im-tt-an-dc,
458
+ var(--_ctm-tab-dn-ed-an-im-tt-an-dc, var(--_ctm-dn-ed-an-im-tt-an-dc)));
459
+ letter-spacing: var(--_ctm-mob-dn-ed-an-im-lr-sg-dc,
460
+ var(--_ctm-tab-dn-ed-an-im-lr-sg-dc, var(--_ctm-dn-ed-an-im-lr-sg-dc)));
461
+ line-height: var(--_ctm-mob-dn-ed-an-im-le-ht-dc,
462
+ var(--_ctm-tab-dn-ed-an-im-le-ht-dc, var(--_ctm-dn-ed-an-im-le-ht-dc)));
463
+ text-decoration: var(--_ctm-mob-dn-ed-an-im-ue-dc,
464
+ var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc)));
644
465
  }
645
466
 
646
467
  .accordion-title {
647
468
  position: relative;
648
469
  }
470
+
649
471
  &[data-show-divider="true"] {
472
+
650
473
  // The divider is a pseudo-element and takes no space of its own, so a thick one
651
474
  // grew back over the title above it — see dividerGapReserve in functions.scss.
652
475
  .accordion-title:not(:last-child) {
653
476
  @include dividerGapReserve(--_ctm-dn-ed-an-im-dr-wt);
654
477
  }
478
+
655
479
  .accordion-title:not(:last-child)::before {
656
480
  content: "";
657
481
  position: absolute;
@@ -659,18 +483,15 @@
659
483
  right: 0;
660
484
  bottom: dividerGapOffset(--_ctm-lt-te-ad-dn-sg, --_ctm-dn-ed-an-im-dr-wt);
661
485
 
662
- height: var(
663
- --_ctm-mob-dn-ed-an-im-dr-wt,
664
- var(--_ctm-tab-dn-ed-an-im-dr-wt, var(--_ctm-dn-ed-an-im-dr-wt))
665
- );
666
- background-color: var(
667
- --_ctm-mob-dn-ed-an-im-dr-cr,
668
- var(--_ctm-tab-dn-ed-an-im-dr-cr, var(--_ctm-dn-ed-an-im-dr-cr))
669
- );
486
+ height: var(--_ctm-mob-dn-ed-an-im-dr-wt,
487
+ var(--_ctm-tab-dn-ed-an-im-dr-wt, var(--_ctm-dn-ed-an-im-dr-wt)));
488
+ background-color: var(--_ctm-mob-dn-ed-an-im-dr-cr,
489
+ var(--_ctm-tab-dn-ed-an-im-dr-cr, var(--_ctm-dn-ed-an-im-dr-cr)));
670
490
  }
671
491
  }
672
492
  }
673
493
  }
494
+
674
495
  .divider {
675
496
  // height: var(
676
497
  // --_ctm-mob-dn-wt-se-dr-wt,
@@ -680,17 +501,16 @@
680
501
  // --_ctm-mob-dn-wt-se-dr-cr,
681
502
  // var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
682
503
  // );
683
- border: none; /* Remove default border */
684
- height: var(
685
- --_ctm-mob-dn-dr-dr-wt,
686
- var(--_ctm-tab-dn-dr-dr-wt, var(--_ctm-dn-dr-dr-wt))
687
- ); /* Set thickness */
688
- background-color: var(
689
- --_ctm-mob-dn-dr-dr-cr,
690
- var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
691
- ); /* Set color */
504
+ border: none;
505
+ /* Remove default border */
506
+ height: var(--_ctm-mob-dn-dr-dr-wt,
507
+ var(--_ctm-tab-dn-dr-dr-wt, var(--_ctm-dn-dr-dr-wt)));
508
+ /* Set thickness */
509
+ background-color: var(--_ctm-mob-dn-dr-dr-cr,
510
+ var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr)));
511
+ /* Set color */
692
512
  // margin: 20px 0; /* Optional spacing */
693
513
  // border-radius: 2px;
694
514
  }
695
515
  }
696
- }
516
+ }