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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/cartAttributes.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  // var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
23
23
  // );
24
24
 
25
- & > .wrapper {
25
+ &>.wrapper {
26
26
  display: flex;
27
27
  align-items: center;
28
28
  justify-content: center;
@@ -37,173 +37,118 @@
37
37
  cursor: pointer;
38
38
  gap: 8px;
39
39
  }
40
+
40
41
  .cart-attribute-container {
41
42
  width: 100%;
42
43
  display: flex;
43
44
  flex-direction: column;
44
- background-color: var(
45
- --_ctm-mob-dn-as-wt-bd-cr,
46
- var(--_ctm-tab-dn-as-wt-bd-cr, var(--_ctm-dn-as-wt-bd-cr))
47
- );
45
+ background-color: var(--_ctm-mob-dn-as-wt-bd-cr,
46
+ var(--_ctm-tab-dn-as-wt-bd-cr, var(--_ctm-dn-as-wt-bd-cr)));
48
47
  padding: var(--_ctm-mob-dn-as-wt-pg, var(--_ctm-tab-dn-as-wt-pg, var(--_ctm-dn-as-wt-pg)));
49
- border-color: var(
50
- --_ctm-mob-dn-as-wt-br-cr,
51
- var(--_ctm-tab-dn-as-wt-br-cr, var(--_ctm-dn-as-wt-br-cr))
52
- );
53
- border-style: var(
54
- --_ctm-mob-dn-as-wt-br-se,
55
- var(--_ctm-tab-dn-as-wt-br-se, var(--_ctm-dn-as-wt-br-se))
56
- );
57
- border-width: var(
58
- --_ctm-mob-dn-as-wt-br-wh,
59
- var(--_ctm-tab-dn-as-wt-br-wh, var(--_ctm-dn-as-wt-br-wh))
60
- );
61
- border-radius: var(
62
- --_ctm-mob-dn-as-wt-br-rs,
63
- var(--_ctm-tab-dn-as-wt-br-rs, var(--_ctm-dn-as-wt-br-rs))
64
- );
65
- box-shadow: var(
66
- --_ctm-mob-dn-as-wt-sw-ae,
67
- var(--_ctm-tab-dn-as-wt-sw-ae, var(--_ctm-dn-as-wt-sw-ae))
68
- )
69
- var(
70
- --_ctm-mob-dn--as-wt-sw-br,
71
- var(--_ctm-tab-dn--as-wt-sw-br, var(--_ctm-dn--as-wt-sw-br))
72
- )
73
- var(--_ctm-mob-dn-as-wt-sw-sd, var(--_ctm-tab-dn-as-wt-sw-sd, var(--_ctm-dn-as-wt-sw-sd)))
74
- var(--_ctm-mob-dn-as-wt-sw-cr, var(--_ctm-tab-dn-as-wt-sw-cr, var(--_ctm-dn-as-wt-sw-cr)));
48
+ border-color: var(--_ctm-mob-dn-as-wt-br-cr,
49
+ var(--_ctm-tab-dn-as-wt-br-cr, var(--_ctm-dn-as-wt-br-cr)));
50
+ border-style: var(--_ctm-mob-dn-as-wt-br-se,
51
+ var(--_ctm-tab-dn-as-wt-br-se, var(--_ctm-dn-as-wt-br-se)));
52
+ border-width: var(--_ctm-mob-dn-as-wt-br-wh,
53
+ var(--_ctm-tab-dn-as-wt-br-wh, var(--_ctm-dn-as-wt-br-wh)));
54
+ border-radius: var(--_ctm-mob-dn-as-wt-br-rs,
55
+ var(--_ctm-tab-dn-as-wt-br-rs, var(--_ctm-dn-as-wt-br-rs)));
56
+ box-shadow: var(--_ctm-mob-dn-as-wt-sw-ae,
57
+ var(--_ctm-tab-dn-as-wt-sw-ae, var(--_ctm-dn-as-wt-sw-ae))) var(--_ctm-mob-dn--as-wt-sw-br,
58
+ var(--_ctm-tab-dn--as-wt-sw-br, var(--_ctm-dn--as-wt-sw-br))) var(--_ctm-mob-dn-as-wt-sw-sd, var(--_ctm-tab-dn-as-wt-sw-sd, var(--_ctm-dn-as-wt-sw-sd))) var(--_ctm-mob-dn-as-wt-sw-cr, var(--_ctm-tab-dn-as-wt-sw-cr, var(--_ctm-dn-as-wt-sw-cr)));
75
59
  }
60
+
76
61
  .cart-attribute-header {
77
62
  display: flex;
78
63
  justify-content: space-between;
79
64
  align-items: center;
80
- background-color: var(
81
- --_ctm-mob-dn-as-hr-bd-cr,
82
- var(--_ctm-tab-dn-as-hr-bd-cr, var(--_ctm-dn-as-hr-bd-cr))
83
- );
65
+ background-color: var(--_ctm-mob-dn-as-hr-bd-cr,
66
+ var(--_ctm-tab-dn-as-hr-bd-cr, var(--_ctm-dn-as-hr-bd-cr)));
84
67
  padding: var(--_ctm-mob-dn-as-hr-pg, var(--_ctm-tab-dn-as-hr-pg, var(--_ctm-dn-as-hr-pg)));
85
- border-color: var(
86
- --_ctm-mob-dn-as-hr-br-cr,
87
- var(--_ctm-tab-dn-as-hr-br-cr, var(--_ctm-dn-as-hr-br-cr))
88
- );
89
- border-style: var(
90
- --_ctm-mob-dn-as-hr-br-se,
91
- var(--_ctm-tab-dn-as-hr-br-se, var(--_ctm-dn-as-hr-br-se))
92
- );
93
- border-width: var(
94
- --_ctm-mob-dn-as-hr-br-wh,
95
- var(--_ctm-tab-dn-as-hr-br-wh, var(--_ctm-dn-as-hr-br-wh))
96
- );
97
- border-radius: var(
98
- --_ctm-mob-dn-as-hr-br-rs,
99
- var(--_ctm-tab-dn-as-hr-br-rs, var(--_ctm-dn-as-hr-br-rs))
100
- );
68
+ border-color: var(--_ctm-mob-dn-as-hr-br-cr,
69
+ var(--_ctm-tab-dn-as-hr-br-cr, var(--_ctm-dn-as-hr-br-cr)));
70
+ border-style: var(--_ctm-mob-dn-as-hr-br-se,
71
+ var(--_ctm-tab-dn-as-hr-br-se, var(--_ctm-dn-as-hr-br-se)));
72
+ border-width: var(--_ctm-mob-dn-as-hr-br-wh,
73
+ var(--_ctm-tab-dn-as-hr-br-wh, var(--_ctm-dn-as-hr-br-wh)));
74
+ border-radius: var(--_ctm-mob-dn-as-hr-br-rs,
75
+ var(--_ctm-tab-dn-as-hr-br-rs, var(--_ctm-dn-as-hr-br-rs)));
76
+
101
77
  .cart_attribute_title {
102
- font-family: var(
103
- --_ctm-mob-dn-as-hr-ft-fy,
104
- var(--_ctm-tab-dn-as-hr-ft-fy, var(--_ctm-dn-as-hr-ft-fy))
105
- );
78
+ font-family: var(--_ctm-mob-dn-as-hr-ft-fy,
79
+ var(--_ctm-tab-dn-as-hr-ft-fy, var(--_ctm-dn-as-hr-ft-fy)));
80
+ text-transform: var(--_ctm-mob-dn-as-hr-tt-tm,
81
+ var(--_ctm-tab-dn-as-hr-tt-tm, var(--_ctm-dn-as-hr-tt-tm)));
82
+ word-wrap: var(--_ctm-mob-dn-as-hr-wd-wp,
83
+ var(--_ctm-tab-dn-as-hr-wd-wp, var(--_ctm-dn-as-hr-wd-wp)));
84
+ word-break: var(--_ctm-mob-dn-as-hr-wd-bk,
85
+ var(--_ctm-tab-dn-as-hr-wd-bk, var(--_ctm-dn-as-hr-wd-bk)));
106
86
  color: var(--_ctm-mob-dn-as-hr-cr, var(--_ctm-tab-dn-as-hr-cr, var(--_ctm-dn-as-hr-cr)));
107
- font-weight: var(
108
- --_ctm-mob-dn-as-hr-ft-wt,
109
- var(--_ctm-tab-dn-as-hr-ft-wt, var(--_ctm-dn-as-hr-ft-wt))
110
- );
111
- font-size: var(
112
- --_ctm-mob-dn-as-hr-ft-se,
113
- var(--_ctm-tab-dn-as-hr-ft-se, var(--_ctm-dn-as-hr-ft-se))
114
- );
115
- text-decoration: var(
116
- --_ctm-mob-dn-as-hr-ue,
117
- var(--_ctm-tab-dn-as-hr-ue, var(--_ctm-dn-as-hr-ue))
118
- );
119
- letter-spacing: var(
120
- --_ctm-mob-dn-as-hr-lr-sg,
121
- var(--_ctm-tab-dn-as-hr-lr-sg, var(--_ctm-dn-as-hr-lr-sg))
122
- );
123
- line-height: var(
124
- --_ctm-mob-dn-as-hr-le-ht,
125
- var(--_ctm-tab-dn-as-hr-le-ht, var(--_ctm-dn-as-hr-le-ht))
126
- );
127
- font-style: var(
128
- --_ctm-mob-dn-as-hr-ft-se-ic,
129
- var(--_ctm-tab-dn-as-hr-ft-se-ic, var(--_ctm-dn-as-hr-ft-se-ic))
130
- );
131
- text-align: var(
132
- --_ctm-mob-dn-as-hr-tt-an,
133
- var(--_ctm-tab-dn-as-hr-tt-an, var(--_ctm-dn-as-hr-tt-an))
134
- );
87
+ font-weight: var(--_ctm-mob-dn-as-hr-ft-wt,
88
+ var(--_ctm-tab-dn-as-hr-ft-wt, var(--_ctm-dn-as-hr-ft-wt)));
89
+ font-size: var(--_ctm-mob-dn-as-hr-ft-se,
90
+ var(--_ctm-tab-dn-as-hr-ft-se, var(--_ctm-dn-as-hr-ft-se)));
91
+ text-decoration: var(--_ctm-mob-dn-as-hr-ue,
92
+ var(--_ctm-tab-dn-as-hr-ue, var(--_ctm-dn-as-hr-ue)));
93
+ letter-spacing: var(--_ctm-mob-dn-as-hr-lr-sg,
94
+ var(--_ctm-tab-dn-as-hr-lr-sg, var(--_ctm-dn-as-hr-lr-sg)));
95
+ line-height: var(--_ctm-mob-dn-as-hr-le-ht,
96
+ var(--_ctm-tab-dn-as-hr-le-ht, var(--_ctm-dn-as-hr-le-ht)));
97
+ font-style: var(--_ctm-mob-dn-as-hr-ft-se-ic,
98
+ var(--_ctm-tab-dn-as-hr-ft-se-ic, var(--_ctm-dn-as-hr-ft-se-ic)));
99
+ text-align: var(--_ctm-mob-dn-as-hr-tt-an,
100
+ var(--_ctm-tab-dn-as-hr-tt-an, var(--_ctm-dn-as-hr-tt-an)));
135
101
  }
102
+
136
103
  .icon svg {
137
104
  path {
138
- stroke: var(
139
- --_ctm-mob-dn-an-as-im-in-c1,
140
- var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
141
- );
105
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1,
106
+ var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1)));
142
107
  // Overrides the stroke-width presentation attribute baked into the icon markup.
143
108
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
144
109
  }
