@sc-360-v2/storefront-cms-library 0.5.58 → 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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
@@ -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,277 +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
- font-size: var(
1180
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se,
1181
- 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))
1182
- );
1183
- font-weight: var(
1184
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt,
1185
- 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))
1186
- );
1187
- font-style: var(
1188
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1189
- var(
1190
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1191
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic)
1192
- )
1193
- );
1194
- text-align: var(
1195
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an,
1196
- 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))
1197
- );
1198
- letter-spacing: var(
1199
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg,
1200
- 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))
1201
- );
1202
- line-height: var(
1203
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht,
1204
- 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))
1205
- );
1206
- text-decoration: var(
1207
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue,
1208
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue))
1209
- );
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)));
1210
923
  }
1211
924
 
1212
925
  & p {
1213
- color: var(
1214
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr-dc,
1215
- 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))
1216
- );
1217
- font-family: var(
1218
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1219
- var(
1220
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1221
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc)
1222
- )
1223
- );
1224
- font-size: var(
1225
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1226
- var(
1227
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1228
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc)
1229
- )
1230
- );
1231
- font-weight: var(
1232
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1233
- var(
1234
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1235
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc)
1236
- )
1237
- );
1238
- font-style: var(
1239
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1240
- var(
1241
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1242
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc)
1243
- )
1244
- );
1245
- text-align: var(
1246
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1247
- var(
1248
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1249
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc)
1250
- )
1251
- );
1252
- letter-spacing: var(
1253
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1254
- var(
1255
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1256
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc)
1257
- )
1258
- );
1259
- line-height: var(
1260
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1261
- var(
1262
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1263
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc)
1264
- )
1265
- );
1266
- text-decoration: var(
1267
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue-dc,
1268
- 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))
1269
- );
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)));
1270
960
  }
1271
961
  }
1272
962
 
1273
963
  img {
1274
964
  object-fit: contain;
1275
965
  }
966
+
1276
967
  &[data-text-position="On Image"] {
1277
968
  .gallery-header {
1278
969
  width: 100%;
1279
970
  // height: 100%;
1280
971
  position: absolute;
1281
972
  }
973
+
1282
974
  a:has(img) {
1283
975
  width: 100%;
1284
976
  }
@@ -1292,6 +984,7 @@
1292
984
  justify-content: flex-start;
1293
985
  }
1294
986
  }
987
+
1295
988
  &[data-widget-alignment="center"] {
1296
989
  // align-items: center;
1297
990
 
@@ -1301,7 +994,9 @@
1301
994
  justify-content: center;
1302
995
  }
1303
996
  }
997
+
1304
998
  &[data-widget-alignment="bottom"] {
999
+
1305
1000
  // align-items: flex-end;
1306
1001
  .gallery-header {
1307
1002
  bottom: 0;
@@ -1318,6 +1013,7 @@
1318
1013
  &[data-text-position="bottom"] {
1319
1014
  flex-direction: column-reverse;
1320
1015
  }
1016
+
1321
1017
  &[data-text-position="left"] {
1322
1018
  flex-direction: row;
1323
1019
 
@@ -1325,6 +1021,7 @@
1325
1021
  width: fit-content;
1326
1022
  height: 100%;
1327
1023
  }
1024
+
1328
1025
  &[data-widget-alignment="top"] {
1329
1026
  align-items: flex-start;
1330
1027
 
@@ -1332,6 +1029,7 @@
1332
1029
  justify-content: flex-start;
1333
1030
  }
1334
1031
  }
1032
+
1335
1033
  &[data-widget-alignment="center"] {
1336
1034
  align-items: center;
1337
1035
 
@@ -1339,6 +1037,7 @@
1339
1037
  justify-content: center;
1340
1038
  }
1341
1039
  }
1040
+
1342
1041
  &[data-widget-alignment="bottom"] {
1343
1042
  align-items: flex-end;
1344
1043
 
@@ -1347,8 +1046,10 @@
1347
1046
  }
1348
1047
  }
1349
1048
  }
1049
+
1350
1050
  &[data-text-position="right"] {
1351
1051
  flex-direction: row-reverse;
1052
+
1352
1053
  .gallery-header {
1353
1054
  width: fit-content;
1354
1055
  height: 100%;
@@ -1361,6 +1062,7 @@
1361
1062
  justify-content: flex-start;
1362
1063
  }
1363
1064
  }
1065
+
1364
1066
  &[data-widget-alignment="center"] {
1365
1067
  align-items: center;
1366
1068
 
@@ -1368,6 +1070,7 @@
1368
1070
  justify-content: center;
1369
1071
  }
1370
1072
  }
