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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/dist/add-order.scss +2 -8
  2. package/dist/allocation-header-quota-details.scss +9 -4
  3. package/dist/allocationDetails.scss +167 -164
  4. package/dist/allocations-quota-details.scss +9 -4
  5. package/dist/allocations.scss +1 -4
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/builder.js +1 -1
  8. package/dist/builderLite.js +1 -1
  9. package/dist/bulk-variant-picker.scss +24 -26
  10. package/dist/bundle copy.scss +235 -0
  11. package/dist/bundle.scss +10 -10
  12. package/dist/bundleCategories.scss +301 -0
  13. package/dist/bundleDetails.scss +10 -1
  14. package/dist/button copy.scss +28 -0
  15. package/dist/buy-for-tabs-container-item.scss +80 -80
  16. package/dist/buyForHeaders.scss +3 -12
  17. package/dist/cart-details.scss +23 -4
  18. package/dist/cart-products-sidebar.scss +211 -211
  19. package/dist/cart-summary.scss +82 -10
  20. package/dist/cart-wrapper.scss +127 -127
  21. package/dist/cart.scss +2 -2
  22. package/dist/cartDropdownOverlay.scss +10 -1
  23. package/dist/cartGrouping.scss +89 -89
  24. package/dist/category-groups-product-grid.scss +143 -155
  25. package/dist/category-groups-product-image.scss +1372 -2010
  26. package/dist/category-groups-product-options.scss +680 -1054
  27. package/dist/category-groups-product-price.scss +2742 -4997
  28. package/dist/category-groups-quota-details.scss +7 -2
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/checkout.scss +1850 -4170
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirmationModal.scss +139 -139
  35. package/dist/coupon.scss +352 -714
  36. package/dist/custom-fonts.scss +100 -100
  37. package/dist/embroider-preview-element.scss +94 -94
  38. package/dist/emtpy-templates.scss +165 -165
  39. package/dist/faq.scss +7 -11
  40. package/dist/flex-text-editor.scss +271 -271
  41. package/dist/functions.scss +36 -0
  42. package/dist/gallery-slider-temp.scss +42 -5
  43. package/dist/hotspot.scss +1 -4
  44. package/dist/icon-list.scss +30 -59
  45. package/dist/image-for-product.scss +21 -21
  46. package/dist/image-temp.scss +18 -3
  47. package/dist/language-selector.scss +29 -21
  48. package/dist/last-x-orders.scss +6 -13
  49. package/dist/layouter-item.scss +3 -1
  50. package/dist/layouter.scss +164 -29
  51. package/dist/lightbox.scss +78 -78
  52. package/dist/line.scss +29 -70
  53. package/dist/loader.scss +37 -37
  54. package/dist/login.scss +49 -41
  55. package/dist/map.scss +23 -9
  56. package/dist/mega-menu.scss +1 -4
  57. package/dist/menu-item.scss +19 -19
  58. package/dist/myTemplates.scss +3 -0
  59. package/dist/order-processing.scss +61 -61
  60. package/dist/overflow-module.scss +63 -63
  61. package/dist/pickup-locations.scss +6 -3
  62. package/dist/position-module.scss +95 -95
  63. package/dist/prefix-list.scss +86 -86
  64. package/dist/product-actions.scss +6 -9
  65. package/dist/product-highlights.scss +40 -12
  66. package/dist/product-image-bundles.scss +12 -33
  67. package/dist/product-image.scss +341 -724
  68. package/dist/product-labels.scss +10 -8
  69. package/dist/product-options.scss +270 -125
  70. package/dist/product-price.scss +8 -2
  71. package/dist/productDetails.scss +2 -1
  72. package/dist/profile.scss +28 -0
  73. package/dist/quick-inventory-check.scss +6 -13
  74. package/dist/quick-links.scss +4 -0
  75. package/dist/quick-order-pad.scss +2 -2
  76. package/dist/quota-details.scss +11 -15
  77. package/dist/repeater copy.scss +24 -0
  78. package/dist/repeater-embla-controls.scss +13 -4
  79. package/dist/repeater.scss +161 -7
  80. package/dist/responsive-behaviour.scss +29 -29
  81. package/dist/scroll.scss +31 -1
  82. package/dist/shareCartSideBar.scss +254 -254
  83. package/dist/shipping-estimator.scss +41 -41
  84. package/dist/simple-list.scss +67 -0
  85. package/dist/social.scss +2 -2
  86. package/dist/sort.scss +89 -89
  87. package/dist/static-text.scss +52 -52
  88. package/dist/store-locations.scss +10 -8
  89. package/dist/sub-category.scss +74 -74
  90. package/dist/submit-quote.scss +275 -275
  91. package/dist/tab-container-item.scss +80 -80
  92. package/dist/tab-v2.scss +277 -604
  93. package/dist/table-common.scss +2 -2
  94. package/dist/table.scss +2 -2
  95. package/dist/text-temp-v2.scss +12 -23
  96. package/dist/text-temp.scss +109 -109
  97. package/dist/toggle-button.scss +32 -32
  98. package/dist/transform-properties-module.scss +20 -20
  99. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  100. package/dist/types/builder/enums/index.d.ts +1 -0
  101. package/dist/types/builder/index.d.ts +2 -1
  102. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  103. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  104. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  105. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  106. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  107. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  108. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  109. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  110. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  111. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  112. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  113. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1325 -74
  114. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  115. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  116. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  117. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  118. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  119. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  120. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  121. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  122. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  123. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  124. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  125. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  126. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  127. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  128. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  129. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  130. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  131. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  132. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  133. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  134. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  135. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  136. package/dist/types/builder/tools/element-edit/scroll.d.ts +8 -11
  137. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  138. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  139. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  140. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  141. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  142. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  143. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  144. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  145. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  146. package/dist/types/builder/tools/element-edit/userElements.d.ts +62 -22
  147. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  148. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  149. package/dist/uom-selector.scss +8 -2
  150. package/dist/user-elements.scss +133 -104
  151. package/dist/variant-picker.scss +1 -4
  152. package/dist/video.scss +147 -325
  153. package/dist/volume-pricing.scss +2 -2
  154. package/dist/website.js +1 -1
  155. package/dist/wishlist-overlay.scss +48 -48
  156. package/package.json +131 -131
package/dist/category-groups-product-image.scss CHANGED
@@ -7,1150 +7,924 @@
7
7
  // (The body-level .pim__main magnifier is global and already loaded by widget.scss.)
8
8
 
9
9
  [data-element-type="productImage"] {
10
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
11
- // width: 100%;
12
- width: var(
13
- --_sf-el-wh-st-mx,
14
- calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl))))
15
- );
16
- // height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)));
17
- margin: var(
18
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn,
19
- var(
20
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn,
21
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn)
22
- )
23
- );
24
-
25
- // aspect-ratio
26
- --_aspect-ratio: calc(
27
- 1 *
28
- (
29
- var(
30
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
31
- var(
32
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
33
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)
34
- )
35
- ) /
36
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-wh, var(--_tst-lt-wh))
37
- )
38
- );
39
-
40
- // Content-sized display styles — the element grows with the number of images.
41
- // See product-image.scss for the full reasoning.
42
- $contentSizedGallery: '.embla[data-scroll-control="Non"]:is([data-display-style="Grid"][data-scroll-direction="Vertical"], [data-display-style="Rows"], [data-display-style="Masonry"])';
43
-
44
- &:not(:has(#{$contentSizedGallery})) {
45
- height: var(
46
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
47
- var(
48
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
49
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)
10
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
11
+ // width: 100%;
12
+ width: var(
13
+ --_sf-el-wh-st-mx,
14
+ calc(
15
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
50
16
  )
51
17
  );
52
- }
53
-
54
- &:has(#{$contentSizedGallery}) {
55
- min-height: var(
56
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
57
- var(
58
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht,
59
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)
60
- )
18
+ // height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)));
19
+ margin: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-mn)));
20
+
21
+ // aspect-ratio
22
+ --_aspect-ratio: calc(
23
+ 1 *
24
+ (
25
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht))) /
26
+ var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-wh, var(--_tst-lt-wh))
27
+ )
61
28
  );
62
- }
63
29
 
64
- // &[data-view-state="full"] {
65
- // width: auto;
66
- // // height: 100%;
67
- // margin: 0;
68
- // justify-self: stretch !important;
69
- // align-self: stretch !important;
70
- // cursor: auto;
71
- // }
72
-
73
- // &[data-view-state="full"] {
74
- // aspect-ratio: 1/0.01;
75
- // & > .wrapper {
76
- // & > div {
77
- // height: 100%;
78
- // }
79
- // }
80
- // img {
81
- // height: 100%;
82
- // object-fit: cover;
83
- // }
84
- // }
85
-
86
- & > .wrapper {
87
- width: 100%;
88
- height: 100%;
89
- &:has(.text-element) {
90
- display: flex;
91
- align-items: start;
92
- justify-content: center;
30
+ // Content-sized display styles — the element grows with the number of images.
31
+ // See product-image.scss for the full reasoning.
32
+ $contentSizedGallery: '.embla[data-scroll-control="Non"]:is([data-display-style="Grid"][data-scroll-direction="Vertical"], [data-display-style="Rows"], [data-display-style="Masonry"])';
33
+
34
+ &:not(:has(#{$contentSizedGallery})) {
35
+ height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)));
93
36
  }
94
37
 
95
- * {
96
- user-select: none;
97
- // width: 100%;
38
+ &:has(#{$contentSizedGallery}) {
39
+ min-height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-ht)));
98
40
  }
