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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/quick-links.scss CHANGED
@@ -5,27 +5,14 @@
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="quickLinks"] {
7
7
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
- width: var(
9
- --_sf-el-wh-st-mx,
10
- calc(
11
- 1% *
12
- var(
13
- --_ctm-mob-ele-nw-wh-vl,
14
- var(--_ctm-tab-ele-nw-wh-vl, var(var(--_ctm-ele-nw-wh-vl), var(--_sf-nw-wh)))
15
- )
16
- )
17
- );
8
+ width: var(--_sf-el-wh-st-mx,
9
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
10
+ var(--_ctm-tab-ele-nw-wh-vl, var(var(--_ctm-ele-nw-wh-vl), var(--_sf-nw-wh))))));
18
11
  margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
19
12
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
- --_aspect-ratio: calc(
21
- 1 *
22
- (
23
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
24
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
25
- )
26
- );
27
-
28
- & > .wrapper {
13
+ --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
14
+
15
+ &>.wrapper {
29
16
  width: 100%;
30
17
  // height: 100%;
31
18
  }
@@ -67,14 +54,9 @@
67
54
  // }
68
55
 
69
56
  &[data-items-default-border="true"] {
57
+
70
58
  .quick__links__container .items__container .links__item,
71
- .quick__links__container
72
- .items__container
73
- .dropdown__container
74
- .est__dropdown__main
75
- .est__dropdown
76
- .list
77
- .list__option {
59
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
78
60
  border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
79
61
  border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
80
62
  border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
@@ -82,14 +64,9 @@
82
64
  }
83
65
 
84
66
  &[data-items-hover-border="true"] {
67
+
85
68
  .quick__links__container .items__container .links__item:hover,
86
- .quick__links__container
87
- .items__container
88
- .dropdown__container
89
- .est__dropdown__main
90
- .est__dropdown
91
- .list
92
- .list__option:hover {
69
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option:hover {
93
70
  border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
94
71
  border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
95
72
  border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
@@ -97,39 +74,24 @@
97
74
  }
98
75
 
99
76
  &[data-items-default-shadow="true"] {
77
+
100
78
  .quick__links__container .items__container .links__item,
101
- .quick__links__container
102
- .items__container
103
- .dropdown__container
104
- .est__dropdown__main
105
- .est__dropdown
106
- .list
107
- .list__option {
108
- box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
109
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
110
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
111
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
79
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
80
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
112
81
  }
113
82
  }
114
83
 
115
84
  &[data-items-hover-shadow="true"] {
85
+
116
86
  .quick__links__container .items__container .links__item:hover,
117
- .quick__links__container
118
- .items__container
119
- .dropdown__container
120
- .est__dropdown__main
121
- .est__dropdown
122
- .list
123
- .list__option:hover {
124
- box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
125
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
126
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
127
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
87
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option:hover {
88
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
128
89
  }
129
90
  }
130
91
 
131
92
  &[data-items-alignment="left"] {
132
93
  .quick__links__container {
94
+
133
95
  .items__container,
134
96
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
135
97
  justify-content: flex-start;
@@ -146,6 +108,7 @@
146
108
 
147
109
  &[data-items-alignment="center"] {
148
110
  .quick__links__container {
111
+
149
112
  .items__container,
150
113
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
151
114
  justify-content: center;
@@ -162,6 +125,7 @@
162
125
 
163
126
  &[data-items-alignment="right"] {
164
127
  .quick__links__container {
128
+
165
129
  .items__container,
166
130
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
167
131
  justify-content: flex-end;
@@ -260,10 +224,7 @@
260
224
  border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
261
225
  border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
262
226
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
263
- box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
264
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
265
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
266
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
227
+ box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
267
228
  // border-color: var(
268
229
  // --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
269
230
  // var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
@@ -285,20 +246,14 @@
285
246
 
286
247
  &[data-content-border="true"] {
287
248
  .header__container {
288
- border-color: var(
289
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
290
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr))
291
- );
292
-
293
- border-style: var(
294
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
295
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se))
296
- );
297
-
298
- border-width: var(
299
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
300
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh))
301
- );
249
+ border-color: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
250
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr)));
251
+
252
+ border-style: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
253
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se)));
254
+
255
+ border-width: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
256
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh)));
302
257
  }
