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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. package/package.json +1 -1
@@ -7,1717 +7,1422 @@
7
7
  // (The body-level .pim__main magnifier is global and already loaded by widget.scss.)
8
8
 
9
9
  [data-element-type="productImage"] {
10
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
11
- // width: 100%;
12
- width: var(
13
- --_sf-el-wh-st-mx,
14
- calc(
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)));
36
- }
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
+ }
37
27
 
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)));
40
- }
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
+ }
41
31
 
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
- // }
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;
62
+ }
50
63
 
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
- // }
64
+ * {
65
+ user-select: none;
66
+ // width: 100%;
67
+ }
63
68
 
64
- & > .wrapper {
69
+ .product__img__wrapper {
65
70
  width: 100%;
66
71
  height: 100%;
67
- &:has(.text-element) {
72
+
73
+ &:has(.image__fallback__contain) {
68
74
  display: flex;
69
- align-items: start;
70
75
  justify-content: center;
76
+ align-items: center;
71
77
  }
72
78
 
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
- }
79
+ .image__fallback__contain {
80
+ object-fit: contain !important;
88
81
  }
89
82
  }
90
- &[data-show-shadow="false"] {
91
- --_show-shadow: none;
92
- }
93
- .product_image {
94
- height: 100%;
95
- object-fit: contain;
96
- }
83
+ }
97
84
 
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;
85
+ &[data-show-shadow="false"] {
86
+ --_show-shadow: none;
87
+ }
106
88
 
107
- img {
108
- width: 100%;
109
- height: auto;
110
- object-fit: contain;
111
- display: block;
112
- }
89
+ .product_image {
90
+ height: 100%;
91
+ object-fit: contain;
92
+ }
113
93
 
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
- // }
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;
126
102
 
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
- }
103
+ img {
104
+ width: 100%;
105
+ height: auto;
106
+ object-fit: contain;
107
+ display: block;
136
108
  }
137
109
 
138
- // .magnifier-box {
110
+ // .lens-overlay {
139
111
  // position: absolute;
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
- // }
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;
163
121
  // }
164
122
 
165
- .magnifier-box {
123
+ .lens-overlay {
166
124
  position: absolute;
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
- }
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;
177
131
  }
132
+ }
178
133
 
179
- a:has(> img.text-element) {
180
- max-height: 100%;
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 {
171
+ position: absolute;
172
+ will-change: transform;
181
173
  }
174
+ }
182
175
 
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;
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
+
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;
191
218
  }
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;
197
219
 
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
- );
220
+ &[data-show-shadow="false"] {
221
+ --_show-gy-shadow: none;
222
+ }
223
+
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))));
206
227
 
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)));
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))));
208
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)));
238
+
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))));
245
+
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));
209
249
  display: flex;
210
250
  flex-direction: column;
211
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
212
251
 
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
- );
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)));
217
263
 
218
264
  width: 100%;
219
- height: 100%;
220
265
 
221
- // Gallery Widget Style > Border / Shadow toggles. Distinct names from the item
222
- // ones below, because .gallery__slide is a descendant and would otherwise
223
- // inherit whatever is set here.
224
- &[data-show-border="false"] {
225
- --_show-gy-border: none;
226
- }
227
- &[data-show-shadow="false"] {
228
- --_show-gy-shadow: none;
229
- }
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)));
230
268
 
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
- );
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)));
273
271
 
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;
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)));
279
274
 
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
- );
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)));
284
277
 
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
- );
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))));
289
284
 
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
- );
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)));
294
288
 
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
- );
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)));
299
297
 
300
- width: 100%;
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)));
301
300
 
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
- }
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)));
400
303
 
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
- }
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)));
318
+ }
459
319
 
460
- // h3 {
461
- // margin-bottom: var(--_mb-4);
462
- // }
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)));
341
+
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)));
344
+
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)));
347
+
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)));
350
+
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)));
463
353
  }
354
+
355
+ // h3 {
356
+ // margin-bottom: var(--_mb-4);
357
+ // }
464
358
  }
359
+ }
465
360
 
