@sc-360-v2/storefront-cms-library 0.5.31 → 0.5.32

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 (75) hide show
  1. package/dist/amount-estimator.scss +1083 -1083
  2. package/dist/animation-control.scss +23 -23
  3. package/dist/badge.scss +388 -388
  4. package/dist/builder.js +1 -1
  5. package/dist/bulk-variant-picker copy.scss +1121 -1121
  6. package/dist/bundleDetails copy.scss +1431 -1431
  7. package/dist/button copy.scss +271 -271
  8. package/dist/buy-for-tabs-container-item.scss +80 -80
  9. package/dist/cart-products-sidebar.scss +211 -211
  10. package/dist/cart-wrapper.scss +127 -127
  11. package/dist/cartGrouping.scss +89 -89
  12. package/dist/category-groups-quota-details.scss +451 -451
  13. package/dist/categoryDetails.scss +61 -61
  14. package/dist/categoryWidget.scss +34 -34
  15. package/dist/checkbox-radio.scss +124 -124
  16. package/dist/common-element.scss +35 -35
  17. package/dist/confirmationModal.scss +139 -139
  18. package/dist/custom-fonts.scss +100 -100
  19. package/dist/embroider-preview-element.scss +94 -94
  20. package/dist/embroider-template-1.scss +482 -482
  21. package/dist/emtpy-templates.scss +165 -165
  22. package/dist/fb-dropdown.scss +125 -125
  23. package/dist/filter-results.scss +323 -323
  24. package/dist/flex-text-editor.scss +271 -271
  25. package/dist/form-zindex-module.scss +24 -24
  26. package/dist/icon-library.scss +74 -74
  27. package/dist/image-for-product.scss +21 -21
  28. package/dist/lightbox.scss +78 -78
  29. package/dist/line.scss +99 -25
  30. package/dist/loader.scss +37 -37
  31. package/dist/menu-item.scss +19 -19
  32. package/dist/my-wishlist.scss +17 -17
  33. package/dist/order-processing.scss +61 -61
  34. package/dist/overflow-module.scss +63 -63
  35. package/dist/past-orders.scss +975 -975
  36. package/dist/payment-methods.scss +289 -289
  37. package/dist/pickup-locations.scss +1167 -1167
  38. package/dist/position-module.scss +95 -95
  39. package/dist/prefix-list.scss +86 -86
  40. package/dist/product-actions copy.scss +2765 -2765
  41. package/dist/product-customizations.scss +149 -149
  42. package/dist/product-image copy.scss +787 -787
  43. package/dist/product-inventory.scss +1378 -1378
  44. package/dist/product-promotions.scss +2759 -2759
  45. package/dist/quotes.scss +737 -737
  46. package/dist/repeater copy.scss +635 -635
  47. package/dist/responsive-behaviour.scss +29 -29
  48. package/dist/rfqs.scss +736 -736
  49. package/dist/scroll.scss +4 -3
  50. package/dist/shareCartSideBar.scss +254 -254
  51. package/dist/shipping-estimator.scss +41 -41
  52. package/dist/sort.scss +89 -89
  53. package/dist/static-text.scss +52 -52
  54. package/dist/stockStatus.scss +64 -64
  55. package/dist/store-locations.scss +1398 -1398
  56. package/dist/sub-category.scss +74 -74
  57. package/dist/submit-quote.scss +275 -275
  58. package/dist/tab-container-item.scss +80 -80
  59. package/dist/tab-v2.scss +583 -583
  60. package/dist/table-common.scss +506 -506
  61. package/dist/table.scss +685 -685
  62. package/dist/tabs.scss +395 -395
  63. package/dist/text-temp.scss +109 -109
  64. package/dist/toaster.scss +350 -350
  65. package/dist/toggle-button.scss +32 -32
  66. package/dist/transform-properties-module.scss +20 -20
  67. package/dist/types/builder/tools/element-edit/icon-list.d.ts +6 -0
  68. package/dist/types/builder/tools/element-edit/line.d.ts +21 -0
  69. package/dist/types/builder/tools/element-edit/scroll.d.ts +0 -1
  70. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +1 -145
  71. package/dist/user-elements copy.scss +1437 -1437
  72. package/dist/variant-picker.scss +404 -117
  73. package/dist/video.scss +476 -476
  74. package/dist/wishlist-overlay.scss +48 -48
  75. package/package.json +1 -1