99
- .product__img__wrapper {
41
+
42
+ // &[data-view-state="full"] {
43
+ // width: auto;
44
+ // // height: 100%;
45
+ // margin: 0;
46
+ // justify-self: stretch !important;
47
+ // align-self: stretch !important;
48
+ // cursor: auto;
49
+ // }
50
+
51
+ // &[data-view-state="full"] {
52
+ // aspect-ratio: 1/0.01;
53
+ // & > .wrapper {
54
+ // & > div {
55
+ // height: 100%;
56
+ // }
57
+ // }
58
+ // img {
59
+ // height: 100%;
60
+ // object-fit: cover;
61
+ // }
62
+ // }
63
+
64
+ & > .wrapper {
100
65
  width: 100%;
101
66
  height: 100%;
102
- &:has(.image__fallback__contain) {
67
+ &:has(.text-element) {
103
68
  display: flex;
69
+ align-items: start;
104
70
  justify-content: center;
105
- align-items: center;
106
71
  }
107
- .image__fallback__contain {
108
- object-fit: contain !important;
72
+
73
+ * {
74
+ user-select: none;
75
+ // width: 100%;
76
+ }
77
+ .product__img__wrapper {
78
+ width: 100%;
79
+ height: 100%;
80
+ &:has(.image__fallback__contain) {
81
+ display: flex;
82
+ justify-content: center;
83
+ align-items: center;
84
+ }
85
+ .image__fallback__contain {
86
+ object-fit: contain !important;
87
+ }
109
88
  }
110
89
  }
111
- }
112
- &[data-show-shadow="false"] {
113
- --_show-shadow: none;
114
- }
115
- .product_image {
116
- height: 100%;
117
- object-fit: contain;
118
- }
90
+ &[data-show-shadow="false"] {
91
+ --_show-shadow: none;
92
+ }
93
+ .product_image {
94
+ height: 100%;
95
+ object-fit: contain;
96
+ }
119
97
 
120
- .main-image {
121
- position: relative;
122
- flex: 1;
123
- border: 1px solid #e5e7eb;
124
- border-radius: 8px;
125
- overflow: hidden;
126
- background: white;
127
- // cursor: zoom-in;
98
+ .main-image {
99
+ position: relative;
100
+ flex: 1;
101
+ border: 1px solid #e5e7eb;
102
+ border-radius: 8px;
103
+ overflow: hidden;
104
+ background: white;
105
+ // cursor: zoom-in;
128
106
 
129
- img {
130
- width: 100%;
131
- height: auto;
132
- object-fit: contain;
133
- display: block;
107
+ img {
108
+ width: 100%;
109
+ height: auto;
110
+ object-fit: contain;
111
+ display: block;
112
+ }
113
+
114
+ // .lens-overlay {
115
+ // position: absolute;
116
+ // width: 100px;
117
+ // height: 100px;
118
+ // pointer-events: none;
119
+ // border-radius: 50%;
120
+ // border: 1px solid rgba(0, 0, 0, 0.2);
121
+ // box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
122
+ // background-repeat: no-repeat;
123
+ // backdrop-filter: brightness(1.1);
124
+ // z-index: 5;
125
+ // }
126
+
127
+ .lens-overlay {
128
+ position: absolute;
129
+ pointer-events: none;
130
+ border: 1px solid rgba(0, 0, 0, 0.3);
131
+ z-index: 10;
132
+ background-color: rgba(255, 255, 255, 0.3);
133
+ pointer-events: none;
134
+ z-index: 10;
135
+ }
134
136
  }
135
137
 
136
- // .lens-overlay {
138
+ // .magnifier-box {
137
139
  // position: absolute;
138
- // width: 100px;
139
- // height: 100px;
140
- // pointer-events: none;
141
- // border-radius: 50%;
142
- // border: 1px solid rgba(0, 0, 0, 0.2);
143
- // box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
144
- // background-repeat: no-repeat;
145
- // backdrop-filter: brightness(1.1);
146
- // z-index: 5;
140
+ // top: 0;
141
+ // right: -102%;
142
+ // z-index: 10;
143
+ // // width: 70vw;
144
+ // // height: 95vh;
145
+ // width: 600px;
146
+ // height: 600px;
147
+ // background: white;
148
+ // border: 1px solid #ccc;
149
+ // box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
150
+
151
+ // .magnifier {
152
+ // width: 100%;
153
+ // height: 100%;
154
+ // background-repeat: no-repeat;
155
+ // background-position: center;
156
+ // border-radius: 4px;
157
+ // }
158
+
159
+ // .magnifier-placeholder {
160
+ // text-align: center;
161
+ // padding: 1rem;
162
+ // }
147
163
  // }
148
164
 
149
- .lens-overlay {
165
+ .magnifier-box {
150
166
  position: absolute;
151
- pointer-events: none;
152
- border: 1px solid rgba(0, 0, 0, 0.3);
153
- z-index: 10;
154
- background-color: rgba(255, 255, 255, 0.3);
155
- pointer-events: none;
156
- z-index: 10;
167
+ right: -70%;
168
+ top: 0;
169
+ overflow: hidden;
170
+ border: 1px solid #ccc;
171
+ background: #fff;
172
+ z-index: 9;
173
+ img {
174
+ position: absolute;
175
+ will-change: transform;
176
+ }
157
177
  }
158
- }
159
178
 
160
- // .magnifier-box {
161
- // position: absolute;
162
- // top: 0;
163
- // right: -102%;
164
- // z-index: 10;
165
- // // width: 70vw;
166
- // // height: 95vh;
167
- // width: 600px;
168
- // height: 600px;
169
- // background: white;
170
- // border: 1px solid #ccc;
171
- // box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
172
-
173
- // .magnifier {
174
- // width: 100%;
175
- // height: 100%;
176
- // background-repeat: no-repeat;
177
- // background-position: center;
178
- // border-radius: 4px;
179
- // }
180
-
181
- // .magnifier-placeholder {
182
- // text-align: center;
183
- // padding: 1rem;
184
- // }
185
- // }
186
-
187
- .magnifier-box {
188
- position: absolute;
189
- right: -70%;
190
- top: 0;
191
- overflow: hidden;
192
- border: 1px solid #ccc;
193
- background: #fff;
194
- z-index: 9;
195
- img {
196
- position: absolute;
197
- will-change: transform;
179
+ a:has(> img.text-element) {
180
+ max-height: 100%;
198
181
  }
199
- }
200
-
201
- a:has(> img.text-element) {
202
- max-height: 100%;
203
- }
204
-
205
- .text-element {
206
- // background: #6d96e4;
207
- // padding: 10px;
208
- // font-weight: 600;
209
- // color: rgba(75, 69, 70, 1);
210
- max-width: 100%;
211
- max-height: 100%;
212
- // object-fit: contain;
213
- }
214
- .gallery-slider-element {
215
- --text-high-contrast-rgb-value: 49, 49, 49;
216
- --detail-medium-contrast: rgb(234, 234, 234);
217
- --text-body: rgb(54, 49, 61);
218
- overflow: hidden;
219
-
220
- position: relative;
221
- background-color: var(
222
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr,
223
- var(
224
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr,
225
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))
226
- )
227
- );
228
-
229
- padding: var(
230
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg,
231
- var(
232
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg,
233
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg)
234
- )
235
- );
236
-
237
- display: flex;
238
- flex-direction: column;
239
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
240
-
241
- gap: var(
242
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg,
243
- var(
244
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg,
245
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg)
246
- )
247
- );
248
182
 
249
- width: 100%;
250
- height: 100%;
251
-
252
- // Gallery Widget Style > Border / Shadow toggles. Distinct names from the item
253
- // ones below, because .gallery__slide is a descendant and would otherwise
254
- // inherit whatever is set here.
255
- &[data-show-border="false"] {
256
- --_show-gy-border: none;
257
- }
258
- &[data-show-shadow="false"] {
259
- --_show-gy-shadow: none;
183
+ .text-element {
184
+ // background: #6d96e4;
185
+ // padding: 10px;
186
+ // font-weight: 600;
187
+ // color: rgba(75, 69, 70, 1);
188
+ max-width: 100%;
189
+ max-height: 100%;
190
+ // object-fit: contain;
260
191
  }
192
+ .gallery-slider-element {
193
+ --text-high-contrast-rgb-value: 49, 49, 49;
194
+ --detail-medium-contrast: rgb(234, 234, 234);
195
+ --text-body: rgb(54, 49, 61);
196
+ overflow: hidden;
261
197
 
262
- border-color: var(
263
- --_show-gy-border,
264
- var(
265
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr,
266
- var(
267
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr,
268
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr)
269
- )
270
- )
271
- );
272
-
273
- border-style: var(
274
- --_show-gy-border,
275
- var(
276
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se,
277
- var(
278
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se,
279
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se)
280
- )
281
- )
282
- );
283
-
284
- border-width: var(
285
- --_show-gy-border,
286
- var(
287
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh,
198
+ position: relative;
199
+ background-color: var(
200
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr,
288
201
  var(
289
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh,
290
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh)
202
+ --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr,
203
+ var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))
291
204
  )
292
- )
293
- );
294
-
295
- border-radius: var(
296
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs,
297
- var(
298
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs,
299
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs)
300
- )
301
- );
205
+ );
302
206
 
303
- box-shadow: var(
304
- --_show-gy-shadow,
305
- var(
306
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae,
307
- var(
308
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae,
309
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae)
310
- )
311
- )
312
- var(
313
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br,
314
- var(
315
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br,
316
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br)
317
- )
318
- )
319
- var(
320
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd,
321
- var(
322
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd,
323
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd)
324
- )
325
- )
326
- var(
327
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr,
328
- var(
329
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr,
330
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr)
331
- )
332
- )
333
- );
207
+ padding: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-pg)));
334
208
 
335
- .gallery-header {
336
- // text-align: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
337
- // line-height: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-lt-tt-ad-dn-sg, var(--_tst-dn-gy-lt-tt-ad-dn-sg));
338
209
  display: flex;
339
210
  flex-direction: column;
211
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
340
212
 
341
213
  gap: var(
342
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
343
- var(
344
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
345
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg)
346
- )
347
- );
348
-
349
- padding-block: var(
350
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg,
351
- var(
352
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg,
353
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg)
354
- )
355
- );
356
-
357
- padding-inline: var(
358
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg,
359
- var(
360
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg,
361
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg)
362
- )
363
- );
364
-
365
- background-color: var(
366
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr,
367
- var(
368
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr,
369
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr)
370
- )
214
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg,
215
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-lt-gy-tt-ad-im-sg))
371
216
  );
372
217
 
373
218
  width: 100%;
219
+ height: 100%;
220
+
221
+ // Gallery Widget Style > Border / Shadow toggles. Distinct names from the item
222
+ // ones below, because .gallery__slide is a descendant and would otherwise
223
+ // inherit whatever is set here.
224
+ &[data-show-border="false"] {
225
+ --_show-gy-border: none;
226
+ }
227
+ &[data-show-shadow="false"] {
228
+ --_show-gy-shadow: none;
229
+ }
374
230
 
375
231
  border-color: var(
376
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr,
377
- var(
378
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr,
379
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr)
380
- )
232
+ --_show-gy-border,
233
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr,
234
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-cr)))
381
235
  );
382
236
 
383
237
  border-style: var(
384
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se,
385
- var(
386
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se,
387
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se)
388
- )
238
+ --_show-gy-border,
239
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se,
240
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-se)))
389
241
  );
390
242
 
391
243
  border-width: var(
392
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh,
393
- var(
394
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh,
395
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh)
396
- )
244
+ --_show-gy-border,
245
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh,
246
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-wh)))
397
247
  );
398
248
 
399
249
  border-radius: var(
400
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs,
401
- var(
402
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs,
403
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs)
404
- )
250
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs,
251
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-br-rs))
405
252
  );
406
253
 
407
254
  box-shadow: var(
408
- --_show-shadow,
255
+ --_show-gy-shadow,
409
256
  var(
410
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae,
411
- var(
412
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae,
413
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae)
414
- )
257
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae,
258
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-ae))
415
259
  )
416
260
  var(
417
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br,
418
- var(
419
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br,
420
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br)
421
- )
261
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br,
262
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-br))
422
263
  )
423
264
  var(
424
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd,
425
- var(
426
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd,
427
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd)
428
- )
265
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd,
266
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-sd))
429
267
  )
430
268
  var(
431
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr,
432
- var(
433
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr,
434
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr)
435
- )
269
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr,
270
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-sw-cr))
436
271
  )
437
272
  );
438
273
 
439
- & h3 {
440
- color: var(
441
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr,
442
- var(
443
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr,
444
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr)
445
- )
446
- );
274
+ .gallery-header {
275
+ // text-align: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
276
+ // line-height: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-lt-tt-ad-dn-sg, var(--_tst-dn-gy-lt-tt-ad-dn-sg));
277
+ display: flex;
278
+ flex-direction: column;
447
279
 
448
- font-family: var(
449
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy,
450
- var(
451
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy,
452
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy)
453
- )
454
- );
455
- text-transform: var(
456
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm,
457
- var(
458
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm,
459
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm)
460
- )
461
- );
462
- word-wrap: var(
463
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp,
464
- var(
465
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp,
466
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp)
467
- )
468
- );
469
- word-break: var(
470
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk,
471
- var(
472
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk,
473
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk)
474
- )
280
+ gap: var(
281
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
282
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-te-ad-dn-sg))
475
283
  );
476
284
 
477
- font-size: var(
478
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se,
479
- var(
480
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se,
481
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se)
482
- )
285
+ padding-block: var(
286
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg,
287
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-vl-pg))
483
288
  );
484
289
 
485
- font-weight: var(
486
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt,
487
- var(
488
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt,
489
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt)
490
- )
290
+ padding-inline: var(
291
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg,
292
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-lt-tt-hl-pg))
491
293
  );
492
294
 
493
- font-style: var(
494
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic,
495
- var(
496
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic,
497
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic)
498
- )
295
+ background-color: var(
296
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr,
297
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-bd-cr))
499
298
  );
500
299
 
501
- text-align: var(
502
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an,
503
- var(
504
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an,
505
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an)
506
- )
507
- );
300
+ width: 100%;
508
301
 
