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

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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  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 +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/product-image-bundles.scss CHANGED
@@ -3,10 +3,8 @@
3
3
  .product__image_element {
4
4
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
5
5
  // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
6
- width: var(
7
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-wh,
8
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-wh))
9
- );
6
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-wh,
7
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-wh)));
10
8
  // height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht)));
11
9
 
12
10
  // Content-sized display styles — the element grows with the number of images.
@@ -14,17 +12,13 @@
14
12
  $contentSizedGallery: '.embla[data-scroll-control="Non"]:is([data-display-style="Grid"][data-scroll-direction="Vertical"], [data-display-style="Rows"], [data-display-style="Masonry"])';
15
13
 
16
14
  &:not(:has(#{$contentSizedGallery})) {
17
- height: var(
18
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
19
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht))
20
- );
15
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
16
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht)));
21
17
  }
22
18
 
23
19
  &:has(#{$contentSizedGallery}) {
24
- min-height: var(
25
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
26
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht))
27
- );
20
+ min-height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
21
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht)));
28
22
  }
29
23
 
30
24
  // &[data-view-state="full"] {
@@ -52,10 +46,12 @@
52
46
  &[data-show-shadow="false"] {
53
47
  --_show-shadow: none;
54
48
  }
49
+
55
50
  .product_image {
56
51
  height: 100%;
57
52
  object-fit: contain;
58
53
  }
54
+
59
55
  .product__image__wrapper {
60
56
  width: 100%;
61
57
  height: 100%;
@@ -136,6 +132,7 @@
136
132
  border: 1px solid #ccc;
137
133
  background: #fff;
138
134
  z-index: 9;
135
+
139
136
  img {
140
137
  position: absolute;
141
138
  will-change: transform;
@@ -157,6 +154,7 @@
157
154
  // max-height: 100%;
158
155
  // object-fit: contain;
159
156
  }
157
+
160
158
  .gallery-slider-element {
161
159
  --text-high-contrast-rgb-value: 49, 49, 49;
162
160
  --detail-medium-contrast: rgb(234, 234, 234);
@@ -164,30 +162,20 @@
164
162
  overflow: hidden;
165
163
 
166
164
  position: relative;
167
- background-color: var(
168
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr,
169
- var(
170
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr,
171
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr, var(--_tst-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr))
172
- )
173
- );
174
-
175
- padding: var(
176
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-pg,
177
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-pg, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-pg))
178
- );
165
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr,
166
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr,
167
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr, var(--_tst-dn-pt-pl-dn-pt-ie-gy-wt-se-bd-cr))));
168
+
169
+ padding: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-pg,
170
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-pg, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-pg)));
179
171
 
180
172
  display: flex;
181
173
  flex-direction: column;
182
174
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
183
175
 
184
- gap: var(
185
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg,
186
- var(
187
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg,
188
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg)
189
- )
190
- );
176
+ gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg,
177
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg,
178
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-lt-gy-tt-ad-im-sg)));
191
179
 
192
180
  width: 100%;
193
181
  height: 100%;
@@ -198,79 +186,36 @@
198
186
  &[data-show-border="false"] {
199
187
  --_show-gy-border: none;
200
188
  }
189
+
201
190
  &[data-show-shadow="false"] {
202
191
  --_show-gy-shadow: none;
203
192
  }
204
193
 
205
- border-color: var(
206
- --_show-gy-border,
207
- var(
208
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
209
- var(
210
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
211
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr)
212
- )
213
- )
214
- );
215
-
216
- border-style: var(
217
- --_show-gy-border,
218
- var(
219
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
220
- var(
221
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
222
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se)
223
- )
224
- )
225
- );
226
-
227
- border-width: var(
228
- --_show-gy-border,
229
- var(
230
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
231
- var(
232
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
233
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh)
234
- )
235
- )
236
- );
237
-
238
- border-radius: var(
239
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs,
240
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs))
241
- );
242
-
243
- box-shadow: var(
244
- --_show-gy-shadow,
245
- var(
246
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
247
- var(
248
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
249
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae)
250
- )
251
- )
252
- var(
253
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
254
- var(
255
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
256
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br)
257
- )
258
- )
259
- var(
260
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
261
- var(
262
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
263
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd)
264
- )
265
- )
266
- var(
267
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
268
- var(
269
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
270
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr)
271
- )
272
- )
273
- );
194
+ border-color: var(--_show-gy-border,
195
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
196
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr))));
197
+
198
+ border-style: var(--_show-gy-border,
199
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
200
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se))));
201
+
202
+ border-width: var(--_show-gy-border,
203
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
204
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh))));
205
+
206
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs,
207
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs)));
208
+
209
+ box-shadow: var(--_show-gy-shadow,
210
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
211
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
212
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
213
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
214
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
215
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
216
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
217
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
218
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr))));
274
219
  }
