@sc-360-v2/storefront-cms-library 0.2.75 → 0.2.76

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 (104) hide show
  1. package/dist/add-order.scss +69 -0
  2. package/dist/allocationDetails.scss +335 -0
  3. package/dist/allocations.scss +546 -2
  4. package/dist/amount-estimator.scss +733 -187
  5. package/dist/brand-basic-elements.scss +142 -61
  6. package/dist/brand.scss +66 -16
  7. package/dist/breadcrumbs.scss +379 -88
  8. package/dist/builder.js +1 -1
  9. package/dist/bulk-variant-picker.scss +525 -121
  10. package/dist/bundle-basic-elements.scss +283 -121
  11. package/dist/bundle.scss +74 -15
  12. package/dist/buyFor.scss +153 -0
  13. package/dist/cart-details.scss +387 -0
  14. package/dist/cart-summary.scss +175 -0
  15. package/dist/cart.scss +178 -44
  16. package/dist/cartDropdownOverlay.scss +118 -0
  17. package/dist/cartGrouping.scss +89 -0
  18. package/dist/category.scss +38 -7
  19. package/dist/categoryDetails.scss +24 -6
  20. package/dist/categoryWidget.scss +11 -6
  21. package/dist/code-temp.scss +6 -4
  22. package/dist/contact-us.scss +19 -147
  23. package/dist/container.scss +22 -1
  24. package/dist/countdown.scss +372 -112
  25. package/dist/editCartItem.scss +111 -0
  26. package/dist/embed-temp.scss +29 -14
  27. package/dist/faq.scss +3 -6
  28. package/dist/filters.scss +11 -2
  29. package/dist/form-preview.scss +128 -93
  30. package/dist/gallery-slider-temp.scss +548 -135
  31. package/dist/grid.scss +24 -0
  32. package/dist/hotspot.scss +27 -25
  33. package/dist/icon-library.scss +26 -15
  34. package/dist/icons.js +1 -1
  35. package/dist/image-temp.scss +45 -17
  36. package/dist/index.js +1 -1
  37. package/dist/item-stock.scss +125 -0
  38. package/dist/layouter-item.scss +26 -2
  39. package/dist/layouter.scss +26 -1
  40. package/dist/light-box-v2.scss +29 -3
  41. package/dist/lightbox.scss +18 -2
  42. package/dist/line.scss +165 -0
  43. package/dist/login.scss +15 -23
  44. package/dist/map.scss +495 -119
  45. package/dist/marchandiserSets.scss +35 -18
  46. package/dist/menu.scss +121 -33
  47. package/dist/modal.scss +4 -0
  48. package/dist/past-orders.scss +11 -2
  49. package/dist/payment-methods.scss +29 -13
  50. package/dist/pickup-locations.scss +884 -244
  51. package/dist/product-actions.scss +2223 -418
  52. package/dist/product-basic-elements.scss +273 -122
  53. package/dist/product-highlights.scss +22 -14
  54. package/dist/product-image.scss +535 -136
  55. package/dist/product-inventory.scss +1105 -283
  56. package/dist/product-options.scss +378 -94
  57. package/dist/product-price.scss +1386 -316
  58. package/dist/product-promotions.scss +2252 -601
  59. package/dist/product.scss +68 -14
  60. package/dist/productDetails.scss +29 -2
  61. package/dist/profile.scss +19 -4
  62. package/dist/quantity-selector.scss +5 -4
  63. package/dist/quick-links.scss +277 -0
  64. package/dist/quotes.scss +11 -2
  65. package/dist/repeater-item.scss +26 -2
  66. package/dist/repeater.scss +60 -7
  67. package/dist/rfqs.scss +11 -2
  68. package/dist/scroll.scss +112 -47
  69. package/dist/search-results-heading.scss +282 -0
  70. package/dist/search.scss +84 -23
  71. package/dist/section.scss +25 -1
  72. package/dist/shareCartSideBar.scss +230 -0
  73. package/dist/shipping-estimator.scss +7 -3
  74. package/dist/social.scss +148 -38
  75. package/dist/sort.scss +11 -2
  76. package/dist/stack.scss +23 -3
  77. package/dist/static-text.scss +0 -1
  78. package/dist/store-locations.scss +887 -244
  79. package/dist/sub-category.scss +50 -19
  80. package/dist/tab-container-item.scss +80 -0
  81. package/dist/tab-container.scss +89 -0
  82. package/dist/tab-v2.scss +579 -0
  83. package/dist/table.scss +370 -91
  84. package/dist/tabs.scss +334 -74
  85. package/dist/text-temp-v2.scss +21 -9
  86. package/dist/types/builder/elements/add-order/index.d.ts +27 -0
  87. package/dist/types/builder/elements/create-form/index.d.ts +27 -0
  88. package/dist/types/builder/elements/form-builder/index.d.ts +2 -2
  89. package/dist/types/builder/elements/image/index.d.ts +13 -0
  90. package/dist/types/builder/enums/index.d.ts +5 -1
  91. package/dist/types/builder/index.d.ts +3 -1
  92. package/dist/types/builder/interfaces/global.d.ts +5 -0
  93. package/dist/types/builder/tools/element-edit/addOrder.d.ts +28 -0
  94. package/dist/types/builder/tools/element-edit/createForm.d.ts +15 -0
  95. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  96. package/dist/uom-selector.scss +1569 -383
  97. package/dist/variant-picker.scss +1593 -481
  98. package/dist/video.scss +212 -53
  99. package/dist/volume-pricing.scss +775 -196
  100. package/dist/widget.scss +14 -0
  101. package/package.json +1 -1
  102. package/dist/editor-core.scss +0 -537
  103. package/dist/tab-panel.scss +0 -93
  104. package/dist/text-editor.scss +0 -331
@@ -9,7 +9,7 @@
9
9
  // padding: var(--_lt-pg);
10
10
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
11
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
- margin: var(--_ctm-lt-mn, --_tst-lt-mn);
12
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
13
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
14
  // height: ;
15
15
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
@@ -44,87 +44,208 @@
44
44
  }
45
45
  }
