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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
@@ -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,64 +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,
194
+ border-color: var(--_show-gy-border,
207
195
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
208
- 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)))
209
- );
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))));
210
197
 
211
- border-style: var(
212
- --_show-gy-border,
198
+ border-style: var(--_show-gy-border,
213
199
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
214
- 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)))
215
- );
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))));
216
201
 
217
- border-width: var(
218
- --_show-gy-border,
202
+ border-width: var(--_show-gy-border,
219
203
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
220
- 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)))
221
- );
222
-
223
- border-radius: var(
224
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-rs,
225
- 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))
226
- );
227
-
228
- box-shadow: var(
229
- --_show-gy-shadow,
230
- var(
231
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
232
- var(
233
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
234
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae)
235
- )
236
- )
237
- var(
238
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
239
- var(
240
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br,
241
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-br)
242
- )
243
- )
244
- var(
245
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
246
- var(
247
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd,
248
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-sd)
249
- )
250
- )
251
- var(
252
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
253
- var(
254
- --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr,
255
- var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-cr)
256
- )
257
- )
258
- );
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))));
259
219
  }
260
220
 
261
221
  .embla {
@@ -281,72 +241,32 @@
281
241
  display: grid;
282
242
  grid-template-rows: 100%;
283
243
  // grid-template-columns: 100%;
284
- grid-template-columns: repeat(
285
- var(
286
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
287
- 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))
288
- ),
289
- calc(
290
- 100% /
291
- var(
292
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
293
- var(
294
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
295
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se)
296
- )
297
- )
298
- )
299
- );
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)))));
300
249
 
301
250
  grid-auto-flow: column;
302
- gap: var(
303
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
304
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
305
- );
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)));
306
253
 
307
254
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
308
- height: calc(
309
- 100% - calc(
310
- var(
311
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
312
- var(
313
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
314
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
315
- )
316
- ) +
317
- 10px
318
- )
319
- );
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));
320
258
  }
321
259
 
322
260
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
323
- height: calc(
324
- 100% - calc(
325
- var(
326
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
327
- var(
328
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
329
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-le-ht)
330
- )
331
- ) +
332
- 20px
333
- )
334
- );
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));
335
264
  }
336
265
 
337
266
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
338
- height: calc(
339
- 100% - calc(
340
- var(
341
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
342
- var(
343
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
344
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-dt-se)
345
- )
346
- ) +
347
- 20px
348
- )
349
- );
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));
350
270
  }
351
271
 
352
272
  .embla__slide {
@@ -356,18 +276,12 @@
356
276
  }
357
277
  }
358
278
  }
279
+
359
280
  &:not([data-display-style="Column"]) {
360
281
  .embla__container {
361
- grid-auto-columns: calc(
362
- 100% /
363
- var(
364
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
365
- var(
366
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-se,
367
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-se)
368
- )
369
- )
370
- );
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))));
371
285
  }
372
286
  }
373
287
 
@@ -378,6 +292,7 @@
378
292
  overflow: unset;
379
293
  height: 80%;
380
294
  flex-grow: 1;
295
+
381
296
  &:not([data-is-builder-type="true"]) {
382
297
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
383
298
  }
@@ -388,23 +303,19 @@
388
303
 
389
304
  // min-height: var(--_ctm-height);
390
305
 
391
- grid-template-columns: repeat(
392
- var(
393
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
394
- var(
395
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
396
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw)
397
- )
398
- ),
399
- 1fr
400
- );
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);
401
310
 
402
311
  grid-template-rows: unset;
403
312
 
404
313
  grid-auto-flow: row;
314
+
405
315
  &[data-overflow-hidden="true"] {
406
316
  overflow: hidden;
407
317
  }
318
+
408
319
  .embla__slide {
409
320
  aspect-ratio: 1/1.1;
410
321
  }
@@ -415,25 +326,12 @@
415
326
  &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
416
327
  .embla__viewport {
417
328
  .embla__container {
418
- grid-template-rows: repeat(
419
- var(
420
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
421
- var(
422
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
423
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn)
424
- )
425
- ),
426
- calc(
427
- 100% /
428
- var(
429
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
430
- var(
431
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-cn,
432
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-cn)
433
- )
434
- )
435
- )
436
- );
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)))));
437
335
  }