509
- letter-spacing: var(
510
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg,
511
- var(
512
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg,
513
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg)
514
- )
302
+ border-color: var(
303
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr,
304
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-cr))
515
305
  );
516
306
 
517
- line-height: var(
518
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht,
519
- var(
520
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht,
521
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht)
522
- )
307
+ border-style: var(
308
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se,
309
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-se))
523
310
  );
524
311
 
525
- text-decoration: var(
526
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue,
527
- var(
528
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue,
529
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue)
530
- )
312
+ border-width: var(
313
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh,
314
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-wh))
531
315
  );
532
- }
533
316
 
534
- & p {
535
- color: var(
536
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc,
537
- var(
538
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc,
539
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc)
540
- )
317
+ border-radius: var(
318
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs,
319
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-br-rs))
541
320
  );
542
321
 
543
- font-family: var(
544
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc,
545
- var(
546
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc,
547
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc)
548
- )
549
- );
550
- text-transform: var(
551
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc,
552
- var(
553
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc,
554
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc)
555
- )
556
- );
557
- word-wrap: var(
558
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc,
322
+ box-shadow: var(
323
+ --_show-shadow,
559
324
  var(
560
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc,
561
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc)
562
- )
563
- );
564
- word-break: var(
565
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc,
566
- var(
567
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc,
568
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc)
569
- )
325
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae,
326
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-ae))
327
+ )
328
+ var(
329
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br,
330
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-br))
331
+ )
332
+ var(
333
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd,
334
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-sd))
335
+ )
336
+ var(
337
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr,
338
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-tt-cr-dn-sw-cr))
339
+ )
570
340
  );
571
341
 
572
- font-size: var(
573
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc,
574
- var(
575
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc,
576
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc)
577
- )
578
- );
342
+ & h3 {
343
+ color: var(
344
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr,
345
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr))
346
+ );
579
347
 
580
- font-weight: var(
581
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc,
582
- var(
583
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc,
584
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc)
585
- )
586
- );
348
+ font-family: var(
349
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy,
350
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy))
351
+ );
352
+ text-transform: var(
353
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm,
354
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm))
355
+ );
356
+ word-wrap: var(
357
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp,
358
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp))
359
+ );
360
+ word-break: var(
361
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk,
362
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk))
363
+ );
587
364
 
588
- font-style: var(
589
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc,
590
- var(
591
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc,
592
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc)
593
- )
594
- );
365
+ font-size: var(
366
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se,
367
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se))
368
+ );
595
369
 
596
- text-align: var(
597
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc,
598
- var(
599
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc,
600
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc)
601
- )
602
- );
370
+ font-weight: var(
371
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt,
372
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt))
373
+ );
603
374
 
604
- letter-spacing: var(
605
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc,
606
- var(
607
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc,
608
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc)
609
- )
610
- );
375
+ font-style: var(
376
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic,
377
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic))
378
+ );
611
379
 
612
- line-height: var(
613
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc,
614
- var(
615
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc,
616
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc)
617
- )
618
- );
380
+ text-align: var(
381
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an,
382
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an))
383
+ );
619
384
 
620
- text-decoration: var(
621
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc,
622
- var(
623
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc,
624
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc)
625
- )
626
- );
627
- }
385
+ letter-spacing: var(
386
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg,
387
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg))
388
+ );
628
389
 
629
- // h3 {
630
- // margin-bottom: var(--_mb-4);
631
- // }
632
- }
633
- }
390
+ line-height: var(
391
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht,
392
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht))
393
+ );
634
394
 
635
- &[data-text-position="top"] {
636
- .gallery-slider-element {
637
- flex-direction: column;
638
- }
639
- }
640
- &[data-text-position="bottom"] {
641
- .gallery-slider-element {
642
- flex-direction: column-reverse;
643
- }
644
- }
645
- &[data-text-position="left"] {
646
- .gallery-slider-element {
647
- flex-direction: row;
648
- }
649
- .gallery-header {
650
- width: fit-content;
651
- height: 100%;
652
- }
653
- &[data-widget-alignment="top"] {
654
- .gallery-slider-element {
655
- align-items: flex-start;
656
- }
657
- .gallery-header {
658
- justify-content: flex-start;
659
- }
660
- }
661
- &[data-widget-alignment="center"] {
662
- .gallery-slider-element {
663
- align-items: center;
664
- }
665
- .gallery-header {
666
- justify-content: center;
667
- }
668
- }
669
- &[data-widget-alignment="bottom"] {
670
- .gallery-slider-element {
671
- align-items: flex-end;
672
- }
673
- .gallery-header {
674
- justify-content: flex-end;
395
+ text-decoration: var(
396
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue,
397
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue))
398
+ );
399
+ }
400
+
401
+ & p {
402
+ color: var(
403
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc,
404
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-cr-dc))
405
+ );
406
+
407
+ font-family: var(
408
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc,
409
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-fy-dc))
410
+ );
411
+ text-transform: var(
412
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc,
413
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-tm-dc))
414
+ );
415
+ word-wrap: var(
416
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc,
417
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-wp-dc))
418
+ );
419
+ word-break: var(
420
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc,
421
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-wd-bk-dc))
422
+ );
423
+
424
+ font-size: var(
425
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc,
426
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-dc))
427
+ );
428
+
429
+ font-weight: var(
430
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc,
431
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-wt-dc))
432
+ );
433
+
434
+ font-style: var(
435
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc,
436
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ft-se-ic-dc))
437
+ );
438
+
439
+ text-align: var(
440
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc,
441
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-tt-an-dc))
442
+ );
443
+
444
+ letter-spacing: var(
445
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc,
446
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-lr-sg-dc))
447
+ );
448
+
449
+ line-height: var(
450
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc,
451
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-le-ht-dc))
452
+ );
453
+
454
+ text-decoration: var(
455
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc,
456
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-gy-wt-se-ue-dc))
457
+ );
458
+ }
459
+
460
+ // h3 {
461
+ // margin-bottom: var(--_mb-4);
462
+ // }
675
463
  }
676
464
  }
677
- }
678
- &[data-text-position="right"] {
679
- .gallery-header {
680
- width: fit-content;
681
- height: 100%;
682
- }
683
- .gallery-slider-element {
684
- flex-direction: row-reverse;
685
- }
686
465
 
687
- &[data-widget-alignment="top"] {
466
+ &[data-text-position="top"] {
688
467
  .gallery-slider-element {
689
- align-items: flex-start;
468
+ flex-direction: column;
690
469
  }
691
- .gallery-header {
692
- justify-content: flex-start;
470
+ }
471
+ &[data-text-position="bottom"] {
472
+ .gallery-slider-element {
473
+ flex-direction: column-reverse;
693
474
  }
694
475
  }
695
- &[data-widget-alignment="center"] {
476
+ &[data-text-position="left"] {
696
477
  .gallery-slider-element {
697
- align-items: center;
478
+ flex-direction: row;
698
479
  }
699
480
  .gallery-header {
700
- justify-content: center;
481
+ width: fit-content;
482
+ height: 100%;
483
+ }
484
+ &[data-widget-alignment="top"] {
485
+ .gallery-slider-element {
486
+ align-items: flex-start;
487
+ }
488
+ .gallery-header {
489
+ justify-content: flex-start;
490
+ }
491
+ }
492
+ &[data-widget-alignment="center"] {
493
+ .gallery-slider-element {
494
+ align-items: center;
495
+ }
496
+ .gallery-header {
497
+ justify-content: center;
498
+ }
499
+ }
500
+ &[data-widget-alignment="bottom"] {
501
+ .gallery-slider-element {
502
+ align-items: flex-end;
503
+ }
504
+ .gallery-header {
505
+ justify-content: flex-end;
506
+ }
701
507
  }
702
508
  }
703
- &[data-widget-alignment="bottom"] {
509
+ &[data-text-position="right"] {
510
+ .gallery-header {
511
+ width: fit-content;
512
+ height: 100%;
513
+ }
704
514
  .gallery-slider-element {
705
- align-items: flex-end;
515
+ flex-direction: row-reverse;
706
516
  }
707
- .gallery-header {
708
- justify-content: flex-end;
517
+
518
+ &[data-widget-alignment="top"] {
519
+ .gallery-slider-element {
520
+ align-items: flex-start;
521
+ }
522
+ .gallery-header {
523
+ justify-content: flex-start;
524
+ }
525
+ }
526
+ &[data-widget-alignment="center"] {
527
+ .gallery-slider-element {
528
+ align-items: center;
529
+ }
530
+ .gallery-header {
531
+ justify-content: center;
532
+ }
533
+ }
534
+ &[data-widget-alignment="bottom"] {
535
+ .gallery-slider-element {
536
+ align-items: flex-end;
537
+ }
538
+ .gallery-header {
539
+ justify-content: flex-end;
540
+ }
709
541
  }
710
542
  }
711
- }
712
543
 
713
- .embla {
714
- width: 100%;
715
- height: 100%;
716
- position: relative;
717
- display: flex;
718
- flex-direction: column;
719
- // overflow: hidden;
720
-
721
- .embla__viewport {
544
+ .embla {
722
545
  width: 100%;
723
- // height: 100%;
724
- height: auto;
725
- flex-grow: 1;
546
+ height: 100%;
726
547
  position: relative;
727
548
  display: flex;
728
549
  flex-direction: column;
550
+ // overflow: hidden;
729
551
 
730
- overflow: hidden;
731
-
732
- .embla__container {
552
+ .embla__viewport {
733
553
  width: 100%;
734
- height: 100%;
735
- display: grid;
736
- grid-template-rows: 100%;
737
- // grid-template-columns: 100%;
738
- grid-template-columns: repeat(
739
- var(
740
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
741
- var(
742
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
743
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)
744
- )
745
- ),
746
- calc(
747
- 100% /
748
- var(
749
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
750
- var(
751
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
752
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)
753
- )
754
- )
755
- )
756
- );
554
+ // height: 100%;
555
+ height: auto;
556
+ flex-grow: 1;
557
+ position: relative;
558
+ display: flex;
559
+ flex-direction: column;
757
560
 
758
- grid-auto-flow: column;
759
- gap: var(
760
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
761
- var(
762
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
763
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp)
764
- )
765
- );
561
+ overflow: hidden;
766
562
 
767
- &[data-control-type="Bottom"][data-slider-control="Arrows"] {
768
- height: calc(
769
- 100% - calc(
770
- var(
771
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
772
- var(
773
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
774
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
775
- )
776
- ) +
777
- 10px
778
- )
563
+ .embla__container {
564
+ width: 100%;
565
+ height: 100%;
566
+ display: grid;
567
+ grid-template-rows: 100%;
568
+ // grid-template-columns: 100%;
569
+ grid-template-columns: repeat(
570
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se))),
571
+ calc(
572
+ 100% /
573
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)))
574
+ )
779
575
  );
780
- }
781
576
 
782
- &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
783
- height: calc(
784
- 100% - calc(
785
- var(
786
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
787
- var(
788
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
789
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht)
790
- )
791
- ) +
792
- 20px
793
- )
794
- );
795
- }
577
+ grid-auto-flow: column;
578
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp)));
796
579
 
797
- &[data-control-type="Bottom"][data-slider-control="Dots"] {
798
- height: calc(
799
- 100% - calc(
800
- var(
801
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
802
- var(
803
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
804
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se)
805
- )
806
- ) +
807
- 20px
808
- )
809
- );
810
- }
580
+ &[data-control-type="Bottom"][data-slider-control="Arrows"] {
581
+ height: calc(
582
+ 100% - calc(
583
+ var(
584
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
585
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
586
+ ) +
587
+ 10px
588
+ )
589
+ );
590
+ }
811
591
 
