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

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