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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/add-existing-form.scss +68 -68
  2. package/dist/add-products-tab-details.scss +4071 -4071
  3. package/dist/add-products-tab-uom-details.scss +1106 -1106
  4. package/dist/add-products-tab.scss +2377 -2377
  5. package/dist/allocation-header-quota-details.scss +609 -609
  6. package/dist/allocations-quota-details.scss +525 -525
  7. package/dist/amount-estimator.scss +1192 -1192
  8. package/dist/animation-control.scss +23 -23
  9. package/dist/badge.scss +408 -408
  10. package/dist/brand-basic-elements.scss +387 -387
  11. package/dist/brand.scss +142 -142
  12. package/dist/breadcrumbs.scss +966 -966
  13. package/dist/builder.js +1 -1
  14. package/dist/bulk-order-pad.scss +692 -692
  15. package/dist/bundleDetails.scss +6189 -6189
  16. package/dist/buy-for-tab-container.scss +141 -141
  17. package/dist/buy-for-tab.scss +649 -649
  18. package/dist/buy-for-tabs-container-item.scss +80 -80
  19. package/dist/buyForPopup.scss +339 -339
  20. package/dist/cart-details.scss +3986 -3986
  21. package/dist/cart-products-sidebar.scss +211 -211
  22. package/dist/cart-wrapper.scss +127 -127
  23. package/dist/cartDropdownOverlay.scss +653 -653
  24. package/dist/cartGrouping.scss +89 -89
  25. package/dist/category-groups-element.scss +739 -739
  26. package/dist/category-groups-quota-details.scss +626 -626
  27. package/dist/category.scss +137 -137
  28. package/dist/categoryDetails.scss +61 -61
  29. package/dist/categoryWidget.scss +34 -34
  30. package/dist/checkbox-radio.scss +124 -124
  31. package/dist/code-temp.scss +59 -59
  32. package/dist/colorpicker_v2.scss +62 -62
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirm-modal.scss +370 -370
  35. package/dist/confirmationModal.scss +139 -139
  36. package/dist/contact-us.scss +105 -105
  37. package/dist/container.scss +168 -168
  38. package/dist/custom-fonts.scss +100 -100
  39. package/dist/customization-tree.scss +162 -162
  40. package/dist/default-dropdown.scss +259 -259
  41. package/dist/dropdownTemplate.scss +699 -699
  42. package/dist/editCartItem.scss +110 -110
  43. package/dist/embed-temp.scss +73 -73
  44. package/dist/embroider-preview-element.scss +94 -94
  45. package/dist/embroider-template-1-v2.scss +1105 -1105
  46. package/dist/embroider-template-1.scss +501 -501
  47. package/dist/embroidery.scss +247 -247
  48. package/dist/employee-bulk-order.scss +4060 -4060
  49. package/dist/emtpy-templates.scss +165 -165
  50. package/dist/faq.scss +696 -696
  51. package/dist/fb-dropdown.scss +135 -135
  52. package/dist/filter-results.scss +361 -361
  53. package/dist/flex-text-editor.scss +271 -271
  54. package/dist/form-preview.scss +530 -530
  55. package/dist/global-styles.scss +198 -198
  56. package/dist/grid.scss +169 -169
  57. package/dist/icon-library.scss +78 -78
  58. package/dist/image-for-product.scss +21 -21
  59. package/dist/image-temp.scss +203 -203
  60. package/dist/item-stock.scss +93 -93
  61. package/dist/kitDetails.scss +5739 -5739
  62. package/dist/kits.scss +305 -305
  63. package/dist/language-selector.scss +948 -948
  64. package/dist/last-x-orders.scss +285 -285
  65. package/dist/layouter-item.scss +141 -141
  66. package/dist/layouter-pro-item.scss +139 -139
  67. package/dist/layouter-pro.scss +134 -134
  68. package/dist/layouter.scss +491 -491
  69. package/dist/light-box-v2.scss +155 -155
  70. package/dist/lightbox.scss +78 -78
  71. package/dist/loader.scss +37 -37
  72. package/dist/login.scss +29 -11
  73. package/dist/marchandiserSets.scss +141 -141
  74. package/dist/mega-menu-container.scss +152 -152
  75. package/dist/menu-item.scss +19 -19
  76. package/dist/menu-v2.scss +999 -999
  77. package/dist/menu.scss +174 -174
  78. package/dist/multi-select-dropdown.scss +316 -316
  79. package/dist/my-templates.scss +477 -477
  80. package/dist/my-wishlist.scss +27 -27
  81. package/dist/option-bar.scss +886 -886
  82. package/dist/order-processing.scss +61 -61
  83. package/dist/order-status.scss +74 -0
  84. package/dist/overflow-module.scss +63 -63
  85. package/dist/past-orders.scss +1039 -1039
  86. package/dist/payment-methods.scss +307 -307
  87. package/dist/phone-input.scss +208 -208
  88. package/dist/pickup-locations.scss +1359 -1359
  89. package/dist/position-module.scss +95 -95
  90. package/dist/prefix-list.scss +86 -86
  91. package/dist/product-actions.scss +2872 -2872
  92. package/dist/product-basic-elements.scss +600 -600
  93. package/dist/product-customizations.scss +155 -155
  94. package/dist/product-inventory.scss +1621 -1621
  95. package/dist/product-labels.scss +265 -265
  96. package/dist/product-price.scss +3392 -3392
  97. package/dist/product-promotions.scss +3224 -3224
  98. package/dist/product-sizechart.scss +1921 -1921
  99. package/dist/product.scss +140 -140
  100. package/dist/profile.scss +824 -824
  101. package/dist/quantity-selector.scss +1074 -1074
  102. package/dist/quick-inventory-check.scss +285 -285
  103. package/dist/quick-links.scss +627 -627
  104. package/dist/quota-details.scss +526 -526
  105. package/dist/repeater-embla-controls.scss +211 -211
  106. package/dist/repeater-grid-toggle.scss +206 -206
  107. package/dist/repeater-item.scss +152 -152
  108. package/dist/repeater.scss +946 -946
  109. package/dist/request-for-quotes.scss +841 -841
  110. package/dist/responsive-behaviour.scss +29 -29
  111. package/dist/rfqs.scss +861 -861
  112. package/dist/scroll.scss +414 -414
  113. package/dist/search.scss +689 -689
  114. package/dist/section.scss +276 -276
  115. package/dist/shareCartSideBar.scss +254 -254
  116. package/dist/shipping-estimator.scss +41 -41
  117. package/dist/shipping-payments.scss +2518 -2518
  118. package/dist/simple-list.scss +338 -338
  119. package/dist/skeleton.scss +64 -64
  120. package/dist/sort.scss +176 -176
  121. package/dist/spotlight.scss +1706 -1706
  122. package/dist/stack.scss +171 -171
  123. package/dist/static-global.scss +292 -292
  124. package/dist/static-text.scss +52 -52
  125. package/dist/stockStatus.scss +70 -70
  126. package/dist/store-locations.scss +1592 -1592
  127. package/dist/sub-category.scss +74 -74
  128. package/dist/submit-quote.scss +275 -275
  129. package/dist/tab-container-item.scss +80 -80
  130. package/dist/tab-container.scss +141 -141
  131. package/dist/table.scss +9 -0
  132. package/dist/tabs.scss +440 -440
  133. package/dist/text-temp.scss +109 -109
  134. package/dist/theme-classes.scss +421 -421
  135. package/dist/toaster.scss +392 -392
  136. package/dist/toggle-button.scss +32 -32
  137. package/dist/transform-properties-module.scss +20 -20
  138. package/dist/types/builder/tools/element-edit/login.d.ts +1 -0
  139. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +1 -0
  140. package/dist/wishlist-overlay.scss +48 -48
  141. package/package.json +1 -1
