@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
@@ -10,8 +10,15 @@
10
10
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
11
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
12
  // width: var(--_ctm-ele-nw-wh-vl);
13
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
14
- margin: var(--_ctm-lt-mn, --_tst-lt-mn);
13
+ //width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
14
+ //margin: var(--_ctm-lt-mn, --_tst-lt-mn);
15
+ width: var(
16
+ --_sf-el-wh-st-mx,
17
+ calc(
18
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
19
+ )
20
+ );
21
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
15
22
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
16
23
  // height: ;
17
24
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
@@ -40,7 +47,7 @@
40
47
  }
41
48
  .price-text-element {
42
49
  // background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
43
- padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
50
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
44
51
  display: flex;
45
52
  flex-direction: column;
46
53
  gap: 10px;
@@ -48,18 +55,21 @@
48
55
  // row-gap: var(--_sf-gp);
49
56
  width: 100%;
50
57
  // height: 100%;
51
- border-color: var(--_ctm-dn-br-cr, var(--_tst-dn-br-cr));
52
- border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
53
- border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
54
- border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
58
+ border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
59
+ border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
60
+ border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
61
+ border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
55
62
  box-shadow: var(
56
63
  --_show-shadow,
57
- var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
58
- var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
64
+ var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
65
+ var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
66
+ var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
67
+ var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
59
68
  );
60
69
 
61
70
  // transform: scale(var(--_ctm-dn-zm-ie));
62
- scale: var(--_ctm-dn-zm-ie);
71
+ scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
72
+
63
73
  &[data-flip-x="true"] {
64
74
  transform: scaleX(-1);
65
75
  }
@@ -88,210 +98,710 @@
88
98
  flex-direction: column;
89
99
  .product-price {
90
100
  .price-span {
91
- background-color: var(--_ctm-dn-pt-pe-bd-cr);
92
- color: var(--_ctm-dn-pt-pe-cr, var(--_tst-dn-dt-se-cr));
93
- font-family: var(--_ctm-dn-pt-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
94
- font-size: var(--_ctm-dn-pt-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
95
- font-weight: var(--_ctm-dn-pt-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
96
- font-style: var(--_ctm-dn-pt-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
97
- text-align: var(--_ctm-dn-pt-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
98
- letter-spacing: var(--_ctm-dn-pt-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
99
- line-height: var(--_ctm-dn-pt-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
100
- text-decoration: var(--_ctm-dn-pt-pe-ue, var(--_tst-dn-dt-se-tt-de));
101
- border-color: var(--_show-border, var(--_ctm-dn-pt-pe-br-cr, var(--_tst-dn-br-cr)));
102
- border-style: var(--_show-border, var(--_ctm-dn-pt-pe-br-se, var(--_tst-dn-br-se)));
103
- border-width: var(--_show-border, var(--_ctm-dn-pt-pe-br-wh, var(--_tst-dn-br-wh)));
104
- border-radius: var(--_ctm-dn-pt-pe-br-rs, var(--_tst-dn-br-rs));
101
+ background-color: var(
102
+ --_ctm-mob-dn-pt-pe-bd-cr,
103
+ var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
104
+ );
105
+ color: var(
106
+ --_ctm-mob-dn-pt-pe-cr,
107
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
108
+ );
109
+ font-family: var(
110
+ --_ctm-mob-dn-pt-pe-ft-fy,
111
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
112
+ ),
113
+ sans-serif;
114
+ font-size: var(
115
+ --_ctm-mob-dn-pt-pe-ft-se,
116
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
117
+ );
118
+ font-weight: var(
119
+ --_ctm-mob-dn-pt-pe-ft-wt,
120
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
121
+ );
122
+ font-style: var(
123
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
124
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
125
+ );
126
+ text-align: var(
127
+ --_ctm-mob-dn-pt-pe-tt-an,
128
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
129
+ );
130
+ letter-spacing: var(
131
+ --_ctm-mob-dn-pt-pe-lr-sg,
132
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
133
+ );
134
+ line-height: var(
135
+ --_ctm-mob-dn-pt-pe-le-ht,
136
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
137
+ );
138
+ text-decoration: var(
139
+ --_ctm-mob-dn-pt-pe-ue,
140
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
141
+ );
142
+
143
+ border-color: var(
144
+ --_show-border,
145
+ var(
146
+ --_ctm-mob-dn-pt-pe-br-cr,
147
+ var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
148
+ )
149
+ );
150
+ border-style: var(
151
+ --_show-border,
152
+ var(
153
+ --_ctm-mob-dn-pt-pe-br-se,
154
+ var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
155
+ )
156
+ );
157
+ border-width: var(
158
+ --_show-border,
159
+ var(
160
+ --_ctm-mob-dn-pt-pe-br-wh,
161
+ var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
162
+ )
163
+ );
164
+ border-radius: var(
165
+ --_ctm-mob-dn-pt-pe-br-rs,
166
+ var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
167
+ );
168
+
105
169
  box-shadow: var(
106
170
  --_show-shadow,
107
- var(--_ctm-dn-pt-pe-sw-ae, var(--_tst-dn-sw-ae))
108
- var(--_ctm-dn-pt-pe-sw-br, var(--_tst-dn-sw-br))
109
- var(--_ctm-dn-pt-pe-sw-sd, var(--_tst-dn-sw-sd))
110
- var(--_ctm-dn-pt-pe-sw-cr, var(--_tst-dn-sw-cr))
171
+ var(
172
+ --_ctm-mob-dn-pt-pe-sw-ae,
173
+ var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
174
+ )
175
+ var(
176
+ --_ctm-mob-dn-pt-pe-sw-br,
177
+ var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
178
+ )
179
+ var(
180
+ --_ctm-mob-dn-pt-pe-sw-sd,
181
+ var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
182
+ )
183
+ var(
184
+ --_ctm-mob-dn-pt-pe-sw-cr,
185
+ var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
186
+ )
111
187
  );
112
188
  }
189
+
113
190
  .code-span {
114
- background-color: var(--_ctm-dn-cy-ce-se-bd-cr);
115
- color: var(--_ctm-dn-cy-ce-se-cr, var(--_tst-dn-dt-se-cr));
116
- font-family: var(--_ctm-dn-cy-ce-se-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
117
- font-size: var(--_ctm-dn-cy-ce-se-ft-se, var(--_tst-dn-dt-se-ft-se));
118
- font-weight: var(--_ctm-dn-cy-ce-se-ft-wt, var(--_tst-dn-dt-se-ft-wt));
119
- font-style: var(--_ctm-dn-cy-ce-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
120
- text-align: var(--_ctm-dn-cy-ce-se-tt-an, var(--_tst-dn-dt-se-tt-an));
121
- letter-spacing: var(--_ctm-dn-cy-ce-se-lr-sg, var(--_tst-dn-dt-se-lr-sg));
122
- line-height: var(--_ctm-dn-cy-ce-se-le-ht, var(--_tst-dn-dt-se-le-ht));
123
- text-decoration: var(--_ctm-dn-cy-ce-se-ue, var(--_tst-dn-dt-se-tt-de));
191
+ background-color: var(
192
+ --_ctm-mob-dn-cy-ce-se-bd-cr,
193
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
194
+ );
195
+ color: var(
196
+ --_ctm-mob-dn-cy-ce-se-cr,
197
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
198
+ );
199
+ font-family: var(
200
+ --_ctm-mob-dn-cy-ce-se-ft-fy,
201
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
202
+ ),
203
+ sans-serif;
204
+ font-size: var(
205
+ --_ctm-mob-dn-cy-ce-se-ft-se,
206
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
207
+ );
208
+ font-weight: var(
209
+ --_ctm-mob-dn-cy-ce-se-ft-wt,
210
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
211
+ );
212
+ font-style: var(
213
+ --_ctm-mob-dn-cy-ce-se-ft-se-ic,
214
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
215
+ );
216
+ text-align: var(
217
+ --_ctm-mob-dn-cy-ce-se-tt-an,
218
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
219
+ );
220
+ letter-spacing: var(
221
+ --_ctm-mob-dn-cy-ce-se-lr-sg,
222
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
223
+ );
224
+ line-height: var(
225
+ --_ctm-mob-dn-cy-ce-se-le-ht,
226
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
227
+ );
228
+ text-decoration: var(
229
+ --_ctm-mob-dn-cy-ce-se-ue,
230
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
231
+ );
232
+
124
233
  border-color: var(
125
234
  --_show-border,
126
- var(--_ctm-dn-cy-ce-se-br-cr, var(--_tst-dn-br-cr))
235
+ var(
236
+ --_ctm-mob-dn-cy-ce-se-br-cr,
237
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
238
+ )
127
239
  );
128
240
  border-style: var(
129
241
  --_show-border,
130
- var(--_ctm-dn-cy-ce-se-br-se, var(--_tst-dn-br-se))
242
+ var(
243
+ --_ctm-mob-dn-cy-ce-se-br-se,
244
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
245
+ )
131
246
  );
132
247
  border-width: var(
133
248
  --_show-border,
134
- var(--_ctm-dn-cy-ce-se-br-wh, var(--_tst-dn-br-wh))
249
+ var(
250
+ --_ctm-mob-dn-cy-ce-se-br-wh,
251
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
252
+ )
253
+ );
254
+ border-radius: var(
255
+ --_ctm-mob-dn-cy-ce-se-br-rs,
256
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
135
257
  );
136
- border-radius: var(--_ctm-dn-cy-ce-se-br-rs, var(--_tst-dn-br-rs));
258
+
137
259
  box-shadow: var(
138
260
  --_show-shadow,
139
- var(--_ctm-dn-cy-ce-se-sw-ae, var(--_tst-dn-sw-ae))
140
- var(--_ctm-dn-cy-ce-se-sw-br, var(--_tst-dn-sw-br))
141
- var(--_ctm-dn-cy-ce-se-sw-sd, var(--_tst-dn-sw-sd))
142
- var(--_ctm-dn-cy-ce-se-sw-cr, var(--_tst-dn-sw-cr))
261
+ var(
262
+ --_ctm-mob-dn-cy-ce-se-sw-ae,
263
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
264
+ )
265
+ var(
266
+ --_ctm-mob-dn-cy-ce-se-sw-br,
267
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
268
+ )
269
+ var(
270
+ --_ctm-mob-dn-cy-ce-se-sw-sd,
271
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
272
+ )
273
+ var(
274
+ --_ctm-mob-dn-cy-ce-se-sw-cr,
275
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
276
+ )
143
277
  );
144
278
  }
279
+
145
280
  .uom-span {
146
- background-color: var(--_ctm-dn-um-se-bd-cr);
147
- color: var(--_ctm-dn-um-se-cr, var(--_tst-dn-dt-se-cr));
148
- font-family: var(--_ctm-dn-um-se-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
149
- font-size: var(--_ctm-dn-um-se-ft-se, var(--_tst-dn-dt-se-ft-se));
150
- font-weight: var(--_ctm-dn-um-se-ft-wt, var(--_tst-dn-dt-se-ft-wt));
151
- font-style: var(--_ctm-dn-um-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
152
- text-align: var(--_ctm-dn-um-se-tt-an, var(--_tst-dn-dt-se-tt-an));
153
- letter-spacing: var(--_ctm-dn-um-se-lr-sg, var(--_tst-dn-dt-se-lr-sg));
154
- line-height: var(--_ctm-dn-um-se-le-ht, var(--_tst-dn-dt-se-le-ht));
155
- text-decoration: var(--_ctm-dn-um-se-ue, var(--_tst-dn-dt-se-tt-de));
156
- border-color: var(--_show-border, var(--_ctm-dn-um-se-br-cr, var(--_tst-dn-br-cr)));
157
- border-style: var(--_show-border, var(--_ctm-dn-um-se-br-se, var(--_tst-dn-br-se)));
158
- border-width: var(--_show-border, var(--_ctm-dn-um-se-br-wh, var(--_tst-dn-br-wh)));
159
- border-radius: var(--_ctm-dn-um-se-br-rs, var(--_tst-dn-br-rs));
281
+ background-color: var(
282
+ --_ctm-mob-dn-um-se-bd-cr,
283
+ var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr))
284
+ );
285
+ color: var(
286
+ --_ctm-mob-dn-um-se-cr,
287
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
288
+ );
289
+ font-family: var(
290
+ --_ctm-mob-dn-um-se-ft-fy,
291
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
292
+ ),
293
+ sans-serif;
294
+ font-size: var(
295
+ --_ctm-mob-dn-um-se-ft-se,
296
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
297
+ );
298
+ font-weight: var(
299
+ --_ctm-mob-dn-um-se-ft-wt,
300
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
301
+ );
302
+ font-style: var(
303
+ --_ctm-mob-dn-um-se-ft-se-ic,
304
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
305
+ );
306
+ text-align: var(
307
+ --_ctm-mob-dn-um-se-tt-an,
308
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
309
+ );
310
+ letter-spacing: var(
311
+ --_ctm-mob-dn-um-se-lr-sg,
312
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
313
+ );
314
+ line-height: var(
315
+ --_ctm-mob-dn-um-se-le-ht,
316
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
317
+ );
318
+ text-decoration: var(
319
+ --_ctm-mob-dn-um-se-ue,
320
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
321
+ );
322
+
323
+ border-color: var(
324
+ --_show-border,
325
+ var(
326
+ --_ctm-mob-dn-um-se-br-cr,
327
+ var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr))
328
+ )
329
+ );
330
+ border-style: var(
331
+ --_show-border,
332
+ var(
333
+ --_ctm-mob-dn-um-se-br-se,
334
+ var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se))
335
+ )
336
+ );
337
+ border-width: var(
338
+ --_show-border,
339
+ var(
340
+ --_ctm-mob-dn-um-se-br-wh,
341
+ var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh))
342
+ )
343
+ );
344
+ border-radius: var(
345
+ --_ctm-mob-dn-um-se-br-rs,
346
+ var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs))
347
+ );
348
+
160
349
  box-shadow: var(
161
350
  --_show-shadow,
162
- var(--_ctm-dn-um-se-sw-ae, var(--_tst-dn-sw-ae))
163
- var(--_ctm-dn-um-se-sw-br, var(--_tst-dn-sw-br))
164
- var(--_ctm-dn-um-se-sw-sd, var(--_tst-dn-sw-sd))
165
- var(--_ctm-dn-um-se-sw-cr, var(--_tst-dn-sw-cr))
351
+ var(
352
+ --_ctm-mob-dn-um-se-sw-ae,
353
+ var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae))
354
+ )
355
+ var(
356
+ --_ctm-mob-dn-um-se-sw-br,
357
+ var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))
358
+ )
359
+ var(
360
+ --_ctm-mob-dn-um-se-sw-sd,
361
+ var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))
362
+ )
363
+ var(
364
+ --_ctm-mob-dn-um-se-sw-cr,
365
+ var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))
366
+ )
166
367
  );
