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

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 +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/icons-builder.js +1 -1
  52. package/dist/icons-website.js +1 -1
  53. package/dist/icons.js +1 -1
  54. package/dist/image-temp.scss +20 -21
  55. package/dist/index.js +1 -1
  56. package/dist/item-stock.scss +16 -9
  57. package/dist/kitDetails.scss +4301 -2721
  58. package/dist/kits.scss +19 -24
  59. package/dist/language-selector.scss +361 -211
  60. package/dist/last-x-orders.scss +174 -95
  61. package/dist/layouter-item.scss +103 -75
  62. package/dist/layouter-pro-item.scss +95 -89
  63. package/dist/layouter-pro.scss +92 -87
  64. package/dist/layouter.scss +445 -383
  65. package/dist/light-box-v2.scss +104 -89
  66. package/dist/login.scss +566 -287
  67. package/dist/map.scss +368 -221
  68. package/dist/marchandiserSets.scss +104 -95
  69. package/dist/mega-menu-container.scss +109 -96
  70. package/dist/mega-menu.scss +731 -624
  71. package/dist/menu-item.scss +2 -2
  72. package/dist/menu-v2.scss +619 -507
  73. package/dist/multi-select-dropdown.scss +3 -27
  74. package/dist/my-templates.scss +9 -38
  75. package/dist/option-bar.scss +375 -215
  76. package/dist/option-families.scss +252 -0
  77. package/dist/order-status.scss +1117 -646
  78. package/dist/overflow-module.scss +7 -6
  79. package/dist/past-orders.scss +149 -118
  80. package/dist/payment-methods.scss +30 -46
  81. package/dist/pickup-locations.scss +1118 -558
  82. package/dist/position-module.scss +17 -20
  83. package/dist/prefix-list.scss +10 -21
  84. package/dist/product-actions.scss +2425 -1625
  85. package/dist/product-basic-elements.scss +169 -108
  86. package/dist/product-highlights.scss +152 -107
  87. package/dist/product-image-bundles.scss +642 -337
  88. package/dist/product-inventory.scss +1357 -673
  89. package/dist/product-labels.scss +105 -84
  90. package/dist/product-options.scss +1274 -1117
  91. package/dist/product-price.scss +2561 -1283
  92. package/dist/product-promotions.scss +2830 -1388
  93. package/dist/product-sizechart.scss +905 -516
  94. package/dist/product.scss +61 -28
  95. package/dist/productDetails.scss +39 -19
  96. package/dist/profile.scss +447 -207
  97. package/dist/quantity-selector.scss +550 -313
  98. package/dist/quick-inventory-check.scss +174 -95
  99. package/dist/quick-links.scss +133 -55
  100. package/dist/quick-order-pad.scss +271 -218
  101. package/dist/quota-details.scss +282 -152
  102. package/dist/quotes.scss +122 -89
  103. package/dist/repeater-embla-controls.scss +15 -35
  104. package/dist/repeater-grid-toggle.scss +166 -156
  105. package/dist/repeater-item.scss +64 -41
  106. package/dist/repeater.scss +814 -671
  107. package/dist/request-for-quotes.scss +16 -66
  108. package/dist/responsive-behaviour.scss +1 -3
  109. package/dist/rfqs.scss +181 -118
  110. package/dist/scroll.scss +172 -93
  111. package/dist/search.scss +326 -179
  112. package/dist/section.scss +51 -27
  113. package/dist/shipping-payments.scss +58 -198
  114. package/dist/simple-list.scss +164 -74
  115. package/dist/social.scss +145 -80
  116. package/dist/sort.scss +19 -11
  117. package/dist/stack.scss +34 -23
  118. package/dist/static-global.scss +26 -44
  119. package/dist/stockStatus.scss +19 -11
  120. package/dist/store-locations.scss +1105 -577
  121. package/dist/tab-container.scss +108 -81
  122. package/dist/table-common.scss +408 -217
  123. package/dist/table.scss +502 -271
  124. package/dist/text-temp.scss +7 -8
  125. package/dist/theme-classes.scss +13 -17
  126. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  127. package/dist/types/builder/enums/index.d.ts +3 -1
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  130. package/dist/types/builder/tools/element-edit/productActions.d.ts +3 -0
  131. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  132. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  133. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  134. package/dist/uom-selector.scss +949 -489
  135. package/dist/uploadMedia.js +1 -1
  136. package/dist/user-elements.scss +837 -529
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/dist/widget.scss +1 -0
  141. package/package.json +1 -1
package/dist/login.scss CHANGED
@@ -3,18 +3,24 @@
3
3
  @use "./functions.scss" as *;
4
4
 