46
46
  .text-element {
47
- color: var(--Gray-900, #101828);
48
- font-family: "Hanken Grotesk";
49
- font-size: 20px;
47
+ color: #333;
48
+ font-family: Lato;
49
+ font-size: 12px;
50
50
  font-style: normal;
51
- font-weight: 600;
52
- line-height: 150%; /* 30px */
53
- letter-spacing: -0.4px;
51
+ font-weight: 400;
52
+ line-height: 18px;
53
+ margin-bottom: 6px;
54
54
  }
55
55
  .uom__container {
56
- padding: var(--_ctm-lt-pg);
57
- border: 1px solid rgba(75, 69, 70, 1);
58
- border-radius: 20px;
56
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
57
+ // border: 1px solid rgba(75, 69, 70, 1);
58
+ // border-radius: 20px;
59
59
  .stack {
60
60
  display: flex;
61
61
  flex-direction: column;
62
62
  .static {
63
- margin-bottom: 10px;
64
- color: var(--_ctm-dn-um-te-se-cr);
65
- font-family: var(--_ctm-dn-um-te-se-ft-fy), sans-serif;
66
- font-size: var(--_ctm-dn-um-te-se-ft-se);
67
- font-weight: var(--_ctm-dn-um-te-se-ft-wt);
68
- font-style: var(--_ctm-dn-um-te-se-ft-se-ic);
69
- text-align: var(--_ctm-dn-um-te-se-tt-an);
70
- letter-spacing: var(--_ctm-dn-um-te-se-lr-sg);
71
- line-height: var(--_ctm-dn-um-te-se-le-ht);
72
- text-decoration: var(--_ctm-dn-um-te-se-ue);
63
+ color: var(
64
+ --_ctm-mob-dn-um-te-se-cr,
65
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
66
+ );
67
+ font-family: var(
68
+ --_ctm-mob-dn-um-te-se-ft-fy,
69
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
70
+ ),
71
+ sans-serif;
72
+ font-size: var(
73
+ --_ctm-mob-dn-um-te-se-ft-se,
74
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
75
+ );
76
+ font-weight: var(
77
+ --_ctm-mob-dn-um-te-se-ft-wt,
78
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
79
+ );
80
+ font-style: var(
81
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
82
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
83
+ );
84
+ text-align: var(
85
+ --_ctm-mob-dn-um-te-se-tt-an,
86
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
87
+ );
88
+ letter-spacing: var(
89
+ --_ctm-mob-dn-um-te-se-lr-sg,
90
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
91
+ );
92
+ line-height: var(
93
+ --_ctm-mob-dn-um-te-se-le-ht,
94
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
95
+ );
96
+ text-decoration: var(
97
+ --_ctm-mob-dn-um-te-se-ue,
98
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
99
+ );
73
100
  }
74
101
  .horizontal {
75
102
  display: flex;
76
103
  flex-direction: row;
77
- gap: var(--_ctm-lt-im-sg);
104
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
78
105
  .item {
79
106
  display: flex;
80
- align-items: var(--_ctm-dn-im-se-dt-se-ct-at);
107
+ align-items: center;
81
108
  justify-content: center;
82
109
  flex-direction: column;
83
110
  gap: 4px;
84
- padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
111
+ padding: var(
112
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
113
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
114
+ )
115
+ var(
116
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
117
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
118
+ );
85
119
  cursor: pointer;
86
- background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
120
+ background-color: var(
121
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
122
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
123
+ );
124
+
87
125
  border-color: var(
88
126
  --_show-border-im-se,
89
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
127
+ var(
128
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
129
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
130
+ )
90
131
  );
91
132
  border-style: var(
92
133
  --_show-border-im-se,
93
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
134
+ var(
135
+ --_ctm-mob-dn-im-se-dt-se-br-se,
136
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
137
+ )
94
138
  );
95
139
  border-width: var(
96
140
  --_show-border-im-se,
97
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
141
+ var(
142
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
143
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
144
+ )
98
145
  );
99
- border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
146
+ border-radius: var(
147
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
148
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
149
+ );
150
+
100
151
  box-shadow: var(
101
152
  --_show-shadow-im-se,
102
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
103
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
104
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
105
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
153
+ var(
154
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
155
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
156
+ )
157
+ var(
158
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
159
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
160
+ )
161
+ var(
162
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
163
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
164
+ )
165
+ var(
166
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
167
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
168
+ )
106
169
  );
170
+
107
171
  .each {
108
- color: var(--_ctm-dn-um-se-cr);
109
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
110
- font-size: var(--_ctm-dn-um-se-ft-se);
111
- font-weight: var(--_ctm-dn-um-se-ft-wt);
112
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
113
- text-align: var(--_ctm-dn-um-se-tt-an);
114
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
115
- line-height: var(--_ctm-dn-um-se-le-ht);
116
- text-decoration: var(--_ctm-dn-um-se-ue);
172
+ color: var(
173
+ --_ctm-mob-dn-um-se-cr,
174
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
175
+ );
176
+ font-family: var(
177
+ --_ctm-mob-dn-um-se-ft-fy,
178
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
179
+ ),
180
+ sans-serif;
181
+ font-size: var(
182
+ --_ctm-mob-dn-um-se-ft-se,
183
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
184
+ );
185
+ font-weight: var(
186
+ --_ctm-mob-dn-um-se-ft-wt,
187
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
188
+ );
189
+ font-style: var(
190
+ --_ctm-mob-dn-um-se-ft-se-ic,
191
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
192
+ );
193
+ text-align: var(
194
+ --_ctm-mob-dn-um-se-tt-an,
195
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
196
+ );
197
+ letter-spacing: var(
198
+ --_ctm-mob-dn-um-se-lr-sg,
199
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
200
+ );
201
+ line-height: var(
202
+ --_ctm-mob-dn-um-se-le-ht,
203
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
204
+ );
205
+ text-decoration: var(
206
+ --_ctm-mob-dn-um-se-ue,
207
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
208
+ );
117
209
  }
210
+
118
211
  .price {
119
- color: var(--_ctm-dn-pt-pe-cr);
120
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
121
- font-size: var(--_ctm-dn-pt-pe-ft-se);
122
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
123
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
124
- text-align: var(--_ctm-dn-pt-pe-tt-an);
125
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
126
- line-height: var(--_ctm-dn-pt-pe-le-ht);
127
- text-decoration: var(--_ctm-dn-pt-pe-ue);
212
+ color: var(
213
+ --_ctm-mob-dn-pt-pe-cr,
214
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
215
+ );
216
+ font-family: var(
217
+ --_ctm-mob-dn-pt-pe-ft-fy,
218
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
219
+ ),
220
+ sans-serif;
221
+ font-size: var(
222
+ --_ctm-mob-dn-pt-pe-ft-se,
223
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
224
+ );
225
+ font-weight: var(
226
+ --_ctm-mob-dn-pt-pe-ft-wt,
227
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
228
+ );
229
+ font-style: var(
230
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
231
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
232
+ );
233
+ text-align: var(
234
+ --_ctm-mob-dn-pt-pe-tt-an,
235
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
236
+ );
237
+ letter-spacing: var(
238
+ --_ctm-mob-dn-pt-pe-lr-sg,
239
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
240
+ );
241
+ line-height: var(
242
+ --_ctm-mob-dn-pt-pe-le-ht,
243
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
244
+ );
245
+ text-decoration: var(
246
+ --_ctm-mob-dn-pt-pe-ue,
247
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
248
+ );
128
249
  }
129
250
  .off__price {
130
251
  font-size: 12px;
@@ -133,90 +254,278 @@
133
254
  gap: 10px;
134
255
  align-items: center;
135
256
  .offer__price {
136
- color: var(--_ctm-dn-ss-cr);
137
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
138
- font-size: var(--_ctm-dn-ss-ft-se);
139
- font-weight: var(--_ctm-dn-ss-ft-wt);
140
- font-style: var(--_ctm-dn-ss-ft-se-ic);
141
- text-align: var(--_ctm-dn-ss-tt-an);
142
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
143
- line-height: var(--_ctm-dn-ss-le-ht);
144
- text-decoration: var(--_ctm-dn-ss-ue);
257
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
258
+ font-family: var(
259
+ --_ctm-mob-dn-ss-ft-fy,
260
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
261
+ ),
262
+ sans-serif;
263
+ font-size: var(
264
+ --_ctm-mob-dn-ss-ft-se,
265
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
266
+ );
267
+ font-weight: var(
268
+ --_ctm-mob-dn-ss-ft-wt,
269
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
270
+ );
271
+ font-style: var(
272
+ --_ctm-mob-dn-ss-ft-se-ic,
273
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
274
+ );
275
+ text-align: var(
276
+ --_ctm-mob-dn-ss-tt-an,
277
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
278
+ );
279
+ letter-spacing: var(
280
+ --_ctm-mob-dn-ss-lr-sg,
281
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
282
+ );
283
+ line-height: var(
284
+ --_ctm-mob-dn-ss-le-ht,
285
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
286
+ );
287
+ text-decoration: var(
288
+ --_ctm-mob-dn-ss-ue,
289
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
290
+ );
145
291
  }
292
+
146
293
  .discount__price {
147
- color: var(--_ctm-dn-al-pe-cr);
148
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
149
- font-size: var(--_ctm-dn-al-pe-ft-se);
150
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
151
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
152
- text-align: var(--_ctm-dn-al-pe-tt-an);
153
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
154
- line-height: var(--_ctm-dn-al-pe-le-ht);
155
- text-decoration: var(--_ctm-dn-al-pe-ue);
294
+ color: var(
295
+ --_ctm-mob-dn-al-pe-cr,
296
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
297
+ );
298
+ font-family: var(
299
+ --_ctm-mob-dn-al-pe-ft-fy,
300
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
301
+ ),
302
+ sans-serif;
303
+ font-size: var(
304
+ --_ctm-mob-dn-al-pe-ft-se,
305
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
306
+ );
307
+ font-weight: var(
308
+ --_ctm-mob-dn-al-pe-ft-wt,
309
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
310
+ );
311
+ font-style: var(
312
+ --_ctm-mob-dn-al-pe-ft-se-ic,
313
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
314
+ );
315
+ text-align: var(
316
+ --_ctm-mob-dn-al-pe-tt-an,
317
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
318
+ );
319
+ letter-spacing: var(
320
+ --_ctm-mob-dn-al-pe-lr-sg,
321
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
322
+ );
323
+ line-height: var(
324
+ --_ctm-mob-dn-al-pe-le-ht,
325
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
326
+ );
327
+ text-decoration: var(
328
+ --_ctm-mob-dn-al-pe-ue,
329
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
330
+ );
156
331
  }
157
332
  }
333
+
158
334
  .units {
159
- color: var(--_ctm-dn-pe-pr-ut-cr);
160
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
161
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
162
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
163
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
164
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
165
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
166
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
167
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
335
+ color: var(
336
+ --_ctm-mob-dn-pe-pr-ut-cr,
337
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
338
+ );
339
+ font-family: var(
340
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
341
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
342
+ ),
343
+ sans-serif;
344
+ font-size: var(
345
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
346
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
347
+ );
348
+ font-weight: var(
349
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
350
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
351
+ );
352
+ font-style: var(
353
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
354
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
355
+ );
356
+ text-align: var(
357
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
358
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
359
+ );
360
+ letter-spacing: var(
361
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
362
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
363
+ );
364
+ line-height: var(
365
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
366
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
367
+ );
368
+ text-decoration: var(
369
+ --_ctm-mob-dn-pe-pr-ut-ue,
370
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
371
+ );
168
372
  }
169
373
  }
170
374
  .active {
171
375
  display: flex;
172
- align-items: var(--_ctm-dn-im-se-sd-se-ct-at);
376
+
377
+ align-items: var(
378
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
379
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
380
+ );
381
+
173
382
  justify-content: center;
174
383
  flex-direction: column;
175
384
  gap: 4px;
176
- padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
385
+
386
+ padding: var(
387
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
388
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
389
+ )
390
+ var(
391
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
392
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
393
+ );
394
+
177
395
  cursor: pointer;
178
- background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
396
+
397
+ background-color: var(
398
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
399
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
400
+ );
401
+
179
402
  border-color: var(
180
403
  --_show-border-im-se,
181
- var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
404
+ var(
405
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
406
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
407
+ )
182
408
  );
409
+
183
410
  border-style: var(
184
411
  --_show-border-im-se,
185
- var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
412
+ var(
413
+ --_ctm-mob-dn-im-se-sd-se-br-se,
414
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
415
+ )
186
416
  );
417
+
187
418
  border-width: var(
188
419
  --_show-border-im-se,
189
- var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
420
+ var(
421
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
422
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
423
+ )
424
+ );
425
+
426
+ border-radius: var(
427
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
428
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
190
429
  );
191
- border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
430
+
192
431
  box-shadow: var(
193
432
  --_show-shadow-im-se,
194
- var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
195
- var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
196
- var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
197
- var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
433
+ var(
434
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
435
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
436
+ )
437
+ var(
438
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
439
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
440
+ )
441
+ var(
442
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
443
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
444
+ )
445
+ var(
446
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
447
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
448
+ )
198
449
  );
450
+
199
451
  .each {
200
- color: var(--_ctm-dn-um-se-cr);
201
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
202
- font-size: var(--_ctm-dn-um-se-ft-se);
203
- font-weight: var(--_ctm-dn-um-se-ft-wt);
204
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
205
- text-align: var(--_ctm-dn-um-se-tt-an);
206
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
207
- line-height: var(--_ctm-dn-um-se-le-ht);
208
- text-decoration: var(--_ctm-dn-um-se-ue);
452
+ color: var(
453
+ --_ctm-mob-dn-um-se-cr,
454
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
455
+ );
456
+ font-family: var(
457
+ --_ctm-mob-dn-um-se-ft-fy,
458
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
459
+ ),
460
+ sans-serif;
461
+ font-size: var(
462
+ --_ctm-mob-dn-um-se-ft-se,
463
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
464
+ );
465
+ font-weight: var(
466
+ --_ctm-mob-dn-um-se-ft-wt,
467
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
468
+ );
469
+ font-style: var(
470
+ --_ctm-mob-dn-um-se-ft-se-ic,
471
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
472
+ );
473
+ text-align: var(
474
+ --_ctm-mob-dn-um-se-tt-an,
475
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
476
+ );
477
+ letter-spacing: var(
478
+ --_ctm-mob-dn-um-se-lr-sg,
479
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
480
+ );
481
+ line-height: var(
482
+ --_ctm-mob-dn-um-se-le-ht,
483
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
484
+ );
485
+ text-decoration: var(
486
+ --_ctm-mob-dn-um-se-ue,
487
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
488
+ );
209
489
  }
490
+
210
491
  .price {
211
- color: var(--_ctm-dn-pt-pe-cr);
212
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
213
- font-size: var(--_ctm-dn-pt-pe-ft-se);
214
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
215
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
216
- text-align: var(--_ctm-dn-pt-pe-tt-an);
217
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
218
- line-height: var(--_ctm-dn-pt-pe-le-ht);
219
- text-decoration: var(--_ctm-dn-pt-pe-ue);
492
+ color: var(
493
+ --_ctm-mob-dn-pt-pe-cr,
494
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
495
+ );
496
+ font-family: var(
497
+ --_ctm-mob-dn-pt-pe-ft-fy,
498
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
499
+ ),
500
+ sans-serif;
501
+ font-size: var(
502
+ --_ctm-mob-dn-pt-pe-ft-se,
503
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
504
+ );
505
+ font-weight: var(
506
+ --_ctm-mob-dn-pt-pe-ft-wt,
507
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
508
+ );
509
+ font-style: var(
510
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
511
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
512
+ );
513
+ text-align: var(
514
+ --_ctm-mob-dn-pt-pe-tt-an,
515
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
516
+ );
517
+ letter-spacing: var(
518
+ --_ctm-mob-dn-pt-pe-lr-sg,
519
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
520
+ );
521
+ line-height: var(
522
+ --_ctm-mob-dn-pt-pe-le-ht,
523
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
524
+ );
525
+ text-decoration: var(
526
+ --_ctm-mob-dn-pt-pe-ue,
527
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
528
+ );
220
529
  }
221
530
  .off__price {
222
531
  font-size: 12px;
@@ -225,38 +534,120 @@
225
534
  gap: 10px;
226
535
  align-items: center;
227
536
  .offer__price {
228
- color: var(--_ctm-dn-ss-cr);
229
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
230
- font-size: var(--_ctm-dn-ss-ft-se);
231
- font-weight: var(--_ctm-dn-ss-ft-wt);
232
- font-style: var(--_ctm-dn-ss-ft-se-ic);
233
- text-align: var(--_ctm-dn-ss-tt-an);
234
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
235
- line-height: var(--_ctm-dn-ss-le-ht);
236
- text-decoration: var(--_ctm-dn-ss-ue);
537
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
538
+ font-family: var(
539
+ --_ctm-mob-dn-ss-ft-fy,
540
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
541
+ ),
542
+ sans-serif;
543
+ font-size: var(
544
+ --_ctm-mob-dn-ss-ft-se,
545
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
546
+ );
547
+ font-weight: var(
548
+ --_ctm-mob-dn-ss-ft-wt,
549
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
550
+ );
551
+ font-style: var(
552
+ --_ctm-mob-dn-ss-ft-se-ic,
553
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
554
+ );
555
+ text-align: var(
556
+ --_ctm-mob-dn-ss-tt-an,
557
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
558
+ );
559
+ letter-spacing: var(
560
+ --_ctm-mob-dn-ss-lr-sg,
561
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
562
+ );
563
+ line-height: var(
564
+ --_ctm-mob-dn-ss-le-ht,
565
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
566
+ );
567
+ text-decoration: var(
568
+ --_ctm-mob-dn-ss-ue,
569
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
570
+ );
237
571
  }
572
+
238
573
  .discount__price {
239
- color: var(--_ctm-dn-al-pe-cr);
240
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
241
- font-size: var(--_ctm-dn-al-pe-ft-se);
242
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
243
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
244
- text-align: var(--_ctm-dn-al-pe-tt-an);
245
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
246
- line-height: var(--_ctm-dn-al-pe-le-ht);
247
- text-decoration: var(--_ctm-dn-al-pe-ue);
574
+ color: var(
575
+ --_ctm-mob-dn-al-pe-cr,
576
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
577
+ );
578
+ font-family: var(
579
+ --_ctm-mob-dn-al-pe-ft-fy,
580
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
581
+ ),
582
+ sans-serif;
583
+ font-size: var(
584
+ --_ctm-mob-dn-al-pe-ft-se,
585
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
586
+ );
587
+ font-weight: var(
588
+ --_ctm-mob-dn-al-pe-ft-wt,
589
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
590
+ );
591
+ font-style: var(
592
+ --_ctm-mob-dn-al-pe-ft-se-ic,
593
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
594
+ );
595
+ text-align: var(
596
+ --_ctm-mob-dn-al-pe-tt-an,
597
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
598
+ );
599
+ letter-spacing: var(
600
+ --_ctm-mob-dn-al-pe-lr-sg,
601
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
602
+ );
603
+ line-height: var(
604
+ --_ctm-mob-dn-al-pe-le-ht,
605
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
606
+ );
607
+ text-decoration: var(
608
+ --_ctm-mob-dn-al-pe-ue,
609
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
610
+ );
248
611
  }
249
612
  }
250
613
  .units {
251
- color: var(--_ctm-dn-pe-pr-ut-cr);
252
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
253
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
254
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
255
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
256
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
257
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
258
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
259
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
614
+ color: var(
615
+ --_ctm-mob-dn-pe-pr-ut-cr,
616
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
617
+ );
618
+ font-family: var(
619
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
620
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
621
+ ),
622
+ sans-serif;
623
+ font-size: var(
624
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
625
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
626
+ );
627
+ font-weight: var(
628
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
629
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
630
+ );
631
+ font-style: var(
632
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
633
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
634
+ );
635
+ text-align: var(
636
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
637
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
638
+ );
639
+ letter-spacing: var(
640
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
641
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
642
+ );
643
+ line-height: var(
644
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
645
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
646
+ );
647
+ text-decoration: var(
648
+ --_ctm-mob-dn-pe-pr-ut-ue,
649
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
650
+ );
260
651
  }
261
652
  }
262
653
  }
@@ -268,62 +659,182 @@
268
659
  display: flex;
269
660
  align-items: var(--_ctm-dn-im-se-dt-se-ct-at);
270
661
  justify-content: space-between;
271
- padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
662
+ padding: var(
663
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
664
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
665
+ )
666
+ var(
667
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
668
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
669
+ );
272
670
  cursor: pointer;
273
- background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
671
+ background-color: var(
672
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
673
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
674
+ );
675
+
274
676
  border-color: var(
275
677
  --_show-border-im-se,
276
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
678
+ var(
679
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
680
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
681
+ )
277
682
  );
278
683
  border-style: var(
279
684
  --_show-border-im-se,
280
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
685
+ var(
686
+ --_ctm-mob-dn-im-se-dt-se-br-se,
687
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
688
+ )
281
689
  );
282
690
  border-width: var(
283
691
  --_show-border-im-se,
284
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
692
+ var(
693
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
694
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
695
+ )
285
696
  );
286
- border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
697
+ border-radius: var(
698
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
699
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
700
+ );
701
+
287
702
  box-shadow: var(
288
703
  --_show-shadow-im-se,
289
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
290
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
291
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
292
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
704
+ var(
705
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
706
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
707
+ )
708
+ var(
709
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
710
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
711
+ )
712
+ var(
713
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
714
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
715
+ )
716
+ var(
717
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
718
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
719
+ )
293
720
  );
294
721
  .text {
295
- color: var(--_ctm-dn-um-se-cr);
296
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
297
- font-size: var(--_ctm-dn-um-se-ft-se);
298
- font-weight: var(--_ctm-dn-um-se-ft-wt);
299
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
300
- text-align: var(--_ctm-dn-um-se-tt-an);
301
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
302
- line-height: var(--_ctm-dn-um-se-le-ht);
303
- text-decoration: var(--_ctm-dn-um-se-ue);
722
+ color: var(
723
+ --_ctm-mob-dn-um-se-cr,
724
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
725
+ );
726
+ font-family: var(
727
+ --_ctm-mob-dn-um-se-ft-fy,
728
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
729
+ ),
730
+ sans-serif;
731
+ font-size: var(
732
+ --_ctm-mob-dn-um-se-ft-se,
733
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
734
+ );
735
+ font-weight: var(
736
+ --_ctm-mob-dn-um-se-ft-wt,
737
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
738
+ );
739
+ font-style: var(
740
+ --_ctm-mob-dn-um-se-ft-se-ic,
741
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
742
+ );
743
+ text-align: var(
744
+ --_ctm-mob-dn-um-se-tt-an,
745
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
746
+ );
747
+ letter-spacing: var(
748
+ --_ctm-mob-dn-um-se-lr-sg,
749
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
750
+ );
751
+ line-height: var(
752
+ --_ctm-mob-dn-um-se-le-ht,
753
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
754
+ );
755
+ text-decoration: var(
756
+ --_ctm-mob-dn-um-se-ue,
757
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
758
+ );
304
759
  }
305
760
  .off__price {
306
761
  .hilight__price {
307
- color: var(--_ctm-dn-pt-pe-cr);
308
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
309
- font-size: var(--_ctm-dn-pt-pe-ft-se);
310
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
311
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
312
- text-align: var(--_ctm-dn-pt-pe-tt-an);
313
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
314
- line-height: var(--_ctm-dn-pt-pe-le-ht);
315
- text-decoration: var(--_ctm-dn-pt-pe-ue);
762
+ color: var(
763
+ --_ctm-mob-dn-pt-pe-cr,
764
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
765
+ );
766
+ font-family: var(
767
+ --_ctm-mob-dn-pt-pe-ft-fy,
768
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
769
+ ),
770
+ sans-serif;
771
+ font-size: var(
772
+ --_ctm-mob-dn-pt-pe-ft-se,
773
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
774
+ );
775
+ font-weight: var(
776
+ --_ctm-mob-dn-pt-pe-ft-wt,
777
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
778
+ );
779
+ font-style: var(
780
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
781
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
782
+ );
783
+ text-align: var(
784
+ --_ctm-mob-dn-pt-pe-tt-an,
785
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
786
+ );
787
+ letter-spacing: var(
788
+ --_ctm-mob-dn-pt-pe-lr-sg,
789
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
790
+ );
791
+ line-height: var(
792
+ --_ctm-mob-dn-pt-pe-le-ht,
793
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
794
+ );
795
+ text-decoration: var(
796
+ --_ctm-mob-dn-pt-pe-ue,
797
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
798
+ );
316
799
  }
317
800
  .secondary__price {
318
- color: var(--_ctm-dn-pe-pr-ut-cr);
319
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
320
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
321
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
322
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
323
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
324
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
325
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
326
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
801
+ color: var(
802
+ --_ctm-mob-dn-pe-pr-ut-cr,
803
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
804
+ );
805
+ font-family: var(
806
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
807
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
808
+ ),
809
+ sans-serif;
810
+ font-size: var(
811
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
812
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
813
+ );
814
+ font-weight: var(
815
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
816
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
817
+ );
818
+ font-style: var(
819
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
820
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
821
+ );
822
+ text-align: var(
823
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
824
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
825
+ );
826
+ letter-spacing: var(
827
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
828
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
829
+ );
830
+ line-height: var(
831
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
832
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
833
+ );
834
+ text-decoration: var(
835
+ --_ctm-mob-dn-pe-pr-ut-ue,
836
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
837
+ );
327
838
  }
328
839
  }
329
840
  .discount__price {
@@ -331,89 +842,276 @@
331
842
  justify-content: space-around;
332
843
  gap: 10px;
333
844
  .price {
334
- color: var(--_ctm-dn-al-pe-cr);
335
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
336
- font-size: var(--_ctm-dn-al-pe-ft-se);
337
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
338
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
339
- text-align: var(--_ctm-dn-al-pe-tt-an);
340
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
341
- line-height: var(--_ctm-dn-al-pe-le-ht);
342
- text-decoration: var(--_ctm-dn-al-pe-ue);
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
+ sans-serif;
854
+ font-size: var(
855
+ --_ctm-mob-dn-al-pe-ft-se,
856
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
857
+ );
858
+ font-weight: var(
859
+ --_ctm-mob-dn-al-pe-ft-wt,
860
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
861
+ );
862
+ font-style: var(
863
+ --_ctm-mob-dn-al-pe-ft-se-ic,
864
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
865
+ );
866
+ text-align: var(
867
+ --_ctm-mob-dn-al-pe-tt-an,
868
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
869
+ );
870
+ letter-spacing: var(
871
+ --_ctm-mob-dn-al-pe-lr-sg,
872
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
873
+ );
874
+ line-height: var(
875
+ --_ctm-mob-dn-al-pe-le-ht,
876
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
877
+ );
878
+ text-decoration: var(
879
+ --_ctm-mob-dn-al-pe-ue,
880
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
881
+ );
343
882
  }
344
883
  .save__price {
345
- color: var(--_ctm-dn-ss-cr);
346
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
347
- font-size: var(--_ctm-dn-ss-ft-se);
348
- font-weight: var(--_ctm-dn-ss-ft-wt);
349
- font-style: var(--_ctm-dn-ss-ft-se-ic);
350
- text-align: var(--_ctm-dn-ss-tt-an);
351
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
352
- line-height: var(--_ctm-dn-ss-le-ht);
353
- text-decoration: var(--_ctm-dn-ss-ue);
884
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
885
+ font-family: var(
886
+ --_ctm-mob-dn-ss-ft-fy,
887
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
888
+ ),
889
+ sans-serif;
890
+ font-size: var(
891
+ --_ctm-mob-dn-ss-ft-se,
892
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
893
+ );
894
+ font-weight: var(
895
+ --_ctm-mob-dn-ss-ft-wt,
896
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
897
+ );
898
+ font-style: var(
899
+ --_ctm-mob-dn-ss-ft-se-ic,
900
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
901
+ );
902
+ text-align: var(
903
+ --_ctm-mob-dn-ss-tt-an,
904
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
905
+ );
906
+ letter-spacing: var(
907
+ --_ctm-mob-dn-ss-lr-sg,
908
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
909
+ );
910
+ line-height: var(
911
+ --_ctm-mob-dn-ss-le-ht,
912
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
913
+ );
914
+ text-decoration: var(
915
+ --_ctm-mob-dn-ss-ue,
916
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
917
+ );
354
918
  }
355
919
  }
356
920
  }
357
921
  .active {
358
922
  display: flex;
359
- align-items: var(--_ctm-dn-im-se-sd-se-ct-at);
360
- justify-content: space-between;
361
- padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
923
+
924
+ align-items: var(
925
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
926
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
927
+ );
928
+
929
+ justify-content: center;
930
+ flex-direction: column;
931
+ gap: 4px;
932
+
933
+ padding: var(
934
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
935
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
936
+ )
937
+ var(
938
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
939
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
940
+ );
941
+
362
942
  cursor: pointer;
363
- background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
943
+
944
+ background-color: var(
945
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
946
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
947
+ );
948
+
364
949
  border-color: var(
365
950
  --_show-border-im-se,
366
- var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
951
+ var(
952
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
953
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
954
+ )
367
955
  );
956
+
368
957
  border-style: var(
369
958
  --_show-border-im-se,
370
- var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
959
+ var(
960
+ --_ctm-mob-dn-im-se-sd-se-br-se,
961
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
962
+ )
371
963
  );
964
+
372
965
  border-width: var(
373
966
  --_show-border-im-se,
374
- var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
967
+ var(
968
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
969
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
970
+ )
375
971
  );
376
- border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
972
+
973
+ border-radius: var(
974
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
975
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
976
+ );
977
+
377
978
  box-shadow: var(
378
979
  --_show-shadow-im-se,
379
- var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
380
- var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
381
- var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
382
- var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
980
+ var(
981
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
982
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
983
+ )
984
+ var(
985
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
986
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
987
+ )
988
+ var(
989
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
990
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
991
+ )
992
+ var(
993
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
994
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
995
+ )
383
996
  );
997
+
384
998
  .text {
385
- color: var(--_ctm-dn-um-se-cr);
386
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
387
- font-size: var(--_ctm-dn-um-se-ft-se);
388
- font-weight: var(--_ctm-dn-um-se-ft-wt);
389
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
390
- text-align: var(--_ctm-dn-um-se-tt-an);
391
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
392
- line-height: var(--_ctm-dn-um-se-le-ht);
393
- text-decoration: var(--_ctm-dn-um-se-ue);
999
+ color: var(
1000
+ --_ctm-mob-dn-um-se-cr,
1001
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1002
+ );
1003
+ font-family: var(
1004
+ --_ctm-mob-dn-um-se-ft-fy,
1005
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1006
+ ),
1007
+ sans-serif;
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
+ );
394
1036
  }
395
1037
  .off__price {
396
1038
  .hilight__price {
397
- color: var(--_ctm-dn-pt-pe-cr);
398
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
399
- font-size: var(--_ctm-dn-pt-pe-ft-se);
400
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
401
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
402
- text-align: var(--_ctm-dn-pt-pe-tt-an);
403
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
404
- line-height: var(--_ctm-dn-pt-pe-le-ht);
405
- text-decoration: var(--_ctm-dn-pt-pe-ue);
1039
+ color: var(
1040
+ --_ctm-mob-dn-pt-pe-cr,
1041
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1042
+ );
1043
+ font-family: var(
1044
+ --_ctm-mob-dn-pt-pe-ft-fy,
1045
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1046
+ ),
1047
+ sans-serif;
1048
+ font-size: var(
1049
+ --_ctm-mob-dn-pt-pe-ft-se,
1050
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1051
+ );
1052
+ font-weight: var(
1053
+ --_ctm-mob-dn-pt-pe-ft-wt,
1054
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1055
+ );
1056
+ font-style: var(
1057
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1058
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1059
+ );
1060
+ text-align: var(
1061
+ --_ctm-mob-dn-pt-pe-tt-an,
1062
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1063
+ );
1064
+ letter-spacing: var(
1065
+ --_ctm-mob-dn-pt-pe-lr-sg,
1066
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1067
+ );
1068
+ line-height: var(
1069
+ --_ctm-mob-dn-pt-pe-le-ht,
1070
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1071
+ );
1072
+ text-decoration: var(
1073
+ --_ctm-mob-dn-pt-pe-ue,
1074
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1075
+ );
406
1076
  }
407
1077
  .secondary__price {
408
- color: var(--_ctm-dn-pe-pr-ut-cr);
409
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
410
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
411
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
412
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
413
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
414
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
415
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
416
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
1078
+ color: var(
1079
+ --_ctm-mob-dn-pe-pr-ut-cr,
1080
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1081
+ );
1082
+ font-family: var(
1083
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1084
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1085
+ ),
1086
+ sans-serif;
1087
+ font-size: var(
1088
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1089
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1090
+ );
1091
+ font-weight: var(
1092
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1093
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1094
+ );
1095
+ font-style: var(
1096
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1097
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1098
+ );
1099
+ text-align: var(
1100
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1101
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1102
+ );
1103
+ letter-spacing: var(
1104
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1105
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1106
+ );
1107
+ line-height: var(
1108
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1109
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1110
+ );
1111
+ text-decoration: var(
1112
+ --_ctm-mob-dn-pe-pr-ut-ue,
1113
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1114
+ );
417
1115
  }
418
1116
  }
419
1117
  .discount__price {
@@ -421,26 +1119,79 @@
421
1119
  justify-content: space-around;
422
1120
  gap: 10px;
423
1121
  .price {
424
- color: var(--_ctm-dn-al-pe-cr);
425
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
426
- font-size: var(--_ctm-dn-al-pe-ft-se);
427
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
428
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
429
- text-align: var(--_ctm-dn-al-pe-tt-an);
430
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
431
- line-height: var(--_ctm-dn-al-pe-le-ht);
432
- text-decoration: var(--_ctm-dn-al-pe-ue);
1122
+ color: var(
1123
+ --_ctm-mob-dn-al-pe-cr,
1124
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1125
+ );
1126
+ font-family: var(
1127
+ --_ctm-mob-dn-al-pe-ft-fy,
1128
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1129
+ ),
1130
+ sans-serif;
1131
+ font-size: var(
1132
+ --_ctm-mob-dn-al-pe-ft-se,
1133
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1134
+ );
1135
+ font-weight: var(
1136
+ --_ctm-mob-dn-al-pe-ft-wt,
1137
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1138
+ );
1139
+ font-style: var(
1140
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1141
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1142
+ );
1143
+ text-align: var(
1144
+ --_ctm-mob-dn-al-pe-tt-an,
1145
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1146
+ );
1147
+ letter-spacing: var(
1148
+ --_ctm-mob-dn-al-pe-lr-sg,
1149
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1150
+ );
1151
+ line-height: var(
1152
+ --_ctm-mob-dn-al-pe-le-ht,
1153
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1154
+ );
1155
+ text-decoration: var(
1156
+ --_ctm-mob-dn-al-pe-ue,
1157
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1158
+ );
433
1159
  }
434
1160
  .save__price {
435
- color: var(--_ctm-dn-ss-cr);
436
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
437
- font-size: var(--_ctm-dn-ss-ft-se);
438
- font-weight: var(--_ctm-dn-ss-ft-wt);
439
- font-style: var(--_ctm-dn-ss-ft-se-ic);
440
- text-align: var(--_ctm-dn-ss-tt-an);
441
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
442
- line-height: var(--_ctm-dn-ss-le-ht);
443
- text-decoration: var(--_ctm-dn-ss-ue);
1161
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1162
+ font-family: var(
1163
+ --_ctm-mob-dn-ss-ft-fy,
1164
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1165
+ ),
1166
+ sans-serif;
1167
+ font-size: var(
1168
+ --_ctm-mob-dn-ss-ft-se,
1169
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1170
+ );
1171
+ font-weight: var(
1172
+ --_ctm-mob-dn-ss-ft-wt,
1173
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1174
+ );
1175
+ font-style: var(
1176
+ --_ctm-mob-dn-ss-ft-se-ic,
1177
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1178
+ );
1179
+ text-align: var(
1180
+ --_ctm-mob-dn-ss-tt-an,
1181
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1182
+ );
1183
+ letter-spacing: var(
1184
+ --_ctm-mob-dn-ss-lr-sg,
1185
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1186
+ );
1187
+ line-height: var(
1188
+ --_ctm-mob-dn-ss-le-ht,
1189
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1190
+ );
1191
+ text-decoration: var(
1192
+ --_ctm-mob-dn-ss-ue,
1193
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1194
+ );
444
1195
  }
445
1196
  }
446
1197
  }
@@ -485,26 +1236,82 @@
485
1236
  );