145
- width: var(
146
- --_ctm-mob-dn-an-as-im-in-se,
147
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
148
- );
149
- height: var(
150
- --_ctm-mob-dn-an-as-im-in-se,
151
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
152
- );
110
+
111
+ width: var(--_ctm-mob-dn-an-as-im-in-se,
112
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
113
+ height: var(--_ctm-mob-dn-an-as-im-in-se,
114
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
153
115
  }
154
116
 
155
117
  .iconDesc svg {
156
118
  path {
157
- stroke: var(
158
- --_ctm-mob-dn-an-as-im-in-c1-dc,
159
- var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
160
- );
119
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1-dc,
120
+ var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc)));
161
121
  // Overrides the stroke-width presentation attribute baked into the icon markup.
162
122
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
163
123
  }
164
- width: var(
165
- --_ctm-mob-dn-an-as-im-in-se-dc,
166
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
167
- );
168
- height: var(
169
- --_ctm-mob-dn-an-as-im-in-se-dc,
170
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
171
- );
124
+
125
+ width: var(--_ctm-mob-dn-an-as-im-in-se-dc,
126
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
127
+ height: var(--_ctm-mob-dn-an-as-im-in-se-dc,
128
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
172
129
  }
173
130
  }
131
+
174
132
  .attributes-section-body {
175
133
  width: 100%;
176
134
  display: flex;
177
135
  flex-wrap: wrap;
178
136
  overflow-y: auto;
179
- background-color: var(
180
- --_ctm-mob-dn-as-cr-ae-is-wr-bd-cr,
181
- var(--_ctm-tab-dn-as-cr-ae-is-wr-bd-cr, var(--_ctm-dn-as-cr-ae-is-wr-bd-cr))
182
- );
183
- padding: var(
184
- --_ctm-mob-dn-as-cr-ae-is-wr-pg,
185
- var(--_ctm-tab-dn-as-cr-ae-is-wr-pg, var(--_ctm-dn-as-cr-ae-is-wr-pg))
186
- );
187
- gap: var(
188
- --_ctm-mob-dn-as-cr-ae-is-wr-im-gp,
189
- var(--_ctm-tab-dn-as-cr-ae-is-wr-im-gp, var(--_ctm-dn-as-cr-ae-is-wr-im-gp))
190
- );
191
- border-color: var(
192
- --_ctm-mob-dn-as-cr-ae-is-wr-br-cr,
193
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-cr, var(--_ctm-dn-as-cr-ae-is-wr-br-cr))
194
- );
195
- border-style: var(
196
- --_ctm-mob-dn-as-cr-ae-is-wr-br-se,
197
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-se, var(--_ctm-dn-as-cr-ae-is-wr-br-se))
198
- );
199
- border-width: var(
200
- --_ctm-mob-dn-as-cr-ae-is-wr-br-wh,
201
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-wh, var(--_ctm-dn-as-cr-ae-is-wr-br-wh))
202
- );
203
- border-radius: var(
204
- --_ctm-mob-dn-as-cr-ae-is-wr-br-rs,
205
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs))
206
- );
137
+ background-color: var(--_ctm-mob-dn-as-cr-ae-is-wr-bd-cr,
138
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-bd-cr, var(--_ctm-dn-as-cr-ae-is-wr-bd-cr)));
139
+ padding: var(--_ctm-mob-dn-as-cr-ae-is-wr-pg,
140
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-pg, var(--_ctm-dn-as-cr-ae-is-wr-pg)));
141
+ gap: var(--_ctm-mob-dn-as-cr-ae-is-wr-im-gp,
142
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-im-gp, var(--_ctm-dn-as-cr-ae-is-wr-im-gp)));
143
+ border-color: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-cr,
144
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-cr, var(--_ctm-dn-as-cr-ae-is-wr-br-cr)));
145
+ border-style: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-se,
146
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-se, var(--_ctm-dn-as-cr-ae-is-wr-br-se)));
147
+ border-width: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-wh,
148
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-wh, var(--_ctm-dn-as-cr-ae-is-wr-br-wh)));
149
+ border-radius: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-rs,
150
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs)));
151
+
207
152
  .attriTitle {
208
153
  // font-weight: 600;
209
154
  // font-size: 14px;
@@ -211,6 +156,9 @@
211
156
  // color: #101828;
212
157
  // padding-bottom: 6px;
213
158
  font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-fy);
