@sc-360-v2/storefront-cms-library 0.5.69 → 0.5.71

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 (158) 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/bundleCategories.scss +301 -301
  16. package/dist/bundleDetails.scss +6189 -6189
  17. package/dist/buy-for-tab-container.scss +141 -141
  18. package/dist/buy-for-tab.scss +649 -649
  19. package/dist/buy-for-tabs-container-item.scss +80 -80
  20. package/dist/buyForPopup.scss +339 -339
  21. package/dist/cart-details.scss +3986 -3986
  22. package/dist/cart-products-sidebar.scss +211 -211
  23. package/dist/cart-summary.scss +2826 -2826
  24. package/dist/cart-wrapper.scss +127 -127
  25. package/dist/cartAttributes.scss +1422 -1422
  26. package/dist/cartDropdownOverlay.scss +653 -653
  27. package/dist/cartGrouping.scss +89 -89
  28. package/dist/category-groups-element.scss +739 -739
  29. package/dist/category-groups-quota-details.scss +626 -626
  30. package/dist/category.scss +137 -137
  31. package/dist/categoryDetails.scss +61 -61
  32. package/dist/categoryWidget.scss +34 -34
  33. package/dist/checkbox-radio.scss +124 -124
  34. package/dist/code-temp.scss +59 -59
  35. package/dist/colorpicker_v2.scss +62 -62
  36. package/dist/common-element.scss +35 -35
  37. package/dist/confirm-modal.scss +370 -370
  38. package/dist/confirmationModal.scss +139 -139
  39. package/dist/contact-us.scss +105 -105
  40. package/dist/container.scss +168 -168
  41. package/dist/countdown.scss +899 -899
  42. package/dist/coupon.scss +1519 -1519
  43. package/dist/custom-fonts.scss +100 -100
  44. package/dist/customization-tree.scss +162 -162
  45. package/dist/default-dropdown.scss +259 -259
  46. package/dist/dropdownTemplate.scss +699 -699
  47. package/dist/editCartItem.scss +110 -110
  48. package/dist/embed-temp.scss +73 -73
  49. package/dist/embroider-preview-element.scss +94 -94
  50. package/dist/embroider-template-1-v2.scss +1105 -1105
  51. package/dist/embroider-template-1.scss +501 -501
  52. package/dist/embroidery.scss +247 -247
  53. package/dist/employee-bulk-order.scss +4060 -4060
  54. package/dist/emtpy-templates.scss +165 -165
  55. package/dist/faq.scss +696 -696
  56. package/dist/fb-dropdown.scss +135 -135
  57. package/dist/filter-results.scss +361 -361
  58. package/dist/filters.scss +3040 -3040
  59. package/dist/flex-text-editor.scss +271 -271
  60. package/dist/form-preview.scss +530 -530
  61. package/dist/gallery-slider-temp.scss +1776 -1776
  62. package/dist/global-styles.scss +198 -198
  63. package/dist/grid.scss +169 -169
  64. package/dist/icon-library.scss +78 -78
  65. package/dist/icon-list.scss +39 -0
  66. package/dist/image-for-product.scss +21 -21
  67. package/dist/image-temp.scss +203 -203
  68. package/dist/item-stock.scss +93 -93
  69. package/dist/kitDetails.scss +5739 -5739
  70. package/dist/kits.scss +305 -305
  71. package/dist/language-selector.scss +948 -948
  72. package/dist/last-x-orders.scss +285 -285
  73. package/dist/layouter-item.scss +141 -141
  74. package/dist/layouter-pro-item.scss +139 -139
  75. package/dist/layouter-pro.scss +134 -134
  76. package/dist/layouter.scss +491 -491
  77. package/dist/light-box-v2.scss +155 -155
  78. package/dist/lightbox.scss +78 -78
  79. package/dist/loader.scss +37 -37
  80. package/dist/login.scss +29 -11
  81. package/dist/map.scss +1359 -1359
  82. package/dist/marchandiserSets.scss +141 -141
  83. package/dist/mega-menu-container.scss +152 -152
  84. package/dist/menu-item.scss +19 -19
  85. package/dist/menu-v2.scss +999 -999
  86. package/dist/menu.scss +174 -174
  87. package/dist/multi-select-dropdown.scss +316 -316
  88. package/dist/my-templates.scss +477 -477
  89. package/dist/my-wishlist.scss +27 -27
  90. package/dist/option-bar.scss +886 -886
  91. package/dist/order-processing.scss +61 -61
  92. package/dist/order-status.scss +2187 -2187
  93. package/dist/overflow-module.scss +63 -63
  94. package/dist/past-orders.scss +1039 -1039
  95. package/dist/payment-methods.scss +307 -307
  96. package/dist/phone-input.scss +208 -208
  97. package/dist/pickup-locations.scss +1359 -1359
  98. package/dist/position-module.scss +95 -95
  99. package/dist/prefix-list.scss +86 -86
  100. package/dist/product-actions.scss +2872 -2872
  101. package/dist/product-basic-elements.scss +600 -600
  102. package/dist/product-customizations.scss +155 -155
  103. package/dist/product-highlights.scss +348 -348
  104. package/dist/product-image-allocation.scss +1477 -1477
  105. package/dist/product-inventory.scss +1621 -1621
  106. package/dist/product-labels.scss +265 -265
  107. package/dist/product-options.scss +1444 -1444
  108. package/dist/product-price.scss +4 -0
  109. package/dist/product-promotions.scss +3224 -3224
  110. package/dist/product-sizechart.scss +1921 -1921
  111. package/dist/product.scss +140 -140
  112. package/dist/profile.scss +824 -824
  113. package/dist/quantity-selector.scss +1074 -1074
  114. package/dist/quick-inventory-check.scss +285 -285
  115. package/dist/quick-links.scss +627 -627
  116. package/dist/quota-details.scss +526 -526
  117. package/dist/quotes.scss +847 -847
  118. package/dist/repeater-embla-controls.scss +211 -211
  119. package/dist/repeater-grid-toggle.scss +206 -206
  120. package/dist/repeater-item.scss +152 -152
  121. package/dist/repeater.scss +946 -946
  122. package/dist/request-for-quotes.scss +841 -841
  123. package/dist/responsive-behaviour.scss +29 -29
  124. package/dist/rfqs.scss +861 -861
  125. package/dist/scroll.scss +414 -414
  126. package/dist/search-results-heading.scss +309 -309
  127. package/dist/search.scss +689 -689
  128. package/dist/section.scss +276 -276
  129. package/dist/shareCartSideBar.scss +254 -254
  130. package/dist/shipping-estimator.scss +41 -41
  131. package/dist/shipping-payments.scss +2518 -2518
  132. package/dist/simple-list.scss +338 -338
  133. package/dist/skeleton.scss +64 -64
  134. package/dist/spotlight.scss +1706 -1706
  135. package/dist/stack.scss +171 -171
  136. package/dist/static-global.scss +292 -292
  137. package/dist/static-text.scss +52 -52
  138. package/dist/stockStatus.scss +70 -70
  139. package/dist/store-locations.scss +1592 -1592
  140. package/dist/sub-category.scss +74 -74
  141. package/dist/submit-quote.scss +275 -275
  142. package/dist/tab-container-item.scss +80 -80
  143. package/dist/tab-container.scss +141 -141
  144. package/dist/table.scss +9 -0
  145. package/dist/tabs.scss +440 -440
  146. package/dist/text-temp.scss +109 -109
  147. package/dist/theme-classes.scss +421 -421
  148. package/dist/toaster.scss +392 -392
  149. package/dist/toggle-button.scss +32 -32
  150. package/dist/transform-properties-module.scss +20 -20
  151. package/dist/types/builder/tools/element-edit/icon-list.d.ts +5 -0
  152. package/dist/types/builder/tools/element-edit/login.d.ts +1 -0
  153. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +1 -0
  154. package/dist/types/builder/tools/element-edit/userElements.d.ts +99 -0
  155. package/dist/user-elements.scss +2896 -2911
  156. package/dist/widget.scss +153 -153
  157. package/dist/wishlist-overlay.scss +48 -48
  158. package/package.json +1 -1
