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

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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  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 +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  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 +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
@@ -22,12 +22,14 @@
22
22
  width: max-content !important;
23
23
  }
24
24
  }
25
+
25
26
  .text-element {
26
27
  background: #6d96e4;
27
28
  padding: 10px;
28
29
  font-weight: 600;
29
30
  color: rgba(75, 69, 70, 1);
30
31
  }
32
+
31
33
  .sizechart__buttons__wrapper {
32
34
  width: 100%;
33
35
  height: 100%;
@@ -56,135 +58,88 @@
56
58
  &[data-show-shadow="false"] {
57
59
  --_show-shadow: none;
58
60
  }
61
+
59
62
  &[data-icon-position="left"] {
60
63
  --_sf-fd-bn: row;
61
64
  }
65
+
62
66
  &[data-icon-position="right"] {
63
67
  --_sf-fd-bn: row-reverse;
64
68
  }
69
+
65
70
  &[data-icon-position="center"] {
66
71
  --_sf-fd-bn: row;
67
72
  }
68
73
 
69
74
  &:hover {
70
- --_sf-hr-bd-cr: var(
71
- --_ctm-mob-dn-se-ct-hr-se-bd-cr,
72
- var(--_ctm-tab-dn-se-ct-hr-se-bd-cr, var(--_ctm-dn-se-ct-hr-se-bd-cr))
73
- );
74
- --_sf-hr-br-cr: var(
75
- --_ctm-mob-dn-se-ct-hr-se-br-cr,
76
- var(--_ctm-tab-dn-se-ct-hr-se-br-cr, var(--_ctm-dn-se-ct-hr-se-br-cr))
77
- );
78
- --_sf-hr-br-se: var(
79
- --_ctm-mob-dn-se-ct-hr-se-br-se,
80
- var(--_ctm-tab-dn-se-ct-hr-se-br-se, var(--_ctm-dn-se-ct-hr-se-br-se))
81
- );
82
- --_sf-hr-br-wh: var(
83
- --_ctm-mob-dn-se-ct-hr-se-br-wh,
84
- var(--_ctm-tab-dn-se-ct-hr-se-br-wh, var(--_ctm-dn-se-ct-hr-se-br-wh))
85
- );
86
- --_sf-hr-br-rs: var(
87
- --_ctm-mob-dn-se-ct-hr-se-br-rs,
88
- var(--_ctm-tab-dn-se-ct-hr-se-br-rs, var(--_ctm-dn-se-ct-hr-se-br-rs))
89
- );
90
- --_sf-hr-at: var(
91
- --_ctm-mob-dn-se-ct-hr-se-at,
92
- var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at))
93
- );
94
- --_sf-hr-gp: var(
95
- --_ctm-mob-dn-se-ct-hr-se-gp,
96
- var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp))
97
- );
75
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-se-ct-hr-se-bd-cr,
76
+ var(--_ctm-tab-dn-se-ct-hr-se-bd-cr, var(--_ctm-dn-se-ct-hr-se-bd-cr)));
77
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-se-ct-hr-se-br-cr,
78
+ var(--_ctm-tab-dn-se-ct-hr-se-br-cr, var(--_ctm-dn-se-ct-hr-se-br-cr)));
79
+ --_sf-hr-br-se: var(--_ctm-mob-dn-se-ct-hr-se-br-se,
80
+ var(--_ctm-tab-dn-se-ct-hr-se-br-se, var(--_ctm-dn-se-ct-hr-se-br-se)));
81
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-se-ct-hr-se-br-wh,
82
+ var(--_ctm-tab-dn-se-ct-hr-se-br-wh, var(--_ctm-dn-se-ct-hr-se-br-wh)));
83
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-se-ct-hr-se-br-rs,
84
+ var(--_ctm-tab-dn-se-ct-hr-se-br-rs, var(--_ctm-dn-se-ct-hr-se-br-rs)));
85
+ --_sf-hr-at: var(--_ctm-mob-dn-se-ct-hr-se-at,
86
+ var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at)));
87
+ --_sf-hr-gp: var(--_ctm-mob-dn-se-ct-hr-se-gp,
88
+ var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp)));
98
89
 
99
90
  // for shadow
100
- --_sf-hr-sw-ae: var(
101
- --_ctm-mob-dn-se-ct-hr-se-sw-ae,
102
- var(--_ctm-tab-dn-se-ct-hr-se-sw-ae, var(--_ctm-dn-se-ct-hr-se-sw-ae))
103
- );
104
- --_sf-hr-sw-br: var(
105
- --_ctm-mob-dn-se-ct-hr-se-sw-br,
106
- var(--_ctm-tab-dn-se-ct-hr-se-sw-br, var(--_ctm-dn-se-ct-hr-se-sw-br))
107
- );
108
- --_sf-hr-sw-hr: var(
109
- --_ctm-mob-dn-se-ct-hr-se-sw-hr,
110
- var(--_ctm-tab-dn-se-ct-hr-se-sw-hr, var(--_ctm-dn-se-ct-hr-se-sw-hr))
111
- );
112
- --_sf-hr-sw-cr: var(
113
- --_ctm-mob-dn-se-ct-hr-se-sw-cr,
114
- var(--_ctm-tab-dn-se-ct-hr-se-sw-cr, var(--_ctm-dn-se-ct-hr-se-sw-cr))
115
- );
91
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-se-ct-hr-se-sw-ae,
92
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-ae, var(--_ctm-dn-se-ct-hr-se-sw-ae)));
93
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-se-ct-hr-se-sw-br,
94
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-br, var(--_ctm-dn-se-ct-hr-se-sw-br)));
95
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-se-ct-hr-se-sw-hr,
96
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-hr, var(--_ctm-dn-se-ct-hr-se-sw-hr)));
97
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-se-ct-hr-se-sw-cr,
98
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-cr, var(--_ctm-dn-se-ct-hr-se-sw-cr)));
116
99
 
117
100
  // for font
118
101
 
119
- --_sf-hr-cr: var(
120
- --_ctm-mob-dn-se-ct-hr-se-cr,
121
- var(--_ctm-tab-dn-se-ct-hr-se-cr, var(--_ctm-dn-se-ct-hr-se-cr))
122
- );
123
- --_sf-hr-ft-fy: var(
124
- --_ctm-mob-dn-se-ct-hr-se-ft-fy,
125
- var(--_ctm-tab-dn-se-ct-hr-se-ft-fy, var(--_ctm-dn-se-ct-hr-se-ft-fy))
126
- );
127
- --_sf-hr-tt-tm: var(
128
- --_ctm-mob-dn-se-ct-hr-se-tt-tm,
129
- var(--_ctm-tab-dn-se-ct-hr-se-tt-tm, var(--_ctm-dn-se-ct-hr-se-tt-tm))
130
- );
131
- --_sf-hr-wd-wp: var(
132
- --_ctm-mob-dn-se-ct-hr-se-wd-wp,
133
- var(--_ctm-tab-dn-se-ct-hr-se-wd-wp, var(--_ctm-dn-se-ct-hr-se-wd-wp))
134
- );
135
- --_sf-hr-wd-bk: var(
136
- --_ctm-mob-dn-se-ct-hr-se-wd-bk,
137
- var(--_ctm-tab-dn-se-ct-hr-se-wd-bk, var(--_ctm-dn-se-ct-hr-se-wd-bk))
138
- );
139
- --_sf-hr-ft-se: var(
140
- --_ctm-mob-dn-se-ct-hr-se-ft-se,
141
- var(--_ctm-tab-dn-se-ct-hr-se-ft-se, var(--_ctm-dn-se-ct-hr-se-ft-se))
142
- );
143
- --_sf-hr-ft-wt: var(
144
- --_ctm-mob-dn-se-ct-hr-se-ft-wt,
145
- var(--_ctm-tab-dn-se-ct-hr-se-ft-wt, var(--_ctm-dn-se-ct-hr-se-ft-wt))
146
- );
147
- --_sf-hr-ft-se-ic: var(
148
- --_ctm-mob-dn-se-ct-hr-se-ft-se-ic,
149
- var(--_ctm-tab-dn-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-se-ct-hr-se-ft-se-ic))
150
- );
151
- --_sf-hr-tt-an: var(
152
- --_ctm-mob-dn-se-ct-hr-se-tt-an,
153
- var(--_ctm-tab-dn-se-ct-hr-se-tt-an, var(--_ctm-dn-se-ct-hr-se-tt-an))
154
- );
155
- --_sf-hr-lr-sg: var(
156
- --_ctm-mob-dn-se-ct-hr-se-lr-sg,
157
- var(--_ctm-tab-dn-se-ct-hr-se-lr-sg, var(--_ctm-dn-se-ct-hr-se-lr-sg))
158
- );
159
- --_sf-hr-le-ht: var(
160
- --_ctm-mob-dn-se-ct-hr-se-le-ht,
161
- var(--_ctm-tab-dn-se-ct-hr-se-le-ht, var(--_ctm-dn-se-ct-hr-se-le-ht))
162
- );
163
-
164
- --_sf-hr-in-se: var(
165
- --_ctm-mob-dn-se-ct-hr-se-in-se,
166
- var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se))
167
- );
168
- --_sf-hr-in-se: var(
169
- --_ctm-mob-dn-se-ct-hr-se-in-se,
170
- var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se))
171
- );
172
- --_sf-hr-in-c1: var(
173
- --_ctm-mob-dn-se-ct-hr-se-in-c1,
174
- var(--_ctm-tab-dn-se-ct-hr-se-in-c1, var(--_ctm-dn-se-ct-hr-se-in-c1))
175
- );
176
- --_sf-hr-ue: var(
177
- --_ctm-mob-dn-se-ct-hr-se-ue,
178
- var(--_ctm-tab-dn-se-ct-hr-se-ue, var(--_ctm-dn-se-ct-hr-se-ue))
179
- );
102
+ --_sf-hr-cr: var(--_ctm-mob-dn-se-ct-hr-se-cr,
103
+ var(--_ctm-tab-dn-se-ct-hr-se-cr, var(--_ctm-dn-se-ct-hr-se-cr)));
104
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-se-ct-hr-se-ft-fy,
105
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-fy, var(--_ctm-dn-se-ct-hr-se-ft-fy)));
106
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-se-ct-hr-se-tt-tm,
107
+ var(--_ctm-tab-dn-se-ct-hr-se-tt-tm, var(--_ctm-dn-se-ct-hr-se-tt-tm)));
108
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-se-ct-hr-se-wd-wp,
109
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-wp, var(--_ctm-dn-se-ct-hr-se-wd-wp)));
110
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-se-ct-hr-se-wd-bk,
111
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-bk, var(--_ctm-dn-se-ct-hr-se-wd-bk)));
112
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-se-ct-hr-se-ft-se,
113
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-se, var(--_ctm-dn-se-ct-hr-se-ft-se)));
114
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-se-ct-hr-se-ft-wt,
115
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-wt, var(--_ctm-dn-se-ct-hr-se-ft-wt)));
116
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-se-ct-hr-se-ft-se-ic,
117
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-se-ct-hr-se-ft-se-ic)));
118
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-se-ct-hr-se-tt-an,
119
+ var(--_ctm-tab-dn-se-ct-hr-se-tt-an, var(--_ctm-dn-se-ct-hr-se-tt-an)));
120
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-se-ct-hr-se-lr-sg,
121
+ var(--_ctm-tab-dn-se-ct-hr-se-lr-sg, var(--_ctm-dn-se-ct-hr-se-lr-sg)));
122
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-se-ct-hr-se-le-ht,
123
+ var(--_ctm-tab-dn-se-ct-hr-se-le-ht, var(--_ctm-dn-se-ct-hr-se-le-ht)));
124
+
125
+ --_sf-hr-in-se: var(--_ctm-mob-dn-se-ct-hr-se-in-se,
126
+ var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se)));
127
+ --_sf-hr-in-se: var(--_ctm-mob-dn-se-ct-hr-se-in-se,
128
+ var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se)));
129
+ --_sf-hr-in-c1: var(--_ctm-mob-dn-se-ct-hr-se-in-c1,
130
+ var(--_ctm-tab-dn-se-ct-hr-se-in-c1, var(--_ctm-dn-se-ct-hr-se-in-c1)));
131
+ --_sf-hr-ue: var(--_ctm-mob-dn-se-ct-hr-se-ue,
132
+ var(--_ctm-tab-dn-se-ct-hr-se-ue, var(--_ctm-dn-se-ct-hr-se-ue)));
180
133
 