package/dist/amount-estimator.scss CHANGED
@@ -1,1192 +1,1192 @@
1
- @use "./functions.scss" as *;
2
- @use "sass:map";
3
- @use "sass:list";
4
-
5
- [data-div-type="element"] {
6
- &[data-element-type="amountEstimator"] {
7
- // width: var(--_lt-wh);
8
- // height: var(--_lt-ht);
9
- // margin: var(--_lt-mn);
10
- // padding: var(--_lt-pg);
11
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
- // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
- // height: ;
16
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
- // --_aspect-ratio: calc(
18
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
- // );
20
-
21
- & > .wrapper {
22
- width: 100%;
23
- // height: 100%;
24
- }
25
- &[data-show-shadow="false"] {
26
- --_show-shadow: none;
27
- }
28
- .text-element {
29
- background: #6d96e4;
30
- padding: 10px;
31
- font-weight: 600;
32
- color: rgba(75, 69, 70, 1);
33
- }
34
- .amount__estimator_container {
35
- background-color: var(
36
- --_ctm-mob-dn-wt-se-bd-cr,
37
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
38
- );
39
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
40
- display: flex;
41
- flex-direction: column;
42
- --_sf-gp: var(
43
- --_ctm-mob-lt-im-sg,
44
- var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
45
- );
46
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
47
- row-gap: var(--_sf-gp);
48
- width: 100%;
49
- // height: 100%;
50
- border-color: var(
51
- --_ctm-mob-dn-wt-se-br-cr,
52
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
53
- );
54
- border-style: var(
55
- --_ctm-mob-dn-wt-se-br-se,
56
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
57
- );
58
- border-width: var(
59
- --_ctm-mob-dn-wt-se-br-wh,
60
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
61
- );
62
- border-radius: var(
63
- --_ctm-mob-dn-wt-se-br-rs,
64
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
65
- );
66
- box-shadow: var(
67
- --_show-shadow,
68
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
69
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
70
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
71
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
72
- );
73
- .button_main {
74
- border: 1px solid var(--_gray-600);
75
- width: 100%;
76
- height: auto;
77
- overflow-y: auto;
78
- // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
79
- //Input button group
80
- .input__btn__group {
81
- display: flex;
82
- align-items: center;
83
- gap: 8px;
84
- color: #fff;
85
- font-weight: 600;
86
- font-size: 16px;
87
- width: 100%;
88
- border-radius: 6px;
89
- // & > div {
90
- // width: 100%;
91
- // }
92
-
93
- .search-container {
94
- width: 100%;
95
- height: 100%;
96
- &.dropdown {
97
- &:focus-within {
98
- .dropdown__options {
99
- display: block;
100
- }
101
- }
102
- }
103
- }
104
-
105
- .search-wrapper {
106
- display: flex;
107
- align-items: center;
108
- width: 100%;
109
- height: 100%;
110
- border: 1px solid var(--_gray-200);
111
- background-color: var(
112
- --_ctm-mob-dn-sh-br-bd-cr,
113
- var(--_ctm-tab-dn-sh-br-bd-cr, var(--_ctm-dn-sh-br-bd-cr))
114
- );
115
- border-color: var(
116
- --_ctm-mob-dn-sh-br-br-cr,
117
- var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
118
- );
119
- border-style: var(
120
- --_ctm-mob-dn-sh-br-br-se,
121
- var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
122
- );
123
- border-width: var(
124
- --_ctm-mob-dn-sh-br-br-wh,
125
- var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
126
- );
127
- box-shadow: var(
128
- --_show-shadow,
129
- var(
130
- --_ctm-mob-dn-sh-br-sw-ae,
131
- var(--_ctm-tab-dn-sh-br-sw-ae, var(--_ctm-dn-sh-br-sw-ae))
132
- )
133
- var(
134
- --_ctm-mob-dn-sh-br-sw-br,
135
- var(--_ctm-tab-dn-sh-br-sw-br, var(--_ctm-dn-sh-br-sw-br))
136
- )
137
- var(
138
- --_ctm-mob-dn-sh-br-sw-sd,
139
- var(--_ctm-tab-dn-sh-br-sw-sd, var(--_ctm-dn-sh-br-sw-sd))
140
- )
141
- var(
142
- --_ctm-mob-dn-sh-br-sw-cr,
143
- var(--_ctm-tab-dn-sh-br-sw-cr, var(--_ctm-dn-sh-br-sw-cr))
144
- )
145
- );
146
- border-radius: var(
147
- --_ctm-mob-dn-sh-br-br-rs,
148
- var(--_ctm-tab-dn-sh-br-br-rs, var(--_ctm-dn-sh-br-br-rs))
149
- );
150
-
151
- .search-icon {
152
- font-size: 18px;
153
- margin-right: 8px;
154
- color: #555;
155
- }
156
-
157
- .search-input {
158
- flex-grow: 1;
159
- border: none;
160
- outline: none;
161
- padding: 8px;
162
- font-size: 14px;
163
- color: #333;
164
- background: transparent;
165
- border-radius: 6px;
166
-
167
- &::placeholder {
168
- color: var(
169
- --_ctm-mob-dn-pr-tt-cr,
170
- var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr))
171
- );
172
- font-family: var(
173
- --_ctm-mob-dn-pr-tt-ft-fy,
174
- var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
175
- );
176
- text-transform: var(
177
- --_ctm-mob-dn-pr-tt-tt-tm,
178
- var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
179
- );
180
- word-wrap: var(
181
- --_ctm-mob-dn-pr-tt-wd-wp,
182
- var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
183
- );
184
- word-break: var(
185
- --_ctm-mob-dn-pr-tt-wd-bk,
186
- var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
187
- );
188
- font-size: var(
189
- --_ctm-mob-dn-pr-tt-ft-se,
190
- var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
191
- );
192
- font-weight: var(
193
- --_ctm-mob-dn-pr-tt-ft-wt,
194
- var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
195
- );
196
- font-style: var(
197
- --_ctm-mob-dn-pr-tt-ft-se-ic,
198
- var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
199
- );
200
- text-align: var(
201
- --_ctm-mob-dn-pr-tt-tt-an,
202
- var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
203
- );
204
- letter-spacing: var(
205
- --_ctm-mob-dn-pr-tt-lr-sg,
206
- var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
207
- );
208
- line-height: var(
209
- --_ctm-mob-dn-pr-tt-le-ht,
210
- var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
211
- );
212
- text-decoration: var(
213
- --_ctm-mob-dn-pr-tt-ue,
214
- var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
215
- );
216
- }
217
- }
218
-
219
- .search-button {
220
- color: #fff;
221
- border: none;
222
- padding-left: 10px;
223
- border-radius: 4px;
224
- // cursor: pointer;
225
- transition: 0.3s;
226
- svg {
227
- width: var(
228
- --_ctm-mob-dn-sh-in-in-se,
229
- var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
230
- );
231
- height: var(
232
- --_ctm-mob-dn-sh-in-in-se,
233
- var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
234
- );
235
-
236
- path {
237
- stroke: var(
238
- --_ctm-mob-dn-sh-in-in-c1,
239
- var(--_ctm-tab-dn-sh-in-in-c1, var(--_ctm-dn-sh-in-in-c1))
240
- );
241
- // Overrides the stroke-width presentation attribute baked into the icon markup.
242
- stroke-width: prepareMediaVariable(--_ctm-dn-sh-in-se-wh, 1.25);
243
- }
244
- }
245
-
246
- // &:hover {
247
- // background: #0056b3;
248
- // }
249
- }
250
- }
251
-
252
- .confirm__btn {
253
- cursor: pointer;
254
- display: flex;
255
- justify-content: center;
256
- align-items: center;
257
- padding: 8px;
258
- gap: 8px;
259
- width: 100%;
260
- height: 100%;
261
-
262
- background-color: var(
263
- --_ctm-mob-dn-vw-os-bn-dt-se-bd-cr,
264
- var(--_ctm-tab-dn-vw-os-bn-dt-se-bd-cr, var(--_ctm-dn-vw-os-bn-dt-se-bd-cr))
265
- );
266
- color: var(
267
- --_ctm-mob-dn-vw-os-bn-dt-se-cr,
268
- var(--_ctm-tab-dn-vw-os-bn-dt-se-cr, var(--_ctm-dn-vw-os-bn-dt-se-cr))
269
- );
270
-
271
- border-color: var(
272
- --_show-border-im-se,
273
- var(
274
- --_ctm-mob-dn-vw-os-bn-dt-se-br-cr,
275
- var(--_ctm-tab-dn-vw-os-bn-dt-se-br-cr, var(--_ctm-dn-vw-os-bn-dt-se-br-cr))
276
- )
277
- );
278
- border-style: var(
279
- --_show-border-im-se,
280
- var(
281
- --_ctm-mob-dn-vw-os-bn-dt-se-br-se,
282
- var(--_ctm-tab-dn-vw-os-bn-dt-se-br-se, var(--_ctm-dn-vw-os-bn-dt-se-br-se))
283
- )
284
- );
285
- border-width: var(
286
- --_show-border-im-se,
287
- var(
288
- --_ctm-mob-dn-vw-os-bn-dt-se-br-wh,
289
- var(--_ctm-tab-dn-vw-os-bn-dt-se-br-wh, var(--_ctm-dn-vw-os-bn-dt-se-br-wh))
290
- )
291
- );
292
- border-radius: var(
293
- --_ctm-mob-dn-vw-os-bn-dt-se-br-rs,
294
- var(--_ctm-tab-dn-vw-os-bn-dt-se-br-rs, var(--_ctm-dn-vw-os-bn-dt-se-br-rs))
295
- );
296
-
297
- box-shadow: var(
298
- --_show-shadow-im-se,
299
- var(
300
- --_ctm-mob-dn-vw-os-bn-dt-se-sw-ae,
301
- var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-ae, var(--_ctm-dn-vw-os-bn-dt-se-sw-ae))
302
- )
303
- var(
304
- --_ctm-mob-dn-vw-os-bn-dt-se-sw-br,
305
- var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-br, var(--_ctm-dn-vw-os-bn-dt-se-sw-br))
306
- )
307
- var(
308
- --_ctm-mob-dn-vw-os-bn-dt-se-sw-sd,
309
- var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-sd, var(--_ctm-dn-vw-os-bn-dt-se-sw-sd))
310
- )
311
- var(
312
- --_ctm-mob-dn-vw-os-bn-dt-se-sw-cr,
313
- var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-cr, var(--_ctm-dn-vw-os-bn-dt-se-sw-cr))
314
- )
315
- );
316
-
317
- font-family: var(
318
- --_ctm-mob-dn-vw-os-bn-dt-se-ft-fy,
319
- var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-fy, var(--_ctm-dn-vw-os-bn-dt-se-ft-fy))
320
- );
321
- text-transform: var(
322
- --_ctm-mob-dn-vw-os-bn-dt-se-tt-tm,
323
- var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-tm, var(--_ctm-dn-vw-os-bn-dt-se-tt-tm))
324
- );
325
- word-wrap: var(
326
- --_ctm-mob-dn-vw-os-bn-dt-se-wd-wp,
327
- var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-wp, var(--_ctm-dn-vw-os-bn-dt-se-wd-wp))
328
- );
329
- word-break: var(
330
- --_ctm-mob-dn-vw-os-bn-dt-se-wd-bk,
331
- var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-bk, var(--_ctm-dn-vw-os-bn-dt-se-wd-bk))
332
- );
333
- &.flex__overflow {
334
- white-space: normal;
335
- @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
336
- }
337
- font-size: var(
338
- --_ctm-mob-dn-vw-os-bn-dt-se-ft-se,
339
- var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se, var(--_ctm-dn-vw-os-bn-dt-se-ft-se))
340
- );
341
- font-weight: var(
342
- --_ctm-mob-dn-vw-os-bn-dt-se-ft-wt,
343
- var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-wt, var(--_ctm-dn-vw-os-bn-dt-se-ft-wt))
344
- );
345
- font-style: var(
346
- --_ctm-mob-dn-vw-os-bn-dt-se-ft-se-ic,
347
- var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-dt-se-ft-se-ic))
348
- );
349
- text-align: var(
350
- --_ctm-mob-dn-vw-os-bn-dt-se-tt-an,
351
- var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-an, var(--_ctm-dn-vw-os-bn-dt-se-tt-an))
352
- );
353
- letter-spacing: var(
354
- --_ctm-mob-dn-vw-os-bn-dt-se-lr-sg,
355
- var(--_ctm-tab-dn-vw-os-bn-dt-se-lr-sg, var(--_ctm-dn-vw-os-bn-dt-se-lr-sg))
356
- );
357
- line-height: var(
358
- --_ctm-mob-dn-vw-os-bn-dt-se-le-ht,
359
- var(--_ctm-tab-dn-vw-os-bn-dt-se-le-ht, var(--_ctm-dn-vw-os-bn-dt-se-le-ht))
360
- );
361
- text-decoration: var(
362
- --_ctm-mob-dn-vw-os-bn-dt-se-ue,
363
- var(--_ctm-tab-dn-vw-os-bn-dt-se-ue, var(--_ctm-dn-vw-os-bn-dt-se-ue))
364
- );
365
-
366
- svg {
367
- width: var(
368
- --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
369
- var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
370
- );
371
- height: var(
372
- --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
373
- var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
374
- );
375
- path {
376
- stroke: var(
377
- --_ctm-mob-dn-vw-os-bn-dt-se-in-c1,
378
- var(--_ctm-tab-dn-vw-os-bn-dt-se-in-c1, var(--_ctm-dn-vw-os-bn-dt-se-in-c1))
379
- );
380
- // Overrides the stroke-width presentation attribute baked into the icon markup.
381
- stroke-width: prepareMediaVariable(--_ctm-dn-vw-os-bn-dt-se-se-wh, 1.25);
382
- }
383
- }
384
- &:hover {
385
- background-color: var(
386
- --_ctm-mob-dn-vw-os-bn-hr-se-bd-cr,
387
- var(--_ctm-tab-dn-vw-os-bn-hr-se-bd-cr, var(--_ctm-dn-vw-os-bn-hr-se-bd-cr))
388
- );
389
-
390
- border-color: var(
391
- --_show-border-im-se,
392
- var(
393
- --_ctm-mob-dn-vw-os-bn-hr-se-br-cr,
394
- var(--_ctm-tab-dn-vw-os-bn-hr-se-br-cr, var(--_ctm-dn-vw-os-bn-hr-se-br-cr))
395
- )
396
- );
397
- border-style: var(
398
- --_show-border-im-se,
399
- var(
400
- --_ctm-mob-dn-vw-os-bn-hr-se-br-se,
401
- var(--_ctm-tab-dn-vw-os-bn-hr-se-br-se, var(--_ctm-dn-vw-os-bn-hr-se-br-se))
402
- )
403
- );
404
- border-width: var(
405
- --_show-border-im-se,
406
- var(
407
- --_ctm-mob-dn-vw-os-bn-hr-se-br-wh,
408
- var(--_ctm-tab-dn-vw-os-bn-hr-se-br-wh, var(--_ctm-dn-vw-os-bn-hr-se-br-wh))
409
- )
410
- );
411
- border-radius: var(
412
- --_ctm-mob-dn-vw-os-bn-hr-se-br-rs,
413
- var(--_ctm-tab-dn-vw-os-bn-hr-se-br-rs, var(--_ctm-dn-vw-os-bn-hr-se-br-rs))
414
- );
415
-
416
- box-shadow: var(
417
- --_show-shadow-im-se,
418
- var(
419
- --_ctm-mob-dn-vw-os-bn-hr-se-sw-ae,
420
- var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-ae, var(--_ctm-dn-vw-os-bn-hr-se-sw-ae))
421
- )
422
- var(
423
- --_ctm-mob-dn-vw-os-bn-hr-se-sw-br,
424
- var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-br, var(--_ctm-dn-vw-os-bn-hr-se-sw-br))
425
- )
426
- var(
427
- --_ctm-mob-dn-vw-os-bn-hr-se-sw-sd,
428
- var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-sd, var(--_ctm-dn-vw-os-bn-hr-se-sw-sd))
429
- )
430
- var(
431
- --_ctm-mob-dn-vw-os-bn-hr-se-sw-cr,
432
- var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-cr, var(--_ctm-dn-vw-os-bn-hr-se-sw-cr))
433
- )
434
- );
435
-
436
- color: var(
437
- --_ctm-mob-dn-vw-os-bn-hr-se-cr,
438
- var(--_ctm-tab-dn-vw-os-bn-hr-se-cr, var(--_ctm-dn-vw-os-bn-hr-se-cr))
439
- );
440
-
441
- font-family: var(
442
- --_ctm-mob-dn-vw-os-bn-hr-se-ft-fy,
443
- var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-fy, var(--_ctm-dn-vw-os-bn-hr-se-ft-fy))
444
- );
445
- text-transform: var(
446
- --_ctm-mob-dn-vw-os-bn-hr-se-tt-tm,
447
- var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-tm, var(--_ctm-dn-vw-os-bn-hr-se-tt-tm))
448
- );
449
- word-wrap: var(
450
- --_ctm-mob-dn-vw-os-bn-hr-se-wd-wp,
451
- var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-wp, var(--_ctm-dn-vw-os-bn-hr-se-wd-wp))
452
- );
453
- word-break: var(
454
- --_ctm-mob-dn-vw-os-bn-hr-se-wd-bk,
455
- var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-bk, var(--_ctm-dn-vw-os-bn-hr-se-wd-bk))
456
- );
457
-
458
- font-size: var(
459
- --_ctm-mob-dn-vw-os-bn-hr-se-ft-se,
460
- var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se, var(--_ctm-dn-vw-os-bn-hr-se-ft-se))
461
- );
462
-
463
- font-weight: var(
464
- --_ctm-mob-dn-vw-os-bn-hr-se-ft-wt,
465
- var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-wt, var(--_ctm-dn-vw-os-bn-hr-se-ft-wt))
466
- );
467
-
468
- font-style: var(
469
- --_ctm-mob-dn-vw-os-bn-hr-se-ft-se-ic,
470
- var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-hr-se-ft-se-ic))
471
- );
472
-
473
- text-align: var(
474
- --_ctm-mob-dn-vw-os-bn-hr-se-tt-an,
475
- var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-an, var(--_ctm-dn-vw-os-bn-hr-se-tt-an))
476
- );
477
-
478
- letter-spacing: var(
479
- --_ctm-mob-dn-vw-os-bn-hr-se-lr-sg,
480
- var(--_ctm-tab-dn-vw-os-bn-hr-se-lr-sg, var(--_ctm-dn-vw-os-bn-hr-se-lr-sg))
481
- );
482
-
483
- line-height: var(
484
- --_ctm-mob-dn-vw-os-bn-hr-se-le-ht,
485
- var(--_ctm-tab-dn-vw-os-bn-hr-se-le-ht, var(--_ctm-dn-vw-os-bn-hr-se-le-ht))
486
- );
487
-
488
- text-decoration: var(
489
- --_ctm-mob-dn-vw-os-bn-hr-se-ue,
490
- var(--_ctm-tab-dn-vw-os-bn-hr-se-ue, var(--_ctm-dn-vw-os-bn-hr-se-ue))
491
- );
492
-
493
- svg {
494
- width: var(
495
- --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
496
- var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
497
- );
498
- height: var(
499
- --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
500
- var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
501
- );
502
- path {
503
- stroke: var(
504
- --_ctm-mob-dn-vw-os-bn-hr-se-in-c1,
505
- var(--_ctm-tab-dn-vw-os-bn-hr-se-in-c1, var(--_ctm-dn-vw-os-bn-hr-se-in-c1))
506
- );
507
- }
508
- }
509
- }
510
- }
511
- }
512
- .button__container {
513
- background-color: var(--_gray-50);
514
- .title {
515
- font-size: 16px;
516
- font-weight: 600;
517
- color: #475467;
518
- padding: 20px 0px 6px 0px;
519
- background-color: #fff;
520
- }
521
-
522
- .form__container {
523
- padding: 16px;
524
- .form__header {
525
- display: flex;
526
- justify-content: space-between;
527
- align-items: center;
528
- cursor: pointer;
529
- font-weight: 600;
530
- color: var(--_primary-400);
531
- color: var(
532
- --_ctm-mob-dn-wt-tt-ss-cr,
533
- var(--_ctm-tab-dn-wt-tt-ss-cr, var(--_ctm-dn-wt-tt-ss-cr))
534
- );
535
-
536
- font-family: var(
537
- --_ctm-mob-dn-wt-tt-ss-ft-fy,
538
- var(--_ctm-tab-dn-wt-tt-ss-ft-fy, var(--_ctm-dn-wt-tt-ss-ft-fy))
539
- );
540
- text-transform: var(
541
- --_ctm-mob-dn-wt-tt-ss-tt-tm,
542
- var(--_ctm-tab-dn-wt-tt-ss-tt-tm, var(--_ctm-dn-wt-tt-ss-tt-tm))
543
- );
544
- word-wrap: var(
545
- --_ctm-mob-dn-wt-tt-ss-wd-wp,
546
- var(--_ctm-tab-dn-wt-tt-ss-wd-wp, var(--_ctm-dn-wt-tt-ss-wd-wp))
547
- );
548
- word-break: var(
549
- --_ctm-mob-dn-wt-tt-ss-wd-bk,
550
- var(--_ctm-tab-dn-wt-tt-ss-wd-bk, var(--_ctm-dn-wt-tt-ss-wd-bk))
551
- );
552
- &.flex__overflow {
553
- white-space: normal;
554
- @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
555
- }
556
-
557
- font-size: var(
558
- --_ctm-mob-dn-wt-tt-ss-ft-se,
559
- var(--_ctm-tab-dn-wt-tt-ss-ft-se, var(--_ctm-dn-wt-tt-ss-ft-se))
560
- );
561
-
562
- font-weight: var(
563
- --_ctm-mob-dn-wt-tt-ss-ft-wt,
564
- var(--_ctm-tab-dn-wt-tt-ss-ft-wt, var(--_ctm-dn-wt-tt-ss-ft-wt))
565
- );
566
-
567
- font-style: var(
568
- --_ctm-mob-dn-wt-tt-ss-ft-se-ic,
569
- var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic, var(--_ctm-dn-wt-tt-ss-ft-se-ic))
570
- );
571
-
572
- text-align: var(
573
- --_ctm-mob-dn-wt-tt-ss-tt-an,
574
- var(--_ctm-tab-dn-wt-tt-ss-tt-an, var(--_ctm-dn-wt-tt-ss-tt-an))
575
- );
576
-
577
- letter-spacing: var(
578
- --_ctm-mob-dn-wt-tt-ss-lr-sg,
579
- var(--_ctm-tab-dn-wt-tt-ss-lr-sg, var(--_ctm-dn-wt-tt-ss-lr-sg))
580
- );
581
-
582
- line-height: var(
583
- --_ctm-mob-dn-wt-tt-ss-le-ht,
584
- var(--_ctm-tab-dn-wt-tt-ss-le-ht, var(--_ctm-dn-wt-tt-ss-le-ht))
585
- );
586
-
587
- text-decoration: var(
588
- --_ctm-mob-dn-wt-tt-ss-ue,
589
- var(--_ctm-tab-dn-wt-tt-ss-ue, var(--_ctm-dn-wt-tt-ss-ue))
590
- );
591
-
592
- button {
593
- svg {
594
- path {
595
- stroke: var(--_primary-400);
596
- }
597
- }
598
- }
599
- }
600
- .form__title {
601
- margin-top: 12px;
602
-
603
- color: var(
604
- --_ctm-mob-dn-wt-tt-ss-cr-dc,
605
- var(--_ctm-tab-dn-wt-tt-ss-cr-dc, var(--_ctm-dn-wt-tt-ss-cr-dc))
606
- );
607
-
608
- font-family: var(
609
- --_ctm-mob-dn-wt-tt-ss-ft-fy-dc,
610
- var(--_ctm-tab-dn-wt-tt-ss-ft-fy-dc, var(--_ctm-dn-wt-tt-ss-ft-fy-dc))
611
- );
612
- text-transform: var(
613
- --_ctm-mob-dn-wt-tt-ss-tt-tm-dc,
614
- var(--_ctm-tab-dn-wt-tt-ss-tt-tm-dc, var(--_ctm-dn-wt-tt-ss-tt-tm-dc))
615
- );
616
- word-wrap: var(
617
- --_ctm-mob-dn-wt-tt-ss-wd-wp-dc,
618
- var(--_ctm-tab-dn-wt-tt-ss-wd-wp-dc, var(--_ctm-dn-wt-tt-ss-wd-wp-dc))
619
- );
620
- word-break: var(
621
- --_ctm-mob-dn-wt-tt-ss-wd-bk-dc,
622
- var(--_ctm-tab-dn-wt-tt-ss-wd-bk-dc, var(--_ctm-dn-wt-tt-ss-wd-bk-dc))
623
- );
624
-
625
- font-size: var(
626
- --_ctm-mob-dn-wt-tt-ss-ft-se-dc,
627
- var(--_ctm-tab-dn-wt-tt-ss-ft-se-dc, var(--_ctm-dn-wt-tt-ss-ft-se-dc))
628
- );
629
-
630
- font-weight: var(
631
- --_ctm-mob-dn-wt-tt-ss-ft-wt-dc,
632
- var(--_ctm-tab-dn-wt-tt-ss-ft-wt-dc, var(--_ctm-dn-wt-tt-ss-ft-wt-dc))
633
- );
634
-
635
- font-style: var(
636
- --_ctm-mob-dn-wt-tt-ss-ft-se-ic-dc,
637
- var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic-dc, var(--_ctm-dn-wt-tt-ss-ft-se-ic-dc))
638
- );
639
-
640
- text-align: var(
641
- --_ctm-mob-dn-wt-tt-ss-tt-an-dc,
642
- var(--_ctm-tab-dn-wt-tt-ss-tt-an-dc, var(--_ctm-dn-wt-tt-ss-tt-an-dc))
643
- );
644
-
645
- letter-spacing: var(
646
- --_ctm-mob-dn-wt-tt-ss-lr-sg-dc,
647
- var(--_ctm-tab-dn-wt-tt-ss-lr-sg-dc, var(--_ctm-dn-wt-tt-ss-lr-sg-dc))
648
- );
649
-
650
- line-height: var(
651
- --_ctm-mob-dn-wt-tt-ss-le-ht-dc,
652
- var(--_ctm-tab-dn-wt-tt-ss-le-ht-dc, var(--_ctm-dn-wt-tt-ss-le-ht-dc))
653
- );
654
-
655
- text-decoration: var(
656
- --_ctm-mob-dn-wt-tt-ss-ue-dc,
657
- var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
658
- );
659
- }
660
- .est__dropdown {
661
- & > button {
662
- width: 100%;
663
- & > span:last-child {
664
- position: absolute;
665
- top: 30;
666
- right: 8;
667
- }
668
- }
669
- }
670
- .input__div {
671
- margin-top: 10px;
672
- display: flex;
673
- flex-direction: column;
674
- gap: 6px;
675
- label {
676
- font-size: 14px;
677
- color: var(--_gray-700);
678
- margin-bottom: 8px;
679
- display: block;
680
- }
681
-
682
- input {
683
- width: 100%;
684
- padding: 6px 5px;
685
- border: 1px solid var(--_gray-400);
686
- border-radius: 6px;
687
- font-size: 1rem;
688
- font-family: inherit;
689
- transition:
690
- border-color 0.2s ease,
691
- box-shadow 0.2s ease;
692
- }
693
-
694
- // input:focus {
695
- // border-color: #4f46e5; /* Indigo */
696
- // box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
697
- // outline: none;
698
- // }
699
- .error__message {
700
- color: red;
701
- font-size: 12px;
702
- }
703
- }
704
- }
705
- .payment__methods {
706
- &:has(.stack__vertical) {
707
- .content__title {
708
- border-bottom: 1px solid var(--_gray-300);
709
- }
710
- }
711
- .shippng__title {
712
- margin: 16px;
713
- padding-bottom: 10px;
714
- margin-bottom: 0px;
715
- color: var(
716
- --_ctm-mob-dn-sg-ne-cr,
717
- var(--_ctm-tab-dn-sg-ne-cr, var(--_ctm-dn-sg-ne-cr))
718
- );
719
- font-family: var(
720
- --_ctm-mob-dn-sg-ne-ft-fy,
721
- var(--_ctm-tab-dn-sg-ne-ft-fy, var(--_ctm-dn-sg-ne-ft-fy))
722
- );
723
- text-transform: var(
724
- --_ctm-mob-dn-sg-ne-tt-tm,
725
- var(--_ctm-tab-dn-sg-ne-tt-tm, var(--_ctm-dn-sg-ne-tt-tm))
726
- );
727
- word-wrap: var(
728
- --_ctm-mob-dn-sg-ne-wd-wp,
729
- var(--_ctm-tab-dn-sg-ne-wd-wp, var(--_ctm-dn-sg-ne-wd-wp))
730
- );
731
- word-break: var(
732
- --_ctm-mob-dn-sg-ne-wd-bk,
733
- var(--_ctm-tab-dn-sg-ne-wd-bk, var(--_ctm-dn-sg-ne-wd-bk))
734
- );
735
- font-size: var(
736
- --_ctm-mob-dn-sg-ne-ft-se,
737
- var(--_ctm-tab-dn-sg-ne-ft-se, var(--_ctm-dn-sg-ne-ft-se))
738
- );
739
- font-weight: var(
740
- --_ctm-mob-dn-sg-ne-ft-wt,
741
- var(--_ctm-tab-dn-sg-ne-ft-wt, var(--_ctm-dn-sg-ne-ft-wt))
742
- );
743
- font-style: var(
744
- --_ctm-mob-dn-it-se-ft-se-ic,
745
- var(--_ctm-tab-dn-it-se-ft-se-ic, var(--_ctm-dn-it-se-ft-se-ic))
746
- );
747
- text-align: var(
748
- --_ctm-mob-dn-sg-ne-tt-an,
749
- var(--_ctm-tab-dn-sg-ne-tt-an, var(--_ctm-dn-sg-ne-tt-an))
750
- );
751
- letter-spacing: var(
752
- --_ctm-mob-dn-it-se-lr-sg,
753
- var(--_ctm-tab-dn-it-se-lr-sg, var(--_ctm-dn-it-se-lr-sg))
754
- );
755
- line-height: var(
756
- --_ctm-mob-dn-sg-ne-le-ht,
757
- var(--_ctm-tab-dn-sg-ne-le-ht, var(--_ctm-dn-sg-ne-le-ht))
758
- );
759
- text-decoration: var(
760
- --_ctm-mob-dn-wt-tt-ss-ue-dc,
761
- var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
762
- );
763
- }
764
-
765
- .stack {
766
- display: grid;
767
- background-color: #fff;
768
- &.stack__vertical {
769
- grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
770
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
771
- // max-height: var(--_sf-custom-height);
772
- // overflow-y: auto;
773
- max-height: var(--_sf-custom-height);
774
- overflow-y: hidden;
775
-
776
- &[data-add-scroll="true"] {
777
- overflow-y: auto;
778
- }
779
- }
780
- &.stack__horizontal {
781
- // grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
782
- display: flex;
783
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
784
- // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
785
- width: 100%;
786
- background-color: #fff;
787
-
788
- &[data-overflow="Wrap"] {
789
- flex-wrap: wrap;
790
- }
791
- &[data-overflow="Scroll"] {
792
- overflow-x: auto;
793
- }
794
- .item {
795
- flex-wrap: nowrap;
796
- }
797
- }
798
- &.grid {
799
- display: grid;
800
- grid-template-columns: repeat(
801
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
802
- minmax(auto, 1fr)
803
- );
804
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
805
- // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
806
- max-height: var(--_sf-custom-height);
807
- overflow-y: hidden;
808
-
809
- &[data-add-scroll="true"] {
810
- overflow-y: auto;
811
- }
812
- }
813
- .item {
814
- display: flex;
815
- // justify-content: space-between;
816
- gap: 20px;
817
- align-items: center;
818
- cursor: pointer;
819
- background-color: var(--_primary-25);
820
- flex-wrap: wrap;
821
-
822
- height: var(--_ctm-mob-lt-im-ht, var(--_ctm-tab-lt-im-ht, var(--_ctm-lt-im-ht)));
823
-
824
- // padding: var(
825
- // --_ctm-mob-dn-im-se-vl-pg,
826
- // var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
827
- // )
828
- // var(
829
- // --_ctm-mob-dn-im-se-hl-pg,
830
- // var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
831
- // );
832
-
833
- padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
834
-
835
- background-color: var(
836
- --_ctm-mob-dn-im-se-bd-cr,
837
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
838
- );
839
-
840
- border-color: var(
841
- --_show-border-im-se,
842
- var(
843
- --_ctm-mob-dn-im-se-br-cr,
844
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
845
- )
846
- );
847
- border-style: var(
848
- --_show-border-im-se,
849
- var(
850
- --_ctm-mob-dn-im-se-br-se,
851
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
852
- )
853
- );
854
- border-width: var(
855
- --_show-border-im-se,
856
- var(
857
- --_ctm-mob-dn-im-se-br-wh,
858
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
859
- )
860
- );
861
- border-radius: var(
862
- --_ctm-mob-dn-im-se-br-rs,
863
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
864
- );
865
-
866
- box-shadow: var(
867
- --_show-shadow-im-se,
868
- var(
869
- --_ctm-mob-dn-im-se-sw-ae,
870
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
871
- )
872
- var(
873
- --_ctm-mob-dn-im-se-sw-br,
874
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
875
- )
876
- var(
877
- --_ctm-mob-dn-im-se-sw-sd,
878
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
879
- )
880
- var(
881
- --_ctm-mob-dn-im-se-sw-cr,
882
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
883
- )
884
- );
885
- // .left__col {
886
- // display: inline-block;
887
- // font-weight: 600;
888
- // input[type="radio"] {
889
- // width: auto;
890
- // display: inline-block;
891
- // margin-right: 10px;
892
- // }
893
- // }
894
-
895
- // .right__col {
896
- // display: flex;
897
- // align-items: center;
898
- // text-align: center;
899
- // gap: 16px;
900
- // font-weight: 500;
901
- // flex-wrap: wrap;
902
- // justify-content: var(
903
- // --_ctm-mob-dn-im-se-ct-at,
904
- // var(--_ctm-tab-dn-im-se-ct-at, var(--_ctm-dn-im-se-ct-at))
905
- // );
906
-
907
- // span {
908
- // line-height: 12px;
909
- // }
910
-
911
- // .card {
912
- // width: 60px;
913
- // height: 50px;
914
- // background-color: var(
915
- // --_ctm-mob-dn-sg-md-lo-bd-cr,
916
- // var(--_ctm-tab-dn-sg-md-lo-bd-cr, var(--_ctm-dn-sg-md-lo-bd-cr))
917
- // );
918
- // border-color: var(
919
- // --_ctm-mob-dn-sg-md-lo-br-cr,
920
- // var(--_ctm-tab-dn-sg-md-lo-br-cr, var(--_ctm-dn-sg-md-lo-br-cr))
921
- // );
922
- // border-style: var(
923
- // --_ctm-mob-dn-sg-md-lo-br-se,
924
- // var(--_ctm-tab-dn-sg-md-lo-br-se, var(--_ctm-dn-sg-md-lo-br-se))
925
- // );
926
- // border-width: var(
927
- // --_ctm-mob-dn-sg-md-lo-br-wh,
928
- // var(--_ctm-tab-dn-sg-md-lo-br-wh, var(--_ctm-dn-sg-md-lo-br-wh))
929
- // );
930
- // border-radius: var(
931
- // --_ctm-mob-dn-sg-md-lo-br-rs,
932
- // var(--_ctm-tab-dn-sg-md-lo-br-rs, var(--_ctm-dn-sg-md-lo-br-rs))
933
- // );
934
- // box-shadow: var(
935
- // var(
936
- // --_ctm-mob-dn-sg-md-lo-sw-ae,
937
- // var(
938
- // --_ctm-tab-dn-sg-md-lo-sw-ae,
939
- // var(--_ctm-dn-sg-md-lo-sw-ae, var(--_tst-dn-sw-ae))
940
- // )
941
- // )
942
- // var(
943
- // --_ctm-mob-dn-sg-md-lo-sw-br,
944
- // var(
945
- // --_ctm-tab-dn-sg-md-lo-sw-br,
946
- // var(--_ctm-dn-sg-md-lo-sw-br, var(--_tst-dn-sw-br))
947
- // )
948
- // )
949
- // var(
950
- // --_ctm-mob-dn-sg-md-lo-sw-sd,
951
- // var(
952
- // --_ctm-tab-dn-sg-md-lo-sw-sd,
953
- // var(--_ctm-dn-sg-md-lo-sw-sd, var(--_tst-dn-sw-sd))
954
- // )
955
- // )
956
- // var(
957
- // --_ctm-mob-dn-sg-md-lo-sw-cr,
958
- // var(
959
- // --_ctm-tab-dn-sg-md-lo-sw-cr,
960
- // var(--_ctm-dn-sg-md-lo-sw-cr, var(--_tst-dn-sw-cr))
961
- // )
962
- // )
963
- // );
964
- // & > img {
965
- // width: 100%;
966
- // height: 100%;
967
- // }
968
- // }
969
- // }
970
- p {
971
- white-space: nowrap;
972
- }
973
- }
974
- }
975
- .stack__table {
976
- width: 100%;
977
- border-collapse: collapse;
978
- border-radius: 6px;
979
- background-color: var(
980
- --_ctm-mob-dn-te-bd-cr,
981
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
982
- );
983
- border-color: var(
984
- --_show-border-im-se,
985
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)))
986
- );
987
- border-style: var(
988
- --_show-border-im-se,
989
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)))
990
- );
991
- border-width: var(
992
- --_show-border-im-se,
993
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)))
994
- );
995
- border-radius: var(
996
- --_ctm-mob-dn-te-br-rs,
997
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
998
- );
999
- box-shadow: var(
1000
- --_show-shadow-im-se,
1001
- var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
1002
- var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
1003
- var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
1004
- var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
1005
- );
1006
- &[data-header-divider="true"] {
1007
- thead tr th {
1008
- border-bottom: 1px solid
1009
- var(
1010
- --_ctm-mob-dn-rw-ds-hr-dr,
1011
- var(--_ctm-tab-dn-rw-ds-hr-dr, var(--_ctm-dn-rw-ds-hr-dr))
1012
- );
1013
- }
1014
- }
1015
- &[data-row-divider="true"] {
1016
- tbody tr td {
1017
- border-bottom: 1px solid
1018
- var(
1019
- --_ctm-mob-dn-rw-ds-rw-dr,
1020
- var(--_ctm-tab-dn-rw-ds-rw-dr, var(--_ctm-dn-rw-ds-rw-dr))
1021
- );
1022
- }
1023
- }
1024
- &[data-column-divider="true"] {
1025
- tbody tr td,
1026
- thead tr th {
1027
- border-right: 1px solid
1028
- var(
1029
- --_ctm-mob-dn-rw-ds-cn-dr,
1030
- var(--_ctm-tab-dn-rw-ds-cn-dr, var(--_ctm-dn-rw-ds-cn-dr))
1031
- );
1032
- }
1033
-
1034
- tbody tr td:last-child,
1035
- thead tr th:last-child {
1036
- border-right: none;
1037
- }
1038
- }
1039
- &[data-alternative-row-colors="true"] {
1040
- tbody tr:nth-child(odd) {
1041
- background-color: var(--_gray-300);
1042
- width: 100%;
1043
- }
1044
- }
1045
- thead {
1046
- height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-dn-lt-hr-ht)));
1047
- tr {
1048
- th {
1049
- padding: var(
1050
- --_ctm-mob-lt-hr-cl-pg,
1051
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-dn-lt-hr-cl-pg))
1052
- );
1053
- text-align: var(
1054
- --_ctm-mob-lt-ct-at,
1055
- var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
1056
- );
1057
- border: 0;
1058
- background-color: var(
1059
- --_ctm-mob-dn-te-hr-bd-cr,
1060
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
1061
- );
1062
- color: var(
1063
- --_ctm-mob-dn-hr-tt-cr,
1064
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
1065
- );
1066
- font-family: var(
1067
- --_ctm-mob-dn-hr-tt-ft-fy,
1068
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
1069
- );
1070
- text-transform: var(
1071
- --_ctm-mob-dn-hr-tt-tt-tm,
1072
- var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
1073
- );
1074
- word-wrap: var(
1075
- --_ctm-mob-dn-hr-tt-wd-wp,
1076
- var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
1077
- );
1078
- word-break: var(
1079
- --_ctm-mob-dn-hr-tt-wd-bk,
1080
- var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
1081
- );
1082
- font-size: var(
1083
- --_ctm-mob-dn-hr-tt-ft-se,
1084
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
1085
- );
1086
- font-weight: var(
1087
- --_ctm-mob-dn-hr-tt-ft-wt,
1088
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
1089
- );
1090
- font-style: var(
1091
- --_ctm-mob-dn-hr-tt-ft-se-ic,
1092
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
1093
- );
1094
- text-align: var(
1095
- --_ctm-mob-dn-hr-tt-tt-an,
1096
- var(--_ctm-tab-dn-hr-tt-an, var(--_ctm-dn-hr-tt-an))
1097
- );
1098
- letter-spacing: var(
1099
- --_ctm-mob-dn-hr-tt-lr-sg,
1100
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
1101
- );
1102
- line-height: var(
1103
- --_ctm-mob-dn-hr-tt-le-ht,
1104
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
1105
- );
1106
- text-decoration: var(
1107
- --_ctm-mob-dn-hr-tt-ue,
1108
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
1109
- );
1110
- }
1111
- }
1112
- }
1113
- tbody {
1114
- tr {
1115
- padding: var(
1116
- --_ctm-mob-lt-rw-cl-pg,
1117
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-dn-lt-rw-cl-pg))
1118
- );
1119
- height: var(
1120
- --_ctm-mob-lt-rw-ht,
1121
- var(--_ctm-tab-lt-rw-ht, var(--_ctm-dn-lt-rw-ht))
1122
- );
1123
- background-color: var(
1124
- --_ctm-mob-dn-te-rw-bd-cr,
1125
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
1126
- );
1127
- text-align: var(
1128
- --_ctm-mob-lt-ct-at,
1129
- var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
1130
- );
1131
- th,
1132
- td {
1133
- border: 0;
1134
- padding: inherit;
1135
- color: var(
1136
- --_ctm-mob-dn-te-rw-cr,
1137
- var(--_ctm-tab-dn-te-rw-cr, var(--_ctm-dn-te-rw-cr))
1138
- );
1139
- font-family: var(
1140
- --_ctm-mob-dn-te-rw-ft-fy,
1141
- var(--_ctm-tab-dn-te-rw-ft-fy, var(--_ctm-dn-te-rw-ft-fy))
1142
- );
1143
- text-transform: var(
1144
- --_ctm-mob-dn-te-rw-tt-tm,
1145
- var(--_ctm-tab-dn-te-rw-tt-tm, var(--_ctm-dn-te-rw-tt-tm))
1146
- );
1147
- word-wrap: var(
1148
- --_ctm-mob-dn-te-rw-wd-wp,
1149
- var(--_ctm-tab-dn-te-rw-wd-wp, var(--_ctm-dn-te-rw-wd-wp))
1150
- );
1151
- word-break: var(
1152
- --_ctm-mob-dn-te-rw-wd-bk,
1153
- var(--_ctm-tab-dn-te-rw-wd-bk, var(--_ctm-dn-te-rw-wd-bk))
1154
- );
1155
- font-size: var(
1156
- --_ctm-mob-dn-te-rw-ft-se,
1157
- var(--_ctm-tab-dn-te-rw-ft-se, var(--_ctm-dn-te-rw-ft-se))
1158
- );
1159
- font-weight: var(
1160
- --_ctm-mob-dn-te-rw-ft-wt,
1161
- var(--_ctm-tab-dn-te-rw-ft-wt, var(--_ctm-dn-te-rw-ft-wt))
1162
- );
1163
- font-style: var(
1164
- --_ctm-mob-dn-te-rw-ft-se-ic,
1165
- var(--_ctm-tab-dn-te-rw-ft-se-ic, var(--_ctm-dn-te-rw-ft-se-ic))
1166
- );
1167
- text-align: var(
1168
- --_ctm-mob-dn-te-rw-tt-an,
1169
- var(--_ctm-tab-dn-te-rw-tt-an, var(--_ctm-dn-te-rw-tt-an))
1170
- );
1171
- letter-spacing: var(
1172
- --_ctm-mob-dn-te-rw-lr-sg,
1173
- var(--_ctm-tab-dn-te-rw-lr-sg, var(--_ctm-dn-te-rw-lr-sg))
1174
- );
1175
- line-height: var(
1176
- --_ctm-mob-dn-te-rw-le-ht,
1177
- var(--_ctm-tab-dn-te-rw-le-ht, var(--_ctm-dn-te-rw-le-ht))
1178
- );
1179
- text-decoration: var(
1180
- --_ctm-mob-dn-te-rw-ue,
1181
- var(--_ctm-tab-dn-te-rw-ue, var(--_ctm-dn-te-rw-ue))
1182
- );
1183
- }
1184
- }
1185
- }
1186
- }
1187
- }
1188
- }
1189
- }
1190
- }
1191
- }
1192
- }
1
+ @use "./functions.scss" as *;
2
+ @use "sass:map";
3
+ @use "sass:list";
4
+
5
+ [data-div-type="element"] {
6
+ &[data-element-type="amountEstimator"] {
7
+ // width: var(--_lt-wh);
8
+ // height: var(--_lt-ht);
9
+ // margin: var(--_lt-mn);
10
+ // padding: var(--_lt-pg);
11
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
+ // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
+ // height: ;
16
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
+ // --_aspect-ratio: calc(
18
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
+ // );
20
+
21
+ & > .wrapper {
22
+ width: 100%;
23
+ // height: 100%;
24
+ }
25
+ &[data-show-shadow="false"] {
26
+ --_show-shadow: none;
27
+ }
28
+ .text-element {
29
+ background: #6d96e4;
30
+ padding: 10px;
31
+ font-weight: 600;
32
+ color: rgba(75, 69, 70, 1);
33
+ }
34
+ .amount__estimator_container {
35
+ background-color: var(
36
+ --_ctm-mob-dn-wt-se-bd-cr,
37
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
38
+ );
39
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
40
+ display: flex;
41
+ flex-direction: column;
42
+ --_sf-gp: var(
43
+ --_ctm-mob-lt-im-sg,
44
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
45
+ );
46
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
47
+ row-gap: var(--_sf-gp);
48
+ width: 100%;
49
+ // height: 100%;
50
+ border-color: var(
51
+ --_ctm-mob-dn-wt-se-br-cr,
52
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
53
+ );
54
+ border-style: var(
55
+ --_ctm-mob-dn-wt-se-br-se,
56
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
57
+ );
58
+ border-width: var(
59
+ --_ctm-mob-dn-wt-se-br-wh,
60
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
61
+ );
62
+ border-radius: var(
63
+ --_ctm-mob-dn-wt-se-br-rs,
64
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
65
+ );
66
+ box-shadow: var(
67
+ --_show-shadow,
68
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
69
+ var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
70
+ var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
71
+ var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
72
+ );
73
+ .button_main {
74
+ border: 1px solid var(--_gray-600);
75
+ width: 100%;
76
+ height: auto;
77
+ overflow-y: auto;
78
+ // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
79
+ //Input button group
80
+ .input__btn__group {
81
+ display: flex;
82
+ align-items: center;
83
+ gap: 8px;
84
+ color: #fff;
85
+ font-weight: 600;
86
+ font-size: 16px;
87
+ width: 100%;
88
+ border-radius: 6px;
89
+ // & > div {
90
+ // width: 100%;
91
+ // }
92
+
93
+ .search-container {
94
+ width: 100%;
95
+ height: 100%;
96
+ &.dropdown {
97
+ &:focus-within {
98
+ .dropdown__options {
99
+ display: block;
100
+ }
101
+ }
102
+ }
103
+ }
104
+
105
+ .search-wrapper {
106
+ display: flex;
107
+ align-items: center;
108
+ width: 100%;
109
+ height: 100%;
110
+ border: 1px solid var(--_gray-200);
111
+ background-color: var(
112
+ --_ctm-mob-dn-sh-br-bd-cr,
113
+ var(--_ctm-tab-dn-sh-br-bd-cr, var(--_ctm-dn-sh-br-bd-cr))
114
+ );
115
+ border-color: var(
116
+ --_ctm-mob-dn-sh-br-br-cr,
117
+ var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
118
+ );
119
+ border-style: var(
120
+ --_ctm-mob-dn-sh-br-br-se,
121
+ var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
122
+ );
123
+ border-width: var(
124
+ --_ctm-mob-dn-sh-br-br-wh,
125
+ var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
126
+ );
127
+ box-shadow: var(
128
+ --_show-shadow,
129
+ var(
130
+ --_ctm-mob-dn-sh-br-sw-ae,
131
+ var(--_ctm-tab-dn-sh-br-sw-ae, var(--_ctm-dn-sh-br-sw-ae))
132
+ )
133
+ var(
134
+ --_ctm-mob-dn-sh-br-sw-br,
135
+ var(--_ctm-tab-dn-sh-br-sw-br, var(--_ctm-dn-sh-br-sw-br))
136
+ )
137
+ var(
138
+ --_ctm-mob-dn-sh-br-sw-sd,
139
+ var(--_ctm-tab-dn-sh-br-sw-sd, var(--_ctm-dn-sh-br-sw-sd))
140
+ )
141
+ var(
142
+ --_ctm-mob-dn-sh-br-sw-cr,
143
+ var(--_ctm-tab-dn-sh-br-sw-cr, var(--_ctm-dn-sh-br-sw-cr))
144
+ )
145
+ );
146
+ border-radius: var(
147
+ --_ctm-mob-dn-sh-br-br-rs,
148
+ var(--_ctm-tab-dn-sh-br-br-rs, var(--_ctm-dn-sh-br-br-rs))
149
+ );
150
+
151
+ .search-icon {
152
+ font-size: 18px;
153
+ margin-right: 8px;
154
+ color: #555;
155
+ }
156
+
157
+ .search-input {
158
+ flex-grow: 1;
159
+ border: none;
160
+ outline: none;
161
+ padding: 8px;
162
+ font-size: 14px;
163
+ color: #333;
164
+ background: transparent;
165
+ border-radius: 6px;
166
+
167
+ &::placeholder {
168
+ color: var(
169
+ --_ctm-mob-dn-pr-tt-cr,
170
+ var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr))
171
+ );
172
+ font-family: var(
173
+ --_ctm-mob-dn-pr-tt-ft-fy,
174
+ var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
175
+ );
176
+ text-transform: var(
177
+ --_ctm-mob-dn-pr-tt-tt-tm,
178
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
179
+ );
180
+ word-wrap: var(
181
+ --_ctm-mob-dn-pr-tt-wd-wp,
182
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
183
+ );
184
+ word-break: var(
185
+ --_ctm-mob-dn-pr-tt-wd-bk,
186
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
187
+ );
188
+ font-size: var(
189
+ --_ctm-mob-dn-pr-tt-ft-se,
190
+ var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
191
+ );
192
+ font-weight: var(
193
+ --_ctm-mob-dn-pr-tt-ft-wt,
194
+ var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
195
+ );
196
+ font-style: var(
197
+ --_ctm-mob-dn-pr-tt-ft-se-ic,
198
+ var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
199
+ );
200
+ text-align: var(
201
+ --_ctm-mob-dn-pr-tt-tt-an,
202
+ var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
203
+ );
204
+ letter-spacing: var(
205
+ --_ctm-mob-dn-pr-tt-lr-sg,
206
+ var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
207
+ );
208
+ line-height: var(
209
+ --_ctm-mob-dn-pr-tt-le-ht,
210
+ var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
211
+ );
212
+ text-decoration: var(
213
+ --_ctm-mob-dn-pr-tt-ue,
214
+ var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
215
+ );
216
+ }
217
+ }
218
+
219
+ .search-button {
220
+ color: #fff;
221
+ border: none;
222
+ padding-left: 10px;
223
+ border-radius: 4px;
224
+ // cursor: pointer;
225
+ transition: 0.3s;
226
+ svg {
227
+ width: var(
228
+ --_ctm-mob-dn-sh-in-in-se,
229
+ var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
230
+ );
231
+ height: var(
232
+ --_ctm-mob-dn-sh-in-in-se,
233
+ var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
234
+ );
235
+
236
+ path {
237
+ stroke: var(
238
+ --_ctm-mob-dn-sh-in-in-c1,
239
+ var(--_ctm-tab-dn-sh-in-in-c1, var(--_ctm-dn-sh-in-in-c1))
240
+ );
241
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
242
+ stroke-width: prepareMediaVariable(--_ctm-dn-sh-in-se-wh, 1.25);
243
+ }
244
+ }
245
+
246
+ // &:hover {
247
+ // background: #0056b3;
248
+ // }
249
+ }
250
+ }
251
+
252
+ .confirm__btn {
253
+ cursor: pointer;
254
+ display: flex;
255
+ justify-content: center;
256
+ align-items: center;
257
+ padding: 8px;
258
+ gap: 8px;
259
+ width: 100%;
260
+ height: 100%;
261
+
262
+ background-color: var(
263
+ --_ctm-mob-dn-vw-os-bn-dt-se-bd-cr,
264
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-bd-cr, var(--_ctm-dn-vw-os-bn-dt-se-bd-cr))
265
+ );
266
+ color: var(
267
+ --_ctm-mob-dn-vw-os-bn-dt-se-cr,
268
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-cr, var(--_ctm-dn-vw-os-bn-dt-se-cr))
269
+ );
270
+
271
+ border-color: var(
272
+ --_show-border-im-se,
273
+ var(
274
+ --_ctm-mob-dn-vw-os-bn-dt-se-br-cr,
275
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-br-cr, var(--_ctm-dn-vw-os-bn-dt-se-br-cr))
276
+ )
277
+ );
278
+ border-style: var(
279
+ --_show-border-im-se,
280
+ var(
281
+ --_ctm-mob-dn-vw-os-bn-dt-se-br-se,
282
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-br-se, var(--_ctm-dn-vw-os-bn-dt-se-br-se))
283
+ )
284
+ );
285
+ border-width: var(
286
+ --_show-border-im-se,
287
+ var(
288
+ --_ctm-mob-dn-vw-os-bn-dt-se-br-wh,
289
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-br-wh, var(--_ctm-dn-vw-os-bn-dt-se-br-wh))
290
+ )
291
+ );
292
+ border-radius: var(
293
+ --_ctm-mob-dn-vw-os-bn-dt-se-br-rs,
294
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-br-rs, var(--_ctm-dn-vw-os-bn-dt-se-br-rs))
295
+ );
296
+
297
+ box-shadow: var(
298
+ --_show-shadow-im-se,
299
+ var(
300
+ --_ctm-mob-dn-vw-os-bn-dt-se-sw-ae,
301
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-ae, var(--_ctm-dn-vw-os-bn-dt-se-sw-ae))
302
+ )
303
+ var(
304
+ --_ctm-mob-dn-vw-os-bn-dt-se-sw-br,
305
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-br, var(--_ctm-dn-vw-os-bn-dt-se-sw-br))
306
+ )
307
+ var(
308
+ --_ctm-mob-dn-vw-os-bn-dt-se-sw-sd,
309
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-sd, var(--_ctm-dn-vw-os-bn-dt-se-sw-sd))
310
+ )
311
+ var(
312
+ --_ctm-mob-dn-vw-os-bn-dt-se-sw-cr,
313
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-cr, var(--_ctm-dn-vw-os-bn-dt-se-sw-cr))
314
+ )
315
+ );
316
+
317
+ font-family: var(
318
+ --_ctm-mob-dn-vw-os-bn-dt-se-ft-fy,
319
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-fy, var(--_ctm-dn-vw-os-bn-dt-se-ft-fy))
320
+ );
321
+ text-transform: var(
322
+ --_ctm-mob-dn-vw-os-bn-dt-se-tt-tm,
323
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-tm, var(--_ctm-dn-vw-os-bn-dt-se-tt-tm))
324
+ );
325
+ word-wrap: var(
326
+ --_ctm-mob-dn-vw-os-bn-dt-se-wd-wp,
327
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-wp, var(--_ctm-dn-vw-os-bn-dt-se-wd-wp))
328
+ );
329
+ word-break: var(
330
+ --_ctm-mob-dn-vw-os-bn-dt-se-wd-bk,
331
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-bk, var(--_ctm-dn-vw-os-bn-dt-se-wd-bk))
332
+ );
333
+ &.flex__overflow {
334
+ white-space: normal;
335
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
336
+ }
337
+ font-size: var(
338
+ --_ctm-mob-dn-vw-os-bn-dt-se-ft-se,
339
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se, var(--_ctm-dn-vw-os-bn-dt-se-ft-se))
340
+ );
341
+ font-weight: var(
342
+ --_ctm-mob-dn-vw-os-bn-dt-se-ft-wt,
343
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-wt, var(--_ctm-dn-vw-os-bn-dt-se-ft-wt))
344
+ );
345
+ font-style: var(
346
+ --_ctm-mob-dn-vw-os-bn-dt-se-ft-se-ic,
347
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-dt-se-ft-se-ic))
348
+ );
349
+ text-align: var(
350
+ --_ctm-mob-dn-vw-os-bn-dt-se-tt-an,
351
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-an, var(--_ctm-dn-vw-os-bn-dt-se-tt-an))
352
+ );
353
+ letter-spacing: var(
354
+ --_ctm-mob-dn-vw-os-bn-dt-se-lr-sg,
355
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-lr-sg, var(--_ctm-dn-vw-os-bn-dt-se-lr-sg))
356
+ );
357
+ line-height: var(
358
+ --_ctm-mob-dn-vw-os-bn-dt-se-le-ht,
359
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-le-ht, var(--_ctm-dn-vw-os-bn-dt-se-le-ht))
360
+ );
361
+ text-decoration: var(
362
+ --_ctm-mob-dn-vw-os-bn-dt-se-ue,
363
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-ue, var(--_ctm-dn-vw-os-bn-dt-se-ue))
364
+ );
365
+
366
+ svg {
367
+ width: var(
368
+ --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
369
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
370
+ );
371
+ height: var(
372
+ --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
373
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
374
+ );
375
+ path {
376
+ stroke: var(
377
+ --_ctm-mob-dn-vw-os-bn-dt-se-in-c1,
378
+ var(--_ctm-tab-dn-vw-os-bn-dt-se-in-c1, var(--_ctm-dn-vw-os-bn-dt-se-in-c1))
379
+ );
380
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
381
+ stroke-width: prepareMediaVariable(--_ctm-dn-vw-os-bn-dt-se-se-wh, 1.25);
382
+ }
383
+ }
384
+ &:hover {
385
+ background-color: var(
386
+ --_ctm-mob-dn-vw-os-bn-hr-se-bd-cr,
387
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-bd-cr, var(--_ctm-dn-vw-os-bn-hr-se-bd-cr))
388
+ );
389
+
390
+ border-color: var(
391
+ --_show-border-im-se,
392
+ var(
393
+ --_ctm-mob-dn-vw-os-bn-hr-se-br-cr,
394
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-br-cr, var(--_ctm-dn-vw-os-bn-hr-se-br-cr))
395
+ )
396
+ );
397
+ border-style: var(
398
+ --_show-border-im-se,
399
+ var(
400
+ --_ctm-mob-dn-vw-os-bn-hr-se-br-se,
401
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-br-se, var(--_ctm-dn-vw-os-bn-hr-se-br-se))
402
+ )
403
+ );
404
+ border-width: var(
405
+ --_show-border-im-se,
406
+ var(
407
+ --_ctm-mob-dn-vw-os-bn-hr-se-br-wh,
408
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-br-wh, var(--_ctm-dn-vw-os-bn-hr-se-br-wh))
409
+ )
410
+ );
411
+ border-radius: var(
412
+ --_ctm-mob-dn-vw-os-bn-hr-se-br-rs,
413
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-br-rs, var(--_ctm-dn-vw-os-bn-hr-se-br-rs))
414
+ );
415
+
416
+ box-shadow: var(
417
+ --_show-shadow-im-se,
418
+ var(
419
+ --_ctm-mob-dn-vw-os-bn-hr-se-sw-ae,
420
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-ae, var(--_ctm-dn-vw-os-bn-hr-se-sw-ae))
421
+ )
422
+ var(
423
+ --_ctm-mob-dn-vw-os-bn-hr-se-sw-br,
424
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-br, var(--_ctm-dn-vw-os-bn-hr-se-sw-br))
425
+ )
426
+ var(
427
+ --_ctm-mob-dn-vw-os-bn-hr-se-sw-sd,
428
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-sd, var(--_ctm-dn-vw-os-bn-hr-se-sw-sd))
429
+ )
430
+ var(
431
+ --_ctm-mob-dn-vw-os-bn-hr-se-sw-cr,
432
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-cr, var(--_ctm-dn-vw-os-bn-hr-se-sw-cr))
433
+ )
434
+ );
435
+
436
+ color: var(
437
+ --_ctm-mob-dn-vw-os-bn-hr-se-cr,
438
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-cr, var(--_ctm-dn-vw-os-bn-hr-se-cr))
439
+ );
440
+
441
+ font-family: var(
442
+ --_ctm-mob-dn-vw-os-bn-hr-se-ft-fy,
443
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-fy, var(--_ctm-dn-vw-os-bn-hr-se-ft-fy))
444
+ );
445
+ text-transform: var(
446
+ --_ctm-mob-dn-vw-os-bn-hr-se-tt-tm,
447
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-tm, var(--_ctm-dn-vw-os-bn-hr-se-tt-tm))
448
+ );
449
+ word-wrap: var(
450
+ --_ctm-mob-dn-vw-os-bn-hr-se-wd-wp,
451
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-wp, var(--_ctm-dn-vw-os-bn-hr-se-wd-wp))
452
+ );
453
+ word-break: var(
454
+ --_ctm-mob-dn-vw-os-bn-hr-se-wd-bk,
455
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-bk, var(--_ctm-dn-vw-os-bn-hr-se-wd-bk))
456
+ );
457
+
458
+ font-size: var(
459
+ --_ctm-mob-dn-vw-os-bn-hr-se-ft-se,
460
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se, var(--_ctm-dn-vw-os-bn-hr-se-ft-se))
461
+ );
462
+
463
+ font-weight: var(
464
+ --_ctm-mob-dn-vw-os-bn-hr-se-ft-wt,
465
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-wt, var(--_ctm-dn-vw-os-bn-hr-se-ft-wt))
466
+ );
467
+
468
+ font-style: var(
469
+ --_ctm-mob-dn-vw-os-bn-hr-se-ft-se-ic,
470
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-hr-se-ft-se-ic))
471
+ );
472
+
473
+ text-align: var(
474
+ --_ctm-mob-dn-vw-os-bn-hr-se-tt-an,
475
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-an, var(--_ctm-dn-vw-os-bn-hr-se-tt-an))
476
+ );
477
+
478
+ letter-spacing: var(
479
+ --_ctm-mob-dn-vw-os-bn-hr-se-lr-sg,
480
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-lr-sg, var(--_ctm-dn-vw-os-bn-hr-se-lr-sg))
481
+ );
482
+
483
+ line-height: var(
484
+ --_ctm-mob-dn-vw-os-bn-hr-se-le-ht,
485
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-le-ht, var(--_ctm-dn-vw-os-bn-hr-se-le-ht))
486
+ );
487
+
488
+ text-decoration: var(
489
+ --_ctm-mob-dn-vw-os-bn-hr-se-ue,
490
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-ue, var(--_ctm-dn-vw-os-bn-hr-se-ue))
491
+ );
492
+
493
+ svg {
494
+ width: var(
495
+ --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
496
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
497
+ );
498
+ height: var(
499
+ --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
500
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
501
+ );
502
+ path {
503
+ stroke: var(
504
+ --_ctm-mob-dn-vw-os-bn-hr-se-in-c1,
505
+ var(--_ctm-tab-dn-vw-os-bn-hr-se-in-c1, var(--_ctm-dn-vw-os-bn-hr-se-in-c1))
506
+ );
507
+ }
508
+ }
509
+ }
510
+ }
511
+ }
512
+ .button__container {
513
+ background-color: var(--_gray-50);
514
+ .title {
515
+ font-size: 16px;
516
+ font-weight: 600;
517
+ color: #475467;
518
+ padding: 20px 0px 6px 0px;
519
+ background-color: #fff;
520
+ }
521
+
522
+ .form__container {
523
+ padding: 16px;
524
+ .form__header {
525
+ display: flex;
526
+ justify-content: space-between;
527
+ align-items: center;
528
+ cursor: pointer;
529
+ font-weight: 600;
530
+ color: var(--_primary-400);
531
+ color: var(
532
+ --_ctm-mob-dn-wt-tt-ss-cr,
533
+ var(--_ctm-tab-dn-wt-tt-ss-cr, var(--_ctm-dn-wt-tt-ss-cr))
534
+ );
535
+
536
+ font-family: var(
537
+ --_ctm-mob-dn-wt-tt-ss-ft-fy,
538
+ var(--_ctm-tab-dn-wt-tt-ss-ft-fy, var(--_ctm-dn-wt-tt-ss-ft-fy))
539
+ );
540
+ text-transform: var(
541
+ --_ctm-mob-dn-wt-tt-ss-tt-tm,
542
+ var(--_ctm-tab-dn-wt-tt-ss-tt-tm, var(--_ctm-dn-wt-tt-ss-tt-tm))
543
+ );
544
+ word-wrap: var(
545
+ --_ctm-mob-dn-wt-tt-ss-wd-wp,
546
+ var(--_ctm-tab-dn-wt-tt-ss-wd-wp, var(--_ctm-dn-wt-tt-ss-wd-wp))
547
+ );
548
+ word-break: var(
549
+ --_ctm-mob-dn-wt-tt-ss-wd-bk,
550
+ var(--_ctm-tab-dn-wt-tt-ss-wd-bk, var(--_ctm-dn-wt-tt-ss-wd-bk))
551
+ );
552
+ &.flex__overflow {
553
+ white-space: normal;
554
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
555
+ }
556
+
557
+ font-size: var(
558
+ --_ctm-mob-dn-wt-tt-ss-ft-se,
559
+ var(--_ctm-tab-dn-wt-tt-ss-ft-se, var(--_ctm-dn-wt-tt-ss-ft-se))
560
+ );
561
+
562
+ font-weight: var(
563
+ --_ctm-mob-dn-wt-tt-ss-ft-wt,
564
+ var(--_ctm-tab-dn-wt-tt-ss-ft-wt, var(--_ctm-dn-wt-tt-ss-ft-wt))
565
+ );
566
+
567
+ font-style: var(
568
+ --_ctm-mob-dn-wt-tt-ss-ft-se-ic,
569
+ var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic, var(--_ctm-dn-wt-tt-ss-ft-se-ic))
570
+ );
571
+
572
+ text-align: var(
573
+ --_ctm-mob-dn-wt-tt-ss-tt-an,
574
+ var(--_ctm-tab-dn-wt-tt-ss-tt-an, var(--_ctm-dn-wt-tt-ss-tt-an))
575
+ );
576
+
577
+ letter-spacing: var(
578
+ --_ctm-mob-dn-wt-tt-ss-lr-sg,
579
+ var(--_ctm-tab-dn-wt-tt-ss-lr-sg, var(--_ctm-dn-wt-tt-ss-lr-sg))
580
+ );
581
+
582
+ line-height: var(
583
+ --_ctm-mob-dn-wt-tt-ss-le-ht,
584
+ var(--_ctm-tab-dn-wt-tt-ss-le-ht, var(--_ctm-dn-wt-tt-ss-le-ht))
585
+ );
586
+
587
+ text-decoration: var(
588
+ --_ctm-mob-dn-wt-tt-ss-ue,
589
+ var(--_ctm-tab-dn-wt-tt-ss-ue, var(--_ctm-dn-wt-tt-ss-ue))
590
+ );
591
+
592
+ button {
593
+ svg {
594
+ path {
595
+ stroke: var(--_primary-400);
596
+ }
597
+ }
598
+ }
599
+ }
600
+ .form__title {
601
+ margin-top: 12px;
602
+
603
+ color: var(
604
+ --_ctm-mob-dn-wt-tt-ss-cr-dc,
605
+ var(--_ctm-tab-dn-wt-tt-ss-cr-dc, var(--_ctm-dn-wt-tt-ss-cr-dc))
606
+ );
607
+
608
+ font-family: var(
609
+ --_ctm-mob-dn-wt-tt-ss-ft-fy-dc,
610
+ var(--_ctm-tab-dn-wt-tt-ss-ft-fy-dc, var(--_ctm-dn-wt-tt-ss-ft-fy-dc))
611
+ );
612
+ text-transform: var(
613
+ --_ctm-mob-dn-wt-tt-ss-tt-tm-dc,
614
+ var(--_ctm-tab-dn-wt-tt-ss-tt-tm-dc, var(--_ctm-dn-wt-tt-ss-tt-tm-dc))
615
+ );
616
+ word-wrap: var(
617
+ --_ctm-mob-dn-wt-tt-ss-wd-wp-dc,
618
+ var(--_ctm-tab-dn-wt-tt-ss-wd-wp-dc, var(--_ctm-dn-wt-tt-ss-wd-wp-dc))
619
+ );
620
+ word-break: var(
621
+ --_ctm-mob-dn-wt-tt-ss-wd-bk-dc,
622
+ var(--_ctm-tab-dn-wt-tt-ss-wd-bk-dc, var(--_ctm-dn-wt-tt-ss-wd-bk-dc))
623
+ );
624
+
625
+ font-size: var(
626
+ --_ctm-mob-dn-wt-tt-ss-ft-se-dc,
627
+ var(--_ctm-tab-dn-wt-tt-ss-ft-se-dc, var(--_ctm-dn-wt-tt-ss-ft-se-dc))
628
+ );
629
+
630
+ font-weight: var(
631
+ --_ctm-mob-dn-wt-tt-ss-ft-wt-dc,
632
+ var(--_ctm-tab-dn-wt-tt-ss-ft-wt-dc, var(--_ctm-dn-wt-tt-ss-ft-wt-dc))
633
+ );
634
+
635
+ font-style: var(
636
+ --_ctm-mob-dn-wt-tt-ss-ft-se-ic-dc,
637
+ var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic-dc, var(--_ctm-dn-wt-tt-ss-ft-se-ic-dc))
638
+ );
639
+
640
+ text-align: var(
641
+ --_ctm-mob-dn-wt-tt-ss-tt-an-dc,
642
+ var(--_ctm-tab-dn-wt-tt-ss-tt-an-dc, var(--_ctm-dn-wt-tt-ss-tt-an-dc))
643
+ );
644
+
645
+ letter-spacing: var(
646
+ --_ctm-mob-dn-wt-tt-ss-lr-sg-dc,
647
+ var(--_ctm-tab-dn-wt-tt-ss-lr-sg-dc, var(--_ctm-dn-wt-tt-ss-lr-sg-dc))
648
+ );
649
+
650
+ line-height: var(
651
+ --_ctm-mob-dn-wt-tt-ss-le-ht-dc,
652
+ var(--_ctm-tab-dn-wt-tt-ss-le-ht-dc, var(--_ctm-dn-wt-tt-ss-le-ht-dc))
653
+ );
654
+
655
+ text-decoration: var(
656
+ --_ctm-mob-dn-wt-tt-ss-ue-dc,
657
+ var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
658
+ );
659
+ }
660
+ .est__dropdown {
661
+ & > button {
662
+ width: 100%;
663
+ & > span:last-child {
664
+ position: absolute;
665
+ top: 30;
666
+ right: 8;
667
+ }
668
+ }
669
+ }
670
+ .input__div {
671
+ margin-top: 10px;
672
+ display: flex;
673
+ flex-direction: column;
674
+ gap: 6px;
675
+ label {
676
+ font-size: 14px;
677
+ color: var(--_gray-700);
678
+ margin-bottom: 8px;
679
+ display: block;
680
+ }
681
+
682
+ input {
683
+ width: 100%;
684
+ padding: 6px 5px;
685
+ border: 1px solid var(--_gray-400);
686
+ border-radius: 6px;
687
+ font-size: 1rem;
688
+ font-family: inherit;
689
+ transition:
690
+ border-color 0.2s ease,
691
+ box-shadow 0.2s ease;
692
+ }
693
+
694
+ // input:focus {
695
+ // border-color: #4f46e5; /* Indigo */
696
+ // box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
697
+ // outline: none;
698
+ // }
699
+ .error__message {
700
+ color: red;
701
+ font-size: 12px;
702
+ }
703
+ }
704
+ }
705
+ .payment__methods {
706
+ &:has(.stack__vertical) {
707
+ .content__title {
708
+ border-bottom: 1px solid var(--_gray-300);
709
+ }
710
+ }
711
+ .shippng__title {
712
+ margin: 16px;
713
+ padding-bottom: 10px;
714
+ margin-bottom: 0px;
715
+ color: var(
716
+ --_ctm-mob-dn-sg-ne-cr,
717
+ var(--_ctm-tab-dn-sg-ne-cr, var(--_ctm-dn-sg-ne-cr))
718
+ );
719
+ font-family: var(
720
+ --_ctm-mob-dn-sg-ne-ft-fy,
721
+ var(--_ctm-tab-dn-sg-ne-ft-fy, var(--_ctm-dn-sg-ne-ft-fy))
722
+ );
723
+ text-transform: var(
724
+ --_ctm-mob-dn-sg-ne-tt-tm,
725
+ var(--_ctm-tab-dn-sg-ne-tt-tm, var(--_ctm-dn-sg-ne-tt-tm))
726
+ );
727
+ word-wrap: var(
728
+ --_ctm-mob-dn-sg-ne-wd-wp,
729
+ var(--_ctm-tab-dn-sg-ne-wd-wp, var(--_ctm-dn-sg-ne-wd-wp))
730
+ );
731
+ word-break: var(
732
+ --_ctm-mob-dn-sg-ne-wd-bk,
733
+ var(--_ctm-tab-dn-sg-ne-wd-bk, var(--_ctm-dn-sg-ne-wd-bk))
734
+ );
735
+ font-size: var(
736
+ --_ctm-mob-dn-sg-ne-ft-se,
737
+ var(--_ctm-tab-dn-sg-ne-ft-se, var(--_ctm-dn-sg-ne-ft-se))
738
+ );
739
+ font-weight: var(
740
+ --_ctm-mob-dn-sg-ne-ft-wt,
741
+ var(--_ctm-tab-dn-sg-ne-ft-wt, var(--_ctm-dn-sg-ne-ft-wt))
742
+ );
743
+ font-style: var(
744
+ --_ctm-mob-dn-it-se-ft-se-ic,
745
+ var(--_ctm-tab-dn-it-se-ft-se-ic, var(--_ctm-dn-it-se-ft-se-ic))
746
+ );
747
+ text-align: var(
748
+ --_ctm-mob-dn-sg-ne-tt-an,
749
+ var(--_ctm-tab-dn-sg-ne-tt-an, var(--_ctm-dn-sg-ne-tt-an))
750
+ );
751
+ letter-spacing: var(
752
+ --_ctm-mob-dn-it-se-lr-sg,
753
+ var(--_ctm-tab-dn-it-se-lr-sg, var(--_ctm-dn-it-se-lr-sg))
754
+ );
755
+ line-height: var(
756
+ --_ctm-mob-dn-sg-ne-le-ht,
757
+ var(--_ctm-tab-dn-sg-ne-le-ht, var(--_ctm-dn-sg-ne-le-ht))
758
+ );
759
+ text-decoration: var(
760
+ --_ctm-mob-dn-wt-tt-ss-ue-dc,
761
+ var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
762
+ );
763
+ }
764
+
765
+ .stack {
766
+ display: grid;
767
+ background-color: #fff;
768
+ &.stack__vertical {
769
+ grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
770
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
771
+ // max-height: var(--_sf-custom-height);
772
+ // overflow-y: auto;
773
+ max-height: var(--_sf-custom-height);
774
+ overflow-y: hidden;
775
+
776
+ &[data-add-scroll="true"] {
777
+ overflow-y: auto;
778
+ }
779
+ }
780
+ &.stack__horizontal {
781
+ // grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
782
+ display: flex;
783
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
784
+ // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
785
+ width: 100%;
786
+ background-color: #fff;
787
+
788
+ &[data-overflow="Wrap"] {
789
+ flex-wrap: wrap;
790
+ }
791
+ &[data-overflow="Scroll"] {
792
+ overflow-x: auto;
793
+ }
794
+ .item {
795
+ flex-wrap: nowrap;
796
+ }
797
+ }
798
+ &.grid {
799
+ display: grid;
800
+ grid-template-columns: repeat(
801
+ var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
802
+ minmax(auto, 1fr)
803
+ );
804
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
805
+ // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
806
+ max-height: var(--_sf-custom-height);
807
+ overflow-y: hidden;
808
+
809
+ &[data-add-scroll="true"] {
810
+ overflow-y: auto;
811
+ }
812
+ }
813
+ .item {
814
+ display: flex;
815
+ // justify-content: space-between;
816
+ gap: 20px;
817
+ align-items: center;
818
+ cursor: pointer;
819
+ background-color: var(--_primary-25);
820
+ flex-wrap: wrap;
821
+
822
+ height: var(--_ctm-mob-lt-im-ht, var(--_ctm-tab-lt-im-ht, var(--_ctm-lt-im-ht)));
823
+
824
+ // padding: var(
825
+ // --_ctm-mob-dn-im-se-vl-pg,
826
+ // var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
827
+ // )
828
+ // var(
829
+ // --_ctm-mob-dn-im-se-hl-pg,
830
+ // var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
831
+ // );
832
+
833
+ padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
834
+
835
+ background-color: var(
836
+ --_ctm-mob-dn-im-se-bd-cr,
837
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
838
+ );
839
+
840
+ border-color: var(
841
+ --_show-border-im-se,
842
+ var(
843
+ --_ctm-mob-dn-im-se-br-cr,
844
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
845
+ )
846
+ );
847
+ border-style: var(
848
+ --_show-border-im-se,
849
+ var(
850
+ --_ctm-mob-dn-im-se-br-se,
851
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
852
+ )
853
+ );
854
+ border-width: var(
855
+ --_show-border-im-se,
856
+ var(
857
+ --_ctm-mob-dn-im-se-br-wh,
858
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
859
+ )
860
+ );
861
+ border-radius: var(
862
+ --_ctm-mob-dn-im-se-br-rs,
863
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
864
+ );
865
+
866
+ box-shadow: var(
867
+ --_show-shadow-im-se,
868
+ var(
869
+ --_ctm-mob-dn-im-se-sw-ae,
870
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
871
+ )
872
+ var(
873
+ --_ctm-mob-dn-im-se-sw-br,
874
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
875
+ )
876
+ var(
877
+ --_ctm-mob-dn-im-se-sw-sd,
878
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
879
+ )
880
+ var(
881
+ --_ctm-mob-dn-im-se-sw-cr,
882
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
883
+ )
884
+ );
885
+ // .left__col {
886
+ // display: inline-block;
887
+ // font-weight: 600;
888
+ // input[type="radio"] {
889
+ // width: auto;
890
+ // display: inline-block;
891
+ // margin-right: 10px;
892
+ // }
893
+ // }
894
+
895
+ // .right__col {
896
+ // display: flex;
897
+ // align-items: center;
898
+ // text-align: center;
899
+ // gap: 16px;
900
+ // font-weight: 500;
901
+ // flex-wrap: wrap;
902
+ // justify-content: var(
903
+ // --_ctm-mob-dn-im-se-ct-at,
904
+ // var(--_ctm-tab-dn-im-se-ct-at, var(--_ctm-dn-im-se-ct-at))
905
+ // );
906
+
907
+ // span {
908
+ // line-height: 12px;
909
+ // }
910
+
911
+ // .card {
912
+ // width: 60px;
913
+ // height: 50px;
914
+ // background-color: var(
915
+ // --_ctm-mob-dn-sg-md-lo-bd-cr,
916
+ // var(--_ctm-tab-dn-sg-md-lo-bd-cr, var(--_ctm-dn-sg-md-lo-bd-cr))
917
+ // );
918
+ // border-color: var(
919
+ // --_ctm-mob-dn-sg-md-lo-br-cr,
920
+ // var(--_ctm-tab-dn-sg-md-lo-br-cr, var(--_ctm-dn-sg-md-lo-br-cr))
921
+ // );
922
+ // border-style: var(
923
+ // --_ctm-mob-dn-sg-md-lo-br-se,
924
+ // var(--_ctm-tab-dn-sg-md-lo-br-se, var(--_ctm-dn-sg-md-lo-br-se))
925
+ // );
926
+ // border-width: var(
927
+ // --_ctm-mob-dn-sg-md-lo-br-wh,
928
+ // var(--_ctm-tab-dn-sg-md-lo-br-wh, var(--_ctm-dn-sg-md-lo-br-wh))
929
+ // );
930
+ // border-radius: var(
931
+ // --_ctm-mob-dn-sg-md-lo-br-rs,
932
+ // var(--_ctm-tab-dn-sg-md-lo-br-rs, var(--_ctm-dn-sg-md-lo-br-rs))
933
+ // );
934
+ // box-shadow: var(
935
+ // var(
936
+ // --_ctm-mob-dn-sg-md-lo-sw-ae,
937
+ // var(
938
+ // --_ctm-tab-dn-sg-md-lo-sw-ae,
939
+ // var(--_ctm-dn-sg-md-lo-sw-ae, var(--_tst-dn-sw-ae))
940
+ // )
941
+ // )
942
+ // var(
943
+ // --_ctm-mob-dn-sg-md-lo-sw-br,
944
+ // var(
945
+ // --_ctm-tab-dn-sg-md-lo-sw-br,
946
+ // var(--_ctm-dn-sg-md-lo-sw-br, var(--_tst-dn-sw-br))
947
+ // )
948
+ // )
949
+ // var(
950
+ // --_ctm-mob-dn-sg-md-lo-sw-sd,
951
+ // var(
952
+ // --_ctm-tab-dn-sg-md-lo-sw-sd,
953
+ // var(--_ctm-dn-sg-md-lo-sw-sd, var(--_tst-dn-sw-sd))
954
+ // )
955
+ // )
956
+ // var(
957
+ // --_ctm-mob-dn-sg-md-lo-sw-cr,
958
+ // var(
959
+ // --_ctm-tab-dn-sg-md-lo-sw-cr,
960
+ // var(--_ctm-dn-sg-md-lo-sw-cr, var(--_tst-dn-sw-cr))
961
+ // )
962
+ // )
963
+ // );
964
+ // & > img {
965
+ // width: 100%;
966
+ // height: 100%;
967
+ // }
968
+ // }
969
+ // }
970
+ p {
971
+ white-space: nowrap;
972
+ }
973
+ }
974
+ }
975
+ .stack__table {
976
+ width: 100%;
977
+ border-collapse: collapse;
978
+ border-radius: 6px;
979
+ background-color: var(
980
+ --_ctm-mob-dn-te-bd-cr,
981
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
982
+ );
983
+ border-color: var(
984
+ --_show-border-im-se,
985
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)))
986
+ );
987
+ border-style: var(
988
+ --_show-border-im-se,
989
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)))
990
+ );
991
+ border-width: var(
992
+ --_show-border-im-se,
993
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)))
994
+ );
995
+ border-radius: var(
996
+ --_ctm-mob-dn-te-br-rs,
997
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
998
+ );
999
+ box-shadow: var(
1000
+ --_show-shadow-im-se,
1001
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
1002
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
1003
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
1004
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
1005
+ );
1006
+ &[data-header-divider="true"] {
1007
+ thead tr th {
1008
+ border-bottom: 1px solid
1009
+ var(
1010
+ --_ctm-mob-dn-rw-ds-hr-dr,
1011
+ var(--_ctm-tab-dn-rw-ds-hr-dr, var(--_ctm-dn-rw-ds-hr-dr))
1012
+ );
1013
+ }
1014
+ }
1015
+ &[data-row-divider="true"] {
1016
+ tbody tr td {
1017
+ border-bottom: 1px solid
1018
+ var(
1019
+ --_ctm-mob-dn-rw-ds-rw-dr,
1020
+ var(--_ctm-tab-dn-rw-ds-rw-dr, var(--_ctm-dn-rw-ds-rw-dr))
1021
+ );
1022
+ }
1023
+ }
1024
+ &[data-column-divider="true"] {
1025
+ tbody tr td,
1026
+ thead tr th {
1027
+ border-right: 1px solid
1028
+ var(
1029
+ --_ctm-mob-dn-rw-ds-cn-dr,
1030
+ var(--_ctm-tab-dn-rw-ds-cn-dr, var(--_ctm-dn-rw-ds-cn-dr))
1031
+ );
1032
+ }
1033
+
1034
+ tbody tr td:last-child,
1035
+ thead tr th:last-child {
1036
+ border-right: none;
1037
+ }
1038
+ }
1039
+ &[data-alternative-row-colors="true"] {
1040
+ tbody tr:nth-child(odd) {
1041
+ background-color: var(--_gray-300);
1042
+ width: 100%;
1043
+ }
1044
+ }
1045
+ thead {
1046
+ height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-dn-lt-hr-ht)));
1047
+ tr {
1048
+ th {
1049
+ padding: var(
1050
+ --_ctm-mob-lt-hr-cl-pg,
1051
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-dn-lt-hr-cl-pg))
1052
+ );
1053
+ text-align: var(
1054
+ --_ctm-mob-lt-ct-at,
1055
+ var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
1056
+ );
1057
+ border: 0;
1058
+ background-color: var(
1059
+ --_ctm-mob-dn-te-hr-bd-cr,
1060
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
1061
+ );
1062
+ color: var(
1063
+ --_ctm-mob-dn-hr-tt-cr,
1064
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
1065
+ );
1066
+ font-family: var(
1067
+ --_ctm-mob-dn-hr-tt-ft-fy,
1068
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
1069
+ );
1070
+ text-transform: var(
1071
+ --_ctm-mob-dn-hr-tt-tt-tm,
1072
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
1073
+ );
1074
+ word-wrap: var(
1075
+ --_ctm-mob-dn-hr-tt-wd-wp,
1076
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
1077
+ );
1078
+ word-break: var(
1079
+ --_ctm-mob-dn-hr-tt-wd-bk,
1080
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
1081
+ );
1082
+ font-size: var(
1083
+ --_ctm-mob-dn-hr-tt-ft-se,
1084
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
1085
+ );
1086
+ font-weight: var(
1087
+ --_ctm-mob-dn-hr-tt-ft-wt,
1088
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
1089
+ );
1090
+ font-style: var(
1091
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
1092
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
1093
+ );
1094
+ text-align: var(
1095
+ --_ctm-mob-dn-hr-tt-tt-an,
1096
+ var(--_ctm-tab-dn-hr-tt-an, var(--_ctm-dn-hr-tt-an))
1097
+ );
1098
+ letter-spacing: var(
1099
+ --_ctm-mob-dn-hr-tt-lr-sg,
1100
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
1101
+ );
1102
+ line-height: var(
1103
+ --_ctm-mob-dn-hr-tt-le-ht,
1104
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
1105
+ );
1106
+ text-decoration: var(
1107
+ --_ctm-mob-dn-hr-tt-ue,
1108
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
1109
+ );
1110
+ }
1111
+ }
1112
+ }
1113
+ tbody {
1114
+ tr {
1115
+ padding: var(
1116
+ --_ctm-mob-lt-rw-cl-pg,
1117
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-dn-lt-rw-cl-pg))
1118
+ );
1119
+ height: var(
1120
+ --_ctm-mob-lt-rw-ht,
1121
+ var(--_ctm-tab-lt-rw-ht, var(--_ctm-dn-lt-rw-ht))
1122
+ );
1123
+ background-color: var(
1124
+ --_ctm-mob-dn-te-rw-bd-cr,
1125
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
1126
+ );
1127
+ text-align: var(
1128
+ --_ctm-mob-lt-ct-at,
1129
+ var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
1130
+ );
1131
+ th,
1132
+ td {
1133
+ border: 0;
1134
+ padding: inherit;
1135
+ color: var(
1136
+ --_ctm-mob-dn-te-rw-cr,
1137
+ var(--_ctm-tab-dn-te-rw-cr, var(--_ctm-dn-te-rw-cr))
1138
+ );
1139
+ font-family: var(
1140
+ --_ctm-mob-dn-te-rw-ft-fy,
1141
+ var(--_ctm-tab-dn-te-rw-ft-fy, var(--_ctm-dn-te-rw-ft-fy))
1142
+ );
1143
+ text-transform: var(
1144
+ --_ctm-mob-dn-te-rw-tt-tm,
1145
+ var(--_ctm-tab-dn-te-rw-tt-tm, var(--_ctm-dn-te-rw-tt-tm))
1146
+ );
1147
+ word-wrap: var(
1148
+ --_ctm-mob-dn-te-rw-wd-wp,
1149
+ var(--_ctm-tab-dn-te-rw-wd-wp, var(--_ctm-dn-te-rw-wd-wp))
1150
+ );
1151
+ word-break: var(
1152
+ --_ctm-mob-dn-te-rw-wd-bk,
1153
+ var(--_ctm-tab-dn-te-rw-wd-bk, var(--_ctm-dn-te-rw-wd-bk))
1154
+ );
1155
+ font-size: var(
1156
+ --_ctm-mob-dn-te-rw-ft-se,
1157
+ var(--_ctm-tab-dn-te-rw-ft-se, var(--_ctm-dn-te-rw-ft-se))
1158
+ );
1159
+ font-weight: var(
1160
+ --_ctm-mob-dn-te-rw-ft-wt,
1161
+ var(--_ctm-tab-dn-te-rw-ft-wt, var(--_ctm-dn-te-rw-ft-wt))
1162
+ );
1163
+ font-style: var(
1164
+ --_ctm-mob-dn-te-rw-ft-se-ic,
1165
+ var(--_ctm-tab-dn-te-rw-ft-se-ic, var(--_ctm-dn-te-rw-ft-se-ic))
1166
+ );
1167
+ text-align: var(
1168
+ --_ctm-mob-dn-te-rw-tt-an,
1169
+ var(--_ctm-tab-dn-te-rw-tt-an, var(--_ctm-dn-te-rw-tt-an))
1170
+ );
1171
+ letter-spacing: var(
1172
+ --_ctm-mob-dn-te-rw-lr-sg,
1173
+ var(--_ctm-tab-dn-te-rw-lr-sg, var(--_ctm-dn-te-rw-lr-sg))
1174
+ );
1175
+ line-height: var(
1176
+ --_ctm-mob-dn-te-rw-le-ht,
1177
+ var(--_ctm-tab-dn-te-rw-le-ht, var(--_ctm-dn-te-rw-le-ht))
1178
+ );
1179
+ text-decoration: var(
1180
+ --_ctm-mob-dn-te-rw-ue,
1181
+ var(--_ctm-tab-dn-te-rw-ue, var(--_ctm-dn-te-rw-ue))
1182
+ );
1183
+ }
1184
+ }
1185
+ }
1186
+ }
1187
+ }
1188
+ }
1189
+ }
1190
+ }
1191
+ }
1192
+ }