438
336
  }
439
337
  }
@@ -445,6 +343,7 @@
445
343
  overflow: unset;
446
344
  height: 80%;
447
345
  flex-grow: 1;
346
+
448
347
  &:not([data-is-builder-type="true"]) {
449
348
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
450
349
  }
@@ -455,16 +354,10 @@
455
354
 
456
355
  // min-height: var(--_ctm-height);
457
356
 
458
- grid-template-columns: repeat(
459
- var(
460
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
461
- var(
462
- --_ctm-tab-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
463
- var(--_ctm-dn-pt-pl-dn-pt-ie-lt-is-pr-rw)
464
- )
465
- ),
466
- 1fr
467
- );
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);
468
361
  grid-template-rows: unset;
469
362
 
470
363
  grid-auto-flow: row;
@@ -478,6 +371,7 @@
478
371
  .embla__viewport {
479
372
  .embla__container {
480
373
  display: flex;
374
+
481
375
  .embla__slide {
482
376
  width: unset;
483
377
  height: 100%;
@@ -486,6 +380,7 @@
486
380
  }
487
381
  }
488
382
  }
383
+
489
384
  &[data-display-style="Masonry"] {
490
385
  // overflow: unset;
491
386
 
@@ -493,22 +388,20 @@
493
388
  overflow: hidden;
494
389
  height: 80%;
495
390
  flex-grow: 1;
391
+
496
392
  &:not([data-is-builder-type="true"]) {
497
393
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
498
394
  }
395
+
499
396
  .embla__container {
500
397
  overflow: unset;
501
398
 
502
399
  display: block;
503
- column-count: var(
504
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-is-pr-rw,
505
- 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))
506
- );
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)));
507
402
  gap: unset;
508
- column-gap: var(
509
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
510
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
511
- );
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)));
512
405
 
513
406
  // height: auto;
514
407
 
@@ -516,12 +409,11 @@
516
409
 
517
410
  .embla__slide {
518
411
  // break-inside: avoid;
519
- margin-bottom: var(
520
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-im-gp,
521
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-im-gp, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-im-gp))
522
- );
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)));
523
414
 
524
415
  height: unset;
416
+
525
417
  .gallery__slide {
526
418
  height: unset;
527
419
  }
@@ -550,6 +442,7 @@
550
442
  bottom: 10px;
551
443
  top: unset;
552
444
  }
445
+
553
446
  &[data-control-type="Bottom"] {
554
447
  transform: unset;
555
448
  position: static;
@@ -559,13 +452,17 @@
559
452
  margin-top: 10px;
560
453
  }
561
454
  }
455
+
562
456
  &[data-control-type="Side"] {
457
+
563
458
  .left-button,
564
459
  .right-button {
565
460
  background-color: transparent;
566
461
  }
567
462
  }
463
+
568
464
  &[data-background-shape="Round"] {
465
+
569
466
  .left-button,
570
467
  .right-button {
571
468
  // background-color: var(
@@ -573,9 +470,11 @@
573
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))
574
471
  // );
575
472
  @include BgColorLighter(var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-bd-cr), 10%);
473
+
576
474
  &:not(:disabled):hover {
577
475
  @include BgColorLighter(var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-bd-cr), 20%);
578
476
  }
477
+
579
478
  // box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
580
479
  }
581
480
  }
@@ -584,14 +483,10 @@
584
483
  padding: 10px;
585
484
  border-radius: 50%;
586
485
  border: none;
587
- width: var(
588
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
589
- 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))
590
- );
591
- height: var(
592
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
593
- 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))
594
- );
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)));
595
490
 
596
491
  display: flex;
597
492
  align-items: center;
@@ -599,41 +494,26 @@
599
494
  cursor: pointer;
600
495
  outline: none;
601
496
  margin-left: 12px;
497
+
602
498
  span {
603
499
  display: flex;
500
+
604
501
  svg {
605
- width: calc(
606
- var(
607
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
608
- var(
609
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
610
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
611
- )
612
- ) *
613
- 0.5
614
- );
615
- height: calc(
616
- var(
617
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
618
- var(
619
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
620
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
621
- )
622
- ) *
623
- 0.5
624
- );
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);
625
508
 
626
509
  path {
627
- stroke: var(
628
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
629
- var(
630
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
631
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)
632
- )
633
- );
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)));
634
513
  }
