@sc-360-v2/storefront-cms-library 0.5.49 → 0.5.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/brand-basic-elements.scss +109 -46
  2. package/dist/brand.scss +6 -0
  3. package/dist/breadcrumbs.scss +144 -51
  4. package/dist/builder.js +1 -1
  5. package/dist/bundle.scss +74 -48
  6. package/dist/bundleDetails.scss +1360 -275
  7. package/dist/button copy.scss +271 -271
  8. package/dist/cart.scss +85 -4
  9. package/dist/category.scss +25 -4
  10. package/dist/container.scss +20 -17
  11. package/dist/embed-temp.scss +2 -2
  12. package/dist/hotspot.scss +12 -3
  13. package/dist/language-selector.scss +42 -0
  14. package/dist/line.scss +54 -36
  15. package/dist/login.scss +225 -69
  16. package/dist/map.scss +354 -147
  17. package/dist/marchandiserSets.scss +34 -0
  18. package/dist/product-actions.scss +53 -0
  19. package/dist/product-basic-elements.scss +50 -4
  20. package/dist/productDetails.scss +33 -0
  21. package/dist/quick-links.scss +23 -2
  22. package/dist/repeater copy.scss +635 -635
  23. package/dist/repeater-grid-toggle.scss +93 -3
  24. package/dist/repeater-item.scss +5 -1
  25. package/dist/review-cart.scss +7 -1
  26. package/dist/search.scss +45 -5
  27. package/dist/styles.css +1 -1
  28. package/dist/tab-v2.scss +724 -583
  29. package/dist/text-temp-v2.scss +7 -1
  30. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +26 -0
  31. package/dist/types/builder/tools/element-edit/bundle.d.ts +104 -4
  32. package/dist/types/builder/tools/element-edit/cart.d.ts +7 -0
  33. package/dist/types/builder/tools/element-edit/map.d.ts +0 -1
  34. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +6 -0
  35. package/dist/types/builder/tools/element-edit/search.d.ts +4 -61
  36. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +110 -1
  37. package/dist/upload-media.scss +14 -2
  38. package/package.json +1 -1
  39. package/dist/add-products-tab copy.scss +0 -1122
  40. package/dist/allocationDetails copy.scss +0 -757
  41. package/dist/bulk-variant-picker copy.scss +0 -1121
  42. package/dist/bundleDetails copy.scss +0 -1431
  43. package/dist/product-actions copy.scss +0 -2765
  44. package/dist/product-highlights copy.scss +0 -217
  45. package/dist/product-image copy.scss +0 -787
  46. package/dist/user-elements copy.scss +0 -1437
  47. package/dist/volume-pricing copy 2.scss +0 -1468
  48. package/dist/volume-pricing copy.scss +0 -1076