181
134
  &[data-hover-show-shadow="false"] {
182
135
  --_hover-show-shadow: none;
183
136
  }
137
+
184
138
  &[data-hover-show-icon="false"] {
185
139
  --_hover-show-icon: none;
186
140
  }
187
141
  }
142
+
188
143
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-bd-cr));
189
144
 
190
145
  // padding: 5px 10px;
@@ -200,10 +155,7 @@
200
155
 
201
156
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-rs));
202
157
 
203
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-ae))
204
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-br))
205
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-sd))
206
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-cr));
158
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-cr));
207
159
 
208
160
  &[data-show-border="true"] {
209
161
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-cr));
@@ -222,6 +174,7 @@
222
174
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-tt-tm));
223
175
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-wp));
224
176
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-bk));
177
+
225
178
  &.flex__overflow {
226
179
  white-space: normal;
227
180
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -244,6 +197,7 @@
244
197
 
245
198
  .icon {
246
199
  display: var(--_hover-show-icon, var(--_show-icon, flex));
200
+
247
201
  svg {
248
202
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
249
203
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
@@ -255,6 +209,7 @@
255
209
  }
256
210
  }
257
211
  }
212
+
258
213
  [data-element-style="Text"] {
259
214
  display: inline-block;
260
215
  width: 100%;
@@ -295,297 +250,164 @@
295
250
 
296
251
  .button_options {
297
252
  position: relative;
253
+
298
254
  .more__button {
299
255
  padding: 0.45rem;
300
256
  min-width: 50px;
301
257
  cursor: pointer;
302
258
  display: flex;
303
259
  align-items: center;
304
- justify-content: var(
305
- --_ctm-mob-dn-me-se-ct-dt-se-at,
306
- var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at))
307
- );
308
- gap: var(
309
- --_ctm-mob-dn-me-se-ct-dt-se-gp,
310
- var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp))
311
- );
312
- background-color: var(
313
- --_sf-at-hr-bd-cr,
314
- var(
315
- --_ctm-mob-dn-me-se-ct-dt-se-bd-cr,
316
- var(--_ctm-tab-dn-me-se-ct-dt-se-bd-cr, var(--_ctm-dn-me-se-ct-dt-se-bd-cr))
317
- )
318
- );
319
- border-color: var(
320
- --_sf-at-hr-br-cr,
321
- var(
322
- --_ctm-mob-dn-me-se-ct-dt-se-br-cr,
323
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-cr, var(--_ctm-dn-me-se-ct-dt-se-br-cr))
324
- )
325
- );
326
- border-style: var(
327
- --_sf-at-hr-br-se,
328
- var(
329
- --_ctm-mob-dn-me-se-ct-dt-se-br-se,
330
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-se, var(--_ctm-dn-me-se-ct-dt-se-br-se))
331
- )
332
- );
333
- border-width: var(
334
- --_sf-at-hr-br-wt,
335
- var(
336
- --_ctm-mob-dn-me-se-ct-dt-se-br-wh,
337
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-wh, var(--_ctm-dn-me-se-ct-dt-se-br-wh))
338
- )
339
- );
340
- border-radius: var(
341
- --_sf-at-hr-br-br,
342
- var(
343
- --_ctm-mob-dn-me-se-ct-dt-se-br-rs,
344
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-rs, var(--_ctm-dn-me-se-ct-dt-se-br-rs))
345
- )
346
- );
347
- box-shadow: var(
348
- --_hover-show-shadow,
349
- var(
350
- --_sf-at-hr-bx-sw,
351
- var(
352
- --_show-shadow,
353
- var(
354
- --_ctm-mob-dn-me-se-ct-dt-se-sw-ae,
355
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-ae, var(--_ctm-dn-me-se-ct-dt-se-sw-ae))
356
- )
357
- var(
358
- --_ctm-mob-dn-me-se-ct-dt-se-sw-br,
359
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-br, var(--_ctm-dn-me-se-ct-dt-se-sw-br))
360
- )
361
- var(
362
- --_ctm-mob-dn-me-se-ct-dt-se-sw-sd,
363
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-sd, var(--_ctm-dn-me-se-ct-dt-se-sw-sd))
364
- )
365
- var(
366
- --_ctm-mob-dn-me-se-ct-dt-se-sw-cr,
367
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-cr, var(--_ctm-dn-me-se-ct-dt-se-sw-cr))
368
- )
369
- )
370
- )
371
- );
260
+ justify-content: var(--_ctm-mob-dn-me-se-ct-dt-se-at,
261
+ var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at)));
262
+ gap: var(--_ctm-mob-dn-me-se-ct-dt-se-gp,
263
+ var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp)));
264
+ background-color: var(--_sf-at-hr-bd-cr,
265
+ var(--_ctm-mob-dn-me-se-ct-dt-se-bd-cr,
266
+ var(--_ctm-tab-dn-me-se-ct-dt-se-bd-cr, var(--_ctm-dn-me-se-ct-dt-se-bd-cr))));
267
+ border-color: var(--_sf-at-hr-br-cr,
268
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-cr,
269
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-cr, var(--_ctm-dn-me-se-ct-dt-se-br-cr))));
270
+ border-style: var(--_sf-at-hr-br-se,
271
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-se,
272
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-se, var(--_ctm-dn-me-se-ct-dt-se-br-se))));
273
+ border-width: var(--_sf-at-hr-br-wt,
274
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-wh,
275
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-wh, var(--_ctm-dn-me-se-ct-dt-se-br-wh))));
276
+ border-radius: var(--_sf-at-hr-br-br,
277
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-rs,
278
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-rs, var(--_ctm-dn-me-se-ct-dt-se-br-rs))));
279
+ box-shadow: var(--_hover-show-shadow,
280
+ var(--_sf-at-hr-bx-sw,
281
+ var(--_show-shadow,
282
+ var(--_ctm-mob-dn-me-se-ct-dt-se-sw-ae,
283
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-ae, var(--_ctm-dn-me-se-ct-dt-se-sw-ae))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-br,
284
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-br, var(--_ctm-dn-me-se-ct-dt-se-sw-br))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-sd,
285
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-sd, var(--_ctm-dn-me-se-ct-dt-se-sw-sd))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-cr,
286
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-cr, var(--_ctm-dn-me-se-ct-dt-se-sw-cr))))));
287
+
372
288
  .btn__with__text {
373
289
  border: none;
374
290
  background-color: transparent;
375
- color: var(
376
- --_ctm-mob-dn-me-se-ct-dt-se-cr,
377
- var(--_ctm-tab-dn-me-se-ct-dt-se-cr, var(--_ctm-dn-me-se-ct-dt-se-cr))
378
- );
379
- font-family: var(
380
- --_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
381
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy))
382
- );
383
- text-transform: var(
384
- --_ctm-mob-dn-me-se-ct-dt-se-tt-tm,
385
- var(--_ctm-tab-dn-me-se-ct-dt-se-tt-tm, var(--_ctm-dn-me-se-ct-dt-se-tt-tm))
386
- );
387
- word-wrap: var(
388
- --_ctm-mob-dn-me-se-ct-dt-se-wd-wp,
389
- var(--_ctm-tab-dn-me-se-ct-dt-se-wd-wp, var(--_ctm-dn-me-se-ct-dt-se-wd-wp))
390
- );
391
- word-break: var(
392
- --_ctm-mob-dn-me-se-ct-dt-se-wd-bk,
393
- var(--_ctm-tab-dn-me-se-ct-dt-se-wd-bk, var(--_ctm-dn-me-se-ct-dt-se-wd-bk))
394
- );
395
- font-size: var(
396
- --_ctm-mob-dn-me-se-ct-dt-se-ft-se,
397
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se, var(--_ctm-dn-me-se-ct-dt-se-ft-se))
398
- );
399
- font-weight: var(
400
- --_ctm-mob-dn-me-se-ct-dt-se-ft-wt,
401
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-wt, var(--_ctm-dn-me-se-ct-dt-se-ft-wt))
402
- );
403
- font-style: var(
404
- --_ctm-mob-dn-me-se-ct-dt-se-ft-se-ic,
405
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se-ic, var(--_ctm-dn-me-se-ct-dt-se-ft-se-ic))
406
- );
407
- text-align: var(
408
- --_ctm-mob-dn-me-se-ct-dt-se-tt-an,
409
- var(--_ctm-tab-dn-me-se-ct-dt-se-tt-an, var(--_ctm-dn-me-se-ct-dt-se-tt-an))
410
- );
411
- letter-spacing: var(
412
- --_ctm-mob-dn-me-se-ct-dt-se-lr-sg,
413
- var(--_ctm-tab-dn-me-se-ct-dt-se-lr-sg, var(--_ctm-dn-me-se-ct-dt-se-lr-sg))
414
- );
415
- line-height: var(
416
- --_ctm-mob-dn-me-se-ct-dt-se-le-ht,
417
- var(--_ctm-tab-dn-me-se-ct-dt-se-le-ht, var(--_ctm-dn-me-se-ct-dt-se-le-ht))
418
- );
419
- text-decoration: var(
420
- --_ctm-mob-dn-me-se-ct-dt-se-ue,
421
- var(--_ctm-tab-dn-me-se-ct-dt-se-ue, var(--_ctm-dn-me-se-ct-dt-se-ue))
422
- );
291
+ color: var(--_ctm-mob-dn-me-se-ct-dt-se-cr,
292
+ var(--_ctm-tab-dn-me-se-ct-dt-se-cr, var(--_ctm-dn-me-se-ct-dt-se-cr)));
293
+ font-family: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
294
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy)));
295
+ text-transform: var(--_ctm-mob-dn-me-se-ct-dt-se-tt-tm,
296
+ var(--_ctm-tab-dn-me-se-ct-dt-se-tt-tm, var(--_ctm-dn-me-se-ct-dt-se-tt-tm)));
297
+ word-wrap: var(--_ctm-mob-dn-me-se-ct-dt-se-wd-wp,
298
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-wp, var(--_ctm-dn-me-se-ct-dt-se-wd-wp)));
299
+ word-break: var(--_ctm-mob-dn-me-se-ct-dt-se-wd-bk,
300
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-bk, var(--_ctm-dn-me-se-ct-dt-se-wd-bk)));
301
+ font-size: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-se,
302
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se, var(--_ctm-dn-me-se-ct-dt-se-ft-se)));
303
+ font-weight: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-wt,
304
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-wt, var(--_ctm-dn-me-se-ct-dt-se-ft-wt)));
305
+ font-style: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-se-ic,
306
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se-ic, var(--_ctm-dn-me-se-ct-dt-se-ft-se-ic)));
307
+ text-align: var(--_ctm-mob-dn-me-se-ct-dt-se-tt-an,
308
+ var(--_ctm-tab-dn-me-se-ct-dt-se-tt-an, var(--_ctm-dn-me-se-ct-dt-se-tt-an)));
309
+ letter-spacing: var(--_ctm-mob-dn-me-se-ct-dt-se-lr-sg,
310
+ var(--_ctm-tab-dn-me-se-ct-dt-se-lr-sg, var(--_ctm-dn-me-se-ct-dt-se-lr-sg)));
311
+ line-height: var(--_ctm-mob-dn-me-se-ct-dt-se-le-ht,
312
+ var(--_ctm-tab-dn-me-se-ct-dt-se-le-ht, var(--_ctm-dn-me-se-ct-dt-se-le-ht)));
313
+ text-decoration: var(--_ctm-mob-dn-me-se-ct-dt-se-ue,
314
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ue, var(--_ctm-dn-me-se-ct-dt-se-ue)));
423
315
  }