635
514
  }
636
515
  }
516
+
637
517
  &:disabled {
638
518
  & svg {
639
519
  path {
@@ -642,17 +522,14 @@
642
522
  }
643
523
  }
644
524
  }
525
+
645
526
  .right-button {
646
527
  border-radius: 50%;
647
528
  border: none;
648
- width: var(
649
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
650
- 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))
651
- );
652
- height: var(
653
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
654
- 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))
655
- );
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)));
656
533
 
657
534
  display: flex;
658
535
  align-items: center;
@@ -661,41 +538,26 @@
661
538
  outline: none;
662
539
  margin-right: 12px;
663
540
  padding: 10px;
541
+
664
542
  span {
665
543
  display: flex;
544
+
666
545
  svg {
667
- width: calc(
668
- var(
669
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
670
- var(
671
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
672
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
673
- )
674
- ) *
675
- 0.5
676
- );
677
- height: calc(
678
- var(
679
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
680
- var(
681
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
682
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
683
- )
684
- ) *
685
- 0.5
686
- );
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);
687
552
 
688
553
  path {
689
- stroke: var(
690
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
691
- var(
692
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
693
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-cr)
694
- )
695
- );
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)));
696
557
  }
697
558
  }
698
559
  }
560
+
699
561
  &:disabled {
700
562
  & svg {
701
563
  path {
@@ -704,35 +566,21 @@
704
566
  }
705
567
  }
706
568
  }
569
+
707
570
  .icon {
708
571
  display: flex;
572
+
709
573
  svg {
710
- width: calc(
711
- var(
712
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
713
- var(
714
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
715
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
716
- )
717
- ) *
718
- 0.5
719
- );
720
- height: calc(
721
- var(
722
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
723
- var(
724
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-as-aw-se,
725
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-as-aw-se)
726
- )
727
- ) *
728
- 0.5
729
- );
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);
730
580
 
731
581
  path {
732
- stroke: var(
733
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-as-aw-cr,
734
- 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))
735
- );
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)));
736
584
  }
737
585
  }
738
586
  }
@@ -743,13 +591,17 @@
743
591
  margin-inline: auto;
744
592
  }
745
593
  }
594
+
746
595
  gap: var(--_ctm-dn-pt-pl-dn-pt-ie-lt-sr-ad-tl-gp);
596
+
747
597
  &[data-thumbnail-placement="top"] {
748
598
  flex-direction: column-reverse;
749
599
  }
600
+
750
601
  &[data-thumbnail-placement="bottom"] {
751
602
  flex-direction: column;
752
603
  }
604
+
753
605
  &[data-thumbnail-placement="left"] {
754
606
  flex-direction: row-reverse;
755
607
 
@@ -770,8 +622,10 @@
770
622
  }
771
623
  }
772
624
  }
625
+
773
626
  &[data-thumbnail-placement="right"] {
774
627
  flex-direction: row;
628
+
775
629
  .embla__thumbs {
776
630
  // width: var(
777
631
  // --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
@@ -787,10 +641,12 @@
787
641
  }
788
642
  }
789
643
  }
644
+
790
645
  &[data-control-type="Side"] {
791
646
  flex-direction: row;
792
647
  align-items: center;
793
648
  }
649
+
794
650
  .embla__dots {
795
651
  display: flex;
796
652
  flex-wrap: wrap;
@@ -807,17 +663,14 @@
807
663
  transform: translateX(-50%);
808
664
  width: 75%;
809
665
  }
666
+
810
667
  .embla__dot {
811
668
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
812
669
  -webkit-appearance: none;
813
670
  appearance: none;
814
- background-color: var(
815
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
816
- var(
817
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr,
818
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-or-dt-cr)
819
- )
820
- );
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)));
821
674
 
822
675
  touch-action: manipulation;
823
676
  display: inline-flex;
@@ -828,89 +681,65 @@
828
681
  margin: 0;
829
682
  // width: 0.6rem;
830
683
  // height: 0.6rem;
831
- width: var(
832
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
833
- 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))
834
- );
835
- height: var(
836
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
837
- 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))
838
- );
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)));
839
688
 
840
689
  display: flex;
841
690
  align-items: center;
842
691
  justify-content: center;
