@sc-360-v2/storefront-cms-library 0.5.53 → 0.5.55

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 (106) hide show
  1. package/dist/add-products-tab-details.scss +3 -0
  2. package/dist/allocation-header-quota-details.scss +520 -0
  3. package/dist/allocationDetails.scss +617 -644
  4. package/dist/allocations-quota-details.scss +454 -0
  5. package/dist/allocations.scss +8 -0
  6. package/dist/amount-estimator.scss +1088 -1083
  7. package/dist/badge.scss +396 -388
  8. package/dist/breadcrumbs.scss +17 -0
  9. package/dist/builder.js +1 -1
  10. package/dist/bulk-variant-picker.scss +4 -0
  11. package/dist/bundle copy.scss +26 -0
  12. package/dist/bundle.scss +10 -0
  13. package/dist/bundleDetails.scss +14 -0
  14. package/dist/button copy.scss +2 -0
  15. package/dist/button.scss +2 -0
  16. package/dist/buyForHeaders.scss +19 -0
  17. package/dist/cart-details.scss +101 -18
  18. package/dist/cart-summary.scss +18 -0
  19. package/dist/cart.scss +2 -0
  20. package/dist/cartAttributes.scss +4 -0
  21. package/dist/category-groups-quota-details.scss +124 -38
  22. package/dist/checkout.scss +6 -0
  23. package/dist/countdown.scss +2 -0
  24. package/dist/coupon.scss +8 -0
  25. package/dist/embroidery.scss +2 -0
  26. package/dist/employee-bulk-order.scss +5 -0
  27. package/dist/faq.scss +9 -0
  28. package/dist/filters.scss +2 -0
  29. package/dist/form-zindex-module.scss +24 -24
  30. package/dist/gallery-slider-temp.scss +205 -14
  31. package/dist/hotspot.scss +5 -1
  32. package/dist/icon-list.scss +2 -0
  33. package/dist/kitDetails.scss +2 -0
  34. package/dist/kits.scss +2 -0
  35. package/dist/language-selector.scss +2 -0
  36. package/dist/last-x-orders.scss +5 -0
  37. package/dist/login.scss +63 -9
  38. package/dist/map.scss +6 -0
  39. package/dist/mega-menu.scss +41 -0
  40. package/dist/menu-v2.scss +83 -6
  41. package/dist/order-status.scss +228 -136
  42. package/dist/past-orders.scss +989 -975
  43. package/dist/pickup-locations.scss +1172 -1167
  44. package/dist/product-image-allocation.scss +59 -0
  45. package/dist/product-inventory.scss +1381 -1378
  46. package/dist/product-promotions.scss +2768 -2759
  47. package/dist/product-sizechart.scss +4 -0
  48. package/dist/profile.scss +8 -0
  49. package/dist/quantity-selector.scss +4 -0
  50. package/dist/quick-inventory-check.scss +5 -0
  51. package/dist/quick-order-pad.scss +5 -0
  52. package/dist/quota-details.scss +99 -15
  53. package/dist/repeater copy.scss +3 -0
  54. package/dist/repeater-grid-toggle.scss +2 -0
  55. package/dist/repeater.scss +2 -0
  56. package/dist/rfqs.scss +10 -0
  57. package/dist/scroll.scss +46 -0
  58. package/dist/search.scss +4 -0
  59. package/dist/shipping-payments.scss +4 -0
  60. package/dist/social.scss +5 -0
  61. package/dist/store-locations.scss +1402 -1398
  62. package/dist/tab-v2.scss +2 -0
  63. package/dist/table-common.scss +509 -506
  64. package/dist/table.scss +687 -685
  65. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +28 -0
  66. package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +5 -0
  67. package/dist/types/builder/tools/element-edit/allocations.d.ts +1 -0
  68. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +5 -0
  69. package/dist/types/builder/tools/element-edit/bundle.d.ts +40 -0
  70. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +20 -0
  71. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +18 -0
  72. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +1 -0
  73. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +9 -0
  74. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +79 -1
  75. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +259 -0
  76. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +28 -0
  77. package/dist/types/builder/tools/element-edit/checkout.d.ts +1 -0
  78. package/dist/types/builder/tools/element-edit/common.d.ts +23 -0
  79. package/dist/types/builder/tools/element-edit/countdown.d.ts +1 -0
  80. package/dist/types/builder/tools/element-edit/coupon.d.ts +19 -0
  81. package/dist/types/builder/tools/element-edit/embroidery.d.ts +9 -0
  82. package/dist/types/builder/tools/element-edit/filterResults.d.ts +10 -0
  83. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +19 -0
  84. package/dist/types/builder/tools/element-edit/icon-list.d.ts +31 -0
  85. package/dist/types/builder/tools/element-edit/iconInstace.d.ts +1 -0
  86. package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +2 -7
  87. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +19 -0
  88. package/dist/types/builder/tools/element-edit/kits.d.ts +9 -0
  89. package/dist/types/builder/tools/element-edit/language-menu.d.ts +0 -1
  90. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +320 -168
  91. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +10 -0
  92. package/dist/types/builder/tools/element-edit/quotaDetails.d.ts +1 -0
  93. package/dist/types/builder/tools/element-edit/rfqs.d.ts +5 -0
  94. package/dist/types/builder/tools/element-edit/scroll.d.ts +1 -0
  95. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +2 -0
  96. package/dist/types/builder/tools/element-edit/social.d.ts +1 -0
  97. package/dist/types/builder/tools/element-edit/table.d.ts +1 -0
  98. package/dist/types/builder/tools/element-edit/tabs.d.ts +18 -0
  99. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +17 -0
  100. package/dist/types/builder/tools/element-edit/userElements.d.ts +197 -7
  101. package/dist/types/builder/tools/element-edit/video.d.ts +2 -0
  102. package/dist/user-elements.scss +263 -221
  103. package/dist/variant-picker.scss +2 -0
  104. package/dist/video.scss +2 -0
  105. package/dist/volume-pricing.scss +3 -0
  106. package/package.json +1 -1
