@sc-360-v2/storefront-cms-library 0.4.16 → 0.4.18

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.
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="uomSelector"] {
@@ -82,16 +83,63 @@
82
83
  width: 100%;
83
84
  // border: 1px solid rgba(75, 69, 70, 1);
84
85
  // border-radius: 20px;
85
- .stack {
86
- display: flex;
87
- flex-direction: column;
88
- // height: 100%;
89
- .static {
86
+
87
+ .each__wraper {
88
+ background-color: var(
89
+ --_ctm-mob-dn-um-te-se-bd-cr,
90
+ var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr))
91
+ );
92
+
93
+ border-color: var(
94
+ --_ctm-mob-dn-um-te-se-br-cr,
95
+ var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr))
96
+ );
97
+
98
+ border-style: var(
99
+ --_ctm-mob-dn-um-te-se-br-se,
100
+ var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se))
101
+ );
102
+
103
+ border-width: var(
104
+ --_ctm-mob-dn-um-te-se-br-wh,
105
+ var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
106
+ );
107
+
108
+ border-radius: var(
109
+ --_ctm-mob-dn-um-te-se-br-rs,
110
+ var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
111
+ );
112
+
113
+ box-shadow: var(
114
+ --_show-shadow,
115
+ var(
116
+ --_ctm-mob-dn-um-te-se-sw-ae,
117
+ var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))
118
+ )
119
+ var(
120
+ --_ctm-mob-dn-um-te-se-sw-br,
121
+ var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))
122
+ )
123
+ var(
124
+ --_ctm-mob-dn-um-te-se-sw-sd,
125
+ var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))
126
+ )
127
+ var(
128
+ --_ctm-mob-dn-um-te-se-sw-cr,
129
+ var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))
130
+ )
131
+ );
132
+ white-space: nowrap;
133
+
134
+ padding: prepareMediaVariable(--_ctm-dn-um-te-se-pg);
135
+
136
+ .each {
90
137
  color: var(
91
138
  --_ctm-mob-dn-um-te-se-cr,
92
139
  var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
93
140
  );
94
- font-family: var(
141
+ font-family:
142
+ var(
95
143
  --_ctm-mob-dn-um-te-se-ft-fy,
96
144
  var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
97
145
  ),
@@ -125,509 +173,549 @@
125
173
  var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
126
174
  );
127
175
  }