275
220
 
276
221
  .embla {
@@ -296,72 +241,32 @@
296
241
  display: grid;
297
242
  grid-template-rows: 100%;
298
243
  // grid-template-columns: 100%;
299
- grid-template-columns: repeat(
300
- var(
301
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
302
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se))
303
- ),
304
- calc(
305
- 100% /
306
- var(
307
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
308
- var(
309
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
310
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se)
311
- )
312
- )
313
- )
314
- );
244
+ grid-template-columns: repeat(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
245
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se))),
246
+ calc(100% / var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
247
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
248
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se)))));
315
249
 
316
250
  grid-auto-flow: column;
317
- gap: var(
318
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
319
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
320
- );
251
+ gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
252
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp)));
321
253
 
322
254
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
323
- height: calc(
324
- 100% - calc(
325
- var(
326
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
327
- var(
328
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
329
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
330
- )
331
- ) +
332
- 10px
333
- )
334
- );
255
+ height: calc(100% - calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
256
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
257
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) + 10px));
335
258
  }
336
259
 
337
260
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
338
- height: calc(
339
- 100% - calc(
340
- var(
341
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
342
- var(
343
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
344
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht)
345
- )
346
- ) +
347
- 20px
348
- )
349
- );
261
+ height: calc(100% - calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
262
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
263
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht))) + 20px));
350
264
  }
351
265
 
352
266
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
353
- height: calc(
354
- 100% - calc(
355
- var(
356
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
357
- var(
358
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
359
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)
360
- )
361
- ) +
362
- 20px
363
- )
364
- );
267
+ height: calc(100% - calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
268
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
269
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se))) + 20px));
365
270
  }
366
271
 
367
272
  .embla__slide {
@@ -371,18 +276,12 @@
371
276
  }
372
277
  }
373
278
  }
279
+
374
280
  &:not([data-display-style="Column"]) {
375
281
  .embla__container {
376
- grid-auto-columns: calc(
377
- 100% /
378
- var(
379
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
380
- var(
381
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
382
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se)
383
- )
384
- )
385
- );
282
+ grid-auto-columns: calc(100% / var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
283
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
284
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se))));
386
285
  }
387
286
  }
388
287
 
@@ -393,6 +292,7 @@
393
292
  overflow: unset;
394
293
  height: 80%;
395
294
  flex-grow: 1;
295
+
396
296
  &:not([data-is-builder-type="true"]) {
397
297
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
398
298
  }
@@ -403,23 +303,19 @@
403
303
 
404
304
  // min-height: var(--_ctm-height);
405
305
 
406
- grid-template-columns: repeat(
407
- var(
408
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
409
- var(
410
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
411
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw)
412
- )
413
- ),
414
- 1fr
415
- );
306
+ grid-template-columns: repeat(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
307
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
308
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw))),
309
+ 1fr);
416
310
 
417
311
  grid-template-rows: unset;
418
312
 
419
313
  grid-auto-flow: row;
314
+
420
315
  &[data-overflow-hidden="true"] {
421
316
  overflow: hidden;
422
317
  }
318
+
423
319
  .embla__slide {
424
320
  aspect-ratio: 1/1.1;
425
321
  }
@@ -430,25 +326,12 @@
430
326
  &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
431
327
  .embla__viewport {
432
328
  .embla__container {
433
- grid-template-rows: repeat(
434
- var(
435
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
436
- var(
437
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
438
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn)
439
- )
440
- ),
441
- calc(
442
- 100% /
443
- var(
444
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
445
- var(
446
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
447
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn)
448
- )
449
- )
450
- )
451
- );
329
+ grid-template-rows: repeat(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
330
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
331
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn))),
332
+ calc(100% / var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
333
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
334
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn)))));
452
335
  }
453
336
  }
454
337
  }
@@ -460,6 +343,7 @@
460
343
  overflow: unset;
461
344
  height: 80%;
462
345
  flex-grow: 1;
346
+
463
347
  &:not([data-is-builder-type="true"]) {
464
348
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
465
349
  }
@@ -470,16 +354,10 @@
470
354
 
471
355
  // min-height: var(--_ctm-height);
472
356
 
473
- grid-template-columns: repeat(
474
- var(
475
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
476
- var(
477
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
478
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw)
479
- )
480
- ),
481
- 1fr
482
- );
357
+ grid-template-columns: repeat(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
358
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
359
+ var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw))),
360
+ 1fr);
483
361
  grid-template-rows: unset;
484
362
 
485
363
  grid-auto-flow: row;