5
5
  [data-div-type="element"] {
6
-
7
6
  &[data-element-type="login"],
8
7
  &[data-element-type="resetPassword"],
9
8
  &[data-element-type="forgotPassword"] {
10
- width: var(--_sf-el-wh-st-mx,
11
- calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
12
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
9
+ width: var(
10
+ --_sf-el-wh-st-mx,
11
+ calc(
12
+ 1% *
13
+ var(
14
+ --_ctm-mob-ele-nw-wh-vl,
15
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
16
+ )
17
+ )
18
+ );
13
19
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
20
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
15
21
  position: relative;
16
22
 
17
- &>.wrapper {
23
+ & > .wrapper {
18
24
  // display: flex;
19
25
  // align-items: center;
20
26
  // justify-content: center;
@@ -60,7 +66,7 @@
60
66
  width: 100%;
61
67
  position: var(--_p-relative);
62
68
 
63
- &>div {
69
+ & > div {
64
70
  &.loader {
65
71
  position: var(--_p-absolute);
66
72
  z-index: var(--_higher-zIndex);
@@ -81,9 +87,11 @@
81
87
 
82
88
  &::before {
83
89
  animation: shine 1.5s infinite;
84
- background: linear-gradient(to right,
85
- rgba(255, 255, 255, 0) 0%,
86
- rgba(255, 255, 255, 0.8) 100%);
90
+ background: linear-gradient(
91
+ to right,
92
+ rgba(255, 255, 255, 0) 0%,
93
+ rgba(255, 255, 255, 0.8) 100%
94
+ );
87
95
  content: "";
88
96
  display: block;
89
97
  height: 90px;
@@ -95,7 +103,7 @@
95
103
  z-index: 2;
96
104
  }
97
105
 
98
- &>img {
106
+ & > img {
99
107
  // z-index: 3;
100
108
  width: var(--_sf-img-sz);
101
109
  height: var(--_sf-img-sz);
@@ -108,7 +116,7 @@
108
116
  --_col-gap: 0px;
109
117
  grid-template-columns: getRepeatColWidth(--_col-count, --_col-gap);
110
118
 
111
- &>div {
119
+ & > div {
112
120
  width: 100%;
113
121
 
114
122
  &.left__div {
@@ -123,7 +131,7 @@
123
131
  object-fit: cover;
124
132
  }
125
133
 
126
- &>div {
134
+ & > div {
127
135
  &.left__box__parent {
128
136
  max-width: 65%;
129
137
  margin-inline: auto;
@@ -132,7 +140,7 @@
132
140
  --_sf-gp: var(--_gap-24);
133
141
  gap: calc(var(--_sf-gp) * 1.25);
134
142
 
135
- &>div {
143
+ & > div {
136
144
  &.box {
137
145
  display: var(--_d-flex);
138
146
  color: var(--_base-white);
@@ -147,14 +155,14 @@
147
155
  height: var(--_sf-img-size);
148
156
  }
149
157
 
150
- &>div {
158
+ & > div {
151
159
  display: var(--_d-flex);
152
160
  flex-direction: column;
153
161
  row-gap: calc(var(--_sf-gp) * 0.5);
154
162
  align-items: flex-start;
155
163
  flex: 0 0 calc(100% - var(--_sf-img-size) - var(--_sf-gp));
156
164
 
157
- &>p {
165
+ & > p {
158
166
  color: var(--_base-white);
159
167
  margin: 0;
160
168
 
@@ -186,23 +194,46 @@
186
194
  align-items: center;
187
195
  // margin: var(--_ctm-lt-mn);
188
196
  padding: prepareMediaVariable(--_ctm-lt-pg);
189
- background-color: prepareMediaVariable(--_ctm-dn-ln-wt-bd-cr,
190
- prepareMediaVariable(--_ctm-dn-wt-bd-cr, transparent));
191
- border-color: prepareMediaVariable(--_ctm-dn-ln-wt-br-cr,
192
- prepareMediaVariable(--_ctm-dn-wt-br-cr, transparent));
193
- border-style: prepareMediaVariable(--_ctm-dn-ln-wt-br-se,
194
- prepareMediaVariable(--_ctm-dn-wt-br-se, none));
195
- border-width: prepareMediaVariable(--_ctm-dn-ln-wt-br-wh,
196
- prepareMediaVariable(--_ctm-dn-wt-br-wh, 0px));
197
- border-radius: prepareMediaVariable(--_ctm-dn-ln-wt-br-rs,
198
- prepareMediaVariable(--_ctm-dn-wt-br-rs, 0px));
199
-
200
- box-shadow: var(--_show-shadow,
201
- prepareMediaVariable(--_ctm-dn-ln-wt-sw-ae,
202
- prepareMediaVariable(--_ctm-dn-wt-sw-ae, 0px 0px)) prepareMediaVariable(--_ctm-dn-ln-wt-sw-br,
203
- prepareMediaVariable(--_ctm-dn-wt-sw-br, 0px)) prepareMediaVariable(--_ctm-dn-ln-wt-sw-sd,
204
- prepareMediaVariable(--_ctm-dn-wt-sw-sd, 0px)) prepareMediaVariable(--_ctm-dn-ln-wt-sw-cr,
205
- prepareMediaVariable(--_ctm-dn-wt-sw-cr, transparent)));
197
+ background-color: prepareMediaVariable(
198
+ --_ctm-dn-ln-wt-bd-cr,
199
+ prepareMediaVariable(--_ctm-dn-wt-bd-cr, transparent)
200
+ );
201
+ border-color: prepareMediaVariable(
202
+ --_ctm-dn-ln-wt-br-cr,
203
+ prepareMediaVariable(--_ctm-dn-wt-br-cr, transparent)
204
+ );
205
+ border-style: prepareMediaVariable(
206
+ --_ctm-dn-ln-wt-br-se,
207
+ prepareMediaVariable(--_ctm-dn-wt-br-se, none)
208
+ );
209
+ border-width: prepareMediaVariable(
210
+ --_ctm-dn-ln-wt-br-wh,
211
+ prepareMediaVariable(--_ctm-dn-wt-br-wh, 0px)
212
+ );
213
+ border-radius: prepareMediaVariable(
214
+ --_ctm-dn-ln-wt-br-rs,
215
+ prepareMediaVariable(--_ctm-dn-wt-br-rs, 0px)
216
+ );
217
+
218
+ box-shadow: var(
219
+ --_show-shadow,
220
+ prepareMediaVariable(
221
+ --_ctm-dn-ln-wt-sw-ae,
222
+ prepareMediaVariable(--_ctm-dn-wt-sw-ae, 0px 0px)
223
+ )
224
+ prepareMediaVariable(
225
+ --_ctm-dn-ln-wt-sw-br,
226
+ prepareMediaVariable(--_ctm-dn-wt-sw-br, 0px)
227
+ )
228
+ prepareMediaVariable(
229
+ --_ctm-dn-ln-wt-sw-sd,
230
+ prepareMediaVariable(--_ctm-dn-wt-sw-sd, 0px)
231
+ )
232
+ prepareMediaVariable(
233
+ --_ctm-dn-ln-wt-sw-cr,
234
+ prepareMediaVariable(--_ctm-dn-wt-sw-cr, transparent)
235
+ )
236
+ );
206
237
  }
207
238
 
208
239
  // Login Box
@@ -216,8 +247,10 @@
216
247
  // --_ctm-dn-ln-wt-im-gp,
217
248
  // prepareMediaVariable(--_ctm-dn-wt-im-gp, 0px)
218
249
  // );
219
- gap: var(--_ctm-mob-dn-fm-cr-im-gp,
220
- var(--_ctm-tab-dn-fm-cr-im-gp, var(--_ctm-dn-fm-cr-im-gp)));
250
+ gap: var(
251
+ --_ctm-mob-dn-fm-cr-im-gp,
252
+ var(--_ctm-tab-dn-fm-cr-im-gp, var(--_ctm-dn-fm-cr-im-gp))
253
+ );
221
254
  // padding: prepareMediaVariable(
222
255
  // --_ctm-dn-ln-wt-pg,
223
256
  // prepareMediaVariable(--_ctm-dn-wt-pg, 0px)
@@ -228,8 +261,10 @@
228
261
  display: flex;
229
262
  flex-direction: column;
230
263
  padding: var(--_ctm-mob-dn-wt-ds-pg, var(--_ctm-tab-dn-wt-ds-pg, var(--_ctm-dn-wt-ds-pg)));
231
- gap: var(--_ctm-mob-dn-wt-ds-im-gp,
232
- var(--_ctm-tab-dn-wt-ds-im-gp, var(--_ctm-dn-wt-ds-im-gp)));
264
+ gap: var(
265
+ --_ctm-mob-dn-wt-ds-im-gp,
266
+ var(--_ctm-tab-dn-wt-ds-im-gp, var(--_ctm-dn-wt-ds-im-gp))
267
+ );
233
268
 
234
269
  .rounded__fill {
235
270
  width: 60px;
@@ -263,7 +298,7 @@
263
298
  margin-bottom: 24px;
264
299
  }
265
300
 
266
- &>div:has(.log_in_title) {
301
+ & > div:has(.log_in_title) {
267
302
  display: flex;
268
303
  flex-direction: column;
269
304
  gap: 4px;
@@ -271,65 +306,108 @@
271
306
 
272
307
  // Title Styles
273
308
  .log_in_title {
274
- font-family: var(--_ctm-mob-dn-te-ft-fy,
275
- var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy)));
276
- text-transform: var(--_ctm-mob-dn-te-tt-tm,
277
- var(--_ctm-tab-dn-te-tt-tm, var(--_ctm-dn-te-tt-tm)));
278
- word-wrap: var(--_ctm-mob-dn-te-wd-wp,
279
- var(--_ctm-tab-dn-te-wd-wp, var(--_ctm-dn-te-wd-wp)));
280
- word-break: var(--_ctm-mob-dn-te-wd-bk,
281
- var(--_ctm-tab-dn-te-wd-bk, var(--_ctm-dn-te-wd-bk)));
309
+ font-family: var(
310
+ --_ctm-mob-dn-te-ft-fy,
311
+ var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))
312
+ );
313
+ text-transform: var(
314
+ --_ctm-mob-dn-te-tt-tm,
315
+ var(--_ctm-tab-dn-te-tt-tm, var(--_ctm-dn-te-tt-tm))
316
+ );
317
+ word-wrap: var(
318
+ --_ctm-mob-dn-te-wd-wp,
319
+ var(--_ctm-tab-dn-te-wd-wp, var(--_ctm-dn-te-wd-wp))
320
+ );
321
+ word-break: var(
322
+ --_ctm-mob-dn-te-wd-bk,
323
+ var(--_ctm-tab-dn-te-wd-bk, var(--_ctm-dn-te-wd-bk))
324
+ );
282
325
  color: var(--_ctm-mob-dn-te-cr, var(--_ctm-tab-dn-te-cr, var(--_ctm-dn-te-cr)));
283
- font-weight: var(--_ctm-mob-dn-te-ft-wt,
284
- var(--_ctm-tab-dn-te-ft-wt, var(--_ctm-dn-te-ft-wt)));
285
- font-size: var(--_ctm-mob-dn-te-ft-se,
286
- var(--_ctm-tab-dn-te-ft-se, var(--_ctm-dn-te-ft-se)));
287
- text-decoration: var(--_ctm-mob-dn-te-ue,
288
- var(--_ctm-tab-dn-te-ue, var(--_ctm-dn-te-ue, )));
289
- letter-spacing: var(--_ctm-mob-dn-te-lr-sg,
290
- var(--_ctm-tab-dn-te-lr-sg, var(--_ctm-dn-te-lr-sg)));
291
- line-height: var(--_ctm-mob-dn-te-le-ht,
292
- var(--_ctm-tab-dn-te-le-ht, var(--_ctm-dn-te-le-ht)));
293
- font-style: var(--_ctm-mob-dn-te-ft-se-ic,
294
- var(--_ctm-tab-dn-te-ft-se-ic, var(--_ctm-dn-te-ft-se-ic)));
295
- text-align: var(--_ctm-mob-dn-te-tt-an,
296
- var(--_ctm-tab-dn-te-tt-an, var(--_ctm-dn-te-tt-an)));
326
+ font-weight: var(
327
+ --_ctm-mob-dn-te-ft-wt,
328
+ var(--_ctm-tab-dn-te-ft-wt, var(--_ctm-dn-te-ft-wt))
329
+ );
330
+ font-size: var(
331
+ --_ctm-mob-dn-te-ft-se,
332
+ var(--_ctm-tab-dn-te-ft-se, var(--_ctm-dn-te-ft-se))
333
+ );
334
+ text-decoration: var(
335
+ --_ctm-mob-dn-te-ue,
336
+ var(--_ctm-tab-dn-te-ue, var(--_ctm-dn-te-ue,))
337
+ );
338
+ letter-spacing: var(
339
+ --_ctm-mob-dn-te-lr-sg,
340
+ var(--_ctm-tab-dn-te-lr-sg, var(--_ctm-dn-te-lr-sg))
341
+ );
342
+ line-height: var(
343
+ --_ctm-mob-dn-te-le-ht,
344
+ var(--_ctm-tab-dn-te-le-ht, var(--_ctm-dn-te-le-ht))
345
+ );
346
+ font-style: var(
347
+ --_ctm-mob-dn-te-ft-se-ic,
348
+ var(--_ctm-tab-dn-te-ft-se-ic, var(--_ctm-dn-te-ft-se-ic))
349
+ );
350
+ text-align: var(
351
+ --_ctm-mob-dn-te-tt-an,
352
+ var(--_ctm-tab-dn-te-tt-an, var(--_ctm-dn-te-tt-an))
353
+ );
297
354
  }
298
355
 
299
356
  .desc {
300
357
  word-break: break-word;
301
- font-family: var(--_ctm-mob-dn-dn-ft-fy,
302
- var(--_ctm-tab-dn-dn-ft-fy, var(--_ctm-dn-dn-ft-fy)));
303
- text-transform: var(--_ctm-mob-dn-dn-tt-tm,
304
- var(--_ctm-tab-dn-dn-tt-tm, var(--_ctm-dn-dn-tt-tm)));
305
- word-wrap: var(--_ctm-mob-dn-dn-wd-wp,
306
- var(--_ctm-tab-dn-dn-wd-wp, var(--_ctm-dn-dn-wd-wp)));
358
+ font-family: var(
359
+ --_ctm-mob-dn-dn-ft-fy,
360
+ var(--_ctm-tab-dn-dn-ft-fy, var(--_ctm-dn-dn-ft-fy))
361
+ );
362
+ text-transform: var(
363
+ --_ctm-mob-dn-dn-tt-tm,
364
+ var(--_ctm-tab-dn-dn-tt-tm, var(--_ctm-dn-dn-tt-tm))
365
+ );
366
+ word-wrap: var(
367
+ --_ctm-mob-dn-dn-wd-wp,
368
+ var(--_ctm-tab-dn-dn-wd-wp, var(--_ctm-dn-dn-wd-wp))
369
+ );
307
370
  color: var(--_ctm-mob-dn-dn-cr, var(--_ctm-tab-dn-dn-cr, var(--_ctm-dn-dn-cr)));
308
- font-weight: var(--_ctm-mob-dn-dn-ft-wt,
309
- var(--_ctm-tab-dn-dn-ft-wt, var(--_ctm-dn-dn-ft-wt)));
310
- font-size: var(--_ctm-mob-dn-dn-ft-se,
311
- var(--_ctm-tab-dn-dn-ft-se, var(--_ctm-dn-dn-ft-se)));
312
- text-decoration: var(--_ctm-mob-dn-dn-ue,
313
- var(--_ctm-tab-dn-dn-ue, var(--_ctm-dn-dn-ue, )));
314
- letter-spacing: var(--_ctm-mob-dn-dn-lr-sg,
315
- var(--_ctm-tab-dn-dn-lr-sg, var(--_ctm-dn-dn-lr-sg)));
316
- line-height: var(--_ctm-mob-dn-dn-le-ht,
317
- var(--_ctm-tab-dn-dn-le-ht, var(--_ctm-dn-dn-le-ht)));
318
- font-style: var(--_ctm-mob-dn-dn-ft-se-ic,
319
- var(--_ctm-tab-dn-dn-ft-se-ic, var(--_ctm-dn-dn-ft-se-ic)));
320
- text-align: var(--_ctm-mob-dn-dn-tt-an,
321
- var(--_ctm-tab-dn-dn-tt-an, var(--_ctm-dn-dn-tt-an)));
371
+ font-weight: var(
372
+ --_ctm-mob-dn-dn-ft-wt,
373
+ var(--_ctm-tab-dn-dn-ft-wt, var(--_ctm-dn-dn-ft-wt))
374
+ );
375
+ font-size: var(
376
+ --_ctm-mob-dn-dn-ft-se,
377
+ var(--_ctm-tab-dn-dn-ft-se, var(--_ctm-dn-dn-ft-se))
378
+ );
379
+ text-decoration: var(
380
+ --_ctm-mob-dn-dn-ue,
381
+ var(--_ctm-tab-dn-dn-ue, var(--_ctm-dn-dn-ue,))
382
+ );
383
+ letter-spacing: var(
384
+ --_ctm-mob-dn-dn-lr-sg,
385
+ var(--_ctm-tab-dn-dn-lr-sg, var(--_ctm-dn-dn-lr-sg))
386
+ );
387
+ line-height: var(
388
+ --_ctm-mob-dn-dn-le-ht,
389
+ var(--_ctm-tab-dn-dn-le-ht, var(--_ctm-dn-dn-le-ht))
390
+ );
391
+ font-style: var(
392
+ --_ctm-mob-dn-dn-ft-se-ic,
393
+ var(--_ctm-tab-dn-dn-ft-se-ic, var(--_ctm-dn-dn-ft-se-ic))
394
+ );
395
+ text-align: var(
396
+ --_ctm-mob-dn-dn-tt-an,
397
+ var(--_ctm-tab-dn-dn-tt-an, var(--_ctm-dn-dn-tt-an))
398
+ );
322
399
  }
323
400
  }
324
401
 
325
402
  .sso_verify {
326
403
  border: 1px solid red;
327
404
  }
328
-
329
405
  .form_fields {
330
406
  // margin-top: 36px;
331
- gap: var(--_ctm-mob-dn-ln-wt-im-gp,
332
- var(--_ctm-tab-dn-ln-wt-im-gp, var(--_ctm-dn-ln-wt-im-gp)));
407
+ gap: var(
408
+ --_ctm-mob-dn-ln-wt-im-gp,
409
+ var(--_ctm-tab-dn-ln-wt-im-gp, var(--_ctm-dn-ln-wt-im-gp))
410
+ );
333
411
  display: flex;
334
412
  flex-direction: column;
335
413
 
@@ -396,8 +474,10 @@
396
474
  }
397
475
  }
398
476
 
399
- background-color: var(--_sf-hr-bd-cr,
400
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-bd-cr));
477
+ background-color: var(
478
+ --_sf-hr-bd-cr,
479
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-bd-cr)
480
+ );
401
481
 
402
482
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-pg));
403
483
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-wh));
@@ -408,21 +488,32 @@
408
488
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-at));
409
489
  gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-gp));
410
490
 
411
- border-radius: var(--_sf-hr-br-rs,
412
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-rs));
491
+ border-radius: var(
492
+ --_sf-hr-br-rs,
493
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-rs)
494
+ );
413
495
 
414
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-cr));
496
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-ae))
497
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-br))
498
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-sd))
499
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-sw-cr));
415
500
 