812
- .embla__slide {
813
- flex: 0 0 auto;
814
- width: 100%;
815
- height: 100%;
592
+ &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
593
+ height: calc(
594
+ 100% - calc(
595
+ var(
596
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
597
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht))
598
+ ) +
599
+ 20px
600
+ )
601
+ );
602
+ }
603
+
604
+ &[data-control-type="Bottom"][data-slider-control="Dots"] {
605
+ height: calc(
606
+ 100% - calc(
607
+ var(
608
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
609
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se))
610
+ ) +
611
+ 20px
612
+ )
613
+ );
614
+ }
615
+
616
+ .embla__slide {
617
+ flex: 0 0 auto;
618
+ width: 100%;
619
+ height: 100%;
620
+ }
816
621
  }
817
622
  }
818
- }
819
- &:not([data-display-style="Column"]) {
820
- .embla__container {
821
- grid-auto-columns: calc(
822
- 100% /
823
- var(
824
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
825
- var(
826
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se,
827
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)
828
- )
829
- )
830
- );
623
+ &:not([data-display-style="Column"]) {
624
+ .embla__container {
625
+ grid-auto-columns: calc(
626
+ 100% / var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)))
627
+ );
628
+ }
831
629
  }
832
- }
833
-
834
- &[data-display-style="Grid"][data-scroll-direction="Vertical"] {
835
- // overflow: unset;
836
630
 
837
- .embla__viewport {
838
- overflow: unset;
839
- height: 80%;
840
- flex-grow: 1;
841
- &:not([data-is-builder-type="true"]) {
842
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
843
- }
631
+ &[data-display-style="Grid"][data-scroll-direction="Vertical"] {
632
+ // overflow: unset;
844
633
 
845
- .embla__container {
634
+ .embla__viewport {
846
635
  overflow: unset;
847
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
636
+ height: 80%;
637
+ flex-grow: 1;
638
+ &:not([data-is-builder-type="true"]) {
639
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
640
+ }
848
641
 
849
- // min-height: var(--_ctm-height);
642
+ .embla__container {
643
+ overflow: unset;
644
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
850
645
 
851
- grid-template-columns: repeat(
852
- var(
853
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw,
854
- var(
855
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw,
856
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw)
857
- )
858
- ),
859
- 1fr
860
- );
646
+ // min-height: var(--_ctm-height);
861
647
 
862
- grid-template-rows: unset;
648
+ grid-template-columns: repeat(
649
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw))),
650
+ 1fr
651
+ );
863
652
 
864
- grid-auto-flow: row;
865
- &[data-overflow-hidden="true"] {
866
- overflow: hidden;
867
- }
868
- .embla__slide {
869
- aspect-ratio: 1/1.1;
653
+ grid-template-rows: unset;
654
+
655
+ grid-auto-flow: row;
656
+ &[data-overflow-hidden="true"] {
657
+ overflow: hidden;
658
+ }
659
+ .embla__slide {
660
+ aspect-ratio: 1/1.1;
661
+ }
870
662
  }
871
663
  }
872
664
  }
873
- }
874
665
 
875
- &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
876
- .embla__viewport {
877
- .embla__container {
878
- grid-template-rows: repeat(
879
- var(
880
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn,
881
- var(
882
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn,
883
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn)
666
+ &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
667
+ .embla__viewport {
668
+ .embla__container {
669
+ grid-template-rows: repeat(
670
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn))),
671
+ calc(
672
+ 100% /
673
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn)))
884
674
  )
885
- ),
886
- calc(
887
- 100% /
888
- var(
889
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn,
890
- var(
891
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn,
892
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-cn)
893
- )
894
- )
895
- )
896
- );
675
+ );
676
+ }
897
677
  }
898
678
  }
899
- }
900
679
 
901
- &[data-display-style="Rows"] {
902
- // overflow: unset;
680
+ &[data-display-style="Rows"] {
681
+ // overflow: unset;
903
682
 
904
- .embla__viewport {
905
- overflow: unset;
906
- height: 80%;
907
- flex-grow: 1;
908
- &:not([data-is-builder-type="true"]) {
909
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
910
- }
683
+ .embla__viewport {
684
+ overflow: unset;
685
+ height: 80%;
686
+ flex-grow: 1;
687
+ &:not([data-is-builder-type="true"]) {
688
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
689
+ }
911
690
 
912
- .embla__container {
913
- // overflow: hidden;
914
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
691
+ .embla__container {
692
+ // overflow: hidden;
693
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
915
694
 
916
- // min-height: var(--_ctm-height);
695
+ // min-height: var(--_ctm-height);
917
696
 
918
- grid-template-columns: repeat(1, 1fr);
919
- grid-template-rows: unset;
697
+ grid-template-columns: repeat(1, 1fr);
698
+ grid-template-rows: unset;
920
699
 
921
- grid-auto-flow: row;
922
- .embla__slide {
923
- aspect-ratio: 7 / 2;
700
+ grid-auto-flow: row;
701
+ .embla__slide {
702
+ aspect-ratio: 7 / 2;
703
+ }
924
704
  }
925
705
  }
926
706
  }
927
- }
928
707
 
929
- &[data-display-style="Column"] {
930
- // overflow: unset;
708
+ &[data-display-style="Column"] {
709
+ // overflow: unset;
931
710
 
932
- .embla__viewport {
933
- .embla__container {
934
- display: flex;
935
- .embla__slide {
936
- width: unset;
937
- height: 100%;
938
- aspect-ratio: 1 / 2;
711
+ .embla__viewport {
712
+ .embla__container {
713
+ display: flex;
714
+ .embla__slide {
715
+ width: unset;
716
+ height: 100%;
717
+ aspect-ratio: 1 / 2;
718
+ }
939
719
  }
940
720
  }
941
721
  }
942
- }
943
- &[data-display-style="Masonry"] {
944
- // overflow: unset;
722
+ &[data-display-style="Masonry"] {
723
+ // overflow: unset;
945
724
 
946
- .embla__viewport {
947
- overflow: hidden;
948
- height: 80%;
949
- flex-grow: 1;
950
- &:not([data-is-builder-type="true"]) {
951
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
952
- }
953
- .embla__container {
954
- overflow: unset;
725
+ .embla__viewport {
726
+ overflow: hidden;
727
+ height: 80%;
728
+ flex-grow: 1;
729
+ &:not([data-is-builder-type="true"]) {
730
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
731
+ }
732
+ .embla__container {
733
+ overflow: unset;
955
734
 
956
- display: block;
957
- column-count: var(
958
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw,
959
- var(
960
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw,
961
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw)
962
- )
963
- );
964
- gap: unset;
965
- column-gap: var(
966
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
967
- var(
968
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
969
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp)
970
- )
971
- );
735
+ display: block;
736
+ column-count: var(
737
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw,
738
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-rw))
739
+ );
740
+ gap: unset;
741
+ column-gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp)));
972
742
 
973
- // height: auto;
743
+ // height: auto;
974
744
 
975
- height: auto;
745
+ height: auto;
976
746
 
977
- .embla__slide {
978
- // break-inside: avoid;
979
- margin-bottom: var(
980
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
981
- var(
982
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
983
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp)
984
- )
985
- );
747
+ .embla__slide {
748
+ // break-inside: avoid;
749
+ margin-bottom: var(
750
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp,
751
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-im-gp))
752
+ );
986
753
 
987
- height: unset;
988
- .gallery__slide {
989
754
  height: unset;
755
+ .gallery__slide {
756
+ height: unset;
757
+ }
990
758
  }
991
759
  }
992
760
  }
993
761
  }
994
- }
995
-
996
- .arrow-navigation {
997
- display: flex;
998
- position: absolute;
999
- top: 50%;
1000
- left: 50%;
1001
- width: 100%;
1002
- justify-content: space-between;
1003
- transform: translate(-50%, -50%);
1004
- // padding-left: 20px;
1005
762
 
1006
- &[data-control-type="Bottom-Overflow"] {
1007
- transform: translateX(-50%);
763
+ .arrow-navigation {
764
+ display: flex;
765
+ position: absolute;
766
+ top: 50%;
767
+ left: 50%;
1008
768
  width: 100%;
1009
- justify-content: center;
1010
- gap: 12px;
1011
- // top: unset;
1012
- // bottom: 6px;
1013
- bottom: 10px;
1014
- top: unset;
769
+ justify-content: space-between;
770
+ transform: translate(-50%, -50%);
771
+ // padding-left: 20px;
772
+
773
+ &[data-control-type="Bottom-Overflow"] {
774
+ transform: translateX(-50%);
775
+ width: 100%;
776
+ justify-content: center;
777
+ gap: 12px;
778
+ // top: unset;
779
+ // bottom: 6px;
780
+ bottom: 10px;
781
+ top: unset;
782
+ }
783
+ &[data-control-type="Bottom"] {
784
+ transform: unset;
785
+ position: static;
786
+ width: 100%;
787
+ justify-content: center;
788
+ gap: 12px;
789
+ margin-top: 10px;
790
+ }
1015
791
  }
1016
- &[data-control-type="Bottom"] {
1017
- transform: unset;
1018
- position: static;
1019
- width: 100%;
1020
- justify-content: center;
1021
- gap: 12px;
1022
- margin-top: 10px;
792
+ &[data-control-type="Side"] {
793
+ .left-button,
794
+ .right-button {
795
+ background-color: transparent;
796
+ }
1023
797
  }
1024
- }
1025
- &[data-control-type="Side"] {
1026
- .left-button,
1027
- .right-button {
1028
- background-color: transparent;
1029
- }
1030
- }
1031
- &[data-background-shape="Round"] {
1032
- .left-button,
1033
- .right-button {
1034
- @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-bd-cr), 10%);
1035
- &:not(:disabled):hover {
1036
- @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-bd-cr), 20%);
798
+ &[data-background-shape="Round"] {
799
+ .left-button,
800
+ .right-button {
801
+ @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-bd-cr), 10%);
802
+ &:not(:disabled):hover {
803
+ @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-bd-cr), 20%);
804
+ }
1037
805
  }
1038
806
  }
1039
- }
1040
807
 