466
- &[data-text-position="top"] {
361
+ &[data-text-position="top"] {
362
+ .gallery-slider-element {
363
+ flex-direction: column;
364
+ }
365
+ }
366
+
367
+ &[data-text-position="bottom"] {
368
+ .gallery-slider-element {
369
+ flex-direction: column-reverse;
370
+ }
371
+ }
372
+
373
+ &[data-text-position="left"] {
374
+ .gallery-slider-element {
375
+ flex-direction: row;
376
+ }
377
+
378
+ .gallery-header {
379
+ width: fit-content;
380
+ height: 100%;
381
+ }
382
+
383
+ &[data-widget-alignment="top"] {
467
384
  .gallery-slider-element {
468
- flex-direction: column;
385
+ align-items: flex-start;
386
+ }
387
+
388
+ .gallery-header {
389
+ justify-content: flex-start;
469
390
  }
470
391
  }
471
- &[data-text-position="bottom"] {
392
+
393
+ &[data-widget-alignment="center"] {
472
394
  .gallery-slider-element {
473
- flex-direction: column-reverse;
395
+ align-items: center;
396
+ }
397
+
398
+ .gallery-header {
399
+ justify-content: center;
474
400
  }
475
401
  }
476
- &[data-text-position="left"] {
402
+
403
+ &[data-widget-alignment="bottom"] {
477
404
  .gallery-slider-element {
478
- flex-direction: row;
405
+ align-items: flex-end;
479
406
  }
407
+
480
408
  .gallery-header {
481
- width: fit-content;
482
- height: 100%;
483
- }
484
- &[data-widget-alignment="top"] {
485
- .gallery-slider-element {
486
- align-items: flex-start;
487
- }
488
- .gallery-header {
489
- justify-content: flex-start;
490
- }
409
+ justify-content: flex-end;
491
410
  }
492
- &[data-widget-alignment="center"] {
493
- .gallery-slider-element {
494
- align-items: center;
495
- }
496
- .gallery-header {
497
- justify-content: center;
498
- }
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;
499
427
  }
500
- &[data-widget-alignment="bottom"] {
501
- .gallery-slider-element {
502
- align-items: flex-end;
503
- }
504
- .gallery-header {
505
- justify-content: flex-end;
506
- }
428
+
429
+ .gallery-header {
430
+ justify-content: flex-start;
507
431
  }
508
432
  }
509
- &[data-text-position="right"] {
433
+
434
+ &[data-widget-alignment="center"] {
435
+ .gallery-slider-element {
436
+ align-items: center;
437
+ }
438
+
510
439
  .gallery-header {
511
- width: fit-content;
512
- height: 100%;
440
+ justify-content: center;
513
441
  }
442
+ }
443
+
444
+ &[data-widget-alignment="bottom"] {
514
445
  .gallery-slider-element {
515
- flex-direction: row-reverse;
446
+ align-items: flex-end;
516
447
  }
517
448
 
518
- &[data-widget-alignment="top"] {
519
- .gallery-slider-element {
520
- align-items: flex-start;
521
- }
522
- .gallery-header {
523
- justify-content: flex-start;
524
- }
449
+ .gallery-header {
450
+ justify-content: flex-end;
525
451
  }
526
- &[data-widget-alignment="center"] {
527
- .gallery-slider-element {
528
- align-items: center;
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
+
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));
529
489
  }
530
- .gallery-header {
531
- justify-content: center;
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));
532
494
  }
533
- }
534
- &[data-widget-alignment="bottom"] {
535
- .gallery-slider-element {
536
- align-items: flex-end;
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));
537
499
  }
538
- .gallery-header {
539
- justify-content: flex-end;
500
+
501
+ .embla__slide {
502
+ flex: 0 0 auto;
503
+ width: 100%;
504
+ height: 100%;
540
505
  }
541
506
  }
542
507
  }
543
508
 
544
- .embla {
545
- width: 100%;
546
- height: 100%;
547
- position: relative;
548
- display: flex;
549
- flex-direction: column;
550
- // overflow: hidden;
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))));
512
+ }
513
+ }
514
+
515
+ &[data-display-style="Grid"][data-scroll-direction="Vertical"] {
516
+ // overflow: unset;
551
517
 
552
518
  .embla__viewport {
553
- width: 100%;
554
- // height: 100%;
555
- height: auto;
519
+ overflow: unset;
520
+ height: 80%;
556
521
  flex-grow: 1;
557
- position: relative;
558
- display: flex;
559
- flex-direction: column;
560
522
 
561
- overflow: hidden;
523
+ &:not([data-is-builder-type="true"]) {
524
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
525
+ }
562
526
 
563
527
  .embla__container {
564
- width: 100%;
565
- height: 100%;
566
- display: grid;
567
- grid-template-rows: 100%;
568
- // grid-template-columns: 100%;
569
- grid-template-columns: repeat(
570
- var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se))),
571
- calc(
572
- 100% /
573
- var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)))
574
- )
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
- }
528
+ overflow: unset;
529
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
591
530
 
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
- }
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;
603
537
 
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
- );
538
+ grid-auto-flow: row;
539
+
540
+ &[data-overflow-hidden="true"] {
541
+ overflow: hidden;
614
542
  }