416
501
  &[data-show-border="true"] {
417
502
  width: 100%;
418
- border-color: var(--_sf-hr-br-cr,
419
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-cr));
420
-
421
- border-style: var(--_sf-hr-br-se,
422
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-se));
423
-
424
- border-width: var(--_sf-hr-br-wh,
425
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-wh));
503
+ border-color: var(
504
+ --_sf-hr-br-cr,
505
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-cr)
506
+ );
507
+
508
+ border-style: var(
509
+ --_sf-hr-br-se,
510
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-se)
511
+ );
512
+
513
+ border-width: var(
514
+ --_sf-hr-br-wh,
515
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-br-wh)
516
+ );
426
517
  }
427
518
 
428
519
  .txt {
@@ -430,14 +521,19 @@
430
521
 
431
522
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-cr));
432
523
 
433
- font-family: var(--_sf-hr-ft-fy,
434
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-fy));
435
- text-transform: var(--_sf-hr-tt-tm,
436
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-tt-tm));
524
+ font-family: var(
525
+ --_sf-hr-ft-fy,
526
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-fy)
527
+ );
528
+ text-transform: var(
529
+ --_sf-hr-tt-tm,
530
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-tt-tm)
531
+ );
437
532
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-wd-wp));
438
- word-break: var(--_sf-hr-wd-bk,
439
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-wd-bk));
440
-
533
+ word-break: var(
534
+ --_sf-hr-wd-bk,
535
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-wd-bk)
536
+ );
441
537
  &.flex__overflow {
442
538
  white-space: normal;
443
539
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -445,20 +541,30 @@
445
541
 
446
542
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-se));
447
543
 
