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