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

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