1073
+
1371
1074
  &[data-widget-alignment="bottom"] {
1372
1075
  align-items: flex-end;
1373
1076
 
@@ -1376,13 +1079,12 @@
1376
1079
  }
1377
1080
  }
1378
1081
  }
1082
+
1379
1083
  img {
1380
1084
  width: 100%;
1381
1085
  height: 100%;
1382
- border-radius: var(
1383
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1384
- 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))
1385
- );
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)));
1386
1088
  // object-fit: cover;
1387
1089
 
1388
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));
@@ -1400,7 +1102,8 @@
1400
1102
  display: flex;
1401
1103
  justify-content: center;
1402
1104
  margin-block: 12px;
1403
- & > button {
1105
+
1106
+ &>button {
1404
1107
  padding-inline: 24px;
1405
1108
  border: 1px solid gray;
1406
1109
  padding-block: 12px;
@@ -1441,11 +1144,21 @@
1441
1144
  align-items: flex-start;
1442
1145
  height: 100%;
1443
1146
  width: 100%;
1147
+
1444
1148
  .tile_bundle_name {
1445
1149
  display: flex;
1446
1150
  align-items: flex-start;
1447
1151
  justify-content: flex-start;
1448
1152
  font-family: var(--_ctm-dn-be-ne-ft-fy);
1153
+ text-transform: var(--_ctm-dn-be-ne-tt-tm);
1154
+ word-wrap: var(--_ctm-dn-be-ne-wd-wp);
1155
+ word-break: var(--_ctm-dn-be-ne-wd-bk);
1156
+
1157
+ &.flex__overflow {
1158
+ white-space: normal;
1159
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1160
+ }
1161
+
1449
1162
  font-size: var(--_ctm-dn-be-ne-ft-se);
1450
1163
  color: var(--_ctm-dn-be-ne-cr);
1451
1164
  font-weight: var(--_ctm-dn-be-ne-ft-wt);
@@ -1459,14 +1172,23 @@
1459
1172
  border-color: var(--_ctm-dn-be-ne-br-cr);
1460
1173
  border-style: var(--_ctm-dn-be-ne-br-se);
1461
1174
  border-radius: var(--_ctm-dn-be-ne-br-rs);
1462
- box-shadow: var(--_ctm-dn-be-ne-sw-ae) var(--_ctm-dn-be-ne-sw-br)
1463
- 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);
1464
1176
  }
1177
+
1465
1178
  .tile_category_name {
1466
1179
  display: flex;
1467
1180
  align-items: flex-start;
1468
1181
  justify-content: flex-start;
1469
1182
  font-family: var(--_ctm-dn-cy-ne-ft-fy);
1183
+ text-transform: var(--_ctm-dn-cy-ne-tt-tm);
1184
+ word-wrap: var(--_ctm-dn-cy-ne-wd-wp);
1185
+ word-break: var(--_ctm-dn-cy-ne-wd-bk);
1186
+
1187
+ &.flex__overflow {
1188
+ white-space: normal;
1189
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1190
+ }
1191
+
1470
1192
  font-size: var(--_ctm-dn-cy-ne-ft-se);
1471
1193
  color: var(--_ctm-dn-cy-ne-cr);
1472
1194
  font-weight: var(--_ctm-dn-cy-ne-ft-wt);
@@ -1480,8 +1202,7 @@
1480
1202
  border-color: var(--_ctm-dn-cy-ne-br-cr);
1481
1203
  border-style: var(--_ctm-dn-cy-ne-br-se);
1482
1204
  border-radius: var(--_ctm-dn-cy-ne-br-rs);
1483
- box-shadow: var(--_ctm-dn-cy-ne-sw-ae) var(--_ctm-dn-cy-ne-sw-br)
1484
- 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);
1485
1206
  }
1486
1207
 
1487
1208
  .brand-tile {
@@ -1542,6 +1263,7 @@
1542
1263
  0% {
1543
1264
  transform: rotateY(0deg);
1544
1265
  }
1266
+
1545
1267
  100% {
1546
1268
  transform: rotateY(180deg);
1547
1269
  }
@@ -1560,8 +1282,7 @@
1560
1282
  border-color: var(--_ctm-dn-te-cd-ie-dn-br-cr);
1561
1283
  border-style: var(--_ctm-dn-te-cd-ie-dn-br-se);
1562
1284
  border-radius: var(--_ctm-dn-te-cd-ie-dn-br-rs);
1563
- box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br)
1564
- 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);
1565
1286
 
1566
1287
  img {
1567
1288
  // max-height: 135px;
@@ -1575,4 +1296,4 @@
1575
1296
  }
1576
1297
  }
1577
1298
  }
1578
- }
1299
+ }