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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/image-temp.scss +20 -21
  52. package/dist/item-stock.scss +16 -9
  53. package/dist/kitDetails.scss +4301 -2721
  54. package/dist/kits.scss +19 -24
  55. package/dist/language-selector.scss +361 -211
  56. package/dist/last-x-orders.scss +174 -95
  57. package/dist/layouter-item.scss +103 -75
  58. package/dist/layouter-pro-item.scss +95 -89
  59. package/dist/layouter-pro.scss +92 -87
  60. package/dist/layouter.scss +445 -383
  61. package/dist/light-box-v2.scss +104 -89
  62. package/dist/login.scss +566 -287
  63. package/dist/map.scss +368 -221
  64. package/dist/marchandiserSets.scss +104 -95
  65. package/dist/mega-menu-container.scss +109 -96
  66. package/dist/mega-menu.scss +731 -624
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +619 -507
  69. package/dist/multi-select-dropdown.scss +3 -27
  70. package/dist/my-templates.scss +9 -38
  71. package/dist/option-bar.scss +375 -215
  72. package/dist/option-families.scss +252 -0
  73. package/dist/order-status.scss +1117 -646
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +2316 -1610
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +152 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +1274 -1117
  87. package/dist/product-price.scss +2561 -1283
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +447 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +133 -55
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +122 -89
  99. package/dist/repeater-embla-controls.scss +15 -35
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +814 -671
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +172 -93
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +164 -74
  111. package/dist/social.scss +145 -80
  112. package/dist/sort.scss +19 -11
  113. package/dist/stack.scss +34 -23
  114. package/dist/static-global.scss +26 -44
  115. package/dist/stockStatus.scss +19 -11
  116. package/dist/store-locations.scss +1105 -577
  117. package/dist/tab-container.scss +108 -81
  118. package/dist/table-common.scss +408 -217
  119. package/dist/table.scss +502 -271
  120. package/dist/text-temp.scss +7 -8
  121. package/dist/theme-classes.scss +13 -17
  122. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  123. package/dist/types/builder/enums/index.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  125. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  126. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  127. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  128. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  129. package/dist/uom-selector.scss +949 -489
  130. package/dist/user-elements.scss +837 -529
  131. package/dist/variant-picker.scss +2555 -1281
  132. package/dist/volume-pricing.scss +1037 -541
  133. package/dist/website.js +1 -1
  134. package/dist/widget.scss +1 -0
  135. package/package.json +1 -1
@@ -22,14 +22,12 @@
22
22
  width: max-content !important;
23
23
  }
24
24
  }
25
-
26
25
  .text-element {
27
26
  background: #6d96e4;
28
27
  padding: 10px;
29
28
  font-weight: 600;
30
29
  color: rgba(75, 69, 70, 1);
31
30
  }
32
-
33
31
  .sizechart__buttons__wrapper {
34
32
  width: 100%;
35
33
  height: 100%;
@@ -58,88 +56,135 @@
58
56
  &[data-show-shadow="false"] {
59
57
  --_show-shadow: none;
60
58
  }
61
-
62
59
  &[data-icon-position="left"] {
63
60
  --_sf-fd-bn: row;
64
61
  }
65
-
66
62
  &[data-icon-position="right"] {
67
63
  --_sf-fd-bn: row-reverse;
68
64
  }
69
-
70
65
  &[data-icon-position="center"] {
71
66
  --_sf-fd-bn: row;
72
67
  }
73
68
 
74
69
  &:hover {
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)));
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
+ );
89
98
 
90
99
  // for shadow
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)));
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
+ );
99
116
 
100
117
  // for font
101
118
 
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)));
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
+ );
133
180
 
134
181
  &[data-hover-show-shadow="false"] {
135
182
  --_hover-show-shadow: none;
136
183
  }
137
-
138
184
  &[data-hover-show-icon="false"] {
139
185
  --_hover-show-icon: none;
140
186
  }
141
187
  }
142
-
143
188
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-bd-cr));
144
189
 
145
190
  // padding: 5px 10px;
@@ -155,7 +200,10 @@
155
200
 
156
201
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-rs));
157
202
 
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));
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));
159
207
 