448
- font-weight: var(--_sf-hr-ft-wt,
449
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-wt));
544
+ font-weight: var(
545
+ --_sf-hr-ft-wt,
546
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-wt)
547
+ );
450
548
 
451
- font-style: var(--_sf-hr-ft-se-ic,
452
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-se-ic));
549
+ font-style: var(
550
+ --_sf-hr-ft-se-ic,
551
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-ft-se-ic)
552
+ );
453
553
 
454
- text-align: var(--_sf-hr-tt-an,
455
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-tt-an));
554
+ text-align: var(
555
+ --_sf-hr-tt-an,
556
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-tt-an)
557
+ );
456
558
 
457
- letter-spacing: var(--_sf-hr-lr-sg,
458
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-lr-sg));
559
+ letter-spacing: var(
560
+ --_sf-hr-lr-sg,
561
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-lr-sg)
562
+ );
459
563
 
460
- line-height: var(--_sf-hr-le-ht,
461
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-le-ht));
564
+ line-height: var(
565
+ --_sf-hr-le-ht,
566
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-le-ht)
567
+ );
462
568
 
463
569
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
464
570
  }
@@ -471,8 +577,10 @@
471
577
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-in-se));
472
578
 
473
579
  path {
474
- stroke: var(--_sf-hr-in-c1,
475
- prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-in-c1));
580
+ stroke: var(
581
+ --_sf-hr-in-c1,
582
+ prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-in-c1)
583
+ );
476
584
  // Overrides the stroke-width presentation attribute baked into the icon markup.
477
585
  stroke-width: prepareMediaVariable(--_ctm-dn-fm-as-rt-bn-dt-se-se-wh, 1.25);
478
586
  }
@@ -511,51 +619,75 @@
511
619
  .form__container {
512
620
  display: flex;
513
621
  flex-direction: column;
514
- gap: var(--_ctm-mob-dn-fm-cr-im-gp,
515
- var(--_ctm-tab-dn-fm-cr-im-gp, var(--_ctm-dn-fm-cr-im-gp)));
622
+ gap: var(
623
+ --_ctm-mob-dn-fm-cr-im-gp,
624
+ var(--_ctm-tab-dn-fm-cr-im-gp, var(--_ctm-dn-fm-cr-im-gp))
625
+ );
516
626
  }
517
627
 
518
628
  // Form Group (For Email and Password)
