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

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 (132) 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 +2155 -1671
  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/bulk-variant-picker.scss +2027 -1128
  16. package/dist/bundle.scss +1489 -841
  17. package/dist/bundleCategories.scss +301 -0
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +113 -78
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1025 -485
  23. package/dist/cart-summary.scss +1234 -569
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +647 -367
  27. package/dist/cartDropdownOverlay.scss +10 -1
  28. package/dist/category-groups-element.scss +108 -127
  29. package/dist/category-groups-product-grid.scss +147 -120
  30. package/dist/category-groups-product-image.scss +1457 -1162
  31. package/dist/category-groups-product-options.scss +685 -590
  32. package/dist/category-groups-product-price.scss +3244 -1966
  33. package/dist/category-groups-quota-details.scss +464 -210
  34. package/dist/category.scss +50 -26
  35. package/dist/checkout.scss +16 -24
  36. package/dist/confirm-modal.scss +2 -22
  37. package/dist/container.scss +54 -32
  38. package/dist/countdown.scss +443 -256
  39. package/dist/coupon.scss +16 -19
  40. package/dist/default-dropdown.scss +1 -12
  41. package/dist/embroider-template-1-v2.scss +172 -123
  42. package/dist/embroider-template-1.scss +104 -68
  43. package/dist/embroidery.scss +31 -30
  44. package/dist/employee-bulk-order.scss +142 -418
  45. package/dist/faq.scss +408 -228
  46. package/dist/filter-results.scss +265 -125
  47. package/dist/filters.scss +1682 -831
  48. package/dist/gallery-slider-temp.scss +811 -445
  49. package/dist/global-styles.scss +7 -23
  50. package/dist/grid.scss +33 -25
  51. package/dist/hotspot.scss +115 -68
  52. package/dist/image-temp.scss +38 -24
  53. package/dist/item-stock.scss +16 -9
  54. package/dist/kitDetails.scss +4301 -2721
  55. package/dist/kits.scss +19 -24
  56. package/dist/language-selector.scss +361 -211
  57. package/dist/last-x-orders.scss +174 -95
  58. package/dist/layouter-item.scss +106 -76
  59. package/dist/layouter-pro-item.scss +95 -89
  60. package/dist/layouter-pro.scss +92 -87
  61. package/dist/layouter.scss +264 -79
  62. package/dist/light-box-v2.scss +104 -89
  63. package/dist/login.scss +600 -311
  64. package/dist/map.scss +391 -228
  65. package/dist/marchandiserSets.scss +104 -95
  66. package/dist/mega-menu-container.scss +109 -96
  67. package/dist/mega-menu.scss +731 -624
  68. package/dist/menu-item.scss +2 -2
  69. package/dist/menu-v2.scss +619 -507
  70. package/dist/multi-select-dropdown.scss +3 -27
  71. package/dist/my-templates.scss +9 -38
  72. package/dist/option-bar.scss +375 -215
  73. package/dist/order-status.scss +1117 -643
  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 +1778 -1228
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +176 -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 +659 -316
  87. package/dist/product-price.scss +2562 -1284
  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 +451 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +137 -56
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +121 -82
  99. package/dist/repeater-embla-controls.scss +26 -37
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +817 -554
  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 +198 -90
  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 +198 -61
  111. package/dist/social.scss +145 -80
  112. package/dist/stack.scss +34 -23
  113. package/dist/static-global.scss +26 -44
  114. package/dist/stockStatus.scss +19 -11
  115. package/dist/store-locations.scss +1105 -577
  116. package/dist/tab-container.scss +108 -81
  117. package/dist/table-common.scss +408 -217
  118. package/dist/table.scss +511 -269
  119. package/dist/text-temp.scss +7 -8
  120. package/dist/theme-classes.scss +13 -17
  121. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  122. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  123. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  125. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  126. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  127. package/dist/uom-selector.scss +949 -489
  128. package/dist/user-elements.scss +892 -574
  129. package/dist/variant-picker.scss +2555 -1281
  130. package/dist/volume-pricing.scss +1037 -541
  131. package/dist/widget.scss +1 -0
  132. package/package.json +1 -1
package/dist/quick-links.scss CHANGED
@@ -5,14 +5,27 @@
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(--_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))))));
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
+ );
11
18
  margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