1041
- .left-button {
1042
- padding: 10px;
1043
- border-radius: 50%;
1044
- border: none;
1045
- width: var(
1046
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1047
- var(
1048
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1049
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1050
- )
1051
- );
1052
- height: var(
1053
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1054
- var(
1055
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1056
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1057
- )
1058
- );
808
+ .left-button {
809
+ padding: 10px;
810
+ border-radius: 50%;
811
+ border: none;
812
+ width: var(
813
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
814
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
815
+ );
816
+ height: var(
817
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
818
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
819
+ );
1059
820
 
1060
- display: flex;
1061
- align-items: center;
1062
- justify-content: center;
1063
- cursor: pointer;
1064
- outline: none;
1065
- margin-left: 12px;
1066
- span {
1067
821
  display: flex;
1068
- svg {
1069
- width: calc(
1070
- var(
1071
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1072
- var(
1073
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1074
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1075
- )
1076
- ) *
1077
- 0.5
1078
- );
1079
- height: calc(
1080
- var(
1081
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1082
- var(
1083
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1084
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1085
- )
1086
- ) *
1087
- 0.5
1088
- );
1089
-
1090
- path {
1091
- stroke: var(
1092
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
822
+ align-items: center;
823
+ justify-content: center;
824
+ cursor: pointer;
825
+ outline: none;
826
+ margin-left: 12px;
827
+ span {
828
+ display: flex;
829
+ svg {
830
+ width: calc(
1093
831
  var(
1094
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
1095
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr)
1096
- )
832
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
833
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
834
+ ) *
835
+ 0.5
836
+ );
837
+ height: calc(
838
+ var(
839
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
840
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
841
+ ) *
842
+ 0.5
1097
843
  );
844
+
845
+ path {
846
+ stroke: var(
847
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
848
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr))
849
+ );
850
+ }
1098
851
  }
1099
852
  }
1100
- }
1101
- &:disabled {
1102
- & svg {
1103
- path {
1104
- stroke: rgb(192, 192, 192);
853
+ &:disabled {
854
+ & svg {
855
+ path {
856
+ stroke: rgb(192, 192, 192);
857
+ }
1105
858
  }
1106
859
  }
1107
860
  }
1108
- }
1109
- .right-button {
1110
- border-radius: 50%;
1111
- border: none;
1112
- width: var(
1113
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1114
- var(
1115
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1116
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1117
- )
1118
- );
1119
- height: var(
1120
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1121
- var(
1122
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1123
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1124
- )
1125
- );
861
+ .right-button {
862
+ border-radius: 50%;
863
+ border: none;
864
+ width: var(
865
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
866
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
867
+ );
868
+ height: var(
869
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
870
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
871
+ );
1126
872
 
1127
- display: flex;
1128
- align-items: center;
1129
- justify-content: center;
1130
- cursor: pointer;
1131
- outline: none;
1132
- margin-right: 12px;
1133
- padding: 10px;
1134
- span {
873
+ display: flex;
874
+ align-items: center;
875
+ justify-content: center;
876
+ cursor: pointer;
877
+ outline: none;
878
+ margin-right: 12px;
879
+ padding: 10px;
880
+ span {
881
+ display: flex;
882
+ svg {
883
+ width: calc(
884
+ var(
885
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
886
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
887
+ ) *
888
+ 0.5
889
+ );
890
+ height: calc(
891
+ var(
892
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
893
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
894
+ ) *
895
+ 0.5
896
+ );
897
+
898
+ path {
899
+ stroke: var(
900
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
901
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr))
902
+ );
903
+ }
904
+ }
905
+ }
906
+ &:disabled {
907
+ & svg {
908
+ path {
909
+ stroke: rgb(192, 192, 192);
910
+ }
911
+ }
912
+ }
913
+ }
914
+ .icon {
1135
915
  display: flex;
1136
916
  svg {
1137
917
  width: calc(
1138
918
  var(
1139
919
  --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1140
- var(
1141
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1142
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1143
- )
920
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
1144
921
  ) *
1145
922
  0.5
1146
923
  );
1147
924
  height: calc(
1148
925
  var(
1149
926
  --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1150
- var(
1151
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1152
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1153
- )
927
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se))
1154
928
  ) *
1155
929
  0.5
1156
930
  );
@@ -1158,1204 +932,792 @@
1158
932
  path {
1159
933
  stroke: var(
1160
934
  --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
1161
- var(
1162
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
1163
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr)
1164
- )
935
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr))
1165
936
  );
1166
937
  }
1167
938
  }
1168
939
  }
1169
- &:disabled {
1170
- & svg {
1171
- path {
1172
- stroke: rgb(192, 192, 192);
1173
- }
1174
- }
1175
- }
1176
- }
1177
- .icon {
1178
- display: flex;
1179
- svg {
1180
- width: calc(
1181
- var(
1182
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1183
- var(
1184
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1185
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1186
- )
1187
- ) *
1188
- 0.5
1189
- );
1190
- height: calc(
1191
- var(
1192
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1193
- var(
1194
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se,
1195
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-se)
1196
- )
1197
- ) *
1198
- 0.5
1199
- );
1200
940
 
1201
- path {
1202
- stroke: var(
1203
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
1204
- var(
1205
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr,
1206
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-aw-cr)
1207
- )
1208
- );
941
+ &[data-control-type="Side"] {
942
+ .embla__viewport {
943
+ width: calc(100% - 120px);
944
+ margin-inline: auto;
1209
945
  }
1210
946
  }
1211
- }
1212
947
 
1213
- &[data-control-type="Side"] {
1214
- .embla__viewport {
1215
- width: calc(100% - 120px);
1216
- margin-inline: auto;
948
+ &[data-thumbnail-placement="top"] {
949
+ flex-direction: column-reverse;
1217
950
  }
1218
- }
1219
-
1220
- &[data-thumbnail-placement="top"] {
1221
- flex-direction: column-reverse;
1222
- }
1223
- &[data-thumbnail-placement="bottom"] {
1224
- flex-direction: column;
1225
- }
1226
- &[data-thumbnail-placement="left"] {
1227
- flex-direction: row-reverse;
1228
-
1229
- .embla__thumbs {
1230
- width: var(
1231
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1232
- var(
1233
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1234
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)
1235
- )
1236
- );
1237
- height: 100%;
951
+ &[data-thumbnail-placement="bottom"] {
1238
952
  flex-direction: column;
1239
- margin-top: 0;
1240
- margin-right: var(
1241
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1242
- var(
1243
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1244
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp)
1245
- )
1246
- );
953
+ }
954
+ &[data-thumbnail-placement="left"] {
955
+ flex-direction: row-reverse;
1247
956
 
1248
- & .embla__thumbs__container {
1249
- flex-direction: column;
957
+ .embla__thumbs {
958
+ width: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)));
1250
959
  height: 100%;
1251
- justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
1252
- }
960
+ flex-direction: column;
961
+ margin-top: 0;
962
+ margin-right: var(
963
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
964
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp))
965
+ );
1253
966
 
1254
- .thumb-prev-button,
1255
- .thumb-next-button {
1256
- span {
1257
- transform: rotate(90deg);
967
+ & .embla__thumbs__container {
968
+ flex-direction: column;
969
+ height: 100%;
970
+ justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
1258
971
  }
1259
- }
1260
972
 
1261
- .embla__thumbs__viewport {
1262
- min-height: 0;
973
+ .thumb-prev-button,
974
+ .thumb-next-button {
975
+ span {
976
+ transform: rotate(90deg);
977
+ }
978
+ }
979
+
980
+ .embla__thumbs__viewport {
981
+ min-height: 0;
982
+ }
1263
983
  }
1264
984
  }
1265
- }
1266
- &[data-thumbnail-placement="right"] {
1267
- flex-direction: row;
1268
- .embla__thumbs {
1269
- width: var(
1270
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1271
- var(
1272
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1273
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)
1274
- )
1275
- );
1276
- height: 100%;
1277
- flex-direction: column;
1278
- margin-top: 0;
1279
- margin-left: var(
1280
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1281
- var(
1282
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1283
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp)
1284
- )
1285
- );
1286
-
1287
- & .embla__thumbs__container {
1288
- flex-direction: column;
985
+ &[data-thumbnail-placement="right"] {
986
+ flex-direction: row;
987
+ .embla__thumbs {
988
+ width: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)));
1289
989
  height: 100%;
1290
- justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
1291
- }
990
+ flex-direction: column;
991
+ margin-top: 0;
992
+ margin-left: var(
993
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
994
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp))
995
+ );
1292
996
 
1293
- .thumb-prev-button,
1294
- .thumb-next-button {
1295
- span {
1296
- transform: rotate(90deg);
997
+ & .embla__thumbs__container {
998
+ flex-direction: column;
999
+ height: 100%;
1000
+ justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
1297
1001
  }
1298
- }
1299
1002
 
1300
- .embla__thumbs__viewport {
1301
- min-height: 0;
1302
- }
1303
- }
1304
- }
1305
- &[data-control-type="Side"] {
1306
- flex-direction: row;
1307
- align-items: center;
1308
- }
1309
- .embla__dots {
1310
- display: flex;
1311
- flex-wrap: wrap;
1312
- justify-content: center;
1313
- align-items: center;
1314
- margin-right: calc((2.6rem - 1.4rem) / 2 * -1);
1315
- gap: 6px;
1316
- margin-top: 16px;
1003
+ .thumb-prev-button,
1004
+ .thumb-next-button {
1005
+ span {
1006
+ transform: rotate(90deg);
1007
+ }
1008
+ }
1317
1009
 
1318
- &[data-control-type="Bottom-Overflow"] {
1319
- position: absolute;
1320
- bottom: 10px;
1321
- left: 50%;
1322
- transform: translateX(-50%);
1323
- width: 75%;
1010
+ .embla__thumbs__viewport {
1011
+ min-height: 0;
1012
+ }
1013
+ }
1324
1014
  }
1325
- .embla__dot {
1326
- -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1327
- -webkit-appearance: none;
1328
- appearance: none;
1329
- background-color: var(
1330
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr,
1331
- var(
1332
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr,
1333
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr)
1334
- )
1335
- );
1336
-
1337
- touch-action: manipulation;
1338
- display: inline-flex;
1339
- text-decoration: none;
1340
- cursor: pointer;
1341
- border: 0;
1342
- padding: 0;
1343
- margin: 0;
1344
- // width: 0.6rem;
1345
- // height: 0.6rem;
1346
- width: var(
1347
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1348
- var(
1349
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1350
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se)
1351
- )
1352
- );
1353
- height: var(
1354
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1355
- var(
1356
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1357
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se)
1358
- )
1359
- );
1360
-
1361
- display: flex;
1015
+ &[data-control-type="Side"] {
1016
+ flex-direction: row;
1362
1017
  align-items: center;
1363
- justify-content: center;
1364
- border-radius: 50%;
1365
1018
  }
1366
- .embla__dot:after {
1367
- // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
1368
- width: var(
1369
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1370
- var(
1371
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1372
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se)
1373
- )
1374
- );
1375
- height: var(
1376
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1377
- var(
1378
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1379
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se)
1380
- )
1381
- );
1382
-
1383
- border-radius: 50%;
1019
+ .embla__dots {
1384
1020
  display: flex;
1021
+ flex-wrap: wrap;
1022
+ justify-content: center;
1385
1023
  align-items: center;
1386
- content: "";
1387
- }
1388
- .embla__dot--selected:after {
1389
- box-shadow: inset 0 0 0 1px var(--text-body);
1390
- background-color: var(
1391
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr,
1392
- var(
1393
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr,
1394
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr)
1395
- )
1396
- );
1397
- }
1398
- &[data-slider-control="Pagination Line"] {
1024
+ margin-right: calc((2.6rem - 1.4rem) / 2 * -1);
1025
+ gap: 6px;
1026
+ margin-top: 16px;
1027
+
1028
+ &[data-control-type="Bottom-Overflow"] {
1029
+ position: absolute;
1030
+ bottom: 10px;
1031
+ left: 50%;
1032
+ transform: translateX(-50%);
1033
+ width: 75%;
1034
+ }
1399
1035
  .embla__dot {
1400
- width: var(
1401
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1402
- var(
1403
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1404
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh)
1405
- )
1036
+ -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1037
+ -webkit-appearance: none;
1038
+ appearance: none;
1039
+ background-color: var(
1040
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr,
1041
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-or-dt-cr))
1406
1042
  );
1407
1043
 
1044
+ touch-action: manipulation;
1045
+ display: inline-flex;
1046
+ text-decoration: none;
1047
+ cursor: pointer;
1048
+ border: 0;
1049
+ padding: 0;
1050
+ margin: 0;
1051
+ // width: 0.6rem;
1052
+ // height: 0.6rem;
1053
+ width: var(
1054
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1055
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se))
1056
+ );
1408
1057
  height: var(
1409
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1410
- var(
1411
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1412
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht)
1413
- )
1058
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1059
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se))
1414
1060
  );
1415
1061
 
1416
- background-color: var(
1417
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr,
1418
- var(
1419
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr,
1420
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr)
1421
- )
1422
- );
1423
-
1424
- border-radius: 6px;
1062
+ display: flex;
1063
+ align-items: center;
1064
+ justify-content: center;
1065
+ border-radius: 50%;
1425
1066
  }
1426
- .embla__dot--selected:after {
1427
- box-shadow: inset 0 0 0 1px var(--text-body);
1428
- border-radius: 6px;
1067
+ .embla__dot:after {
1068
+ // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
1429
1069
  width: var(
1430
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1431
- var(
1432
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1433
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh)
1434
- )
1070
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1071
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se))
1435
1072
  );
1436
-
1437
1073
  height: var(
1438
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1439
- var(
1440
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1441
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht)
1442
- )
1074
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se,
1075
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-dt-se))
1443
1076
  );
1444
1077
 