@@ -493,6 +371,7 @@
493
371
  .embla__viewport {
494
372
  .embla__container {
495
373
  display: flex;
374
+
496
375
  .embla__slide {
497
376
  width: unset;
498
377
  height: 100%;
@@ -501,6 +380,7 @@
501
380
  }
502
381
  }
503
382
  }
383
+
504
384
  &[data-display-style="Masonry"] {
505
385
  // overflow: unset;
506
386
 
@@ -508,22 +388,20 @@
508
388
  overflow: hidden;
509
389
  height: 80%;
510
390
  flex-grow: 1;
391
+
511
392
  &:not([data-is-builder-type="true"]) {
512
393
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
513
394
  }
395
+
514
396
  .embla__container {
515
397
  overflow: unset;
516
398
 
517
399
  display: block;
518
- column-count: var(
519
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
520
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw))
521
- );
400
+ column-count: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
401
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw)));
522
402
  gap: unset;
523
- column-gap: var(
524
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
525
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
526
- );
403
+ column-gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
404
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp)));
527
405
 
528
406
  // height: auto;
529
407
 
@@ -531,12 +409,11 @@
531
409
 
532
410
  .embla__slide {
533
411
  // break-inside: avoid;
534
- margin-bottom: var(
535
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
536
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
537
- );
412
+ margin-bottom: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
413
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp)));
538
414
 
539
415
  height: unset;
416
+
540
417
  .gallery__slide {
541
418
  height: unset;
542
419
  }
@@ -565,6 +442,7 @@
565
442
  bottom: 10px;
566
443
  top: unset;
567
444
  }
445
+
568
446
  &[data-control-type="Bottom"] {
569
447
  transform: unset;
570
448
  position: static;
@@ -574,13 +452,17 @@
574
452
  margin-top: 10px;
575
453
  }
576
454
  }
455
+
577
456
  &[data-control-type="Side"] {
457
+
578
458
  .left-button,
579
459
  .right-button {
580
460
  background-color: transparent;
581
461
  }
582
462
  }
463
+
583
464
  &[data-background-shape="Round"] {
465
+
584
466
  .left-button,
585
467
  .right-button {
586
468
  // background-color: var(
@@ -588,9 +470,11 @@
588
470
  // var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-bd-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-bd-cr))
589
471
  // );
590
472
  @include BgColorLighter(var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-bd-cr), 10%);
473
+
591
474
  &:not(:disabled):hover {
592
475
  @include BgColorLighter(var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-bd-cr), 20%);
593
476
  }
477
+
594
478
  // box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
595
479
  }
596
480
  }
@@ -599,14 +483,10 @@
599
483
  padding: 10px;
600
484
  border-radius: 50%;
601
485
  border: none;
602
- width: var(
603
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
604
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))
605
- );
606
- height: var(
607
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
608
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))
609
- );
486
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
487
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)));
488
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
489
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)));
610
490
 
611
491
  display: flex;
612
492
  align-items: center;
@@ -614,41 +494,26 @@
614
494
  cursor: pointer;
615
495
  outline: none;
616
496
  margin-left: 12px;
497
+
617
498
  span {
618
499
  display: flex;
500
+
619
501
  svg {
620
- width: calc(
621
- var(
622
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
623
- var(
624
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
625
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
626
- )
627
- ) *
628
- 0.5
629
- );
630
- height: calc(
631
- var(
632
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
633
- var(
634
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
635
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
636
- )
637
- ) *
638
- 0.5
639
- );
502
+ width: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
503
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
504
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
505
+ height: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
506
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
507
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
640
508
 
641
509
  path {
642
- stroke: var(
643
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
644
- var(
645
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
646
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)
647
- )
648
- );
510
+ stroke: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
511
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
512
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)));
649
513
  }
650
514
  }
651
515
  }
516
+
652
517
  &:disabled {
653
518
  & svg {
654
519
  path {
@@ -657,17 +522,14 @@
657
522
  }
658
523
  }
659
524
  }
525
+
660
526
  .right-button {
661
527
  border-radius: 50%;
662
528
  border: none;
663
- width: var(
664
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
665
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))
666
- );
667
- height: var(
668
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
669
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))
670
- );
529
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
530
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)));
531
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
532
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)));
671
533
 
672
534
  display: flex;
673
535
  align-items: center;
@@ -676,41 +538,26 @@
676
538
  outline: none;
677
539
  margin-right: 12px;
678
540
  padding: 10px;
541
+
679
542
  span {
680
543
  display: flex;
544
+
681
545
  svg {
682
- width: calc(
683
- var(
684
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
685
- var(
686
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
687
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
688
- )
689
- ) *
690
- 0.5
691
- );
692
- height: calc(
693
- var(
694
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
695
- var(
696
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
697
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
698
- )
699
- ) *
700
- 0.5
701
- );
546
+ width: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
547
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
548
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
549
+ height: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
550
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
551
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
702
552
 
703
553
  path {
704
- stroke: var(
705
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
706
- var(
707
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
708
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)
709
- )
710
- );
554
+ stroke: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
555
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
556
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)));
711
557
  }
