@sc-360-v2/storefront-cms-library 0.5.59 → 0.5.61

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 (156) hide show
  1. package/dist/add-order.scss +2 -8
  2. package/dist/allocation-header-quota-details.scss +9 -4
  3. package/dist/allocationDetails.scss +167 -164
  4. package/dist/allocations-quota-details.scss +9 -4
  5. package/dist/allocations.scss +1 -4
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/builder.js +1 -1
  8. package/dist/builderLite.js +1 -1
  9. package/dist/bulk-variant-picker.scss +24 -26
  10. package/dist/bundle copy.scss +235 -0
  11. package/dist/bundle.scss +10 -10
  12. package/dist/bundleCategories.scss +301 -0
  13. package/dist/bundleDetails.scss +10 -1
  14. package/dist/button copy.scss +28 -0
  15. package/dist/buy-for-tabs-container-item.scss +80 -80
  16. package/dist/buyForHeaders.scss +3 -12
  17. package/dist/cart-details.scss +23 -4
  18. package/dist/cart-products-sidebar.scss +211 -211
  19. package/dist/cart-summary.scss +82 -10
  20. package/dist/cart-wrapper.scss +127 -127
  21. package/dist/cart.scss +2 -2
  22. package/dist/cartDropdownOverlay.scss +10 -1
  23. package/dist/cartGrouping.scss +89 -89
  24. package/dist/category-groups-product-grid.scss +143 -155
  25. package/dist/category-groups-product-image.scss +1372 -2010
  26. package/dist/category-groups-product-options.scss +680 -1054
  27. package/dist/category-groups-product-price.scss +2742 -4997
  28. package/dist/category-groups-quota-details.scss +7 -2
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/checkout.scss +1850 -4170
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirmationModal.scss +139 -139
  35. package/dist/coupon.scss +352 -714
  36. package/dist/custom-fonts.scss +100 -100
  37. package/dist/embroider-preview-element.scss +94 -94
  38. package/dist/emtpy-templates.scss +165 -165
  39. package/dist/faq.scss +7 -11
  40. package/dist/flex-text-editor.scss +271 -271
  41. package/dist/functions.scss +36 -0
  42. package/dist/gallery-slider-temp.scss +42 -5
  43. package/dist/hotspot.scss +1 -4
  44. package/dist/icon-list.scss +30 -59
  45. package/dist/image-for-product.scss +21 -21
  46. package/dist/image-temp.scss +18 -3
  47. package/dist/language-selector.scss +29 -21
  48. package/dist/last-x-orders.scss +6 -13
  49. package/dist/layouter-item.scss +3 -1
  50. package/dist/layouter.scss +164 -29
  51. package/dist/lightbox.scss +78 -78
  52. package/dist/line.scss +29 -70
  53. package/dist/loader.scss +37 -37
  54. package/dist/login.scss +49 -41
  55. package/dist/map.scss +23 -9
  56. package/dist/mega-menu.scss +1 -4
  57. package/dist/menu-item.scss +19 -19
  58. package/dist/myTemplates.scss +3 -0
  59. package/dist/order-processing.scss +61 -61
  60. package/dist/overflow-module.scss +63 -63
  61. package/dist/pickup-locations.scss +6 -3
  62. package/dist/position-module.scss +95 -95
  63. package/dist/prefix-list.scss +86 -86
  64. package/dist/product-actions.scss +6 -9
  65. package/dist/product-highlights.scss +40 -12
  66. package/dist/product-image-bundles.scss +12 -33
  67. package/dist/product-image.scss +341 -724
  68. package/dist/product-labels.scss +10 -8
  69. package/dist/product-options.scss +270 -125
  70. package/dist/product-price.scss +8 -2
  71. package/dist/productDetails.scss +2 -1
  72. package/dist/profile.scss +28 -0
  73. package/dist/quick-inventory-check.scss +6 -13
  74. package/dist/quick-links.scss +4 -0
  75. package/dist/quick-order-pad.scss +2 -2
  76. package/dist/quota-details.scss +11 -15
  77. package/dist/repeater copy.scss +24 -0
  78. package/dist/repeater-embla-controls.scss +13 -4
  79. package/dist/repeater.scss +161 -7
  80. package/dist/responsive-behaviour.scss +29 -29
  81. package/dist/scroll.scss +31 -1
  82. package/dist/shareCartSideBar.scss +254 -254
  83. package/dist/shipping-estimator.scss +41 -41
  84. package/dist/simple-list.scss +67 -0
  85. package/dist/social.scss +2 -2
  86. package/dist/sort.scss +89 -89
  87. package/dist/static-text.scss +52 -52
  88. package/dist/store-locations.scss +10 -8
  89. package/dist/sub-category.scss +74 -74
  90. package/dist/submit-quote.scss +275 -275
  91. package/dist/tab-container-item.scss +80 -80
  92. package/dist/tab-v2.scss +277 -604
  93. package/dist/table-common.scss +2 -2
  94. package/dist/table.scss +2 -2
  95. package/dist/text-temp-v2.scss +12 -23
  96. package/dist/text-temp.scss +109 -109
  97. package/dist/toggle-button.scss +32 -32
  98. package/dist/transform-properties-module.scss +20 -20
  99. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  100. package/dist/types/builder/enums/index.d.ts +1 -0
  101. package/dist/types/builder/index.d.ts +2 -1
  102. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  103. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  104. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  105. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  106. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  107. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  108. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  109. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  110. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  111. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  112. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  113. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1325 -74
  114. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  115. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  116. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  117. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  118. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  119. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  120. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  121. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  122. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  123. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  124. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  125. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  126. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  127. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  128. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  129. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  130. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  131. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  132. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  133. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  134. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  135. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  136. package/dist/types/builder/tools/element-edit/scroll.d.ts +8 -11
  137. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  138. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  139. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  140. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  141. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  142. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  143. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  144. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  145. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  146. package/dist/types/builder/tools/element-edit/userElements.d.ts +62 -22
  147. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  148. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  149. package/dist/uom-selector.scss +8 -2
  150. package/dist/user-elements.scss +133 -104
  151. package/dist/variant-picker.scss +1 -4
  152. package/dist/video.scss +147 -325
  153. package/dist/volume-pricing.scss +2 -2
  154. package/dist/website.js +1 -1
  155. package/dist/wishlist-overlay.scss +48 -48
  156. package/package.json +131 -131