316
+
424
317
  span {
425
318
  svg {
426
- width: var(
427
- --_ctm-mob-dn-me-se-ct-dt-se-in-se,
428
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se))
429
- );
430
- height: var(
431
- --_ctm-mob-dn-me-se-ct-dt-se-in-se,
432
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se))
433
- );
319
+ width: var(--_ctm-mob-dn-me-se-ct-dt-se-in-se,
320
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se)));
321
+ height: var(--_ctm-mob-dn-me-se-ct-dt-se-in-se,
322
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se)));
323
+
434
324
  path {
435
- stroke: var(
436
- --_ctm-mob-dn-me-se-ct-dt-se-in-c1,
437
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-c1, var(--_ctm-dn-me-se-ct-dt-se-in-c1))
438
- );
325
+ stroke: var(--_ctm-mob-dn-me-se-ct-dt-se-in-c1,
326
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-c1, var(--_ctm-dn-me-se-ct-dt-se-in-c1)));
439
327
  // Overrides the stroke-width presentation attribute baked into the icon markup.
440
328
  stroke-width: prepareMediaVariable(--_ctm-dn-me-se-ct-dt-se-se-wh, 1.25);
441
329
  }
442
330
  }
443
331
  }
332
+
444
333
  &:hover {
445
- justify-content: var(
446
- --_ctm-mob-dn-me-se-ct-hr-se-at,
447
- var(--_ctm-tab-dn-me-se-ct-hr-se-at, var(--_ctm-dn-me-se-ct-hr-se-at))
448
- );
449
-
450
- background-color: var(
451
- --_sf-at-hr-bd-cr,
452
- var(
453
- --_ctm-mob-dn-me-se-ct-hr-se-bd-cr,
454
- var(--_ctm-tab-dn-me-se-ct-hr-se-bd-cr, var(--_ctm-dn-me-se-ct-hr-se-bd-cr))
455
- )
456
- );
457
-
458
- border-color: var(
459
- --_sf-at-hr-br-cr,
460
- var(
461
- --_ctm-mob-dn-me-se-ct-hr-se-br-cr,
462
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-cr, var(--_ctm-dn-me-se-ct-hr-se-br-cr))
463
- )
464
- );
465
-
466
- border-style: var(
467
- --_sf-at-hr-br-se,
468
- var(
469
- --_ctm-mob-dn-me-se-ct-hr-se-br-se,
470
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-se, var(--_ctm-dn-me-se-ct-hr-se-br-se))
471
- )
472
- );
473
-
474
- border-width: var(
475
- --_sf-at-hr-br-wt,
476
- var(
477
- --_ctm-mob-dn-me-se-ct-hr-se-br-wh,
478
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-wh, var(--_ctm-dn-me-se-ct-hr-se-br-wh))
479
- )
480
- );
481
-
482
- border-radius: var(
483
- --_sf-at-hr-br-br,
484
- var(
485
- --_ctm-mob-dn-me-se-ct-hr-se-br-rs,
486
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-rs, var(--_ctm-dn-me-se-ct-hr-se-br-rs))
487
- )
488
- );
489
-
490
- box-shadow: var(
491
- --_hover-show-shadow,
492
- var(
493
- --_sf-at-hr-bx-sw,
494
- var(
495
- --_show-shadow,
496
- var(
497
- --_ctm-mob-dn-me-se-ct-hr-se-sw-ae,
498
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-ae, var(--_ctm-dn-me-se-ct-hr-se-sw-ae))
499
- )
500
- var(
501
- --_ctm-mob-dn-me-se-ct-hr-se-sw-br,
502
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-br, var(--_ctm-dn-me-se-ct-hr-se-sw-br))
503
- )
504
- var(
505
- --_ctm-mob-dn-me-se-ct-hr-se-sw-sd,
506
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-sd, var(--_ctm-dn-me-se-ct-hr-se-sw-sd))
507
- )
508
- var(
509
- --_ctm-mob-dn-me-se-ct-hr-se-sw-cr,
510
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-cr, var(--_ctm-dn-me-se-ct-hr-se-sw-cr))
511
- )
512
- )
513
- )
514
- );
334
+ justify-content: var(--_ctm-mob-dn-me-se-ct-hr-se-at,
335
+ var(--_ctm-tab-dn-me-se-ct-hr-se-at, var(--_ctm-dn-me-se-ct-hr-se-at)));
336
+
337
+ background-color: var(--_sf-at-hr-bd-cr,
338
+ var(--_ctm-mob-dn-me-se-ct-hr-se-bd-cr,
339
+ var(--_ctm-tab-dn-me-se-ct-hr-se-bd-cr, var(--_ctm-dn-me-se-ct-hr-se-bd-cr))));
340
+
341
+ border-color: var(--_sf-at-hr-br-cr,
342
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-cr,
343
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-cr, var(--_ctm-dn-me-se-ct-hr-se-br-cr))));
344
+
345
+ border-style: var(--_sf-at-hr-br-se,
346
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-se,
347
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-se, var(--_ctm-dn-me-se-ct-hr-se-br-se))));
348
+
349
+ border-width: var(--_sf-at-hr-br-wt,
350
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-wh,
351
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-wh, var(--_ctm-dn-me-se-ct-hr-se-br-wh))));
352
+
353
+ border-radius: var(--_sf-at-hr-br-br,
354
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-rs,
355
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-rs, var(--_ctm-dn-me-se-ct-hr-se-br-rs))));
356
+
357
+ box-shadow: var(--_hover-show-shadow,
358
+ var(--_sf-at-hr-bx-sw,
359
+ var(--_show-shadow,
360
+ var(--_ctm-mob-dn-me-se-ct-hr-se-sw-ae,
361
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-ae, var(--_ctm-dn-me-se-ct-hr-se-sw-ae))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-br,
362
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-br, var(--_ctm-dn-me-se-ct-hr-se-sw-br))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-sd,
363
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-sd, var(--_ctm-dn-me-se-ct-hr-se-sw-sd))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-cr,
364
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-cr, var(--_ctm-dn-me-se-ct-hr-se-sw-cr))))));
515
365
 
516
366
  .btn__with__text {
517
367
  border: none;
518
368
  background-color: transparent;
519
- color: var(
520
- --_ctm-mob-dn-me-se-ct-hr-se-cr,
521
- var(--_ctm-tab-dn-me-se-ct-hr-se-cr, var(--_ctm-dn-me-se-ct-hr-se-cr))
522
- );
523
- font-family: var(
524
- --_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
525
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy))
526
- );
527
- text-transform: var(
528
- --_ctm-mob-dn-me-se-ct-hr-se-tt-tm,
529
- var(--_ctm-tab-dn-me-se-ct-hr-se-tt-tm, var(--_ctm-dn-me-se-ct-hr-se-tt-tm))
530
- );
531
- word-wrap: var(
532
- --_ctm-mob-dn-me-se-ct-hr-se-wd-wp,
533
- var(--_ctm-tab-dn-me-se-ct-hr-se-wd-wp, var(--_ctm-dn-me-se-ct-hr-se-wd-wp))
534
- );
535
- word-break: var(
536
- --_ctm-mob-dn-me-se-ct-hr-se-wd-bk,
537
- var(--_ctm-tab-dn-me-se-ct-hr-se-wd-bk, var(--_ctm-dn-me-se-ct-hr-se-wd-bk))
538
- );
539
- font-size: var(
540
- --_ctm-mob-dn-me-se-ct-hr-se-ft-se,
541
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se, var(--_ctm-dn-me-se-ct-hr-se-ft-se))
542
- );
543
- font-weight: var(
544
- --_ctm-mob-dn-me-se-ct-hr-se-ft-wt,
545
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-wt, var(--_ctm-dn-me-se-ct-hr-se-ft-wt))
546
- );
547
- font-style: var(
548
- --_ctm-mob-dn-me-se-ct-hr-se-ft-se-ic,
549
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-me-se-ct-hr-se-ft-se-ic))
550
- );
551
- text-align: var(
552
- --_ctm-mob-dn-me-se-ct-hr-se-tt-an,
553
- var(--_ctm-tab-dn-me-se-ct-hr-se-tt-an, var(--_ctm-dn-me-se-ct-hr-se-tt-an))
554
- );
555
- letter-spacing: var(
556
- --_ctm-mob-dn-me-se-ct-hr-se-lr-sg,
557
- var(--_ctm-tab-dn-me-se-ct-hr-se-lr-sg, var(--_ctm-dn-me-se-ct-hr-se-lr-sg))
558
- );
559
- line-height: var(
560
- --_ctm-mob-dn-me-se-ct-hr-se-le-ht,
561
- var(--_ctm-tab-dn-me-se-ct-hr-se-le-ht, var(--_ctm-dn-me-se-ct-hr-se-le-ht))
562
- );
563
- text-decoration: var(
564
- --_ctm-mob-dn-me-se-ct-hr-se-ue,
565
- var(--_ctm-tab-dn-me-se-ct-hr-se-ue, var(--_ctm-dn-me-se-ct-hr-se-ue))
566
- );
369
+ color: var(--_ctm-mob-dn-me-se-ct-hr-se-cr,
370
+ var(--_ctm-tab-dn-me-se-ct-hr-se-cr, var(--_ctm-dn-me-se-ct-hr-se-cr)));
371
+ font-family: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
372
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy)));
373
+ text-transform: var(--_ctm-mob-dn-me-se-ct-hr-se-tt-tm,
374
+ var(--_ctm-tab-dn-me-se-ct-hr-se-tt-tm, var(--_ctm-dn-me-se-ct-hr-se-tt-tm)));
375
+ word-wrap: var(--_ctm-mob-dn-me-se-ct-hr-se-wd-wp,
376
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-wp, var(--_ctm-dn-me-se-ct-hr-se-wd-wp)));
377
+ word-break: var(--_ctm-mob-dn-me-se-ct-hr-se-wd-bk,
378
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-bk, var(--_ctm-dn-me-se-ct-hr-se-wd-bk)));
379
+ font-size: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-se,
380
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se, var(--_ctm-dn-me-se-ct-hr-se-ft-se)));
381
+ font-weight: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-wt,
382
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-wt, var(--_ctm-dn-me-se-ct-hr-se-ft-wt)));
383
+ font-style: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-se-ic,
384
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-me-se-ct-hr-se-ft-se-ic)));
385
+ text-align: var(--_ctm-mob-dn-me-se-ct-hr-se-tt-an,
386
+ var(--_ctm-tab-dn-me-se-ct-hr-se-tt-an, var(--_ctm-dn-me-se-ct-hr-se-tt-an)));
387
+ letter-spacing: var(--_ctm-mob-dn-me-se-ct-hr-se-lr-sg,
388
+ var(--_ctm-tab-dn-me-se-ct-hr-se-lr-sg, var(--_ctm-dn-me-se-ct-hr-se-lr-sg)));
389
+ line-height: var(--_ctm-mob-dn-me-se-ct-hr-se-le-ht,
390
+ var(--_ctm-tab-dn-me-se-ct-hr-se-le-ht, var(--_ctm-dn-me-se-ct-hr-se-le-ht)));
391
+ text-decoration: var(--_ctm-mob-dn-me-se-ct-hr-se-ue,
392
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ue, var(--_ctm-dn-me-se-ct-hr-se-ue)));
567
393
  }
