@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/pickup-locations.scss CHANGED
@@ -5,24 +5,456 @@
5
5
  &[data-element-type="pickupLocations"] {
6
6
  width: var(--_sf-nw-wh, var(--_tst-lt-wh));
7
7
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
8
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
8
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
9
9
 
10
10
  & > .wrapper {
11
11
  width: 100%;
12
12
  }
13
13
 
14
- table {
15
- font-family: arial, sans-serif;
16
- border-collapse: collapse;
17
- width: 100%;
18
- height: 100%;
14
+ &[data-show-shadow="false"] {
15
+ --_show-shadow-im-se: none;
16
+ }
17
+ &[data-show-border="false"] {
18
+ --_show-border-im-se: none;
19
+ }
20
+ &[data-overflow-items="Wrap"] {
21
+ .horizontal {
22
+ flex-wrap: wrap;
23
+ }
24
+ }
25
+ &[data-overflow-items="Scroll"] {
26
+ .horizontal {
27
+ width: 100%;
28
+ overflow-x: auto;
29
+ .item {
30
+ width: 100%;
31
+ flex-shrink: 0;
32
+ }
33
+ }
34
+ .vertical {
35
+ overflow-y: auto;
36
+ max-height: 30%;
37
+ }
19
38
  }
39
+ .text-element {
40
+ background: #6d96e4;
41
+ padding: 10px;
42
+ font-weight: 600;
43
+ color: rgba(75, 69, 70, 1);
44
+ }
45
+ .store__container {
46
+ display: flex;
47
+ flex-direction: column;
48
+ align-items: center;
49
+ padding: var(--_ctm-lt-pg);
50
+ width: 100%;
51
+ .search__with__btn {
52
+ display: flex;
53
+ gap: var(--_ctm-lt-im-sg);
54
+ .search__section {
55
+ height: auto;
56
+ display: flex;
57
+ align-items: center;
58
+ min-width: 100px;
59
+ min-height: 50px;
60
+ border-color: var(
61
+ --_show-border-im-se,
62
+ var(--_ctm-dn-it-se-dt-se-br-cr, var(--_tst-dn-br-cr))
63
+ );
64
+ border-style: var(
65
+ --_show-border-im-se,
66
+ var(--_ctm-dn-it-se-dt-se-br-se, var(--_tst-dn-br-se))
67
+ );
68
+ border-width: var(
69
+ --_show-border-im-se,
70
+ var(--_ctm-dn-it-se-dt-se-br-wh, var(--_tst-dn-br-wh))
71
+ );
72
+ border-radius: var(--_ctm-dn-it-se-dt-se-br-rs, var(--_tst-dn-br-rs));
73
+ box-shadow: var(
74
+ --_show-shadow-im-se,
75
+ var(--_ctm-dn-it-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
76
+ var(--_ctm-dn-it-se-dt-se-sw-br, var(--_tst-dn-sw-br))
77
+ var(--_ctm-dn-it-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
78
+ var(--_ctm-dn-it-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
79
+ );
80
+ background-color: var(--_ctm-dn-it-se-dt-se-bd-cr);
81
+ gap: var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg);
82
+ & > span {
83
+ padding-inline: 5px;
84
+ width: var(--_ctm-dn-it-se-dt-se-in-se);
85
+ height: var(--_ctm-dn-it-se-dt-se-in-se);
86
+ path {
87
+ stroke: var(--_ctm-dn-it-se-dt-se-in-c1);
88
+ }
89
+ }
90
+ input[type="text"] {
91
+ height: 100%;
92
+ color: var(--_ctm-dn-it-se-dt-se-cr);
93
+ font-family: var(--_ctm-dn-it-se-dt-se-ft-fy), sans-serif;
94
+ font-size: var(--_ctm-dn-it-se-dt-se-ft-se);
95
+ font-weight: var(--_ctm-dn-it-se-dt-se-ft-wt);
96
+ font-style: var(--_ctm-dn-it-se-dt-se-ft-se-ic);
97
+ text-align: var(--_ctm-dn-it-se-dt-se-tt-an);
98
+ letter-spacing: var(--_ctm-dn-it-se-dt-se-lr-sg);
99
+ line-height: var(--_ctm-dn-it-se-dt-se-le-ht);
100
+ text-decoration: var(--_ctm-dn-it-se-dt-se-ue);
101
+ }
102
+ &:hover {
103
+ border-color: var(
104
+ --_show-border-im-se,
105
+ var(--_ctm-dn-it-se-dt-se-br-cr, var(--_tst-dn-br-cr))
106
+ );
107
+ border-style: var(
108
+ --_show-border-im-se,
109
+ var(--_ctm-dn-it-se-dt-se-br-se, var(--_tst-dn-br-se))
110
+ );
111
+ border-width: var(
112
+ --_show-border-im-se,
113
+ var(--_ctm-dn-it-se-dt-se-br-wh, var(--_tst-dn-br-wh))
114
+ );
115
+ border-radius: var(--_ctm-dn-it-se-dt-se-br-rs, var(--_tst-dn-br-rs));
116
+ box-shadow: var(
117
+ --_show-shadow-im-se,
118
+ var(--_ctm-dn-it-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
119
+ var(--_ctm-dn-it-se-dt-se-sw-br, var(--_tst-dn-sw-br))
120
+ var(--_ctm-dn-it-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
121
+ var(--_ctm-dn-it-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
122
+ );
123
+ background-color: var(--_ctm-dn-it-se-dt-se-bd-cr);
124
+ gap: var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg);
125
+ & > span {
126
+ padding-inline: 5px;
127
+ width: var(--_ctm-dn-it-se-dt-se-in-se);
128
+ height: var(--_ctm-dn-it-se-dt-se-in-se);
129
+ path {
130
+ stroke: var(--_ctm-dn-it-se-dt-se-in-c1);
131
+ }
132
+ }
133
+ input[type="text"] {
134
+ height: 100%;
135
+ color: var(--_ctm-dn-it-se-dt-se-cr);
136
+ font-family: var(--_ctm-dn-it-se-dt-se-ft-fy), sans-serif;
137
+ font-size: var(--_ctm-dn-it-se-dt-se-ft-se);
138
+ font-weight: var(--_ctm-dn-it-se-dt-se-ft-wt);
139
+ font-style: var(--_ctm-dn-it-se-dt-se-ft-se-ic);
140
+ text-align: var(--_ctm-dn-it-se-dt-se-tt-an);
141
+ letter-spacing: var(--_ctm-dn-it-se-dt-se-lr-sg);
142
+ line-height: var(--_ctm-dn-it-se-dt-se-le-ht);
143
+ text-decoration: var(--_ctm-dn-it-se-dt-se-ue);
144
+ }
145
+ }
146
+ }
147
+
148
+ .crt__btn {
149
+ display: flex;
150
+ align-items: center;
151
+ padding-inline: 15px;
152
+ padding: 6px;
153
+ cursor: pointer;
154
+ min-width: 100px;
155
+ min-height: 50px;
156
+ border-color: var(
157
+ --_show-border-im-se,
158
+ var(--_ctm-dn-se-ls-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
159
+ );
160
+ border-style: var(
161
+ --_show-border-im-se,
162
+ var(--_ctm-dn-se-ls-bn-dt-se-br-se, var(--_tst-dn-br-se))
163
+ );
164
+ border-width: var(
165
+ --_show-border-im-se,
166
+ var(--_ctm-dn-se-ls-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
167
+ );
168
+ border-radius: var(--_ctm-dn-se-ls-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
169
+ box-shadow: var(
170
+ --_show-shadow-im-se,
171
+ var(--_ctm-dn-se-ls-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
172
+ var(--_ctm-dn-se-ls-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
173
+ var(--_ctm-dn-se-ls-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
174
+ var(--_ctm-dn-se-ls-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
175
+ );
176
+ background-color: var(--_ctm-dn-se-ls-bn-dt-se-bd-cr);
177
+ gap: var(--_ctm-dn-se-ls-bn-dt-se-in-ad-tt-sg);
178
+ color: var(--_ctm-dn-se-ls-bn-dt-se-cr);
179
+ font-family: var(--_ctm-dn-se-ls-bn-dt-se-ft-fy), sans-serif;
180
+ font-size: var(--_ctm-dn-se-ls-bn-dt-se-ft-se);
181
+ font-weight: var(--_ctm-dn-se-ls-bn-dt-se-ft-wt);
182
+ font-style: var(--_ctm-dn-se-ls-bn-dt-se-ft-se-ic);
183
+ text-align: var(--_ctm-dn-se-ls-bn-dt-se-tt-an);
184
+ letter-spacing: var(--_ctm-dn-se-ls-bn-dt-se-lr-sg);
185
+ line-height: var(--_ctm-dn-se-ls-bn-dt-se-le-ht);
186
+ text-decoration: var(--_ctm-dn-se-ls-bn-dt-se-ue);
187
+ svg {
188
+ width: var(--_ctm-dn-se-ls-bn-dt-se-in-se);
189
+ height: var(--_ctm-dn-se-ls-bn-dt-se-in-se);
190
+ path {
191
+ stroke: var(--_ctm-dn-se-ls-bn-dt-se-in-c1);
192
+ }
193
+ }
194
+ &:hover {
195
+ border-color: var(
196
+ --_show-border-im-se,
197
+ var(--_ctm-dn-se-ls-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
198
+ );
199
+ border-style: var(
200
+ --_show-border-im-se,
201
+ var(--_ctm-dn-se-ls-bn-hr-se-br-se, var(--_tst-dn-br-se))
202
+ );
203
+ border-width: var(
204
+ --_show-border-im-se,
205
+ var(--_ctm-dn-se-ls-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
206
+ );
207
+ border-radius: var(--_ctm-dn-se-ls-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
208
+ box-shadow: var(
209
+ --_show-shadow-im-se,
210
+ var(--_ctm-dn-se-ls-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
211
+ var(--_ctm-dn-se-ls-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
212
+ var(--_ctm-dn-se-ls-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
213
+ var(--_ctm-dn-se-ls-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
214
+ );
215
+ background-color: var(--_ctm-dn-se-ls-bn-hr-se-bd-cr);
216
+ gap: var(--_ctm-dn-se-ls-bn-hr-se-in-ad-tt-sg);
217
+ color: var(--_ctm-dn-se-ls-bn-hr-se-cr);
218
+ font-family: var(--_ctm-dn-se-ls-bn-hr-se-ft-fy), sans-serif;
219
+ font-size: var(--_ctm-dn-se-ls-bn-hr-se-ft-se);
220
+ font-weight: var(--_ctm-dn-se-ls-bn-hr-se-ft-wt);
221
+ font-style: var(--_ctm-dn-se-ls-bn-hr-se-ft-se-ic);
222
+ text-align: var(--_ctm-dn-se-ls-bn-hr-se-tt-an);
223
+ letter-spacing: var(--_ctm-dn-se-ls-bn-hr-se-lr-sg);
224
+ line-height: var(--_ctm-dn-se-ls-bn-hr-se-le-ht);
225
+ text-decoration: var(--_ctm-dn-se-ls-bn-hr-se-ue);
226
+ svg {
227
+ width: var(--_ctm-dn-se-ls-bn-hr-se-in-se);
228
+ height: var(--_ctm-dn-se-ls-bn-hr-se-in-se);
229
+ path {
230
+ stroke: var(--_ctm-dn-se-ls-bn-hr-se-in-c1);
231
+ }
232
+ }
233
+ }
234
+ }
235
+ }
236
+ .stack {
237
+ .static {
238
+ color: var(--_ctm-dn-iy-tt-se-cr-dc);
239
+ font-family: var(--_ctm-dn-iy-tt-se-ft-fy-dc), sans-serif;
240
+ font-size: var(--_ctm-dn-iy-tt-se-ft-se-dc);
241
+ font-weight: var(--_ctm-dn-iy-tt-se-ft-wt-dc);
242
+ font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic-dc);
243
+ text-align: var(--_ctm-dn-iy-tt-se-tt-an-dc);
244
+ letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg-dc);
245
+ line-height: var(--_ctm-dn-iy-tt-se-le-ht-dc);
246
+ text-decoration: var(--_ctm-dn-iy-tt-se-ue-dc);
247
+ }
248
+ .dynamic {
249
+ color: var(--_ctm-dn-iy-tt-se-cr);
250
+ font-family: var(--_ctm-dn-iy-tt-se-ft-fy), sans-serif;
251
+ font-size: var(--_ctm-dn-iy-tt-se-ft-se);
252
+ font-weight: var(--_ctm-dn-iy-tt-se-ft-wt);
253
+ font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic);
254
+ text-align: var(--_ctm-dn-iy-tt-se-tt-an);
255
+ letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg);
256
+ line-height: var(--_ctm-dn-iy-tt-se-le-ht);
257
+ text-decoration: var(--_ctm-dn-iy-tt-se-ue);
258
+ }
259
+ .horizontal {
260
+ display: flex;
261
+ flex-direction: row;
262
+ align-items: center;
263
+ margin-top: 10px;
264
+ gap: var(--_ctm-lt-im-sg);
265
+ .item {
266
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
267
+ display: flex;
268
+ flex-direction: column;
269
+ background-color: var(--_ctm-dn-im-se-bd-cr);
270
+ border-color: var(
271
+ --_show-border-im-se,
272
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
273
+ );
274
+ border-style: var(
275
+ --_show-border-im-se,
276
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
277
+ );
278
+ border-width: var(
279
+ --_show-border-im-se,
280
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
281
+ );
282
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
283
+ box-shadow: var(
284
+ --_show-shadow-im-se,
285
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
286
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
287
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
288
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
289
+ );
290
+ .name {
291
+ color: var(--_ctm-dn-ln-ne-cr);
292
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
293
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
294
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
295
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
296
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
297
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
298
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
299
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
300
+ }
301
+ .address {
302
+ color: var(--_ctm-dn-ln-as-cr);
303
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
304
+ font-size: var(--_ctm-dn-ln-as-ft-se);
305
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
306
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
307
+ text-align: var(--_ctm-dn-ln-as-tt-an);
308
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
309
+ line-height: var(--_ctm-dn-ln-as-le-ht);
310
+ text-decoration: var(--_ctm-dn-ln-as-ue);
311
+ }
312
+ .inventory {
313
+ color: var(--_ctm-dn-ln-iy-cr);
314
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
315
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
316
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
317
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
318
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
319
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
320
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
321
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
322
+ }
323
+ .status {
324
+ color: var(--_ctm-dn-ln-ts-cr);
325
+ font-family: var(--_ctm-dn-ln-ts-ft-fy), sans-serif;
326
+ font-size: var(--_ctm-dn-ln-ts-ft-se);
327
+ font-weight: var(--_ctm-dn-ln-ts-ft-wt);
328
+ font-style: var(--_ctm-dn-ln-ts-ft-se-ic);
329
+ text-align: var(--_ctm-dn-ln-ts-tt-an);
330
+ letter-spacing: var(--_ctm-dn-ln-ts-lr-sg);
331
+ line-height: var(--_ctm-dn-ln-ts-le-ht);
332
+ text-decoration: var(--_ctm-dn-ln-ts-ue);
333
+ }
334
+ }
335
+ }
336
+ .vertical {
337
+ display: flex;
338
+ flex-direction: column;
339
+ align-items: flex-start;
340
+ gap: var(--_ctm-lt-im-sg);
20
341
 
21
- td,
22
- th {
23
- border: 1px solid #dddddd;
24
- text-align: center;
25
- padding: 8px;
342
+ .item {
343
+ display: flex;
344
+ flex-direction: column;
345
+ width: 100%;
346
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
347
+ display: flex;
348
+ flex-direction: column;
349
+ background-color: var(--_ctm-dn-im-se-bd-cr);
350
+ border-color: var(
351
+ --_show-border-im-se,
352
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
353
+ );
354
+ border-style: var(
355
+ --_show-border-im-se,
356
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
357
+ );
358
+ border-width: var(
359
+ --_show-border-im-se,
360
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
361
+ );
362
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
363
+ box-shadow: var(
364
+ --_show-shadow-im-se,
365
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
366
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
367
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
368
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
369
+ );
370
+ .name {
371
+ color: var(--_ctm-dn-ln-ne-cr);
372
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
373
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
374
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
375
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
376
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
377
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
378
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
379
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
380
+ }
381
+ .address {
382
+ color: var(--_ctm-dn-ln-as-cr);
383
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
384
+ font-size: var(--_ctm-dn-ln-as-ft-se);
385
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
386
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
387
+ text-align: var(--_ctm-dn-ln-as-tt-an);
388
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
389
+ line-height: var(--_ctm-dn-ln-as-le-ht);
390
+ text-decoration: var(--_ctm-dn-ln-as-ue);
391
+ }
392
+ .inventory {
393
+ color: var(--_ctm-dn-ln-iy-cr);
394
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
395
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
396
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
397
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
398
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
399
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
400
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
401
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
402
+ }
403
+ .status {
404
+ color: var(--_ctm-dn-ln-ts-cr);
405
+ font-family: var(--_ctm-dn-ln-ts-ft-fy), sans-serif;
406
+ font-size: var(--_ctm-dn-ln-ts-ft-se);
407
+ font-weight: var(--_ctm-dn-ln-ts-ft-wt);
408
+ font-style: var(--_ctm-dn-ln-ts-ft-se-ic);
409
+ text-align: var(--_ctm-dn-ln-ts-tt-an);
410
+ letter-spacing: var(--_ctm-dn-ln-ts-lr-sg);
411
+ line-height: var(--_ctm-dn-ln-ts-le-ht);
412
+ text-decoration: var(--_ctm-dn-ln-ts-ue);
413
+ }
414
+ }
415
+ }
416
+ }
417
+ .loadmore_conatiner {
418
+ display: flex;
419
+ justify-content: center;
420
+ align-items: center;
421
+ gap: 10px;
422
+ margin-top: 10px;
423
+ button {
424
+ padding: 10px;
425
+ cursor: pointer;
426
+ color: var(--_ctm-dn-sw-me-is-bn-cr);
427
+ font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy), sans-serif;
428
+ font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
429
+ font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
430
+ font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
431
+ text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
432
+ letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
433
+ line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
434
+ text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
435
+ background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
436
+ border-color: var(
437
+ --_show-border-im-se,
438
+ var(--_ctm-dn-sw-me-is-bn-br-cr, var(--_tst-dn-br-cr))
439
+ );
440
+ border-style: var(
441
+ --_show-border-im-se,
442
+ var(--_ctm-dn-sw-me-is-bn-br-se, var(--_tst-dn-br-se))
443
+ );
444
+ border-width: var(
445
+ --_show-border-im-se,
446
+ var(--_ctm-dn-sw-me-is-bn-br-wh, var(--_tst-dn-br-wh))
447
+ );
448
+ border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs, var(--_tst-dn-br-rs));
449
+ box-shadow: var(
450
+ --_show-shadow-im-se,
451
+ var(--_ctm-dn-sw-me-is-bn-sw-ae, var(--_tst-dn-sw-ae))
452
+ var(--_ctm-dn-sw-me-is-bn-sw-br, var(--_tst-dn-sw-br))
453
+ var(--_ctm-dn-sw-me-is-bn-sw-sd, var(--_tst-dn-sw-sd))
454
+ var(--_ctm-dn-sw-me-is-bn-sw-cr, var(--_tst-dn-sw-cr))
455
+ );
456
+ }
457
+ }
26
458
  }
27
459
  }
28
460
  }