159
+ text-transform: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-tm);
160
+ word-wrap: prepareMediaVariable(--_ctm-dn-as-cr-as-te-wd-wp);
161
+ word-break: prepareMediaVariable(--_ctm-dn-as-cr-as-te-wd-bk);
214
162
  color: prepareMediaVariable(--_ctm-dn-as-cr-as-te-cr);
215
163
  font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-wt);
216
164
  font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-se);
@@ -221,11 +169,15 @@
221
169
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-an);
222
170
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-te-pg);
223
171
  }
172
+
224
173
  .attriDes {
225
174
  // font-weight: 400;
226
175
  // font-size: 14px;
227
176
  // line-height: 20px;
228
177
  font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-fy);
178
+ text-transform: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-tm);
179
+ word-wrap: prepareMediaVariable(--_ctm-dn-as-cr-as-in-wd-wp);
180
+ word-break: prepareMediaVariable(--_ctm-dn-as-cr-as-in-wd-bk);
229
181
  color: prepareMediaVariable(--_ctm-dn-as-cr-as-in-cr);
230
182
  font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-wt);
231
183
  font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-se);
@@ -236,174 +188,134 @@
236
188
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-an);
237
189
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-in-pg);
238
190
  }
191
+
239
192
  .attribute {
240
193
  width: 100%;
241
194
  display: flex;
242
195
  flex-direction: column;
243
- padding: var(
244
- --_ctm-mob-dn-as-cr-as-fs-pg,
245
- var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg))
246
- );
247
- gap: var(
248
- --_ctm-mob-dn-as-cr-as-fs-im-gp,
249
- var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp))
250
- );
196
+ padding: var(--_ctm-mob-dn-as-cr-as-fs-pg,
197
+ var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg)));
198
+ gap: var(--_ctm-mob-dn-as-cr-as-fs-im-gp,
199
+ var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp)));
200
+
251
201
  .label {
252
202
  display: block;
253
- padding: var(
254
- --_ctm-mob-dn-as-cr-as-ls-pg,
255
- var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg))
256
- );
257
- font-family: var(
258
- --_ctm-mob-dn-as-cr-as-ls-ft-fy,
259
- var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy))
260
- );
261
- color: var(
262
- --_ctm-mob-dn-as-cr-as-ls-cr,
263
- var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr))
264
- );
265
- font-weight: var(
266
- --_ctm-mob-dn-as-cr-as-ls-ft-wt,
267
- var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt))
268
- );
269
- font-size: var(
270
- --_ctm-mob-dn-as-cr-as-ls-ft-se,
271
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se))
272
- );
273
- text-decoration: var(
274
- --_ctm-mob-dn-as-cr-as-ls-ue,
275
- var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue))
276
- );
277
- letter-spacing: var(
278
- --_ctm-mob-dn-as-cr-as-ls-lr-sg,
279
- var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg))
280
- );
281
- line-height: var(
282
- --_ctm-mob-dn-as-cr-as-ls-le-ht,
283
- var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht))
284
- );
285
- font-style: var(
286
- --_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
287
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic))
288
- );
289
- text-align: var(
290
- --_ctm-mob-dn-as-cr-as-ls-tt-an,
291
- var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an))
292
- );
203
+ padding: var(--_ctm-mob-dn-as-cr-as-ls-pg,
204
+ var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg)));
205
+ font-family: var(--_ctm-mob-dn-as-cr-as-ls-ft-fy,
206
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy)));
207
+ text-transform: var(--_ctm-mob-dn-as-cr-as-ls-tt-tm,
208
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm)));
209
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-ls-wd-wp,
210
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp)));
211
+ word-break: var(--_ctm-mob-dn-as-cr-as-ls-wd-bk,
212
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk)));
213
+
214
+ &.flex__overflow {
215
+ white-space: normal;
216
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
217
+ }
218
+
219
+ color: var(--_ctm-mob-dn-as-cr-as-ls-cr,
220
+ var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr)));
221
+ font-weight: var(--_ctm-mob-dn-as-cr-as-ls-ft-wt,
222
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt)));
223
+ font-size: var(--_ctm-mob-dn-as-cr-as-ls-ft-se,
224
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se)));
225
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-ls-ue,
226
+ var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue)));
227
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-ls-lr-sg,
228
+ var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg)));
229
+ line-height: var(--_ctm-mob-dn-as-cr-as-ls-le-ht,
230
+ var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht)));
231
+ font-style: var(--_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
232
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic)));
233
+ text-align: var(--_ctm-mob-dn-as-cr-as-ls-tt-an,
234
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an)));
235
+
293
236
  &.required::after {
294
237
  content: " *";
295
238
  color: var(--_error-500);
296
239
  }
