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

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