package/dist/video.scss CHANGED
@@ -5,28 +5,15 @@
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="video"] {
7
7
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
- width: var(
9
- --_sf-el-wh-st-mx,
10
- calc(
11
- 1% *
12
- var(
13
- --_ctm-mob-ele-nw-wh-vl,
14
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
- )
16
- )
17
- );
8
+ width: var(--_sf-el-wh-st-mx,
9
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
10
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
18
11
  height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
19
12
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
13
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
- --_aspect-ratio: calc(
22
- 1 *
23
- (
24
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
25
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
26
- )
27
- );
28
-
29
- & > .wrapper {
14
+ --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
15
+
16
+ &>.wrapper {
30
17
  // width: 100%;
31
18
  // height: 100%;
32
19
  position: relative;
@@ -96,35 +83,23 @@
96
83
  .video__container {
97
84
  .video__thumbnail {
98
85
  .placeholder__img {
99
- border-color: var(
100
- --_ctm-mob-dn-vo-pr-br-cr,
101
- var(--_ctm-tab-dn-vo-pr-br-cr, var(--_ctm-dn-vo-pr-br-cr))
102
- );
103
- border-style: var(
104
- --_ctm-mob-dn-vo-pr-br-se,
105
- var(--_ctm-tab-dn-vo-pr-br-se, var(--_ctm-dn-vo-pr-br-se))
106
- );
107
- border-width: var(
108
- --_ctm-mob-dn-vo-pr-br-wh,
109
- var(--_ctm-tab-dn-vo-pr-br-wh, var(--_ctm-dn-vo-pr-br-wh))
110
- );
86
+ border-color: var(--_ctm-mob-dn-vo-pr-br-cr,
87
+ var(--_ctm-tab-dn-vo-pr-br-cr, var(--_ctm-dn-vo-pr-br-cr)));
88
+ border-style: var(--_ctm-mob-dn-vo-pr-br-se,
89
+ var(--_ctm-tab-dn-vo-pr-br-se, var(--_ctm-dn-vo-pr-br-se)));
90
+ border-width: var(--_ctm-mob-dn-vo-pr-br-wh,
91
+ var(--_ctm-tab-dn-vo-pr-br-wh, var(--_ctm-dn-vo-pr-br-wh)));
111
92
  }
112
93
  }
113
94
 
114
95
  .video__data {
115
96
  video {
116
- border-color: var(
117
- --_ctm-mob-dn-vo-pr-br-cr,
118
- var(--_ctm-tab-dn-vo-pr-br-cr, var(--_ctm-dn-vo-pr-br-cr))
119
- );
120
- border-style: var(
121
- --_ctm-mob-dn-vo-pr-br-se,
122
- var(--_ctm-tab-dn-vo-pr-br-se, var(--_ctm-dn-vo-pr-br-se))
123
- );
124
- border-width: var(
125
- --_ctm-mob-dn-vo-pr-br-wh,
126
- var(--_ctm-tab-dn-vo-pr-br-wh, var(--_ctm-dn-vo-pr-br-wh))
127
- );
97
+ border-color: var(--_ctm-mob-dn-vo-pr-br-cr,
98
+ var(--_ctm-tab-dn-vo-pr-br-cr, var(--_ctm-dn-vo-pr-br-cr)));
99
+ border-style: var(--_ctm-mob-dn-vo-pr-br-se,
100
+ var(--_ctm-tab-dn-vo-pr-br-se, var(--_ctm-dn-vo-pr-br-se)));
101
+ border-width: var(--_ctm-mob-dn-vo-pr-br-wh,
102
+ var(--_ctm-tab-dn-vo-pr-br-wh, var(--_ctm-dn-vo-pr-br-wh)));
128
103
  }
129
104
  }
130
105
  }
@@ -134,43 +109,21 @@
134
109
  .video__container {
135
110
  .video__thumbnail {
136
111
  .placeholder__img {
137
- box-shadow: var(
138
- --_ctm-mob-dn-vo-pr-sw-ae,
139
- var(--_ctm-tab-dn-vo-pr-sw-ae, var(--_ctm-dn-vo-pr-sw-ae))
140
- )
141
- var(
142
- --_ctm-mob-dn-vo-pr-sw-br,
143
- var(--_ctm-tab-dn-vo-pr-sw-br, var(--_ctm-dn-vo-pr-sw-br))
144
- )
145
- var(
146
- --_ctm-mob-dn-vo-pr-sw-sd,
147
- var(--_ctm-tab-dn-vo-pr-sw-sd, var(--_ctm-dn-vo-pr-sw-sd))
148
- )
149
- var(
150
- --_ctm-mob-dn-vo-pr-sw-cr,
151
- var(--_ctm-tab-dn-vo-pr-sw-cr, var(--_ctm-dn-vo-pr-sw-cr))
152
- );
112
+ box-shadow: var(--_ctm-mob-dn-vo-pr-sw-ae,
113
+ var(--_ctm-tab-dn-vo-pr-sw-ae, var(--_ctm-dn-vo-pr-sw-ae))) var(--_ctm-mob-dn-vo-pr-sw-br,
114
+ var(--_ctm-tab-dn-vo-pr-sw-br, var(--_ctm-dn-vo-pr-sw-br))) var(--_ctm-mob-dn-vo-pr-sw-sd,
115
+ var(--_ctm-tab-dn-vo-pr-sw-sd, var(--_ctm-dn-vo-pr-sw-sd))) var(--_ctm-mob-dn-vo-pr-sw-cr,
116
+ var(--_ctm-tab-dn-vo-pr-sw-cr, var(--_ctm-dn-vo-pr-sw-cr)));
153
117
  }
154
118
  }
155
119
 
156
120
  .video__data {
157
121
  video {
158
- box-shadow: var(
159
- --_ctm-mob-dn-vo-pr-sw-ae,
160
- var(--_ctm-tab-dn-vo-pr-sw-ae, var(--_ctm-dn-vo-pr-sw-ae))
161
- )
162
- var(
163
- --_ctm-mob-dn-vo-pr-sw-br,
164
- var(--_ctm-tab-dn-vo-pr-sw-br, var(--_ctm-dn-vo-pr-sw-br))
165
- )
166
- var(
167
- --_ctm-mob-dn-vo-pr-sw-sd,
168
- var(--_ctm-tab-dn-vo-pr-sw-sd, var(--_ctm-dn-vo-pr-sw-sd))
169
- )
170
- var(
171
- --_ctm-mob-dn-vo-pr-sw-cr,
172
- var(--_ctm-tab-dn-vo-pr-sw-cr, var(--_ctm-dn-vo-pr-sw-cr))
173
- );
122
+ box-shadow: var(--_ctm-mob-dn-vo-pr-sw-ae,
123
+ var(--_ctm-tab-dn-vo-pr-sw-ae, var(--_ctm-dn-vo-pr-sw-ae))) var(--_ctm-mob-dn-vo-pr-sw-br,
124
+ var(--_ctm-tab-dn-vo-pr-sw-br, var(--_ctm-dn-vo-pr-sw-br))) var(--_ctm-mob-dn-vo-pr-sw-sd,
125
+ var(--_ctm-tab-dn-vo-pr-sw-sd, var(--_ctm-dn-vo-pr-sw-sd))) var(--_ctm-mob-dn-vo-pr-sw-cr,
126
+ var(--_ctm-tab-dn-vo-pr-sw-cr, var(--_ctm-dn-vo-pr-sw-cr)));
174
127
  }
175
128
  }
176
129
  }
@@ -178,18 +131,12 @@
178
131
 
179
132
  &[data-widget-border="true"] {
180
133
  .video__container {
181
- border-color: var(
182
- --_ctm-mob-dn-vo-wt-dn-br-cr,
183
- var(--_ctm-tab-dn-vo-wt-dn-br-cr, var(--_ctm-dn-vo-wt-dn-br-cr))
184
- );
185
- border-style: var(
186
- --_ctm-mob-dn-vo-wt-dn-br-se,
187
- var(--_ctm-tab-dn-vo-wt-dn-br-se, var(--_ctm-dn-vo-wt-dn-br-se))
188
- );
189
- border-width: var(
190
- --_ctm-mob-dn-vo-wt-dn-br-wh,
191
- var(--_ctm-tab-dn-vo-wt-dn-br-wh, var(--_ctm-dn-vo-wt-dn-br-wh))
192
- );
134
+ border-color: var(--_ctm-mob-dn-vo-wt-dn-br-cr,
135
+ var(--_ctm-tab-dn-vo-wt-dn-br-cr, var(--_ctm-dn-vo-wt-dn-br-cr)));
136
+ border-style: var(--_ctm-mob-dn-vo-wt-dn-br-se,
137
+ var(--_ctm-tab-dn-vo-wt-dn-br-se, var(--_ctm-dn-vo-wt-dn-br-se)));
138
+ border-width: var(--_ctm-mob-dn-vo-wt-dn-br-wh,
139
+ var(--_ctm-tab-dn-vo-wt-dn-br-wh, var(--_ctm-dn-vo-wt-dn-br-wh)));
193
140
  }
194
141
  }
195
142
 
@@ -199,20 +146,14 @@
199
146
 
200
147
  &[data-content-border="true"] {
201
148
  .video__content {
202
- border-color: var(
203
- --_ctm-mob-dn-vo-tt-cr-dn-br-cr,
204
- var(--_ctm-tab-dn-vo-tt-cr-dn-br-cr, var(--_ctm-dn-vo-tt-cr-dn-br-cr))
205
- );
206
-
207
- border-style: var(
208
- --_ctm-mob-dn-vo-tt-cr-dn-br-se,
209
- var(--_ctm-tab-dn-vo-tt-cr-dn-br-se, var(--_ctm-dn-vo-tt-cr-dn-br-se))
210
- );
211
-
212
- border-width: var(
213
- --_ctm-mob-dn-vo-tt-cr-dn-br-wh,
214
- var(--_ctm-tab-dn-vo-tt-cr-dn-br-wh, var(--_ctm-dn-vo-tt-cr-dn-br-wh))
215
- );
149
+ border-color: var(--_ctm-mob-dn-vo-tt-cr-dn-br-cr,
150
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-cr, var(--_ctm-dn-vo-tt-cr-dn-br-cr)));
151
+
152
+ border-style: var(--_ctm-mob-dn-vo-tt-cr-dn-br-se,
153
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-se, var(--_ctm-dn-vo-tt-cr-dn-br-se)));
154
+
155
+ border-width: var(--_ctm-mob-dn-vo-tt-cr-dn-br-wh,
156
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-wh, var(--_ctm-dn-vo-tt-cr-dn-br-wh)));
216
157
  }
217
158
  }
218
159
 
@@ -234,222 +175,119 @@
234
175
 
235
176
  &[data-icon-border="true"] {
236
177
  .video__icon {
237
- border-color: var(
238
- --_ctm-mob-dn-py-pe-br-cr,
239
- var(--_ctm-tab-dn-py-pe-br-cr, var(--_ctm-dn-py-pe-br-cr))
240
- );
241
- border-style: var(
242
- --_ctm-mob-dn-py-pe-br-se,
243
- var(--_ctm-tab-dn-py-pe-br-se, var(--_ctm-dn-py-pe-br-se))
244
- );
245
- border-width: var(
246
- --_ctm-mob-dn-py-pe-br-wh,
247
- var(--_ctm-tab-dn-py-pe-br-wh, var(--_ctm-dn-py-pe-br-wh))
248
- );
178
+ border-color: var(--_ctm-mob-dn-py-pe-br-cr,
179
+ var(--_ctm-tab-dn-py-pe-br-cr, var(--_ctm-dn-py-pe-br-cr)));
180
+ border-style: var(--_ctm-mob-dn-py-pe-br-se,
181
+ var(--_ctm-tab-dn-py-pe-br-se, var(--_ctm-dn-py-pe-br-se)));
182
+ border-width: var(--_ctm-mob-dn-py-pe-br-wh,
183
+ var(--_ctm-tab-dn-py-pe-br-wh, var(--_ctm-dn-py-pe-br-wh)));
249
184
  }
250
185
  }
251
186
 
252
187
  .video__icon {
253
- box-shadow: var(
254
- --_ctm-mob-dn-py-pe-sw-ae,
255
- var(--_ctm-tab-dn-py-pe-sw-ae, var(--_ctm-dn-py-pe-sw-ae))
256
- )
257
- var(--_ctm-mob-dn-py-pe-sw-br, var(--_ctm-tab-dn-py-pe-sw-br, var(--_ctm-dn-py-pe-sw-br)))
258
- var(--_ctm-mob-dn-py-pe-sw-sd, var(--_ctm-tab-dn-py-pe-sw-sd, var(--_ctm-dn-py-pe-sw-sd)))
259
- var(--_ctm-mob-dn-py-pe-sw-cr, var(--_ctm-tab-dn-py-pe-sw-cr, var(--_ctm-dn-py-pe-sw-cr)));
188
+ box-shadow: var(--_ctm-mob-dn-py-pe-sw-ae,
189
+ var(--_ctm-tab-dn-py-pe-sw-ae, var(--_ctm-dn-py-pe-sw-ae))) var(--_ctm-mob-dn-py-pe-sw-br,
190
+ var(--_ctm-tab-dn-py-pe-sw-br, var(--_ctm-dn-py-pe-sw-br))) var(--_ctm-mob-dn-py-pe-sw-sd,
191
+ var(--_ctm-tab-dn-py-pe-sw-sd, var(--_ctm-dn-py-pe-sw-sd))) var(--_ctm-mob-dn-py-pe-sw-cr,
192
+ var(--_ctm-tab-dn-py-pe-sw-cr, var(--_ctm-dn-py-pe-sw-cr)));
260
193
  }
261
194
 
262
195
  .video__container {
263
196
  display: flex;
264
- gap: var(
265
- --_ctm-mob-dn-vo-wt-lt-wt-tt-ad-im-sg,
266
- var(--_ctm-tab-dn-vo-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-vo-wt-lt-wt-tt-ad-im-sg))
267
- );
197
+ gap: var(--_ctm-mob-dn-vo-wt-lt-wt-tt-ad-im-sg,
198
+ var(--_ctm-tab-dn-vo-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-vo-wt-lt-wt-tt-ad-im-sg)));
268
199
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
269
- background-color: var(
270
- --_ctm-mob-dn-vo-wt-dn-bd-cr,
271
- var(--_ctm-tab-dn-vo-wt-dn-bd-cr, var(--_ctm-dn-vo-wt-dn-bd-cr))
272
- );
200
+ background-color: var(--_ctm-mob-dn-vo-wt-dn-bd-cr,
201
+ var(--_ctm-tab-dn-vo-wt-dn-bd-cr, var(--_ctm-dn-vo-wt-dn-bd-cr)));
273
202
  flex-direction: var(--_sf-fd-bn);