160
208
  &[data-show-border="true"] {
161
209
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-cr));
@@ -174,7 +222,6 @@
174
222
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-tt-tm));
175
223
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-wp));
176
224
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-bk));
177
-
178
225
  &.flex__overflow {
179
226
  white-space: normal;
180
227
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -197,7 +244,6 @@
197
244
 
198
245
  .icon {
199
246
  display: var(--_hover-show-icon, var(--_show-icon, flex));
200
-
201
247
  svg {
202
248
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
203
249
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
@@ -209,7 +255,6 @@
209
255
  }
210
256
  }
211
257
  }
212
-
213
258
  [data-element-style="Text"] {
214
259
  display: inline-block;
215
260
  width: 100%;
@@ -250,164 +295,297 @@
250
295
 
251
296
  .button_options {
252
297
  position: relative;
253
-
254
298
  .more__button {
255
299
  padding: 0.45rem;
256
300
  min-width: 50px;
257
301
  cursor: pointer;
258
302
  display: flex;
259
303
  align-items: center;
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
-
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
+ );
288
372
  .btn__with__text {
289
373
  border: none;
290
374
  background-color: transparent;
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)));
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
+ );
315
423
  }
316
-
317
424
  span {
318
425
  svg {
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
-
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
+ );
324
434
  path {
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)));
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
+ );
327
439
  // Overrides the stroke-width presentation attribute baked into the icon markup.
328
440
  stroke-width: prepareMediaVariable(--_ctm-dn-me-se-ct-dt-se-se-wh, 1.25);
329
441
  }
330
442
  }
331
443
  }
332
-
333
444
  &:hover {
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))))));
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
+ );
365
515
 
366
516
  .btn__with__text {
367
517
  border: none;
368
518
  background-color: transparent;
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)));
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
+ );
393
567
  }
394
568
 
395
569
  span {
396
570
  svg {
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
-
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
+ );
402
579
  path {
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)));
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
+ );
405
584
  }
406
585
  }
407
586
  }
408
587
  }
409
588
  }
410
-
411
589
  .dropdown_buttons {
412
590
  position: absolute;
413
591
  min-width: 150px;
@@ -418,12 +596,10 @@
418
596
  border-radius: 8px;
419
597
  overflow: hidden;
420
598
  margin-top: 2px;
421
-
422
599
  ul {
423
600
  list-style: none;
424
601
  max-height: 200px;
425
602
  overflow-y: auto;
426
-
427
603
  li {
428
604
  background-color: var(--_base-white);
429
605
  padding: 5px;
@@ -431,7 +607,6 @@
431
607
  font-size: 14px;
432
608
  font-weight: 500;
433
609
  cursor: pointer;
434
-
435
610
  &:hover {
436
611
  background-color: var(--_primary-25);
437
612
  color: var(--_primary-400);
@@ -442,7 +617,6 @@
442
617
  }
443
618
  }
444
619
  }
445
-
446
620
  .sizechart-overlay {
447
621
  position: fixed;
448
622
  inset: 0;
@@ -474,7 +648,6 @@
474
648
  font-size: 22px;
475
649
  cursor: pointer;
476
650
  }
477
-
478
651
  .sizechart-container {
479
652
  display: flex;
480
653
  flex-direction: column;
@@ -548,9 +721,13 @@
548
721
  --text-body: rgb(54, 49, 61);
549
722
 
550
723
  position: relative;
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))));
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
+ );
554
731
 
555
732
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
556
733
 
@@ -558,29 +735,52 @@
558
735
  flex-direction: column;
559
736
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
560
737
 
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)));
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
+ );
563
742
 
564
743
  width: 400px;
565
744
  height: 400px;
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))));
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
+ );
584
784
 
585
785
  .gallery-header {
586
786
  // text-align: var(--_ctm-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
@@ -588,107 +788,184 @@
588
788
  display: flex;
589
789
  flex-direction: column;
590
790
 
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)));
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
+ );
593
795
 
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)));
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
+ );
596
800
 
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)));
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
+ );
599
805
 
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)));
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
+ );
602
810
 
603
811
  width: 100%;
604
812
 
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))));
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
+ );
623
852
 
624
853
  & h3 {
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)));
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
+ );
657
910
  }
658
911
 
