@sc-360-v2/storefront-cms-library 0.4.49 → 0.4.51

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 (183) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/add-products-tab-details.scss +3818 -0
  5. package/dist/add-products-tab.scss +142 -3052
  6. package/dist/allocationDetails.scss +2247 -2247
  7. package/dist/allocations.scss +1603 -1603
  8. package/dist/amount-estimator.scss +1083 -1083
  9. package/dist/animation-control.scss +23 -23
  10. package/dist/badge.scss +388 -388
  11. package/dist/brand-basic-elements.scss +292 -292
  12. package/dist/brand.scss +93 -93
  13. package/dist/breadcrumbs.scss +802 -802
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-order-pad.scss +677 -677
  16. package/dist/bulk-variant-picker copy.scss +1121 -1121
  17. package/dist/bulk-variant-picker.scss +3294 -3294
  18. package/dist/bundle copy.scss +2805 -2805
  19. package/dist/bundle.scss +2383 -2383
  20. package/dist/bundleDetails copy.scss +1431 -1431
  21. package/dist/bundleDetails.scss +3320 -3285
  22. package/dist/button copy.scss +271 -271
  23. package/dist/button.scss +292 -292
  24. package/dist/buy-for-tab-container.scss +90 -90
  25. package/dist/buy-for-tab.scss +3 -4
  26. package/dist/buy-for-tabs-container-item.scss +80 -80
  27. package/dist/buyForHeaders.scss +6718 -6718
  28. package/dist/buyForPopup.scss +70 -52
  29. package/dist/cart-details.scss +3207 -3207
  30. package/dist/cart-products-sidebar.scss +211 -211
  31. package/dist/cart-summary.scss +2728 -2728
  32. package/dist/cart-wrapper.scss +127 -127
  33. package/dist/cart.scss +269 -269
  34. package/dist/cartAttributes.scss +935 -935
  35. package/dist/cartDropdownOverlay.scss +513 -237
  36. package/dist/cartGrouping.scss +89 -89
  37. package/dist/category-groups-element.scss +138 -138
  38. package/dist/category.scss +73 -73
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +6460 -6569
  43. package/dist/code-temp.scss +58 -58
  44. package/dist/colorpicker_v2.scss +52 -52
  45. package/dist/common-element.scss +35 -35
  46. package/dist/confirm-modal.scss +351 -351
  47. package/dist/confirmationModal.scss +139 -139
  48. package/dist/contact-us.scss +105 -105
  49. package/dist/container.scss +114 -114
  50. package/dist/countdown.scss +751 -751
  51. package/dist/coupon.scss +1254 -1254
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/customization-tree.scss +160 -160
  54. package/dist/default-dropdown.scss +240 -240
  55. package/dist/dropdownTemplate.scss +57 -43
  56. package/dist/editCartItem.scss +111 -111
  57. package/dist/embed-temp.scss +72 -72
  58. package/dist/embroider-preview-element.scss +94 -94
  59. package/dist/embroider-template-1-v2.scss +937 -937
  60. package/dist/embroider-template-1.scss +482 -482
  61. package/dist/embroidery.scss +213 -213
  62. package/dist/employee-bulk-order.scss +4057 -4057
  63. package/dist/emtpy-templates.scss +165 -165
  64. package/dist/faq.scss +564 -564
  65. package/dist/fb-dropdown.scss +125 -125
  66. package/dist/filter-results.scss +323 -323
  67. package/dist/filters.scss +1 -1
  68. package/dist/flex-text-editor.scss +271 -271
  69. package/dist/form-preview.scss +290 -290
  70. package/dist/form-zindex-module.scss +24 -24
  71. package/dist/gallery-slider-temp.scss +1234 -1234
  72. package/dist/global-styles.scss +86 -86
  73. package/dist/grid.scss +119 -119
  74. package/dist/hotspot.scss +397 -397
  75. package/dist/icon-library.scss +74 -74
  76. package/dist/icon-list.scss +268 -268
  77. package/dist/image-for-product.scss +21 -21
  78. package/dist/image-temp.scss +168 -168
  79. package/dist/item-stock.scss +87 -87
  80. package/dist/language-selector.scss +528 -528
  81. package/dist/layouter-item.scss +89 -89
  82. package/dist/layouter-pro-item.scss +80 -80
  83. package/dist/layouter-pro.scss +88 -88
  84. package/dist/layouter.scss +294 -294
  85. package/dist/light-box-v2.scss +105 -105
  86. package/dist/lightbox.scss +78 -78
  87. package/dist/line.scss +166 -166
  88. package/dist/loader.scss +37 -37
  89. package/dist/login.scss +1473 -1473
  90. package/dist/map.scss +962 -962
  91. package/dist/marchandiserSets.scss +60 -60
  92. package/dist/mega-menu-container.scss +99 -99
  93. package/dist/mega-menu.scss +838 -838
  94. package/dist/menu-item.scss +19 -19
  95. package/dist/menu-v2.scss +730 -730
  96. package/dist/menu.scss +162 -162
  97. package/dist/modal.scss +2267 -2267
  98. package/dist/multi-select-dropdown.scss +282 -279
  99. package/dist/my-templates.scss +463 -463
  100. package/dist/my-wishlist.scss +17 -17
  101. package/dist/option-bar.scss +845 -845
  102. package/dist/order-processing.scss +61 -61
  103. package/dist/order-status.scss +1856 -1856
  104. package/dist/overflow-module.scss +63 -63
  105. package/dist/past-orders.scss +975 -975
  106. package/dist/payment-methods.scss +289 -289
  107. package/dist/pickup-locations.scss +1167 -1167
  108. package/dist/position-module.scss +95 -95
  109. package/dist/prefix-list.scss +86 -86
  110. package/dist/product-actions copy.scss +2765 -2765
  111. package/dist/product-actions.scss +2286 -2286
  112. package/dist/product-basic-elements.scss +770 -770
  113. package/dist/product-customizations.scss +149 -149
  114. package/dist/product-highlights copy.scss +217 -217
  115. package/dist/product-highlights.scss +311 -311
  116. package/dist/product-image copy.scss +787 -787
  117. package/dist/product-image-bundles.scss +1512 -0
  118. package/dist/product-image.scss +1 -1
  119. package/dist/product-inventory.scss +1378 -1378
  120. package/dist/product-options.scss +1144 -1144
  121. package/dist/product-price.scss +2598 -2598
  122. package/dist/product-promotions.scss +2759 -2759
  123. package/dist/product-sizechart.scss +1826 -1826
  124. package/dist/product.scss +97 -97
  125. package/dist/productDetails.scss +70 -70
  126. package/dist/profile.scss +3 -2
  127. package/dist/quantity-selector.scss +3 -2
  128. package/dist/quick-links.scss +552 -552
  129. package/dist/quick-order-pad.scss +237 -237
  130. package/dist/quota-details.scss +263 -263
  131. package/dist/quotes.scss +737 -737
  132. package/dist/repeater copy.scss +635 -635
  133. package/dist/repeater-embla-controls.scss +6 -3
  134. package/dist/repeater-grid-toggle.scss +58 -58
  135. package/dist/repeater-item.scss +90 -90
  136. package/dist/repeater.scss +915 -915
  137. package/dist/request-for-quotes.scss +746 -746
  138. package/dist/responsive-behaviour.scss +29 -29
  139. package/dist/rfqs.scss +736 -736
  140. package/dist/scroll.scss +222 -222
  141. package/dist/search-results-heading.scss +279 -279
  142. package/dist/search.scss +296 -296
  143. package/dist/section.scss +2 -1
  144. package/dist/shareCartSideBar.scss +254 -254
  145. package/dist/shipping-estimator.scss +41 -41
  146. package/dist/shipping-payments.scss +2467 -2467
  147. package/dist/simple-list.scss +259 -259
  148. package/dist/skeleton.scss +74 -74
  149. package/dist/social.scss +276 -276
  150. package/dist/sort.scss +89 -89
  151. package/dist/spotlight.scss +1663 -1663
  152. package/dist/stack.scss +129 -129
  153. package/dist/static-global.scss +167 -0
  154. package/dist/static-text.scss +52 -52
  155. package/dist/stockStatus.scss +64 -64
  156. package/dist/store-locations.scss +1398 -1398
  157. package/dist/sub-category.scss +74 -74
  158. package/dist/submit-quote.scss +275 -275
  159. package/dist/tab-container-item.scss +80 -80
  160. package/dist/tab-container.scss +89 -89
  161. package/dist/tab-v2.scss +583 -583
  162. package/dist/table-common.scss +506 -506
  163. package/dist/table.scss +685 -685
  164. package/dist/tabs.scss +395 -395
  165. package/dist/text-temp-v2.scss +139 -139
  166. package/dist/text-temp.scss +109 -109
  167. package/dist/theme-classes.scss +296 -296
  168. package/dist/toaster.scss +350 -350
  169. package/dist/toggle-button.scss +32 -32
  170. package/dist/transform-properties-module.scss +20 -20
  171. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1790 -441
  172. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +9 -0
  173. package/dist/uom-selector.scss +1169 -1169
  174. package/dist/user-elements copy.scss +1437 -1437
  175. package/dist/user-elements.scss +2471 -2471
  176. package/dist/variant-picker.scss +2384 -2384
  177. package/dist/video.scss +476 -476
  178. package/dist/volume-pricing copy 2.scss +1468 -1468
  179. package/dist/volume-pricing copy.scss +1077 -1077
  180. package/dist/volume-pricing.scss +1175 -1175
  181. package/dist/widget.scss +148 -148
  182. package/dist/wishlist-overlay.scss +48 -48
  183. package/package.json +1 -1