274
203
  align-items: center;
275
204
  justify-content: var(--_sf-jc, center);
276
- box-shadow: var(
277
- --_show-shadow,
278
- var(
279
- --_ctm-mob-dn-vo-wt-dn-sw-ae,
280
- var(--_ctm-tab-dn-vo-wt-dn-sw-ae, var(--_ctm-dn-vo-wt-dn-sw-ae))
281
- )
282
- var(
283
- --_ctm-mob-dn-vo-wt-dn-sw-br,
284
- var(--_ctm-tab-dn-vo-wt-dn-sw-br, var(--_ctm-dn-vo-wt-dn-sw-br))
285
- )
286
- var(
287
- --_ctm-mob-dn-vo-wt-dn-sw-sd,
288
- var(--_ctm-tab-dn-vo-wt-dn-sw-sd, var(--_ctm-dn-vo-wt-dn-sw-sd))
289
- )
290
- var(
291
- --_ctm-mob-dn-vo-wt-dn-sw-cr,
292
- var(--_ctm-tab-dn-vo-wt-dn-sw-cr, var(--_ctm-dn-vo-wt-dn-sw-cr))
293
- )
294
- );
205
+ box-shadow: var(--_show-shadow,
206
+ var(--_ctm-mob-dn-vo-wt-dn-sw-ae,
207
+ var(--_ctm-tab-dn-vo-wt-dn-sw-ae, var(--_ctm-dn-vo-wt-dn-sw-ae))) var(--_ctm-mob-dn-vo-wt-dn-sw-br,
208
+ var(--_ctm-tab-dn-vo-wt-dn-sw-br, var(--_ctm-dn-vo-wt-dn-sw-br))) var(--_ctm-mob-dn-vo-wt-dn-sw-sd,
209
+ var(--_ctm-tab-dn-vo-wt-dn-sw-sd, var(--_ctm-dn-vo-wt-dn-sw-sd))) var(--_ctm-mob-dn-vo-wt-dn-sw-cr,
210
+ var(--_ctm-tab-dn-vo-wt-dn-sw-cr, var(--_ctm-dn-vo-wt-dn-sw-cr))));
295
211
  width: 100%;
