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

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