@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss";
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="productPrice"] {
@@ -13,12 +13,8 @@
13
13
  // width: var(--_ctm-ele-nw-wh-vl);
14
14
  //width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
15
15
  //margin: var(--_ctm-lt-mn, --_tst-lt-mn);
16
- width: var(
17
- --_sf-el-wh-st-mx,
18
- calc(
19
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
20
- )
21
- );
16
+ width: var(--_sf-el-wh-st-mx,
17
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
22
18
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
23
19
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
24
20
  // height: ;
@@ -27,13 +23,15 @@
27
23
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
28
24
  // );
29
25
 
30
- & > .wrapper {
26
+ &>.wrapper {
31
27
  width: 100%;
32
28
  // height: 100%;
33
29
  }
30
+
34
31
  &[data-show-shadow="false"] {
35
32
  --_show-shadow: none;
36
33
  }
34
+
37
35
  .text-element {
38
36
  // background: #6d96e4;
39
37
  // padding: 10px;
@@ -43,7 +41,8 @@
43
41
  font-size: 32px;
44
42
  font-style: normal;
45
43
  font-weight: 700;
46
- line-height: 150%; /* 48px */
44
+ line-height: 150%;
45
+ /* 48px */
47
46
  }
48
47
 
49
48
  .product-price {
@@ -62,34 +61,20 @@
62
61
  }
63
62
  }
64
63
 
65
- border-color: var(
66
- --_show-border,
67
- var(--_ctm-mob-dn-pt-pe-br-cr, var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr)))
68
- );
69
- border-style: var(
70
- --_show-border,
71
- var(--_ctm-mob-dn-pt-pe-br-se, var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se)))
72
- );
73
- border-width: var(
74
- --_show-border,
75
- var(--_ctm-mob-dn-pt-pe-br-wh, var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh)))
76
- );
77
- border-radius: var(
78
- --_ctm-mob-dn-pt-pe-br-rs,
79
- var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
80
- );
81
-
82
- box-shadow: var(
83
- --_show-shadow,
84
- var(--_ctm-mob-dn-pt-pe-sw-ae, var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae)))
85
- var(--_ctm-mob-dn-pt-pe-sw-br, var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br)))
86
- var(--_ctm-mob-dn-pt-pe-sw-sd, var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd)))
87
- var(--_ctm-mob-dn-pt-pe-sw-cr, var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr)))
88
- );
89
- background-color: var(
90
- --_ctm-mob-dn-pt-pe-bd-cr,
91
- var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
92
- );
64
+ border-color: var(--_show-border,
65
+ var(--_ctm-mob-dn-pt-pe-br-cr, var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))));
66
+ border-style: var(--_show-border,
67
+ var(--_ctm-mob-dn-pt-pe-br-se, var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))));
68
+ border-width: var(--_show-border,
69
+ var(--_ctm-mob-dn-pt-pe-br-wh, var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))));
70
+ border-radius: var(--_ctm-mob-dn-pt-pe-br-rs,
71
+ var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs)));
72
+
73
+ box-shadow: var(--_show-shadow,
74
+ var(--_ctm-mob-dn-pt-pe-sw-ae, var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))) var(--_ctm-mob-dn-pt-pe-sw-br, var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))) var(--_ctm-mob-dn-pt-pe-sw-sd, var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))) var(--_ctm-mob-dn-pt-pe-sw-cr, var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))));
75
+ background-color: var(--_ctm-mob-dn-pt-pe-bd-cr,
76
+ var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr)));
77
+
93
78
  .price-loader {
94
79
  display: inline-block;
95
80
  width: var(--_ctm-lt-wh, 100px);
@@ -104,6 +89,7 @@
104
89
  0% {
105
90
  background-position: -200% 0;
106
91
  }
92
+
107
93
  100% {
108
94
  background-position: 200% 0;
109
95
  }
@@ -111,245 +97,154 @@
111
97
 
112
98
  .price-span {
113
99
  color: var(--_ctm-mob-dn-pt-pe-cr, var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr)));
114
- font-family: var(
115
- --_ctm-mob-dn-pt-pe-ft-fy,
116
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
117
- );
118
- font-size: var(
119
- --_ctm-mob-dn-pt-pe-ft-se,
120
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
121
- );
122
- font-weight: var(
123
- --_ctm-mob-dn-pt-pe-ft-wt,
124
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
125
- );
126
- font-style: var(
127
- --_ctm-mob-dn-pt-pe-ft-se-ic,
128
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
129
- );
130
- text-align: var(
131
- --_ctm-mob-dn-pt-pe-tt-an,
132
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
133
- );
134
- letter-spacing: var(
135
- --_ctm-mob-dn-pt-pe-lr-sg,
136
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
137
- );
138
- line-height: var(
139
- --_ctm-mob-dn-pt-pe-le-ht,
140
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
141
- );
142
- text-decoration: var(
143
- --_ctm-mob-dn-pt-pe-ue,
144
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
145
- );
100
+ font-family: var(--_ctm-mob-dn-pt-pe-ft-fy,
101
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy)));
102
+ text-transform: var(--_ctm-mob-dn-pt-pe-tt-tm,
103
+ var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm)));
104
+ word-wrap: var(--_ctm-mob-dn-pt-pe-wd-wp,
105
+ var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp)));
106
+ word-break: var(--_ctm-mob-dn-pt-pe-wd-bk,
107
+ var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk)));
108
+ font-size: var(--_ctm-mob-dn-pt-pe-ft-se,
109
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se)));
110
+ font-weight: var(--_ctm-mob-dn-pt-pe-ft-wt,
111
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt)));
112
+ font-style: var(--_ctm-mob-dn-pt-pe-ft-se-ic,
113
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic)));
114
+ text-align: var(--_ctm-mob-dn-pt-pe-tt-an,
115
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an)));
116
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-lr-sg,
117
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg)));
118
+ line-height: var(--_ctm-mob-dn-pt-pe-le-ht,
119
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht)));
120
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ue,
121
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue)));
146
122
  }
123
+
147
124
  .strike-price {
148
- color: var(
149
- --_ctm-mob-dn-pt-pe-cr-dc,
150
- var(--_ctm-tab-dn-pt-pe-cr-dc, var(--_ctm-dn-pt-pe-cr-dc))
151
- );
152
- font-family: var(
153
- --_sf-hr-ff,
154
- var(
155
- --_ctm-mob-dn-pt-pe-ft-fy-dc,
156
- var(--_ctm-tab-dn-pt-pe-ft-fy-dc, var(--_ctm-dn-pt-pe-ft-fy-dc))
157
- )
158
- );
159
- font-size: var(
160
- --_ctm-mob-dn-pt-pe-ft-se-dc,
161
- var(--_ctm-tab-dn-pt-pe-ft-se-dc, var(--_ctm-dn-pt-pe-ft-se-dc))
162
- );
163
- font-weight: var(
164
- --_ctm-mob-dn-pt-pe-ft-wt-dc,
165
- var(--_ctm-tab-dn-pt-pe-ft-wt-dc, var(--_ctm-dn-pt-pe-ft-wt-dc))
166
- );
167
- font-style: var(
168
- --_ctm-mob-dn-pt-pe-ft-se-ic-dc,
169
- var(--_ctm-tab-dn-pt-pe-ft-se-ic-dc, var(--_ctm-dn-pt-pe-ft-se-ic-dc))
170
- );
171
- text-align: var(
172
- --_ctm-mob-dn-pt-pe-tt-an-dc,
173
- var(--_ctm-tab-dn-pt-pe-tt-an-dc, var(--_ctm-dn-pt-pe-tt-an-dc))
174
- );
175
- letter-spacing: var(
176
- --_ctm-mob-dn-pt-pe-lr-sg-dc,
177
- var(--_ctm-tab-dn-pt-pe-lr-sg-dc, var(--_ctm-dn-pt-pe-lr-sg-dc))
178
- );
179
- line-height: var(
180
- --_ctm-mob-dn-pt-pe-le-ht-dc,
181
- var(--_ctm-tab-dn-pt-pe-le-ht-dc, var(--_ctm-dn-pt-pe-le-ht-dc))
182
- );
183
- text-decoration: var(
184
- --_ctm-mob-dn-pt-pe-ue-dc,
185
- var(--_ctm-tab-dn-pt-pe-ue-dc, var(--_ctm-dn-pt-pe-ue-dc))
186
- );
125
+ color: var(--_ctm-mob-dn-pt-pe-cr-dc,
126
+ var(--_ctm-tab-dn-pt-pe-cr-dc, var(--_ctm-dn-pt-pe-cr-dc)));
127
+ font-family: var(--_sf-hr-ff,
128
+ var(--_ctm-mob-dn-pt-pe-ft-fy-dc,
129
+ var(--_ctm-tab-dn-pt-pe-ft-fy-dc, var(--_ctm-dn-pt-pe-ft-fy-dc))));
130
+ text-transform: var(--_sf-hr-tt-tm,
131
+ var(--_ctm-mob-dn-pt-pe-tt-tm-dc,
132
+ var(--_ctm-tab-dn-pt-pe-tt-tm-dc, var(--_ctm-dn-pt-pe-tt-tm-dc))));
133
+ word-wrap: var(--_sf-hr-wd-wp,
134
+ var(--_ctm-mob-dn-pt-pe-wd-wp-dc,
135
+ var(--_ctm-tab-dn-pt-pe-wd-wp-dc, var(--_ctm-dn-pt-pe-wd-wp-dc))));
136
+ word-break: var(--_sf-hr-wd-bk,
137
+ var(--_ctm-mob-dn-pt-pe-wd-bk-dc,
138
+ var(--_ctm-tab-dn-pt-pe-wd-bk-dc, var(--_ctm-dn-pt-pe-wd-bk-dc))));
139
+ font-size: var(--_ctm-mob-dn-pt-pe-ft-se-dc,
140
+ var(--_ctm-tab-dn-pt-pe-ft-se-dc, var(--_ctm-dn-pt-pe-ft-se-dc)));
141
+ font-weight: var(--_ctm-mob-dn-pt-pe-ft-wt-dc,
142
+ var(--_ctm-tab-dn-pt-pe-ft-wt-dc, var(--_ctm-dn-pt-pe-ft-wt-dc)));
143
+ font-style: var(--_ctm-mob-dn-pt-pe-ft-se-ic-dc,
144
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic-dc, var(--_ctm-dn-pt-pe-ft-se-ic-dc)));
145
+ text-align: var(--_ctm-mob-dn-pt-pe-tt-an-dc,
146
+ var(--_ctm-tab-dn-pt-pe-tt-an-dc, var(--_ctm-dn-pt-pe-tt-an-dc)));
147
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-lr-sg-dc,
148
+ var(--_ctm-tab-dn-pt-pe-lr-sg-dc, var(--_ctm-dn-pt-pe-lr-sg-dc)));
149
+ line-height: var(--_ctm-mob-dn-pt-pe-le-ht-dc,
150
+ var(--_ctm-tab-dn-pt-pe-le-ht-dc, var(--_ctm-dn-pt-pe-le-ht-dc)));
151
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ue-dc,
152
+ var(--_ctm-tab-dn-pt-pe-ue-dc, var(--_ctm-dn-pt-pe-ue-dc)));
187
153
  }
188
154
 
189
155
  .code-span {
190
- background-color: var(
191
- --_ctm-mob-dn-cy-ce-se-bd-cr,
192
- var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
193
- );
194
- color: var(
195
- --_ctm-mob-dn-cy-ce-se-cr,
196
- var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
197
- );
198
- font-family: var(
199
- --_ctm-mob-dn-cy-ce-se-ft-fy,
200
- var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
201
- );
202
- font-size: var(
203
- --_ctm-mob-dn-cy-ce-se-ft-se,
204
- var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
205
- );
206
- font-weight: var(
207
- --_ctm-mob-dn-cy-ce-se-ft-wt,
208
- var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
209
- );
210
- font-style: var(
211
- --_ctm-mob-dn-cy-ce-se-ft-se-ic,
212
- var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
213
- );
214
- text-align: var(
215
- --_ctm-mob-dn-cy-ce-se-tt-an,
216
- var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
217
- );
218
- letter-spacing: var(
219
- --_ctm-mob-dn-cy-ce-se-lr-sg,
220
- var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
221
- );
222
- line-height: var(
223
- --_ctm-mob-dn-cy-ce-se-le-ht,
224
- var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
225
- );
226
- text-decoration: var(
227
- --_ctm-mob-dn-cy-ce-se-ue,
228
- var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
229
- );
230
-
231
- border-color: var(
232
- --_show-border,
233
- var(
234
- --_ctm-mob-dn-cy-ce-se-br-cr,
235
- var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
236
- )
237
- );
238
- border-style: var(
239
- --_show-border,
240
- var(
241
- --_ctm-mob-dn-cy-ce-se-br-se,
242
- var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
243
- )
244
- );
245
- border-width: var(
246
- --_show-border,
247
- var(
248
- --_ctm-mob-dn-cy-ce-se-br-wh,
249
- var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
250
- )
251
- );
252
- border-radius: var(
253
- --_ctm-mob-dn-cy-ce-se-br-rs,
254
- var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
255
- );
256
-
257
- box-shadow: var(
258
- --_show-shadow,
259
- var(
260
- --_ctm-mob-dn-cy-ce-se-sw-ae,
261
- var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
262
- )
263
- var(
264
- --_ctm-mob-dn-cy-ce-se-sw-br,
265
- var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
266
- )
267
- var(
268
- --_ctm-mob-dn-cy-ce-se-sw-sd,
269
- var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
270
- )
271
- var(
272
- --_ctm-mob-dn-cy-ce-se-sw-cr,
273
- var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
274
- )
275
- );
156
+ background-color: var(--_ctm-mob-dn-cy-ce-se-bd-cr,
157
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr)));
158
+ color: var(--_ctm-mob-dn-cy-ce-se-cr,
159
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr)));
160
+ font-family: var(--_ctm-mob-dn-cy-ce-se-ft-fy,
161
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy)));
162
+ text-transform: var(--_ctm-mob-dn-cy-ce-se-tt-tm,
163
+ var(--_ctm-tab-dn-cy-ce-se-tt-tm, var(--_ctm-dn-cy-ce-se-tt-tm)));
164
+ word-wrap: var(--_ctm-mob-dn-cy-ce-se-wd-wp,
165
+ var(--_ctm-tab-dn-cy-ce-se-wd-wp, var(--_ctm-dn-cy-ce-se-wd-wp)));
166
+ word-break: var(--_ctm-mob-dn-cy-ce-se-wd-bk,
167
+ var(--_ctm-tab-dn-cy-ce-se-wd-bk, var(--_ctm-dn-cy-ce-se-wd-bk)));
168
+ font-size: var(--_ctm-mob-dn-cy-ce-se-ft-se,
169
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se)));
170
+ font-weight: var(--_ctm-mob-dn-cy-ce-se-ft-wt,
171
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt)));
172
+ font-style: var(--_ctm-mob-dn-cy-ce-se-ft-se-ic,
173
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic)));
174
+ text-align: var(--_ctm-mob-dn-cy-ce-se-tt-an,
175
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an)));
176
+ letter-spacing: var(--_ctm-mob-dn-cy-ce-se-lr-sg,
177
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg)));
178
+ line-height: var(--_ctm-mob-dn-cy-ce-se-le-ht,
179
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht)));
180
+ text-decoration: var(--_ctm-mob-dn-cy-ce-se-ue,
181
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue)));
182
+
183
+ border-color: var(--_show-border,
184
+ var(--_ctm-mob-dn-cy-ce-se-br-cr,
185
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))));
186
+ border-style: var(--_show-border,
187
+ var(--_ctm-mob-dn-cy-ce-se-br-se,
188
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))));
189
+ border-width: var(--_show-border,
190
+ var(--_ctm-mob-dn-cy-ce-se-br-wh,
191
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))));
192
+ border-radius: var(--_ctm-mob-dn-cy-ce-se-br-rs,
193
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs)));
194
+
195
+ box-shadow: var(--_show-shadow,
196
+ var(--_ctm-mob-dn-cy-ce-se-sw-ae,
197
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))) var(--_ctm-mob-dn-cy-ce-se-sw-br,
198
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))) var(--_ctm-mob-dn-cy-ce-se-sw-sd,
199
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))) var(--_ctm-mob-dn-cy-ce-se-sw-cr,
200
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))));
276
201
  }
277
202
 
278
203
  .uom-span {
279
- background-color: var(
280
- --_ctm-mob-dn-um-se-bd-cr,
281
- var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr))
282
- );
204
+ background-color: var(--_ctm-mob-dn-um-se-bd-cr,
205
+ var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr)));
283
206
  color: var(--_ctm-mob-dn-um-se-cr, var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr)));
284
- font-family: var(
285
- --_ctm-mob-dn-um-se-ft-fy,
286
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
287
- );
288
- font-size: var(
289
- --_ctm-mob-dn-um-se-ft-se,
290
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
291
- );
292
- font-weight: var(
293
- --_ctm-mob-dn-um-se-ft-wt,
294
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
295
- );
296
- font-style: var(
297
- --_ctm-mob-dn-um-se-ft-se-ic,
298
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
299
- );
300
- text-align: var(
301
- --_ctm-mob-dn-um-se-tt-an,
302
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
303
- );
304
- letter-spacing: var(
305
- --_ctm-mob-dn-um-se-lr-sg,
306
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
307
- );
308
- line-height: var(
309
- --_ctm-mob-dn-um-se-le-ht,
310
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
311
- );
312
- text-decoration: var(
313
- --_ctm-mob-dn-um-se-ue,
314
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
315
- );
316
-
317
- border-color: var(
318
- --_show-border,
319
- var(--_ctm-mob-dn-um-se-br-cr, var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr)))
320
- );
321
- border-style: var(
322
- --_show-border,
323
- var(--_ctm-mob-dn-um-se-br-se, var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se)))
324
- );
325
- border-width: var(
326
- --_show-border,
327
- var(--_ctm-mob-dn-um-se-br-wh, var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh)))
328
- );
329
- border-radius: var(
330
- --_ctm-mob-dn-um-se-br-rs,
331
- var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs))
332
- );
333
-
334
- box-shadow: var(
335
- --_show-shadow,
336
- var(--_ctm-mob-dn-um-se-sw-ae, var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae)))
337
- var(
338
- --_ctm-mob-dn-um-se-sw-br,
339
- var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))
340
- )
341
- var(
342
- --_ctm-mob-dn-um-se-sw-sd,
343
- var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))
344
- )
345
- var(
346
- --_ctm-mob-dn-um-se-sw-cr,
347
- var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))
348
- )
349
- );
207
+ font-family: var(--_ctm-mob-dn-um-se-ft-fy,
208
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy)));
209
+ text-transform: var(--_ctm-mob-dn-um-se-tt-tm,
210
+ var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm)));
211
+ word-wrap: var(--_ctm-mob-dn-um-se-wd-wp,
212
+ var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp)));
213
+ word-break: var(--_ctm-mob-dn-um-se-wd-bk,
214
+ var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk)));
215
+ font-size: var(--_ctm-mob-dn-um-se-ft-se,
216
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se)));
217
+ font-weight: var(--_ctm-mob-dn-um-se-ft-wt,
218
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt)));
219
+ font-style: var(--_ctm-mob-dn-um-se-ft-se-ic,
220
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic)));
221
+ text-align: var(--_ctm-mob-dn-um-se-tt-an,
222
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an)));
223
+ letter-spacing: var(--_ctm-mob-dn-um-se-lr-sg,
224
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg)));
225
+ line-height: var(--_ctm-mob-dn-um-se-le-ht,
226
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht)));
227
+ text-decoration: var(--_ctm-mob-dn-um-se-ue,
228
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue)));
229
+
230
+ border-color: var(--_show-border,
231
+ var(--_ctm-mob-dn-um-se-br-cr, var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr))));
232
+ border-style: var(--_show-border,
233
+ var(--_ctm-mob-dn-um-se-br-se, var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se))));
234
+ border-width: var(--_show-border,
235
+ var(--_ctm-mob-dn-um-se-br-wh, var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh))));
236
+ border-radius: var(--_ctm-mob-dn-um-se-br-rs,
237
+ var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs)));
238
+
239
+ box-shadow: var(--_show-shadow,
240
+ var(--_ctm-mob-dn-um-se-sw-ae, var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae))) var(--_ctm-mob-dn-um-se-sw-br,
241
+ var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))) var(--_ctm-mob-dn-um-se-sw-sd,
242
+ var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))) var(--_ctm-mob-dn-um-se-sw-cr,
243
+ var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))));
350
244
 
351
245
  padding: var(--_ctm-mob-dn-um-se-pg, var(--_ctm-tab-dn-um-se-pg, var(--_ctm-dn-um-se-pg)));
352
246
  }
247
+
353
248
  .denominations_container {
354
249
  // font-size: 16px;
355
250
  display: flex;
@@ -357,93 +252,58 @@
357
252
  // gap: 6px;
358
253
  // padding-bottom: 14px;
359
254
 
360
- background-color: var(
361
- --_ctm-mob-dn-gt-cd-cd-wr-bd-cr,
362
- var(--_ctm-tab-dn-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-gt-cd-cd-wr-bd-cr))
363
- );
364
- border-color: var(
365
- --_ctm-mob-dn-gt-cd-cd-wr-br-cr,
366
- var(--_ctm-tab-dn-gt-cd-cd-wr-br-cr, var(--_ctm-dn-gt-cd-cd-wr-br-cr))
367
- );
368
- border-radius: var(
369
- --_ctm-mob-dn-gt-cd-cd-wr-br-rs,
370
- var(--_ctm-tab-dn-gt-cd-cd-wr-br-rs, var(--_ctm-dn-gt-cd-cd-wr-br-rs))
371
- );
372
- border-style: var(
373
- --_ctm-mob-dn-gt-cd-cd-wr-br-se,
374
- var(--_ctm-tab-dn-gt-cd-cd-wr-br-se, var(--_ctm-dn-gt-cd-cd-wr-br-se))
375
- );
376
- border-width: var(
377
- --_ctm-mob-dn-gt-cd-cd-wr-br-wh,
378
- var(--_ctm-tab-dn-gt-cd-cd-wr-br-wh, var(--_ctm-dn-gt-cd-cd-wr-br-wh))
379
- );
380
- box-shadow: var(
381
- --_ctm-mob-dn-gt-cd-cd-wr-sw-ae,
382
- var(--_ctm-tab-dn-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-gt-cd-cd-wr-sw-ae))
383
- )
384
- var(
385
- --_ctm-mob-dn-gt-cd-cd-wr-sw-br,
386
- var(--_ctm-tab-dn-gt-cd-cd-wr-sw-br, var(--_ctm-dn-gt-cd-cd-wr-sw-br))
387
- )
388
- var(
389
- --_ctm-mob-dn-gt-cd-cd-wr-sw-sd,
390
- var(--_ctm-tab-dn-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-gt-cd-cd-wr-sw-sd))
391
- )
392
- var(
393
- --_ctm-mob-dn-gt-cd-cd-wr-sw-cr,
394
- var(--_ctm-tab-dn-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-gt-cd-cd-wr-sw-cr))
395
- );
396
- padding: var(
397
- --_ctm-mob-dn-gt-cd-cd-wr-pg,
398
- var(--_ctm-tab-dn-gt-cd-cd-wr-pg, var(--_ctm-dn-gt-cd-cd-wr-pg))
399
- );
400
- gap: var(
401
- --_ctm-mob-dn-gt-cd-cd-wr-im-gp,
402
- var(--_ctm-tab-dn-gt-cd-cd-wr-im-gp, var(--_ctm-dn-gt-cd-cd-wr-im-gp))
403
- );
255
+ background-color: var(--_ctm-mob-dn-gt-cd-cd-wr-bd-cr,
256
+ var(--_ctm-tab-dn-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-gt-cd-cd-wr-bd-cr)));
257
+ border-color: var(--_ctm-mob-dn-gt-cd-cd-wr-br-cr,
258
+ var(--_ctm-tab-dn-gt-cd-cd-wr-br-cr, var(--_ctm-dn-gt-cd-cd-wr-br-cr)));
259
+ border-radius: var(--_ctm-mob-dn-gt-cd-cd-wr-br-rs,
260
+ var(--_ctm-tab-dn-gt-cd-cd-wr-br-rs, var(--_ctm-dn-gt-cd-cd-wr-br-rs)));
261
+ border-style: var(--_ctm-mob-dn-gt-cd-cd-wr-br-se,
262
+ var(--_ctm-tab-dn-gt-cd-cd-wr-br-se, var(--_ctm-dn-gt-cd-cd-wr-br-se)));
263
+ border-width: var(--_ctm-mob-dn-gt-cd-cd-wr-br-wh,
264
+ var(--_ctm-tab-dn-gt-cd-cd-wr-br-wh, var(--_ctm-dn-gt-cd-cd-wr-br-wh)));
265
+ box-shadow: var(--_ctm-mob-dn-gt-cd-cd-wr-sw-ae,
266
+ var(--_ctm-tab-dn-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-gt-cd-cd-wr-sw-ae))) var(--_ctm-mob-dn-gt-cd-cd-wr-sw-br,
267
+ var(--_ctm-tab-dn-gt-cd-cd-wr-sw-br, var(--_ctm-dn-gt-cd-cd-wr-sw-br))) var(--_ctm-mob-dn-gt-cd-cd-wr-sw-sd,
268
+ var(--_ctm-tab-dn-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-gt-cd-cd-wr-sw-sd))) var(--_ctm-mob-dn-gt-cd-cd-wr-sw-cr,
269
+ var(--_ctm-tab-dn-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-gt-cd-cd-wr-sw-cr)));
270
+ padding: var(--_ctm-mob-dn-gt-cd-cd-wr-pg,
271
+ var(--_ctm-tab-dn-gt-cd-cd-wr-pg, var(--_ctm-dn-gt-cd-cd-wr-pg)));
272
+ gap: var(--_ctm-mob-dn-gt-cd-cd-wr-im-gp,
273
+ var(--_ctm-tab-dn-gt-cd-cd-wr-im-gp, var(--_ctm-dn-gt-cd-cd-wr-im-gp)));
274
+
404
275
  .denominations_title {
405
276
  // margin-bottom: 4px;
406
277
  // font-size: 16px;
407
278
  // color: #000000;
408
279
  // font-weight: 500;
409
280
  // line-height: 150%;
410
- font-family: var(
411
- --_ctm-mob-dn-gt-cd-ts-ft-fy,
412
- var(--_ctm-tab-dn-gt-cd-ts-ft-fy, var(--_ctm-dn-gt-cd-ts-ft-fy))
413
- );
414
- color: var(
415
- --_ctm-mob-dn-gt-cd-ts-cr,
416
- var(--_ctm-tab-dn-gt-cd-ts-cr, var(--_ctm-dn-gt-cd-ts-cr))
417
- );
418
- font-weight: var(
419
- --_ctm-mob-dn-gt-cd-ts-ft-wt,
420
- var(--_ctm-tab-dn-gt-cd-ts-ft-wt, var(--_ctm-dn-gt-cd-ts-ft-wt))
421
- );
422
- font-size: var(
423
- --_ctm-mob-dn-gt-cd-ts-ft-se,
424
- var(--_ctm-tab-dn-gt-cd-ts-ft-se, var(--_ctm-dn-gt-cd-ts-ft-se))
425
- );
426
- text-decoration: var(
427
- --_ctm-mob-dn-gt-cd-ts-ue,
428
- var(--_ctm-tab-dn-gt-cd-ts-ue, var(--_ctm-dn-gt-cd-ts-ue))
429
- );
430
- letter-spacing: var(
431
- --_ctm-mob-dn-gt-cd-ts-lr-sg,
432
- var(--_ctm-tab-dn-gt-cd-ts-lr-sg, var(--_ctm-dn-gt-cd-ts-lr-sg))
433
- );
434
- line-height: var(
435
- --_ctm-mob-dn-gt-cd-ts-le-ht,
436
- var(--_ctm-tab-dn-gt-cd-ts-le-ht, var(--_ctm-dn-gt-cd-ts-le-ht))
437
- );
438
- font-style: var(
439
- --_ctm-mob-dn-gt-cd-ts-ft-se-ic,
440
- var(--_ctm-tab-dn-gt-cd-ts-ft-se-ic, var(--_ctm-dn-gt-cd-ts-ft-se-ic))
441
- );
442
- text-align: var(
443
- --_ctm-mob-dn-gt-cd-ts-tt-an,
444
- var(--_ctm-tab-dn-gt-cd-ts-tt-an, var(--_ctm-dn-gt-cd-ts-tt-an))
445
- );
281
+ font-family: var(--_ctm-mob-dn-gt-cd-ts-ft-fy,
282
+ var(--_ctm-tab-dn-gt-cd-ts-ft-fy, var(--_ctm-dn-gt-cd-ts-ft-fy)));
283
+ text-transform: var(--_ctm-mob-dn-gt-cd-ts-tt-tm,
284
+ var(--_ctm-tab-dn-gt-cd-ts-tt-tm, var(--_ctm-dn-gt-cd-ts-tt-tm)));
285
+ word-wrap: var(--_ctm-mob-dn-gt-cd-ts-wd-wp,
286
+ var(--_ctm-tab-dn-gt-cd-ts-wd-wp, var(--_ctm-dn-gt-cd-ts-wd-wp)));
287
+ word-break: var(--_ctm-mob-dn-gt-cd-ts-wd-bk,
288
+ var(--_ctm-tab-dn-gt-cd-ts-wd-bk, var(--_ctm-dn-gt-cd-ts-wd-bk)));
289
+ color: var(--_ctm-mob-dn-gt-cd-ts-cr,
290
+ var(--_ctm-tab-dn-gt-cd-ts-cr, var(--_ctm-dn-gt-cd-ts-cr)));
291
+ font-weight: var(--_ctm-mob-dn-gt-cd-ts-ft-wt,
292
+ var(--_ctm-tab-dn-gt-cd-ts-ft-wt, var(--_ctm-dn-gt-cd-ts-ft-wt)));
293
+ font-size: var(--_ctm-mob-dn-gt-cd-ts-ft-se,
294
+ var(--_ctm-tab-dn-gt-cd-ts-ft-se, var(--_ctm-dn-gt-cd-ts-ft-se)));
295
+ text-decoration: var(--_ctm-mob-dn-gt-cd-ts-ue,
296
+ var(--_ctm-tab-dn-gt-cd-ts-ue, var(--_ctm-dn-gt-cd-ts-ue)));
297
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-ts-lr-sg,
298
+ var(--_ctm-tab-dn-gt-cd-ts-lr-sg, var(--_ctm-dn-gt-cd-ts-lr-sg)));
299
+ line-height: var(--_ctm-mob-dn-gt-cd-ts-le-ht,
300
+ var(--_ctm-tab-dn-gt-cd-ts-le-ht, var(--_ctm-dn-gt-cd-ts-le-ht)));
301
+ font-style: var(--_ctm-mob-dn-gt-cd-ts-ft-se-ic,
302
+ var(--_ctm-tab-dn-gt-cd-ts-ft-se-ic, var(--_ctm-dn-gt-cd-ts-ft-se-ic)));
303
+ text-align: var(--_ctm-mob-dn-gt-cd-ts-tt-an,
304
+ var(--_ctm-tab-dn-gt-cd-ts-tt-an, var(--_ctm-dn-gt-cd-ts-tt-an)));
446
305
  }