615
543
 
616
544
  .embla__slide {
617
- flex: 0 0 auto;
618
- width: 100%;
619
- height: 100%;
545
+ aspect-ratio: 1/1.1;
620
546
  }
621
547
  }
622
548
  }
623
- &:not([data-display-style="Column"]) {
549
+ }
550
+
551
+ &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
552
+ .embla__viewport {
624
553
  .embla__container {
625
- grid-auto-columns: calc(
626
- 100% / var(--_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-is-pr-se)))
627
- );
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)))));
628
556
  }
629
557
  }
558
+ }
630
559
 
631
- &[data-display-style="Grid"][data-scroll-direction="Vertical"] {
632
- // overflow: unset;
560
+ &[data-display-style="Rows"] {
561
+ // overflow: unset;
633
562
 
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
- }
563
+ .embla__viewport {
564
+ overflow: unset;
565
+ height: 80%;
566
+ flex-grow: 1;
641
567
 
642
- .embla__container {
643
- overflow: unset;
644
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
568
+ &:not([data-is-builder-type="true"]) {
569
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
570
+ }
645
571
 
646
- // min-height: var(--_ctm-height);
572
+ .embla__container {
573
+ // overflow: hidden;
574
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
647
575
 
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
- );
576
+ // min-height: var(--_ctm-height);
652
577
 
653
- grid-template-rows: unset;
578
+ grid-template-columns: repeat(1, 1fr);
579
+ grid-template-rows: unset;
654
580
 
655
- grid-auto-flow: row;
656
- &[data-overflow-hidden="true"] {
657
- overflow: hidden;
658
- }
659
- .embla__slide {
660
- aspect-ratio: 1/1.1;
661
- }
581
+ grid-auto-flow: row;
582
+
583
+ .embla__slide {
584
+ aspect-ratio: 7 / 2;
662
585
  }
663
586
  }
664
587
  }
588
+ }
589
+
590
+ &[data-display-style="Column"] {
591
+ // overflow: unset;
592
+
593
+ .embla__viewport {
594
+ .embla__container {
595
+ display: flex;
665
596
 
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
- );
597
+ .embla__slide {
598
+ width: unset;
599
+ height: 100%;
600
+ aspect-ratio: 1 / 2;
676
601
  }
677
602
  }
678
603
  }
604
+ }
605
+
606
+ &[data-display-style="Masonry"] {
607
+ // overflow: unset;
608
+
609
+ .embla__viewport {
610
+ overflow: hidden;
611
+ height: 80%;
612
+ flex-grow: 1;
679
613
 
680
- &[data-display-style="Rows"] {
681
- // overflow: unset;
614
+ &:not([data-is-builder-type="true"]) {
615
+ height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
616
+ }
682
617
 
683
- .embla__viewport {
618
+ .embla__container {
684
619
  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
- }
690
620
 
691
- .embla__container {
692
- // overflow: hidden;
693
- height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
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;
694
628
 
695
- // min-height: var(--_ctm-height);
629
+ height: auto;
696
630
 
697
- grid-template-columns: repeat(1, 1fr);
698
- grid-template-rows: unset;
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)));
635
+
636
+ height: unset;
699
637
 
700
- grid-auto-flow: row;
701
- .embla__slide {
702
- aspect-ratio: 7 / 2;
638
+ .gallery__slide {
639
+ height: unset;
703
640
  }
704
641
  }
705
642
  }
706
643
  }