843
692
  border-radius: 50%;
844
693
  }
694
+
845
695
  .embla__dot:after {
846
696
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
847
- width: var(
848
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
849
- 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))
850
- );
851
- height: var(
852
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-dt-se,
853
- 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
- );
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)));
855
701
 
856
702
  border-radius: 50%;
857
703
  display: flex;
858
704
  align-items: center;
859
705
  content: "";
860
706
  }
707
+
861
708
  .embla__dot--selected:after {
862
709
  box-shadow: inset 0 0 0 1px var(--text-body);
863
- background-color: var(
864
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
865
- var(
866
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr,
867
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-ds-ct-dt-cr)
868
- )
869
- );
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)));
870
713
  }
714
+
871
715
  &[data-slider-control="Pagination Line"] {
872
716
  .embla__dot {
873
- width: var(
874
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
875
- 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))
876
- );
877
-
878
- height: var(
879
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
880
- 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))
881
- );
882
-
883
- background-color: var(
884
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
885
- var(
886
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr,
887
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-or-le-cr)
888
- )
889
- );
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)));
890
726
 
891
727
  border-radius: 6px;
892
728
  }
729
+
893
730
  .embla__dot--selected:after {
894
731
  box-shadow: inset 0 0 0 1px var(--text-body);
895
732
  border-radius: 6px;
896
- width: var(
897
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-wh,
898
- 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))
899
- );
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)));
900
735
 
901
- height: var(
902
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-le-ht,
903
- 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))
904
- );
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)));
905
738
 
906
739
  // background-color: #fff;
907
- background-color: var(
908
- --_ctm-mob-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
909
- var(
910
- --_ctm-tab-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr,
911
- var(--_ctm-dn-pt-pl-dn-pt-ie-pn-le-ct-le-cr)
912
- )
913
- );
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)));
914
743
  }
915
744
  }
916
745
  }
@@ -938,15 +767,14 @@
938
767
 
939
768
  overflow: hidden;
940
769
  }
770
+
941
771
  .embla__thumbs__container {
942
772
  display: flex;
943
773
  flex-direction: row;
944
774
  justify-content: prepareMediaVariable(--_ctm-lt-jy-ct);
945
775
  margin-left: calc(var(--thumbs-slide-spacing) * -1);
946
- gap: var(
947
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-sg,
948
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-sg, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-sg))
949
- );
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)));
950
778
 
951
779
  width: 100%;
952
780
  // justify-content: center;
@@ -955,15 +783,11 @@
955
783
  .embla__thumbs__slide {
956
784
  flex-shrink: 0;
957
785
  // min-width: var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se);
958
- max-width: var(
959
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
960
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se))
961
- );
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)));
962
788
 
963
- height: var(
964
- --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-tl-se,
965
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-tl-se, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-tl-se))
966
- );
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)));
967
791
 
968
792
  & img {
969
793
  // width: 100%;
@@ -979,11 +803,13 @@
979
803
  img[data-has-link="true"] {
980
804
  cursor: pointer;
981
805
  }
806
+
982
807
  width: 100%;
983
808
  max-width: 100%;
984
809
  height: 100%;
985
810
  display: flex;
986
811
  flex: 0 0 auto;
812
+
987
813
  div {
988
814
  position: relative;
989
815
  overflow: hidden;
@@ -993,304 +819,158 @@
993
819
 
994
820
  // flex-direction: column;
995
821
 
996
- background-color: var(
997
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-bd-cr,
998
- 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))
999
- );
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
+
1000
825
  // Item Style > Border / Shadow toggles.
1001
826
  &[data-show-border="false"] {
1002
827
  --_show-im-border: none;
1003
828
  }
829
+
1004
830
  &[data-show-shadow="false"] {
1005
831
  --_show-im-shadow: none;
1006
832
  }
1007
833
 