306
+
447
307
  .denominations_grid {
448
308
  display: flex;
449
309
  // gap: 8px;
@@ -451,6 +311,7 @@
451
311
  margin-top: 12px;
452
312
  flex-direction: row;
453
313
  gap: 12px;
314
+
454
315
  // gap: var(
455
316
  // --_ctm-mob-dn-gt-cd-cd-dt-se-im-gp,
456
317
  // var(--_ctm-tab-dn-gt-cd-cd-dt-se-im-gp, var(--_ctm-dn-gt-cd-cd-dt-se-im-gp))
@@ -470,211 +331,137 @@
470
331
  // line-height: 150%;
471
332
  // background-color: #ffffff;
472
333
  // border: 1px solid #d6d6d6;
473
- background-color: var(
474
- --_ctm-mob-dn-gt-cd-cd-dt-se-bd-cr,
475
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-bd-cr, var(--_ctm-dn-gt-cd-cd-dt-se-bd-cr))
476
- );
477
- font-family: var(
478
- --_ctm-mob-dn-gt-cd-cd-dt-se-ft-fy,
479
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-fy, var(--_ctm-dn-gt-cd-cd-dt-se-ft-fy))
480
- );
481
- color: var(
482
- --_ctm-mob-dn-gt-cd-cd-dt-se-cr,
483
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-cr, var(--_ctm-dn-gt-cd-cd-dt-se-cr))
484
- );
485
- font-weight: var(
486
- --_ctm-mob-dn-gt-cd-cd-dt-se-ft-wt,
487
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-wt, var(--_ctm-dn-gt-cd-cd-dt-se-ft-wt))
488
- );
489
- font-size: var(
490
- --_ctm-mob-dn-gt-cd-cd-dt-se-ft-se,
491
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-se, var(--_ctm-dn-gt-cd-cd-dt-se-ft-se))
492
- );
493
- text-decoration: var(
494
- --_ctm-mob-dn-gt-cd-cd-dt-se-ue,
495
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-ue, var(--_ctm-dn-gt-cd-cd-dt-se-ue))
496
- );
497
- letter-spacing: var(
498
- --_ctm-mob-dn-gt-cd-cd-dt-se-lr-sg,
499
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-lr-sg, var(--_ctm-dn-gt-cd-cd-dt-se-lr-sg))
500
- );
501
- line-height: var(
502
- --_ctm-mob-dn-gt-cd-cd-dt-se-le-ht,
503
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-le-ht, var(--_ctm-dn-gt-cd-cd-dt-se-le-ht))
504
- );
505
- font-style: var(
506
- --_ctm-mob-dn-gt-cd-cd-dt-se-ft-se-ic,
507
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-se-ic, var(--_ctm-dn-gt-cd-cd-dt-se-ft-se-ic))
508
- );
509
- text-align: var(
510
- --_ctm-mob-dn-gt-cd-cd-dt-se-tt-an,
511
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-tt-an, var(--_ctm-dn-gt-cd-cd-dt-se-tt-an))
512
- );
513
- border-color: var(
514
- --_ctm-mob-dn-gt-cd-cd-dt-se-br-cr,
515
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-cr, var(--_ctm-dn-gt-cd-cd-dt-se-br-cr))
516
- );
517
- border-radius: var(
518
- --_ctm-mob-dn-gt-cd-cd-dt-se-br-rs,
519
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-rs, var(--_ctm-dn-gt-cd-cd-dt-se-br-rs))
520
- );
521
- border-style: var(
522
- --_ctm-mob-dn-gt-cd-cd-dt-se-br-se,
523
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-se, var(--_ctm-dn-gt-cd-cd-dt-se-br-se))
524
- );
525
- border-width: var(
526
- --_ctm-mob-dn-gt-cd-cd-dt-se-br-wh,
527
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-wh, var(--_ctm-dn-gt-cd-cd-dt-se-br-wh))
528
- );
529
- box-shadow: var(
530
- --_ctm-mob-dn-gt-cd-cd-dt-se-sw-ae,
531
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-ae, var(--_ctm-dn-gt-cd-cd-dt-se-sw-ae))
532
- )
533
- var(
534
- --_ctm-mob-dn-gt-cd-cd-dt-se-sw-br,
535
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-br, var(--_ctm-dn-gt-cd-cd-dt-se-sw-br))
536
- )
537
- var(
538
- --_ctm-mob-dn-gt-cd-cd-dt-se-sw-sd,
539
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-sd, var(--_ctm-dn-gt-cd-cd-dt-se-sw-sd))
540
- )
541
- var(
542
- --_ctm-mob-dn-gt-cd-cd-dt-se-sw-cr,
543
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-cr, var(--_ctm-dn-gt-cd-cd-dt-se-sw-cr))
544
- );
545
- padding: var(
546
- --_ctm-mob-dn-gt-cd-cd-dt-se-pg,
547
- var(--_ctm-tab-dn-gt-cd-cd-dt-se-pg, var(--_ctm-dn-gt-cd-cd-dt-se-pg))
548
- );
334
+ background-color: var(--_ctm-mob-dn-gt-cd-cd-dt-se-bd-cr,
335
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-bd-cr, var(--_ctm-dn-gt-cd-cd-dt-se-bd-cr)));
336
+ font-family: var(--_ctm-mob-dn-gt-cd-cd-dt-se-ft-fy,
337
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-fy, var(--_ctm-dn-gt-cd-cd-dt-se-ft-fy)));
338
+ text-transform: var(--_ctm-mob-dn-gt-cd-cd-dt-se-tt-tm,
339
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-tt-tm, var(--_ctm-dn-gt-cd-cd-dt-se-tt-tm)));
340
+ word-wrap: var(--_ctm-mob-dn-gt-cd-cd-dt-se-wd-wp,
341
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-wd-wp, var(--_ctm-dn-gt-cd-cd-dt-se-wd-wp)));
342
+ word-break: var(--_ctm-mob-dn-gt-cd-cd-dt-se-wd-bk,
343
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-wd-bk, var(--_ctm-dn-gt-cd-cd-dt-se-wd-bk)));
344
+
345
+ &.flex__overflow {
346
+ white-space: normal;
347
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
348
+ }
349
+
350
+ color: var(--_ctm-mob-dn-gt-cd-cd-dt-se-cr,
351
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-cr, var(--_ctm-dn-gt-cd-cd-dt-se-cr)));
352
+ font-weight: var(--_ctm-mob-dn-gt-cd-cd-dt-se-ft-wt,
353
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-wt, var(--_ctm-dn-gt-cd-cd-dt-se-ft-wt)));
354
+ font-size: var(--_ctm-mob-dn-gt-cd-cd-dt-se-ft-se,
355
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-se, var(--_ctm-dn-gt-cd-cd-dt-se-ft-se)));
356
+ text-decoration: var(--_ctm-mob-dn-gt-cd-cd-dt-se-ue,
357
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-ue, var(--_ctm-dn-gt-cd-cd-dt-se-ue)));
358
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-cd-dt-se-lr-sg,
359
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-lr-sg, var(--_ctm-dn-gt-cd-cd-dt-se-lr-sg)));
360
+ line-height: var(--_ctm-mob-dn-gt-cd-cd-dt-se-le-ht,
361
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-le-ht, var(--_ctm-dn-gt-cd-cd-dt-se-le-ht)));
362
+ font-style: var(--_ctm-mob-dn-gt-cd-cd-dt-se-ft-se-ic,
363
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-ft-se-ic, var(--_ctm-dn-gt-cd-cd-dt-se-ft-se-ic)));
364
+ text-align: var(--_ctm-mob-dn-gt-cd-cd-dt-se-tt-an,
365
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-tt-an, var(--_ctm-dn-gt-cd-cd-dt-se-tt-an)));
366
+ border-color: var(--_ctm-mob-dn-gt-cd-cd-dt-se-br-cr,
367
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-cr, var(--_ctm-dn-gt-cd-cd-dt-se-br-cr)));
368
+ border-radius: var(--_ctm-mob-dn-gt-cd-cd-dt-se-br-rs,
369
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-rs, var(--_ctm-dn-gt-cd-cd-dt-se-br-rs)));
370
+ border-style: var(--_ctm-mob-dn-gt-cd-cd-dt-se-br-se,
371
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-se, var(--_ctm-dn-gt-cd-cd-dt-se-br-se)));
372
+ border-width: var(--_ctm-mob-dn-gt-cd-cd-dt-se-br-wh,
373
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-br-wh, var(--_ctm-dn-gt-cd-cd-dt-se-br-wh)));
374
+ box-shadow: var(--_ctm-mob-dn-gt-cd-cd-dt-se-sw-ae,
375
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-ae, var(--_ctm-dn-gt-cd-cd-dt-se-sw-ae))) var(--_ctm-mob-dn-gt-cd-cd-dt-se-sw-br,
376
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-br, var(--_ctm-dn-gt-cd-cd-dt-se-sw-br))) var(--_ctm-mob-dn-gt-cd-cd-dt-se-sw-sd,
377
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-sd, var(--_ctm-dn-gt-cd-cd-dt-se-sw-sd))) var(--_ctm-mob-dn-gt-cd-cd-dt-se-sw-cr,
378
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-sw-cr, var(--_ctm-dn-gt-cd-cd-dt-se-sw-cr)));
379
+ padding: var(--_ctm-mob-dn-gt-cd-cd-dt-se-pg,
380
+ var(--_ctm-tab-dn-gt-cd-cd-dt-se-pg, var(--_ctm-dn-gt-cd-cd-dt-se-pg)));
381
+
549
382
  &.active {
550
- background-color: var(
551
- --_ctm-mob-dn-gt-cd-cd-sd-se-bd-cr,
552
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-bd-cr, var(--_ctm-dn-gt-cd-cd-sd-se-bd-cr))
553
- );
554
- font-family: var(
555
- --_ctm-mob-dn-gt-cd-cd-sd-se-ft-fy,
556
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-fy, var(--_ctm-dn-gt-cd-cd-sd-se-ft-fy))
557
- );
558
- color: var(
559
- --_ctm-mob-dn-gt-cd-cd-sd-se-cr,
560
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-cr, var(--_ctm-dn-gt-cd-cd-sd-se-cr))
561
- );
562
- font-weight: var(
563
- --_ctm-mob-dn-gt-cd-cd-sd-se-ft-wt,
564
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-wt, var(--_ctm-dn-gt-cd-cd-sd-se-ft-wt))
565
- );
566
- font-size: var(
567
- --_ctm-mob-dn-gt-cd-cd-sd-se-ft-se,
568
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-se, var(--_ctm-dn-gt-cd-cd-sd-se-ft-se))
569
- );
570
- text-decoration: var(
571
- --_ctm-mob-dn-gt-cd-cd-sd-se-ue,
572
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-ue, var(--_ctm-dn-gt-cd-cd-sd-se-ue))
573
- );
574
- letter-spacing: var(
575
- --_ctm-mob-dn-gt-cd-cd-sd-se-lr-sg,
576
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-lr-sg, var(--_ctm-dn-gt-cd-cd-sd-se-lr-sg))
577
- );
578
- line-height: var(
579
- --_ctm-mob-dn-gt-cd-cd-sd-se-le-ht,
580
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-le-ht, var(--_ctm-dn-gt-cd-cd-sd-se-le-ht))
581
- );
582
- font-style: var(
583
- --_ctm-mob-dn-gt-cd-cd-sd-se-ft-se-ic,
584
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-se-ic, var(--_ctm-dn-gt-cd-cd-sd-se-ft-se-ic))
585
- );
586
- text-align: var(
587
- --_ctm-mob-dn-gt-cd-cd-sd-se-tt-an,
588
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-tt-an, var(--_ctm-dn-gt-cd-cd-sd-se-tt-an))
589
- );
590
- border-color: var(
591
- --_ctm-mob-dn-gt-cd-cd-sd-se-br-cr,
592
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-cr, var(--_ctm-dn-gt-cd-cd-sd-se-br-cr))
593
- );
594
- border-radius: var(
595
- --_ctm-mob-dn-gt-cd-cd-sd-se-br-rs,
596
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-rs, var(--_ctm-dn-gt-cd-cd-sd-se-br-rs))
597
- );
598
- border-style: var(
599
- --_ctm-mob-dn-gt-cd-cd-sd-se-br-se,
600
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-se, var(--_ctm-dn-gt-cd-cd-sd-se-br-se))
601
- );
602
- border-width: var(
603
- --_ctm-mob-dn-gt-cd-cd-sd-se-br-wh,
604
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-wh, var(--_ctm-dn-gt-cd-cd-sd-se-br-wh))
605
- );
606
- box-shadow: var(
607
- --_ctm-mob-dn-gt-cd-cd-sd-se-sw-ae,
608
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-ae, var(--_ctm-dn-gt-cd-cd-sd-se-sw-ae))
609
- )
610
- var(
611
- --_ctm-mob-dn-gt-cd-cd-sd-se-sw-br,
612
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-br, var(--_ctm-dn-gt-cd-cd-sd-se-sw-br))
613
- )
614
- var(
615
- --_ctm-mob-dn-gt-cd-cd-sd-se-sw-sd,
616
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-sd, var(--_ctm-dn-gt-cd-cd-sd-se-sw-sd))
617
- )
618
- var(
619
- --_ctm-mob-dn-gt-cd-cd-sd-se-sw-cr,
620
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-cr, var(--_ctm-dn-gt-cd-cd-sd-se-sw-cr))
621
- );
622
- padding: var(
623
- --_ctm-mob-dn-gt-cd-cd-sd-se-pg,
624
- var(--_ctm-tab-dn-gt-cd-cd-sd-se-pg, var(--_ctm-dn-gt-cd-cd-sd-se-pg))
625
- );
383
+ background-color: var(--_ctm-mob-dn-gt-cd-cd-sd-se-bd-cr,
384
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-bd-cr, var(--_ctm-dn-gt-cd-cd-sd-se-bd-cr)));
385
+ font-family: var(--_ctm-mob-dn-gt-cd-cd-sd-se-ft-fy,
386
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-fy, var(--_ctm-dn-gt-cd-cd-sd-se-ft-fy)));
387
+ text-transform: var(--_ctm-mob-dn-gt-cd-cd-sd-se-tt-tm,
388
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-tt-tm, var(--_ctm-dn-gt-cd-cd-sd-se-tt-tm)));
389
+ word-wrap: var(--_ctm-mob-dn-gt-cd-cd-sd-se-wd-wp,
390
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-wd-wp, var(--_ctm-dn-gt-cd-cd-sd-se-wd-wp)));
391
+ word-break: var(--_ctm-mob-dn-gt-cd-cd-sd-se-wd-bk,
392
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-wd-bk, var(--_ctm-dn-gt-cd-cd-sd-se-wd-bk)));
393
+ color: var(--_ctm-mob-dn-gt-cd-cd-sd-se-cr,
394
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-cr, var(--_ctm-dn-gt-cd-cd-sd-se-cr)));
395
+ font-weight: var(--_ctm-mob-dn-gt-cd-cd-sd-se-ft-wt,
396
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-wt, var(--_ctm-dn-gt-cd-cd-sd-se-ft-wt)));
397
+ font-size: var(--_ctm-mob-dn-gt-cd-cd-sd-se-ft-se,
398
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-se, var(--_ctm-dn-gt-cd-cd-sd-se-ft-se)));
399
+ text-decoration: var(--_ctm-mob-dn-gt-cd-cd-sd-se-ue,
400
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-ue, var(--_ctm-dn-gt-cd-cd-sd-se-ue)));
401
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-cd-sd-se-lr-sg,
402
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-lr-sg, var(--_ctm-dn-gt-cd-cd-sd-se-lr-sg)));
403
+ line-height: var(--_ctm-mob-dn-gt-cd-cd-sd-se-le-ht,
404
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-le-ht, var(--_ctm-dn-gt-cd-cd-sd-se-le-ht)));
405
+ font-style: var(--_ctm-mob-dn-gt-cd-cd-sd-se-ft-se-ic,
406
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-ft-se-ic, var(--_ctm-dn-gt-cd-cd-sd-se-ft-se-ic)));
407
+ text-align: var(--_ctm-mob-dn-gt-cd-cd-sd-se-tt-an,
408
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-tt-an, var(--_ctm-dn-gt-cd-cd-sd-se-tt-an)));
409
+ border-color: var(--_ctm-mob-dn-gt-cd-cd-sd-se-br-cr,
410
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-cr, var(--_ctm-dn-gt-cd-cd-sd-se-br-cr)));
411
+ border-radius: var(--_ctm-mob-dn-gt-cd-cd-sd-se-br-rs,
412
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-rs, var(--_ctm-dn-gt-cd-cd-sd-se-br-rs)));
413
+ border-style: var(--_ctm-mob-dn-gt-cd-cd-sd-se-br-se,
414
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-se, var(--_ctm-dn-gt-cd-cd-sd-se-br-se)));
415
+ border-width: var(--_ctm-mob-dn-gt-cd-cd-sd-se-br-wh,
416
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-br-wh, var(--_ctm-dn-gt-cd-cd-sd-se-br-wh)));
417
+ box-shadow: var(--_ctm-mob-dn-gt-cd-cd-sd-se-sw-ae,
418
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-ae, var(--_ctm-dn-gt-cd-cd-sd-se-sw-ae))) var(--_ctm-mob-dn-gt-cd-cd-sd-se-sw-br,
419
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-br, var(--_ctm-dn-gt-cd-cd-sd-se-sw-br))) var(--_ctm-mob-dn-gt-cd-cd-sd-se-sw-sd,
420
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-sd, var(--_ctm-dn-gt-cd-cd-sd-se-sw-sd))) var(--_ctm-mob-dn-gt-cd-cd-sd-se-sw-cr,
421
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-sw-cr, var(--_ctm-dn-gt-cd-cd-sd-se-sw-cr)));
422
+ padding: var(--_ctm-mob-dn-gt-cd-cd-sd-se-pg,
423
+ var(--_ctm-tab-dn-gt-cd-cd-sd-se-pg, var(--_ctm-dn-gt-cd-cd-sd-se-pg)));
626
424
  // background-color: #f5f5f5;
627
425
  // border: 1px solid #3e4784;
628
426
  // color: #000080;
629
427
  }
630
428
  }
631
429
  }
430
+
632
431
  .custom_amount_container {
633
432
  display: flex;
634
433
  flex-direction: column;
635
434
  gap: 8px;
435
+
636
436
  .custom_amount_label {
637
- font-family: var(
638
- --_ctm-mob-dn-gt-cd-ls-ft-fy,
639
- var(--_ctm-tab-dn-gt-cd-ls-ft-fy, var(--_ctm-dn-gt-cd-ls-ft-fy))
640
- );
641
- color: var(
642
- --_ctm-mob-dn-gt-cd-ls-cr,
643
- var(--_ctm-tab-dn-gt-cd-ls-cr, var(--_ctm-dn-gt-cd-ls-cr))
644
- );
645
- font-weight: var(
646
- --_ctm-mob-dn-gt-cd-ls-ft-wt,
647
- var(--_ctm-tab-dn-gt-cd-ls-ft-wt, var(--_ctm-dn-gt-cd-ls-ft-wt))
648
- );
649
- font-size: var(
650
- --_ctm-mob-dn-gt-cd-ls-ft-se,
651
- var(--_ctm-tab-dn-gt-cd-ls-ft-se, var(--_ctm-dn-gt-cd-ls-ft-se))
652
- );
653
- text-decoration: var(
654
- --_ctm-mob-dn-gt-cd-ls-ue,
655
- var(--_ctm-tab-dn-gt-cd-ls-ue, var(--_ctm-dn-gt-cd-ls-ue))
656
- );
657
- letter-spacing: var(
658
- --_ctm-mob-dn-gt-cd-ls-lr-sg,
659
- var(--_ctm-tab-dn-gt-cd-ls-lr-sg, var(--_ctm-dn-gt-cd-ls-lr-sg))
660
- );
661
- line-height: var(
662
- --_ctm-mob-dn-gt-cd-ls-le-ht,
663
- var(--_ctm-tab-dn-gt-cd-ls-le-ht, var(--_ctm-dn-gt-cd-ls-le-ht))
664
- );
665
- font-style: var(
666
- --_ctm-mob-dn-gt-cd-ls-ft-se-ic,
667
- var(--_ctm-tab-dn-gt-cd-ls-ft-se-ic, var(--_ctm-dn-gt-cd-ls-ft-se-ic))
668
- );
669
- text-align: var(
670
- --_ctm-mob-dn-gt-cd-ls-tt-an,
671
- var(--_ctm-tab-dn-gt-cd-ls-tt-an, var(--_ctm-dn-gt-cd-ls-tt-an))
672
- );
673
- padding: var(
674
- --_ctm-mob-dn-gt-cd-ls-pg,
675
- var(--_ctm-tab-dn-gt-cd-ls-pg, var(--_ctm-dn-gt-cd-ls-pg))
676
- );
437
+ font-family: var(--_ctm-mob-dn-gt-cd-ls-ft-fy,
438
+ var(--_ctm-tab-dn-gt-cd-ls-ft-fy, var(--_ctm-dn-gt-cd-ls-ft-fy)));
439
+ text-transform: var(--_ctm-mob-dn-gt-cd-ls-tt-tm,
440
+ var(--_ctm-tab-dn-gt-cd-ls-tt-tm, var(--_ctm-dn-gt-cd-ls-tt-tm)));
441
+ word-wrap: var(--_ctm-mob-dn-gt-cd-ls-wd-wp,
442
+ var(--_ctm-tab-dn-gt-cd-ls-wd-wp, var(--_ctm-dn-gt-cd-ls-wd-wp)));
443
+ word-break: var(--_ctm-mob-dn-gt-cd-ls-wd-bk,
444
+ var(--_ctm-tab-dn-gt-cd-ls-wd-bk, var(--_ctm-dn-gt-cd-ls-wd-bk)));
445
+ color: var(--_ctm-mob-dn-gt-cd-ls-cr,
446
+ var(--_ctm-tab-dn-gt-cd-ls-cr, var(--_ctm-dn-gt-cd-ls-cr)));
447
+ font-weight: var(--_ctm-mob-dn-gt-cd-ls-ft-wt,
448
+ var(--_ctm-tab-dn-gt-cd-ls-ft-wt, var(--_ctm-dn-gt-cd-ls-ft-wt)));
449
+ font-size: var(--_ctm-mob-dn-gt-cd-ls-ft-se,
450
+ var(--_ctm-tab-dn-gt-cd-ls-ft-se, var(--_ctm-dn-gt-cd-ls-ft-se)));
451
+ text-decoration: var(--_ctm-mob-dn-gt-cd-ls-ue,
452
+ var(--_ctm-tab-dn-gt-cd-ls-ue, var(--_ctm-dn-gt-cd-ls-ue)));
453
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-ls-lr-sg,
454
+ var(--_ctm-tab-dn-gt-cd-ls-lr-sg, var(--_ctm-dn-gt-cd-ls-lr-sg)));
455
+ line-height: var(--_ctm-mob-dn-gt-cd-ls-le-ht,
456
+ var(--_ctm-tab-dn-gt-cd-ls-le-ht, var(--_ctm-dn-gt-cd-ls-le-ht)));
457
+ font-style: var(--_ctm-mob-dn-gt-cd-ls-ft-se-ic,
458
+ var(--_ctm-tab-dn-gt-cd-ls-ft-se-ic, var(--_ctm-dn-gt-cd-ls-ft-se-ic)));
459
+ text-align: var(--_ctm-mob-dn-gt-cd-ls-tt-an,
460
+ var(--_ctm-tab-dn-gt-cd-ls-tt-an, var(--_ctm-dn-gt-cd-ls-tt-an)));
461
+ padding: var(--_ctm-mob-dn-gt-cd-ls-pg,
462
+ var(--_ctm-tab-dn-gt-cd-ls-pg, var(--_ctm-dn-gt-cd-ls-pg)));
677
463
  }
