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