486
1237
  cursor: pointer;
487
1238
  .each {
488
- color: var(--_ctm-dn-um-se-cr);
489
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
490
- font-size: var(--_ctm-dn-um-se-ft-se);
491
- font-weight: var(--_ctm-dn-um-se-ft-wt);
492
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
493
- text-align: var(--_ctm-dn-um-se-tt-an);
494
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
495
- line-height: var(--_ctm-dn-um-se-le-ht);
496
- text-decoration: var(--_ctm-dn-um-se-ue);
1239
+ color: var(
1240
+ --_ctm-mob-dn-um-se-cr,
1241
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1242
+ );
1243
+ font-family: var(
1244
+ --_ctm-mob-dn-um-se-ft-fy,
1245
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1246
+ ),
1247
+ sans-serif;
1248
+ font-size: var(
1249
+ --_ctm-mob-dn-um-se-ft-se,
1250
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1251
+ );
1252
+ font-weight: var(
1253
+ --_ctm-mob-dn-um-se-ft-wt,
1254
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1255
+ );
1256
+ font-style: var(
1257
+ --_ctm-mob-dn-um-se-ft-se-ic,
1258
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1259
+ );
1260
+ text-align: var(
1261
+ --_ctm-mob-dn-um-se-tt-an,
1262
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1263
+ );
1264
+ letter-spacing: var(
1265
+ --_ctm-mob-dn-um-se-lr-sg,
1266
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1267
+ );
1268
+ line-height: var(
1269
+ --_ctm-mob-dn-um-se-le-ht,
1270
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1271
+ );
1272
+ text-decoration: var(
1273
+ --_ctm-mob-dn-um-se-ue,
1274
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1275
+ );
497
1276
  }