712
558
  }
713
559
  }
560
+
714
561
  &:disabled {
715
562
  & svg {
716
563
  path {
@@ -719,35 +566,21 @@
719
566
  }
720
567
  }
721
568
  }
569
+
722
570
  .icon {
723
571
  display: flex;
572
+
724
573
  svg {
725
- width: calc(
726
- var(
727
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
728
- var(
729
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
730
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
731
- )
732
- ) *
733
- 0.5
734
- );
735
- height: calc(
736
- var(
737
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
738
- var(
739
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
740
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
741
- )
742
- ) *
743
- 0.5
744
- );
574
+ width: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
575
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
576
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
577
+ height: calc(var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
578
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
579
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se))) * 0.5);
745
580
 
746
581
  path {
747
- stroke: var(
748
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
749
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr))
750
- );
582
+ stroke: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
583
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)));
751
584
  }
752
585
  }
753
586
  }
@@ -758,13 +591,17 @@
758
591
  margin-inline: auto;
759
592
  }
760
593
  }
594
+
761
595
  gap: var(--_ctm-dn-pt-pl-dn-pt-ie-lt-sr-ad-tl-gp);
596
+
762
597
  &[data-thumbnail-placement="top"] {
763
598
  flex-direction: column-reverse;
764
599
  }
600
+
765
601
  &[data-thumbnail-placement="bottom"] {
766
602
  flex-direction: column;
767
603
  }
604
+
768
605
  &[data-thumbnail-placement="left"] {
769
606
  flex-direction: row-reverse;
770
607
 
@@ -785,8 +622,10 @@
785
622
  }
786
623
  }
787
624
  }
625
+
788
626
  &[data-thumbnail-placement="right"] {
789
627
  flex-direction: row;
628
+
790
629
  .embla__thumbs {
791
630
  // width: var(
792
631
  // --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
@@ -802,10 +641,12 @@
802
641
  }
803
642
  }
804
643
  }
644
+
805
645
  &[data-control-type="Side"] {
806
646
  flex-direction: row;
807
647
  align-items: center;
808
648
  }
649
+
809
650
  .embla__dots {
810
651
  display: flex;
811
652
  flex-wrap: wrap;
@@ -822,17 +663,14 @@
822
663
  transform: translateX(-50%);
823
664
  width: 75%;
824
665
  }
666
+
825
667
  .embla__dot {
826
668
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
827
669
  -webkit-appearance: none;
828
670
  appearance: none;
829
- background-color: var(
830
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
831
- var(
832
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
833
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr)
834
- )
835
- );
671
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
672
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
673
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr)));
836
674
 
837
675
  touch-action: manipulation;
838
676
  display: inline-flex;
@@ -843,89 +681,65 @@
843
681
  margin: 0;
844
682
  // width: 0.6rem;
845
683
  // height: 0.6rem;
846
- width: var(
847
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
848
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se))
849
- );
850
- height: var(
851
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
852
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se))
853
- );
684
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
685
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)));
686
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
687
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)));
854
688
 
855
689
  display: flex;
856
690
  align-items: center;
857
691
  justify-content: center;
858
692
  border-radius: 50%;
859
693
  }
694
+
860
695
  .embla__dot:after {
861
696
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
862
- width: var(
863
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
864
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se))
865
- );
866
- height: var(
867
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
868
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se))
869
- );
697
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
698
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)));
699
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
700
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)));
870
701
 
871
702
  border-radius: 50%;
872
703
  display: flex;
873
704
  align-items: center;
874
705
  content: "";
875
706
  }
707
+
876
708
  .embla__dot--selected:after {
877
709
  box-shadow: inset 0 0 0 1px var(--text-body);
878
- background-color: var(
879
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
880
- var(
881
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
882
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr)
883
- )
884
- );
710
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
711
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
712
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr)));
885
713
  }
714
+
886
715
  &[data-slider-control="Pagination Line"] {
887
716
  .embla__dot {
888
- width: var(
889
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
890
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-wh))
891
- );
892
-
893
- height: var(
894
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
895
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht))
896
- );
897
-
898
- background-color: var(
899
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
900
- var(
901
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
902
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr)
903
- )
904
- );
717
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
718
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-wh)));
719
+
720
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
721
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht)));
722
+
723
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
724
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
725
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr)));
905
726
 
906
727
  border-radius: 6px;
907
728
  }
729
+
908
730
  .embla__dot--selected:after {
909
731
  box-shadow: inset 0 0 0 1px var(--text-body);
910
732
  border-radius: 6px;
911
- width: var(
912
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
913
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-wh))
914
- );
733
+ width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
734
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-wh)));
915
735
 