464
+
678
465
  .custom_amount_input {
679
466
  height: 40px;
680
467
  display: flex;
@@ -685,37 +472,26 @@
685
472
  // background: #fff;
686
473
  // border: 1px solid #d0d5dd;
687
474
  // padding: 8px 12px;
688
- background-color: var(
689
- --_ctm-mob-dn-gt-cd-is-bd-cr,
690
- var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr))
691
- );
692
-
693
- border-color: var(
694
- --_ctm-mob-dn-gt-cd-is-br-cr,
695
- var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr))
696
- );
697
- border-radius: var(
698
- --_ctm-mob-dn-gt-cd-is-br-rs,
699
- var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs))
700
- );
701
- border-style: var(
702
- --_ctm-mob-dn-gt-cd-is-br-se,
703
- var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se))
704
- );
705
- border-width: var(
706
- --_ctm-mob-dn-gt-cd-is-br-wh,
707
- var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh))
708
- );
709
- padding: var(
710
- --_ctm-mob-dn-gt-cd-is-pg,
711
- var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg))
712
- );
475
+ background-color: var(--_ctm-mob-dn-gt-cd-is-bd-cr,
476
+ var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr)));
477
+
478
+ border-color: var(--_ctm-mob-dn-gt-cd-is-br-cr,
479
+ var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr)));
480
+ border-radius: var(--_ctm-mob-dn-gt-cd-is-br-rs,
481
+ var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs)));
482
+ border-style: var(--_ctm-mob-dn-gt-cd-is-br-se,
483
+ var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se)));
484
+ border-width: var(--_ctm-mob-dn-gt-cd-is-br-wh,
485
+ var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh)));
486
+ padding: var(--_ctm-mob-dn-gt-cd-is-pg,
487
+ var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg)));
713
488
  // width: 220px;
714
489
  transition:
715
490
  background-color 0.2s,
716
491
  color 0.2s,
717
492
  border-color 0.2s,
718
493
  box-shadow 0.2s;
494
+
719
495
  .svg_icon {
720
496
  color: var(--_gray-700);
721
497
  font-weight: 500;
@@ -723,52 +499,43 @@
723
499
  line-height: 24px;
724
500
  white-space: nowrap;
725
501
  }
502
+
726
503
  input {
727
504
  color: var(--_gray-700);
728
505
  margin-top: 2px;
506
+
729
507
  &::placeholder {
730
- font-family: var(
731
- --_ctm-mob-dn-gt-cd-is-ft-fy,
732
- var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy))
733
- );
734
- color: var(
735
- --_ctm-mob-dn-gt-cd-is-cr,
736
- var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr))
737
- );
738
- font-weight: var(
739
- --_ctm-mob-dn-gt-cd-is-ft-wt,
740
- var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt))
741
- );
742
- font-size: var(
743
- --_ctm-mob-dn-gt-cd-is-ft-se,
744
- var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se))
745
- );
746
- text-decoration: var(
747
- --_ctm-mob-dn-gt-cd-is-ue,
748
- var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue))
749
- );
750
- letter-spacing: var(
751
- --_ctm-mob-dn-gt-cd-is-lr-sg,
752
- var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg))
753
- );
754
- line-height: var(
755
- --_ctm-mob-dn-gt-cd-is-le-ht,
756
- var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht))
757
- );
758
- font-style: var(
759
- --_ctm-mob-dn-gt-cd-is-ft-se-ic,
760
- var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic))
761
- );
762
- text-align: var(
763
- --_ctm-mob-dn-gt-cd-is-tt-an,
764
- var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an))
765
- );
508
+ font-family: var(--_ctm-mob-dn-gt-cd-is-ft-fy,
509
+ var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy)));
510
+ text-transform: var(--_ctm-mob-dn-gt-cd-is-tt-tm,
511
+ var(--_ctm-tab-dn-gt-cd-is-tt-tm, var(--_ctm-dn-gt-cd-is-tt-tm)));
512
+ word-wrap: var(--_ctm-mob-dn-gt-cd-is-wd-wp,
513
+ var(--_ctm-tab-dn-gt-cd-is-wd-wp, var(--_ctm-dn-gt-cd-is-wd-wp)));
514
+ word-break: var(--_ctm-mob-dn-gt-cd-is-wd-bk,
515
+ var(--_ctm-tab-dn-gt-cd-is-wd-bk, var(--_ctm-dn-gt-cd-is-wd-bk)));
516
+ color: var(--_ctm-mob-dn-gt-cd-is-cr,
517
+ var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr)));
518
+ font-weight: var(--_ctm-mob-dn-gt-cd-is-ft-wt,
519
+ var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt)));
520
+ font-size: var(--_ctm-mob-dn-gt-cd-is-ft-se,
521
+ var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se)));
522
+ text-decoration: var(--_ctm-mob-dn-gt-cd-is-ue,
523
+ var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue)));
524
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-is-lr-sg,
525
+ var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg)));
526
+ line-height: var(--_ctm-mob-dn-gt-cd-is-le-ht,
527
+ var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht)));
528
+ font-style: var(--_ctm-mob-dn-gt-cd-is-ft-se-ic,
529
+ var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic)));
530
+ text-align: var(--_ctm-mob-dn-gt-cd-is-tt-an,
531
+ var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an)));
766
532
  // color: var(--_gray-500);
767
533
  // font-weight: 500;
768
534
  // font-size: 14px;
769
535
  // line-height: 24px;
770
536
  }
771
537
  }
538
+
772
539
  &:focus-within {
773
540
  outline: 0 none;
774
541
  outline-offset: 0;
@@ -780,13 +547,13 @@
780
547
  }
781
548
  }
782
549
  }
550
+
783
551
  .delivery_details_container {
784
552
  display: flex;
785
553
  flex-direction: column;
786
- gap: var(
787
- --_ctm-mob-dn-gt-cd-cd-wr-im-gp,
788
- var(--_ctm-tab-dn-gt-cd-cd-wr-im-gp, var(--_ctm-dn-gt-cd-cd-wr-im-gp))
789
- );
554
+ gap: var(--_ctm-mob-dn-gt-cd-cd-wr-im-gp,
555
+ var(--_ctm-tab-dn-gt-cd-cd-wr-im-gp, var(--_ctm-dn-gt-cd-cd-wr-im-gp)));
556
+
790
557
  .delivery_details_title {
791
558
  display: inline-block;
792
559
  // margin-top: 8px;
@@ -795,43 +562,38 @@
795
562
  // color: #000000;
796
563
  // font-weight: 500;
797
564
  // line-height: 150%;
798
- font-family: var(
799
- --_ctm-mob-dn-gt-cd-ts-ft-fy,
800
- var(--_ctm-tab-dn-gt-cd-ts-ft-fy, var(--_ctm-dn-gt-cd-ts-ft-fy))
801
- );
802
- color: var(
803
- --_ctm-mob-dn-gt-cd-ts-cr,
804
- var(--_ctm-tab-dn-gt-cd-ts-cr, var(--_ctm-dn-gt-cd-ts-cr))
805
- );
806
- font-weight: var(
807
- --_ctm-mob-dn-gt-cd-ts-ft-wt,
808
- var(--_ctm-tab-dn-gt-cd-ts-ft-wt, var(--_ctm-dn-gt-cd-ts-ft-wt))
809
- );
810
- font-size: var(
811
- --_ctm-mob-dn-gt-cd-ts-ft-se,
812
- var(--_ctm-tab-dn-gt-cd-ts-ft-se, var(--_ctm-dn-gt-cd-ts-ft-se))
813
- );
814
- text-decoration: var(
815
- --_ctm-mob-dn-gt-cd-ts-ue,
816
- var(--_ctm-tab-dn-gt-cd-ts-ue, var(--_ctm-dn-gt-cd-ts-ue))
817
- );
818
- letter-spacing: var(
819
- --_ctm-mob-dn-gt-cd-ts-lr-sg,
820
- var(--_ctm-tab-dn-gt-cd-ts-lr-sg, var(--_ctm-dn-gt-cd-ts-lr-sg))
821
- );
822
- line-height: var(
823
- --_ctm-mob-dn-gt-cd-ts-le-ht,
824
- var(--_ctm-tab-dn-gt-cd-ts-le-ht, var(--_ctm-dn-gt-cd-ts-le-ht))
825
- );
826
- font-style: var(
827
- --_ctm-mob-dn-gt-cd-ts-ft-se-ic,
828
- var(--_ctm-tab-dn-gt-cd-ts-ft-se-ic, var(--_ctm-dn-gt-cd-ts-ft-se-ic))
829
- );
830
- text-align: var(
831
- --_ctm-mob-dn-gt-cd-ts-tt-an,
832
- var(--_ctm-tab-dn-gt-cd-ts-tt-an, var(--_ctm-dn-gt-cd-ts-tt-an))
833
- );
565
+ font-family: var(--_ctm-mob-dn-gt-cd-ts-ft-fy,
566
+ var(--_ctm-tab-dn-gt-cd-ts-ft-fy, var(--_ctm-dn-gt-cd-ts-ft-fy)));
567
+ text-transform: var(--_ctm-mob-dn-gt-cd-ts-tt-tm,
568
+ var(--_ctm-tab-dn-gt-cd-ts-tt-tm, var(--_ctm-dn-gt-cd-ts-tt-tm)));
569
+ word-wrap: var(--_ctm-mob-dn-gt-cd-ts-wd-wp,
570
+ var(--_ctm-tab-dn-gt-cd-ts-wd-wp, var(--_ctm-dn-gt-cd-ts-wd-wp)));
571
+ word-break: var(--_ctm-mob-dn-gt-cd-ts-wd-bk,
572
+ var(--_ctm-tab-dn-gt-cd-ts-wd-bk, var(--_ctm-dn-gt-cd-ts-wd-bk)));
573
+
574
+ &.flex__overflow {
575
+ white-space: normal;
576
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
577
+ }
578
+
579
+ color: var(--_ctm-mob-dn-gt-cd-ts-cr,
580
+ var(--_ctm-tab-dn-gt-cd-ts-cr, var(--_ctm-dn-gt-cd-ts-cr)));
581
+ font-weight: var(--_ctm-mob-dn-gt-cd-ts-ft-wt,
582
+ var(--_ctm-tab-dn-gt-cd-ts-ft-wt, var(--_ctm-dn-gt-cd-ts-ft-wt)));
583
+ font-size: var(--_ctm-mob-dn-gt-cd-ts-ft-se,
584
+ var(--_ctm-tab-dn-gt-cd-ts-ft-se, var(--_ctm-dn-gt-cd-ts-ft-se)));
585
+ text-decoration: var(--_ctm-mob-dn-gt-cd-ts-ue,
586
+ var(--_ctm-tab-dn-gt-cd-ts-ue, var(--_ctm-dn-gt-cd-ts-ue)));
587
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-ts-lr-sg,
588
+ var(--_ctm-tab-dn-gt-cd-ts-lr-sg, var(--_ctm-dn-gt-cd-ts-lr-sg)));
589
+ line-height: var(--_ctm-mob-dn-gt-cd-ts-le-ht,
590
+ var(--_ctm-tab-dn-gt-cd-ts-le-ht, var(--_ctm-dn-gt-cd-ts-le-ht)));
591
+ font-style: var(--_ctm-mob-dn-gt-cd-ts-ft-se-ic,
592
+ var(--_ctm-tab-dn-gt-cd-ts-ft-se-ic, var(--_ctm-dn-gt-cd-ts-ft-se-ic)));
593
+ text-align: var(--_ctm-mob-dn-gt-cd-ts-tt-an,
594
+ var(--_ctm-tab-dn-gt-cd-ts-tt-an, var(--_ctm-dn-gt-cd-ts-tt-an)));
834
595
  }
596
+
835
597
  .horizontal_line {
836
598
  // border: 1px solid #d0d5dd;
837
599
  // display: block;
@@ -839,9 +601,9 @@
839
601
  // border-style: var(--_ctm-dn-gt-cd-dr-dr-se);
840
602
  // border-color: var(--_ctm-dn-gt-cd-dr-dr-cr);
841
603
  // border-width: var(--_ctm-dn-gt-cd-dr-dr-wh);
842
- border-top: var(--_ctm-dn-gt-cd-dr-dr-wh) var(--_ctm-dn-gt-cd-dr-dr-se)
843
- var(--_ctm-dn-gt-cd-dr-dr-cr);
604
+ border-top: var(--_ctm-dn-gt-cd-dr-dr-wh) var(--_ctm-dn-gt-cd-dr-dr-se) var(--_ctm-dn-gt-cd-dr-dr-cr);
844
605
  }
606
+
845
607
  .input_container {
846
608
  display: flex;
847
609
  flex-direction: column;
@@ -851,84 +613,66 @@
851
613
  &:last-child {
852
614
  margin-bottom: 0;
853
615
  }
616
+
854
617
  label {
855
618
  display: block;
856
- font-family: var(
857
- --_ctm-mob-dn-gt-cd-ls-ft-fy,
858
- var(--_ctm-tab-dn-gt-cd-ls-ft-fy, var(--_ctm-dn-gt-cd-ls-ft-fy))
859
- );
860
- color: var(
861
- --_ctm-mob-dn-gt-cd-ls-cr,
862
- var(--_ctm-tab-dn-gt-cd-ls-cr, var(--_ctm-dn-gt-cd-ls-cr))
863
- );
864
- font-weight: var(
865
- --_ctm-mob-dn-gt-cd-ls-ft-wt,
866
- var(--_ctm-tab-dn-gt-cd-ls-ft-wt, var(--_ctm-dn-gt-cd-ls-ft-wt))
867
- );
868
- font-size: var(
869
- --_ctm-mob-dn-gt-cd-ls-ft-se,
870
- var(--_ctm-tab-dn-gt-cd-ls-ft-se, var(--_ctm-dn-gt-cd-ls-ft-se))
871
- );
872
- text-decoration: var(
873
- --_ctm-mob-dn-gt-cd-ls-ue,
874
- var(--_ctm-tab-dn-gt-cd-ls-ue, var(--_ctm-dn-gt-cd-ls-ue))
875
- );
876
- letter-spacing: var(
877
- --_ctm-mob-dn-gt-cd-ls-lr-sg,
878
- var(--_ctm-tab-dn-gt-cd-ls-lr-sg, var(--_ctm-dn-gt-cd-ls-lr-sg))
879
- );
880
- line-height: var(
881
- --_ctm-mob-dn-gt-cd-ls-le-ht,
882
- var(--_ctm-tab-dn-gt-cd-ls-le-ht, var(--_ctm-dn-gt-cd-ls-le-ht))
883
- );
884
- font-style: var(
885
- --_ctm-mob-dn-gt-cd-ls-ft-se-ic,
886
- var(--_ctm-tab-dn-gt-cd-ls-ft-se-ic, var(--_ctm-dn-gt-cd-ls-ft-se-ic))
887
- );
888
- text-align: var(
889
- --_ctm-mob-dn-gt-cd-ls-tt-an,
890
- var(--_ctm-tab-dn-gt-cd-ls-tt-an, var(--_ctm-dn-gt-cd-ls-tt-an))
891
- );
892
- padding: var(
893
- --_ctm-mob-dn-gt-cd-ls-pg,
894
- var(--_ctm-tab-dn-gt-cd-ls-pg, var(--_ctm-dn-gt-cd-ls-pg))
895
- );
619
+ font-family: var(--_ctm-mob-dn-gt-cd-ls-ft-fy,
620
+ var(--_ctm-tab-dn-gt-cd-ls-ft-fy, var(--_ctm-dn-gt-cd-ls-ft-fy)));
621
+ text-transform: var(--_ctm-mob-dn-gt-cd-ls-tt-tm,
622
+ var(--_ctm-tab-dn-gt-cd-ls-tt-tm, var(--_ctm-dn-gt-cd-ls-tt-tm)));
623
+ word-wrap: var(--_ctm-mob-dn-gt-cd-ls-wd-wp,
624
+ var(--_ctm-tab-dn-gt-cd-ls-wd-wp, var(--_ctm-dn-gt-cd-ls-wd-wp)));
625
+ word-break: var(--_ctm-mob-dn-gt-cd-ls-wd-bk,
626
+ var(--_ctm-tab-dn-gt-cd-ls-wd-bk, var(--_ctm-dn-gt-cd-ls-wd-bk)));
627
+
628
+ &.flex__overflow {
629
+ white-space: normal;
630
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
631
+ }
632
+
633
+ color: var(--_ctm-mob-dn-gt-cd-ls-cr,
634
+ var(--_ctm-tab-dn-gt-cd-ls-cr, var(--_ctm-dn-gt-cd-ls-cr)));
635
+ font-weight: var(--_ctm-mob-dn-gt-cd-ls-ft-wt,
636
+ var(--_ctm-tab-dn-gt-cd-ls-ft-wt, var(--_ctm-dn-gt-cd-ls-ft-wt)));
637
+ font-size: var(--_ctm-mob-dn-gt-cd-ls-ft-se,
638
+ var(--_ctm-tab-dn-gt-cd-ls-ft-se, var(--_ctm-dn-gt-cd-ls-ft-se)));
639
+ text-decoration: var(--_ctm-mob-dn-gt-cd-ls-ue,
640
+ var(--_ctm-tab-dn-gt-cd-ls-ue, var(--_ctm-dn-gt-cd-ls-ue)));
641
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-ls-lr-sg,
642
+ var(--_ctm-tab-dn-gt-cd-ls-lr-sg, var(--_ctm-dn-gt-cd-ls-lr-sg)));
643
+ line-height: var(--_ctm-mob-dn-gt-cd-ls-le-ht,
644
+ var(--_ctm-tab-dn-gt-cd-ls-le-ht, var(--_ctm-dn-gt-cd-ls-le-ht)));
645
+ font-style: var(--_ctm-mob-dn-gt-cd-ls-ft-se-ic,
646
+ var(--_ctm-tab-dn-gt-cd-ls-ft-se-ic, var(--_ctm-dn-gt-cd-ls-ft-se-ic)));
647
+ text-align: var(--_ctm-mob-dn-gt-cd-ls-tt-an,
648
+ var(--_ctm-tab-dn-gt-cd-ls-tt-an, var(--_ctm-dn-gt-cd-ls-tt-an)));
649
+ padding: var(--_ctm-mob-dn-gt-cd-ls-pg,
650
+ var(--_ctm-tab-dn-gt-cd-ls-pg, var(--_ctm-dn-gt-cd-ls-pg)));
896
651
  // color: var(--_gray-700);
897
652
  // font-weight: 400;
898
653
  // font-size: 14px;
899
654
  // line-height: 20px;
900
655
  }
656
+
901
657
  .message_text {
902
658
  resize: none;
903
659
  // background-color: var(--_base-white);
904
660
  // padding: 5px 12px;
905
661
  // border: 1px solid var(--_gray-300);
906
662
  // border-radius: 4px;
907
- background-color: var(
908
- --_ctm-mob-dn-gt-cd-is-bd-cr,
909
- var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr))
910
- );
911
-
912
- border-color: var(
913
- --_ctm-mob-dn-gt-cd-is-br-cr,
914
- var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr))
915
- );
916
- border-radius: var(
917
- --_ctm-mob-dn-gt-cd-is-br-rs,
918
- var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs))
919
- );
920
- border-style: var(
921
- --_ctm-mob-dn-gt-cd-is-br-se,
922
- var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se))
923
- );
924
- border-width: var(
925
- --_ctm-mob-dn-gt-cd-is-br-wh,
926
- var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh))
927
- );
928
- padding: var(
929
- --_ctm-mob-dn-gt-cd-is-pg,
930
- var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg))
931
- );
663
+ background-color: var(--_ctm-mob-dn-gt-cd-is-bd-cr,
664
+ var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr)));
665
+
666
+ border-color: var(--_ctm-mob-dn-gt-cd-is-br-cr,
667
+ var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr)));
668
+ border-radius: var(--_ctm-mob-dn-gt-cd-is-br-rs,
669
+ var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs)));
670
+ border-style: var(--_ctm-mob-dn-gt-cd-is-br-se,
671
+ var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se)));
672
+ border-width: var(--_ctm-mob-dn-gt-cd-is-br-wh,
673
+ var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh)));
674
+ padding: var(--_ctm-mob-dn-gt-cd-is-pg,
675
+ var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg)));
932
676
  // margin-bottom: 8px;
933
677
  transition:
934
678
  background-color 0.2s,
@@ -936,48 +680,38 @@
936
680
  border-color 0.2s,
937
681
  box-shadow 0.2s;
938
682
  height: 90px;
683
+
939
684
  &::placeholder {
940
685
  // color: var(--_gray-500);
941
686
  // font-weight: 500;
942
687
  // font-size: 14px;
943
688
  // line-height: 24px;
944
- font-family: var(
945
- --_ctm-mob-dn-gt-cd-is-ft-fy,
946
- var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy))
947
- );
948
- color: var(
949
- --_ctm-mob-dn-gt-cd-is-cr,
950
- var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr))
951
- );
952
- font-weight: var(
953
- --_ctm-mob-dn-gt-cd-is-ft-wt,
954
- var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt))
955
- );
956
- font-size: var(
957
- --_ctm-mob-dn-gt-cd-is-ft-se,
958
- var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se))
959
- );
960
- text-decoration: var(
961
- --_ctm-mob-dn-gt-cd-is-ue,
962
- var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue))
963
- );
964
- letter-spacing: var(
965
- --_ctm-mob-dn-gt-cd-is-lr-sg,
966
- var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg))
967
- );
968
- line-height: var(
969
- --_ctm-mob-dn-gt-cd-is-le-ht,
970
- var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht))
971
- );
972
- font-style: var(
973
- --_ctm-mob-dn-gt-cd-is-ft-se-ic,
974
- var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic))
975
- );
976
- text-align: var(
977
- --_ctm-mob-dn-gt-cd-is-tt-an,
978
- var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an))
979
- );
689
+ font-family: var(--_ctm-mob-dn-gt-cd-is-ft-fy,
690
+ var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy)));
691
+ text-transform: var(--_ctm-mob-dn-gt-cd-is-tt-tm,
692
+ var(--_ctm-tab-dn-gt-cd-is-tt-tm, var(--_ctm-dn-gt-cd-is-tt-tm)));
693
+ word-wrap: var(--_ctm-mob-dn-gt-cd-is-wd-wp,
694
+ var(--_ctm-tab-dn-gt-cd-is-wd-wp, var(--_ctm-dn-gt-cd-is-wd-wp)));
695
+ word-break: var(--_ctm-mob-dn-gt-cd-is-wd-bk,
696
+ var(--_ctm-tab-dn-gt-cd-is-wd-bk, var(--_ctm-dn-gt-cd-is-wd-bk)));
697
+ color: var(--_ctm-mob-dn-gt-cd-is-cr,
698
+ var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr)));
699
+ font-weight: var(--_ctm-mob-dn-gt-cd-is-ft-wt,
700
+ var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt)));
701
+ font-size: var(--_ctm-mob-dn-gt-cd-is-ft-se,
702
+ var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se)));
703
+ text-decoration: var(--_ctm-mob-dn-gt-cd-is-ue,
704
+ var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue)));
705
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-is-lr-sg,
706
+ var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg)));
707
+ line-height: var(--_ctm-mob-dn-gt-cd-is-le-ht,
708
+ var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht)));
709
+ font-style: var(--_ctm-mob-dn-gt-cd-is-ft-se-ic,
710
+ var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic)));
711
+ text-align: var(--_ctm-mob-dn-gt-cd-is-tt-an,
712
+ var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an)));
980
713
  }
714
+
981
715
  &:focus {
982
716
  outline: 0 none;
983
717
  outline-offset: 0;
@@ -988,6 +722,7 @@
988
722
  border: 1px solid var(--_primary-300);
989
723
  }
990
724
  }
725
+
991
726
  input {
992
727
  // background-color: var(--_base-white);
993
728
  // padding: 8px 12px;
@@ -995,79 +730,57 @@
995
730
  // border-radius: 4px;
996
731
  height: 40px;
997
732
 
998
- background-color: var(
999
- --_ctm-mob-dn-gt-cd-is-bd-cr,
1000
- var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr))
1001
- );
1002
-
1003
- border-color: var(
1004
- --_ctm-mob-dn-gt-cd-is-br-cr,
1005
- var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr))
1006
- );
1007
- border-radius: var(
1008
- --_ctm-mob-dn-gt-cd-is-br-rs,
1009
- var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs))
1010
- );
1011
- border-style: var(
1012
- --_ctm-mob-dn-gt-cd-is-br-se,
1013
- var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se))
1014
- );
1015
- border-width: var(
1016
- --_ctm-mob-dn-gt-cd-is-br-wh,
1017
- var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh))
1018
- );
1019
- padding: var(
1020
- --_ctm-mob-dn-gt-cd-is-pg,
1021
- var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg))
1022
- );
733
+ background-color: var(--_ctm-mob-dn-gt-cd-is-bd-cr,
734
+ var(--_ctm-tab-dn-gt-cd-is-bd-cr, var(--_ctm-dn-gt-cd-is-bd-cr)));
735
+
736
+ border-color: var(--_ctm-mob-dn-gt-cd-is-br-cr,
737
+ var(--_ctm-tab-dn-gt-cd-is-br-cr, var(--_ctm-dn-gt-cd-is-br-cr)));
738
+ border-radius: var(--_ctm-mob-dn-gt-cd-is-br-rs,
739
+ var(--_ctm-tab-dn-gt-cd-is-br-rs, var(--_ctm-dn-gt-cd-is-br-rs)));
740
+ border-style: var(--_ctm-mob-dn-gt-cd-is-br-se,
741
+ var(--_ctm-tab-dn-gt-cd-is-br-se, var(--_ctm-dn-gt-cd-is-br-se)));
742
+ border-width: var(--_ctm-mob-dn-gt-cd-is-br-wh,
743
+ var(--_ctm-tab-dn-gt-cd-is-br-wh, var(--_ctm-dn-gt-cd-is-br-wh)));
744
+ padding: var(--_ctm-mob-dn-gt-cd-is-pg,
745
+ var(--_ctm-tab-dn-gt-cd-is-pg, var(--_ctm-dn-gt-cd-is-pg)));
1023
746
 