644
+ }
707
645
 
708
- &[data-display-style="Column"] {
709
- // overflow: unset;
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;
710
655
 
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
- }
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;
721
665
  }
722
- &[data-display-style="Masonry"] {
723
- // overflow: unset;
724
666
 
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;
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
+ }
734
676
 
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)));
677
+ &[data-control-type="Side"] {
742
678
 
743
- // height: auto;
679
+ .left-button,
680
+ .right-button {
681
+ background-color: transparent;
682
+ }
683
+ }
744
684
 
745
- height: auto;
685
+ &[data-background-shape="Round"] {
746
686
 
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
- );
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%);
753
690
 
754
- height: unset;
755
- .gallery__slide {
756
- height: unset;
757
- }
758
- }
759
- }
691
+ &:not(:disabled):hover {
692
+ @include BgColorLighter(var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-pn-as-bd-cr), 20%);
760
693
  }
761
694
  }
695
+ }
762
696
 
763
- .arrow-navigation {
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;
772
-
773
- &[data-control-type="Bottom-Overflow"] {
774
- transform: translateX(-50%);
775
- width: 100%;
776
- justify-content: center;
777
- gap: 12px;
778
- // top: unset;
779
- // bottom: 6px;
780
- bottom: 10px;
781
- top: unset;
782
- }
783
- &[data-control-type="Bottom"] {
784
- transform: unset;
785
- position: static;
786
- width: 100%;
787
- justify-content: center;
788
- gap: 12px;
789
- margin-top: 10px;
790
- }
791
- }
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%);
804
- }
805
- }
806
- }
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)));
807
705
 
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
- );
706
+ display: flex;
707
+ align-items: center;
708
+ justify-content: center;
709
+ cursor: pointer;
710
+ outline: none;
711
+ margin-left: 12px;
820
712
 
713
+ span {
821
714
  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
- );
844
715
 
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
- }
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)));
851
725
  }
852
726
  }
853
- &:disabled {
854
- & svg {
855
- path {
856
- stroke: rgb(192, 192, 192);
857
- }
727
+ }
728
+
729
+ &:disabled {
730
+ & svg {
731
+ path {
732
+ stroke: rgb(192, 192, 192);
858
733
  }
859
734
  }
860
735
  }
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
- );
736
+ }
872
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
+
746
+ display: flex;
747
+ align-items: center;
748
+ justify-content: center;
749
+ cursor: pointer;
750
+ outline: none;
751
+ margin-right: 12px;
752
+ padding: 10px;
753
+
754
+ span {
873
755
  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
756
 
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
- }
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);
762
+
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)));
911
766
  }
912
767
  }
913
768
  }
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
- );
931
769
 
770
+ &:disabled {
771
+ & svg {
932
772
  path {
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
- );
773
+ stroke: rgb(192, 192, 192);
937
774
  }
938
775
  }
939
776
  }
777
+ }
940
778
 
941
- &[data-control-type="Side"] {
942
- .embla__viewport {
943
- width: calc(100% - 120px);
944
- margin-inline: auto;
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)));
945
791
  }
946
792
  }
793
+ }
947
794
 
948
- &[data-thumbnail-placement="top"] {
949
- flex-direction: column-reverse;
795
+ &[data-control-type="Side"] {
796
+ .embla__viewport {
797
+ width: calc(100% - 120px);
798
+ margin-inline: auto;
950
799
  }
951
- &[data-thumbnail-placement="bottom"] {
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%;
952
816
  flex-direction: column;
953
- }
954
- &[data-thumbnail-placement="left"] {
955
- flex-direction: row-reverse;
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)));
956
820
 
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)));
959
- height: 100%;
821
+ & .embla__thumbs__container {
960
822
  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
- }
823
+ height: 100%;
824
+ justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
825
+ }
972
826
 