498
1277
  .price {
499
- color: var(--_ctm-dn-pt-pe-cr);
500
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
501
- font-size: var(--_ctm-dn-pt-pe-ft-se);
502
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
503
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
504
- text-align: var(--_ctm-dn-pt-pe-tt-an);
505
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
506
- line-height: var(--_ctm-dn-pt-pe-le-ht);
507
- text-decoration: var(--_ctm-dn-pt-pe-ue);
1278
+ color: var(
1279
+ --_ctm-mob-dn-pt-pe-cr,
1280
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1281
+ );
1282
+ font-family: var(
1283
+ --_ctm-mob-dn-pt-pe-ft-fy,
1284
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1285
+ ),
1286
+ sans-serif;
1287
+ font-size: var(
1288
+ --_ctm-mob-dn-pt-pe-ft-se,
1289
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1290
+ );
1291
+ font-weight: var(
1292
+ --_ctm-mob-dn-pt-pe-ft-wt,
1293
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1294
+ );
1295
+ font-style: var(
1296
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1297
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1298
+ );
1299
+ text-align: var(
1300
+ --_ctm-mob-dn-pt-pe-tt-an,
1301
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1302
+ );
1303
+ letter-spacing: var(
1304
+ --_ctm-mob-dn-pt-pe-lr-sg,
1305
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1306
+ );
1307
+ line-height: var(
1308
+ --_ctm-mob-dn-pt-pe-le-ht,
1309
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1310
+ );
1311
+ text-decoration: var(
1312
+ --_ctm-mob-dn-pt-pe-ue,
1313
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1314
+ );
508
1315
  }
