@sc-360-v2/storefront-cms-library 0.5.27 → 0.5.29

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.
package/dist/cart.scss CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
16
16
 
17
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
+ // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
18
18
 
19
19
  // aspect-ratio: var(
20
20
  // --_ctm-mob-aspect-ratio,
@@ -28,7 +28,16 @@
28
28
  align-items: center;
29
29
  justify-content: center;
30
30
  width: 100%;
31
- height: 100%;
31
+ min-height: prepareMediaVariable(--_ctm-lt-ht);
32
+ background-color: prepareMediaVariable(--_ctm-dn-ct-cr-bd-cr);
33
+ border-radius: prepareMediaVariable(--_ctm-dn-ct-cr-br-rs);
34
+ border-width: prepareMediaVariable(--_ctm-dn-ct-cr-br-wh);
35
+ border-color: prepareMediaVariable(--_ctm-dn-ct-cr-br-cr);
36
+ border-style: prepareMediaVariable(--_ctm-dn-ct-cr-br-se);
37
+ padding: prepareMediaVariable(--_ctm-lt-pg);
38
+ box-shadow: prepareMediaVariable(--_ctm-dn-ct-cr-sw-ae)
39
+ prepareMediaVariable(--_ctm-dn-ct-cr-sw-br) prepareMediaVariable(--_ctm-dn-ct-cr-sw-sd)
40
+ prepareMediaVariable(--_ctm-dn-ct-cr-sw-cr);
32
41
  }
33
42
 
34
43
  .cart__section {
@@ -36,6 +45,7 @@
36
45
  align-items: center;
37
46
  cursor: pointer;
38
47
  gap: 12px;
48
+
39
49
  .cart__div {
40
50
  position: relative;
41
51
  display: flex;
@@ -44,6 +54,7 @@
44
54
  display: flex;
45
55
  flex-direction: column;
46
56
  }
57
+
47
58
  span {
48
59
  &.cart__button {
49
60
  display: flex;
@@ -53,6 +64,7 @@
53
64
  // var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
54
65
  // );
55
66
  }
67
+
56
68
  svg {
57
69
  width: var(
58
70
  --_ctm-mob-dn-ct-in-in-se,
@@ -62,6 +74,7 @@
62
74
  --_ctm-mob-dn-ct-in-in-se,
63
75
  var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
64
76
  );
77
+
65
78
  path {
66
79
  stroke: var(
67
80
  --_ctm-mob-dn-ct-in-in-c1,
@@ -251,6 +264,7 @@
251
264
  }
252
265
  }
253
266
  }
267
+
254
268
  // .icon {
255
269
  // position: relative;
256
270
  // cursor: pointer;
@@ -709,6 +709,10 @@ $cg-select-btn: "--_ctm-catego-dn-st-bn"; // selectButton (mobile category selec
709
709
  // Groups productPrice CSS-variable paths.
710
710
  @import "./category-groups-product-price.scss";
711
711
 
712
+ // Quota details styling for the embedded QuotaDetailsContent, rebound to the
713
+ // Category Groups quotaDetails CSS-variable paths.
714
+ @import "./category-groups-quota-details.scss";
715
+
712
716
  .loading_view {
713
717
  width: 100%;
714
718
  display: flex;
@@ -0,0 +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
+ }