@sc-360-v2/storefront-cms-library 0.4.56 → 0.4.57

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 (150) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/allocations.scss +1603 -1603
  5. package/dist/amount-estimator.scss +1083 -1083
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/badge.scss +388 -388
  8. package/dist/brand-basic-elements.scss +292 -292
  9. package/dist/brand.scss +93 -93
  10. package/dist/breadcrumbs.scss +802 -802
  11. package/dist/builder.js +1 -1
  12. package/dist/bulk-order-pad.scss +677 -677
  13. package/dist/bulk-variant-picker copy.scss +1121 -1121
  14. package/dist/bulk-variant-picker.scss +3294 -3294
  15. package/dist/bundle copy.scss +2805 -2805
  16. package/dist/bundle.scss +2383 -2383
  17. package/dist/bundleDetails copy.scss +1431 -1431
  18. package/dist/button copy.scss +271 -271
  19. package/dist/button.scss +292 -292
  20. package/dist/buy-for-tab-container.scss +90 -90
  21. package/dist/buy-for-tabs-container-item.scss +80 -80
  22. package/dist/buyForHeaders.scss +6718 -6718
  23. package/dist/cart-products-sidebar.scss +211 -211
  24. package/dist/cart-summary.scss +2728 -2728
  25. package/dist/cart-wrapper.scss +127 -127
  26. package/dist/cartGrouping.scss +89 -89
  27. package/dist/category-groups-element.scss +138 -138
  28. package/dist/category.scss +73 -73
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/code-temp.scss +58 -58
  33. package/dist/colorpicker_v2.scss +52 -52
  34. package/dist/common-element.scss +35 -35
  35. package/dist/confirm-modal.scss +351 -351
  36. package/dist/confirmationModal.scss +139 -139
  37. package/dist/contact-us.scss +105 -105
  38. package/dist/container.scss +114 -114
  39. package/dist/countdown.scss +751 -751
  40. package/dist/coupon.scss +1254 -1254
  41. package/dist/custom-fonts.scss +100 -100
  42. package/dist/customization-tree.scss +160 -160
  43. package/dist/default-dropdown.scss +240 -240
  44. package/dist/editCartItem.scss +111 -111
  45. package/dist/embed-temp.scss +72 -72
  46. package/dist/embroider-preview-element.scss +94 -94
  47. package/dist/embroider-template-1-v2.scss +937 -937
  48. package/dist/embroider-template-1.scss +482 -482
  49. package/dist/embroidery.scss +213 -213
  50. package/dist/employee-bulk-order.scss +4057 -4057
  51. package/dist/emtpy-templates.scss +165 -165
  52. package/dist/faq.scss +564 -564
  53. package/dist/fb-dropdown.scss +125 -125
  54. package/dist/filter-results.scss +323 -323
  55. package/dist/flex-text-editor.scss +271 -271
  56. package/dist/form-preview.scss +290 -290
  57. package/dist/form-zindex-module.scss +24 -24
  58. package/dist/gallery-slider-temp.scss +1234 -1234
  59. package/dist/global-styles.scss +86 -86
  60. package/dist/grid.scss +119 -119
  61. package/dist/hotspot.scss +397 -397
  62. package/dist/icon-library.scss +74 -74
  63. package/dist/image-for-product.scss +21 -21
  64. package/dist/image-temp.scss +168 -168
  65. package/dist/item-stock.scss +87 -87
  66. package/dist/layouter-item.scss +89 -89
  67. package/dist/layouter-pro-item.scss +80 -80
  68. package/dist/layouter-pro.scss +88 -88
  69. package/dist/light-box-v2.scss +105 -105
  70. package/dist/lightbox.scss +78 -78
  71. package/dist/line.scss +166 -166
  72. package/dist/loader.scss +37 -37
  73. package/dist/map.scss +962 -962
  74. package/dist/marchandiserSets.scss +60 -60
  75. package/dist/mega-menu-container.scss +99 -99
  76. package/dist/mega-menu.scss +838 -838
  77. package/dist/menu-item.scss +19 -19
  78. package/dist/menu.scss +162 -162
  79. package/dist/modal.scss +2267 -2267
  80. package/dist/multi-select-dropdown.scss +282 -282
  81. package/dist/my-wishlist.scss +17 -17
  82. package/dist/option-bar.scss +845 -845
  83. package/dist/order-processing.scss +61 -61
  84. package/dist/overflow-module.scss +63 -63
  85. package/dist/past-orders.scss +975 -975
  86. package/dist/payment-methods.scss +289 -289
  87. package/dist/pickup-locations.scss +1167 -1167
  88. package/dist/position-module.scss +95 -95
  89. package/dist/prefix-list.scss +86 -86
  90. package/dist/product-actions copy.scss +2765 -2765
  91. package/dist/product-actions.scss +2286 -2286
  92. package/dist/product-basic-elements.scss +770 -770
  93. package/dist/product-customizations.scss +149 -149
  94. package/dist/product-highlights copy.scss +217 -217
  95. package/dist/product-highlights.scss +311 -311
  96. package/dist/product-image copy.scss +787 -787
  97. package/dist/product-inventory.scss +1378 -1378
  98. package/dist/product-options.scss +1144 -1144
  99. package/dist/product-price.scss +2598 -2598
  100. package/dist/product-promotions.scss +2759 -2759
  101. package/dist/product.scss +97 -97
  102. package/dist/productDetails.scss +70 -70
  103. package/dist/quick-links.scss +552 -552
  104. package/dist/quick-order-pad.scss +237 -237
  105. package/dist/quota-details.scss +263 -263
  106. package/dist/quotes.scss +737 -737
  107. package/dist/repeater copy.scss +635 -635
  108. package/dist/repeater-grid-toggle.scss +58 -58
  109. package/dist/repeater-item.scss +90 -90
  110. package/dist/request-for-quotes.scss +746 -746
  111. package/dist/responsive-behaviour.scss +29 -29
  112. package/dist/rfqs.scss +736 -736
  113. package/dist/scroll.scss +222 -222
  114. package/dist/search-results-heading.scss +279 -279
  115. package/dist/shareCartSideBar.scss +254 -254
  116. package/dist/shipping-estimator.scss +41 -41
  117. package/dist/shipping-payments.scss +2467 -2467
  118. package/dist/simple-list.scss +259 -259
  119. package/dist/skeleton.scss +74 -74
  120. package/dist/social.scss +276 -276
  121. package/dist/sort.scss +89 -89
  122. package/dist/spotlight.scss +1663 -1663
  123. package/dist/stack.scss +129 -129
  124. package/dist/static-text.scss +52 -52
  125. package/dist/stockStatus.scss +64 -64
  126. package/dist/store-locations.scss +1398 -1398
  127. package/dist/sub-category.scss +74 -74
  128. package/dist/submit-quote.scss +275 -275
  129. package/dist/tab-container-item.scss +80 -80
  130. package/dist/tab-container.scss +89 -89
  131. package/dist/tab-v2.scss +583 -583
  132. package/dist/table-common.scss +506 -506
  133. package/dist/table.scss +685 -685
  134. package/dist/tabs.scss +395 -395
  135. package/dist/text-temp-v2.scss +139 -139
  136. package/dist/text-temp.scss +109 -109
  137. package/dist/toaster.scss +350 -350
  138. package/dist/toggle-button.scss +32 -32
  139. package/dist/transform-properties-module.scss +20 -20
  140. package/dist/types/builder/tools/element-edit/layouter.d.ts +2 -0
  141. package/dist/uom-selector.scss +1169 -1169
  142. package/dist/user-elements copy.scss +1437 -1437
  143. package/dist/variant-picker.scss +2384 -2384
  144. package/dist/video.scss +476 -476
  145. package/dist/volume-pricing copy 2.scss +1468 -1468
  146. package/dist/volume-pricing copy.scss +1077 -1077
  147. package/dist/volume-pricing.scss +1175 -1175
  148. package/dist/widget.scss +148 -148
  149. package/dist/wishlist-overlay.scss +48 -48
  150. package/package.json +1 -1