296
212
  height: auto;
297
- border-radius: var(
298
- --_ctm-mob-dn-vo-wt-dn-br-rs,
299
- var(--_ctm-tab-dn-vo-wt-dn-br-rs, var(--_ctm-dn-vo-wt-dn-br-rs))
300
- );
213
+ border-radius: var(--_ctm-mob-dn-vo-wt-dn-br-rs,
214
+ var(--_ctm-tab-dn-vo-wt-dn-br-rs, var(--_ctm-dn-vo-wt-dn-br-rs)));
301
215
 
302
216
  .video__content {
303
217
  display: flex;
304
218
  flex-direction: column;
305
- padding: var(
306
- --_ctm-mob-dn-vo-tt-lt-tt-vl-pg,
307
- var(--_ctm-tab-dn-vo-tt-lt-tt-vl-pg, var(--_ctm-dn-vo-tt-lt-tt-vl-pg))
308
- )
309
- var(
310
- --_ctm-mob-dn-vo-tt-lt-tt-hl-pg,
311
- var(--_ctm-tab-dn-vo-tt-lt-tt-hl-pg, var(--_ctm-dn-vo-tt-lt-tt-hl-pg))
312
- );
313
- gap: var(
314
- --_ctm-mob-dn-vo-tt-lt-te-ad-dn-sg,
315
- var(--_ctm-tab-dn-vo-tt-lt-te-ad-dn-sg, var(--_ctm-dn-vo-tt-lt-te-ad-dn-sg))
316
- );
219
+ padding: var(--_ctm-mob-dn-vo-tt-lt-tt-vl-pg,
220
+ var(--_ctm-tab-dn-vo-tt-lt-tt-vl-pg, var(--_ctm-dn-vo-tt-lt-tt-vl-pg))) var(--_ctm-mob-dn-vo-tt-lt-tt-hl-pg,
221
+ var(--_ctm-tab-dn-vo-tt-lt-tt-hl-pg, var(--_ctm-dn-vo-tt-lt-tt-hl-pg)));
222
+ gap: var(--_ctm-mob-dn-vo-tt-lt-te-ad-dn-sg,
223
+ var(--_ctm-tab-dn-vo-tt-lt-te-ad-dn-sg, var(--_ctm-dn-vo-tt-lt-te-ad-dn-sg)));
317
224
 
318
225
  background-color: var(--_ctm-dn-vo-tt-cr-dn-bd-cr, var(--_tst-dn-vo-tt-cr-dn-bd-cr));
319
- background-color: var(
320
- --_ctm-mob-dn-vo-tt-cr-dn-bd-cr,
321
- var(--_ctm-tab-dn-vo-tt-cr-dn-bd-cr, var(--_ctm-dn-vo-tt-cr-dn-bd-cr))
322
- );
323
- border-radius: var(
324
- --_ctm-mob-dn-vo-tt-cr-dn-br-rs,
325
- var(--_ctm-tab-dn-vo-tt-cr-dn-br-rs, var(--_ctm-dn-vo-tt-cr-dn-br-rs))
326
- );
327
- box-shadow: var(
328
- --_show-text-content-shadow,
329
- var(
330
- --_ctm-mob-dn-vo-tt-cr-dn-sw-ae,
331
- var(--_ctm-tab-dn-vo-tt-cr-dn-sw-ae, var(--_ctm-dn-vo-tt-cr-dn-sw-ae))
332
- )
333
- var(
334
- --_ctm-mob-dn-vo-tt-cr-dn-sw-br,
335
- var(--_ctm-tab-dn-vo-tt-cr-dn-sw-br, var(--_ctm-dn-vo-tt-cr-dn-sw-br))
336
- )
337
- var(
338
- --_ctm-mob-dn-vo-tt-cr-dn-sw-sd,
339
- var(--_ctm-tab-dn-vo-tt-cr-dn-sw-sd, var(--_ctm-dn-vo-tt-cr-dn-sw-sd))
340
- )
341
- var(
342
- --_ctm-mob-dn-vo-tt-cr-dn-sw-cr,
343
- var(--_ctm-tab-dn-vo-tt-cr-dn-sw-cr, var(--_ctm-dn-vo-tt-cr-dn-sw-cr))
344
- )
345
- );
226
+ background-color: var(--_ctm-mob-dn-vo-tt-cr-dn-bd-cr,
227
+ var(--_ctm-tab-dn-vo-tt-cr-dn-bd-cr, var(--_ctm-dn-vo-tt-cr-dn-bd-cr)));
228
+ border-radius: var(--_ctm-mob-dn-vo-tt-cr-dn-br-rs,
229
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-rs, var(--_ctm-dn-vo-tt-cr-dn-br-rs)));
230
+ box-shadow: var(--_show-text-content-shadow,
231
+ var(--_ctm-mob-dn-vo-tt-cr-dn-sw-ae,
232
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-ae, var(--_ctm-dn-vo-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-vo-tt-cr-dn-sw-br,
233
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-br, var(--_ctm-dn-vo-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-vo-tt-cr-dn-sw-sd,
234
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-sd, var(--_ctm-dn-vo-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-vo-tt-cr-dn-sw-cr,
235
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-cr, var(--_ctm-dn-vo-tt-cr-dn-sw-cr))));
346
236
 
347
237
  h3 {
348
- color: var(
349
- --_ctm-mob-dn-vo-wt-dn-cr,
350
- var(--_ctm-tab-dn-vo-wt-dn-cr, var(--_ctm-dn-vo-wt-dn-cr))
351
- );
352
- font-family: var(
353
- --_sf-hr-ff,
354
- var(
355
- --_ctm-mob-dn-vo-wt-dn-ft-fy,
356
- var(--_ctm-tab-dn-vo-wt-dn-ft-fy, var(--_ctm-dn-vo-wt-dn-ft-fy))
357
- )
358
- );
359
- font-size: var(
360
- --_ctm-mob-dn-vo-wt-dn-ft-se,
361
- var(--_ctm-tab-dn-vo-wt-dn-ft-se, var(--_ctm-dn-vo-wt-dn-ft-se))
362
- );
363
- font-weight: var(
364
- --_ctm-mob-dn-vo-wt-dn-ft-wt,
365
- var(--_ctm-tab-dn-vo-wt-dn-ft-wt, var(--_ctm-dn-vo-wt-dn-ft-wt))
366
- );
367
- font-style: var(
368
- --_ctm-mob-dn-vo-wt-dn-ft-se-ic,
369
- var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic, var(--_ctm-dn-vo-wt-dn-ft-se-ic))
370
- );
371
- text-align: var(
372
- --_ctm-mob-dn-vo-wt-dn-tt-an,
373
- var(--_ctm-tab-dn-vo-wt-dn-tt-an, var(--_ctm-dn-vo-wt-dn-tt-an))
374
- );
375
- letter-spacing: var(
376
- --_ctm-mob-dn-vo-wt-dn-lr-sg,
377
- var(--_ctm-tab-dn-vo-wt-dn-lr-sg, var(--_ctm-dn-vo-wt-dn-lr-sg))
378
- );
379
- line-height: var(
380
- --_ctm-mob-dn-vo-wt-dn-le-ht,
381
- var(--_ctm-tab-dn-vo-wt-dn-le-ht, var(--_ctm-dn-vo-wt-dn-le-ht))
382
- );
383
- text-decoration: var(
384
- --_ctm-mob-dn-vo-wt-dn-ue,
385
- var(--_ctm-tab-dn-vo-wt-dn-ue, var(--_ctm-dn-vo-wt-dn-ue))
386
- );
387
- text-transform: var(
388
- --_ctm-mob-dn-vo-wt-dn-tt-tm,
389
- var(--_ctm-tab-dn-vo-wt-dn-tt-tm, var(--_ctm-dn-vo-wt-dn-tt-tm, none))
390
- );
391
- word-wrap: var(
392
- --_ctm-mob-dn-vo-wt-dn-wd-wp,
393
- var(--_ctm-tab-dn-vo-wt-dn-wd-wp, var(--_ctm-dn-vo-wt-dn-wd-wp, normal))
394
- );
395
- word-break: var(
396
- --_ctm-mob-dn-vo-wt-dn-wd-bk,
397
- var(--_ctm-tab-dn-vo-wt-dn-wd-bk, var(--_ctm-dn-vo-wt-dn-wd-bk, normal))
398
- );
238
+ color: var(--_ctm-mob-dn-vo-wt-dn-cr,
239
+ var(--_ctm-tab-dn-vo-wt-dn-cr, var(--_ctm-dn-vo-wt-dn-cr)));
240
+ font-family: var(--_sf-hr-ff,
241
+ var(--_ctm-mob-dn-vo-wt-dn-ft-fy,
242
+ var(--_ctm-tab-dn-vo-wt-dn-ft-fy, var(--_ctm-dn-vo-wt-dn-ft-fy))));
243
+ font-size: var(--_ctm-mob-dn-vo-wt-dn-ft-se,
244
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se, var(--_ctm-dn-vo-wt-dn-ft-se)));
245
+ font-weight: var(--_ctm-mob-dn-vo-wt-dn-ft-wt,
246
+ var(--_ctm-tab-dn-vo-wt-dn-ft-wt, var(--_ctm-dn-vo-wt-dn-ft-wt)));
247
+ font-style: var(--_ctm-mob-dn-vo-wt-dn-ft-se-ic,
248
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic, var(--_ctm-dn-vo-wt-dn-ft-se-ic)));
249
+ text-align: var(--_ctm-mob-dn-vo-wt-dn-tt-an,
250
+ var(--_ctm-tab-dn-vo-wt-dn-tt-an, var(--_ctm-dn-vo-wt-dn-tt-an)));
251
+ letter-spacing: var(--_ctm-mob-dn-vo-wt-dn-lr-sg,
252
+ var(--_ctm-tab-dn-vo-wt-dn-lr-sg, var(--_ctm-dn-vo-wt-dn-lr-sg)));
253
+ line-height: var(--_ctm-mob-dn-vo-wt-dn-le-ht,
254
+ var(--_ctm-tab-dn-vo-wt-dn-le-ht, var(--_ctm-dn-vo-wt-dn-le-ht)));
255
+ text-decoration: var(--_ctm-mob-dn-vo-wt-dn-ue,
256
+ var(--_ctm-tab-dn-vo-wt-dn-ue, var(--_ctm-dn-vo-wt-dn-ue)));
257
+ text-transform: var(--_ctm-mob-dn-vo-wt-dn-tt-tm,
258
+ var(--_ctm-tab-dn-vo-wt-dn-tt-tm, var(--_ctm-dn-vo-wt-dn-tt-tm, none)));
259
+ word-wrap: var(--_ctm-mob-dn-vo-wt-dn-wd-wp,
260
+ var(--_ctm-tab-dn-vo-wt-dn-wd-wp, var(--_ctm-dn-vo-wt-dn-wd-wp, normal)));
261
+ word-break: var(--_ctm-mob-dn-vo-wt-dn-wd-bk,
262
+ var(--_ctm-tab-dn-vo-wt-dn-wd-bk, var(--_ctm-dn-vo-wt-dn-wd-bk, normal)));
399
263
  }