1024
747
  transition:
1025
748
  background-color 0.2s,
1026
749
  color 0.2s,
1027
750
  border-color 0.2s,
1028
751
  box-shadow 0.2s;
752
+
1029
753
  &::placeholder {
1030
754
  // color: var(--_gray-500);
1031
755
  // font-weight: 500;
1032
756
  // font-size: 14px;
1033
757
  // line-height: 24px;
1034
- font-family: var(
1035
- --_ctm-mob-dn-gt-cd-is-ft-fy,
1036
- var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy))
1037
- );
1038
- color: var(
1039
- --_ctm-mob-dn-gt-cd-is-cr,
1040
- var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr))
1041
- );
1042
- font-weight: var(
1043
- --_ctm-mob-dn-gt-cd-is-ft-wt,
1044
- var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt))
1045
- );
1046
- font-size: var(
1047
- --_ctm-mob-dn-gt-cd-is-ft-se,
1048
- var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se))
1049
- );
1050
- text-decoration: var(
1051
- --_ctm-mob-dn-gt-cd-is-ue,
1052
- var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue))
1053
- );
1054
- letter-spacing: var(
1055
- --_ctm-mob-dn-gt-cd-is-lr-sg,
1056
- var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg))
1057
- );
1058
- line-height: var(
1059
- --_ctm-mob-dn-gt-cd-is-le-ht,
1060
- var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht))
1061
- );
1062
- font-style: var(
1063
- --_ctm-mob-dn-gt-cd-is-ft-se-ic,
1064
- var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic))
1065
- );
1066
- text-align: var(
1067
- --_ctm-mob-dn-gt-cd-is-tt-an,
1068
- var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an))
1069
- );
758
+ font-family: var(--_ctm-mob-dn-gt-cd-is-ft-fy,
759
+ var(--_ctm-tab-dn-gt-cd-is-ft-fy, var(--_ctm-dn-gt-cd-is-ft-fy)));
760
+ text-transform: var(--_ctm-mob-dn-gt-cd-is-tt-tm,
761
+ var(--_ctm-tab-dn-gt-cd-is-tt-tm, var(--_ctm-dn-gt-cd-is-tt-tm)));
762
+ word-wrap: var(--_ctm-mob-dn-gt-cd-is-wd-wp,
763
+ var(--_ctm-tab-dn-gt-cd-is-wd-wp, var(--_ctm-dn-gt-cd-is-wd-wp)));
764
+ word-break: var(--_ctm-mob-dn-gt-cd-is-wd-bk,
765
+ var(--_ctm-tab-dn-gt-cd-is-wd-bk, var(--_ctm-dn-gt-cd-is-wd-bk)));
766
+ color: var(--_ctm-mob-dn-gt-cd-is-cr,
767
+ var(--_ctm-tab-dn-gt-cd-is-cr, var(--_ctm-dn-gt-cd-is-cr)));
768
+ font-weight: var(--_ctm-mob-dn-gt-cd-is-ft-wt,
769
+ var(--_ctm-tab-dn-gt-cd-is-ft-wt, var(--_ctm-dn-gt-cd-is-ft-wt)));
770
+ font-size: var(--_ctm-mob-dn-gt-cd-is-ft-se,
771
+ var(--_ctm-tab-dn-gt-cd-is-ft-se, var(--_ctm-dn-gt-cd-is-ft-se)));
772
+ text-decoration: var(--_ctm-mob-dn-gt-cd-is-ue,
773
+ var(--_ctm-tab-dn-gt-cd-is-ue, var(--_ctm-dn-gt-cd-is-ue)));
774
+ letter-spacing: var(--_ctm-mob-dn-gt-cd-is-lr-sg,
775
+ var(--_ctm-tab-dn-gt-cd-is-lr-sg, var(--_ctm-dn-gt-cd-is-lr-sg)));
776
+ line-height: var(--_ctm-mob-dn-gt-cd-is-le-ht,
777
+ var(--_ctm-tab-dn-gt-cd-is-le-ht, var(--_ctm-dn-gt-cd-is-le-ht)));
778
+ font-style: var(--_ctm-mob-dn-gt-cd-is-ft-se-ic,
779
+ var(--_ctm-tab-dn-gt-cd-is-ft-se-ic, var(--_ctm-dn-gt-cd-is-ft-se-ic)));
780
+ text-align: var(--_ctm-mob-dn-gt-cd-is-tt-an,
781
+ var(--_ctm-tab-dn-gt-cd-is-tt-an, var(--_ctm-dn-gt-cd-is-tt-an)));
1070
782
  }
783
+
1071
784
  &:focus {
1072
785
  outline: 0 none;
1073
786
  outline-offset: 0;
@@ -1078,6 +791,7 @@
1078
791
  border: 1px solid var(--_primary-300);
1079
792
  }
1080
793
  }
794
+
1081
795
  .error_text {
1082
796
  font-size: 12px;
1083
797
  color: var(--_error-500);
@@ -1086,600 +800,361 @@
1086
800
  }
1087
801
  }
1088
802
  }
803
+
1089
804
  .product-actual-price-container {
1090
805
  .product-actual-discount {
1091
806
  .discount-percentage {
1092
- background-color: var(
1093
- --_ctm-mob-dn-dt-bd-cr,
1094
- var(--_ctm-tab-dn-dt-bd-cr, var(--_ctm-dn-dt-bd-cr))
1095
- );
807
+ background-color: var(--_ctm-mob-dn-dt-bd-cr,
808
+ var(--_ctm-tab-dn-dt-bd-cr, var(--_ctm-dn-dt-bd-cr)));
1096
809
  color: var(--_ctm-mob-dn-dt-cr, var(--_ctm-tab-dn-dt-cr, var(--_ctm-dn-dt-cr)));
1097
- font-family: var(
1098
- --_ctm-mob-dn-dt-ft-fy,
1099
- var(--_ctm-tab-dn-dt-ft-fy, var(--_ctm-dn-dt-ft-fy))
1100
- );
1101
- font-size: var(
1102
- --_ctm-mob-dn-dt-ft-se,
1103
- var(--_ctm-tab-dn-dt-ft-se, var(--_ctm-dn-dt-ft-se))
1104
- );
1105
- font-weight: var(
1106
- --_ctm-mob-dn-dt-ft-wt,
1107
- var(--_ctm-tab-dn-dt-ft-wt, var(--_ctm-dn-dt-ft-wt))
1108
- );
1109
- font-style: var(
1110
- --_ctm-mob-dn-dt-ft-se-ic,
1111
- var(--_ctm-tab-dn-dt-ft-se-ic, var(--_ctm-dn-dt-ft-se-ic))
1112
- );
1113
- text-align: var(
1114
- --_ctm-mob-dn-dt-tt-an,
1115
- var(--_ctm-tab-dn-dt-tt-an, var(--_ctm-dn-dt-tt-an))
1116
- );
1117
- letter-spacing: var(
1118
- --_ctm-mob-dn-dt-lr-sg,
1119
- var(--_ctm-tab-dn-dt-lr-sg, var(--_ctm-dn-dt-lr-sg))
1120
- );
1121
- line-height: var(
1122
- --_ctm-mob-dn-dt-le-ht,
1123
- var(--_ctm-tab-dn-dt-le-ht, var(--_ctm-dn-dt-le-ht))
1124
- );
810
+ font-family: var(--_ctm-mob-dn-dt-ft-fy,
811
+ var(--_ctm-tab-dn-dt-ft-fy, var(--_ctm-dn-dt-ft-fy)));
812
+ text-transform: var(--_ctm-mob-dn-dt-tt-tm,
813
+ var(--_ctm-tab-dn-dt-tt-tm, var(--_ctm-dn-dt-tt-tm)));
814
+ word-wrap: var(--_ctm-mob-dn-dt-wd-wp,
815
+ var(--_ctm-tab-dn-dt-wd-wp, var(--_ctm-dn-dt-wd-wp)));
816
+ word-break: var(--_ctm-mob-dn-dt-wd-bk,
817
+ var(--_ctm-tab-dn-dt-wd-bk, var(--_ctm-dn-dt-wd-bk)));
818
+ font-size: var(--_ctm-mob-dn-dt-ft-se,
819
+ var(--_ctm-tab-dn-dt-ft-se, var(--_ctm-dn-dt-ft-se)));
820
+ font-weight: var(--_ctm-mob-dn-dt-ft-wt,
821
+ var(--_ctm-tab-dn-dt-ft-wt, var(--_ctm-dn-dt-ft-wt)));
822
+ font-style: var(--_ctm-mob-dn-dt-ft-se-ic,
823
+ var(--_ctm-tab-dn-dt-ft-se-ic, var(--_ctm-dn-dt-ft-se-ic)));
824
+ text-align: var(--_ctm-mob-dn-dt-tt-an,
825
+ var(--_ctm-tab-dn-dt-tt-an, var(--_ctm-dn-dt-tt-an)));
826
+ letter-spacing: var(--_ctm-mob-dn-dt-lr-sg,
827
+ var(--_ctm-tab-dn-dt-lr-sg, var(--_ctm-dn-dt-lr-sg)));
828
+ line-height: var(--_ctm-mob-dn-dt-le-ht,
829
+ var(--_ctm-tab-dn-dt-le-ht, var(--_ctm-dn-dt-le-ht)));
1125
830
  text-decoration: var(--_ctm-mob-dn-dt-ue, var(--_ctm-tab-dn-dt-ue, var(--_ctm-dn-dt-ue)));
1126
831
 
1127
- border-color: var(
1128
- --_show-border,
1129
- var(--_ctm-mob-dn-dt-br-cr, var(--_ctm-tab-dn-dt-br-cr, var(--_ctm-dn-dt-br-cr)))
1130
- );
1131
- border-style: var(
1132
- --_show-border,
1133
- var(--_ctm-mob-dn-dt-br-se, var(--_ctm-tab-dn-dt-br-se, var(--_ctm-dn-dt-br-se)))
1134
- );
1135
- border-width: var(
1136
- --_show-border,
1137
- var(--_ctm-mob-dn-dt-br-wh, var(--_ctm-tab-dn-dt-br-wh, var(--_ctm-dn-dt-br-wh)))
1138
- );
1139
- border-radius: var(
1140
- --_ctm-mob-dn-dt-br-rs,
1141
- var(--_ctm-tab-dn-dt-br-rs, var(--_ctm-dn-dt-br-rs))
1142
- );
1143
-
1144
- box-shadow: var(
1145
- --_show-shadow,
1146
- var(--_ctm-mob-dn-dt-sw-ae, var(--_ctm-tab-dn-dt-sw-ae, var(--_ctm-dn-dt-sw-ae)))
1147
- var(--_ctm-mob-dn-dt-sw-br, var(--_ctm-tab-dn-dt-sw-br, var(--_ctm-dn-dt-sw-br)))
1148
- var(--_ctm-mob-dn-dt-sw-sd, var(--_ctm-tab-dn-dt-sw-sd, var(--_ctm-dn-dt-sw-sd)))
1149
- var(--_ctm-mob-dn-dt-sw-cr, var(--_ctm-tab-dn-dt-sw-cr, var(--_ctm-dn-dt-sw-cr)))
1150
- );
832
+ border-color: var(--_show-border,
833
+ var(--_ctm-mob-dn-dt-br-cr, var(--_ctm-tab-dn-dt-br-cr, var(--_ctm-dn-dt-br-cr))));
834
+ border-style: var(--_show-border,
835
+ var(--_ctm-mob-dn-dt-br-se, var(--_ctm-tab-dn-dt-br-se, var(--_ctm-dn-dt-br-se))));
836
+ border-width: var(--_show-border,
837
+ var(--_ctm-mob-dn-dt-br-wh, var(--_ctm-tab-dn-dt-br-wh, var(--_ctm-dn-dt-br-wh))));
838
+ border-radius: var(--_ctm-mob-dn-dt-br-rs,
839
+ var(--_ctm-tab-dn-dt-br-rs, var(--_ctm-dn-dt-br-rs)));
840
+
841
+ box-shadow: var(--_show-shadow,
842
+ var(--_ctm-mob-dn-dt-sw-ae, var(--_ctm-tab-dn-dt-sw-ae, var(--_ctm-dn-dt-sw-ae))) var(--_ctm-mob-dn-dt-sw-br, var(--_ctm-tab-dn-dt-sw-br, var(--_ctm-dn-dt-sw-br))) var(--_ctm-mob-dn-dt-sw-sd, var(--_ctm-tab-dn-dt-sw-sd, var(--_ctm-dn-dt-sw-sd))) var(--_ctm-mob-dn-dt-sw-cr, var(--_ctm-tab-dn-dt-sw-cr, var(--_ctm-dn-dt-sw-cr))));
1151
843
  }
1152
844
 
1153
845
  .discount-value-percentage {
1154
- background-color: var(
1155
- --_ctm-mob-dn-dt-ve-bd-cr,
1156
- var(--_ctm-tab-dn-dt-ve-bd-cr, var(--_ctm-dn-dt-ve-bd-cr))
1157
- );
846
+ background-color: var(--_ctm-mob-dn-dt-ve-bd-cr,
847
+ var(--_ctm-tab-dn-dt-ve-bd-cr, var(--_ctm-dn-dt-ve-bd-cr)));
1158
848
  color: var(--_ctm-mob-dn-dt-ve-cr, var(--_ctm-tab-dn-dt-ve-cr, var(--_ctm-dn-dt-ve-cr)));
1159
- font-family: var(
1160
- --_ctm-mob-dn-dt-ve-ft-fy,
1161
- var(--_ctm-tab-dn-dt-ve-ft-fy, var(--_ctm-dn-dt-ve-ft-fy))
1162
- );
1163
- font-size: var(
1164
- --_ctm-mob-dn-dt-ve-ft-se,
1165
- var(--_ctm-tab-dn-dt-ve-ft-se, var(--_ctm-dn-dt-ve-ft-se))
1166
- );
1167
- font-weight: var(
1168
- --_ctm-mob-dn-dt-ve-ft-wt,
1169
- var(--_ctm-tab-dn-dt-ve-ft-wt, var(--_ctm-dn-dt-ve-ft-wt))
1170
- );
1171
- font-style: var(
1172
- --_ctm-mob-dn-dt-ve-ft-se-ic,
1173
- var(--_ctm-tab-dn-dt-ve-ft-se-ic, var(--_ctm-dn-dt-ve-ft-se-ic))
1174
- );
1175
- text-align: var(
1176
- --_ctm-mob-dn-dt-ve-tt-an,
1177
- var(--_ctm-tab-dn-dt-ve-tt-an, var(--_ctm-dn-dt-ve-tt-an))
1178
- );
1179
- letter-spacing: var(
1180
- --_ctm-mob-dn-dt-ve-lr-sg,
1181
- var(--_ctm-tab-dn-dt-ve-lr-sg, var(--_ctm-dn-dt-ve-lr-sg))
1182
- );
1183
- line-height: var(
1184
- --_ctm-mob-dn-dt-ve-le-ht,
1185
- var(--_ctm-tab-dn-dt-ve-le-ht, var(--_ctm-dn-dt-ve-le-ht))
1186
- );
1187
- text-decoration: var(
1188
- --_ctm-mob-dn-dt-ve-ue,
1189
- var(--_ctm-tab-dn-dt-ve-ue, var(--_ctm-dn-dt-ve-ue))
1190
- );
1191
-
1192
- border-color: var(
1193
- --_show-border,
1194
- var(
1195
- --_ctm-mob-dn-dt-ve-br-cr,
1196
- var(--_ctm-tab-dn-dt-ve-br-cr, var(--_ctm-dn-dt-ve-br-cr))
1197
- )
1198
- );
1199
- border-style: var(
1200
- --_show-border,
1201
- var(
1202
- --_ctm-mob-dn-dt-ve-br-se,
1203
- var(--_ctm-tab-dn-dt-ve-br-se, var(--_ctm-dn-dt-ve-br-se))
1204
- )
1205
- );
1206
- border-width: var(
1207
- --_show-border,
1208
- var(
1209
- --_ctm-mob-dn-dt-ve-br-wh,
1210
- var(--_ctm-tab-dn-dt-ve-br-wh, var(--_ctm-dn-dt-ve-br-wh))
1211
- )
1212
- );
1213
- border-radius: var(
1214
- --_ctm-mob-dn-dt-ve-br-rs,
1215
- var(--_ctm-tab-dn-dt-ve-br-rs, var(--_ctm-dn-dt-ve-br-rs))
1216
- );
1217
-
1218
- box-shadow: var(
1219
- --_show-shadow,
1220
- var(
1221
- --_ctm-mob-dn-dt-ve-sw-ae,
1222
- var(--_ctm-tab-dn-dt-ve-sw-ae, var(--_ctm-dn-dt-ve-sw-ae))
1223
- )
1224
- var(
1225
- --_ctm-mob-dn-dt-ve-sw-br,
1226
- var(--_ctm-tab-dn-dt-ve-sw-br, var(--_ctm-dn-dt-ve-sw-br))
1227
- )
1228
- var(
1229
- --_ctm-mob-dn-dt-ve-sw-sd,
1230
- var(--_ctm-tab-dn-dt-ve-sw-sd, var(--_ctm-dn-dt-ve-sw-sd))
1231
- )
1232
- var(
1233
- --_ctm-mob-dn-dt-ve-sw-cr,
1234
- var(--_ctm-tab-dn-dt-ve-sw-cr, var(--_ctm-dn-dt-ve-sw-cr))
1235
- )
1236
- );
849
+ font-family: var(--_ctm-mob-dn-dt-ve-ft-fy,
850
+ var(--_ctm-tab-dn-dt-ve-ft-fy, var(--_ctm-dn-dt-ve-ft-fy)));
851
+ text-transform: var(--_ctm-mob-dn-dt-ve-tt-tm,
852
+ var(--_ctm-tab-dn-dt-ve-tt-tm, var(--_ctm-dn-dt-ve-tt-tm)));
853
+ word-wrap: var(--_ctm-mob-dn-dt-ve-wd-wp,
854
+ var(--_ctm-tab-dn-dt-ve-wd-wp, var(--_ctm-dn-dt-ve-wd-wp)));
855
+ word-break: var(--_ctm-mob-dn-dt-ve-wd-bk,
856
+ var(--_ctm-tab-dn-dt-ve-wd-bk, var(--_ctm-dn-dt-ve-wd-bk)));
857
+ font-size: var(--_ctm-mob-dn-dt-ve-ft-se,
858
+ var(--_ctm-tab-dn-dt-ve-ft-se, var(--_ctm-dn-dt-ve-ft-se)));
859
+ font-weight: var(--_ctm-mob-dn-dt-ve-ft-wt,
860
+ var(--_ctm-tab-dn-dt-ve-ft-wt, var(--_ctm-dn-dt-ve-ft-wt)));
861
+ font-style: var(--_ctm-mob-dn-dt-ve-ft-se-ic,
862
+ var(--_ctm-tab-dn-dt-ve-ft-se-ic, var(--_ctm-dn-dt-ve-ft-se-ic)));
863
+ text-align: var(--_ctm-mob-dn-dt-ve-tt-an,
864
+ var(--_ctm-tab-dn-dt-ve-tt-an, var(--_ctm-dn-dt-ve-tt-an)));
865
+ letter-spacing: var(--_ctm-mob-dn-dt-ve-lr-sg,
866
+ var(--_ctm-tab-dn-dt-ve-lr-sg, var(--_ctm-dn-dt-ve-lr-sg)));
867
+ line-height: var(--_ctm-mob-dn-dt-ve-le-ht,
868
+ var(--_ctm-tab-dn-dt-ve-le-ht, var(--_ctm-dn-dt-ve-le-ht)));
869
+ text-decoration: var(--_ctm-mob-dn-dt-ve-ue,
870
+ var(--_ctm-tab-dn-dt-ve-ue, var(--_ctm-dn-dt-ve-ue)));
871
+
872
+ border-color: var(--_show-border,
873
+ var(--_ctm-mob-dn-dt-ve-br-cr,
874
+ var(--_ctm-tab-dn-dt-ve-br-cr, var(--_ctm-dn-dt-ve-br-cr))));
875
+ border-style: var(--_show-border,
876
+ var(--_ctm-mob-dn-dt-ve-br-se,
877
+ var(--_ctm-tab-dn-dt-ve-br-se, var(--_ctm-dn-dt-ve-br-se))));
878
+ border-width: var(--_show-border,
879
+ var(--_ctm-mob-dn-dt-ve-br-wh,
880
+ var(--_ctm-tab-dn-dt-ve-br-wh, var(--_ctm-dn-dt-ve-br-wh))));
881
+ border-radius: var(--_ctm-mob-dn-dt-ve-br-rs,
882
+ var(--_ctm-tab-dn-dt-ve-br-rs, var(--_ctm-dn-dt-ve-br-rs)));
883
+
884
+ box-shadow: var(--_show-shadow,
885
+ var(--_ctm-mob-dn-dt-ve-sw-ae,
886
+ var(--_ctm-tab-dn-dt-ve-sw-ae, var(--_ctm-dn-dt-ve-sw-ae))) var(--_ctm-mob-dn-dt-ve-sw-br,
887
+ var(--_ctm-tab-dn-dt-ve-sw-br, var(--_ctm-dn-dt-ve-sw-br))) var(--_ctm-mob-dn-dt-ve-sw-sd,
888
+ var(--_ctm-tab-dn-dt-ve-sw-sd, var(--_ctm-dn-dt-ve-sw-sd))) var(--_ctm-mob-dn-dt-ve-sw-cr,
889
+ var(--_ctm-tab-dn-dt-ve-sw-cr, var(--_ctm-dn-dt-ve-sw-cr))));
1237
890
  }
1238
891
  }
1239
892
  }
893
+
1240
894
  .product-actual-price {
1241
895
  .code-span {
1242
- background-color: var(
1243
- --_ctm-mob-dn-cy-ce-se-bd-cr,
1244
- var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
1245
- );
1246
- color: var(
1247
- --_ctm-mob-dn-cy-ce-se-cr,
1248
- var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
1249
- );
1250
- font-family: var(
1251
- --_ctm-mob-dn-cy-ce-se-ft-fy,
1252
- var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
1253
- );
1254
- font-size: var(
1255
- --_ctm-mob-dn-cy-ce-se-ft-se,
1256
- var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
1257
- );
1258
- font-weight: var(
1259
- --_ctm-mob-dn-cy-ce-se-ft-wt,
1260
- var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
1261
- );
1262
- font-style: var(
1263
- --_ctm-mob-dn-cy-ce-se-ft-se-ic,
1264
- var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
1265
- );
1266
- text-align: var(
1267
- --_ctm-mob-dn-cy-ce-se-tt-an,
1268
- var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
1269
- );
1270
- letter-spacing: var(
1271
- --_ctm-mob-dn-cy-ce-se-lr-sg,
1272
- var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
1273
- );
1274
- line-height: var(
1275
- --_ctm-mob-dn-cy-ce-se-le-ht,
1276
- var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
1277
- );
1278
- text-decoration: var(
1279
- --_ctm-mob-dn-cy-ce-se-ue,
1280
- var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
1281
- );
1282
-
1283
- border-color: var(
1284
- --_show-border,
1285
- var(
1286
- --_ctm-mob-dn-cy-ce-se-br-cr,
1287
- var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
1288
- )
1289
- );
1290
- border-style: var(
1291
- --_show-border,
1292
- var(
1293
- --_ctm-mob-dn-cy-ce-se-br-se,
1294
- var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
1295
- )
1296
- );
1297
- border-width: var(
1298
- --_show-border,
1299
- var(
1300
- --_ctm-mob-dn-cy-ce-se-br-wh,
1301
- var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
1302
- )
1303
- );
1304
- border-radius: var(
1305
- --_ctm-mob-dn-cy-ce-se-br-rs,
1306
- var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
1307
- );
1308
-
1309
- box-shadow: var(
1310
- --_show-shadow,
1311
- var(
1312
- --_ctm-mob-dn-cy-ce-se-sw-ae,
1313
- var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
1314
- )
1315
- var(
1316
- --_ctm-mob-dn-cy-ce-se-sw-br,
1317
- var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
1318
- )
1319
- var(
1320
- --_ctm-mob-dn-cy-ce-se-sw-sd,
1321
- var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
1322
- )
1323
- var(
1324
- --_ctm-mob-dn-cy-ce-se-sw-cr,
1325
- var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
1326
- )
1327
- );
896
+ background-color: var(--_ctm-mob-dn-cy-ce-se-bd-cr,
897
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr)));
898
+ color: var(--_ctm-mob-dn-cy-ce-se-cr,
899
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr)));
900
+ font-family: var(--_ctm-mob-dn-cy-ce-se-ft-fy,
901
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy)));
902
+ text-transform: var(--_ctm-mob-dn-cy-ce-se-tt-tm,
903
+ var(--_ctm-tab-dn-cy-ce-se-tt-tm, var(--_ctm-dn-cy-ce-se-tt-tm)));
904
+ word-wrap: var(--_ctm-mob-dn-cy-ce-se-wd-wp,
905
+ var(--_ctm-tab-dn-cy-ce-se-wd-wp, var(--_ctm-dn-cy-ce-se-wd-wp)));
906
+ word-break: var(--_ctm-mob-dn-cy-ce-se-wd-bk,
907
+ var(--_ctm-tab-dn-cy-ce-se-wd-bk, var(--_ctm-dn-cy-ce-se-wd-bk)));
908
+ font-size: var(--_ctm-mob-dn-cy-ce-se-ft-se,
909
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se)));
910
+ font-weight: var(--_ctm-mob-dn-cy-ce-se-ft-wt,
911
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt)));
912
+ font-style: var(--_ctm-mob-dn-cy-ce-se-ft-se-ic,
913
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic)));
914
+ text-align: var(--_ctm-mob-dn-cy-ce-se-tt-an,
915
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an)));
916
+ letter-spacing: var(--_ctm-mob-dn-cy-ce-se-lr-sg,
917
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg)));
918
+ line-height: var(--_ctm-mob-dn-cy-ce-se-le-ht,
919
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht)));
920
+ text-decoration: var(--_ctm-mob-dn-cy-ce-se-ue,
921
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue)));
922
+
923
+ border-color: var(--_show-border,
924
+ var(--_ctm-mob-dn-cy-ce-se-br-cr,
925
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))));
926
+ border-style: var(--_show-border,
927
+ var(--_ctm-mob-dn-cy-ce-se-br-se,
928
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))));
929
+ border-width: var(--_show-border,
930
+ var(--_ctm-mob-dn-cy-ce-se-br-wh,
931
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))));
932
+ border-radius: var(--_ctm-mob-dn-cy-ce-se-br-rs,
933
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs)));
934
+
935
+ box-shadow: var(--_show-shadow,
936
+ var(--_ctm-mob-dn-cy-ce-se-sw-ae,
937
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))) var(--_ctm-mob-dn-cy-ce-se-sw-br,
938
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))) var(--_ctm-mob-dn-cy-ce-se-sw-sd,
939
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))) var(--_ctm-mob-dn-cy-ce-se-sw-cr,
940
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))));
1328
941
  }