167
368
  }
168
369
  }
169
370
  .product-actual-price-container {
170
371
  .product-actual-discount {
171
372
  .discount-percentage {
172
- background-color: var(--_ctm-dn-dt-bd-cr);
173
- color: var(--_ctm-dn-dt-cr, var(--_tst-dn-dt-se-cr));
174
- font-family: var(--_ctm-dn-dt-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
175
- font-size: var(--_ctm-dn-dt-ft-se, var(--_tst-dn-dt-se-ft-se));
176
- font-weight: var(--_ctm-dn-dt-ft-wt, var(--_tst-dn-dt-se-ft-wt));
177
- font-style: var(--_ctm-dn-dt-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
178
- text-align: var(--_ctm-dn-dt-tt-an, var(--_tst-dn-dt-se-tt-an));
179
- letter-spacing: var(--_ctm-dn-dt-lr-sg, var(--_tst-dn-dt-se-lr-sg));
180
- line-height: var(--_ctm-dn-dt-le-ht, var(--_tst-dn-dt-se-le-ht));
181
- text-decoration: var(--_ctm-dn-dt-ue, var(--_tst-dn-dt-se-tt-de));
182
- border-color: var(--_show-border, var(--_ctm-dn-dt-br-cr, var(--_tst-dn-br-cr)));
183
- border-style: var(--_show-border, var(--_ctm-dn-dt-br-se, var(--_tst-dn-br-se)));
184
- border-width: var(--_show-border, var(--_ctm-dn-dt-br-wh, var(--_tst-dn-br-wh)));
185
- border-radius: var(--_ctm-dn-dt-br-rs, var(--_tst-dn-br-rs));
373
+ background-color: var(
374
+ --_ctm-mob-dn-dt-bd-cr,
375
+ var(--_ctm-tab-dn-dt-bd-cr, var(--_ctm-dn-dt-bd-cr))
376
+ );
377
+ color: var(--_ctm-mob-dn-dt-cr, var(--_ctm-tab-dn-dt-cr, var(--_ctm-dn-dt-cr)));
378
+ font-family: var(
379
+ --_ctm-mob-dn-dt-ft-fy,
380
+ var(--_ctm-tab-dn-dt-ft-fy, var(--_ctm-dn-dt-ft-fy))
381
+ ),
382
+ sans-serif;
383
+ font-size: var(
384
+ --_ctm-mob-dn-dt-ft-se,
385
+ var(--_ctm-tab-dn-dt-ft-se, var(--_ctm-dn-dt-ft-se))
386
+ );
387
+ font-weight: var(
388
+ --_ctm-mob-dn-dt-ft-wt,
389
+ var(--_ctm-tab-dn-dt-ft-wt, var(--_ctm-dn-dt-ft-wt))
390
+ );
391
+ font-style: var(
392
+ --_ctm-mob-dn-dt-ft-se-ic,
393
+ var(--_ctm-tab-dn-dt-ft-se-ic, var(--_ctm-dn-dt-ft-se-ic))
394
+ );
395
+ text-align: var(
396
+ --_ctm-mob-dn-dt-tt-an,
397
+ var(--_ctm-tab-dn-dt-tt-an, var(--_ctm-dn-dt-tt-an))
398
+ );
399
+ letter-spacing: var(
400
+ --_ctm-mob-dn-dt-lr-sg,
401
+ var(--_ctm-tab-dn-dt-lr-sg, var(--_ctm-dn-dt-lr-sg))
402
+ );
403
+ line-height: var(
404
+ --_ctm-mob-dn-dt-le-ht,
405
+ var(--_ctm-tab-dn-dt-le-ht, var(--_ctm-dn-dt-le-ht))
406
+ );
407
+ text-decoration: var(
408
+ --_ctm-mob-dn-dt-ue,
409
+ var(--_ctm-tab-dn-dt-ue, var(--_ctm-dn-dt-ue))
410
+ );
411
+
412
+ border-color: var(
413
+ --_show-border,
414
+ var(--_ctm-mob-dn-dt-br-cr, var(--_ctm-tab-dn-dt-br-cr, var(--_ctm-dn-dt-br-cr)))
415
+ );
416
+ border-style: var(
417
+ --_show-border,
418
+ var(--_ctm-mob-dn-dt-br-se, var(--_ctm-tab-dn-dt-br-se, var(--_ctm-dn-dt-br-se)))
419
+ );
420
+ border-width: var(
421
+ --_show-border,
422
+ var(--_ctm-mob-dn-dt-br-wh, var(--_ctm-tab-dn-dt-br-wh, var(--_ctm-dn-dt-br-wh)))
423
+ );
424
+ border-radius: var(
425
+ --_ctm-mob-dn-dt-br-rs,
426
+ var(--_ctm-tab-dn-dt-br-rs, var(--_ctm-dn-dt-br-rs))
427
+ );
428
+
186
429
  box-shadow: var(
187
430
  --_show-shadow,
188
- var(--_ctm-dn-dt-sw-ae, var(--_tst-dn-sw-ae))
189
- var(--_ctm-dn-dt-sw-br, var(--_tst-dn-sw-br))
190
- var(--_ctm-dn-dt-sw-sd, var(--_tst-dn-sw-sd))
191
- var(--_ctm-dn-dt-sw-cr, var(--_tst-dn-sw-cr))
431
+ var(--_ctm-mob-dn-dt-sw-ae, var(--_ctm-tab-dn-dt-sw-ae, var(--_ctm-dn-dt-sw-ae)))
432
+ var(
433
+ --_ctm-mob-dn-dt-sw-br,
434
+ var(--_ctm-tab-dn-dt-sw-br, var(--_ctm-dn-dt-sw-br))
435
+ )
436
+ var(
437
+ --_ctm-mob-dn-dt-sw-sd,
438
+ var(--_ctm-tab-dn-dt-sw-sd, var(--_ctm-dn-dt-sw-sd))
439
+ )
440
+ var(
441
+ --_ctm-mob-dn-dt-sw-cr,
442
+ var(--_ctm-tab-dn-dt-sw-cr, var(--_ctm-dn-dt-sw-cr))
443
+ )
192
444
  );
193
445
  }
446
+
194
447
  .discount-value-percentage {
195
- background-color: var(--_ctm-dn-dt-ve-bd-cr);
196
- color: var(--_ctm-dn-dt-ve-cr, var(--_tst-dn-dt-se-cr));
197
- font-family: var(--_ctm-dn-dt-ve-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
198
- font-size: var(--_ctm-dn-dt-ve-ft-se, var(--_tst-dn-dt-se-ft-se));
199
- font-weight: var(--_ctm-dn-dt-ve-ft-wt, var(--_tst-dn-dt-se-ft-wt));
200
- font-style: var(--_ctm-dn-dt-ve-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
201
- text-align: var(--_ctm-dn-dt-ve-tt-an, var(--_tst-dn-dt-se-tt-an));
202
- letter-spacing: var(--_ctm-dn-dt-ve-lr-sg, var(--_tst-dn-dt-se-lr-sg));
203
- line-height: var(--_ctm-dn-dt-ve-le-ht, var(--_tst-dn-dt-se-le-ht));
204
- text-decoration: var(--_ctm-dn-dt-ve-ue, var(--_tst-dn-dt-se-tt-de));
205
- border-color: var(--_show-border, var(--_ctm-dn-dt-ve-br-cr, var(--_tst-dn-br-cr)));
206
- border-style: var(--_show-border, var(--_ctm-dn-dt-ve-br-se, var(--_tst-dn-br-se)));
207
- border-width: var(--_show-border, var(--_ctm-dn-dt-ve-br-wh, var(--_tst-dn-br-wh)));
208
- border-radius: var(--_ctm-dn-dt-ve-br-rs, var(--_tst-dn-br-rs));
448
+ background-color: var(
449
+ --_ctm-mob-dn-dt-ve-bd-cr,
450
+ var(--_ctm-tab-dn-dt-ve-bd-cr, var(--_ctm-dn-dt-ve-bd-cr))
451
+ );
452
+ color: var(
453
+ --_ctm-mob-dn-dt-ve-cr,
454
+ var(--_ctm-tab-dn-dt-ve-cr, var(--_ctm-dn-dt-ve-cr))
455
+ );
456
+ font-family: var(
457
+ --_ctm-mob-dn-dt-ve-ft-fy,
458
+ var(--_ctm-tab-dn-dt-ve-ft-fy, var(--_ctm-dn-dt-ve-ft-fy))
459
+ ),
460
+ sans-serif;
461
+ font-size: var(
462
+ --_ctm-mob-dn-dt-ve-ft-se,
463
+ var(--_ctm-tab-dn-dt-ve-ft-se, var(--_ctm-dn-dt-ve-ft-se))
464
+ );
465
+ font-weight: var(
466
+ --_ctm-mob-dn-dt-ve-ft-wt,
467
+ var(--_ctm-tab-dn-dt-ve-ft-wt, var(--_ctm-dn-dt-ve-ft-wt))
468
+ );
469
+ font-style: var(
470
+ --_ctm-mob-dn-dt-ve-ft-se-ic,
471
+ var(--_ctm-tab-dn-dt-ve-ft-se-ic, var(--_ctm-dn-dt-ve-ft-se-ic))
472
+ );
473
+ text-align: var(
474
+ --_ctm-mob-dn-dt-ve-tt-an,
475
+ var(--_ctm-tab-dn-dt-ve-tt-an, var(--_ctm-dn-dt-ve-tt-an))
476
+ );
477
+ letter-spacing: var(
478
+ --_ctm-mob-dn-dt-ve-lr-sg,
479
+ var(--_ctm-tab-dn-dt-ve-lr-sg, var(--_ctm-dn-dt-ve-lr-sg))
480
+ );
481
+ line-height: var(
482
+ --_ctm-mob-dn-dt-ve-le-ht,
483
+ var(--_ctm-tab-dn-dt-ve-le-ht, var(--_ctm-dn-dt-ve-le-ht))
484
+ );
485
+ text-decoration: var(
486
+ --_ctm-mob-dn-dt-ve-ue,
487
+ var(--_ctm-tab-dn-dt-ve-ue, var(--_ctm-dn-dt-ve-ue))
488
+ );
489
+
490
+ border-color: var(
491
+ --_show-border,
492
+ var(
493
+ --_ctm-mob-dn-dt-ve-br-cr,
494
+ var(--_ctm-tab-dn-dt-ve-br-cr, var(--_ctm-dn-dt-ve-br-cr))
495
+ )
496
+ );
497
+ border-style: var(
498
+ --_show-border,
499
+ var(
500
+ --_ctm-mob-dn-dt-ve-br-se,
501
+ var(--_ctm-tab-dn-dt-ve-br-se, var(--_ctm-dn-dt-ve-br-se))
502
+ )
503
+ );
504
+ border-width: var(
505
+ --_show-border,
506
+ var(
507
+ --_ctm-mob-dn-dt-ve-br-wh,
508
+ var(--_ctm-tab-dn-dt-ve-br-wh, var(--_ctm-dn-dt-ve-br-wh))
509
+ )
510
+ );
511
+ border-radius: var(
512
+ --_ctm-mob-dn-dt-ve-br-rs,
513
+ var(--_ctm-tab-dn-dt-ve-br-rs, var(--_ctm-dn-dt-ve-br-rs))
514
+ );
515
+
209
516
  box-shadow: var(
210
517
  --_show-shadow,
211
- var(--_ctm-dn-dt-ve-sw-ae, var(--_tst-dn-sw-ae))
212
- var(--_ctm-dn-dt-ve-sw-br, var(--_tst-dn-sw-br))
213
- var(--_ctm-dn-dt-ve-sw-sd, var(--_tst-dn-sw-sd))
214
- var(--_ctm-dn-dt-ve-sw-cr, var(--_tst-dn-sw-cr))
518
+ var(
519
+ --_ctm-mob-dn-dt-ve-sw-ae,
520
+ var(--_ctm-tab-dn-dt-ve-sw-ae, var(--_ctm-dn-dt-ve-sw-ae))
521
+ )
522
+ var(
523
+ --_ctm-mob-dn-dt-ve-sw-br,
524
+ var(--_ctm-tab-dn-dt-ve-sw-br, var(--_ctm-dn-dt-ve-sw-br))
525
+ )
526
+ var(
527
+ --_ctm-mob-dn-dt-ve-sw-sd,
528
+ var(--_ctm-tab-dn-dt-ve-sw-sd, var(--_ctm-dn-dt-ve-sw-sd))
529
+ )
530
+ var(
531
+ --_ctm-mob-dn-dt-ve-sw-cr,
532
+ var(--_ctm-tab-dn-dt-ve-sw-cr, var(--_ctm-dn-dt-ve-sw-cr))
533
+ )
215
534
  );
216
535
  }
217
536
  }
218
537
  .product-actual-price {
219
538
  .actual-price-span {
220
- background-color: var(--_ctm-dn-al-pe-bd-cr);
221
- color: var(--_ctm-dn-al-pe-cr, var(--_tst-dn-dt-se-cr));
222
- font-family: var(--_ctm-dn-al-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
223
- font-size: var(--_ctm-dn-al-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
224
- font-weight: var(--_ctm-dn-al-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
225
- font-style: var(--_ctm-dn-al-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
226
- text-align: var(--_ctm-dn-al-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
227
- letter-spacing: var(--_ctm-dn-al-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
228
- line-height: var(--_ctm-dn-al-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
229
- text-decoration: var(--_ctm-dn-al-pe-ue, var(--_tst-dn-dt-se-tt-de));
230
- border-color: var(--_show-border, var(--_ctm-dn-al-pe-br-cr, var(--_tst-dn-br-cr)));
231
- border-style: var(--_show-border, var(--_ctm-dn-al-pe-br-se, var(--_tst-dn-br-se)));
232
- border-width: var(--_show-border, var(--_ctm-dn-al-pe-br-wh, var(--_tst-dn-br-wh)));
233
- border-radius: var(--_ctm-dn-al-pe-br-rs, var(--_tst-dn-br-rs));
539
+ background-color: var(
540
+ --_ctm-mob-dn-al-pe-bd-cr,
541
+ var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
542
+ );
543
+ color: var(
544
+ --_ctm-mob-dn-al-pe-cr,
545
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
546
+ );
547
+ font-family: var(
548
+ --_ctm-mob-dn-al-pe-ft-fy,
549
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
550
+ ),
551
+ sans-serif;
552
+ font-size: var(
553
+ --_ctm-mob-dn-al-pe-ft-se,
554
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
555
+ );
556
+ font-weight: var(
557
+ --_ctm-mob-dn-al-pe-ft-wt,
558
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
559
+ );
560
+ font-style: var(
561
+ --_ctm-mob-dn-al-pe-ft-se-ic,
562
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
563
+ );
564
+ text-align: var(
565
+ --_ctm-mob-dn-al-pe-tt-an,
566
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
567
+ );
568
+ letter-spacing: var(
569
+ --_ctm-mob-dn-al-pe-lr-sg,
570
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
571
+ );
572
+ line-height: var(
573
+ --_ctm-mob-dn-al-pe-le-ht,
574
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
575
+ );
576
+ text-decoration: var(
577
+ --_ctm-mob-dn-al-pe-ue,
578
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
579
+ );
580
+
581
+ border-color: var(
582
+ --_show-border,
583
+ var(
584
+ --_ctm-mob-dn-al-pe-br-cr,
585
+ var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
586
+ )
587
+ );
588
+ border-style: var(
589
+ --_show-border,
590
+ var(
591
+ --_ctm-mob-dn-al-pe-br-se,
592
+ var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
593
+ )
594
+ );
595
+ border-width: var(
596
+ --_show-border,
597
+ var(
598
+ --_ctm-mob-dn-al-pe-br-wh,
599
+ var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
600
+ )
601
+ );
602
+ border-radius: var(
603
+ --_ctm-mob-dn-al-pe-br-rs,
604
+ var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
605
+ );
606
+
234
607
  box-shadow: var(
235
608
  --_show-shadow,
236
- var(--_ctm-dn-al-pe-sw-ae, var(--_tst-dn-sw-ae))
237
- var(--_ctm-dn-al-pe-sw-br, var(--_tst-dn-sw-br))
238
- var(--_ctm-dn-al-pe-sw-sd, var(--_tst-dn-sw-sd))
239
- var(--_ctm-dn-al-pe-sw-cr, var(--_tst-dn-sw-cr))
609
+ var(
610
+ --_ctm-mob-dn-al-pe-sw-ae,
611
+ var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
612
+ )
613
+ var(
614
+ --_ctm-mob-dn-al-pe-sw-br,
615
+ var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
616
+ )
617
+ var(
618
+ --_ctm-mob-dn-al-pe-sw-sd,
619
+ var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
620
+ )
621
+ var(
622
+ --_ctm-mob-dn-al-pe-sw-cr,
623
+ var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
624
+ )
240
625
  );
241
626
  }
627
+
242
628
  .code-span {
243
- background-color: var(--_ctm-dn-cy-ce-se-bd-cr);
244
- color: var(--_ctm-dn-cy-ce-se-cr, var(--_tst-dn-dt-se-cr));
245
- font-family: var(--_ctm-dn-cy-ce-se-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
246
- font-size: var(--_ctm-dn-cy-ce-se-ft-se, var(--_tst-dn-dt-se-ft-se));
247
- font-weight: var(--_ctm-dn-cy-ce-se-ft-wt, var(--_tst-dn-dt-se-ft-wt));
248
- font-style: var(--_ctm-dn-cy-ce-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
249
- text-align: var(--_ctm-dn-cy-ce-se-tt-an, var(--_tst-dn-dt-se-tt-an));
250
- letter-spacing: var(--_ctm-dn-cy-ce-se-lr-sg, var(--_tst-dn-dt-se-lr-sg));
251
- line-height: var(--_ctm-dn-cy-ce-se-le-ht, var(--_tst-dn-dt-se-le-ht));
252
- text-decoration: var(--_ctm-dn-cy-ce-se-ue, var(--_tst-dn-dt-se-tt-de));
629
+ background-color: var(
630
+ --_ctm-mob-dn-cy-ce-se-bd-cr,
631
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
632
+ );
633
+ color: var(
634
+ --_ctm-mob-dn-cy-ce-se-cr,
635
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
636
+ );
637
+ font-family: var(
638
+ --_ctm-mob-dn-cy-ce-se-ft-fy,
639
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
640
+ ),
641
+ sans-serif;
642
+ font-size: var(
643
+ --_ctm-mob-dn-cy-ce-se-ft-se,
644
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
645
+ );
646
+ font-weight: var(
647
+ --_ctm-mob-dn-cy-ce-se-ft-wt,
648
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
649
+ );
650
+ font-style: var(
651
+ --_ctm-mob-dn-cy-ce-se-ft-se-ic,
652
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
653
+ );
654
+ text-align: var(
655
+ --_ctm-mob-dn-cy-ce-se-tt-an,
656
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
657
+ );
658
+ letter-spacing: var(
659
+ --_ctm-mob-dn-cy-ce-se-lr-sg,
660
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
661
+ );
662
+ line-height: var(
663
+ --_ctm-mob-dn-cy-ce-se-le-ht,
664
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
665
+ );
666
+ text-decoration: var(
667
+ --_ctm-mob-dn-cy-ce-se-ue,
668
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
669
+ );
670
+
253
671
  border-color: var(
254
672
  --_show-border,
255
- var(--_ctm-dn-cy-ce-se-br-cr, var(--_tst-dn-br-cr))
673
+ var(
674
+ --_ctm-mob-dn-cy-ce-se-br-cr,
675
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
676
+ )
256
677
  );
257
678
  border-style: var(
258
679
  --_show-border,
259
- var(--_ctm-dn-cy-ce-se-br-se, var(--_tst-dn-br-se))
680
+ var(
681
+ --_ctm-mob-dn-cy-ce-se-br-se,
682
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
683
+ )
260
684
  );
261
685
  border-width: var(
262
686
  --_show-border,
263
- var(--_ctm-dn-cy-ce-se-br-wh, var(--_tst-dn-br-wh))
687
+ var(
688
+ --_ctm-mob-dn-cy-ce-se-br-wh,
689
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
690
+ )
691
+ );
692
+ border-radius: var(
693
+ --_ctm-mob-dn-cy-ce-se-br-rs,
694
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
264
695
  );
265
- border-radius: var(--_ctm-dn-cy-ce-se-br-rs, var(--_tst-dn-br-rs));
696
+
266
697
  box-shadow: var(
267
698
  --_show-shadow,
268
- var(--_ctm-dn-cy-ce-se-sw-ae, var(--_tst-dn-sw-ae))
269
- var(--_ctm-dn-cy-ce-se-sw-br, var(--_tst-dn-sw-br))
270
- var(--_ctm-dn-cy-ce-se-sw-sd, var(--_tst-dn-sw-sd))
271
- var(--_ctm-dn-cy-ce-se-sw-cr, var(--_tst-dn-sw-cr))
699
+ var(
700
+ --_ctm-mob-dn-cy-ce-se-sw-ae,
701
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
702
+ )
703
+ var(
704
+ --_ctm-mob-dn-cy-ce-se-sw-br,
705
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
706
+ )
707
+ var(
708
+ --_ctm-mob-dn-cy-ce-se-sw-sd,
709
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
710
+ )
711
+ var(
712
+ --_ctm-mob-dn-cy-ce-se-sw-cr,
713
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
714
+ )
272
715
  );
273
716
  }
717
+
274
718
  .uom-span {
275
- background-color: var(--_ctm-dn-um-se-bd-cr);
276
- color: var(--_ctm-dn-um-se-cr, var(--_tst-dn-dt-se-cr));
277
- font-family: var(--_ctm-dn-um-se-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
278
- font-size: var(--_ctm-dn-um-se-ft-se, var(--_tst-dn-dt-se-ft-se));
279
- font-weight: var(--_ctm-dn-um-se-ft-wt, var(--_tst-dn-dt-se-ft-wt));
280
- font-style: var(--_ctm-dn-um-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
281
- text-align: var(--_ctm-dn-um-se-tt-an, var(--_tst-dn-dt-se-tt-an));
282
- letter-spacing: var(--_ctm-dn-um-se-lr-sg, var(--_tst-dn-dt-se-lr-sg));
283
- line-height: var(--_ctm-dn-um-se-le-ht, var(--_tst-dn-dt-se-le-ht));
284
- text-decoration: var(--_ctm-dn-um-se-ue, var(--_tst-dn-dt-se-tt-de));
285
- border-color: var(--_show-border, var(--_ctm-dn-um-se-br-cr, var(--_tst-dn-br-cr)));
286
- border-style: var(--_show-border, var(--_ctm-dn-um-se-br-se, var(--_tst-dn-br-se)));
287
- border-width: var(--_show-border, var(--_ctm-dn-um-se-br-wh, var(--_tst-dn-br-wh)));
288
- border-radius: var(--_ctm-dn-um-se-br-rs, var(--_tst-dn-br-rs));
719
+ background-color: var(
720
+ --_ctm-mob-dn-um-se-bd-cr,
721
+ var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr))
722
+ );
723
+ color: var(
724
+ --_ctm-mob-dn-um-se-cr,
725
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
726
+ );
727
+ font-family: var(
728
+ --_ctm-mob-dn-um-se-ft-fy,
729
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
730
+ ),
731
+ sans-serif;
732
+ font-size: var(
733
+ --_ctm-mob-dn-um-se-ft-se,
734
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
735
+ );
736
+ font-weight: var(
737
+ --_ctm-mob-dn-um-se-ft-wt,
738
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
739
+ );
740
+ font-style: var(
741
+ --_ctm-mob-dn-um-se-ft-se-ic,
742
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
743
+ );
744
+ text-align: var(
745
+ --_ctm-mob-dn-um-se-tt-an,
746
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
747
+ );
748
+ letter-spacing: var(
749
+ --_ctm-mob-dn-um-se-lr-sg,
750
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
751
+ );
752
+ line-height: var(
753
+ --_ctm-mob-dn-um-se-le-ht,
754
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
755
+ );
756
+ text-decoration: var(
757
+ --_ctm-mob-dn-um-se-ue,
758
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
759
+ );
760
+
761
+ border-color: var(
762
+ --_show-border,
763
+ var(
764
+ --_ctm-mob-dn-um-se-br-cr,
765
+ var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr))
766
+ )
767
+ );
768
+ border-style: var(
769
+ --_show-border,
770
+ var(
771
+ --_ctm-mob-dn-um-se-br-se,
772
+ var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se))
773
+ )
774
+ );
775
+ border-width: var(
776
+ --_show-border,
777
+ var(
778
+ --_ctm-mob-dn-um-se-br-wh,
779
+ var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh))
780
+ )
781
+ );
782
+ border-radius: var(
783
+ --_ctm-mob-dn-um-se-br-rs,
784
+ var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs))
785
+ );
786
+
289
787
  box-shadow: var(
290
788
  --_show-shadow,
291
- var(--_ctm-dn-um-se-sw-ae, var(--_tst-dn-sw-ae))
292
- var(--_ctm-dn-um-se-sw-br, var(--_tst-dn-sw-br))
293
- var(--_ctm-dn-um-se-sw-sd, var(--_tst-dn-sw-sd))
294
- var(--_ctm-dn-um-se-sw-cr, var(--_tst-dn-sw-cr))
789
+ var(
790
+ --_ctm-mob-dn-um-se-sw-ae,
791
+ var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae))
792
+ )
793
+ var(
794
+ --_ctm-mob-dn-um-se-sw-br,
795
+ var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))
796
+ )
797
+ var(
798
+ --_ctm-mob-dn-um-se-sw-sd,
799
+ var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))
800
+ )
801
+ var(
802
+ --_ctm-mob-dn-um-se-sw-cr,
803
+ var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))
804
+ )
295
805
  );