1445
- // background-color: #fff;
1078
+ border-radius: 50%;
1079
+ display: flex;
1080
+ align-items: center;
1081
+ content: "";
1082
+ }
1083
+ .embla__dot--selected:after {
1084
+ box-shadow: inset 0 0 0 1px var(--text-body);
1446
1085
  background-color: var(
1447
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr,
1448
- var(
1449
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr,
1450
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr)
1451
- )
1086
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr,
1087
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-ds-ct-dt-cr))
1452
1088
  );
1453
1089
  }
1454
- }
1455
- }
1456
-
1457
- .embla__thumbs {
1458
- width: 100%;
1459
- height: var(
1460
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht,
1461
- var(
1462
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht,
1463
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht)
1464
- )
1465
- );
1466
- margin-top: var(
1467
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1468
- var(
1469
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1470
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp)
1471
- )
1472
- );
1473
-
1474
- position: relative;
1475
- display: flex;
1476
- flex-direction: row;
1477
- align-items: center;
1478
- overflow: hidden;
1479
-
1480
- // Thumbnail arrow shared styles
1481
- .thumb-prev-button,
1482
- .thumb-next-button {
1483
- flex-shrink: 0;
1484
- padding: 6px;
1485
- border-radius: 50%;
1486
- border: none;
1487
- cursor: pointer;
1488
- outline: none;
1489
- display: flex;
1490
- align-items: center;
1491
- justify-content: center;
1492
- background-color: transparent;
1493
- z-index: 1;
1494
-
1495
- width: var(
1496
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1497
- var(
1498
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1499
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px)
1500
- )
1501
- );
1502
- height: var(
1503
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1504
- var(
1505
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1506
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px)
1507
- )
1508
- );
1090
+ &[data-slider-control="Pagination Line"] {
1091
+ .embla__dot {
1092
+ width: var(
1093
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1094
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh))
1095
+ );
1509
1096
 
1510
- span {
1511
- display: flex;
1512
- svg {
1513
- width: calc(
1514
- var(
1515
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1516
- var(
1517
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1518
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px)
1519
- )
1520
- ) *
1521
- 0.5
1097
+ height: var(
1098
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1099
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht))
1522
1100
  );
1523
- height: calc(
1524
- var(
1525
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1526
- var(
1527
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1528
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px)
1529
- )
1530
- ) *
1531
- 0.5
1101
+
1102
+ background-color: var(
1103
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr,
1104
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-or-le-cr))
1532
1105
  );
1533
- path {
1534
- stroke: var(
1535
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr,
1536
- var(
1537
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr,
1538
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr)
1539
- )
1540
- );
1541
- }
1106
+
1107
+ border-radius: 6px;
1542
1108
  }
1543
- }
1109
+ .embla__dot--selected:after {
1110
+ box-shadow: inset 0 0 0 1px var(--text-body);
1111
+ border-radius: 6px;
1112
+ width: var(
1113
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh,
1114
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-wh))
1115
+ );
1544
1116
 
1545
- &:disabled {
1546
- opacity: 0.3;
1547
- cursor: not-allowed;
1548
- }
1549
- }
1117
+ height: var(
1118
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht,
1119
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-le-ht))
1120
+ );
1550
1121
 
1551
- &[data-background-shape="Round"] {
1552
- .thumb-prev-button,
1553
- .thumb-next-button {
1554
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1555
- &:not(:disabled):hover {
1556
- @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-bd-cr), 5%);
1122
+ // background-color: #fff;
1123
+ background-color: var(
1124
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr,
1125
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-le-ct-le-cr))
1126
+ );
1557
1127
  }
1558
1128
  }
1559
1129
  }
1560
- // margin: 10px;
1561
- // padding: 10px;
1562
1130
 
1563
- .embla__thumbs__viewport {
1131
+ .embla__thumbs {
1564
1132
  width: 100%;
1565
- height: 100%;
1566
- flex: 1;
1567
- min-width: 0;
1568
- position: relative;
1569
- display: flex;
1570
- flex-direction: column;
1133
+ height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht)));
1134
+ margin-top: var(
1135
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp,
1136
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-sr-ad-tl-gp))
1137
+ );
1571
1138
 
1572
- overflow: hidden;
1573
- }
1574
- .embla__thumbs__container {
1139
+ position: relative;
1575
1140
  display: flex;
1576
1141
  flex-direction: row;
1577
- justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-jy-ct);
1578
- gap: var(
1579
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg,
1580
- var(
1581
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg,
1582
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg)
1583
- )
1584
- );
1585
-
1586
- width: 100%;
1587
- // height: 200px;
1142
+ align-items: center;
1143
+ overflow: hidden;
1588
1144
 
1589
- .embla__thumbs__slide {
1145
+ // Thumbnail arrow shared styles
1146
+ .thumb-prev-button,
1147
+ .thumb-next-button {
1590
1148
  flex-shrink: 0;
1591
- max-width: var(
1592
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1593
- var(
1594
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh,
1595
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)
1596
- )
1597
- );
1149
+ padding: 6px;
1150
+ border-radius: 50%;
1151
+ border: none;
1152
+ cursor: pointer;
1153
+ outline: none;
1154
+ display: flex;
1155
+ align-items: center;
1156
+ justify-content: center;
1157
+ background-color: transparent;
1158
+ z-index: 1;
1598
1159
 
1599
- height: var(
1600
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht,
1601
- var(
1602
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht,
1603
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht)
1604
- )
1160
+ width: var(
1161
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1162
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px))
1605
1163
  );
1606
- cursor: pointer;
1607
- overflow: hidden;
1608
- padding: var(
1609
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg,
1610
- var(
1611
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg,
1612
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg)
1613
- )
1164
+ height: var(
1165
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1166
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px))
1614
1167
  );
1615
1168
 
1616
- // thumbnailStyle - hoverState
1617
- &:hover {
1618
- --_sf-hr-bd-cr: var(
1619
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr,
1620
- var(
1621
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr,
1622
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr)
1623
- )
1624
- );
1625
- --_sf-hr-br-cr: var(
1626
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr,
1627
- var(
1628
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr,
1629
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr)
1630
- )
1631
- );
1632
- --_sf-hr-br-se: var(
1633
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se,
1634
- var(
1635
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se,
1636
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se)
1637
- )
1638
- );
1639
- --_sf-hr-br-wh: var(
1640
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh,
1641
- var(
1642
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh,
1643
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh)
1644
- )
1645
- );
1646
- --_sf-hr-br-rs: var(
1647
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs,
1648
- var(
1649
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs,
1650
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs)
1651
- )
1652
- );
1653
- --_sf-hr-sw-ae: var(
1654
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae,
1655
- var(
1656
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae,
1657
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae)
1658
- )
1659
- );
1660
- --_sf-hr-sw-br: var(
1661
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br,
1662
- var(
1663
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br,
1664
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br)
1665
- )
1666
- );
1667
- --_sf-hr-sw-sd: var(
1668
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd,
1669
- var(
1670
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd,
1671
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd)
1672
- )
1673
- );
1674
- --_sf-hr-sw-cr: var(
1675
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr,
1676
- var(
1677
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr,
1678
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr)
1679
- )
1680
- );
1169
+ span {
1170
+ display: flex;
1171
+ svg {
1172
+ width: calc(
1173
+ var(
1174
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1175
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px))
1176
+ ) *
1177
+ 0.5
1178
+ );
1179
+ height: calc(
1180
+ var(
1181
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se,
1182
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-se, 30px))
1183
+ ) *
1184
+ 0.5
1185
+ );
1186
+ path {
1187
+ stroke: var(
1188
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr,
1189
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-aw-cr))
1190
+ );
1191
+ }
1192
+ }
1681
1193
  }
1682
1194
 
1683
- // thumbnailStyle - defaultState
1684
- background-color: var(
1685
- --_sf-hr-bd-cr,
1686
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-bd-cr)
1687
- );
1688
- border-color: var(
1689
- --_sf-hr-br-cr,
1690
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-cr)
1691
- );
1692
- border-style: var(
1693
- --_sf-hr-br-se,
1694
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-se)
1695
- );
1696
- border-width: var(
1697
- --_sf-hr-br-wh,
1698
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-wh)
1699
- );
1700
- border-radius: var(
1701
- --_sf-hr-br-rs,
1702
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-rs)
1703
- );
1704
- box-shadow: var(
1705
- --_sf-hr-sw-ae,
1706
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-ae)
1707
- )
1708
- var(
1709
- --_sf-hr-sw-br,
1710
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-br)
1711
- )
1712
- var(
1713
- --_sf-hr-sw-sd,
1714
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-sd)
1715
- )
1716
- var(
1717
- --_sf-hr-sw-cr,
1718
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-cr)
1719
- );
1195
+ &:disabled {
1196
+ opacity: 0.3;
1197
+ cursor: not-allowed;
1198
+ }
1199
+ }
1720
1200
 
1721
- // thumbnailStyle - selectedState
1722
- &[data-selected="true"] {
1723
- --_sf-sd-bd-cr: var(
1724
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr,
1725
- var(
1726
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr,
1727
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr)
1728
- )
1729
- );
1730
- --_sf-sd-br-cr: var(
1731
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr,
1732
- var(
1733
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr,
1734
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr)
1735
- )
1736
- );
1737
- --_sf-sd-br-se: var(
1738
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se,
1739
- var(
1740
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se,
1741
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se)
1742
- )
1743
- );
1744
- --_sf-sd-br-wh: var(
1745
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh,
1746
- var(
1747
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh,
1748
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh)
1749
- )
1750
- );
1751
- --_sf-sd-br-rs: var(
1752
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs,
1753
- var(
1754
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs,
1755
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs)
1756
- )
1757
- );
1758
- --_sf-sd-sw-ae: var(
1759
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae,
1760
- var(
1761
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae,
1762
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae)
1763
- )
1764
- );
1765
- --_sf-sd-sw-br: var(
1766
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br,
1767
- var(
1768
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br,
1769
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br)
1770
- )
1771
- );
1772
- --_sf-sd-sw-sd: var(
1773
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd,
1774
- var(
1775
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd,
1776
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd)
1777
- )
1778
- );
1779
- --_sf-sd-sw-cr: var(
1780
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr,
1781
- var(
1782
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr,
1783
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr)
1784
- )
1785
- );
1201
+ &[data-background-shape="Round"] {
1202
+ .thumb-prev-button,
1203
+ .thumb-next-button {
1204
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1205
+ &:not(:disabled):hover {
1206
+ @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-as-bd-cr), 5%);
1207
+ }
1208
+ }
1209
+ }
1210
+ // margin: 10px;
1211
+ // padding: 10px;
1212
+
1213
+ .embla__thumbs__viewport {
1214
+ width: 100%;
1215
+ height: 100%;
1216
+ flex: 1;
1217
+ min-width: 0;
1218
+ position: relative;
1219
+ display: flex;
1220
+ flex-direction: column;
1221
+
1222
+ overflow: hidden;
1223
+ }
1224
+ .embla__thumbs__container {
1225
+ display: flex;
1226
+ flex-direction: row;
1227
+ justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-jy-ct);
1228
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-sg)));
1786
1229
 
