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

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