519
629
  .field__group {
520
630
  // margin-bottom: 16px;
521
631
  position: relative;
522
- gap: var(--_ctm-mob-dn-fm-fd-is-im-gp,
523
- var(--_ctm-tab-dn-fm-fd-is-im-gp, var(--_ctm-dn-fm-fd-is-im-gp)));
632
+ gap: var(
633
+ --_ctm-mob-dn-fm-fd-is-im-gp,
634
+ var(--_ctm-tab-dn-fm-fd-is-im-gp, var(--_ctm-dn-fm-fd-is-im-gp))
635
+ );
524
636
  display: flex;
525
637
  flex-direction: column;
526
638
 
527
639
  .input__label {
528
640
  // display: flex;
529
641
  // align-items: center;
530
- font-family: var(--_ctm-mob-dn-fm-ll-ft-fy,
531
- var(--_ctm-tab-dn-fm-ll-ft-fy, var(--_ctm-dn-fm-ll-ft-fy)));
532
- text-transform: var(--_ctm-mob-dn-fm-ll-tt-tm,
533
- var(--_ctm-tab-dn-fm-ll-tt-tm, var(--_ctm-dn-fm-ll-tt-tm)));
534
- word-wrap: var(--_ctm-mob-dn-fm-ll-wd-wp,
535
- var(--_ctm-tab-dn-fm-ll-wd-wp, var(--_ctm-dn-fm-ll-wd-wp)));
536
- word-break: var(--_ctm-mob-dn-fm-ll-wd-bk,
537
- var(--_ctm-tab-dn-fm-ll-wd-bk, var(--_ctm-dn-fm-ll-wd-bk)));
538
-
642
+ font-family: var(
643
+ --_ctm-mob-dn-fm-ll-ft-fy,
644
+ var(--_ctm-tab-dn-fm-ll-ft-fy, var(--_ctm-dn-fm-ll-ft-fy))
645
+ );
646
+ text-transform: var(
647
+ --_ctm-mob-dn-fm-ll-tt-tm,
648
+ var(--_ctm-tab-dn-fm-ll-tt-tm, var(--_ctm-dn-fm-ll-tt-tm))
649
+ );
650
+ word-wrap: var(
651
+ --_ctm-mob-dn-fm-ll-wd-wp,
652
+ var(--_ctm-tab-dn-fm-ll-wd-wp, var(--_ctm-dn-fm-ll-wd-wp))
653
+ );
654
+ word-break: var(
655
+ --_ctm-mob-dn-fm-ll-wd-bk,
656
+ var(--_ctm-tab-dn-fm-ll-wd-bk, var(--_ctm-dn-fm-ll-wd-bk))
657
+ );
539
658
  &.flex__overflow {
540
659
  white-space: normal;
541
660
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
542
661
  }
543
-
544
662
  color: var(--_ctm-mob-dn-fm-ll-cr, var(--_ctm-tab-dn-fm-ll-cr, var(--_ctm-dn-fm-ll-cr)));
545
- font-weight: var(--_ctm-mob-dn-fm-ll-ft-wt,
546
- var(--_ctm-tab-dn-fm-ll-ft-wt, var(--_ctm-dn-fm-ll-ft-wt)));
547
- font-size: var(--_ctm-mob-dn-fm-ll-ft-se,
548
- var(--_ctm-tab-dn-fm-ll-ft-se, var(--_ctm-dn-fm-ll-ft-se)));
549
- text-decoration: var(--_ctm-mob-dn-fm-ll-ue,
550
- var(--_ctm-tab-dn-fm-ll-ue, var(--_ctm-dn-fm-ll-ue)));
551
- letter-spacing: var(--_ctm-mob-dn-fm-ll-lr-sg,
552
- var(--_ctm-tab-dn-fm-ll-lr-sg, var(--_ctm-dn-fm-ll-lr-sg)));
553
- line-height: var(--_ctm-mob-dn-fm-ll-le-ht,
554
- var(--_ctm-tab-dn-fm-ll-le-ht, var(--_ctm-dn-fm-ll-le-ht)));
555
- font-style: var(--_ctm-mob-dn-fm-ll-ft-se-ic,
556
- var(--_ctm-tab-dn-fm-ll-ft-se-ic, var(--_ctm-dn-fm-ll-ft-se-ic)));
557
- text-align: var(--_ctm-mob-dn-fm-ll-tt-an,
558
- var(--_ctm-tab-dn-fm-ll-tt-an, var(--_ctm-dn-fm-ll-tt-an)));
663
+ font-weight: var(
664
+ --_ctm-mob-dn-fm-ll-ft-wt,
665
+ var(--_ctm-tab-dn-fm-ll-ft-wt, var(--_ctm-dn-fm-ll-ft-wt))
666
+ );
667
+ font-size: var(
668
+ --_ctm-mob-dn-fm-ll-ft-se,
669
+ var(--_ctm-tab-dn-fm-ll-ft-se, var(--_ctm-dn-fm-ll-ft-se))
670
+ );
671
+ text-decoration: var(
672
+ --_ctm-mob-dn-fm-ll-ue,
673
+ var(--_ctm-tab-dn-fm-ll-ue, var(--_ctm-dn-fm-ll-ue))
674
+ );
675
+ letter-spacing: var(
676
+ --_ctm-mob-dn-fm-ll-lr-sg,
677
+ var(--_ctm-tab-dn-fm-ll-lr-sg, var(--_ctm-dn-fm-ll-lr-sg))
678
+ );
679
+ line-height: var(
680
+ --_ctm-mob-dn-fm-ll-le-ht,
681
+ var(--_ctm-tab-dn-fm-ll-le-ht, var(--_ctm-dn-fm-ll-le-ht))
682
+ );
683
+ font-style: var(
684
+ --_ctm-mob-dn-fm-ll-ft-se-ic,
685
+ var(--_ctm-tab-dn-fm-ll-ft-se-ic, var(--_ctm-dn-fm-ll-ft-se-ic))
686
+ );
687
+ text-align: var(
688
+ --_ctm-mob-dn-fm-ll-tt-an,
689
+ var(--_ctm-tab-dn-fm-ll-tt-an, var(--_ctm-dn-fm-ll-tt-an))
690
+ );
559
691
  // gap: 4px;
560
692
  // margin-bottom: 4px;
561
693
  // font-size: 16px;
@@ -566,23 +698,46 @@
566
698
  display: flex;
567
699
  align-items: center;
568
700
  border-radius: prepareMediaVariable(--_ctm-dn-fm-it-br-rs);
569
- border-color: var(--_ctm-mob-dn-fm-it-br-cr,
570
- var(--_ctm-tab-dn-fm-it-br-cr, var(--_ctm-dn-fm-it-br-cr)));
571
- border-radius: var(--_ctm-mob-dn-fm-it-br-rs,
572
- var(--_ctm-tab-dn-fm-it-br-rs, var(--_ctm-dn-fm-it-br-rs)));
573
- border-style: var(--_ctm-mob-dn-fm-it-br-se,
574
- var(--_ctm-tab-dn-fm-it-br-se, var(--_ctm-dn-fm-it-br-se)));
575
- border-width: var(--_ctm-mob-dn-fm-it-br-wh,
576
- var(--_ctm-tab-dn-fm-it-br-wh, var(--_ctm-dn-fm-it-br-wh)));
577
- box-shadow: var(--_ctm-mob-dn-fm-it-sw-ae,
578
- var(--_ctm-tab-dn-fm-it-sw-ae, var(--_ctm-dn-fm-it-sw-ae))) var(--_ctm-mob-dn-fm-it-sw-br,
579
- var(--_ctm-tab-dn-fm-it-sw-br, var(--_ctm-dn-fm-it-sw-br))) var(--_ctm-mob-dn-fm-it-sw-sd,
580
- var(--_ctm-tab-dn-fm-it-sw-sd, var(--_ctm-dn-fm-it-sw-sd))) var(--_ctm-mob-dn-fm-it-sw-cr,
581
- var(--_ctm-tab-dn-fm-it-sw-cr, var(--_ctm-dn-fm-it-sw-cr)));
582
- background-color: var(--_ctm-mob-dn-fm-it-bd-cr,
583
- var(--_ctm-tab-dn-fm-it-bd-cr, var(--_ctm-dn-fm-it-bd-cr)));
584
- padding: var(--_ctm-mob-dn-fm-it-pg,
585
- var(--_ctm-tab-dn-fm-it-pg, var(--_ctm-dn-fm-it-pg)));
701
+ border-color: var(
702
+ --_ctm-mob-dn-fm-it-br-cr,
703
+ var(--_ctm-tab-dn-fm-it-br-cr, var(--_ctm-dn-fm-it-br-cr))
704
+ );
705
+ border-radius: var(
706
+ --_ctm-mob-dn-fm-it-br-rs,
707
+ var(--_ctm-tab-dn-fm-it-br-rs, var(--_ctm-dn-fm-it-br-rs))
708
+ );
709
+ border-style: var(
710
+ --_ctm-mob-dn-fm-it-br-se,
711
+ var(--_ctm-tab-dn-fm-it-br-se, var(--_ctm-dn-fm-it-br-se))
712
+ );
713
+ border-width: var(
714
+ --_ctm-mob-dn-fm-it-br-wh,
715
+ var(--_ctm-tab-dn-fm-it-br-wh, var(--_ctm-dn-fm-it-br-wh))
716
+ );
717
+ box-shadow: var(
718
+ --_ctm-mob-dn-fm-it-sw-ae,
719
+ var(--_ctm-tab-dn-fm-it-sw-ae, var(--_ctm-dn-fm-it-sw-ae))
720
+ )
721
+ var(
722
+ --_ctm-mob-dn-fm-it-sw-br,
723
+ var(--_ctm-tab-dn-fm-it-sw-br, var(--_ctm-dn-fm-it-sw-br))
724
+ )
725
+ var(
726
+ --_ctm-mob-dn-fm-it-sw-sd,
727
+ var(--_ctm-tab-dn-fm-it-sw-sd, var(--_ctm-dn-fm-it-sw-sd))
728
+ )
729
+ var(
730
+ --_ctm-mob-dn-fm-it-sw-cr,
731
+ var(--_ctm-tab-dn-fm-it-sw-cr, var(--_ctm-dn-fm-it-sw-cr))
732
+ );
733
+ background-color: var(
734
+ --_ctm-mob-dn-fm-it-bd-cr,
735
+ var(--_ctm-tab-dn-fm-it-bd-cr, var(--_ctm-dn-fm-it-bd-cr))
736
+ );
737
+ padding: var(
738
+ --_ctm-mob-dn-fm-it-pg,
739
+ var(--_ctm-tab-dn-fm-it-pg, var(--_ctm-dn-fm-it-pg))
740
+ );
586
741
  gap: prepareMediaVariable(--_ctm-dn-fm-it-im-gp);
587
742
  transition:
588
743
  background-color 0.2s,
@@ -696,35 +851,59 @@
696
851
  input:-webkit-autofill:hover,
697
852
  input:-webkit-autofill:focus {
698
853
  -webkit-box-shadow: 0 0 0px 1000px prepareMediaVariable(--_ctm-dn-fm-it-bd-cr) inset;
699
- -webkit-text-fill-color: var(--_ctm-mob-dn-fm-it-cr,
700
- var(--_ctm-tab-dn-fm-it-cr, var(--_ctm-dn-fm-it-cr)));
854
+ -webkit-text-fill-color: var(
855
+ --_ctm-mob-dn-fm-it-cr,
856
+ var(--_ctm-tab-dn-fm-it-cr, var(--_ctm-dn-fm-it-cr))
857
+ );
701
858
  }
702
859
 
703
860
  input {
704
861
  // padding-left: 38px;
705
862
 
706
- font-family: var(--_ctm-mob-dn-fm-it-ft-fy,
707
- var(--_ctm-tab-dn-fm-it-ft-fy, var(--_ctm-dn-fm-it-ft-fy)));
708
- text-transform: var(--_ctm-mob-dn-fm-it-tt-tm,
709
- var(--_ctm-tab-dn-fm-it-tt-tm, var(--_ctm-dn-fm-it-tt-tm)));
710
- word-wrap: var(--_ctm-mob-dn-fm-it-wd-wp,
711
- var(--_ctm-tab-dn-fm-it-wd-wp, var(--_ctm-dn-fm-it-wd-wp)));
712
- word-break: var(--_ctm-mob-dn-fm-it-wd-bk,
713
- var(--_ctm-tab-dn-fm-it-wd-bk, var(--_ctm-dn-fm-it-wd-bk)));
714
- color: var(--_ctm-mob-dn-fm-it-cr,
715
- var(--_ctm-tab-dn-fm-it-cr, var(--_ctm-dn-fm-it-cr)));
716
- font-weight: var(--_ctm-mob-dn-fm-it-ft-wt,
717
- var(--_ctm-tab-dn-fm-it-ft-wt, var(--_ctm-dn-fm-it-ft-wt)));
718
- font-size: var(--_ctm-mob-dn-fm-it-ft-se,
719
- var(--_ctm-tab-dn-fm-it-ft-se, var(--_ctm-dn-fm-it-ft-se)));
720
- text-decoration: var(--_ctm-mob-dn-fm-it-ue,
721
- var(--_ctm-tab-dn-fm-it-ue, var(--_ctm-dn-fm-it-ue)));
722
- letter-spacing: var(--_ctm-mob-dn-fm-it-lr-sg,
723
- var(--_ctm-tab-dn-fm-it-lr-sg, var(--_ctm-dn-fm-it-lr-sg)));
724
- line-height: var(--_ctm-mob-dn-fm-it-le-ht,
725
- var(--_ctm-tab-dn-fm-it-le-ht, var(--_ctm-dn-fm-it-le-ht)));
726
- font-style: var(--_ctm-mob-dn-fm-it-ft-se-ic,
727
- var(--_ctm-tab-dn-fm-it-ft-se-ic, var(--_ctm-dn-fm-it-ft-se-ic)));
863
+ font-family: var(
864
+ --_ctm-mob-dn-fm-it-ft-fy,
865
+ var(--_ctm-tab-dn-fm-it-ft-fy, var(--_ctm-dn-fm-it-ft-fy))
866
+ );
867
+ text-transform: var(
868
+ --_ctm-mob-dn-fm-it-tt-tm,
869
+ var(--_ctm-tab-dn-fm-it-tt-tm, var(--_ctm-dn-fm-it-tt-tm))
870
+ );
871
+ word-wrap: var(
872
+ --_ctm-mob-dn-fm-it-wd-wp,
873
+ var(--_ctm-tab-dn-fm-it-wd-wp, var(--_ctm-dn-fm-it-wd-wp))
874
+ );
875
+ word-break: var(
876
+ --_ctm-mob-dn-fm-it-wd-bk,
877
+ var(--_ctm-tab-dn-fm-it-wd-bk, var(--_ctm-dn-fm-it-wd-bk))
878
+ );
879
+ color: var(
880
+ --_ctm-mob-dn-fm-it-cr,
881
+ var(--_ctm-tab-dn-fm-it-cr, var(--_ctm-dn-fm-it-cr))
882
+ );
883
+ font-weight: var(
884
+ --_ctm-mob-dn-fm-it-ft-wt,
885
+ var(--_ctm-tab-dn-fm-it-ft-wt, var(--_ctm-dn-fm-it-ft-wt))
886
+ );
887
+ font-size: var(
888
+ --_ctm-mob-dn-fm-it-ft-se,
889
+ var(--_ctm-tab-dn-fm-it-ft-se, var(--_ctm-dn-fm-it-ft-se))
890
+ );
891
+ text-decoration: var(
892
+ --_ctm-mob-dn-fm-it-ue,
893
+ var(--_ctm-tab-dn-fm-it-ue, var(--_ctm-dn-fm-it-ue))
894
+ );
895
+ letter-spacing: var(
896
+ --_ctm-mob-dn-fm-it-lr-sg,
897
+ var(--_ctm-tab-dn-fm-it-lr-sg, var(--_ctm-dn-fm-it-lr-sg))
898
+ );
899
+ line-height: var(
900
+ --_ctm-mob-dn-fm-it-le-ht,
901
+ var(--_ctm-tab-dn-fm-it-le-ht, var(--_ctm-dn-fm-it-le-ht))
902
+ );
903
+ font-style: var(
904
+ --_ctm-mob-dn-fm-it-ft-se-ic,
905
+ var(--_ctm-tab-dn-fm-it-ft-se-ic, var(--_ctm-dn-fm-it-ft-se-ic))
906
+ );
728
907
  // Always left, never the Input section's Text Align. What the shopper is
729
908
  // typing has to sit where the caret starts and next to the field's leading
730
909
  // icon; centred or right-aligned entry reads as broken, and the alignment
@@ -927,7 +1106,10 @@
927
1106
 
928
1107
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-br-rs));
929
1108
 
930
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-cr));
1109
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-ae))
1110
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-br))
1111
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-sd))
1112
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-sw-cr));
931
1113
 
