@sc-360-v2/storefront-cms-library 0.5.70 → 0.5.71

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 (155) hide show
  1. package/dist/add-existing-form.scss +68 -68
  2. package/dist/add-products-tab-details.scss +4071 -4071
  3. package/dist/add-products-tab-uom-details.scss +1106 -1106
  4. package/dist/add-products-tab.scss +2377 -2377
  5. package/dist/allocation-header-quota-details.scss +609 -609
  6. package/dist/allocations-quota-details.scss +525 -525
  7. package/dist/amount-estimator.scss +1192 -1192
  8. package/dist/animation-control.scss +23 -23
  9. package/dist/badge.scss +408 -408
  10. package/dist/brand-basic-elements.scss +387 -387
  11. package/dist/brand.scss +142 -142
  12. package/dist/breadcrumbs.scss +966 -966
  13. package/dist/builder.js +1 -1
  14. package/dist/bulk-order-pad.scss +692 -692
  15. package/dist/bundleCategories.scss +301 -301
  16. package/dist/bundleDetails.scss +6189 -6189
  17. package/dist/buy-for-tab-container.scss +141 -141
  18. package/dist/buy-for-tab.scss +649 -649
  19. package/dist/buy-for-tabs-container-item.scss +80 -80
  20. package/dist/buyForPopup.scss +339 -339
  21. package/dist/cart-details.scss +3986 -3986
  22. package/dist/cart-products-sidebar.scss +211 -211
  23. package/dist/cart-summary.scss +2826 -2826
  24. package/dist/cart-wrapper.scss +127 -127
  25. package/dist/cartAttributes.scss +1422 -1422
  26. package/dist/cartDropdownOverlay.scss +653 -653
  27. package/dist/cartGrouping.scss +89 -89
  28. package/dist/category-groups-element.scss +739 -739
  29. package/dist/category-groups-quota-details.scss +626 -626
  30. package/dist/category.scss +137 -137
  31. package/dist/categoryDetails.scss +61 -61
  32. package/dist/categoryWidget.scss +34 -34
  33. package/dist/checkbox-radio.scss +124 -124
  34. package/dist/code-temp.scss +59 -59
  35. package/dist/colorpicker_v2.scss +62 -62
  36. package/dist/common-element.scss +35 -35
  37. package/dist/confirm-modal.scss +370 -370
  38. package/dist/confirmationModal.scss +139 -139
  39. package/dist/contact-us.scss +105 -105
  40. package/dist/container.scss +168 -168
  41. package/dist/countdown.scss +899 -899
  42. package/dist/coupon.scss +1519 -1519
  43. package/dist/custom-fonts.scss +100 -100
  44. package/dist/customization-tree.scss +162 -162
  45. package/dist/default-dropdown.scss +259 -259
  46. package/dist/dropdownTemplate.scss +699 -699
  47. package/dist/editCartItem.scss +110 -110
  48. package/dist/embed-temp.scss +73 -73
  49. package/dist/embroider-preview-element.scss +94 -94
  50. package/dist/embroider-template-1-v2.scss +1105 -1105
  51. package/dist/embroider-template-1.scss +501 -501
  52. package/dist/embroidery.scss +247 -247
  53. package/dist/employee-bulk-order.scss +4060 -4060
  54. package/dist/emtpy-templates.scss +165 -165
  55. package/dist/faq.scss +696 -696
  56. package/dist/fb-dropdown.scss +135 -135
  57. package/dist/filter-results.scss +361 -361
  58. package/dist/filters.scss +3040 -3040
  59. package/dist/flex-text-editor.scss +271 -271
  60. package/dist/form-preview.scss +530 -530
  61. package/dist/gallery-slider-temp.scss +1776 -1776
  62. package/dist/global-styles.scss +198 -198
  63. package/dist/grid.scss +169 -169
  64. package/dist/icon-library.scss +78 -78
  65. package/dist/image-for-product.scss +21 -21
  66. package/dist/image-temp.scss +203 -203
  67. package/dist/item-stock.scss +93 -93
  68. package/dist/kitDetails.scss +5739 -5739
  69. package/dist/kits.scss +305 -305
  70. package/dist/language-selector.scss +948 -948
  71. package/dist/last-x-orders.scss +285 -285
  72. package/dist/layouter-item.scss +141 -141
  73. package/dist/layouter-pro-item.scss +139 -139
  74. package/dist/layouter-pro.scss +134 -134
  75. package/dist/layouter.scss +491 -491
  76. package/dist/light-box-v2.scss +155 -155
  77. package/dist/lightbox.scss +78 -78
  78. package/dist/loader.scss +37 -37
  79. package/dist/login.scss +29 -11
  80. package/dist/map.scss +1359 -1359
  81. package/dist/marchandiserSets.scss +141 -141
  82. package/dist/mega-menu-container.scss +152 -152
  83. package/dist/menu-item.scss +19 -19
  84. package/dist/menu-v2.scss +999 -999
  85. package/dist/menu.scss +174 -174
  86. package/dist/multi-select-dropdown.scss +316 -316
  87. package/dist/my-templates.scss +477 -477
  88. package/dist/my-wishlist.scss +27 -27
  89. package/dist/option-bar.scss +886 -886
  90. package/dist/order-processing.scss +61 -61
  91. package/dist/order-status.scss +2187 -2187
  92. package/dist/overflow-module.scss +63 -63
  93. package/dist/past-orders.scss +1039 -1039
  94. package/dist/payment-methods.scss +307 -307
  95. package/dist/phone-input.scss +208 -208
  96. package/dist/pickup-locations.scss +1359 -1359
  97. package/dist/position-module.scss +95 -95
  98. package/dist/prefix-list.scss +86 -86
  99. package/dist/product-actions.scss +2872 -2872
  100. package/dist/product-basic-elements.scss +600 -600
  101. package/dist/product-customizations.scss +155 -155
  102. package/dist/product-highlights.scss +348 -348
  103. package/dist/product-image-allocation.scss +1477 -1477
  104. package/dist/product-inventory.scss +1621 -1621
  105. package/dist/product-labels.scss +265 -265
  106. package/dist/product-options.scss +1444 -1444
  107. package/dist/product-price.scss +3392 -3392
  108. package/dist/product-promotions.scss +3224 -3224
  109. package/dist/product-sizechart.scss +1921 -1921
  110. package/dist/product.scss +140 -140
  111. package/dist/profile.scss +824 -824
  112. package/dist/quantity-selector.scss +1074 -1074
  113. package/dist/quick-inventory-check.scss +285 -285
  114. package/dist/quick-links.scss +627 -627
  115. package/dist/quota-details.scss +526 -526
  116. package/dist/quotes.scss +847 -847
  117. package/dist/repeater-embla-controls.scss +211 -211
  118. package/dist/repeater-grid-toggle.scss +206 -206
  119. package/dist/repeater-item.scss +152 -152
  120. package/dist/repeater.scss +946 -946
  121. package/dist/request-for-quotes.scss +841 -841
  122. package/dist/responsive-behaviour.scss +29 -29
  123. package/dist/rfqs.scss +861 -861
  124. package/dist/scroll.scss +414 -414
  125. package/dist/search-results-heading.scss +309 -309
  126. package/dist/search.scss +689 -689
  127. package/dist/section.scss +276 -276
  128. package/dist/shareCartSideBar.scss +254 -254
  129. package/dist/shipping-estimator.scss +41 -41
  130. package/dist/shipping-payments.scss +2518 -2518
  131. package/dist/simple-list.scss +338 -338
  132. package/dist/skeleton.scss +64 -64
  133. package/dist/spotlight.scss +1706 -1706
  134. package/dist/stack.scss +171 -171
  135. package/dist/static-global.scss +292 -292
  136. package/dist/static-text.scss +52 -52
  137. package/dist/stockStatus.scss +70 -70
  138. package/dist/store-locations.scss +1592 -1592
  139. package/dist/sub-category.scss +74 -74
  140. package/dist/submit-quote.scss +275 -275
  141. package/dist/tab-container-item.scss +80 -80
  142. package/dist/tab-container.scss +141 -141
  143. package/dist/table.scss +9 -0
  144. package/dist/tabs.scss +440 -440
  145. package/dist/text-temp.scss +109 -109
  146. package/dist/theme-classes.scss +421 -421
  147. package/dist/toaster.scss +392 -392
  148. package/dist/toggle-button.scss +32 -32
  149. package/dist/transform-properties-module.scss +20 -20
  150. package/dist/types/builder/tools/element-edit/login.d.ts +1 -0
  151. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +1 -0
  152. package/dist/user-elements.scss +2896 -2896
  153. package/dist/widget.scss +153 -153
  154. package/dist/wishlist-overlay.scss +48 -48
  155. package/package.json +1 -1