176
+ }
177
+ .price__wraper {
178
+ background-color: var(
179
+ --_ctm-mob-dn-pt-pe-bd-cr,
180
+ var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
181
+ );
128
182
 
129
- .item {
130
- display: flex;
131
- align-items: center;
132
- justify-content: center;
133
- flex-direction: column;
134
- white-space: nowrap;
135
- gap: 4px;
136
- flex-shrink: 0;
137
- padding: var(
138
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
139
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
183
+ border-color: var(
184
+ --_ctm-mob-dn-pt-pe-br-cr,
185
+ var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
186
+ );
187
+
188
+ border-style: var(
189
+ --_ctm-mob-dn-pt-pe-br-se,
190
+ var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
191
+ );
192
+
193
+ border-width: var(
194
+ --_ctm-mob-dn-pt-pe-br-wh,
195
+ var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
196
+ );
197
+
198
+ border-radius: var(
199
+ --_ctm-mob-dn-pt-pe-br-rs,
200
+ var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
201
+ );
202
+
203
+ box-shadow: var(
204
+ --_show-shadow,
205
+ var(
206
+ --_ctm-mob-dn-pt-pe-sw-ae,
207
+ var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
140
208
  )
141
209
  var(
142
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
143
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
144
- );
145
- cursor: pointer;
146
- background-color: var(
147
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
148
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
149
- );
150
-
151
- border-color: var(
152
- --_show-border-im-se,
210
+ --_ctm-mob-dn-pt-pe-sw-br,
211
+ var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
212
+ )
153
213
  var(
154
- --_ctm-mob-dn-im-se-dt-se-br-cr,
155
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
214
+ --_ctm-mob-dn-pt-pe-sw-sd,
215
+ var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
156
216
  )
157
- );
158
- border-style: var(
159
- --_show-border-im-se,
160
217
  var(
161
- --_ctm-mob-dn-im-se-dt-se-br-se,
162
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
218
+ --_ctm-mob-dn-pt-pe-sw-cr,
219
+ var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
163
220
  )
221
+ );
222
+ white-space: nowrap;
223
+
224
+ padding: prepareMediaVariable(--_ctm-dn-pt-pe-pg);
225
+
226
+ .price {
227
+ color: var(
228
+ --_ctm-mob-dn-pt-pe-cr,
229
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
164
230
  );
165
- border-width: var(
166
- --_show-border-im-se,
231
+ font-family:
167
232
  var(
168
- --_ctm-mob-dn-im-se-dt-se-br-wh,
169
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
170
- )
233
+ --_ctm-mob-dn-pt-pe-ft-fy,
234
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
235
+ ),
236
+ sans-serif;
237
+ font-size: var(
238
+ --_ctm-mob-dn-pt-pe-ft-se,
239
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
171
240
  );
172
- border-radius: var(
173
- --_ctm-mob-dn-im-se-dt-se-br-rs,
174
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
241
+ font-weight: var(
242
+ --_ctm-mob-dn-pt-pe-ft-wt,
243
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
175
244
  );
176
-
177
- box-shadow: var(
178
- --_show-shadow-im-se,
179
- var(
180
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
181
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
182
- )
183
- var(
184
- --_ctm-mob-dn-im-se-dt-se-sw-br,
185
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
186
- )
187
- var(
188
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
189
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
190
- )
191
- var(
192
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
193
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
194
- )
245
+ font-style: var(
246
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
247
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
248
+ );
249
+ text-align: var(
250
+ --_ctm-mob-dn-pt-pe-tt-an,
251
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
252
+ );
253
+ letter-spacing: var(
254
+ --_ctm-mob-dn-pt-pe-lr-sg,
255
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
256
+ );
257
+ line-height: var(
258
+ --_ctm-mob-dn-pt-pe-le-ht,
259
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
260
+ );
261
+ text-decoration: var(
262
+ --_ctm-mob-dn-pt-pe-ue,
263
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
195
264
  );
196
265
  }
197
- .active {
198
- display: flex;
266
+ }
199
267
 
200
- // align-items: var(
201
- // --_ctm-mob-dn-im-se-sd-se-ct-at,
202
- // var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
203
- // );
268
+ .actual__price__wraper {
269
+ background-color: var(
270
+ --_ctm-mob-dn-al-pe-bd-cr,
271
+ var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
272
+ );
204
273
 
205
- justify-content: center;
206
- flex-direction: column;
207
- gap: 4px;
274
+ border-color: var(
275
+ --_ctm-mob-dn-al-pe-br-cr,
276
+ var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
277
+ );
208
278
 
209
- padding: var(
210
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
211
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
212
- )
213
- var(
214
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
215
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
216
- );
279
+ border-style: var(
280
+ --_ctm-mob-dn-al-pe-br-se,
281
+ var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
282
+ );
217
283
 
218
- cursor: pointer;
284
+ border-width: var(
285
+ --_ctm-mob-dn-al-pe-br-wh,
286
+ var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
287
+ );
219
288
 
220
- background-color: var(
221
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
222
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
223
- );
289
+ border-radius: var(
290
+ --_ctm-mob-dn-al-pe-br-rs,
291
+ var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
292
+ );
224
293
 
225
- border-color: var(
226
- --_show-border-im-se,
294
+ box-shadow: var(
295
+ --_show-shadow,
296
+ var(
297
+ --_ctm-mob-dn-al-pe-sw-ae,
298
+ var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
299
+ )
227
300
  var(
228
- --_ctm-mob-dn-im-se-sd-se-br-cr,
229
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
301
+ --_ctm-mob-dn-al-pe-sw-br,
302
+ var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
230
303
  )
231
- );
232
-
233
- border-style: var(
234
- --_show-border-im-se,
235
304
  var(
236
- --_ctm-mob-dn-im-se-sd-se-br-se,
237
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
305
+ --_ctm-mob-dn-al-pe-sw-sd,
306
+ var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
238
307
  )
239
- );
240
-
241
- border-width: var(
242
- --_show-border-im-se,
243
308
  var(
244
- --_ctm-mob-dn-im-se-sd-se-br-wh,
245
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
309
+ --_ctm-mob-dn-al-pe-sw-cr,
310
+ var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
246
311
  )
247
- );
312
+ );
313
+ white-space: nowrap;
248
314
 
249
- border-radius: var(
250
- --_ctm-mob-dn-im-se-sd-se-br-rs,
251
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
252
- );
315
+ padding: prepareMediaVariable(--_ctm-dn-al-pe-pg);
253
316
 
254
- box-shadow: var(
255
- --_show-shadow-im-se,
317
+ .actual__price {
318
+ color: var(
319
+ --_ctm-mob-dn-al-pe-cr,
320
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
321
+ );
322
+ font-family:
256
323
  var(
257
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
258
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
259
- )
260
- var(
261
- --_ctm-mob-dn-im-se-sd-se-sw-br,
262
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
263
- )
264
- var(
265
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
266
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
267
- )
268
- var(
269
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
270
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
271
- )
324
+ --_ctm-mob-dn-al-pe-ft-fy,
325
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
326
+ ),
327
+ sans-serif;
328
+ font-size: var(
329
+ --_ctm-mob-dn-al-pe-ft-se,
330
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
331
+ );
332
+ font-weight: var(
333
+ --_ctm-mob-dn-al-pe-ft-wt,
334
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
335
+ );
336
+ font-style: var(
337
+ --_ctm-mob-dn-al-pe-ft-se-ic,
338
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
272
339
  );
340
+ text-align: var(
341
+ --_ctm-mob-dn-al-pe-tt-an,
342
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
343
+ );
344
+ letter-spacing: var(
345
+ --_ctm-mob-dn-al-pe-lr-sg,
346
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
347
+ );
348
+ line-height: var(
349
+ --_ctm-mob-dn-al-pe-le-ht,
350
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
351
+ );
352
+ text-decoration: var(
353
+ --_ctm-mob-dn-al-pe-ue,
354
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
355
+ );
356
+ }
357
+ }
358
+ .saving__amount__wraper {
359
+ background-color: var(
360
+ --_ctm-mob-dn-ss-bd-cr,
361
+ var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
362
+ );
273
363
 
274
- .each {
275
- color: var(
276
- --_ctm-mob-dn-um-se-cr,
277
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
278
- );
279
- font-family: var(
280
- --_ctm-mob-dn-um-se-ft-fy,
281
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
282
- ),
283
- sans-serif;
284
- font-size: var(
285
- --_ctm-mob-dn-um-se-ft-se,
286
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
287
- );
288
- font-weight: var(
289
- --_ctm-mob-dn-um-se-ft-wt,
290
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
291
- );
292
- font-style: var(
293
- --_ctm-mob-dn-um-se-ft-se-ic,
294
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
295
- );
296
- text-align: var(
297
- --_ctm-mob-dn-um-se-tt-an,
298
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
299
- );
300
- letter-spacing: var(
301
- --_ctm-mob-dn-um-se-lr-sg,
302
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
303
- );
304
- line-height: var(
305
- --_ctm-mob-dn-um-se-le-ht,
306
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
307
- );
308
- text-decoration: var(
309
- --_ctm-mob-dn-um-se-ue,
310
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
311
- );
312
- }
364
+ border-color: var(
365
+ --_ctm-mob-dn-ss-br-cr,
366
+ var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))
367
+ );
313
368
 
314
- .price {
315
- color: var(
316
- --_ctm-mob-dn-pt-pe-cr,
317
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
318
- );
319
- font-family: var(
320
- --_ctm-mob-dn-pt-pe-ft-fy,
321
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
322
- ),
323
- sans-serif;
324
- font-size: var(
325
- --_ctm-mob-dn-pt-pe-ft-se,
326
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
327
- );
328
- font-weight: var(
329
- --_ctm-mob-dn-pt-pe-ft-wt,
330
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
331
- );
332
- font-style: var(
333
- --_ctm-mob-dn-pt-pe-ft-se-ic,
334
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
335
- );
336
- text-align: var(
337
- --_ctm-mob-dn-pt-pe-tt-an,
338
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
339
- );
340
- letter-spacing: var(
341
- --_ctm-mob-dn-pt-pe-lr-sg,
342
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
343
- );
344
- line-height: var(
345
- --_ctm-mob-dn-pt-pe-le-ht,
346
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
347
- );
348
- text-decoration: var(
349
- --_ctm-mob-dn-pt-pe-ue,
350
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
351
- );
352
- }
353
- .off__price {
354
- font-size: 12px;
355
- display: flex;
356
- justify-content: space-around;
357
- gap: 10px;
358
- align-items: center;
359
- .saving__amount {
360
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
361
- font-family: var(
362
- --_ctm-mob-dn-ss-ft-fy,
363
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
364
- ),
365
- sans-serif;
366
- font-size: var(
367
- --_ctm-mob-dn-ss-ft-se,
368
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
369
- );
370
- font-weight: var(
371
- --_ctm-mob-dn-ss-ft-wt,
372
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
373
- );
374
- font-style: var(
375
- --_ctm-mob-dn-ss-ft-se-ic,
376
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
377
- );
378
- text-align: var(
379
- --_ctm-mob-dn-ss-tt-an,
380
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
381
- );
382
- letter-spacing: var(
383
- --_ctm-mob-dn-ss-lr-sg,
384
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
385
- );
386
- line-height: var(
387
- --_ctm-mob-dn-ss-le-ht,
388
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
389
- );
390
- text-decoration: var(
391
- --_ctm-mob-dn-ss-ue,
392
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
393
- );
394
- }
369
+ border-style: var(
370
+ --_ctm-mob-dn-ss-br-se,
371
+ var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))
372
+ );
395
373
 
396
- .actual__price {
397
- color: var(
398
- --_ctm-mob-dn-al-pe-cr,
399
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
400
- );
401
- font-family: var(
402
- --_ctm-mob-dn-al-pe-ft-fy,
403
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
404
- ),
405
- sans-serif;
406
- font-size: var(
407
- --_ctm-mob-dn-al-pe-ft-se,
408
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
409
- );
410
- font-weight: var(
411
- --_ctm-mob-dn-al-pe-ft-wt,
412
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
413
- );
414
- font-style: var(
415
- --_ctm-mob-dn-al-pe-ft-se-ic,
416
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
417
- );
418
- text-align: var(
419
- --_ctm-mob-dn-al-pe-tt-an,
420
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
421
- );
422
- letter-spacing: var(
423
- --_ctm-mob-dn-al-pe-lr-sg,
424
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
425
- );
426
- line-height: var(
427
- --_ctm-mob-dn-al-pe-le-ht,
428
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
429
- );
430
- text-decoration: var(
431
- --_ctm-mob-dn-al-pe-ue,
432
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
433
- );
434
- }
435
- }
436
- .units {
437
- color: var(
438
- --_ctm-mob-dn-pe-pr-ut-cr,
439
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
440
- );
441
- font-family: var(
442
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
443
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
444
- ),
445
- sans-serif;
446
- font-size: var(
447
- --_ctm-mob-dn-pe-pr-ut-ft-se,
448
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
449
- );
450
- font-weight: var(
451
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
452
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
453
- );
454
- font-style: var(
455
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
456
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
457
- );
458
- text-align: var(
459
- --_ctm-mob-dn-pe-pr-ut-tt-an,
460
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
461
- );
462
- letter-spacing: var(
463
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
464
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
465
- );
466
- line-height: var(
467
- --_ctm-mob-dn-pe-pr-ut-le-ht,
468
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
469
- );
470
- text-decoration: var(
471
- --_ctm-mob-dn-pe-pr-ut-ue,
472
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
473
- );
474
- }
475
- }
374
+ border-width: var(
375
+ --_ctm-mob-dn-ss-br-wh,
376
+ var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
377
+ );
476
378
 
477
- .each {
478
- color: var(
479
- --_ctm-mob-dn-um-se-cr,
480
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
481
- );
482
- font-family: var(
483
- --_ctm-mob-dn-um-se-ft-fy,
484
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
485
- ),
379
+ border-radius: var(
380
+ --_ctm-mob-dn-ss-br-rs,
381
+ var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
382
+ );
383
+
384
+ box-shadow: var(
385
+ --_show-shadow,
386
+ var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
387
+ var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
388
+ var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
389
+ var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
390
+ );
391
+ white-space: nowrap;
392
+
393
+ padding: prepareMediaVariable(--_ctm-dn-ss-pg);
394
+
395
+ .saving__amount {
396
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
397
+ font-family:
398
+ var(--_ctm-mob-dn-ss-ft-fy, var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))),
486
399
  sans-serif;
487
400
  font-size: var(
488
- --_ctm-mob-dn-um-se-ft-se,
489
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
401
+ --_ctm-mob-dn-ss-ft-se,
402
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
490
403
  );
491
404
  font-weight: var(
492
- --_ctm-mob-dn-um-se-ft-wt,
493
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
405
+ --_ctm-mob-dn-ss-ft-wt,
406
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
494
407
  );
495
408
  font-style: var(
496
- --_ctm-mob-dn-um-se-ft-se-ic,
497
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
409
+ --_ctm-mob-dn-ss-ft-se-ic,
410
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
498
411
  );
499
412
  text-align: var(
500
- --_ctm-mob-dn-um-se-tt-an,
501
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
413
+ --_ctm-mob-dn-ss-tt-an,
414
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
502
415
  );
503
416
  letter-spacing: var(
504
- --_ctm-mob-dn-um-se-lr-sg,
505
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
417
+ --_ctm-mob-dn-ss-lr-sg,
418
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
506
419
  );
507
420
  line-height: var(
508
- --_ctm-mob-dn-um-se-le-ht,
509
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
421
+ --_ctm-mob-dn-ss-le-ht,
422
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
510
423
  );
511
424
  text-decoration: var(
512
- --_ctm-mob-dn-um-se-ue,
513
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
425
+ --_ctm-mob-dn-ss-ue,
426
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
514
427
  );
515
428
  }