932
1114
  &[data-show-border="true"] {
933
1115
  width: 100%;
@@ -947,7 +1129,6 @@
947
1129
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-tt-tm));
948
1130
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-wd-wp));
949
1131
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-fm-bn-dt-se-wd-bk));
950
-
951
1132
  &.flex__overflow {
952
1133
  white-space: normal;
953
1134
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1211,12 +1392,16 @@
1211
1392
  display: flex;
1212
1393
  align-items: center;
1213
1394
  justify-content: space-between;
1214
- padding: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-pg,
1215
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-pg, var(--_ctm-dn-fm-ft-pd-ll-dt-se-pg)));
1395
+ padding: var(
1396
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-pg,
1397
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-pg, var(--_ctm-dn-fm-ft-pd-ll-dt-se-pg))
1398
+ );
1216
1399
 
1217
1400
  &:hover {
1218
- padding: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-pg,
1219
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-pg, var(--_ctm-dn-fm-ft-pd-ll-hr-se-pg)));
1401
+ padding: var(
1402
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-pg,
1403
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-pg, var(--_ctm-dn-fm-ft-pd-ll-hr-se-pg))
1404
+ );
1220
1405
  }
1221
1406
 
1222
1407
  // margin-top: 20px;
@@ -1306,8 +1491,10 @@
1306
1491
  }