296
806
  }
297
807
  }
@@ -299,81 +809,255 @@
299
809
  .product-savings {
300
810
  .product-savings-wrapper {
301
811
  .savings-percent-span {
302
- background-color: var(--_ctm-dn-ss-bd-cr);
303
- color: var(--_ctm-dn-ss-cr, var(--_tst-dn-dt-se-cr));
304
- font-family: var(--_ctm-dn-ss-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
305
- font-size: var(--_ctm-dn-ss-ft-se, var(--_tst-dn-dt-se-ft-se));
306
- font-weight: var(--_ctm-dn-ss-ft-wt, var(--_tst-dn-dt-se-ft-wt));
307
- font-style: var(--_ctm-dn-ss-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
308
- text-align: var(--_ctm-dn-ss-tt-an, var(--_tst-dn-dt-se-tt-an));
309
- letter-spacing: var(--_ctm-dn-ss-lr-sg, var(--_tst-dn-dt-se-lr-sg));
310
- line-height: var(--_ctm-dn-ss-le-ht, var(--_tst-dn-dt-se-le-ht));
311
- text-decoration: var(--_ctm-dn-ss-ue, var(--_tst-dn-dt-se-tt-de));
312
- border-color: var(--_show-border, var(--_ctm-dn-ss-br-cr, var(--_tst-dn-br-cr)));
313
- border-style: var(--_show-border, var(--_ctm-dn-ss-br-se, var(--_tst-dn-br-se)));
314
- border-width: var(--_show-border, var(--_ctm-dn-ss-br-wh, var(--_tst-dn-br-wh)));
315
- border-radius: var(--_ctm-dn-ss-br-rs, var(--_tst-dn-br-rs));
812
+ background-color: var(
813
+ --_ctm-mob-dn-ss-bd-cr,
814
+ var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
815
+ );
816
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
817
+ font-family: var(
818
+ --_ctm-mob-dn-ss-ft-fy,
819
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
820
+ ),
821
+ sans-serif;
822
+ font-size: var(
823
+ --_ctm-mob-dn-ss-ft-se,
824
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
825
+ );
826
+ font-weight: var(
827
+ --_ctm-mob-dn-ss-ft-wt,
828
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
829
+ );
830
+ font-style: var(
831
+ --_ctm-mob-dn-ss-ft-se-ic,
832
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
833
+ );
834
+ text-align: var(
835
+ --_ctm-mob-dn-ss-tt-an,
836
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
837
+ );
838
+ letter-spacing: var(
839
+ --_ctm-mob-dn-ss-lr-sg,
840
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
841
+ );
842
+ line-height: var(
843
+ --_ctm-mob-dn-ss-le-ht,
844
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
845
+ );
846
+ text-decoration: var(
847
+ --_ctm-mob-dn-ss-ue,
848
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
849
+ );
850
+
851
+ border-color: var(
852
+ --_show-border,
853
+ var(--_ctm-mob-dn-ss-br-cr, var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr)))
854
+ );
855
+ border-style: var(
856
+ --_show-border,
857
+ var(--_ctm-mob-dn-ss-br-se, var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se)))
858
+ );
859
+ border-width: var(
860
+ --_show-border,
861
+ var(--_ctm-mob-dn-ss-br-wh, var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh)))
862
+ );
863
+ border-radius: var(
864
+ --_ctm-mob-dn-ss-br-rs,
865
+ var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
866
+ );
867
+
316
868
  box-shadow: var(
317
869
  --_show-shadow,
318
- var(--_ctm-dn-ss-sw-ae, var(--_tst-dn-sw-ae))
319
- var(--_ctm-dn-ss-sw-br, var(--_tst-dn-sw-br))
320
- var(--_ctm-dn-ss-sw-sd, var(--_tst-dn-sw-sd))
321
- var(--_ctm-dn-ss-sw-cr, var(--_tst-dn-sw-cr))
870
+ var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
871
+ var(
872
+ --_ctm-mob-dn-ss-sw-br,
873
+ var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br))
874
+ )
875
+ var(
876
+ --_ctm-mob-dn-ss-sw-sd,
877
+ var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd))
878
+ )
879
+ var(
880
+ --_ctm-mob-dn-ss-sw-cr,
881
+ var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr))
882
+ )
322
883
  );