package/dist/breadcrumbs.scss CHANGED
@@ -1,802 +1,802 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- $resizerId: "[data-cms-tool='cms-element-resizer']";
5
- $resizeActive: '[data-cms-element-resizer="true"]';
6
- [data-div-type="element"] {
7
- &[data-element-type="breadcrumbs"] {
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(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
- )
16
- )
17
- );
18
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
19
-
20
- & > div {
21
- &.wrapper {
22
- width: 100%;
23
- }
24
-
25
- .breadcrumb_item {
26
- &[data-show-cursor="true"] {
27
- cursor: pointer;
28
- }
29
- }
30
-
31
- .horizontal_breadcrumb_wrapper {
32
- display: inline-flex;
33
- align-items: center;
34
- border-style: var(
35
- --_ctm-mob-dn-bd-ad-fl-br-se,
36
- var(--_ctm-tab-dn-bd-ad-fl-br-se, var(--_ctm-dn-bd-ad-fl-br-se))
37
- );
38
- border-width: var(
39
- --_ctm-mob-dn-bd-ad-fl-br-wh,
40
- var(--_ctm-tab-dn-bd-ad-fl-br-wh, var(--_ctm-dn-bd-ad-fl-br-wh))
41
- );
42
- border-color: var(
43
- --_ctm-mob-dn-bd-ad-fl-br-cr,
44
- var(--_ctm-tab-dn-bd-ad-fl-br-cr, var(--_ctm-dn-bd-ad-fl-br-cr))
45
- );
46
- border-radius: var(
47
- --_ctm-mob-dn-bd-ad-fl-br-rs,
48
- var(--_ctm-tab-dn-bd-ad-fl-br-rs, var(--_ctm-dn-bd-ad-fl-br-rs))
49
- );
50
- background-color: var(
51
- --_ctm-mob-dn-bd-ad-fl-bd-cr,
52
- var(--_ctm-tab-dn-bd-ad-fl-bd-cr, var(--_ctm-dn-bd-ad-fl-bd-cr))
53
- );
54
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
55
- box-shadow: var(
56
- --_show-shadow,
57
- var(
58
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
59
- var(--_ctm-tab-dn-bd-ad-fl-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
60
- )
61
- var(
62
- --_ctm-mob-dn-bd-ad-fl-sw-br,
63
- var(--_ctm-tab-dn-bd-ad-fl-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
64
- )
65
- var(
66
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
67
- var(--_ctm-tab-dn-bd-ad-fl-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
68
- )
69
- var(
70
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
71
- var(--_ctm-tab-dn-bd-ad-fl-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
72
- )
73
- );
74
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
75
-
76
- &[overflow-item="Scroll"],
77
- &[overflow-item="Show More"],
78
- &[overflow-item="Collapsed"] {
79
- overflow-x: auto;
80
- width: inherit;
81
- }
82
-
83
- &[overflow-item="Wrap"] {
84
- flex-wrap: wrap;
85
- row-gap: var(
86
- --_ctm-mob-lt-im-vl-sg,
87
- var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg))
88
- );
89
- column-gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
90
- }
91
-
92
- .breadcrumb_item {
93
- padding: 0px 4px;
94
- display: flex;
95
- gap: 8px;
96
- white-space: nowrap;
97
- align-items: center;
98
-
99
- background-color: var(
100
- --_ctm-mob-dn-or-im-se-bd-cr,
101
- var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
102
- );
103
- border-color: var(
104
- --_ctm-mob-dn-or-im-se-br-cr,
105
- var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
106
- );
107
- border-radius: var(
108
- --_ctm-mob-dn-or-im-se-br-rs,
109
- var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
110
- );
111
- border-style: var(
112
- --_ctm-mob-dn-or-im-se-br-se,
113
- var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
114
- );
115
- border-width: var(
116
- --_ctm-mob-dn-or-im-se-br-wh,
117
- var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
118
- );
119
- color: var(
120
- --_ctm-mob-dn-or-im-se-cr,
121
- var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
122
- );
123
- font-family: var(
124
- --_ctm-mob-dn-or-im-se-ft-fy,
125
- var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
126
- );
127
- font-size: var(
128
- --_ctm-mob-dn-or-im-se-ft-se,
129
- var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
130
- );
131
- font-style: var(
132
- --_ctm-mob-dn-or-im-se-ft-se-ic,
133
- var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
134
- );
135
- font-weight: var(
136
- --_ctm-mob-dn-or-im-se-ft-wt,
137
- var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
138
- );
139
- line-height: var(
140
- --_ctm-mob-dn-or-im-se-le-ht,
141
- var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
142
- );
143
- letter-spacing: var(
144
- --_ctm-mob-dn-or-im-se-lr-sg,
145
- var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
146
- );
147
- text-align: var(
148
- --_ctm-mob-dn-or-im-se-tt-an,
149
- var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
150
- );
151
- text-decoration: var(
152
- --_ctm-mob-dn-or-im-se-ue,
153
- var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
154
- );
155
- box-shadow: var(
156
- --_ctm-mob-dn-or-im-se-sw-ae,
157
- var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
158
- )
159
- var(
160
- --_ctm-mob-dn-or-im-se-sw-br,
161
- var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
162
- )
163
- var(
164
- --_ctm-mob-dn-or-im-se-sw-sd,
165
- var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
166
- )
167
- var(
168
- --_ctm-mob-dn-or-im-se-sw-cr,
169
- var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
170
- );
171
-
172
- .icon {
173
- svg {
174
- width: var(
175
- --_ctm-mob-dn-or-im-se-in-se,
176
- var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
177
- );
178
- height: var(
179
- --_ctm-mob-dn-or-im-se-in-se,
180
- var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
181
- );
182
- path {
183
- stroke: var(
184
- --_ctm-mob-dn-or-im-se-in-c1,
185
- var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
186
- );
187
- }
188
- }
189
- }
190
-
191
- &:first-of-type {
192
- background-color: var(
193
- --_ctm-mob-dn-he-pe-im-se-bd-cr,
194
- var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
195
- );
196
- border-color: var(
197
- --_ctm-mob-dn-he-pe-im-se-br-cr,
198
- var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
199
- );
200
- border-radius: var(
201
- --_ctm-mob-dn-he-pe-im-se-br-rs,
202
- var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
203
- );
204
- border-style: var(
205
- --_ctm-mob-dn-he-pe-im-se-br-se,
206
- var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
207
- );
208
- border-width: var(
209
- --_ctm-mob-dn-he-pe-im-se-br-wh,
210
- var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
211
- );
212
- color: var(
213
- --_ctm-mob-dn-he-pe-im-se-cr,
214
- var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
215
- );
216
- font-family: var(
217
- --_ctm-mob-dn-he-pe-im-se-ft-fy,
218
- var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
219
- );
220
- font-size: var(
221
- --_ctm-mob-dn-he-pe-im-se-ft-se,
222
- var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
223
- );
224
- font-style: var(
225
- --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
226
- var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
227
- );
228
- font-weight: var(
229
- --_ctm-mob-dn-he-pe-im-se-ft-wt,
230
- var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
231
- );
232
- line-height: var(
233
- --_ctm-mob-dn-he-pe-im-se-le-ht,
234
- var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
235
- );
236
- letter-spacing: var(
237
- --_ctm-mob-dn-he-pe-im-se-lr-sg,
238
- var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
239
- );
240
- text-align: var(
241
- --_ctm-mob-dn-he-pe-im-se-tt-an,
242
- var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
243
- );
244
- text-decoration: var(
245
- --_ctm-mob-dn-he-pe-im-se-ue,
246
- var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
247
- );
248
- box-shadow: var(
249
- --_ctm-mob-dn-he-pe-im-se-sw-ae,
250
- var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
251
- )
252
- var(
253
- --_ctm-mob-dn-he-pe-im-se-sw-br,
254
- var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
255
- )
256
- var(
257
- --_ctm-mob-dn-he-pe-im-se-sw-sd,
258
- var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
259
- )
260
- var(
261
- --_ctm-mob-dn-he-pe-im-se-sw-cr,
262
- var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
263
- );
264
-
265
- .icon {
266
- svg {
267
- width: var(
268
- --_ctm-mob-dn-he-pe-im-se-in-se,
269
- var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
270
- );
271
- height: var(
272
- --_ctm-mob-dn-he-pe-im-se-in-se,
273
- var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
274
- );
275
- path {
276
- stroke: var(
277
- --_ctm-mob-dn-he-pe-im-se-in-c1,
278
- var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
279
- );
280
- }
281
- }
282
- }
283
- }
284
-
285
- &:last-of-type {
286
- background-color: var(
287
- --_ctm-mob-dn-ct-pe-im-se-bd-cr,
288
- var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
289
- );
290
- border-color: var(
291
- --_ctm-mob-dn-ct-pe-im-se-br-cr,
292
- var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
293
- );
294
- border-radius: var(
295
- --_ctm-mob-dn-ct-pe-im-se-br-rs,
296
- var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
297
- );
298
- border-style: var(
299
- --_ctm-mob-dn-ct-pe-im-se-br-se,
300
- var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
301
- );
302
- border-width: var(
303
- --_ctm-mob-dn-ct-pe-im-se-br-wh,
304
- var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
305
- );
306
- color: var(
307
- --_ctm-mob-dn-ct-pe-im-se-cr,
308
- var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
309
- );
310
- font-family: var(
311
- --_ctm-mob-dn-ct-pe-im-se-ft-fy,
312
- var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
313
- );
314
- font-size: var(
315
- --_ctm-mob-dn-ct-pe-im-se-ft-se,
316
- var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
317
- );
318
- font-style: var(
319
- --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
320
- var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
321
- );
322
- font-weight: var(
323
- --_ctm-mob-dn-ct-pe-im-se-ft-wt,
324
- var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
325
- );
326
- line-height: var(
327
- --_ctm-mob-dn-ct-pe-im-se-le-ht,
328
- var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
329
- );
330
- letter-spacing: var(
331
- --_ctm-mob-dn-ct-pe-im-se-lr-sg,
332
- var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
333
- );
334
- text-align: var(
335
- --_ctm-mob-dn-ct-pe-im-se-tt-an,
336
- var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
337
- );
338
- text-decoration: var(
339
- --_ctm-mob-dn-ct-pe-im-se-ue,
340
- var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
341
- );
342
- box-shadow: var(
343
- --_ctm-mob-dn-ct-pe-im-se-sw-ae,
344
- var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
345
- )
346
- var(
347
- --_ctm-mob-dn-ct-pe-im-se-sw-sd,
348
- var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
349
- )
350
- var(
351
- --_ctm-mob-dn-he-pe-im-se-sw-sd,
352
- var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
353
- )
354
- var(
355
- --_ctm-mob-dn-ct-pe-im-se-sw-cr,
356
- var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
357
- );
358
-
359
- .icon {
360
- svg {
361
- width: var(
362
- --_ctm-mob-dn-ct-pe-im-se-in-se,
363
- var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
364
- );
365
- height: var(
366
- --_ctm-mob-dn-ct-pe-im-se-in-se,
367
- var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
368
- );
369
- path {
370
- stroke: var(
371
- --_ctm-mob-dn-ct-pe-im-se-in-c1,
372
- var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
373
- );
374
- }
375
- }
376
- }
377
- }
378
- }
379
- }
380
- .vertical_breadcrumb_wrapper {
381
- display: flex;
382
- align-items: flex-start;
383
- flex-direction: column;
384
- height: 120px;
385
-
386
- border-style: var(
387
- --_ctm-mob-dn-bd-ad-fl-br-se,
388
- var(--_ctm-tab-dn-bd-ad-fl-br-se, var(--_ctm-dn-bd-ad-fl-br-se))
389
- );
390
- border-width: var(
391
- --_ctm-mob-dn-bd-ad-fl-br-wh,
392
- var(--_ctm-tab-dn-bd-ad-fl-br-wh, var(--_ctm-dn-bd-ad-fl-br-wh))
393
- );
394
- border-color: var(
395
- --_ctm-mob-dn-bd-ad-fl-br-cr,
396
- var(--_ctm-tab-dn-bd-ad-fl-br-cr, var(--_ctm-dn-bd-ad-fl-br-cr))
397
- );
398
- border-radius: var(
399
- --_ctm-mob-dn-bd-ad-fl-br-rs,
400
- var(--_ctm-tab-dn-bd-ad-fl-br-rs, var(--_ctm-dn-bd-ad-fl-br-rs))
401
- );
402
- background-color: var(
403
- --_ctm-mob-dn-bd-ad-fl-bd-cr,
404
- var(--_ctm-tab-dn-bd-ad-fl-bd-cr, var(--_ctm-dn-bd-ad-fl-bd-cr))
405
- );
406
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
407
- box-shadow: var(
408
- --_show-shadow,
409
- var(
410
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
411
- var(--_ctm-tab-dn-bd-ad-fl-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
412
- )
413
- var(
414
- --_ctm-mob-dn-bd-ad-fl-sw-br,
415
- var(--_ctm-tab-dn-bd-ad-fl-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
416
- )
417
- var(
418
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
419
- var(--_ctm-tab-dn-bd-ad-fl-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
420
- )
421
- var(
422
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
423
- var(--_ctm-tab-dn-bd-ad-fl-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
424
- )
425
- );
426
-
427
- &[overflow-item="Scroll"],
428
- &[overflow-item="Show More"],
429
- &[overflow-item="Collapsed"] {
430
- overflow-y: auto;
431
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
432
- }
433
-
434
- &[overflow-item="Wrap"] {
435
- flex-wrap: wrap;
436
- row-gap: var(
437
- --_ctm-mob-lt-im-vl-sg,
438
- var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg))
439
- );
440
- column-gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
441
- }
442
-
443
- .item_wrapper {
444
- display: flex;
445
- gap: 6px;
446
-
447
- &:first-of-type {
448
- .breadcrumb_item {
449
- padding: 0px 4px;
450
- display: flex;
451
- gap: 8px;
452
- white-space: nowrap;
453
- align-items: center;
454
-
455
- background-color: var(
456
- --_ctm-mob-dn-he-pe-im-se-bd-cr,
457
- var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
458
- );
459
- border-color: var(
460
- --_ctm-mob-dn-he-pe-im-se-br-cr,
461
- var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
462
- );
463
- border-radius: var(
464
- --_ctm-mob-dn-he-pe-im-se-br-rs,
465
- var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
466
- );
467
- border-style: var(
468
- --_ctm-mob-dn-he-pe-im-se-br-se,
469
- var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
470
- );
471
- border-width: var(
472
- --_ctm-mob-dn-he-pe-im-se-br-wh,
473
- var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
474
- );
475
- color: var(
476
- --_ctm-mob-dn-he-pe-im-se-cr,
477
- var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
478
- );
479
- font-family: var(
480
- --_ctm-mob-dn-he-pe-im-se-ft-fy,
481
- var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
482
- );
483
- font-size: var(
484
- --_ctm-mob-dn-he-pe-im-se-ft-se,
485
- var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
486
- );
487
- font-style: var(
488
- --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
489
- var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
490
- );
491
- font-weight: var(
492
- --_ctm-mob-dn-he-pe-im-se-ft-wt,
493
- var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
494
- );
495
- line-height: var(
496
- --_ctm-mob-dn-he-pe-im-se-le-ht,
497
- var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
498
- );
499
- letter-spacing: var(
500
- --_ctm-mob-dn-he-pe-im-se-lr-sg,
501
- var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
502
- );
503
- text-align: var(
504
- --_ctm-mob-dn-he-pe-im-se-tt-an,
505
- var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
506
- );
507
- text-decoration: var(
508
- --_ctm-mob-dn-he-pe-im-se-ue,
509
- var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
510
- );
511
- box-shadow: var(
512
- --_ctm-mob-dn-he-pe-im-se-sw-ae,
513
- var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
514
- )
515
- var(
516
- --_ctm-mob-dn-he-pe-im-se-sw-br,
517
- var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
518
- )
519
- var(
520
- --_ctm-mob-dn-he-pe-im-se-sw-sd,
521
- var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
522
- )
523
- var(
524
- --_ctm-mob-dn-he-pe-im-se-sw-cr,
525
- var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
526
- );
527
-
528
- .icon {
529
- svg {
530
- width: var(
531
- --_ctm-mob-dn-he-pe-im-se-in-se,
532
- var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
533
- );
534
- height: var(
535
- --_ctm-mob-dn-he-pe-im-se-in-se,
536
- var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
537
- );
538
- path {
539
- stroke: var(
540
- --_ctm-mob-dn-he-pe-im-se-in-c1,
541
- var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
542
- );
543
- }
544
- }
545
- }
546
- }
547
- }
548
-
549
- .breadcrumb_item {
550
- padding: 0px 4px;
551
- display: flex;
552
- gap: 8px;
553
- white-space: nowrap;
554
- align-items: center;
555
-
556
- background-color: var(
557
- --_ctm-mob-dn-or-im-se-bd-cr,
558
- var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
559
- );
560
- border-color: var(
561
- --_ctm-mob-dn-or-im-se-br-cr,
562
- var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
563
- );
564
- border-radius: var(
565
- --_ctm-mob-dn-or-im-se-br-rs,
566
- var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
567
- );
568
- border-style: var(
569
- --_ctm-mob-dn-or-im-se-br-se,
570
- var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
571
- );
572
- border-width: var(
573
- --_ctm-mob-dn-or-im-se-br-wh,
574
- var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
575
- );
576
- color: var(
577
- --_ctm-mob-dn-or-im-se-cr,
578
- var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
579
- );
580
- font-family: var(
581
- --_ctm-mob-dn-or-im-se-ft-fy,
582
- var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
583
- );
584
- font-size: var(
585
- --_ctm-mob-dn-or-im-se-ft-se,
586
- var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
587
- );
588
- font-style: var(
589
- --_ctm-mob-dn-or-im-se-ft-se-ic,
590
- var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
591
- );
592
- font-weight: var(
593
- --_ctm-mob-dn-or-im-se-ft-wt,
594
- var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
595
- );
596
- line-height: var(
597
- --_ctm-mob-dn-or-im-se-le-ht,
598
- var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
599
- );
600
- letter-spacing: var(
601
- --_ctm-mob-dn-or-im-se-lr-sg,
602
- var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
603
- );
604
- text-align: var(
605
- --_ctm-mob-dn-or-im-se-tt-an,
606
- var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
607
- );
608
- text-decoration: var(
609
- --_ctm-mob-dn-or-im-se-ue,
610
- var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
611
- );
612
- box-shadow: var(
613
- --_ctm-mob-dn-or-im-se-sw-ae,
614
- var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
615
- )
616
- var(
617
- --_ctm-mob-dn-or-im-se-sw-br,
618
- var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
619
- )
620
- var(
621
- --_ctm-mob-dn-or-im-se-sw-sd,
622
- var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
623
- )
624
- var(
625
- --_ctm-mob-dn-or-im-se-sw-cr,
626
- var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
627
- );
628
-
629
- .icon {
630
- svg {
631
- width: var(
632
- --_ctm-mob-dn-or-im-se-in-se,
633
- var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
634
- );
635
- height: var(
636
- --_ctm-mob-dn-or-im-se-in-se,
637
- var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
638
- );
639
- path {
640
- stroke: var(
641
- --_ctm-mob-dn-or-im-se-in-c1,
642
- var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
643
- );
644
- }
645
- }
646
- }
647
- }
648
-
649
- &:last-of-type {
650
- .breadcrumb_item {
651
- padding: 0px 4px;
652
- display: flex;
653
- gap: 8px;
654
- white-space: nowrap;
655
- align-items: center;
656
-
657
- background-color: var(
658
- --_ctm-mob-dn-ct-pe-im-se-bd-cr,
659
- var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
660
- );
661
- border-color: var(
662
- --_ctm-mob-dn-ct-pe-im-se-br-cr,
663
- var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
664
- );
665
- border-radius: var(
666
- --_ctm-mob-dn-ct-pe-im-se-br-rs,
667
- var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
668
- );
669
- border-style: var(
670
- --_ctm-mob-dn-ct-pe-im-se-br-se,
671
- var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
672
- );
673
- border-width: var(
674
- --_ctm-mob-dn-ct-pe-im-se-br-wh,
675
- var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
676
- );
677
- color: var(
678
- --_ctm-mob-dn-ct-pe-im-se-cr,
679
- var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
680
- );
681
- font-family: var(
682
- --_ctm-mob-dn-ct-pe-im-se-ft-fy,
683
- var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
684
- );
685
- font-size: var(
686
- --_ctm-mob-dn-ct-pe-im-se-ft-se,
687
- var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
688
- );
689
- font-style: var(
690
- --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
691
- var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
692
- );
693
- font-weight: var(
694
- --_ctm-mob-dn-ct-pe-im-se-ft-wt,
695
- var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
696
- );
697
- line-height: var(
698
- --_ctm-mob-dn-ct-pe-im-se-le-ht,
699
- var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
700
- );
701
- letter-spacing: var(
702
- --_ctm-mob-dn-ct-pe-im-se-lr-sg,
703
- var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
704
- );
705
- text-align: var(
706
- --_ctm-mob-dn-ct-pe-im-se-tt-an,
707
- var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
708
- );
709
- text-decoration: var(
710
- --_ctm-mob-dn-ct-pe-im-se-ue,
711
- var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
712
- );
713
- box-shadow: var(
714
- --_ctm-mob-dn-ct-pe-im-se-sw-ae,
715
- var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
716
- )
717
- var(
718
- --_ctm-mob-dn-ct-pe-im-se-sw-sd,
719
- var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
720
- )
721
- var(
722
- --_ctm-mob-dn-he-pe-im-se-sw-sd,
723
- var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
724
- )
725
- var(
726
- --_ctm-mob-dn-ct-pe-im-se-sw-cr,
727
- var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
728
- );
729
-
730
- .icon {
731
- svg {
732
- width: var(
733
- --_ctm-mob-dn-ct-pe-im-se-in-se,
734
- var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
735
- );
736
- height: var(
737
- --_ctm-mob-dn-ct-pe-im-se-in-se,
738
- var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
739
- );
740
- path {
741
- stroke: var(
742
- --_ctm-mob-dn-ct-pe-im-se-in-c1,
743
- var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
744
- );
745
- }
746
- }
747
- }
748
- }
749
- }
750
- }
751
- }
752
-
753
- .separator {
754
- .icon {
755
- display: flex;
756
- svg {
757
- width: var(
758
- --_ctm-mob-dn-im-sr-in-se,
759
- var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
760
- );
761
- height: var(
762
- --_ctm-mob-dn-im-sr-in-se,
763
- var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
764
- );
765
- path {
766
- stroke: var(
767
- --_ctm-mob-dn-im-sr-in-c1,
768
- var(--_ctm-tab-dn-im-sr-in-c1, var(--_ctm-dn-im-sr-in-c1))
769
- );
770
- }
771
- }
772
- }
773
- }
774
-
775
- .show_more_btn {
776
- white-space: nowrap;
777
- background-color: var(
778
- --_ctm-mob-dn-ed-in-bd-cr,
779
- var(--_ctm-tab-dn-ed-in-bd-cr, var(--_ctm-dn-ed-in-bd-cr))
780
- );
781
- .icon {
782
- svg {
783
- width: var(
784
- --_ctm-mob-dn-ed-in-in-se,
785
- var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
786
- );
787
- height: var(
788
- --_ctm-mob-dn-ed-in-in-se,
789
- var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
790
- );
791
- path {
792
- stroke: var(
793
- --_ctm-mob-dn-ed-in-in-c1,
794
- var(--_ctm-tab-dn-ed-in-in-c1, var(--_ctm-dn-ed-in-in-c1))
795
- );
796
- }
797
- }
798
- }
799
- }
800
- }
801
- }
802
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ $resizerId: "[data-cms-tool='cms-element-resizer']";
5
+ $resizeActive: '[data-cms-element-resizer="true"]';
6
+ [data-div-type="element"] {
7
+ &[data-element-type="breadcrumbs"] {
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(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
+ )
16
+ )
17
+ );
18
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
19
+
20
+ & > div {
21
+ &.wrapper {
22
+ width: 100%;
23
+ }
24
+
25
+ .breadcrumb_item {
26
+ &[data-show-cursor="true"] {
27
+ cursor: pointer;
28
+ }
29
+ }
30
+
31
+ .horizontal_breadcrumb_wrapper {
32
+ display: inline-flex;
33
+ align-items: center;
34
+ border-style: var(
35
+ --_ctm-mob-dn-bd-ad-fl-br-se,
36
+ var(--_ctm-tab-dn-bd-ad-fl-br-se, var(--_ctm-dn-bd-ad-fl-br-se))
37
+ );
38
+ border-width: var(
39
+ --_ctm-mob-dn-bd-ad-fl-br-wh,
40
+ var(--_ctm-tab-dn-bd-ad-fl-br-wh, var(--_ctm-dn-bd-ad-fl-br-wh))
41
+ );
42
+ border-color: var(
43
+ --_ctm-mob-dn-bd-ad-fl-br-cr,
44
+ var(--_ctm-tab-dn-bd-ad-fl-br-cr, var(--_ctm-dn-bd-ad-fl-br-cr))
45
+ );
46
+ border-radius: var(
47
+ --_ctm-mob-dn-bd-ad-fl-br-rs,
48
+ var(--_ctm-tab-dn-bd-ad-fl-br-rs, var(--_ctm-dn-bd-ad-fl-br-rs))
49
+ );
50
+ background-color: var(
51
+ --_ctm-mob-dn-bd-ad-fl-bd-cr,
52
+ var(--_ctm-tab-dn-bd-ad-fl-bd-cr, var(--_ctm-dn-bd-ad-fl-bd-cr))
53
+ );
54
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
55
+ box-shadow: var(
56
+ --_show-shadow,
57
+ var(
58
+ --_ctm-mob-dn-bd-ad-fl-sw-ae,
59
+ var(--_ctm-tab-dn-bd-ad-fl-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
60
+ )
61
+ var(
62
+ --_ctm-mob-dn-bd-ad-fl-sw-br,
63
+ var(--_ctm-tab-dn-bd-ad-fl-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
64
+ )
65
+ var(
66
+ --_ctm-mob-dn-bd-ad-fl-sw-sd,
67
+ var(--_ctm-tab-dn-bd-ad-fl-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
68
+ )
69
+ var(
70
+ --_ctm-mob-dn-bd-ad-fl-sw-cr,
71
+ var(--_ctm-tab-dn-bd-ad-fl-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
72
+ )
73
+ );
74
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
75
+
76
+ &[overflow-item="Scroll"],
77
+ &[overflow-item="Show More"],
78
+ &[overflow-item="Collapsed"] {
79
+ overflow-x: auto;
80
+ width: inherit;
81
+ }
82
+
83
+ &[overflow-item="Wrap"] {
84
+ flex-wrap: wrap;
85
+ row-gap: var(
86
+ --_ctm-mob-lt-im-vl-sg,
87
+ var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg))
88
+ );
89
+ column-gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
90
+ }
91
+
92
+ .breadcrumb_item {
93
+ padding: 0px 4px;
94
+ display: flex;
95
+ gap: 8px;
96
+ white-space: nowrap;
97
+ align-items: center;
98
+
99
+ background-color: var(
100
+ --_ctm-mob-dn-or-im-se-bd-cr,
101
+ var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
102
+ );
103
+ border-color: var(
104
+ --_ctm-mob-dn-or-im-se-br-cr,
105
+ var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
106
+ );
107
+ border-radius: var(
108
+ --_ctm-mob-dn-or-im-se-br-rs,
109
+ var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
110
+ );
111
+ border-style: var(
112
+ --_ctm-mob-dn-or-im-se-br-se,
113
+ var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
114
+ );
115
+ border-width: var(
116
+ --_ctm-mob-dn-or-im-se-br-wh,
117
+ var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
118
+ );
119
+ color: var(
120
+ --_ctm-mob-dn-or-im-se-cr,
121
+ var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
122
+ );
123
+ font-family: var(
124
+ --_ctm-mob-dn-or-im-se-ft-fy,
125
+ var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
126
+ );
127
+ font-size: var(
128
+ --_ctm-mob-dn-or-im-se-ft-se,
129
+ var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
130
+ );
131
+ font-style: var(
132
+ --_ctm-mob-dn-or-im-se-ft-se-ic,
133
+ var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
134
+ );
135
+ font-weight: var(
136
+ --_ctm-mob-dn-or-im-se-ft-wt,
137
+ var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
138
+ );
139
+ line-height: var(
140
+ --_ctm-mob-dn-or-im-se-le-ht,
141
+ var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
142
+ );
143
+ letter-spacing: var(
144
+ --_ctm-mob-dn-or-im-se-lr-sg,
145
+ var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
146
+ );
147
+ text-align: var(
148
+ --_ctm-mob-dn-or-im-se-tt-an,
149
+ var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
150
+ );
151
+ text-decoration: var(
152
+ --_ctm-mob-dn-or-im-se-ue,
153
+ var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
154
+ );
155
+ box-shadow: var(
156
+ --_ctm-mob-dn-or-im-se-sw-ae,
157
+ var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
158
+ )
159
+ var(
160
+ --_ctm-mob-dn-or-im-se-sw-br,
161
+ var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
162
+ )
163
+ var(
164
+ --_ctm-mob-dn-or-im-se-sw-sd,
165
+ var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
166
+ )
167
+ var(
168
+ --_ctm-mob-dn-or-im-se-sw-cr,
169
+ var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
170
+ );
171
+
172
+ .icon {
173
+ svg {
174
+ width: var(
175
+ --_ctm-mob-dn-or-im-se-in-se,
176
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
177
+ );
178
+ height: var(
179
+ --_ctm-mob-dn-or-im-se-in-se,
180
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
181
+ );
182
+ path {
183
+ stroke: var(
184
+ --_ctm-mob-dn-or-im-se-in-c1,
185
+ var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
186
+ );
187
+ }
188
+ }
189
+ }
190
+
191
+ &:first-of-type {
192
+ background-color: var(
193
+ --_ctm-mob-dn-he-pe-im-se-bd-cr,
194
+ var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
195
+ );
196
+ border-color: var(
197
+ --_ctm-mob-dn-he-pe-im-se-br-cr,
198
+ var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
199
+ );
200
+ border-radius: var(
201
+ --_ctm-mob-dn-he-pe-im-se-br-rs,
202
+ var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
203
+ );
204
+ border-style: var(
205
+ --_ctm-mob-dn-he-pe-im-se-br-se,
206
+ var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
207
+ );
208
+ border-width: var(
209
+ --_ctm-mob-dn-he-pe-im-se-br-wh,
210
+ var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
211
+ );
212
+ color: var(
213
+ --_ctm-mob-dn-he-pe-im-se-cr,
214
+ var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
215
+ );
216
+ font-family: var(
217
+ --_ctm-mob-dn-he-pe-im-se-ft-fy,
218
+ var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
219
+ );
220
+ font-size: var(
221
+ --_ctm-mob-dn-he-pe-im-se-ft-se,
222
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
223
+ );
224
+ font-style: var(
225
+ --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
226
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
227
+ );
228
+ font-weight: var(
229
+ --_ctm-mob-dn-he-pe-im-se-ft-wt,
230
+ var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
231
+ );
232
+ line-height: var(
233
+ --_ctm-mob-dn-he-pe-im-se-le-ht,
234
+ var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
235
+ );
236
+ letter-spacing: var(
237
+ --_ctm-mob-dn-he-pe-im-se-lr-sg,
238
+ var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
239
+ );
240
+ text-align: var(
241
+ --_ctm-mob-dn-he-pe-im-se-tt-an,
242
+ var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
243
+ );
244
+ text-decoration: var(
245
+ --_ctm-mob-dn-he-pe-im-se-ue,
246
+ var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
247
+ );
248
+ box-shadow: var(
249
+ --_ctm-mob-dn-he-pe-im-se-sw-ae,
250
+ var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
251
+ )
252
+ var(
253
+ --_ctm-mob-dn-he-pe-im-se-sw-br,
254
+ var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
255
+ )
256
+ var(
257
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
258
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
259
+ )
260
+ var(
261
+ --_ctm-mob-dn-he-pe-im-se-sw-cr,
262
+ var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
263
+ );
264
+
265
+ .icon {
266
+ svg {
267
+ width: var(
268
+ --_ctm-mob-dn-he-pe-im-se-in-se,
269
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
270
+ );
271
+ height: var(
272
+ --_ctm-mob-dn-he-pe-im-se-in-se,
273
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
274
+ );
275
+ path {
276
+ stroke: var(
277
+ --_ctm-mob-dn-he-pe-im-se-in-c1,
278
+ var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
279
+ );
280
+ }
281
+ }
282
+ }
283
+ }
284
+
285
+ &:last-of-type {
286
+ background-color: var(
287
+ --_ctm-mob-dn-ct-pe-im-se-bd-cr,
288
+ var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
289
+ );
290
+ border-color: var(
291
+ --_ctm-mob-dn-ct-pe-im-se-br-cr,
292
+ var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
293
+ );
294
+ border-radius: var(
295
+ --_ctm-mob-dn-ct-pe-im-se-br-rs,
296
+ var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
297
+ );
298
+ border-style: var(
299
+ --_ctm-mob-dn-ct-pe-im-se-br-se,
300
+ var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
301
+ );
302
+ border-width: var(
303
+ --_ctm-mob-dn-ct-pe-im-se-br-wh,
304
+ var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
305
+ );
306
+ color: var(
307
+ --_ctm-mob-dn-ct-pe-im-se-cr,
308
+ var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
309
+ );
310
+ font-family: var(
311
+ --_ctm-mob-dn-ct-pe-im-se-ft-fy,
312
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
313
+ );
314
+ font-size: var(
315
+ --_ctm-mob-dn-ct-pe-im-se-ft-se,
316
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
317
+ );
318
+ font-style: var(
319
+ --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
320
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
321
+ );
322
+ font-weight: var(
323
+ --_ctm-mob-dn-ct-pe-im-se-ft-wt,
324
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
325
+ );
326
+ line-height: var(
327
+ --_ctm-mob-dn-ct-pe-im-se-le-ht,
328
+ var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
329
+ );
330
+ letter-spacing: var(
331
+ --_ctm-mob-dn-ct-pe-im-se-lr-sg,
332
+ var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
333
+ );
334
+ text-align: var(
335
+ --_ctm-mob-dn-ct-pe-im-se-tt-an,
336
+ var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
337
+ );
338
+ text-decoration: var(
339
+ --_ctm-mob-dn-ct-pe-im-se-ue,
340
+ var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
341
+ );
342
+ box-shadow: var(
343
+ --_ctm-mob-dn-ct-pe-im-se-sw-ae,
344
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
345
+ )
346
+ var(
347
+ --_ctm-mob-dn-ct-pe-im-se-sw-sd,
348
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
349
+ )
350
+ var(
351
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
352
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
353
+ )
354
+ var(
355
+ --_ctm-mob-dn-ct-pe-im-se-sw-cr,
356
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
357
+ );
358
+
359
+ .icon {
360
+ svg {
361
+ width: var(
362
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
363
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
364
+ );
365
+ height: var(
366
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
367
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
368
+ );
369
+ path {
370
+ stroke: var(
371
+ --_ctm-mob-dn-ct-pe-im-se-in-c1,
372
+ var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
373
+ );
374
+ }
375
+ }
376
+ }
377
+ }
378
+ }
379
+ }
380
+ .vertical_breadcrumb_wrapper {
381
+ display: flex;
382
+ align-items: flex-start;
383
+ flex-direction: column;
384
+ height: 120px;
385
+
386
+ border-style: var(
387
+ --_ctm-mob-dn-bd-ad-fl-br-se,
388
+ var(--_ctm-tab-dn-bd-ad-fl-br-se, var(--_ctm-dn-bd-ad-fl-br-se))
389
+ );
390
+ border-width: var(
391
+ --_ctm-mob-dn-bd-ad-fl-br-wh,
392
+ var(--_ctm-tab-dn-bd-ad-fl-br-wh, var(--_ctm-dn-bd-ad-fl-br-wh))
393
+ );
394
+ border-color: var(
395
+ --_ctm-mob-dn-bd-ad-fl-br-cr,
396
+ var(--_ctm-tab-dn-bd-ad-fl-br-cr, var(--_ctm-dn-bd-ad-fl-br-cr))
397
+ );
398
+ border-radius: var(
399
+ --_ctm-mob-dn-bd-ad-fl-br-rs,
400
+ var(--_ctm-tab-dn-bd-ad-fl-br-rs, var(--_ctm-dn-bd-ad-fl-br-rs))
401
+ );
402
+ background-color: var(
403
+ --_ctm-mob-dn-bd-ad-fl-bd-cr,
404
+ var(--_ctm-tab-dn-bd-ad-fl-bd-cr, var(--_ctm-dn-bd-ad-fl-bd-cr))
405
+ );
406
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
407
+ box-shadow: var(
408
+ --_show-shadow,
409
+ var(
410
+ --_ctm-mob-dn-bd-ad-fl-sw-ae,
411
+ var(--_ctm-tab-dn-bd-ad-fl-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
412
+ )
413
+ var(
414
+ --_ctm-mob-dn-bd-ad-fl-sw-br,
415
+ var(--_ctm-tab-dn-bd-ad-fl-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
416
+ )
417
+ var(
418
+ --_ctm-mob-dn-bd-ad-fl-sw-sd,
419
+ var(--_ctm-tab-dn-bd-ad-fl-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
420
+ )
421
+ var(
422
+ --_ctm-mob-dn-bd-ad-fl-sw-cr,
423
+ var(--_ctm-tab-dn-bd-ad-fl-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
424
+ )
425
+ );
426
+
427
+ &[overflow-item="Scroll"],
428
+ &[overflow-item="Show More"],
429
+ &[overflow-item="Collapsed"] {
430
+ overflow-y: auto;
431
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
432
+ }
433
+
434
+ &[overflow-item="Wrap"] {
435
+ flex-wrap: wrap;
436
+ row-gap: var(
437
+ --_ctm-mob-lt-im-vl-sg,
438
+ var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg))
439
+ );
440
+ column-gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
441
+ }
442
+
443
+ .item_wrapper {
444
+ display: flex;
445
+ gap: 6px;
446
+
447
+ &:first-of-type {
448
+ .breadcrumb_item {
449
+ padding: 0px 4px;
450
+ display: flex;
451
+ gap: 8px;
452
+ white-space: nowrap;
453
+ align-items: center;
454
+
455
+ background-color: var(
456
+ --_ctm-mob-dn-he-pe-im-se-bd-cr,
457
+ var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
458
+ );
459
+ border-color: var(
460
+ --_ctm-mob-dn-he-pe-im-se-br-cr,
461
+ var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
462
+ );
463
+ border-radius: var(
464
+ --_ctm-mob-dn-he-pe-im-se-br-rs,
465
+ var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
466
+ );
467
+ border-style: var(
468
+ --_ctm-mob-dn-he-pe-im-se-br-se,
469
+ var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
470
+ );
471
+ border-width: var(
472
+ --_ctm-mob-dn-he-pe-im-se-br-wh,
473
+ var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
474
+ );
475
+ color: var(
476
+ --_ctm-mob-dn-he-pe-im-se-cr,
477
+ var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
478
+ );
479
+ font-family: var(
480
+ --_ctm-mob-dn-he-pe-im-se-ft-fy,
481
+ var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
482
+ );
483
+ font-size: var(
484
+ --_ctm-mob-dn-he-pe-im-se-ft-se,
485
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
486
+ );
487
+ font-style: var(
488
+ --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
489
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
490
+ );
491
+ font-weight: var(
492
+ --_ctm-mob-dn-he-pe-im-se-ft-wt,
493
+ var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
494
+ );
495
+ line-height: var(
496
+ --_ctm-mob-dn-he-pe-im-se-le-ht,
497
+ var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
498
+ );
499
+ letter-spacing: var(
500
+ --_ctm-mob-dn-he-pe-im-se-lr-sg,
501
+ var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
502
+ );
503
+ text-align: var(
504
+ --_ctm-mob-dn-he-pe-im-se-tt-an,
505
+ var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
506
+ );
507
+ text-decoration: var(
508
+ --_ctm-mob-dn-he-pe-im-se-ue,
509
+ var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
510
+ );
511
+ box-shadow: var(
512
+ --_ctm-mob-dn-he-pe-im-se-sw-ae,
513
+ var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
514
+ )
515
+ var(
516
+ --_ctm-mob-dn-he-pe-im-se-sw-br,
517
+ var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
518
+ )
519
+ var(
520
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
521
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
522
+ )
523
+ var(
524
+ --_ctm-mob-dn-he-pe-im-se-sw-cr,
525
+ var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
526
+ );
527
+
528
+ .icon {
529
+ svg {
530
+ width: var(
531
+ --_ctm-mob-dn-he-pe-im-se-in-se,
532
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
533
+ );
534
+ height: var(
535
+ --_ctm-mob-dn-he-pe-im-se-in-se,
536
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
537
+ );
538
+ path {
539
+ stroke: var(
540
+ --_ctm-mob-dn-he-pe-im-se-in-c1,
541
+ var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
542
+ );
543
+ }
544
+ }
545
+ }
546
+ }
547
+ }
548
+
549
+ .breadcrumb_item {
550
+ padding: 0px 4px;
551
+ display: flex;
552
+ gap: 8px;
553
+ white-space: nowrap;
554
+ align-items: center;
555
+
556
+ background-color: var(
557
+ --_ctm-mob-dn-or-im-se-bd-cr,
558
+ var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
559
+ );
560
+ border-color: var(
561
+ --_ctm-mob-dn-or-im-se-br-cr,
562
+ var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
563
+ );
564
+ border-radius: var(
565
+ --_ctm-mob-dn-or-im-se-br-rs,
566
+ var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
567
+ );
568
+ border-style: var(
569
+ --_ctm-mob-dn-or-im-se-br-se,
570
+ var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
571
+ );
572
+ border-width: var(
573
+ --_ctm-mob-dn-or-im-se-br-wh,
574
+ var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
575
+ );
576
+ color: var(
577
+ --_ctm-mob-dn-or-im-se-cr,
578
+ var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
579
+ );
580
+ font-family: var(
581
+ --_ctm-mob-dn-or-im-se-ft-fy,
582
+ var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
583
+ );
584
+ font-size: var(
585
+ --_ctm-mob-dn-or-im-se-ft-se,
586
+ var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
587
+ );
588
+ font-style: var(
589
+ --_ctm-mob-dn-or-im-se-ft-se-ic,
590
+ var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
591
+ );
592
+ font-weight: var(
593
+ --_ctm-mob-dn-or-im-se-ft-wt,
594
+ var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
595
+ );
596
+ line-height: var(
597
+ --_ctm-mob-dn-or-im-se-le-ht,
598
+ var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
599
+ );
600
+ letter-spacing: var(
601
+ --_ctm-mob-dn-or-im-se-lr-sg,
602
+ var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
603
+ );
604
+ text-align: var(
605
+ --_ctm-mob-dn-or-im-se-tt-an,
606
+ var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
607
+ );
608
+ text-decoration: var(
609
+ --_ctm-mob-dn-or-im-se-ue,
610
+ var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
611
+ );
612
+ box-shadow: var(
613
+ --_ctm-mob-dn-or-im-se-sw-ae,
614
+ var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
615
+ )
616
+ var(
617
+ --_ctm-mob-dn-or-im-se-sw-br,
618
+ var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
619
+ )
620
+ var(
621
+ --_ctm-mob-dn-or-im-se-sw-sd,
622
+ var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
623
+ )
624
+ var(
625
+ --_ctm-mob-dn-or-im-se-sw-cr,
626
+ var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
627
+ );
628
+
629
+ .icon {
630
+ svg {
631
+ width: var(
632
+ --_ctm-mob-dn-or-im-se-in-se,
633
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
634
+ );
635
+ height: var(
636
+ --_ctm-mob-dn-or-im-se-in-se,
637
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
638
+ );
639
+ path {
640
+ stroke: var(
641
+ --_ctm-mob-dn-or-im-se-in-c1,
642
+ var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
643
+ );
644
+ }
645
+ }
646
+ }
647
+ }
648
+
649
+ &:last-of-type {
650
+ .breadcrumb_item {
651
+ padding: 0px 4px;
652
+ display: flex;
653
+ gap: 8px;
654
+ white-space: nowrap;
655
+ align-items: center;
656
+
657
+ background-color: var(
658
+ --_ctm-mob-dn-ct-pe-im-se-bd-cr,
659
+ var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
660
+ );
661
+ border-color: var(
662
+ --_ctm-mob-dn-ct-pe-im-se-br-cr,
663
+ var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
664
+ );
665
+ border-radius: var(
666
+ --_ctm-mob-dn-ct-pe-im-se-br-rs,
667
+ var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
668
+ );
669
+ border-style: var(
670
+ --_ctm-mob-dn-ct-pe-im-se-br-se,
671
+ var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
672
+ );
673
+ border-width: var(
674
+ --_ctm-mob-dn-ct-pe-im-se-br-wh,
675
+ var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
676
+ );
677
+ color: var(
678
+ --_ctm-mob-dn-ct-pe-im-se-cr,
679
+ var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
680
+ );
681
+ font-family: var(
682
+ --_ctm-mob-dn-ct-pe-im-se-ft-fy,
683
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
684
+ );
685
+ font-size: var(
686
+ --_ctm-mob-dn-ct-pe-im-se-ft-se,
687
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
688
+ );
689
+ font-style: var(
690
+ --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
691
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
692
+ );
693
+ font-weight: var(
694
+ --_ctm-mob-dn-ct-pe-im-se-ft-wt,
695
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
696
+ );
697
+ line-height: var(
698
+ --_ctm-mob-dn-ct-pe-im-se-le-ht,
699
+ var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
700
+ );
701
+ letter-spacing: var(
702
+ --_ctm-mob-dn-ct-pe-im-se-lr-sg,
703
+ var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
704
+ );
705
+ text-align: var(
706
+ --_ctm-mob-dn-ct-pe-im-se-tt-an,
707
+ var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
708
+ );
709
+ text-decoration: var(
710
+ --_ctm-mob-dn-ct-pe-im-se-ue,
711
+ var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
712
+ );
713
+ box-shadow: var(
714
+ --_ctm-mob-dn-ct-pe-im-se-sw-ae,
715
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
716
+ )
717
+ var(
718
+ --_ctm-mob-dn-ct-pe-im-se-sw-sd,
719
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
720
+ )
721
+ var(
722
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
723
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
724
+ )
725
+ var(
726
+ --_ctm-mob-dn-ct-pe-im-se-sw-cr,
727
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
728
+ );
729
+
730
+ .icon {
731
+ svg {
732
+ width: var(
733
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
734
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
735
+ );
736
+ height: var(
737
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
738
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
739
+ );
740
+ path {
741
+ stroke: var(
742
+ --_ctm-mob-dn-ct-pe-im-se-in-c1,
743
+ var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
744
+ );
745
+ }
746
+ }
747
+ }
748
+ }
749
+ }
750
+ }
751
+ }
752
+
753
+ .separator {
754
+ .icon {
755
+ display: flex;
756
+ svg {
757
+ width: var(
758
+ --_ctm-mob-dn-im-sr-in-se,
759
+ var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
760
+ );
761
+ height: var(
762
+ --_ctm-mob-dn-im-sr-in-se,
763
+ var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
764
+ );
765
+ path {
766
+ stroke: var(
767
+ --_ctm-mob-dn-im-sr-in-c1,
768
+ var(--_ctm-tab-dn-im-sr-in-c1, var(--_ctm-dn-im-sr-in-c1))
769
+ );
770
+ }
771
+ }
772
+ }
773
+ }
774
+
775
+ .show_more_btn {
776
+ white-space: nowrap;
777
+ background-color: var(
778
+ --_ctm-mob-dn-ed-in-bd-cr,
779
+ var(--_ctm-tab-dn-ed-in-bd-cr, var(--_ctm-dn-ed-in-bd-cr))
780
+ );
781
+ .icon {
782
+ svg {
783
+ width: var(
784
+ --_ctm-mob-dn-ed-in-in-se,
785
+ var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
786
+ );
787
+ height: var(
788
+ --_ctm-mob-dn-ed-in-in-se,
789
+ var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
790
+ );
791
+ path {
792
+ stroke: var(
793
+ --_ctm-mob-dn-ed-in-in-c1,
794
+ var(--_ctm-tab-dn-ed-in-in-c1, var(--_ctm-dn-ed-in-in-c1))
795
+ );
796
+ }
797
+ }
798
+ }
799
+ }
800
+ }
801
+ }
802
+ }