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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
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,58 +312,34 @@
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);
340
+ text-transform: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-tm);
341
+ word-wrap: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-wp);
342
+ word-break: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-bk);
414
343
  font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se);
415
344
  color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr);
416
345
  font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt);
@@ -462,6 +391,9 @@
462
391
 
463
392
  p {
464
393
  font-family: prepareMediaVariable(-dn-qk-ls-wt-dn-ft-fy-dc);
394
+ text-transform: prepareMediaVariable(-dn-qk-ls-wt-dn-tt-tm-dc);
395
+ word-wrap: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-wp-dc);
396
+ word-break: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-bk-dc);
465
397
  font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-dc);
466
398
  color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr-dc);
467
399
  font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc);
@@ -513,6 +445,7 @@
513
445
  }
514
446
 
515
447
  .items__container {
448
+
516
449
  .dropdown__container {
517
450
  width: prepareMediaVariable(--_ctm-lt-dn-wh);
518
451
  }
@@ -521,6 +454,15 @@
521
454
  .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
522
455
  display: block;
523
456
  font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
457
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
458
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
459
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
460
+
461
+ &.flex__overflow {
462
+ white-space: normal;
463
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
464
+ }
465
+
524
466
  font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
525
467
  color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
526
468
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
@@ -536,6 +478,9 @@
536
478
 
537
479
  &:hover {
538
480
  font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
481
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
482
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-wp);
483
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-bk);
539
484
  font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
540
485
  color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
541
486
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
@@ -563,10 +508,8 @@
563
508
  }
564
509
 
565
510
  .est__dropdown .list {
566
- gap: var(
567
- --_ctm-mob-lt-dn-gp-bn-is,
568
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
569
- );
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)));
570
513
  }
571
514
 
572
515
  .items__container {
@@ -583,14 +526,10 @@
583
526
  }
584
527
 
585
528
  .list {
586
- width: var(
587
- --_ctm-mob-lt-dn-wh,
588
- var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
589
- ) !important;
590
- gap: var(
591
- --_ctm-mob-lt-dn-gp-bn-is,
592
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
593
- );
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)));
594
533
  justify-content: flex-start;
595
534
  align-items: flex-start;
596
535
  height: auto;
@@ -604,4 +543,4 @@
604
543
  }
605
544
  }
606
545
  }
607
- }
546
+ }