568
394
 
569
395
  span {
570
396
  svg {
571
- width: var(
572
- --_ctm-mob-dn-me-se-ct-hr-se-in-se,
573
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se))
574
- );
575
- height: var(
576
- --_ctm-mob-dn-me-se-ct-hr-se-in-se,
577
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se))
578
- );
397
+ width: var(--_ctm-mob-dn-me-se-ct-hr-se-in-se,
398
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se)));
399
+ height: var(--_ctm-mob-dn-me-se-ct-hr-se-in-se,
400
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se)));
401
+
579
402
  path {
580
- stroke: var(
581
- --_ctm-mob-dn-me-se-ct-hr-se-in-c1,
582
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-c1, var(--_ctm-dn-me-se-ct-hr-se-in-c1))
583
- );
403
+ stroke: var(--_ctm-mob-dn-me-se-ct-hr-se-in-c1,
404
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-c1, var(--_ctm-dn-me-se-ct-hr-se-in-c1)));
584
405
  }
585
406
  }
586
407
  }
587
408
  }
588
409
  }
410
+
589
411
  .dropdown_buttons {
590
412
  position: absolute;
591
413
  min-width: 150px;
@@ -596,10 +418,12 @@
596
418
  border-radius: 8px;
597
419
  overflow: hidden;
598
420
  margin-top: 2px;
421
+
599
422
  ul {
600
423
  list-style: none;
601
424
  max-height: 200px;
602
425
  overflow-y: auto;
426
+
603
427
  li {
604
428
  background-color: var(--_base-white);
605
429
  padding: 5px;
@@ -607,6 +431,7 @@
607
431
  font-size: 14px;
608
432
  font-weight: 500;
609
433
  cursor: pointer;
434
+
610
435
  &:hover {
611
436
  background-color: var(--_primary-25);
612
437
  color: var(--_primary-400);
@@ -617,6 +442,7 @@
617
442
  }
618
443
  }
619
444
  }
445
+
620
446
  .sizechart-overlay {
621
447
  position: fixed;
622
448
  inset: 0;
@@ -648,6 +474,7 @@
648
474
  font-size: 22px;
649
475
  cursor: pointer;
650
476
  }
477
+
651
478
  .sizechart-container {
652
479
  display: flex;
653
480
  flex-direction: column;
@@ -721,13 +548,9 @@
721
548
  --text-body: rgb(54, 49, 61);
722
549
 
723
550
  position: relative;
724
- background-color: var(
725
- --_ctm-mob-dn-gy-wt-se-bd-cr,
726
- var(
727
- --_ctm-tab-dn-gy-wt-se-bd-cr,
728
- var(--_ctm-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))
729
- )
730
- );
551
+ background-color: var(--_ctm-mob-dn-gy-wt-se-bd-cr,
552
+ var(--_ctm-tab-dn-gy-wt-se-bd-cr,
553
+ var(--_ctm-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))));
731
554
 
732
555
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
733
556
 
@@ -735,52 +558,29 @@
735
558
  flex-direction: column;
736
559
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
737
560
 
738
- gap: var(
739
- --_ctm-mob-dn-gy-wt-lt-gy-tt-ad-im-sg,
740
- var(--_ctm-tab-dn-gy-wt-lt-gy-tt-ad-im-sg, var(--_ctm-dn-gy-wt-lt-gy-tt-ad-im-sg))
741
- );
561
+ gap: var(--_ctm-mob-dn-gy-wt-lt-gy-tt-ad-im-sg,
562
+ var(--_ctm-tab-dn-gy-wt-lt-gy-tt-ad-im-sg, var(--_ctm-dn-gy-wt-lt-gy-tt-ad-im-sg)));
742
563
 
743
564
  width: 400px;
744
565
  height: 400px;
745
- border-color: var(
746
- --_ctm-mob-dn-gy-wt-se-br-cr,
747
- var(--_ctm-tab-dn-gy-wt-se-br-cr, var(--_ctm-dn-gy-wt-se-br-cr))
748
- );
749
-
750
- border-style: var(
751
- --_ctm-mob-dn-gy-wt-se-br-se,
752
- var(--_ctm-tab-dn-gy-wt-se-br-se, var(--_ctm-dn-gy-wt-se-br-se))
753
- );
754
-
755
- border-width: var(
756
- --_ctm-mob-dn-gy-wt-se-br-wh,
757
- var(--_ctm-tab-dn-gy-wt-se-br-wh, var(--_ctm-dn-gy-wt-se-br-wh))
758
- );
759
-
760
- border-radius: var(
761
- --_ctm-mob-dn-gy-wt-se-br-rs,
762
- var(--_ctm-tab-dn-gy-wt-se-br-rs, var(--_ctm-dn-gy-wt-se-br-rs))
763
- );
764
-
765
- box-shadow: var(
766
- --_show-shadow,
767
- var(
768
- --_ctm-mob-dn-gy-wt-se-sw-ae,
769
- var(--_ctm-tab-dn-gy-wt-se-sw-ae, var(--_ctm-dn-gy-wt-se-sw-ae))
770
- )
771
- var(
772
- --_ctm-mob-dn-gy-wt-se-sw-br,
773
- var(--_ctm-tab-dn-gy-wt-se-sw-br, var(--_ctm-dn-gy-wt-se-sw-br))
774
- )
775
- var(
776
- --_ctm-mob-dn-gy-wt-se-sw-sd,
777
- var(--_ctm-tab-dn-gy-wt-se-sw-sd, var(--_ctm-dn-gy-wt-se-sw-sd))
778
- )
779
- var(
780
- --_ctm-mob-dn-gy-wt-se-sw-cr,
781
- var(--_ctm-tab-dn-gy-wt-se-sw-cr, var(--_ctm-dn-gy-wt-se-sw-cr))
782
- )
783
- );
566
+ border-color: var(--_ctm-mob-dn-gy-wt-se-br-cr,
567
+ var(--_ctm-tab-dn-gy-wt-se-br-cr, var(--_ctm-dn-gy-wt-se-br-cr)));
568
+
569
+ border-style: var(--_ctm-mob-dn-gy-wt-se-br-se,
570
+ var(--_ctm-tab-dn-gy-wt-se-br-se, var(--_ctm-dn-gy-wt-se-br-se)));
571
+
572
+ border-width: var(--_ctm-mob-dn-gy-wt-se-br-wh,
573
+ var(--_ctm-tab-dn-gy-wt-se-br-wh, var(--_ctm-dn-gy-wt-se-br-wh)));
574
+
575
+ border-radius: var(--_ctm-mob-dn-gy-wt-se-br-rs,
576
+ var(--_ctm-tab-dn-gy-wt-se-br-rs, var(--_ctm-dn-gy-wt-se-br-rs)));
577
+
578
+ box-shadow: var(--_show-shadow,
579
+ var(--_ctm-mob-dn-gy-wt-se-sw-ae,
580
+ var(--_ctm-tab-dn-gy-wt-se-sw-ae, var(--_ctm-dn-gy-wt-se-sw-ae))) var(--_ctm-mob-dn-gy-wt-se-sw-br,
581
+ var(--_ctm-tab-dn-gy-wt-se-sw-br, var(--_ctm-dn-gy-wt-se-sw-br))) var(--_ctm-mob-dn-gy-wt-se-sw-sd,
582
+ var(--_ctm-tab-dn-gy-wt-se-sw-sd, var(--_ctm-dn-gy-wt-se-sw-sd))) var(--_ctm-mob-dn-gy-wt-se-sw-cr,
583
+ var(--_ctm-tab-dn-gy-wt-se-sw-cr, var(--_ctm-dn-gy-wt-se-sw-cr))));
784
584
 
785
585
  .gallery-header {
786
586
  // text-align: var(--_ctm-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
@@ -788,184 +588,107 @@
788
588
  display: flex;
789
589
  flex-direction: column;
790
590
 
791
- gap: var(
792
- --_ctm-mob-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
793
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-gy-wt-tt-cr-lt-te-ad-dn-sg))
794
- );
591
+ gap: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
592
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-gy-wt-tt-cr-lt-te-ad-dn-sg)));
795
593
 
796
- padding-block: var(
797
- --_ctm-mob-dn-gy-wt-tt-cr-lt-tt-vl-pg,
798
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-vl-pg))
799
- );
594
+ padding-block: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-tt-vl-pg,
595
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-vl-pg)));
800
596
 
801
- padding-inline: var(
802
- --_ctm-mob-dn-gy-wt-tt-cr-lt-tt-hl-pg,
803
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-hl-pg))
804
- );
597
+ padding-inline: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-tt-hl-pg,
598
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-hl-pg)));
805
599
 
806
- background-color: var(
807
- --_ctm-mob-dn-gy-wt-tt-cr-dn-bd-cr,
808
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-bd-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-bd-cr))
809
- );
600
+ background-color: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-bd-cr,
601
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-bd-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-bd-cr)));
810
602
 
811
603
  width: 100%;
812
604
 
813
- border-color: var(
814
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-cr,
815
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-br-cr))
816
- );
817
-
818
- border-style: var(
819
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-se,
820
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-se, var(--_ctm-dn-gy-wt-tt-cr-dn-br-se))
821
- );
822
-
823
- border-width: var(
824
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-wh,
825
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-wh, var(--_ctm-dn-gy-wt-tt-cr-dn-br-wh))
826
- );
827
-
828
- border-radius: var(
829
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-rs,
830
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-rs, var(--_ctm-dn-gy-wt-tt-cr-dn-br-rs))
831
- );
832
-
833
- box-shadow: var(
834
- --_show-shadow,
835
- var(
836
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-ae,
837
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-ae, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-ae))
838
- )
839
- var(
840
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-br,
841
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-br, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-br))
842
- )
843
- var(
844
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-sd,
845
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-sd, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-sd))
846
- )
847
- var(
848
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-cr,
849
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-cr))
850
- )
851
- );
605
+ border-color: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-cr,
606
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-br-cr)));
607
+
608
+ border-style: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-se,
609
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-se, var(--_ctm-dn-gy-wt-tt-cr-dn-br-se)));
610
+
611
+ border-width: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-wh,
612
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-wh, var(--_ctm-dn-gy-wt-tt-cr-dn-br-wh)));
613
+
614
+ border-radius: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-rs,
615
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-rs, var(--_ctm-dn-gy-wt-tt-cr-dn-br-rs)));
616
+
617
+ box-shadow: var(--_show-shadow,
618
+ var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-ae,
619
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-ae, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-br,
620
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-br, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-sd,
621
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-sd, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-cr,
622
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-cr))));
852
623
 