973
- .thumb-prev-button,
974
- .thumb-next-button {
975
- span {
976
- transform: rotate(90deg);
977
- }
827
+ .thumb-prev-button,
828
+ .thumb-next-button {
829
+ span {
830
+ transform: rotate(90deg);
978
831
  }
832
+ }
979
833
 
980
- .embla__thumbs__viewport {
981
- min-height: 0;
982
- }
834
+ .embla__thumbs__viewport {
835
+ min-height: 0;
983
836
  }
984
837
  }
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)));
989
- height: 100%;
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 {
990
852
  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
- }
853
+ height: 100%;
854
+ justify-content: prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-lt-an-is);
855
+ }
1002
856
 
1003
- .thumb-prev-button,
1004
- .thumb-next-button {
1005
- span {
1006
- transform: rotate(90deg);
1007
- }
857
+ .thumb-prev-button,
858
+ .thumb-next-button {
859
+ span {
860
+ transform: rotate(90deg);
1008
861
  }
862
+ }
1009
863
 
1010
- .embla__thumbs__viewport {
1011
- min-height: 0;
1012
- }
864
+ .embla__thumbs__viewport {
865
+ min-height: 0;
1013
866
  }
1014
867
  }
1015
- &[data-control-type="Side"] {
1016
- flex-direction: row;
1017
- align-items: center;
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%;
1018
890
  }
1019
- .embla__dots {
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
+
1020
913
  display: flex;
1021
- flex-wrap: wrap;
914
+ align-items: center;
1022
915
  justify-content: center;
916
+ border-radius: 50%;
917
+ }
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%;
927
+ display: flex;
1023
928
  align-items: center;
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
- }
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"] {
1035
939
  .embla__dot {
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
- );
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)));
1061
942
 
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: "";
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)));
948
+
949
+ border-radius: 6px;
1082
950
  }
951
+
1083
952
  .embla__dot--selected:after {
1084
953
  box-shadow: inset 0 0 0 1px var(--text-body);
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
- }
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)));
1128
964
  }
1129
965
  }
966
+ }
1130
967
 
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
- );
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)));
1138
973
 
1139
- position: relative;
974
+ position: relative;
975
+ display: flex;
976
+ flex-direction: row;
977
+ align-items: center;
978
+ overflow: hidden;
979
+
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;
1140
989
  display: flex;
1141
- flex-direction: row;
1142
990
  align-items: center;
1143
- overflow: hidden;
991
+ justify-content: center;
992
+ background-color: transparent;
993
+ z-index: 1;
1144
994
 
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;
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)));
999
+
1000
+ span {
1154
1001
  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
- );
1168
1002
 
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
- }
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)));
1192
1012
  }
1193
1013
  }
1014
+ }
1194
1015
 
1195
- &:disabled {
1196
- opacity: 0.3;
1197
- cursor: not-allowed;
1198
- }
1016
+ &:disabled {
1017
+ opacity: 0.3;
1018
+ cursor: not-allowed;
1199
1019
  }
1020
+ }
1200
1021
 
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
- }
1022
+ &[data-background-shape="Round"] {
1023
+
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%);
1208
1030
  }
1209
1031
  }
1210
- // margin: 10px;
1211
- // padding: 10px;
1032
+ }
1212
1033
 
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;
1034
+ // margin: 10px;
1035
+ // padding: 10px;
1221
1036
 
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)));
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;
1229
1045
 
1230
- width: 100%;
1231
- // height: 200px;
1046
+ overflow: hidden;
1047
+ }
1232
1048
 
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)));
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)));
1236
1054
 
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
- }
1055
+ width: 100%;
1056
+ // height: 200px;
1281
1057
 
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
- }
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)));
1348
1061
 
1349
- & > div {
1350
- height: 100%;
1351
- }
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
+ }
1352
1088
 
1353
- & img {
1354
- width: 100%;
1355
- height: 100%;
1356
- object-fit: cover;
1357
- }
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
+ }
1127
+
1128
+ &>div {
1129
+ height: 100%;
1130
+ }
1131
+
1132
+ & img {
1133
+ width: 100%;
1134
+ height: 100%;
1135
+ object-fit: cover;
1358
1136
  }
1359
1137
  }
1360
1138
  }
1361
1139
  }
1140
+ }
1362
1141
 