1329
942
 
1330
943
  .uom-span {
1331
- background-color: var(
1332
- --_ctm-mob-dn-um-se-bd-cr,
1333
- var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr))
1334
- );
944
+ background-color: var(--_ctm-mob-dn-um-se-bd-cr,
945
+ var(--_ctm-tab-dn-um-se-bd-cr, var(--_ctm-dn-um-se-bd-cr)));
1335
946
  color: var(--_ctm-mob-dn-um-se-cr, var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr)));
1336
- font-family: var(
1337
- --_ctm-mob-dn-um-se-ft-fy,
1338
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1339
- );
1340
- font-size: var(
1341
- --_ctm-mob-dn-um-se-ft-se,
1342
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1343
- );
1344
- font-weight: var(
1345
- --_ctm-mob-dn-um-se-ft-wt,
1346
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1347
- );
1348
- font-style: var(
1349
- --_ctm-mob-dn-um-se-ft-se-ic,
1350
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1351
- );
1352
- text-align: var(
1353
- --_ctm-mob-dn-um-se-tt-an,
1354
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1355
- );
1356
- letter-spacing: var(
1357
- --_ctm-mob-dn-um-se-lr-sg,
1358
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1359
- );
1360
- line-height: var(
1361
- --_ctm-mob-dn-um-se-le-ht,
1362
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1363
- );
1364
- text-decoration: var(
1365
- --_ctm-mob-dn-um-se-ue,
1366
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1367
- );
1368
-
1369
- border-color: var(
1370
- --_show-border,
1371
- var(--_ctm-mob-dn-um-se-br-cr, var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr)))
1372
- );
1373
- border-style: var(
1374
- --_show-border,
1375
- var(--_ctm-mob-dn-um-se-br-se, var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se)))
1376
- );
1377
- border-width: var(
1378
- --_show-border,
1379
- var(--_ctm-mob-dn-um-se-br-wh, var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh)))
1380
- );
1381
- border-radius: var(
1382
- --_ctm-mob-dn-um-se-br-rs,
1383
- var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs))
1384
- );
1385
-
1386
- box-shadow: var(
1387
- --_show-shadow,
1388
- var(--_ctm-mob-dn-um-se-sw-ae, var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae)))
1389
- var(
1390
- --_ctm-mob-dn-um-se-sw-br,
1391
- var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))
1392
- )
1393
- var(
1394
- --_ctm-mob-dn-um-se-sw-sd,
1395
- var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))
1396
- )
1397
- var(
1398
- --_ctm-mob-dn-um-se-sw-cr,
1399
- var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))
1400
- )
1401
- );
947
+ font-family: var(--_ctm-mob-dn-um-se-ft-fy,
948
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy)));
949
+ text-transform: var(--_ctm-mob-dn-um-se-tt-tm,
950
+ var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm)));
951
+ word-wrap: var(--_ctm-mob-dn-um-se-wd-wp,
952
+ var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp)));
953
+ word-break: var(--_ctm-mob-dn-um-se-wd-bk,
954
+ var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk)));
955
+ font-size: var(--_ctm-mob-dn-um-se-ft-se,
956
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se)));
957
+ font-weight: var(--_ctm-mob-dn-um-se-ft-wt,
958
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt)));
959
+ font-style: var(--_ctm-mob-dn-um-se-ft-se-ic,
960
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic)));
961
+ text-align: var(--_ctm-mob-dn-um-se-tt-an,
962
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an)));
963
+ letter-spacing: var(--_ctm-mob-dn-um-se-lr-sg,
964
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg)));
965
+ line-height: var(--_ctm-mob-dn-um-se-le-ht,
966
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht)));
967
+ text-decoration: var(--_ctm-mob-dn-um-se-ue,
968
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue)));
969
+
970
+ border-color: var(--_show-border,
971
+ var(--_ctm-mob-dn-um-se-br-cr, var(--_ctm-tab-dn-um-se-br-cr, var(--_ctm-dn-um-se-br-cr))));
972
+ border-style: var(--_show-border,
973
+ var(--_ctm-mob-dn-um-se-br-se, var(--_ctm-tab-dn-um-se-br-se, var(--_ctm-dn-um-se-br-se))));
974
+ border-width: var(--_show-border,
975
+ var(--_ctm-mob-dn-um-se-br-wh, var(--_ctm-tab-dn-um-se-br-wh, var(--_ctm-dn-um-se-br-wh))));
976
+ border-radius: var(--_ctm-mob-dn-um-se-br-rs,
977
+ var(--_ctm-tab-dn-um-se-br-rs, var(--_ctm-dn-um-se-br-rs)));
978
+
979
+ box-shadow: var(--_show-shadow,
980
+ var(--_ctm-mob-dn-um-se-sw-ae, var(--_ctm-tab-dn-um-se-sw-ae, var(--_ctm-dn-um-se-sw-ae))) var(--_ctm-mob-dn-um-se-sw-br,
981
+ var(--_ctm-tab-dn-um-se-sw-br, var(--_ctm-dn-um-se-sw-br))) var(--_ctm-mob-dn-um-se-sw-sd,
982
+ var(--_ctm-tab-dn-um-se-sw-sd, var(--_ctm-dn-um-se-sw-sd))) var(--_ctm-mob-dn-um-se-sw-cr,
983
+ var(--_ctm-tab-dn-um-se-sw-cr, var(--_ctm-dn-um-se-sw-cr))));
1402
984
  }
1403
985
  }
1404
986
 
1405
987
  .actual-price-span {
1406
- background-color: var(
1407
- --_ctm-mob-dn-al-pe-bd-cr,
1408
- var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
1409
- );
988
+ background-color: var(--_ctm-mob-dn-al-pe-bd-cr,
989
+ var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr)));
1410
990
  color: var(--_ctm-mob-dn-al-pe-cr, var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr)));
1411
- font-family: var(
1412
- --_ctm-mob-dn-al-pe-ft-fy,
1413
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1414
- );
1415
- font-size: var(
1416
- --_ctm-mob-dn-al-pe-ft-se,
1417
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1418
- );
1419
- font-weight: var(
1420
- --_ctm-mob-dn-al-pe-ft-wt,
1421
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1422
- );
1423
- font-style: var(
1424
- --_ctm-mob-dn-al-pe-ft-se-ic,
1425
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1426
- );
1427
- text-align: var(
1428
- --_ctm-mob-dn-al-pe-tt-an,
1429
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1430
- );
1431
- letter-spacing: var(
1432
- --_ctm-mob-dn-al-pe-lr-sg,
1433
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1434
- );
1435
- line-height: var(
1436
- --_ctm-mob-dn-al-pe-le-ht,
1437
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1438
- );
1439
- text-decoration: var(
1440
- --_ctm-mob-dn-al-pe-ue,
1441
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1442
- );
1443
-
1444
- border-color: var(
1445
- --_show-border,
1446
- var(--_ctm-mob-dn-al-pe-br-cr, var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr)))
1447
- );
1448
- border-style: var(
1449
- --_show-border,
1450
- var(--_ctm-mob-dn-al-pe-br-se, var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se)))
1451
- );
1452
- border-width: var(
1453
- --_show-border,
1454
- var(--_ctm-mob-dn-al-pe-br-wh, var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh)))
1455
- );
1456
- border-radius: var(
1457
- --_ctm-mob-dn-al-pe-br-rs,
1458
- var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
1459
- );
1460
-
1461
- box-shadow: var(
1462
- --_show-shadow,
1463
- var(--_ctm-mob-dn-al-pe-sw-ae, var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae)))
1464
- var(--_ctm-mob-dn-al-pe-sw-br, var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br)))
1465
- var(--_ctm-mob-dn-al-pe-sw-sd, var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd)))
1466
- var(--_ctm-mob-dn-al-pe-sw-cr, var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr)))
1467
- );
991
+ font-family: var(--_ctm-mob-dn-al-pe-ft-fy,
992
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy)));
993
+ text-transform: var(--_ctm-mob-dn-al-pe-tt-tm,
994
+ var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm)));
995
+ word-wrap: var(--_ctm-mob-dn-al-pe-wd-wp,
996
+ var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp)));
997
+ word-break: var(--_ctm-mob-dn-al-pe-wd-bk,
998
+ var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk)));
999
+ font-size: var(--_ctm-mob-dn-al-pe-ft-se,
1000
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se)));
1001
+ font-weight: var(--_ctm-mob-dn-al-pe-ft-wt,
1002
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt)));
1003
+ font-style: var(--_ctm-mob-dn-al-pe-ft-se-ic,
1004
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic)));
1005
+ text-align: var(--_ctm-mob-dn-al-pe-tt-an,
1006
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an)));
1007
+ letter-spacing: var(--_ctm-mob-dn-al-pe-lr-sg,
1008
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg)));
1009
+ line-height: var(--_ctm-mob-dn-al-pe-le-ht,
1010
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht)));
1011
+ text-decoration: var(--_ctm-mob-dn-al-pe-ue,
1012
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue)));
1013
+
1014
+ border-color: var(--_show-border,
1015
+ var(--_ctm-mob-dn-al-pe-br-cr, var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))));
1016
+ border-style: var(--_show-border,
1017
+ var(--_ctm-mob-dn-al-pe-br-se, var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))));
1018
+ border-width: var(--_show-border,
1019
+ var(--_ctm-mob-dn-al-pe-br-wh, var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))));
1020
+ border-radius: var(--_ctm-mob-dn-al-pe-br-rs,
1021
+ var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs)));
1022
+
1023
+ box-shadow: var(--_show-shadow,
1024
+ var(--_ctm-mob-dn-al-pe-sw-ae, var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))) var(--_ctm-mob-dn-al-pe-sw-br, var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))) var(--_ctm-mob-dn-al-pe-sw-sd, var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))) var(--_ctm-mob-dn-al-pe-sw-cr, var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))));
1468
1025
  }
1469
1026
 
1470
1027
  .savings-percent-span {
1471
- background-color: var(
1472
- --_ctm-mob-dn-ss-bd-cr,
1473
- var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
1474
- );
1028
+ background-color: var(--_ctm-mob-dn-ss-bd-cr,
1029
+ var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr)));
1475
1030
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1476
- font-family: var(
1477
- --_ctm-mob-dn-ss-ft-fy,
1478
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1479
- );
1031
+ font-family: var(--_ctm-mob-dn-ss-ft-fy,
1032
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy)));
1033
+ text-transform: var(--_ctm-mob-dn-ss-tt-tm,
1034
+ var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm)));
1035
+ word-wrap: var(--_ctm-mob-dn-ss-wd-wp,
1036
+ var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp)));
1037
+ word-break: var(--_ctm-mob-dn-ss-wd-bk,
1038
+ var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk)));
1480
1039
  font-size: var(--_ctm-mob-dn-ss-ft-se, var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se)));
1481
- font-weight: var(
1482
- --_ctm-mob-dn-ss-ft-wt,
1483
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1484
- );
1485
- font-style: var(
1486
- --_ctm-mob-dn-ss-ft-se-ic,
1487
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1488
- );
1040
+ font-weight: var(--_ctm-mob-dn-ss-ft-wt,
1041
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt)));
1042
+ font-style: var(--_ctm-mob-dn-ss-ft-se-ic,
1043
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic)));
1489
1044
  text-align: var(--_ctm-mob-dn-ss-tt-an, var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an)));
1490
- letter-spacing: var(
1491
- --_ctm-mob-dn-ss-lr-sg,
1492
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1493
- );
1494
- line-height: var(
1495
- --_ctm-mob-dn-ss-le-ht,
1496
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1497
- );
1045
+ letter-spacing: var(--_ctm-mob-dn-ss-lr-sg,
1046
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg)));
1047
+ line-height: var(--_ctm-mob-dn-ss-le-ht,
1048
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht)));
1498
1049
  text-decoration: var(--_ctm-mob-dn-ss-ue, var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue)));
1499
1050
 
1500
- border-color: var(
1501
- --_show-border,
1502
- var(--_ctm-mob-dn-ss-br-cr, var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr)))
1503
- );
1504
- border-style: var(
1505
- --_show-border,
1506
- var(--_ctm-mob-dn-ss-br-se, var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se)))
1507
- );
1508
- border-width: var(
1509
- --_show-border,
1510
- var(--_ctm-mob-dn-ss-br-wh, var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh)))
1511
- );
1512
- border-radius: var(
1513
- --_ctm-mob-dn-ss-br-rs,
1514
- var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
1515
- );
1516
-
1517
- box-shadow: var(
1518
- --_show-shadow,
1519
- var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
1520
- var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
1521
- var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
1522
- var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
1523
- );
1051
+ border-color: var(--_show-border,
1052
+ var(--_ctm-mob-dn-ss-br-cr, var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))));
1053
+ border-style: var(--_show-border,
1054
+ var(--_ctm-mob-dn-ss-br-se, var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))));
1055
+ border-width: var(--_show-border,
1056
+ var(--_ctm-mob-dn-ss-br-wh, var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))));
1057
+ border-radius: var(--_ctm-mob-dn-ss-br-rs,
1058
+ var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs)));
1059
+
1060
+ box-shadow: var(--_show-shadow,
1061
+ var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae))) var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br))) var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd))) var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr))));
1524
1062
  }
1063
+
1525
1064
  .savings-value-span {
1526
1065
  padding: var(--_ctm-mob-dn-ss-ve-pg, var(--_ctm-tab-dn-ss-ve-pg, var(--_ctm-dn-ss-ve-pg)));
1527
1066
 
1528
- background-color: var(
1529
- --_ctm-mob-dn-ss-ve-bd-cr,
1530
- var(--_ctm-tab-dn-ss-ve-bd-cr, var(--_ctm-dn-ss-ve-bd-cr))
1531
- );
1067
+ background-color: var(--_ctm-mob-dn-ss-ve-bd-cr,
1068
+ var(--_ctm-tab-dn-ss-ve-bd-cr, var(--_ctm-dn-ss-ve-bd-cr)));
1532
1069
  color: var(--_ctm-mob-dn-ss-ve-cr, var(--_ctm-tab-dn-ss-ve-cr, var(--_ctm-dn-ss-ve-cr)));
1533
- font-family: var(
1534
- --_ctm-mob-dn-ss-ve-ft-fy,
1535
- var(--_ctm-tab-dn-ss-ve-ft-fy, var(--_ctm-dn-ss-ve-ft-fy))
1536
- );
1537
- font-size: var(
1538
- --_ctm-mob-dn-ss-ve-ft-se,
1539
- var(--_ctm-tab-dn-ss-ve-ft-se, var(--_ctm-dn-ss-ve-ft-se))
1540
- );
1541
- font-weight: var(
1542
- --_ctm-mob-dn-ss-ve-ft-wt,
1543
- var(--_ctm-tab-dn-ss-ve-ft-wt, var(--_ctm-dn-ss-ve-ft-wt))
1544
- );
1545
- font-style: var(
1546
- --_ctm-mob-dn-ss-ve-ft-se-ic,
1547
- var(--_ctm-tab-dn-ss-ve-ft-se-ic, var(--_ctm-dn-ss-ve-ft-se-ic))
1548
- );
1549
- text-align: var(
1550
- --_ctm-mob-dn-ss-ve-tt-an,
1551
- var(--_ctm-tab-dn-ss-ve-tt-an, var(--_ctm-dn-ss-ve-tt-an))
1552
- );
1553
- letter-spacing: var(
1554
- --_ctm-mob-dn-ss-ve-lr-sg,
1555
- var(--_ctm-tab-dn-ss-ve-lr-sg, var(--_ctm-dn-ss-ve-lr-sg))
1556
- );
1557
- line-height: var(
1558
- --_ctm-mob-dn-ss-ve-le-ht,
1559
- var(--_ctm-tab-dn-ss-ve-le-ht, var(--_ctm-dn-ss-ve-le-ht))
1560
- );
1561
- text-decoration: var(
1562
- --_ctm-mob-dn-ss-ve-ue,
1563
- var(--_ctm-tab-dn-ss-ve-ue, var(--_ctm-dn-ss-ve-ue))
1564
- );
1565
-
1566
- border-color: var(
1567
- --_show-border,
1568
- var(--_ctm-mob-dn-ss-ve-br-cr, var(--_ctm-tab-dn-ss-ve-br-cr, var(--_ctm-dn-ss-ve-br-cr)))
1569
- );
1570
- border-style: var(
1571
- --_show-border,
1572
- var(--_ctm-mob-dn-ss-ve-br-se, var(--_ctm-tab-dn-ss-ve-br-se, var(--_ctm-dn-ss-ve-br-se)))
1573
- );
1574
- border-width: var(
1575
- --_show-border,
1576
- var(--_ctm-mob-dn-ss-ve-br-wh, var(--_ctm-tab-dn-ss-ve-br-wh, var(--_ctm-dn-ss-ve-br-wh)))
1577
- );
1578
- border-radius: var(
1579
- --_ctm-mob-dn-ss-ve-br-rs,
1580
- var(--_ctm-tab-dn-ss-ve-br-rs, var(--_ctm-dn-ss-ve-br-rs))
1581
- );
1582
-
1583
- box-shadow: var(
1584
- --_show-shadow,
1585
- var(--_ctm-mob-dn-ss-ve-sw-ae, var(--_ctm-tab-dn-ss-ve-sw-ae, var(--_ctm-dn-ss-ve-sw-ae)))
1586
- var(--_ctm-mob-dn-ss-ve-sw-br, var(--_ctm-tab-dn-ss-ve-sw-br, var(--_ctm-dn-ss-ve-sw-br)))
1587
- var(--_ctm-mob-dn-ss-ve-sw-sd, var(--_ctm-tab-dn-ss-ve-sw-sd, var(--_ctm-dn-ss-ve-sw-sd)))
1588
- var(--_ctm-mob-dn-ss-ve-sw-cr, var(--_ctm-tab-dn-ss-ve-sw-cr, var(--_ctm-dn-ss-ve-sw-cr)))
1589
- );
1070
+ font-family: var(--_ctm-mob-dn-ss-ve-ft-fy,
1071
+ var(--_ctm-tab-dn-ss-ve-ft-fy, var(--_ctm-dn-ss-ve-ft-fy)));
1072
+ text-transform: var(--_ctm-mob-dn-ss-ve-tt-tm,
1073
+ var(--_ctm-tab-dn-ss-ve-tt-tm, var(--_ctm-dn-ss-ve-tt-tm)));
1074
+ word-wrap: var(--_ctm-mob-dn-ss-ve-wd-wp,
1075
+ var(--_ctm-tab-dn-ss-ve-wd-wp, var(--_ctm-dn-ss-ve-wd-wp)));
1076
+ word-break: var(--_ctm-mob-dn-ss-ve-wd-bk,
1077
+ var(--_ctm-tab-dn-ss-ve-wd-bk, var(--_ctm-dn-ss-ve-wd-bk)));
1078
+ font-size: var(--_ctm-mob-dn-ss-ve-ft-se,
1079
+ var(--_ctm-tab-dn-ss-ve-ft-se, var(--_ctm-dn-ss-ve-ft-se)));
1080
+ font-weight: var(--_ctm-mob-dn-ss-ve-ft-wt,
1081
+ var(--_ctm-tab-dn-ss-ve-ft-wt, var(--_ctm-dn-ss-ve-ft-wt)));
1082
+ font-style: var(--_ctm-mob-dn-ss-ve-ft-se-ic,
1083
+ var(--_ctm-tab-dn-ss-ve-ft-se-ic, var(--_ctm-dn-ss-ve-ft-se-ic)));
1084
+ text-align: var(--_ctm-mob-dn-ss-ve-tt-an,
1085
+ var(--_ctm-tab-dn-ss-ve-tt-an, var(--_ctm-dn-ss-ve-tt-an)));
1086
+ letter-spacing: var(--_ctm-mob-dn-ss-ve-lr-sg,
1087
+ var(--_ctm-tab-dn-ss-ve-lr-sg, var(--_ctm-dn-ss-ve-lr-sg)));
1088
+ line-height: var(--_ctm-mob-dn-ss-ve-le-ht,
1089
+ var(--_ctm-tab-dn-ss-ve-le-ht, var(--_ctm-dn-ss-ve-le-ht)));
1090
+ text-decoration: var(--_ctm-mob-dn-ss-ve-ue,
1091
+ var(--_ctm-tab-dn-ss-ve-ue, var(--_ctm-dn-ss-ve-ue)));
1092
+
1093
+ border-color: var(--_show-border,
1094
+ var(--_ctm-mob-dn-ss-ve-br-cr, var(--_ctm-tab-dn-ss-ve-br-cr, var(--_ctm-dn-ss-ve-br-cr))));
1095
+ border-style: var(--_show-border,
1096
+ var(--_ctm-mob-dn-ss-ve-br-se, var(--_ctm-tab-dn-ss-ve-br-se, var(--_ctm-dn-ss-ve-br-se))));
1097
+ border-width: var(--_show-border,
1098
+ var(--_ctm-mob-dn-ss-ve-br-wh, var(--_ctm-tab-dn-ss-ve-br-wh, var(--_ctm-dn-ss-ve-br-wh))));
1099
+ border-radius: var(--_ctm-mob-dn-ss-ve-br-rs,
1100
+ var(--_ctm-tab-dn-ss-ve-br-rs, var(--_ctm-dn-ss-ve-br-rs)));
1101
+
1102
+ box-shadow: var(--_show-shadow,
1103
+ var(--_ctm-mob-dn-ss-ve-sw-ae, var(--_ctm-tab-dn-ss-ve-sw-ae, var(--_ctm-dn-ss-ve-sw-ae))) var(--_ctm-mob-dn-ss-ve-sw-br, var(--_ctm-tab-dn-ss-ve-sw-br, var(--_ctm-dn-ss-ve-sw-br))) var(--_ctm-mob-dn-ss-ve-sw-sd, var(--_ctm-tab-dn-ss-ve-sw-sd, var(--_ctm-dn-ss-ve-sw-sd))) var(--_ctm-mob-dn-ss-ve-sw-cr, var(--_ctm-tab-dn-ss-ve-sw-cr, var(--_ctm-dn-ss-ve-sw-cr))));
1590
1104
  }