400
264
 
401
265
  p {
402
- color: var(
403
- --_ctm-mob-dn-vo-wt-dn-cr-dc,
404
- var(--_ctm-tab-dn-vo-wt-dn-cr-dc, var(--_ctm-dn-vo-wt-dn-cr-dc))
405
- );
406
- font-family: var(
407
- --_sf-hr-ff,
408
- var(
409
- --_ctm-mob-dn-vo-wt-dn-ft-fy-dc,
410
- var(--_ctm-tab-dn-vo-wt-dn-ft-fy-dc, var(--_ctm-dn-vo-wt-dn-ft-fy-dc))
411
- )
412
- );
413
- font-size: var(
414
- --_ctm-mob-dn-vo-wt-dn-ft-se-dc,
415
- var(--_ctm-tab-dn-vo-wt-dn-ft-se-dc, var(--_ctm-dn-vo-wt-dn-ft-se-dc))
416
- );
417
- font-weight: var(
418
- --_ctm-mob-dn-vo-wt-dn-ft-wt-dc,
419
- var(--_ctm-tab-dn-vo-wt-dn-ft-wt-dc, var(--_ctm-dn-vo-wt-dn-ft-wt-dc))
420
- );
421
- font-style: var(
422
- --_ctm-mob-dn-vo-wt-dn-ft-se-ic-dc,
423
- var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic-dc, var(--_ctm-dn-vo-wt-dn-ft-se-ic-dc))
424
- );
425
- text-align: var(
426
- --_ctm-mob-dn-vo-wt-dn-tt-an-dc,
427
- var(--_ctm-tab-dn-vo-wt-dn-tt-an-dc, var(--_ctm-dn-vo-wt-dn-tt-an-dc))
428
- );
429
- letter-spacing: var(
430
- --_ctm-mob-dn-vo-wt-dn-lr-sg-dc,
431
- var(--_ctm-tab-dn-vo-wt-dn-lr-sg-dc, var(--_ctm-dn-vo-wt-dn-lr-sg-dc))
432
- );
433
- line-height: var(
434
- --_ctm-mob-dn-vo-wt-dn-le-ht-dc,
435
- var(--_ctm-tab-dn-vo-wt-dn-le-ht-dc, var(--_ctm-dn-vo-wt-dn-le-ht-dc))
436
- );
437
- text-decoration: var(
438
- --_ctm-mob-dn-vo-wt-dn-ue-dc,
439
- var(--_ctm-tab-dn-vo-wt-dn-ue-dc, var(--_ctm-dn-vo-wt-dn-ue-dc))
440
- );
441
- text-transform: var(
442
- --_ctm-mob-dn-vo-wt-dn-tt-tm-dc,
443
- var(--_ctm-tab-dn-vo-wt-dn-tt-tm-dc, var(--_ctm-dn-vo-wt-dn-tt-tm-dc, none))
444
- );
445
- word-wrap: var(
446
- --_ctm-mob-dn-vo-wt-dn-wd-wp-dc,
447
- var(--_ctm-tab-dn-vo-wt-dn-wd-wp-dc, var(--_ctm-dn-vo-wt-dn-wd-wp-dc, normal))
448
- );
449
- word-break: var(
450
- --_ctm-mob-dn-vo-wt-dn-wd-bk-dc,
451
- var(--_ctm-tab-dn-vo-wt-dn-wd-bk-dc, var(--_ctm-dn-vo-wt-dn-wd-bk-dc, normal))
452
- );
266
+ color: var(--_ctm-mob-dn-vo-wt-dn-cr-dc,
267
+ var(--_ctm-tab-dn-vo-wt-dn-cr-dc, var(--_ctm-dn-vo-wt-dn-cr-dc)));
268
+ font-family: var(--_sf-hr-ff,
269
+ var(--_ctm-mob-dn-vo-wt-dn-ft-fy-dc,
270
+ var(--_ctm-tab-dn-vo-wt-dn-ft-fy-dc, var(--_ctm-dn-vo-wt-dn-ft-fy-dc))));
271
+ font-size: var(--_ctm-mob-dn-vo-wt-dn-ft-se-dc,
272
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-dc, var(--_ctm-dn-vo-wt-dn-ft-se-dc)));
273
+ font-weight: var(--_ctm-mob-dn-vo-wt-dn-ft-wt-dc,
274
+ var(--_ctm-tab-dn-vo-wt-dn-ft-wt-dc, var(--_ctm-dn-vo-wt-dn-ft-wt-dc)));
275
+ font-style: var(--_ctm-mob-dn-vo-wt-dn-ft-se-ic-dc,
276
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic-dc, var(--_ctm-dn-vo-wt-dn-ft-se-ic-dc)));
277
+ text-align: var(--_ctm-mob-dn-vo-wt-dn-tt-an-dc,
278
+ var(--_ctm-tab-dn-vo-wt-dn-tt-an-dc, var(--_ctm-dn-vo-wt-dn-tt-an-dc)));
279
+ letter-spacing: var(--_ctm-mob-dn-vo-wt-dn-lr-sg-dc,
280
+ var(--_ctm-tab-dn-vo-wt-dn-lr-sg-dc, var(--_ctm-dn-vo-wt-dn-lr-sg-dc)));
281
+ line-height: var(--_ctm-mob-dn-vo-wt-dn-le-ht-dc,
282
+ var(--_ctm-tab-dn-vo-wt-dn-le-ht-dc, var(--_ctm-dn-vo-wt-dn-le-ht-dc)));
283
+ text-decoration: var(--_ctm-mob-dn-vo-wt-dn-ue-dc,
284
+ var(--_ctm-tab-dn-vo-wt-dn-ue-dc, var(--_ctm-dn-vo-wt-dn-ue-dc)));
285
+ text-transform: var(--_ctm-mob-dn-vo-wt-dn-tt-tm-dc,
286
+ var(--_ctm-tab-dn-vo-wt-dn-tt-tm-dc, var(--_ctm-dn-vo-wt-dn-tt-tm-dc, none)));
287
+ word-wrap: var(--_ctm-mob-dn-vo-wt-dn-wd-wp-dc,
288
+ var(--_ctm-tab-dn-vo-wt-dn-wd-wp-dc, var(--_ctm-dn-vo-wt-dn-wd-wp-dc, normal)));
289
+ word-break: var(--_ctm-mob-dn-vo-wt-dn-wd-bk-dc,
290
+ var(--_ctm-tab-dn-vo-wt-dn-wd-bk-dc, var(--_ctm-dn-vo-wt-dn-wd-bk-dc, normal)));
453
291
  }