1363
- .gallery__slide {
1364
- img[data-has-link="true"] {
1365
- cursor: pointer;
1366
- }
1367
- img[data-zoom="true"] {
1368
- cursor: zoom-in;
1369
- }
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
+
1157
+ div {
1158
+ position: relative;
1159
+ overflow: hidden;
1370
1160
  width: 100%;
1371
- max-width: 100%;
1372
1161
  height: 100%;
1373
- display: flex;
1374
- flex: 0 0 auto;
1375
- div {
1376
- position: relative;
1377
- overflow: hidden;
1378
- width: 100%;
1379
- height: 100%;
1380
- }
1162
+ }
1381
1163
 
1382
- // flex-direction: column;
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
+ }
1383
1177
 
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;
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
+ 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)));
1391
1248
  }
1392
- &[data-show-shadow="false"] {
1393
- --_show-im-shadow: none;
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)));
1394
1275
  }
1276
+ }
1395
1277
 
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
- );
1278
+ img {
1279
+ // object-fit: contain;
1280
+ }
1428
1281
 
1282
+ &[data-text-position="On Image"] {
1429
1283
  .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
1284
  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
- }
1533
-
1534
- & p {
1535
- color: var(
1536
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc,
1537
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-cr-dc))
1538
- );
1539
- font-family: var(
1540
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc,
1541
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-fy-dc))
1542
- );
1543
- text-transform: var(
1544
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc,
1545
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-tm-dc))
1546
- );
1547
- word-wrap: var(
1548
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc,
1549
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-wp-dc))
1550
- );
1551
- word-break: var(
1552
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc,
1553
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-wd-bk-dc))
1554
- );
1555
- font-size: var(
1556
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc,
1557
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-dc))
1558
- );
1559
- font-weight: var(
1560
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc,
1561
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-wt-dc))
1562
- );
1563
- font-style: var(
1564
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc,
1565
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ft-se-ic-dc))
1566
- );
1567
- text-align: var(
1568
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc,
1569
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-tt-an-dc))
1570
- );
1571
- letter-spacing: var(
1572
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc,
1573
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-lr-sg-dc))
1574
- );
1575
- line-height: var(
1576
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc,
1577
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-le-ht-dc))
1578
- );
1579
- text-decoration: var(
1580
- --_ctm-mob-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc,
1581
- var(--_ctm-tab-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc, var(--_ctm-catego-dn-pt-gd-dn-pt-ie-pt-ie-dn-im-se-ue-dc))
1582
- );
1583
- }
1285
+ // height: 100%;
1286
+ position: absolute;
1584
1287
  }
1585
1288
 
