@sc-360-v2/storefront-cms-library 0.5.11 → 0.5.13

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.
@@ -0,0 +1,1001 @@
1
+ // UOM Selector styles for addProductsTab context
2
+ // This partial is imported inside [data-element-type="addProductsTab"]
3
+ //
4
+ // CSS variable path prefix:
5
+ // design.productPanelDesign.uomSelectorDesign.uomDesign.*
6
+ // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-dn-*
7
+ //
8
+ // design.productPanelDesign.uomSelectorDesign.uomLayout.*
9
+ // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-lt-*
10
+
11
+ .uom__selector {
12
+ width: 100%;
13
+
14
+ .uom__container {
15
+ width: 100%;
16
+
17
+ // uomTitleStyle
18
+ .each__wraper {
19
+ background-color: var(
20
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
21
+ var(
22
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
23
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr)
24
+ )
25
+ );
26
+ border-color: var(
27
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
28
+ var(
29
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
30
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr)
31
+ )
32
+ );
33
+ border-style: var(
34
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
35
+ var(
36
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
37
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se)
38
+ )
39
+ );
40
+ border-width: var(
41
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
42
+ var(
43
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
44
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh)
45
+ )
46
+ );
47
+ border-radius: var(
48
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
49
+ var(
50
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
51
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs)
52
+ )
53
+ );
54
+ box-shadow: var(
55
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
56
+ var(
57
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
58
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae)
59
+ )
60
+ )
61
+ var(
62
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
63
+ var(
64
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
65
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br)
66
+ )
67
+ )
68
+ var(
69
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
70
+ var(
71
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
72
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd)
73
+ )
74
+ )
75
+ var(
76
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
77
+ var(
78
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
79
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr)
80
+ )
81
+ );
82
+ white-space: nowrap;
83
+ padding: var(
84
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
85
+ var(
86
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
87
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg)
88
+ )
89
+ );
90
+
91
+ .each {
92
+ color: var(
93
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
94
+ var(
95
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
96
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr)
97
+ )
98
+ );
99
+ font-family: var(
100
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
101
+ var(
102
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
103
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy)
104
+ )
105
+ );
106
+ font-size: var(
107
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
108
+ var(
109
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
110
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se)
111
+ )
112
+ );
113
+ font-weight: var(
114
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
115
+ var(
116
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
117
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt)
118
+ )
119
+ );
120
+ font-style: var(
121
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
122
+ var(
123
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
124
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic)
125
+ )
126
+ );
127
+ text-align: var(
128
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
129
+ var(
130
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
131
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an)
132
+ )
133
+ );
134
+ letter-spacing: var(
135
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
136
+ var(
137
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
138
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg)
139
+ )
140
+ );
141
+ line-height: var(
142
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
143
+ var(
144
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
145
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht)
146
+ )
147
+ );
148
+ text-decoration: var(
149
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
150
+ var(
151
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
152
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue)
153
+ )
154
+ );
155
+ }
156
+ }
157
+
158
+ // productPrice
159
+ .price__wraper {
160
+ background-color: var(
161
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
162
+ var(
163
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
164
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr)
165
+ )
166
+ );
167
+ border-color: var(
168
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
169
+ var(
170
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
171
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr)
172
+ )
173
+ );
174
+ border-style: var(
175
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
176
+ var(
177
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
178
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se)
179
+ )
180
+ );
181
+ border-width: var(
182
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
183
+ var(
184
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
185
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh)
186
+ )
187
+ );
188
+ border-radius: var(
189
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
190
+ var(
191
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
192
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs)
193
+ )
194
+ );
195
+ box-shadow: var(
196
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
197
+ var(
198
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
199
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae)
200
+ )
201
+ )
202
+ var(
203
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
204
+ var(
205
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
206
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br)
207
+ )
208
+ )
209
+ var(
210
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
211
+ var(
212
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
213
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd)
214
+ )
215
+ )
216
+ var(
217
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
218
+ var(
219
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
220
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr)
221
+ )
222
+ );
223
+ white-space: nowrap;
224
+ padding: var(
225
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
226
+ var(
227
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
228
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg)
229
+ )
230
+ );
231
+
232
+ .price {
233
+ color: var(
234
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
235
+ var(
236
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
237
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr)
238
+ )
239
+ );
240
+ font-family: var(
241
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
242
+ var(
243
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
244
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy)
245
+ )
246
+ );
247
+ font-size: var(
248
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
249
+ var(
250
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
251
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se)
252
+ )
253
+ );
254
+ font-weight: var(
255
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
256
+ var(
257
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
258
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt)
259
+ )
260
+ );
261
+ font-style: var(
262
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
263
+ var(
264
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
265
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic)
266
+ )
267
+ );
268
+ text-align: var(
269
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
270
+ var(
271
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
272
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an)
273
+ )
274
+ );
275
+ letter-spacing: var(
276
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
277
+ var(
278
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
279
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg)
280
+ )
281
+ );
282
+ line-height: var(
283
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
284
+ var(
285
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
286
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht)
287
+ )
288
+ );
289
+ text-decoration: var(
290
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
291
+ var(
292
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
293
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue)
294
+ )
295
+ );
296
+ }
297
+ }
298
+
299
+ // actualPrice
300
+ .actual__price__wraper {
301
+ background-color: var(
302
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
303
+ var(
304
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
305
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr)
306
+ )
307
+ );
308
+ border-color: var(
309
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
310
+ var(
311
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
312
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr)
313
+ )
314
+ );
315
+ border-style: var(
316
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
317
+ var(
318
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
319
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se)
320
+ )
321
+ );
322
+ border-width: var(
323
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
324
+ var(
325
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
326
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh)
327
+ )
328
+ );
329
+ border-radius: var(
330
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
331
+ var(
332
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
333
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs)
334
+ )
335
+ );
336
+ box-shadow: var(
337
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
338
+ var(
339
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
340
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae)
341
+ )
342
+ )
343
+ var(
344
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
345
+ var(
346
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
347
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br)
348
+ )
349
+ )
350
+ var(
351
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
352
+ var(
353
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
354
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd)
355
+ )
356
+ )
357
+ var(
358
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
359
+ var(
360
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
361
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr)
362
+ )
363
+ );
364
+ white-space: nowrap;
365
+ padding: var(
366
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
367
+ var(
368
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
369
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg)
370
+ )
371
+ );
372
+
373
+ .actual__price {
374
+ color: var(
375
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
376
+ var(
377
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
378
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr)
379
+ )
380
+ );
381
+ font-family: var(
382
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
383
+ var(
384
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
385
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy)
386
+ )
387
+ );
388
+ font-size: var(
389
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
390
+ var(
391
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
392
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se)
393
+ )
394
+ );
395
+ font-weight: var(
396
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
397
+ var(
398
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
399
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt)
400
+ )
401
+ );
402
+ font-style: var(
403
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
404
+ var(
405
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
406
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic)
407
+ )
408
+ );
409
+ text-align: var(
410
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
411
+ var(
412
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
413
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an)
414
+ )
415
+ );
416
+ letter-spacing: var(
417
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
418
+ var(
419
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
420
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg)
421
+ )
422
+ );
423
+ line-height: var(
424
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
425
+ var(
426
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
427
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht)
428
+ )
429
+ );
430
+ text-decoration: var(
431
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
432
+ var(
433
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
434
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue)
435
+ )
436
+ );
437
+ }
438
+ }
439
+
440
+ // savings
441
+ .saving__amount__wraper {
442
+ background-color: var(
443
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
444
+ var(
445
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
446
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr)
447
+ )
448
+ );
449
+ border-color: var(
450
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
451
+ var(
452
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
453
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr)
454
+ )
455
+ );
456
+ border-style: var(
457
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
458
+ var(
459
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
460
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se)
461
+ )
462
+ );
463
+ border-width: var(
464
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
465
+ var(
466
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
467
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh)
468
+ )
469
+ );
470
+ border-radius: var(
471
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
472
+ var(
473
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
474
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs)
475
+ )
476
+ );
477
+ box-shadow: var(
478
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
479
+ var(
480
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
481
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae)
482
+ )
483
+ )
484
+ var(
485
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
486
+ var(
487
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
488
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br)
489
+ )
490
+ )
491
+ var(
492
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
493
+ var(
494
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
495
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd)
496
+ )
497
+ )
498
+ var(
499
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
500
+ var(
501
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
502
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr)
503
+ )
504
+ );
505
+ white-space: nowrap;
506
+ padding: var(
507
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
508
+ var(
509
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
510
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg)
511
+ )
512
+ );
513
+
514
+ .saving__amount {
515
+ color: var(
516
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
517
+ var(
518
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
519
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr)
520
+ )
521
+ );
522
+ font-family: var(
523
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
524
+ var(
525
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
526
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy)
527
+ )
528
+ );
529
+ font-size: var(
530
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
531
+ var(
532
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
533
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se)
534
+ )
535
+ );
536
+ font-weight: var(
537
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
538
+ var(
539
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
540
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt)
541
+ )
542
+ );
543
+ font-style: var(
544
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
545
+ var(
546
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
547
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic)
548
+ )
549
+ );
550
+ text-align: var(
551
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
552
+ var(
553
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
554
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an)
555
+ )
556
+ );
557
+ letter-spacing: var(
558
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
559
+ var(
560
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
561
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg)
562
+ )
563
+ );
564
+ line-height: var(
565
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
566
+ var(
567
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
568
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht)
569
+ )
570
+ );
571
+ text-decoration: var(
572
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
573
+ var(
574
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
575
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue)
576
+ )
577
+ );
578
+ }
579
+ }
580
+
581
+ // pricePerUnit
582
+ .units__wraper {
583
+ background-color: var(
584
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
585
+ var(
586
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
587
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr)
588
+ )
589
+ );
590
+ border-color: var(
591
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
592
+ var(
593
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
594
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr)
595
+ )
596
+ );
597
+ border-style: var(
598
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
599
+ var(
600
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
601
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se)
602
+ )
603
+ );
604
+ border-width: var(
605
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
606
+ var(
607
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
608
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh)
609
+ )
610
+ );
611
+ border-radius: var(
612
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
613
+ var(
614
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
615
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs)
616
+ )
617
+ );
618
+ box-shadow: var(
619
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
620
+ var(
621
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
622
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae)
623
+ )
624
+ )
625
+ var(
626
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
627
+ var(
628
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
629
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br)
630
+ )
631
+ )
632
+ var(
633
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
634
+ var(
635
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
636
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd)
637
+ )
638
+ )
639
+ var(
640
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
641
+ var(
642
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
643
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr)
644
+ )
645
+ );
646
+ white-space: nowrap;
647
+ padding: var(
648
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
649
+ var(
650
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
651
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg)
652
+ )
653
+ );
654
+
655
+ .units {
656
+ color: var(
657
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
658
+ var(
659
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
660
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr)
661
+ )
662
+ );
663
+ font-family: var(
664
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
665
+ var(
666
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
667
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy)
668
+ )
669
+ );
670
+ font-size: var(
671
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
672
+ var(
673
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
674
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se)
675
+ )
676
+ );
677
+ font-weight: var(
678
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
679
+ var(
680
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
681
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt)
682
+ )
683
+ );
684
+ font-style: var(
685
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
686
+ var(
687
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
688
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic)
689
+ )
690
+ );
691
+ text-align: var(
692
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
693
+ var(
694
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
695
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an)
696
+ )
697
+ );
698
+ letter-spacing: var(
699
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
700
+ var(
701
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
702
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg)
703
+ )
704
+ );
705
+ line-height: var(
706
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
707
+ var(
708
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
709
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht)
710
+ )
711
+ );
712
+ text-decoration: var(
713
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
714
+ var(
715
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
716
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue)
717
+ )
718
+ );
719
+ }
720
+ }
721
+
722
+ .stack {
723
+ display: flex;
724
+ flex-direction: column;
725
+
726
+ // itemStyle.defaultState
727
+ .item {
728
+ display: flex;
729
+ align-items: center;
730
+ justify-content: center;
731
+ flex-direction: column;
732
+ white-space: nowrap;
733
+ gap: 4px;
734
+ flex-shrink: 0;
735
+ cursor: pointer;
736
+ padding: var(
737
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
738
+ var(
739
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
740
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg)
741
+ )
742
+ )
743
+ var(
744
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
745
+ var(
746
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
747
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg)
748
+ )
749
+ );
750
+ background-color: var(
751
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
752
+ var(
753
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
754
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr)
755
+ )
756
+ );
757
+ border-color: var(
758
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
759
+ var(
760
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
761
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr)
762
+ )
763
+ );
764
+ border-style: var(
765
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
766
+ var(
767
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
768
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se)
769
+ )
770
+ );
771
+ border-width: var(
772
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
773
+ var(
774
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
775
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh)
776
+ )
777
+ );
778
+ border-radius: var(
779
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
780
+ var(
781
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
782
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs)
783
+ )
784
+ );
785
+ box-shadow: var(
786
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
787
+ var(
788
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
789
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae)
790
+ )
791
+ )
792
+ var(
793
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
794
+ var(
795
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
796
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br)
797
+ )
798
+ )
799
+ var(
800
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
801
+ var(
802
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
803
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd)
804
+ )
805
+ )
806
+ var(
807
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
808
+ var(
809
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
810
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr)
811
+ )
812
+ );
813
+ }
814
+
815
+ // itemStyle.selectedState
816
+ .active {
817
+ display: flex;
818
+ justify-content: center;
819
+ flex-direction: column;
820
+ gap: 4px;
821
+ cursor: pointer;
822
+ padding: var(
823
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
824
+ var(
825
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
826
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg)
827
+ )
828
+ )
829
+ var(
830
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
831
+ var(
832
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
833
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg)
834
+ )
835
+ );
836
+ background-color: var(
837
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
838
+ var(
839
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
840
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr)
841
+ )
842
+ );
843
+ border-color: var(
844
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
845
+ var(
846
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
847
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr)
848
+ )
849
+ );
850
+ border-style: var(
851
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
852
+ var(
853
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
854
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se)
855
+ )
856
+ );
857
+ border-width: var(
858
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
859
+ var(
860
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
861
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh)
862
+ )
863
+ );
864
+ border-radius: var(
865
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
866
+ var(
867
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
868
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs)
869
+ )
870
+ );
871
+ box-shadow: var(
872
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
873
+ var(
874
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
875
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae)
876
+ )
877
+ )
878
+ var(
879
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
880
+ var(
881
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
882
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br)
883
+ )
884
+ )
885
+ var(
886
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
887
+ var(
888
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
889
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd)
890
+ )
891
+ )
892
+ var(
893
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
894
+ var(
895
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
896
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr)
897
+ )
898
+ );
899
+
900
+ .off__price {
901
+ font-size: 12px;
902
+ display: flex;
903
+ justify-content: space-around;
904
+ gap: 10px;
905
+ align-items: center;
906
+ }
907
+ }
908
+
909
+ .off__price {
910
+ font-size: 12px;
911
+ display: flex;
912
+ justify-content: space-around;
913
+ gap: 10px;
914
+ align-items: center;
915
+ }
916
+
917
+ // layout.itemSpacing
918
+ .horizontal {
919
+ display: flex;
920
+ flex-direction: row;
921
+ flex-wrap: wrap;
922
+ overflow-y: auto;
923
+ gap: var(
924
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
925
+ var(
926
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
927
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
928
+ )
929
+ );
930
+ &:not([data-overflow-items="Wrap"]) {
931
+ flex-wrap: nowrap;
932
+ .item {
933
+ min-width: 120px;
934
+ }
935
+ }
936
+ &[data-overflow-items="None"] {
937
+ overflow: hidden;
938
+ }
939
+ }
940
+
941
+ .vertical {
942
+ display: flex;
943
+ flex-direction: column;
944
+ overflow-y: auto;
945
+ row-gap: var(
946
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
947
+ var(
948
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
949
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
950
+ )
951
+ );
952
+ .item {
953
+ flex-direction: row;
954
+ justify-content: space-between;
955
+ align-items: center;
956
+ .right__side__content {
957
+ display: flex;
958
+ gap: 20px;
959
+ align-items: center;
960
+ div {
961
+ display: flex;
962
+ gap: 1px;
963
+ flex-direction: column;
964
+ justify-content: right;
965
+ align-items: center;
966
+ }
967
+ }
968
+ }
969
+ }
970
+
971
+ .grid {
972
+ display: grid;
973
+ grid-template-columns: repeat(
974
+ var(
975
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
976
+ var(
977
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
978
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw)
979
+ )
980
+ ),
981
+ minmax(auto, 1fr)
982
+ );
983
+ gap: var(
984
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
985
+ var(
986
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
987
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
988
+ )
989
+ );
990
+ .item {
991
+ display: flex;
992
+ align-items: center;
993
+ justify-content: center;
994
+ flex-direction: column;
995
+ gap: 4px;
996
+ cursor: pointer;
997
+ }
998
+ }
999
+ }
1000
+ }
1001
+ }