659
912
  & p {
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)));
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
+ );
692
969
  }
693
970
 
694
971
  // h3 {
@@ -702,60 +979,49 @@
702
979
  flex-direction: column;
703
980
  }
704
981
  }
705
-
706
982
  &[data-text-position="bottom"] {
707
983
  .gallery-slider-element {
708
984
  flex-direction: column-reverse;
709
985
  }
710
986
  }
711
-
712
987
  &[data-text-position="left"] {
713
988
  .gallery-slider-element {
714
989
  flex-direction: row;
715
990
  }
716
-
717
991
  .gallery-header {
718
992
  width: fit-content;
719
993
  height: 100%;
720
994
  }
721
-
722
995
  &[data-widget-alignment="top"] {
723
996
  .gallery-slider-element {
724
997
  align-items: flex-start;
725
998
  }
726
-
727
999
  .gallery-header {
728
1000
  justify-content: flex-start;
729
1001
  }
730
1002
  }
731
-
732
1003
  &[data-widget-alignment="center"] {
733
1004
  .gallery-slider-element {
734
1005
  align-items: center;
735
1006
  }
736
-
737
1007
  .gallery-header {
738
1008
  justify-content: center;
739
1009
  }
740
1010
  }
741
-
742
1011
  &[data-widget-alignment="bottom"] {
743
1012
  .gallery-slider-element {
744
1013
  align-items: flex-end;
745
1014
  }
746
-
747
1015
  .gallery-header {
748
1016
  justify-content: flex-end;
749
1017
  }
750
1018
  }
751
1019
  }
752
-
753
1020
  &[data-text-position="right"] {
754
1021
  .gallery-header {
755
1022
  width: fit-content;
756
1023
  height: 100%;
757
1024
  }
758
-
759
1025
  .gallery-slider-element {
760
1026
  flex-direction: row-reverse;
761
1027
  }
@@ -764,33 +1030,27 @@
764
1030
  .gallery-slider-element {
765
1031
  align-items: flex-start;
766
1032
  }
767
-
768
1033
  .gallery-header {
769
1034
  justify-content: flex-start;
770
1035
  }
771
1036
  }
772
-
773
1037
  &[data-widget-alignment="center"] {
774
1038
  .gallery-slider-element {
775
1039
  align-items: center;
776
1040
  }
777
-
778
1041
  .gallery-header {
779
1042
  justify-content: center;
780
1043
  }
781
1044
  }
782
-
783
1045
  &[data-widget-alignment="bottom"] {
784
1046
  .gallery-slider-element {
785
1047
  align-items: flex-end;
786
1048
  }
787
-
788
1049
  .gallery-header {
789
1050
  justify-content: flex-end;
790
1051
  }
791
1052
  }
792
1053
  }
793
-
794
1054
  .embla {
795
1055
  width: 100%;
796
1056
  height: 100%;
@@ -814,25 +1074,51 @@
814
1074
  display: grid;
815
1075
  grid-template-rows: 100%;
816
1076
  // grid-template-columns: 100%;
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)))));
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
+ );
819
1084
 
820
1085
  grid-auto-flow: column;
821
1086
  gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
822
1087
 
823
1088
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
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));
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
+ );
826
1098
  }
827
1099
 
828
1100
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
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));
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
+ );
831
1110
  }
832
1111
 
833
1112
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
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));
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
+ );
836
1122
  }
837
1123
 
838
1124
  .embla__slide {
@@ -841,10 +1127,11 @@
841
1127
  }
842
1128
  }
843
1129
  }
844
-
845
1130
  &:not([data-display-style="Column"]) {
846
1131
  .embla__container {
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))));
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
+ );
848
1135
  }
849
1136
  }
850
1137
 
@@ -855,7 +1142,6 @@
855
1142
  overflow: unset;
856
1143
  height: 80%;
857
1144
  flex-grow: 1;
858
-
859
1145
  &:not([data-is-builder-type="true"]) {
860
1146
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
861
1147
  }
@@ -866,13 +1152,14 @@
866
1152
 
867
1153
  // min-height: var(--_ctm-height);
868
1154
 
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);
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
+ );
871
1159
 
872
1160
  grid-template-rows: unset;
873
1161
 
874
1162
  grid-auto-flow: row;