1105
+
1591
1106
  .product-savings {
1592
1107
  .product-savings-wrapper {
1593
1108
  .code-span {
1594
- background-color: var(
1595
- --_ctm-mob-dn-cy-ce-se-bd-cr,
1596
- var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr))
1597
- );
1598
- color: var(
1599
- --_ctm-mob-dn-cy-ce-se-cr,
1600
- var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr))
1601
- );
1602
- font-family: var(
1603
- --_ctm-mob-dn-cy-ce-se-ft-fy,
1604
- var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy))
1605
- );
1606
- font-size: var(
1607
- --_ctm-mob-dn-cy-ce-se-ft-se,
1608
- var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se))
1609
- );
1610
- font-weight: var(
1611
- --_ctm-mob-dn-cy-ce-se-ft-wt,
1612
- var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt))
1613
- );
1614
- font-style: var(
1615
- --_ctm-mob-dn-cy-ce-se-ft-se-ic,
1616
- var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic))
1617
- );
1618
- text-align: var(
1619
- --_ctm-mob-dn-cy-ce-se-tt-an,
1620
- var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an))
1621
- );
1622
- letter-spacing: var(
1623
- --_ctm-mob-dn-cy-ce-se-lr-sg,
1624
- var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg))
1625
- );
1626
- line-height: var(
1627
- --_ctm-mob-dn-cy-ce-se-le-ht,
1628
- var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht))
1629
- );
1630
- text-decoration: var(
1631
- --_ctm-mob-dn-cy-ce-se-ue,
1632
- var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue))
1633
- );
1634
-
1635
- border-color: var(
1636
- --_show-border,
1637
- var(
1638
- --_ctm-mob-dn-cy-ce-se-br-cr,
1639
- var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))
1640
- )
1641
- );
1642
- border-style: var(
1643
- --_show-border,
1644
- var(
1645
- --_ctm-mob-dn-cy-ce-se-br-se,
1646
- var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))
1647
- )
1648
- );
1649
- border-width: var(
1650
- --_show-border,
1651
- var(
1652
- --_ctm-mob-dn-cy-ce-se-br-wh,
1653
- var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))
1654
- )
1655
- );
1656
- border-radius: var(
1657
- --_ctm-mob-dn-cy-ce-se-br-rs,
1658
- var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs))
1659
- );
1660
-
1661
- box-shadow: var(
1662
- --_show-shadow,
1663
- var(
1664
- --_ctm-mob-dn-cy-ce-se-sw-ae,
1665
- var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))
1666
- )
1667
- var(
1668
- --_ctm-mob-dn-cy-ce-se-sw-br,
1669
- var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))
1670
- )
1671
- var(
1672
- --_ctm-mob-dn-cy-ce-se-sw-sd,
1673
- var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))
1674
- )
1675
- var(
1676
- --_ctm-mob-dn-cy-ce-se-sw-cr,
1677
- var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))
1678
- )
1679
- );
1109
+ background-color: var(--_ctm-mob-dn-cy-ce-se-bd-cr,
1110
+ var(--_ctm-tab-dn-cy-ce-se-bd-cr, var(--_ctm-dn-cy-ce-se-bd-cr)));
1111
+ color: var(--_ctm-mob-dn-cy-ce-se-cr,
1112
+ var(--_ctm-tab-dn-cy-ce-se-cr, var(--_ctm-dn-cy-ce-se-cr)));
1113
+ font-family: var(--_ctm-mob-dn-cy-ce-se-ft-fy,
1114
+ var(--_ctm-tab-dn-cy-ce-se-ft-fy, var(--_ctm-dn-cy-ce-se-ft-fy)));
1115
+ text-transform: var(--_ctm-mob-dn-cy-ce-se-tt-tm,
1116
+ var(--_ctm-tab-dn-cy-ce-se-tt-tm, var(--_ctm-dn-cy-ce-se-tt-tm)));
1117
+ word-wrap: var(--_ctm-mob-dn-cy-ce-se-wd-wp,
1118
+ var(--_ctm-tab-dn-cy-ce-se-wd-wp, var(--_ctm-dn-cy-ce-se-wd-wp)));
1119
+ word-break: var(--_ctm-mob-dn-cy-ce-se-wd-bk,
1120
+ var(--_ctm-tab-dn-cy-ce-se-wd-bk, var(--_ctm-dn-cy-ce-se-wd-bk)));
1121
+ font-size: var(--_ctm-mob-dn-cy-ce-se-ft-se,
1122
+ var(--_ctm-tab-dn-cy-ce-se-ft-se, var(--_ctm-dn-cy-ce-se-ft-se)));
1123
+ font-weight: var(--_ctm-mob-dn-cy-ce-se-ft-wt,
1124
+ var(--_ctm-tab-dn-cy-ce-se-ft-wt, var(--_ctm-dn-cy-ce-se-ft-wt)));
1125
+ font-style: var(--_ctm-mob-dn-cy-ce-se-ft-se-ic,
1126
+ var(--_ctm-tab-dn-cy-ce-se-ft-se-ic, var(--_ctm-dn-cy-ce-se-ft-se-ic)));
1127
+ text-align: var(--_ctm-mob-dn-cy-ce-se-tt-an,
1128
+ var(--_ctm-tab-dn-cy-ce-se-tt-an, var(--_ctm-dn-cy-ce-se-tt-an)));
1129
+ letter-spacing: var(--_ctm-mob-dn-cy-ce-se-lr-sg,
1130
+ var(--_ctm-tab-dn-cy-ce-se-lr-sg, var(--_ctm-dn-cy-ce-se-lr-sg)));
1131
+ line-height: var(--_ctm-mob-dn-cy-ce-se-le-ht,
1132
+ var(--_ctm-tab-dn-cy-ce-se-le-ht, var(--_ctm-dn-cy-ce-se-le-ht)));
1133
+ text-decoration: var(--_ctm-mob-dn-cy-ce-se-ue,
1134
+ var(--_ctm-tab-dn-cy-ce-se-ue, var(--_ctm-dn-cy-ce-se-ue)));
1135
+
1136
+ border-color: var(--_show-border,
1137
+ var(--_ctm-mob-dn-cy-ce-se-br-cr,
1138
+ var(--_ctm-tab-dn-cy-ce-se-br-cr, var(--_ctm-dn-cy-ce-se-br-cr))));
1139
+ border-style: var(--_show-border,
1140
+ var(--_ctm-mob-dn-cy-ce-se-br-se,
1141
+ var(--_ctm-tab-dn-cy-ce-se-br-se, var(--_ctm-dn-cy-ce-se-br-se))));
1142
+ border-width: var(--_show-border,
1143
+ var(--_ctm-mob-dn-cy-ce-se-br-wh,
1144
+ var(--_ctm-tab-dn-cy-ce-se-br-wh, var(--_ctm-dn-cy-ce-se-br-wh))));
1145
+ border-radius: var(--_ctm-mob-dn-cy-ce-se-br-rs,
1146
+ var(--_ctm-tab-dn-cy-ce-se-br-rs, var(--_ctm-dn-cy-ce-se-br-rs)));
1147
+
1148
+ box-shadow: var(--_show-shadow,
1149
+ var(--_ctm-mob-dn-cy-ce-se-sw-ae,
1150
+ var(--_ctm-tab-dn-cy-ce-se-sw-ae, var(--_ctm-dn-cy-ce-se-sw-ae))) var(--_ctm-mob-dn-cy-ce-se-sw-br,
1151
+ var(--_ctm-tab-dn-cy-ce-se-sw-br, var(--_ctm-dn-cy-ce-se-sw-br))) var(--_ctm-mob-dn-cy-ce-se-sw-sd,
1152
+ var(--_ctm-tab-dn-cy-ce-se-sw-sd, var(--_ctm-dn-cy-ce-se-sw-sd))) var(--_ctm-mob-dn-cy-ce-se-sw-cr,
1153
+ var(--_ctm-tab-dn-cy-ce-se-sw-cr, var(--_ctm-dn-cy-ce-se-sw-cr))));
1680
1154
  }
1681
1155
  }
1682
1156
  }
1157
+
1683
1158
  .total-price-container {
1684
1159
  .tax-box {
1685
1160
  display: flex;
@@ -1687,256 +1162,175 @@
1687
1162
  justify-content: space-between;
1688
1163
  gap: 5px;
1689
1164
 
1690
- background-color: var(
1691
- --_ctm-mob-dn-pt-tx-bd-cr,
1692
- var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr))
1693
- );
1165
+ background-color: var(--_ctm-mob-dn-pt-tx-bd-cr,
1166
+ var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr)));
1694
1167
  color: var(--_ctm-mob-dn-pt-tx-cr, var(--_ctm-tab-dn-pt-tx-cr, var(--_ctm-dn-pt-tx-cr)));
1695
- font-family: var(
1696
- --_ctm-mob-dn-pt-tx-ft-fy,
1697
- var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy))
1698
- );
1699
- font-size: var(
1700
- --_ctm-mob-dn-pt-tx-ft-se,
1701
- var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se))
1702
- );
1703
- font-weight: var(
1704
- --_ctm-mob-dn-pt-tx-ft-wt,
1705
- var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt))
1706
- );
1707
- font-style: var(
1708
- --_ctm-mob-dn-pt-tx-ft-se-ic,
1709
- var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic))
1710
- );
1711
- text-align: var(
1712
- --_ctm-mob-dn-pt-tx-tt-an,
1713
- var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an))
1714
- );
1715
- letter-spacing: var(
1716
- --_ctm-mob-dn-pt-tx-lr-sg,
1717
- var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg))
1718
- );
1719
- line-height: var(
1720
- --_ctm-mob-dn-pt-tx-le-ht,
1721
- var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht))
1722
- );
1723
- text-decoration: var(
1724
- --_ctm-mob-dn-pt-tx-ue,
1725
- var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue))
1726
- );
1727
-
1728
- border-color: var(
1729
- --_show-border,
1730
- var(--_ctm-mob-dn-pt-tx-br-cr, var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr)))
1731
- );
1732
- border-style: var(
1733
- --_show-border,
1734
- var(--_ctm-mob-dn-pt-tx-br-se, var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se)))
1735
- );
1736
- border-width: var(
1737
- --_show-border,
1738
- var(--_ctm-mob-dn-pt-tx-br-wh, var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh)))
1739
- );
1740
- border-radius: var(
1741
- --_ctm-mob-dn-pt-tx-br-rs,
1742
- var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs))
1743
- );
1744
-
1745
- box-shadow: var(
1746
- --_show-shadow,
1747
- var(--_ctm-mob-dn-pt-tx-sw-ae, var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae)))
1748
- var(
1749
- --_ctm-mob-dn-pt-tx-sw-br,
1750
- var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))
1751
- )
1752
- var(
1753
- --_ctm-mob-dn-pt-tx-sw-sd,
1754
- var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))
1755
- )
1756
- var(
1757
- --_ctm-mob-dn-pt-tx-sw-cr,
1758
- var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))
1759
- )
1760
- );
1168
+ font-family: var(--_ctm-mob-dn-pt-tx-ft-fy,
1169
+ var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy)));
1170
+ text-transform: var(--_ctm-mob-dn-pt-tx-tt-tm,
1171
+ var(--_ctm-tab-dn-pt-tx-tt-tm, var(--_ctm-dn-pt-tx-tt-tm)));
1172
+ word-wrap: var(--_ctm-mob-dn-pt-tx-wd-wp,
1173
+ var(--_ctm-tab-dn-pt-tx-wd-wp, var(--_ctm-dn-pt-tx-wd-wp)));
1174
+ word-break: var(--_ctm-mob-dn-pt-tx-wd-bk,
1175
+ var(--_ctm-tab-dn-pt-tx-wd-bk, var(--_ctm-dn-pt-tx-wd-bk)));
1176
+
1177
+ &.flex__overflow {
1178
+ white-space: normal;
1179
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1180
+ }
1181
+
1182
+ font-size: var(--_ctm-mob-dn-pt-tx-ft-se,
1183
+ var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se)));
1184
+ font-weight: var(--_ctm-mob-dn-pt-tx-ft-wt,
1185
+ var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt)));
1186
+ font-style: var(--_ctm-mob-dn-pt-tx-ft-se-ic,
1187
+ var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic)));
1188
+ text-align: var(--_ctm-mob-dn-pt-tx-tt-an,
1189
+ var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an)));
1190
+ letter-spacing: var(--_ctm-mob-dn-pt-tx-lr-sg,
1191
+ var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg)));
1192
+ line-height: var(--_ctm-mob-dn-pt-tx-le-ht,
1193
+ var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht)));
1194
+ text-decoration: var(--_ctm-mob-dn-pt-tx-ue,
1195
+ var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue)));
1196
+
1197
+ border-color: var(--_show-border,
1198
+ var(--_ctm-mob-dn-pt-tx-br-cr, var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr))));
1199
+ border-style: var(--_show-border,
1200
+ var(--_ctm-mob-dn-pt-tx-br-se, var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se))));
1201
+ border-width: var(--_show-border,
1202
+ var(--_ctm-mob-dn-pt-tx-br-wh, var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh))));
1203
+ border-radius: var(--_ctm-mob-dn-pt-tx-br-rs,
1204
+ var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs)));
1205
+
1206
+ box-shadow: var(--_show-shadow,
1207
+ var(--_ctm-mob-dn-pt-tx-sw-ae, var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae))) var(--_ctm-mob-dn-pt-tx-sw-br,
1208
+ var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))) var(--_ctm-mob-dn-pt-tx-sw-sd,
1209
+ var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))) var(--_ctm-mob-dn-pt-tx-sw-cr,
1210
+ var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))));
1761
1211
  }
1212
+
1762
1213
  .shipping-box {
1763
1214
  display: flex;
1764
1215
  align-items: center;
1765
1216
  justify-content: space-between;
1766
1217
  gap: 5px;
1767
1218
 
1768
- background-color: var(
1769
- --_ctm-mob-dn-pt-sg-pe-bd-cr,
1770
- var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr))
1771
- );
1772
- color: var(
1773
- --_ctm-mob-dn-pt-sg-pe-cr,
1774
- var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr))
1775
- );
1776
- font-family: var(
1777
- --_ctm-mob-dn-pt-sg-pe-ft-fy,
1778
- var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy))
1779
- );
1780
- font-size: var(
1781
- --_ctm-mob-dn-pt-sg-pe-ft-se,
1782
- var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se))
1783
- );
1784
- font-weight: var(
1785
- --_ctm-mob-dn-pt-sg-pe-ft-wt,
1786
- var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt))
1787
- );
1788
- font-style: var(
1789
- --_ctm-mob-dn-pt-sg-pe-ft-se-ic,
1790
- var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic))
1791
- );
1792
- text-align: var(
1793
- --_ctm-mob-dn-pt-sg-pe-tt-an,
1794
- var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an))
1795
- );
1796
- letter-spacing: var(
1797
- --_ctm-mob-dn-pt-sg-pe-lr-sg,
1798
- var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg))
1799
- );
1800
- line-height: var(
1801
- --_ctm-mob-dn-pt-sg-pe-le-ht,
1802
- var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht))
1803
- );
1804
- text-decoration: var(
1805
- --_ctm-mob-dn-pt-sg-pe-ue,
1806
- var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue))
1807
- );
1808
-
1809
- border-color: var(
1810
- --_show-border,
1811
- var(
1812
- --_ctm-mob-dn-pt-sg-pe-br-cr,
1813
- var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))
1814
- )
1815
- );
1816
- border-style: var(
1817
- --_show-border,
1818
- var(
1819
- --_ctm-mob-dn-pt-sg-pe-br-se,
1820
- var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))
1821
- )
1822
- );
1823
- border-width: var(
1824
- --_show-border,
1825
- var(
1826
- --_ctm-mob-dn-pt-sg-pe-br-wh,
1827
- var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))
1828
- )
1829
- );
1830
- border-radius: var(
1831
- --_ctm-mob-dn-pt-sg-pe-br-rs,
1832
- var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs))
1833
- );
1834
-
1835
- box-shadow: var(
1836
- --_show-shadow,
1837
- var(
1838
- --_ctm-mob-dn-pt-sg-pe-sw-ae,
1839
- var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))
1840
- )
1841
- var(
1842
- --_ctm-mob-dn-pt-sg-pe-sw-br,
1843
- var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))
1844
- )
1845
- var(
1846
- --_ctm-mob-dn-pt-sg-pe-sw-sd,
1847
- var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))
1848
- )
1849
- var(
1850
- --_ctm-mob-dn-pt-sg-pe-sw-cr,
1851
- var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))
1852
- )
1853
- );
1219
+ background-color: var(--_ctm-mob-dn-pt-sg-pe-bd-cr,
1220
+ var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr)));
1221
+ color: var(--_ctm-mob-dn-pt-sg-pe-cr,
1222
+ var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr)));
1223
+ font-family: var(--_ctm-mob-dn-pt-sg-pe-ft-fy,
1224
+ var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy)));
1225
+ text-transform: var(--_ctm-mob-dn-pt-sg-pe-tt-tm,
1226
+ var(--_ctm-tab-dn-pt-sg-pe-tt-tm, var(--_ctm-dn-pt-sg-pe-tt-tm)));
1227
+ word-wrap: var(--_ctm-mob-dn-pt-sg-pe-wd-wp,
1228
+ var(--_ctm-tab-dn-pt-sg-pe-wd-wp, var(--_ctm-dn-pt-sg-pe-wd-wp)));
1229
+ word-break: var(--_ctm-mob-dn-pt-sg-pe-wd-bk,
1230
+ var(--_ctm-tab-dn-pt-sg-pe-wd-bk, var(--_ctm-dn-pt-sg-pe-wd-bk)));
1231
+
1232
+ &.flex__overflow {
1233
+ white-space: normal;
1234
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1235
+ }
1236
+
1237
+ font-size: var(--_ctm-mob-dn-pt-sg-pe-ft-se,
1238
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se)));
1239
+ font-weight: var(--_ctm-mob-dn-pt-sg-pe-ft-wt,
1240
+ var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt)));
1241
+ font-style: var(--_ctm-mob-dn-pt-sg-pe-ft-se-ic,
1242
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic)));
1243
+ text-align: var(--_ctm-mob-dn-pt-sg-pe-tt-an,
1244
+ var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an)));
1245
+ letter-spacing: var(--_ctm-mob-dn-pt-sg-pe-lr-sg,
1246
+ var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg)));
1247
+ line-height: var(--_ctm-mob-dn-pt-sg-pe-le-ht,
1248
+ var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht)));
1249
+ text-decoration: var(--_ctm-mob-dn-pt-sg-pe-ue,
1250
+ var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue)));
1251
+
1252
+ border-color: var(--_show-border,
1253
+ var(--_ctm-mob-dn-pt-sg-pe-br-cr,
1254
+ var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))));
1255
+ border-style: var(--_show-border,
1256
+ var(--_ctm-mob-dn-pt-sg-pe-br-se,
1257
+ var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))));
1258
+ border-width: var(--_show-border,
1259
+ var(--_ctm-mob-dn-pt-sg-pe-br-wh,
1260
+ var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))));
1261
+ border-radius: var(--_ctm-mob-dn-pt-sg-pe-br-rs,
1262
+ var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs)));
1263
+
1264
+ box-shadow: var(--_show-shadow,
1265
+ var(--_ctm-mob-dn-pt-sg-pe-sw-ae,
1266
+ var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))) var(--_ctm-mob-dn-pt-sg-pe-sw-br,
1267
+ var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))) var(--_ctm-mob-dn-pt-sg-pe-sw-sd,
1268
+ var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))) var(--_ctm-mob-dn-pt-sg-pe-sw-cr,
1269
+ var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))));
1854
1270
  }
1271
+
1855
1272
  .embellishment-box {
1856
1273
  display: flex;
1857
1274
  align-items: center;
1858
1275
  justify-content: space-between;
1859
1276
  gap: 5px;
1860
1277
 
1861
- background-color: var(
1862
- --_ctm-mob-dn-et-pe-bd-cr,
1863
- var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr))
1864
- );
1278
+ background-color: var(--_ctm-mob-dn-et-pe-bd-cr,
1279
+ var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr)));
1865
1280
  color: var(--_ctm-mob-dn-et-pe-cr, var(--_ctm-tab-dn-et-pe-cr, var(--_ctm-dn-et-pe-cr)));
1866
- font-family: var(
1867
- --_ctm-mob-dn-et-pe-ft-fy,
1868
- var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy))
1869
- );
1870
- font-size: var(
1871
- --_ctm-mob-dn-et-pe-ft-se,
1872
- var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se))
1873
- );
1874
- font-weight: var(
1875
- --_ctm-mob-dn-et-pe-ft-wt,
1876
- var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt))
1877
- );
1878
- font-style: var(
1879
- --_ctm-mob-dn-et-pe-ft-se-ic,
1880
- var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic))
1881
- );
1882
- text-align: var(
1883
- --_ctm-mob-dn-et-pe-tt-an,
1884
- var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an))
1885
- );
1886
- letter-spacing: var(
1887
- --_ctm-mob-dn-et-pe-lr-sg,
1888
- var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg))
1889
- );
1890
- line-height: var(
1891
- --_ctm-mob-dn-et-pe-le-ht,
1892
- var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht))
1893
- );
1894
- text-decoration: var(
1895
- --_ctm-mob-dn-et-pe-ue,
1896
- var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue))
1897
- );
1898
-
1899
- border-color: var(
1900
- --_show-border,
1901
- var(--_ctm-mob-dn-et-pe-br-cr, var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr)))
1902
- );
1903
- border-style: var(
1904
- --_show-border,
1905
- var(--_ctm-mob-dn-et-pe-br-se, var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se)))
1906
- );
1907
- border-width: var(
1908
- --_show-border,
1909
- var(--_ctm-mob-dn-et-pe-br-wh, var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh)))
1910
- );
1911
- border-radius: var(
1912
- --_ctm-mob-dn-et-pe-br-rs,
1913
- var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs))
1914
- );
1915
-
1916
- box-shadow: var(
1917
- --_show-shadow,
1918
- var(--_ctm-mob-dn-et-pe-sw-ae, var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae)))
1919
- var(
1920
- --_ctm-mob-dn-et-pe-sw-br,
1921
- var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))
1922
- )
1923
- var(
1924
- --_ctm-mob-dn-et-pe-sw-sd,
1925
- var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))
1926
- )
1927
- var(
1928
- --_ctm-mob-dn-et-pe-sw-cr,
1929
- var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))
1930
- )
1931
- );
1281
+ font-family: var(--_ctm-mob-dn-et-pe-ft-fy,
1282
+ var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy)));
1283
+ text-transform: var(--_ctm-mob-dn-et-pe-tt-tm,
1284
+ var(--_ctm-tab-dn-et-pe-tt-tm, var(--_ctm-dn-et-pe-tt-tm)));
1285
+ word-wrap: var(--_ctm-mob-dn-et-pe-wd-wp,
1286
+ var(--_ctm-tab-dn-et-pe-wd-wp, var(--_ctm-dn-et-pe-wd-wp)));
1287
+ word-break: var(--_ctm-mob-dn-et-pe-wd-bk,
1288
+ var(--_ctm-tab-dn-et-pe-wd-bk, var(--_ctm-dn-et-pe-wd-bk)));
1289
+
1290
+ &.flex__overflow {
1291
+ white-space: normal;
1292
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1293
+ }
1294
+
1295
+ font-size: var(--_ctm-mob-dn-et-pe-ft-se,
1296
+ var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se)));
1297
+ font-weight: var(--_ctm-mob-dn-et-pe-ft-wt,
1298
+ var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt)));
1299
+ font-style: var(--_ctm-mob-dn-et-pe-ft-se-ic,
1300
+ var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic)));
1301
+ text-align: var(--_ctm-mob-dn-et-pe-tt-an,
1302
+ var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an)));
1303
+ letter-spacing: var(--_ctm-mob-dn-et-pe-lr-sg,
1304
+ var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg)));
1305
+ line-height: var(--_ctm-mob-dn-et-pe-le-ht,
1306
+ var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht)));
1307
+ text-decoration: var(--_ctm-mob-dn-et-pe-ue,
1308
+ var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue)));
1309
+
1310
+ border-color: var(--_show-border,
1311
+ var(--_ctm-mob-dn-et-pe-br-cr, var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr))));
1312
+ border-style: var(--_show-border,
1313
+ var(--_ctm-mob-dn-et-pe-br-se, var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se))));
1314
+ border-width: var(--_show-border,
1315
+ var(--_ctm-mob-dn-et-pe-br-wh, var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh))));
1316
+ border-radius: var(--_ctm-mob-dn-et-pe-br-rs,
1317
+ var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs)));
1318
+
1319
+ box-shadow: var(--_show-shadow,
1320
+ var(--_ctm-mob-dn-et-pe-sw-ae, var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae))) var(--_ctm-mob-dn-et-pe-sw-br,
1321
+ var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))) var(--_ctm-mob-dn-et-pe-sw-sd,
1322
+ var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))) var(--_ctm-mob-dn-et-pe-sw-cr,
1323
+ var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))));
1932
1324
  }
1933
1325
  }
1326
+
1934
1327
  .savings-container {
1935
1328
  display: flex;
1936
1329
  flex-direction: row;
1937
1330
  gap: 12px;
1938
1331
  align-items: center;
1939
1332
  }
1333
+
1940
1334
  .price-text-element {
1941
1335
  // background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
1942
1336
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -1957,44 +1351,23 @@
1957
1351
  gap: 4px;
1958
1352
  width: 100%;
1959
1353
 
1960
- background-color: var(
1961
- --_ctm-mob-dn-pe-bn-bd-cr,
1962
- var(--_ctm-tab-dn-pe-bn-bd-cr, var(--_ctm-dn-pe-bn-bd-cr))
1963
- );
1964
-
1965
- border-color: var(
1966
- --_show-border,
1967
- var(--_ctm-mob-dn-pe-bn-br-cr, var(--_ctm-tab-dn-pe-bn-br-cr, var(--_ctm-dn-pe-bn-br-cr)))
1968
- );
1969
- border-style: var(
1970
- --_show-border,
1971
- var(--_ctm-mob-dn-pe-bn-br-se, var(--_ctm-tab-dn-pe-bn-br-se, var(--_ctm-dn-pe-bn-br-se)))
1972
- );
1973
- border-width: var(
1974
- --_show-border,
1975
- var(--_ctm-mob-dn-pe-bn-br-wh, var(--_ctm-tab-dn-pe-bn-br-wh, var(--_ctm-dn-pe-bn-br-wh)))
1976
- );
1977
- border-radius: var(
1978
- --_ctm-mob-dn-pe-bn-br-rs,
1979
- var(--_ctm-tab-dn-pe-bn-br-rs, var(--_ctm-dn-pe-bn-br-rs))
1980
- );
1981
-
1982
- box-shadow: var(
1983
- --_show-shadow,
1984
- var(--_ctm-mob-dn-pe-bn-sw-ae, var(--_ctm-tab-dn-pe-bn-sw-ae, var(--_ctm-dn-pe-bn-sw-ae)))
1985
- var(
1986
- --_ctm-mob-dn-pe-bn-sw-br,
1987
- var(--_ctm-tab-dn-pe-bn-sw-br, var(--_ctm-dn-pe-bn-sw-br))
1988
- )
1989
- var(
1990
- --_ctm-mob-dn-pe-bn-sw-sd,
1991
- var(--_ctm-tab-dn-pe-bn-sw-sd, var(--_ctm-dn-pe-bn-sw-sd))
1992
- )
1993
- var(
1994
- --_ctm-mob-dn-pe-bn-sw-cr,
1995
- var(--_ctm-tab-dn-pe-bn-sw-cr, var(--_ctm-dn-pe-bn-sw-cr))
1996
- )
1997
- );
1354
+ background-color: var(--_ctm-mob-dn-pe-bn-bd-cr,
1355
+ var(--_ctm-tab-dn-pe-bn-bd-cr, var(--_ctm-dn-pe-bn-bd-cr)));
1356
+
1357
+ border-color: var(--_show-border,
1358
+ var(--_ctm-mob-dn-pe-bn-br-cr, var(--_ctm-tab-dn-pe-bn-br-cr, var(--_ctm-dn-pe-bn-br-cr))));
1359
+ border-style: var(--_show-border,
1360
+ var(--_ctm-mob-dn-pe-bn-br-se, var(--_ctm-tab-dn-pe-bn-br-se, var(--_ctm-dn-pe-bn-br-se))));
1361
+ border-width: var(--_show-border,
1362
+ var(--_ctm-mob-dn-pe-bn-br-wh, var(--_ctm-tab-dn-pe-bn-br-wh, var(--_ctm-dn-pe-bn-br-wh))));
1363
+ border-radius: var(--_ctm-mob-dn-pe-bn-br-rs,
1364
+ var(--_ctm-tab-dn-pe-bn-br-rs, var(--_ctm-dn-pe-bn-br-rs)));
1365
+
1366
+ box-shadow: var(--_show-shadow,
1367
+ var(--_ctm-mob-dn-pe-bn-sw-ae, var(--_ctm-tab-dn-pe-bn-sw-ae, var(--_ctm-dn-pe-bn-sw-ae))) var(--_ctm-mob-dn-pe-bn-sw-br,
1368
+ var(--_ctm-tab-dn-pe-bn-sw-br, var(--_ctm-dn-pe-bn-sw-br))) var(--_ctm-mob-dn-pe-bn-sw-sd,
1369
+ var(--_ctm-tab-dn-pe-bn-sw-sd, var(--_ctm-dn-pe-bn-sw-sd))) var(--_ctm-mob-dn-pe-bn-sw-cr,
1370
+ var(--_ctm-tab-dn-pe-bn-sw-cr, var(--_ctm-dn-pe-bn-sw-cr))));
1998
1371
 
1999
1372
  padding: var(--_ctm-mob-dn-pe-bn-pg, var(--_ctm-tab-dn-pe-bn-pg, var(--_ctm-dn-pe-bn-pg)));
2000
1373
  }
@@ -2006,156 +1379,95 @@
2006
1379
  }
2007
1380
 
