@sc-360-v2/storefront-cms-library 0.4.56 → 0.4.57

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 (150) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/allocations.scss +1603 -1603
  5. package/dist/amount-estimator.scss +1083 -1083
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/badge.scss +388 -388
  8. package/dist/brand-basic-elements.scss +292 -292
  9. package/dist/brand.scss +93 -93
  10. package/dist/breadcrumbs.scss +802 -802
  11. package/dist/builder.js +1 -1
  12. package/dist/bulk-order-pad.scss +677 -677
  13. package/dist/bulk-variant-picker copy.scss +1121 -1121
  14. package/dist/bulk-variant-picker.scss +3294 -3294
  15. package/dist/bundle copy.scss +2805 -2805
  16. package/dist/bundle.scss +2383 -2383
  17. package/dist/bundleDetails copy.scss +1431 -1431
  18. package/dist/button copy.scss +271 -271
  19. package/dist/button.scss +292 -292
  20. package/dist/buy-for-tab-container.scss +90 -90
  21. package/dist/buy-for-tabs-container-item.scss +80 -80
  22. package/dist/buyForHeaders.scss +6718 -6718
  23. package/dist/cart-products-sidebar.scss +211 -211
  24. package/dist/cart-summary.scss +2728 -2728
  25. package/dist/cart-wrapper.scss +127 -127
  26. package/dist/cartGrouping.scss +89 -89
  27. package/dist/category-groups-element.scss +138 -138
  28. package/dist/category.scss +73 -73
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/code-temp.scss +58 -58
  33. package/dist/colorpicker_v2.scss +52 -52
  34. package/dist/common-element.scss +35 -35
  35. package/dist/confirm-modal.scss +351 -351
  36. package/dist/confirmationModal.scss +139 -139
  37. package/dist/contact-us.scss +105 -105
  38. package/dist/container.scss +114 -114
  39. package/dist/countdown.scss +751 -751
  40. package/dist/coupon.scss +1254 -1254
  41. package/dist/custom-fonts.scss +100 -100
  42. package/dist/customization-tree.scss +160 -160
  43. package/dist/default-dropdown.scss +240 -240
  44. package/dist/editCartItem.scss +111 -111
  45. package/dist/embed-temp.scss +72 -72
  46. package/dist/embroider-preview-element.scss +94 -94
  47. package/dist/embroider-template-1-v2.scss +937 -937
  48. package/dist/embroider-template-1.scss +482 -482
  49. package/dist/embroidery.scss +213 -213
  50. package/dist/employee-bulk-order.scss +4057 -4057
  51. package/dist/emtpy-templates.scss +165 -165
  52. package/dist/faq.scss +564 -564
  53. package/dist/fb-dropdown.scss +125 -125
  54. package/dist/filter-results.scss +323 -323
  55. package/dist/flex-text-editor.scss +271 -271
  56. package/dist/form-preview.scss +290 -290
  57. package/dist/form-zindex-module.scss +24 -24
  58. package/dist/gallery-slider-temp.scss +1234 -1234
  59. package/dist/global-styles.scss +86 -86
  60. package/dist/grid.scss +119 -119
  61. package/dist/hotspot.scss +397 -397
  62. package/dist/icon-library.scss +74 -74
  63. package/dist/image-for-product.scss +21 -21
  64. package/dist/image-temp.scss +168 -168
  65. package/dist/item-stock.scss +87 -87
  66. package/dist/layouter-item.scss +89 -89
  67. package/dist/layouter-pro-item.scss +80 -80
  68. package/dist/layouter-pro.scss +88 -88
  69. package/dist/light-box-v2.scss +105 -105
  70. package/dist/lightbox.scss +78 -78
  71. package/dist/line.scss +166 -166
  72. package/dist/loader.scss +37 -37
  73. package/dist/map.scss +962 -962
  74. package/dist/marchandiserSets.scss +60 -60
  75. package/dist/mega-menu-container.scss +99 -99
  76. package/dist/mega-menu.scss +838 -838
  77. package/dist/menu-item.scss +19 -19
  78. package/dist/menu.scss +162 -162
  79. package/dist/modal.scss +2267 -2267
  80. package/dist/multi-select-dropdown.scss +282 -282
  81. package/dist/my-wishlist.scss +17 -17
  82. package/dist/option-bar.scss +845 -845
  83. package/dist/order-processing.scss +61 -61
  84. package/dist/overflow-module.scss +63 -63
  85. package/dist/past-orders.scss +975 -975
  86. package/dist/payment-methods.scss +289 -289
  87. package/dist/pickup-locations.scss +1167 -1167
  88. package/dist/position-module.scss +95 -95
  89. package/dist/prefix-list.scss +86 -86
  90. package/dist/product-actions copy.scss +2765 -2765
  91. package/dist/product-actions.scss +2286 -2286
  92. package/dist/product-basic-elements.scss +770 -770
  93. package/dist/product-customizations.scss +149 -149
  94. package/dist/product-highlights copy.scss +217 -217
  95. package/dist/product-highlights.scss +311 -311
  96. package/dist/product-image copy.scss +787 -787
  97. package/dist/product-inventory.scss +1378 -1378
  98. package/dist/product-options.scss +1144 -1144
  99. package/dist/product-price.scss +2598 -2598
  100. package/dist/product-promotions.scss +2759 -2759
  101. package/dist/product.scss +97 -97
  102. package/dist/productDetails.scss +70 -70
  103. package/dist/quick-links.scss +552 -552
  104. package/dist/quick-order-pad.scss +237 -237
  105. package/dist/quota-details.scss +263 -263
  106. package/dist/quotes.scss +737 -737
  107. package/dist/repeater copy.scss +635 -635
  108. package/dist/repeater-grid-toggle.scss +58 -58
  109. package/dist/repeater-item.scss +90 -90
  110. package/dist/request-for-quotes.scss +746 -746
  111. package/dist/responsive-behaviour.scss +29 -29
  112. package/dist/rfqs.scss +736 -736
  113. package/dist/scroll.scss +222 -222
  114. package/dist/search-results-heading.scss +279 -279
  115. package/dist/shareCartSideBar.scss +254 -254
  116. package/dist/shipping-estimator.scss +41 -41
  117. package/dist/shipping-payments.scss +2467 -2467
  118. package/dist/simple-list.scss +259 -259
  119. package/dist/skeleton.scss +74 -74
  120. package/dist/social.scss +276 -276
  121. package/dist/sort.scss +89 -89
  122. package/dist/spotlight.scss +1663 -1663
  123. package/dist/stack.scss +129 -129
  124. package/dist/static-text.scss +52 -52
  125. package/dist/stockStatus.scss +64 -64
  126. package/dist/store-locations.scss +1398 -1398
  127. package/dist/sub-category.scss +74 -74
  128. package/dist/submit-quote.scss +275 -275
  129. package/dist/tab-container-item.scss +80 -80
  130. package/dist/tab-container.scss +89 -89
  131. package/dist/tab-v2.scss +583 -583
  132. package/dist/table-common.scss +506 -506
  133. package/dist/table.scss +685 -685
  134. package/dist/tabs.scss +395 -395
  135. package/dist/text-temp-v2.scss +139 -139
  136. package/dist/text-temp.scss +109 -109
  137. package/dist/toaster.scss +350 -350
  138. package/dist/toggle-button.scss +32 -32
  139. package/dist/transform-properties-module.scss +20 -20
  140. package/dist/types/builder/tools/element-edit/layouter.d.ts +2 -0
  141. package/dist/uom-selector.scss +1169 -1169
  142. package/dist/user-elements copy.scss +1437 -1437
  143. package/dist/variant-picker.scss +2384 -2384
  144. package/dist/video.scss +476 -476
  145. package/dist/volume-pricing copy 2.scss +1468 -1468
  146. package/dist/volume-pricing copy.scss +1077 -1077
  147. package/dist/volume-pricing.scss +1175 -1175
  148. package/dist/widget.scss +148 -148
  149. package/dist/wishlist-overlay.scss +48 -48
  150. package/package.json +1 -1
@@ -1,1378 +1,1378 @@
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 "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
+ }