297
240
  }
241
+
298
242
  .attribute_field {
299
243
  width: 100% !important;
244
+
300
245
  input {
301
- background-color: var(
302
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
303
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
304
- );
305
- padding: var(
306
- --_ctm-mob-dn-as-cr-as-is-pg,
307
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
308
- );
309
- gap: var(
310
- --_ctm-mob-dn-as-cr-as-is-im-gp,
311
- var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp))
312
- );
313
- border-color: var(
314
- --_ctm-mob-dn-as-cr-as-is-br-cr,
315
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
316
- );
317
- border-style: var(
318
- --_ctm-mob-dn-as-cr-as-is-br-se,
319
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
320
- );
321
- border-width: var(
322
- --_ctm-mob-dn-as-cr-as-is-br-wh,
323
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
324
- );
325
- border-radius: var(
326
- --_ctm-mob-dn-as-cr-as-is-br-rs,
327
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
328
- );
246
+ background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
247
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr)));
248
+ padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
249
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg)));
250
+ gap: var(--_ctm-mob-dn-as-cr-as-is-im-gp,
251
+ var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp)));
252
+ border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
253
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr)));
254
+ border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
255
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se)));
256
+ border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
257
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh)));
258
+ border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
259
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs)));
260
+
329
261
  &::placeholder {
330
- font-family: var(
331
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
332
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
333
- );
262
+ font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
263
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
264
+ text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
265
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
266
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
267
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
268
+ word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
269
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
334
270
  color: var(--_thm-cs-be-se-1);
335
- font-weight: var(
336
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
337
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
338
- );
339
- font-size: var(
340
- --_ctm-mob-dn-as-cr-as-is-ft-se,
341
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
342
- );
343
- text-decoration: var(
344
- --_ctm-mob-dn-as-cr-as-is-ue,
345
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
346
- );
347
- letter-spacing: var(
348
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
349
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
350
- );
351
- line-height: var(
352
- --_ctm-mob-dn-as-cr-as-is-le-ht,
353
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
354
- );
355
- font-style: var(
356
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
357
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
358
- );
359
- text-align: var(
360
- --_ctm-mob-dn-as-cr-as-is-tt-an,
361
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
362
- );
271
+ font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
272
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
273
+ font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
274
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
275
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
276
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
277
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
278
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
279
+ line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
280
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
281
+ font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
282
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
283
+ text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
284
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
363
285
  }