853
624
  & h3 {
854
- color: var(
855
- --_ctm-mob-dn-gy-wt-se-cr,
856
- var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
857
- );
858
-
859
- font-family: var(
860
- --_ctm-mob-dn-gy-wt-se-ft-fy,
861
- var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
862
- );
863
- text-transform: var(
864
- --_ctm-mob-dn-gy-wt-se-tt-tm,
865
- var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm))
866
- );
867
- word-wrap: var(
868
- --_ctm-mob-dn-gy-wt-se-wd-wp,
869
- var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp))
870
- );
871
- word-break: var(
872
- --_ctm-mob-dn-gy-wt-se-wd-bk,
873
- var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk))
874
- );
875
-
876
- font-size: var(
877
- --_ctm-mob-dn-gy-wt-se-ft-se,
878
- var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se))
879
- );
880
-
881
- font-weight: var(
882
- --_ctm-mob-dn-gy-wt-se-ft-wt,
883
- var(--_ctm-tab-dn-gy-wt-se-ft-wt, var(--_ctm-dn-gy-wt-se-ft-wt))
884
- );
885
-
886
- font-style: var(
887
- --_ctm-mob-dn-gy-wt-se-ft-se-ic,
888
- var(--_ctm-tab-dn-gy-wt-se-ft-se-ic, var(--_ctm-dn-gy-wt-se-ft-se-ic))
889
- );
890
-
891
- text-align: var(
892
- --_ctm-mob-dn-gy-wt-se-tt-an,
893
- var(--_ctm-tab-dn-gy-wt-se-tt-an, var(--_ctm-dn-gy-wt-se-tt-an))
894
- );
895
-
896
- letter-spacing: var(
897
- --_ctm-mob-dn-gy-wt-se-lr-sg,
898
- var(--_ctm-tab-dn-gy-wt-se-lr-sg, var(--_ctm-dn-gy-wt-se-lr-sg))
899
- );
900
-
901
- line-height: var(
902
- --_ctm-mob-dn-gy-wt-se-le-ht,
903
- var(--_ctm-tab-dn-gy-wt-se-le-ht, var(--_ctm-dn-gy-wt-se-le-ht))
904
- );
905
-
906
- text-decoration: var(
907
- --_ctm-mob-dn-gy-wt-se-ue,
908
- var(--_ctm-tab-dn-gy-wt-se-ue, var(--_ctm-dn-gy-wt-se-ue))
909
- );
625
+ color: var(--_ctm-mob-dn-gy-wt-se-cr,
626
+ var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr)));
627
+
628
+ font-family: var(--_ctm-mob-dn-gy-wt-se-ft-fy,
629
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy)));
630
+ text-transform: var(--_ctm-mob-dn-gy-wt-se-tt-tm,
631
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm)));
632
+ word-wrap: var(--_ctm-mob-dn-gy-wt-se-wd-wp,
633
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp)));
634
+ word-break: var(--_ctm-mob-dn-gy-wt-se-wd-bk,
635
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk)));
636
+
637
+ font-size: var(--_ctm-mob-dn-gy-wt-se-ft-se,
638
+ var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se)));
639
+
640
+ font-weight: var(--_ctm-mob-dn-gy-wt-se-ft-wt,
641
+ var(--_ctm-tab-dn-gy-wt-se-ft-wt, var(--_ctm-dn-gy-wt-se-ft-wt)));
642
+
643
+ font-style: var(--_ctm-mob-dn-gy-wt-se-ft-se-ic,
644
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-ic, var(--_ctm-dn-gy-wt-se-ft-se-ic)));
645
+
646
+ text-align: var(--_ctm-mob-dn-gy-wt-se-tt-an,
647
+ var(--_ctm-tab-dn-gy-wt-se-tt-an, var(--_ctm-dn-gy-wt-se-tt-an)));
648
+
649
+ letter-spacing: var(--_ctm-mob-dn-gy-wt-se-lr-sg,
650
+ var(--_ctm-tab-dn-gy-wt-se-lr-sg, var(--_ctm-dn-gy-wt-se-lr-sg)));
651
+
652
+ line-height: var(--_ctm-mob-dn-gy-wt-se-le-ht,
653
+ var(--_ctm-tab-dn-gy-wt-se-le-ht, var(--_ctm-dn-gy-wt-se-le-ht)));
654
+
655
+ text-decoration: var(--_ctm-mob-dn-gy-wt-se-ue,
656
+ var(--_ctm-tab-dn-gy-wt-se-ue, var(--_ctm-dn-gy-wt-se-ue)));
910
657
  }
911
658
 
912
659
  & p {
913
- color: var(
914
- --_ctm-mob-dn-gy-wt-se-cr-dc,
915
- var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
916
- );
917
-
918
- font-family: var(
919
- --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
920
- var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
921
- );
922
- text-transform: var(
923
- --_ctm-mob-dn-gy-wt-se-tt-tm-dc,
924
- var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc))
925
- );
926
- word-wrap: var(
927
- --_ctm-mob-dn-gy-wt-se-wd-wp-dc,
928
- var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc))
929
- );
930
- word-break: var(
931
- --_ctm-mob-dn-gy-wt-se-wd-bk-dc,
932
- var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc))
933
- );
934
-
935
- font-size: var(
936
- --_ctm-mob-dn-gy-wt-se-ft-se-dc,
937
- var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc))
938
- );
939
-
940
- font-weight: var(
941
- --_ctm-mob-dn-gy-wt-se-ft-wt-dc,
942
- var(--_ctm-tab-dn-gy-wt-se-ft-wt-dc, var(--_ctm-dn-gy-wt-se-ft-wt-dc))
943
- );
944
-
945
- font-style: var(
946
- --_ctm-mob-dn-gy-wt-se-ft-se-ic-dc,
947
- var(--_ctm-tab-dn-gy-wt-se-ft-se-ic-dc, var(--_ctm-dn-gy-wt-se-ft-se-ic-dc))
948
- );
949
-
950
- text-align: var(
951
- --_ctm-mob-dn-gy-wt-se-tt-an-dc,
952
- var(--_ctm-tab-dn-gy-wt-se-tt-an-dc, var(--_ctm-dn-gy-wt-se-tt-an-dc))
953
- );
954
-
955
- letter-spacing: var(
956
- --_ctm-mob-dn-gy-wt-se-lr-sg-dc,
957
- var(--_ctm-tab-dn-gy-wt-se-lr-sg-dc, var(--_ctm-dn-gy-wt-se-lr-sg-dc))
958
- );
959
-
960
- line-height: var(
961
- --_ctm-mob-dn-gy-wt-se-le-ht-dc,
962
- var(--_ctm-tab-dn-gy-wt-se-le-ht-dc, var(--_ctm-dn-gy-wt-se-le-ht-dc))
963
- );
964
-
965
- text-decoration: var(
966
- --_ctm-mob-dn-gy-wt-se-ue-dc,
967
- var(--_ctm-tab-dn-gy-wt-se-ue-dc, var(--_ctm-dn-gy-wt-se-ue-dc))
968
- );
660
+ color: var(--_ctm-mob-dn-gy-wt-se-cr-dc,
661
+ var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc)));
662
+
663
+ font-family: var(--_ctm-mob-dn-gy-wt-se-ft-fy-dc,
664
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc)));
665
+ text-transform: var(--_ctm-mob-dn-gy-wt-se-tt-tm-dc,
666
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc)));
667
+ word-wrap: var(--_ctm-mob-dn-gy-wt-se-wd-wp-dc,
668
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc)));
669
+ word-break: var(--_ctm-mob-dn-gy-wt-se-wd-bk-dc,
670
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc)));
671
+
672
+ font-size: var(--_ctm-mob-dn-gy-wt-se-ft-se-dc,
673
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc)));
674
+
675
+ font-weight: var(--_ctm-mob-dn-gy-wt-se-ft-wt-dc,
676
+ var(--_ctm-tab-dn-gy-wt-se-ft-wt-dc, var(--_ctm-dn-gy-wt-se-ft-wt-dc)));
677
+
678
+ font-style: var(--_ctm-mob-dn-gy-wt-se-ft-se-ic-dc,
679
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-ic-dc, var(--_ctm-dn-gy-wt-se-ft-se-ic-dc)));
680
+
681
+ text-align: var(--_ctm-mob-dn-gy-wt-se-tt-an-dc,
682
+ var(--_ctm-tab-dn-gy-wt-se-tt-an-dc, var(--_ctm-dn-gy-wt-se-tt-an-dc)));
683
+
684
+ letter-spacing: var(--_ctm-mob-dn-gy-wt-se-lr-sg-dc,
685
+ var(--_ctm-tab-dn-gy-wt-se-lr-sg-dc, var(--_ctm-dn-gy-wt-se-lr-sg-dc)));
686
+
687
+ line-height: var(--_ctm-mob-dn-gy-wt-se-le-ht-dc,
688
+ var(--_ctm-tab-dn-gy-wt-se-le-ht-dc, var(--_ctm-dn-gy-wt-se-le-ht-dc)));
689
+
690
+ text-decoration: var(--_ctm-mob-dn-gy-wt-se-ue-dc,
691
+ var(--_ctm-tab-dn-gy-wt-se-ue-dc, var(--_ctm-dn-gy-wt-se-ue-dc)));
969
692
  }
970
693
 
971
694
  // h3 {
@@ -979,49 +702,60 @@
979
702
  flex-direction: column;
980
703
  }
981
704
  }
705
+
982
706
  &[data-text-position="bottom"] {
983
707
  .gallery-slider-element {
984
708
  flex-direction: column-reverse;
985
709
  }
986
710
  }
711
+
987
712
  &[data-text-position="left"] {
988
713
  .gallery-slider-element {
989
714
  flex-direction: row;
990
715
  }
716
+
991
717
  .gallery-header {
992
718
  width: fit-content;
993
719
  height: 100%;
994
720
  }
721
+
995
722
  &[data-widget-alignment="top"] {
996
723
  .gallery-slider-element {
997
724
  align-items: flex-start;
998
725
  }
726
+
999
727
  .gallery-header {
1000
728
  justify-content: flex-start;
1001
729
  }
1002
730
  }
731
+
1003
732
  &[data-widget-alignment="center"] {
1004
733
  .gallery-slider-element {
1005
734
  align-items: center;
1006
735
  }
736
+
1007
737
  .gallery-header {
1008
738
  justify-content: center;
1009
739
  }
1010
740
  }
741
+
1011
742
  &[data-widget-alignment="bottom"] {
1012
743
  .gallery-slider-element {
1013
744
  align-items: flex-end;
1014
745
  }
746
+
1015
747
  .gallery-header {
1016
748
  justify-content: flex-end;
1017
749
  }
1018
750
  }
1019
751
  }
752
+
1020
753
  &[data-text-position="right"] {
1021
754
  .gallery-header {
1022
755
  width: fit-content;
1023
756
  height: 100%;
1024
757
  }
758
+
1025
759
  .gallery-slider-element {
1026
760
  flex-direction: row-reverse;
1027
761
  }
@@ -1030,27 +764,33 @@
1030
764
  .gallery-slider-element {
1031
765
  align-items: flex-start;
1032
766
  }
767
+
1033
768
  .gallery-header {
1034
769
  justify-content: flex-start;
1035
770
  }
1036
771
  }
772
+
1037
773
  &[data-widget-alignment="center"] {
1038
774
  .gallery-slider-element {
1039
775
  align-items: center;
1040
776
  }
777
+
1041
778
  .gallery-header {
1042
779
  justify-content: center;
1043
780
  }
1044
781
  }
782
+
1045
783
  &[data-widget-alignment="bottom"] {
1046
784
  .gallery-slider-element {
1047
785
  align-items: flex-end;
1048
786
  }
787
+
1049
788
  .gallery-header {
1050
789
  justify-content: flex-end;
1051
790
  }
1052
791
  }