1230
+ width: 100%;
1231
+ // height: 200px;
1232
+
1233
+ .embla__thumbs__slide {
1234
+ flex-shrink: 0;
1235
+ max-width: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-wh)));
1236
+
1237
+ height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-ht)));
1238
+ cursor: pointer;
1239
+ overflow: hidden;
1240
+ padding: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-tl-pg)));
1241
+
1242
+ // thumbnailStyle - hoverState
1243
+ &:hover {
1244
+ --_sf-hr-bd-cr: var(
1245
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr,
1246
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-bd-cr))
1247
+ );
1248
+ --_sf-hr-br-cr: var(
1249
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr,
1250
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-cr))
1251
+ );
1252
+ --_sf-hr-br-se: var(
1253
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se,
1254
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-se))
1255
+ );
1256
+ --_sf-hr-br-wh: var(
1257
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh,
1258
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-wh))
1259
+ );
1260
+ --_sf-hr-br-rs: var(
1261
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs,
1262
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-br-rs))
1263
+ );
1264
+ --_sf-hr-sw-ae: var(
1265
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae,
1266
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-ae))
1267
+ );
1268
+ --_sf-hr-sw-br: var(
1269
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br,
1270
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-br))
1271
+ );
1272
+ --_sf-hr-sw-sd: var(
1273
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd,
1274
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-sd))
1275
+ );
1276
+ --_sf-hr-sw-cr: var(
1277
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr,
1278
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-hr-se-sw-cr))
1279
+ );
1280
+ }
1281
+
1282
+ // thumbnailStyle - defaultState
1787
1283
  background-color: var(
1788
- --_sf-sd-bd-cr,
1284
+ --_sf-hr-bd-cr,
1789
1285
  prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-bd-cr)
1790
1286
  );
1791
- border-color: var(
1792
- --_sf-sd-br-cr,
1793
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-cr)
1794
- );
1795
- border-style: var(
1796
- --_sf-sd-br-se,
1797
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-se)
1798
- );
1799
- border-width: var(
1800
- --_sf-sd-br-wh,
1801
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-wh)
1802
- );
1803
- border-radius: var(
1804
- --_sf-sd-br-rs,
1805
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-rs)
1806
- );
1807
- box-shadow: var(
1808
- --_sf-sd-sw-ae,
1809
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-ae)
1810
- )
1811
- var(
1812
- --_sf-sd-sw-br,
1813
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-br)
1814
- )
1815
- var(
1816
- --_sf-sd-sw-sd,
1817
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-sd)
1818
- )
1819
- var(
1820
- --_sf-sd-sw-cr,
1821
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-cr)
1287
+ border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-cr));
1288
+ border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-se));
1289
+ border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-wh));
1290
+ border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-rs));
1291
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-ae))
1292
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-br))
1293
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-sd))
1294
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-cr));
1295
+
1296
+ // thumbnailStyle - selectedState
1297
+ &[data-selected="true"] {
1298
+ --_sf-sd-bd-cr: var(
1299
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr,
1300
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-bd-cr))
1301
+ );
1302
+ --_sf-sd-br-cr: var(
1303
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr,
1304
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-cr))
1305
+ );
1306
+ --_sf-sd-br-se: var(
1307
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se,
1308
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-se))
1309
+ );
1310
+ --_sf-sd-br-wh: var(
1311
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh,
1312
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-wh))
1313
+ );
1314
+ --_sf-sd-br-rs: var(
1315
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs,
1316
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-br-rs))
1317
+ );
1318
+ --_sf-sd-sw-ae: var(
1319
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae,
1320
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-ae))
1321
+ );
1322
+ --_sf-sd-sw-br: var(
1323
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br,
1324
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-br))
1325
+ );
1326
+ --_sf-sd-sw-sd: var(
1327
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd,
1328
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-sd))
1329
+ );
1330
+ --_sf-sd-sw-cr: var(
1331
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr,
1332
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-sd-se-sw-cr))
1822
1333
  );
1823
- }
1824
1334
 
1825
- & > div {
1826
- height: 100%;
1827
- }
1335
+ background-color: var(
1336
+ --_sf-sd-bd-cr,
1337
+ prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-bd-cr)
1338
+ );
1339
+ border-color: var(--_sf-sd-br-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-cr));
1340
+ border-style: var(--_sf-sd-br-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-se));
1341
+ border-width: var(--_sf-sd-br-wh, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-wh));
1342
+ border-radius: var(--_sf-sd-br-rs, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-br-rs));
1343
+ box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-ae))
1344
+ var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-br))
1345
+ var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-sd))
1346
+ var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-tl-se-dt-se-sw-cr));
1347
+ }
1828
1348
 
1829
- & img {
1830
- width: 100%;
1831
- height: 100%;
1832
- object-fit: cover;
1349
+ & > div {
1350
+ height: 100%;
1351
+ }
1352
+
1353
+ & img {
1354
+ width: 100%;
1355
+ height: 100%;
1356
+ object-fit: cover;
1357
+ }
1833
1358
  }
1834
1359
  }
1835
1360
  }
1836
1361
  }
1837
- }
1838
1362
 
1839
- .gallery__slide {
1840
- img[data-has-link="true"] {
1841
- cursor: pointer;
1842
- }
1843
- img[data-zoom="true"] {
1844
- cursor: zoom-in;
1845
- }
1846
- width: 100%;
1847
- max-width: 100%;
1848
- height: 100%;
1849
- display: flex;
1850
- flex: 0 0 auto;
1851
- div {
1852
- position: relative;
1853
- overflow: hidden;
1363
+ .gallery__slide {
1364
+ img[data-has-link="true"] {
1365
+ cursor: pointer;
1366
+ }
1367
+ img[data-zoom="true"] {
1368
+ cursor: zoom-in;
1369
+ }
1854
1370
  width: 100%;
1371
+ max-width: 100%;
1855
1372
  height: 100%;
1856
- }
1857
-
1858
- // flex-direction: column;
1859
-
1860
- background-color: var(
1861
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr,
1862
- var(
1863
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr,
1864
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr)
1865
- )
1866
- );
1867
- // Item Style > Border / Shadow toggles.
1868
- &[data-show-border="false"] {
1869
- --_show-im-border: none;
1870
- }
1871
- &[data-show-shadow="false"] {
1872
- --_show-im-shadow: none;
1873
- }
1874
-
1875
- border-color: var(
1876
- --_show-im-border,
1877
- var(
1878
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr,
1879
- var(
1880
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr,
1881
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr)
1882
- )
1883
- )
1884
- );
1885
- border-style: var(
1886
- --_show-im-border,
1887
- var(
1888
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se,
1889
- var(
1890
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se,
1891
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se)
1892
- )
1893
- )
1894
- );
1895
- border-width: var(
1896
- --_show-im-border,
1897
- var(
1898
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh,
1899
- var(
1900
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh,
1901
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh)
1902
- )
1903
- )
1904
- );
1905
- border-radius: var(
1906
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
1907
- var(
1908
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
1909
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs)
1910
- )
1911
- );
1912
-
1913
- box-shadow: var(
1914
- --_show-im-shadow,
1915
- var(
1916
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae,
1917
- var(
1918
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae,
1919
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae)
1920
- )
1921
- )
1922
- var(
1923
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br,
1924
- var(
1925
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br,
1926
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br)
1927
- )
1928
- )
1929
- var(
1930
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd,
1931
- var(
1932
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd,
1933
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd)
1934
- )
1935
- )
1936
- var(
1937
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr,
1938
- var(
1939
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr,
1940
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr)
1941
- )
1942
- )
1943
- );
1373
+ display: flex;
1374
+ flex: 0 0 auto;
1375
+ div {
1376
+ position: relative;
1377
+ overflow: hidden;
1378
+ width: 100%;
1379
+ height: 100%;
1380
+ }
1944
1381
 
1945
- gap: var(
1946
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg,
1947
- var(
1948
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg,
1949
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg)
1950
- )
1951
- );
1382
+ // flex-direction: column;
1952
1383
 
1953
- .gallery-header {
1954
- display: flex;
1955
- flex-direction: column;
1956
- gap: var(
1957
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg,
1958
- var(
1959
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg,
1960
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg)
1961
- )
1962
- );
1963
- padding-block: var(
1964
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg,
1965
- var(
1966
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg,
1967
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg)
1968
- )
1969
- );
1970
- padding-inline: var(
1971
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg,
1972
- var(
1973
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg,
1974
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg)
1975
- )
1976
- );
1977
1384
  background-color: var(
1978
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr,
1979
- var(
1980
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr,
1981
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr)
1982
- )
1385
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr,
1386
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-bd-cr))
1983
1387
  );
1984
- width: 100%;
1388
+ // Item Style > Border / Shadow toggles.
1389
+ &[data-show-border="false"] {
1390
+ --_show-im-border: none;
1391
+ }
1392
+ &[data-show-shadow="false"] {
1393
+ --_show-im-shadow: none;
1394
+ }
1395
+
1985
1396
  border-color: var(
1986
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr,
1987
- var(
1988
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr,
1989
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr)
1990
- )
1397
+ --_show-im-border,
1398
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr,
1399
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-cr)))
1991
1400
  );
1992
1401
  border-style: var(
1993
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se,
1994
- var(
1995
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se,
1996
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se)
1997
- )
1402
+ --_show-im-border,
1403
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se,
1404
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-se)))
1998
1405
  );
1999
1406
  border-width: var(
2000
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh,
2001
- var(
2002
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh,
2003
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh)
2004
- )
1407
+ --_show-im-border,
1408
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh,
1409
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-wh)))
2005
1410
  );
2006
1411
  border-radius: var(
2007
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs,
2008
- var(
2009
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs,
2010
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs)
2011
- )
1412
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
1413
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs))
2012
1414
  );
2013
1415
 
2014
1416
  box-shadow: var(
2015
- --_show-shadow,
2016
- var(
2017
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae,
2018
- var(
2019
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae,
2020
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae)
2021
- )
2022
- )
2023
- var(
2024
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br,
2025
- var(
2026
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br,
2027
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br)
2028
- )
2029
- )
2030
- var(
2031
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd,
2032
- var(
2033
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd,
2034
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd)
2035
- )
2036
- )
2037
- var(
2038
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr,
2039
- var(
2040
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr,
2041
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr)
2042
- )
2043
- )
1417
+ --_show-im-shadow,
1418
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-ae)))
1419
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-br)))
1420
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-sd)))
1421
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-sw-cr)))
2044
1422
  );
2045
1423
 
2046
- & h3 {
2047
- color: var(
2048
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr,
2049
- var(
2050
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr,
2051
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr)
2052
- )
2053
- );
2054
- font-family: var(
2055
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy,
2056
- var(
2057
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy,
2058
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy)
2059
- )
2060
- );
2061
- text-transform: var(
2062
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm,
2063
- var(
2064
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm,
2065
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm)
2066
- )
2067
- );
2068
- word-wrap: var(
2069
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp,
2070
- var(
2071
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp,
2072
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp)
2073
- )
2074
- );
2075
- word-break: var(
2076
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk,
2077
- var(
2078
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk,
2079
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk)
2080
- )
2081
- );
2082
- font-size: var(
2083
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se,
2084
- var(
2085
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se,
2086
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se)
2087
- )
2088
- );
2089
- font-weight: var(
2090
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt,
2091
- var(
2092
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt,
2093
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt)
2094
- )
2095
- );
2096
- font-style: var(
2097
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic,
2098
- var(
2099
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic,
2100
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic)
2101
- )
2102
- );
2103
- text-align: var(
2104
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an,
2105
- var(
2106
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an,
2107
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an)
2108
- )
2109
- );
2110
- letter-spacing: var(
2111
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg,
2112
- var(
2113
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg,
2114
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg)
2115
- )
2116
- );
2117
- line-height: var(
2118
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht,
2119
- var(
2120
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht,
2121
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht)
2122
- )
2123
- );
2124
- text-decoration: var(
2125
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue,
2126
- var(
2127
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue,
2128
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue)
2129
- )
2130
- );
2131
- }
1424
+ gap: var(
1425
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg,
1426
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-lt-gy-tt-ad-im-sg))
1427
+ );
2132
1428
 
2133
- & p {
2134
- color: var(
2135
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc,
2136
- var(
2137
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc,
2138
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc)
2139
- )
2140
- );
2141
- font-family: var(
2142
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc,
2143
- var(
2144
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc,
2145
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc)
2146
- )
2147
- );
2148
- text-transform: var(
2149
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc,
2150
- var(
2151
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc,
2152
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc)
2153
- )
2154
- );
2155
- word-wrap: var(
2156
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc,
2157
- var(
2158
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc,
2159
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc)
2160
- )
1429
+ .gallery-header {
1430
+ display: flex;
1431
+ flex-direction: column;
1432
+ gap: var(
1433
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg,
1434
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-te-ad-dn-sg))
2161
1435
  );