916
- height: var(
917
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
918
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht))
919
- );
736
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
737
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht)));
920
738
 
921
739
  // background-color: #fff;
922
- background-color: var(
923
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
924
- var(
925
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
926
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr)
927
- )
928
- );
740
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
741
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
742
+ var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr)));
929
743
  }
930
744
  }
931
745
  }
@@ -953,15 +767,14 @@
953
767
 
954
768
  overflow: hidden;
955
769
  }
770
+
956
771
  .embla__thumbs__container {
957
772
  display: flex;
958
773
  flex-direction: row;
959
774
  justify-content: prepareMediaVariable(--_ctm-lt-jy-ct);
960
775
  margin-left: calc(var(--thumbs-slide-spacing) * -1);
961
- gap: var(
962
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-sg,
963
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-sg, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-sg))
964
- );
776
+ gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-sg,
777
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-sg, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-sg)));
965
778
 
966
779
  width: 100%;
967
780
  // justify-content: center;
@@ -970,15 +783,11 @@
970
783
  .embla__thumbs__slide {
971
784
  flex-shrink: 0;
972
785
  // min-width: var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se);
973
- max-width: var(
974
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
975
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se))
976
- );
786
+ max-width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
787
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se)));
977
788
 
978
- height: var(
979
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
980
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se))
981
- );
789
+ height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
790
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se)));
982
791
 
983
792
  & img {
984
793
  // width: 100%;
@@ -994,11 +803,13 @@
994
803
  img[data-has-link="true"] {
995
804
  cursor: pointer;
996
805
  }
806
+
997
807
  width: 100%;
998
808
  max-width: 100%;
999
809
  height: 100%;
1000
810
  display: flex;
1001
811
  flex: 0 0 auto;
812
+
1002
813
  div {
1003
814
  position: relative;
1004
815
  overflow: hidden;
@@ -1008,310 +819,158 @@
1008
819
 
1009
820
  // flex-direction: column;
1010
821
 
1011
- background-color: var(
1012
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-bd-cr,
1013
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-bd-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-bd-cr))
1014
- );
822
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-bd-cr,
823
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-bd-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-bd-cr)));
824
+
1015
825
  // Item Style > Border / Shadow toggles.
1016
826
  &[data-show-border="false"] {
1017
827
  --_show-im-border: none;
1018
828
  }
829
+
1019
830
  &[data-show-shadow="false"] {
1020
831
  --_show-im-shadow: none;
1021
832
  }
1022
833
 
1023
- border-color: var(
1024
- --_show-im-border,
1025
- var(
1026
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-cr,
1027
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-cr))
1028
- )
1029
- );
1030
- border-style: var(
1031
- --_show-im-border,
1032
- var(
1033
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-se,
1034
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-se))
1035
- )
1036
- );
1037
- border-width: var(
1038
- --_show-im-border,
1039
- var(
1040
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-wh,
1041
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-wh))
1042
- )
1043
- );
1044
- border-radius: var(
1045
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1046
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-rs))
1047
- );
1048
-
1049
- box-shadow: var(
1050
- --_show-im-shadow,
1051
- var(
1052
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-ae,
1053
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-ae, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-ae))
1054
- )
1055
- var(
1056
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-br,
1057
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-br, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-br))
1058
- )
1059
- var(
1060
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-sd,
1061
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-sd, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-sd))
1062
- )
1063
- var(
1064
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-cr,
1065
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-cr))
1066
- )
1067
- );
1068
-
1069
- gap: var(
1070
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
1071
- var(
1072
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
1073
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg)
1074
- )
1075
- );
834
+ border-color: var(--_show-im-border,
835
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-cr,
836
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-cr))));
837
+ border-style: var(--_show-im-border,
838
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-se,
839
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-se))));
840
+ border-width: var(--_show-im-border,
841
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-wh,
842
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-wh))));
843
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
844
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-rs)));
845
+
846
+ box-shadow: var(--_show-im-shadow,
847
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-ae,
848
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-ae, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-ae))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-br,
849
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-br, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-br))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-sd,
850
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-sd, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-sd))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-cr,
851
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-cr))));
852
+
853
+ gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
854
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
855
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg)));
1076
856
 
1077
857
  .gallery-header {
1078
858
  display: flex;
1079
859
  flex-direction: column;
1080
- gap: var(
1081
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
1082
- var(
1083
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
1084
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg)
1085
- )
1086
- );
1087
- padding-block: var(
1088
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
1089
- var(
1090
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
1091
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg)
1092
- )
1093
- );
1094
- padding-inline: var(
1095
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
1096
- var(
1097
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
1098
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg)
1099
- )
1100
- );
1101
- background-color: var(
1102
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
1103
- var(
1104
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
1105
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr)
1106
- )
1107
- );
860
+ gap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
861
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
862
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg)));
863
+ padding-block: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
864
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
865
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg)));
866
+ padding-inline: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
867
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
868
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg)));
869
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
870
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
871
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr)));
1108
872
  width: 100%;
