@sc-360-v2/storefront-cms-library 0.5.24 → 0.5.26

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 (25) hide show
  1. package/dist/brand.scss +136 -93
  2. package/dist/breadcrumbs.scss +827 -802
  3. package/dist/buy-for-tab-container.scss +141 -90
  4. package/dist/category-groups-product-grid.scss +186 -186
  5. package/dist/category.scss +67 -24
  6. package/dist/container.scss +74 -24
  7. package/dist/grid.scss +169 -119
  8. package/dist/layouter-item.scss +74 -25
  9. package/dist/layouter-pro-item.scss +55 -6
  10. package/dist/layouter-pro.scss +134 -88
  11. package/dist/layouter.scss +67 -24
  12. package/dist/light-box-v2.scss +154 -105
  13. package/dist/line.scss +5 -1
  14. package/dist/marchandiserSets.scss +107 -60
  15. package/dist/mega-menu-container.scss +73 -24
  16. package/dist/mega-menu.scss +25 -3
  17. package/dist/product-image.scss +1 -1
  18. package/dist/product.scss +140 -97
  19. package/dist/productDetails.scss +113 -70
  20. package/dist/repeater-item.scss +69 -24
  21. package/dist/repeater.scss +73 -24
  22. package/dist/section.scss +53 -7
  23. package/dist/stack.scss +171 -129
  24. package/dist/tab-container.scss +139 -89
  25. package/package.json +1 -1