303
258
  }
304
259
 
@@ -319,10 +274,8 @@
319
274
  }
320
275
 
321
276
  .quick__links__container {
322
- gap: var(
323
- --_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
324
- var(--_ctm-tab-dn-qk-ls-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-qk-ls-wt-lt-wt-tt-ad-im-sg))
325
- );
277
+ gap: var(--_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
278
+ var(--_ctm-tab-dn-qk-ls-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-qk-ls-wt-lt-wt-tt-ad-im-sg)));
326
279
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
327
280
  // background-color: var(
328
281
  // --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
@@ -359,55 +312,28 @@
359
312
  background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
360
313
 
361
314
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
362
- box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
363
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
364
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
365
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
315
+ box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
366
316
 
367
317
  .header__container {
368
318
  display: flex;
369
319
  flex-direction: column;
370
- padding: var(
371
- --_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
372
- var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))
373
- )
374
- var(
375
- --_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
376
- var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg))
377
- );
378
- gap: var(
379
- --_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
380
- var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg))
381
- );
320
+ padding: var(--_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
321
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))) var(--_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
322
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg)));
323
+ gap: var(--_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
324
+ var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg)));
382
325
 
383
326
  background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
384
- background-color: var(
385
- --_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
386
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr))
387
- );
388
- border-radius: var(
389
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
390
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs))
391
- );
392
- box-shadow: var(
393
- --_show-text-content-shadow,
394
- var(
395
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
396
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))
397
- )
398
- var(
399
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
400
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))
401
- )
402
- var(
403
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
404
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))
405
- )
406
- var(
407
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
408
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))
409
- )
410
- );
327
+ background-color: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
328
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr)));
329
+ border-radius: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
330
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs)));
331
+ box-shadow: var(--_show-text-content-shadow,
332
+ var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
333
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
334
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
335
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
336
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))));
411
337
 
412
338
  h3 {
413
339
  font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
@@ -519,6 +445,7 @@
519
445
  }
520
446
 
521
447
  .items__container {
448
+
522
449
  .dropdown__container {
523
450
  width: prepareMediaVariable(--_ctm-lt-dn-wh);
524
451
  }
@@ -530,10 +457,12 @@
530
457
  text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
531
458
  word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
532
459
  word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
460
+
533
461
  &.flex__overflow {
534
462
  white-space: normal;
535
463
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
536
464
  }
465
+
537
466
  font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
538
467
  color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
539
468
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
@@ -579,10 +508,8 @@
579
508
  }
580
509
 
581
510
  .est__dropdown .list {
582
- gap: var(
583
- --_ctm-mob-lt-dn-gp-bn-is,
584
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
585
- );
511
+ gap: var(--_ctm-mob-lt-dn-gp-bn-is,
512
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is)));
586
513
  }
587
514
 
588
515
  .items__container {
@@ -599,14 +526,10 @@
599
526
  }
600
527
 
601
528
  .list {
602
- width: var(
603
- --_ctm-mob-lt-dn-wh,
604
- var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
605
- ) !important;
606
- gap: var(
607
- --_ctm-mob-lt-dn-gp-bn-is,
608
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
609
- );
529
+ width: var(--_ctm-mob-lt-dn-wh,
530
+ var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))) !important;
531
+ gap: var(--_ctm-mob-lt-dn-gp-bn-is,
532
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is)));
610
533
  justify-content: flex-start;
611
534
  align-items: flex-start;
612
535
  height: auto;
@@ -620,4 +543,4 @@
620
543
  }
621
544
  }
622
545
  }
623
- }
546
+ }