package/dist/repeater.scss CHANGED
@@ -1,915 +1,915 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
- @use "./repeater-embla-controls.scss" as *;
4
- @use "./repeater-grid-toggle.scss" as *;
5
- @use "./functions.scss" as *;
6
- $childItemSelector: '[data-element-type="repeater-item"]';
7
- $sliderControlDragging: "[flex-slider-control-moving='true']";
8
- $rai: "repeater-advertise-item";
9
- [data-div-type="element"] {
10
- &[data-element-type="repeater"] {
11
- // width: var(--_sf-con-nw-wh);
12
- // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
13
- width: calc(
14
- 1% *
15
- var(
16
- --_ctm-mob-rep-ele-nw-wh-vl,
17
- var(--_ctm-tab-rep-ele-nw-wh-vl, var(--_ctm-rep-ele-nw-wh-vl, auto))
18
- )
19
- );
20
- // width: 100%;
21
- &:not([data-view-state="full"]) {
22
- min-height: var(
23
- --_ctm-mob-rep-lt-ht,
24
- var(--_ctm-tab-rep-lt-ht, var(--_ctm-rep-lt-ht, var(--_ctm-lt-ht, var(--_tst-lt-ht))))
25
- );
26
- }
27
- min-height: var();
28
- margin: var(
29
- --_ctm-mob-rep-lt-mn,
30
- var(--_ctm-tab-rep-lt-mn, var(--_ctm-rep-lt-mn, var(--_ctm-lt-mn, var(--_tst-lt-mn))))
31
- );
32
- background-color: var(
33
- --_ctm-mob-rep-dn-rr-wt-bd-cr,
34
- var(--_ctm-tab-rep-dn-rr-wt-bd-cr, var(--_ctm-rep-dn-rr-wt-bd-cr))
35
- );
36
- background-image: var(
37
- --_ctm-mob-rep-dn-rr-wt-bd-ie,
38
- var(--_ctm-tab-rep-dn-rr-wt-bd-ie, var(--_ctm-rep-dn-rr-wt-bd-ie))
39
- );
40
- background-attachment: var(
41
- --_ctm-mob-rep-dn-rr-wt-bd-at,
42
- var(--_ctm-tab-rep-dn-rr-wt-bd-at, var(--_ctm-rep-dn-rr-wt-bd-at))
43
- );
44
- background-position: var(
45
- --_ctm-mob-rep-dn-rr-wt-bd-pn,
46
- var(--_ctm-tab-rep-dn-rr-wt-bd-pn, var(--_ctm-rep-dn-rr-wt-bd-pn))
47
- );
48
- background-repeat: var(
49
- --_ctm-mob-rep-dn-rr-wt-bd-rt,
50
- var(--_ctm-tab-rep-dn-rr-wt-bd-rt, var(--_ctm-rep-dn-rr-wt-bd-rt))
51
- );
52
- background-size: var(
53
- --_ctm-mob-rep-dn-rr-wt-bd-se,
54
- var(--_ctm-tab-rep-dn-rr-wt-bd-se, var(--_ctm-rep-dn-rr-wt-bd-se))
55
- );
56
- border-radius: var(
57
- --_ctm-mob-rep-dn-rr-wt-br-rs,
58
- var(--_ctm-tab-rep-dn-rr-wt-br-rs, var(--_ctm-rep-dn-rr-wt-br-rs))
59
- );
60
- border-color: var(
61
- --_ctm-mob-rep-dn-rr-wt-br-cr,
62
- var(--_ctm-tab-rep-dn-rr-wt-br-cr, var(--_ctm-rep-dn-rr-wt-br-cr))
63
- );
64
- border-style: var(
65
- --_ctm-mob-rep-dn-rr-wt-br-se,
66
- var(--_ctm-tab-rep-dn-rr-wt-br-se, var(--_ctm-rep-dn-rr-wt-br-se))
67
- );
68
- border-width: var(
69
- --_ctm-mob-rep-dn-rr-wt-br-wh,
70
- var(--_ctm-tab-rep-dn-rr-wt-br-wh, var(--_ctm-rep-dn-rr-wt-br-wh))
71
- );
72
- box-shadow: var(
73
- --_hover-show-shadow,
74
- var(
75
- --_sf-hr-bx-sw,
76
- var(
77
- --_show-shadow,
78
- var(--_ctm-mob-dn-dt-se-sw-ae, var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae)))
79
- var(
80
- --_ctm-mob-dn-dt-se-sw-br,
81
- var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
82
- )
83
- var(
84
- --_ctm-mob-dn-dt-se-sw-sd,
85
- var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
86
- )
87
- var(
88
- --_ctm-mob-dn-dt-se-sw-cr,
89
- var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
90
- )
91
- )
92
- )
93
- );
94
- padding: var(--_ctm-mob-rep-lt-pg, var(--_ctm-tab-rep-lt-pg, var(--_ctm-rep-lt-pg)));
95
-
96
- &[data-grid-toggle="enable"] {
97
- position: var(--_p-relative);
98
- @include FlexRepeaterGridToggleCSS();
99
- }
100
-
101
- &.lst_vw {
102
- & > div {
103
- &.wrapper {
104
- display: var(--_d-grid);
105
- row-gap: prepareMediaVariable(--_ctm-rep-lt-im-gp-lt);
106
- grid-template-columns: 100%;
107
- // grid-template-rows: repeat(
108
- // auto-fit,
109
- // minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, 1fr)
110
- // );
111
- // grid-template-rows: repeat(
112
- // 1,
113
- // minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, 1fr)
114
- // );
115
- grid-auto-rows: minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, auto);
116
- width: 100%;
117
-
118
- & > div {
119
- &#{$childItemSelector} {
120
- width: 100%;
121
- }
122
- }
123
- }
124
- }
125
- }
126
- &:not(.lst_vw) {
127
- &.grd {
128
- & > div {
129
- &.wrapper {
130
- width: 100%;
131
- display: grid;
132
- grid-template-columns: repeat(
133
- auto-fit,
134
- minmax(
135
- var(
136
- --_ctm-mob-rep-lt-mn-cn-wh,
137
- var(--_ctm-tab-rep-lt-mn-cn-wh, var(--_ctm-rep-lt-mn-cn-wh))
138
- ),
139
- 1fr
140
- )
141
- );
142
- grid-template-rows: repeat(
143
- auto-fit,
144
- minmax(
145
- var(
146
- --_ctm-mob-rep-lt-mn-rw-ht,
147
- var(--_ctm-tab-rep-lt-mn-rw-ht, var(--_ctm-rep-lt-mn-rw-ht))
148
- ),
149
- 1fr
150
- )
151
- );
152
-
153
- div {
154
- &#{$childItemSelector},
155
- &.#{$rai} {
156
- width: 100%;
157
- }
158
- }
159
- }
160
- }
161
- }
162
-
163
- &.crds {
164
- & > div {
165
- &.wrapper {
166
- display: flex !important;
167
- flex-wrap: wrap;
168
- width: 100%;
169
- height: auto !important;
170
- min-height: 100px !important;
171
- }
172
- }
173
- &:not(.stimsfrRws) {
174
- & > div {
175
- &.wrapper {
176
- justify-content: center;
177
- & > div {
178
- &#{$childItemSelector},
179
- &.#{$rai} {
180
- // width: var(--_ctm-rep-lt-wh);
181
- --_col-count: var(--_sf-gd-ct, 3);
182
- --_col-gap: 0px;
183
- width: 163px;
184
- height: 100px;
185
- // grid-template-rows: minmax(
186
- // max(
187
- // 0.5px,
188
- // 0.0896337 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
189
- // ),
190
- // auto
191
- // );
192
- // grid-template-rows: ;
193
- }
194
- }
195
- }
196
- }
197
- }
198
-
199
- &.stimsfrRws {
200
- & > div {
201
- &.wrapper {
202
- align-self: center;
203
- & > div {
204
- &#{$childItemSelector},
205
- &.#{$rai} {
206
- // --_col-count: var(--_sf-gd-ct, 3);
207
- --_col-count: var(
208
- --_ctm-mob-rep-lt-st-is-pr-rw,
209
- var(--_ctm-tab-rep-lt-st-is-pr-rw, var(--_ctm-rep-lt-st-is-pr-rw, 3))
210
- );
211
- --_col-gap: var(
212
- --_ctm-mob-rep-lt-im-gp,
213
- var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
214
- );
215
- width: calc(
216
- (100% / var(--_col-count)) -
217
- (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
218
- );
219
- flex: 0 0
220
- calc(
221
- (100% / var(--_col-count)) -
222
- (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
223
- );
224
- align-self: stretch;
225
- // height: 100px;
226
- grid-template-rows: minmax(
227
- max(
228
- 0.5px,
229
- 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
230
- ),
231
- auto
232
- );
233
- grid-template-columns: minmax(0px, 1fr);
234
- // min-height: 50px !important;
235
- grid-template-rows:
236
- minmax(
237
- max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
238
- auto
239
- )
240
- minmax(
241
- max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
242
- auto
243
- );
244
- }
245
- }
246
- }
247
- }
248
- }
249
- }
250
- &.sld {
251
- &:is(:not(#{$sliderControlDragging} *)) {
252
- overflow: clip;
253
- }
254
- height: auto;
255
- --_sf-sl-ct-ic-dt-at-cl: var(
256
- --_ctm-mob-rep-lt-cl-ae-cr,
257
- var(--_ctm-tab-rep-lt-cl-ae-cr, var(--_ctm-rep-lt-cl-ae-cr))
258
- );
259
- // &:is([data-control-type="1"]) {
260
- // @include CMSRepeaterEmblaControlStyles(1);
261
- // }
262
- @for $i from 1 through 3 {
263
- &:is([data-control-type="#{$i}"]) {
264
- @if ($i == 3) {
265
- overflow-y: visible;
266
- }
267
- @include CMSRepeaterEmblaControlStyles($i);
268
- }
269
- }
270
-
271
- & > div {
272
- &.wrapper {
273
- &.embla__container {
274
- display: flex !important;
275
- --_embla-slide-space: var(
276
- --_ctm-mob-rep-lt-im-gp,
277
- var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp))
278
- );
279
- min-height: 100px !important;
280
- --_embla-col-count: var(
281
- --_ctm-mob-rep-lt-st-is-pr-se,
282
- var(--_ctm-tab-rep-lt-st-is-pr-se, var(--_ctm-rep-lt-st-is-pr-se, 3))
283
- );
284
- // gap: 0px !important;
285
- // margin-left: calc(var(--_embla-slide-space, 10px) * -1);
286
- width: 100%;
287
- height: 100%;
288
- & > .embla__slide {
289
- --_sf-cl-vl: calc(
290
- (100% / var(--_embla-col-count, 3)) -
291
- (
292
- ((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) /
293
- (var(--_embla-col-count, 3))
294
- )
295
- );
296
- // flex: 0 0 calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
297
- // width: calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
298
- flex: 0 0 var(--_sf-cl-vl);
299
- width: var(--_sf-cl-vl);
300
- // grid-template-rows: minmax(
301
- // max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
302
- // auto
303
- // );
304
- grid-template-rows: minmax(50px, auto);
305
- grid-template-columns: minmax(0px, 1fr);
306
- // padding-left: calc(var(--_embla-slide-space, 10px) * 1);
307
- // padding-left: 0px !important;
308
-
309
- img {
310
- width: 100%;
311
- }
312
- }
313
- }
314
- }
315
- }
316
- }
317
- & > div {
318
- &.wrapper {
319
- gap: var(
320
- --_ctm-mob-rep-lt-im-gp,
321
- var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
322
- );
323
- // width: 100%;
324
- // grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
325
- // grid-auto-rows: minmax(100px, 1fr);
326
- }
327
- }
328
- }
329
- .repeater-advertise-item {
330
- display: flex;
331
- justify-content: center;
332
- align-items: center;
333
- img {
334
- // width: 100%;
335
- // height: 100%;
336
- object-fit: cover;
337
- object-position: center center;
338
- max-width: 100%;
339
- max-height: 100%;
340
- }
341
- }
342
-
343
- // .action__button {
344
- // display: flex;
345
- // align-items: center;
346
- // height: 40px;
347
- // cursor: pointer;
348
- // .btn__container {
349
- // display: flex;
350
- // align-items: center;
351
- // justify-content: center;
352
- // gap: 10px;
353
- // height: 100%;
354
- // width: 100%;
355
- // padding: 16px;
356
- // .btn__with__text {
357
- // height: 2.5rem;
358
- // }
359
- // }
360
- // &.loadMore {
361
- // background-color: var(
362
- // --_sf-at-hr-bd-cr,
363
- // var(
364
- // --_ctm-mob-rep-dn-bn-se-dt-se-bd-cr,
365
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-bd-cr, var(--_ctm-rep-dn-bn-se-dt-se-bd-cr))
366
- // )
367
- // );
368
- // border-color: var(
369
- // --_sf-at-hr-br-cr,
370
- // var(
371
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-cr,
372
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-cr, var(--_ctm-rep-dn-bn-se-dt-se-br-cr))
373
- // )
374
- // );
375
- // border-style: var(
376
- // --_sf-at-hr-br-se,
377
- // var(
378
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-se,
379
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-se, var(--_ctm-rep-dn-bn-se-dt-se-br-se))
380
- // )
381
- // );
382
- // border-width: var(
383
- // --_sf-at-hr-br-wt,
384
- // var(
385
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-wh,
386
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-wh, var(--_ctm-rep-dn-bn-se-dt-se-br-wh))
387
- // )
388
- // );
389
- // border-radius: var(
390
- // --_sf-at-hr-br-br,
391
- // var(
392
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-rs,
393
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-rs, var(--_ctm-rep-dn-bn-se-dt-se-br-rs))
394
- // )
395
- // );
396
-
397
- // box-shadow: var(
398
- // --_hover-show-shadow,
399
- // var(
400
- // --_sf-at-hr-bx-sw,
401
- // var(
402
- // --_show-shadow,
403
- // var(
404
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-ae,
405
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-ae, var(--_ctm-rep-dn-bn-se-dt-se-sw-ae))
406
- // )
407
- // var(
408
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-br,
409
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-br, var(--_ctm-rep-dn-bn-se-dt-se-sw-br))
410
- // )
411
- // var(
412
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-sd,
413
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-sd, var(--_ctm-rep-dn-bn-se-dt-se-sw-sd))
414
- // )
415
- // var(
416
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-cr,
417
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-cr, var(--_ctm-rep-dn-bn-se-dt-se-sw-cr))
418
- // )
419
- // )
420
- // )
421
- // );
422
-
423
- // .btn__container {
424
- // gap: var(
425
- // --_ctm-mob-rep-dn-bn-se-dt-se-gp,
426
- // var(
427
- // --_ctm-tab-rep-dn-bn-se-dt-se-gp,
428
- // var(--_ctm-rep-dn-bn-se-dt-se-gp)
429
- // )
430
- // );
431
- // justify-content: var(
432
- // --_ctm-mob-rep-dn-bn-se-dt-se-at,
433
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-at, var(--_ctm-rep-dn-bn-se-dt-se-at))
434
- // );
435
-
436
- // &[data-actions-icon-position="left"],
437
- // &[data-actions-icon-position="center"] {
438
- // flex-direction: row;
439
- // }
440
- // &[data-actions-icon-position="right"] {
441
- // flex-direction: row-reverse;
442
- // }
443
- // span {
444
- // svg {
445
- // width: var(
446
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
447
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
448
- // );
449
- // height: var(
450
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
451
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
452
- // );
453
-
454
- // path {
455
- // stroke: var(
456
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-c1,
457
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-c1, var(--_ctm-rep-dn-bn-se-dt-se-in-c1))
458
- // );
459
- // }
460
- // }
461
- // }
462
- // .btn__with__text {
463
- // border: none;
464
- // background-color: transparent;
465
- // color: var(
466
- // --_ctm-mob-rep-dn-bn-se-dt-se-cr,
467
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
468
- // );
469
- // font-family: var(
470
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-fy,
471
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-fy, var(--_ctm-rep-dn-bn-se-dt-se-ft-fy))
472
- // ),
473
- // font-size: var(
474
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se,
475
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se, var(--_ctm-rep-dn-bn-se-dt-se-ft-se))
476
- // );
477
- // font-weight: var(
478
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-wt,
479
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-wt, var(--_ctm-rep-dn-bn-se-dt-se-ft-wt))
480
- // );
481
- // font-style: var(
482
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se-ic,
483
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se-ic, var(--_ctm-rep-dn-bn-se-dt-se-ft-se-ic))
484
- // );
485
- // text-align: var(
486
- // --_ctm-mob-rep-dn-bn-se-dt-se-tt-an,
487
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-tt-an, var(--_ctm-rep-dn-bn-se-dt-se-tt-an))
488
- // );
489
- // letter-spacing: var(
490
- // --_ctm-mob-rep-dn-bn-se-dt-se-lr-sg,
491
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-lr-sg, var(--_ctm-rep-dn-bn-se-dt-se-lr-sg))
492
- // );
493
- // line-height: var(
494
- // --_ctm-mob-rep-dn-bn-se-dt-se-le-ht,
495
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-le-ht, var(--_ctm-rep-dn-bn-se-dt-se-le-ht))
496
- // );
497
- // text-decoration: var(
498
- // --_ctm-mob-rep-dn-bn-se-dt-se-ue,
499
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ue, var(--_ctm-rep-dn-bn-se-dt-se-ue))
500
- // );
501
- // }
502
-
503
- // &:hover {
504
- // background-color: var(
505
- // --_sf-at-hr-bd-cr,
506
- // var(
507
- // --_ctm-mob-rep-dn-bn-se-hr-se-bd-cr,
508
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-bd-cr, var(--_ctm-rep-dn-bn-se-hr-se-bd-cr))
509
- // )
510
- // );
511
- // border-color: var(
512
- // --_sf-at-hr-br-cr,
513
- // var(
514
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-cr,
515
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-cr, var(--_ctm-rep-dn-bn-se-hr-se-br-cr))
516
- // )
517
- // );
518
- // border-style: var(
519
- // --_sf-at-hr-br-se,
520
- // var(
521
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-se,
522
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-se, var(--_ctm-rep-dn-bn-se-hr-se-br-se))
523
- // )
524
- // );
525
- // border-width: var(
526
- // --_sf-at-hr-br-wt,
527
- // var(
528
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-wh,
529
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-wh, var(--_ctm-rep-dn-bn-se-hr-se-br-wh))
530
- // )
531
- // );
532
- // border-radius: var(
533
- // --_sf-at-hr-br-br,
534
- // var(
535
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-rs,
536
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-rs, var(--_ctm-rep-dn-bn-se-hr-se-br-rs))
537
- // )
538
- // );
539
- // box-shadow: var(
540
- // --_hover-show-shadow,
541
- // var(
542
- // --_sf-at-hr-bx-sw,
543
- // var(
544
- // --_show-shadow,
545
- // var(
546
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-ae,
547
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-ae, var(--_ctm-rep-dn-bn-se-hr-se-sw-ae))
548
- // )
549
- // var(
550
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-br,
551
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-br, var(--_ctm-rep-dn-bn-se-hr-se-sw-br))
552
- // )
553
- // var(
554
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-sd,
555
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-sd, var(--_ctm-rep-dn-bn-se-hr-se-sw-sd))
556
- // )
557
- // var(
558
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-cr,
559
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-cr, var(--_ctm-rep-dn-bn-se-hr-se-sw-cr))
560
- // )
561
- // )
562
- // )
563
- // );
564
-
565
- // .btn__container {
566
- // gap: var(
567
- // --_ctm-mob-rep-dn-bn-se-hr-se-gp,
568
- // var(
569
- // --_ctm-tab-rep-dn-bn-se-hr-se-gp,
570
- // var(--_ctm-rep-dn-bn-se-hr-se-gp)
571
- // )
572
- // );
573
- // justify-content: var(
574
- // --_ctm-mob-rep-dn-bn-se-hr-se-at,
575
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
576
- // );
577
-
578
- // &[data-actions-icon-position-hover="left"],
579
- // &[data-actions-icon-position-hover="center"] {
580
- // flex-direction: row;
581
- // }
582
- // &[data-actions-icon-position-hover="right"] {
583
- // flex-direction: row-reverse;
584
- // }
585
- // span {
586
- // svg {
587
- // width: var(
588
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
589
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
590
- // );
591
- // height: var(
592
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
593
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
594
- // );
595
-
596
- // path {
597
- // stroke: var(
598
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-c1,
599
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-c1, var(--_ctm-rep-dn-bn-se-hr-se-in-c1))
600
- // );
601
- // }
602
- // }
603
- // }
604
- // .btn__with__text {
605
- // border: none;
606
- // background-color: transparent;
607
- // color: var(
608
- // --_ctm-mob-rep-dn-bn-se-hr-se-cr,
609
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
610
- // );
611
- // font-family: var(
612
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-fy,
613
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
614
- // ),
615
- // font-size: var(
616
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se,
617
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
618
- // );
619
- // font-weight: var(
620
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-wt,
621
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-wt, var(--_ctm-rep-dn-bn-se-hr-se-ft-wt))
622
- // );
623
- // font-style: var(
624
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se-ic,
625
- // var(
626
- // --_ctm-tab-rep-dn-bn-se-hr-se-ft-se-ic,
627
- // var(--_ctm-rep-dn-bn-se-hr-se-ft-se-ic)
628
- // )
629
- // );
630
- // text-align: var(
631
- // --_ctm-mob-rep-dn-bn-se-hr-se-tt-an,
632
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-tt-an, var(--_ctm-rep-dn-bn-se-hr-se-tt-an))
633
- // );
634
- // letter-spacing: var(
635
- // --_ctm-mob-rep-dn-bn-se-hr-se-lr-sg,
636
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-lr-sg, var(--_ctm-rep-dn-bn-se-hr-se-lr-sg))
637
- // );
638
- // line-height: var(
639
- // --_ctm-mob-rep-dn-bn-se-hr-se-le-ht,
640
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-le-ht, var(--_ctm-rep-dn-bn-se-hr-se-le-ht))
641
- // );
642
- // text-decoration: var(
643
- // --_ctm-mob-rep-dn-bn-se-hr-se-ue,
644
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ue, var(--_ctm-rep-dn-bn-se-hr-se-ue))
645
- // );
646
- // }
647
- // }
648
- // }
649
- // }
650
- // }
651
- // }
652
-
653
- .repeater__button__container {
654
- display: flex;
655
-
656
- &[data-button-alignment-default-state="flex-start"] {
657
- justify-content: flex-start;
658
- }
659
-
660
- &[data-button-alignment-default-state="center"] {
661
- justify-content: center;
662
- }
663
-
664
- &[data-button-alignment-default-state="flex-end"] {
665
- justify-content: flex-end;
666
- }
667
-
668
- &[data-button-alignment-hover-state="flex-start"]:hover {
669
- justify-content: flex-start;
670
- }
671
- &[data-button-alignment-hover-state="center"]:hover {
672
- justify-content: center;
673
- }
674
- &[data-button-alignment-hover-state="flex-end"]:hover {
675
- justify-content: flex-end;
676
- }
677
- }
678
-
679
- .btn__with__text[data-btn-name="loadmoreButton"] {
680
- justify-content: center;
681
- &[data-show-shadow="false"] {
682
- --_show-shadow: none;
683
- }
684
- &[data-icon-position="left"] {
685
- --_sf-fd-bn: row;
686
- }
687
- &[data-icon-position="right"] {
688
- --_sf-fd-bn: row-reverse;
689
- }
690
- &[data-icon-position="center"] {
691
- --_sf-fd-bn: row;
692
- }
693
- // &:has(p) {
694
- // width: auto;
695
- // }
696
-
697
- &:hover {
698
- --_sf-hr-bd-cr: var(
699
- --_ctm-rep-mob-dn-bn-se-hr-se-bd-cr,
700
- var(--_ctm-rep-tab-dn-bn-se-hr-se-bd-cr, var(--_ctm-rep-dn-bn-se-hr-se-bd-cr))
701
- );
702
- --_sf-hr-br-cr: var(
703
- --_ctm-rep-mob-dn-bn-se-hr-se-br-cr,
704
- var(--_ctm-rep-tab-dn-bn-se-hr-se-br-cr, var(--_ctm-rep-dn-bn-se-hr-se-br-cr))
705
- );
706
- --_sf-hr-br-se: var(
707
- --_ctm-rep-mob-dn-bn-se-hr-se-br-se,
708
- var(--_ctm-rep-tab-dn-bn-se-hr-se-br-se, var(--_ctm-rep-dn-bn-se-hr-se-br-se))
709
- );
710
- --_sf-hr-br-wh: var(
711
- --_ctm-rep-mob-dn-bn-se-hr-se-br-wh,
712
- var(--_ctm-rep-tab-dn-bn-se-hr-se-br-wh, var(--_ctm-rep-dn-bn-se-hr-se-br-wh))
713
- );
714
- --_sf-hr-br-rs: var(
715
- --_ctm-rep-mob-dn-bn-se-hr-se-br-rs,
716
- var(--_ctm-rep-tab-dn-bn-se-hr-se-br-rs, var(--_ctm-rep-dn-bn-se-hr-se-br-rs))
717
- );
718
- --_sf-hr-at: var(
719
- --_ctm-rep-mob-dn-bn-se-hr-se-at,
720
- var(--_ctm-rep-tab-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
721
- );
722
- --_sf-hr-gp: var(
723
- --_ctm-rep-mob-dn-bn-se-hr-se-gp,
724
- var(--_ctm-rep-tab-dn-bn-se-hr-se-gp, var(--_ctm-rep-dn-bn-se-hr-se-gp))
725
- );
726
-
727
- // for shadow
728
- --_sf-hr-sw-ae: var(
729
- --_ctm-rep-mob-dn-bn-se-hr-se-sw-ae,
730
- var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-ae, var(--_ctm-rep-dn-bn-se-hr-se-sw-ae))
731
- );
732
- --_sf-hr-sw-br: var(
733
- --_ctm-rep-mob-dn-bn-se-hr-se-sw-br,
734
- var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-br, var(--_ctm-rep-dn-bn-se-hr-se-sw-br))
735
- );
736
- --_sf-hr-sw-hr: var(
737
- --_ctm-rep-mob-dn-bn-se-hr-se-sw-hr,
738
- var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-hr, var(--_ctm-rep-dn-bn-se-hr-se-sw-hr))
739
- );
740
- --_sf-hr-sw-cr: var(
741
- --_ctm-rep-mob-dn-bn-se-hr-se-sw-cr,
742
- var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-cr, var(--_ctm-rep-dn-bn-se-hr-se-sw-cr))
743
- );
744
-
745
- // for font
746
-
747
- --_sf-hr-cr: var(
748
- --_ctm-rep-mob-dn-bn-se-hr-se-cr,
749
- var(--_ctm-rep-tab-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
750
- );
751
- --_sf-hr-ft-fy: var(
752
- --_ctm-rep-mob-dn-bn-se-hr-se-ft-fy,
753
- var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
754
- );
755
- --_sf-hr-ft-se: var(
756
- --_ctm-rep-mob-dn-bn-se-hr-se-ft-se,
757
- var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
758
- );
759
- --_sf-hr-ft-wt: var(
760
- --_ctm-rep-mob-dn-bn-se-hr-se-ft-wt,
761
- var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-wt, var(--_ctm-rep-dn-bn-se-hr-se-ft-wt))
762
- );
763
- --_sf-hr-ft-se-ic: var(
764
- --_ctm-rep-mob-dn-bn-se-hr-se-ft-se-ic,
765
- var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-se-ic, var(--_ctm-rep-dn-bn-se-hr-se-ft-se-ic))
766
- );
767
- --_sf-hr-tt-an: var(
768
- --_ctm-rep-mob-dn-bn-se-hr-se-tt-an,
769
- var(--_ctm-rep-tab-dn-bn-se-hr-se-tt-an, var(--_ctm-rep-dn-bn-se-hr-se-tt-an))
770
- );
771
- --_sf-hr-lr-sg: var(
772
- --_ctm-rep-mob-dn-bn-se-hr-se-lr-sg,
773
- var(--_ctm-rep-tab-dn-bn-se-hr-se-lr-sg, var(--_ctm-rep-dn-bn-se-hr-se-lr-sg))
774
- );
775
- --_sf-hr-le-ht: var(
776
- --_ctm-rep-mob-dn-bn-se-hr-se-le-ht,
777
- var(--_ctm-rep-tab-dn-bn-se-hr-se-le-ht, var(--_ctm-rep-dn-bn-se-hr-se-le-ht))
778
- );
779
-
780
- --_sf-hr-in-se: var(
781
- --_ctm-rep-mob-dn-bn-se-hr-se-in-se,
782
- var(--_ctm-rep-tab-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
783
- );
784
- --_sf-hr-in-se: var(
785
- --_ctm-rep-mob-dn-bn-se-hr-se-in-se,
786
- var(--_ctm-rep-tab-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
787
- );
788
- --_sf-hr-in-c1: var(
789
- --_ctm-rep-mob-dn-bn-se-hr-se-in-c1,
790
- var(--_ctm-rep-tab-dn-bn-se-hr-se-in-c1, var(--_ctm-rep-dn-bn-se-hr-se-in-c1))
791
- );
792
- --_sf-hr-ue: var(
793
- --_ctm-rep-mob-dn-bn-se-hr-se-ue,
794
- var(--_ctm-rep-tab-dn-bn-se-hr-se-ue, var(--_ctm-rep-dn-bn-se-hr-se-ue))
795
- );
796
-
797
- // for pading and width
798
- --_sf-hr-pg: var(
799
- --_ctm-rep-mob-dn-bn-se-hr-pg,
800
- var(--_ctm-rep-tab-dn-bn-se-hr-pg, var(--_ctm-rep-dn-bn-se-hr-pg))
801
- );
802
- --_sf-hr-wh: var(
803
- --_ctm-rep-mob-dn-bn-se-hr-wh,
804
- var(--_ctm-rep-tab-dn-bn-se-hr-wh, var(--_ctm-rep-dn-bn-se-hr-wh))
805
- );
806
-
807
- &[data-hover-show-shadow="false"] {
808
- --_hover-show-shadow: none;
809
- }
810
- &[data-hover-show-icon="false"] {
811
- --_hover-show-icon: none;
812
- }
813
- }
814
- background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-bd-cr));
815
-
816
- padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-pg));
817
- width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-wh));
818
- display: flex;
819
- flex-direction: var(--_sf-fd-bn);
820
- align-items: center;
821
-
822
- justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-at));
823
- gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-gp));
824
-
825
- border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-rs));
826
-
827
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-ae))
828
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-br))
829
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-sd))
830
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-cr));
831
-
832
- &[data-show-border="true"] {
833
- border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-cr));
834
-
835
- border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-se));
836
-
837
- border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-wh));
838
- }
839
-
840
- .txt {
841
- display: flex;
842
-
843
- color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-cr));
844
-
845
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-fy));
846
-
847
- font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-se));
848
-
849
- font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-wt));
850
-
851
- font-style: var(
852
- --_sf-hr-ft-se-ic,
853
- prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-se-ic)
854
- );
855
-
856
- text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-tt-an));
857
-
858
- letter-spacing: var(--_sf-hr-lr-sg, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-lr-sg));
859
-
860
- line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-le-ht));
861
-
862
- text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-rep-dn-dt-ue));
863
- }
864
-
865
- .icon {
866
- display: var(--_hover-show-icon, var(--_show-icon, flex));
867
- svg {
868
- width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-se));
869
- height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-se));
870
-
871
- path {
872
- stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-c1));
873
- }
874
- }
875
- }
876
- [data-element-style="Text"] {
877
- display: inline-block;
878
- width: 100%;
879
- }
880
-
881
- .icon--hover {
882
- // position: absolute;
883
- // inset: 0;
884
- // opacity: 0;
885
- display: none;
886
- transition: opacity 0.2s ease;
887
- }
888
-
889
- &:hover .icon--hover {
890
- // opacity: 1;
891
- display: flex;
892
- }
893
-
894
- &:hover .icon--default {
895
- // opacity: 0;
896
- display: none;
897
- }
898
- }
899
-
900
- // &[data-view-state="full"] {
901
- // width: auto;
902
- // margin: 0;
903
- // justify-self: stretch !important;
904
- // align-self: stretch !important;
905
- // cursor: auto;
906
-
907
- // & > div {
908
- // &[data-div-type="wrapper__layer"] {
909
- // --_sf-vt-zz: visible;
910
- // --_sf-op-zz: 1;
911
- // }
912
- // }
913
- // }
914
- }
915
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./repeater-embla-controls.scss" as *;
4
+ @use "./repeater-grid-toggle.scss" as *;
5
+ @use "./functions.scss" as *;
6
+ $childItemSelector: '[data-element-type="repeater-item"]';
7
+ $sliderControlDragging: "[flex-slider-control-moving='true']";
8
+ $rai: "repeater-advertise-item";
9
+ [data-div-type="element"] {
10
+ &[data-element-type="repeater"] {
11
+ // width: var(--_sf-con-nw-wh);
12
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
13
+ width: calc(
14
+ 1% *
15
+ var(
16
+ --_ctm-mob-rep-ele-nw-wh-vl,
17
+ var(--_ctm-tab-rep-ele-nw-wh-vl, var(--_ctm-rep-ele-nw-wh-vl, auto))
18
+ )
19
+ );
20
+ // width: 100%;
21
+ &:not([data-view-state="full"]) {
22
+ min-height: var(
23
+ --_ctm-mob-rep-lt-ht,
24
+ var(--_ctm-tab-rep-lt-ht, var(--_ctm-rep-lt-ht, var(--_ctm-lt-ht, var(--_tst-lt-ht))))
25
+ );
26
+ }
27
+ min-height: var();
28
+ margin: var(
29
+ --_ctm-mob-rep-lt-mn,
30
+ var(--_ctm-tab-rep-lt-mn, var(--_ctm-rep-lt-mn, var(--_ctm-lt-mn, var(--_tst-lt-mn))))
31
+ );
32
+ background-color: var(
33
+ --_ctm-mob-rep-dn-rr-wt-bd-cr,
34
+ var(--_ctm-tab-rep-dn-rr-wt-bd-cr, var(--_ctm-rep-dn-rr-wt-bd-cr))
35
+ );
36
+ background-image: var(
37
+ --_ctm-mob-rep-dn-rr-wt-bd-ie,
38
+ var(--_ctm-tab-rep-dn-rr-wt-bd-ie, var(--_ctm-rep-dn-rr-wt-bd-ie))
39
+ );
40
+ background-attachment: var(
41
+ --_ctm-mob-rep-dn-rr-wt-bd-at,
42
+ var(--_ctm-tab-rep-dn-rr-wt-bd-at, var(--_ctm-rep-dn-rr-wt-bd-at))
43
+ );
44
+ background-position: var(
45
+ --_ctm-mob-rep-dn-rr-wt-bd-pn,
46
+ var(--_ctm-tab-rep-dn-rr-wt-bd-pn, var(--_ctm-rep-dn-rr-wt-bd-pn))
47
+ );
48
+ background-repeat: var(
49
+ --_ctm-mob-rep-dn-rr-wt-bd-rt,
50
+ var(--_ctm-tab-rep-dn-rr-wt-bd-rt, var(--_ctm-rep-dn-rr-wt-bd-rt))
51
+ );
52
+ background-size: var(
53
+ --_ctm-mob-rep-dn-rr-wt-bd-se,
54
+ var(--_ctm-tab-rep-dn-rr-wt-bd-se, var(--_ctm-rep-dn-rr-wt-bd-se))
55
+ );
56
+ border-radius: var(
57
+ --_ctm-mob-rep-dn-rr-wt-br-rs,
58
+ var(--_ctm-tab-rep-dn-rr-wt-br-rs, var(--_ctm-rep-dn-rr-wt-br-rs))
59
+ );
60
+ border-color: var(
61
+ --_ctm-mob-rep-dn-rr-wt-br-cr,
62
+ var(--_ctm-tab-rep-dn-rr-wt-br-cr, var(--_ctm-rep-dn-rr-wt-br-cr))
63
+ );
64
+ border-style: var(
65
+ --_ctm-mob-rep-dn-rr-wt-br-se,
66
+ var(--_ctm-tab-rep-dn-rr-wt-br-se, var(--_ctm-rep-dn-rr-wt-br-se))
67
+ );
68
+ border-width: var(
69
+ --_ctm-mob-rep-dn-rr-wt-br-wh,
70
+ var(--_ctm-tab-rep-dn-rr-wt-br-wh, var(--_ctm-rep-dn-rr-wt-br-wh))
71
+ );
72
+ box-shadow: var(
73
+ --_hover-show-shadow,
74
+ var(
75
+ --_sf-hr-bx-sw,
76
+ var(
77
+ --_show-shadow,
78
+ var(--_ctm-mob-dn-dt-se-sw-ae, var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae)))
79
+ var(
80
+ --_ctm-mob-dn-dt-se-sw-br,
81
+ var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
82
+ )
83
+ var(
84
+ --_ctm-mob-dn-dt-se-sw-sd,
85
+ var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
86
+ )
87
+ var(
88
+ --_ctm-mob-dn-dt-se-sw-cr,
89
+ var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
90
+ )
91
+ )
92
+ )
93
+ );
94
+ padding: var(--_ctm-mob-rep-lt-pg, var(--_ctm-tab-rep-lt-pg, var(--_ctm-rep-lt-pg)));
95
+
96
+ &[data-grid-toggle="enable"] {
97
+ position: var(--_p-relative);
98
+ @include FlexRepeaterGridToggleCSS();
99
+ }
100
+
101
+ &.lst_vw {
102
+ & > div {
103
+ &.wrapper {
104
+ display: var(--_d-grid);
105
+ row-gap: prepareMediaVariable(--_ctm-rep-lt-im-gp-lt);
106
+ grid-template-columns: 100%;
107
+ // grid-template-rows: repeat(
108
+ // auto-fit,
109
+ // minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, 1fr)
110
+ // );
111
+ // grid-template-rows: repeat(
112
+ // 1,
113
+ // minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, 1fr)
114
+ // );
115
+ grid-auto-rows: minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, auto);
116
+ width: 100%;
117
+
118
+ & > div {
119
+ &#{$childItemSelector} {
120
+ width: 100%;
121
+ }
122
+ }
123
+ }
124
+ }
125
+ }
126
+ &:not(.lst_vw) {
127
+ &.grd {
128
+ & > div {
129
+ &.wrapper {
130
+ width: 100%;
131
+ display: grid;
132
+ grid-template-columns: repeat(
133
+ auto-fit,
134
+ minmax(
135
+ var(
136
+ --_ctm-mob-rep-lt-mn-cn-wh,
137
+ var(--_ctm-tab-rep-lt-mn-cn-wh, var(--_ctm-rep-lt-mn-cn-wh))
138
+ ),
139
+ 1fr
140
+ )
141
+ );
142
+ grid-template-rows: repeat(
143
+ auto-fit,
144
+ minmax(
145
+ var(
146
+ --_ctm-mob-rep-lt-mn-rw-ht,
147
+ var(--_ctm-tab-rep-lt-mn-rw-ht, var(--_ctm-rep-lt-mn-rw-ht))
148
+ ),
149
+ 1fr
150
+ )
151
+ );
152
+
153
+ div {
154
+ &#{$childItemSelector},
155
+ &.#{$rai} {
156
+ width: 100%;
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
162
+
163
+ &.crds {
164
+ & > div {
165
+ &.wrapper {
166
+ display: flex !important;
167
+ flex-wrap: wrap;
168
+ width: 100%;
169
+ height: auto !important;
170
+ min-height: 100px !important;
171
+ }
172
+ }
173
+ &:not(.stimsfrRws) {
174
+ & > div {
175
+ &.wrapper {
176
+ justify-content: center;
177
+ & > div {
178
+ &#{$childItemSelector},
179
+ &.#{$rai} {
180
+ // width: var(--_ctm-rep-lt-wh);
181
+ --_col-count: var(--_sf-gd-ct, 3);
182
+ --_col-gap: 0px;
183
+ width: 163px;
184
+ height: 100px;
185
+ // grid-template-rows: minmax(
186
+ // max(
187
+ // 0.5px,
188
+ // 0.0896337 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
189
+ // ),
190
+ // auto
191
+ // );
192
+ // grid-template-rows: ;
193
+ }
194
+ }
195
+ }
196
+ }
197
+ }
198
+
199
+ &.stimsfrRws {
200
+ & > div {
201
+ &.wrapper {
202
+ align-self: center;
203
+ & > div {
204
+ &#{$childItemSelector},
205
+ &.#{$rai} {
206
+ // --_col-count: var(--_sf-gd-ct, 3);
207
+ --_col-count: var(
208
+ --_ctm-mob-rep-lt-st-is-pr-rw,
209
+ var(--_ctm-tab-rep-lt-st-is-pr-rw, var(--_ctm-rep-lt-st-is-pr-rw, 3))
210
+ );
211
+ --_col-gap: var(
212
+ --_ctm-mob-rep-lt-im-gp,
213
+ var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
214
+ );
215
+ width: calc(
216
+ (100% / var(--_col-count)) -
217
+ (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
218
+ );
219
+ flex: 0 0
220
+ calc(
221
+ (100% / var(--_col-count)) -
222
+ (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
223
+ );
224
+ align-self: stretch;
225
+ // height: 100px;
226
+ grid-template-rows: minmax(
227
+ max(
228
+ 0.5px,
229
+ 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
230
+ ),
231
+ auto
232
+ );
233
+ grid-template-columns: minmax(0px, 1fr);
234
+ // min-height: 50px !important;
235
+ grid-template-rows:
236
+ minmax(
237
+ max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
238
+ auto
239
+ )
240
+ minmax(
241
+ max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
242
+ auto
243
+ );
244
+ }
245
+ }
246
+ }
247
+ }
248
+ }
249
+ }
250
+ &.sld {
251
+ &:is(:not(#{$sliderControlDragging} *)) {
252
+ overflow: clip;
253
+ }
254
+ height: auto;
255
+ --_sf-sl-ct-ic-dt-at-cl: var(
256
+ --_ctm-mob-rep-lt-cl-ae-cr,
257
+ var(--_ctm-tab-rep-lt-cl-ae-cr, var(--_ctm-rep-lt-cl-ae-cr))
258
+ );
259
+ // &:is([data-control-type="1"]) {
260
+ // @include CMSRepeaterEmblaControlStyles(1);
261
+ // }
262
+ @for $i from 1 through 3 {
263
+ &:is([data-control-type="#{$i}"]) {
264
+ @if ($i == 3) {
265
+ overflow-y: visible;
266
+ }
267
+ @include CMSRepeaterEmblaControlStyles($i);
268
+ }
269
+ }
270
+
271
+ & > div {
272
+ &.wrapper {
273
+ &.embla__container {
274
+ display: flex !important;
275
+ --_embla-slide-space: var(
276
+ --_ctm-mob-rep-lt-im-gp,
277
+ var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp))
278
+ );
279
+ min-height: 100px !important;
280
+ --_embla-col-count: var(
281
+ --_ctm-mob-rep-lt-st-is-pr-se,
282
+ var(--_ctm-tab-rep-lt-st-is-pr-se, var(--_ctm-rep-lt-st-is-pr-se, 3))
283
+ );
284
+ // gap: 0px !important;
285
+ // margin-left: calc(var(--_embla-slide-space, 10px) * -1);
286
+ width: 100%;
287
+ height: 100%;
288
+ & > .embla__slide {
289
+ --_sf-cl-vl: calc(
290
+ (100% / var(--_embla-col-count, 3)) -
291
+ (
292
+ ((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) /
293
+ (var(--_embla-col-count, 3))
294
+ )
295
+ );
296
+ // flex: 0 0 calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
297
+ // width: calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
298
+ flex: 0 0 var(--_sf-cl-vl);
299
+ width: var(--_sf-cl-vl);
300
+ // grid-template-rows: minmax(
301
+ // max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
302
+ // auto
303
+ // );
304
+ grid-template-rows: minmax(50px, auto);
305
+ grid-template-columns: minmax(0px, 1fr);
306
+ // padding-left: calc(var(--_embla-slide-space, 10px) * 1);
307
+ // padding-left: 0px !important;
308
+
309
+ img {
310
+ width: 100%;
311
+ }
312
+ }
313
+ }
314
+ }
315
+ }
316
+ }
317
+ & > div {
318
+ &.wrapper {
319
+ gap: var(
320
+ --_ctm-mob-rep-lt-im-gp,
321
+ var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
322
+ );
323
+ // width: 100%;
324
+ // grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
325
+ // grid-auto-rows: minmax(100px, 1fr);
326
+ }
327
+ }
328
+ }
329
+ .repeater-advertise-item {
330
+ display: flex;
331
+ justify-content: center;
332
+ align-items: center;
333
+ img {
334
+ // width: 100%;
335
+ // height: 100%;
336
+ object-fit: cover;
337
+ object-position: center center;
338
+ max-width: 100%;
339
+ max-height: 100%;
340
+ }
341
+ }
342
+
343
+ // .action__button {
344
+ // display: flex;
345
+ // align-items: center;
346
+ // height: 40px;
347
+ // cursor: pointer;
348
+ // .btn__container {
349
+ // display: flex;
350
+ // align-items: center;
351
+ // justify-content: center;
352
+ // gap: 10px;
353
+ // height: 100%;
354
+ // width: 100%;
355
+ // padding: 16px;
356
+ // .btn__with__text {
357
+ // height: 2.5rem;
358
+ // }
359
+ // }
360
+ // &.loadMore {
361
+ // background-color: var(
362
+ // --_sf-at-hr-bd-cr,
363
+ // var(
364
+ // --_ctm-mob-rep-dn-bn-se-dt-se-bd-cr,
365
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-bd-cr, var(--_ctm-rep-dn-bn-se-dt-se-bd-cr))
366
+ // )
367
+ // );
368
+ // border-color: var(
369
+ // --_sf-at-hr-br-cr,
370
+ // var(
371
+ // --_ctm-mob-rep-dn-bn-se-dt-se-br-cr,
372
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-cr, var(--_ctm-rep-dn-bn-se-dt-se-br-cr))
373
+ // )
374
+ // );
375
+ // border-style: var(
376
+ // --_sf-at-hr-br-se,
377
+ // var(
378
+ // --_ctm-mob-rep-dn-bn-se-dt-se-br-se,
379
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-se, var(--_ctm-rep-dn-bn-se-dt-se-br-se))
380
+ // )
381
+ // );
382
+ // border-width: var(
383
+ // --_sf-at-hr-br-wt,
384
+ // var(
385
+ // --_ctm-mob-rep-dn-bn-se-dt-se-br-wh,
386
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-wh, var(--_ctm-rep-dn-bn-se-dt-se-br-wh))
387
+ // )
388
+ // );
389
+ // border-radius: var(
390
+ // --_sf-at-hr-br-br,
391
+ // var(
392
+ // --_ctm-mob-rep-dn-bn-se-dt-se-br-rs,
393
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-rs, var(--_ctm-rep-dn-bn-se-dt-se-br-rs))
394
+ // )
395
+ // );
396
+
397
+ // box-shadow: var(
398
+ // --_hover-show-shadow,
399
+ // var(
400
+ // --_sf-at-hr-bx-sw,
401
+ // var(
402
+ // --_show-shadow,
403
+ // var(
404
+ // --_ctm-mob-rep-dn-bn-se-dt-se-sw-ae,
405
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-ae, var(--_ctm-rep-dn-bn-se-dt-se-sw-ae))
406
+ // )
407
+ // var(
408
+ // --_ctm-mob-rep-dn-bn-se-dt-se-sw-br,
409
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-br, var(--_ctm-rep-dn-bn-se-dt-se-sw-br))
410
+ // )
411
+ // var(
412
+ // --_ctm-mob-rep-dn-bn-se-dt-se-sw-sd,
413
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-sd, var(--_ctm-rep-dn-bn-se-dt-se-sw-sd))
414
+ // )
415
+ // var(
416
+ // --_ctm-mob-rep-dn-bn-se-dt-se-sw-cr,
417
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-cr, var(--_ctm-rep-dn-bn-se-dt-se-sw-cr))
418
+ // )
419
+ // )
420
+ // )
421
+ // );
422
+
423
+ // .btn__container {
424
+ // gap: var(
425
+ // --_ctm-mob-rep-dn-bn-se-dt-se-gp,
426
+ // var(
427
+ // --_ctm-tab-rep-dn-bn-se-dt-se-gp,
428
+ // var(--_ctm-rep-dn-bn-se-dt-se-gp)
429
+ // )
430
+ // );
431
+ // justify-content: var(
432
+ // --_ctm-mob-rep-dn-bn-se-dt-se-at,
433
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-at, var(--_ctm-rep-dn-bn-se-dt-se-at))
434
+ // );
435
+
436
+ // &[data-actions-icon-position="left"],
437
+ // &[data-actions-icon-position="center"] {
438
+ // flex-direction: row;
439
+ // }
440
+ // &[data-actions-icon-position="right"] {
441
+ // flex-direction: row-reverse;
442
+ // }
443
+ // span {
444
+ // svg {
445
+ // width: var(
446
+ // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
447
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
448
+ // );
449
+ // height: var(
450
+ // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
451
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
452
+ // );
453
+
454
+ // path {
455
+ // stroke: var(
456
+ // --_ctm-mob-rep-dn-bn-se-dt-se-in-c1,
457
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-c1, var(--_ctm-rep-dn-bn-se-dt-se-in-c1))
458
+ // );
459
+ // }
460
+ // }
461
+ // }
462
+ // .btn__with__text {
463
+ // border: none;
464
+ // background-color: transparent;
465
+ // color: var(
466
+ // --_ctm-mob-rep-dn-bn-se-dt-se-cr,
467
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
468
+ // );
469
+ // font-family: var(
470
+ // --_ctm-mob-rep-dn-bn-se-dt-se-ft-fy,
471
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-fy, var(--_ctm-rep-dn-bn-se-dt-se-ft-fy))
472
+ // ),
473
+ // font-size: var(
474
+ // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se,
475
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se, var(--_ctm-rep-dn-bn-se-dt-se-ft-se))
476
+ // );
477
+ // font-weight: var(
478
+ // --_ctm-mob-rep-dn-bn-se-dt-se-ft-wt,
479
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-wt, var(--_ctm-rep-dn-bn-se-dt-se-ft-wt))
480
+ // );
481
+ // font-style: var(
482
+ // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se-ic,
483
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se-ic, var(--_ctm-rep-dn-bn-se-dt-se-ft-se-ic))
484
+ // );
485
+ // text-align: var(
486
+ // --_ctm-mob-rep-dn-bn-se-dt-se-tt-an,
487
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-tt-an, var(--_ctm-rep-dn-bn-se-dt-se-tt-an))
488
+ // );
489
+ // letter-spacing: var(
490
+ // --_ctm-mob-rep-dn-bn-se-dt-se-lr-sg,
491
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-lr-sg, var(--_ctm-rep-dn-bn-se-dt-se-lr-sg))
492
+ // );
493
+ // line-height: var(
494
+ // --_ctm-mob-rep-dn-bn-se-dt-se-le-ht,
495
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-le-ht, var(--_ctm-rep-dn-bn-se-dt-se-le-ht))
496
+ // );
497
+ // text-decoration: var(
498
+ // --_ctm-mob-rep-dn-bn-se-dt-se-ue,
499
+ // var(--_ctm-tab-rep-dn-bn-se-dt-se-ue, var(--_ctm-rep-dn-bn-se-dt-se-ue))
500
+ // );
501
+ // }
502
+
503
+ // &:hover {
504
+ // background-color: var(
505
+ // --_sf-at-hr-bd-cr,
506
+ // var(
507
+ // --_ctm-mob-rep-dn-bn-se-hr-se-bd-cr,
508
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-bd-cr, var(--_ctm-rep-dn-bn-se-hr-se-bd-cr))
509
+ // )
510
+ // );
511
+ // border-color: var(
512
+ // --_sf-at-hr-br-cr,
513
+ // var(
514
+ // --_ctm-mob-rep-dn-bn-se-hr-se-br-cr,
515
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-cr, var(--_ctm-rep-dn-bn-se-hr-se-br-cr))
516
+ // )
517
+ // );
518
+ // border-style: var(
519
+ // --_sf-at-hr-br-se,
520
+ // var(
521
+ // --_ctm-mob-rep-dn-bn-se-hr-se-br-se,
522
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-se, var(--_ctm-rep-dn-bn-se-hr-se-br-se))
523
+ // )
524
+ // );
525
+ // border-width: var(
526
+ // --_sf-at-hr-br-wt,
527
+ // var(
528
+ // --_ctm-mob-rep-dn-bn-se-hr-se-br-wh,
529
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-wh, var(--_ctm-rep-dn-bn-se-hr-se-br-wh))
530
+ // )
531
+ // );
532
+ // border-radius: var(
533
+ // --_sf-at-hr-br-br,
534
+ // var(
535
+ // --_ctm-mob-rep-dn-bn-se-hr-se-br-rs,
536
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-rs, var(--_ctm-rep-dn-bn-se-hr-se-br-rs))
537
+ // )
538
+ // );
539
+ // box-shadow: var(
540
+ // --_hover-show-shadow,
541
+ // var(
542
+ // --_sf-at-hr-bx-sw,
543
+ // var(
544
+ // --_show-shadow,
545
+ // var(
546
+ // --_ctm-mob-rep-dn-bn-se-hr-se-sw-ae,
547
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-ae, var(--_ctm-rep-dn-bn-se-hr-se-sw-ae))
548
+ // )
549
+ // var(
550
+ // --_ctm-mob-rep-dn-bn-se-hr-se-sw-br,
551
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-br, var(--_ctm-rep-dn-bn-se-hr-se-sw-br))
552
+ // )
553
+ // var(
554
+ // --_ctm-mob-rep-dn-bn-se-hr-se-sw-sd,
555
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-sd, var(--_ctm-rep-dn-bn-se-hr-se-sw-sd))
556
+ // )
557
+ // var(
558
+ // --_ctm-mob-rep-dn-bn-se-hr-se-sw-cr,
559
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-cr, var(--_ctm-rep-dn-bn-se-hr-se-sw-cr))
560
+ // )
561
+ // )
562
+ // )
563
+ // );
564
+
565
+ // .btn__container {
566
+ // gap: var(
567
+ // --_ctm-mob-rep-dn-bn-se-hr-se-gp,
568
+ // var(
569
+ // --_ctm-tab-rep-dn-bn-se-hr-se-gp,
570
+ // var(--_ctm-rep-dn-bn-se-hr-se-gp)
571
+ // )
572
+ // );
573
+ // justify-content: var(
574
+ // --_ctm-mob-rep-dn-bn-se-hr-se-at,
575
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
576
+ // );
577
+
578
+ // &[data-actions-icon-position-hover="left"],
579
+ // &[data-actions-icon-position-hover="center"] {
580
+ // flex-direction: row;
581
+ // }
582
+ // &[data-actions-icon-position-hover="right"] {
583
+ // flex-direction: row-reverse;
584
+ // }
585
+ // span {
586
+ // svg {
587
+ // width: var(
588
+ // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
589
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
590
+ // );
591
+ // height: var(
592
+ // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
593
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
594
+ // );
595
+
596
+ // path {
597
+ // stroke: var(
598
+ // --_ctm-mob-rep-dn-bn-se-hr-se-in-c1,
599
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-c1, var(--_ctm-rep-dn-bn-se-hr-se-in-c1))
600
+ // );
601
+ // }
602
+ // }
603
+ // }
604
+ // .btn__with__text {
605
+ // border: none;
606
+ // background-color: transparent;
607
+ // color: var(
608
+ // --_ctm-mob-rep-dn-bn-se-hr-se-cr,
609
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
610
+ // );
611
+ // font-family: var(
612
+ // --_ctm-mob-rep-dn-bn-se-hr-se-ft-fy,
613
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
614
+ // ),
615
+ // font-size: var(
616
+ // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se,
617
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
618
+ // );
619
+ // font-weight: var(
620
+ // --_ctm-mob-rep-dn-bn-se-hr-se-ft-wt,
621
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-wt, var(--_ctm-rep-dn-bn-se-hr-se-ft-wt))
622
+ // );
623
+ // font-style: var(
624
+ // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se-ic,
625
+ // var(
626
+ // --_ctm-tab-rep-dn-bn-se-hr-se-ft-se-ic,
627
+ // var(--_ctm-rep-dn-bn-se-hr-se-ft-se-ic)
628
+ // )
629
+ // );
630
+ // text-align: var(
631
+ // --_ctm-mob-rep-dn-bn-se-hr-se-tt-an,
632
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-tt-an, var(--_ctm-rep-dn-bn-se-hr-se-tt-an))
633
+ // );
634
+ // letter-spacing: var(
635
+ // --_ctm-mob-rep-dn-bn-se-hr-se-lr-sg,
636
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-lr-sg, var(--_ctm-rep-dn-bn-se-hr-se-lr-sg))
637
+ // );
638
+ // line-height: var(
639
+ // --_ctm-mob-rep-dn-bn-se-hr-se-le-ht,
640
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-le-ht, var(--_ctm-rep-dn-bn-se-hr-se-le-ht))
641
+ // );
642
+ // text-decoration: var(
643
+ // --_ctm-mob-rep-dn-bn-se-hr-se-ue,
644
+ // var(--_ctm-tab-rep-dn-bn-se-hr-se-ue, var(--_ctm-rep-dn-bn-se-hr-se-ue))
645
+ // );
646
+ // }
647
+ // }
648
+ // }
649
+ // }
650
+ // }
651
+ // }
652
+
653
+ .repeater__button__container {
654
+ display: flex;
655
+
656
+ &[data-button-alignment-default-state="flex-start"] {
657
+ justify-content: flex-start;
658
+ }
659
+
660
+ &[data-button-alignment-default-state="center"] {
661
+ justify-content: center;
662
+ }
663
+
664
+ &[data-button-alignment-default-state="flex-end"] {
665
+ justify-content: flex-end;
666
+ }
667
+
668
+ &[data-button-alignment-hover-state="flex-start"]:hover {
669
+ justify-content: flex-start;
670
+ }
671
+ &[data-button-alignment-hover-state="center"]:hover {
672
+ justify-content: center;
673
+ }
674
+ &[data-button-alignment-hover-state="flex-end"]:hover {
675
+ justify-content: flex-end;
676
+ }
677
+ }
678
+
679
+ .btn__with__text[data-btn-name="loadmoreButton"] {
680
+ justify-content: center;
681
+ &[data-show-shadow="false"] {
682
+ --_show-shadow: none;
683
+ }
684
+ &[data-icon-position="left"] {
685
+ --_sf-fd-bn: row;
686
+ }
687
+ &[data-icon-position="right"] {
688
+ --_sf-fd-bn: row-reverse;
689
+ }
690
+ &[data-icon-position="center"] {
691
+ --_sf-fd-bn: row;
692
+ }
693
+ // &:has(p) {
694
+ // width: auto;
695
+ // }
696
+
697
+ &:hover {
698
+ --_sf-hr-bd-cr: var(
699
+ --_ctm-rep-mob-dn-bn-se-hr-se-bd-cr,
700
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-bd-cr, var(--_ctm-rep-dn-bn-se-hr-se-bd-cr))
701
+ );
702
+ --_sf-hr-br-cr: var(
703
+ --_ctm-rep-mob-dn-bn-se-hr-se-br-cr,
704
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-br-cr, var(--_ctm-rep-dn-bn-se-hr-se-br-cr))
705
+ );
706
+ --_sf-hr-br-se: var(
707
+ --_ctm-rep-mob-dn-bn-se-hr-se-br-se,
708
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-br-se, var(--_ctm-rep-dn-bn-se-hr-se-br-se))
709
+ );
710
+ --_sf-hr-br-wh: var(
711
+ --_ctm-rep-mob-dn-bn-se-hr-se-br-wh,
712
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-br-wh, var(--_ctm-rep-dn-bn-se-hr-se-br-wh))
713
+ );
714
+ --_sf-hr-br-rs: var(
715
+ --_ctm-rep-mob-dn-bn-se-hr-se-br-rs,
716
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-br-rs, var(--_ctm-rep-dn-bn-se-hr-se-br-rs))
717
+ );
718
+ --_sf-hr-at: var(
719
+ --_ctm-rep-mob-dn-bn-se-hr-se-at,
720
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
721
+ );
722
+ --_sf-hr-gp: var(
723
+ --_ctm-rep-mob-dn-bn-se-hr-se-gp,
724
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-gp, var(--_ctm-rep-dn-bn-se-hr-se-gp))
725
+ );
726
+
727
+ // for shadow
728
+ --_sf-hr-sw-ae: var(
729
+ --_ctm-rep-mob-dn-bn-se-hr-se-sw-ae,
730
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-ae, var(--_ctm-rep-dn-bn-se-hr-se-sw-ae))
731
+ );
732
+ --_sf-hr-sw-br: var(
733
+ --_ctm-rep-mob-dn-bn-se-hr-se-sw-br,
734
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-br, var(--_ctm-rep-dn-bn-se-hr-se-sw-br))
735
+ );
736
+ --_sf-hr-sw-hr: var(
737
+ --_ctm-rep-mob-dn-bn-se-hr-se-sw-hr,
738
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-hr, var(--_ctm-rep-dn-bn-se-hr-se-sw-hr))
739
+ );
740
+ --_sf-hr-sw-cr: var(
741
+ --_ctm-rep-mob-dn-bn-se-hr-se-sw-cr,
742
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-sw-cr, var(--_ctm-rep-dn-bn-se-hr-se-sw-cr))
743
+ );
744
+
745
+ // for font
746
+
747
+ --_sf-hr-cr: var(
748
+ --_ctm-rep-mob-dn-bn-se-hr-se-cr,
749
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
750
+ );
751
+ --_sf-hr-ft-fy: var(
752
+ --_ctm-rep-mob-dn-bn-se-hr-se-ft-fy,
753
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
754
+ );
755
+ --_sf-hr-ft-se: var(
756
+ --_ctm-rep-mob-dn-bn-se-hr-se-ft-se,
757
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
758
+ );
759
+ --_sf-hr-ft-wt: var(
760
+ --_ctm-rep-mob-dn-bn-se-hr-se-ft-wt,
761
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-wt, var(--_ctm-rep-dn-bn-se-hr-se-ft-wt))
762
+ );
763
+ --_sf-hr-ft-se-ic: var(
764
+ --_ctm-rep-mob-dn-bn-se-hr-se-ft-se-ic,
765
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-se-ic, var(--_ctm-rep-dn-bn-se-hr-se-ft-se-ic))
766
+ );
767
+ --_sf-hr-tt-an: var(
768
+ --_ctm-rep-mob-dn-bn-se-hr-se-tt-an,
769
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-tt-an, var(--_ctm-rep-dn-bn-se-hr-se-tt-an))
770
+ );
771
+ --_sf-hr-lr-sg: var(
772
+ --_ctm-rep-mob-dn-bn-se-hr-se-lr-sg,
773
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-lr-sg, var(--_ctm-rep-dn-bn-se-hr-se-lr-sg))
774
+ );
775
+ --_sf-hr-le-ht: var(
776
+ --_ctm-rep-mob-dn-bn-se-hr-se-le-ht,
777
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-le-ht, var(--_ctm-rep-dn-bn-se-hr-se-le-ht))
778
+ );
779
+
780
+ --_sf-hr-in-se: var(
781
+ --_ctm-rep-mob-dn-bn-se-hr-se-in-se,
782
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
783
+ );
784
+ --_sf-hr-in-se: var(
785
+ --_ctm-rep-mob-dn-bn-se-hr-se-in-se,
786
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
787
+ );
788
+ --_sf-hr-in-c1: var(
789
+ --_ctm-rep-mob-dn-bn-se-hr-se-in-c1,
790
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-in-c1, var(--_ctm-rep-dn-bn-se-hr-se-in-c1))
791
+ );
792
+ --_sf-hr-ue: var(
793
+ --_ctm-rep-mob-dn-bn-se-hr-se-ue,
794
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-ue, var(--_ctm-rep-dn-bn-se-hr-se-ue))
795
+ );
796
+
797
+ // for pading and width
798
+ --_sf-hr-pg: var(
799
+ --_ctm-rep-mob-dn-bn-se-hr-pg,
800
+ var(--_ctm-rep-tab-dn-bn-se-hr-pg, var(--_ctm-rep-dn-bn-se-hr-pg))
801
+ );
802
+ --_sf-hr-wh: var(
803
+ --_ctm-rep-mob-dn-bn-se-hr-wh,
804
+ var(--_ctm-rep-tab-dn-bn-se-hr-wh, var(--_ctm-rep-dn-bn-se-hr-wh))
805
+ );
806
+
807
+ &[data-hover-show-shadow="false"] {
808
+ --_hover-show-shadow: none;
809
+ }
810
+ &[data-hover-show-icon="false"] {
811
+ --_hover-show-icon: none;
812
+ }
813
+ }
814
+ background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-bd-cr));
815
+
816
+ padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-pg));
817
+ width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-wh));
818
+ display: flex;
819
+ flex-direction: var(--_sf-fd-bn);
820
+ align-items: center;
821
+
822
+ justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-at));
823
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-gp));
824
+
825
+ border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-rs));
826
+
827
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-ae))
828
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-br))
829
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-sd))
830
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-sw-cr));
831
+
832
+ &[data-show-border="true"] {
833
+ border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-cr));
834
+
835
+ border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-se));
836
+
837
+ border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-wh));
838
+ }
839
+
840
+ .txt {
841
+ display: flex;
842
+
843
+ color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-cr));
844
+
845
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-fy));
846
+
847
+ font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-se));
848
+
849
+ font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-wt));
850
+
851
+ font-style: var(
852
+ --_sf-hr-ft-se-ic,
853
+ prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-se-ic)
854
+ );
855
+
856
+ text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-tt-an));
857
+
858
+ letter-spacing: var(--_sf-hr-lr-sg, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-lr-sg));
859
+
860
+ line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-le-ht));
861
+
862
+ text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-rep-dn-dt-ue));
863
+ }
864
+
865
+ .icon {
866
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
867
+ svg {
868
+ width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-se));
869
+ height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-se));
870
+
871
+ path {
872
+ stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-c1));
873
+ }
874
+ }
875
+ }
876
+ [data-element-style="Text"] {
877
+ display: inline-block;
878
+ width: 100%;
879
+ }
880
+
881
+ .icon--hover {
882
+ // position: absolute;
883
+ // inset: 0;
884
+ // opacity: 0;
885
+ display: none;
886
+ transition: opacity 0.2s ease;
887
+ }
888
+
889
+ &:hover .icon--hover {
890
+ // opacity: 1;
891
+ display: flex;
892
+ }
893
+
894
+ &:hover .icon--default {
895
+ // opacity: 0;
896
+ display: none;
897
+ }
898
+ }
899
+
900
+ // &[data-view-state="full"] {
901
+ // width: auto;
902
+ // margin: 0;
903
+ // justify-self: stretch !important;
904
+ // align-self: stretch !important;
905
+ // cursor: auto;
906
+
907
+ // & > div {
908
+ // &[data-div-type="wrapper__layer"] {
909
+ // --_sf-vt-zz: visible;
910
+ // --_sf-op-zz: 1;
911
+ // }
912
+ // }
913
+ // }
914
+ }
915
+ }