429
+ }
430
+ .units__wraper {
431
+ background-color: var(
432
+ --_ctm-mob-dn-pe-pr-ut-bd-cr,
433
+ var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr))
434
+ );
516
435
 
517
- .price {
436
+ border-color: var(
437
+ --_ctm-mob-dn-pe-pr-ut-br-cr,
438
+ var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr))
439
+ );
440
+
441
+ border-style: var(
442
+ --_ctm-mob-dn-pe-pr-ut-br-se,
443
+ var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se))
444
+ );
445
+
446
+ border-width: var(
447
+ --_ctm-mob-dn-pe-pr-ut-br-wh,
448
+ var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
449
+ );
450
+
451
+ border-radius: var(
452
+ --_ctm-mob-dn-pe-pr-ut-br-rs,
453
+ var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))
454
+ );
455
+
456
+ box-shadow: var(
457
+ --_show-shadow,
458
+ var(
459
+ --_ctm-mob-dn-pe-pr-ut-sw-ae,
460
+ var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))
461
+ )
462
+ var(
463
+ --_ctm-mob-dn-pe-pr-ut-sw-br,
464
+ var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))
465
+ )
466
+ var(
467
+ --_ctm-mob-dn-pe-pr-ut-sw-sd,
468
+ var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))
469
+ )
470
+ var(
471
+ --_ctm-mob-dn-pe-pr-ut-sw-cr,
472
+ var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))
473
+ )
474
+ );
475
+ white-space: nowrap;
476
+
477
+ padding: prepareMediaVariable(--_ctm-dn-pe-pr-ut-pg);
478
+
479
+ .units {
518
480
  color: var(
519
- --_ctm-mob-dn-pt-pe-cr,
520
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
481
+ --_ctm-mob-dn-pe-pr-ut-cr,
482
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
521
483
  );
522
- font-family: var(
523
- --_ctm-mob-dn-pt-pe-ft-fy,
524
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
484
+ font-family:
485
+ var(
486
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
487
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
525
488
  ),
526
489
  sans-serif;
527
490
  font-size: var(
528
- --_ctm-mob-dn-pt-pe-ft-se,
529
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
491
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
492
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
530
493
  );
531
494
  font-weight: var(
532
- --_ctm-mob-dn-pt-pe-ft-wt,
533
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
495
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
496
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
534
497
  );
535
498
  font-style: var(
536
- --_ctm-mob-dn-pt-pe-ft-se-ic,
537
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
499
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
500
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
538
501
  );
539
502
  text-align: var(
540
- --_ctm-mob-dn-pt-pe-tt-an,
541
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
503
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
504
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
542
505
  );
543
506
  letter-spacing: var(
544
- --_ctm-mob-dn-pt-pe-lr-sg,
545
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
507
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
508
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
546
509
  );
547
510
  line-height: var(
548
- --_ctm-mob-dn-pt-pe-le-ht,
549
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
511
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
512
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
550
513
  );
551
514
  text-decoration: var(
552
- --_ctm-mob-dn-pt-pe-ue,
553
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
515
+ --_ctm-mob-dn-pe-pr-ut-ue,
516
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
554
517
  );
555
518
  }
556
- .actual__price {
519
+ }
520
+ .stack {
521
+ display: flex;
522
+ flex-direction: column;
523
+ // height: 100%;
524
+ .static {
557
525
  color: var(
558
- --_ctm-mob-dn-al-pe-cr,
559
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
526
+ --_ctm-mob-dn-um-te-se-cr,
527
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
560
528
  );
561
- font-family: var(
562
- --_ctm-mob-dn-al-pe-ft-fy,
563
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
529
+ font-family:
530
+ var(
531
+ --_ctm-mob-dn-um-te-se-ft-fy,
532
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
564
533
  ),
565
534
  sans-serif;
566
535
  font-size: var(
567
- --_ctm-mob-dn-al-pe-ft-se,
568
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
536
+ --_ctm-mob-dn-um-te-se-ft-se,
537
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
569
538
  );
570
539
  font-weight: var(
571
- --_ctm-mob-dn-al-pe-ft-wt,
572
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
540
+ --_ctm-mob-dn-um-te-se-ft-wt,
541
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
573
542
  );
574
543
  font-style: var(
575
- --_ctm-mob-dn-al-pe-ft-se-ic,
576
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
544
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
545
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
546
+ );
547
+ text-align: var(
548
+ --_ctm-mob-dn-um-te-se-tt-an,
549
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
550
+ );
551
+ letter-spacing: var(
552
+ --_ctm-mob-dn-um-te-se-lr-sg,
553
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
554
+ );
555
+ line-height: var(
556
+ --_ctm-mob-dn-um-te-se-le-ht,
557
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
558
+ );
559
+ text-decoration: var(
560
+ --_ctm-mob-dn-um-te-se-ue,
561
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
562
+ );
563
+ }
564
+
565
+ .item {
566
+ display: flex;
567
+ align-items: center;
568
+ justify-content: center;
569
+ flex-direction: column;
570
+ white-space: nowrap;
571
+ gap: 4px;
572
+ flex-shrink: 0;
573
+ padding: var(
574
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
575
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
576
+ )
577
+ var(
578
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
579
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
580
+ );
581
+ cursor: pointer;
582
+ background-color: var(
583
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
584
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
585
+ );
586
+
587
+ border-color: var(
588
+ --_show-border-im-se,
589
+ var(
590
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
591
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
592
+ )
577
593
  );
578
- text-align: var(
579
- --_ctm-mob-dn-al-pe-tt-an,
580
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
594
+ border-style: var(
595
+ --_show-border-im-se,
596
+ var(
597
+ --_ctm-mob-dn-im-se-dt-se-br-se,
598
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
599
+ )
581
600
  );
582
- letter-spacing: var(
583
- --_ctm-mob-dn-al-pe-lr-sg,
584
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
601
+ border-width: var(
602
+ --_show-border-im-se,
603
+ var(
604
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
605
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
606
+ )
585
607
  );
586
- line-height: var(
587
- --_ctm-mob-dn-al-pe-le-ht,
588
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
608
+ border-radius: var(
609
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
610
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
589
611
  );
590
- text-decoration: var(
591
- --_ctm-mob-dn-al-pe-ue,
592
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
612
+
613
+ box-shadow: var(
614
+ --_show-shadow-im-se,
615
+ var(
616
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
617
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
618
+ )
619
+ var(
620
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
621
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
622
+ )
623
+ var(
624
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
625
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
626
+ )
627
+ var(
628
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
629
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
630
+ )
593
631
  );
594
632
  }
595
- .saving__amount {
596
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
597
- font-family: var(
598
- --_ctm-mob-dn-ss-ft-fy,
599
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
600
- ),
601
- sans-serif;
602
- font-size: var(
603
- --_ctm-mob-dn-ss-ft-se,
604
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
605
- );
606
- font-weight: var(
607
- --_ctm-mob-dn-ss-ft-wt,
608
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
633
+ .active {
634
+ display: flex;
635
+
636
+ // align-items: var(
637
+ // --_ctm-mob-dn-im-se-sd-se-ct-at,
638
+ // var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
639
+ // );
640
+
641
+ justify-content: center;
642
+ flex-direction: column;
643
+ gap: 4px;
644
+
645
+ padding: var(
646
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
647
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
648
+ )
649
+ var(
650
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
651
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
652
+ );
653
+
654
+ cursor: pointer;
655
+
656
+ background-color: var(
657
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
658
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
609
659
  );
610
- font-style: var(
611
- --_ctm-mob-dn-ss-ft-se-ic,
612
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
660
+
661
+ border-color: var(
662
+ --_show-border-im-se,
663
+ var(
664
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
665
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
666
+ )
613
667
  );
614
- text-align: var(
615
- --_ctm-mob-dn-ss-tt-an,
616
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
668
+
669
+ border-style: var(
670
+ --_show-border-im-se,
671
+ var(
672
+ --_ctm-mob-dn-im-se-sd-se-br-se,
673
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
674
+ )
617
675
  );
618
- letter-spacing: var(
619
- --_ctm-mob-dn-ss-lr-sg,
620
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
676
+
677
+ border-width: var(
678
+ --_show-border-im-se,
679
+ var(
680
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
681
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
682
+ )
621
683
  );
622
- line-height: var(
623
- --_ctm-mob-dn-ss-le-ht,
624
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
684
+
685
+ border-radius: var(
686
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
687
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
625
688
  );
626
- text-decoration: var(
627
- --_ctm-mob-dn-ss-ue,
628
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
689
+
690
+ box-shadow: var(
691
+ --_show-shadow-im-se,
692
+ var(
693
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
694
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
695
+ )
696
+ var(
697
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
698
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
699
+ )
700
+ var(
701
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
702
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
703
+ )
704
+ var(
705
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
706
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
707
+ )
629
708
  );
709
+
710
+ .off__price {
711
+ font-size: 12px;
712
+ display: flex;
713
+ justify-content: space-around;
714
+ gap: 10px;
715
+ align-items: center;
716
+ }
630
717
  }
718
+
631
719
  .off__price {
632
720
  font-size: 12px;
633
721
  display: flex;
@@ -636,45 +724,6 @@
636
724
  align-items: center;
637
725
  }
638
726
 
639
- .units {
640
- color: var(
641
- --_ctm-mob-dn-pe-pr-ut-cr,
642
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
643
- );
644
- font-family: var(
645
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
646
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
647
- ),
648
- sans-serif;
649
- font-size: var(
650
- --_ctm-mob-dn-pe-pr-ut-ft-se,
651
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
652
- );
653
- font-weight: var(
654
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
655
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
656
- );
657
- font-style: var(
658
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
659
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
660
- );
661
- text-align: var(
662
- --_ctm-mob-dn-pe-pr-ut-tt-an,
663
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
664
- );
665
- letter-spacing: var(
666
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
667
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
668
- );
669
- line-height: var(
670
- --_ctm-mob-dn-pe-pr-ut-le-ht,
671
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
672
- );
673
- text-decoration: var(
674
- --_ctm-mob-dn-pe-pr-ut-ue,
675
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
676
- );
677
- }
678
727
  .horizontal {
679
728
  display: flex;
680
729
  flex-direction: row;
@@ -758,204 +807,13 @@
758
807
  var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
759
808
  );
760
809
  cursor: pointer;
761
- .each {
762
- color: var(
763
- --_ctm-mob-dn-um-se-cr,
764
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
765
- );
766
- font-family: var(
767
- --_ctm-mob-dn-um-se-ft-fy,
768
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
769
- ),
770
- sans-serif;
771
- font-size: var(
772
- --_ctm-mob-dn-um-se-ft-se,
773
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
774
- );
775
- font-weight: var(
776
- --_ctm-mob-dn-um-se-ft-wt,
777
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
778
- );
779
- font-style: var(
780
- --_ctm-mob-dn-um-se-ft-se-ic,
781
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
782
- );
783
- text-align: var(
784
- --_ctm-mob-dn-um-se-tt-an,
785
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
786
- );
787
- letter-spacing: var(
788
- --_ctm-mob-dn-um-se-lr-sg,
789
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
790
- );
791
- line-height: var(
792
- --_ctm-mob-dn-um-se-le-ht,
793
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
794
- );
795
- text-decoration: var(
796
- --_ctm-mob-dn-um-se-ue,
797
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
798
- );
799
- }
800
- .price {
801
- color: var(
802
- --_ctm-mob-dn-pt-pe-cr,
803
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
804
- );
805
- font-family: var(
806
- --_ctm-mob-dn-pt-pe-ft-fy,
807
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
808
- ),
809
- sans-serif;
810
- font-size: var(
811
- --_ctm-mob-dn-pt-pe-ft-se,
812
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
813
- );
814
- font-weight: var(
815
- --_ctm-mob-dn-pt-pe-ft-wt,
816
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
817
- );
818
- font-style: var(
819
- --_ctm-mob-dn-pt-pe-ft-se-ic,
820
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
821
- );
822
- text-align: var(
823
- --_ctm-mob-dn-pt-pe-tt-an,
824
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
825
- );
826
- letter-spacing: var(
827
- --_ctm-mob-dn-pt-pe-lr-sg,
828
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
829
- );
830
- line-height: var(
831
- --_ctm-mob-dn-pt-pe-le-ht,
832
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
833
- );
834
- text-decoration: var(
835
- --_ctm-mob-dn-pt-pe-ue,
836
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
837
- );
838
- }
810
+
839
811
  .off__price {
840
812
  font-size: 12px;
841
813
  display: flex;
842
814
  justify-content: space-around;
843
815
  gap: 10px;
844
816
  align-items: center;
845
- .saving__amount {
846
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
847
- font-family: var(
848
- --_ctm-mob-dn-ss-ft-fy,
849
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
850
- ),
851
- sans-serif;
852
- font-size: var(
853
- --_ctm-mob-dn-ss-ft-se,
854
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
855
- );
856
- font-weight: var(
857
- --_ctm-mob-dn-ss-ft-wt,
858
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
859
- );
860
- font-style: var(
861
- --_ctm-mob-dn-ss-ft-se-ic,
862
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
863
- );
864
- text-align: var(
865
- --_ctm-mob-dn-ss-tt-an,
866
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
867
- );
868
- letter-spacing: var(
869
- --_ctm-mob-dn-ss-lr-sg,
870
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
871
- );
872
- line-height: var(
873
- --_ctm-mob-dn-ss-le-ht,
874
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
875
- );
876
- text-decoration: var(
877
- --_ctm-mob-dn-ss-ue,
878
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
879
- );
880
- }
881
- .actual__price {
882
- color: var(
883
- --_ctm-mob-dn-al-pe-cr,
884
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
885
- );
886
- font-family: var(
887
- --_ctm-mob-dn-al-pe-ft-fy,
888
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
889
- ),
890
- sans-serif;
891
- font-size: var(
892
- --_ctm-mob-dn-al-pe-ft-se,
893
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
894
- );
895
- font-weight: var(
896
- --_ctm-mob-dn-al-pe-ft-wt,
897
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
898
- );
899
- font-style: var(
900
- --_ctm-mob-dn-al-pe-ft-se-ic,
901
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
902
- );
903
- text-align: var(
904
- --_ctm-mob-dn-al-pe-tt-an,
905
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
906
- );
907
- letter-spacing: var(
908
- --_ctm-mob-dn-al-pe-lr-sg,
909
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
910
- );
911
- line-height: var(
912
- --_ctm-mob-dn-al-pe-le-ht,
913
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
914
- );
915
- text-decoration: var(
916
- --_ctm-mob-dn-al-pe-ue,
917
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
918
- );
919
- }
920
- }
921
- .units {
922
- color: var(
923
- --_ctm-mob-dn-pe-pr-ut-cr,
924
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
925
- );
926
- font-family: var(
927
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
928
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
929
- ),
930
- sans-serif;
931
- font-size: var(
932
- --_ctm-mob-dn-pe-pr-ut-ft-se,
933
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
934
- );
935
- font-weight: var(
936
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
937
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
938
- );
939
- font-style: var(
940
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
941
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
942
- );
943
- text-align: var(
944
- --_ctm-mob-dn-pe-pr-ut-tt-an,
945
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
946
- );
947
- letter-spacing: var(
948
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
949
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
950
- );
951
- line-height: var(
952
- --_ctm-mob-dn-pe-pr-ut-le-ht,
953
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
954
- );
955
- text-decoration: var(
956
- --_ctm-mob-dn-pe-pr-ut-ue,
957
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
958
- );
959
817
  }
960
818
  }
961
819
  .active {
@@ -1035,204 +893,12 @@
1035
893
  )
1036
894
  );
1037
895
 
1038
- .each {
1039
- color: var(
1040
- --_ctm-mob-dn-um-se-cr,
1041
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1042
- );
1043
- font-family: var(
1044
- --_ctm-mob-dn-um-se-ft-fy,
1045
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1046
- ),
1047
- sans-serif;
1048
- font-size: var(
1049
- --_ctm-mob-dn-um-se-ft-se,
1050
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1051
- );
1052
- font-weight: var(
1053
- --_ctm-mob-dn-um-se-ft-wt,
1054
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1055
- );
1056
- font-style: var(
1057
- --_ctm-mob-dn-um-se-ft-se-ic,
1058
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1059
- );
1060
- text-align: var(
1061
- --_ctm-mob-dn-um-se-tt-an,
1062
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1063
- );
1064
- letter-spacing: var(
1065
- --_ctm-mob-dn-um-se-lr-sg,
1066
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1067
- );
1068
- line-height: var(
1069
- --_ctm-mob-dn-um-se-le-ht,
1070
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1071
- );
1072
- text-decoration: var(
1073
- --_ctm-mob-dn-um-se-ue,
1074
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1075
- );
1076
- }
1077
- .price {
1078
- color: var(
1079
- --_ctm-mob-dn-pt-pe-cr,
1080
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1081
- );
1082
- font-family: var(
1083
- --_ctm-mob-dn-pt-pe-ft-fy,
1084
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1085
- ),
1086
- sans-serif;
1087
- font-size: var(
1088
- --_ctm-mob-dn-pt-pe-ft-se,
1089
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1090
- );
1091
- font-weight: var(
1092
- --_ctm-mob-dn-pt-pe-ft-wt,
1093
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1094
- );
1095
- font-style: var(
1096
- --_ctm-mob-dn-pt-pe-ft-se-ic,
1097
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1098
- );
1099
- text-align: var(
1100
- --_ctm-mob-dn-pt-pe-tt-an,
1101
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1102
- );
1103
- letter-spacing: var(
1104
- --_ctm-mob-dn-pt-pe-lr-sg,
1105
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1106
- );
1107
- line-height: var(
1108
- --_ctm-mob-dn-pt-pe-le-ht,
1109
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1110
- );
1111
- text-decoration: var(
1112
- --_ctm-mob-dn-pt-pe-ue,
1113
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1114
- );
1115
- }
1116
896
  .off__price {
1117
897
  font-size: 12px;
1118
898
  display: flex;
1119
899
  justify-content: space-around;
1120
900
  gap: 10px;
1121
901
  align-items: center;
1122
- .saving__amount {
1123
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1124
- font-family: var(
1125
- --_ctm-mob-dn-ss-ft-fy,
1126
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1127
- ),
1128
- sans-serif;
1129
- font-size: var(
1130
- --_ctm-mob-dn-ss-ft-se,
1131
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1132
- );
1133
- font-weight: var(
1134
- --_ctm-mob-dn-ss-ft-wt,
1135
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1136
- );
1137
- font-style: var(
1138
- --_ctm-mob-dn-ss-ft-se-ic,
1139
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1140
- );
1141
- text-align: var(
1142
- --_ctm-mob-dn-ss-tt-an,
1143
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1144
- );
1145
- letter-spacing: var(
1146
- --_ctm-mob-dn-ss-lr-sg,
1147
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1148
- );
1149
- line-height: var(
1150
- --_ctm-mob-dn-ss-le-ht,
1151
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1152
- );
1153
- text-decoration: var(
1154
- --_ctm-mob-dn-ss-ue,
1155
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1156
- );
1157
- }
1158
- .actual__price {
1159
- color: var(
1160
- --_ctm-mob-dn-al-pe-cr,
1161
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1162
- );
1163
- font-family: var(
1164
- --_ctm-mob-dn-al-pe-ft-fy,
1165
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1166
- ),
1167
- sans-serif;
1168
- font-size: var(
1169
- --_ctm-mob-dn-al-pe-ft-se,
1170
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1171
- );
1172
- font-weight: var(
1173
- --_ctm-mob-dn-al-pe-ft-wt,
1174
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1175
- );
1176
- font-style: var(
1177
- --_ctm-mob-dn-al-pe-ft-se-ic,
1178
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1179
- );
1180
- text-align: var(
1181
- --_ctm-mob-dn-al-pe-tt-an,
1182
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1183
- );
1184
- letter-spacing: var(
1185
- --_ctm-mob-dn-al-pe-lr-sg,
1186
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1187
- );
1188
- line-height: var(
1189
- --_ctm-mob-dn-al-pe-le-ht,
1190
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1191
- );
1192
- text-decoration: var(
1193
- --_ctm-mob-dn-al-pe-ue,
1194
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1195
- );
1196
- }
1197
- }
1198
- .units {
1199
- color: var(
1200
- --_ctm-mob-dn-pe-pr-ut-cr,
1201
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1202
- );
1203
- font-family: var(
1204
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
1205
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1206
- ),
1207
- sans-serif;
1208
- font-size: var(
1209
- --_ctm-mob-dn-pe-pr-ut-ft-se,
1210
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1211
- );
1212
- font-weight: var(
1213
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
1214
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1215
- );
1216
- font-style: var(
1217
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1218
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1219
- );
1220
- text-align: var(
1221
- --_ctm-mob-dn-pe-pr-ut-tt-an,
1222
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1223
- );
1224
- letter-spacing: var(
1225
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
1226
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1227
- );
1228
- line-height: var(
1229
- --_ctm-mob-dn-pe-pr-ut-le-ht,
1230
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1231
- );
1232
- text-decoration: var(
1233
- --_ctm-mob-dn-pe-pr-ut-ue,
1234
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1235
- );
1236
902
  }
1237
903
  }
1238
904
  }
@@ -1371,7 +1037,8 @@
1371
1037
  --_ctm-mob-dn-pn-dt-se-cr,
1372
1038
  var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1373
1039
  );
1374
- font-family: var(
1040
+ font-family:
1041
+ var(
1375
1042
  --_ctm-mob-dn-pn-dt-se-ft-fy,
1376
1043
  var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1377
1044
  ),
@@ -1425,7 +1092,8 @@
1425
1092
  --_ctm-mob-dn-sw-me-is-bn-cr,
1426
1093
  var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1427
1094
  );
1428
- font-family: var(
1095
+ font-family:
1096
+ var(
1429
1097
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1430
1098
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1431
1099
  ),