@sc-360-v2/storefront-cms-library 0.1.94 → 0.1.96

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 (49) hide show
  1. package/dist/amount-estimator.scss +444 -4
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-variant-picker.scss +629 -19
  4. package/dist/container.scss +9 -0
  5. package/dist/editor-core.scss +97 -8
  6. package/dist/functions.js +1 -1
  7. package/dist/gallery-slider-temp.scss +463 -348
  8. package/dist/grid.scss +20 -2
  9. package/dist/image-temp.scss +1 -1
  10. package/dist/menu.scss +89 -0
  11. package/dist/payment-methods.scss +175 -11
  12. package/dist/pickup-locations.scss +443 -11
  13. package/dist/product-actions.scss +905 -77
  14. package/dist/product-basic-elements.scss +37 -6
  15. package/dist/product-highlights.scss +114 -4
  16. package/dist/product-image.scss +472 -339
  17. package/dist/product-inventory.scss +559 -14
  18. package/dist/product-options.scss +156 -0
  19. package/dist/product-price.scss +695 -289
  20. package/dist/product-promotions.scss +1118 -17
  21. package/dist/product.scss +32 -172
  22. package/dist/productDetails.scss +28 -0
  23. package/dist/quantity-selector.scss +58 -4
  24. package/dist/repeater-item.scss +22 -0
  25. package/dist/repeater.scss +113 -0
  26. package/dist/section.scss +16 -0
  27. package/dist/shipping-estimator.scss +13 -5
  28. package/dist/stack.scss +7 -1
  29. package/dist/store-locations.scss +442 -14
  30. package/dist/tooltip.scss +276 -0
  31. package/dist/types/builder/enums/index.d.ts +9 -2
  32. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  34. package/dist/types/builder/tools/element-edit/productActions.d.ts +1 -0
  35. package/dist/types/builder/tools/element-edit/productDetails.d.ts +6 -31
  36. package/dist/types/builder/tools/element-edit/productDetailsOLd.d.ts +42 -0
  37. package/dist/types/builder/tools/element-edit/productOptions.d.ts +59 -0
  38. package/dist/types/builder/tools/element-edit/repeater.d.ts +2 -1
  39. package/dist/types/helper/helper-functions.d.ts +1 -0
  40. package/dist/uom-selector.scss +501 -4
  41. package/dist/variable.scss +9 -1
  42. package/dist/variant-picker.scss +672 -19
  43. package/dist/volume-pricing.scss +473 -19
  44. package/dist/widget.scss +25 -3
  45. package/package.json +1 -1
  46. package/dist/App.scss +0 -31
  47. package/dist/mixin.scss +0 -9
  48. package/dist/modal.module.scss +0 -121
  49. package/dist/range-slider.module.scss +0 -85
package/dist/product-promotions.scss CHANGED
@@ -12,10 +12,10 @@
12
12
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
13
13
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
14
  // height: ;
15
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
- --_aspect-ratio: calc(
17
- 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
- );
15
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
+ // --_aspect-ratio: calc(
17
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
+ // );
19
19
 
