@sc-360-v2/storefront-cms-library 0.5.25 → 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 (24) hide show
  1. package/dist/brand.scss +136 -93
  2. package/dist/breadcrumbs.scss +827 -827
  3. package/dist/buy-for-tab-container.scss +141 -90
  4. package/dist/category.scss +67 -24
  5. package/dist/container.scss +74 -24
  6. package/dist/grid.scss +169 -119
  7. package/dist/layouter-item.scss +74 -25
  8. package/dist/layouter-pro-item.scss +55 -6
  9. package/dist/layouter-pro.scss +134 -88
  10. package/dist/layouter.scss +67 -24
  11. package/dist/light-box-v2.scss +154 -105
  12. package/dist/line.scss +261 -166
  13. package/dist/marchandiserSets.scss +107 -60
  14. package/dist/mega-menu-container.scss +73 -24
  15. package/dist/mega-menu.scss +25 -3
  16. package/dist/product-image.scss +1 -1
  17. package/dist/product.scss +140 -97
  18. package/dist/productDetails.scss +113 -70
  19. package/dist/repeater-item.scss +69 -24
  20. package/dist/repeater.scss +73 -24
  21. package/dist/section.scss +53 -7
  22. package/dist/stack.scss +171 -129
  23. package/dist/tab-container.scss +139 -89
  24. package/package.json +1 -1
package/dist/breadcrumbs.scss CHANGED
@@ -1,827 +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
- 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
- }
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
+ }