1109
- border-color: var(
1110
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
1111
- var(
1112
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
1113
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr)
1114
- )
1115
- );
1116
- border-style: var(
1117
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
1118
- var(
1119
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
1120
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se)
1121
- )
1122
- );
1123
- border-width: var(
1124
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
1125
- var(
1126
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
1127
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh)
1128
- )
1129
- );
1130
- border-radius: var(
1131
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
1132
- var(
1133
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
1134
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs)
1135
- )
1136
- );
1137
-
1138
- box-shadow: var(
1139
- --_show-shadow,
1140
- var(
1141
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
1142
- var(
1143
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
1144
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae)
1145
- )
1146
- )
1147
- var(
1148
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
1149
- var(
1150
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
1151
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br)
1152
- )
1153
- )
1154
- var(
1155
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
1156
- var(
1157
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
1158
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd)
1159
- )
1160
- )
1161
- var(
1162
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
1163
- var(
1164
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
1165
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr)
1166
- )
1167
- )
1168
- );
873
+ border-color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
874
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
875
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr)));
876
+ border-style: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
877
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
878
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se)));
879
+ border-width: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
880
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
881
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh)));
882
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
883
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
884
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs)));
885
+
886
+ box-shadow: var(--_show-shadow,
887
+ var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
888
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
889
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
890
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
891
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
892
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
893
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd))) var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
894
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
895
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr))));
1169
896
 
1170
897
  & h3 {
1171
- color: var(
1172
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr,
1173
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-cr))
1174
- );
1175
- font-family: var(
1176
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy,
1177
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy))
1178
- );
1179
- text-transform: var(
1180
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm,
1181
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-tm, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-tm))
1182
- );
1183
- word-wrap: var(
1184
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp,
1185
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-wp, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-wp))
1186
- );
1187
- word-break: var(
1188
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk,
1189
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-bk, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-bk))
1190
- );
1191
- font-size: var(
1192
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se,
1193
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se))
1194
- );
1195
- font-weight: var(
1196
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt,
1197
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt))
1198
- );
1199
- font-style: var(
1200
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1201
- var(
1202
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1203
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic)
1204
- )
1205
- );
1206
- text-align: var(
1207
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an,
1208
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an))
1209
- );
1210
- letter-spacing: var(
1211
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg,
1212
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg))
1213
- );
1214
- line-height: var(
1215
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht,
1216
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht))
1217
- );
1218
- text-decoration: var(
1219
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue,
1220
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue))
1221
- );
898
+ color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr,
899
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-cr)));
900
+ font-family: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy,
901
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy)));
902
+ text-transform: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm,
903
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-tm, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-tm)));
904
+ word-wrap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp,
905
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-wp, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-wp)));
906
+ word-break: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk,
907
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-bk, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-bk)));
908
+ font-size: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se,
909
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se)));
910
+ font-weight: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt,
911
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt)));
912
+ font-style: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
913
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
914
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic)));
915
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an,
916
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an)));
917
+ letter-spacing: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg,
918
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg)));
919
+ line-height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht,
920
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht)));
921
+ text-decoration: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue,
922
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue)));
1222
923
  }
1223
924
 
1224
925
  & p {
1225
- color: var(
1226
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr-dc,
1227
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-cr-dc, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-cr-dc))
1228
- );
1229
- font-family: var(
1230
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1231
- var(
1232
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1233
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc)
1234
- )
1235
- );
1236
- text-transform: var(
1237
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
1238
- var(
1239
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
1240
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc)
1241
- )
1242
- );
1243
- word-wrap: var(
1244
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
1245
- var(
1246
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
1247
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc)
1248
- )
1249
- );
1250
- word-break: var(
1251
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
1252
- var(
1253
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
1254
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc)
1255
- )
1256
- );
1257
- font-size: var(
1258
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1259
- var(
1260
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1261
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc)
1262
- )
1263
- );
1264
- font-weight: var(
1265
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1266
- var(
1267
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1268
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc)
1269
- )
1270
- );
1271
- font-style: var(
1272
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1273
- var(
1274
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1275
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc)
1276
- )
1277
- );
1278
- text-align: var(
1279
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1280
- var(
1281
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1282
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc)
1283
- )
1284
- );
1285
- letter-spacing: var(
1286
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1287
- var(
1288
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1289
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc)
1290
- )
1291
- );
1292
- line-height: var(
1293
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1294
- var(
1295
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1296
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc)
1297
- )
1298
- );
1299
- text-decoration: var(
1300
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue-dc,
1301
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue-dc, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue-dc))
1302
- );
926
+ color: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr-dc,
927
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-cr-dc, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-cr-dc)));
928
+ font-family: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
929
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
930
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc)));
931
+ text-transform: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
932
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
933
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc)));
934
+ word-wrap: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
935
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
936
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc)));
937
+ word-break: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
938
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
939
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc)));
940
+ font-size: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
941
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
942
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc)));
943
+ font-weight: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
944
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
945
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc)));
946
+ font-style: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
947
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
948
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc)));
949
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
950
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
951
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc)));
952
+ letter-spacing: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
953
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
954
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc)));
955
+ line-height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
956
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
957
+ var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc)));
958
+ text-decoration: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue-dc,
959
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue-dc, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue-dc)));
1303
960
  }