1307
1492
  }
1308
1493
 
1309
- background-color: var(--_sf-hr-bd-cr,
1310
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-bd-cr));
1494
+ background-color: var(
1495
+ --_sf-hr-bd-cr,
1496
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-bd-cr)
1497
+ );
1311
1498
 
1312
1499
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-pg));
1313
1500
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-wh));
@@ -1315,26 +1502,41 @@
1315
1502
  flex-direction: var(--_sf-fd-bn);
1316
1503
  align-items: center;
1317
1504
 
1318
- justify-content: var(--_sf-hr-at,
1319
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-at));
1505
+ justify-content: var(
1506
+ --_sf-hr-at,
1507
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-at)
1508
+ );
1320
1509
  gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-gp));
1321
1510
 
1322
- border-radius: var(--_sf-hr-br-rs,
1323
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-rs));
1511
+ border-radius: var(
1512
+ --_sf-hr-br-rs,
1513
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-rs)
1514
+ );
1324
1515
 
1325
- box-shadow: var(--_sf-hr-sw-ae,
1326
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-cr));
1516
+ box-shadow: var(
1517
+ --_sf-hr-sw-ae,
1518
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-ae)
1519
+ )
1520
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-br))
1521
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-sd))
1522
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-sw-cr));
1327
1523
 
1328
1524
  &[data-show-border="true"] {
1329
1525
  width: 100%;
1330
- border-color: var(--_sf-hr-br-cr,
1331
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-cr));
1332
-
1333
- border-style: var(--_sf-hr-br-se,
1334
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-se));
1335
-
1336
- border-width: var(--_sf-hr-br-wh,
1337
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-wh));
1526
+ border-color: var(
1527
+ --_sf-hr-br-cr,
1528
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-cr)
1529
+ );
1530
+
1531
+ border-style: var(
1532
+ --_sf-hr-br-se,
1533
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-se)
1534
+ );
1535
+
1536
+ border-width: var(
1537
+ --_sf-hr-br-wh,
1538
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-br-wh)
1539
+ );
1338
1540
  }
1339
1541
 
1340
1542
  .txt {
@@ -1342,37 +1544,56 @@
1342
1544
 
1343
1545
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-cr));
1344
1546
 
1345
- font-family: var(--_sf-hr-ft-fy,
1346
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-fy));
1347
- text-transform: var(--_sf-hr-tt-tm,
1348
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-tt-tm));
1349
- word-wrap: var(--_sf-hr-wd-wp,
1350
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-wd-wp));
1351
- word-break: var(--_sf-hr-wd-bk,
1352
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-wd-bk));
1353
-
1547
+ font-family: var(
1548
+ --_sf-hr-ft-fy,
1549
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-fy)
1550
+ );
1551
+ text-transform: var(
1552
+ --_sf-hr-tt-tm,
1553
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-tt-tm)
1554
+ );
1555
+ word-wrap: var(
1556
+ --_sf-hr-wd-wp,
1557
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-wd-wp)
1558
+ );
1559
+ word-break: var(
1560
+ --_sf-hr-wd-bk,
1561
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-wd-bk)
1562
+ );
1354
1563
  &.flex__overflow {
1355
1564
  white-space: normal;
1356
1565
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1357
1566
  }
1358
1567
 
1359
- font-size: var(--_sf-hr-ft-se,
1360
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-se));
1568
+ font-size: var(
1569
+ --_sf-hr-ft-se,
1570
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-se)
1571
+ );
1361
1572
 
1362
- font-weight: var(--_sf-hr-ft-wt,
1363
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-wt));
1573
+ font-weight: var(
1574
+ --_sf-hr-ft-wt,
1575
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-wt)
1576
+ );
1364
1577
 
1365
- font-style: var(--_sf-hr-ft-se-ic,
1366
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-se-ic));
1578
+ font-style: var(
1579
+ --_sf-hr-ft-se-ic,
1580
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-ft-se-ic)
1581
+ );
1367
1582
 
1368
- text-align: var(--_sf-hr-tt-an,
1369
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-tt-an));
1583
+ text-align: var(
1584
+ --_sf-hr-tt-an,
1585
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-tt-an)
1586
+ );
1370
1587
 
1371
- letter-spacing: var(--_sf-hr-lr-sg,
1372
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-lr-sg));
1588
+ letter-spacing: var(
1589
+ --_sf-hr-lr-sg,
1590
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-lr-sg)
1591
+ );
1373
1592
 
1374
- line-height: var(--_sf-hr-le-ht,
1375
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-le-ht));
1593
+ line-height: var(
1594
+ --_sf-hr-le-ht,
1595
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-le-ht)
1596
+ );
1376
1597
 
1377
1598
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
1378
1599
  }
@@ -1381,14 +1602,20 @@
1381
1602
  display: var(--_hover-show-icon, var(--_show-icon, flex));
1382
1603
 
1383
1604
  svg {
1384
- width: var(--_sf-hr-in-se,
1385
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-se));
1386
- height: var(--_sf-hr-in-se,
1387
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-se));
1605
+ width: var(
1606
+ --_sf-hr-in-se,
1607
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-se)
1608
+ );
1609
+ height: var(
1610
+ --_sf-hr-in-se,
1611
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-se)
1612
+ );
1388
1613
 
1389
1614
  path {
1390
- stroke: var(--_sf-hr-in-c1,
1391
- prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-c1));
1615
+ stroke: var(
1616
+ --_sf-hr-in-c1,
1617
+ prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-in-c1)
1618
+ );
1392
1619
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1393
1620
  stroke-width: prepareMediaVariable(--_ctm-dn-fm-as-go-bk-to-ln-dt-se-se-wh, 1.25);
1394
1621
  }
@@ -1479,7 +1706,7 @@
1479
1706
  }
1480
1707
  }
1481
1708
 
1482
- &>span {
1709
+ & > span {
1483
1710
  display: inline-flex;
1484
1711
  }
1485
1712
 
@@ -1510,34 +1737,60 @@
1510
1737
 
1511
1738
  // Forgot Password Button
1512
1739
  .forgotPasswordButton {
1513
- background-color: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-bd-cr,
1514
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-bd-cr, var(--_ctm-dn-fm-ft-pd-ll-dt-se-bd-cr)));
1740
+ background-color: var(
1741
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-bd-cr,
1742
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-bd-cr, var(--_ctm-dn-fm-ft-pd-ll-dt-se-bd-cr))
1743
+ );
1515
1744
  // border: none;
1516
1745
  cursor: pointer;