2008
1381
  .breakdown-label {
2009
- background-color: var(
2010
- --_ctm-mob-dn-bn-py-bd-cr,
2011
- var(--_ctm-tab-dn-bn-py-bd-cr, var(--_ctm-dn-bn-py-bd-cr))
2012
- );
1382
+ background-color: var(--_ctm-mob-dn-bn-py-bd-cr,
1383
+ var(--_ctm-tab-dn-bn-py-bd-cr, var(--_ctm-dn-bn-py-bd-cr)));
2013
1384
  color: var(--_ctm-mob-dn-bn-py-cr, var(--_ctm-tab-dn-bn-py-cr, var(--_ctm-dn-bn-py-cr)));
2014
- font-family: var(
2015
- --_ctm-mob-dn-bn-py-ft-fy,
2016
- var(--_ctm-tab-dn-bn-py-ft-fy, var(--_ctm-dn-bn-py-ft-fy))
2017
- );
2018
- font-size: var(
2019
- --_ctm-mob-dn-bn-py-ft-se,
2020
- var(--_ctm-tab-dn-bn-py-ft-se, var(--_ctm-dn-bn-py-ft-se))
2021
- );
2022
- font-weight: var(
2023
- --_ctm-mob-dn-bn-py-ft-wt,
2024
- var(--_ctm-tab-dn-bn-py-ft-wt, var(--_ctm-dn-bn-py-ft-wt))
2025
- );
2026
- font-style: var(
2027
- --_ctm-mob-dn-bn-py-ft-se-ic,
2028
- var(--_ctm-tab-dn-bn-py-ft-se-ic, var(--_ctm-dn-bn-py-ft-se-ic))
2029
- );
2030
- text-align: var(
2031
- --_ctm-mob-dn-bn-py-tt-an,
2032
- var(--_ctm-tab-dn-bn-py-tt-an, var(--_ctm-dn-bn-py-tt-an))
2033
- );
2034
- letter-spacing: var(
2035
- --_ctm-mob-dn-bn-py-lr-sg,
2036
- var(--_ctm-tab-dn-bn-py-lr-sg, var(--_ctm-dn-bn-py-lr-sg))
2037
- );
2038
- line-height: var(
2039
- --_ctm-mob-dn-bn-py-le-ht,
2040
- var(--_ctm-tab-dn-bn-py-le-ht, var(--_ctm-dn-bn-py-le-ht))
2041
- );
2042
- text-decoration: var(
2043
- --_ctm-mob-dn-bn-py-ue,
2044
- var(--_ctm-tab-dn-bn-py-ue, var(--_ctm-dn-bn-py-ue))
2045
- );
2046
-
2047
- border-color: var(
2048
- --_show-border,
2049
- var(--_ctm-mob-dn-bn-py-br-cr, var(--_ctm-tab-dn-bn-py-br-cr, var(--_ctm-dn-bn-py-br-cr)))
2050
- );
2051
- border-style: var(
2052
- --_show-border,
2053
- var(--_ctm-mob-dn-bn-py-br-se, var(--_ctm-tab-dn-bn-py-br-se, var(--_ctm-dn-bn-py-br-se)))
2054
- );
2055
- border-width: var(
2056
- --_show-border,
2057
- var(--_ctm-mob-dn-bn-py-br-wh, var(--_ctm-tab-dn-bn-py-br-wh, var(--_ctm-dn-bn-py-br-wh)))
2058
- );
2059
- border-radius: var(
2060
- --_ctm-mob-dn-bn-py-br-rs,
2061
- var(--_ctm-tab-dn-bn-py-br-rs, var(--_ctm-dn-bn-py-br-rs))
2062
- );
2063
-
2064
- box-shadow: var(
2065
- --_show-shadow,
2066
- var(--_ctm-mob-dn-bn-py-sw-ae, var(--_ctm-tab-dn-bn-py-sw-ae, var(--_ctm-dn-bn-py-sw-ae)))
2067
- var(
2068
- --_ctm-mob-dn-bn-py-sw-br,
2069
- var(--_ctm-tab-dn-bn-py-sw-br, var(--_ctm-dn-bn-py-sw-br))
2070
- )
2071
- var(
2072
- --_ctm-mob-dn-bn-py-sw-sd,
2073
- var(--_ctm-tab-dn-bn-py-sw-sd, var(--_ctm-dn-bn-py-sw-sd))
2074
- )
2075
- var(
2076
- --_ctm-mob-dn-bn-py-sw-cr,
2077
- var(--_ctm-tab-dn-bn-py-sw-cr, var(--_ctm-dn-bn-py-sw-cr))
2078
- )
2079
- );
1385
+ font-family: var(--_ctm-mob-dn-bn-py-ft-fy,
1386
+ var(--_ctm-tab-dn-bn-py-ft-fy, var(--_ctm-dn-bn-py-ft-fy)));
1387
+ text-transform: var(--_ctm-mob-dn-bn-py-tt-tm,
1388
+ var(--_ctm-tab-dn-bn-py-tt-tm, var(--_ctm-dn-bn-py-tt-tm)));
1389
+ word-wrap: var(--_ctm-mob-dn-bn-py-wd-wp,
1390
+ var(--_ctm-tab-dn-bn-py-wd-wp, var(--_ctm-dn-bn-py-wd-wp)));
1391
+ word-break: var(--_ctm-mob-dn-bn-py-wd-bk,
1392
+ var(--_ctm-tab-dn-bn-py-wd-bk, var(--_ctm-dn-bn-py-wd-bk)));
1393
+ font-size: var(--_ctm-mob-dn-bn-py-ft-se,
1394
+ var(--_ctm-tab-dn-bn-py-ft-se, var(--_ctm-dn-bn-py-ft-se)));
1395
+ font-weight: var(--_ctm-mob-dn-bn-py-ft-wt,
1396
+ var(--_ctm-tab-dn-bn-py-ft-wt, var(--_ctm-dn-bn-py-ft-wt)));
1397
+ font-style: var(--_ctm-mob-dn-bn-py-ft-se-ic,
1398
+ var(--_ctm-tab-dn-bn-py-ft-se-ic, var(--_ctm-dn-bn-py-ft-se-ic)));
1399
+ text-align: var(--_ctm-mob-dn-bn-py-tt-an,
1400
+ var(--_ctm-tab-dn-bn-py-tt-an, var(--_ctm-dn-bn-py-tt-an)));
1401
+ letter-spacing: var(--_ctm-mob-dn-bn-py-lr-sg,
1402
+ var(--_ctm-tab-dn-bn-py-lr-sg, var(--_ctm-dn-bn-py-lr-sg)));
1403
+ line-height: var(--_ctm-mob-dn-bn-py-le-ht,
1404
+ var(--_ctm-tab-dn-bn-py-le-ht, var(--_ctm-dn-bn-py-le-ht)));
1405
+ text-decoration: var(--_ctm-mob-dn-bn-py-ue,
1406
+ var(--_ctm-tab-dn-bn-py-ue, var(--_ctm-dn-bn-py-ue)));
1407
+
1408
+ border-color: var(--_show-border,
1409
+ var(--_ctm-mob-dn-bn-py-br-cr, var(--_ctm-tab-dn-bn-py-br-cr, var(--_ctm-dn-bn-py-br-cr))));
1410
+ border-style: var(--_show-border,
1411
+ var(--_ctm-mob-dn-bn-py-br-se, var(--_ctm-tab-dn-bn-py-br-se, var(--_ctm-dn-bn-py-br-se))));
1412
+ border-width: var(--_show-border,
1413
+ var(--_ctm-mob-dn-bn-py-br-wh, var(--_ctm-tab-dn-bn-py-br-wh, var(--_ctm-dn-bn-py-br-wh))));
1414
+ border-radius: var(--_ctm-mob-dn-bn-py-br-rs,
1415
+ var(--_ctm-tab-dn-bn-py-br-rs, var(--_ctm-dn-bn-py-br-rs)));
1416
+
1417
+ box-shadow: var(--_show-shadow,
1418
+ var(--_ctm-mob-dn-bn-py-sw-ae, var(--_ctm-tab-dn-bn-py-sw-ae, var(--_ctm-dn-bn-py-sw-ae))) var(--_ctm-mob-dn-bn-py-sw-br,
1419
+ var(--_ctm-tab-dn-bn-py-sw-br, var(--_ctm-dn-bn-py-sw-br))) var(--_ctm-mob-dn-bn-py-sw-sd,
1420
+ var(--_ctm-tab-dn-bn-py-sw-sd, var(--_ctm-dn-bn-py-sw-sd))) var(--_ctm-mob-dn-bn-py-sw-cr,
1421
+ var(--_ctm-tab-dn-bn-py-sw-cr, var(--_ctm-dn-bn-py-sw-cr))));
2080
1422
 
2081
1423
  padding: var(--_ctm-mob-dn-bn-py-pg, var(--_ctm-tab-dn-bn-py-pg, var(--_ctm-dn-bn-py-pg)));
2082
1424
  }
2083
1425
 
2084
1426
  .breakdown-value {
2085
- background-color: var(
2086
- --_ctm-mob-dn-bn-ve-bd-cr,
2087
- var(--_ctm-tab-dn-bn-ve-bd-cr, var(--_ctm-dn-bn-ve-bd-cr))
2088
- );
1427
+ background-color: var(--_ctm-mob-dn-bn-ve-bd-cr,
1428
+ var(--_ctm-tab-dn-bn-ve-bd-cr, var(--_ctm-dn-bn-ve-bd-cr)));
2089
1429
  color: var(--_ctm-mob-dn-bn-ve-cr, var(--_ctm-tab-dn-bn-ve-cr, var(--_ctm-dn-bn-ve-cr)));
2090
- font-family: var(
2091
- --_ctm-mob-dn-bn-ve-ft-fy,
2092
- var(--_ctm-tab-dn-bn-ve-ft-fy, var(--_ctm-dn-bn-ve-ft-fy))
2093
- );
2094
- font-size: var(
2095
- --_ctm-mob-dn-bn-ve-ft-se,
2096
- var(--_ctm-tab-dn-bn-ve-ft-se, var(--_ctm-dn-bn-ve-ft-se))
2097
- );
2098
- font-weight: var(
2099
- --_ctm-mob-dn-bn-ve-ft-wt,
2100
- var(--_ctm-tab-dn-bn-ve-ft-wt, var(--_ctm-dn-bn-ve-ft-wt))
2101
- );
2102
- font-style: var(
2103
- --_ctm-mob-dn-bn-ve-ft-se-ic,
2104
- var(--_ctm-tab-dn-bn-ve-ft-se-ic, var(--_ctm-dn-bn-ve-ft-se-ic))
2105
- );
2106
- text-align: var(
2107
- --_ctm-mob-dn-bn-ve-tt-an,
2108
- var(--_ctm-tab-dn-bn-ve-tt-an, var(--_ctm-dn-bn-ve-tt-an))
2109
- );
2110
- letter-spacing: var(
2111
- --_ctm-mob-dn-bn-ve-lr-sg,
2112
- var(--_ctm-tab-dn-bn-ve-lr-sg, var(--_ctm-dn-bn-ve-lr-sg))
2113
- );
2114
- line-height: var(
2115
- --_ctm-mob-dn-bn-ve-le-ht,
2116
- var(--_ctm-tab-dn-bn-ve-le-ht, var(--_ctm-dn-bn-ve-le-ht))
2117
- );
2118
- text-decoration: var(
2119
- --_ctm-mob-dn-bn-ve-ue,
2120
- var(--_ctm-tab-dn-bn-ve-ue, var(--_ctm-dn-bn-ve-ue))
2121
- );
2122
-
2123
- border-color: var(
2124
- --_show-border,
2125
- var(--_ctm-mob-dn-bn-ve-br-cr, var(--_ctm-tab-dn-bn-ve-br-cr, var(--_ctm-dn-bn-ve-br-cr)))
2126
- );
2127
- border-style: var(
2128
- --_show-border,
2129
- var(--_ctm-mob-dn-bn-ve-br-se, var(--_ctm-tab-dn-bn-ve-br-se, var(--_ctm-dn-bn-ve-br-se)))
2130
- );
2131
- border-width: var(
2132
- --_show-border,
2133
- var(--_ctm-mob-dn-bn-ve-br-wh, var(--_ctm-tab-dn-bn-ve-br-wh, var(--_ctm-dn-bn-ve-br-wh)))
2134
- );
2135
- border-radius: var(
2136
- --_ctm-mob-dn-bn-ve-br-rs,
2137
- var(--_ctm-tab-dn-bn-ve-br-rs, var(--_ctm-dn-bn-ve-br-rs))
2138
- );
2139
-
2140
- box-shadow: var(
2141
- --_show-shadow,
2142
- var(--_ctm-mob-dn-bn-ve-sw-ae, var(--_ctm-tab-dn-bn-ve-sw-ae, var(--_ctm-dn-bn-ve-sw-ae)))
2143
- var(
2144
- --_ctm-mob-dn-bn-ve-sw-br,
2145
- var(--_ctm-tab-dn-bn-ve-sw-br, var(--_ctm-dn-bn-ve-sw-br))
2146
- )
2147
- var(
2148
- --_ctm-mob-dn-bn-ve-sw-sd,
2149
- var(--_ctm-tab-dn-bn-ve-sw-sd, var(--_ctm-dn-bn-ve-sw-sd))
2150
- )
2151
- var(
2152
- --_ctm-mob-dn-bn-ve-sw-cr,
2153
- var(--_ctm-tab-dn-bn-ve-sw-cr, var(--_ctm-dn-bn-ve-sw-cr))
2154
- )
2155
- );
1430
+ font-family: var(--_ctm-mob-dn-bn-ve-ft-fy,
1431
+ var(--_ctm-tab-dn-bn-ve-ft-fy, var(--_ctm-dn-bn-ve-ft-fy)));
1432
+ text-transform: var(--_ctm-mob-dn-bn-ve-tt-tm,
1433
+ var(--_ctm-tab-dn-bn-ve-tt-tm, var(--_ctm-dn-bn-ve-tt-tm)));
1434
+ word-wrap: var(--_ctm-mob-dn-bn-ve-wd-wp,
1435
+ var(--_ctm-tab-dn-bn-ve-wd-wp, var(--_ctm-dn-bn-ve-wd-wp)));
1436
+ word-break: var(--_ctm-mob-dn-bn-ve-wd-bk,
1437
+ var(--_ctm-tab-dn-bn-ve-wd-bk, var(--_ctm-dn-bn-ve-wd-bk)));
1438
+ font-size: var(--_ctm-mob-dn-bn-ve-ft-se,
1439
+ var(--_ctm-tab-dn-bn-ve-ft-se, var(--_ctm-dn-bn-ve-ft-se)));
1440
+ font-weight: var(--_ctm-mob-dn-bn-ve-ft-wt,
1441
+ var(--_ctm-tab-dn-bn-ve-ft-wt, var(--_ctm-dn-bn-ve-ft-wt)));
1442
+ font-style: var(--_ctm-mob-dn-bn-ve-ft-se-ic,
1443
+ var(--_ctm-tab-dn-bn-ve-ft-se-ic, var(--_ctm-dn-bn-ve-ft-se-ic)));
1444
+ text-align: var(--_ctm-mob-dn-bn-ve-tt-an,
1445
+ var(--_ctm-tab-dn-bn-ve-tt-an, var(--_ctm-dn-bn-ve-tt-an)));
1446
+ letter-spacing: var(--_ctm-mob-dn-bn-ve-lr-sg,
1447
+ var(--_ctm-tab-dn-bn-ve-lr-sg, var(--_ctm-dn-bn-ve-lr-sg)));
1448
+ line-height: var(--_ctm-mob-dn-bn-ve-le-ht,
1449
+ var(--_ctm-tab-dn-bn-ve-le-ht, var(--_ctm-dn-bn-ve-le-ht)));
1450
+ text-decoration: var(--_ctm-mob-dn-bn-ve-ue,
1451
+ var(--_ctm-tab-dn-bn-ve-ue, var(--_ctm-dn-bn-ve-ue)));
1452
+
1453
+ border-color: var(--_show-border,
1454
+ var(--_ctm-mob-dn-bn-ve-br-cr, var(--_ctm-tab-dn-bn-ve-br-cr, var(--_ctm-dn-bn-ve-br-cr))));
1455
+ border-style: var(--_show-border,
1456
+ var(--_ctm-mob-dn-bn-ve-br-se, var(--_ctm-tab-dn-bn-ve-br-se, var(--_ctm-dn-bn-ve-br-se))));
1457
+ border-width: var(--_show-border,
1458
+ var(--_ctm-mob-dn-bn-ve-br-wh, var(--_ctm-tab-dn-bn-ve-br-wh, var(--_ctm-dn-bn-ve-br-wh))));
1459
+ border-radius: var(--_ctm-mob-dn-bn-ve-br-rs,
1460
+ var(--_ctm-tab-dn-bn-ve-br-rs, var(--_ctm-dn-bn-ve-br-rs)));
1461
+
1462
+ box-shadow: var(--_show-shadow,
1463
+ var(--_ctm-mob-dn-bn-ve-sw-ae, var(--_ctm-tab-dn-bn-ve-sw-ae, var(--_ctm-dn-bn-ve-sw-ae))) var(--_ctm-mob-dn-bn-ve-sw-br,
1464
+ var(--_ctm-tab-dn-bn-ve-sw-br, var(--_ctm-dn-bn-ve-sw-br))) var(--_ctm-mob-dn-bn-ve-sw-sd,
1465
+ var(--_ctm-tab-dn-bn-ve-sw-sd, var(--_ctm-dn-bn-ve-sw-sd))) var(--_ctm-mob-dn-bn-ve-sw-cr,
1466
+ var(--_ctm-tab-dn-bn-ve-sw-cr, var(--_ctm-dn-bn-ve-sw-cr))));
2156
1467
 
2157
1468
  padding: var(--_ctm-mob-dn-bn-ve-pg, var(--_ctm-tab-dn-bn-ve-pg, var(--_ctm-dn-bn-ve-pg)));
2158
1469
  }
1470
+
2159
1471
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
2160
1472
  // row-gap: var(--_sf-gp);
2161
1473
  width: 100%;
@@ -2164,13 +1476,8 @@
2164
1476
  border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
2165
1477
  border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
2166
1478
  border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
2167
- box-shadow: var(
2168
- --_show-shadow,
2169
- var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
2170
- var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
2171
- var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
2172
- var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
2173
- );
1479
+ box-shadow: var(--_show-shadow,
1480
+ var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae))) var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br))) var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd))) var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr))));
2174
1481
 
2175
1482
  // transform: scale(var(--_ctm-dn-zm-ie));
2176
1483
  scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
@@ -2178,76 +1485,57 @@
2178
1485
  &[data-flip-x="true"] {
2179
1486
  transform: scaleX(-1);
2180
1487
  }
1488
+
2181
1489
  &[data-flip-y="true"] {
2182
1490
  transform: scaleY(-1);
2183
1491
  }
1492
+
2184
1493
  .meta_text_element {
2185
- background-color: var(
2186
- --_ctm-mob-dn-ll-bd-cr,
2187
- var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr))
2188
- );
1494
+ background-color: var(--_ctm-mob-dn-ll-bd-cr,
1495
+ var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr)));
2189
1496
  color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
2190
- font-family: var(
2191
- --_ctm-mob-dn-ll-ft-fy,
2192
- var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
2193
- );
2194
- font-size: var(
2195
- --_ctm-mob-dn-ll-ft-se,
2196
- var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se))
2197
- );
2198
- font-weight: var(
2199
- --_ctm-mob-dn-ll-ft-wt,
2200
- var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
2201
- );
2202
- font-style: var(
2203
- --_ctm-mob-dn-ll-ft-se-ic,
2204
- var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
2205
- );
2206
- text-align: var(
2207
- --_ctm-mob-dn-ll-tt-an,
2208
- var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an))
2209
- );
2210
- letter-spacing: var(
2211
- --_ctm-mob-dn-ll-lr-sg,
2212
- var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
2213
- );
2214
- line-height: var(
2215
- --_ctm-mob-dn-ll-le-ht,
2216
- var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht))
2217
- );
1497
+ font-family: var(--_ctm-mob-dn-ll-ft-fy,
1498
+ var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy)));
1499
+ text-transform: var(--_ctm-mob-dn-ll-tt-tm,
1500
+ var(--_ctm-tab-dn-ll-tt-tm, var(--_ctm-dn-ll-tt-tm)));
1501
+ word-wrap: var(--_ctm-mob-dn-ll-wd-wp,
1502
+ var(--_ctm-tab-dn-ll-wd-wp, var(--_ctm-dn-ll-wd-wp)));
1503
+ word-break: var(--_ctm-mob-dn-ll-wd-bk,
1504
+ var(--_ctm-tab-dn-ll-wd-bk, var(--_ctm-dn-ll-wd-bk)));
1505
+ font-size: var(--_ctm-mob-dn-ll-ft-se,
1506
+ var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
1507
+ font-weight: var(--_ctm-mob-dn-ll-ft-wt,
1508
+ var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt)));
1509
+ font-style: var(--_ctm-mob-dn-ll-ft-se-ic,
1510
+ var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic)));
1511
+ text-align: var(--_ctm-mob-dn-ll-tt-an,
1512
+ var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
1513
+ letter-spacing: var(--_ctm-mob-dn-ll-lr-sg,
1514
+ var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg)));
1515
+ line-height: var(--_ctm-mob-dn-ll-le-ht,
1516
+ var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht)));
2218
1517
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
2219
1518
 
2220
- border-color: var(
2221
- --_show-border,
2222
- var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)))
2223
- );
2224
- border-style: var(
2225
- --_show-border,
2226
- var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)))
2227
- );
2228
- border-width: var(
2229
- --_show-border,
2230
- var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)))
2231
- );
2232
- border-radius: var(
2233
- --_ctm-mob-dn-ll-br-rs,
2234
- var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
2235
- );
2236
-
2237
- box-shadow: var(
2238
- --_show-shadow,
2239
- var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
2240
- var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
2241
- var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
2242
- var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
2243
- );
1519
+ border-color: var(--_show-border,
1520
+ var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr))));
1521
+ border-style: var(--_show-border,
1522
+ var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se))));
1523
+ border-width: var(--_show-border,
1524
+ var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh))));
1525
+ border-radius: var(--_ctm-mob-dn-ll-br-rs,
1526
+ var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs)));
1527
+
1528
+ box-shadow: var(--_show-shadow,
1529
+ var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae))) var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br))) var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd))) var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr))));
2244
1530
 
2245
1531
  padding: var(--_ctm-mob-dn-ll-pg, var(--_ctm-tab-dn-ll-pg, var(--_ctm-dn-ll-pg)));
2246
1532
  }
1533
+
2247
1534
  .price-container {
2248
1535
  display: flex;
2249
1536
  align-items: center;
2250
1537
  gap: 5px;
1538
+
2251
1539
  .element-container {
2252
1540
  display: flex;
2253
1541
  align-items: flex-start;
@@ -2261,6 +1549,7 @@
2261
1549
  position: relative;
2262
1550
  display: inline-block;
2263
1551
  cursor: pointer;
1552
+
2264
1553
  &:hover {
2265
1554
  .tooltipBox {
2266
1555
  opacity: 1;
@@ -2398,6 +1687,7 @@
2398
1687
  transform: translateY(0);
2399
1688
  margin-left: 8px;
2400
1689
  }
1690
+
2401
1691
  .total-price-container {
2402
1692
  .tax-box {
2403
1693
  display: flex;
@@ -2405,92 +1695,57 @@
2405
1695
  justify-content: space-between;
2406
1696
  gap: 5px;
2407
1697
 
2408
- background-color: var(
2409
- --_ctm-mob-dn-pt-tx-bd-cr,
2410
- var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr))
2411
- );
2412
- color: var(
2413
- --_ctm-mob-dn-pt-tx-cr,
2414
- var(--_ctm-tab-dn-pt-tx-cr, var(--_ctm-dn-pt-tx-cr))
2415
- );
2416
- font-family: var(
2417
- --_ctm-mob-dn-pt-tx-ft-fy,
2418
- var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy))
2419
- );
2420
- font-size: var(
2421
- --_ctm-mob-dn-pt-tx-ft-se,
2422
- var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se))
2423
- );
2424
- font-weight: var(
2425
- --_ctm-mob-dn-pt-tx-ft-wt,
2426
- var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt))
2427
- );
2428
- font-style: var(
2429
- --_ctm-mob-dn-pt-tx-ft-se-ic,
2430
- var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic))
2431
- );
2432
- text-align: var(
2433
- --_ctm-mob-dn-pt-tx-tt-an,
2434
- var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an))
2435
- );
2436
- letter-spacing: var(
2437
- --_ctm-mob-dn-pt-tx-lr-sg,
2438
- var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg))
2439
- );
2440
- line-height: var(
2441
- --_ctm-mob-dn-pt-tx-le-ht,
2442
- var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht))
2443
- );
2444
- text-decoration: var(
2445
- --_ctm-mob-dn-pt-tx-ue,
2446
- var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue))
2447
- );
2448
-
2449
- border-color: var(
2450
- --_show-border,
2451
- var(
2452
- --_ctm-mob-dn-pt-tx-br-cr,
2453
- var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr))
2454
- )
2455
- );
2456
- border-style: var(
2457
- --_show-border,
2458
- var(
2459
- --_ctm-mob-dn-pt-tx-br-se,
2460
- var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se))
2461
- )
2462
- );
2463
- border-width: var(
2464
- --_show-border,
2465
- var(
2466
- --_ctm-mob-dn-pt-tx-br-wh,
2467
- var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh))
2468
- )
2469
- );
2470
- border-radius: var(
2471
- --_ctm-mob-dn-pt-tx-br-rs,
2472
- var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs))
2473
- );
2474
-
2475
- box-shadow: var(
2476
- --_show-shadow,
2477
- var(
2478
- --_ctm-mob-dn-pt-tx-sw-ae,
2479
- var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae))
2480
- )
2481
- var(
2482
- --_ctm-mob-dn-pt-tx-sw-br,
2483
- var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))
2484
- )
2485
- var(
2486
- --_ctm-mob-dn-pt-tx-sw-sd,
2487
- var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))
2488
- )
2489
- var(
2490
- --_ctm-mob-dn-pt-tx-sw-cr,
2491
- var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))
2492
- )
2493
- );
1698
+ background-color: var(--_ctm-mob-dn-pt-tx-bd-cr,
1699
+ var(--_ctm-tab-dn-pt-tx-bd-cr, var(--_ctm-dn-pt-tx-bd-cr)));
1700
+ color: var(--_ctm-mob-dn-pt-tx-cr,
1701
+ var(--_ctm-tab-dn-pt-tx-cr, var(--_ctm-dn-pt-tx-cr)));
1702
+ font-family: var(--_ctm-mob-dn-pt-tx-ft-fy,
1703
+ var(--_ctm-tab-dn-pt-tx-ft-fy, var(--_ctm-dn-pt-tx-ft-fy)));
1704
+ text-transform: var(--_ctm-mob-dn-pt-tx-tt-tm,
1705
+ var(--_ctm-tab-dn-pt-tx-tt-tm, var(--_ctm-dn-pt-tx-tt-tm)));
1706
+ word-wrap: var(--_ctm-mob-dn-pt-tx-wd-wp,
1707
+ var(--_ctm-tab-dn-pt-tx-wd-wp, var(--_ctm-dn-pt-tx-wd-wp)));
1708
+ word-break: var(--_ctm-mob-dn-pt-tx-wd-bk,
1709
+ var(--_ctm-tab-dn-pt-tx-wd-bk, var(--_ctm-dn-pt-tx-wd-bk)));
1710
+
1711
+ &.flex__overflow {
1712
+ white-space: normal;
1713
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1714
+ }
1715
+
1716
+ font-size: var(--_ctm-mob-dn-pt-tx-ft-se,
1717
+ var(--_ctm-tab-dn-pt-tx-ft-se, var(--_ctm-dn-pt-tx-ft-se)));
1718
+ font-weight: var(--_ctm-mob-dn-pt-tx-ft-wt,
1719
+ var(--_ctm-tab-dn-pt-tx-ft-wt, var(--_ctm-dn-pt-tx-ft-wt)));
1720
+ font-style: var(--_ctm-mob-dn-pt-tx-ft-se-ic,
1721
+ var(--_ctm-tab-dn-pt-tx-ft-se-ic, var(--_ctm-dn-pt-tx-ft-se-ic)));
1722
+ text-align: var(--_ctm-mob-dn-pt-tx-tt-an,
1723
+ var(--_ctm-tab-dn-pt-tx-tt-an, var(--_ctm-dn-pt-tx-tt-an)));
1724
+ letter-spacing: var(--_ctm-mob-dn-pt-tx-lr-sg,
1725
+ var(--_ctm-tab-dn-pt-tx-lr-sg, var(--_ctm-dn-pt-tx-lr-sg)));
1726
+ line-height: var(--_ctm-mob-dn-pt-tx-le-ht,
1727
+ var(--_ctm-tab-dn-pt-tx-le-ht, var(--_ctm-dn-pt-tx-le-ht)));
1728
+ text-decoration: var(--_ctm-mob-dn-pt-tx-ue,
1729
+ var(--_ctm-tab-dn-pt-tx-ue, var(--_ctm-dn-pt-tx-ue)));
1730
+
1731
+ border-color: var(--_show-border,
1732
+ var(--_ctm-mob-dn-pt-tx-br-cr,
1733
+ var(--_ctm-tab-dn-pt-tx-br-cr, var(--_ctm-dn-pt-tx-br-cr))));
1734
+ border-style: var(--_show-border,
1735
+ var(--_ctm-mob-dn-pt-tx-br-se,
1736
+ var(--_ctm-tab-dn-pt-tx-br-se, var(--_ctm-dn-pt-tx-br-se))));
1737
+ border-width: var(--_show-border,
1738
+ var(--_ctm-mob-dn-pt-tx-br-wh,
1739
+ var(--_ctm-tab-dn-pt-tx-br-wh, var(--_ctm-dn-pt-tx-br-wh))));
1740
+ border-radius: var(--_ctm-mob-dn-pt-tx-br-rs,
1741
+ var(--_ctm-tab-dn-pt-tx-br-rs, var(--_ctm-dn-pt-tx-br-rs)));
1742
+
1743
+ box-shadow: var(--_show-shadow,
1744
+ var(--_ctm-mob-dn-pt-tx-sw-ae,
1745
+ var(--_ctm-tab-dn-pt-tx-sw-ae, var(--_ctm-dn-pt-tx-sw-ae))) var(--_ctm-mob-dn-pt-tx-sw-br,
1746
+ var(--_ctm-tab-dn-pt-tx-sw-br, var(--_ctm-dn-pt-tx-sw-br))) var(--_ctm-mob-dn-pt-tx-sw-sd,
1747
+ var(--_ctm-tab-dn-pt-tx-sw-sd, var(--_ctm-dn-pt-tx-sw-sd))) var(--_ctm-mob-dn-pt-tx-sw-cr,
1748
+ var(--_ctm-tab-dn-pt-tx-sw-cr, var(--_ctm-dn-pt-tx-sw-cr))));
2494
1749
  }