1304
961
  }
1305
962
 
1306
963
  img {
1307
964
  object-fit: contain;
1308
965
  }
966
+
1309
967
  &[data-text-position="On Image"] {
1310
968
  .gallery-header {
1311
969
  width: 100%;
1312
970
  // height: 100%;
1313
971
  position: absolute;
1314
972
  }
973
+
1315
974
  a:has(img) {
1316
975
  width: 100%;
1317
976
  }
@@ -1325,6 +984,7 @@
1325
984
  justify-content: flex-start;
1326
985
  }
1327
986
  }
987
+
1328
988
  &[data-widget-alignment="center"] {
1329
989
  // align-items: center;
1330
990
 
@@ -1334,7 +994,9 @@
1334
994
  justify-content: center;
1335
995
  }
1336
996
  }
997
+
1337
998
  &[data-widget-alignment="bottom"] {
999
+
1338
1000
  // align-items: flex-end;
1339
1001
  .gallery-header {
1340
1002
  bottom: 0;
@@ -1351,6 +1013,7 @@
1351
1013
  &[data-text-position="bottom"] {
1352
1014
  flex-direction: column-reverse;
1353
1015
  }
1016
+
1354
1017
  &[data-text-position="left"] {
1355
1018
  flex-direction: row;
1356
1019
 
@@ -1358,6 +1021,7 @@
1358
1021
  width: fit-content;
1359
1022
  height: 100%;
1360
1023
  }
1024
+
1361
1025
  &[data-widget-alignment="top"] {
1362
1026
  align-items: flex-start;
1363
1027
 
@@ -1365,6 +1029,7 @@
1365
1029
  justify-content: flex-start;
1366
1030
  }
1367
1031
  }
1032
+
1368
1033
  &[data-widget-alignment="center"] {
1369
1034
  align-items: center;
1370
1035
 
@@ -1372,6 +1037,7 @@
1372
1037
  justify-content: center;
1373
1038
  }
1374
1039
  }
1040
+
1375
1041
  &[data-widget-alignment="bottom"] {
1376
1042
  align-items: flex-end;
1377
1043
 
@@ -1380,8 +1046,10 @@
1380
1046
  }
1381
1047
  }
1382
1048
  }
1049
+
1383
1050
  &[data-text-position="right"] {
1384
1051
  flex-direction: row-reverse;
1052
+
1385
1053
  .gallery-header {
1386
1054
  width: fit-content;
1387
1055
  height: 100%;
@@ -1394,6 +1062,7 @@
1394
1062
  justify-content: flex-start;
1395
1063
  }
1396
1064
  }
1065
+
1397
1066
  &[data-widget-alignment="center"] {
1398
1067
  align-items: center;
1399
1068
 
@@ -1401,6 +1070,7 @@
1401
1070
  justify-content: center;
1402
1071
  }
1403
1072
  }
1073
+
1404
1074
  &[data-widget-alignment="bottom"] {
1405
1075
  align-items: flex-end;
1406
1076
 
@@ -1409,13 +1079,12 @@
1409
1079
  }
1410
1080
  }
1411
1081
  }
1082
+
1412
1083
  img {
1413
1084
  width: 100%;
1414
1085
  height: 100%;
1415
- border-radius: var(
1416
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1417
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-rs))
1418
- );
1086
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1087
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-rs, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-rs)));
1419
1088
  // object-fit: cover;
1420
1089
 
1421
1090
  // object-fit: var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ot-ft, var(--_tst-dn-pt-pl-dn-pt-ie-im-se-ot-ft));
@@ -1433,7 +1102,8 @@
1433
1102
  display: flex;
1434
1103
  justify-content: center;
1435
1104
  margin-block: 12px;