package/dist/breadcrumbs.scss CHANGED
@@ -1,802 +1,827 @@
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
+ padding: var(
100
+ --_ctm-mob-dn-or-im-se-pg,
101
+ var(--_ctm-tab-dn-or-im-se-pg, var(--_ctm-dn-or-im-se-pg))
102
+ );
103
+ gap: var(
104
+ --_ctm-mob-dn-or-im-se-im-gp,
105
+ var(--_ctm-tab-dn-or-im-se-im-gp, var(--_ctm-dn-or-im-se-im-gp))
106
+ );
107
+
108
+ background-color: var(
109
+ --_ctm-mob-dn-or-im-se-bd-cr,
110
+ var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
111
+ );
112
+ border-color: var(
113
+ --_ctm-mob-dn-or-im-se-br-cr,
114
+ var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
115
+ );
116
+ border-radius: var(
117
+ --_ctm-mob-dn-or-im-se-br-rs,
118
+ var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
119
+ );
120
+ border-style: var(
121
+ --_ctm-mob-dn-or-im-se-br-se,
122
+ var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
123
+ );
124
+ border-width: var(
125
+ --_ctm-mob-dn-or-im-se-br-wh,
126
+ var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
127
+ );
128
+ color: var(
129
+ --_ctm-mob-dn-or-im-se-cr,
130
+ var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
131
+ );
132
+ font-family: var(
133
+ --_ctm-mob-dn-or-im-se-ft-fy,
134
+ var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
135
+ );
136
+ font-size: var(
137
+ --_ctm-mob-dn-or-im-se-ft-se,
138
+ var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
139
+ );
140
+ font-style: var(
141
+ --_ctm-mob-dn-or-im-se-ft-se-ic,
142
+ var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
143
+ );
144
+ font-weight: var(
145
+ --_ctm-mob-dn-or-im-se-ft-wt,
146
+ var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
147
+ );
148
+ line-height: var(
149
+ --_ctm-mob-dn-or-im-se-le-ht,
150
+ var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
151
+ );
152
+ letter-spacing: var(
153
+ --_ctm-mob-dn-or-im-se-lr-sg,
154
+ var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
155
+ );
156
+ text-align: var(
157
+ --_ctm-mob-dn-or-im-se-tt-an,
158
+ var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
159
+ );
160
+ text-decoration: var(
161
+ --_ctm-mob-dn-or-im-se-ue,
162
+ var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
163
+ );
164
+ box-shadow: var(
165
+ --_ctm-mob-dn-or-im-se-sw-ae,
166
+ var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
167
+ )
168
+ var(
169
+ --_ctm-mob-dn-or-im-se-sw-br,
170
+ var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
171
+ )
172
+ var(
173
+ --_ctm-mob-dn-or-im-se-sw-sd,
174
+ var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
175
+ )
176
+ var(
177
+ --_ctm-mob-dn-or-im-se-sw-cr,
178
+ var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
179
+ );
180
+
181
+ .icon {
182
+ svg {
183
+ width: var(
184
+ --_ctm-mob-dn-or-im-se-in-se,
185
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
186
+ );
187
+ height: var(
188
+ --_ctm-mob-dn-or-im-se-in-se,
189
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
190
+ );
191
+ path {
192
+ stroke: var(
193
+ --_ctm-mob-dn-or-im-se-in-c1,
194
+ var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
195
+ );
196
+ }
197
+ }
198
+ }
199
+
200
+ &:first-of-type {
201
+ padding: var(
202
+ --_ctm-mob-dn-he-pe-im-se-pg,
203
+ var(--_ctm-tab-dn-he-pe-im-se-pg, var(--_ctm-dn-he-pe-im-se-pg))
204
+ );
205
+ gap: var(
206
+ --_ctm-mob-dn-he-pe-im-se-im-gp,
207
+ var(--_ctm-tab-dn-he-pe-im-se-im-gp, var(--_ctm-dn-he-pe-im-se-im-gp))
208
+ );
209
+ background-color: var(
210
+ --_ctm-mob-dn-he-pe-im-se-bd-cr,
211
+ var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
212
+ );
213
+ border-color: var(
214
+ --_ctm-mob-dn-he-pe-im-se-br-cr,
215
+ var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
216
+ );
217
+ border-radius: var(
218
+ --_ctm-mob-dn-he-pe-im-se-br-rs,
219
+ var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
220
+ );
221
+ border-style: var(
222
+ --_ctm-mob-dn-he-pe-im-se-br-se,
223
+ var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
224
+ );
225
+ border-width: var(
226
+ --_ctm-mob-dn-he-pe-im-se-br-wh,
227
+ var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
228
+ );
229
+ color: var(
230
+ --_ctm-mob-dn-he-pe-im-se-cr,
231
+ var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
232
+ );
233
+ font-family: var(
234
+ --_ctm-mob-dn-he-pe-im-se-ft-fy,
235
+ var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
236
+ );
237
+ font-size: var(
238
+ --_ctm-mob-dn-he-pe-im-se-ft-se,
239
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
240
+ );
241
+ font-style: var(
242
+ --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
243
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
244
+ );
245
+ font-weight: var(
246
+ --_ctm-mob-dn-he-pe-im-se-ft-wt,
247
+ var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
248
+ );
249
+ line-height: var(
250
+ --_ctm-mob-dn-he-pe-im-se-le-ht,
251
+ var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
252
+ );
253
+ letter-spacing: var(
254
+ --_ctm-mob-dn-he-pe-im-se-lr-sg,
255
+ var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
256
+ );
257
+ text-align: var(
258
+ --_ctm-mob-dn-he-pe-im-se-tt-an,
259
+ var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
260
+ );
261
+ text-decoration: var(
262
+ --_ctm-mob-dn-he-pe-im-se-ue,
263
+ var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
264
+ );
265
+ box-shadow: var(
266
+ --_ctm-mob-dn-he-pe-im-se-sw-ae,
267
+ var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
268
+ )
269
+ var(
270
+ --_ctm-mob-dn-he-pe-im-se-sw-br,
271
+ var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
272
+ )
273
+ var(
274
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
275
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
276
+ )
277
+ var(
278
+ --_ctm-mob-dn-he-pe-im-se-sw-cr,
279
+ var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
280
+ );
281
+
282
+ .icon {
283
+ svg {
284
+ width: var(
285
+ --_ctm-mob-dn-he-pe-im-se-in-se,
286
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
287
+ );
288
+ height: var(
289
+ --_ctm-mob-dn-he-pe-im-se-in-se,
290
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
291
+ );
292
+ path {
293
+ stroke: var(
294
+ --_ctm-mob-dn-he-pe-im-se-in-c1,
295
+ var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
296
+ );
297
+ }
298
+ }
299
+ }
300
+ }
301
+
302
+ &:last-of-type {
303
+ padding: var(
304
+ --_ctm-mob-dn-ct-pe-im-se-pg,
305
+ var(--_ctm-tab-dn-ct-pe-im-se-pg, var(--_ctm-dn-ct-pe-im-se-pg))
306
+ );
307
+ gap: var(
308
+ --_ctm-mob-dn-ct-pe-im-se-im-gp,
309
+ var(--_ctm-tab-dn-ct-pe-im-se-im-gp, var(--_ctm-dn-ct-pe-im-se-im-gp))
310
+ );
311
+ background-color: var(
312
+ --_ctm-mob-dn-ct-pe-im-se-bd-cr,
313
+ var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
314
+ );
315
+ border-color: var(
316
+ --_ctm-mob-dn-ct-pe-im-se-br-cr,
317
+ var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
318
+ );
319
+ border-radius: var(
320
+ --_ctm-mob-dn-ct-pe-im-se-br-rs,
321
+ var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
322
+ );
323
+ border-style: var(
324
+ --_ctm-mob-dn-ct-pe-im-se-br-se,
325
+ var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
326
+ );
327
+ border-width: var(
328
+ --_ctm-mob-dn-ct-pe-im-se-br-wh,
329
+ var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
330
+ );
331
+ color: var(
332
+ --_ctm-mob-dn-ct-pe-im-se-cr,
333
+ var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
334
+ );
335
+ font-family: var(
336
+ --_ctm-mob-dn-ct-pe-im-se-ft-fy,
337
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
338
+ );
339
+ font-size: var(
340
+ --_ctm-mob-dn-ct-pe-im-se-ft-se,
341
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
342
+ );
343
+ font-style: var(
344
+ --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
345
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
346
+ );
347
+ font-weight: var(
348
+ --_ctm-mob-dn-ct-pe-im-se-ft-wt,
349
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
350
+ );
351
+ line-height: var(
352
+ --_ctm-mob-dn-ct-pe-im-se-le-ht,
353
+ var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
354
+ );
355
+ letter-spacing: var(
356
+ --_ctm-mob-dn-ct-pe-im-se-lr-sg,
357
+ var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
358
+ );
359
+ text-align: var(
360
+ --_ctm-mob-dn-ct-pe-im-se-tt-an,
361
+ var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
362
+ );
363
+ text-decoration: var(
364
+ --_ctm-mob-dn-ct-pe-im-se-ue,
365
+ var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
366
+ );
367
+ box-shadow: var(
368
+ --_ctm-mob-dn-ct-pe-im-se-sw-ae,
369
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
370
+ )
371
+ var(
372
+ --_ctm-mob-dn-ct-pe-im-se-sw-sd,
373
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
374
+ )
375
+ var(
376
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
377
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
378
+ )
379
+ var(
380
+ --_ctm-mob-dn-ct-pe-im-se-sw-cr,
381
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
382
+ );
383
+
384
+ .icon {
385
+ svg {
386
+ width: var(
387
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
388
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
389
+ );
390
+ height: var(
391
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
392
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
393
+ );
394
+ path {
395
+ stroke: var(
396
+ --_ctm-mob-dn-ct-pe-im-se-in-c1,
397
+ var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
398
+ );
399
+ }
400
+ }
401
+ }
402
+ }
403
+ }
404
+ }
405
+ .vertical_breadcrumb_wrapper {
406
+ display: flex;
407
+ align-items: flex-start;
408
+ flex-direction: column;
409
+ height: 120px;
410
+
411
+ border-style: var(
412
+ --_ctm-mob-dn-bd-ad-fl-br-se,
413
+ var(--_ctm-tab-dn-bd-ad-fl-br-se, var(--_ctm-dn-bd-ad-fl-br-se))
414
+ );
415
+ border-width: var(
416
+ --_ctm-mob-dn-bd-ad-fl-br-wh,
417
+ var(--_ctm-tab-dn-bd-ad-fl-br-wh, var(--_ctm-dn-bd-ad-fl-br-wh))
418
+ );
419
+ border-color: var(
420
+ --_ctm-mob-dn-bd-ad-fl-br-cr,
421
+ var(--_ctm-tab-dn-bd-ad-fl-br-cr, var(--_ctm-dn-bd-ad-fl-br-cr))
422
+ );
423
+ border-radius: var(
424
+ --_ctm-mob-dn-bd-ad-fl-br-rs,
425
+ var(--_ctm-tab-dn-bd-ad-fl-br-rs, var(--_ctm-dn-bd-ad-fl-br-rs))
426
+ );
427
+ background-color: var(
428
+ --_ctm-mob-dn-bd-ad-fl-bd-cr,
429
+ var(--_ctm-tab-dn-bd-ad-fl-bd-cr, var(--_ctm-dn-bd-ad-fl-bd-cr))
430
+ );
431
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
432
+ box-shadow: var(
433
+ --_show-shadow,
434
+ var(
435
+ --_ctm-mob-dn-bd-ad-fl-sw-ae,
436
+ var(--_ctm-tab-dn-bd-ad-fl-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
437
+ )
438
+ var(
439
+ --_ctm-mob-dn-bd-ad-fl-sw-br,
440
+ var(--_ctm-tab-dn-bd-ad-fl-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
441
+ )
442
+ var(
443
+ --_ctm-mob-dn-bd-ad-fl-sw-sd,
444
+ var(--_ctm-tab-dn-bd-ad-fl-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
445
+ )
446
+ var(
447
+ --_ctm-mob-dn-bd-ad-fl-sw-cr,
448
+ var(--_ctm-tab-dn-bd-ad-fl-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
449
+ )
450
+ );
451
+
452
+ &[overflow-item="Scroll"],
453
+ &[overflow-item="Show More"],
454
+ &[overflow-item="Collapsed"] {
455
+ overflow-y: auto;
456
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
457
+ }
458
+
459
+ &[overflow-item="Wrap"] {
460
+ flex-wrap: wrap;
461
+ row-gap: var(
462
+ --_ctm-mob-lt-im-vl-sg,
463
+ var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg))
464
+ );
465
+ column-gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
466
+ }
467
+
468
+ .item_wrapper {
469
+ display: flex;
470
+ gap: 6px;
471
+
472
+ &:first-of-type {
473
+ .breadcrumb_item {
474
+ padding: 0px 4px;
475
+ display: flex;
476
+ gap: 8px;
477
+ white-space: nowrap;
478
+ align-items: center;
479
+
480
+ background-color: var(
481
+ --_ctm-mob-dn-he-pe-im-se-bd-cr,
482
+ var(--_ctm-tab-dn-he-pe-im-se-bd-cr, var(--_ctm-dn-he-pe-im-se-bd-cr))
483
+ );
484
+ border-color: var(
485
+ --_ctm-mob-dn-he-pe-im-se-br-cr,
486
+ var(--_ctm-tab-dn-he-pe-im-se-br-cr, var(--_ctm-dn-he-pe-im-se-br-cr))
487
+ );
488
+ border-radius: var(
489
+ --_ctm-mob-dn-he-pe-im-se-br-rs,
490
+ var(--_ctm-tab-dn-he-pe-im-se-br-rs, var(--_ctm-dn-he-pe-im-se-br-rs))
491
+ );
492
+ border-style: var(
493
+ --_ctm-mob-dn-he-pe-im-se-br-se,
494
+ var(--_ctm-tab-dn-he-pe-im-se-br-se, var(--_ctm-dn-he-pe-im-se-br-se))
495
+ );
496
+ border-width: var(
497
+ --_ctm-mob-dn-he-pe-im-se-br-wh,
498
+ var(--_ctm-tab-dn-he-pe-im-se-br-wh, var(--_ctm-dn-he-pe-im-se-br-wh))
499
+ );
500
+ color: var(
501
+ --_ctm-mob-dn-he-pe-im-se-cr,
502
+ var(--_ctm-tab-dn-he-pe-im-se-cr, var(--_ctm-dn-he-pe-im-se-cr))
503
+ );
504
+ font-family: var(
505
+ --_ctm-mob-dn-he-pe-im-se-ft-fy,
506
+ var(--_ctm-tab-dn-he-pe-im-se-ft-fy, var(--_ctm-dn-he-pe-im-se-ft-fy))
507
+ );
508
+ font-size: var(
509
+ --_ctm-mob-dn-he-pe-im-se-ft-se,
510
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se, var(--_ctm-dn-he-pe-im-se-ft-se))
511
+ );
512
+ font-style: var(
513
+ --_ctm-mob-dn-he-pe-im-se-ft-se-ic,
514
+ var(--_ctm-tab-dn-he-pe-im-se-ft-se-ic, var(--_ctm-dn-he-pe-im-se-ft-se-ic))
515
+ );
516
+ font-weight: var(
517
+ --_ctm-mob-dn-he-pe-im-se-ft-wt,
518
+ var(--_ctm-tab-dn-he-pe-im-se-ft-wt, var(--_ctm-dn-he-pe-im-se-ft-wt))
519
+ );
520
+ line-height: var(
521
+ --_ctm-mob-dn-he-pe-im-se-le-ht,
522
+ var(--_ctm-tab-dn-he-pe-im-se-le-ht, var(--_ctm-dn-he-pe-im-se-le-ht))
523
+ );
524
+ letter-spacing: var(
525
+ --_ctm-mob-dn-he-pe-im-se-lr-sg,
526
+ var(--_ctm-tab-dn-he-pe-im-se-lr-sg, var(--_ctm-dn-he-pe-im-se-lr-sg))
527
+ );
528
+ text-align: var(
529
+ --_ctm-mob-dn-he-pe-im-se-tt-an,
530
+ var(--_ctm-tab-dn-he-pe-im-se-tt-an, var(--_ctm-dn-he-pe-im-se-tt-an))
531
+ );
532
+ text-decoration: var(
533
+ --_ctm-mob-dn-he-pe-im-se-ue,
534
+ var(--_ctm-tab-dn-he-pe-im-se-ue, var(--_ctm-dn-he-pe-im-se-ue))
535
+ );
536
+ box-shadow: var(
537
+ --_ctm-mob-dn-he-pe-im-se-sw-ae,
538
+ var(--_ctm-tab-dn-he-pe-im-se-sw-ae, var(--_ctm-dn-he-pe-im-se-sw-ae))
539
+ )
540
+ var(
541
+ --_ctm-mob-dn-he-pe-im-se-sw-br,
542
+ var(--_ctm-tab-dn-he-pe-im-se-sw-br, var(--_ctm-dn-he-pe-im-se-sw-br))
543
+ )
544
+ var(
545
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
546
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
547
+ )
548
+ var(
549
+ --_ctm-mob-dn-he-pe-im-se-sw-cr,
550
+ var(--_ctm-tab-dn-he-pe-im-se-sw-cr, var(--_ctm-dn-he-pe-im-se-sw-cr))
551
+ );
552
+
553
+ .icon {
554
+ svg {
555
+ width: var(
556
+ --_ctm-mob-dn-he-pe-im-se-in-se,
557
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
558
+ );
559
+ height: var(
560
+ --_ctm-mob-dn-he-pe-im-se-in-se,
561
+ var(--_ctm-tab-dn-he-pe-im-se-in-se, var(--_ctm-dn-he-pe-im-se-in-se))
562
+ );
563
+ path {
564
+ stroke: var(
565
+ --_ctm-mob-dn-he-pe-im-se-in-c1,
566
+ var(--_ctm-tab-dn-he-pe-im-se-in-c1, var(--_ctm-dn-he-pe-im-se-in-c1))
567
+ );
568
+ }
569
+ }
570
+ }
571
+ }
572
+ }
573
+
574
+ .breadcrumb_item {
575
+ padding: 0px 4px;
576
+ display: flex;
577
+ gap: 8px;
578
+ white-space: nowrap;
579
+ align-items: center;
580
+
581
+ background-color: var(
582
+ --_ctm-mob-dn-or-im-se-bd-cr,
583
+ var(--_ctm-tab-dn-or-im-se-bd-cr, var(--_ctm-dn-or-im-se-bd-cr))
584
+ );
585
+ border-color: var(
586
+ --_ctm-mob-dn-or-im-se-br-cr,
587
+ var(--_ctm-tab-dn-or-im-se-br-cr, var(--_ctm-dn-or-im-se-br-cr))
588
+ );
589
+ border-radius: var(
590
+ --_ctm-mob-dn-or-im-se-br-rs,
591
+ var(--_ctm-tab-dn-or-im-se-br-rs, var(--_ctm-dn-or-im-se-br-rs))
592
+ );
593
+ border-style: var(
594
+ --_ctm-mob-dn-or-im-se-br-se,
595
+ var(--_ctm-tab-dn-or-im-se-br-se, var(--_ctm-dn-or-im-se-br-se))
596
+ );
597
+ border-width: var(
598
+ --_ctm-mob-dn-or-im-se-br-wh,
599
+ var(--_ctm-tab-dn-or-im-se-br-wh, var(--_ctm-dn-or-im-se-br-wh))
600
+ );
601
+ color: var(
602
+ --_ctm-mob-dn-or-im-se-cr,
603
+ var(--_ctm-tab-dn-or-im-se-cr, var(--_ctm-dn-or-im-se-cr))
604
+ );
605
+ font-family: var(
606
+ --_ctm-mob-dn-or-im-se-ft-fy,
607
+ var(--_ctm-tab-dn-or-im-se-ft-fy, var(--_ctm-dn-or-im-se-ft-fy))
608
+ );
609
+ font-size: var(
610
+ --_ctm-mob-dn-or-im-se-ft-se,
611
+ var(--_ctm-tab-dn-or-im-se-ft-se, var(--_ctm-dn-or-im-se-ft-se))
612
+ );
613
+ font-style: var(
614
+ --_ctm-mob-dn-or-im-se-ft-se-ic,
615
+ var(--_ctm-tab-dn-or-im-se-ft-se-ic, var(--_ctm-dn-or-im-se-ft-se-ic))
616
+ );
617
+ font-weight: var(
618
+ --_ctm-mob-dn-or-im-se-ft-wt,
619
+ var(--_ctm-tab-dn-or-im-se-ft-wt, var(--_ctm-dn-or-im-se-ft-wt))
620
+ );
621
+ line-height: var(
622
+ --_ctm-mob-dn-or-im-se-le-ht,
623
+ var(--_ctm-tab-dn-or-im-se-le-ht, var(--_ctm-dn-or-im-se-le-ht))
624
+ );
625
+ letter-spacing: var(
626
+ --_ctm-mob-dn-or-im-se-lr-sg,
627
+ var(--_ctm-tab-dn-or-im-se-lr-sg, var(--_ctm-dn-or-im-se-lr-sg))
628
+ );
629
+ text-align: var(
630
+ --_ctm-mob-dn-or-im-se-tt-an,
631
+ var(--_ctm-tab-dn-or-im-se-tt-an, var(--_ctm-dn-or-im-se-tt-an))
632
+ );
633
+ text-decoration: var(
634
+ --_ctm-mob-dn-or-im-se-ue,
635
+ var(--_ctm-tab-dn-or-im-se-ue, var(--_ctm-dn-or-im-se-ue))
636
+ );
637
+ box-shadow: var(
638
+ --_ctm-mob-dn-or-im-se-sw-ae,
639
+ var(--_ctm-tab-dn-or-im-se-sw-ae, var(--_ctm-dn-or-im-se-sw-ae))
640
+ )
641
+ var(
642
+ --_ctm-mob-dn-or-im-se-sw-br,
643
+ var(--_ctm-tab-dn-or-im-se-sw-br, var(--_ctm-dn-or-im-se-sw-br))
644
+ )
645
+ var(
646
+ --_ctm-mob-dn-or-im-se-sw-sd,
647
+ var(--_ctm-tab-dn-or-im-se-sw-sd, var(--_ctm-dn-or-im-se-sw-sd))
648
+ )
649
+ var(
650
+ --_ctm-mob-dn-or-im-se-sw-cr,
651
+ var(--_ctm-tab-dn-or-im-se-sw-cr, var(--_ctm-dn-or-im-se-sw-cr))
652
+ );
653
+
654
+ .icon {
655
+ svg {
656
+ width: var(
657
+ --_ctm-mob-dn-or-im-se-in-se,
658
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
659
+ );
660
+ height: var(
661
+ --_ctm-mob-dn-or-im-se-in-se,
662
+ var(--_ctm-tab-dn-or-im-se-in-se, var(--_ctm-dn-or-im-se-in-se))
663
+ );
664
+ path {
665
+ stroke: var(
666
+ --_ctm-mob-dn-or-im-se-in-c1,
667
+ var(--_ctm-tab-dn-or-im-se-in-c1, var(--_ctm-dn-or-im-se-in-c1))
668
+ );
669
+ }
670
+ }
671
+ }
672
+ }
673
+
674
+ &:last-of-type {
675
+ .breadcrumb_item {
676
+ padding: 0px 4px;
677
+ display: flex;
678
+ gap: 8px;
679
+ white-space: nowrap;
680
+ align-items: center;
681
+
682
+ background-color: var(
683
+ --_ctm-mob-dn-ct-pe-im-se-bd-cr,
684
+ var(--_ctm-tab-dn-ct-pe-im-se-bd-cr, var(--_ctm-dn-ct-pe-im-se-bd-cr))
685
+ );
686
+ border-color: var(
687
+ --_ctm-mob-dn-ct-pe-im-se-br-cr,
688
+ var(--_ctm-tab-dn-ct-pe-im-se-br-cr, var(--_ctm-dn-ct-pe-im-se-br-cr))
689
+ );
690
+ border-radius: var(
691
+ --_ctm-mob-dn-ct-pe-im-se-br-rs,
692
+ var(--_ctm-tab-dn-ct-pe-im-se-br-rs, var(--_ctm-dn-ct-pe-im-se-br-rs))
693
+ );
694
+ border-style: var(
695
+ --_ctm-mob-dn-ct-pe-im-se-br-se,
696
+ var(--_ctm-tab-dn-ct-pe-im-se-br-se, var(--_ctm-dn-ct-pe-im-se-br-se))
697
+ );
698
+ border-width: var(
699
+ --_ctm-mob-dn-ct-pe-im-se-br-wh,
700
+ var(--_ctm-tab-dn-ct-pe-im-se-br-wh, var(--_ctm-dn-ct-pe-im-se-br-wh))
701
+ );
702
+ color: var(
703
+ --_ctm-mob-dn-ct-pe-im-se-cr,
704
+ var(--_ctm-tab-dn-ct-pe-im-se-cr, var(--_ctm-dn-ct-pe-im-se-cr))
705
+ );
706
+ font-family: var(
707
+ --_ctm-mob-dn-ct-pe-im-se-ft-fy,
708
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-fy, var(--_ctm-dn-ct-pe-im-se-ft-fy))
709
+ );
710
+ font-size: var(
711
+ --_ctm-mob-dn-ct-pe-im-se-ft-se,
712
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se, var(--_ctm-dn-ct-pe-im-se-ft-se))
713
+ );
714
+ font-style: var(
715
+ --_ctm-mob-dn-ct-pe-im-se-ft-se-ic,
716
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-se-ic, var(--_ctm-dn-ct-pe-im-se-ft-se-ic))
717
+ );
718
+ font-weight: var(
719
+ --_ctm-mob-dn-ct-pe-im-se-ft-wt,
720
+ var(--_ctm-tab-dn-ct-pe-im-se-ft-wt, var(--_ctm-dn-ct-pe-im-se-ft-wt))
721
+ );
722
+ line-height: var(
723
+ --_ctm-mob-dn-ct-pe-im-se-le-ht,
724
+ var(--_ctm-tab-dn-ct-pe-im-se-le-ht, var(--_ctm-dn-ct-pe-im-se-le-ht))
725
+ );
726
+ letter-spacing: var(
727
+ --_ctm-mob-dn-ct-pe-im-se-lr-sg,
728
+ var(--_ctm-tab-dn-ct-pe-im-se-lr-sg, var(--_ctm-dn-ct-pe-im-se-lr-sg))
729
+ );
730
+ text-align: var(
731
+ --_ctm-mob-dn-ct-pe-im-se-tt-an,
732
+ var(--_ctm-tab-dn-ct-pe-im-se-tt-an, var(--_ctm-dn-ct-pe-im-se-tt-an))
733
+ );
734
+ text-decoration: var(
735
+ --_ctm-mob-dn-ct-pe-im-se-ue,
736
+ var(--_ctm-tab-dn-ct-pe-im-se-ue, var(--_ctm-dn-ct-pe-im-se-ue))
737
+ );
738
+ box-shadow: var(
739
+ --_ctm-mob-dn-ct-pe-im-se-sw-ae,
740
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-ae, var(--_ctm-dn-ct-pe-im-se-sw-ae))
741
+ )
742
+ var(
743
+ --_ctm-mob-dn-ct-pe-im-se-sw-sd,
744
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-sd, var(--_ctm-dn-ct-pe-im-se-sw-sd))
745
+ )
746
+ var(
747
+ --_ctm-mob-dn-he-pe-im-se-sw-sd,
748
+ var(--_ctm-tab-dn-he-pe-im-se-sw-sd, var(--_ctm-dn-he-pe-im-se-sw-sd))
749
+ )
750
+ var(
751
+ --_ctm-mob-dn-ct-pe-im-se-sw-cr,
752
+ var(--_ctm-tab-dn-ct-pe-im-se-sw-cr, var(--_ctm-dn-ct-pe-im-se-sw-cr))
753
+ );
754
+
755
+ .icon {
756
+ svg {
757
+ width: var(
758
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
759
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
760
+ );
761
+ height: var(
762
+ --_ctm-mob-dn-ct-pe-im-se-in-se,
763
+ var(--_ctm-tab-dn-ct-pe-im-se-in-se, var(--_ctm-dn-ct-pe-im-se-in-se))
764
+ );
765
+ path {
766
+ stroke: var(
767
+ --_ctm-mob-dn-ct-pe-im-se-in-c1,
768
+ var(--_ctm-tab-dn-ct-pe-im-se-in-c1, var(--_ctm-dn-ct-pe-im-se-in-c1))
769
+ );
770
+ }
771
+ }
772
+ }
773
+ }
774
+ }
775
+ }
776
+ }
777
+
778
+ .separator {
779
+ .icon {
780
+ display: flex;
781
+ svg {
782
+ width: var(
783
+ --_ctm-mob-dn-im-sr-in-se,
784
+ var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
785
+ );
786
+ height: var(
787
+ --_ctm-mob-dn-im-sr-in-se,
788
+ var(--_ctm-tab-dn-im-sr-in-se, var(--_ctm-dn-im-sr-in-se))
789
+ );
790
+ path {
791
+ stroke: var(
792
+ --_ctm-mob-dn-im-sr-in-c1,
793
+ var(--_ctm-tab-dn-im-sr-in-c1, var(--_ctm-dn-im-sr-in-c1))
794
+ );
795
+ }
796
+ }
797
+ }
798
+ }
799
+
800
+ .show_more_btn {
801
+ white-space: nowrap;
802
+ background-color: var(
803
+ --_ctm-mob-dn-ed-in-bd-cr,
804
+ var(--_ctm-tab-dn-ed-in-bd-cr, var(--_ctm-dn-ed-in-bd-cr))
805
+ );
806
+ .icon {
807
+ svg {
808
+ width: var(
809
+ --_ctm-mob-dn-ed-in-in-se,
810
+ var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
811
+ );
812
+ height: var(
813
+ --_ctm-mob-dn-ed-in-in-se,
814
+ var(--_ctm-tab-dn-ed-in-in-se, var(--_ctm-dn-ed-in-in-se))
815
+ );
816
+ path {
817
+ stroke: var(
818
+ --_ctm-mob-dn-ed-in-in-c1,
819
+ var(--_ctm-tab-dn-ed-in-in-c1, var(--_ctm-dn-ed-in-in-c1))
820
+ );
821
+ }
822
+ }
823
+ }
824
+ }
825
+ }
826
+ }
827
+ }