364
286
  }
287
+
365
288
  .attribute_form_field {
366
- font-family: var(
367
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
368
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
369
- );
370
- color: var(
371
- --_ctm-mob-dn-as-cr-as-is-cr,
372
- var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr))
373
- );
374
- font-weight: var(
375
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
376
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
377
- );
378
- font-size: var(
379
- --_ctm-mob-dn-as-cr-as-is-ft-se,
380
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
381
- );
382
- text-decoration: var(
383
- --_ctm-mob-dn-as-cr-as-is-ue,
384
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
385
- );
386
- letter-spacing: var(
387
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
388
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
389
- );
390
- line-height: var(
391
- --_ctm-mob-dn-as-cr-as-is-le-ht,
392
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
393
- );
394
- font-style: var(
395
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
396
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
397
- );
398
- text-align: var(
399
- --_ctm-mob-dn-as-cr-as-is-tt-an,
400
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
401
- );
289
+ font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
290
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
291
+ text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
292
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
293
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
294
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
295
+ word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
296
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
297
+ color: var(--_ctm-mob-dn-as-cr-as-is-cr,
298
+ var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr)));
299
+ font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
300
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
301
+ font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
302
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
303
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
304
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
305
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
306
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
307
+ line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
308
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
309
+ font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
310
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
311
+ text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
312
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
402
313
  transition:
403
314
  background-color 0.2s,
404
315
  color 0.2s,
405
316
  border-color 0.2s,
406
317
  box-shadow 0.2s;
318
+
407
319
  &:focus {
408
320
  box-shadow:
409
321
  0px 1px 2px rgba(16, 24, 40, 0.05),
@@ -411,76 +323,56 @@
411
323
  border: 1px solid var(--primary-300);
412
324
  }
413
325
  }
326
+
414
327
  .dropdown-input-section {
415
328
  height: auto !important;
416
- background-color: var(
417
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
418
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
419
- );
420
- padding: var(
421
- --_ctm-mob-dn-as-cr-as-is-pg,
422
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
423
- );
424
- border-color: var(
425
- --_ctm-mob-dn-as-cr-as-is-br-cr,
426
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
427
- );
428
- border-style: var(
429
- --_ctm-mob-dn-as-cr-as-is-br-se,
430
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
431
- );
432
- border-width: var(
433
- --_ctm-mob-dn-as-cr-as-is-br-wh,
434
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
435
- );
436
- border-radius: var(
437
- --_ctm-mob-dn-as-cr-as-is-br-rs,
438
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
439
- );
440
- font-family: var(
441
- --_ctm-mob-dn-as-cr-as-dn-ft-fy,
442
- var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy))
443
- );
444
- color: var(
445
- --_ctm-mob-dn-as-cr-as-dn-cr,
446
- var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr))
447
- );
448
- font-weight: var(
449
- --_ctm-mob-dn-as-cr-as-dn-ft-wt,
450
- var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt))
451
- );
452
- font-size: var(
453
- --_ctm-mob-dn-as-cr-as-dn-ft-se,
454
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se))
455
- );
456
- text-decoration: var(
457
- --_ctm-mob-dn-as-cr-as-dn-ue,
458
- var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue))
459
- );
460
- letter-spacing: var(
461
- --_ctm-mob-dn-as-cr-as-dn-lr-sg,
462
- var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg))
463
- );
464
- line-height: var(
465
- --_ctm-mob-dn-as-cr-as-dn-le-ht,
466
- var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht))
467
- );
468
- font-style: var(
469
- --_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
470
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic))
471
- );
472
- text-align: var(
473
- --_ctm-mob-dn-as-cr-as-dn-tt-an,
474
- var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an))
475
- );
329
+ background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
330
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr)));
331
+ padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
332
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg)));
333
+ border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
334
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr)));
335
+ border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
336
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se)));
337
+ border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
338
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh)));
339
+ border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
340
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs)));
341
+ font-family: var(--_ctm-mob-dn-as-cr-as-dn-ft-fy,
342
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy)));
343
+ text-transform: var(--_ctm-mob-dn-as-cr-as-dn-tt-tm,
344
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm)));
345
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-dn-wd-wp,
346
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp)));
347
+ word-break: var(--_ctm-mob-dn-as-cr-as-dn-wd-bk,
348
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk)));
349
+ color: var(--_ctm-mob-dn-as-cr-as-dn-cr,
350
+ var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr)));
351
+ font-weight: var(--_ctm-mob-dn-as-cr-as-dn-ft-wt,
352
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt)));
353
+ font-size: var(--_ctm-mob-dn-as-cr-as-dn-ft-se,
354
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se)));
355
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-dn-ue,
356
+ var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue)));
357
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-dn-lr-sg,
358
+ var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg)));
359
+ line-height: var(--_ctm-mob-dn-as-cr-as-dn-le-ht,
360
+ var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht)));
361
+ font-style: var(--_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
362
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic)));
363
+ text-align: var(--_ctm-mob-dn-as-cr-as-dn-tt-an,
364
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an)));
365
+
476
366
  .selected-display {
477
367
  .selected-item {
478
368
  display: flex;
479
369
  align-items: center;
370
+
480
371
  .color-swatch {
481
372
  position: relative;
482
373
  // top: 1px;
483
374
  }
375
+
484
376
  .svg_icon svg {
485
377
  width: 16px;
486
378
  height: 16px;
@@ -488,141 +380,114 @@
488
380
  }
489
381
  }
490
382
  }