323
884
  }
324
885
  .savings-value-span {
325
- background-color: var(--_ctm-dn-ss-ve-bd-cr);
326
- color: var(--_ctm-dn-ss-ve-cr, var(--_tst-dn-dt-se-cr));
327
- font-family: var(--_ctm-dn-ss-ve-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
328
- font-size: var(--_ctm-dn-ss-ve-ft-se, var(--_tst-dn-dt-se-ft-se));
329
- font-weight: var(--_ctm-dn-ss-ve-ft-wt, var(--_tst-dn-dt-se-ft-wt));
330
- font-style: var(--_ctm-dn-ss-ve-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
331
- text-align: var(--_ctm-dn-ss-ve-tt-an, var(--_tst-dn-dt-se-tt-an));
332
- letter-spacing: var(--_ctm-dn-ss-ve-lr-sg, var(--_tst-dn-dt-se-lr-sg));
333
- line-height: var(--_ctm-dn-ss-ve-le-ht, var(--_tst-dn-dt-se-le-ht));
334
- text-decoration: var(--_ctm-dn-ss-ve-ue, var(--_tst-dn-dt-se-tt-de));
335
- border-color: var(--_show-border, var(--_ctm-dn-ss-ve-br-cr, var(--_tst-dn-br-cr)));
336
- border-style: var(--_show-border, var(--_ctm-dn-ss-ve-br-se, var(--_tst-dn-br-se)));
337
- border-width: var(--_show-border, var(--_ctm-dn-ss-ve-br-wh, var(--_tst-dn-br-wh)));
338
- border-radius: var(--_ctm-dn-ss-ve-br-rs, var(--_tst-dn-br-rs));
886
+ background-color: var(
887
+ --_ctm-mob-dn-ss-ve-bd-cr,
888
+ var(--_ctm-tab-dn-ss-ve-bd-cr, var(--_ctm-dn-ss-ve-bd-cr))
889
+ );
890
+ color: var(
891
+ --_ctm-mob-dn-ss-ve-cr,
892
+ var(--_ctm-tab-dn-ss-ve-cr, var(--_ctm-dn-ss-ve-cr))
893
+ );
894
+ font-family: var(
895
+ --_ctm-mob-dn-ss-ve-ft-fy,
896
+ var(--_ctm-tab-dn-ss-ve-ft-fy, var(--_ctm-dn-ss-ve-ft-fy))
897
+ ),
898
+ sans-serif;
899
+ font-size: var(
900
+ --_ctm-mob-dn-ss-ve-ft-se,
901
+ var(--_ctm-tab-dn-ss-ve-ft-se, var(--_ctm-dn-ss-ve-ft-se))
902
+ );
903
+ font-weight: var(
904
+ --_ctm-mob-dn-ss-ve-ft-wt,
905
+ var(--_ctm-tab-dn-ss-ve-ft-wt, var(--_ctm-dn-ss-ve-ft-wt))
906
+ );
907
+ font-style: var(
908
+ --_ctm-mob-dn-ss-ve-ft-se-ic,
909
+ var(--_ctm-tab-dn-ss-ve-ft-se-ic, var(--_ctm-dn-ss-ve-ft-se-ic))
910
+ );
911
+ text-align: var(
912
+ --_ctm-mob-dn-ss-ve-tt-an,
913
+ var(--_ctm-tab-dn-ss-ve-tt-an, var(--_ctm-dn-ss-ve-tt-an))
914
+ );
915
+ letter-spacing: var(
916
+ --_ctm-mob-dn-ss-ve-lr-sg,
917
+ var(--_ctm-tab-dn-ss-ve-lr-sg, var(--_ctm-dn-ss-ve-lr-sg))
918
+ );
919
+ line-height: var(
920
+ --_ctm-mob-dn-ss-ve-le-ht,
921
+ var(--_ctm-tab-dn-ss-ve-le-ht, var(--_ctm-dn-ss-ve-le-ht))
922
+ );
923
+ text-decoration: var(
924
+ --_ctm-mob-dn-ss-ve-ue,
925
+ var(--_ctm-tab-dn-ss-ve-ue, var(--_ctm-dn-ss-ve-ue))
926
+ );
927
+
928
+ border-color: var(
929
+ --_show-border,
930
+ var(
931
+ --_ctm-mob-dn-ss-ve-br-cr,
932
+ var(--_ctm-tab-dn-ss-ve-br-cr, var(--_ctm-dn-ss-ve-br-cr))
933
+ )
934
+ );
935
+ border-style: var(
936
+ --_show-border,
937
+ var(
938
+ --_ctm-mob-dn-ss-ve-br-se,
939
+ var(--_ctm-tab-dn-ss-ve-br-se, var(--_ctm-dn-ss-ve-br-se))
940
+ )
941
+ );
942
+ border-width: var(
943
+ --_show-border,
944
+ var(
945
+ --_ctm-mob-dn-ss-ve-br-wh,
946
+ var(--_ctm-tab-dn-ss-ve-br-wh, var(--_ctm-dn-ss-ve-br-wh))
947
+ )
948
+ );
949
+ border-radius: var(
950
+ --_ctm-mob-dn-ss-ve-br-rs,
951
+ var(--_ctm-tab-dn-ss-ve-br-rs, var(--_ctm-dn-ss-ve-br-rs))
952
+ );
953
+
339
954
  box-shadow: var(
340
955
  --_show-shadow,
341
- var(--_ctm-dn-ss-ve-sw-ae, var(--_tst-dn-sw-ae))
342
- var(--_ctm-dn-ss-ve-sw-br, var(--_tst-dn-sw-br))
343
- var(--_ctm-dn-ss-ve-sw-sd, var(--_tst-dn-sw-sd))
344
- var(--_ctm-dn-ss-ve-sw-cr, var(--_tst-dn-sw-cr))
956
+ var(
957
+ --_ctm-mob-dn-ss-ve-sw-ae,
958
+ var(--_ctm-tab-dn-ss-ve-sw-ae, var(--_ctm-dn-ss-ve-sw-ae))
959
+ )
960
+ var(
961
+ --_ctm-mob-dn-ss-ve-sw-br,
962
+ var(--_ctm-tab-dn-ss-ve-sw-br, var(--_ctm-dn-ss-ve-sw-br))
963
+ )
964
+ var(
965
+ --_ctm-mob-dn-ss-ve-sw-sd,
966
+ var(--_ctm-tab-dn-ss-ve-sw-sd, var(--_ctm-dn-ss-ve-sw-sd))
967
+ )
968
+ var(
969
+ --_ctm-mob-dn-ss-ve-sw-cr,
970
+ var(--_ctm-tab-dn-ss-ve-sw-cr, var(--_ctm-dn-ss-ve-sw-cr))
971
+ )
345
972
  );
346
973
  }
347
974
  .code-span {
348
- background-color: var(--_ctm-dn-cy-ce-se-bd-cr);
349
- color: var(--_ctm-dn-cy-ce-se-cr, var(--_tst-dn-dt-se-cr));
350
- font-family: var(--_ctm-dn-cy-ce-se-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
351
- font-size: var(--_ctm-dn-cy-ce-se-ft-se, var(--_tst-dn-dt-se-ft-se));
352
- font-weight: var(--_ctm-dn-cy-ce-se-ft-wt, var(--_tst-dn-dt-se-ft-wt));
353
- font-style: var(--_ctm-dn-cy-ce-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
354
- text-align: var(--_ctm-dn-cy-ce-se-tt-an, var(--_tst-dn-dt-se-tt-an));
355
- letter-spacing: var(--_ctm-dn-cy-ce-se-lr-sg, var(--_tst-dn-dt-se-lr-sg));
356
- line-height: var(--_ctm-dn-cy-ce-se-le-ht, var(--_tst-dn-dt-se-le-ht));
357
- text-decoration: var(--_ctm-dn-cy-ce-se-ue, var(--_tst-dn-dt-se-tt-de));
975
+ background-color: var(
976
+ --_ctm-mob-dn-cy-ce-se-bd-cr,
977
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
978
+ );
979
+ color: var(
980
+ --_ctm-mob-dn-cy-ce-se-cr,
981
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
982
+ );
983
+ font-family: var(
984
+ --_ctm-mob-dn-cy-ce-se-ft-fy,
985
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
986
+ ),
987
+ sans-serif;
988
+ font-size: var(
989
+ --_ctm-mob-dn-cy-ce-se-ft-se,
990
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
991
+ );
992
+ font-weight: var(
993
+ --_ctm-mob-dn-cy-ce-se-ft-wt,
994
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
995
+ );
996
+ font-style: var(
997
+ --_ctm-mob-dn-cy-ce-se-ft-se-ic,
998
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
999
+ );
1000
+ text-align: var(
1001
+ --_ctm-mob-dn-cy-ce-se-tt-an,
1002
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
1003
+ );
1004
+ letter-spacing: var(
1005
+ --_ctm-mob-dn-cy-ce-se-lr-sg,
1006
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
1007
+ );
1008
+ line-height: var(
1009
+ --_ctm-mob-dn-cy-ce-se-le-ht,
1010
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
1011
+ );
1012
+ text-decoration: var(
1013
+ --_ctm-mob-dn-cy-ce-se-ue,
1014
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
1015
+ );
1016
+
358
1017
  border-color: var(
359
1018
  --_show-border,
360
- var(--_ctm-dn-cy-ce-se-br-cr, var(--_tst-dn-br-cr))
1019
+ var(
1020
+ --_ctm-mob-dn-cy-ce-se-br-cr,
1021
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
1022
+ )
361
1023
  );
362
1024
  border-style: var(
363
1025
  --_show-border,
364
- var(--_ctm-dn-cy-ce-se-br-se, var(--_tst-dn-br-se))
1026
+ var(
1027
+ --_ctm-mob-dn-cy-ce-se-br-se,
1028
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
1029
+ )
365
1030
  );
366
1031
  border-width: var(
367
1032
  --_show-border,
368
- var(--_ctm-dn-cy-ce-se-br-wh, var(--_tst-dn-br-wh))
1033
+ var(
1034
+ --_ctm-mob-dn-cy-ce-se-br-wh,
1035
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
1036
+ )
369
1037
  );
370
- border-radius: var(--_ctm-dn-cy-ce-se-br-rs, var(--_tst-dn-br-rs));
1038
+ border-radius: var(
1039
+ --_ctm-mob-dn-cy-ce-se-br-rs,
1040
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
1041
+ );
1042
+
371
1043
  box-shadow: var(
372
1044
  --_show-shadow,
373
- var(--_ctm-dn-cy-ce-se-sw-ae, var(--_tst-dn-sw-ae))
374
- var(--_ctm-dn-cy-ce-se-sw-br, var(--_tst-dn-sw-br))
375
- var(--_ctm-dn-cy-ce-se-sw-sd, var(--_tst-dn-sw-sd))
376
- var(--_ctm-dn-cy-ce-se-sw-cr, var(--_tst-dn-sw-cr))
1045
+ var(
1046
+ --_ctm-mob-dn-cy-ce-se-sw-ae,
1047
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
1048
+ )
1049
+ var(
1050
+ --_ctm-mob-dn-cy-ce-se-sw-br,
1051
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
1052
+ )
1053
+ var(
1054
+ --_ctm-mob-dn-cy-ce-se-sw-sd,
1055
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
1056
+ )
1057
+ var(
1058
+ --_ctm-mob-dn-cy-ce-se-sw-cr,
1059
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
1060
+ )
377
1061
  );
378
1062
  }
379
1063
  }
@@ -384,26 +1068,93 @@
384
1068
  align-items: center;
385
1069
  justify-content: space-between;
386
1070
  gap: 5px;
387
- background-color: var(--_ctm-dn-pt-tx-bd-cr);
388
- color: var(--_ctm-dn-pt-tx-cr, var(--_tst-dn-dt-se-cr));
389
- font-family: var(--_ctm-dn-pt-tx-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
390
- font-size: var(--_ctm-dn-pt-tx-ft-se, var(--_tst-dn-dt-se-ft-se));
391
- font-weight: var(--_ctm-dn-pt-tx-ft-wt, var(--_tst-dn-dt-se-ft-wt));
392
- font-style: var(--_ctm-dn-pt-tx-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
393
- text-align: var(--_ctm-dn-pt-tx-tt-an, var(--_tst-dn-dt-se-tt-an));
394
- letter-spacing: var(--_ctm-dn-pt-tx-lr-sg, var(--_tst-dn-dt-se-lr-sg));
395
- line-height: var(--_ctm-dn-pt-tx-le-ht, var(--_tst-dn-dt-se-le-ht));
396
- text-decoration: var(--_ctm-dn-pt-tx-ue, var(--_tst-dn-dt-se-tt-de));
397
- border-color: var(--_show-border, var(--_ctm-dn-pt-tx-br-cr, var(--_tst-dn-br-cr)));
398
- border-style: var(--_show-border, var(--_ctm-dn-pt-tx-br-se, var(--_tst-dn-br-se)));
399
- border-width: var(--_show-border, var(--_ctm-dn-pt-tx-br-wh, var(--_tst-dn-br-wh)));
400
- border-radius: var(--_ctm-dn-pt-tx-br-rs, var(--_tst-dn-br-rs));
1071
+
1072
+ background-color: var(
1073
+ --_ctm-mob-dn-pt-tx-bd-cr,
1074
+ var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr))
1075
+ );
1076
+ color: var(
1077
+ --_ctm-mob-dn-pt-tx-cr,
1078
+ var(--_ctm-tab-dn-pt-tx-cr, var(--_ctm-dn-pt-tx-cr))
1079
+ );
1080
+ font-family: var(
1081
+ --_ctm-mob-dn-pt-tx-ft-fy,
1082
+ var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy))
1083
+ ),
1084
+ sans-serif;
1085
+ font-size: var(
1086
+ --_ctm-mob-dn-pt-tx-ft-se,
1087
+ var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se))
1088
+ );
1089
+ font-weight: var(
1090
+ --_ctm-mob-dn-pt-tx-ft-wt,
1091
+ var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt))
1092
+ );
1093
+ font-style: var(
1094
+ --_ctm-mob-dn-pt-tx-ft-se-ic,
1095
+ var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic))
1096
+ );
1097
+ text-align: var(
1098
+ --_ctm-mob-dn-pt-tx-tt-an,
1099
+ var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an))
1100
+ );
1101
+ letter-spacing: var(
1102
+ --_ctm-mob-dn-pt-tx-lr-sg,
1103
+ var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg))
1104
+ );
1105
+ line-height: var(
1106
+ --_ctm-mob-dn-pt-tx-le-ht,
1107
+ var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht))
1108
+ );
1109
+ text-decoration: var(
1110
+ --_ctm-mob-dn-pt-tx-ue,
1111
+ var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue))
1112
+ );
1113
+
1114
+ border-color: var(
1115
+ --_show-border,
1116
+ var(
1117
+ --_ctm-mob-dn-pt-tx-br-cr,
1118
+ var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr))
1119
+ )
1120
+ );
1121
+ border-style: var(
1122
+ --_show-border,
1123
+ var(
1124
+ --_ctm-mob-dn-pt-tx-br-se,
1125
+ var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se))
1126
+ )
1127
+ );
1128
+ border-width: var(
1129
+ --_show-border,
1130
+ var(
1131
+ --_ctm-mob-dn-pt-tx-br-wh,
1132
+ var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh))
1133
+ )
1134
+ );
1135
+ border-radius: var(
1136
+ --_ctm-mob-dn-pt-tx-br-rs,
1137
+ var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs))
1138
+ );
1139
+
401
1140
  box-shadow: var(
402
1141
  --_show-shadow,
403
- var(--_ctm-dn-pt-tx-sw-ae, var(--_tst-dn-sw-ae))
404
- var(--_ctm-dn-pt-tx-sw-br, var(--_tst-dn-sw-br))
405
- var(--_ctm-dn-pt-tx-sw-sd, var(--_tst-dn-sw-sd))
406
- var(--_ctm-dn-pt-tx-sw-cr, var(--_tst-dn-sw-cr))
1142
+ var(
1143
+ --_ctm-mob-dn-pt-tx-sw-ae,
1144
+ var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae))
1145
+ )
1146
+ var(
1147
+ --_ctm-mob-dn-pt-tx-sw-br,
1148
+ var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))
1149
+ )
1150
+ var(
1151
+ --_ctm-mob-dn-pt-tx-sw-sd,
1152
+ var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))
1153
+ )
1154
+ var(
1155
+ --_ctm-mob-dn-pt-tx-sw-cr,
1156
+ var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))
1157
+ )
407
1158
  );