2495
1750
 
2496
1751
  .shipping-box {
@@ -2499,92 +1754,57 @@
2499
1754
  justify-content: space-between;
2500
1755
  gap: 5px;
2501
1756
 
2502
- background-color: var(
2503
- --_ctm-mob-dn-pt-sg-pe-bd-cr,
2504
- var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr))
2505
- );
2506
- color: var(
2507
- --_ctm-mob-dn-pt-sg-pe-cr,
2508
- var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr))
2509
- );
2510
- font-family: var(
2511
- --_ctm-mob-dn-pt-sg-pe-ft-fy,
2512
- var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy))
2513
- );
2514
- font-size: var(
2515
- --_ctm-mob-dn-pt-sg-pe-ft-se,
2516
- var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se))
2517
- );
2518
- font-weight: var(
2519
- --_ctm-mob-dn-pt-sg-pe-ft-wt,
2520
- var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt))
2521
- );
2522
- font-style: var(
2523
- --_ctm-mob-dn-pt-sg-pe-ft-se-ic,
2524
- var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic))
2525
- );
2526
- text-align: var(
2527
- --_ctm-mob-dn-pt-sg-pe-tt-an,
2528
- var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an))
2529
- );
2530
- letter-spacing: var(
2531
- --_ctm-mob-dn-pt-sg-pe-lr-sg,
2532
- var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg))
2533
- );
2534
- line-height: var(
2535
- --_ctm-mob-dn-pt-sg-pe-le-ht,
2536
- var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht))
2537
- );
2538
- text-decoration: var(
2539
- --_ctm-mob-dn-pt-sg-pe-ue,
2540
- var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue))
2541
- );
2542
-
2543
- border-color: var(
2544
- --_show-border,
2545
- var(
2546
- --_ctm-mob-dn-pt-sg-pe-br-cr,
2547
- var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))
2548
- )
2549
- );
2550
- border-style: var(
2551
- --_show-border,
2552
- var(
2553
- --_ctm-mob-dn-pt-sg-pe-br-se,
2554
- var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))
2555
- )
2556
- );
2557
- border-width: var(
2558
- --_show-border,
2559
- var(
2560
- --_ctm-mob-dn-pt-sg-pe-br-wh,
2561
- var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))
2562
- )
2563
- );
2564
- border-radius: var(
2565
- --_ctm-mob-dn-pt-sg-pe-br-rs,
2566
- var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs))
2567
- );
2568
-
2569
- box-shadow: var(
2570
- --_show-shadow,
2571
- var(
2572
- --_ctm-mob-dn-pt-sg-pe-sw-ae,
2573
- var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))
2574
- )
2575
- var(
2576
- --_ctm-mob-dn-pt-sg-pe-sw-br,
2577
- var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))
2578
- )
2579
- var(
2580
- --_ctm-mob-dn-pt-sg-pe-sw-sd,
2581
- var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))
2582
- )
2583
- var(
2584
- --_ctm-mob-dn-pt-sg-pe-sw-cr,
2585
- var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))
2586
- )
2587
- );
1757
+ background-color: var(--_ctm-mob-dn-pt-sg-pe-bd-cr,
1758
+ var(--_ctm-tab-dn-pt-sg-pe-bd-cr, var(--_ctm-dn-pt-sg-pe-bd-cr)));
1759
+ color: var(--_ctm-mob-dn-pt-sg-pe-cr,
1760
+ var(--_ctm-tab-dn-pt-sg-pe-cr, var(--_ctm-dn-pt-sg-pe-cr)));
1761
+ font-family: var(--_ctm-mob-dn-pt-sg-pe-ft-fy,
1762
+ var(--_ctm-tab-dn-pt-sg-pe-ft-fy, var(--_ctm-dn-pt-sg-pe-ft-fy)));
1763
+ text-transform: var(--_ctm-mob-dn-pt-sg-pe-tt-tm,
1764
+ var(--_ctm-tab-dn-pt-sg-pe-tt-tm, var(--_ctm-dn-pt-sg-pe-tt-tm)));
1765
+ word-wrap: var(--_ctm-mob-dn-pt-sg-pe-wd-wp,
1766
+ var(--_ctm-tab-dn-pt-sg-pe-wd-wp, var(--_ctm-dn-pt-sg-pe-wd-wp)));
1767
+ word-break: var(--_ctm-mob-dn-pt-sg-pe-wd-bk,
1768
+ var(--_ctm-tab-dn-pt-sg-pe-wd-bk, var(--_ctm-dn-pt-sg-pe-wd-bk)));
1769
+
1770
+ &.flex__overflow {
1771
+ white-space: normal;
1772
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1773
+ }
1774
+
1775
+ font-size: var(--_ctm-mob-dn-pt-sg-pe-ft-se,
1776
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se, var(--_ctm-dn-pt-sg-pe-ft-se)));
1777
+ font-weight: var(--_ctm-mob-dn-pt-sg-pe-ft-wt,
1778
+ var(--_ctm-tab-dn-pt-sg-pe-ft-wt, var(--_ctm-dn-pt-sg-pe-ft-wt)));
1779
+ font-style: var(--_ctm-mob-dn-pt-sg-pe-ft-se-ic,
1780
+ var(--_ctm-tab-dn-pt-sg-pe-ft-se-ic, var(--_ctm-dn-pt-sg-pe-ft-se-ic)));
1781
+ text-align: var(--_ctm-mob-dn-pt-sg-pe-tt-an,
1782
+ var(--_ctm-tab-dn-pt-sg-pe-tt-an, var(--_ctm-dn-pt-sg-pe-tt-an)));
1783
+ letter-spacing: var(--_ctm-mob-dn-pt-sg-pe-lr-sg,
1784
+ var(--_ctm-tab-dn-pt-sg-pe-lr-sg, var(--_ctm-dn-pt-sg-pe-lr-sg)));
1785
+ line-height: var(--_ctm-mob-dn-pt-sg-pe-le-ht,
1786
+ var(--_ctm-tab-dn-pt-sg-pe-le-ht, var(--_ctm-dn-pt-sg-pe-le-ht)));
1787
+ text-decoration: var(--_ctm-mob-dn-pt-sg-pe-ue,
1788
+ var(--_ctm-tab-dn-pt-sg-pe-ue, var(--_ctm-dn-pt-sg-pe-ue)));
1789
+
1790
+ border-color: var(--_show-border,
1791
+ var(--_ctm-mob-dn-pt-sg-pe-br-cr,
1792
+ var(--_ctm-tab-dn-pt-sg-pe-br-cr, var(--_ctm-dn-pt-sg-pe-br-cr))));
1793
+ border-style: var(--_show-border,
1794
+ var(--_ctm-mob-dn-pt-sg-pe-br-se,
1795
+ var(--_ctm-tab-dn-pt-sg-pe-br-se, var(--_ctm-dn-pt-sg-pe-br-se))));
1796
+ border-width: var(--_show-border,
1797
+ var(--_ctm-mob-dn-pt-sg-pe-br-wh,
1798
+ var(--_ctm-tab-dn-pt-sg-pe-br-wh, var(--_ctm-dn-pt-sg-pe-br-wh))));
1799
+ border-radius: var(--_ctm-mob-dn-pt-sg-pe-br-rs,
1800
+ var(--_ctm-tab-dn-pt-sg-pe-br-rs, var(--_ctm-dn-pt-sg-pe-br-rs)));
1801
+
1802
+ box-shadow: var(--_show-shadow,
1803
+ var(--_ctm-mob-dn-pt-sg-pe-sw-ae,
1804
+ var(--_ctm-tab-dn-pt-sg-pe-sw-ae, var(--_ctm-dn-pt-sg-pe-sw-ae))) var(--_ctm-mob-dn-pt-sg-pe-sw-br,
1805
+ var(--_ctm-tab-dn-pt-sg-pe-sw-br, var(--_ctm-dn-pt-sg-pe-sw-br))) var(--_ctm-mob-dn-pt-sg-pe-sw-sd,
1806
+ var(--_ctm-tab-dn-pt-sg-pe-sw-sd, var(--_ctm-dn-pt-sg-pe-sw-sd))) var(--_ctm-mob-dn-pt-sg-pe-sw-cr,
1807
+ var(--_ctm-tab-dn-pt-sg-pe-sw-cr, var(--_ctm-dn-pt-sg-pe-sw-cr))));
2588
1808
  }
2589
1809
 
2590
1810
  .embellishment-box {
@@ -2593,92 +1813,57 @@
2593
1813
  justify-content: space-between;
2594
1814
  gap: 5px;
2595
1815
 
2596
- background-color: var(
2597
- --_ctm-mob-dn-et-pe-bd-cr,
2598
- var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr))
2599
- );
2600
- color: var(
2601
- --_ctm-mob-dn-et-pe-cr,
2602
- var(--_ctm-tab-dn-et-pe-cr, var(--_ctm-dn-et-pe-cr))
2603
- );
2604
- font-family: var(
2605
- --_ctm-mob-dn-et-pe-ft-fy,
2606
- var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy))
2607
- );
2608
- font-size: var(
2609
- --_ctm-mob-dn-et-pe-ft-se,
2610
- var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se))
2611
- );
2612
- font-weight: var(
2613
- --_ctm-mob-dn-et-pe-ft-wt,
2614
- var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt))
2615
- );
2616
- font-style: var(
2617
- --_ctm-mob-dn-et-pe-ft-se-ic,
2618
- var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic))
2619
- );
2620
- text-align: var(
2621
- --_ctm-mob-dn-et-pe-tt-an,
2622
- var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an))
2623
- );
2624
- letter-spacing: var(
2625
- --_ctm-mob-dn-et-pe-lr-sg,
2626
- var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg))
2627
- );
2628
- line-height: var(
2629
- --_ctm-mob-dn-et-pe-le-ht,
2630
- var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht))
2631
- );
2632
- text-decoration: var(
2633
- --_ctm-mob-dn-et-pe-ue,
2634
- var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue))
2635
- );
2636
-
2637
- border-color: var(
2638
- --_show-border,
2639
- var(
2640
- --_ctm-mob-dn-et-pe-br-cr,
2641
- var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr))
2642
- )
2643
- );
2644
- border-style: var(
2645
- --_show-border,
2646
- var(
2647
- --_ctm-mob-dn-et-pe-br-se,
2648
- var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se))
2649
- )
2650
- );
2651
- border-width: var(
2652
- --_show-border,
2653
- var(
2654
- --_ctm-mob-dn-et-pe-br-wh,
2655
- var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh))
2656
- )
2657
- );
2658
- border-radius: var(
2659
- --_ctm-mob-dn-et-pe-br-rs,
2660
- var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs))
2661
- );
2662
-
2663
- box-shadow: var(
2664
- --_show-shadow,
2665
- var(
2666
- --_ctm-mob-dn-et-pe-sw-ae,
2667
- var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae))
2668
- )
2669
- var(
2670
- --_ctm-mob-dn-et-pe-sw-br,
2671
- var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))
2672
- )
2673
- var(
2674
- --_ctm-mob-dn-et-pe-sw-sd,
2675
- var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))
2676
- )
2677
- var(
2678
- --_ctm-mob-dn-et-pe-sw-cr,
2679
- var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))
2680
- )
2681
- );
1816
+ background-color: var(--_ctm-mob-dn-et-pe-bd-cr,
1817
+ var(--_ctm-tab-dn-et-pe-bd-cr, var(--_ctm-dn-et-pe-bd-cr)));
1818
+ color: var(--_ctm-mob-dn-et-pe-cr,
1819
+ var(--_ctm-tab-dn-et-pe-cr, var(--_ctm-dn-et-pe-cr)));
1820
+ font-family: var(--_ctm-mob-dn-et-pe-ft-fy,
1821
+ var(--_ctm-tab-dn-et-pe-ft-fy, var(--_ctm-dn-et-pe-ft-fy)));
1822
+ text-transform: var(--_ctm-mob-dn-et-pe-tt-tm,
1823
+ var(--_ctm-tab-dn-et-pe-tt-tm, var(--_ctm-dn-et-pe-tt-tm)));
1824
+ word-wrap: var(--_ctm-mob-dn-et-pe-wd-wp,
1825
+ var(--_ctm-tab-dn-et-pe-wd-wp, var(--_ctm-dn-et-pe-wd-wp)));
1826
+ word-break: var(--_ctm-mob-dn-et-pe-wd-bk,
1827
+ var(--_ctm-tab-dn-et-pe-wd-bk, var(--_ctm-dn-et-pe-wd-bk)));
1828
+
1829
+ &.flex__overflow {
1830
+ white-space: normal;
1831
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1832
+ }
1833
+
1834
+ font-size: var(--_ctm-mob-dn-et-pe-ft-se,
1835
+ var(--_ctm-tab-dn-et-pe-ft-se, var(--_ctm-dn-et-pe-ft-se)));
1836
+ font-weight: var(--_ctm-mob-dn-et-pe-ft-wt,
1837
+ var(--_ctm-tab-dn-et-pe-ft-wt, var(--_ctm-dn-et-pe-ft-wt)));
1838
+ font-style: var(--_ctm-mob-dn-et-pe-ft-se-ic,
1839
+ var(--_ctm-tab-dn-et-pe-ft-se-ic, var(--_ctm-dn-et-pe-ft-se-ic)));
1840
+ text-align: var(--_ctm-mob-dn-et-pe-tt-an,
1841
+ var(--_ctm-tab-dn-et-pe-tt-an, var(--_ctm-dn-et-pe-tt-an)));
1842
+ letter-spacing: var(--_ctm-mob-dn-et-pe-lr-sg,
1843
+ var(--_ctm-tab-dn-et-pe-lr-sg, var(--_ctm-dn-et-pe-lr-sg)));
1844
+ line-height: var(--_ctm-mob-dn-et-pe-le-ht,
1845
+ var(--_ctm-tab-dn-et-pe-le-ht, var(--_ctm-dn-et-pe-le-ht)));
1846
+ text-decoration: var(--_ctm-mob-dn-et-pe-ue,
1847
+ var(--_ctm-tab-dn-et-pe-ue, var(--_ctm-dn-et-pe-ue)));
1848
+
1849
+ border-color: var(--_show-border,
1850
+ var(--_ctm-mob-dn-et-pe-br-cr,
1851
+ var(--_ctm-tab-dn-et-pe-br-cr, var(--_ctm-dn-et-pe-br-cr))));
1852
+ border-style: var(--_show-border,
1853
+ var(--_ctm-mob-dn-et-pe-br-se,
1854
+ var(--_ctm-tab-dn-et-pe-br-se, var(--_ctm-dn-et-pe-br-se))));
1855
+ border-width: var(--_show-border,
1856
+ var(--_ctm-mob-dn-et-pe-br-wh,
1857
+ var(--_ctm-tab-dn-et-pe-br-wh, var(--_ctm-dn-et-pe-br-wh))));
1858
+ border-radius: var(--_ctm-mob-dn-et-pe-br-rs,
1859
+ var(--_ctm-tab-dn-et-pe-br-rs, var(--_ctm-dn-et-pe-br-rs)));
1860
+
1861
+ box-shadow: var(--_show-shadow,
1862
+ var(--_ctm-mob-dn-et-pe-sw-ae,
1863
+ var(--_ctm-tab-dn-et-pe-sw-ae, var(--_ctm-dn-et-pe-sw-ae))) var(--_ctm-mob-dn-et-pe-sw-br,
1864
+ var(--_ctm-tab-dn-et-pe-sw-br, var(--_ctm-dn-et-pe-sw-br))) var(--_ctm-mob-dn-et-pe-sw-sd,
1865
+ var(--_ctm-tab-dn-et-pe-sw-sd, var(--_ctm-dn-et-pe-sw-sd))) var(--_ctm-mob-dn-et-pe-sw-cr,
1866
+ var(--_ctm-tab-dn-et-pe-sw-cr, var(--_ctm-dn-et-pe-sw-cr))));
2682
1867
  }
2683
1868
  }
2684
1869
  }
@@ -2817,6 +2002,7 @@
2817
2002
  border-color: transparent #333 transparent transparent;
2818
2003
  }
2819
2004
  }
2005
+
2820
2006
  // Tooltip SCSS Style Ends Here -
2821
2007
 
2822
2008
  // Popover SCSS Style Starts Here -
@@ -2838,102 +2024,63 @@
2838
2024
  min-width: 180px;
2839
2025
  display: flex;
2840
2026
  flex-direction: column;
2841
- gap: var(
2842
- --_ctm-mob-dn-pr-se-im-gp,
2843
- var(--_ctm-tab-dn-pr-se-im-gp, var(--_ctm-dn-pr-se-im-gp))
2844
- );
2845
-
2846
- background-color: var(
2847
- --_ctm-mob-dn-pr-se-bd-cr,
2848
- var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
2849
- );
2850
- color: var(
2851
- --_ctm-mob-dn-pr-se-cr,
2852
- var(--_ctm-tab-dn-pr-se-cr, var(--_ctm-dn-pr-se-cr))
2853
- );
2854
- font-family: var(
2855
- --_ctm-mob-dn-pr-se-ft-fy,
2856
- var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
2857
- );
2858
- font-size: var(
2859
- --_ctm-mob-dn-pr-se-ft-se,
2860
- var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
2861
- );
2862
- font-weight: var(
2863
- --_ctm-mob-dn-pr-se-ft-wt,
2864
- var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt))
2865
- );
2866
- font-style: var(
2867
- --_ctm-mob-dn-pr-se-ft-se-ic,
2868
- var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic))
2869
- );
2870
- text-align: var(
2871
- --_ctm-mob-dn-pr-se-tt-an,
2872
- var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an))
2873
- );
2874
- letter-spacing: var(
2875
- --_ctm-mob-dn-pr-se-lr-sg,
2876
- var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg))
2877
- );
2878
- line-height: var(
2879
- --_ctm-mob-dn-pr-se-le-ht,
2880
- var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht))
2881
- );
2882
- text-decoration: var(
2883
- --_ctm-mob-dn-pr-se-ue,
2884
- var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue))
2885
- );
2886
-
2887
- border-color: var(
2888
- --_show-border,
2889
- var(
2890
- --_ctm-mob-dn-pr-se-br-cr,
2891
- var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))
2892
- )
2893
- );
2894
- border-style: var(
2895
- --_show-border,
2896
- var(
2897
- --_ctm-mob-dn-pr-se-br-se,
2898
- var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se))
2899
- )
2900
- );
2901
- border-width: var(
2902
- --_show-border,
2903
- var(
2904
- --_ctm-mob-dn-pr-se-br-wh,
2905
- var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh))
2906
- )
2907
- );
2908
- border-radius: var(
2909
- --_ctm-mob-dn-pr-se-br-rs,
2910
- var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs))
2911
- );
2912
-
2913
- box-shadow: var(
2914
- --_show-shadow,
2915
- var(
2916
- --_ctm-mob-dn-pr-se-sw-ae,
2917
- var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae))
2918
- )
2919
- var(
2920
- --_ctm-mob-dn-pr-se-sw-br,
2921
- var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))
2922
- )
2923
- var(
2924
- --_ctm-mob-dn-pr-se-sw-sd,
2925
- var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))
2926
- )
2927
- var(
2928
- --_ctm-mob-dn-pr-se-sw-cr,
2929
- var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))
2930
- )
2931
- );
2932
-
2933
- padding: var(
2934
- --_ctm-mob-dn-pr-se-pg,
2935
- var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg))
2936
- );
2027
+ gap: var(--_ctm-mob-dn-pr-se-im-gp,
2028
+ var(--_ctm-tab-dn-pr-se-im-gp, var(--_ctm-dn-pr-se-im-gp)));
2029
+
2030
+ background-color: var(--_ctm-mob-dn-pr-se-bd-cr,
2031
+ var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr)));
2032
+ color: var(--_ctm-mob-dn-pr-se-cr,
2033
+ var(--_ctm-tab-dn-pr-se-cr, var(--_ctm-dn-pr-se-cr)));
2034
+ font-family: var(--_ctm-mob-dn-pr-se-ft-fy,
2035
+ var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy)));
2036
+ text-transform: var(--_ctm-mob-dn-pr-se-tt-tm,
2037
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm)));
2038
+ word-wrap: var(--_ctm-mob-dn-pr-se-wd-wp,
2039
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp)));
2040
+ word-break: var(--_ctm-mob-dn-pr-se-wd-bk,
2041
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk)));
2042
+
2043
+ &.flex__overflow {
2044
+ white-space: normal;
2045
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2046
+ }
2047
+
2048
+ font-size: var(--_ctm-mob-dn-pr-se-ft-se,
2049
+ var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se)));
2050
+ font-weight: var(--_ctm-mob-dn-pr-se-ft-wt,
2051
+ var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt)));
2052
+ font-style: var(--_ctm-mob-dn-pr-se-ft-se-ic,
2053
+ var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic)));
2054
+ text-align: var(--_ctm-mob-dn-pr-se-tt-an,
2055
+ var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an)));
2056
+ letter-spacing: var(--_ctm-mob-dn-pr-se-lr-sg,
2057
+ var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg)));
2058
+ line-height: var(--_ctm-mob-dn-pr-se-le-ht,
2059
+ var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht)));
2060
+ text-decoration: var(--_ctm-mob-dn-pr-se-ue,
2061
+ var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue)));
2062
+
2063
+ border-color: var(--_show-border,
2064
+ var(--_ctm-mob-dn-pr-se-br-cr,
2065
+ var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))));
2066
+ border-style: var(--_show-border,
2067
+ var(--_ctm-mob-dn-pr-se-br-se,
2068
+ var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se))));
2069
+ border-width: var(--_show-border,
2070
+ var(--_ctm-mob-dn-pr-se-br-wh,
2071
+ var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh))));
2072
+ border-radius: var(--_ctm-mob-dn-pr-se-br-rs,
2073
+ var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs)));
2074
+
2075
+ box-shadow: var(--_show-shadow,
2076
+ var(--_ctm-mob-dn-pr-se-sw-ae,
2077
+ var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae))) var(--_ctm-mob-dn-pr-se-sw-br,
2078
+ var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))) var(--_ctm-mob-dn-pr-se-sw-sd,
2079
+ var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))) var(--_ctm-mob-dn-pr-se-sw-cr,
2080
+ var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))));
2081
+
2082
+ padding: var(--_ctm-mob-dn-pr-se-pg,
2083
+ var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg)));
2937
2084
 
2938
2085
  .breakdown-row {
2939
2086
  display: flex;
@@ -2948,20 +2095,16 @@
2948
2095
  left: -5px;
2949
2096
  width: 10px;
2950
2097
  height: 10px;
2951
- background-color: var(
2952
- --_ctm-mob-dn-pr-se-bd-cr,
2953
- var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
2954
- );
2098
+ background-color: var(--_ctm-mob-dn-pr-se-bd-cr,
2099
+ var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr)));
2955
2100
  transform: rotate(-45deg);
2956
- box-shadow: -1px -1px 0px
2957
- var(
2958
- --_ctm-mob-dn-pr-se-br-cr,
2959
- var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))
2960
- );
2101
+ box-shadow: -1px -1px 0px var(--_ctm-mob-dn-pr-se-br-cr,
2102
+ var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
2961
2103
  }
2962
2104
  }
2105
+
2963
2106
  // Popover SCSS Style Ends Here -
2964
2107
  }
2965
2108
  }
2966
2109
  }
2967
- }
2110
+ }