509
1316
  .off__price {
510
1317
  font-size: 12px;
@@ -513,91 +1320,275 @@
513
1320
  gap: 10px;
514
1321
  align-items: center;
515
1322
  .offer__price {
516
- color: var(--_ctm-dn-ss-cr);
517
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
518
- font-size: var(--_ctm-dn-ss-ft-se);
519
- font-weight: var(--_ctm-dn-ss-ft-wt);
520
- font-style: var(--_ctm-dn-ss-ft-se-ic);
521
- text-align: var(--_ctm-dn-ss-tt-an);
522
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
523
- line-height: var(--_ctm-dn-ss-le-ht);
524
- text-decoration: var(--_ctm-dn-ss-ue);
1323
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1324
+ font-family: var(
1325
+ --_ctm-mob-dn-ss-ft-fy,
1326
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1327
+ ),
1328
+ sans-serif;
1329
+ font-size: var(
1330
+ --_ctm-mob-dn-ss-ft-se,
1331
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1332
+ );
1333
+ font-weight: var(
1334
+ --_ctm-mob-dn-ss-ft-wt,
1335
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1336
+ );
1337
+ font-style: var(
1338
+ --_ctm-mob-dn-ss-ft-se-ic,
1339
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1340
+ );
1341
+ text-align: var(
1342
+ --_ctm-mob-dn-ss-tt-an,
1343
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1344
+ );
1345
+ letter-spacing: var(
1346
+ --_ctm-mob-dn-ss-lr-sg,
1347
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1348
+ );
1349
+ line-height: var(
1350
+ --_ctm-mob-dn-ss-le-ht,
1351
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1352
+ );
1353
+ text-decoration: var(
1354
+ --_ctm-mob-dn-ss-ue,
1355
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1356
+ );
525
1357
  }
526
1358
  .discount__price {
527
- color: var(--_ctm-dn-al-pe-cr);
528
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
529
- font-size: var(--_ctm-dn-al-pe-ft-se);
530
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
531
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
532
- text-align: var(--_ctm-dn-al-pe-tt-an);
533
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
534
- line-height: var(--_ctm-dn-al-pe-le-ht);
535
- text-decoration: var(--_ctm-dn-al-pe-ue);
1359
+ color: var(
1360
+ --_ctm-mob-dn-al-pe-cr,
1361
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1362
+ );
1363
+ font-family: var(
1364
+ --_ctm-mob-dn-al-pe-ft-fy,
1365
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1366
+ ),
1367
+ sans-serif;
1368
+ font-size: var(
1369
+ --_ctm-mob-dn-al-pe-ft-se,
1370
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1371
+ );
1372
+ font-weight: var(
1373
+ --_ctm-mob-dn-al-pe-ft-wt,
1374
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1375
+ );
1376
+ font-style: var(
1377
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1378
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1379
+ );
1380
+ text-align: var(
1381
+ --_ctm-mob-dn-al-pe-tt-an,
1382
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1383
+ );
1384
+ letter-spacing: var(
1385
+ --_ctm-mob-dn-al-pe-lr-sg,
1386
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1387
+ );
1388
+ line-height: var(
1389
+ --_ctm-mob-dn-al-pe-le-ht,
1390
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1391
+ );
1392
+ text-decoration: var(
1393
+ --_ctm-mob-dn-al-pe-ue,
1394
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1395
+ );
536
1396
  }
537
1397
  }
