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