package/dist/volume-pricing copy 2.scss DELETED
@@ -1,1468 +0,0 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="volumePricing"] {
6
- // width: var(--_lt-wh);
7
- // height: var(--_lt-ht);
8
- // margin: var(--_lt-mn);
9
- // padding: var(--_lt-pg);
10
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
- // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
- // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
- // height: ;
15
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
- // --_aspect-ratio: calc(
17
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
- // );
19
-
20
- width: var(
21
- --_sf-el-wh-st-mx,
22
- calc(
23
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
24
- )
25
- );
26
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
27
-
28
- --_aspect-ratio: calc(
29
- 1 *
30
- (
31
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
32
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
33
- )
34
- );
35
- & > .wrapper {
36
- width: 100%;
37
- // height: 100%;
38
- }
39
- &[data-show-shadow="false"] {
40
- --_show-shadow: none;
41
- }
42
- &[data-overflow-items="Wrap"] {
43
- .horizontal {
44
- flex-wrap: wrap;
45
- }
46
- }
47
- &[data-overflow-items="Scroll"] {
48
- .horizontal {
49
- width: 100%;
50
- overflow-x: auto;
51
- .item {
52
- width: 100%;
53
- flex-shrink: 0;
54
- }
55
- }
56
- .vertical {
57
- overflow-y: auto;
58
- max-height: 30%;
59
- }
60
- }
61
- .text-element {
62
- color: #333;
63
-
64
- font-size: 12px;
65
- font-style: normal;
66
- font-weight: 400;
67
- line-height: 18px;
68
- margin-bottom: 6px;
69
- }
70
-
71
- .uom__selector {
72
- padding: 10px;
73
- width: 100%;
74
- // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
75
- .uom__container {
76
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
77
- // border: 1px solid rgba(75, 69, 70, 1);
78
- // border-radius: 20px;
79
- .stack {
80
- display: flex;
81
- flex-direction: column;
82
- .static {
83
- color: var(
84
- --_ctm-mob-dn-um-te-se-cr,
85
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
86
- );
87
- font-family: var(
88
- --_ctm-mob-dn-um-te-se-ft-fy,
89
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
90
- );
91
- font-size: var(
92
- --_ctm-mob-dn-um-te-se-ft-se,
93
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
94
- );
95
- font-weight: var(
96
- --_ctm-mob-dn-um-te-se-ft-wt,
97
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
98
- );
99
- font-style: var(
100
- --_ctm-mob-dn-um-te-se-ft-se-ic,
101
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
102
- );
103
- text-align: var(
104
- --_ctm-mob-dn-um-te-se-tt-an,
105
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
106
- );
107
- letter-spacing: var(
108
- --_ctm-mob-dn-um-te-se-lr-sg,
109
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
110
- );
111
- line-height: var(
112
- --_ctm-mob-dn-um-te-se-le-ht,
113
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
114
- );
115
- text-decoration: var(
116
- --_ctm-mob-dn-um-te-se-ue,
117
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
118
- );
119
- }
120
-
121
- .item {
122
- display: flex;
123
- align-items: center;
124
- justify-content: center;
125
- flex-direction: column;
126
- gap: 4px;
127
- padding: var(
128
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
129
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
130
- )
131
- var(
132
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
133
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
134
- );
135
- cursor: pointer;
136
- background-color: var(
137
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
138
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
139
- );
140
-
141
- border-color: var(
142
- --_show-border-im-se,
143
- var(
144
- --_ctm-mob-dn-im-se-dt-se-br-cr,
145
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
146
- )
147
- );
148
- border-style: var(
149
- --_show-border-im-se,
150
- var(
151
- --_ctm-mob-dn-im-se-dt-se-br-se,
152
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
153
- )
154
- );
155
- border-width: var(
156
- --_show-border-im-se,
157
- var(
158
- --_ctm-mob-dn-im-se-dt-se-br-wh,
159
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
160
- )
161
- );
162
- border-radius: var(
163
- --_ctm-mob-dn-im-se-dt-se-br-rs,
164
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
165
- );
166
-
167
- box-shadow: var(
168
- --_show-shadow-im-se,
169
- var(
170
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
171
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
172
- )
173
- var(
174
- --_ctm-mob-dn-im-se-dt-se-sw-br,
175
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
176
- )
177
- var(
178
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
179
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
180
- )
181
- var(
182
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
183
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
184
- )
185
- );
186
- }
187
- .active {
188
- display: flex;
189
-
190
- align-items: var(
191
- --_ctm-mob-dn-im-se-sd-se-ct-at,
192
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
193
- );
194
-
195
- justify-content: center;
196
- flex-direction: column;
197
- gap: 4px;
198
-
199
- padding: var(
200
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
201
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
202
- )
203
- var(
204
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
205
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
206
- );
207
-
208
- cursor: pointer;
209
-
210
- background-color: var(
211
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
212
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
213
- );
214
-
215
- border-color: var(
216
- --_show-border-im-se,
217
- var(
218
- --_ctm-mob-dn-im-se-sd-se-br-cr,
219
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
220
- )
221
- );
222
-
223
- border-style: var(
224
- --_show-border-im-se,
225
- var(
226
- --_ctm-mob-dn-im-se-sd-se-br-se,
227
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
228
- )
229
- );
230
-
231
- border-width: var(
232
- --_show-border-im-se,
233
- var(
234
- --_ctm-mob-dn-im-se-sd-se-br-wh,
235
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
236
- )
237
- );
238
-
239
- border-radius: var(
240
- --_ctm-mob-dn-im-se-sd-se-br-rs,
241
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
242
- );
243
-
244
- box-shadow: var(
245
- --_show-shadow-im-se,
246
- var(
247
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
248
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
249
- )
250
- var(
251
- --_ctm-mob-dn-im-se-sd-se-sw-br,
252
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
253
- )
254
- var(
255
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
256
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
257
- )
258
- var(
259
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
260
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
261
- )
262
- );
263
-
264
- .each {
265
- color: var(
266
- --_ctm-mob-dn-um-se-cr,
267
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
268
- );
269
- font-family: var(
270
- --_ctm-mob-dn-um-se-ft-fy,
271
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
272
- );
273
- font-size: var(
274
- --_ctm-mob-dn-um-se-ft-se,
275
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
276
- );
277
- font-weight: var(
278
- --_ctm-mob-dn-um-se-ft-wt,
279
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
280
- );
281
- font-style: var(
282
- --_ctm-mob-dn-um-se-ft-se-ic,
283
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
284
- );
285
- text-align: var(
286
- --_ctm-mob-dn-um-se-tt-an,
287
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
288
- );
289
- letter-spacing: var(
290
- --_ctm-mob-dn-um-se-lr-sg,
291
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
292
- );
293
- line-height: var(
294
- --_ctm-mob-dn-um-se-le-ht,
295
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
296
- );
297
- text-decoration: var(
298
- --_ctm-mob-dn-um-se-ue,
299
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
300
- );
301
- }
302
-
303
- .price {
304
- color: var(
305
- --_ctm-mob-dn-pt-pe-cr,
306
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
307
- );
308
- font-family: var(
309
- --_ctm-mob-dn-pt-pe-ft-fy,
310
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
311
- );
312
- font-size: var(
313
- --_ctm-mob-dn-pt-pe-ft-se,
314
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
315
- );
316
- font-weight: var(
317
- --_ctm-mob-dn-pt-pe-ft-wt,
318
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
319
- );
320
- font-style: var(
321
- --_ctm-mob-dn-pt-pe-ft-se-ic,
322
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
323
- );
324
- text-align: var(
325
- --_ctm-mob-dn-pt-pe-tt-an,
326
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
327
- );
328
- letter-spacing: var(
329
- --_ctm-mob-dn-pt-pe-lr-sg,
330
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
331
- );
332
- line-height: var(
333
- --_ctm-mob-dn-pt-pe-le-ht,
334
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
335
- );
336
- text-decoration: var(
337
- --_ctm-mob-dn-pt-pe-ue,
338
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
339
- );
340
- }
341
- .off__price {
342
- font-size: 12px;
343
- display: flex;
344
- justify-content: space-around;
345
- gap: 10px;
346
- align-items: center;
347
- .saving__amount {
348
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
349
- font-family: var(
350
- --_ctm-mob-dn-ss-ft-fy,
351
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
352
- );
353
- font-size: var(
354
- --_ctm-mob-dn-ss-ft-se,
355
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
356
- );
357
- font-weight: var(
358
- --_ctm-mob-dn-ss-ft-wt,
359
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
360
- );
361
- font-style: var(
362
- --_ctm-mob-dn-ss-ft-se-ic,
363
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
364
- );
365
- text-align: var(
366
- --_ctm-mob-dn-ss-tt-an,
367
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
368
- );
369
- letter-spacing: var(
370
- --_ctm-mob-dn-ss-lr-sg,
371
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
372
- );
373
- line-height: var(
374
- --_ctm-mob-dn-ss-le-ht,
375
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
376
- );
377
- text-decoration: var(
378
- --_ctm-mob-dn-ss-ue,
379
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
380
- );
381
- }
382
-
383
- .actual__price {
384
- color: var(
385
- --_ctm-mob-dn-al-pe-cr,
386
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
387
- );
388
- font-family: var(
389
- --_ctm-mob-dn-al-pe-ft-fy,
390
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
391
- );
392
- font-size: var(
393
- --_ctm-mob-dn-al-pe-ft-se,
394
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
395
- );
396
- font-weight: var(
397
- --_ctm-mob-dn-al-pe-ft-wt,
398
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
399
- );
400
- font-style: var(
401
- --_ctm-mob-dn-al-pe-ft-se-ic,
402
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
403
- );
404
- text-align: var(
405
- --_ctm-mob-dn-al-pe-tt-an,
406
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
407
- );
408
- letter-spacing: var(
409
- --_ctm-mob-dn-al-pe-lr-sg,
410
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
411
- );
412
- line-height: var(
413
- --_ctm-mob-dn-al-pe-le-ht,
414
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
415
- );
416
- text-decoration: var(
417
- --_ctm-mob-dn-al-pe-ue,
418
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
419
- );
420
- }
421
- }
422
- .units {
423
- color: var(
424
- --_ctm-mob-dn-pe-pr-ut-cr,
425
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
426
- );
427
- font-family: var(
428
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
429
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
430
- );
431
- font-size: var(
432
- --_ctm-mob-dn-pe-pr-ut-ft-se,
433
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
434
- );
435
- font-weight: var(
436
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
437
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
438
- );
439
- font-style: var(
440
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
441
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
442
- );
443
- text-align: var(
444
- --_ctm-mob-dn-pe-pr-ut-tt-an,
445
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
446
- );
447
- letter-spacing: var(
448
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
449
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
450
- );
451
- line-height: var(
452
- --_ctm-mob-dn-pe-pr-ut-le-ht,
453
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
454
- );
455
- text-decoration: var(
456
- --_ctm-mob-dn-pe-pr-ut-ue,
457
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
458
- );
459
- }
460
- }
461
-
462
- .each {
463
- color: var(
464
- --_ctm-mob-dn-um-se-cr,
465
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
466
- );
467
- font-family: var(
468
- --_ctm-mob-dn-um-se-ft-fy,
469
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
470
- );
471
- font-size: var(
472
- --_ctm-mob-dn-um-se-ft-se,
473
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
474
- );
475
- font-weight: var(
476
- --_ctm-mob-dn-um-se-ft-wt,
477
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
478
- );
479
- font-style: var(
480
- --_ctm-mob-dn-um-se-ft-se-ic,
481
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
482
- );
483
- text-align: var(
484
- --_ctm-mob-dn-um-se-tt-an,
485
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
486
- );
487
- letter-spacing: var(
488
- --_ctm-mob-dn-um-se-lr-sg,
489
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
490
- );
491
- line-height: var(
492
- --_ctm-mob-dn-um-se-le-ht,
493
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
494
- );
495
- text-decoration: var(
496
- --_ctm-mob-dn-um-se-ue,
497
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
498
- );
499
- }
500
-
501
- .price {
502
- color: var(
503
- --_ctm-mob-dn-pt-pe-cr,
504
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
505
- );
506
- font-family: var(
507
- --_ctm-mob-dn-pt-pe-ft-fy,
508
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
509
- );
510
- font-size: var(
511
- --_ctm-mob-dn-pt-pe-ft-se,
512
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
513
- );
514
- font-weight: var(
515
- --_ctm-mob-dn-pt-pe-ft-wt,
516
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
517
- );
518
- font-style: var(
519
- --_ctm-mob-dn-pt-pe-ft-se-ic,
520
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
521
- );
522
- text-align: var(
523
- --_ctm-mob-dn-pt-pe-tt-an,
524
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
525
- );
526
- letter-spacing: var(
527
- --_ctm-mob-dn-pt-pe-lr-sg,
528
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
529
- );
530
- line-height: var(
531
- --_ctm-mob-dn-pt-pe-le-ht,
532
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
533
- );
534
- text-decoration: var(
535
- --_ctm-mob-dn-pt-pe-ue,
536
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
537
- );
538
- }
539
- .actual__price {
540
- color: var(
541
- --_ctm-mob-dn-al-pe-cr,
542
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
543
- );
544
- font-family: var(
545
- --_ctm-mob-dn-al-pe-ft-fy,
546
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
547
- );
548
- font-size: var(
549
- --_ctm-mob-dn-al-pe-ft-se,
550
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
551
- );
552
- font-weight: var(
553
- --_ctm-mob-dn-al-pe-ft-wt,
554
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
555
- );
556
- font-style: var(
557
- --_ctm-mob-dn-al-pe-ft-se-ic,
558
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
559
- );
560
- text-align: var(
561
- --_ctm-mob-dn-al-pe-tt-an,
562
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
563
- );
564
- letter-spacing: var(
565
- --_ctm-mob-dn-al-pe-lr-sg,
566
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
567
- );
568
- line-height: var(
569
- --_ctm-mob-dn-al-pe-le-ht,
570
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
571
- );
572
- text-decoration: var(
573
- --_ctm-mob-dn-al-pe-ue,
574
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
575
- );
576
- }
577
- .saving__amount {
578
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
579
- font-family: var(
580
- --_ctm-mob-dn-ss-ft-fy,
581
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
582
- );
583
- font-size: var(
584
- --_ctm-mob-dn-ss-ft-se,
585
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
586
- );
587
- font-weight: var(
588
- --_ctm-mob-dn-ss-ft-wt,
589
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
590
- );
591
- font-style: var(
592
- --_ctm-mob-dn-ss-ft-se-ic,
593
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
594
- );
595
- text-align: var(
596
- --_ctm-mob-dn-ss-tt-an,
597
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
598
- );
599
- letter-spacing: var(
600
- --_ctm-mob-dn-ss-lr-sg,
601
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
602
- );
603
- line-height: var(
604
- --_ctm-mob-dn-ss-le-ht,
605
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
606
- );
607
- text-decoration: var(
608
- --_ctm-mob-dn-ss-ue,
609
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
610
- );
611
- }
612
- .off__price {
613
- font-size: 12px;
614
- display: flex;
615
- justify-content: space-around;
616
- gap: 10px;
617
- align-items: center;
618
- }
619
-
620
- .units {
621
- color: var(
622
- --_ctm-mob-dn-pe-pr-ut-cr,
623
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
624
- );
625
- font-family: var(
626
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
627
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
628
- );
629
- font-size: var(
630
- --_ctm-mob-dn-pe-pr-ut-ft-se,
631
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
632
- );
633
- font-weight: var(
634
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
635
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
636
- );
637
- font-style: var(
638
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
639
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
640
- );
641
- text-align: var(
642
- --_ctm-mob-dn-pe-pr-ut-tt-an,
643
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
644
- );
645
- letter-spacing: var(
646
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
647
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
648
- );
649
- line-height: var(
650
- --_ctm-mob-dn-pe-pr-ut-le-ht,
651
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
652
- );
653
- text-decoration: var(
654
- --_ctm-mob-dn-pe-pr-ut-ue,
655
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
656
- );
657
- }
658
- .horizontal {
659
- display: flex;
660
- flex-direction: row;
661
- flex-wrap: wrap;
662
-
663
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
664
- }
665
-
666
- .vertical {
667
- display: flex;
668
- flex-direction: column;
669
- gap: var(--_ctm-lt-im-sg);
670
- .item {
671
- flex-direction: row;
672
- justify-content: space-between;
673
- align-items: center;
674
- .right__side__content {
675
- display: flex;
676
- gap: 20px;
677
- div {
678
- display: flex;
679
- gap: 1px;
680
-
681
- flex-direction: column;
682
- justify-content: right;
683
- align-items: center;
684
- }
685
- }
686
- }
687
- }
688
- .grid {
689
- display: grid;
690
- grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
691
- gap: var(--_ctm-lt-im-sg);
692
- padding: var(--_ctm-lt-im-pg);
693
- &[data-overflow-items="Scroll"] {
694
- height: 200px;
695
- overflow-y: auto;
696
- }
697
- .item {
698
- display: flex;
699
- align-items: center;
700
- justify-content: center;
701
- flex-direction: column;
702
- gap: 4px;
703
- padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
704
- cursor: pointer;
705
- background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
706
- border-color: var(
707
- --_show-border-im-se,
708
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
709
- );
710
- border-style: var(
711
- --_show-border-im-se,
712
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
713
- );
714
- border-width: var(
715
- --_show-border-im-se,
716
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
717
- );
718
- border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
719
- box-shadow: var(
720
- --_show-shadow-im-se,
721
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
722
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
723
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
724
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
725
- );
726
- cursor: pointer;
727
- .each {
728
- color: var(
729
- --_ctm-mob-dn-um-se-cr,
730
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
731
- );
732
- font-family: var(
733
- --_ctm-mob-dn-um-se-ft-fy,
734
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
735
- );
736
- font-size: var(
737
- --_ctm-mob-dn-um-se-ft-se,
738
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
739
- );
740
- font-weight: var(
741
- --_ctm-mob-dn-um-se-ft-wt,
742
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
743
- );
744
- font-style: var(
745
- --_ctm-mob-dn-um-se-ft-se-ic,
746
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
747
- );
748
- text-align: var(
749
- --_ctm-mob-dn-um-se-tt-an,
750
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
751
- );
752
- letter-spacing: var(
753
- --_ctm-mob-dn-um-se-lr-sg,
754
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
755
- );
756
- line-height: var(
757
- --_ctm-mob-dn-um-se-le-ht,
758
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
759
- );
760
- text-decoration: var(
761
- --_ctm-mob-dn-um-se-ue,
762
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
763
- );
764
- }
765
- .price {
766
- color: var(
767
- --_ctm-mob-dn-pt-pe-cr,
768
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
769
- );
770
- font-family: var(
771
- --_ctm-mob-dn-pt-pe-ft-fy,
772
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
773
- );
774
- font-size: var(
775
- --_ctm-mob-dn-pt-pe-ft-se,
776
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
777
- );
778
- font-weight: var(
779
- --_ctm-mob-dn-pt-pe-ft-wt,
780
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
781
- );
782
- font-style: var(
783
- --_ctm-mob-dn-pt-pe-ft-se-ic,
784
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
785
- );
786
- text-align: var(
787
- --_ctm-mob-dn-pt-pe-tt-an,
788
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
789
- );
790
- letter-spacing: var(
791
- --_ctm-mob-dn-pt-pe-lr-sg,
792
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
793
- );
794
- line-height: var(
795
- --_ctm-mob-dn-pt-pe-le-ht,
796
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
797
- );
798
- text-decoration: var(
799
- --_ctm-mob-dn-pt-pe-ue,
800
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
801
- );
802
- }
803
- .off__price {
804
- font-size: 12px;
805
- display: flex;
806
- justify-content: space-around;
807
- gap: 10px;
808
- align-items: center;
809
- .saving__amount {
810
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
811
- font-family: var(
812
- --_ctm-mob-dn-ss-ft-fy,
813
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
814
- );
815
- font-size: var(
816
- --_ctm-mob-dn-ss-ft-se,
817
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
818
- );
819
- font-weight: var(
820
- --_ctm-mob-dn-ss-ft-wt,
821
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
822
- );
823
- font-style: var(
824
- --_ctm-mob-dn-ss-ft-se-ic,
825
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
826
- );
827
- text-align: var(
828
- --_ctm-mob-dn-ss-tt-an,
829
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
830
- );
831
- letter-spacing: var(
832
- --_ctm-mob-dn-ss-lr-sg,
833
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
834
- );
835
- line-height: var(
836
- --_ctm-mob-dn-ss-le-ht,
837
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
838
- );
839
- text-decoration: var(
840
- --_ctm-mob-dn-ss-ue,
841
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
842
- );
843
- }
844
- .actual__price {
845
- color: var(
846
- --_ctm-mob-dn-al-pe-cr,
847
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
848
- );
849
- font-family: var(
850
- --_ctm-mob-dn-al-pe-ft-fy,
851
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
852
- );
853
- font-size: var(
854
- --_ctm-mob-dn-al-pe-ft-se,
855
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
856
- );
857
- font-weight: var(
858
- --_ctm-mob-dn-al-pe-ft-wt,
859
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
860
- );
861
- font-style: var(
862
- --_ctm-mob-dn-al-pe-ft-se-ic,
863
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
864
- );
865
- text-align: var(
866
- --_ctm-mob-dn-al-pe-tt-an,
867
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
868
- );
869
- letter-spacing: var(
870
- --_ctm-mob-dn-al-pe-lr-sg,
871
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
872
- );
873
- line-height: var(
874
- --_ctm-mob-dn-al-pe-le-ht,
875
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
876
- );
877
- text-decoration: var(
878
- --_ctm-mob-dn-al-pe-ue,
879
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
880
- );
881
- }
882
- }
883
- .units {
884
- color: var(
885
- --_ctm-mob-dn-pe-pr-ut-cr,
886
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
887
- );
888
- font-family: var(
889
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
890
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
891
- );
892
- font-size: var(
893
- --_ctm-mob-dn-pe-pr-ut-ft-se,
894
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
895
- );
896
- font-weight: var(
897
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
898
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
899
- );
900
- font-style: var(
901
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
902
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
903
- );
904
- text-align: var(
905
- --_ctm-mob-dn-pe-pr-ut-tt-an,
906
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
907
- );
908
- letter-spacing: var(
909
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
910
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
911
- );
912
- line-height: var(
913
- --_ctm-mob-dn-pe-pr-ut-le-ht,
914
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
915
- );
916
- text-decoration: var(
917
- --_ctm-mob-dn-pe-pr-ut-ue,
918
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
919
- );
920
- }
921
- }
922
- .active {
923
- display: flex;
924
-
925
- align-items: var(
926
- --_ctm-mob-dn-im-se-sd-se-ct-at,
927
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
928
- );
929
-
930
- justify-content: center;
931
- flex-direction: column;
932
- gap: 4px;
933
-
934
- padding: var(
935
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
936
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
937
- )
938
- var(
939
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
940
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
941
- );
942
-
943
- cursor: pointer;
944
-
945
- background-color: var(
946
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
947
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
948
- );
949
-
950
- border-color: var(
951
- --_show-border-im-se,
952
- var(
953
- --_ctm-mob-dn-im-se-sd-se-br-cr,
954
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
955
- )
956
- );
957
-
958
- border-style: var(
959
- --_show-border-im-se,
960
- var(
961
- --_ctm-mob-dn-im-se-sd-se-br-se,
962
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
963
- )
964
- );
965
-
966
- border-width: var(
967
- --_show-border-im-se,
968
- var(
969
- --_ctm-mob-dn-im-se-sd-se-br-wh,
970
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
971
- )
972
- );
973
-
974
- border-radius: var(
975
- --_ctm-mob-dn-im-se-sd-se-br-rs,
976
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
977
- );
978
-
979
- box-shadow: var(
980
- --_show-shadow-im-se,
981
- var(
982
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
983
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
984
- )
985
- var(
986
- --_ctm-mob-dn-im-se-sd-se-sw-br,
987
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
988
- )
989
- var(
990
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
991
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
992
- )
993
- var(
994
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
995
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
996
- )
997
- );
998
-
999
- .each {
1000
- color: var(
1001
- --_ctm-mob-dn-um-se-cr,
1002
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1003
- );
1004
- font-family: var(
1005
- --_ctm-mob-dn-um-se-ft-fy,
1006
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1007
- );
1008
- font-size: var(
1009
- --_ctm-mob-dn-um-se-ft-se,
1010
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1011
- );
1012
- font-weight: var(
1013
- --_ctm-mob-dn-um-se-ft-wt,
1014
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1015
- );
1016
- font-style: var(
1017
- --_ctm-mob-dn-um-se-ft-se-ic,
1018
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1019
- );
1020
- text-align: var(
1021
- --_ctm-mob-dn-um-se-tt-an,
1022
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1023
- );
1024
- letter-spacing: var(
1025
- --_ctm-mob-dn-um-se-lr-sg,
1026
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1027
- );
1028
- line-height: var(
1029
- --_ctm-mob-dn-um-se-le-ht,
1030
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1031
- );
1032
- text-decoration: var(
1033
- --_ctm-mob-dn-um-se-ue,
1034
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1035
- );
1036
- }
1037
- .price {
1038
- color: var(
1039
- --_ctm-mob-dn-pt-pe-cr,
1040
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1041
- );
1042
- font-family: var(
1043
- --_ctm-mob-dn-pt-pe-ft-fy,
1044
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1045
- );
1046
- font-size: var(
1047
- --_ctm-mob-dn-pt-pe-ft-se,
1048
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1049
- );
1050
- font-weight: var(
1051
- --_ctm-mob-dn-pt-pe-ft-wt,
1052
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1053
- );
1054
- font-style: var(
1055
- --_ctm-mob-dn-pt-pe-ft-se-ic,
1056
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1057
- );
1058
- text-align: var(
1059
- --_ctm-mob-dn-pt-pe-tt-an,
1060
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1061
- );
1062
- letter-spacing: var(
1063
- --_ctm-mob-dn-pt-pe-lr-sg,
1064
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1065
- );
1066
- line-height: var(
1067
- --_ctm-mob-dn-pt-pe-le-ht,
1068
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1069
- );
1070
- text-decoration: var(
1071
- --_ctm-mob-dn-pt-pe-ue,
1072
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1073
- );
1074
- }
1075
- .off__price {
1076
- font-size: 12px;
1077
- display: flex;
1078
- justify-content: space-around;
1079
- gap: 10px;
1080
- align-items: center;
1081
- .saving__amount {
1082
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1083
- font-family: var(
1084
- --_ctm-mob-dn-ss-ft-fy,
1085
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1086
- );
1087
- font-size: var(
1088
- --_ctm-mob-dn-ss-ft-se,
1089
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1090
- );
1091
- font-weight: var(
1092
- --_ctm-mob-dn-ss-ft-wt,
1093
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1094
- );
1095
- font-style: var(
1096
- --_ctm-mob-dn-ss-ft-se-ic,
1097
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1098
- );
1099
- text-align: var(
1100
- --_ctm-mob-dn-ss-tt-an,
1101
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1102
- );
1103
- letter-spacing: var(
1104
- --_ctm-mob-dn-ss-lr-sg,
1105
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1106
- );
1107
- line-height: var(
1108
- --_ctm-mob-dn-ss-le-ht,
1109
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1110
- );
1111
- text-decoration: var(
1112
- --_ctm-mob-dn-ss-ue,
1113
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1114
- );
1115
- }
1116
- .actual__price {
1117
- color: var(
1118
- --_ctm-mob-dn-al-pe-cr,
1119
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1120
- );
1121
- font-family: var(
1122
- --_ctm-mob-dn-al-pe-ft-fy,
1123
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1124
- );
1125
- font-size: var(
1126
- --_ctm-mob-dn-al-pe-ft-se,
1127
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1128
- );
1129
- font-weight: var(
1130
- --_ctm-mob-dn-al-pe-ft-wt,
1131
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1132
- );
1133
- font-style: var(
1134
- --_ctm-mob-dn-al-pe-ft-se-ic,
1135
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1136
- );
1137
- text-align: var(
1138
- --_ctm-mob-dn-al-pe-tt-an,
1139
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1140
- );
1141
- letter-spacing: var(
1142
- --_ctm-mob-dn-al-pe-lr-sg,
1143
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1144
- );
1145
- line-height: var(
1146
- --_ctm-mob-dn-al-pe-le-ht,
1147
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1148
- );
1149
- text-decoration: var(
1150
- --_ctm-mob-dn-al-pe-ue,
1151
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1152
- );
1153
- }
1154
- }
1155
- .units {
1156
- color: var(
1157
- --_ctm-mob-dn-pe-pr-ut-cr,
1158
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1159
- );
1160
- font-family: var(
1161
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
1162
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1163
- );
1164
- font-size: var(
1165
- --_ctm-mob-dn-pe-pr-ut-ft-se,
1166
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1167
- );
1168
- font-weight: var(
1169
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
1170
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1171
- );
1172
- font-style: var(
1173
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1174
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1175
- );
1176
- text-align: var(
1177
- --_ctm-mob-dn-pe-pr-ut-tt-an,
1178
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1179
- );
1180
- letter-spacing: var(
1181
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
1182
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1183
- );
1184
- line-height: var(
1185
- --_ctm-mob-dn-pe-pr-ut-le-ht,
1186
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1187
- );
1188
- text-decoration: var(
1189
- --_ctm-mob-dn-pe-pr-ut-ue,
1190
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1191
- );
1192
- }
1193
- }
1194
- }
1195
- }
1196
- .table-content {
1197
- border-collapse: collapse;
1198
- background-color: var(
1199
- --_ctm-mob-dn-te-bd-cr,
1200
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1201
- );
1202
- border-color: var(
1203
- --_show-border-im-se,
1204
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1205
- var(--_tst-dn-br-cr)
1206
- );
1207
- border-style: var(
1208
- --_show-border-im-se,
1209
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1210
- var(--_tst-dn-br-se)
1211
- );
1212
- border-width: var(
1213
- --_show-border-im-se,
1214
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1215
- var(--_tst-dn-br-wh)
1216
- );
1217
- border-radius: var(
1218
- --_ctm-mob-dn-te-br-rs,
1219
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1220
- var(--_tst-dn-br-rs)
1221
- );
1222
- box-shadow: var(
1223
- --_show-shadow-im-se,
1224
- var(
1225
- --_ctm-mob-dn-te-sw-ae,
1226
- var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1227
- )
1228
- var(
1229
- --_ctm-mob-dn-te-sw-br,
1230
- var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1231
- )
1232
- var(
1233
- --_ctm-mob-dn-te-sw-sd,
1234
- var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1235
- )
1236
- var(
1237
- --_ctm-mob-dn-te-sw-cr,
1238
- var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1239
- )
1240
- );
1241
- &[data-header-divider="true"] {
1242
- thead tr th {
1243
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1244
- }
1245
- }
1246
- &[data-row-divider="true"] {
1247
- tbody tr td {
1248
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1249
- }
1250
- }
1251
- &[data-column-divider="true"] {
1252
- tbody tr td,
1253
- thead tr th {
1254
- border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
1255
- }
1256
-
1257
- tbody tr td:last-child,
1258
- thead tr th:last-child {
1259
- border-right: none;
1260
- }
1261
- }
1262
- &[data-alternative-row-colors="true"] {
1263
- tbody tr:nth-child(odd) {
1264
- background-color: var(--_gray-300);
1265
- width: 100%;
1266
- }
1267
- }
1268
- thead {
1269
- height: var(--_ctm-lt-hr-ht);
1270
- tr {
1271
- th {
1272
- padding: var(--_ctm-lt-hr-cl-pg);
1273
- text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
1274
- border: 0;
1275
- background-color: var(--_ctm-dn-te-hr-bd-cr);
1276
- color: var(--_ctm-dn-hr-tt-cr);
1277
- font-family: var(--_ctm-dn-hr-tt-ft-fy);
1278
- font-size: var(--_ctm-dn-hr-tt-ft-se);
1279
- font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1280
- font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
1281
- letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
1282
- line-height: var(--_ctm-dn-hr-tt-le-ht);
1283
- text-decoration: var(--_ctm-dn-hr-tt-ue);
1284
- }
1285
- }
1286
- }
1287
- tbody {
1288
- tr {
1289
- padding: var(--_ctm-lt-rw-cl-pg);
1290
- height: var(--_ctm-lt-rw-ht);
1291
- background-color: var(--_ctm-dn-te-rw-bd-cr);
1292
- text-align: var(--_ctm-lt-ct-at);
1293
- th,
1294
- td {
1295
- border: 0;
1296
- padding: inherit;
1297
- color: var(--_ctm-dn-te-rw-cr);
1298
- font-family: var(--_ctm-dn-te-rw-ft-fy);
1299
- font-size: var(--_ctm-dn-te-rw-ft-se);
1300
- font-weight: var(--_ctm-dn-te-rw-ft-wt);
1301
- font-style: var(--_ctm-dn-te-rw-ft-se-ic);
1302
- text-align: var(--_ctm-dn-te-rw-tt-an);
1303
- letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
1304
- line-height: var(--_ctm-dn-te-rw-le-ht);
1305
- text-decoration: var(--_ctm-dn-te-rw-ue);
1306
- }
1307
- }
1308
- }
1309
- }
1310
- .pagination_container {
1311
- display: flex;
1312
- justify-content: center;
1313
- align-items: center;
1314
- gap: 10px;
1315
- button {
1316
- font-size: 16px;
1317
- // padding: 10px 20px;
1318
- // background-color: #000;
1319
- color: #fff;
1320
- border: none;
1321
- cursor: pointer;
1322
- // border-radius: 10px;
1323
- }
1324
- span {
1325
- cursor: pointer;
1326
- color: var(
1327
- --_ctm-mob-dn-pn-dt-se-cr,
1328
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1329
- );
1330
- font-family: var(
1331
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1332
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1333
- );
1334
- font-size: var(
1335
- --_ctm-mob-dn-pn-dt-se-ft-se,
1336
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1337
- );
1338
- font-weight: var(
1339
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1340
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1341
- );
1342
- font-style: var(
1343
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1344
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1345
- );
1346
- text-align: var(
1347
- --_ctm-mob-dn-pn-dt-se-tt-an,
1348
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1349
- );
1350
- letter-spacing: var(
1351
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1352
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1353
- );
1354
- line-height: var(
1355
- --_ctm-mob-dn-pn-dt-se-le-ht,
1356
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1357
- );
1358
- text-decoration: var(
1359
- --_ctm-mob-dn-pn-dt-se-ue,
1360
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1361
- );
1362
- }
1363
- .active {
1364
- span {
1365
- background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1366
- padding: 2px;
1367
- }
1368
- }
1369
- }
1370
- .loadmore_conatiner {
1371
- display: flex;
1372
- justify-content: center;
1373
- align-items: center;
1374
- gap: 10px;
1375
- margin-top: 10px;
1376
- button {
1377
- padding: 10px;
1378
- cursor: pointer;
1379
- color: var(
1380
- --_ctm-mob-dn-sw-me-is-bn-cr,
1381
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1382
- );
1383
- font-family: var(
1384
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1385
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1386
- );
1387
- font-size: var(
1388
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1389
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1390
- );
1391
- font-weight: var(
1392
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1393
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1394
- );
1395
- font-style: var(
1396
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1397
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1398
- );
1399
- text-align: var(
1400
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1401
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1402
- );
1403
- letter-spacing: var(
1404
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1405
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1406
- );
1407
- line-height: var(
1408
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1409
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1410
- );
1411
- text-decoration: var(
1412
- --_ctm-mob-dn-sw-me-is-bn-ue,
1413
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1414
- );
1415
- background-color: var(
1416
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1417
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1418
- );
1419
- border-color: var(
1420
- --_show-border-im-se,
1421
- var(
1422
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1423
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1424
- )
1425
- );
1426
- border-style: var(
1427
- --_show-border-im-se,
1428
- var(
1429
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1430
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1431
- )
1432
- );
1433
- border-width: var(
1434
- --_show-border-im-se,
1435
- var(
1436
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1437
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1438
- )
1439
- );
1440
- border-radius: var(
1441
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1442
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1443
- );
1444
- box-shadow: var(
1445
- --_show-shadow-im-se,
1446
- var(
1447
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1448
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1449
- )
1450
- var(
1451
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1452
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1453
- )
1454
- var(
1455
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1456
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1457
- )
1458
- var(
1459
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1460
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1461
- )
1462
- );
1463
- }
1464
- }
1465
- }
1466
- }
1467
- }
1468
- }