1053
792
  }
793
+
1054
794
  .embla {
1055
795
  width: 100%;
1056
796
  height: 100%;
@@ -1074,51 +814,25 @@
1074
814
  display: grid;
1075
815
  grid-template-rows: 100%;
1076
816
  // grid-template-columns: 100%;
1077
- grid-template-columns: repeat(
1078
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
1079
- calc(
1080
- 100% /
1081
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1082
- )
1083
- );
817
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
818
+ calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))));
1084
819
 
1085
820
  grid-auto-flow: column;
1086
821
  gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1087
822
 
1088
823
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
1089
- height: calc(
1090
- 100% - calc(
1091
- var(
1092
- --_ctm-mob-dn-pn-as-aw-se,
1093
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1094
- ) +
1095
- 10px
1096
- )
1097
- );
824
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
825
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 10px));
1098
826
  }
1099
827
 
1100
828
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
1101
- height: calc(
1102
- 100% - calc(
1103
- var(
1104
- --_ctm-mob-dn-pn-le-le-ht,
1105
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1106
- ) +
1107
- 20px
1108
- )
1109
- );
829
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
830
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
1110
831
  }
1111
832
 
1112
833
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
1113
- height: calc(
1114
- 100% - calc(
1115
- var(
1116
- --_ctm-mob-dn-pn-ds-dt-se,
1117
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1118
- ) +
1119
- 20px
1120
- )
1121
- );
834
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
835
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
1122
836
  }
1123
837
 
1124
838
  .embla__slide {
@@ -1127,11 +841,10 @@
1127
841
  }
1128
842
  }
1129
843
  }
844
+
1130
845
  &:not([data-display-style="Column"]) {
1131
846
  .embla__container {
1132
- grid-auto-columns: calc(
1133
- 100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1134
- );
847
+ grid-auto-columns: calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))));
1135
848
  }
1136
849
  }
1137
850
 
@@ -1142,6 +855,7 @@
1142
855
  overflow: unset;
1143
856
  height: 80%;
1144
857
  flex-grow: 1;
858
+
1145
859
  &:not([data-is-builder-type="true"]) {
1146
860
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1147
861
  }
@@ -1152,14 +866,13 @@
1152
866
 
1153
867
  // min-height: var(--_ctm-height);
1154
868
 
1155
- grid-template-columns: repeat(
1156
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
1157
- 1fr
1158
- );
869
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
870
+ 1fr);
1159
871
 
1160
872
  grid-template-rows: unset;
1161
873
 
1162
874
  grid-auto-flow: row;
875
+
1163
876
  &[data-overflow-hidden="true"] {
1164
877
  overflow: hidden;
1165
878
  }
@@ -1170,13 +883,8 @@
1170
883
  &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
1171
884
  .embla__viewport {
1172
885
  .embla__container {
1173
- grid-template-rows: repeat(
1174
- var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn))),
1175
- calc(
1176
- 100% /
1177
- var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn)))
1178
- )
1179
- );
886
+ grid-template-rows: repeat(var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn))),
887
+ calc(100% / var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn)))));
1180
888
  }
1181
889
  }
1182
890
  }
@@ -1188,6 +896,7 @@
1188
896
  overflow: unset;
1189
897
  height: 80%;
1190
898
  flex-grow: 1;
899
+
1191
900
  &:not([data-is-builder-type="true"]) {
1192
901
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1193
902
  }
@@ -1198,10 +907,8 @@
1198
907
 
1199
908
  // min-height: var(--_ctm-height);
1200
909
 
1201
- grid-template-columns: repeat(
1202
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
1203
- 1fr
1204
- );
910
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
911
+ 1fr);
1205
912
  grid-template-rows: unset;
1206
913
 
1207
914
  grid-auto-flow: row;
@@ -1215,6 +922,7 @@
1215
922
  .embla__viewport {
1216
923
  .embla__container {
1217
924
  display: flex;
925
+
1218
926
  .embla__slide {
1219
927
  width: unset;
1220
928
  height: 100%;
@@ -1223,6 +931,7 @@
1223
931
  }
1224
932
  }
1225
933
  }
934
+
1226
935
  &[data-display-style="Masonry"] {
1227
936
  // overflow: unset;
1228
937
 
@@ -1230,17 +939,17 @@
1230
939
  overflow: hidden;
1231
940
  height: 80%;
1232
941
  flex-grow: 1;
942
+
1233
943
  &:not([data-is-builder-type="true"]) {
1234
944
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1235
945
  }
946
+
1236
947
  .embla__container {
1237
948
  overflow: unset;
1238
949
 
1239
950
  display: block;
1240
- column-count: var(
1241
- --_ctm-mob-lt-is-pr-rw,
1242
- var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))
1243
- );
951
+ column-count: var(--_ctm-mob-lt-is-pr-rw,
952
+ var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw)));
1244
953
  gap: unset;
1245
954
  column-gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1246
955
 
@@ -1250,12 +959,11 @@
1250
959
 
1251
960
  .embla__slide {
1252
961
  // break-inside: avoid;
1253
- margin-bottom: var(
1254
- --_ctm-mob-lt-im-gp,
1255
- var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp))
1256
- );
962
+ margin-bottom: var(--_ctm-mob-lt-im-gp,
963
+ var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1257
964
 
1258
965
  height: unset;
966
+
1259
967
  .gallery__slide {
1260
968
  height: unset;
1261
969
  }
@@ -1272,20 +980,25 @@
1272
980
  width: 100%;
1273
981
  justify-content: space-between;
1274
982
  transform: translate(-50%, -50%);
983
+
1275
984
  // padding-left: 20px;
1276
985
  &[data-control-type="Side"] {
986
+
1277
987
  .left-button,
1278
988
  .right-button {
1279
989
  background-color: transparent;
1280
990
  }
1281
991
  }
992
+
1282
993
  &[data-background-shape="Round"] {
994
+
1283
995
  .left-button,
1284
996
  .right-button {
1285
997
  background-color: #f2f5f5;
1286
998
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
1287
999
  }
1288
1000
  }
1001
+
1289
1002
  &[data-control-type="Bottom-Overflow"] {
1290
1003
  transform: translateX(-50%);
1291
1004
  width: 100%;
@@ -1294,6 +1007,7 @@
1294
1007
  top: unset;
1295
1008
  bottom: 6px;
1296
1009
  }
1010
+
1297
1011
  &[data-control-type="Bottom"] {
1298
1012
  transform: unset;
1299
1013
  position: static;
@@ -1302,27 +1016,22 @@
1302
1016
  gap: 12px;
1303
1017
  margin-top: 10px;
1304
1018
  }
1019
+
1305
1020
  .left-button {
1306
- width: var(
1307
- --_ctm-mob-dn-pn-as-aw-se,
1308
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1309
- );
1310
- height: var(
1311
- --_ctm-mob-dn-pn-as-aw-se,
1312
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1313
- );
1021
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1022
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1023
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1024
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1314
1025
  }
1026
+
1315
1027
  .right-button {
1316
- width: var(
1317
- --_ctm-mob-dn-pn-as-aw-se,
1318
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1319
- );
1320
- height: var(
1321
- --_ctm-mob-dn-pn-as-aw-se,
1322
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1323
- );
1028
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1029
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1030
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1031
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1324
1032
  }
1325
1033
  }
1034
+
1326
1035
  .left-button {
1327
1036
  padding: 10px;
1328
1037
  border-radius: 50%;
@@ -1334,6 +1043,7 @@
1334
1043
  cursor: pointer;
1335
1044
  outline: none;
1336
1045
  margin-left: 12px;
1046
+
1337
1047
  &:disabled {
1338
1048
  & svg {
1339
1049
  path {
@@ -1342,6 +1052,7 @@
1342
1052
  }
1343
1053
  }
1344
1054
  }
1055
+
1345
1056
  .right-button {
1346
1057
  border-radius: 50%;
1347
1058
  border: none;
@@ -1362,29 +1073,19 @@
1362
1073
  }
1363
1074
  }
1364
1075
  }
1076
+
1365
1077
  .icon {
1366
1078
  display: flex;
1079
+
1367
1080
  svg {
1368
- width: calc(
1369
- var(
1370
- --_ctm-mob-dn-pn-as-aw-se,
1371
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1372
- ) *
1373
- 0.5
1374
- );
1375
- height: calc(
1376
- var(
1377
- --_ctm-mob-dn-pn-as-aw-se,
1378
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1379
- ) *
1380
- 0.5
1381
- );
1081
+ width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1082
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1083
+ height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1084
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1382
1085
 
1383
1086
  path {
1384
- stroke: var(
1385
- --_ctm-mob-dn-pn-as-aw-cr,
1386
- var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
1387
- );
1087
+ stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
1088
+ var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
1388
1089
  }
1389
1090
  }
1390
1091
  }
@@ -1399,9 +1100,11 @@
1399
1100
  &[data-thumbnail-placement="top"] {
1400
1101
  flex-direction: column-reverse;
1401
1102
  }
1103
+
1402
1104
  &[data-thumbnail-placement="bottom"] {
1403
1105
  flex-direction: column;
1404
1106
  }
1107
+
1405
1108
  &[data-thumbnail-placement="left"] {
1406
1109
  flex-direction: row-reverse;
1407
1110
 
@@ -1416,8 +1119,10 @@
1416
1119
  }
1417
1120
  }
1418
1121
  }
1122
+
1419
1123
  &[data-thumbnail-placement="right"] {
1420
1124
  flex-direction: row;
1125
+
1421
1126
  .embla__thumbs {
1422
1127
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
1423
1128
 
@@ -1429,6 +1134,7 @@
1429
1134
  }
1430
1135
  }
1431
1136
  }
1137
+
1432
1138
  .embla__dots {
1433
1139
  display: flex;
1434
1140
  flex-wrap: wrap;
@@ -1445,14 +1151,13 @@
1445
1151
  transform: translateX(-50%);
1446
1152
  width: 75%;
1447
1153
  }
1154
+
1448
1155
  .embla__dot {
1449
1156
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1450
1157
  -webkit-appearance: none;
1451
1158
  appearance: none;
1452
- background-color: var(
1453
- --_ctm-mob-dn-pn-ds-or-dt-cr,
1454
- var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr))
1455
- );
1159
+ background-color: var(--_ctm-mob-dn-pn-ds-or-dt-cr,
1160
+ var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr)));
1456
1161
 
1457
1162
  touch-action: manipulation;
1458
1163
  display: inline-flex;
@@ -1463,80 +1168,62 @@
1463
1168
  margin: 0;
1464
1169
  // width: 0.6rem;
1465
1170
  // height: 0.6rem;
1466
- width: var(
1467
- --_ctm-mob-dn-pn-ds-dt-se,
1468
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1469
- );
1470
- height: var(
1471
- --_ctm-mob-dn-pn-ds-dt-se,
1472
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1473
- );
1171
+ width: var(--_ctm-mob-dn-pn-ds-dt-se,
1172
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1173
+ height: var(--_ctm-mob-dn-pn-ds-dt-se,
1174
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1474
1175
 
1475
1176
  display: flex;
1476
1177
  align-items: center;
1477
1178
  justify-content: center;
1478
1179
  border-radius: 50%;
1479
1180
  }
1181
+
1480
1182
  .embla__dot:after {
1481
1183
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
1482
- width: var(
1483
- --_ctm-mob-dn-pn-ds-dt-se,
1484
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1485
- );
1486
- height: var(
1487
- --_ctm-mob-dn-pn-ds-dt-se,
1488
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1489
- );
1184
+ width: var(--_ctm-mob-dn-pn-ds-dt-se,
1185
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1186
+ height: var(--_ctm-mob-dn-pn-ds-dt-se,
1187
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1490
1188
 
1491
1189
  border-radius: 50%;
1492
1190
  display: flex;
1493
1191
  align-items: center;
1494
1192
  content: "";
1495
1193
  }
1194
+
1496
1195
  .embla__dot--selected:after {
1497
1196
  box-shadow: inset 0 0 0 1px var(--text-body);
1498
- background-color: var(
1499
- --_ctm-mob-dn-pn-ds-ct-dt-cr,
1500
- var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr))
1501
- );
1197
+ background-color: var(--_ctm-mob-dn-pn-ds-ct-dt-cr,
1198
+ var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr)));
1502
1199
  }