454
292
  }
455
293
 
@@ -462,14 +300,10 @@
462
300
  // --_ctm-mob-dn-vo-wt-dn-br-rs,
463
301
  // var(--_ctm-tab-dn-vo-wt-dn-br-rs, var(--_ctm-dn-vo-wt-dn-br-rs))
464
302
  // );
465
- background-color: var(
466
- --_ctm-mob-dn-vo-pr-bd-cr,
467
- var(--_ctm-tab-dn-vo-pr-bd-cr, var(--_ctm-dn-vo-pr-bd-cr))
468
- );
469
- border-radius: var(
470
- --_ctm-mob-dn-vo-pr-br-rs,
471
- var(--_ctm-tab-dn-vo-pr-br-rs, var(--_ctm-dn-vo-pr-br-rs))
472
- );
303
+ background-color: var(--_ctm-mob-dn-vo-pr-bd-cr,
304
+ var(--_ctm-tab-dn-vo-pr-bd-cr, var(--_ctm-dn-vo-pr-bd-cr)));
305
+ border-radius: var(--_ctm-mob-dn-vo-pr-br-rs,
306
+ var(--_ctm-tab-dn-vo-pr-br-rs, var(--_ctm-dn-vo-pr-br-rs)));
473
307
  }
474
308
  }