408
1159
  }
409
1160
  .shipping-box {
@@ -411,35 +1162,93 @@
411
1162
  align-items: center;
412
1163
  justify-content: space-between;
413
1164
  gap: 5px;
414
- background-color: var(--_ctm-dn-pt-sg-pe-bd-cr);
415
- color: var(--_ctm-dn-pt-sg-pe-cr, var(--_tst-dn-dt-se-cr));
416
- font-family: var(--_ctm-dn-pt-sg-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
417
- font-size: var(--_ctm-dn-pt-sg-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
418
- font-weight: var(--_ctm-dn-pt-sg-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
419
- font-style: var(--_ctm-dn-pt-sg-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
420
- text-align: var(--_ctm-dn-pt-sg-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
421
- letter-spacing: var(--_ctm-dn-pt-sg-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
422
- line-height: var(--_ctm-dn-pt-sg-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
423
- text-decoration: var(--_ctm-dn-pt-sg-pe-ue, var(--_tst-dn-dt-se-tt-de));
1165
+
1166
+ background-color: var(
1167
+ --_ctm-mob-dn-pt-sg-pe-bd-cr,
1168
+ var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr))
1169
+ );
1170
+ color: var(
1171
+ --_ctm-mob-dn-pt-sg-pe-cr,
1172
+ var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr))
1173
+ );
1174
+ font-family: var(
1175
+ --_ctm-mob-dn-pt-sg-pe-ft-fy,
1176
+ var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy))
1177
+ ),
1178
+ sans-serif;
1179
+ font-size: var(
1180
+ --_ctm-mob-dn-pt-sg-pe-ft-se,
1181
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se))
1182
+ );
1183
+ font-weight: var(
1184
+ --_ctm-mob-dn-pt-sg-pe-ft-wt,
1185
+ var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt))
1186
+ );
1187
+ font-style: var(
1188
+ --_ctm-mob-dn-pt-sg-pe-ft-se-ic,
1189
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic))
1190
+ );
1191
+ text-align: var(
1192
+ --_ctm-mob-dn-pt-sg-pe-tt-an,
1193
+ var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an))
1194
+ );
1195
+ letter-spacing: var(
1196
+ --_ctm-mob-dn-pt-sg-pe-lr-sg,
1197
+ var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg))
1198
+ );
1199
+ line-height: var(
1200
+ --_ctm-mob-dn-pt-sg-pe-le-ht,
1201
+ var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht))
1202
+ );
1203
+ text-decoration: var(
1204
+ --_ctm-mob-dn-pt-sg-pe-ue,
1205
+ var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue))
1206
+ );
1207
+
424
1208
  border-color: var(
425
1209
  --_show-border,
426
- var(--_ctm-dn-pt-sg-pe-br-cr, var(--_tst-dn-br-cr))
1210
+ var(
1211
+ --_ctm-mob-dn-pt-sg-pe-br-cr,
1212
+ var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))
1213
+ )
427
1214
  );
