@sc-360-v2/storefront-cms-library 0.5.70 → 0.5.72

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