383
+
491
384
  &:focus {
492
385
  border-color: var(--_primary-400);
493
386
  outline: 2px solid var(--_primary-200);
494
387
  }
388
+
495
389
  &.error {
496
390
  border-color: #dc2626;
497
391
  background-color: #fef2f2;
498
392
  }
393
+
499
394
  .react-datepicker-wrapper {
500
395
  width: 100%;
396
+
501
397
  .react-datepicker__close-icon::after {
502
398
  background-color: transparent;
503
399
  font-size: 25px;
504
400
  color: var(--_gray-500);
505
401
  }
506
402
  }
403
+
507
404
  .custom-upload {
508
405
  display: flex;
509
406
  flex-direction: column;
510
407
  align-items: center;
511
408
  align-self: stretch;
512
409
 
513
- background-color: var(
514
- --_ctm-mob-dn-as-cr-us-bd-cr,
515
- var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr))
516
- );
517
- padding: var(
518
- --_ctm-mob-dn-as-cr-us-pg,
519
- var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg))
520
- );
521
- gap: var(
522
- --_ctm-mob-dn-as-cr-us-im-gp,
523
- var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp))
524
- );
525
- border-color: var(
526
- --_ctm-mob-dn-as-cr-us-br-cr,
527
- var(--_ctm-tab-dn-as-cr-us-br-cr, var(--_ctm-dn-as-cr-us-br-cr))
528
- );
529
- border-style: var(
530
- --_ctm-mob-dn-as-cr-us-br-se,
531
- var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se))
532
- );
533
- border-width: var(
534
- --_ctm-mob-dn-as-cr-us-br-wh,
535
- var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh))
536
- );
537
- border-radius: var(
538
- --_ctm-mob-dn-as-cr-us-br-rs,
539
- var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs))
540
- );
410
+ background-color: var(--_ctm-mob-dn-as-cr-us-bd-cr,
411
+ var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr)));
412
+ padding: var(--_ctm-mob-dn-as-cr-us-pg,
413
+ var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg)));
414
+ gap: var(--_ctm-mob-dn-as-cr-us-im-gp,
415
+ var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp)));
416
+ border-color: var(--_ctm-mob-dn-as-cr-us-br-cr,
417
+ var(--_ctm-tab-dn-as-cr-us-br-cr, var(--_ctm-dn-as-cr-us-br-cr)));
418
+ border-style: var(--_ctm-mob-dn-as-cr-us-br-se,
419
+ var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se)));
420
+ border-width: var(--_ctm-mob-dn-as-cr-us-br-wh,
421
+ var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh)));
422
+ border-radius: var(--_ctm-mob-dn-as-cr-us-br-rs,
423
+ var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs)));
424
+
541
425
  .file_upload_text {
542
426
  text-align: center;
543
427
  display: flex;
544
428
  flex-direction: column;
545
429
  gap: 6px;
430
+
546
431
  p {
547
432
  strong {
548
- font-family: var(
549
- --_ctm-mob-dn-as-cr-us-ft-fy,
550
- var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
551
- );
433
+ font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy,
434
+ var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy)));
435
+ text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm,
436
+ var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm)));
437
+ word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp,
438
+ var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp)));
439
+ word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk,
440
+ var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk)));
552
441
  // color: var(
553
442
  // --_ctm-mob-dn-as-cr-us-cr,
554
443
  // var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
555
444
  // );
556
445
  color: var(--_thm-cs-tt-ls-as);