1008
- border-color: var(
1009
- --_show-im-border,
834
+ border-color: var(--_show-im-border,
1010
835
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-cr,
1011
- 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)))
1012
- );
1013
- border-style: var(
1014
- --_show-im-border,
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,
1015
838
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-se,
1016
- 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)))
1017
- );
1018
- border-width: var(
1019
- --_show-im-border,
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,
1020
841
  var(--_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-wh,
1021
- 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)))
1022
- );
1023
- border-radius: var(
1024
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1025
- 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))
1026
- );
1027
-
1028
- box-shadow: var(
1029
- --_show-im-shadow,
1030
- var(
1031
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-ae,
1032
- 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))
1033
- )
1034
- var(
1035
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-br,
1036
- 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))
1037
- )
1038
- var(
1039
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-sd,
1040
- 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))
1041
- )
1042
- var(
1043
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-cr,
1044
- 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))
1045
- )
1046
- );
1047
-
1048
- gap: var(
1049
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
1050
- var(
1051
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg,
1052
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-lt-gy-tt-ad-im-sg)
1053
- )
1054
- );
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)));
1055
856
 
1056
857
  .gallery-header {
1057
858
  display: flex;
1058
859
  flex-direction: column;
1059
- gap: var(
1060
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
1061
- var(
1062
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg,
1063
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-te-ad-dn-pt-pl-dn-pt-ie-sg)
1064
- )
1065
- );
1066
- padding-block: var(
1067
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
1068
- var(
1069
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg,
1070
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-vl-pg)
1071
- )
1072
- );
1073
- padding-inline: var(
1074
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
1075
- var(
1076
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg,
1077
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-lt-tt-hl-pg)
1078
- )
1079
- );
1080
- background-color: var(
1081
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
1082
- var(
1083
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr,
1084
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-bd-cr)
1085
- )
1086
- );
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)));
1087
872
  width: 100%;
1088
- border-color: var(
1089
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
1090
- var(
1091
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr,
1092
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-cr)
1093
- )
1094
- );
1095
- border-style: var(
1096
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
1097
- var(
1098
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se,
1099
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-se)
1100
- )
1101
- );
1102
- border-width: var(
1103
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
1104
- var(
1105
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh,
1106
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-wh)
1107
- )
1108
- );
1109
- border-radius: var(
1110
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
1111
- var(
1112
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs,
1113
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-br-rs)
1114
- )
1115
- );
1116
-
1117
- box-shadow: var(
1118
- --_show-shadow,
1119
- var(
1120
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
1121
- var(
1122
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae,
1123
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-ae)
1124
- )
1125
- )
1126
- var(
1127
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
1128
- var(
1129
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br,
1130
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-br)
1131
- )
1132
- )
1133
- var(
1134
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
1135
- var(
1136
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd,
1137
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-sd)
1138
- )
1139
- )
1140
- var(
1141
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
1142
- var(
1143
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr,
1144
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-tt-cr-dn-pt-pl-dn-pt-ie-sw-cr)
1145
- )
1146
- )
1147
- );
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))));
1148
896
 
1149
897
  & h3 {
1150
- color: var(
1151
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr,
1152
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-cr))
1153
- );
1154
- font-family: var(
1155
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy,
1156
- 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))
1157
- );
1158
- text-transform: var(
1159
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm,
1160
- 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))
1161
- );
1162
- word-wrap: var(
1163
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp,
1164
- 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))
1165
- );
1166
- word-break: var(
1167
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk,
1168
- 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))
1169
- );
1170
- font-size: var(
1171
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se,
1172
- 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))
1173
- );
1174
- font-weight: var(
1175
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt,
1176
- 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))
1177
- );
1178
- font-style: var(
1179
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1180
- var(
1181
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic,
1182
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic)
1183
- )
1184
- );
1185
- text-align: var(
1186
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an,
1187
- 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))
1188
- );
1189
- letter-spacing: var(
1190
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg,
1191
- 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))
1192
- );
1193
- line-height: var(
1194
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht,
1195
- 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))
1196
- );
1197
- text-decoration: var(
1198
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue,
1199
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ue, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ue))
1200
- );
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)));
1201
923
  }
1202
924
 