875
-
876
1163
  &[data-overflow-hidden="true"] {
877
1164
  overflow: hidden;
878
1165
  }
@@ -883,8 +1170,13 @@
883
1170
  &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
884
1171
  .embla__viewport {
885
1172
  .embla__container {
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)))));
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
+ );
888
1180
  }
889
1181
  }
890
1182
  }
@@ -896,7 +1188,6 @@
896
1188
  overflow: unset;
897
1189
  height: 80%;
898
1190
  flex-grow: 1;
899
-
900
1191
  &:not([data-is-builder-type="true"]) {
901
1192
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
902
1193
  }
@@ -907,8 +1198,10 @@
907
1198
 
908
1199
  // min-height: var(--_ctm-height);
909
1200
 
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);
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
+ );
912
1205
  grid-template-rows: unset;
913
1206
 
914
1207
  grid-auto-flow: row;
@@ -922,7 +1215,6 @@
922
1215
  .embla__viewport {
923
1216
  .embla__container {
924
1217
  display: flex;
925
-
926
1218
  .embla__slide {
927
1219
  width: unset;
928
1220
  height: 100%;
@@ -931,7 +1223,6 @@
931
1223
  }
932
1224
  }
933
1225
  }
934
-
935
1226
  &[data-display-style="Masonry"] {
936
1227
  // overflow: unset;
937
1228
 
@@ -939,17 +1230,17 @@
939
1230
  overflow: hidden;
940
1231
  height: 80%;
941
1232
  flex-grow: 1;
942
-
943
1233
  &:not([data-is-builder-type="true"]) {
944
1234
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
945
1235
  }
946
-
947
1236
  .embla__container {
948
1237
  overflow: unset;
949
1238
 
950
1239
  display: block;
951
- column-count: var(--_ctm-mob-lt-is-pr-rw,
952
- var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw)));
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
+ );
953
1244
  gap: unset;
954
1245
  column-gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
955
1246
 
@@ -959,11 +1250,12 @@
959
1250
 
960
1251
  .embla__slide {
961
1252
  // break-inside: avoid;
962
- margin-bottom: var(--_ctm-mob-lt-im-gp,
963
- var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1253
+ margin-bottom: var(
1254
+ --_ctm-mob-lt-im-gp,
1255
+ var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp))
1256
+ );
964
1257
 
965
1258
  height: unset;
966
-
967
1259
  .gallery__slide {
968
1260
  height: unset;
969
1261
  }
@@ -980,25 +1272,20 @@
980
1272
  width: 100%;
981
1273
  justify-content: space-between;
982
1274
  transform: translate(-50%, -50%);
983
-
984
1275
  // padding-left: 20px;
985
1276
  &[data-control-type="Side"] {
986
-
987
1277
  .left-button,
988
1278
  .right-button {
989
1279
  background-color: transparent;
990
1280
  }
991
1281
  }
992
-
993
1282
  &[data-background-shape="Round"] {
994
-
995
1283
  .left-button,
996
1284
  .right-button {
997
1285
  background-color: #f2f5f5;
998
1286
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
999
1287
  }
1000
1288
  }
1001
-
1002
1289
  &[data-control-type="Bottom-Overflow"] {
1003
1290
  transform: translateX(-50%);
1004
1291
  width: 100%;
@@ -1007,7 +1294,6 @@
1007
1294
  top: unset;
1008
1295
  bottom: 6px;
1009
1296
  }
1010
-
1011
1297
  &[data-control-type="Bottom"] {
1012
1298
  transform: unset;
1013
1299
  position: static;
@@ -1016,22 +1302,27 @@
1016
1302
  gap: 12px;
1017
1303
  margin-top: 10px;
1018
1304
  }
1019
-
1020
1305
  .left-button {
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)));
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
+ );
1025
1314
  }
1026
-
1027
1315
  .right-button {
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)));
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
+ );
1032
1324
  }
1033
1325
  }