1200
+
1503
1201
  &[data-slider-control="Pagination Line"] {
1504
1202
  .embla__dot {
1505
- width: var(
1506
- --_ctm-mob-dn-pn-le-le-wh,
1507
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
1508
- );
1203
+ width: var(--_ctm-mob-dn-pn-le-le-wh,
1204
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1509
1205
 
1510
- height: var(
1511
- --_ctm-mob-dn-pn-le-le-ht,
1512
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1513
- );
1206
+ height: var(--_ctm-mob-dn-pn-le-le-ht,
1207
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1514
1208
 
1515
- background-color: var(
1516
- --_ctm-mob-dn-pn-le-or-le-cr,
1517
- var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr))
1518
- );
1209
+ background-color: var(--_ctm-mob-dn-pn-le-or-le-cr,
1210
+ var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr)));
1519
1211
 
1520
1212
  border-radius: 6px;
1521
1213
  }
1214
+
1522
1215
  .embla__dot--selected:after {
1523
1216
  box-shadow: inset 0 0 0 1px var(--text-body);
1524
1217
  border-radius: 6px;
1525
- width: var(
1526
- --_ctm-mob-dn-pn-le-le-wh,
1527
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
1528
- );
1218
+ width: var(--_ctm-mob-dn-pn-le-le-wh,
1219
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1529
1220
 
1530
- height: var(
1531
- --_ctm-mob-dn-pn-le-le-ht,
1532
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1533
- );
1221
+ height: var(--_ctm-mob-dn-pn-le-le-ht,
1222
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1534
1223
 
1535
1224
  // background-color: #fff;
1536
- background-color: var(
1537
- --_ctm-mob-dn-pn-le-ct-le-cr,
1538
- var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr))
1539
- );
1225
+ background-color: var(--_ctm-mob-dn-pn-le-ct-le-cr,
1226
+ var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr)));
1540
1227
  }
1541
1228
  }
1542
1229
  }
@@ -1561,6 +1248,7 @@
1561
1248
 
1562
1249
  overflow: hidden;
1563
1250
  }
1251
+
1564
1252
  .embla__thumbs__container {
1565
1253
  display: flex;
1566
1254
  flex-direction: row;
@@ -1591,205 +1279,115 @@
1591
1279
  img[data-has-link="true"] {
1592
1280
  cursor: pointer;
1593
1281
  }
1282
+
1594
1283
  width: 100%;
1595
1284
  height: 100%;
1596
1285
  display: flex;
1597
1286
  // flex-direction: column;
1598
1287
 
1599
- background-color: var(
1600
- --_ctm-mob-dn-im-se-bd-cr,
1601
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
1602
- );
1603
- border-color: var(
1604
- --_ctm-mob-dn-im-se-br-cr,
1605
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
1606
- );
1607
- border-style: var(
1608
- --_ctm-mob-dn-im-se-br-se,
1609
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
1610
- );
1611
- border-width: var(
1612
- --_ctm-mob-dn-im-se-br-wh,
1613
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
1614
- );
1615
- border-radius: var(
1616
- --_ctm-mob-dn-im-se-br-rs,
1617
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
1618
- );
1619
-
1620
- box-shadow: var(
1621
- --_show-shadow,
1622
- var(--_ctm-mob-dn-im-se-sw-ae, var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae)))
1623
- var(--_ctm-mob-dn-im-se-sw-br, var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br)))
1624
- var(--_ctm-mob-dn-im-se-sw-sd, var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd)))
1625
- var(--_ctm-mob-dn-im-se-sw-cr, var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr)))
1626
- );
1627
-
1628
- gap: var(
1629
- --_ctm-mob-dn-im-lt-gy-tt-ad-im-sg,
1630
- var(--_ctm-tab-dn-im-lt-gy-tt-ad-im-sg, var(--_ctm-dn-im-lt-gy-tt-ad-im-sg))
1631
- );
1288
+ background-color: var(--_ctm-mob-dn-im-se-bd-cr,
1289
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr)));
1290
+ border-color: var(--_ctm-mob-dn-im-se-br-cr,
1291
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr)));
1292
+ border-style: var(--_ctm-mob-dn-im-se-br-se,
1293
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se)));
1294
+ border-width: var(--_ctm-mob-dn-im-se-br-wh,
1295
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh)));
1296
+ border-radius: var(--_ctm-mob-dn-im-se-br-rs,
1297
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs)));
1298
+
1299
+ box-shadow: var(--_show-shadow,
1300
+ var(--_ctm-mob-dn-im-se-sw-ae, var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))) var(--_ctm-mob-dn-im-se-sw-br, var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))) var(--_ctm-mob-dn-im-se-sw-sd, var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))) var(--_ctm-mob-dn-im-se-sw-cr, var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))));
1301
+
1302
+ gap: var(--_ctm-mob-dn-im-lt-gy-tt-ad-im-sg,
1303
+ var(--_ctm-tab-dn-im-lt-gy-tt-ad-im-sg, var(--_ctm-dn-im-lt-gy-tt-ad-im-sg)));
1632
1304
 
1633
1305
  .gallery-header {
1634
1306
  display: flex;
1635
1307
  flex-direction: column;
1636
- gap: var(
1637
- --_ctm-mob-dn-im-tt-cr-lt-te-ad-dn-sg,
1638
- var(--_ctm-tab-dn-im-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-im-tt-cr-lt-te-ad-dn-sg))
1639
- );
1640
- padding-block: var(
1641
- --_ctm-mob-dn-im-tt-cr-lt-tt-vl-pg,
1642
- var(--_ctm-tab-dn-im-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-vl-pg))
1643
- );
1644
- padding-inline: var(
1645
- --_ctm-mob-dn-im-tt-cr-lt-tt-hl-pg,
1646
- var(--_ctm-tab-dn-im-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-hl-pg))
1647
- );
1648
- background-color: var(
1649
- --_ctm-mob-dn-im-tt-cr-dn-bd-cr,
1650
- var(--_ctm-tab-dn-im-tt-cr-dn-bd-cr, var(--_ctm-dn-im-tt-cr-dn-bd-cr))
1651
- );
1308
+ gap: var(--_ctm-mob-dn-im-tt-cr-lt-te-ad-dn-sg,
1309
+ var(--_ctm-tab-dn-im-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-im-tt-cr-lt-te-ad-dn-sg)));
1310
+ padding-block: var(--_ctm-mob-dn-im-tt-cr-lt-tt-vl-pg,
1311
+ var(--_ctm-tab-dn-im-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-vl-pg)));
1312
+ padding-inline: var(--_ctm-mob-dn-im-tt-cr-lt-tt-hl-pg,
1313
+ var(--_ctm-tab-dn-im-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-hl-pg)));
1314
+ background-color: var(--_ctm-mob-dn-im-tt-cr-dn-bd-cr,
1315
+ var(--_ctm-tab-dn-im-tt-cr-dn-bd-cr, var(--_ctm-dn-im-tt-cr-dn-bd-cr)));
1652
1316
  width: 100%;
1653
- border-color: var(
1654
- --_ctm-mob-dn-im-tt-cr-dn-br-cr,
1655
- var(--_ctm-tab-dn-im-tt-cr-dn-br-cr, var(--_ctm-dn-im-tt-cr-dn-br-cr))
1656
- );
1657
- border-style: var(
1658
- --_ctm-mob-dn-im-tt-cr-dn-br-se,
1659
- var(--_ctm-tab-dn-im-tt-cr-dn-br-se, var(--_ctm-dn-im-tt-cr-dn-br-se))
1660
- );
1661
- border-width: var(
1662
- --_ctm-mob-dn-im-tt-cr-dn-br-wh,
1663
- var(--_ctm-tab-dn-im-tt-cr-dn-br-wh, var(--_ctm-dn-im-tt-cr-dn-br-wh))
1664
- );
1665
- border-radius: var(
1666
- --_ctm-mob-dn-im-tt-cr-dn-br-rs,
1667
- var(--_ctm-tab-dn-im-tt-cr-dn-br-rs, var(--_ctm-dn-im-tt-cr-dn-br-rs))
1668
- );
1669
-
1670
- box-shadow: var(
1671
- --_show-shadow,
1672
- var(
1673
- --_ctm-mob-dn-im-tt-cr-dn-sw-ae,
1674
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-ae, var(--_ctm-dn-im-tt-cr-dn-sw-ae))
1675
- )
1676
- var(
1677
- --_ctm-mob-dn-im-tt-cr-dn-sw-br,
1678
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-br, var(--_ctm-dn-im-tt-cr-dn-sw-br))
1679
- )
1680
- var(
1681
- --_ctm-mob-dn-im-tt-cr-dn-sw-sd,
1682
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-sd, var(--_ctm-dn-im-tt-cr-dn-sw-sd))
1683
- )
1684
- var(
1685
- --_ctm-mob-dn-im-tt-cr-dn-sw-cr,
1686
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-cr, var(--_ctm-dn-im-tt-cr-dn-sw-cr))
1687
- )
1688
- );
1317
+ border-color: var(--_ctm-mob-dn-im-tt-cr-dn-br-cr,
1318
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-cr, var(--_ctm-dn-im-tt-cr-dn-br-cr)));
1319
+ border-style: var(--_ctm-mob-dn-im-tt-cr-dn-br-se,
1320
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-se, var(--_ctm-dn-im-tt-cr-dn-br-se)));
1321
+ border-width: var(--_ctm-mob-dn-im-tt-cr-dn-br-wh,
1322
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-wh, var(--_ctm-dn-im-tt-cr-dn-br-wh)));
1323
+ border-radius: var(--_ctm-mob-dn-im-tt-cr-dn-br-rs,
1324
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-rs, var(--_ctm-dn-im-tt-cr-dn-br-rs)));
1325
+
1326
+ box-shadow: var(--_show-shadow,
1327
+ var(--_ctm-mob-dn-im-tt-cr-dn-sw-ae,
1328
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-ae, var(--_ctm-dn-im-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-br,
1329
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-br, var(--_ctm-dn-im-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-sd,
1330
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-sd, var(--_ctm-dn-im-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-cr,
1331
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-cr, var(--_ctm-dn-im-tt-cr-dn-sw-cr))));
1689
1332
 
1690
1333
  & h3 {
1691
1334
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
1692
- font-family: var(
1693
- --_ctm-mob-dn-im-se-ft-fy,
1694
- var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1695
- );
1696
- text-transform: var(
1697
- --_ctm-mob-dn-im-se-tt-tm,
1698
- var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm))
1699
- );
1700
- word-wrap: var(
1701
- --_ctm-mob-dn-im-se-wd-wp,
1702
- var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp))
1703
- );
1704
- word-break: var(
1705
- --_ctm-mob-dn-im-se-wd-bk,
1706
- var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk))
1707
- );
1708
- font-size: var(
1709
- --_ctm-mob-dn-im-se-ft-se,
1710
- var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se))
1711
- );
1712
- font-weight: var(
1713
- --_ctm-mob-dn-im-se-ft-wt,
1714
- var(--_ctm-tab-dn-im-se-ft-wt, var(--_ctm-dn-im-se-ft-wt))
1715
- );
1716
- font-style: var(
1717
- --_ctm-mob-dn-im-se-ft-se-ic,
1718
- var(--_ctm-tab-dn-im-se-ft-se-ic, var(--_ctm-dn-im-se-ft-se-ic))
1719
- );
1720
- text-align: var(
1721
- --_ctm-mob-dn-im-se-tt-an,
1722
- var(--_ctm-tab-dn-im-se-tt-an, var(--_ctm-dn-im-se-tt-an))
1723
- );
1724
- letter-spacing: var(
1725
- --_ctm-mob-dn-im-se-lr-sg,
1726
- var(--_ctm-tab-dn-im-se-lr-sg, var(--_ctm-dn-im-se-lr-sg))
1727
- );
1728
- line-height: var(
1729
- --_ctm-mob-dn-im-se-le-ht,
1730
- var(--_ctm-tab-dn-im-se-le-ht, var(--_ctm-dn-im-se-le-ht))
1731
- );
1732
- text-decoration: var(
1733
- --_ctm-mob-dn-im-se-ue,
1734
- var(--_ctm-tab-dn-im-se-ue, var(--_ctm-dn-im-se-ue))
1735
- );
1335
+ font-family: var(--_ctm-mob-dn-im-se-ft-fy,
1336
+ var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy)));
1337
+ text-transform: var(--_ctm-mob-dn-im-se-tt-tm,
1338
+ var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm)));
1339
+ word-wrap: var(--_ctm-mob-dn-im-se-wd-wp,
1340
+ var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp)));
1341
+ word-break: var(--_ctm-mob-dn-im-se-wd-bk,
1342
+ var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk)));
1343
+ font-size: var(--_ctm-mob-dn-im-se-ft-se,
1344
+ var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se)));
1345
+ font-weight: var(--_ctm-mob-dn-im-se-ft-wt,
1346
+ var(--_ctm-tab-dn-im-se-ft-wt, var(--_ctm-dn-im-se-ft-wt)));
1347
+ font-style: var(--_ctm-mob-dn-im-se-ft-se-ic,
1348
+ var(--_ctm-tab-dn-im-se-ft-se-ic, var(--_ctm-dn-im-se-ft-se-ic)));
1349
+ text-align: var(--_ctm-mob-dn-im-se-tt-an,
1350
+ var(--_ctm-tab-dn-im-se-tt-an, var(--_ctm-dn-im-se-tt-an)));
1351
+ letter-spacing: var(--_ctm-mob-dn-im-se-lr-sg,
1352
+ var(--_ctm-tab-dn-im-se-lr-sg, var(--_ctm-dn-im-se-lr-sg)));
1353
+ line-height: var(--_ctm-mob-dn-im-se-le-ht,
1354
+ var(--_ctm-tab-dn-im-se-le-ht, var(--_ctm-dn-im-se-le-ht)));
1355
+ text-decoration: var(--_ctm-mob-dn-im-se-ue,
1356
+ var(--_ctm-tab-dn-im-se-ue, var(--_ctm-dn-im-se-ue)));
1736
1357
  }