@@ -1,451 +1,451 @@
1
- @use "./functions.scss" as *;
2
-
3
- // Verbatim adaptation of quota-details.scss inner styles, rebound to the
4
- // Category Groups quotaDetails layout/design CSS-variable paths.
5
- // @imported inside category-groups-element.scss within the categoryGroups scope.
6
-
7
- .quota__details__element {
8
- background-color: var(
9
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
10
- var(
11
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
12
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr)
13
- )
14
- );
15
- padding: var(
16
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
17
- var(
18
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
19
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg)
20
- )
21
- );
22
- display: flex;
23
- flex-direction: column;
24
- --_sf-gp: var(
25
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
26
- var(
27
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
28
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg, 16px)
29
- )
30
- );
31
- row-gap: var(--_sf-gp);
32
- width: fit-content;
33
- height: auto;
34
- border-color: var(
35
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
36
- var(
37
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
38
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr)
39
- )
40
- );
41
- border-style: var(
42
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
43
- var(
44
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
45
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se)
46
- )
47
- );
48
- border-width: var(
49
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
50
- var(
51
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
52
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh)
53
- )
54
- );
55
- border-radius: var(
56
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
57
- var(
58
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
59
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs)
60
- )
61
- );
62
- box-shadow: var(
63
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
64
- var(
65
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
66
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae)
67
- )
68
- )
69
- var(
70
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
71
- var(
72
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
73
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br)
74
- )
75
- )
76
- var(
77
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
78
- var(
79
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
80
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd)
81
- )
82
- )
83
- var(
84
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
85
- var(
86
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
87
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr)
88
- )
89
- );
90
-
91
- .product__hilights {
92
- display: flex;
93
- align-items: center;
94
- justify-content: var(
95
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
96
- var(
97
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
98
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at)
99
- )
100
- );
101
- gap: var(--_sf-gp);
102
- width: 100%;
103
- height: 100%;
104
-
105
- &[data-show-dividers="true"] {
106
- .product__list__item {
107
- position: relative;
108
- &:not(:last-child)::after {
109
- content: "";
110
- width: var(
111
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
112
- var(
113
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
114
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
115
- )
116
- );
117
- height: 100%;
118
- position: absolute;
119
- right: calc(
120
- (-1 * var(--_sf-gp) / 2) -
121
- (
122
- var(
123
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
124
- var(
125
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
126
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
127
- )
128
- ) /
129
- 2
130
- )
131
- );
132
- background-color: var(
133
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
134
- var(
135
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
136
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr)
137
- )
138
- );
139
- }
140
- }
141
- }
142
-
143
- .product__list__item {
144
- display: flex;
145
- align-items: center;
146
- gap: 4px;
147
-
148
- .svg_icon {
149
- display: flex;
150
- }
151
- }
152
-
153
- .quota__left {
154
- .count {
155
- white-space: nowrap;
156
- color: var(
157
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
158
- var(
159
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
160
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr)
161
- )
162
- );
163
- font-family: var(
164
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
165
- var(
166
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
167
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy)
168
- )
169
- );
170
- font-size: var(
171
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
172
- var(
173
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
174
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se)
175
- )
176
- );
177
- font-weight: var(
178
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
179
- var(
180
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
181
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt)
182
- )
183
- );
184
- font-style: var(
185
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
186
- var(
187
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
188
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)
189
- )
190
- );
191
- letter-spacing: var(
192
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
193
- var(
194
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
195
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg)
196
- )
197
- );
198
- line-height: var(
199
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
200
- var(
201
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
202
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht)
203
- )
204
- );
205
- text-decoration: var(
206
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
207
- var(
208
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
209
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue)
210
- )
211
- );
212
- }
213
- .label {
214
- white-space: nowrap;
215
- color: var(
216
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
217
- var(
218
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
219
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc)
220
- )
221
- );
222
- font-family: var(
223
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
224
- var(
225
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
226
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)
227
- )
228
- );
229
- font-size: var(
230
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
231
- var(
232
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
233
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)
234
- )
235
- );
236
- font-weight: var(
237
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
238
- var(
239
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
240
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)
241
- )
242
- );
243
- font-style: var(
244
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
245
- var(
246
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
247
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)
248
- )
249
- );
250
- letter-spacing: var(
251
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
252
- var(
253
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
254
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)
255
- )
256
- );
257
- line-height: var(
258
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
259
- var(
260
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
261
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)
262
- )
263
- );
264
- text-decoration: var(
265
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
266
- var(
267
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
268
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc)
269
- )
270
- );
271
- }
272
- .icon {
273
- display: flex;
274
- svg {
275
- width: var(
276
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
277
- var(
278
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
279
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
280
- )
281
- );
282
- height: var(
283
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
284
- var(
285
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
286
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
287
- )
288
- );
289
- path {
290
- stroke: var(
291
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
292
- var(
293
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
294
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)
295
- )
296
- );
297
- }
298
- }
299
- }
300
- }
301
-
302
- .days__left {
303
- .count {
304
- white-space: nowrap;
305
- color: var(
306
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
307
- var(
308
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
309
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr)
310
- )
311
- );
312
- font-family: var(
313
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
314
- var(
315
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
316
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy)
317
- )
318
- );
319
- font-size: var(
320
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
321
- var(
322
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
323
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se)
324
- )
325
- );
326
- font-weight: var(
327
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
328
- var(
329
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
330
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt)
331
- )
332
- );
333
- font-style: var(
334
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
335
- var(
336
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
337
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)
338
- )
339
- );
340
- letter-spacing: var(
341
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
342
- var(
343
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
344
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg)
345
- )
346
- );
347
- line-height: var(
348
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
349
- var(
350
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
351
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht)
352
- )
353
- );
354
- text-decoration: var(
355
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
356
- var(
357
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
358
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue)
359
- )
360
- );
361
- }
362
- .label {
363
- white-space: nowrap;
364
- color: var(
365
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
366
- var(
367
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
368
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc)
369
- )
370
- );
371
- font-family: var(
372
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
373
- var(
374
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
375
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)
376
- )
377
- );
378
- font-size: var(
379
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
380
- var(
381
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
382
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)
383
- )
384
- );
385
- font-weight: var(
386
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
387
- var(
388
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
389
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)
390
- )
391
- );
392
- font-style: var(
393
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
394
- var(
395
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
396
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)
397
- )
398
- );
399
- letter-spacing: var(
400
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
401
- var(
402
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
403
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)
404
- )
405
- );
406
- line-height: var(
407
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
408
- var(
409
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
410
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)
411
- )
412
- );
413
- text-decoration: var(
414
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
415
- var(
416
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
417
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc)
418
- )
419
- );
420
- }
421
- .icon {
422
- display: flex;
423
- svg {
424
- width: var(
425
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
426
- var(
427
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
428
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
429
- )
430
- );
431
- height: var(
432
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
433
- var(
434
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
435
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
436
- )
437
- );
438
- path {
439
- stroke: var(
440
- --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
441
- var(
442
- --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
443
- var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)
444
- )
445
- );
446
- }
447
- }
448
- }
449
- }
450
- }
451
- }
1
+ @use "./functions.scss" as *;
2
+
3
+ // Verbatim adaptation of quota-details.scss inner styles, rebound to the
4
+ // Category Groups quotaDetails layout/design CSS-variable paths.
5
+ // @imported inside category-groups-element.scss within the categoryGroups scope.
6
+
7
+ .quota__details__element {
8
+ background-color: var(
9
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
10
+ var(
11
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
12
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr)
13
+ )
14
+ );
15
+ padding: var(
16
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
17
+ var(
18
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
19
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg)
20
+ )
21
+ );
22
+ display: flex;
23
+ flex-direction: column;
24
+ --_sf-gp: var(
25
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
26
+ var(
27
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
28
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg, 16px)
29
+ )
30
+ );
31
+ row-gap: var(--_sf-gp);
32
+ width: fit-content;
33
+ height: auto;
34
+ border-color: var(
35
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
36
+ var(
37
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
38
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr)
39
+ )
40
+ );
41
+ border-style: var(
42
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
43
+ var(
44
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
45
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se)
46
+ )
47
+ );
48
+ border-width: var(
49
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
50
+ var(
51
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
52
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh)
53
+ )
54
+ );
55
+ border-radius: var(
56
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
57
+ var(
58
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
59
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs)
60
+ )
61
+ );
62
+ box-shadow: var(
63
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
64
+ var(
65
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
66
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae)
67
+ )
68
+ )
69
+ var(
70
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
71
+ var(
72
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
73
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br)
74
+ )
75
+ )
76
+ var(
77
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
78
+ var(
79
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
80
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd)
81
+ )
82
+ )
83
+ var(
84
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
85
+ var(
86
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
87
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr)
88
+ )
89
+ );
90
+
91
+ .product__hilights {
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: var(
95
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
96
+ var(
97
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
98
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at)
99
+ )
100
+ );
101
+ gap: var(--_sf-gp);
102
+ width: 100%;
103
+ height: 100%;
104
+
105
+ &[data-show-dividers="true"] {
106
+ .product__list__item {
107
+ position: relative;
108
+ &:not(:last-child)::after {
109
+ content: "";
110
+ width: var(
111
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
112
+ var(
113
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
114
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
115
+ )
116
+ );
117
+ height: 100%;
118
+ position: absolute;
119
+ right: calc(
120
+ (-1 * var(--_sf-gp) / 2) -
121
+ (
122
+ var(
123
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
124
+ var(
125
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
126
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
127
+ )
128
+ ) /
129
+ 2
130
+ )
131
+ );
132
+ background-color: var(
133
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
134
+ var(
135
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
136
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr)
137
+ )
138
+ );
139
+ }
140
+ }
141
+ }
142
+
143
+ .product__list__item {
144
+ display: flex;
145
+ align-items: center;
146
+ gap: 4px;
147
+
148
+ .svg_icon {
149
+ display: flex;
150
+ }
151
+ }
152
+
153
+ .quota__left {
154
+ .count {
155
+ white-space: nowrap;
156
+ color: var(
157
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
158
+ var(
159
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
160
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr)
161
+ )
162
+ );
163
+ font-family: var(
164
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
165
+ var(
166
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
167
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy)
168
+ )
169
+ );
170
+ font-size: var(
171
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
172
+ var(
173
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
174
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se)
175
+ )
176
+ );
177
+ font-weight: var(
178
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
179
+ var(
180
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
181
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt)
182
+ )
183
+ );
184
+ font-style: var(
185
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
186
+ var(
187
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
188
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)
189
+ )
190
+ );
191
+ letter-spacing: var(
192
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
193
+ var(
194
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
195
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg)
196
+ )
197
+ );
198
+ line-height: var(
199
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
200
+ var(
201
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
202
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht)
203
+ )
204
+ );
205
+ text-decoration: var(
206
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
207
+ var(
208
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
209
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue)
210
+ )
211
+ );
212
+ }
213
+ .label {
214
+ white-space: nowrap;
215
+ color: var(
216
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
217
+ var(
218
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
219
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc)
220
+ )
221
+ );
222
+ font-family: var(
223
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
224
+ var(
225
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
226
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)
227
+ )
228
+ );
229
+ font-size: var(
230
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
231
+ var(
232
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
233
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)
234
+ )
235
+ );
236
+ font-weight: var(
237
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
238
+ var(
239
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
240
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)
241
+ )
242
+ );
243
+ font-style: var(
244
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
245
+ var(
246
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
247
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)
248
+ )
249
+ );
250
+ letter-spacing: var(
251
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
252
+ var(
253
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
254
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)
255
+ )
256
+ );
257
+ line-height: var(
258
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
259
+ var(
260
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
261
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)
262
+ )
263
+ );
264
+ text-decoration: var(
265
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
266
+ var(
267
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
268
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc)
269
+ )
270
+ );
271
+ }
272
+ .icon {
273
+ display: flex;
274
+ svg {
275
+ width: var(
276
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
277
+ var(
278
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
279
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
280
+ )
281
+ );
282
+ height: var(
283
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
284
+ var(
285
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
286
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
287
+ )
288
+ );
289
+ path {
290
+ stroke: var(
291
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
292
+ var(
293
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
294
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)
295
+ )
296
+ );
297
+ }
298
+ }
299
+ }
300
+ }
301
+
302
+ .days__left {
303
+ .count {
304
+ white-space: nowrap;
305
+ color: var(
306
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
307
+ var(
308
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
309
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr)
310
+ )
311
+ );
312
+ font-family: var(
313
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
314
+ var(
315
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
316
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy)
317
+ )
318
+ );
319
+ font-size: var(
320
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
321
+ var(
322
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
323
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se)
324
+ )
325
+ );
326
+ font-weight: var(
327
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
328
+ var(
329
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
330
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt)
331
+ )
332
+ );
333
+ font-style: var(
334
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
335
+ var(
336
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
337
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)
338
+ )
339
+ );
340
+ letter-spacing: var(
341
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
342
+ var(
343
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
344
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg)
345
+ )
346
+ );
347
+ line-height: var(
348
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
349
+ var(
350
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
351
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht)
352
+ )
353
+ );
354
+ text-decoration: var(
355
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
356
+ var(
357
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
358
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue)
359
+ )
360
+ );
361
+ }
362
+ .label {
363
+ white-space: nowrap;
364
+ color: var(
365
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
366
+ var(
367
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
368
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc)
369
+ )
370
+ );
371
+ font-family: var(
372
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
373
+ var(
374
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
375
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)
376
+ )
377
+ );
378
+ font-size: var(
379
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
380
+ var(
381
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
382
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)
383
+ )
384
+ );
385
+ font-weight: var(
386
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
387
+ var(
388
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
389
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)
390
+ )
391
+ );
392
+ font-style: var(
393
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
394
+ var(
395
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
396
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)
397
+ )
398
+ );
399
+ letter-spacing: var(
400
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
401
+ var(
402
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
403
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)
404
+ )
405
+ );
406
+ line-height: var(
407
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
408
+ var(
409
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
410
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)
411
+ )
412
+ );
413
+ text-decoration: var(
414
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
415
+ var(
416
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
417
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc)
418
+ )
419
+ );
420
+ }
421
+ .icon {
422
+ display: flex;
423
+ svg {
424
+ width: var(
425
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
426
+ var(
427
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
428
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
429
+ )
430
+ );
431
+ height: var(
432
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
433
+ var(
434
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
435
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
436
+ )
437
+ );
438
+ path {
439
+ stroke: var(
440
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
441
+ var(
442
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
443
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)
444
+ )
445
+ );
446
+ }
447
+ }
448
+ }
449
+ }
450
+ }
451
+ }