1203
925
  & p {
1204
- color: var(
1205
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-cr-dc,
1206
- 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))
1207
- );
1208
- font-family: var(
1209
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1210
- var(
1211
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc,
1212
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-fy-dc)
1213
- )
1214
- );
1215
- text-transform: var(
1216
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
1217
- var(
1218
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc,
1219
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-tm-dc)
1220
- )
1221
- );
1222
- word-wrap: var(
1223
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
1224
- var(
1225
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc,
1226
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-wp-dc)
1227
- )
1228
- );
1229
- word-break: var(
1230
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
1231
- var(
1232
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc,
1233
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-wd-bk-dc)
1234
- )
1235
- );
1236
- font-size: var(
1237
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1238
- var(
1239
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc,
1240
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-dc)
1241
- )
1242
- );
1243
- font-weight: var(
1244
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1245
- var(
1246
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc,
1247
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-wt-dc)
1248
- )
1249
- );
1250
- font-style: var(
1251
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1252
- var(
1253
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc,
1254
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-ft-se-ic-dc)
1255
- )
1256
- );
1257
- text-align: var(
1258
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1259
- var(
1260
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc,
1261
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-tt-an-dc)
1262
- )
1263
- );
1264
- letter-spacing: var(
1265
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1266
- var(
1267
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc,
1268
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-lr-sg-dc)
1269
- )
1270
- );
1271
- line-height: var(
1272
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1273
- var(
1274
- --_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc,
1275
- var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-le-ht-dc)
1276
- )
1277
- );
1278
- text-decoration: var(
1279
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-ue-dc,
1280
- 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))
1281
- );
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)));
1282
960
  }
1283
961
  }
1284
962
 
1285
963
  img {
1286
964
  object-fit: contain;
1287
965
  }
966
+
1288
967
  &[data-text-position="On Image"] {
1289
968
  .gallery-header {
1290
969
  width: 100%;
1291
970
  // height: 100%;
1292
971
  position: absolute;
1293
972
  }
973
+
1294
974
  a:has(img) {
1295
975
  width: 100%;
1296
976
  }
@@ -1304,6 +984,7 @@
1304
984
  justify-content: flex-start;
1305
985
  }
1306
986
  }
987
+
1307
988
  &[data-widget-alignment="center"] {
1308
989
  // align-items: center;
1309
990
 
@@ -1313,7 +994,9 @@
1313
994
  justify-content: center;
1314
995
  }
1315
996
  }
997
+
1316
998
  &[data-widget-alignment="bottom"] {
999
+
1317
1000
  // align-items: flex-end;
1318
1001
  .gallery-header {
1319
1002
  bottom: 0;
@@ -1330,6 +1013,7 @@
1330
1013
  &[data-text-position="bottom"] {
1331
1014
  flex-direction: column-reverse;
1332
1015
  }
1016
+
1333
1017
  &[data-text-position="left"] {
1334
1018
  flex-direction: row;
1335
1019
 
@@ -1337,6 +1021,7 @@
1337
1021
  width: fit-content;
1338
1022
  height: 100%;
1339
1023
  }
1024
+
1340
1025
  &[data-widget-alignment="top"] {
1341
1026
  align-items: flex-start;
1342
1027
 
@@ -1344,6 +1029,7 @@
1344
1029
  justify-content: flex-start;
1345
1030
  }
1346
1031
  }
1032
+
1347
1033
  &[data-widget-alignment="center"] {
1348
1034
  align-items: center;
1349
1035
 
@@ -1351,6 +1037,7 @@
1351
1037
  justify-content: center;
1352
1038
  }
1353
1039
  }
1040
+
1354
1041
  &[data-widget-alignment="bottom"] {
1355
1042
  align-items: flex-end;
1356
1043
 
@@ -1359,8 +1046,10 @@
1359
1046
  }
1360
1047
  }
1361
1048
  }
1049
+
1362
1050
  &[data-text-position="right"] {
1363
1051
  flex-direction: row-reverse;
1052
+
1364
1053
  .gallery-header {
1365
1054
  width: fit-content;
1366
1055
  height: 100%;
@@ -1373,6 +1062,7 @@
1373
1062
  justify-content: flex-start;
1374
1063
  }
1375
1064
  }
1065
+
1376
1066
  &[data-widget-alignment="center"] {
1377
1067
  align-items: center;
1378
1068
 
@@ -1380,6 +1070,7 @@
1380
1070
  justify-content: center;
1381
1071
  }
1382
1072
  }
1073
+
1383
1074
  &[data-widget-alignment="bottom"] {
1384
1075
  align-items: flex-end;
1385
1076
 
@@ -1388,13 +1079,12 @@
1388
1079
  }
1389
1080
  }
1390
1081
  }