@@ -1,1378 +1,1381 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="productInventory"] {
6
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
7
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
8
-
9
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
10
- & > .wrapper {
11
- width: 100%;
12
- }
13
- &[data-show-shadow="false"] {
14
- --_show-shadow-im-se: none;
15
- }
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
- }
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-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
49
-
50
- gap: 10px;
51
- .stack {
52
- .static {
53
- color: var(
54
- --_ctm-mob-dn-iy-tt-se-cr-dc,
55
- var(--_ctm-tab-dn-iy-tt-se-cr-dc, var(--_ctm-dn-iy-tt-se-cr-dc))
56
- );
57
- font-family: var(
58
- --_ctm-mob-dn-iy-tt-se-ft-fy-dc,
59
- var(--_ctm-tab-dn-iy-tt-se-ft-fy-dc, var(--_ctm-dn-iy-tt-se-ft-fy-dc))
60
- );
61
- font-size: var(
62
- --_ctm-mob-dn-iy-tt-se-ft-se-dc,
63
- var(--_ctm-tab-dn-iy-tt-se-ft-se-dc, var(--_ctm-dn-iy-tt-se-ft-se-dc))
64
- );
65
- font-weight: var(
66
- --_ctm-mob-dn-iy-tt-se-ft-wt-dc,
67
- var(--_ctm-tab-dn-iy-tt-se-ft-wt-dc, var(--_ctm-dn-iy-tt-se-ft-wt-dc))
68
- );
69
- font-style: var(
70
- --_ctm-mob-dn-iy-tt-se-ft-se-ic-dc,
71
- var(--_ctm-tab-dn-iy-tt-se-ft-se-ic-dc, var(--_ctm-dn-iy-tt-se-ft-se-ic-dc))
72
- );
73
- text-align: var(
74
- --_ctm-mob-dn-iy-tt-se-tt-an-dc,
75
- var(--_ctm-tab-dn-iy-tt-se-tt-an-dc, var(--_ctm-dn-iy-tt-se-tt-an-dc))
76
- );
77
- letter-spacing: var(
78
- --_ctm-mob-dn-iy-tt-se-lr-sg-dc,
79
- var(--_ctm-tab-dn-iy-tt-se-lr-sg-dc, var(--_ctm-dn-iy-tt-se-lr-sg-dc))
80
- );
81
- line-height: var(
82
- --_ctm-mob-dn-iy-tt-se-le-ht-dc,
83
- var(--_ctm-tab-dn-iy-tt-se-le-ht-dc, var(--_ctm-dn-iy-tt-se-le-ht-dc))
84
- );
85
- text-decoration: var(
86
- --_ctm-mob-dn-iy-tt-se-ue-dc,
87
- var(--_ctm-tab-dn-iy-tt-se-ue-dc, var(--_ctm-dn-iy-tt-se-ue-dc))
88
- );
89
- }
90
-
91
- .dynamic {
92
- color: var(
93
- --_ctm-mob-dn-iy-tt-se-cr,
94
- var(--_ctm-tab-dn-iy-tt-se-cr, var(--_ctm-dn-iy-tt-se-cr))
95
- );
96
- font-family: var(
97
- --_ctm-mob-dn-iy-tt-se-ft-fy,
98
- var(--_ctm-tab-dn-iy-tt-se-ft-fy, var(--_ctm-dn-iy-tt-se-ft-fy))
99
- );
100
- font-size: var(
101
- --_ctm-mob-dn-iy-tt-se-ft-se,
102
- var(--_ctm-tab-dn-iy-tt-se-ft-se, var(--_ctm-dn-iy-tt-se-ft-se))
103
- );
104
- font-weight: var(
105
- --_ctm-mob-dn-iy-tt-se-ft-wt,
106
- var(--_ctm-tab-dn-iy-tt-se-ft-wt, var(--_ctm-dn-iy-tt-se-ft-wt))
107
- );
108
- font-style: var(
109
- --_ctm-mob-dn-iy-tt-se-ft-se-ic,
110
- var(--_ctm-tab-dn-iy-tt-se-ft-se-ic, var(--_ctm-dn-iy-tt-se-ft-se-ic))
111
- );
112
- text-align: var(
113
- --_ctm-mob-dn-iy-tt-se-tt-an,
114
- var(--_ctm-tab-dn-iy-tt-se-tt-an, var(--_ctm-dn-iy-tt-se-tt-an))
115
- );
116
- letter-spacing: var(
117
- --_ctm-mob-dn-iy-tt-se-lr-sg,
118
- var(--_ctm-tab-dn-iy-tt-se-lr-sg, var(--_ctm-dn-iy-tt-se-lr-sg))
119
- );
120
- line-height: var(
121
- --_ctm-mob-dn-iy-tt-se-le-ht,
122
- var(--_ctm-tab-dn-iy-tt-se-le-ht, var(--_ctm-dn-iy-tt-se-le-ht))
123
- );
124
- text-decoration: var(
125
- --_ctm-mob-dn-iy-tt-se-ue,
126
- var(--_ctm-tab-dn-iy-tt-se-ue, var(--_ctm-dn-iy-tt-se-ue))
127
- );
128
- }
129
-
130
- .horizontal {
131
- display: flex;
132
- flex-direction: row;
133
- align-items: center;
134
- margin-top: 10px;
135
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
136
-
137
- .item {
138
- display: flex;
139
- flex-direction: column;
140
- padding: var(
141
- --_ctm-mob-dn-im-se-vl-pg,
142
- var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
143
- )
144
- var(
145
- --_ctm-mob-dn-im-se-hl-pg,
146
- var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
147
- );
148
- background-color: var(
149
- --_ctm-mob-dn-im-se-bd-cr,
150
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
151
- );
152
- border-color: var(
153
- --_show-border-im-se,
154
- var(
155
- --_ctm-mob-dn-im-se-br-cr,
156
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
157
- )
158
- );
159
- border-style: var(
160
- --_show-border-im-se,
161
- var(
162
- --_ctm-mob-dn-im-se-br-se,
163
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
164
- )
165
- );
166
- border-width: var(
167
- --_show-border-im-se,
168
- var(
169
- --_ctm-mob-dn-im-se-br-wh,
170
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
171
- )
172
- );
173
- border-radius: var(
174
- --_ctm-mob-dn-im-se-br-rs,
175
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
176
- );
177
- box-shadow: var(
178
- --_show-shadow-im-se,
179
- var(
180
- --_ctm-mob-dn-im-se-sw-ae,
181
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
182
- )
183
- var(
184
- --_ctm-mob-dn-im-se-sw-br,
185
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
186
- )
187
- var(
188
- --_ctm-mob-dn-im-se-sw-sd,
189
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
190
- )
191
- var(
192
- --_ctm-mob-dn-im-se-sw-cr,
193
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
194
- )
195
- );
196
-
197
- .name {
198
- color: var(
199
- --_ctm-mob-dn-ln-ne-cr,
200
- var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
201
- );
202
- font-family: var(
203
- --_ctm-mob-dn-ln-ne-ft-fy,
204
- var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
205
- );
206
- font-size: var(
207
- --_ctm-mob-dn-ln-ne-ft-se,
208
- var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
209
- );
210
- font-weight: var(
211
- --_ctm-mob-dn-ln-ne-ft-wt,
212
- var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
213
- );
214
- font-style: var(
215
- --_ctm-mob-dn-ln-ne-ft-se-ic,
216
- var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
217
- );
218
- text-align: var(
219
- --_ctm-mob-dn-ln-ne-tt-an,
220
- var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
221
- );
222
- letter-spacing: var(
223
- --_ctm-mob-dn-ln-ne-lr-sg,
224
- var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
225
- );
226
- line-height: var(
227
- --_ctm-mob-dn-ln-ne-le-ht,
228
- var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
229
- );
230
- text-decoration: var(
231
- --_ctm-mob-dn-ln-ne-ue,
232
- var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
233
- );
234
- }
235
-
236
- .address {
237
- color: var(
238
- --_ctm-mob-dn-ln-as-cr,
239
- var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
240
- );
241
- font-family: var(
242
- --_ctm-mob-dn-ln-as-ft-fy,
243
- var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
244
- );
245
- font-size: var(
246
- --_ctm-mob-dn-ln-as-ft-se,
247
- var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
248
- );
249
- font-weight: var(
250
- --_ctm-mob-dn-ln-as-ft-wt,
251
- var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
252
- );
253
- font-style: var(
254
- --_ctm-mob-dn-ln-as-ft-se-ic,
255
- var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
256
- );
257
- text-align: var(
258
- --_ctm-mob-dn-ln-as-tt-an,
259
- var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
260
- );
261
- letter-spacing: var(
262
- --_ctm-mob-dn-ln-as-lr-sg,
263
- var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
264
- );
265
- line-height: var(
266
- --_ctm-mob-dn-ln-as-le-ht,
267
- var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
268
- );
269
- text-decoration: var(
270
- --_ctm-mob-dn-ln-as-ue,
271
- var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
272
- );
273
- }
274
-
275
- .inventory {
276
- color: var(
277
- --_ctm-mob-dn-ln-iy-cr,
278
- var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
279
- );
280
- font-family: var(
281
- --_ctm-mob-dn-ln-iy-ft-fy,
282
- var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
283
- );
284
- font-size: var(
285
- --_ctm-mob-dn-ln-iy-ft-se,
286
- var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
287
- );
288
- font-weight: var(
289
- --_ctm-mob-dn-ln-iy-ft-wt,
290
- var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
291
- );
292
- font-style: var(
293
- --_ctm-mob-dn-ln-iy-ft-se-ic,
294
- var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
295
- );
296
- text-align: var(
297
- --_ctm-mob-dn-ln-iy-tt-an,
298
- var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
299
- );
300
- letter-spacing: var(
301
- --_ctm-mob-dn-ln-iy-lr-sg,
302
- var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
303
- );
304
- line-height: var(
305
- --_ctm-mob-dn-ln-iy-le-ht,
306
- var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
307
- );
308
- text-decoration: var(
309
- --_ctm-mob-dn-ln-iy-ue,
310
- var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
311
- );
312
- }
313
-
314
- .status {
315
- color: var(
316
- --_ctm-mob-dn-ln-iy-ss-cr,
317
- var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
318
- );
319
- font-family: var(
320
- --_ctm-mob-dn-ln-iy-ss-ft-fy,
321
- var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
322
- );
323
- font-size: var(
324
- --_ctm-mob-dn-ln-iy-ss-ft-se,
325
- var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
326
- );
327
- font-weight: var(
328
- --_ctm-mob-dn-ln-iy-ss-ft-wt,
329
- var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
330
- );
331
- font-style: var(
332
- --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
333
- var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
334
- );
335
- text-align: var(
336
- --_ctm-mob-dn-ln-iy-ss-tt-an,
337
- var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
338
- );
339
- letter-spacing: var(
340
- --_ctm-mob-dn-ln-iy-ss-lr-sg,
341
- var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
342
- );
343
- line-height: var(
344
- --_ctm-mob-dn-ln-iy-ss-le-ht,
345
- var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
346
- );
347
- text-decoration: var(
348
- --_ctm-mob-dn-ln-iy-ss-ue,
349
- var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
350
- );
351
- }
352
- }
353
- }
354
-
355
- .vertical {
356
- display: flex;
357
- flex-direction: column;
358
- align-items: flex-start;
359
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
360
-
361
- .item {
362
- display: flex;
363
- flex-direction: column;
364
- width: 100%;
365
- padding: var(
366
- --_ctm-mob-dn-im-se-vl-pg,
367
- var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
368
- )
369
- var(
370
- --_ctm-mob-dn-im-se-hl-pg,
371
- var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
372
- );
373
- background-color: var(
374
- --_ctm-mob-dn-im-se-bd-cr,
375
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
376
- );
377
-
378
- border-color: var(
379
- --_ctm-mob-dn-im-se-br-cr,
380
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
381
- );
382
- border-style: var(
383
- --_ctm-mob-dn-im-se-br-se,
384
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
385
- );
386
- border-width: var(
387
- --_ctm-mob-dn-im-se-br-wh,
388
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
389
- );
390
- border-radius: var(
391
- --_ctm-mob-dn-im-se-br-rs,
392
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
393
- );
394
-
395
- box-shadow: var(
396
- --_ctm-mob-dn-im-se-sw-ae,
397
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
398
- )
399
- var(
400
- --_ctm-mob-dn-im-se-sw-br,
401
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
402
- )
403
- var(
404
- --_ctm-mob-dn-im-se-sw-sd,
405
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
406
- )
407
- var(
408
- --_ctm-mob-dn-im-se-sw-cr,
409
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
410
- );
411
- .name {
412
- color: var(
413
- --_ctm-mob-dn-ln-ne-cr,
414
- var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
415
- );
416
- font-family: var(
417
- --_ctm-mob-dn-ln-ne-ft-fy,
418
- var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
419
- );
420
- font-size: var(
421
- --_ctm-mob-dn-ln-ne-ft-se,
422
- var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
423
- );
424
- font-weight: var(
425
- --_ctm-mob-dn-ln-ne-ft-wt,
426
- var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
427
- );
428
- font-style: var(
429
- --_ctm-mob-dn-ln-ne-ft-se-ic,
430
- var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
431
- );
432
- text-align: var(
433
- --_ctm-mob-dn-ln-ne-tt-an,
434
- var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
435
- );
436
- letter-spacing: var(
437
- --_ctm-mob-dn-ln-ne-lr-sg,
438
- var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
439
- );
440
- line-height: var(
441
- --_ctm-mob-dn-ln-ne-le-ht,
442
- var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
443
- );
444
- text-decoration: var(
445
- --_ctm-mob-dn-ln-ne-ue,
446
- var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
447
- );
448
- }
449
- .address {
450
- color: var(
451
- --_ctm-mob-dn-ln-as-cr,
452
- var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
453
- );
454
- font-family: var(
455
- --_ctm-mob-dn-ln-as-ft-fy,
456
- var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
457
- );
458
- font-size: var(
459
- --_ctm-mob-dn-ln-as-ft-se,
460
- var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
461
- );
462
- font-weight: var(
463
- --_ctm-mob-dn-ln-as-ft-wt,
464
- var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
465
- );
466
- font-style: var(
467
- --_ctm-mob-dn-ln-as-ft-se-ic,
468
- var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
469
- );
470
- text-align: var(
471
- --_ctm-mob-dn-ln-as-tt-an,
472
- var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
473
- );
474
- letter-spacing: var(
475
- --_ctm-mob-dn-ln-as-lr-sg,
476
- var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
477
- );
478
- line-height: var(
479
- --_ctm-mob-dn-ln-as-le-ht,
480
- var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
481
- );
482
- text-decoration: var(
483
- --_ctm-mob-dn-ln-as-ue,
484
- var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
485
- );
486
- }
487
-
488
- .inventory {
489
- color: var(
490
- --_ctm-mob-dn-ln-iy-cr,
491
- var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
492
- );
493
- font-family: var(
494
- --_ctm-mob-dn-ln-iy-ft-fy,
495
- var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
496
- );
497
- font-size: var(
498
- --_ctm-mob-dn-ln-iy-ft-se,
499
- var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
500
- );
501
- font-weight: var(
502
- --_ctm-mob-dn-ln-iy-ft-wt,
503
- var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
504
- );
505
- font-style: var(
506
- --_ctm-mob-dn-ln-iy-ft-se-ic,
507
- var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
508
- );
509
- text-align: var(
510
- --_ctm-mob-dn-ln-iy-tt-an,
511
- var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
512
- );
513
- letter-spacing: var(
514
- --_ctm-mob-dn-ln-iy-lr-sg,
515
- var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
516
- );
517
- line-height: var(
518
- --_ctm-mob-dn-ln-iy-le-ht,
519
- var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
520
- );
521
- text-decoration: var(
522
- --_ctm-mob-dn-ln-iy-ue,
523
- var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
524
- );
525
- }
526
-
527
- .status {
528
- color: var(
529
- --_ctm-mob-dn-ln-iy-ss-cr,
530
- var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
531
- );
532
- font-family: var(
533
- --_ctm-mob-dn-ln-iy-ss-ft-fy,
534
- var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
535
- );
536
- font-size: var(
537
- --_ctm-mob-dn-ln-iy-ss-ft-se,
538
- var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
539
- );
540
- font-weight: var(
541
- --_ctm-mob-dn-ln-iy-ss-ft-wt,
542
- var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
543
- );
544
- font-style: var(
545
- --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
546
- var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
547
- );
548
- text-align: var(
549
- --_ctm-mob-dn-ln-iy-ss-tt-an,
550
- var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
551
- );
552
- letter-spacing: var(
553
- --_ctm-mob-dn-ln-iy-ss-lr-sg,
554
- var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
555
- );
556
- line-height: var(
557
- --_ctm-mob-dn-ln-iy-ss-le-ht,
558
- var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
559
- );
560
- text-decoration: var(
561
- --_ctm-mob-dn-ln-iy-ss-ue,
562
- var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
563
- );
564
- }
565
- }
566
- }
567
- }
568
- .store__button {
569
- .button {
570
- display: flex;
571
- align-items: center;
572
- background-color: var(
573
- --_ctm-mob-dn-vw-iy-bn-dt-se-bd-cr,
574
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-bd-cr, var(--_ctm-dn-vw-iy-bn-dt-se-bd-cr))
575
- );
576
- gap: var(
577
- --_ctm-mob-dn-vw-iy-bn-dt-se-in-ad-tt-sg,
578
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-ad-tt-sg, var(--_ctm-dn-vw-iy-bn-dt-se-in-ad-tt-sg))
579
- );
580
- padding: 10px;
581
- width: 100%;
582
- justify-content: center;
583
- min-width: 100px;
584
- min-height: 50px;
585
-
586
- border-color: var(
587
- --_show-border-im-se,
588
- var(
589
- --_ctm-mob-dn-vw-iy-bn-dt-se-br-cr,
590
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-cr, var(--_ctm-dn-vw-iy-bn-dt-se-br-cr))
591
- )
592
- );
593
- border-style: var(
594
- --_show-border-im-se,
595
- var(
596
- --_ctm-mob-dn-vw-iy-bn-dt-se-br-se,
597
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-se, var(--_ctm-dn-vw-iy-bn-dt-se-br-se))
598
- )
599
- );
600
- border-width: var(
601
- --_show-border-im-se,
602
- var(
603
- --_ctm-mob-dn-vw-iy-bn-dt-se-br-wh,
604
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-wh, var(--_ctm-dn-vw-iy-bn-dt-se-br-wh))
605
- )
606
- );
607
- border-radius: var(
608
- --_ctm-mob-dn-vw-iy-bn-dt-se-br-rs,
609
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-rs, var(--_ctm-dn-vw-iy-bn-dt-se-br-rs))
610
- );
611
- box-shadow: var(
612
- --_show-shadow-im-se,
613
- var(
614
- --_ctm-mob-dn-vw-iy-bn-dt-se-sw-ae,
615
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-ae, var(--_ctm-dn-vw-iy-bn-dt-se-sw-ae))
616
- )
617
- var(
618
- --_ctm-mob-dn-vw-iy-bn-dt-se-sw-br,
619
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-br, var(--_ctm-dn-vw-iy-bn-dt-se-sw-br))
620
- )
621
- var(
622
- --_ctm-mob-dn-vw-iy-bn-dt-se-sw-sd,
623
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-sd, var(--_ctm-dn-vw-iy-bn-dt-se-sw-sd))
624
- )
625
- var(
626
- --_ctm-mob-dn-vw-iy-bn-dt-se-sw-cr,
627
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-cr, var(--_ctm-dn-vw-iy-bn-dt-se-sw-cr))
628
- )
629
- );
630
- .icon {
631
- svg {
632
- width: var(
633
- --_ctm-mob-dn-vw-iy-bn-dt-se-in-se,
634
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-se, var(--_ctm-dn-vw-iy-bn-dt-se-in-se))
635
- );
636
- height: var(
637
- --_ctm-mob-dn-vw-iy-bn-dt-se-in-se,
638
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-se, var(--_ctm-dn-vw-iy-bn-dt-se-in-se))
639
- );
640
- path {
641
- stroke: var(
642
- --_ctm-mob-dn-vw-iy-bn-dt-se-in-c1,
643
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-c1, var(--_ctm-dn-vw-iy-bn-dt-se-in-c1))
644
- );
645
- }
646
- }
647
- }
648
-
649
- .text {
650
- color: var(
651
- --_ctm-mob-dn-vw-iy-bn-dt-se-cr,
652
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-cr, var(--_ctm-dn-vw-iy-bn-dt-se-cr))
653
- );
654
- font-family: var(
655
- --_ctm-mob-dn-vw-iy-bn-dt-se-ft-fy,
656
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-fy, var(--_ctm-dn-vw-iy-bn-dt-se-ft-fy))
657
- );
658
- font-size: var(
659
- --_ctm-mob-dn-vw-iy-bn-dt-se-ft-se,
660
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-se, var(--_ctm-dn-vw-iy-bn-dt-se-ft-se))
661
- );
662
- font-weight: var(
663
- --_ctm-mob-dn-vw-iy-bn-dt-se-ft-wt,
664
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-wt, var(--_ctm-dn-vw-iy-bn-dt-se-ft-wt))
665
- );
666
- font-style: var(
667
- --_ctm-mob-dn-vw-iy-bn-dt-se-ft-se-ic,
668
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-se-ic, var(--_ctm-dn-vw-iy-bn-dt-se-ft-se-ic))
669
- );
670
- text-align: var(
671
- --_ctm-mob-dn-vw-iy-bn-dt-se-tt-an,
672
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-tt-an, var(--_ctm-dn-vw-iy-bn-dt-se-tt-an))
673
- );
674
- letter-spacing: var(
675
- --_ctm-mob-dn-vw-iy-bn-dt-se-lr-sg,
676
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-lr-sg, var(--_ctm-dn-vw-iy-bn-dt-se-lr-sg))
677
- );
678
- line-height: var(
679
- --_ctm-mob-dn-vw-iy-bn-dt-se-le-ht,
680
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-le-ht, var(--_ctm-dn-vw-iy-bn-dt-se-le-ht))
681
- );
682
- text-decoration: var(
683
- --_ctm-mob-dn-vw-iy-bn-dt-se-ue,
684
- var(--_ctm-tab-dn-vw-iy-bn-dt-se-ue, var(--_ctm-dn-vw-iy-bn-dt-se-ue))
685
- );
686
- }
687
- &:hover {
688
- background-color: var(
689
- --_ctm-mob-dn-vw-iy-bn-hr-se-bd-cr,
690
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-bd-cr, var(--_ctm-dn-vw-iy-bn-hr-se-bd-cr))
691
- );
692
- gap: var(
693
- --_ctm-mob-dn-vw-iy-bn-hr-se-in-ad-tt-sg,
694
- var(
695
- --_ctm-tab-dn-vw-iy-bn-hr-se-in-ad-tt-sg,
696
- var(--_ctm-dn-vw-iy-bn-hr-se-in-ad-tt-sg)
697
- )
698
- );
699
- min-width: 100px;
700
- min-height: 50px;
701
- border-color: var(
702
- --_show-border-im-se,
703
- var(
704
- --_ctm-mob-dn-vw-iy-bn-hr-se-br-cr,
705
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-cr, var(--_ctm-dn-vw-iy-bn-hr-se-br-cr))
706
- )
707
- );
708
- border-style: var(
709
- --_show-border-im-se,
710
- var(
711
- --_ctm-mob-dn-vw-iy-bn-hr-se-br-se,
712
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-se, var(--_ctm-dn-vw-iy-bn-hr-se-br-se))
713
- )
714
- );
715
- border-width: var(
716
- --_show-border-im-se,
717
- var(
718
- --_ctm-mob-dn-vw-iy-bn-hr-se-br-wh,
719
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-wh, var(--_ctm-dn-vw-iy-bn-hr-se-br-wh))
720
- )
721
- );
722
- border-radius: var(
723
- --_ctm-mob-dn-vw-iy-bn-hr-se-br-rs,
724
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-rs, var(--_ctm-dn-vw-iy-bn-hr-se-br-rs))
725
- );
726
- box-shadow: var(
727
- --_show-shadow-im-se,
728
- var(
729
- --_ctm-mob-dn-vw-iy-bn-hr-se-sw-ae,
730
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-ae, var(--_ctm-dn-vw-iy-bn-hr-se-sw-ae))
731
- )
732
- var(
733
- --_ctm-mob-dn-vw-iy-bn-hr-se-sw-br,
734
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-br, var(--_ctm-dn-vw-iy-bn-hr-se-sw-br))
735
- )
736
- var(
737
- --_ctm-mob-dn-vw-iy-bn-hr-se-sw-sd,
738
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-sd, var(--_ctm-dn-vw-iy-bn-hr-se-sw-sd))
739
- )
740
- var(
741
- --_ctm-mob-dn-vw-iy-bn-hr-se-sw-cr,
742
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-cr, var(--_ctm-dn-vw-iy-bn-hr-se-sw-cr))
743
- )
744
- );
745
-
746
- .icon {
747
- svg {
748
- width: var(
749
- --_ctm-mob-dn-vw-iy-bn-hr-se-in-se,
750
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-se, var(--_ctm-dn-vw-iy-bn-hr-se-in-se))
751
- );
752
- height: var(
753
- --_ctm-mob-dn-vw-iy-bn-hr-se-in-se,
754
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-se, var(--_ctm-dn-vw-iy-bn-hr-se-in-se))
755
- );
756
- path {
757
- stroke: var(
758
- --_ctm-mob-dn-vw-iy-bn-hr-se-in-c1,
759
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-c1, var(--_ctm-dn-vw-iy-bn-hr-se-in-c1))
760
- );
761
- }
762
- }
763
- }
764
-
765
- .text {
766
- color: var(
767
- --_ctm-mob-dn-vw-iy-bn-hr-se-cr,
768
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-cr, var(--_ctm-dn-vw-iy-bn-hr-se-cr))
769
- );
770
- font-family: var(
771
- --_ctm-mob-dn-vw-iy-bn-hr-se-ft-fy,
772
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-fy, var(--_ctm-dn-vw-iy-bn-hr-se-ft-fy))
773
- );
774
- font-size: var(
775
- --_ctm-mob-dn-vw-iy-bn-hr-se-ft-se,
776
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-se, var(--_ctm-dn-vw-iy-bn-hr-se-ft-se))
777
- );
778
- font-weight: var(
779
- --_ctm-mob-dn-vw-iy-bn-hr-se-ft-wt,
780
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-wt, var(--_ctm-dn-vw-iy-bn-hr-se-ft-wt))
781
- );
782
- font-style: var(
783
- --_ctm-mob-dn-vw-iy-bn-hr-se-ft-se-ic,
784
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-se-ic, var(--_ctm-dn-vw-iy-bn-hr-se-ft-se-ic))
785
- );
786
- text-align: var(
787
- --_ctm-mob-dn-vw-iy-bn-hr-se-tt-an,
788
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-tt-an, var(--_ctm-dn-vw-iy-bn-hr-se-tt-an))
789
- );
790
- letter-spacing: var(
791
- --_ctm-mob-dn-vw-iy-bn-hr-se-lr-sg,
792
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-lr-sg, var(--_ctm-dn-vw-iy-bn-hr-se-lr-sg))
793
- );
794
- line-height: var(
795
- --_ctm-mob-dn-vw-iy-bn-hr-se-le-ht,
796
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-le-ht, var(--_ctm-dn-vw-iy-bn-hr-se-le-ht))
797
- );
798
- text-decoration: var(
799
- --_ctm-mob-dn-vw-iy-bn-hr-se-ue,
800
- var(--_ctm-tab-dn-vw-iy-bn-hr-se-ue, var(--_ctm-dn-vw-iy-bn-hr-se-ue))
801
- );
802
- }
803
- }
804
- }
805
- .upfront_container {
806
- margin-top: 10px;
807
-
808
- .vertical {
809
- display: flex;
810
- flex-direction: column;
811
- align-items: flex-start;
812
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
813
-
814
- .item {
815
- display: flex;
816
- flex-direction: column;
817
- width: 100%;
818
- padding: var(
819
- --_ctm-mob-dn-im-se-vl-pg,
820
- var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
821
- )
822
- var(
823
- --_ctm-mob-dn-im-se-hl-pg,
824
- var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
825
- );
826
- background-color: var(
827
- --_ctm-mob-dn-im-se-bd-cr,
828
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
829
- );
830
-
831
- border-color: var(
832
- --_show-border-im-se,
833
- var(
834
- --_ctm-mob-dn-im-se-br-cr,
835
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
836
- )
837
- );
838
- border-style: var(
839
- --_show-border-im-se,
840
- var(
841
- --_ctm-mob-dn-im-se-br-se,
842
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
843
- )
844
- );
845
- border-width: var(
846
- --_show-border-im-se,
847
- var(
848
- --_ctm-mob-dn-im-se-br-wh,
849
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
850
- )
851
- );
852
- border-radius: var(
853
- --_ctm-mob-dn-im-se-br-rs,
854
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
855
- );
856
-
857
- box-shadow: var(
858
- --_show-shadow-im-se,
859
- var(
860
- --_ctm-mob-dn-im-se-sw-ae,
861
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
862
- )
863
- var(
864
- --_ctm-mob-dn-im-se-sw-br,
865
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
866
- )
867
- var(
868
- --_ctm-mob-dn-im-se-sw-sd,
869
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
870
- )
871
- var(
872
- --_ctm-mob-dn-im-se-sw-cr,
873
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
874
- )
875
- );
876
- .name {
877
- color: var(
878
- --_ctm-mob-dn-ln-ne-cr,
879
- var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
880
- );
881
- font-family: var(
882
- --_ctm-mob-dn-ln-ne-ft-fy,
883
- var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
884
- );
885
- font-size: var(
886
- --_ctm-mob-dn-ln-ne-ft-se,
887
- var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
888
- );
889
- font-weight: var(
890
- --_ctm-mob-dn-ln-ne-ft-wt,
891
- var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
892
- );
893
- font-style: var(
894
- --_ctm-mob-dn-ln-ne-ft-se-ic,
895
- var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
896
- );
897
- text-align: var(
898
- --_ctm-mob-dn-ln-ne-tt-an,
899
- var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
900
- );
901
- letter-spacing: var(
902
- --_ctm-mob-dn-ln-ne-lr-sg,
903
- var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
904
- );
905
- line-height: var(
906
- --_ctm-mob-dn-ln-ne-le-ht,
907
- var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
908
- );
909
- text-decoration: var(
910
- --_ctm-mob-dn-ln-ne-ue,
911
- var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
912
- );
913
- }
914
-
915
- .address {
916
- color: var(
917
- --_ctm-mob-dn-ln-as-cr,
918
- var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
919
- );
920
- font-family: var(
921
- --_ctm-mob-dn-ln-as-ft-fy,
922
- var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
923
- );
924
- font-size: var(
925
- --_ctm-mob-dn-ln-as-ft-se,
926
- var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
927
- );
928
- font-weight: var(
929
- --_ctm-mob-dn-ln-as-ft-wt,
930
- var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
931
- );
932
- font-style: var(
933
- --_ctm-mob-dn-ln-as-ft-se-ic,
934
- var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
935
- );
936
- text-align: var(
937
- --_ctm-mob-dn-ln-as-tt-an,
938
- var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
939
- );
940
- letter-spacing: var(
941
- --_ctm-mob-dn-ln-as-lr-sg,
942
- var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
943
- );
944
- line-height: var(
945
- --_ctm-mob-dn-ln-as-le-ht,
946
- var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
947
- );
948
- text-decoration: var(
949
- --_ctm-mob-dn-ln-as-ue,
950
- var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
951
- );
952
- }
953
-
954
- .inventory {
955
- color: var(
956
- --_ctm-mob-dn-ln-iy-cr,
957
- var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
958
- );
959
- font-family: var(
960
- --_ctm-mob-dn-ln-iy-ft-fy,
961
- var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
962
- );
963
- font-size: var(
964
- --_ctm-mob-dn-ln-iy-ft-se,
965
- var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
966
- );
967
- font-weight: var(
968
- --_ctm-mob-dn-ln-iy-ft-wt,
969
- var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
970
- );
971
- font-style: var(
972
- --_ctm-mob-dn-ln-iy-ft-se-ic,
973
- var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
974
- );
975
- text-align: var(
976
- --_ctm-mob-dn-ln-iy-tt-an,
977
- var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
978
- );
979
- letter-spacing: var(
980
- --_ctm-mob-dn-ln-iy-lr-sg,
981
- var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
982
- );
983
- line-height: var(
984
- --_ctm-mob-dn-ln-iy-le-ht,
985
- var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
986
- );
987
- text-decoration: var(
988
- --_ctm-mob-dn-ln-iy-ue,
989
- var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
990
- );
991
- }
992
-
993
- .status {
994
- color: var(
995
- --_ctm-mob-dn-ln-iy-ss-cr,
996
- var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
997
- );
998
- font-family: var(
999
- --_ctm-mob-dn-ln-iy-ss-ft-fy,
1000
- var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
1001
- );
1002
- font-size: var(
1003
- --_ctm-mob-dn-ln-iy-ss-ft-se,
1004
- var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
1005
- );
1006
- font-weight: var(
1007
- --_ctm-mob-dn-ln-iy-ss-ft-wt,
1008
- var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
1009
- );
1010
- font-style: var(
1011
- --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
1012
- var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
1013
- );
1014
- text-align: var(
1015
- --_ctm-mob-dn-ln-iy-ss-tt-an,
1016
- var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
1017
- );
1018
- letter-spacing: var(
1019
- --_ctm-mob-dn-ln-iy-ss-lr-sg,
1020
- var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
1021
- );
1022
- line-height: var(
1023
- --_ctm-mob-dn-ln-iy-ss-le-ht,
1024
- var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
1025
- );
1026
- text-decoration: var(
1027
- --_ctm-mob-dn-ln-iy-ss-ue,
1028
- var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
1029
- );
1030
- }
1031
- }
1032
- }
1033
- }
1034
- }
1035
- .table-content {
1036
- border-collapse: collapse;
1037
- border: 1px solid #000;
1038
- background-color: var(
1039
- --_ctm-mob-dn-te-bd-cr,
1040
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1041
- );
1042
- border-color: var(
1043
- --_show-border-im-se,
1044
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)))
1045
- );
1046
- border-style: var(
1047
- --_show-border-im-se,
1048
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)))
1049
- );
1050
- border-width: var(
1051
- --_show-border-im-se,
1052
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)))
1053
- );
1054
- border-radius: var(
1055
- --_ctm-mob-dn-te-br-rs,
1056
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
1057
- );
1058
- box-shadow: var(
1059
- --_show-shadow-im-se,
1060
- var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
1061
- var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
1062
- var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
1063
- var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
1064
- );
1065
-
1066
- &[data-header-divider="true"] {
1067
- thead tr th {
1068
- border-bottom: 1px solid
1069
- var(
1070
- --_ctm-mob-dn-rw-ds-hr-dr,
1071
- var(--_ctm-tab-dn-rw-ds-hr-dr, var(--_ctm-dn-rw-ds-hr-dr))
1072
- );
1073
- }
1074
- }
1075
-
1076
- &[data-row-divider="true"] {
1077
- tbody tr td {
1078
- border-bottom: 1px solid
1079
- var(
1080
- --_ctm-mob-dn-rw-ds-rw-dr,
1081
- var(--_ctm-tab-dn-rw-ds-rw-dr, var(--_ctm-dn-rw-ds-rw-dr))
1082
- );
1083
- }
1084
- }
1085
-
1086
- &[data-column-divider="true"] {
1087
- tbody tr td,
1088
- thead tr th {
1089
- border-right: 1px solid
1090
- var(
1091
- --_ctm-mob-dn-rw-ds-cn-dr,
1092
- var(--_ctm-tab-dn-rw-ds-cn-dr, var(--_ctm-dn-rw-ds-cn-dr))
1093
- );
1094
- }
1095
-
1096
- tbody tr td:last-child,
1097
- thead tr th:last-child {
1098
- border-right: none;
1099
- }
1100
- }
1101
-
1102
- &[data-alternative-row-colors="true"] {
1103
- tbody tr:nth-child(odd) {
1104
- background-color: var(--_gray-300);
1105
- width: 100%;
1106
- }
1107
- }
1108
- thead {
1109
- height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
1110
-
1111
- tr {
1112
- text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1113
-
1114
- th {
1115
- padding: var(
1116
- --_ctm-mob-lt-hr-cl-pg,
1117
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
1118
- );
1119
- text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1120
- border: 0;
1121
- background-color: var(
1122
- --_ctm-mob-dn-te-hr-bd-cr,
1123
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
1124
- );
1125
- color: var(
1126
- --_ctm-mob-dn-hr-tt-cr,
1127
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
1128
- );
1129
- font-family: var(
1130
- --_ctm-mob-dn-hr-tt-ft-fy,
1131
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
1132
- );
1133
- font-size: var(
1134
- --_ctm-mob-dn-hr-tt-ft-se,
1135
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
1136
- );
1137
- font-weight: var(
1138
- --_ctm-mob-dn-hr-tt-ft-wt,
1139
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
1140
- );
1141
- font-style: var(
1142
- --_ctm-mob-dn-hr-tt-ft-se-ic,
1143
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
1144
- );
1145
- letter-spacing: var(
1146
- --_ctm-mob-dn-hr-tt-lr-sg,
1147
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
1148
- );
1149
- line-height: var(
1150
- --_ctm-mob-dn-hr-tt-le-ht,
1151
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
1152
- );
1153
- text-decoration: var(
1154
- --_ctm-mob-dn-hr-tt-ue,
1155
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
1156
- );
1157
- }
1158
- }
1159
- }
1160
-
1161
- tbody {
1162
- tr {
1163
- padding: var(
1164
- --_ctm-mob-lt-rw-cl-pg,
1165
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
1166
- );
1167
- height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
1168
- background-color: var(
1169
- --_ctm-mob-dn-te-rw-bd-cr,
1170
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
1171
- );
1172
- text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1173
-
1174
- th,
1175
- td {
1176
- text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1177
- border: 0;
1178
- padding: inherit;
1179
- color: var(
1180
- --_ctm-mob-dn-te-rw-cr,
1181
- var(--_ctm-tab-dn-te-rw-cr, var(--_ctm-dn-te-rw-cr))
1182
- );
1183
- font-family: var(
1184
- --_ctm-mob-dn-te-rw-ft-fy,
1185
- var(--_ctm-tab-dn-te-rw-ft-fy, var(--_ctm-dn-te-rw-ft-fy))
1186
- );
1187
- font-size: var(
1188
- --_ctm-mob-dn-te-rw-ft-se,
1189
- var(--_ctm-tab-dn-te-rw-ft-se, var(--_ctm-dn-te-rw-ft-se))
1190
- );
1191
- font-weight: var(
1192
- --_ctm-mob-dn-te-rw-ft-wt,
1193
- var(--_ctm-tab-dn-te-rw-ft-wt, var(--_ctm-dn-te-rw-ft-wt))
1194
- );
1195
- font-style: var(
1196
- --_ctm-mob-dn-te-rw-ft-se-ic,
1197
- var(--_ctm-tab-dn-te-rw-ft-se-ic, var(--_ctm-dn-te-rw-ft-se-ic))
1198
- );
1199
- text-align: var(
1200
- --_ctm-mob-dn-te-rw-tt-an,
1201
- var(--_ctm-tab-dn-te-rw-tt-an, var(--_ctm-dn-te-rw-tt-an))
1202
- );
1203
- letter-spacing: var(
1204
- --_ctm-mob-dn-te-rw-lr-sg,
1205
- var(--_ctm-tab-dn-te-rw-lr-sg, var(--_ctm-dn-te-rw-lr-sg))
1206
- );
1207
- line-height: var(
1208
- --_ctm-mob-dn-te-rw-le-ht,
1209
- var(--_ctm-tab-dn-te-rw-le-ht, var(--_ctm-dn-te-rw-le-ht))
1210
- );
1211
- text-decoration: var(
1212
- --_ctm-mob-dn-te-rw-ue,
1213
- var(--_ctm-tab-dn-te-rw-ue, var(--_ctm-dn-te-rw-ue))
1214
- );
1215
- }
1216
- }
1217
- }
1218
- }
1219
- .pagination_container {
1220
- display: flex;
1221
- justify-content: var(--_ctm-lt-pn-at);
1222
- align-items: center;
1223
- gap: 10px;
1224
- button {
1225
- font-size: 16px;
1226
- // padding: 10px 20px;
1227
- // background-color: #000;
1228
- color: #fff;
1229
- border: none;
1230
- cursor: pointer;
1231
- // border-radius: 10px;
1232
- }
1233
- span {
1234
- cursor: pointer;
1235
- color: var(
1236
- --_ctm-mob-dn-pn-dt-se-cr,
1237
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1238
- );
1239
- font-family: var(
1240
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1241
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1242
- );
1243
- font-size: var(
1244
- --_ctm-mob-dn-pn-dt-se-ft-se,
1245
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1246
- );
1247
- font-weight: var(
1248
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1249
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1250
- );
1251
- font-style: var(
1252
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1253
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1254
- );
1255
- text-align: var(
1256
- --_ctm-mob-dn-pn-dt-se-tt-an,
1257
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1258
- );
1259
- letter-spacing: var(
1260
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1261
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1262
- );
1263
- line-height: var(
1264
- --_ctm-mob-dn-pn-dt-se-le-ht,
1265
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1266
- );
1267
- text-decoration: var(
1268
- --_ctm-mob-dn-pn-dt-se-ue,
1269
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1270
- );
1271
- }
1272
- .active {
1273
- span {
1274
- background-color: var(
1275
- --_ctm-mob-dn-pn-dt-se-bd-cr,
1276
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
1277
- );
1278
- padding: 2px;
1279
- }
1280
- }
1281
- }
1282
- .loadmore_conatiner {
1283
- display: flex;
1284
- justify-content: center;
1285
- align-items: center;
1286
- gap: 10px;
1287
- button {
1288
- padding: 10px;
1289
- cursor: pointer;
1290
- color: var(
1291
- --_ctm-mob-dn-sw-me-is-bn-cr,
1292
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1293
- );
1294
- font-family: var(
1295
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1296
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1297
- );
1298
- font-size: var(
1299
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1300
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1301
- );
1302
- font-weight: var(
1303
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1304
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1305
- );
1306
- font-style: var(
1307
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1308
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1309
- );
1310
- text-align: var(
1311
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1312
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1313
- );
1314
- letter-spacing: var(
1315
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1316
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1317
- );
1318
- line-height: var(
1319
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1320
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1321
- );
1322
- text-decoration: var(
1323
- --_ctm-mob-dn-sw-me-is-bn-ue,
1324
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1325
- );
1326
- background-color: var(
1327
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1328
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1329
- );
1330
- border-color: var(
1331
- --_show-border-im-se,
1332
- var(
1333
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1334
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1335
- )
1336
- );
1337
- border-style: var(
1338
- --_show-border-im-se,
1339
- var(
1340
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1341
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1342
- )
1343
- );
1344
- border-width: var(
1345
- --_show-border-im-se,
1346
- var(
1347
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1348
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1349
- )
1350
- );
1351
- border-radius: var(
1352
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1353
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1354
- );
1355
- box-shadow: var(
1356
- --_show-shadow-im-se,
1357
- var(
1358
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1359
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1360
- )
1361
- var(
1362
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1363
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1364
- )
1365
- var(
1366
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1367
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1368
- )
1369
- var(
1370
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1371
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1372
- )
1373
- );
1374
- }
1375
- }
1376
- }
1377
- }
1378
- }
1
+ @use "./functions.scss" as *;
2
+ @use "sass:map";
3
+ @use "sass:list";
4
+
5
+ [data-div-type="element"] {
6
+ &[data-element-type="productInventory"] {
7
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
9
+
10
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
11
+ & > .wrapper {
12
+ width: 100%;
13
+ }
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
+ }
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-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
50
+
51
+ gap: 10px;
52
+ .stack {
53
+ .static {
54
+ color: var(
55
+ --_ctm-mob-dn-iy-tt-se-cr-dc,
56
+ var(--_ctm-tab-dn-iy-tt-se-cr-dc, var(--_ctm-dn-iy-tt-se-cr-dc))
57
+ );
58
+ font-family: var(
59
+ --_ctm-mob-dn-iy-tt-se-ft-fy-dc,
60
+ var(--_ctm-tab-dn-iy-tt-se-ft-fy-dc, var(--_ctm-dn-iy-tt-se-ft-fy-dc))
61
+ );
62
+ font-size: var(
63
+ --_ctm-mob-dn-iy-tt-se-ft-se-dc,
64
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-dc, var(--_ctm-dn-iy-tt-se-ft-se-dc))
65
+ );
66
+ font-weight: var(
67
+ --_ctm-mob-dn-iy-tt-se-ft-wt-dc,
68
+ var(--_ctm-tab-dn-iy-tt-se-ft-wt-dc, var(--_ctm-dn-iy-tt-se-ft-wt-dc))
69
+ );
70
+ font-style: var(
71
+ --_ctm-mob-dn-iy-tt-se-ft-se-ic-dc,
72
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-ic-dc, var(--_ctm-dn-iy-tt-se-ft-se-ic-dc))
73
+ );
74
+ text-align: var(
75
+ --_ctm-mob-dn-iy-tt-se-tt-an-dc,
76
+ var(--_ctm-tab-dn-iy-tt-se-tt-an-dc, var(--_ctm-dn-iy-tt-se-tt-an-dc))
77
+ );
78
+ letter-spacing: var(
79
+ --_ctm-mob-dn-iy-tt-se-lr-sg-dc,
80
+ var(--_ctm-tab-dn-iy-tt-se-lr-sg-dc, var(--_ctm-dn-iy-tt-se-lr-sg-dc))
81
+ );
82
+ line-height: var(
83
+ --_ctm-mob-dn-iy-tt-se-le-ht-dc,
84
+ var(--_ctm-tab-dn-iy-tt-se-le-ht-dc, var(--_ctm-dn-iy-tt-se-le-ht-dc))
85
+ );
86
+ text-decoration: var(
87
+ --_ctm-mob-dn-iy-tt-se-ue-dc,
88
+ var(--_ctm-tab-dn-iy-tt-se-ue-dc, var(--_ctm-dn-iy-tt-se-ue-dc))
89
+ );
90
+ }
91
+
92
+ .dynamic {
93
+ color: var(
94
+ --_ctm-mob-dn-iy-tt-se-cr,
95
+ var(--_ctm-tab-dn-iy-tt-se-cr, var(--_ctm-dn-iy-tt-se-cr))
96
+ );
97
+ font-family: var(
98
+ --_ctm-mob-dn-iy-tt-se-ft-fy,
99
+ var(--_ctm-tab-dn-iy-tt-se-ft-fy, var(--_ctm-dn-iy-tt-se-ft-fy))
100
+ );
101
+ font-size: var(
102
+ --_ctm-mob-dn-iy-tt-se-ft-se,
103
+ var(--_ctm-tab-dn-iy-tt-se-ft-se, var(--_ctm-dn-iy-tt-se-ft-se))
104
+ );
105
+ font-weight: var(
106
+ --_ctm-mob-dn-iy-tt-se-ft-wt,
107
+ var(--_ctm-tab-dn-iy-tt-se-ft-wt, var(--_ctm-dn-iy-tt-se-ft-wt))
108
+ );
109
+ font-style: var(
110
+ --_ctm-mob-dn-iy-tt-se-ft-se-ic,
111
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-ic, var(--_ctm-dn-iy-tt-se-ft-se-ic))
112
+ );
113
+ text-align: var(
114
+ --_ctm-mob-dn-iy-tt-se-tt-an,
115
+ var(--_ctm-tab-dn-iy-tt-se-tt-an, var(--_ctm-dn-iy-tt-se-tt-an))
116
+ );
117
+ letter-spacing: var(
118
+ --_ctm-mob-dn-iy-tt-se-lr-sg,
119
+ var(--_ctm-tab-dn-iy-tt-se-lr-sg, var(--_ctm-dn-iy-tt-se-lr-sg))
120
+ );
121
+ line-height: var(
122
+ --_ctm-mob-dn-iy-tt-se-le-ht,
123
+ var(--_ctm-tab-dn-iy-tt-se-le-ht, var(--_ctm-dn-iy-tt-se-le-ht))
124
+ );
125
+ text-decoration: var(
126
+ --_ctm-mob-dn-iy-tt-se-ue,
127
+ var(--_ctm-tab-dn-iy-tt-se-ue, var(--_ctm-dn-iy-tt-se-ue))
128
+ );
129
+ }
130
+
131
+ .horizontal {
132
+ display: flex;
133
+ flex-direction: row;
134
+ align-items: center;
135
+ margin-top: 10px;
136
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
137
+
138
+ .item {
139
+ display: flex;
140
+ flex-direction: column;
141
+ padding: var(
142
+ --_ctm-mob-dn-im-se-vl-pg,
143
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
144
+ )
145
+ var(
146
+ --_ctm-mob-dn-im-se-hl-pg,
147
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
148
+ );
149
+ background-color: var(
150
+ --_ctm-mob-dn-im-se-bd-cr,
151
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
152
+ );
153
+ border-color: var(
154
+ --_show-border-im-se,
155
+ var(
156
+ --_ctm-mob-dn-im-se-br-cr,
157
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
158
+ )
159
+ );
160
+ border-style: var(
161
+ --_show-border-im-se,
162
+ var(
163
+ --_ctm-mob-dn-im-se-br-se,
164
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
165
+ )
166
+ );
167
+ border-width: var(
168
+ --_show-border-im-se,
169
+ var(
170
+ --_ctm-mob-dn-im-se-br-wh,
171
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
172
+ )
173
+ );
174
+ border-radius: var(
175
+ --_ctm-mob-dn-im-se-br-rs,
176
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
177
+ );
178
+ box-shadow: var(
179
+ --_show-shadow-im-se,
180
+ var(
181
+ --_ctm-mob-dn-im-se-sw-ae,
182
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
183
+ )
184
+ var(
185
+ --_ctm-mob-dn-im-se-sw-br,
186
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
187
+ )
188
+ var(
189
+ --_ctm-mob-dn-im-se-sw-sd,
190
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
191
+ )
192
+ var(
193
+ --_ctm-mob-dn-im-se-sw-cr,
194
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
195
+ )
196
+ );
197
+
198
+ .name {
199
+ color: var(
200
+ --_ctm-mob-dn-ln-ne-cr,
201
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
202
+ );
203
+ font-family: var(
204
+ --_ctm-mob-dn-ln-ne-ft-fy,
205
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
206
+ );
207
+ font-size: var(
208
+ --_ctm-mob-dn-ln-ne-ft-se,
209
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
210
+ );
211
+ font-weight: var(
212
+ --_ctm-mob-dn-ln-ne-ft-wt,
213
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
214
+ );
215
+ font-style: var(
216
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
217
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
218
+ );
219
+ text-align: var(
220
+ --_ctm-mob-dn-ln-ne-tt-an,
221
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
222
+ );
223
+ letter-spacing: var(
224
+ --_ctm-mob-dn-ln-ne-lr-sg,
225
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
226
+ );
227
+ line-height: var(
228
+ --_ctm-mob-dn-ln-ne-le-ht,
229
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
230
+ );
231
+ text-decoration: var(
232
+ --_ctm-mob-dn-ln-ne-ue,
233
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
234
+ );
235
+ }
236
+
237
+ .address {
238
+ color: var(
239
+ --_ctm-mob-dn-ln-as-cr,
240
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
241
+ );
242
+ font-family: var(
243
+ --_ctm-mob-dn-ln-as-ft-fy,
244
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
245
+ );
246
+ font-size: var(
247
+ --_ctm-mob-dn-ln-as-ft-se,
248
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
249
+ );
250
+ font-weight: var(
251
+ --_ctm-mob-dn-ln-as-ft-wt,
252
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
253
+ );
254
+ font-style: var(
255
+ --_ctm-mob-dn-ln-as-ft-se-ic,
256
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
257
+ );
258
+ text-align: var(
259
+ --_ctm-mob-dn-ln-as-tt-an,
260
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
261
+ );
262
+ letter-spacing: var(
263
+ --_ctm-mob-dn-ln-as-lr-sg,
264
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
265
+ );
266
+ line-height: var(
267
+ --_ctm-mob-dn-ln-as-le-ht,
268
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
269
+ );
270
+ text-decoration: var(
271
+ --_ctm-mob-dn-ln-as-ue,
272
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
273
+ );
274
+ }
275
+
276
+ .inventory {
277
+ color: var(
278
+ --_ctm-mob-dn-ln-iy-cr,
279
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
280
+ );
281
+ font-family: var(
282
+ --_ctm-mob-dn-ln-iy-ft-fy,
283
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
284
+ );
285
+ font-size: var(
286
+ --_ctm-mob-dn-ln-iy-ft-se,
287
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
288
+ );
289
+ font-weight: var(
290
+ --_ctm-mob-dn-ln-iy-ft-wt,
291
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
292
+ );
293
+ font-style: var(
294
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
295
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
296
+ );
297
+ text-align: var(
298
+ --_ctm-mob-dn-ln-iy-tt-an,
299
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
300
+ );
301
+ letter-spacing: var(
302
+ --_ctm-mob-dn-ln-iy-lr-sg,
303
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
304
+ );
305
+ line-height: var(
306
+ --_ctm-mob-dn-ln-iy-le-ht,
307
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
308
+ );
309
+ text-decoration: var(
310
+ --_ctm-mob-dn-ln-iy-ue,
311
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
312
+ );
313
+ }
314
+
315
+ .status {
316
+ color: var(
317
+ --_ctm-mob-dn-ln-iy-ss-cr,
318
+ var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
319
+ );
320
+ font-family: var(
321
+ --_ctm-mob-dn-ln-iy-ss-ft-fy,
322
+ var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
323
+ );
324
+ font-size: var(
325
+ --_ctm-mob-dn-ln-iy-ss-ft-se,
326
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
327
+ );
328
+ font-weight: var(
329
+ --_ctm-mob-dn-ln-iy-ss-ft-wt,
330
+ var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
331
+ );
332
+ font-style: var(
333
+ --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
334
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
335
+ );
336
+ text-align: var(
337
+ --_ctm-mob-dn-ln-iy-ss-tt-an,
338
+ var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
339
+ );
340
+ letter-spacing: var(
341
+ --_ctm-mob-dn-ln-iy-ss-lr-sg,
342
+ var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
343
+ );
344
+ line-height: var(
345
+ --_ctm-mob-dn-ln-iy-ss-le-ht,
346
+ var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
347
+ );
348
+ text-decoration: var(
349
+ --_ctm-mob-dn-ln-iy-ss-ue,
350
+ var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
351
+ );
352
+ }
353
+ }
354
+ }
355
+
356
+ .vertical {
357
+ display: flex;
358
+ flex-direction: column;
359
+ align-items: flex-start;
360
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
361
+
362
+ .item {
363
+ display: flex;
364
+ flex-direction: column;
365
+ width: 100%;
366
+ padding: var(
367
+ --_ctm-mob-dn-im-se-vl-pg,
368
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
369
+ )
370
+ var(
371
+ --_ctm-mob-dn-im-se-hl-pg,
372
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
373
+ );
374
+ background-color: var(
375
+ --_ctm-mob-dn-im-se-bd-cr,
376
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
377
+ );
378
+
379
+ border-color: var(
380
+ --_ctm-mob-dn-im-se-br-cr,
381
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
382
+ );
383
+ border-style: var(
384
+ --_ctm-mob-dn-im-se-br-se,
385
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
386
+ );
387
+ border-width: var(
388
+ --_ctm-mob-dn-im-se-br-wh,
389
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
390
+ );
391
+ border-radius: var(
392
+ --_ctm-mob-dn-im-se-br-rs,
393
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
394
+ );
395
+
396
+ box-shadow: var(
397
+ --_ctm-mob-dn-im-se-sw-ae,
398
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
399
+ )
400
+ var(
401
+ --_ctm-mob-dn-im-se-sw-br,
402
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
403
+ )
404
+ var(
405
+ --_ctm-mob-dn-im-se-sw-sd,
406
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
407
+ )
408
+ var(
409
+ --_ctm-mob-dn-im-se-sw-cr,
410
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
411
+ );
412
+ .name {
413
+ color: var(
414
+ --_ctm-mob-dn-ln-ne-cr,
415
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
416
+ );
417
+ font-family: var(
418
+ --_ctm-mob-dn-ln-ne-ft-fy,
419
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
420
+ );
421
+ font-size: var(
422
+ --_ctm-mob-dn-ln-ne-ft-se,
423
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
424
+ );
425
+ font-weight: var(
426
+ --_ctm-mob-dn-ln-ne-ft-wt,
427
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
428
+ );
429
+ font-style: var(
430
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
431
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
432
+ );
433
+ text-align: var(
434
+ --_ctm-mob-dn-ln-ne-tt-an,
435
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
436
+ );
437
+ letter-spacing: var(
438
+ --_ctm-mob-dn-ln-ne-lr-sg,
439
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
440
+ );
441
+ line-height: var(
442
+ --_ctm-mob-dn-ln-ne-le-ht,
443
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
444
+ );
445
+ text-decoration: var(
446
+ --_ctm-mob-dn-ln-ne-ue,
447
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
448
+ );
449
+ }
450
+ .address {
451
+ color: var(
452
+ --_ctm-mob-dn-ln-as-cr,
453
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
454
+ );
455
+ font-family: var(
456
+ --_ctm-mob-dn-ln-as-ft-fy,
457
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
458
+ );
459
+ font-size: var(
460
+ --_ctm-mob-dn-ln-as-ft-se,
461
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
462
+ );
463
+ font-weight: var(
464
+ --_ctm-mob-dn-ln-as-ft-wt,
465
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
466
+ );
467
+ font-style: var(
468
+ --_ctm-mob-dn-ln-as-ft-se-ic,
469
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
470
+ );
471
+ text-align: var(
472
+ --_ctm-mob-dn-ln-as-tt-an,
473
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
474
+ );
475
+ letter-spacing: var(
476
+ --_ctm-mob-dn-ln-as-lr-sg,
477
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
478
+ );
479
+ line-height: var(
480
+ --_ctm-mob-dn-ln-as-le-ht,
481
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
482
+ );
483
+ text-decoration: var(
484
+ --_ctm-mob-dn-ln-as-ue,
485
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
486
+ );
487
+ }
488
+
489
+ .inventory {
490
+ color: var(
491
+ --_ctm-mob-dn-ln-iy-cr,
492
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
493
+ );
494
+ font-family: var(
495
+ --_ctm-mob-dn-ln-iy-ft-fy,
496
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
497
+ );
498
+ font-size: var(
499
+ --_ctm-mob-dn-ln-iy-ft-se,
500
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
501
+ );
502
+ font-weight: var(
503
+ --_ctm-mob-dn-ln-iy-ft-wt,
504
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
505
+ );
506
+ font-style: var(
507
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
508
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
509
+ );
510
+ text-align: var(
511
+ --_ctm-mob-dn-ln-iy-tt-an,
512
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
513
+ );
514
+ letter-spacing: var(
515
+ --_ctm-mob-dn-ln-iy-lr-sg,
516
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
517
+ );
518
+ line-height: var(
519
+ --_ctm-mob-dn-ln-iy-le-ht,
520
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
521
+ );
522
+ text-decoration: var(
523
+ --_ctm-mob-dn-ln-iy-ue,
524
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
525
+ );
526
+ }
527
+
528
+ .status {
529
+ color: var(
530
+ --_ctm-mob-dn-ln-iy-ss-cr,
531
+ var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
532
+ );
533
+ font-family: var(
534
+ --_ctm-mob-dn-ln-iy-ss-ft-fy,
535
+ var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
536
+ );
537
+ font-size: var(
538
+ --_ctm-mob-dn-ln-iy-ss-ft-se,
539
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
540
+ );
541
+ font-weight: var(
542
+ --_ctm-mob-dn-ln-iy-ss-ft-wt,
543
+ var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
544
+ );
545
+ font-style: var(
546
+ --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
547
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
548
+ );
549
+ text-align: var(
550
+ --_ctm-mob-dn-ln-iy-ss-tt-an,
551
+ var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
552
+ );
553
+ letter-spacing: var(
554
+ --_ctm-mob-dn-ln-iy-ss-lr-sg,
555
+ var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
556
+ );
557
+ line-height: var(
558
+ --_ctm-mob-dn-ln-iy-ss-le-ht,
559
+ var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
560
+ );
561
+ text-decoration: var(
562
+ --_ctm-mob-dn-ln-iy-ss-ue,
563
+ var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
564
+ );
565
+ }
566
+ }
567
+ }
568
+ }
569
+ .store__button {
570
+ .button {
571
+ display: flex;
572
+ align-items: center;
573
+ background-color: var(
574
+ --_ctm-mob-dn-vw-iy-bn-dt-se-bd-cr,
575
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-bd-cr, var(--_ctm-dn-vw-iy-bn-dt-se-bd-cr))
576
+ );
577
+ gap: var(
578
+ --_ctm-mob-dn-vw-iy-bn-dt-se-in-ad-tt-sg,
579
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-ad-tt-sg, var(--_ctm-dn-vw-iy-bn-dt-se-in-ad-tt-sg))
580
+ );
581
+ padding: 10px;
582
+ width: 100%;
583
+ justify-content: center;
584
+ min-width: 100px;
585
+ min-height: 50px;
586
+
587
+ border-color: var(
588
+ --_show-border-im-se,
589
+ var(
590
+ --_ctm-mob-dn-vw-iy-bn-dt-se-br-cr,
591
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-cr, var(--_ctm-dn-vw-iy-bn-dt-se-br-cr))
592
+ )
593
+ );
594
+ border-style: var(
595
+ --_show-border-im-se,
596
+ var(
597
+ --_ctm-mob-dn-vw-iy-bn-dt-se-br-se,
598
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-se, var(--_ctm-dn-vw-iy-bn-dt-se-br-se))
599
+ )
600
+ );
601
+ border-width: var(
602
+ --_show-border-im-se,
603
+ var(
604
+ --_ctm-mob-dn-vw-iy-bn-dt-se-br-wh,
605
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-wh, var(--_ctm-dn-vw-iy-bn-dt-se-br-wh))
606
+ )
607
+ );
608
+ border-radius: var(
609
+ --_ctm-mob-dn-vw-iy-bn-dt-se-br-rs,
610
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-br-rs, var(--_ctm-dn-vw-iy-bn-dt-se-br-rs))
611
+ );
612
+ box-shadow: var(
613
+ --_show-shadow-im-se,
614
+ var(
615
+ --_ctm-mob-dn-vw-iy-bn-dt-se-sw-ae,
616
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-ae, var(--_ctm-dn-vw-iy-bn-dt-se-sw-ae))
617
+ )
618
+ var(
619
+ --_ctm-mob-dn-vw-iy-bn-dt-se-sw-br,
620
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-br, var(--_ctm-dn-vw-iy-bn-dt-se-sw-br))
621
+ )
622
+ var(
623
+ --_ctm-mob-dn-vw-iy-bn-dt-se-sw-sd,
624
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-sd, var(--_ctm-dn-vw-iy-bn-dt-se-sw-sd))
625
+ )
626
+ var(
627
+ --_ctm-mob-dn-vw-iy-bn-dt-se-sw-cr,
628
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-sw-cr, var(--_ctm-dn-vw-iy-bn-dt-se-sw-cr))
629
+ )
630
+ );
631
+ .icon {
632
+ svg {
633
+ width: var(
634
+ --_ctm-mob-dn-vw-iy-bn-dt-se-in-se,
635
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-se, var(--_ctm-dn-vw-iy-bn-dt-se-in-se))
636
+ );
637
+ height: var(
638
+ --_ctm-mob-dn-vw-iy-bn-dt-se-in-se,
639
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-se, var(--_ctm-dn-vw-iy-bn-dt-se-in-se))
640
+ );
641
+ path {
642
+ stroke: var(
643
+ --_ctm-mob-dn-vw-iy-bn-dt-se-in-c1,
644
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-in-c1, var(--_ctm-dn-vw-iy-bn-dt-se-in-c1))
645
+ );
646
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
647
+ stroke-width: prepareMediaVariable(--_ctm-dn-vw-iy-bn-dt-se-se-wh, 1.25);
648
+ }
649
+ }
650
+ }
651
+
652
+ .text {
653
+ color: var(
654
+ --_ctm-mob-dn-vw-iy-bn-dt-se-cr,
655
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-cr, var(--_ctm-dn-vw-iy-bn-dt-se-cr))
656
+ );
657
+ font-family: var(
658
+ --_ctm-mob-dn-vw-iy-bn-dt-se-ft-fy,
659
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-fy, var(--_ctm-dn-vw-iy-bn-dt-se-ft-fy))
660
+ );
661
+ font-size: var(
662
+ --_ctm-mob-dn-vw-iy-bn-dt-se-ft-se,
663
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-se, var(--_ctm-dn-vw-iy-bn-dt-se-ft-se))
664
+ );
665
+ font-weight: var(
666
+ --_ctm-mob-dn-vw-iy-bn-dt-se-ft-wt,
667
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-wt, var(--_ctm-dn-vw-iy-bn-dt-se-ft-wt))
668
+ );
669
+ font-style: var(
670
+ --_ctm-mob-dn-vw-iy-bn-dt-se-ft-se-ic,
671
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-ft-se-ic, var(--_ctm-dn-vw-iy-bn-dt-se-ft-se-ic))
672
+ );
673
+ text-align: var(
674
+ --_ctm-mob-dn-vw-iy-bn-dt-se-tt-an,
675
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-tt-an, var(--_ctm-dn-vw-iy-bn-dt-se-tt-an))
676
+ );
677
+ letter-spacing: var(
678
+ --_ctm-mob-dn-vw-iy-bn-dt-se-lr-sg,
679
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-lr-sg, var(--_ctm-dn-vw-iy-bn-dt-se-lr-sg))
680
+ );
681
+ line-height: var(
682
+ --_ctm-mob-dn-vw-iy-bn-dt-se-le-ht,
683
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-le-ht, var(--_ctm-dn-vw-iy-bn-dt-se-le-ht))
684
+ );
685
+ text-decoration: var(
686
+ --_ctm-mob-dn-vw-iy-bn-dt-se-ue,
687
+ var(--_ctm-tab-dn-vw-iy-bn-dt-se-ue, var(--_ctm-dn-vw-iy-bn-dt-se-ue))
688
+ );
689
+ }
690
+ &:hover {
691
+ background-color: var(
692
+ --_ctm-mob-dn-vw-iy-bn-hr-se-bd-cr,
693
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-bd-cr, var(--_ctm-dn-vw-iy-bn-hr-se-bd-cr))
694
+ );
695
+ gap: var(
696
+ --_ctm-mob-dn-vw-iy-bn-hr-se-in-ad-tt-sg,
697
+ var(
698
+ --_ctm-tab-dn-vw-iy-bn-hr-se-in-ad-tt-sg,
699
+ var(--_ctm-dn-vw-iy-bn-hr-se-in-ad-tt-sg)
700
+ )
701
+ );
702
+ min-width: 100px;
703
+ min-height: 50px;
704
+ border-color: var(
705
+ --_show-border-im-se,
706
+ var(
707
+ --_ctm-mob-dn-vw-iy-bn-hr-se-br-cr,
708
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-cr, var(--_ctm-dn-vw-iy-bn-hr-se-br-cr))
709
+ )
710
+ );
711
+ border-style: var(
712
+ --_show-border-im-se,
713
+ var(
714
+ --_ctm-mob-dn-vw-iy-bn-hr-se-br-se,
715
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-se, var(--_ctm-dn-vw-iy-bn-hr-se-br-se))
716
+ )
717
+ );
718
+ border-width: var(
719
+ --_show-border-im-se,
720
+ var(
721
+ --_ctm-mob-dn-vw-iy-bn-hr-se-br-wh,
722
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-wh, var(--_ctm-dn-vw-iy-bn-hr-se-br-wh))
723
+ )
724
+ );
725
+ border-radius: var(
726
+ --_ctm-mob-dn-vw-iy-bn-hr-se-br-rs,
727
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-br-rs, var(--_ctm-dn-vw-iy-bn-hr-se-br-rs))
728
+ );
729
+ box-shadow: var(
730
+ --_show-shadow-im-se,
731
+ var(
732
+ --_ctm-mob-dn-vw-iy-bn-hr-se-sw-ae,
733
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-ae, var(--_ctm-dn-vw-iy-bn-hr-se-sw-ae))
734
+ )
735
+ var(
736
+ --_ctm-mob-dn-vw-iy-bn-hr-se-sw-br,
737
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-br, var(--_ctm-dn-vw-iy-bn-hr-se-sw-br))
738
+ )
739
+ var(
740
+ --_ctm-mob-dn-vw-iy-bn-hr-se-sw-sd,
741
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-sd, var(--_ctm-dn-vw-iy-bn-hr-se-sw-sd))
742
+ )
743
+ var(
744
+ --_ctm-mob-dn-vw-iy-bn-hr-se-sw-cr,
745
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-sw-cr, var(--_ctm-dn-vw-iy-bn-hr-se-sw-cr))
746
+ )
747
+ );
748
+
749
+ .icon {
750
+ svg {
751
+ width: var(
752
+ --_ctm-mob-dn-vw-iy-bn-hr-se-in-se,
753
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-se, var(--_ctm-dn-vw-iy-bn-hr-se-in-se))
754
+ );
755
+ height: var(
756
+ --_ctm-mob-dn-vw-iy-bn-hr-se-in-se,
757
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-se, var(--_ctm-dn-vw-iy-bn-hr-se-in-se))
758
+ );
759
+ path {
760
+ stroke: var(
761
+ --_ctm-mob-dn-vw-iy-bn-hr-se-in-c1,
762
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-in-c1, var(--_ctm-dn-vw-iy-bn-hr-se-in-c1))
763
+ );
764
+ }
765
+ }
766
+ }
767
+
768
+ .text {
769
+ color: var(
770
+ --_ctm-mob-dn-vw-iy-bn-hr-se-cr,
771
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-cr, var(--_ctm-dn-vw-iy-bn-hr-se-cr))
772
+ );
773
+ font-family: var(
774
+ --_ctm-mob-dn-vw-iy-bn-hr-se-ft-fy,
775
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-fy, var(--_ctm-dn-vw-iy-bn-hr-se-ft-fy))
776
+ );
777
+ font-size: var(
778
+ --_ctm-mob-dn-vw-iy-bn-hr-se-ft-se,
779
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-se, var(--_ctm-dn-vw-iy-bn-hr-se-ft-se))
780
+ );
781
+ font-weight: var(
782
+ --_ctm-mob-dn-vw-iy-bn-hr-se-ft-wt,
783
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-wt, var(--_ctm-dn-vw-iy-bn-hr-se-ft-wt))
784
+ );
785
+ font-style: var(
786
+ --_ctm-mob-dn-vw-iy-bn-hr-se-ft-se-ic,
787
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-ft-se-ic, var(--_ctm-dn-vw-iy-bn-hr-se-ft-se-ic))
788
+ );
789
+ text-align: var(
790
+ --_ctm-mob-dn-vw-iy-bn-hr-se-tt-an,
791
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-tt-an, var(--_ctm-dn-vw-iy-bn-hr-se-tt-an))
792
+ );
793
+ letter-spacing: var(
794
+ --_ctm-mob-dn-vw-iy-bn-hr-se-lr-sg,
795
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-lr-sg, var(--_ctm-dn-vw-iy-bn-hr-se-lr-sg))
796
+ );
797
+ line-height: var(
798
+ --_ctm-mob-dn-vw-iy-bn-hr-se-le-ht,
799
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-le-ht, var(--_ctm-dn-vw-iy-bn-hr-se-le-ht))
800
+ );
801
+ text-decoration: var(
802
+ --_ctm-mob-dn-vw-iy-bn-hr-se-ue,
803
+ var(--_ctm-tab-dn-vw-iy-bn-hr-se-ue, var(--_ctm-dn-vw-iy-bn-hr-se-ue))
804
+ );
805
+ }
806
+ }
807
+ }
808
+ .upfront_container {
809
+ margin-top: 10px;
810
+
811
+ .vertical {
812
+ display: flex;
813
+ flex-direction: column;
814
+ align-items: flex-start;
815
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
816
+
817
+ .item {
818
+ display: flex;
819
+ flex-direction: column;
820
+ width: 100%;
821
+ padding: var(
822
+ --_ctm-mob-dn-im-se-vl-pg,
823
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
824
+ )
825
+ var(
826
+ --_ctm-mob-dn-im-se-hl-pg,
827
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
828
+ );
829
+ background-color: var(
830
+ --_ctm-mob-dn-im-se-bd-cr,
831
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
832
+ );
833
+
834
+ border-color: var(
835
+ --_show-border-im-se,
836
+ var(
837
+ --_ctm-mob-dn-im-se-br-cr,
838
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
839
+ )
840
+ );
841
+ border-style: var(
842
+ --_show-border-im-se,
843
+ var(
844
+ --_ctm-mob-dn-im-se-br-se,
845
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
846
+ )
847
+ );
848
+ border-width: var(
849
+ --_show-border-im-se,
850
+ var(
851
+ --_ctm-mob-dn-im-se-br-wh,
852
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
853
+ )
854
+ );
855
+ border-radius: var(
856
+ --_ctm-mob-dn-im-se-br-rs,
857
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
858
+ );
859
+
860
+ box-shadow: var(
861
+ --_show-shadow-im-se,
862
+ var(
863
+ --_ctm-mob-dn-im-se-sw-ae,
864
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
865
+ )
866
+ var(
867
+ --_ctm-mob-dn-im-se-sw-br,
868
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
869
+ )
870
+ var(
871
+ --_ctm-mob-dn-im-se-sw-sd,
872
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
873
+ )
874
+ var(
875
+ --_ctm-mob-dn-im-se-sw-cr,
876
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
877
+ )
878
+ );
879
+ .name {
880
+ color: var(
881
+ --_ctm-mob-dn-ln-ne-cr,
882
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
883
+ );
884
+ font-family: var(
885
+ --_ctm-mob-dn-ln-ne-ft-fy,
886
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
887
+ );
888
+ font-size: var(
889
+ --_ctm-mob-dn-ln-ne-ft-se,
890
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
891
+ );
892
+ font-weight: var(
893
+ --_ctm-mob-dn-ln-ne-ft-wt,
894
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
895
+ );
896
+ font-style: var(
897
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
898
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
899
+ );
900
+ text-align: var(
901
+ --_ctm-mob-dn-ln-ne-tt-an,
902
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
903
+ );
904
+ letter-spacing: var(
905
+ --_ctm-mob-dn-ln-ne-lr-sg,
906
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
907
+ );
908
+ line-height: var(
909
+ --_ctm-mob-dn-ln-ne-le-ht,
910
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
911
+ );
912
+ text-decoration: var(
913
+ --_ctm-mob-dn-ln-ne-ue,
914
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
915
+ );
916
+ }
917
+
918
+ .address {
919
+ color: var(
920
+ --_ctm-mob-dn-ln-as-cr,
921
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
922
+ );
923
+ font-family: var(
924
+ --_ctm-mob-dn-ln-as-ft-fy,
925
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
926
+ );
927
+ font-size: var(
928
+ --_ctm-mob-dn-ln-as-ft-se,
929
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
930
+ );
931
+ font-weight: var(
932
+ --_ctm-mob-dn-ln-as-ft-wt,
933
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
934
+ );
935
+ font-style: var(
936
+ --_ctm-mob-dn-ln-as-ft-se-ic,
937
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
938
+ );
939
+ text-align: var(
940
+ --_ctm-mob-dn-ln-as-tt-an,
941
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
942
+ );
943
+ letter-spacing: var(
944
+ --_ctm-mob-dn-ln-as-lr-sg,
945
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
946
+ );
947
+ line-height: var(
948
+ --_ctm-mob-dn-ln-as-le-ht,
949
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
950
+ );
951
+ text-decoration: var(
952
+ --_ctm-mob-dn-ln-as-ue,
953
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
954
+ );
955
+ }
956
+
957
+ .inventory {
958
+ color: var(
959
+ --_ctm-mob-dn-ln-iy-cr,
960
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
961
+ );
962
+ font-family: var(
963
+ --_ctm-mob-dn-ln-iy-ft-fy,
964
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
965
+ );
966
+ font-size: var(
967
+ --_ctm-mob-dn-ln-iy-ft-se,
968
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
969
+ );
970
+ font-weight: var(
971
+ --_ctm-mob-dn-ln-iy-ft-wt,
972
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
973
+ );
974
+ font-style: var(
975
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
976
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
977
+ );
978
+ text-align: var(
979
+ --_ctm-mob-dn-ln-iy-tt-an,
980
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
981
+ );
982
+ letter-spacing: var(
983
+ --_ctm-mob-dn-ln-iy-lr-sg,
984
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
985
+ );
986
+ line-height: var(
987
+ --_ctm-mob-dn-ln-iy-le-ht,
988
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
989
+ );
990
+ text-decoration: var(
991
+ --_ctm-mob-dn-ln-iy-ue,
992
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
993
+ );
994
+ }
995
+
996
+ .status {
997
+ color: var(
998
+ --_ctm-mob-dn-ln-iy-ss-cr,
999
+ var(--_ctm-tab-dn-ln-iy-ss-cr, var(--_ctm-dn-ln-iy-ss-cr))
1000
+ );
1001
+ font-family: var(
1002
+ --_ctm-mob-dn-ln-iy-ss-ft-fy,
1003
+ var(--_ctm-tab-dn-ln-iy-ss-ft-fy, var(--_ctm-dn-ln-iy-ss-ft-fy))
1004
+ );
1005
+ font-size: var(
1006
+ --_ctm-mob-dn-ln-iy-ss-ft-se,
1007
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se, var(--_ctm-dn-ln-iy-ss-ft-se))
1008
+ );
1009
+ font-weight: var(
1010
+ --_ctm-mob-dn-ln-iy-ss-ft-wt,
1011
+ var(--_ctm-tab-dn-ln-iy-ss-ft-wt, var(--_ctm-dn-ln-iy-ss-ft-wt))
1012
+ );
1013
+ font-style: var(
1014
+ --_ctm-mob-dn-ln-iy-ss-ft-se-ic,
1015
+ var(--_ctm-tab-dn-ln-iy-ss-ft-se-ic, var(--_ctm-dn-ln-iy-ss-ft-se-ic))
1016
+ );
1017
+ text-align: var(
1018
+ --_ctm-mob-dn-ln-iy-ss-tt-an,
1019
+ var(--_ctm-tab-dn-ln-iy-ss-tt-an, var(--_ctm-dn-ln-iy-ss-tt-an))
1020
+ );
1021
+ letter-spacing: var(
1022
+ --_ctm-mob-dn-ln-iy-ss-lr-sg,
1023
+ var(--_ctm-tab-dn-ln-iy-ss-lr-sg, var(--_ctm-dn-ln-iy-ss-lr-sg))
1024
+ );
1025
+ line-height: var(
1026
+ --_ctm-mob-dn-ln-iy-ss-le-ht,
1027
+ var(--_ctm-tab-dn-ln-iy-ss-le-ht, var(--_ctm-dn-ln-iy-ss-le-ht))
1028
+ );
1029
+ text-decoration: var(
1030
+ --_ctm-mob-dn-ln-iy-ss-ue,
1031
+ var(--_ctm-tab-dn-ln-iy-ss-ue, var(--_ctm-dn-ln-iy-ss-ue))
1032
+ );
1033
+ }
1034
+ }
1035
+ }
1036
+ }
1037
+ }
1038
+ .table-content {
1039
+ border-collapse: collapse;
1040
+ border: 1px solid #000;
1041
+ background-color: var(
1042
+ --_ctm-mob-dn-te-bd-cr,
1043
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1044
+ );
1045
+ border-color: var(
1046
+ --_show-border-im-se,
1047
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)))
1048
+ );
1049
+ border-style: var(
1050
+ --_show-border-im-se,
1051
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)))
1052
+ );
1053
+ border-width: var(
1054
+ --_show-border-im-se,
1055
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)))
1056
+ );
1057
+ border-radius: var(
1058
+ --_ctm-mob-dn-te-br-rs,
1059
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
1060
+ );
1061
+ box-shadow: var(
1062
+ --_show-shadow-im-se,
1063
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
1064
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
1065
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
1066
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
1067
+ );
1068
+
1069
+ &[data-header-divider="true"] {
1070
+ thead tr th {
1071
+ border-bottom: 1px solid
1072
+ var(
1073
+ --_ctm-mob-dn-rw-ds-hr-dr,
1074
+ var(--_ctm-tab-dn-rw-ds-hr-dr, var(--_ctm-dn-rw-ds-hr-dr))
1075
+ );
1076
+ }
1077
+ }
1078
+
1079
+ &[data-row-divider="true"] {
1080
+ tbody tr td {
1081
+ border-bottom: 1px solid
1082
+ var(
1083
+ --_ctm-mob-dn-rw-ds-rw-dr,
1084
+ var(--_ctm-tab-dn-rw-ds-rw-dr, var(--_ctm-dn-rw-ds-rw-dr))
1085
+ );
1086
+ }
1087
+ }
1088
+
1089
+ &[data-column-divider="true"] {
1090
+ tbody tr td,
1091
+ thead tr th {
1092
+ border-right: 1px solid
1093
+ var(
1094
+ --_ctm-mob-dn-rw-ds-cn-dr,
1095
+ var(--_ctm-tab-dn-rw-ds-cn-dr, var(--_ctm-dn-rw-ds-cn-dr))
1096
+ );
1097
+ }
1098
+
1099
+ tbody tr td:last-child,
1100
+ thead tr th:last-child {
1101
+ border-right: none;
1102
+ }
1103
+ }
1104
+
1105
+ &[data-alternative-row-colors="true"] {
1106
+ tbody tr:nth-child(odd) {
1107
+ background-color: var(--_gray-300);
1108
+ width: 100%;
1109
+ }
1110
+ }
1111
+ thead {
1112
+ height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
1113
+
1114
+ tr {
1115
+ text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1116
+
1117
+ th {
1118
+ padding: var(
1119
+ --_ctm-mob-lt-hr-cl-pg,
1120
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
1121
+ );
1122
+ text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1123
+ border: 0;
1124
+ background-color: var(
1125
+ --_ctm-mob-dn-te-hr-bd-cr,
1126
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
1127
+ );
1128
+ color: var(
1129
+ --_ctm-mob-dn-hr-tt-cr,
1130
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
1131
+ );
1132
+ font-family: var(
1133
+ --_ctm-mob-dn-hr-tt-ft-fy,
1134
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
1135
+ );
1136
+ font-size: var(
1137
+ --_ctm-mob-dn-hr-tt-ft-se,
1138
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
1139
+ );
1140
+ font-weight: var(
1141
+ --_ctm-mob-dn-hr-tt-ft-wt,
1142
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
1143
+ );
1144
+ font-style: var(
1145
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
1146
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
1147
+ );
1148
+ letter-spacing: var(
1149
+ --_ctm-mob-dn-hr-tt-lr-sg,
1150
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
1151
+ );
1152
+ line-height: var(
1153
+ --_ctm-mob-dn-hr-tt-le-ht,
1154
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
1155
+ );
1156
+ text-decoration: var(
1157
+ --_ctm-mob-dn-hr-tt-ue,
1158
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
1159
+ );
1160
+ }
1161
+ }
1162
+ }
1163
+
1164
+ tbody {
1165
+ tr {
1166
+ padding: var(
1167
+ --_ctm-mob-lt-rw-cl-pg,
1168
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
1169
+ );
1170
+ height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
1171
+ background-color: var(
1172
+ --_ctm-mob-dn-te-rw-bd-cr,
1173
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
1174
+ );
1175
+ text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1176
+
1177
+ th,
1178
+ td {
1179
+ text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
1180
+ border: 0;
1181
+ padding: inherit;
1182
+ color: var(
1183
+ --_ctm-mob-dn-te-rw-cr,
1184
+ var(--_ctm-tab-dn-te-rw-cr, var(--_ctm-dn-te-rw-cr))
1185
+ );
1186
+ font-family: var(
1187
+ --_ctm-mob-dn-te-rw-ft-fy,
1188
+ var(--_ctm-tab-dn-te-rw-ft-fy, var(--_ctm-dn-te-rw-ft-fy))
1189
+ );
1190
+ font-size: var(
1191
+ --_ctm-mob-dn-te-rw-ft-se,
1192
+ var(--_ctm-tab-dn-te-rw-ft-se, var(--_ctm-dn-te-rw-ft-se))
1193
+ );
1194
+ font-weight: var(
1195
+ --_ctm-mob-dn-te-rw-ft-wt,
1196
+ var(--_ctm-tab-dn-te-rw-ft-wt, var(--_ctm-dn-te-rw-ft-wt))
1197
+ );
1198
+ font-style: var(
1199
+ --_ctm-mob-dn-te-rw-ft-se-ic,
1200
+ var(--_ctm-tab-dn-te-rw-ft-se-ic, var(--_ctm-dn-te-rw-ft-se-ic))
1201
+ );
1202
+ text-align: var(
1203
+ --_ctm-mob-dn-te-rw-tt-an,
1204
+ var(--_ctm-tab-dn-te-rw-tt-an, var(--_ctm-dn-te-rw-tt-an))
1205
+ );
1206
+ letter-spacing: var(
1207
+ --_ctm-mob-dn-te-rw-lr-sg,
1208
+ var(--_ctm-tab-dn-te-rw-lr-sg, var(--_ctm-dn-te-rw-lr-sg))
1209
+ );
1210
+ line-height: var(
1211
+ --_ctm-mob-dn-te-rw-le-ht,
1212
+ var(--_ctm-tab-dn-te-rw-le-ht, var(--_ctm-dn-te-rw-le-ht))
1213
+ );
1214
+ text-decoration: var(
1215
+ --_ctm-mob-dn-te-rw-ue,
1216
+ var(--_ctm-tab-dn-te-rw-ue, var(--_ctm-dn-te-rw-ue))
1217
+ );
1218
+ }
1219
+ }
1220
+ }
1221
+ }
1222
+ .pagination_container {
1223
+ display: flex;
1224
+ justify-content: var(--_ctm-lt-pn-at);
1225
+ align-items: center;
1226
+ gap: 10px;
1227
+ button {
1228
+ font-size: 16px;
1229
+ // padding: 10px 20px;
1230
+ // background-color: #000;
1231
+ color: #fff;
1232
+ border: none;
1233
+ cursor: pointer;
1234
+ // border-radius: 10px;
1235
+ }
1236
+ span {
1237
+ cursor: pointer;
1238
+ color: var(
1239
+ --_ctm-mob-dn-pn-dt-se-cr,
1240
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1241
+ );
1242
+ font-family: var(
1243
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1244
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1245
+ );
1246
+ font-size: var(
1247
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1248
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1249
+ );
1250
+ font-weight: var(
1251
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1252
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1253
+ );
1254
+ font-style: var(
1255
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1256
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1257
+ );
1258
+ text-align: var(
1259
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1260
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1261
+ );
1262
+ letter-spacing: var(
1263
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1264
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1265
+ );
1266
+ line-height: var(
1267
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1268
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1269
+ );
1270
+ text-decoration: var(
1271
+ --_ctm-mob-dn-pn-dt-se-ue,
1272
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1273
+ );
1274
+ }
1275
+ .active {
1276
+ span {
1277
+ background-color: var(
1278
+ --_ctm-mob-dn-pn-dt-se-bd-cr,
1279
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
1280
+ );
1281
+ padding: 2px;
1282
+ }
1283
+ }
1284
+ }
1285
+ .loadmore_conatiner {
1286
+ display: flex;
1287
+ justify-content: center;
1288
+ align-items: center;
1289
+ gap: 10px;
1290
+ button {
1291
+ padding: 10px;
1292
+ cursor: pointer;
1293
+ color: var(
1294
+ --_ctm-mob-dn-sw-me-is-bn-cr,
1295
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1296
+ );
1297
+ font-family: var(
1298
+ --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1299
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1300
+ );
1301
+ font-size: var(
1302
+ --_ctm-mob-dn-sw-me-is-bn-ft-se,
1303
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1304
+ );
1305
+ font-weight: var(
1306
+ --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1307
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1308
+ );
1309
+ font-style: var(
1310
+ --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1311
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1312
+ );
1313
+ text-align: var(
1314
+ --_ctm-mob-dn-sw-me-is-bn-tt-an,
1315
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1316
+ );
1317
+ letter-spacing: var(
1318
+ --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1319
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1320
+ );
1321
+ line-height: var(
1322
+ --_ctm-mob-dn-sw-me-is-bn-le-ht,
1323
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1324
+ );
1325
+ text-decoration: var(
1326
+ --_ctm-mob-dn-sw-me-is-bn-ue,
1327
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1328
+ );
1329
+ background-color: var(
1330
+ --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1331
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1332
+ );
1333
+ border-color: var(
1334
+ --_show-border-im-se,
1335
+ var(
1336
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
1337
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1338
+ )
1339
+ );
1340
+ border-style: var(
1341
+ --_show-border-im-se,
1342
+ var(
1343
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
1344
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1345
+ )
1346
+ );
1347
+ border-width: var(
1348
+ --_show-border-im-se,
1349
+ var(
1350
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
1351
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1352
+ )
1353
+ );
1354
+ border-radius: var(
1355
+ --_ctm-mob-dn-sw-me-is-bn-br-rs,
1356
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1357
+ );
1358
+ box-shadow: var(
1359
+ --_show-shadow-im-se,
1360
+ var(
1361
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1362
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1363
+ )
1364
+ var(
1365
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
1366
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1367
+ )
1368
+ var(
1369
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1370
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1371
+ )
1372
+ var(
1373
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1374
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1375
+ )
1376
+ );
1377
+ }
1378
+ }
1379
+ }
1380
+ }
1381
+ }