538
1398
  .units {
539
- color: var(--_ctm-dn-pe-pr-ut-cr);
540
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
541
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
542
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
543
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
544
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
545
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
546
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
547
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
1399
+ color: var(
1400
+ --_ctm-mob-dn-pe-pr-ut-cr,
1401
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1402
+ );
1403
+ font-family: var(
1404
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1405
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1406
+ ),
1407
+ sans-serif;
1408
+ font-size: var(
1409
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1410
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1411
+ );
1412
+ font-weight: var(
1413
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1414
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1415
+ );
1416
+ font-style: var(
1417
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1418
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1419
+ );
1420
+ text-align: var(
1421
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1422
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1423
+ );
1424
+ letter-spacing: var(
1425
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1426
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1427
+ );
1428
+ line-height: var(
1429
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1430
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1431
+ );
1432
+ text-decoration: var(
1433
+ --_ctm-mob-dn-pe-pr-ut-ue,
1434
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1435
+ );
548
1436
  }
549
1437
  }
550
1438
  .active {
551
1439
  display: flex;
552
- align-items: center;
1440
+
1441
+ align-items: var(
1442
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
1443
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
1444
+ );
1445
+
553
1446
  justify-content: center;
554
1447
  flex-direction: column;
555
1448
  gap: 4px;
556
- padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
1449
+
1450
+ padding: var(
1451
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
1452
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
1453
+ )
1454
+ var(
1455
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
1456
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
1457
+ );
1458
+
557
1459
  cursor: pointer;
558
- background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
1460
+
1461
+ background-color: var(
1462
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
1463
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
1464
+ );
1465
+
559
1466
  border-color: var(
560
1467
  --_show-border-im-se,
561
- var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
1468
+ var(
1469
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
1470
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
1471
+ )
562
1472
  );
1473
+
563
1474
  border-style: var(
564
1475
  --_show-border-im-se,
565
- var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
1476
+ var(
1477
+ --_ctm-mob-dn-im-se-sd-se-br-se,
1478
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
1479
+ )
566
1480
  );
1481
+
567
1482
  border-width: var(
568
1483
  --_show-border-im-se,
569
- var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
1484
+ var(
1485
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
1486
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
1487
+ )
1488
+ );
1489
+
1490
+ border-radius: var(
1491
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
1492
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
570
1493
  );
571
- border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
1494
+
572
1495
  box-shadow: var(
573
1496
  --_show-shadow-im-se,
574
- var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
575
- var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
576
- var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
577
- var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
1497
+ var(
1498
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
1499
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
1500
+ )
1501
+ var(
1502
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
1503
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
1504
+ )
1505
+ var(
1506
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
1507
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
1508
+ )
1509
+ var(
1510
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
1511
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
1512
+ )
578
1513
  );
579
- cursor: pointer;
1514
+
580
1515
  .each {
581
- color: var(--_ctm-dn-um-se-cr);
582
- font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
583
- font-size: var(--_ctm-dn-um-se-ft-se);
584
- font-weight: var(--_ctm-dn-um-se-ft-wt);
585
- font-style: var(--_ctm-dn-um-se-ft-se-ic);
586
- text-align: var(--_ctm-dn-um-se-tt-an);
587
- letter-spacing: var(--_ctm-dn-um-se-lr-sg);
588
- line-height: var(--_ctm-dn-um-se-le-ht);
589
- text-decoration: var(--_ctm-dn-um-se-ue);
1516
+ color: var(
1517
+ --_ctm-mob-dn-um-se-cr,
1518
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1519
+ );
1520
+ font-family: var(
1521
+ --_ctm-mob-dn-um-se-ft-fy,
1522
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1523
+ ),
1524
+ sans-serif;
1525
+ font-size: var(
1526
+ --_ctm-mob-dn-um-se-ft-se,
1527
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1528
+ );
1529
+ font-weight: var(
1530
+ --_ctm-mob-dn-um-se-ft-wt,
1531
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1532
+ );
1533
+ font-style: var(
1534
+ --_ctm-mob-dn-um-se-ft-se-ic,
1535
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1536
+ );
1537
+ text-align: var(
1538
+ --_ctm-mob-dn-um-se-tt-an,
1539
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1540
+ );
1541
+ letter-spacing: var(
1542
+ --_ctm-mob-dn-um-se-lr-sg,
1543
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1544
+ );
1545
+ line-height: var(
1546
+ --_ctm-mob-dn-um-se-le-ht,
1547
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1548
+ );
1549
+ text-decoration: var(
1550
+ --_ctm-mob-dn-um-se-ue,
1551
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1552
+ );
590
1553
  }
591
1554
  .price {
592
- color: var(--_ctm-dn-pt-pe-cr);
593
- font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
594
- font-size: var(--_ctm-dn-pt-pe-ft-se);
595
- font-weight: var(--_ctm-dn-pt-pe-ft-wt);
596
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
597
- text-align: var(--_ctm-dn-pt-pe-tt-an);
598
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
599
- line-height: var(--_ctm-dn-pt-pe-le-ht);
600
- text-decoration: var(--_ctm-dn-pt-pe-ue);
1555
+ color: var(
1556
+ --_ctm-mob-dn-pt-pe-cr,
1557
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1558
+ );
1559
+ font-family: var(
1560
+ --_ctm-mob-dn-pt-pe-ft-fy,
1561
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1562
+ ),
1563
+ sans-serif;
1564
+ font-size: var(
1565
+ --_ctm-mob-dn-pt-pe-ft-se,
1566
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1567
+ );
1568
+ font-weight: var(
1569
+ --_ctm-mob-dn-pt-pe-ft-wt,
1570
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1571
+ );
1572
+ font-style: var(
1573
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1574
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1575
+ );
1576
+ text-align: var(
1577
+ --_ctm-mob-dn-pt-pe-tt-an,
1578
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1579
+ );
1580
+ letter-spacing: var(
1581
+ --_ctm-mob-dn-pt-pe-lr-sg,
1582
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1583
+ );
1584
+ line-height: var(
1585
+ --_ctm-mob-dn-pt-pe-le-ht,
1586
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1587
+ );
1588
+ text-decoration: var(
1589
+ --_ctm-mob-dn-pt-pe-ue,
1590
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1591
+ );
601
1592
  }
602
1593
  .off__price {
603
1594
  font-size: 12px;
@@ -606,55 +1597,167 @@
606
1597
  gap: 10px;
607
1598
  align-items: center;
608
1599
  .offer__price {
609
- color: var(--_ctm-dn-ss-cr);
610
- font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
611
- font-size: var(--_ctm-dn-ss-ft-se);
612
- font-weight: var(--_ctm-dn-ss-ft-wt);
613
- font-style: var(--_ctm-dn-ss-ft-se-ic);
614
- text-align: var(--_ctm-dn-ss-tt-an);
615
- letter-spacing: var(--_ctm-dn-ss-lr-sg);
616
- line-height: var(--_ctm-dn-ss-le-ht);
617
- text-decoration: var(--_ctm-dn-ss-ue);
1600
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1601
+ font-family: var(
1602
+ --_ctm-mob-dn-ss-ft-fy,
1603
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1604
+ ),
1605
+ sans-serif;
1606
+ font-size: var(
1607
+ --_ctm-mob-dn-ss-ft-se,
1608
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1609
+ );
1610
+ font-weight: var(
1611
+ --_ctm-mob-dn-ss-ft-wt,
1612
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1613
+ );
1614
+ font-style: var(
1615
+ --_ctm-mob-dn-ss-ft-se-ic,
1616
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1617
+ );
1618
+ text-align: var(
1619
+ --_ctm-mob-dn-ss-tt-an,
1620
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1621
+ );
1622
+ letter-spacing: var(
1623
+ --_ctm-mob-dn-ss-lr-sg,
1624
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1625
+ );
1626
+ line-height: var(
1627
+ --_ctm-mob-dn-ss-le-ht,
1628
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1629
+ );
1630
+ text-decoration: var(
1631
+ --_ctm-mob-dn-ss-ue,
1632
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1633
+ );
618
1634
  }
619
1635
  .discount__price {
620
- color: var(--_ctm-dn-al-pe-cr);
621
- font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
622
- font-size: var(--_ctm-dn-al-pe-ft-se);
623
- font-weight: var(--_ctm-dn-al-pe-ft-wt);
624
- font-style: var(--_ctm-dn-al-pe-ft-se-ic);
625
- text-align: var(--_ctm-dn-al-pe-tt-an);
626
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
627
- line-height: var(--_ctm-dn-al-pe-le-ht);
628
- text-decoration: var(--_ctm-dn-al-pe-ue);
1636
+ color: var(
1637
+ --_ctm-mob-dn-al-pe-cr,
1638
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1639
+ );
1640
+ font-family: var(
1641
+ --_ctm-mob-dn-al-pe-ft-fy,
1642
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1643
+ ),
1644
+ sans-serif;
1645
+ font-size: var(
1646
+ --_ctm-mob-dn-al-pe-ft-se,
1647
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1648
+ );
1649
+ font-weight: var(
1650
+ --_ctm-mob-dn-al-pe-ft-wt,
1651
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1652
+ );
1653
+ font-style: var(
1654
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1655
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1656
+ );
1657
+ text-align: var(
1658
+ --_ctm-mob-dn-al-pe-tt-an,
1659
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1660
+ );
1661
+ letter-spacing: var(
1662
+ --_ctm-mob-dn-al-pe-lr-sg,
1663
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1664
+ );
1665
+ line-height: var(
1666
+ --_ctm-mob-dn-al-pe-le-ht,
1667
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1668
+ );
1669
+ text-decoration: var(
1670
+ --_ctm-mob-dn-al-pe-ue,
1671
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1672
+ );
629
1673
  }
630
1674
  }
631
1675
  .units {
632
- color: var(--_ctm-dn-pe-pr-ut-cr);
633
- font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
634
- font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
635
- font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
636
- font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
637
- text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
638
- letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
639
- line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
640
- text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
1676
+ color: var(
1677
+ --_ctm-mob-dn-pe-pr-ut-cr,
1678
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1679
+ );
1680
+ font-family: var(
1681
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1682
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1683
+ ),
1684
+ sans-serif;
1685
+ font-size: var(
1686
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1687
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1688
+ );
1689
+ font-weight: var(
1690
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1691
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1692
+ );
1693
+ font-style: var(
1694
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1695
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1696
+ );
1697
+ text-align: var(
1698
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1699
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1700
+ );
1701
+ letter-spacing: var(
1702
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1703
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1704
+ );
1705
+ line-height: var(
1706
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1707
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1708
+ );
1709
+ text-decoration: var(
1710
+ --_ctm-mob-dn-pe-pr-ut-ue,
1711
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1712
+ );
641
1713
  }
642
1714
  }