1082
+
1391
1083
  img {
1392
1084
  width: 100%;
1393
1085
  height: 100%;
1394
- border-radius: var(
1395
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
1396
- 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))
1397
- );
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)));
1398
1088
  // object-fit: cover;
1399
1089
 
1400
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));
@@ -1412,7 +1102,8 @@
1412
1102
  display: flex;
1413
1103
  justify-content: center;
1414
1104
  margin-block: 12px;
1415
- & > button {
1105
+
1106
+ &>button {
1416
1107
  padding-inline: 24px;
1417
1108
  border: 1px solid gray;
1418
1109
  padding-block: 12px;
@@ -1453,6 +1144,7 @@
1453
1144
  align-items: flex-start;
1454
1145
  height: 100%;
1455
1146
  width: 100%;
1147
+
1456
1148
  .tile_bundle_name {
1457
1149
  display: flex;
1458
1150
  align-items: flex-start;
@@ -1461,10 +1153,12 @@
1461
1153
  text-transform: var(--_ctm-dn-be-ne-tt-tm);
1462
1154
  word-wrap: var(--_ctm-dn-be-ne-wd-wp);
1463
1155
  word-break: var(--_ctm-dn-be-ne-wd-bk);
1156
+
1464
1157
  &.flex__overflow {
1465
1158
  white-space: normal;
1466
1159
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1467
1160
  }
1161
+
1468
1162
  font-size: var(--_ctm-dn-be-ne-ft-se);
1469
1163
  color: var(--_ctm-dn-be-ne-cr);
1470
1164
  font-weight: var(--_ctm-dn-be-ne-ft-wt);
@@ -1478,9 +1172,9 @@
1478
1172
  border-color: var(--_ctm-dn-be-ne-br-cr);
1479
1173
  border-style: var(--_ctm-dn-be-ne-br-se);
1480
1174
  border-radius: var(--_ctm-dn-be-ne-br-rs);
1481
- box-shadow: var(--_ctm-dn-be-ne-sw-ae) var(--_ctm-dn-be-ne-sw-br)
1482
- 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);
1483
1176
  }
1177
+
1484
1178
  .tile_category_name {
1485
1179
  display: flex;
1486
1180
  align-items: flex-start;
@@ -1489,10 +1183,12 @@
1489
1183
  text-transform: var(--_ctm-dn-cy-ne-tt-tm);
1490
1184
  word-wrap: var(--_ctm-dn-cy-ne-wd-wp);
1491
1185
  word-break: var(--_ctm-dn-cy-ne-wd-bk);
1186
+
1492
1187
  &.flex__overflow {
1493
1188
  white-space: normal;
1494
1189
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1495
1190
  }
1191
+
1496
1192
  font-size: var(--_ctm-dn-cy-ne-ft-se);
1497
1193
  color: var(--_ctm-dn-cy-ne-cr);
1498
1194
  font-weight: var(--_ctm-dn-cy-ne-ft-wt);
@@ -1506,8 +1202,7 @@
1506
1202
  border-color: var(--_ctm-dn-cy-ne-br-cr);
1507
1203
  border-style: var(--_ctm-dn-cy-ne-br-se);
1508
1204
  border-radius: var(--_ctm-dn-cy-ne-br-rs);
1509
- box-shadow: var(--_ctm-dn-cy-ne-sw-ae) var(--_ctm-dn-cy-ne-sw-br)
1510
- 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);
1511
1206
  }
1512
1207
 
1513
1208
  .brand-tile {
@@ -1568,6 +1263,7 @@
1568
1263
  0% {
1569
1264
  transform: rotateY(0deg);
1570
1265
  }
1266
+
1571
1267
  100% {
1572
1268
  transform: rotateY(180deg);
1573
1269
  }
@@ -1586,8 +1282,7 @@
1586
1282
  border-color: var(--_ctm-dn-te-cd-ie-dn-br-cr);
1587
1283
  border-style: var(--_ctm-dn-te-cd-ie-dn-br-se);
1588
1284
  border-radius: var(--_ctm-dn-te-cd-ie-dn-br-rs);
1589
- box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br)
1590
- 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);
1591
1286
 
1592
1287
  img {
1593
1288
  // max-height: 135px;
@@ -1601,4 +1296,4 @@
1601
1296
  }
1602
1297
  }
1603
1298
  }
1604
- }
1299
+ }