12
19
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
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 {
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 {
16
29
  width: 100%;
17
30
  // height: 100%;
18
31
  }
@@ -54,9 +67,14 @@
54
67
  // }
55
68
 
56
69
  &[data-items-default-border="true"] {
57
-
58
70
  .quick__links__container .items__container .links__item,
59
- .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
71
+ .quick__links__container
72
+ .items__container
73
+ .dropdown__container
74
+ .est__dropdown__main
75
+ .est__dropdown
76
+ .list
77
+ .list__option {
60
78
  border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
61
79
  border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
62
80
  border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
@@ -64,9 +82,14 @@
64
82
  }
65
83
 
66
84
  &[data-items-hover-border="true"] {
67
-
68
85
  .quick__links__container .items__container .links__item:hover,
69
- .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option:hover {
86
+ .quick__links__container
87
+ .items__container
88
+ .dropdown__container
89
+ .est__dropdown__main
90
+ .est__dropdown
91
+ .list
92
+ .list__option:hover {
70
93
  border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
71
94
  border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
72
95
  border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
@@ -74,24 +97,39 @@
74
97
  }
75
98
 
76
99
  &[data-items-default-shadow="true"] {
77
-
78
100
  .quick__links__container .items__container .links__item,
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);
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);
81
112
  }
82
113
  }
83
114
 
84
115
  &[data-items-hover-shadow="true"] {
85
-
86
116
  .quick__links__container .items__container .links__item:hover,
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);
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);
89
128
  }
90
129
  }
91
130
 
92
131
  &[data-items-alignment="left"] {
93
132
  .quick__links__container {
94
-
95
133
  .items__container,
96
134
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
97
135
  justify-content: flex-start;
@@ -108,7 +146,6 @@
108
146
 
109
147
  &[data-items-alignment="center"] {
110
148
  .quick__links__container {
111
-
112
149
  .items__container,
113
150
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
114
151
  justify-content: center;
@@ -125,7 +162,6 @@
125
162
 
126
163
  &[data-items-alignment="right"] {
127
164
  .quick__links__container {
128
-
129
165
  .items__container,
130
166
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
131
167
  justify-content: flex-end;
@@ -224,7 +260,10 @@
224
260
  border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
225
261
  border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
226
262
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
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);
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);
228
267
  // border-color: var(
229
268
  // --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
230
269
  // var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
@@ -246,14 +285,20 @@
246
285
 
247
286
  &[data-content-border="true"] {
248
287
  .header__container {
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)));
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
+ );
257
302
  }
258
303
  }
259
304
 
@@ -274,8 +319,10 @@
274
319
  }
275
320
 
276
321
  .quick__links__container {
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)));
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
+ );
279
326
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
280
327
  // background-color: var(
281
328
  // --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
@@ -312,28 +359,55 @@
312
359
  background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
313
360
 
314
361
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
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);
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);
316
366
 
317
367
  .header__container {
318
368
  display: flex;
319
369
  flex-direction: column;
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)));
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
+ );
325
382
 
326
383
  background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
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))));
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
+ );
337
411
 
338
412
  h3 {
339
413
  font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
@@ -445,7 +519,6 @@
445
519
  }
446
520
 
447
521
  .items__container {
448
-
449
522
  .dropdown__container {
450
523
  width: prepareMediaVariable(--_ctm-lt-dn-wh);
451
524
  }
@@ -457,12 +530,10 @@
457
530
  text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
458
531
  word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
459
532
  word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
460
-
461
533
  &.flex__overflow {
462
534
  white-space: normal;
463
535
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
464
536
  }
465
-
466
537
  font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
467
538
  color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
468
539
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
@@ -476,6 +547,10 @@
476
547
  width: fit-content;
477
548
  border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
478
549
 
550
+ &[data-has-link="true"] {
551
+ cursor: pointer;
552
+ }
553
+
479
554
  &:hover {
480
555
  font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
481
556
  text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
@@ -508,8 +583,10 @@
508
583
  }
509
584
 
510
585
  .est__dropdown .list {
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
+ gap: var(
587
+ --_ctm-mob-lt-dn-gp-bn-is,
588
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
589
+ );
513
590
  }
514
591
 
515
592
  .items__container {
@@ -526,10 +603,14 @@
526
603
  }
527
604
 
528
605
  .list {
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)));
606
+ width: var(
607
+ --_ctm-mob-lt-dn-wh,
608
+ var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
609
+ ) !important;
610
+ gap: var(
611
+ --_ctm-mob-lt-dn-gp-bn-is,
612
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
613
+ );
533
614
  justify-content: flex-start;
534
615
  align-items: flex-start;
535
616
  height: auto;
@@ -543,4 +624,4 @@
543
624
  }
544
625
  }
545
626
  }
546
- }
627
+ }