475
309
 
@@ -484,14 +318,10 @@
484
318
  width: prepareMediaVariable(--_ctm-lt-vo-wh, 100%);
485
319
  height: prepareMediaVariable(--_ctm-lt-vo-ht, 100%);
486
320
 
487
- background-color: var(
488
- --_ctm-mob-dn-vo-pr-bd-cr,
489
- var(--_ctm-tab-dn-vo-pr-bd-cr, var(--_ctm-dn-vo-pr-bd-cr))
490
- );
491
- border-radius: var(
492
- --_ctm-mob-dn-vo-pr-br-rs,
493
- var(--_ctm-tab-dn-vo-pr-br-rs, var(--_ctm-dn-vo-pr-br-rs))
494
- );
321
+ background-color: var(--_ctm-mob-dn-vo-pr-bd-cr,
322
+ var(--_ctm-tab-dn-vo-pr-bd-cr, var(--_ctm-dn-vo-pr-bd-cr)));
323
+ border-radius: var(--_ctm-mob-dn-vo-pr-br-rs,
324
+ var(--_ctm-tab-dn-vo-pr-br-rs, var(--_ctm-dn-vo-pr-br-rs)));
495
325
 
496
326
  // position: absolute;
497
327
  // left: 0;
@@ -507,10 +337,8 @@
507
337
  top: 50%;