428
1215
  border-style: var(
429
1216
  --_show-border,
430
- var(--_ctm-dn-pt-sg-pe-br-se, var(--_tst-dn-br-se))
1217
+ var(
1218
+ --_ctm-mob-dn-pt-sg-pe-br-se,
1219
+ var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))
1220
+ )
431
1221
  );
432
1222
  border-width: var(
433
1223
  --_show-border,
434
- var(--_ctm-dn-pt-sg-pe-br-wh, var(--_tst-dn-br-wh))
1224
+ var(
1225
+ --_ctm-mob-dn-pt-sg-pe-br-wh,
1226
+ var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))
1227
+ )
435
1228
  );
436
- border-radius: var(--_ctm-dn-pt-sg-pe-br-rs, var(--_tst-dn-br-rs));
1229
+ border-radius: var(
1230
+ --_ctm-mob-dn-pt-sg-pe-br-rs,
1231
+ var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs))
1232
+ );
1233
+
437
1234
  box-shadow: var(
438
1235
  --_show-shadow,
439
- var(--_ctm-dn-pt-sg-pe-sw-ae, var(--_tst-dn-sw-ae))
440
- var(--_ctm-dn-pt-sg-pe-sw-br, var(--_tst-dn-sw-br))
441
- var(--_ctm-dn-pt-sg-pe-sw-sd, var(--_tst-dn-sw-sd))
442
- var(--_ctm-dn-pt-sg-pe-sw-cr, var(--_tst-dn-sw-cr))
1236
+ var(
1237
+ --_ctm-mob-dn-pt-sg-pe-sw-ae,
1238
+ var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))
1239
+ )
1240
+ var(
1241
+ --_ctm-mob-dn-pt-sg-pe-sw-br,
1242
+ var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))
1243
+ )
1244
+ var(
1245
+ --_ctm-mob-dn-pt-sg-pe-sw-sd,
1246
+ var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))
1247
+ )
1248
+ var(
1249
+ --_ctm-mob-dn-pt-sg-pe-sw-cr,
1250
+ var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))
1251
+ )
443
1252
  );