20
20
  & > .wrapper {
21
21
  width: 100%;
@@ -24,22 +24,1123 @@
24
24
  &[data-show-shadow="false"] {
25
25
  --_show-shadow: none;
26
26
  }
27
- table {
28
- font-family: arial, sans-serif;
29
- border-collapse: collapse;
30
- width: 100%;
31
- height: 100%;
27
+ &[data-overflow-items="Wrap"] {
28
+ .horizontal {
29
+ flex-wrap: wrap;
30
+ }
32
31
  }
33
-
34
- td,
35
- th {
36
- border: 1px solid #dddddd;
37
- text-align: center;
38
- padding: 8px;
32
+ &[data-overflow-items="Scroll"] {
33
+ .horizontal {
34
+ width: 100%;
35
+ overflow-x: auto;
36
+ .item {
37
+ width: 100%;
38
+ flex-shrink: 0;
39
+ }
40
+ }
41
+ .vertical {
42
+ overflow-y: auto;
43
+ max-height: 30%;
44
+ }
45
+ }
46
+ .text-element {
47
+ background: #6d96e4;
48
+ padding: 10px;
49
+ font-weight: 600;
50
+ color: rgba(75, 69, 70, 1);
39
51
  }
52
+ .promotions__container {
53
+ display: flex;
54
+ flex-direction: column;
55
+ // align-items: center;
56
+ padding: var(--_ctm-lt-pg);
57
+ background-color: var(--_ctm-dn-wt-se-bd-cr);
58
+ border-color: var(--_show-border-im-se, var(--_ctm-dn-wt-se-br-cr, var(--_tst-dn-br-cr)));
59
+ border-style: var(--_show-border-im-se, var(--_ctm-dn-wt-se-br-se, var(--_tst-dn-br-se)));
60
+ border-width: var(--_show-border-im-se, var(--_ctm-dn-wt-se-br-wh, var(--_tst-dn-br-wh)));
61
+ border-radius: var(--_ctm-dn-wt-se-br-rs, var(--_tst-dn-br-rs));
62
+ box-shadow: var(
63
+ --_show-shadow-im-se,
64
+ var(--_ctm-dn-wt-se-sw-ae, var(--_tst-dn-sw-ae))
65
+ var(--_ctm-dn-wt-se-sw-br, var(--_tst-dn-sw-br))
66
+ var(--_ctm-dn-wt-se-sw-sd, var(--_tst-dn-sw-sd))
67
+ var(--_ctm-dn-wt-se-sw-cr, var(--_tst-dn-sw-cr))
68
+ );
69
+ .stack {
70
+ .content {
71
+ display: flex;
72
+ flex-direction: column;
73
+ .static {
74
+ color: var(--_ctm-dn-wt-se-cr);
75
+ font-family: var(--_ctm-dn-wt-se-ft-fy), sans-serif;
76
+ font-size: var(--_ctm-dn-wt-se-ft-se);
77
+ font-weight: var(--_ctm-dn-wt-se-ft-wt);
78
+ font-style: var(--_ctm-dn-wt-se-ft-se-ic);
79
+ text-align: var(--_ctm-dn-wt-se-tt-an);
80
+ letter-spacing: var(--_ctm-dn-wt-se-lr-sg);
81
+ line-height: var(--_ctm-dn-wt-se-le-ht);
82
+ text-decoration: var(--_ctm-dn-wt-se-ue);
83
+ }
84
+ }
85
+ .horizontal {
86
+ display: flex;
87
+ flex-direction: row;
88
+ // align-items: center;
89
+ margin-top: 10px;
90
+ gap: var(--_ctm-lt-im-sg);
91
+ padding: var(--_ctm-lt-im-pg);
92
+ .item {
93
+ display: flex;
94
+ flex-direction: column;
95
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
96
+ background-color: var(--_ctm-dn-im-se-bd-cr);
97
+ border-color: var(
98
+ --_show-border-im-se,
99
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
100
+ );
101
+ border-style: var(
102
+ --_show-border-im-se,
103
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
104
+ );
105
+ border-width: var(
106
+ --_show-border-im-se,
107
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
108
+ );
109
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
110
+ box-shadow: var(
111
+ --_show-shadow-im-se,
112
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
113
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
114
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
115
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
116
+ );
117
+ .name {
118
+ color: var(--_ctm-dn-pn-ne-cr);
119
+ font-family: var(--_ctm-dn-pn-ne-ft-fy), sans-serif;
120
+ font-size: var(--_ctm-dn-pn-ne-ft-se);
121
+ font-weight: var(--_ctm-dn-pn-ne-ft-wt);
122
+ font-style: var(--_ctm-dn-pn-ne-ft-se-ic);
123
+ text-align: var(--_ctm-dn-pn-ne-tt-an);
124
+ letter-spacing: var(--_ctm-dn-pn-ne-lr-sg);
125
+ line-height: var(--_ctm-dn-pn-ne-le-ht);
126
+ text-decoration: var(--_ctm-dn-pn-ne-ue);
127
+ }
128
+ .description {
129
+ color: var(--_ctm-dn-pn-dn-cr);
130
+ font-family: var(--_ctm-dn-pn-dn-ft-fy), sans-serif;
131
+ font-size: var(--_ctm-dn-pn-dn-ft-se);
132
+ font-weight: var(--_ctm-dn-pn-dn-ft-wt);
133
+ font-style: var(--_ctm-dn-pn-dn-ft-se-ic);
134
+ text-align: var(--_ctm-dn-pn-dn-tt-an);
135
+ letter-spacing: var(--_ctm-dn-pn-dn-lr-sg);
136
+ line-height: var(--_ctm-dn-pn-dn-le-ht);
137
+ text-decoration: var(--_ctm-dn-pn-dn-ue);
138
+ }
139
+ .price {
140
+ color: var(--_ctm-dn-pe-ar-pn-cr);
141
+ font-family: var(--_ctm-dn-pe-ar-pn-ft-fy), sans-serif;
142
+ font-size: var(--_ctm-dn-pe-ar-pn-ft-se);
143
+ font-weight: var(--_ctm-dn-pe-ar-pn-ft-wt);
144
+ font-style: var(--_ctm-dn-pe-ar-pn-ft-se-ic);
145
+ text-align: var(--_ctm-dn-pe-ar-pn-tt-an);
146
+ letter-spacing: var(--_ctm-dn-pe-ar-pn-lr-sg);
147
+ line-height: var(--_ctm-dn-pe-ar-pn-le-ht);
148
+ text-decoration: var(--_ctm-dn-pe-ar-pn-ue);
149
+ background-color: var(--_ctm-dn-pe-ar-pn-bd-cr);
150
+ border-color: var(
151
+ --_show-border-pe-ar-pn,
152
+ var(--_ctm-dn-pe-ar-pn-br-cr, var(--_tst-dn-br-cr))
153
+ );
154
+ border-style: var(
155
+ --_show-border-pe-ar-pn,
156
+ var(--_ctm-dn-pe-ar-pn-br-se, var(--_tst-dn-br-se))
157
+ );
158
+ border-width: var(
159
+ --_show-border-pe-ar-pn,
160
+ var(--_ctm-dn-pe-ar-pn-br-wh, var(--_tst-dn-br-wh))
161
+ );
162
+ border-radius: var(--_ctm-dn-pe-ar-pn-br-rs, var(--_tst-dn-br-rs));
163
+ box-shadow: var(
164
+ --_show-shadow-pe-ar-pn,
165
+ var(--_ctm-dn-pe-ar-pn-sw-ae, var(--_tst-dn-sw-ae))
166
+ var(--_ctm-dn-pe-ar-pn-sw-br, var(--_tst-dn-sw-br))
167
+ var(--_ctm-dn-pe-ar-pn-sw-sd, var(--_tst-dn-sw-sd))
168
+ var(--_ctm-dn-pe-ar-pn-sw-cr, var(--_tst-dn-sw-cr))
169
+ );
170
+ }
171
+ .offer {
172
+ display: flex;
173
+ flex-wrap: wrap;
174
+
175
+ .code {
176
+ color: var(--_ctm-dn-cn-ce-cr);
177
+ font-family: var(--_ctm-dn-cn-ce-ft-fy), sans-serif;
178
+ font-size: var(--_ctm-dn-cn-ce-ft-se);
179
+ font-weight: var(--_ctm-dn-cn-ce-ft-wt);
180
+ font-style: var(--_ctm-dn-cn-ce-ft-se-ic);
181
+ text-align: var(--_ctm-dn-cn-ce-tt-an);
182
+ letter-spacing: var(--_ctm-dn-cn-ce-lr-sg);
183
+ line-height: var(--_ctm-dn-cn-ce-le-ht);
184
+ text-decoration: var(--_ctm-dn-cn-ce-ue);
185
+ background-color: var(--_ctm-dn-cn-ce-bd-cr);
186
+ border-color: var(
187
+ --_show-border-cn-ce,
188
+ var(--_ctm-dn-cn-ce-br-cr, var(--_tst-dn-br-cr))
189
+ );
190
+ border-style: var(
191
+ --_show-border-cn-ce,
192
+ var(--_ctm-dn-cn-ce-br-se, var(--_tst-dn-br-se))
193
+ );
194
+ border-width: var(
195
+ --_show-border-cn-ce,
196
+ var(--_ctm-dn-cn-ce-br-wh, var(--_tst-dn-br-wh))
197
+ );
198
+ border-radius: var(--_ctm-dn-cn-ce-br-rs, var(--_tst-dn-br-rs));
199
+ box-shadow: var(
200
+ --_show-shadow-cn-ce,
201
+ var(--_ctm-dn-cn-ce-sw-ae, var(--_tst-dn-sw-ae))
202
+ var(--_ctm-dn-cn-ce-sw-br, var(--_tst-dn-sw-br))
203
+ var(--_ctm-dn-cn-ce-sw-sd, var(--_tst-dn-sw-sd))
204
+ var(--_ctm-dn-cn-ce-sw-cr, var(--_tst-dn-sw-cr))
205
+ );
206
+ }
207
+ .min__amount {
208
+ color: var(--_ctm-dn-mm-pe-at-cr);
209
+ font-family: var(--_ctm-dn-mm-pe-at-ft-fy), sans-serif;
210
+ font-size: var(--_ctm-dn-mm-pe-at-ft-se);
211
+ font-weight: var(--_ctm-dn-mm-pe-at-ft-wt);
212
+ font-style: var(--_ctm-dn-mm-pe-at-ft-se-ic);
213
+ text-align: var(--_ctm-dn-mm-pe-at-tt-an);
214
+ letter-spacing: var(--_ctm-dn-mm-pe-at-lr-sg);
215
+ line-height: var(--_ctm-dn-mm-pe-at-le-ht);
216
+ text-decoration: var(--_ctm-dn-mm-pe-at-ue);
217
+ }
218
+ }
219
+ .schedule {
220
+ color: var(--_ctm-dn-pn-se-cr);
221
+ font-family: var(--_ctm-dn-pn-se-ft-fy), sans-serif;
222
+ font-size: var(--_ctm-dn-pn-se-ft-se);
223
+ font-weight: var(--_ctm-dn-pn-se-ft-wt);
224
+ font-style: var(--_ctm-dn-pn-se-ft-se-ic);
225
+ text-align: var(--_ctm-dn-pn-se-tt-an);
226
+ letter-spacing: var(--_ctm-dn-pn-se-lr-sg);
227
+ line-height: var(--_ctm-dn-pn-se-le-ht);
228
+ text-decoration: var(--_ctm-dn-pn-se-ue);
229
+ }
230
+ .max__amount {
231
+ color: var(--_ctm-dn-mx-rn-at-cr);
232
+ font-family: var(--_ctm-dn-mx-rn-at-ft-fy), sans-serif;
233
+ font-size: var(--_ctm-dn-mx-rn-at-ft-se);
234
+ font-weight: var(--_ctm-dn-mx-rn-at-ft-wt);
235
+ font-style: var(--_ctm-dn-mx-rn-at-ft-se-ic);
236
+ text-align: var(--_ctm-dn-mx-rn-at-tt-an);
237
+ letter-spacing: var(--_ctm-dn-mx-rn-at-lr-sg);
238
+ line-height: var(--_ctm-dn-mx-rn-at-le-ht);
239
+ text-decoration: var(--_ctm-dn-mx-rn-at-ue);
240
+ }
241
+ .products {
242
+ color: var(--_ctm-dn-ee-ps-bn-dt-se-cr);
243
+ font-family: var(--_ctm-dn-ee-ps-bn-dt-se-ft-fy), sans-serif;
244
+ font-size: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se);
245
+ font-weight: var(--_ctm-dn-ee-ps-bn-dt-se-ft-wt);
246
+ font-style: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se-ic);
247
+ text-align: var(--_ctm-dn-ee-ps-bn-dt-se-tt-an);
248
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-dt-se-lr-sg);
249
+ line-height: var(--_ctm-dn-ee-ps-bn-dt-se-le-ht);
250
+ text-decoration: var(--_ctm-dn-ee-ps-bn-dt-se-ue);
251
+ background-color: var(--_ctm-dn-ee-ps-bn-dt-se-bd-cr);
252
+ border-color: var(
253
+ --_show-border-ee-ps-bn-dt-se,
254
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
255
+ );
256
+ border-style: var(
257
+ --_show-border-ee-ps-bn-dt-se,
258
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-se, var(--_tst-dn-br-se))
259
+ );
260
+ border-width: var(
261
+ --_show-border-ee-ps-bn-dt-se,
262
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
263
+ );
264
+ border-radius: var(--_ctm-dn-ee-ps-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
265
+ box-shadow: var(
266
+ --_show-shadow-ee-ps-bn-dt-se,
267
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
268
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
269
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
270
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
271
+ );
272
+ svg {
273
+ width: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
274
+ height: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
275
+ path {
276
+ stroke: var(--_ctm-dn-ee-ps-bn-dt-se-in-c1);
277
+ }
278
+ }
279
+ &:hover {
280
+ color: var(--_ctm-dn-ee-ps-bn-hr-se-cr);
281
+ font-family: var(--_ctm-dn-ee-ps-bn-hr-se-ft-fy), sans-serif;
282
+ font-size: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se);
283
+ font-weight: var(--_ctm-dn-ee-ps-bn-hr-se-ft-wt);
284
+ font-style: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se-ic);
285
+ text-align: var(--_ctm-dn-ee-ps-bn-hr-se-tt-an);
286
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-hr-se-lr-sg);
287
+ line-height: var(--_ctm-dn-ee-ps-bn-hr-se-le-ht);
288
+ text-decoration: var(--_ctm-dn-ee-ps-bn-hr-se-ue);
289
+ background-color: var(--_ctm-dn-ee-ps-bn-hr-se-bd-cr);
290
+ border-color: var(
291
+ --_show-border-ee-ps-bn-hr-se,
292
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
293
+ );
294
+ border-style: var(
295
+ --_show-border-ee-ps-bn-hr-se,
296
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-se, var(--_tst-dn-br-se))
297
+ );
298
+ border-width: var(
299
+ --_show-border-ee-ps-bn-hr-se,
300
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
301
+ );
302
+ border-radius: var(--_ctm-dn-ee-ps-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
303
+ box-shadow: var(
304
+ --_show-shadow-ee-ps-bn-hr-se,
305
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
306
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
307
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
308
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
309
+ );
310
+ svg {
311
+ width: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
312
+ height: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
313
+ path {
314
+ stroke: var(--_ctm-dn-ee-ps-bn-hr-se-in-c1);
315
+ }
316
+ }
317
+ }
318
+ }
319
+ }
320
+ }
321
+ .vertical {
322
+ display: flex;
323
+ flex-direction: column;
324
+ // align-items: center;
325
+ margin-top: 10px;
326
+ gap: var(--_ctm-lt-im-sg);
327
+ padding: var(--_ctm-lt-im-pg);
328
+ .item {
329
+ display: flex;
330
+ flex-direction: column;
331
+ width: 100%;
332
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
333
+ background-color: var(--_ctm-dn-im-se-bd-cr);
334
+ border-color: var(
335
+ --_show-border-im-se,
336
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
337
+ );
338
+ border-style: var(
339
+ --_show-border-im-se,
340
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
341
+ );
342
+ border-width: var(
343
+ --_show-border-im-se,
344
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
345
+ );
346
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
347
+ box-shadow: var(
348
+ --_show-shadow-im-se,
349
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
350
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
351
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
352
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
353
+ );
354
+
355
+ .name {
356
+ color: var(--_ctm-dn-pn-ne-cr);
357
+ font-family: var(--_ctm-dn-pn-ne-ft-fy), sans-serif;
358
+ font-size: var(--_ctm-dn-pn-ne-ft-se);
359
+ font-weight: var(--_ctm-dn-pn-ne-ft-wt);
360
+ font-style: var(--_ctm-dn-pn-ne-ft-se-ic);
361
+ text-align: var(--_ctm-dn-pn-ne-tt-an);
362
+ letter-spacing: var(--_ctm-dn-pn-ne-lr-sg);
363
+ line-height: var(--_ctm-dn-pn-ne-le-ht);
364
+ text-decoration: var(--_ctm-dn-pn-ne-ue);
365
+ }
366
+ .description {
367
+ color: var(--_ctm-dn-pn-dn-cr);
368
+ font-family: var(--_ctm-dn-pn-dn-ft-fy), sans-serif;
369
+ font-size: var(--_ctm-dn-pn-dn-ft-se);
370
+ font-weight: var(--_ctm-dn-pn-dn-ft-wt);
371
+ font-style: var(--_ctm-dn-pn-dn-ft-se-ic);
372
+ text-align: var(--_ctm-dn-pn-dn-tt-an);
373
+ letter-spacing: var(--_ctm-dn-pn-dn-lr-sg);
374
+ line-height: var(--_ctm-dn-pn-dn-le-ht);
375
+ text-decoration: var(--_ctm-dn-pn-dn-ue);
376
+ }
377
+ .price {
378
+ color: var(--_ctm-dn-pe-ar-pn-cr);
379
+ font-family: var(--_ctm-dn-pe-ar-pn-ft-fy), sans-serif;
380
+ font-size: var(--_ctm-dn-pe-ar-pn-ft-se);
381
+ font-weight: var(--_ctm-dn-pe-ar-pn-ft-wt);
382
+ font-style: var(--_ctm-dn-pe-ar-pn-ft-se-ic);
383
+ text-align: var(--_ctm-dn-pe-ar-pn-tt-an);
384
+ letter-spacing: var(--_ctm-dn-pe-ar-pn-lr-sg);
385
+ line-height: var(--_ctm-dn-pe-ar-pn-le-ht);
386
+ text-decoration: var(--_ctm-dn-pe-ar-pn-ue);
387
+ background-color: var(--_ctm-dn-pe-ar-pn-bd-cr);
388
+ border-color: var(
389
+ --_show-border-pe-ar-pn,
390
+ var(--_ctm-dn-pe-ar-pn-br-cr, var(--_tst-dn-br-cr))
391
+ );
392
+ border-style: var(
393
+ --_show-border-pe-ar-pn,
394
+ var(--_ctm-dn-pe-ar-pn-br-se, var(--_tst-dn-br-se))
395
+ );
396
+ border-width: var(
397
+ --_show-border-pe-ar-pn,
398
+ var(--_ctm-dn-pe-ar-pn-br-wh, var(--_tst-dn-br-wh))
399
+ );
400
+ border-radius: var(--_ctm-dn-pe-ar-pn-br-rs, var(--_tst-dn-br-rs));
401
+ box-shadow: var(
402
+ --_show-shadow-pe-ar-pn,
403
+ var(--_ctm-dn-pe-ar-pn-sw-ae, var(--_tst-dn-sw-ae))
404
+ var(--_ctm-dn-pe-ar-pn-sw-br, var(--_tst-dn-sw-br))
405
+ var(--_ctm-dn-pe-ar-pn-sw-sd, var(--_tst-dn-sw-sd))
406
+ var(--_ctm-dn-pe-ar-pn-sw-cr, var(--_tst-dn-sw-cr))
407
+ );
408
+ }
409
+ .offer {
410
+ display: flex;
411
+ flex-wrap: wrap;
412
+
413
+ .code {
414
+ color: var(--_ctm-dn-cn-ce-cr);
415
+ font-family: var(--_ctm-dn-cn-ce-ft-fy), sans-serif;
416
+ font-size: var(--_ctm-dn-cn-ce-ft-se);
417
+ font-weight: var(--_ctm-dn-cn-ce-ft-wt);
418
+ font-style: var(--_ctm-dn-cn-ce-ft-se-ic);
419
+ text-align: var(--_ctm-dn-cn-ce-tt-an);
420
+ letter-spacing: var(--_ctm-dn-cn-ce-lr-sg);
421
+ line-height: var(--_ctm-dn-cn-ce-le-ht);
422
+ text-decoration: var(--_ctm-dn-cn-ce-ue);
423
+ background-color: var(--_ctm-dn-cn-ce-bd-cr);
424
+ border-color: var(
425
+ --_show-border-cn-ce,
426
+ var(--_ctm-dn-cn-ce-br-cr, var(--_tst-dn-br-cr))
427
+ );
428
+ border-style: var(
429
+ --_show-border-cn-ce,
430
+ var(--_ctm-dn-cn-ce-br-se, var(--_tst-dn-br-se))
431
+ );
432
+ border-width: var(
433
+ --_show-border-cn-ce,
434
+ var(--_ctm-dn-cn-ce-br-wh, var(--_tst-dn-br-wh))
435
+ );
436
+ border-radius: var(--_ctm-dn-cn-ce-br-rs, var(--_tst-dn-br-rs));
437
+ box-shadow: var(
438
+ --_show-shadow-cn-ce,
439
+ var(--_ctm-dn-cn-ce-sw-ae, var(--_tst-dn-sw-ae))
440
+ var(--_ctm-dn-cn-ce-sw-br, var(--_tst-dn-sw-br))
441
+ var(--_ctm-dn-cn-ce-sw-sd, var(--_tst-dn-sw-sd))
442
+ var(--_ctm-dn-cn-ce-sw-cr, var(--_tst-dn-sw-cr))
443
+ );
444
+ }
445
+ .min__amount {
446
+ color: var(--_ctm-dn-mm-pe-at-cr);
447
+ font-family: var(--_ctm-dn-mm-pe-at-ft-fy), sans-serif;
448
+ font-size: var(--_ctm-dn-mm-pe-at-ft-se);
449
+ font-weight: var(--_ctm-dn-mm-pe-at-ft-wt);
450
+ font-style: var(--_ctm-dn-mm-pe-at-ft-se-ic);
451
+ text-align: var(--_ctm-dn-mm-pe-at-tt-an);
452
+ letter-spacing: var(--_ctm-dn-mm-pe-at-lr-sg);
453
+ line-height: var(--_ctm-dn-mm-pe-at-le-ht);
454
+ text-decoration: var(--_ctm-dn-mm-pe-at-ue);
455
+ }
456
+ }
457
+ .schedule {
458
+ color: var(--_ctm-dn-pn-se-cr);
459
+ font-family: var(--_ctm-dn-pn-se-ft-fy), sans-serif;
460
+ font-size: var(--_ctm-dn-pn-se-ft-se);
461
+ font-weight: var(--_ctm-dn-pn-se-ft-wt);
462
+ font-style: var(--_ctm-dn-pn-se-ft-se-ic);
463
+ text-align: var(--_ctm-dn-pn-se-tt-an);
464
+ letter-spacing: var(--_ctm-dn-pn-se-lr-sg);
465
+ line-height: var(--_ctm-dn-pn-se-le-ht);
466
+ text-decoration: var(--_ctm-dn-pn-se-ue);
467
+ }
468
+ .max__amount {
469
+ color: var(--_ctm-dn-mx-rn-at-cr);
470
+ font-family: var(--_ctm-dn-mx-rn-at-ft-fy), sans-serif;
471
+ font-size: var(--_ctm-dn-mx-rn-at-ft-se);
472
+ font-weight: var(--_ctm-dn-mx-rn-at-ft-wt);
473
+ font-style: var(--_ctm-dn-mx-rn-at-ft-se-ic);
474
+ text-align: var(--_ctm-dn-mx-rn-at-tt-an);
475
+ letter-spacing: var(--_ctm-dn-mx-rn-at-lr-sg);
476
+ line-height: var(--_ctm-dn-mx-rn-at-le-ht);
477
+ text-decoration: var(--_ctm-dn-mx-rn-at-ue);
478
+ }
479
+ .products {
480
+ color: var(--_ctm-dn-ee-ps-bn-dt-se-cr);
481
+ font-family: var(--_ctm-dn-ee-ps-bn-dt-se-ft-fy), sans-serif;
482
+ font-size: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se);
483
+ font-weight: var(--_ctm-dn-ee-ps-bn-dt-se-ft-wt);
484
+ font-style: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se-ic);
485
+ text-align: var(--_ctm-dn-ee-ps-bn-dt-se-tt-an);
486
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-dt-se-lr-sg);
487
+ line-height: var(--_ctm-dn-ee-ps-bn-dt-se-le-ht);
488
+ text-decoration: var(--_ctm-dn-ee-ps-bn-dt-se-ue);
489
+ background-color: var(--_ctm-dn-ee-ps-bn-dt-se-bd-cr);
490
+ border-color: var(
491
+ --_show-border-ee-ps-bn-dt-se,
492
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
493
+ );
494
+ border-style: var(
495
+ --_show-border-ee-ps-bn-dt-se,
496
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-se, var(--_tst-dn-br-se))
497
+ );
498
+ border-width: var(
499
+ --_show-border-ee-ps-bn-dt-se,
500
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
501
+ );
502
+ border-radius: var(--_ctm-dn-ee-ps-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
503
+ box-shadow: var(
504
+ --_show-shadow-ee-ps-bn-dt-se,
505
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
506
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
507
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
508
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
509
+ );
510
+ svg {
511
+ width: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
512
+ height: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
513
+ path {
514
+ stroke: var(--_ctm-dn-ee-ps-bn-dt-se-in-c1);
515
+ }
516
+ }
517
+ &:hover {
518
+ color: var(--_ctm-dn-ee-ps-bn-hr-se-cr);
519
+ font-family: var(--_ctm-dn-ee-ps-bn-hr-se-ft-fy), sans-serif;
520
+ font-size: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se);
521
+ font-weight: var(--_ctm-dn-ee-ps-bn-hr-se-ft-wt);
522
+ font-style: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se-ic);
523
+ text-align: var(--_ctm-dn-ee-ps-bn-hr-se-tt-an);
524
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-hr-se-lr-sg);
525
+ line-height: var(--_ctm-dn-ee-ps-bn-hr-se-le-ht);
526
+ text-decoration: var(--_ctm-dn-ee-ps-bn-hr-se-ue);
527
+ background-color: var(--_ctm-dn-ee-ps-bn-hr-se-bd-cr);
528
+ border-color: var(
529
+ --_show-border-ee-ps-bn-hr-se,
530
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
531
+ );
532
+ border-style: var(
533
+ --_show-border-ee-ps-bn-hr-se,
534
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-se, var(--_tst-dn-br-se))
535
+ );
536
+ border-width: var(
537
+ --_show-border-ee-ps-bn-hr-se,
538
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
539
+ );
540
+ border-radius: var(--_ctm-dn-ee-ps-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
541
+ box-shadow: var(
542
+ --_show-shadow-ee-ps-bn-hr-se,
543
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
544
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
545
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
546
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
547
+ );
548
+ svg {
549
+ width: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
550
+ height: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
551
+ path {
552
+ stroke: var(--_ctm-dn-ee-ps-bn-hr-se-in-c1);
553
+ }
554
+ }
555
+ }
556
+ }
557
+ }
558
+ }
559
+ .grid {
560
+ display: grid;
561
+ grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
562
+ gap: var(--_ctm-lt-im-sg);
563
+ padding: var(--_ctm-lt-im-pg);
564
+ &[data-overflow-items="Scroll"] {
565
+ height: 200px;
566
+ overflow-y: auto;
567
+ }
568
+ .item {
569
+ height: auto;
570
+ width: 100%;
571
+ display: flex;
572
+ align-items: flex-start;
573
+ flex-direction: column;
574
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
575
+ background-color: var(--_ctm-dn-im-se-bd-cr);
576
+ border-color: var(
577
+ --_show-border-im-se,
578
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
579
+ );
580
+ border-style: var(
581
+ --_show-border-im-se,
582
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
583
+ );
584
+ border-width: var(
585
+ --_show-border-im-se,
586
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
587
+ );
588
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
589
+ box-shadow: var(
590
+ --_show-shadow-im-se,
591
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
592
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
593
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
594
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
595
+ );
596
+ &:nth-child(6n) {
597
+ border-right: none; /* Remove the border for the last column */
598
+ }
599
+ .name {
600
+ color: var(--_ctm-dn-pn-ne-cr);
601
+ font-family: var(--_ctm-dn-pn-ne-ft-fy), sans-serif;
602
+ font-size: var(--_ctm-dn-pn-ne-ft-se);
603
+ font-weight: var(--_ctm-dn-pn-ne-ft-wt);
604
+ font-style: var(--_ctm-dn-pn-ne-ft-se-ic);
605
+ text-align: var(--_ctm-dn-pn-ne-tt-an);
606
+ letter-spacing: var(--_ctm-dn-pn-ne-lr-sg);
607
+ line-height: var(--_ctm-dn-pn-ne-le-ht);
608
+ text-decoration: var(--_ctm-dn-pn-ne-ue);
609
+ }
610
+ .description {
611
+ color: var(--_ctm-dn-pn-dn-cr);
612
+ font-family: var(--_ctm-dn-pn-dn-ft-fy), sans-serif;
613
+ font-size: var(--_ctm-dn-pn-dn-ft-se);
614
+ font-weight: var(--_ctm-dn-pn-dn-ft-wt);
615
+ font-style: var(--_ctm-dn-pn-dn-ft-se-ic);
616
+ text-align: var(--_ctm-dn-pn-dn-tt-an);
617
+ letter-spacing: var(--_ctm-dn-pn-dn-lr-sg);
618
+ line-height: var(--_ctm-dn-pn-dn-le-ht);
619
+ text-decoration: var(--_ctm-dn-pn-dn-ue);
620
+ }
621
+ .price {
622
+ color: var(--_ctm-dn-pe-ar-pn-cr);
623
+ font-family: var(--_ctm-dn-pe-ar-pn-ft-fy), sans-serif;
624
+ font-size: var(--_ctm-dn-pe-ar-pn-ft-se);
625
+ font-weight: var(--_ctm-dn-pe-ar-pn-ft-wt);
626
+ font-style: var(--_ctm-dn-pe-ar-pn-ft-se-ic);
627
+ text-align: var(--_ctm-dn-pe-ar-pn-tt-an);
628
+ letter-spacing: var(--_ctm-dn-pe-ar-pn-lr-sg);
629
+ line-height: var(--_ctm-dn-pe-ar-pn-le-ht);
630
+ text-decoration: var(--_ctm-dn-pe-ar-pn-ue);
631
+ background-color: var(--_ctm-dn-pe-ar-pn-bd-cr);
632
+ border-color: var(
633
+ --_show-border-pe-ar-pn,
634
+ var(--_ctm-dn-pe-ar-pn-br-cr, var(--_tst-dn-br-cr))
635
+ );
636
+ border-style: var(
637
+ --_show-border-pe-ar-pn,
638
+ var(--_ctm-dn-pe-ar-pn-br-se, var(--_tst-dn-br-se))
639
+ );
640
+ border-width: var(
641
+ --_show-border-pe-ar-pn,
642
+ var(--_ctm-dn-pe-ar-pn-br-wh, var(--_tst-dn-br-wh))
643
+ );
644
+ border-radius: var(--_ctm-dn-pe-ar-pn-br-rs, var(--_tst-dn-br-rs));
645
+ box-shadow: var(
646
+ --_show-shadow-pe-ar-pn,
647
+ var(--_ctm-dn-pe-ar-pn-sw-ae, var(--_tst-dn-sw-ae))
648
+ var(--_ctm-dn-pe-ar-pn-sw-br, var(--_tst-dn-sw-br))
649
+ var(--_ctm-dn-pe-ar-pn-sw-sd, var(--_tst-dn-sw-sd))
650
+ var(--_ctm-dn-pe-ar-pn-sw-cr, var(--_tst-dn-sw-cr))
651
+ );
652
+ }
653
+ .offer {
654
+ display: flex;
655
+ flex-wrap: wrap;
656
+
657
+ .code {
658
+ color: var(--_ctm-dn-cn-ce-cr);
659
+ font-family: var(--_ctm-dn-cn-ce-ft-fy), sans-serif;
660
+ font-size: var(--_ctm-dn-cn-ce-ft-se);
661
+ font-weight: var(--_ctm-dn-cn-ce-ft-wt);
662
+ font-style: var(--_ctm-dn-cn-ce-ft-se-ic);
663
+ text-align: var(--_ctm-dn-cn-ce-tt-an);
664
+ letter-spacing: var(--_ctm-dn-cn-ce-lr-sg);
665
+ line-height: var(--_ctm-dn-cn-ce-le-ht);
666
+ text-decoration: var(--_ctm-dn-cn-ce-ue);
667
+ background-color: var(--_ctm-dn-cn-ce-bd-cr);
668
+ border-color: var(
669
+ --_show-border-cn-ce,
670
+ var(--_ctm-dn-cn-ce-br-cr, var(--_tst-dn-br-cr))
671
+ );
672
+ border-style: var(
673
+ --_show-border-cn-ce,
674
+ var(--_ctm-dn-cn-ce-br-se, var(--_tst-dn-br-se))
675
+ );
676
+ border-width: var(
677
+ --_show-border-cn-ce,
678
+ var(--_ctm-dn-cn-ce-br-wh, var(--_tst-dn-br-wh))
679
+ );
680
+ border-radius: var(--_ctm-dn-cn-ce-br-rs, var(--_tst-dn-br-rs));
681
+ box-shadow: var(
682
+ --_show-shadow-cn-ce,
683
+ var(--_ctm-dn-cn-ce-sw-ae, var(--_tst-dn-sw-ae))
684
+ var(--_ctm-dn-cn-ce-sw-br, var(--_tst-dn-sw-br))
685
+ var(--_ctm-dn-cn-ce-sw-sd, var(--_tst-dn-sw-sd))
686
+ var(--_ctm-dn-cn-ce-sw-cr, var(--_tst-dn-sw-cr))
687
+ );
688
+ }
689
+ .min__amount {
690
+ color: var(--_ctm-dn-mm-pe-at-cr);
691
+ font-family: var(--_ctm-dn-mm-pe-at-ft-fy), sans-serif;
692
+ font-size: var(--_ctm-dn-mm-pe-at-ft-se);
693
+ font-weight: var(--_ctm-dn-mm-pe-at-ft-wt);
694
+ font-style: var(--_ctm-dn-mm-pe-at-ft-se-ic);
695
+ text-align: var(--_ctm-dn-mm-pe-at-tt-an);
696
+ letter-spacing: var(--_ctm-dn-mm-pe-at-lr-sg);
697
+ line-height: var(--_ctm-dn-mm-pe-at-le-ht);
698
+ text-decoration: var(--_ctm-dn-mm-pe-at-ue);
699
+ }
700
+ }
701
+ .schedule {
702
+ color: var(--_ctm-dn-pn-se-cr);
703
+ font-family: var(--_ctm-dn-pn-se-ft-fy), sans-serif;
704
+ font-size: var(--_ctm-dn-pn-se-ft-se);
705
+ font-weight: var(--_ctm-dn-pn-se-ft-wt);
706
+ font-style: var(--_ctm-dn-pn-se-ft-se-ic);
707
+ text-align: var(--_ctm-dn-pn-se-tt-an);
708
+ letter-spacing: var(--_ctm-dn-pn-se-lr-sg);
709
+ line-height: var(--_ctm-dn-pn-se-le-ht);
710
+ text-decoration: var(--_ctm-dn-pn-se-ue);
711
+ }
712
+ .max__amount {
713
+ color: var(--_ctm-dn-mx-rn-at-cr);
714
+ font-family: var(--_ctm-dn-mx-rn-at-ft-fy), sans-serif;
715
+ font-size: var(--_ctm-dn-mx-rn-at-ft-se);
716
+ font-weight: var(--_ctm-dn-mx-rn-at-ft-wt);
717
+ font-style: var(--_ctm-dn-mx-rn-at-ft-se-ic);
718
+ text-align: var(--_ctm-dn-mx-rn-at-tt-an);
719
+ letter-spacing: var(--_ctm-dn-mx-rn-at-lr-sg);
720
+ line-height: var(--_ctm-dn-mx-rn-at-le-ht);
721
+ text-decoration: var(--_ctm-dn-mx-rn-at-ue);
722
+ }
723
+ .products {
724
+ color: var(--_ctm-dn-ee-ps-bn-dt-se-cr);
725
+ font-family: var(--_ctm-dn-ee-ps-bn-dt-se-ft-fy), sans-serif;
726
+ font-size: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se);
727
+ font-weight: var(--_ctm-dn-ee-ps-bn-dt-se-ft-wt);
728
+ font-style: var(--_ctm-dn-ee-ps-bn-dt-se-ft-se-ic);
729
+ text-align: var(--_ctm-dn-ee-ps-bn-dt-se-tt-an);
730
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-dt-se-lr-sg);
731
+ line-height: var(--_ctm-dn-ee-ps-bn-dt-se-le-ht);
732
+ text-decoration: var(--_ctm-dn-ee-ps-bn-dt-se-ue);
733
+ background-color: var(--_ctm-dn-ee-ps-bn-dt-se-bd-cr);
734
+ border-color: var(
735
+ --_show-border-ee-ps-bn-dt-se,
736
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
737
+ );
738
+ border-style: var(
739
+ --_show-border-ee-ps-bn-dt-se,
740
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-se, var(--_tst-dn-br-se))
741
+ );
742
+ border-width: var(
743
+ --_show-border-ee-ps-bn-dt-se,
744
+ var(--_ctm-dn-ee-ps-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
745
+ );
746
+ border-radius: var(--_ctm-dn-ee-ps-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
747
+ box-shadow: var(
748
+ --_show-shadow-ee-ps-bn-dt-se,
749
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
750
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
751
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
752
+ var(--_ctm-dn-ee-ps-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
753
+ );
754
+ svg {
755
+ width: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
756
+ height: var(--_ctm-dn-ee-ps-bn-dt-se-in-se);
757
+ path {
758
+ stroke: var(--_ctm-dn-ee-ps-bn-dt-se-in-c1);
759
+ }
760
+ }
761
+ &:hover {
762
+ color: var(--_ctm-dn-ee-ps-bn-hr-se-cr);
763
+ font-family: var(--_ctm-dn-ee-ps-bn-hr-se-ft-fy), sans-serif;
764
+ font-size: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se);
765
+ font-weight: var(--_ctm-dn-ee-ps-bn-hr-se-ft-wt);
766
+ font-style: var(--_ctm-dn-ee-ps-bn-hr-se-ft-se-ic);
767
+ text-align: var(--_ctm-dn-ee-ps-bn-hr-se-tt-an);
768
+ letter-spacing: var(--_ctm-dn-ee-ps-bn-hr-se-lr-sg);
769
+ line-height: var(--_ctm-dn-ee-ps-bn-hr-se-le-ht);
770
+ text-decoration: var(--_ctm-dn-ee-ps-bn-hr-se-ue);
771
+ background-color: var(--_ctm-dn-ee-ps-bn-hr-se-bd-cr);
772
+ border-color: var(
773
+ --_show-border-ee-ps-bn-hr-se,
774
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
775
+ );
776
+ border-style: var(
777
+ --_show-border-ee-ps-bn-hr-se,
778
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-se, var(--_tst-dn-br-se))
779
+ );
780
+ border-width: var(
781
+ --_show-border-ee-ps-bn-hr-se,
782
+ var(--_ctm-dn-ee-ps-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
783
+ );
784
+ border-radius: var(--_ctm-dn-ee-ps-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
785
+ box-shadow: var(
786
+ --_show-shadow-ee-ps-bn-hr-se,
787
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
788
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
789
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
790
+ var(--_ctm-dn-ee-ps-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
791
+ );
792
+ svg {
793
+ width: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
794
+ height: var(--_ctm-dn-ee-ps-bn-hr-se-in-se);
795
+ path {
796
+ stroke: var(--_ctm-dn-ee-ps-bn-hr-se-in-c1);
797
+ }
798
+ }
799
+ }
800
+ }
801
+ }
802
+ }
803
+ }
804
+ .table-content {
805
+ border-collapse: collapse;
806
+ background-color: var(--_ctm-dn-te-bd-cr);
807
+ border-color: var(--_show-border-im-se, var(--_ctm-dn-te-br-cr, var(--_tst-dn-br-cr)));
808
+ border-style: var(--_show-border-im-se, var(--_ctm-dn-te-br-se, var(--_tst-dn-br-se)));
809
+ border-width: var(--_show-border-im-se, var(--_ctm-dn-te-br-wh, var(--_tst-dn-br-wh)));
810
+ border-radius: var(--_ctm-dn-te-br-rs, var(--_tst-dn-br-rs));
811
+ box-shadow: var(
812
+ --_show-shadow-im-se,
813
+ var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae))
814
+ var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br))
815
+ var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd))
816
+ var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr))
817
+ );
818
+ &[data-header-divider="true"] {
819
+ thead tr th {
820
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
821
+ }
822
+ }
823
+ &[data-row-divider="true"] {
824
+ tbody tr td {
825
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
826
+ }
827
+ }
828
+ &[data-column-divider="true"] {
829
+ tbody tr td,
830
+ thead tr th {
831
+ border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
832
+ }
833
+
834
+ tbody tr td:last-child,
835
+ thead tr th:last-child {
836
+ border-right: none;
837
+ }
838
+ }
839
+ &[data-alternative-row-colors="true"] {
840
+ tbody tr:nth-child(odd) {
841
+ background-color: var(--_gray-300);
842
+ width: 100%;
843
+ }
844
+ }
845
+ thead {
846
+ height: var(--_ctm-lt-hr-ht);
847
+ tr {
848
+ th {
849
+ padding: var(--_ctm-lt-hr-cl-pg);
850
+ text-align: var(--_ctm-lt-ct-at);
851
+ border: 0;
852
+ background-color: var(--_ctm-dn-te-hr-bd-cr);
853
+ color: var(--_ctm-dn-hr-tt-cr);
854
+ font-family: var(--_ctm-dn-hr-tt-ft-fy), sans-serif;
855
+ font-size: var(--_ctm-dn-hr-tt-ft-se);
856
+ font-weight: var(--_ctm-dn-hr-tt-ft-wt);
857
+ font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
858
+ text-align: var(--_ctm-dn-hr-tt-tt-an);
859
+ letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
860
+ line-height: var(--_ctm-dn-hr-tt-le-ht);
861
+ text-decoration: var(--_ctm-dn-hr-tt-ue);
862
+ }
863
+ }
864
+ }
865
+ tbody {
866
+ tr {
867
+ padding: var(--_ctm-lt-rw-cl-pg);
868
+ height: var(--_ctm-lt-rw-ht);
869
+ background-color: var(--_ctm-dn-te-rw-bd-cr);
870
+ text-align: var(--_ctm-lt-ct-at);
871
+ th,
872
+ td {
873
+ border: 0;
874
+ padding: inherit;
875
+ color: var(--_ctm-dn-te-rw-cr);
876
+ font-family: var(--_ctm-dn-te-rw-ft-fy), sans-serif;
877
+ font-size: var(--_ctm-dn-te-rw-ft-se);
878
+ font-weight: var(--_ctm-dn-te-rw-ft-wt);
879
+ font-style: var(--_ctm-dn-te-rw-ft-se-ic);
880
+ text-align: var(--_ctm-dn-te-rw-tt-an);
881
+ letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
882
+ line-height: var(--_ctm-dn-te-rw-le-ht);
883
+ text-decoration: var(--_ctm-dn-te-rw-ue);
884
+ }
885
+ }
886
+ }
887
+ }
888
+ .store__button {
889
+ .button {
890
+ display: flex;
891
+ align-items: center;
892
+ background-color: var(--_ctm-dn-vw-os-bn-dt-se-bd-cr);
893
+ gap: var(--_ctm-dn-vw-os-bn-dt-se-in-ad-tt-sg);
894
+ padding: 10px;
895
+ width: 100%;
896
+ justify-content: center;
897
+ min-width: 100px;
898
+ min-height: 50px;
899
+ border-color: var(
900
+ --_show-border-im-se,
901
+ var(--_ctm-dn-vw-os-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
902
+ );
903
+ border-style: var(
904
+ --_show-border-im-se,
905
+ var(--_ctm-dn-vw-os-bn-dt-se-br-se, var(--_tst-dn-br-se))
906
+ );
907
+ border-width: var(
908
+ --_show-border-im-se,
909
+ var(--_ctm-dn-vw-os-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
910
+ );
911
+ border-radius: var(--_ctm-dn-vw-os-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
912
+ box-shadow: var(
913
+ --_show-shadow-im-se,
914
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
915
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
916
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
917
+ var(--_ctm-dn-vw-os-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
918
+ );
919
+ .icon {
920
+ svg {
921
+ width: var(--_ctm-dn-vw-os-bn-dt-se-in-se);
922
+ height: var(--_ctm-dn-vw-os-bn-dt-se-in-se);
923
+ path {
924
+ stroke: var(--_ctm-dn-vw-os-bn-dt-se-in-c1);
925
+ }
926
+ }
927
+ }
928
+ .text {
929
+ color: var(--_ctm-dn-vw-os-bn-dt-se-cr);
930
+ font-family: var(--_ctm-dn-vw-os-bn-dt-se-ft-fy), sans-serif;
931
+ font-size: var(--_ctm-dn-vw-os-bn-dt-se-ft-se);
932
+ font-weight: var(--_ctm-dn-vw-os-bn-dt-se-ft-wt);
933
+ font-style: var(--_ctm-dn-vw-os-bn-dt-se-ft-se-ic);
934
+ text-align: var(--_ctm-dn-vw-os-bn-dt-se-tt-an);
935
+ letter-spacing: var(--_ctm-dn-vw-os-bn-dt-se-lr-sg);
936
+ line-height: var(--_ctm-dn-vw-os-bn-dt-se-le-ht);
937
+ text-decoration: var(--_ctm-dn-vw-os-bn-dt-se-ue);
938
+ }
939
+ &:hover {
940
+ background-color: var(--_ctm-dn-vw-os-bn-hr-se-bd-cr);
941
+ gap: var(--_ctm-dn-vw-os-bn-hr-se-in-ad-tt-sg);
942
+ min-width: 100px;
943
+ min-height: 50px;
944
+ border-color: var(
945
+ --_show-border-im-se,
946
+ var(--_ctm-dn-vw-os-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
947
+ );
948
+ border-style: var(
949
+ --_show-border-im-se,
950
+ var(--_ctm-dn-vw-os-bn-hr-se-br-se, var(--_tst-dn-br-se))
951
+ );
952
+ border-width: var(
953
+ --_show-border-im-se,
954
+ var(--_ctm-dn-vw-os-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
955
+ );
956
+ border-radius: var(--_ctm-dn-vw-os-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
957
+ box-shadow: var(
958
+ --_show-shadow-im-se,
959
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
960
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
961
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
962
+ var(--_ctm-dn-vw-os-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
963
+ );
964
+ .icon {
965
+ svg {
966
+ width: var(--_ctm-dn-vw-os-bn-hr-se-in-se);
967
+ height: var(--_ctm-dn-vw-os-bn-hr-se-in-se);
968
+ path {
969
+ stroke: var(--_ctm-dn-vw-os-bn-hr-se-in-c1);
970
+ }
971
+ }
972
+ }
973
+ .text {
974
+ color: var(--_ctm-dn-vw-os-bn-hr-se-cr);
975
+ font-family: var(--_ctm-dn-vw-os-bn-hr-se-ft-fy), sans-serif;
976
+ font-size: var(--_ctm-dn-vw-os-bn-hr-se-ft-se);
977
+ font-weight: var(--_ctm-dn-vw-os-bn-hr-se-ft-wt);
978
+ font-style: var(--_ctm-dn-vw-os-bn-hr-se-ft-se-ic);
979
+ text-align: var(--_ctm-dn-vw-os-bn-hr-se-tt-an);
980
+ letter-spacing: var(--_ctm-dn-vw-os-bn-hr-se-lr-sg);
981
+ line-height: var(--_ctm-dn-vw-os-bn-hr-se-le-ht);
982
+ text-decoration: var(--_ctm-dn-vw-os-bn-hr-se-ue);
983
+ }
984
+ }
985
+ }
986
+ .upfront_container {
987
+ margin-top: 10px;
988
+
989
+ .vertical {
990
+ display: flex;
991
+ flex-direction: column;
992
+ align-items: flex-start;
993
+ gap: var(--_ctm-lt-im-sg);
40
994
 
41
- tr:nth-child(even) {
42
- // background-color: #dddddd;
995
+ .item {
996
+ display: flex;
997
+ flex-direction: column;
998
+ width: 100%;
999
+ border: 1px solid #000;
1000
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
1001
+ background-color: var(--_ctm-dn-im-se-bd-cr);
1002
+ border-color: var(
1003
+ --_show-border-im-se,
1004
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
1005
+ );
1006
+ border-style: var(
1007
+ --_show-border-im-se,
1008
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
1009
+ );
1010
+ border-width: var(
1011
+ --_show-border-im-se,
1012
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
1013
+ );
1014
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
1015
+ box-shadow: var(
1016
+ --_show-shadow-im-se,
1017
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
1018
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
1019
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
1020
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
1021
+ );
1022
+ .name {
1023
+ color: var(--_ctm-dn-ln-ne-cr);
1024
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
1025
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
1026
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
1027
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
1028
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
1029
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
1030
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
1031
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
1032
+ }
1033
+ .address {
1034
+ color: var(--_ctm-dn-ln-as-cr);
1035
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
1036
+ font-size: var(--_ctm-dn-ln-as-ft-se);
1037
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
1038
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
1039
+ text-align: var(--_ctm-dn-ln-as-tt-an);
1040
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
1041
+ line-height: var(--_ctm-dn-ln-as-le-ht);
1042
+ text-decoration: var(--_ctm-dn-ln-as-ue);
1043
+ }
1044
+ .inventory {
1045
+ color: var(--_ctm-dn-ln-iy-cr);
1046
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
1047
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
1048
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
1049
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
1050
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
1051
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
1052
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
1053
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
1054
+ }
1055
+ .status {
1056
+ color: var(--_ctm-dn-ln-iy-ss-cr);
1057
+ font-family: var(--_ctm-dn-ln-iy-ss-ft-fy), sans-serif;
1058
+ font-size: var(--_ctm-dn-ln-iy-ss-ft-se);
1059
+ font-weight: var(--_ctm-dn-ln-iy-ss-ft-wt);
1060
+ font-style: var(--_ctm-dn-ln-iy-ss-ft-se-ic);
1061
+ text-align: var(--_ctm-dn-ln-iy-ss-tt-an);
1062
+ letter-spacing: var(--_ctm-dn-ln-iy-ss-lr-sg);
1063
+ line-height: var(--_ctm-dn-ln-iy-ss-le-ht);
1064
+ text-decoration: var(--_ctm-dn-ln-iy-ss-ue);
1065
+ }
1066
+ }
1067
+ }
1068
+ }
1069
+ }
1070
+ .pagination_container {
1071
+ display: flex;
1072
+ justify-content: center;
1073
+ align-items: center;
1074
+ gap: 10px;
1075
+ button {
1076
+ font-size: 16px;
1077
+ // padding: 10px 20px;
1078
+ // background-color: #000;
1079
+ color: #fff;
1080
+ border: none;
1081
+ cursor: pointer;
1082
+ // border-radius: 10px;
1083
+ }
1084
+ span {
1085
+ cursor: pointer;
1086
+ color: var(--_ctm-dn-pn-dt-se-cr);
1087
+ font-family: var(--_ctm-dn-pn-dt-se-ft-fy), sans-serif;
1088
+ font-size: var(--_ctm-dn-pn-dt-se-ft-se);
1089
+ font-weight: var(--_ctm-dn-pn-dt-se-ft-wt);
1090
+ font-style: var(--_ctm-dn-pn-dt-se-ft-se-ic);
1091
+ text-align: var(--_ctm-dn-pn-dt-se-tt-an);
1092
+ letter-spacing: var(--_ctm-dn-pn-dt-se-lr-sg);
1093
+ line-height: var(--_ctm-dn-pn-dt-se-le-ht);
1094
+ text-decoration: var(--_ctm-dn-pn-dt-se-ue);
1095
+ }
1096
+ .active {
1097
+ span {
1098
+ background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1099
+ padding: 2px;
1100
+ }
1101
+ }
1102
+ }
1103
+ .loadmore_conatiner {
1104
+ display: flex;
1105
+ justify-content: center;
1106
+ align-items: center;
1107
+ gap: 10px;
1108
+ margin-top: 10px;
1109
+ button {
1110
+ padding: 10px;
1111
+ cursor: pointer;
1112
+ color: var(--_ctm-dn-sw-me-is-bn-cr);
1113
+ font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy), sans-serif;
1114
+ font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
1115
+ font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
1116
+ font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
1117
+ text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
1118
+ letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
1119
+ line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
1120
+ text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
1121
+ background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
1122
+ border-color: var(
1123
+ --_show-border-im-se,
1124
+ var(--_ctm-dn-sw-me-is-bn-br-cr, var(--_tst-dn-br-cr))
1125
+ );
1126
+ border-style: var(
1127
+ --_show-border-im-se,
1128
+ var(--_ctm-dn-sw-me-is-bn-br-se, var(--_tst-dn-br-se))
1129
+ );
1130
+ border-width: var(
1131
+ --_show-border-im-se,
1132
+ var(--_ctm-dn-sw-me-is-bn-br-wh, var(--_tst-dn-br-wh))
1133
+ );
1134
+ border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs, var(--_tst-dn-br-rs));
1135
+ box-shadow: var(
1136
+ --_show-shadow-im-se,
1137
+ var(--_ctm-dn-sw-me-is-bn-sw-ae, var(--_tst-dn-sw-ae))
1138
+ var(--_ctm-dn-sw-me-is-bn-sw-br, var(--_tst-dn-sw-br))
1139
+ var(--_ctm-dn-sw-me-is-bn-sw-sd, var(--_tst-dn-sw-sd))
1140
+ var(--_ctm-dn-sw-me-is-bn-sw-cr, var(--_tst-dn-sw-cr))
1141
+ );
1142
+ }
1143
+ }
43
1144
  }
44
1145
  }
45
1146
  }