557
- font-weight: var(
558
- --_ctm-mob-dn-as-cr-us-ft-wt,
559
- var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt))
560
- );
561
- font-size: var(
562
- --_ctm-mob-dn-as-cr-us-ft-se,
563
- var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se))
564
- );
565
- text-decoration: var(
566
- --_ctm-mob-dn-as-cr-us-ue,
567
- var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue))
568
- );
569
- letter-spacing: var(
570
- --_ctm-mob-dn-as-cr-us-lr-sg,
571
- var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg))
572
- );
573
- line-height: var(
574
- --_ctm-mob-dn-as-cr-us-le-ht,
575
- var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht))
576
- );
577
- font-style: var(
578
- --_ctm-mob-dn-as-cr-us-ft-se-ic,
579
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic))
580
- );
581
- text-align: var(
582
- --_ctm-mob-dn-as-cr-us-tt-an,
583
- var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an))
584
- );
446
+ font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt,
447
+ var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt)));
448
+ font-size: var(--_ctm-mob-dn-as-cr-us-ft-se,
449
+ var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se)));
450
+ text-decoration: var(--_ctm-mob-dn-as-cr-us-ue,
451
+ var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue)));
452
+ letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg,
453
+ var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg)));
454
+ line-height: var(--_ctm-mob-dn-as-cr-us-le-ht,
455
+ var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht)));
456
+ font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic,
457
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic)));
458
+ text-align: var(--_ctm-mob-dn-as-cr-us-tt-an,
459
+ var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an)));
585
460
  }
586
461
  }
462
+
587
463
  span {
588
- font-family: var(
589
- --_ctm-mob-dn-as-cr-us-ft-fy-dc,
590
- var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc))
591
- );
592
- color: var(
593
- --_ctm-mob-dn-as-cr-us-cr-dc,
594
- var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc))
595
- );
596
- font-weight: var(
597
- --_ctm-mob-dn-as-cr-us-ft-wt-dc,
598
- var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc))
599
- );
600
- font-size: var(
601
- --_ctm-mob-dn-as-cr-us-ft-se-dc,
602
- var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc))
603
- );
604
- text-decoration: var(
605
- --_ctm-mob-dn-as-cr-us-ue-dc,
606
- var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc))
607
- );
608
- letter-spacing: var(
609
- --_ctm-mob-dn-as-cr-us-lr-sg-dc,
610
- var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc))
611
- );
612
- line-height: var(
613
- --_ctm-mob-dn-as-cr-us-le-ht-dc,
614
- var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc))
615
- );
616
- font-style: var(
617
- --_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
618
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc))
619
- );
620
- text-align: var(
621
- --_ctm-mob-dn-as-cr-us-tt-an-dc,
622
- var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc))
623
- );
464
+ font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy-dc,
465
+ var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc)));
466
+ text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm-dc,
467
+ var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc)));
468
+ word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp-dc,
469
+ var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc)));
470
+ word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk-dc,
471
+ var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc)));
472
+ color: var(--_ctm-mob-dn-as-cr-us-cr-dc,
473
+ var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc)));
474
+ font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt-dc,
475
+ var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc)));
476
+ font-size: var(--_ctm-mob-dn-as-cr-us-ft-se-dc,
477
+ var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc)));
478
+ text-decoration: var(--_ctm-mob-dn-as-cr-us-ue-dc,
479
+ var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc)));
480
+ letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg-dc,
481
+ var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc)));
482
+ line-height: var(--_ctm-mob-dn-as-cr-us-le-ht-dc,
483
+ var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc)));
484
+ font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
485
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc)));
486
+ text-align: var(--_ctm-mob-dn-as-cr-us-tt-an-dc,
487
+ var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc)));
624
488
  }
625
489
  }
490
+
626
491
  .uploadicon {
627
492
  // padding: 10px;
628
493
  // background: #f2f4f7;
@@ -633,16 +498,20 @@
633
498
  }
634
499
  }
635
500
  }
501
+
636
502
  .error-text {
637
503
  font-size: 12px;
638
504
  color: var(--_error-500);
639
505
  }
506
+
640
507
  .text_area_attribute {
641
508
  width: 100%;
509
+
642
510
  .input_textarea_a {
643
511
  width: 100%;
644
512
  }
645
513
  }