2162
- word-break: var(
2163
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc,
2164
- var(
2165
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc,
2166
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc)
2167
- )
1436
+ padding-block: var(
1437
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg,
1438
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-vl-pg))
2168
1439
  );
2169
- font-size: var(
2170
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc,
2171
- var(
2172
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc,
2173
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc)
2174
- )
1440
+ padding-inline: var(
1441
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg,
1442
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-lt-tt-hl-pg))
2175
1443
  );
2176
- font-weight: var(
2177
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc,
2178
- var(
2179
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc,
2180
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc)
2181
- )
1444
+ background-color: var(
1445
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr,
1446
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-bd-cr))
2182
1447
  );
2183
- font-style: var(
2184
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc,
2185
- var(
2186
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc,
2187
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc)
2188
- )
1448
+ width: 100%;
1449
+ border-color: var(
1450
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr,
1451
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-cr))
2189
1452
  );
2190
- text-align: var(
2191
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc,
2192
- var(
2193
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc,
2194
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc)
2195
- )
1453
+ border-style: var(
1454
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se,
1455
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-se))
2196
1456
  );
2197
- letter-spacing: var(
2198
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc,
2199
- var(
2200
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc,
2201
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc)
2202
- )
1457
+ border-width: var(
1458
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh,
1459
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-wh))
2203
1460
  );
2204
- line-height: var(
2205
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc,
2206
- var(
2207
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc,
2208
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc)
2209
- )
1461
+ border-radius: var(
1462
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs,
1463
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-br-rs))
2210
1464
  );
2211
- text-decoration: var(
2212
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc,
1465
+
1466
+ box-shadow: var(
1467
+ --_show-shadow,
2213
1468
  var(
2214
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc,
2215
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc)
2216
- )
1469
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae,
1470
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-ae))
1471
+ )
1472
+ var(
1473
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br,
1474
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-br))
1475
+ )
1476
+ var(
1477
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd,
1478
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-sd))
1479
+ )
1480
+ var(
1481
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr,
1482
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-tt-cr-dn-sw-cr))
1483
+ )
2217
1484
  );
2218
- }
2219
- }
2220
1485
 
2221
- img {
2222
- // object-fit: contain;
2223
- }
2224
- &[data-text-position="On Image"] {
2225
- .gallery-header {
2226
- width: 100%;
2227
- // height: 100%;
2228
- position: absolute;
1486
+ & h3 {
1487
+ color: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr)));
1488
+ font-family: var(
1489
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy,
1490
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy))
1491
+ );
1492
+ text-transform: var(
1493
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm,
1494
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm))
1495
+ );
1496
+ word-wrap: var(
1497
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp,
1498
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp))
1499
+ );
1500
+ word-break: var(
1501
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk,
1502
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk))
1503
+ );
1504
+ font-size: var(
1505
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se,
1506
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se))
1507
+ );
1508
+ font-weight: var(
1509
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt,
1510
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt))
1511
+ );
1512
+ font-style: var(
1513
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic,
1514
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic))
1515
+ );
1516
+ text-align: var(
1517
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an,
1518
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an))
1519
+ );
1520
+ letter-spacing: var(
1521
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg,
1522
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg))
1523
+ );
1524
+ line-height: var(
1525
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht,
1526
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht))
1527
+ );
1528
+ text-decoration: var(
1529
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue,
1530
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue))
1531
+ );
1532
+ }
1533
+
1534
+ & p {
1535
+ color: var(
1536
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc,
1537
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc))
1538
+ );
1539
+ font-family: var(
1540
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc,
1541
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc))
1542
+ );
1543
+ text-transform: var(
1544
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc,
1545
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc))
1546
+ );
1547
+ word-wrap: var(
1548
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc,
1549
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc))
1550
+ );
1551
+ word-break: var(
1552
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc,
1553
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc))
1554
+ );
1555
+ font-size: var(
1556
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc,
1557
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc))
1558
+ );
1559
+ font-weight: var(
1560
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc,
1561
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc))
1562
+ );
1563
+ font-style: var(
1564
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc,
1565
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc))
1566
+ );
1567
+ text-align: var(
1568
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc,
1569
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc))
1570
+ );
1571
+ letter-spacing: var(
1572
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc,
1573
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc))
1574
+ );
1575
+ line-height: var(
1576
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc,
1577
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc))
1578
+ );
1579
+ text-decoration: var(
1580
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc,
1581
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc))
1582
+ );
1583
+ }
2229
1584
  }
2230
- a:has(img) {
2231
- width: 100%;
1585
+
1586
+ img {
1587
+ // object-fit: contain;
2232
1588
  }
1589
+ &[data-text-position="On Image"] {
1590
+ .gallery-header {
1591
+ width: 100%;
1592
+ // height: 100%;
1593
+ position: absolute;
1594
+ }
1595
+ a:has(img) {
1596
+ width: 100%;
1597
+ }
2233
1598
 
2234
- &[data-widget-alignment="top"] {
2235
- // align-items: flex-start;
1599
+ &[data-widget-alignment="top"] {
1600
+ // align-items: flex-start;
2236
1601
 
2237
- .gallery-header {
2238
- top: 0;
1602
+ .gallery-header {
1603
+ top: 0;
2239
1604
 
2240
- justify-content: flex-start;
1605
+ justify-content: flex-start;
1606
+ }
2241
1607
  }
2242
- }
2243
- &[data-widget-alignment="center"] {
2244
- // align-items: center;
1608
+ &[data-widget-alignment="center"] {
1609
+ // align-items: center;
2245
1610
 
2246
- .gallery-header {
2247
- top: 50%;
2248
- transform: translateY(-50%);
2249
- justify-content: center;
1611
+ .gallery-header {
1612
+ top: 50%;
1613
+ transform: translateY(-50%);
1614
+ justify-content: center;
1615
+ }
2250
1616
  }
2251
- }
2252
- &[data-widget-alignment="bottom"] {
2253
- // align-items: flex-end;
2254
- .gallery-header {
2255
- bottom: 0;
1617
+ &[data-widget-alignment="bottom"] {
1618
+ // align-items: flex-end;
1619
+ .gallery-header {
1620
+ bottom: 0;
2256
1621
 
2257
- justify-content: flex-end;
1622
+ justify-content: flex-end;
1623
+ }
2258
1624
  }
2259
1625
  }
2260
- }
2261
1626
 
2262
- &[data-text-position="top"] {
2263
- flex-direction: column;
2264
- }
2265
-
2266
- &[data-text-position="bottom"] {
2267
- flex-direction: column-reverse;
2268
- }
2269
- &[data-text-position="left"] {
2270
- flex-direction: row;
1627
+ &[data-text-position="top"] {
1628
+ flex-direction: column;
1629
+ }
2271
1630
 
2272
- .gallery-header {
2273
- width: fit-content;
2274
- height: 100%;
1631
+ &[data-text-position="bottom"] {
1632
+ flex-direction: column-reverse;
2275
1633
  }
2276
- &[data-widget-alignment="top"] {
2277
- align-items: flex-start;
1634
+ &[data-text-position="left"] {
1635
+ flex-direction: row;
2278
1636
 
2279
1637
  .gallery-header {
2280
- justify-content: flex-start;
1638
+ width: fit-content;
1639
+ height: 100%;
2281
1640
  }
2282
- }
2283
- &[data-widget-alignment="center"] {
2284
- align-items: center;
1641
+ &[data-widget-alignment="top"] {
1642
+ align-items: flex-start;
2285
1643
 
2286
- .gallery-header {
2287
- justify-content: center;
1644
+ .gallery-header {
1645
+ justify-content: flex-start;
1646
+ }
2288
1647
  }
2289
- }
2290
- &[data-widget-alignment="bottom"] {
2291
- align-items: flex-end;
1648
+ &[data-widget-alignment="center"] {
1649
+ align-items: center;
2292
1650
 
2293
- .gallery-header {
2294
- justify-content: flex-end;
1651
+ .gallery-header {
1652
+ justify-content: center;
1653
+ }
1654
+ }
1655
+ &[data-widget-alignment="bottom"] {
1656
+ align-items: flex-end;
1657
+
1658
+ .gallery-header {
1659
+ justify-content: flex-end;
1660
+ }
2295
1661
  }
2296
1662
  }
2297
- }
2298
- &[data-text-position="right"] {
2299
- flex-direction: row-reverse;
2300
- .gallery-header {
2301
- width: fit-content;
2302
- height: 100%;
2303
- }
1663
+ &[data-text-position="right"] {
1664
+ flex-direction: row-reverse;
1665
+ .gallery-header {
1666
+ width: fit-content;
1667
+ height: 100%;
1668
+ }
2304
1669
 
2305
- &[data-widget-alignment="top"] {
2306
- align-items: flex-start;
1670
+ &[data-widget-alignment="top"] {
1671
+ align-items: flex-start;
2307
1672
 
2308
- .gallery-header {
2309
- justify-content: flex-start;
1673
+ .gallery-header {
1674
+ justify-content: flex-start;
1675
+ }
2310
1676
  }
2311
- }
2312
- &[data-widget-alignment="center"] {
2313
- align-items: center;
1677
+ &[data-widget-alignment="center"] {
1678
+ align-items: center;
2314
1679
 
2315
- .gallery-header {
2316
- justify-content: center;
1680
+ .gallery-header {
1681
+ justify-content: center;
1682
+ }
2317
1683
  }
2318
- }
2319
- &[data-widget-alignment="bottom"] {
2320
- align-items: flex-end;
1684
+ &[data-widget-alignment="bottom"] {
1685
+ align-items: flex-end;
2321
1686
 
2322
- .gallery-header {
2323
- justify-content: flex-end;
1687
+ .gallery-header {
1688
+ justify-content: flex-end;
1689
+ }
2324
1690
  }
2325
1691
  }
2326
- }
2327
- img {
2328
- width: 100%;
2329
- height: 100%;
2330
- border-radius: var(
2331
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
2332
- var(
2333
- --_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
2334
- var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs)
2335
- )
2336
- );
2337
- // object-fit: cover;
1692
+ img {
1693
+ width: 100%;
1694
+ height: 100%;
1695
+ border-radius: var(
1696
+ --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs,
1697
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-br-rs))
1698
+ );
1699
+ // object-fit: cover;
2338
1700
 
2339
- // object-fit: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ot-ft, var(--_tst-dn-im-se-ot-ft));
2340
- // object-fit: cover;
1701
+ // object-fit: var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ot-ft, var(--_tst-dn-im-se-ot-ft));
1702
+ // object-fit: cover;
2341
1703
 
2342
- &[data-has-title="true"] {
2343
- height: 85%;
2344
- }
1704
+ &[data-has-title="true"] {
1705
+ height: 85%;
1706
+ }
2345
1707
 
2346
- /* display: block; */
1708
+ /* display: block; */
1709
+ }
2347
1710
  }
2348
- }
2349
1711
 
2350
- .load__more__div {
2351
- display: flex;
2352
- justify-content: center;
2353
- margin-block: 12px;
2354
- & > button {
2355
- padding-inline: 24px;
2356
- border: 1px solid gray;
2357
- padding-block: 12px;
2358
- border-radius: 6px;
1712
+ .load__more__div {
1713
+ display: flex;
1714
+ justify-content: center;
1715
+ margin-block: 12px;
1716
+ & > button {
1717
+ padding-inline: 24px;
1718
+ border: 1px solid gray;
1719
+ padding-block: 12px;
1720
+ border-radius: 6px;
1721
+ }
2359
1722
  }
2360
1723
  }
2361
- }