643
1715
  }
644
1716
  }
645
1717
  .table-content {
646
1718
  border-collapse: collapse;
647
- background-color: var(--_ctm-dn-te-bd-cr);
648
- border-color: var(--_show-border-im-se, var(--_ctm-dn-te-br-cr, var(--_tst-dn-br-cr)));
649
- border-style: var(--_show-border-im-se, var(--_ctm-dn-te-br-se, var(--_tst-dn-br-se)));
650
- border-width: var(--_show-border-im-se, var(--_ctm-dn-te-br-wh, var(--_tst-dn-br-wh)));
651
- border-radius: var(--_ctm-dn-te-br-rs, var(--_tst-dn-br-rs));
1719
+ background-color: var(
1720
+ --_ctm-mob-dn-te-bd-cr,
1721
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1722
+ );
1723
+ border-color: var(
1724
+ --_show-border-im-se,
1725
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1726
+ var(--_tst-dn-br-cr)
1727
+ );
1728
+ border-style: var(
1729
+ --_show-border-im-se,
1730
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1731
+ var(--_tst-dn-br-se)
1732
+ );
1733
+ border-width: var(
1734
+ --_show-border-im-se,
1735
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1736
+ var(--_tst-dn-br-wh)
1737
+ );
1738
+ border-radius: var(
1739
+ --_ctm-mob-dn-te-br-rs,
1740
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1741
+ var(--_tst-dn-br-rs)
1742
+ );
652
1743
  box-shadow: var(
653
1744
  --_show-shadow-im-se,
654
- var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae))
655
- var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br))
656
- var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd))
657
- var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr))
1745
+ var(
1746
+ --_ctm-mob-dn-te-sw-ae,
1747
+ var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1748
+ )
1749
+ var(
1750
+ --_ctm-mob-dn-te-sw-br,
1751
+ var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1752
+ )
1753
+ var(
1754
+ --_ctm-mob-dn-te-sw-sd,
1755
+ var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1756
+ )
1757
+ var(
1758
+ --_ctm-mob-dn-te-sw-cr,
1759
+ var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1760
+ )
658
1761
  );