package/dist/quick-links.scss CHANGED
@@ -1,627 +1,627 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
- @use "./functions.scss" as *;
4
-
5
- [data-div-type="element"] {
6
- &[data-element-type="quickLinks"] {
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
- );
18
- margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
19
- // 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 {
29
- width: 100%;
30
- // height: 100%;
31
- }
32
-
33
- // &[data-items-default-border="true"] {
34
- // .quick__links__container .items__container .links__item {
35
- // border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
36
- // border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
37
- // border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
38
- // border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
39
- // }
40
- // }
41
-
42
- // &[data-items-hover-border="true"] {
43
- // .quick__links__container .items__container .links__item:hover {
44
- // border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
45
- // border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
46
- // border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
47
- // border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
48
- // }
49
- // }
50
-
51
- // &[data-items-default-shadow="true"] {
52
- // .quick__links__container .items__container .links__item {
53
- // box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
54
- // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
55
- // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
56
- // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
57
- // }
58
- // }
59
-
60
- // &[data-items-hover-shadow="true"] {
61
- // .quick__links__container .items__container .links__item:hover {
62
- // box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
63
- // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
64
- // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
65
- // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
66
- // }
67
- // }
68
-
69
- &[data-items-default-border="true"] {
70
- .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 {
78
- border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
79
- border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
80
- border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
81
- }
82
- }
83
-
84
- &[data-items-hover-border="true"] {
85
- .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 {
93
- border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
94
- border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
95
- border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
96
- }
97
- }
98
-
99
- &[data-items-default-shadow="true"] {
100
- .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);
112
- }
113
- }
114
-
115
- &[data-items-hover-shadow="true"] {
116
- .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);
128
- }
129
- }
130
-
131
- &[data-items-alignment="left"] {
132
- .quick__links__container {
133
- .items__container,
134
- .items__container .dropdown__container .est__dropdown__main .est__dropdown {
135
- justify-content: flex-start;
136
- align-items: flex-start;
137
-
138
- .est__dropdown__button,
139
- .list {
140
- justify-content: flex-start;
141
- align-items: flex-start;
142
- }
143
- }
144
- }
145
- }
146
-
147
- &[data-items-alignment="center"] {
148
- .quick__links__container {
149
- .items__container,
150
- .items__container .dropdown__container .est__dropdown__main .est__dropdown {
151
- justify-content: center;
152
- align-items: center;
153
-
154
- .est__dropdown__button,
155
- .list {
156
- justify-content: center;
157
- align-items: center;
158
- }
159
- }
160
- }
161
- }
162
-
163
- &[data-items-alignment="right"] {
164
- .quick__links__container {
165
- .items__container,
166
- .items__container .dropdown__container .est__dropdown__main .est__dropdown {
167
- justify-content: flex-end;
168
- align-items: flex-end;
169
-
170
- .est__dropdown__button,
171
- .list {
172
- justify-content: flex-end;
173
- align-items: flex-end;
174
- }
175
- }
176
- }
177
- }
178
-
179
- &[data-display-style="Vertical"] {
180
- .quick__links__container .items__container {
181
- display: flex;
182
- flex-direction: column;
183
- gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
184
- }
185
- }
186
-
187
- &[data-display-style="Wrap Horizontal"] {
188
- .quick__links__container .items__container {
189
- display: flex;
190
- flex-direction: row;
191
- flex-wrap: wrap;
192
- gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
193
- }
194
- }
195
-
196
- &[data-text-position="top"] {
197
- .quick__links__container {
198
- flex-direction: column;
199
- }
200
- }
201
-
202
- &[data-text-position="bottom"] {
203
- .quick__links__container {
204
- flex-direction: column-reverse;
205
- }
206
- }
207
-
208
- &[data-text-position="left"] {
209
- .quick__links__container {
210
- flex-direction: row;
211
- }
212
-
213
- &[data-widget-alignment="top"] {
214
- .quick__links__container {
215
- align-items: flex-start;
216
- }
217
- }
218
-
219
- &[data-widget-alignment="center"] {
220
- .quick__links__container {
221
- align-items: center;
222
- }
223
- }
224
-
225
- &[data-widget-alignment="bottom"] {
226
- .quick__links__container {
227
- align-items: flex-end;
228
- }
229
- }
230
- }
231
-
232
- &[data-text-position="right"] {
233
- .quick__links__container {
234
- flex-direction: row-reverse;
235
- }
236
-
237
- &[data-widget-alignment="top"] {
238
- .quick__links__container {
239
- align-items: flex-start;
240
- }
241
- }
242
-
243
- &[data-widget-alignment="center"] {
244
- .quick__links__container {
245
- align-items: center;
246
- }
247
- }
248
-
249
- &[data-widget-alignment="bottom"] {
250
- .quick__links__container {
251
- align-items: flex-end;
252
- }
253
- }
254
- }
255
-
256
- &[data-widget-border="true"] {
257
- .quick__links__container {
258
- background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
259
- border-width: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-wh);
260
- border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
261
- border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
262
- 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);
267
- // border-color: var(
268
- // --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
269
- // var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
270
- // );
271
- // border-style: var(
272
- // --_ctm-mob-dn-qk-ls-wt-dn-br-se,
273
- // var(--_ctm-tab-dn-qk-ls-wt-dn-br-se, var(--_ctm-dn-qk-ls-wt-dn-br-se))
274
- // );
275
- // border-width: var(
276
- // --_ctm-mob-dn-qk-ls-wt-dn-br-wh,
277
- // var(--_ctm-tab-dn-qk-ls-wt-dn-br-wh, var(--_ctm-dn-qk-ls-wt-dn-br-wh))
278
- // );
279
- }
280
- }
281
-
282
- &[data-widget-shadow="false"] {
283
- --_show-shadow: none;
284
- }
285
-
286
- &[data-content-border="true"] {
287
- .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
- );
302
- }
303
- }
304
-
305
- &[data-content-shadow="false"] {
306
- --_show-text-content-shadow: none;
307
- }
308
-
309
- &[data-icon-background-shape="circle"] {
310
- .video__icon {
311
- border-radius: 50%;
312
- }
313
- }
314
-
315
- &[data-icon-background-shape="rectange"] {
316
- .video__icon {
317
- border-radius: 6px;
318
- }
319
- }
320
-
321
- .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
- );
326
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
327
- // background-color: var(
328
- // --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
329
- // var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
330
- // );
331
- display: flex;
332
- // flex-direction: var(--_sf-fd-bn);
333
- justify-content: var(--_sf-jc, center);
334
- // box-shadow: var(
335
- // --_show-shadow,
336
- // var(
337
- // --_ctm-mob-dn-qk-ls-wt-dn-sw-ae,
338
- // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-ae, var(--_ctm-dn-qk-ls-wt-dn-sw-ae))
339
- // )
340
- // var(
341
- // --_ctm-mob-dn-qk-ls-wt-dn-sw-br,
342
- // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-br, var(--_ctm-dn-qk-ls-wt-dn-sw-br))
343
- // )
344
- // var(
345
- // --_ctm-mob-dn-qk-ls-wt-dn-sw-sd,
346
- // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-sd, var(--_ctm-dn-qk-ls-wt-dn-sw-sd))
347
- // )
348
- // var(
349
- // --_ctm-mob-dn-qk-ls-wt-dn-sw-cr,
350
- // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-cr, var(--_ctm-dn-qk-ls-wt-dn-sw-cr))
351
- // )
352
- // );
353
- width: 100%;
354
- height: auto;
355
- // border-radius: var(
356
- // --_ctm-mob-dn-qk-ls-wt-dn-br-rs,
357
- // var(--_ctm-tab-dn-qk-ls-wt-dn-br-rs, var(--_ctm-dn-qk-ls-wt-dn-br-rs))
358
- // );
359
- background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
360
-
361
- 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);
366
-
367
- .header__container {
368
- display: flex;
369
- 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
- );
382
-
383
- 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
- );
411
-
412
- h3 {
413
- font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
414
- text-transform: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-tm);
415
- word-wrap: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-wp);
416
- word-break: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-bk);
417
- font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se);
418
- color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr);
419
- font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt);
420
- font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic);
421
- text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue);
422
- text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an);
423
- letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg);
424
- line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht);
425
- // color: var(
426
- // --_ctm-mob-dn-qk-ls-wt-dn-cr,
427
- // var(--_ctm-tab-dn-qk-ls-wt-dn-cr, var(--_ctm-dn-qk-ls-wt-dn-cr))
428
- // );
429
- // font-family: var(
430
- // --_sf-hr-ff,
431
- // var(
432
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-fy,
433
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy, var(--_ctm-dn-qk-ls-wt-dn-ft-fy))
434
- // )
435
- // );
436
- // font-size: var(
437
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-se,
438
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se, var(--_ctm-dn-qk-ls-wt-dn-ft-se))
439
- // );
440
- // font-weight: var(
441
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-wt,
442
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt, var(--_ctm-dn-qk-ls-wt-dn-ft-wt))
443
- // );
444
- // font-style: var(
445
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic,
446
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic))
447
- // );
448
- // text-align: var(
449
- // --_ctm-mob-dn-qk-ls-wt-dn-tt-an,
450
- // var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an, var(--_ctm-dn-qk-ls-wt-dn-tt-an))
451
- // );
452
- // letter-spacing: var(
453
- // --_ctm-mob-dn-qk-ls-wt-dn-lr-sg,
454
- // var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg, var(--_ctm-dn-qk-ls-wt-dn-lr-sg))
455
- // );
456
- // line-height: var(
457
- // --_ctm-mob-dn-qk-ls-wt-dn-le-ht,
458
- // var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht, var(--_ctm-dn-qk-ls-wt-dn-le-ht))
459
- // );
460
- // text-decoration: var(
461
- // --_ctm-mob-dn-qk-ls-wt-dn-ue,
462
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ue, var(--_ctm-dn-qk-ls-wt-dn-ue))
463
- // );
464
- }
465
-
466
- p {
467
- font-family: prepareMediaVariable(-dn-qk-ls-wt-dn-ft-fy-dc);
468
- text-transform: prepareMediaVariable(-dn-qk-ls-wt-dn-tt-tm-dc);
469
- word-wrap: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-wp-dc);
470
- word-break: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-bk-dc);
471
- font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-dc);
472
- color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr-dc);
473
- font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc);
474
- font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc);
475
- text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue-dc);
476
- text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an-dc);
477
- letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc);
478
- line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht-dc);
479
- // color: var(
480
- // --_ctm-mob-dn-qk-ls-wt-dn-cr-dc,
481
- // var(--_ctm-tab-dn-qk-ls-wt-dn-cr-dc, var(--_ctm-dn-qk-ls-wt-dn-cr-dc))
482
- // );
483
- // font-family: var(
484
- // --_sf-hr-ff,
485
- // var(
486
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-fy-dc,
487
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-fy-dc))
488
- // )
489
- // );
490
- // font-size: var(
491
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-dc,
492
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-dc))
493
- // );
494
- // font-weight: var(
495
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-wt-dc,
496
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc))
497
- // );
498
- // font-style: var(
499
- // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic-dc,
500
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc))
501
- // );
502
- // text-align: var(
503
- // --_ctm-mob-dn-qk-ls-wt-dn-tt-an-dc,
504
- // var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an-dc, var(--_ctm-dn-qk-ls-wt-dn-tt-an-dc))
505
- // );
506
- // letter-spacing: var(
507
- // --_ctm-mob-dn-qk-ls-wt-dn-lr-sg-dc,
508
- // var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg-dc, var(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc))
509
- // );
510
- // line-height: var(
511
- // --_ctm-mob-dn-qk-ls-wt-dn-le-ht-dc,
512
- // var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht-dc, var(--_ctm-dn-qk-ls-wt-dn-le-ht-dc))
513
- // );
514
- // text-decoration: var(
515
- // --_ctm-mob-dn-qk-ls-wt-dn-ue-dc,
516
- // var(--_ctm-tab-dn-qk-ls-wt-dn-ue-dc, var(--_ctm-dn-qk-ls-wt-dn-ue-dc))
517
- // );
518
- }
519
- }
520
-
521
- .items__container {
522
- .dropdown__container {
523
- width: prepareMediaVariable(--_ctm-lt-dn-wh);
524
- }
525
-
526
- .links__item,
527
- .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
528
- display: block;
529
- font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
530
- text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
531
- word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
532
- word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
533
- &.flex__overflow {
534
- white-space: normal;
535
- @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
536
- }
537
- font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
538
- color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
539
- font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
540
- font-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic);
541
- text-decoration: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ue);
542
- text-align: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-an);
543
- letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-dt-se-lr-sg);
544
- line-height: prepareMediaVariable(--_ctm-dn-im-se-dt-se-le-ht);
545
- background-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-bd-cr);
546
- padding: prepareMediaVariable(--_ctm-dn-im-se-dt-se-pg);
547
- width: fit-content;
548
- border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
549
-
550
- &[data-has-link="true"] {
551
- cursor: pointer;
552
- }
553
-
554
- &:hover {
555
- font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
556
- text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
557
- word-wrap: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-wp);
558
- word-break: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-bk);
559
- font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
560
- color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
561
- font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
562
- font-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se-ic);
563
- text-decoration: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ue);
564
- text-align: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-an);
565
- letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-hr-se-lr-sg);
566
- line-height: prepareMediaVariable(--_ctm-dn-im-se-hr-se-le-ht);
567
- background-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-bd-cr);
568
- padding: prepareMediaVariable(--_ctm-dn-im-se-hr-se-pg);
569
- border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
570
- }
571
- }
572
- }
573
-
574
- .placeholder__text {
575
- display: flex !important;
576
- justify-content: space-between !important;
577
- color: var(--_gray-700) !important;
578
- border: 1px solid var(--_gray-400) !important;
579
- border-radius: 6px !important;
580
- padding: 8px 12px !important;
581
- background-color: #fff !important;
582
- width: 100% !important;
583
- }
584
-
585
- .est__dropdown .list {
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
- );
590
- }
591
-
592
- .items__container {
593
- .dropdown__container {
594
- .est__dropdown__main {
595
- .est__dropdown {
596
- .est__dropdown__button {
597
- .value__selected {
598
- color: none !important;
599
- border: 0px !important;
600
- border-radius: 0px !important;
601
- padding: 0px !important;
602
- background-color: transparent;
603
- }
604
-
605
- .list {
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
- );
614
- justify-content: flex-start;
615
- align-items: flex-start;
616
- height: auto;
617
- display: flex;
618
- justify-content: space-between;
619
- }
620
- }
621
- }
622
- }
623
- }
624
- }
625
- }
626
- }
627
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+
5
+ [data-div-type="element"] {
6
+ &[data-element-type="quickLinks"] {
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
+ );
18
+ margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
19
+ // 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 {
29
+ width: 100%;
30
+ // height: 100%;
31
+ }
32
+
33
+ // &[data-items-default-border="true"] {
34
+ // .quick__links__container .items__container .links__item {
35
+ // border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
36
+ // border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
37
+ // border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
38
+ // border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
39
+ // }
40
+ // }
41
+
42
+ // &[data-items-hover-border="true"] {
43
+ // .quick__links__container .items__container .links__item:hover {
44
+ // border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
45
+ // border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
46
+ // border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
47
+ // border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
48
+ // }
49
+ // }
50
+
51
+ // &[data-items-default-shadow="true"] {
52
+ // .quick__links__container .items__container .links__item {
53
+ // box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
54
+ // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
55
+ // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
56
+ // prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
57
+ // }
58
+ // }
59
+
60
+ // &[data-items-hover-shadow="true"] {
61
+ // .quick__links__container .items__container .links__item:hover {
62
+ // box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
63
+ // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
64
+ // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
65
+ // prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
66
+ // }
67
+ // }
68
+
69
+ &[data-items-default-border="true"] {
70
+ .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 {
78
+ border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
79
+ border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
80
+ border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
81
+ }
82
+ }
83
+
84
+ &[data-items-hover-border="true"] {
85
+ .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 {
93
+ border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
94
+ border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
95
+ border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
96
+ }
97
+ }
98
+
99
+ &[data-items-default-shadow="true"] {
100
+ .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);
112
+ }
113
+ }
114
+
115
+ &[data-items-hover-shadow="true"] {
116
+ .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);
128
+ }
129
+ }
130
+
131
+ &[data-items-alignment="left"] {
132
+ .quick__links__container {
133
+ .items__container,
134
+ .items__container .dropdown__container .est__dropdown__main .est__dropdown {
135
+ justify-content: flex-start;
136
+ align-items: flex-start;
137
+
138
+ .est__dropdown__button,
139
+ .list {
140
+ justify-content: flex-start;
141
+ align-items: flex-start;
142
+ }
143
+ }
144
+ }
145
+ }
146
+
147
+ &[data-items-alignment="center"] {
148
+ .quick__links__container {
149
+ .items__container,
150
+ .items__container .dropdown__container .est__dropdown__main .est__dropdown {
151
+ justify-content: center;
152
+ align-items: center;
153
+
154
+ .est__dropdown__button,
155
+ .list {
156
+ justify-content: center;
157
+ align-items: center;
158
+ }
159
+ }
160
+ }
161
+ }
162
+
163
+ &[data-items-alignment="right"] {
164
+ .quick__links__container {
165
+ .items__container,
166
+ .items__container .dropdown__container .est__dropdown__main .est__dropdown {
167
+ justify-content: flex-end;
168
+ align-items: flex-end;
169
+
170
+ .est__dropdown__button,
171
+ .list {
172
+ justify-content: flex-end;
173
+ align-items: flex-end;
174
+ }
175
+ }
176
+ }
177
+ }
178
+
179
+ &[data-display-style="Vertical"] {
180
+ .quick__links__container .items__container {
181
+ display: flex;
182
+ flex-direction: column;
183
+ gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
184
+ }
185
+ }
186
+
187
+ &[data-display-style="Wrap Horizontal"] {
188
+ .quick__links__container .items__container {
189
+ display: flex;
190
+ flex-direction: row;
191
+ flex-wrap: wrap;
192
+ gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
193
+ }
194
+ }
195
+
196
+ &[data-text-position="top"] {
197
+ .quick__links__container {
198
+ flex-direction: column;
199
+ }
200
+ }
201
+
202
+ &[data-text-position="bottom"] {
203
+ .quick__links__container {
204
+ flex-direction: column-reverse;
205
+ }
206
+ }
207
+
208
+ &[data-text-position="left"] {
209
+ .quick__links__container {
210
+ flex-direction: row;
211
+ }
212
+
213
+ &[data-widget-alignment="top"] {
214
+ .quick__links__container {
215
+ align-items: flex-start;
216
+ }
217
+ }
218
+
219
+ &[data-widget-alignment="center"] {
220
+ .quick__links__container {
221
+ align-items: center;
222
+ }
223
+ }
224
+
225
+ &[data-widget-alignment="bottom"] {
226
+ .quick__links__container {
227
+ align-items: flex-end;
228
+ }
229
+ }
230
+ }
231
+
232
+ &[data-text-position="right"] {
233
+ .quick__links__container {
234
+ flex-direction: row-reverse;
235
+ }
236
+
237
+ &[data-widget-alignment="top"] {
238
+ .quick__links__container {
239
+ align-items: flex-start;
240
+ }
241
+ }
242
+
243
+ &[data-widget-alignment="center"] {
244
+ .quick__links__container {
245
+ align-items: center;
246
+ }
247
+ }
248
+
249
+ &[data-widget-alignment="bottom"] {
250
+ .quick__links__container {
251
+ align-items: flex-end;
252
+ }
253
+ }
254
+ }
255
+
256
+ &[data-widget-border="true"] {
257
+ .quick__links__container {
258
+ background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
259
+ border-width: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-wh);
260
+ border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
261
+ border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
262
+ 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);
267
+ // border-color: var(
268
+ // --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
269
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
270
+ // );
271
+ // border-style: var(
272
+ // --_ctm-mob-dn-qk-ls-wt-dn-br-se,
273
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-br-se, var(--_ctm-dn-qk-ls-wt-dn-br-se))
274
+ // );
275
+ // border-width: var(
276
+ // --_ctm-mob-dn-qk-ls-wt-dn-br-wh,
277
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-br-wh, var(--_ctm-dn-qk-ls-wt-dn-br-wh))
278
+ // );
279
+ }
280
+ }
281
+
282
+ &[data-widget-shadow="false"] {
283
+ --_show-shadow: none;
284
+ }
285
+
286
+ &[data-content-border="true"] {
287
+ .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
+ );
302
+ }
303
+ }
304
+
305
+ &[data-content-shadow="false"] {
306
+ --_show-text-content-shadow: none;
307
+ }
308
+
309
+ &[data-icon-background-shape="circle"] {
310
+ .video__icon {
311
+ border-radius: 50%;
312
+ }
313
+ }
314
+
315
+ &[data-icon-background-shape="rectange"] {
316
+ .video__icon {
317
+ border-radius: 6px;
318
+ }
319
+ }
320
+
321
+ .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
+ );
326
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
327
+ // background-color: var(
328
+ // --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
329
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
330
+ // );
331
+ display: flex;
332
+ // flex-direction: var(--_sf-fd-bn);
333
+ justify-content: var(--_sf-jc, center);
334
+ // box-shadow: var(
335
+ // --_show-shadow,
336
+ // var(
337
+ // --_ctm-mob-dn-qk-ls-wt-dn-sw-ae,
338
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-ae, var(--_ctm-dn-qk-ls-wt-dn-sw-ae))
339
+ // )
340
+ // var(
341
+ // --_ctm-mob-dn-qk-ls-wt-dn-sw-br,
342
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-br, var(--_ctm-dn-qk-ls-wt-dn-sw-br))
343
+ // )
344
+ // var(
345
+ // --_ctm-mob-dn-qk-ls-wt-dn-sw-sd,
346
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-sd, var(--_ctm-dn-qk-ls-wt-dn-sw-sd))
347
+ // )
348
+ // var(
349
+ // --_ctm-mob-dn-qk-ls-wt-dn-sw-cr,
350
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-sw-cr, var(--_ctm-dn-qk-ls-wt-dn-sw-cr))
351
+ // )
352
+ // );
353
+ width: 100%;
354
+ height: auto;
355
+ // border-radius: var(
356
+ // --_ctm-mob-dn-qk-ls-wt-dn-br-rs,
357
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-br-rs, var(--_ctm-dn-qk-ls-wt-dn-br-rs))
358
+ // );
359
+ background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
360
+
361
+ 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);
366
+
367
+ .header__container {
368
+ display: flex;
369
+ 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
+ );
382
+
383
+ 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
+ );
411
+
412
+ h3 {
413
+ font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
414
+ text-transform: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-tm);
415
+ word-wrap: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-wp);
416
+ word-break: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-bk);
417
+ font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se);
418
+ color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr);
419
+ font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt);
420
+ font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic);
421
+ text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue);
422
+ text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an);
423
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg);
424
+ line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht);
425
+ // color: var(
426
+ // --_ctm-mob-dn-qk-ls-wt-dn-cr,
427
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-cr, var(--_ctm-dn-qk-ls-wt-dn-cr))
428
+ // );
429
+ // font-family: var(
430
+ // --_sf-hr-ff,
431
+ // var(
432
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-fy,
433
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy, var(--_ctm-dn-qk-ls-wt-dn-ft-fy))
434
+ // )
435
+ // );
436
+ // font-size: var(
437
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-se,
438
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se, var(--_ctm-dn-qk-ls-wt-dn-ft-se))
439
+ // );
440
+ // font-weight: var(
441
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-wt,
442
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt, var(--_ctm-dn-qk-ls-wt-dn-ft-wt))
443
+ // );
444
+ // font-style: var(
445
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic,
446
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic))
447
+ // );
448
+ // text-align: var(
449
+ // --_ctm-mob-dn-qk-ls-wt-dn-tt-an,
450
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an, var(--_ctm-dn-qk-ls-wt-dn-tt-an))
451
+ // );
452
+ // letter-spacing: var(
453
+ // --_ctm-mob-dn-qk-ls-wt-dn-lr-sg,
454
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg, var(--_ctm-dn-qk-ls-wt-dn-lr-sg))
455
+ // );
456
+ // line-height: var(
457
+ // --_ctm-mob-dn-qk-ls-wt-dn-le-ht,
458
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht, var(--_ctm-dn-qk-ls-wt-dn-le-ht))
459
+ // );
460
+ // text-decoration: var(
461
+ // --_ctm-mob-dn-qk-ls-wt-dn-ue,
462
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ue, var(--_ctm-dn-qk-ls-wt-dn-ue))
463
+ // );
464
+ }
465
+
466
+ p {
467
+ font-family: prepareMediaVariable(-dn-qk-ls-wt-dn-ft-fy-dc);
468
+ text-transform: prepareMediaVariable(-dn-qk-ls-wt-dn-tt-tm-dc);
469
+ word-wrap: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-wp-dc);
470
+ word-break: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-bk-dc);
471
+ font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-dc);
472
+ color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr-dc);
473
+ font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc);
474
+ font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc);
475
+ text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue-dc);
476
+ text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an-dc);
477
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc);
478
+ line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht-dc);
479
+ // color: var(
480
+ // --_ctm-mob-dn-qk-ls-wt-dn-cr-dc,
481
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-cr-dc, var(--_ctm-dn-qk-ls-wt-dn-cr-dc))
482
+ // );
483
+ // font-family: var(
484
+ // --_sf-hr-ff,
485
+ // var(
486
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-fy-dc,
487
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-fy-dc))
488
+ // )
489
+ // );
490
+ // font-size: var(
491
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-dc,
492
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-dc))
493
+ // );
494
+ // font-weight: var(
495
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-wt-dc,
496
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc))
497
+ // );
498
+ // font-style: var(
499
+ // --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic-dc,
500
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc))
501
+ // );
502
+ // text-align: var(
503
+ // --_ctm-mob-dn-qk-ls-wt-dn-tt-an-dc,
504
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an-dc, var(--_ctm-dn-qk-ls-wt-dn-tt-an-dc))
505
+ // );
506
+ // letter-spacing: var(
507
+ // --_ctm-mob-dn-qk-ls-wt-dn-lr-sg-dc,
508
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg-dc, var(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc))
509
+ // );
510
+ // line-height: var(
511
+ // --_ctm-mob-dn-qk-ls-wt-dn-le-ht-dc,
512
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht-dc, var(--_ctm-dn-qk-ls-wt-dn-le-ht-dc))
513
+ // );
514
+ // text-decoration: var(
515
+ // --_ctm-mob-dn-qk-ls-wt-dn-ue-dc,
516
+ // var(--_ctm-tab-dn-qk-ls-wt-dn-ue-dc, var(--_ctm-dn-qk-ls-wt-dn-ue-dc))
517
+ // );
518
+ }
519
+ }
520
+
521
+ .items__container {
522
+ .dropdown__container {
523
+ width: prepareMediaVariable(--_ctm-lt-dn-wh);
524
+ }
525
+
526
+ .links__item,
527
+ .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
528
+ display: block;
529
+ font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
530
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
531
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
532
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
533
+ &.flex__overflow {
534
+ white-space: normal;
535
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
536
+ }
537
+ font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
538
+ color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
539
+ font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
540
+ font-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic);
541
+ text-decoration: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ue);
542
+ text-align: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-an);
543
+ letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-dt-se-lr-sg);
544
+ line-height: prepareMediaVariable(--_ctm-dn-im-se-dt-se-le-ht);
545
+ background-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-bd-cr);
546
+ padding: prepareMediaVariable(--_ctm-dn-im-se-dt-se-pg);
547
+ width: fit-content;
548
+ border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
549
+
550
+ &[data-has-link="true"] {
551
+ cursor: pointer;
552
+ }
553
+
554
+ &:hover {
555
+ font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
556
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
557
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-wp);
558
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-bk);
559
+ font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
560
+ color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
561
+ font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
562
+ font-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se-ic);
563
+ text-decoration: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ue);
564
+ text-align: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-an);
565
+ letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-hr-se-lr-sg);
566
+ line-height: prepareMediaVariable(--_ctm-dn-im-se-hr-se-le-ht);
567
+ background-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-bd-cr);
568
+ padding: prepareMediaVariable(--_ctm-dn-im-se-hr-se-pg);
569
+ border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
570
+ }
571
+ }
572
+ }
573
+
574
+ .placeholder__text {
575
+ display: flex !important;
576
+ justify-content: space-between !important;
577
+ color: var(--_gray-700) !important;
578
+ border: 1px solid var(--_gray-400) !important;
579
+ border-radius: 6px !important;
580
+ padding: 8px 12px !important;
581
+ background-color: #fff !important;
582
+ width: 100% !important;
583
+ }
584
+
585
+ .est__dropdown .list {
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
+ );
590
+ }
591
+
592
+ .items__container {
593
+ .dropdown__container {
594
+ .est__dropdown__main {
595
+ .est__dropdown {
596
+ .est__dropdown__button {
597
+ .value__selected {
598
+ color: none !important;
599
+ border: 0px !important;
600
+ border-radius: 0px !important;
601
+ padding: 0px !important;
602
+ background-color: transparent;
603
+ }
604
+
605
+ .list {
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
+ );
614
+ justify-content: flex-start;
615
+ align-items: flex-start;
616
+ height: auto;
617
+ display: flex;
618
+ justify-content: space-between;
619
+ }
620
+ }
621
+ }
622
+ }
623
+ }
624
+ }
625
+ }
626
+ }
627
+ }