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