444
1253
  }
445
1254
  .embellishment-box {
@@ -447,26 +1256,93 @@
447
1256
  align-items: center;
448
1257
  justify-content: space-between;
449
1258
  gap: 5px;
450
- background-color: var(--_ctm-dn-et-pe-bd-cr);
451
- color: var(--_ctm-dn-et-pe-cr, var(--_tst-dn-dt-se-cr));
452
- font-family: var(--_ctm-dn-et-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
453
- font-size: var(--_ctm-dn-et-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
454
- font-weight: var(--_ctm-dn-et-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
455
- font-style: var(--_ctm-dn-et-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
456
- text-align: var(--_ctm-dn-et-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
457
- letter-spacing: var(--_ctm-dn-et-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
458
- line-height: var(--_ctm-dn-et-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
459
- text-decoration: var(--_ctm-dn-et-pe-ue, var(--_tst-dn-dt-se-tt-de));
460
- border-color: var(--_show-border, var(--_ctm-dn-et-pe-br-cr, var(--_tst-dn-br-cr)));
461
- border-style: var(--_show-border, var(--_ctm-dn-et-pe-br-se, var(--_tst-dn-br-se)));
462
- border-width: var(--_show-border, var(--_ctm-dn-et-pe-br-wh, var(--_tst-dn-br-wh)));
463
- border-radius: var(--_ctm-dn-et-pe-br-rs, var(--_tst-dn-br-rs));
1259
+
1260
+ background-color: var(
1261
+ --_ctm-mob-dn-et-pe-bd-cr,
1262
+ var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr))
1263
+ );
1264
+ color: var(
1265
+ --_ctm-mob-dn-et-pe-cr,
1266
+ var(--_ctm-tab-dn-et-pe-cr, var(--_ctm-dn-et-pe-cr))
1267
+ );
1268
+ font-family: var(
1269
+ --_ctm-mob-dn-et-pe-ft-fy,
1270
+ var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy))
1271
+ ),
1272
+ sans-serif;
1273
+ font-size: var(
1274
+ --_ctm-mob-dn-et-pe-ft-se,
1275
+ var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se))
1276
+ );
1277
+ font-weight: var(
1278
+ --_ctm-mob-dn-et-pe-ft-wt,
1279
+ var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt))
1280
+ );
1281
+ font-style: var(
1282
+ --_ctm-mob-dn-et-pe-ft-se-ic,
1283
+ var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic))
1284
+ );
1285
+ text-align: var(
1286
+ --_ctm-mob-dn-et-pe-tt-an,
1287
+ var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an))
1288
+ );
1289
+ letter-spacing: var(
1290
+ --_ctm-mob-dn-et-pe-lr-sg,
1291
+ var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg))
1292
+ );
1293
+ line-height: var(
1294
+ --_ctm-mob-dn-et-pe-le-ht,
1295
+ var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht))
1296
+ );
1297
+ text-decoration: var(
1298
+ --_ctm-mob-dn-et-pe-ue,
1299
+ var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue))
1300
+ );
1301
+
1302
+ border-color: var(
1303
+ --_show-border,
1304
+ var(
1305
+ --_ctm-mob-dn-et-pe-br-cr,
1306
+ var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr))
1307
+ )
1308
+ );
1309
+ border-style: var(
1310
+ --_show-border,
1311
+ var(
1312
+ --_ctm-mob-dn-et-pe-br-se,
1313
+ var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se))
1314
+ )
1315
+ );
1316
+ border-width: var(
1317
+ --_show-border,
1318
+ var(
1319
+ --_ctm-mob-dn-et-pe-br-wh,
1320
+ var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh))
1321
+ )
1322
+ );
1323
+ border-radius: var(
1324
+ --_ctm-mob-dn-et-pe-br-rs,
1325
+ var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs))
1326
+ );
1327
+
464
1328
  box-shadow: var(
465
1329
  --_show-shadow,
466
- var(--_ctm-dn-et-pe-sw-ae, var(--_tst-dn-sw-ae))
467
- var(--_ctm-dn-et-pe-sw-br, var(--_tst-dn-sw-br))
468
- var(--_ctm-dn-et-pe-sw-sd, var(--_tst-dn-sw-sd))
469
- var(--_ctm-dn-et-pe-sw-cr, var(--_tst-dn-sw-cr))
1330
+ var(
1331
+ --_ctm-mob-dn-et-pe-sw-ae,
1332
+ var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae))
1333
+ )
1334
+ var(
1335
+ --_ctm-mob-dn-et-pe-sw-br,
1336
+ var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))
1337
+ )
1338
+ var(
1339
+ --_ctm-mob-dn-et-pe-sw-sd,
1340
+ var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))
1341
+ )
1342
+ var(
1343
+ --_ctm-mob-dn-et-pe-sw-cr,
1344
+ var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))
1345
+ )
470
1346
  );
471
1347
  }
472
1348
  }
@@ -620,89 +1496,283 @@
620
1496
  align-items: center;
621
1497
  justify-content: space-between;
622
1498
  gap: 5px;
623
- background-color: var(--_ctm-dn-pt-tx-bd-cr);
624
- color: var(--_ctm-dn-pt-tx-cr, var(--_tst-dn-dt-se-cr));
625
- font-family: var(--_ctm-dn-pt-tx-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
626
- font-size: var(--_ctm-dn-pt-tx-ft-se, var(--_tst-dn-dt-se-ft-se));
627
- font-weight: var(--_ctm-dn-pt-tx-ft-wt, var(--_tst-dn-dt-se-ft-wt));
628
- font-style: var(--_ctm-dn-pt-tx-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
629
- text-align: var(--_ctm-dn-pt-tx-tt-an, var(--_tst-dn-dt-se-tt-an));
630
- letter-spacing: var(--_ctm-dn-pt-tx-lr-sg, var(--_tst-dn-dt-se-lr-sg));
631
- line-height: var(--_ctm-dn-pt-tx-le-ht, var(--_tst-dn-dt-se-le-ht));
632
- text-decoration: var(--_ctm-dn-pt-tx-ue, var(--_tst-dn-dt-se-tt-de));
633
- border-color: var(--_show-border, var(--_ctm-dn-pt-tx-br-cr, var(--_tst-dn-br-cr)));
634
- border-style: var(--_show-border, var(--_ctm-dn-pt-tx-br-se, var(--_tst-dn-br-se)));
635
- border-width: var(--_show-border, var(--_ctm-dn-pt-tx-br-wh, var(--_tst-dn-br-wh)));
636
- border-radius: var(--_ctm-dn-pt-tx-br-rs, var(--_tst-dn-br-rs));
1499
+
1500
+ background-color: var(
1501
+ --_ctm-mob-dn-pt-tx-bd-cr,
1502
+ var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr))
1503
+ );
1504
+ color: var(
1505
+ --_ctm-mob-dn-pt-tx-cr,
1506
+ var(--_ctm-tab-dn-pt-tx-cr, var(--_ctm-dn-pt-tx-cr))
1507
+ );
1508
+ font-family: var(
1509
+ --_ctm-mob-dn-pt-tx-ft-fy,
1510
+ var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy))
1511
+ ),
1512
+ sans-serif;
1513
+ font-size: var(
1514
+ --_ctm-mob-dn-pt-tx-ft-se,
1515
+ var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se))
1516
+ );
1517
+ font-weight: var(
1518
+ --_ctm-mob-dn-pt-tx-ft-wt,
1519
+ var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt))
1520
+ );
1521
+ font-style: var(
1522
+ --_ctm-mob-dn-pt-tx-ft-se-ic,
1523
+ var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic))
1524
+ );
1525
+ text-align: var(
1526
+ --_ctm-mob-dn-pt-tx-tt-an,
1527
+ var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an))
1528
+ );
1529
+ letter-spacing: var(
1530
+ --_ctm-mob-dn-pt-tx-lr-sg,
1531
+ var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg))
1532
+ );
1533
+ line-height: var(
1534
+ --_ctm-mob-dn-pt-tx-le-ht,
1535
+ var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht))
1536
+ );
1537
+ text-decoration: var(
1538
+ --_ctm-mob-dn-pt-tx-ue,
1539
+ var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue))
1540
+ );
1541
+
1542
+ border-color: var(
1543
+ --_show-border,
1544
+ var(
1545
+ --_ctm-mob-dn-pt-tx-br-cr,
1546
+ var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr))
1547
+ )
1548
+ );
1549
+ border-style: var(
1550
+ --_show-border,
1551
+ var(
1552
+ --_ctm-mob-dn-pt-tx-br-se,
1553
+ var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se))
1554
+ )
1555
+ );
1556
+ border-width: var(
1557
+ --_show-border,
1558
+ var(
1559
+ --_ctm-mob-dn-pt-tx-br-wh,
1560
+ var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh))
1561
+ )
1562
+ );
1563
+ border-radius: var(
1564
+ --_ctm-mob-dn-pt-tx-br-rs,
1565
+ var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs))
1566
+ );
1567
+
637
1568
  box-shadow: var(
638
1569
  --_show-shadow,
639
- var(--_ctm-dn-pt-tx-sw-ae, var(--_tst-dn-sw-ae))
640
- var(--_ctm-dn-pt-tx-sw-br, var(--_tst-dn-sw-br))
641
- var(--_ctm-dn-pt-tx-sw-sd, var(--_tst-dn-sw-sd))
642
- var(--_ctm-dn-pt-tx-sw-cr, var(--_tst-dn-sw-cr))
1570
+ var(
1571
+ --_ctm-mob-dn-pt-tx-sw-ae,
1572
+ var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae))
1573
+ )
1574
+ var(
1575
+ --_ctm-mob-dn-pt-tx-sw-br,
1576
+ var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))
1577
+ )
1578
+ var(
1579
+ --_ctm-mob-dn-pt-tx-sw-sd,
1580
+ var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))
1581
+ )
1582
+ var(
1583
+ --_ctm-mob-dn-pt-tx-sw-cr,
1584
+ var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))
1585
+ )
643
1586
  );