1034
-
1035
1326
  .left-button {
1036
1327
  padding: 10px;
1037
1328
  border-radius: 50%;
@@ -1043,7 +1334,6 @@
1043
1334
  cursor: pointer;
1044
1335
  outline: none;
1045
1336
  margin-left: 12px;
1046
-
1047
1337
  &:disabled {
1048
1338
  & svg {
1049
1339
  path {
@@ -1052,7 +1342,6 @@
1052
1342
  }
1053
1343
  }
1054
1344
  }
1055
-
1056
1345
  .right-button {
1057
1346
  border-radius: 50%;
1058
1347
  border: none;
@@ -1073,19 +1362,29 @@
1073
1362
  }
1074
1363
  }
1075
1364
  }
1076
-
1077
1365
  .icon {
1078
1366
  display: flex;
1079
-
1080
1367
  svg {
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);
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
+ );
1085
1382
 
1086
1383
  path {
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)));
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
+ );
1089
1388
  }
1090
1389
  }
1091
1390
  }
@@ -1100,11 +1399,9 @@
1100
1399
  &[data-thumbnail-placement="top"] {
1101
1400
  flex-direction: column-reverse;
1102
1401
  }
1103
-
1104
1402
  &[data-thumbnail-placement="bottom"] {
1105
1403
  flex-direction: column;
1106
1404
  }
1107
-
1108
1405
  &[data-thumbnail-placement="left"] {
1109
1406
  flex-direction: row-reverse;
1110
1407
 
@@ -1119,10 +1416,8 @@
1119
1416
  }
1120
1417
  }
1121
1418
  }
1122
-
1123
1419
  &[data-thumbnail-placement="right"] {
1124
1420
  flex-direction: row;
1125
-
1126
1421
  .embla__thumbs {
1127
1422
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
1128
1423
 
@@ -1134,7 +1429,6 @@
1134
1429
  }
1135
1430
  }
1136
1431
  }
1137
-
1138
1432
  .embla__dots {
1139
1433
  display: flex;
1140
1434
  flex-wrap: wrap;
@@ -1151,13 +1445,14 @@
1151
1445
  transform: translateX(-50%);
1152
1446
  width: 75%;
1153
1447
  }
1154
-
1155
1448
  .embla__dot {
1156
1449
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1157
1450
  -webkit-appearance: none;
1158
1451
  appearance: none;
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)));
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
+ );
1161
1456
 
1162
1457
  touch-action: manipulation;
1163
1458
  display: inline-flex;
@@ -1168,62 +1463,80 @@
1168
1463
  margin: 0;
1169
1464
  // width: 0.6rem;
1170
1465
  // height: 0.6rem;
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)));
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
+ );
1175
1474
 
1176
1475
  display: flex;
1177
1476
  align-items: center;
1178
1477
  justify-content: center;
1179
1478
  border-radius: 50%;
1180
1479
  }
1181
-
1182
1480
  .embla__dot:after {
1183
1481
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
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)));
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
+ );
1188
1490
 
1189
1491
  border-radius: 50%;
1190
1492
  display: flex;
1191
1493
  align-items: center;
1192
1494
  content: "";
1193
1495
  }
1194
-
1195
1496
  .embla__dot--selected:after {
1196
1497
  box-shadow: inset 0 0 0 1px var(--text-body);
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)));
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
+ );
1199
1502
  }
1200
-
1201
1503
  &[data-slider-control="Pagination Line"] {
1202
1504
  .embla__dot {
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)));
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
+ );
1205
1509
 
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)));
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
+ );
1208
1514
 
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)));
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
+ );
1211
1519
 
1212
1520
  border-radius: 6px;
1213
1521
  }
1214
-
1215
1522
  .embla__dot--selected:after {
1216
1523
  box-shadow: inset 0 0 0 1px var(--text-body);
1217
1524
  border-radius: 6px;
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)));
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
+ );
1220
1529
 
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)));
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
+ );
1223
1534
 
1224
1535
  // background-color: #fff;
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)));
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
+ );
1227
1540
  }
1228
1541
  }
1229
1542
  }
@@ -1248,7 +1561,6 @@
1248
1561
 
1249
1562
  overflow: hidden;
1250
1563
  }
1251
-
1252
1564
  .embla__thumbs__container {
1253
1565
  display: flex;
1254
1566
  flex-direction: row;
@@ -1279,115 +1591,205 @@
1279
1591
  img[data-has-link="true"] {
1280
1592
  cursor: pointer;
1281
1593
  }
1282
-
1283
1594
  width: 100%;
1284
1595
  height: 100%;
1285
1596
  display: flex;
1286
1597
  // flex-direction: column;
1287
1598
 
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)));
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
+ );
1304
1632
 