508
338
  left: 50%;
509
339
  transform: translate(-50%, -50%);
510
- background-color: var(
511
- --_ctm-mob-dn-py-pe-bd-cr,
512
- var(--_ctm-tab-dn-py-pe-bd-cr, var(--_ctm-dn-py-pe-bd-cr))
513
- );
340
+ background-color: var(--_ctm-mob-dn-py-pe-bd-cr,
341
+ var(--_ctm-tab-dn-py-pe-bd-cr, var(--_ctm-dn-py-pe-bd-cr)));
514
342
  padding: #{prepareMediaVariable(--_ctm-dn-py-pe-pg)};
515
343
  box-sizing: border-box;
516
344
 
@@ -525,20 +353,14 @@
525
353
  height: calc(var(--_perc) * #{prepareMediaVariable(--_ctm-dn-py-pe-se)});
526
354
 
527
355
  svg {
528
- width: var(
529
- --_ctm-mob-dn-py-pe-se,
530
- var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))
531
- );
532
- height: var(
533
- --_ctm-mob-dn-py-pe-se,
534
- var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))
535
- );
356
+ width: var(--_ctm-mob-dn-py-pe-se,
357
+ var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se)));
358
+ height: var(--_ctm-mob-dn-py-pe-se,
359
+ var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se)));
536
360
 
537
361
  path {
538
- stroke: var(
539
- --_ctm-mob-dn-py-pe-in-c1,
540
- var(--_ctm-tab-dn-py-pe-in-c1, var(--_ctm-dn-py-pe-in-c1))
541
- );
362
+ stroke: var(--_ctm-mob-dn-py-pe-in-c1,
363
+ var(--_ctm-tab-dn-py-pe-in-c1, var(--_ctm-dn-py-pe-in-c1)));
542
364
  // Overrides the stroke-width presentation attribute baked into the icon markup.
543
365
  stroke-width: prepareMediaVariable(--_ctm-dn-py-pe-se-wh, 1.25);
544
366
  }
@@ -547,4 +369,4 @@
547
369
  }
548
370
  }
549
371
  }
550
- }
372
+ }
package/dist/volume-pricing.scss CHANGED
@@ -1219,8 +1219,8 @@
1219
1219
  path {
1220
1220
  stroke: var(--_gray-500);
1221
1221
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
1222
- // Overrides the stroke-width presentation attribute baked into the icon markup.
1223
- stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
1222
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
1223
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
1224
1224
  }
1225
1225
  }
1226
1226
  }