514
+
646
515
  .cart_item_attr_disabled {
647
516
  pointer-events: none;
648
517
 
@@ -656,34 +525,21 @@
656
525
  // toggle styles
657
526
  .input_toggle_switch_container {
658
527
  display: flex;
659
- background-color: var(
660
- --_ctm-mob-dn-as-cr-as-bs-bd-cr,
661
- var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr))
662
- );
663
- border-color: var(
664
- --_ctm-mob-dn-as-cr-as-bs-br-cr,
665
- var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr))
666
- );
667
- border-style: var(
668
- --_ctm-mob-dn-as-cr-as-bs-br-se,
669
- var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se))
670
- );
671
- border-width: var(
672
- --_ctm-mob-dn-as-cr-as-bs-br-wh,
673
- var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh))
674
- );
675
- border-radius: var(
676
- --_ctm-mob-dn-as-cr-as-bs-br-rs,
677
- var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs))
678
- );
679
- padding: var(
680
- --_ctm-mob-dn-as-cr-as-bs-pg,
681
- var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg))
682
- );
683
- gap: var(
684
- --_ctm-mob-dn-as-cr-as-bs-im-gp,
685
- var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp))
686
- );
528
+ background-color: var(--_ctm-mob-dn-as-cr-as-bs-bd-cr,
529
+ var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr)));
530
+ border-color: var(--_ctm-mob-dn-as-cr-as-bs-br-cr,
531
+ var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr)));
532
+ border-style: var(--_ctm-mob-dn-as-cr-as-bs-br-se,
533
+ var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se)));
534
+ border-width: var(--_ctm-mob-dn-as-cr-as-bs-br-wh,
535
+ var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh)));
536
+ border-radius: var(--_ctm-mob-dn-as-cr-as-bs-br-rs,
537
+ var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs)));
538
+ padding: var(--_ctm-mob-dn-as-cr-as-bs-pg,
539
+ var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg)));
540
+ gap: var(--_ctm-mob-dn-as-cr-as-bs-im-gp,
541
+ var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp)));
542
+
687
543
  .input_toggle_switch {
688
544
  position: relative;
689
545
  display: inline-block;
@@ -695,7 +551,7 @@
695
551
  width: 0;
696
552
  height: 0;
697
553
 
698
- &:checked + .slider {
554
+ &:checked+.slider {
699
555
  background-color: #4caf50;
700
556
 
701
557
  &::before {
@@ -728,85 +584,64 @@
728
584
  }
729
585
  }
730
586
  }
587
+
731
588
  .input_toggle_switch_text {
732
589
  gap: 4px;
733
590
  display: flex;
734
591
  flex-direction: column;
592
+
735
593
  .checkbox_title {
736
- font-family: var(
737
- --_ctm-mob-dn-as-cr-as-bs-ft-fy,
738
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy))
739
- );
740
- color: var(
741
- --_ctm-mob-dn-as-cr-as-bs-cr,
742
- var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr))
743
- );
744
- font-weight: var(
745
- --_ctm-mob-dn-as-cr-as-bs-ft-wt,
746
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt))
747
- );
748
- font-size: var(
749
- --_ctm-mob-dn-as-cr-as-bs-ft-se,
750
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se))
751
- );
752
- text-decoration: var(
753
- --_ctm-mob-dn-as-cr-as-bs-ue,
754
- var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue))
755
- );
756
- letter-spacing: var(
757
- --_ctm-mob-dn-as-cr-as-bs-lr-sg,
758
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg))
759
- );
760
- line-height: var(
761
- --_ctm-mob-dn-as-cr-as-bs-le-ht,
762
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht))
763
- );
764
- font-style: var(
765
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
766
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic))
767
- );
768
- text-align: var(
769
- --_ctm-mob-dn-as-cr-as-bs-tt-an,
770
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an))
771
- );
594
+ font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy,
595
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy)));
596
+ text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm,
597
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm)));
598
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp,
599
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp)));
600
+ word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk,
601
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk)));
602
+ color: var(--_ctm-mob-dn-as-cr-as-bs-cr,
603
+ var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr)));
604
+ font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt,
605
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt)));
606
+ font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se,
607
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se)));
608
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue,
609
+ var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue)));
610
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg,
611
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg)));
612
+ line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht,
613
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht)));
614
+ font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
615
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic)));
616
+ text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an,
617
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an)));
772
618
  }
619
+
773
620
  .checkbox_des {
774
- font-family: var(
775
- --_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
776
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc))
777
- );
778
- color: var(
779
- --_ctm-mob-dn-as-cr-as-bs-cr-dc,
780
- var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc))
781
- );
782
- font-weight: var(
783
- --_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
784
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc))
785
- );
786
- font-size: var(
787
- --_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
788
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc))
789
- );
790
- text-decoration: var(
791
- --_ctm-mob-dn-as-cr-as-bs-ue-dc,
792
- var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc))
793
- );
794
- letter-spacing: var(
795
- --_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
796
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc))
797
- );
798
- line-height: var(
799
- --_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
800
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc))
801
- );
802
- font-style: var(
803
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
804
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc))
805
- );
806
- text-align: var(
807
- --_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
808
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc))
809
- );
621
+ font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
622
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc)));
623
+ text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
624
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc)));
625
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
626
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc)));
627
+ word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
628
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc)));
629
+ color: var(--_ctm-mob-dn-as-cr-as-bs-cr-dc,
630
+ var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc)));
631
+ font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
632
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc)));
633
+ font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
634
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc)));
635
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue-dc,
636
+ var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc)));
637
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
638
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc)));
639
+ line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
640
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc)));
641
+ font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
642
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc)));
643
+ text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
644
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc)));
810
645
  }
811
646
  }
812
647
  }
@@ -825,7 +660,7 @@
825
660
  width: 0;
826
661
  height: 0;
827
662
 
828
- &:checked + .custom_radio::after {
663
+ &:checked+.custom_radio::after {
829
664
  display: block;
830
665
  }
831
666
  }
@@ -852,7 +687,7 @@
852
687
  }
853
688
  }
854
689
 
855
- input[type="radio"]:checked + .custom_radio {
690
+ input[type="radio"]:checked+.custom_radio {
856
691
  border-color: var(--_primary-400);
857
692
  }
858
693
 
@@ -922,15 +757,18 @@
922
757
  font-size: 14px;
923
758
  cursor: pointer;
924
759
  }
760
+
925
761
  .attribute_currency_field {
926
762
  position: relative;
763
+
927
764
  input {
928
765
  padding: 12px 12px 12px 32px !important;
929
766
  }
767
+
930
768
  svg {
931
769
  position: absolute;
932
770
  left: 8px;
933
771
  top: 10px;
934
772
  background: #fff;
935
773
  }
936
- }
774
+ }