644
1587
  }
1588
+
645
1589
  .shipping-box {
646
1590
  display: flex;
647
1591
  align-items: center;
648
1592
  justify-content: space-between;
649
1593
  gap: 5px;
650
- background-color: var(--_ctm-dn-pt-sg-pe-bd-cr);
651
- color: var(--_ctm-dn-pt-sg-pe-cr, var(--_tst-dn-dt-se-cr));
652
- font-family: var(--_ctm-dn-pt-sg-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
653
- font-size: var(--_ctm-dn-pt-sg-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
654
- font-weight: var(--_ctm-dn-pt-sg-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
655
- font-style: var(--_ctm-dn-pt-sg-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
656
- text-align: var(--_ctm-dn-pt-sg-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
657
- letter-spacing: var(--_ctm-dn-pt-sg-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
658
- line-height: var(--_ctm-dn-pt-sg-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
659
- text-decoration: var(--_ctm-dn-pt-sg-pe-ue, var(--_tst-dn-dt-se-tt-de));
1594
+
1595
+ background-color: var(
1596
+ --_ctm-mob-dn-pt-sg-pe-bd-cr,
1597
+ var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr))
1598
+ );
1599
+ color: var(
1600
+ --_ctm-mob-dn-pt-sg-pe-cr,
1601
+ var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr))
1602
+ );
1603
+ font-family: var(
1604
+ --_ctm-mob-dn-pt-sg-pe-ft-fy,
1605
+ var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy))
1606
+ ),
1607
+ sans-serif;
1608
+ font-size: var(
1609
+ --_ctm-mob-dn-pt-sg-pe-ft-se,
1610
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se))
1611
+ );
1612
+ font-weight: var(
1613
+ --_ctm-mob-dn-pt-sg-pe-ft-wt,
1614
+ var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt))
1615
+ );
1616
+ font-style: var(
1617
+ --_ctm-mob-dn-pt-sg-pe-ft-se-ic,
1618
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic))
1619
+ );
1620
+ text-align: var(
1621
+ --_ctm-mob-dn-pt-sg-pe-tt-an,
1622
+ var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an))
1623
+ );
1624
+ letter-spacing: var(
1625
+ --_ctm-mob-dn-pt-sg-pe-lr-sg,
1626
+ var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg))
1627
+ );
1628
+ line-height: var(
1629
+ --_ctm-mob-dn-pt-sg-pe-le-ht,
1630
+ var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht))
1631
+ );
1632
+ text-decoration: var(
1633
+ --_ctm-mob-dn-pt-sg-pe-ue,
1634
+ var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue))
1635
+ );
1636
+
660
1637
  border-color: var(
661
1638
  --_show-border,
662
- var(--_ctm-dn-pt-sg-pe-br-cr, var(--_tst-dn-br-cr))
1639
+ var(
1640
+ --_ctm-mob-dn-pt-sg-pe-br-cr,
1641
+ var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))
1642
+ )
663
1643
  );
664
1644
  border-style: var(
665
1645
  --_show-border,
666
- var(--_ctm-dn-pt-sg-pe-br-se, var(--_tst-dn-br-se))
1646
+ var(
1647
+ --_ctm-mob-dn-pt-sg-pe-br-se,
1648
+ var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))
1649
+ )
667
1650
  );
668
1651
  border-width: var(
669
1652
  --_show-border,
670
- var(--_ctm-dn-pt-sg-pe-br-wh, var(--_tst-dn-br-wh))
1653
+ var(
1654
+ --_ctm-mob-dn-pt-sg-pe-br-wh,
1655
+ var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))
1656
+ )
671
1657
  );
672
- border-radius: var(--_ctm-dn-pt-sg-pe-br-rs, var(--_tst-dn-br-rs));
1658
+ border-radius: var(
1659
+ --_ctm-mob-dn-pt-sg-pe-br-rs,
1660
+ var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs))
1661
+ );
1662
+
673
1663
  box-shadow: var(
674
1664
  --_show-shadow,
675
- var(--_ctm-dn-pt-sg-pe-sw-ae, var(--_tst-dn-sw-ae))
676
- var(--_ctm-dn-pt-sg-pe-sw-br, var(--_tst-dn-sw-br))
677
- var(--_ctm-dn-pt-sg-pe-sw-sd, var(--_tst-dn-sw-sd))
678
- var(--_ctm-dn-pt-sg-pe-sw-cr, var(--_tst-dn-sw-cr))
1665
+ var(
1666
+ --_ctm-mob-dn-pt-sg-pe-sw-ae,
1667
+ var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))
1668
+ )
1669
+ var(
1670
+ --_ctm-mob-dn-pt-sg-pe-sw-br,
1671
+ var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))
1672
+ )
1673
+ var(
1674
+ --_ctm-mob-dn-pt-sg-pe-sw-sd,
1675
+ var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))
1676
+ )
1677
+ var(
1678
+ --_ctm-mob-dn-pt-sg-pe-sw-cr,
1679
+ var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))
1680
+ )
679
1681
  );
680
1682
  }
1683
+
681
1684
  .embellishment-box {
682
1685
  display: flex;
683
1686
  align-items: center;
684
1687
  justify-content: space-between;
685
1688
  gap: 5px;
686
- background-color: var(--_ctm-dn-et-pe-bd-cr);
687
- color: var(--_ctm-dn-et-pe-cr, var(--_tst-dn-dt-se-cr));
688
- font-family: var(--_ctm-dn-et-pe-ft-fy, var(--_tst-dn-dt-se-ft-fy)), sans-serif;
689
- font-size: var(--_ctm-dn-et-pe-ft-se, var(--_tst-dn-dt-se-ft-se));
690
- font-weight: var(--_ctm-dn-et-pe-ft-wt, var(--_tst-dn-dt-se-ft-wt));
691
- font-style: var(--_ctm-dn-et-pe-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic));
692
- text-align: var(--_ctm-dn-et-pe-tt-an, var(--_tst-dn-dt-se-tt-an));
693
- letter-spacing: var(--_ctm-dn-et-pe-lr-sg, var(--_tst-dn-dt-se-lr-sg));
694
- line-height: var(--_ctm-dn-et-pe-le-ht, var(--_tst-dn-dt-se-le-ht));
695
- text-decoration: var(--_ctm-dn-et-pe-ue, var(--_tst-dn-dt-se-tt-de));
696
- border-color: var(--_show-border, var(--_ctm-dn-et-pe-br-cr, var(--_tst-dn-br-cr)));
697
- border-style: var(--_show-border, var(--_ctm-dn-et-pe-br-se, var(--_tst-dn-br-se)));
698
- border-width: var(--_show-border, var(--_ctm-dn-et-pe-br-wh, var(--_tst-dn-br-wh)));
699
- border-radius: var(--_ctm-dn-et-pe-br-rs, var(--_tst-dn-br-rs));
1689
+
1690
+ background-color: var(
1691
+ --_ctm-mob-dn-et-pe-bd-cr,
1692
+ var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr))
1693
+ );
1694
+ color: var(
1695
+ --_ctm-mob-dn-et-pe-cr,
1696
+ var(--_ctm-tab-dn-et-pe-cr, var(--_ctm-dn-et-pe-cr))
1697
+ );
1698
+ font-family: var(
1699
+ --_ctm-mob-dn-et-pe-ft-fy,
1700
+ var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy))
1701
+ ),
1702
+ sans-serif;
1703
+ font-size: var(
1704
+ --_ctm-mob-dn-et-pe-ft-se,
1705
+ var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se))
1706
+ );
1707
+ font-weight: var(
1708
+ --_ctm-mob-dn-et-pe-ft-wt,
1709
+ var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt))
1710
+ );
1711
+ font-style: var(
1712
+ --_ctm-mob-dn-et-pe-ft-se-ic,
1713
+ var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic))
1714
+ );
1715
+ text-align: var(
1716
+ --_ctm-mob-dn-et-pe-tt-an,
1717
+ var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an))
1718
+ );
1719
+ letter-spacing: var(
1720
+ --_ctm-mob-dn-et-pe-lr-sg,
1721
+ var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg))
1722
+ );
1723
+ line-height: var(
1724
+ --_ctm-mob-dn-et-pe-le-ht,
1725
+ var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht))
1726
+ );
1727
+ text-decoration: var(
1728
+ --_ctm-mob-dn-et-pe-ue,
1729
+ var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue))
1730
+ );
1731
+
1732
+ border-color: var(
1733
+ --_show-border,
1734
+ var(
1735
+ --_ctm-mob-dn-et-pe-br-cr,
1736
+ var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr))
1737
+ )
1738
+ );
1739
+ border-style: var(
1740
+ --_show-border,
1741
+ var(
1742
+ --_ctm-mob-dn-et-pe-br-se,
1743
+ var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se))
1744
+ )
1745
+ );
1746
+ border-width: var(
1747
+ --_show-border,
1748
+ var(
1749
+ --_ctm-mob-dn-et-pe-br-wh,
1750
+ var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh))
1751
+ )
1752
+ );
1753
+ border-radius: var(
1754
+ --_ctm-mob-dn-et-pe-br-rs,
1755
+ var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs))
1756
+ );
1757
+
700
1758
  box-shadow: var(
701
1759
  --_show-shadow,
702
- var(--_ctm-dn-et-pe-sw-ae, var(--_tst-dn-sw-ae))
703
- var(--_ctm-dn-et-pe-sw-br, var(--_tst-dn-sw-br))
704
- var(--_ctm-dn-et-pe-sw-sd, var(--_tst-dn-sw-sd))
705
- var(--_ctm-dn-et-pe-sw-cr, var(--_tst-dn-sw-cr))
1760
+ var(
1761
+ --_ctm-mob-dn-et-pe-sw-ae,
1762
+ var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae))
1763
+ )
1764
+ var(
1765
+ --_ctm-mob-dn-et-pe-sw-br,
1766
+ var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))
1767
+ )
1768
+ var(
1769
+ --_ctm-mob-dn-et-pe-sw-sd,
1770
+ var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))
1771
+ )
1772
+ var(
1773
+ --_ctm-mob-dn-et-pe-sw-cr,
1774
+ var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))
1775
+ )
706
1776
  );
707
1777
  }
708
1778
  }