1517
- font-family: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-fy,
1518
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-fy, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-fy)));
1519
- text-transform: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-tt-tm,
1520
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-tt-tm, var(--_ctm-dn-fm-ft-pd-ll-dt-se-tt-tm)));
1521
- word-wrap: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-wd-wp,
1522
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-wd-wp, var(--_ctm-dn-fm-ft-pd-ll-dt-se-wd-wp)));
1523
- word-break: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-wd-bk,
1524
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-wd-bk, var(--_ctm-dn-fm-ft-pd-ll-dt-se-wd-bk)));
1525
- color: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-cr,
1526
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-cr, var(--_ctm-dn-fm-ft-pd-ll-dt-se-cr)));
1527
- font-weight: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-wt,
1528
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-wt, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-wt)));
1529
- font-size: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-se,
1530
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-se, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-se)));
1531
- text-decoration: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-ue,
1532
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ue, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ue)));
1533
- letter-spacing: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-lr-sg,
1534
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-lr-sg, var(--_ctm-dn-fm-ft-pd-ll-dt-se-lr-sg)));
1535
- line-height: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-le-ht,
1536
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-le-ht, var(--_ctm-dn-fm-ft-pd-ll-dt-se-le-ht)));
1537
- font-style: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-se-ic,
1538
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-se-ic, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-se-ic)));
1539
- text-align: var(--_ctm-mob-dn-fm-ft-pd-ll-dt-se-tt-an,
1540
- var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-tt-an, var(--_ctm-dn-fm-ft-pd-ll-dt-se-tt-an)));
1746
+ font-family: var(
1747
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-fy,
1748
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-fy, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-fy))
1749
+ );
1750
+ text-transform: var(
1751
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-tt-tm,
1752
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-tt-tm, var(--_ctm-dn-fm-ft-pd-ll-dt-se-tt-tm))
1753
+ );
1754
+ word-wrap: var(
1755
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-wd-wp,
1756
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-wd-wp, var(--_ctm-dn-fm-ft-pd-ll-dt-se-wd-wp))
1757
+ );
1758
+ word-break: var(
1759
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-wd-bk,
1760
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-wd-bk, var(--_ctm-dn-fm-ft-pd-ll-dt-se-wd-bk))
1761
+ );
1762
+ color: var(
1763
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-cr,
1764
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-cr, var(--_ctm-dn-fm-ft-pd-ll-dt-se-cr))
1765
+ );
1766
+ font-weight: var(
1767
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-wt,
1768
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-wt, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-wt))
1769
+ );
1770
+ font-size: var(
1771
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-se,
1772
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-se, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-se))
1773
+ );
1774
+ text-decoration: var(
1775
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-ue,
1776
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ue, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ue))
1777
+ );
1778
+ letter-spacing: var(
1779
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-lr-sg,
1780
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-lr-sg, var(--_ctm-dn-fm-ft-pd-ll-dt-se-lr-sg))
1781
+ );
1782
+ line-height: var(
1783
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-le-ht,
1784
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-le-ht, var(--_ctm-dn-fm-ft-pd-ll-dt-se-le-ht))
1785
+ );
1786
+ font-style: var(
1787
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-ft-se-ic,
1788
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-ft-se-ic, var(--_ctm-dn-fm-ft-pd-ll-dt-se-ft-se-ic))
1789
+ );
1790
+ text-align: var(
1791
+ --_ctm-mob-dn-fm-ft-pd-ll-dt-se-tt-an,
1792
+ var(--_ctm-tab-dn-fm-ft-pd-ll-dt-se-tt-an, var(--_ctm-dn-fm-ft-pd-ll-dt-se-tt-an))
1793
+ );
1541
1794
  // color: var(--_thm-cs-tt-ls-as);
1542
1795
 
1543
1796
  // font-weight: 600;
@@ -1549,32 +1802,58 @@
1549
1802
  // color: var(--_thm-cs-tt-ls-as);
1550
1803
  // }
1551
1804
  &:hover {
1552
- background: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-bd-cr,
1553
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-bd-cr, var(--_ctm-dn-fm-ft-pd-ll-hr-se-bd-cr)));
1554
- font-family: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-fy,
1555
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-fy, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-fy)));
1556
- text-transform: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-tt-tm,
1557
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-tt-tm, var(--_ctm-dn-fm-ft-pd-ll-hr-se-tt-tm)));
1558
- word-wrap: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-wd-wp,
1559
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-wd-wp, var(--_ctm-dn-fm-ft-pd-ll-hr-se-wd-wp)));
1560
- word-break: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-wd-bk,
1561
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-wd-bk, var(--_ctm-dn-fm-ft-pd-ll-hr-se-wd-bk)));
1562
- color: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-cr,
1563
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-cr, var(--_ctm-dn-fm-ft-pd-ll-hr-se-cr)));
1564
- font-weight: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-wt,
1565
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-wt, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-wt)));
1566
- font-size: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-se,
1567
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-se, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-se)));
1568
- text-decoration: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-ue,
1569
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ue, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ue)));
1570
- letter-spacing: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-lr-sg,
1571
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-lr-sg, var(--_ctm-dn-fm-ft-pd-ll-hr-se-lr-sg)));
1572
- line-height: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-le-ht,
1573
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-le-ht, var(--_ctm-dn-fm-ft-pd-ll-hr-se-le-ht)));
1574
- font-style: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-se-ic,
1575
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-se-ic, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-se-ic)));
1576
- text-align: var(--_ctm-mob-dn-fm-ft-pd-ll-hr-se-tt-an,
1577
- var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-tt-an, var(--_ctm-dn-fm-ft-pd-ll-hr-se-tt-an)));
1805
+ background: var(
1806
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-bd-cr,
1807
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-bd-cr, var(--_ctm-dn-fm-ft-pd-ll-hr-se-bd-cr))
1808
+ );
1809
+ font-family: var(
1810
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-fy,
1811
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-fy, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-fy))
1812
+ );
1813
+ text-transform: var(
1814
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-tt-tm,
1815
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-tt-tm, var(--_ctm-dn-fm-ft-pd-ll-hr-se-tt-tm))
1816
+ );
1817
+ word-wrap: var(
1818
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-wd-wp,
1819
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-wd-wp, var(--_ctm-dn-fm-ft-pd-ll-hr-se-wd-wp))
1820
+ );
1821
+ word-break: var(
1822
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-wd-bk,
1823
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-wd-bk, var(--_ctm-dn-fm-ft-pd-ll-hr-se-wd-bk))
1824
+ );
1825
+ color: var(
1826
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-cr,
1827
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-cr, var(--_ctm-dn-fm-ft-pd-ll-hr-se-cr))
1828
+ );
1829
+ font-weight: var(
1830
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-wt,
1831
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-wt, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-wt))
1832
+ );
1833
+ font-size: var(
1834
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-se,
1835
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-se, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-se))
1836
+ );
1837
+ text-decoration: var(
1838
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-ue,
1839
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ue, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ue))
1840
+ );
1841
+ letter-spacing: var(
1842
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-lr-sg,
1843
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-lr-sg, var(--_ctm-dn-fm-ft-pd-ll-hr-se-lr-sg))
1844
+ );
1845
+ line-height: var(
1846
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-le-ht,
1847
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-le-ht, var(--_ctm-dn-fm-ft-pd-ll-hr-se-le-ht))
1848
+ );
1849
+ font-style: var(
1850
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-ft-se-ic,
1851
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-ft-se-ic, var(--_ctm-dn-fm-ft-pd-ll-hr-se-ft-se-ic))
1852
+ );
1853
+ text-align: var(
1854
+ --_ctm-mob-dn-fm-ft-pd-ll-hr-se-tt-an,
1855
+ var(--_ctm-tab-dn-fm-ft-pd-ll-hr-se-tt-an, var(--_ctm-dn-fm-ft-pd-ll-hr-se-tt-an))
1856
+ );
1578
1857
  }
1579
1858
  }
1580
1859
 
@@ -1664,7 +1943,7 @@
1664
1943
  align-items: center;
1665
1944
  gap: 8px;
1666
1945
 
1667
- &>span {
1946
+ & > span {
1668
1947
  display: flex;
1669
1948
 
1670
1949
  svg {
@@ -1692,4 +1971,4 @@
1692
1971
  }
1693
1972
  }
1694
1973
  }
1695
- }
1974
+ }