659
1762
  &[data-header-divider="true"] {
660
1763
  thead tr th {
@@ -741,15 +1844,43 @@
741
1844
  }
742
1845
  span {
743
1846
  cursor: pointer;
744
- color: var(--_ctm-dn-pn-dt-se-cr);
745
- font-family: var(--_ctm-dn-pn-dt-se-ft-fy), sans-serif;
746
- font-size: var(--_ctm-dn-pn-dt-se-ft-se);
747
- font-weight: var(--_ctm-dn-pn-dt-se-ft-wt);
748
- font-style: var(--_ctm-dn-pn-dt-se-ft-se-ic);
749
- text-align: var(--_ctm-dn-pn-dt-se-tt-an);
750
- letter-spacing: var(--_ctm-dn-pn-dt-se-lr-sg);
751
- line-height: var(--_ctm-dn-pn-dt-se-le-ht);
752
- text-decoration: var(--_ctm-dn-pn-dt-se-ue);
1847
+ color: var(
1848
+ --_ctm-mob-dn-pn-dt-se-cr,
1849
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1850
+ );
1851
+ font-family: var(
1852
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1853
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1854
+ ),
1855
+ sans-serif;
1856
+ font-size: var(
1857
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1858
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1859
+ );
1860
+ font-weight: var(
1861
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1862
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1863
+ );
1864
+ font-style: var(
1865
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1866
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1867
+ );
1868
+ text-align: var(
1869
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1870
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1871
+ );
1872
+ letter-spacing: var(
1873
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1874
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1875
+ );
1876
+ line-height: var(
1877
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1878
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1879
+ );
1880
+ text-decoration: var(
1881
+ --_ctm-mob-dn-pn-dt-se-ue,
1882
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1883
+ );
753
1884
  }
754
1885
  .active {
755
1886
  span {
@@ -767,35 +1898,90 @@
767
1898
  button {
768
1899
  padding: 10px;
769
1900
  cursor: pointer;
770
- color: var(--_ctm-dn-sw-me-is-bn-cr);
771
- font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy), sans-serif;
772
- font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
773
- font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
774
- font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
775
- text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
776
- letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
777
- line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
778
- text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
779
- background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
1901
+ color: var(
1902
+ --_ctm-mob-dn-sw-me-is-bn-cr,
1903
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1904
+ );
1905
+ font-family: var(
1906
+ --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1907
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1908
+ ),
1909
+ sans-serif;
1910
+ font-size: var(
1911
+ --_ctm-mob-dn-sw-me-is-bn-ft-se,
1912
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1913
+ );
1914
+ font-weight: var(
1915
+ --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1916
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1917
+ );
1918
+ font-style: var(
1919
+ --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1920
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1921
+ );
1922
+ text-align: var(
1923
+ --_ctm-mob-dn-sw-me-is-bn-tt-an,
1924
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1925
+ );
1926
+ letter-spacing: var(
1927
+ --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1928
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1929
+ );
1930
+ line-height: var(
1931
+ --_ctm-mob-dn-sw-me-is-bn-le-ht,
1932
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1933
+ );
1934
+ text-decoration: var(
1935
+ --_ctm-mob-dn-sw-me-is-bn-ue,
1936
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1937
+ );
1938
+ background-color: var(
1939
+ --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1940
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1941
+ );
780
1942
  border-color: var(
781
1943
  --_show-border-im-se,
782
- var(--_ctm-dn-sw-me-is-bn-br-cr, var(--_tst-dn-br-cr))
1944
+ var(
1945
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
1946
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1947
+ )
783
1948
  );
784
1949
  border-style: var(
785
1950
  --_show-border-im-se,
786
- var(--_ctm-dn-sw-me-is-bn-br-se, var(--_tst-dn-br-se))
1951
+ var(
1952
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
1953
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1954
+ )
787
1955
  );
788
1956
  border-width: var(
789
1957
  --_show-border-im-se,
790
- var(--_ctm-dn-sw-me-is-bn-br-wh, var(--_tst-dn-br-wh))
1958
+ var(
1959
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
1960
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1961
+ )
1962
+ );
1963
+ border-radius: var(
1964
+ --_ctm-mob-dn-sw-me-is-bn-br-rs,
1965
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
791
1966
  );
792
- border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs, var(--_tst-dn-br-rs));
793
1967
  box-shadow: var(
794
1968
  --_show-shadow-im-se,
795
- var(--_ctm-dn-sw-me-is-bn-sw-ae, var(--_tst-dn-sw-ae))
796
- var(--_ctm-dn-sw-me-is-bn-sw-br, var(--_tst-dn-sw-br))
797
- var(--_ctm-dn-sw-me-is-bn-sw-sd, var(--_tst-dn-sw-sd))
798
- var(--_ctm-dn-sw-me-is-bn-sw-cr, var(--_tst-dn-sw-cr))
1969
+ var(
1970
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1971
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1972
+ )
1973
+ var(
1974
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
1975
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1976
+ )
1977
+ var(
1978
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1979
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1980
+ )
1981
+ var(
1982
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1983
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1984
+ )
799
1985
  );
800
1986
  }
801
1987
  }