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

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