1586
- img {
1587
- // object-fit: contain;
1289
+ a:has(img) {
1290
+ width: 100%;
1588
1291
  }
1589
- &[data-text-position="On Image"] {
1590
- .gallery-header {
1591
- width: 100%;
1592
- // height: 100%;
1593
- position: absolute;
1594
- }
1595
- a:has(img) {
1596
- width: 100%;
1597
- }
1598
1292
 
1599
- &[data-widget-alignment="top"] {
1600
- // align-items: flex-start;
1293
+ &[data-widget-alignment="top"] {
1294
+ // align-items: flex-start;
1601
1295
 
1602
- .gallery-header {
1603
- top: 0;
1296
+ .gallery-header {
1297
+ top: 0;
1604
1298
 
1605
- justify-content: flex-start;
1606
- }
1299
+ justify-content: flex-start;
1607
1300
  }
1608
- &[data-widget-alignment="center"] {
1609
- // align-items: center;
1301
+ }
1610
1302
 
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;
1303
+ &[data-widget-alignment="center"] {
1304
+ // align-items: center;
1621
1305
 
1622
- justify-content: flex-end;
1623
- }
1306
+ .gallery-header {
1307
+ top: 50%;
1308
+ transform: translateY(-50%);
1309
+ justify-content: center;
1624
1310
  }
1625
1311
  }
1626
1312
 
1627
- &[data-text-position="top"] {
1628
- flex-direction: column;
1313
+ &[data-widget-alignment="bottom"] {
1314
+
1315
+ // align-items: flex-end;
1316
+ .gallery-header {
1317
+ bottom: 0;
1318
+
1319
+ justify-content: flex-end;
1320
+ }
1629
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
+ }
1331
+
1332
+ &[data-text-position="left"] {
1333
+ flex-direction: row;
1630
1334
 
1631
- &[data-text-position="bottom"] {
1632
- flex-direction: column-reverse;
1335
+ .gallery-header {
1336
+ width: fit-content;
1337
+ height: 100%;
1633
1338
  }
1634
- &[data-text-position="left"] {
1635
- flex-direction: row;
1339
+
1340
+ &[data-widget-alignment="top"] {
1341
+ align-items: flex-start;
1636
1342
 
1637
1343
  .gallery-header {
1638
- width: fit-content;
1639
- height: 100%;
1344
+ justify-content: flex-start;
1640
1345
  }
1641
- &[data-widget-alignment="top"] {
1642
- align-items: flex-start;
1346
+ }
1643
1347
 
1644
- .gallery-header {
1645
- justify-content: flex-start;
1646
- }
1647
- }
1648
- &[data-widget-alignment="center"] {
1649
- align-items: center;
1348
+ &[data-widget-alignment="center"] {
1349
+ align-items: center;
1650
1350
 
1651
- .gallery-header {
1652
- justify-content: center;
1653
- }
1351
+ .gallery-header {
1352
+ justify-content: center;
1654
1353
  }
1655
- &[data-widget-alignment="bottom"] {
1656
- align-items: flex-end;
1354
+ }
1657
1355
 
1658
- .gallery-header {
1659
- justify-content: flex-end;
1660
- }
1356
+ &[data-widget-alignment="bottom"] {
1357
+ align-items: flex-end;
1358
+
1359
+ .gallery-header {
1360
+ justify-content: flex-end;
1661
1361
  }
1662
1362
  }
1663
- &[data-text-position="right"] {
1664
- flex-direction: row-reverse;
1363
+ }
1364
+
1365
+ &[data-text-position="right"] {
1366
+ flex-direction: row-reverse;
1367
+
1368
+ .gallery-header {
1369
+ width: fit-content;
1370
+ height: 100%;
1371
+ }
1372
+
1373
+ &[data-widget-alignment="top"] {
1374
+ align-items: flex-start;
1375
+
1665
1376
  .gallery-header {
1666
- width: fit-content;
1667
- height: 100%;
1377
+ justify-content: flex-start;
1668
1378
  }
1379
+ }
1669
1380
 
1670
- &[data-widget-alignment="top"] {
1671
- align-items: flex-start;
1381
+ &[data-widget-alignment="center"] {
1382
+ align-items: center;
1672
1383
 
1673
- .gallery-header {
1674
- justify-content: flex-start;
1675
- }
1384
+ .gallery-header {
1385
+ justify-content: center;
1676
1386
  }
1677
- &[data-widget-alignment="center"] {
1678
- align-items: center;
1387
+ }
1679
1388
 
1680
- .gallery-header {
1681
- justify-content: center;
1682
- }
1683
- }
1684
- &[data-widget-alignment="bottom"] {
1685
- align-items: flex-end;
1389
+ &[data-widget-alignment="bottom"] {
1390
+ align-items: flex-end;
1686
1391
 
1687
- .gallery-header {
1688
- justify-content: flex-end;
1689
- }
1392
+ .gallery-header {
1393
+ justify-content: flex-end;
1690
1394
  }
1691
1395
  }
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;
1396
+ }
1700
1397
 
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;
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;
1703
1404
 
1704
- &[data-has-title="true"] {
1705
- height: 85%;
1706
- }
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;
1707
1407
 
1708
- /* display: block; */
1408
+ &[data-has-title="true"] {
1409
+ height: 85%;
1709
1410
  }
1411
+
1412
+ /* display: block; */
1710
1413
  }
1414
+ }
1711
1415
 
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
- }
1416
+ .load__more__div {
1417
+ display: flex;
1418
+ justify-content: center;
1419
+ margin-block: 12px;
1420
+
1421
+ &>button {
1422
+ padding-inline: 24px;
1423
+ border: 1px solid gray;
1424
+ padding-block: 12px;
1425
+ border-radius: 6px;
1722
1426
  }
1723
1427
  }
1428
+ }