1305
1633
  .gallery-header {
1306
1634
  display: flex;
1307
1635
  flex-direction: column;
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)));
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
+ );
1316
1652
  width: 100%;
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))));
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
+ );
1332
1689
 
1333
1690
  & h3 {
1334
1691
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
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)));
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
+ );
1357
1736
  }
1358
1737
 
1359
1738
  & p {
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)));
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
+ );
1384
1787
  }
1385
1788
  }
1386
1789
 
1387
1790
  img {
1388
1791
  object-fit: contain;
1389
1792
  }
1390
-
1391
1793
  &[data-text-position="On Image"] {
1392
1794
  .gallery-header {
1393
1795
  width: 100%;
@@ -1404,7 +1806,6 @@
1404
1806
  justify-content: flex-start;
1405
1807
  }
1406
1808
  }
1407
-
1408
1809
  &[data-widget-alignment="center"] {
1409
1810
  // align-items: center;
1410
1811
 
@@ -1414,9 +1815,7 @@
1414
1815
  justify-content: center;
1415
1816
  }
1416
1817
  }
1417
-
1418
1818
  &[data-widget-alignment="bottom"] {
1419
-
1420
1819
  // align-items: flex-end;
1421
1820
  .gallery-header {
1422
1821
  bottom: 0;
@@ -1433,7 +1832,6 @@
1433
1832
  &[data-text-position="bottom"] {
1434
1833
  flex-direction: column-reverse;
1435
1834
  }
1436
-
1437
1835
  &[data-text-position="left"] {
1438
1836
  flex-direction: row;
1439
1837
 
@@ -1441,7 +1839,6 @@
1441
1839
  width: fit-content;
1442
1840
  height: 100%;
1443
1841
  }
1444
-
1445
1842
  &[data-widget-alignment="top"] {
1446
1843
  align-items: flex-start;
1447
1844
 
@@ -1449,7 +1846,6 @@
1449
1846
  justify-content: flex-start;
1450
1847
  }
1451
1848
  }
1452
-
1453
1849
  &[data-widget-alignment="center"] {
1454
1850
  align-items: center;
1455
1851
 
@@ -1457,7 +1853,6 @@
1457
1853
  justify-content: center;
1458
1854
  }
1459
1855
  }
1460
-
1461
1856
  &[data-widget-alignment="bottom"] {
1462
1857
  align-items: flex-end;
1463
1858
 
@@ -1466,10 +1861,8 @@
1466
1861
  }
1467
1862
  }
1468
1863
  }
1469
-
1470
1864
  &[data-text-position="right"] {
1471
1865
  flex-direction: row-reverse;
1472
-
1473
1866
  .gallery-header {
1474
1867
  width: fit-content;
1475
1868
  height: 100%;
@@ -1482,7 +1875,6 @@
1482
1875
  justify-content: flex-start;
1483
1876
  }
1484
1877
  }
1485
-
1486
1878
  &[data-widget-alignment="center"] {
1487
1879
  align-items: center;
1488
1880
 
@@ -1490,7 +1882,6 @@
1490
1882
  justify-content: center;
1491
1883
  }
1492
1884
  }
1493
-
1494
1885
  &[data-widget-alignment="bottom"] {
1495
1886
  align-items: flex-end;
1496
1887
 
@@ -1499,7 +1890,6 @@
1499
1890
  }
1500
1891
  }
1501
1892
  }
1502
-
1503
1893
  img {
1504
1894
  width: 100%;
1505
1895
  height: 100%;
@@ -1520,8 +1910,7 @@
1520
1910
  display: flex;
1521
1911
  justify-content: center;
1522
1912
  margin-block: 12px;
1523
-
1524
- &>button {
1913
+ & > button {
1525
1914
  padding-inline: 24px;
1526
1915
  border: 1px solid gray;
1527
1916
  padding-block: 12px;
@@ -1529,4 +1918,4 @@
1529
1918
  }
1530
1919
  }
1531
1920
  }
1532
- }
1921
+ }