@@ -1,1106 +1,1106 @@
1
- // UOM Selector styles for addProductsTab context
2
- // This partial is imported inside [data-element-type="addProductsTab"]
3
- //
4
- // CSS variable path prefix:
5
- // design.productPanelDesign.uomSelectorDesign.uomDesign.*
6
- // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-dn-*
7
- //
8
- // design.productPanelDesign.uomSelectorDesign.uomLayout.*
9
- // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-lt-*
10
-
11
- .uom__selector {
12
- width: 100%;
13
-
14
- .uom__container {
15
- width: 100%;
16
-
17
- // uomTitleStyle
18
- .each__wraper {
19
- background-color: var(
20
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
21
- var(
22
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
23
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr)
24
- )
25
- );
26
- border-color: var(
27
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
28
- var(
29
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
30
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr)
31
- )
32
- );
33
- border-style: var(
34
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
35
- var(
36
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
37
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se)
38
- )
39
- );
40
- border-width: var(
41
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
42
- var(
43
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
44
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh)
45
- )
46
- );
47
- border-radius: var(
48
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
49
- var(
50
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
51
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs)
52
- )
53
- );
54
- box-shadow: var(
55
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
56
- var(
57
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
58
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae)
59
- )
60
- )
61
- var(
62
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
63
- var(
64
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
65
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br)
66
- )
67
- )
68
- var(
69
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
70
- var(
71
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
72
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd)
73
- )
74
- )
75
- var(
76
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
77
- var(
78
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
79
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr)
80
- )
81
- );
82
- white-space: nowrap;
83
- padding: var(
84
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
85
- var(
86
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
87
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg)
88
- )
89
- );
90
-
91
- .each {
92
- color: var(
93
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
94
- var(
95
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
96
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr)
97
- )
98
- );
99
- font-family: var(
100
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
101
- var(
102
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
103
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy)
104
- )
105
- );
106
- text-transform: var(
107
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm,
108
- var(
109
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm,
110
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm)
111
- )
112
- );
113
- word-wrap: var(
114
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp,
115
- var(
116
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp,
117
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp)
118
- )
119
- );
120
- word-break: var(
121
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk,
122
- var(
123
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk,
124
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk)
125
- )
126
- );
127
- font-size: var(
128
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
129
- var(
130
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
131
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se)
132
- )
133
- );
134
- font-weight: var(
135
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
136
- var(
137
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
138
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt)
139
- )
140
- );
141
- font-style: var(
142
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
143
- var(
144
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
145
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic)
146
- )
147
- );
148
- text-align: var(
149
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
150
- var(
151
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
152
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an)
153
- )
154
- );
155
- letter-spacing: var(
156
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
157
- var(
158
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
159
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg)
160
- )
161
- );
162
- line-height: var(
163
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
164
- var(
165
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
166
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht)
167
- )
168
- );
169
- text-decoration: var(
170
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
171
- var(
172
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
173
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue)
174
- )
175
- );
176
- }
177
- }
178
-
179
- // productPrice
180
- .price__wraper {
181
- background-color: var(
182
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
183
- var(
184
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
185
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr)
186
- )
187
- );
188
- border-color: var(
189
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
190
- var(
191
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
192
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr)
193
- )
194
- );
195
- border-style: var(
196
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
197
- var(
198
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
199
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se)
200
- )
201
- );
202
- border-width: var(
203
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
204
- var(
205
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
206
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh)
207
- )
208
- );
209
- border-radius: var(
210
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
211
- var(
212
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
213
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs)
214
- )
215
- );
216
- box-shadow: var(
217
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
218
- var(
219
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
220
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae)
221
- )
222
- )
223
- var(
224
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
225
- var(
226
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
227
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br)
228
- )
229
- )
230
- var(
231
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
232
- var(
233
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
234
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd)
235
- )
236
- )
237
- var(
238
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
239
- var(
240
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
241
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr)
242
- )
243
- );
244
- white-space: nowrap;
245
- padding: var(
246
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
247
- var(
248
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
249
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg)
250
- )
251
- );
252
-
253
- .price {
254
- color: var(
255
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
256
- var(
257
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
258
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr)
259
- )
260
- );
261
- font-family: var(
262
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
263
- var(
264
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
265
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy)
266
- )
267
- );
268
- text-transform: var(
269
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm,
270
- var(
271
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm,
272
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm)
273
- )
274
- );
275
- word-wrap: var(
276
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp,
277
- var(
278
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp,
279
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp)
280
- )
281
- );
282
- word-break: var(
283
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk,
284
- var(
285
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk,
286
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk)
287
- )
288
- );
289
- font-size: var(
290
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
291
- var(
292
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
293
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se)
294
- )
295
- );
296
- font-weight: var(
297
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
298
- var(
299
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
300
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt)
301
- )
302
- );
303
- font-style: var(
304
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
305
- var(
306
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
307
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic)
308
- )
309
- );
310
- text-align: var(
311
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
312
- var(
313
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
314
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an)
315
- )
316
- );
317
- letter-spacing: var(
318
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
319
- var(
320
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
321
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg)
322
- )
323
- );
324
- line-height: var(
325
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
326
- var(
327
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
328
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht)
329
- )
330
- );
331
- text-decoration: var(
332
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
333
- var(
334
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
335
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue)
336
- )
337
- );
338
- }
339
- }
340
-
341
- // actualPrice
342
- .actual__price__wraper {
343
- background-color: var(
344
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
345
- var(
346
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
347
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr)
348
- )
349
- );
350
- border-color: var(
351
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
352
- var(
353
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
354
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr)
355
- )
356
- );
357
- border-style: var(
358
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
359
- var(
360
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
361
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se)
362
- )
363
- );
364
- border-width: var(
365
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
366
- var(
367
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
368
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh)
369
- )
370
- );
371
- border-radius: var(
372
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
373
- var(
374
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
375
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs)
376
- )
377
- );
378
- box-shadow: var(
379
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
380
- var(
381
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
382
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae)
383
- )
384
- )
385
- var(
386
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
387
- var(
388
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
389
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br)
390
- )
391
- )
392
- var(
393
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
394
- var(
395
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
396
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd)
397
- )
398
- )
399
- var(
400
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
401
- var(
402
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
403
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr)
404
- )
405
- );
406
- white-space: nowrap;
407
- padding: var(
408
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
409
- var(
410
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
411
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg)
412
- )
413
- );
414
-
415
- .actual__price {
416
- color: var(
417
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
418
- var(
419
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
420
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr)
421
- )
422
- );
423
- font-family: var(
424
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
425
- var(
426
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
427
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy)
428
- )
429
- );
430
- text-transform: var(
431
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm,
432
- var(
433
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm,
434
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm)
435
- )
436
- );
437
- word-wrap: var(
438
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp,
439
- var(
440
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp,
441
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp)
442
- )
443
- );
444
- word-break: var(
445
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk,
446
- var(
447
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk,
448
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk)
449
- )
450
- );
451
- font-size: var(
452
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
453
- var(
454
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
455
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se)
456
- )
457
- );
458
- font-weight: var(
459
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
460
- var(
461
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
462
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt)
463
- )
464
- );
465
- font-style: var(
466
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
467
- var(
468
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
469
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic)
470
- )
471
- );
472
- text-align: var(
473
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
474
- var(
475
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
476
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an)
477
- )
478
- );
479
- letter-spacing: var(
480
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
481
- var(
482
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
483
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg)
484
- )
485
- );
486
- line-height: var(
487
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
488
- var(
489
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
490
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht)
491
- )
492
- );
493
- text-decoration: var(
494
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
495
- var(
496
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
497
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue)
498
- )
499
- );
500
- }
501
- }
502
-
503
- // savings
504
- .saving__amount__wraper {
505
- background-color: var(
506
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
507
- var(
508
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
509
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr)
510
- )
511
- );
512
- border-color: var(
513
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
514
- var(
515
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
516
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr)
517
- )
518
- );
519
- border-style: var(
520
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
521
- var(
522
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
523
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se)
524
- )
525
- );
526
- border-width: var(
527
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
528
- var(
529
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
530
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh)
531
- )
532
- );
533
- border-radius: var(
534
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
535
- var(
536
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
537
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs)
538
- )
539
- );
540
- box-shadow: var(
541
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
542
- var(
543
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
544
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae)
545
- )
546
- )
547
- var(
548
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
549
- var(
550
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
551
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br)
552
- )
553
- )
554
- var(
555
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
556
- var(
557
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
558
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd)
559
- )
560
- )
561
- var(
562
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
563
- var(
564
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
565
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr)
566
- )
567
- );
568
- white-space: nowrap;
569
- padding: var(
570
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
571
- var(
572
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
573
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg)
574
- )
575
- );
576
-
577
- .saving__amount {
578
- color: var(
579
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
580
- var(
581
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
582
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr)
583
- )
584
- );
585
- font-family: var(
586
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
587
- var(
588
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
589
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy)
590
- )
591
- );
592
- text-transform: var(
593
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm,
594
- var(
595
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm,
596
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm)
597
- )
598
- );
599
- word-wrap: var(
600
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp,
601
- var(
602
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp,
603
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp)
604
- )
605
- );
606
- word-break: var(
607
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk,
608
- var(
609
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk,
610
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk)
611
- )
612
- );
613
- font-size: var(
614
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
615
- var(
616
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
617
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se)
618
- )
619
- );
620
- font-weight: var(
621
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
622
- var(
623
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
624
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt)
625
- )
626
- );
627
- font-style: var(
628
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
629
- var(
630
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
631
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic)
632
- )
633
- );
634
- text-align: var(
635
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
636
- var(
637
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
638
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an)
639
- )
640
- );
641
- letter-spacing: var(
642
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
643
- var(
644
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
645
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg)
646
- )
647
- );
648
- line-height: var(
649
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
650
- var(
651
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
652
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht)
653
- )
654
- );
655
- text-decoration: var(
656
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
657
- var(
658
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
659
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue)
660
- )
661
- );
662
- }
663
- }
664
-
665
- // pricePerUnit
666
- .units__wraper {
667
- background-color: var(
668
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
669
- var(
670
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
671
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr)
672
- )
673
- );
674
- border-color: var(
675
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
676
- var(
677
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
678
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr)
679
- )
680
- );
681
- border-style: var(
682
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
683
- var(
684
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
685
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se)
686
- )
687
- );
688
- border-width: var(
689
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
690
- var(
691
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
692
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh)
693
- )
694
- );
695
- border-radius: var(
696
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
697
- var(
698
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
699
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs)
700
- )
701
- );
702
- box-shadow: var(
703
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
704
- var(
705
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
706
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae)
707
- )
708
- )
709
- var(
710
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
711
- var(
712
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
713
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br)
714
- )
715
- )
716
- var(
717
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
718
- var(
719
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
720
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd)
721
- )
722
- )
723
- var(
724
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
725
- var(
726
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
727
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr)
728
- )
729
- );
730
- white-space: nowrap;
731
- padding: var(
732
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
733
- var(
734
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
735
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg)
736
- )
737
- );
738
-
739
- .units {
740
- color: var(
741
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
742
- var(
743
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
744
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr)
745
- )
746
- );
747
- font-family: var(
748
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
749
- var(
750
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
751
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy)
752
- )
753
- );
754
- text-transform: var(
755
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm,
756
- var(
757
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm,
758
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm)
759
- )
760
- );
761
- word-wrap: var(
762
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp,
763
- var(
764
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp,
765
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp)
766
- )
767
- );
768
- word-break: var(
769
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk,
770
- var(
771
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk,
772
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk)
773
- )
774
- );
775
- font-size: var(
776
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
777
- var(
778
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
779
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se)
780
- )
781
- );
782
- font-weight: var(
783
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
784
- var(
785
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
786
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt)
787
- )
788
- );
789
- font-style: var(
790
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
791
- var(
792
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
793
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic)
794
- )
795
- );
796
- text-align: var(
797
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
798
- var(
799
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
800
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an)
801
- )
802
- );
803
- letter-spacing: var(
804
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
805
- var(
806
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
807
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg)
808
- )
809
- );
810
- line-height: var(
811
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
812
- var(
813
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
814
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht)
815
- )
816
- );
817
- text-decoration: var(
818
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
819
- var(
820
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
821
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue)
822
- )
823
- );
824
- }
825
- }
826
-
827
- .stack {
828
- display: flex;
829
- flex-direction: column;
830
-
831
- // itemStyle.defaultState
832
- .item {
833
- display: flex;
834
- align-items: center;
835
- justify-content: center;
836
- flex-direction: column;
837
- white-space: nowrap;
838
- gap: 4px;
839
- flex-shrink: 0;
840
- cursor: pointer;
841
- padding: var(
842
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
843
- var(
844
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
845
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg)
846
- )
847
- )
848
- var(
849
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
850
- var(
851
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
852
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg)
853
- )
854
- );
855
- background-color: var(
856
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
857
- var(
858
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
859
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr)
860
- )
861
- );
862
- border-color: var(
863
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
864
- var(
865
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
866
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr)
867
- )
868
- );
869
- border-style: var(
870
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
871
- var(
872
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
873
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se)
874
- )
875
- );
876
- border-width: var(
877
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
878
- var(
879
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
880
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh)
881
- )
882
- );
883
- border-radius: var(
884
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
885
- var(
886
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
887
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs)
888
- )
889
- );
890
- box-shadow: var(
891
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
892
- var(
893
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
894
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae)
895
- )
896
- )
897
- var(
898
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
899
- var(
900
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
901
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br)
902
- )
903
- )
904
- var(
905
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
906
- var(
907
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
908
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd)
909
- )
910
- )
911
- var(
912
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
913
- var(
914
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
915
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr)
916
- )
917
- );
918
- }
919
-
920
- // itemStyle.selectedState
921
- .active {
922
- display: flex;
923
- justify-content: center;
924
- flex-direction: column;
925
- gap: 4px;
926
- cursor: pointer;
927
- padding: var(
928
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
929
- var(
930
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
931
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg)
932
- )
933
- )
934
- var(
935
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
936
- var(
937
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
938
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg)
939
- )
940
- );
941
- background-color: var(
942
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
943
- var(
944
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
945
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr)
946
- )
947
- );
948
- border-color: var(
949
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
950
- var(
951
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
952
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr)
953
- )
954
- );
955
- border-style: var(
956
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
957
- var(
958
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
959
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se)
960
- )
961
- );
962
- border-width: var(
963
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
964
- var(
965
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
966
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh)
967
- )
968
- );
969
- border-radius: var(
970
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
971
- var(
972
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
973
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs)
974
- )
975
- );
976
- box-shadow: var(
977
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
978
- var(
979
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
980
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae)
981
- )
982
- )
983
- var(
984
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
985
- var(
986
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
987
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br)
988
- )
989
- )
990
- var(
991
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
992
- var(
993
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
994
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd)
995
- )
996
- )
997
- var(
998
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
999
- var(
1000
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
1001
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr)
1002
- )
1003
- );
1004
-
1005
- .off__price {
1006
- font-size: 12px;
1007
- display: flex;
1008
- justify-content: space-around;
1009
- gap: 10px;
1010
- align-items: center;
1011
- }
1012
- }
1013
-
1014
- .off__price {
1015
- font-size: 12px;
1016
- display: flex;
1017
- justify-content: space-around;
1018
- gap: 10px;
1019
- align-items: center;
1020
- }
1021
-
1022
- // layout.itemSpacing
1023
- .horizontal {
1024
- display: flex;
1025
- flex-direction: row;
1026
- flex-wrap: wrap;
1027
- overflow-y: auto;
1028
- gap: var(
1029
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1030
- var(
1031
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1032
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1033
- )
1034
- );
1035
- &:not([data-overflow-items="Wrap"]) {
1036
- flex-wrap: nowrap;
1037
- .item {
1038
- min-width: 120px;
1039
- }
1040
- }
1041
- &[data-overflow-items="None"] {
1042
- overflow: hidden;
1043
- }
1044
- }
1045
-
1046
- .vertical {
1047
- display: flex;
1048
- flex-direction: column;
1049
- overflow-y: auto;
1050
- row-gap: var(
1051
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1052
- var(
1053
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1054
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1055
- )
1056
- );
1057
- .item {
1058
- flex-direction: row;
1059
- justify-content: space-between;
1060
- align-items: center;
1061
- .right__side__content {
1062
- display: flex;
1063
- gap: 20px;
1064
- align-items: center;
1065
- div {
1066
- display: flex;
1067
- gap: 1px;
1068
- flex-direction: column;
1069
- justify-content: right;
1070
- align-items: center;
1071
- }
1072
- }
1073
- }
1074
- }
1075
-
1076
- .grid {
1077
- display: grid;
1078
- grid-template-columns: repeat(
1079
- var(
1080
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
1081
- var(
1082
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
1083
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw)
1084
- )
1085
- ),
1086
- minmax(auto, 1fr)
1087
- );
1088
- gap: var(
1089
- --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1090
- var(
1091
- --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1092
- var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1093
- )
1094
- );
1095
- .item {
1096
- display: flex;
1097
- align-items: center;
1098
- justify-content: center;
1099
- flex-direction: column;
1100
- gap: 4px;
1101
- cursor: pointer;
1102
- }
1103
- }
1104
- }
1105
- }
1106
- }
1
+ // UOM Selector styles for addProductsTab context
2
+ // This partial is imported inside [data-element-type="addProductsTab"]
3
+ //
4
+ // CSS variable path prefix:
5
+ // design.productPanelDesign.uomSelectorDesign.uomDesign.*
6
+ // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-dn-*
7
+ //
8
+ // design.productPanelDesign.uomSelectorDesign.uomLayout.*
9
+ // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-lt-*
10
+
11
+ .uom__selector {
12
+ width: 100%;
13
+
14
+ .uom__container {
15
+ width: 100%;
16
+
17
+ // uomTitleStyle
18
+ .each__wraper {
19
+ background-color: var(
20
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
21
+ var(
22
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr,
23
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr)
24
+ )
25
+ );
26
+ border-color: var(
27
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
28
+ var(
29
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr,
30
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr)
31
+ )
32
+ );
33
+ border-style: var(
34
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
35
+ var(
36
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se,
37
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se)
38
+ )
39
+ );
40
+ border-width: var(
41
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
42
+ var(
43
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh,
44
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh)
45
+ )
46
+ );
47
+ border-radius: var(
48
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
49
+ var(
50
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs,
51
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs)
52
+ )
53
+ );
54
+ box-shadow: var(
55
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
56
+ var(
57
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae,
58
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae)
59
+ )
60
+ )
61
+ var(
62
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
63
+ var(
64
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br,
65
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br)
66
+ )
67
+ )
68
+ var(
69
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
70
+ var(
71
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd,
72
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd)
73
+ )
74
+ )
75
+ var(
76
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
77
+ var(
78
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr,
79
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr)
80
+ )
81
+ );
82
+ white-space: nowrap;
83
+ padding: var(
84
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
85
+ var(
86
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg,
87
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg)
88
+ )
89
+ );
90
+
91
+ .each {
92
+ color: var(
93
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
94
+ var(
95
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr,
96
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr)
97
+ )
98
+ );
99
+ font-family: var(
100
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
101
+ var(
102
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy,
103
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy)
104
+ )
105
+ );
106
+ text-transform: var(
107
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm,
108
+ var(
109
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm,
110
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm)
111
+ )
112
+ );
113
+ word-wrap: var(
114
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp,
115
+ var(
116
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp,
117
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp)
118
+ )
119
+ );
120
+ word-break: var(
121
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk,
122
+ var(
123
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk,
124
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk)
125
+ )
126
+ );
127
+ font-size: var(
128
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
129
+ var(
130
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se,
131
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se)
132
+ )
133
+ );
134
+ font-weight: var(
135
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
136
+ var(
137
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt,
138
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt)
139
+ )
140
+ );
141
+ font-style: var(
142
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
143
+ var(
144
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic,
145
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic)
146
+ )
147
+ );
148
+ text-align: var(
149
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
150
+ var(
151
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an,
152
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an)
153
+ )
154
+ );
155
+ letter-spacing: var(
156
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
157
+ var(
158
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg,
159
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg)
160
+ )
161
+ );
162
+ line-height: var(
163
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
164
+ var(
165
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht,
166
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht)
167
+ )
168
+ );
169
+ text-decoration: var(
170
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
171
+ var(
172
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue,
173
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue)
174
+ )
175
+ );
176
+ }
177
+ }
178
+
179
+ // productPrice
180
+ .price__wraper {
181
+ background-color: var(
182
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
183
+ var(
184
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr,
185
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr)
186
+ )
187
+ );
188
+ border-color: var(
189
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
190
+ var(
191
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr,
192
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr)
193
+ )
194
+ );
195
+ border-style: var(
196
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
197
+ var(
198
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se,
199
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se)
200
+ )
201
+ );
202
+ border-width: var(
203
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
204
+ var(
205
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh,
206
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh)
207
+ )
208
+ );
209
+ border-radius: var(
210
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
211
+ var(
212
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs,
213
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs)
214
+ )
215
+ );
216
+ box-shadow: var(
217
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
218
+ var(
219
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae,
220
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae)
221
+ )
222
+ )
223
+ var(
224
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
225
+ var(
226
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br,
227
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br)
228
+ )
229
+ )
230
+ var(
231
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
232
+ var(
233
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd,
234
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd)
235
+ )
236
+ )
237
+ var(
238
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
239
+ var(
240
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr,
241
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr)
242
+ )
243
+ );
244
+ white-space: nowrap;
245
+ padding: var(
246
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
247
+ var(
248
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg,
249
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg)
250
+ )
251
+ );
252
+
253
+ .price {
254
+ color: var(
255
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
256
+ var(
257
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr,
258
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr)
259
+ )
260
+ );
261
+ font-family: var(
262
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
263
+ var(
264
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy,
265
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy)
266
+ )
267
+ );
268
+ text-transform: var(
269
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm,
270
+ var(
271
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm,
272
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm)
273
+ )
274
+ );
275
+ word-wrap: var(
276
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp,
277
+ var(
278
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp,
279
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp)
280
+ )
281
+ );
282
+ word-break: var(
283
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk,
284
+ var(
285
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk,
286
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk)
287
+ )
288
+ );
289
+ font-size: var(
290
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
291
+ var(
292
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se,
293
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se)
294
+ )
295
+ );
296
+ font-weight: var(
297
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
298
+ var(
299
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt,
300
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt)
301
+ )
302
+ );
303
+ font-style: var(
304
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
305
+ var(
306
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic,
307
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic)
308
+ )
309
+ );
310
+ text-align: var(
311
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
312
+ var(
313
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an,
314
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an)
315
+ )
316
+ );
317
+ letter-spacing: var(
318
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
319
+ var(
320
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg,
321
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg)
322
+ )
323
+ );
324
+ line-height: var(
325
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
326
+ var(
327
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht,
328
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht)
329
+ )
330
+ );
331
+ text-decoration: var(
332
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
333
+ var(
334
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue,
335
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue)
336
+ )
337
+ );
338
+ }
339
+ }
340
+
341
+ // actualPrice
342
+ .actual__price__wraper {
343
+ background-color: var(
344
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
345
+ var(
346
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr,
347
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr)
348
+ )
349
+ );
350
+ border-color: var(
351
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
352
+ var(
353
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr,
354
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr)
355
+ )
356
+ );
357
+ border-style: var(
358
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
359
+ var(
360
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se,
361
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se)
362
+ )
363
+ );
364
+ border-width: var(
365
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
366
+ var(
367
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh,
368
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh)
369
+ )
370
+ );
371
+ border-radius: var(
372
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
373
+ var(
374
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs,
375
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs)
376
+ )
377
+ );
378
+ box-shadow: var(
379
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
380
+ var(
381
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae,
382
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae)
383
+ )
384
+ )
385
+ var(
386
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
387
+ var(
388
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br,
389
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br)
390
+ )
391
+ )
392
+ var(
393
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
394
+ var(
395
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd,
396
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd)
397
+ )
398
+ )
399
+ var(
400
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
401
+ var(
402
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr,
403
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr)
404
+ )
405
+ );
406
+ white-space: nowrap;
407
+ padding: var(
408
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
409
+ var(
410
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg,
411
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg)
412
+ )
413
+ );
414
+
415
+ .actual__price {
416
+ color: var(
417
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
418
+ var(
419
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr,
420
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr)
421
+ )
422
+ );
423
+ font-family: var(
424
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
425
+ var(
426
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy,
427
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy)
428
+ )
429
+ );
430
+ text-transform: var(
431
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm,
432
+ var(
433
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm,
434
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm)
435
+ )
436
+ );
437
+ word-wrap: var(
438
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp,
439
+ var(
440
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp,
441
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp)
442
+ )
443
+ );
444
+ word-break: var(
445
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk,
446
+ var(
447
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk,
448
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk)
449
+ )
450
+ );
451
+ font-size: var(
452
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
453
+ var(
454
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se,
455
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se)
456
+ )
457
+ );
458
+ font-weight: var(
459
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
460
+ var(
461
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt,
462
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt)
463
+ )
464
+ );
465
+ font-style: var(
466
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
467
+ var(
468
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic,
469
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic)
470
+ )
471
+ );
472
+ text-align: var(
473
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
474
+ var(
475
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an,
476
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an)
477
+ )
478
+ );
479
+ letter-spacing: var(
480
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
481
+ var(
482
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg,
483
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg)
484
+ )
485
+ );
486
+ line-height: var(
487
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
488
+ var(
489
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht,
490
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht)
491
+ )
492
+ );
493
+ text-decoration: var(
494
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
495
+ var(
496
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue,
497
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue)
498
+ )
499
+ );
500
+ }
501
+ }
502
+
503
+ // savings
504
+ .saving__amount__wraper {
505
+ background-color: var(
506
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
507
+ var(
508
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr,
509
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr)
510
+ )
511
+ );
512
+ border-color: var(
513
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
514
+ var(
515
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr,
516
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr)
517
+ )
518
+ );
519
+ border-style: var(
520
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
521
+ var(
522
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se,
523
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se)
524
+ )
525
+ );
526
+ border-width: var(
527
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
528
+ var(
529
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh,
530
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh)
531
+ )
532
+ );
533
+ border-radius: var(
534
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
535
+ var(
536
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs,
537
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs)
538
+ )
539
+ );
540
+ box-shadow: var(
541
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
542
+ var(
543
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae,
544
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae)
545
+ )
546
+ )
547
+ var(
548
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
549
+ var(
550
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br,
551
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br)
552
+ )
553
+ )
554
+ var(
555
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
556
+ var(
557
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd,
558
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd)
559
+ )
560
+ )
561
+ var(
562
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
563
+ var(
564
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr,
565
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr)
566
+ )
567
+ );
568
+ white-space: nowrap;
569
+ padding: var(
570
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
571
+ var(
572
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg,
573
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg)
574
+ )
575
+ );
576
+
577
+ .saving__amount {
578
+ color: var(
579
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
580
+ var(
581
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr,
582
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr)
583
+ )
584
+ );
585
+ font-family: var(
586
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
587
+ var(
588
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy,
589
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy)
590
+ )
591
+ );
592
+ text-transform: var(
593
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm,
594
+ var(
595
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm,
596
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm)
597
+ )
598
+ );
599
+ word-wrap: var(
600
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp,
601
+ var(
602
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp,
603
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp)
604
+ )
605
+ );
606
+ word-break: var(
607
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk,
608
+ var(
609
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk,
610
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk)
611
+ )
612
+ );
613
+ font-size: var(
614
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
615
+ var(
616
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se,
617
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se)
618
+ )
619
+ );
620
+ font-weight: var(
621
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
622
+ var(
623
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt,
624
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt)
625
+ )
626
+ );
627
+ font-style: var(
628
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
629
+ var(
630
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic,
631
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic)
632
+ )
633
+ );
634
+ text-align: var(
635
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
636
+ var(
637
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an,
638
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an)
639
+ )
640
+ );
641
+ letter-spacing: var(
642
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
643
+ var(
644
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg,
645
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg)
646
+ )
647
+ );
648
+ line-height: var(
649
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
650
+ var(
651
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht,
652
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht)
653
+ )
654
+ );
655
+ text-decoration: var(
656
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
657
+ var(
658
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue,
659
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue)
660
+ )
661
+ );
662
+ }
663
+ }
664
+
665
+ // pricePerUnit
666
+ .units__wraper {
667
+ background-color: var(
668
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
669
+ var(
670
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr,
671
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr)
672
+ )
673
+ );
674
+ border-color: var(
675
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
676
+ var(
677
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr,
678
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr)
679
+ )
680
+ );
681
+ border-style: var(
682
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
683
+ var(
684
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se,
685
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se)
686
+ )
687
+ );
688
+ border-width: var(
689
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
690
+ var(
691
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh,
692
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh)
693
+ )
694
+ );
695
+ border-radius: var(
696
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
697
+ var(
698
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs,
699
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs)
700
+ )
701
+ );
702
+ box-shadow: var(
703
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
704
+ var(
705
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae,
706
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae)
707
+ )
708
+ )
709
+ var(
710
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
711
+ var(
712
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br,
713
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br)
714
+ )
715
+ )
716
+ var(
717
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
718
+ var(
719
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd,
720
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd)
721
+ )
722
+ )
723
+ var(
724
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
725
+ var(
726
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr,
727
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr)
728
+ )
729
+ );
730
+ white-space: nowrap;
731
+ padding: var(
732
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
733
+ var(
734
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg,
735
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg)
736
+ )
737
+ );
738
+
739
+ .units {
740
+ color: var(
741
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
742
+ var(
743
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr,
744
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr)
745
+ )
746
+ );
747
+ font-family: var(
748
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
749
+ var(
750
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy,
751
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy)
752
+ )
753
+ );
754
+ text-transform: var(
755
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm,
756
+ var(
757
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm,
758
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm)
759
+ )
760
+ );
761
+ word-wrap: var(
762
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp,
763
+ var(
764
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp,
765
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp)
766
+ )
767
+ );
768
+ word-break: var(
769
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk,
770
+ var(
771
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk,
772
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk)
773
+ )
774
+ );
775
+ font-size: var(
776
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
777
+ var(
778
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se,
779
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se)
780
+ )
781
+ );
782
+ font-weight: var(
783
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
784
+ var(
785
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt,
786
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt)
787
+ )
788
+ );
789
+ font-style: var(
790
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
791
+ var(
792
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic,
793
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic)
794
+ )
795
+ );
796
+ text-align: var(
797
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
798
+ var(
799
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an,
800
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an)
801
+ )
802
+ );
803
+ letter-spacing: var(
804
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
805
+ var(
806
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg,
807
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg)
808
+ )
809
+ );
810
+ line-height: var(
811
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
812
+ var(
813
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht,
814
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht)
815
+ )
816
+ );
817
+ text-decoration: var(
818
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
819
+ var(
820
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue,
821
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue)
822
+ )
823
+ );
824
+ }
825
+ }
826
+
827
+ .stack {
828
+ display: flex;
829
+ flex-direction: column;
830
+
831
+ // itemStyle.defaultState
832
+ .item {
833
+ display: flex;
834
+ align-items: center;
835
+ justify-content: center;
836
+ flex-direction: column;
837
+ white-space: nowrap;
838
+ gap: 4px;
839
+ flex-shrink: 0;
840
+ cursor: pointer;
841
+ padding: var(
842
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
843
+ var(
844
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg,
845
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg)
846
+ )
847
+ )
848
+ var(
849
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
850
+ var(
851
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg,
852
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg)
853
+ )
854
+ );
855
+ background-color: var(
856
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
857
+ var(
858
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr,
859
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr)
860
+ )
861
+ );
862
+ border-color: var(
863
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
864
+ var(
865
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr,
866
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr)
867
+ )
868
+ );
869
+ border-style: var(
870
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
871
+ var(
872
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se,
873
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se)
874
+ )
875
+ );
876
+ border-width: var(
877
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
878
+ var(
879
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh,
880
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh)
881
+ )
882
+ );
883
+ border-radius: var(
884
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
885
+ var(
886
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs,
887
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs)
888
+ )
889
+ );
890
+ box-shadow: var(
891
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
892
+ var(
893
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae,
894
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae)
895
+ )
896
+ )
897
+ var(
898
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
899
+ var(
900
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br,
901
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br)
902
+ )
903
+ )
904
+ var(
905
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
906
+ var(
907
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd,
908
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd)
909
+ )
910
+ )
911
+ var(
912
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
913
+ var(
914
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr,
915
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr)
916
+ )
917
+ );
918
+ }
919
+
920
+ // itemStyle.selectedState
921
+ .active {
922
+ display: flex;
923
+ justify-content: center;
924
+ flex-direction: column;
925
+ gap: 4px;
926
+ cursor: pointer;
927
+ padding: var(
928
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
929
+ var(
930
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg,
931
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg)
932
+ )
933
+ )
934
+ var(
935
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
936
+ var(
937
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg,
938
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg)
939
+ )
940
+ );
941
+ background-color: var(
942
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
943
+ var(
944
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr,
945
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr)
946
+ )
947
+ );
948
+ border-color: var(
949
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
950
+ var(
951
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr,
952
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr)
953
+ )
954
+ );
955
+ border-style: var(
956
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
957
+ var(
958
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se,
959
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se)
960
+ )
961
+ );
962
+ border-width: var(
963
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
964
+ var(
965
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh,
966
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh)
967
+ )
968
+ );
969
+ border-radius: var(
970
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
971
+ var(
972
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs,
973
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs)
974
+ )
975
+ );
976
+ box-shadow: var(
977
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
978
+ var(
979
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae,
980
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae)
981
+ )
982
+ )
983
+ var(
984
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
985
+ var(
986
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br,
987
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br)
988
+ )
989
+ )
990
+ var(
991
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
992
+ var(
993
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd,
994
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd)
995
+ )
996
+ )
997
+ var(
998
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
999
+ var(
1000
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr,
1001
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr)
1002
+ )
1003
+ );
1004
+
1005
+ .off__price {
1006
+ font-size: 12px;
1007
+ display: flex;
1008
+ justify-content: space-around;
1009
+ gap: 10px;
1010
+ align-items: center;
1011
+ }
1012
+ }
1013
+
1014
+ .off__price {
1015
+ font-size: 12px;
1016
+ display: flex;
1017
+ justify-content: space-around;
1018
+ gap: 10px;
1019
+ align-items: center;
1020
+ }
1021
+
1022
+ // layout.itemSpacing
1023
+ .horizontal {
1024
+ display: flex;
1025
+ flex-direction: row;
1026
+ flex-wrap: wrap;
1027
+ overflow-y: auto;
1028
+ gap: var(
1029
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1030
+ var(
1031
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1032
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1033
+ )
1034
+ );
1035
+ &:not([data-overflow-items="Wrap"]) {
1036
+ flex-wrap: nowrap;
1037
+ .item {
1038
+ min-width: 120px;
1039
+ }
1040
+ }
1041
+ &[data-overflow-items="None"] {
1042
+ overflow: hidden;
1043
+ }
1044
+ }
1045
+
1046
+ .vertical {
1047
+ display: flex;
1048
+ flex-direction: column;
1049
+ overflow-y: auto;
1050
+ row-gap: var(
1051
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1052
+ var(
1053
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1054
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1055
+ )
1056
+ );
1057
+ .item {
1058
+ flex-direction: row;
1059
+ justify-content: space-between;
1060
+ align-items: center;
1061
+ .right__side__content {
1062
+ display: flex;
1063
+ gap: 20px;
1064
+ align-items: center;
1065
+ div {
1066
+ display: flex;
1067
+ gap: 1px;
1068
+ flex-direction: column;
1069
+ justify-content: right;
1070
+ align-items: center;
1071
+ }
1072
+ }
1073
+ }
1074
+ }
1075
+
1076
+ .grid {
1077
+ display: grid;
1078
+ grid-template-columns: repeat(
1079
+ var(
1080
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
1081
+ var(
1082
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw,
1083
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw)
1084
+ )
1085
+ ),
1086
+ minmax(auto, 1fr)
1087
+ );
1088
+ gap: var(
1089
+ --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1090
+ var(
1091
+ --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg,
1092
+ var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg)
1093
+ )
1094
+ );
1095
+ .item {
1096
+ display: flex;
1097
+ align-items: center;
1098
+ justify-content: center;
1099
+ flex-direction: column;
1100
+ gap: 4px;
1101
+ cursor: pointer;
1102
+ }
1103
+ }
1104
+ }
1105
+ }
1106
+ }