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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. package/package.json +1 -1
package/dist/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
+ }