1737
1358
 
1738
1359
  & p {
1739
- color: var(
1740
- --_ctm-mob-dn-im-se-cr-dc,
1741
- var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
1742
- );
1743
- font-family: var(
1744
- --_ctm-mob-dn-im-se-ft-fy-dc,
1745
- var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1746
- );
1747
- text-transform: var(
1748
- --_ctm-mob-dn-im-se-tt-tm-dc,
1749
- var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc))
1750
- );
1751
- word-wrap: var(
1752
- --_ctm-mob-dn-im-se-wd-wp-dc,
1753
- var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc))
1754
- );
1755
- word-break: var(
1756
- --_ctm-mob-dn-im-se-wd-bk-dc,
1757
- var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc))
1758
- );
1759
- font-size: var(
1760
- --_ctm-mob-dn-im-se-ft-se-dc,
1761
- var(--_ctm-tab-dn-im-se-ft-se-dc, var(--_ctm-dn-im-se-ft-se-dc))
1762
- );
1763
- font-weight: var(
1764
- --_ctm-mob-dn-im-se-ft-wt-dc,
1765
- var(--_ctm-tab-dn-im-se-ft-wt-dc, var(--_ctm-dn-im-se-ft-wt-dc))
1766
- );
1767
- font-style: var(
1768
- --_ctm-mob-dn-im-se-ft-se-ic-dc,
1769
- var(--_ctm-tab-dn-im-se-ft-se-ic-dc, var(--_ctm-dn-im-se-ft-se-ic-dc))
1770
- );
1771
- text-align: var(
1772
- --_ctm-mob-dn-im-se-tt-an-dc,
1773
- var(--_ctm-tab-dn-im-se-tt-an-dc, var(--_ctm-dn-im-se-tt-an-dc))
1774
- );
1775
- letter-spacing: var(
1776
- --_ctm-mob-dn-im-se-lr-sg-dc,
1777
- var(--_ctm-tab-dn-im-se-lr-sg-dc, var(--_ctm-dn-im-se-lr-sg-dc))
1778
- );
1779
- line-height: var(
1780
- --_ctm-mob-dn-im-se-le-ht-dc,
1781
- var(--_ctm-tab-dn-im-se-le-ht-dc, var(--_ctm-dn-im-se-le-ht-dc))
1782
- );
1783
- text-decoration: var(
1784
- --_ctm-mob-dn-im-se-ue-dc,
1785
- var(--_ctm-tab-dn-im-se-ue-dc, var(--_ctm-dn-im-se-ue-dc))
1786
- );
1360
+ color: var(--_ctm-mob-dn-im-se-cr-dc,
1361
+ var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc)));
1362
+ font-family: var(--_ctm-mob-dn-im-se-ft-fy-dc,
1363
+ var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc)));
1364
+ text-transform: var(--_ctm-mob-dn-im-se-tt-tm-dc,
1365
+ var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc)));
1366
+ word-wrap: var(--_ctm-mob-dn-im-se-wd-wp-dc,
1367
+ var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc)));
1368
+ word-break: var(--_ctm-mob-dn-im-se-wd-bk-dc,
1369
+ var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc)));
1370
+ font-size: var(--_ctm-mob-dn-im-se-ft-se-dc,
1371
+ var(--_ctm-tab-dn-im-se-ft-se-dc, var(--_ctm-dn-im-se-ft-se-dc)));
1372
+ font-weight: var(--_ctm-mob-dn-im-se-ft-wt-dc,
1373
+ var(--_ctm-tab-dn-im-se-ft-wt-dc, var(--_ctm-dn-im-se-ft-wt-dc)));
1374
+ font-style: var(--_ctm-mob-dn-im-se-ft-se-ic-dc,
1375
+ var(--_ctm-tab-dn-im-se-ft-se-ic-dc, var(--_ctm-dn-im-se-ft-se-ic-dc)));
1376
+ text-align: var(--_ctm-mob-dn-im-se-tt-an-dc,
1377
+ var(--_ctm-tab-dn-im-se-tt-an-dc, var(--_ctm-dn-im-se-tt-an-dc)));
1378
+ letter-spacing: var(--_ctm-mob-dn-im-se-lr-sg-dc,
1379
+ var(--_ctm-tab-dn-im-se-lr-sg-dc, var(--_ctm-dn-im-se-lr-sg-dc)));
1380
+ line-height: var(--_ctm-mob-dn-im-se-le-ht-dc,
1381
+ var(--_ctm-tab-dn-im-se-le-ht-dc, var(--_ctm-dn-im-se-le-ht-dc)));
1382
+ text-decoration: var(--_ctm-mob-dn-im-se-ue-dc,
1383
+ var(--_ctm-tab-dn-im-se-ue-dc, var(--_ctm-dn-im-se-ue-dc)));
1787
1384
  }
1788
1385
  }
1789
1386
 
1790
1387
  img {
1791
1388
  object-fit: contain;
1792
1389
  }
1390
+
1793
1391
  &[data-text-position="On Image"] {
1794
1392
  .gallery-header {
1795
1393
  width: 100%;
@@ -1806,6 +1404,7 @@
1806
1404
  justify-content: flex-start;
1807
1405
  }
1808
1406
  }
1407
+
1809
1408
  &[data-widget-alignment="center"] {
1810
1409
  // align-items: center;
1811
1410
 
@@ -1815,7 +1414,9 @@
1815
1414
  justify-content: center;
1816
1415
  }
1817
1416
  }
1417
+
1818
1418
  &[data-widget-alignment="bottom"] {
1419
+
1819
1420
  // align-items: flex-end;
1820
1421
  .gallery-header {
1821
1422
  bottom: 0;
@@ -1832,6 +1433,7 @@
1832
1433
  &[data-text-position="bottom"] {
1833
1434
  flex-direction: column-reverse;
1834
1435
  }
1436
+
1835
1437
  &[data-text-position="left"] {
1836
1438
  flex-direction: row;
1837
1439
 
@@ -1839,6 +1441,7 @@
1839
1441
  width: fit-content;
1840
1442
  height: 100%;
1841
1443
  }
1444
+
1842
1445
  &[data-widget-alignment="top"] {
1843
1446
  align-items: flex-start;
1844
1447
 
@@ -1846,6 +1449,7 @@
1846
1449
  justify-content: flex-start;
1847
1450
  }
1848
1451
  }
1452
+
1849
1453
  &[data-widget-alignment="center"] {
1850
1454
  align-items: center;
1851
1455
 
@@ -1853,6 +1457,7 @@
1853
1457
  justify-content: center;
1854
1458
  }
1855
1459
  }
1460
+
1856
1461
  &[data-widget-alignment="bottom"] {
1857
1462
  align-items: flex-end;
1858
1463
 
@@ -1861,8 +1466,10 @@
1861
1466
  }
1862
1467
  }
1863
1468
  }
1469
+
1864
1470
  &[data-text-position="right"] {
1865
1471
  flex-direction: row-reverse;
1472
+
1866
1473
  .gallery-header {
1867
1474
  width: fit-content;
1868
1475
  height: 100%;
@@ -1875,6 +1482,7 @@
1875
1482
  justify-content: flex-start;
1876
1483
  }
1877
1484
  }
1485
+
1878
1486
  &[data-widget-alignment="center"] {
1879
1487
  align-items: center;
1880
1488
 
@@ -1882,6 +1490,7 @@
1882
1490
  justify-content: center;
1883
1491
  }
1884
1492
  }
1493
+
1885
1494
  &[data-widget-alignment="bottom"] {
1886
1495
  align-items: flex-end;
1887
1496
 
@@ -1890,6 +1499,7 @@
1890
1499
  }
1891
1500
  }
1892
1501
  }
1502
+
1893
1503
  img {
1894
1504
  width: 100%;
1895
1505
  height: 100%;
@@ -1910,7 +1520,8 @@
1910
1520
  display: flex;
1911
1521
  justify-content: center;
1912
1522
  margin-block: 12px;
1913
- & > button {
1523
+
1524
+ &>button {
1914
1525
  padding-inline: 24px;
1915
1526
  border: 1px solid gray;
1916
1527
  padding-block: 12px;
@@ -1918,4 +1529,4 @@
1918
1529
  }
1919
1530
  }
1920
1531
  }
1921
- }
1532
+ }