1436
- & > button {
1105
+
1106
+ &>button {
1437
1107
  padding-inline: 24px;
1438
1108
  border: 1px solid gray;
1439
1109
  padding-block: 12px;
@@ -1474,6 +1144,7 @@
1474
1144
  align-items: flex-start;
1475
1145
  height: 100%;
1476
1146
  width: 100%;
1147
+
1477
1148
  .tile_bundle_name {
1478
1149
  display: flex;
1479
1150
  align-items: flex-start;
@@ -1482,10 +1153,12 @@
1482
1153
  text-transform: var(--_ctm-dn-be-ne-tt-tm);
1483
1154
  word-wrap: var(--_ctm-dn-be-ne-wd-wp);
1484
1155
  word-break: var(--_ctm-dn-be-ne-wd-bk);
1156
+
1485
1157
  &.flex__overflow {
1486
1158
  white-space: normal;
1487
1159
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1488
1160
  }
1161
+
1489
1162
  font-size: var(--_ctm-dn-be-ne-ft-se);
1490
1163
  color: var(--_ctm-dn-be-ne-cr);
1491
1164
  font-weight: var(--_ctm-dn-be-ne-ft-wt);
@@ -1499,9 +1172,9 @@
1499
1172
  border-color: var(--_ctm-dn-be-ne-br-cr);
1500
1173
  border-style: var(--_ctm-dn-be-ne-br-se);
1501
1174
  border-radius: var(--_ctm-dn-be-ne-br-rs);
1502
- box-shadow: var(--_ctm-dn-be-ne-sw-ae) var(--_ctm-dn-be-ne-sw-br)
1503
- var(--_ctm-dn-be-ne-sw-sd) var(--_ctm-dn-be-ne-sw-cr);
1175
+ box-shadow: var(--_ctm-dn-be-ne-sw-ae) var(--_ctm-dn-be-ne-sw-br) var(--_ctm-dn-be-ne-sw-sd) var(--_ctm-dn-be-ne-sw-cr);
1504
1176
  }
1177
+
1505
1178
  .tile_category_name {
1506
1179
  display: flex;
1507
1180
  align-items: flex-start;
@@ -1510,10 +1183,12 @@
1510
1183
  text-transform: var(--_ctm-dn-cy-ne-tt-tm);
1511
1184
  word-wrap: var(--_ctm-dn-cy-ne-wd-wp);
1512
1185
  word-break: var(--_ctm-dn-cy-ne-wd-bk);
1186
+
1513
1187
  &.flex__overflow {
1514
1188
  white-space: normal;
1515
1189
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1516
1190
  }
1191
+
1517
1192
  font-size: var(--_ctm-dn-cy-ne-ft-se);
1518
1193
  color: var(--_ctm-dn-cy-ne-cr);
1519
1194
  font-weight: var(--_ctm-dn-cy-ne-ft-wt);
@@ -1527,8 +1202,7 @@
1527
1202
  border-color: var(--_ctm-dn-cy-ne-br-cr);
1528
1203
  border-style: var(--_ctm-dn-cy-ne-br-se);
1529
1204
  border-radius: var(--_ctm-dn-cy-ne-br-rs);
1530
- box-shadow: var(--_ctm-dn-cy-ne-sw-ae) var(--_ctm-dn-cy-ne-sw-br)
1531
- var(--_ctm-dn-cy-ne-sw-sd) var(--_ctm-dn-cy-ne-sw-cr);
1205
+ box-shadow: var(--_ctm-dn-cy-ne-sw-ae) var(--_ctm-dn-cy-ne-sw-br) var(--_ctm-dn-cy-ne-sw-sd) var(--_ctm-dn-cy-ne-sw-cr);
1532
1206
  }
1533
1207
 
1534
1208
  .brand-tile {
@@ -1589,6 +1263,7 @@
1589
1263
  0% {
1590
1264
  transform: rotateY(0deg);
1591
1265
  }
1266
+
1592
1267
  100% {
1593
1268
  transform: rotateY(180deg);
1594
1269
  }
@@ -1607,8 +1282,7 @@
1607
1282
  border-color: var(--_ctm-dn-te-cd-ie-dn-br-cr);
1608
1283
  border-style: var(--_ctm-dn-te-cd-ie-dn-br-se);
1609
1284
  border-radius: var(--_ctm-dn-te-cd-ie-dn-br-rs);
1610
- box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br)
1611
- var(--_ctm-dn-te-cd-ie-dn-sw-sd) var(--_ctm-dn-te-cd-ie-dn-sw-cr);
1285
+ box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br) var(--_ctm-dn-te-cd-ie-dn-sw-sd) var(--_ctm-dn-te-cd-ie-dn-sw-cr);
1612
1286
 
1613
1287
  img {
1614
1288
  // max-height: 135px;
@@ -1622,4 +1296,4 @@
1622
1296
  }
1623
1297
  }
1624
1298
  }
1625
- }
1299
+ }