@sc-360-v2/storefront-cms-library 0.5.59 → 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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. 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,185 +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
- );
106
- text-transform: var(
107
- --_ctm-mob-dn-as-hr-tt-tm,
108
- var(--_ctm-tab-dn-as-hr-tt-tm, var(--_ctm-dn-as-hr-tt-tm))
109
- );
110
- word-wrap: var(
111
- --_ctm-mob-dn-as-hr-wd-wp,
112
- var(--_ctm-tab-dn-as-hr-wd-wp, var(--_ctm-dn-as-hr-wd-wp))
113
- );
114
- word-break: var(
115
- --_ctm-mob-dn-as-hr-wd-bk,
116
- var(--_ctm-tab-dn-as-hr-wd-bk, var(--_ctm-dn-as-hr-wd-bk))
117
- );
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)));
118
86
  color: var(--_ctm-mob-dn-as-hr-cr, var(--_ctm-tab-dn-as-hr-cr, var(--_ctm-dn-as-hr-cr)));
119
- font-weight: var(
120
- --_ctm-mob-dn-as-hr-ft-wt,
121
- var(--_ctm-tab-dn-as-hr-ft-wt, var(--_ctm-dn-as-hr-ft-wt))
122
- );
123
- font-size: var(
124
- --_ctm-mob-dn-as-hr-ft-se,
125
- var(--_ctm-tab-dn-as-hr-ft-se, var(--_ctm-dn-as-hr-ft-se))
126
- );
127
- text-decoration: var(
128
- --_ctm-mob-dn-as-hr-ue,
129
- var(--_ctm-tab-dn-as-hr-ue, var(--_ctm-dn-as-hr-ue))
130
- );
131
- letter-spacing: var(
132
- --_ctm-mob-dn-as-hr-lr-sg,
133
- var(--_ctm-tab-dn-as-hr-lr-sg, var(--_ctm-dn-as-hr-lr-sg))
134
- );
135
- line-height: var(
136
- --_ctm-mob-dn-as-hr-le-ht,
137
- var(--_ctm-tab-dn-as-hr-le-ht, var(--_ctm-dn-as-hr-le-ht))
138
- );
139
- font-style: var(
140
- --_ctm-mob-dn-as-hr-ft-se-ic,
141
- var(--_ctm-tab-dn-as-hr-ft-se-ic, var(--_ctm-dn-as-hr-ft-se-ic))
142
- );
143
- text-align: var(
144
- --_ctm-mob-dn-as-hr-tt-an,
145
- var(--_ctm-tab-dn-as-hr-tt-an, var(--_ctm-dn-as-hr-tt-an))
146
- );
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)));
147
101
  }
102
+
148
103
  .icon svg {
149
104
  path {
150
- stroke: var(
151
- --_ctm-mob-dn-an-as-im-in-c1,
152
- var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
153
- );
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)));
154
107
  // Overrides the stroke-width presentation attribute baked into the icon markup.
155
108
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
156
109
  }
157
- width: var(
158
- --_ctm-mob-dn-an-as-im-in-se,
159
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
160
- );
161
- height: var(
162
- --_ctm-mob-dn-an-as-im-in-se,
163
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
164
- );
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)));
165
115
  }
166
116
 
167
117
  .iconDesc svg {
168
118
  path {
169
- stroke: var(
170
- --_ctm-mob-dn-an-as-im-in-c1-dc,
171
- var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
172
- );
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)));
173
121
  // Overrides the stroke-width presentation attribute baked into the icon markup.
174
122
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
175
123
  }
176
- width: var(
177
- --_ctm-mob-dn-an-as-im-in-se-dc,
178
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
179
- );
180
- height: var(
181
- --_ctm-mob-dn-an-as-im-in-se-dc,
182
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
183
- );
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)));
184
129
  }
185
130
  }
131
+
186
132
  .attributes-section-body {
187
133
  width: 100%;
188
134
  display: flex;
189
135
  flex-wrap: wrap;
190
136
  overflow-y: auto;
191
- background-color: var(
192
- --_ctm-mob-dn-as-cr-ae-is-wr-bd-cr,
193
- var(--_ctm-tab-dn-as-cr-ae-is-wr-bd-cr, var(--_ctm-dn-as-cr-ae-is-wr-bd-cr))
194
- );
195
- padding: var(
196
- --_ctm-mob-dn-as-cr-ae-is-wr-pg,
197
- var(--_ctm-tab-dn-as-cr-ae-is-wr-pg, var(--_ctm-dn-as-cr-ae-is-wr-pg))
198
- );
199
- gap: var(
200
- --_ctm-mob-dn-as-cr-ae-is-wr-im-gp,
201
- var(--_ctm-tab-dn-as-cr-ae-is-wr-im-gp, var(--_ctm-dn-as-cr-ae-is-wr-im-gp))
202
- );
203
- border-color: var(
204
- --_ctm-mob-dn-as-cr-ae-is-wr-br-cr,
205
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-cr, var(--_ctm-dn-as-cr-ae-is-wr-br-cr))
206
- );
207
- border-style: var(
208
- --_ctm-mob-dn-as-cr-ae-is-wr-br-se,
209
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-se, var(--_ctm-dn-as-cr-ae-is-wr-br-se))
210
- );
211
- border-width: var(
212
- --_ctm-mob-dn-as-cr-ae-is-wr-br-wh,
213
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-wh, var(--_ctm-dn-as-cr-ae-is-wr-br-wh))
214
- );
215
- border-radius: var(
216
- --_ctm-mob-dn-as-cr-ae-is-wr-br-rs,
217
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs))
218
- );
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
+
219
152
  .attriTitle {
220
153
  // font-weight: 600;
221
154
  // font-size: 14px;
@@ -236,6 +169,7 @@
236
169
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-an);
237
170
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-te-pg);
238
171
  }
172
+
239
173
  .attriDes {
240
174
  // font-weight: 400;
241
175
  // font-size: 14px;
@@ -254,214 +188,134 @@
254
188
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-an);
255
189
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-in-pg);
256
190
  }
191
+
257
192
  .attribute {
258
193
  width: 100%;
259
194
  display: flex;
260
195
  flex-direction: column;
261
- padding: var(
262
- --_ctm-mob-dn-as-cr-as-fs-pg,
263
- var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg))
264
- );
265
- gap: var(
266
- --_ctm-mob-dn-as-cr-as-fs-im-gp,
267
- var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp))
268
- );
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
+
269
201
  .label {
270
202
  display: block;
271
- padding: var(
272
- --_ctm-mob-dn-as-cr-as-ls-pg,
273
- var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg))
274
- );
275
- font-family: var(
276
- --_ctm-mob-dn-as-cr-as-ls-ft-fy,
277
- var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy))
278
- );
279
- text-transform: var(
280
- --_ctm-mob-dn-as-cr-as-ls-tt-tm,
281
- var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm))
282
- );
283
- word-wrap: var(
284
- --_ctm-mob-dn-as-cr-as-ls-wd-wp,
285
- var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp))
286
- );
287
- word-break: var(
288
- --_ctm-mob-dn-as-cr-as-ls-wd-bk,
289
- var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk))
290
- );
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
+
291
214
  &.flex__overflow {
292
215
  white-space: normal;
293
216
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
294
217
  }
295
- color: var(
296
- --_ctm-mob-dn-as-cr-as-ls-cr,
297
- var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr))
298
- );
299
- font-weight: var(
300
- --_ctm-mob-dn-as-cr-as-ls-ft-wt,
301
- var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt))
302
- );
303
- font-size: var(
304
- --_ctm-mob-dn-as-cr-as-ls-ft-se,
305
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se))
306
- );
307
- text-decoration: var(
308
- --_ctm-mob-dn-as-cr-as-ls-ue,
309
- var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue))
310
- );
311
- letter-spacing: var(
312
- --_ctm-mob-dn-as-cr-as-ls-lr-sg,
313
- var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg))
314
- );
315
- line-height: var(
316
- --_ctm-mob-dn-as-cr-as-ls-le-ht,
317
- var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht))
318
- );
319
- font-style: var(
320
- --_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
321
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic))
322
- );
323
- text-align: var(
324
- --_ctm-mob-dn-as-cr-as-ls-tt-an,
325
- var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an))
326
- );
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
+
327
236
  &.required::after {
328
237
  content: " *";
329
238
  color: var(--_error-500);
330
239
  }
331
240
  }
241
+
332
242
  .attribute_field {
333
243
  width: 100% !important;
244
+
334
245
  input {
335
- background-color: var(
336
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
337
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
338
- );
339
- padding: var(
340
- --_ctm-mob-dn-as-cr-as-is-pg,
341
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
342
- );
343
- gap: var(
344
- --_ctm-mob-dn-as-cr-as-is-im-gp,
345
- var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp))
346
- );
347
- border-color: var(
348
- --_ctm-mob-dn-as-cr-as-is-br-cr,
349
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
350
- );
351
- border-style: var(
352
- --_ctm-mob-dn-as-cr-as-is-br-se,
353
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
354
- );
355
- border-width: var(
356
- --_ctm-mob-dn-as-cr-as-is-br-wh,
357
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
358
- );
359
- border-radius: var(
360
- --_ctm-mob-dn-as-cr-as-is-br-rs,
361
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
362
- );
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
+
363
261
  &::placeholder {
364
- font-family: var(
365
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
366
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
367
- );
368
- text-transform: var(
369
- --_ctm-mob-dn-as-cr-as-is-tt-tm,
370
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
371
- );
372
- word-wrap: var(
373
- --_ctm-mob-dn-as-cr-as-is-wd-wp,
374
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
375
- );
376
- word-break: var(
377
- --_ctm-mob-dn-as-cr-as-is-wd-bk,
378
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
379
- );
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)));
380
270
  color: var(--_thm-cs-be-se-1);
381
- font-weight: var(
382
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
383
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
384
- );
385
- font-size: var(
386
- --_ctm-mob-dn-as-cr-as-is-ft-se,
387
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
388
- );
389
- text-decoration: var(
390
- --_ctm-mob-dn-as-cr-as-is-ue,
391
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
392
- );
393
- letter-spacing: var(
394
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
395
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
396
- );
397
- line-height: var(
398
- --_ctm-mob-dn-as-cr-as-is-le-ht,
399
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
400
- );
401
- font-style: var(
402
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
403
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
404
- );
405
- text-align: var(
406
- --_ctm-mob-dn-as-cr-as-is-tt-an,
407
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
408
- );
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)));
409
285
  }
410
286
  }
287
+
411
288
  .attribute_form_field {
412
- font-family: var(
413
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
414
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
415
- );
416
- text-transform: var(
417
- --_ctm-mob-dn-as-cr-as-is-tt-tm,
418
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
419
- );
420
- word-wrap: var(
421
- --_ctm-mob-dn-as-cr-as-is-wd-wp,
422
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
423
- );
424
- word-break: var(
425
- --_ctm-mob-dn-as-cr-as-is-wd-bk,
426
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
427
- );
428
- color: var(
429
- --_ctm-mob-dn-as-cr-as-is-cr,
430
- var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr))
431
- );
432
- font-weight: var(
433
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
434
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
435
- );
436
- font-size: var(
437
- --_ctm-mob-dn-as-cr-as-is-ft-se,
438
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
439
- );
440
- text-decoration: var(
441
- --_ctm-mob-dn-as-cr-as-is-ue,
442
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
443
- );
444
- letter-spacing: var(
445
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
446
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
447
- );
448
- line-height: var(
449
- --_ctm-mob-dn-as-cr-as-is-le-ht,
450
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
451
- );
452
- font-style: var(
453
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
454
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
455
- );
456
- text-align: var(
457
- --_ctm-mob-dn-as-cr-as-is-tt-an,
458
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
459
- );
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)));
460
313
  transition:
461
314
  background-color 0.2s,
462
315
  color 0.2s,
463
316
  border-color 0.2s,
464
317
  box-shadow 0.2s;
318
+
465
319
  &:focus {
466
320
  box-shadow:
467
321
  0px 1px 2px rgba(16, 24, 40, 0.05),
@@ -469,88 +323,56 @@
469
323
  border: 1px solid var(--primary-300);
470
324
  }
471
325
  }
326
+
472
327
  .dropdown-input-section {
473
328
  height: auto !important;
474
- background-color: var(
475
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
476
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
477
- );
478
- padding: var(
479
- --_ctm-mob-dn-as-cr-as-is-pg,
480
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
481
- );
482
- border-color: var(
483
- --_ctm-mob-dn-as-cr-as-is-br-cr,
484
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
485
- );
486
- border-style: var(
487
- --_ctm-mob-dn-as-cr-as-is-br-se,
488
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
489
- );
490
- border-width: var(
491
- --_ctm-mob-dn-as-cr-as-is-br-wh,
492
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
493
- );
494
- border-radius: var(
495
- --_ctm-mob-dn-as-cr-as-is-br-rs,
496
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
497
- );
498
- font-family: var(
499
- --_ctm-mob-dn-as-cr-as-dn-ft-fy,
500
- var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy))
501
- );
502
- text-transform: var(
503
- --_ctm-mob-dn-as-cr-as-dn-tt-tm,
504
- var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm))
505
- );
506
- word-wrap: var(
507
- --_ctm-mob-dn-as-cr-as-dn-wd-wp,
508
- var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp))
509
- );
510
- word-break: var(
511
- --_ctm-mob-dn-as-cr-as-dn-wd-bk,
512
- var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk))
513
- );
514
- color: var(
515
- --_ctm-mob-dn-as-cr-as-dn-cr,
516
- var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr))
517
- );
518
- font-weight: var(
519
- --_ctm-mob-dn-as-cr-as-dn-ft-wt,
520
- var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt))
521
- );
522
- font-size: var(
523
- --_ctm-mob-dn-as-cr-as-dn-ft-se,
524
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se))
525
- );
526
- text-decoration: var(
527
- --_ctm-mob-dn-as-cr-as-dn-ue,
528
- var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue))
529
- );
530
- letter-spacing: var(
531
- --_ctm-mob-dn-as-cr-as-dn-lr-sg,
532
- var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg))
533
- );
534
- line-height: var(
535
- --_ctm-mob-dn-as-cr-as-dn-le-ht,
536
- var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht))
537
- );
538
- font-style: var(
539
- --_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
540
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic))
541
- );
542
- text-align: var(
543
- --_ctm-mob-dn-as-cr-as-dn-tt-an,
544
- var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an))
545
- );
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
+
546
366
  .selected-display {
547
367
  .selected-item {
548
368
  display: flex;
549
369
  align-items: center;
370
+
550
371
  .color-swatch {
551
372
  position: relative;
552
373
  // top: 1px;
553
374
  }
375
+
554
376
  .svg_icon svg {
555
377
  width: 16px;
556
378
  height: 16px;
@@ -558,165 +380,114 @@
558
380
  }
559
381
  }
560
382
  }
383
+
561
384
  &:focus {
562
385
  border-color: var(--_primary-400);
563
386
  outline: 2px solid var(--_primary-200);
564
387
  }
388
+
565
389
  &.error {
566
390
  border-color: #dc2626;
567
391
  background-color: #fef2f2;
568
392
  }
393
+
569
394
  .react-datepicker-wrapper {
570
395
  width: 100%;
396
+
571
397
  .react-datepicker__close-icon::after {
572
398
  background-color: transparent;
573
399
  font-size: 25px;
574
400
  color: var(--_gray-500);
575
401
  }
576
402
  }
403
+
577
404
  .custom-upload {
578
405
  display: flex;
579
406
  flex-direction: column;
580
407
  align-items: center;
581
408
  align-self: stretch;
582
409
 
583
- background-color: var(
584
- --_ctm-mob-dn-as-cr-us-bd-cr,
585
- var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr))
586
- );
587
- padding: var(
588
- --_ctm-mob-dn-as-cr-us-pg,
589
- var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg))
590
- );
591
- gap: var(
592
- --_ctm-mob-dn-as-cr-us-im-gp,
593
- var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp))
594
- );
595
- border-color: var(
596
- --_ctm-mob-dn-as-cr-us-br-cr,
597
- var(--_ctm-tab-dn-as-cr-us-br-cr, var(--_ctm-dn-as-cr-us-br-cr))
598
- );
599
- border-style: var(
600
- --_ctm-mob-dn-as-cr-us-br-se,
601
- var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se))
602
- );
603
- border-width: var(
604
- --_ctm-mob-dn-as-cr-us-br-wh,
605
- var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh))
606
- );
607
- border-radius: var(
608
- --_ctm-mob-dn-as-cr-us-br-rs,
609
- var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs))
610
- );
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
+
611
425
  .file_upload_text {
612
426
  text-align: center;
613
427
  display: flex;
614
428
  flex-direction: column;
615
429
  gap: 6px;
430
+
616
431
  p {
617
432
  strong {
618
- font-family: var(
619
- --_ctm-mob-dn-as-cr-us-ft-fy,
620
- var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
621
- );
622
- text-transform: var(
623
- --_ctm-mob-dn-as-cr-us-tt-tm,
624
- var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm))
625
- );
626
- word-wrap: var(
627
- --_ctm-mob-dn-as-cr-us-wd-wp,
628
- var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp))
629
- );
630
- word-break: var(
631
- --_ctm-mob-dn-as-cr-us-wd-bk,
632
- var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk))
633
- );
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)));
634
441
  // color: var(
635
442
  // --_ctm-mob-dn-as-cr-us-cr,
636
443
  // var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
637
444
  // );
638
445
  color: var(--_thm-cs-tt-ls-as);
639
- font-weight: var(
640
- --_ctm-mob-dn-as-cr-us-ft-wt,
641
- var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt))
642
- );
643
- font-size: var(
644
- --_ctm-mob-dn-as-cr-us-ft-se,
645
- var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se))
646
- );
647
- text-decoration: var(
648
- --_ctm-mob-dn-as-cr-us-ue,
649
- var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue))
650
- );
651
- letter-spacing: var(
652
- --_ctm-mob-dn-as-cr-us-lr-sg,
653
- var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg))
654
- );
655
- line-height: var(
656
- --_ctm-mob-dn-as-cr-us-le-ht,
657
- var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht))
658
- );
659
- font-style: var(
660
- --_ctm-mob-dn-as-cr-us-ft-se-ic,
661
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic))
662
- );
663
- text-align: var(
664
- --_ctm-mob-dn-as-cr-us-tt-an,
665
- var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an))
666
- );
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)));
667
460
  }
668
461
  }
462
+
669
463
  span {
670
- font-family: var(
671
- --_ctm-mob-dn-as-cr-us-ft-fy-dc,
672
- var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc))
673
- );
674
- text-transform: var(
675
- --_ctm-mob-dn-as-cr-us-tt-tm-dc,
676
- var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc))
677
- );
678
- word-wrap: var(
679
- --_ctm-mob-dn-as-cr-us-wd-wp-dc,
680
- var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc))
681
- );
682
- word-break: var(
683
- --_ctm-mob-dn-as-cr-us-wd-bk-dc,
684
- var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc))
685
- );
686
- color: var(
687
- --_ctm-mob-dn-as-cr-us-cr-dc,
688
- var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc))
689
- );
690
- font-weight: var(
691
- --_ctm-mob-dn-as-cr-us-ft-wt-dc,
692
- var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc))
693
- );
694
- font-size: var(
695
- --_ctm-mob-dn-as-cr-us-ft-se-dc,
696
- var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc))
697
- );
698
- text-decoration: var(
699
- --_ctm-mob-dn-as-cr-us-ue-dc,
700
- var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc))
701
- );
702
- letter-spacing: var(
703
- --_ctm-mob-dn-as-cr-us-lr-sg-dc,
704
- var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc))
705
- );
706
- line-height: var(
707
- --_ctm-mob-dn-as-cr-us-le-ht-dc,
708
- var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc))
709
- );
710
- font-style: var(
711
- --_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
712
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc))
713
- );
714
- text-align: var(
715
- --_ctm-mob-dn-as-cr-us-tt-an-dc,
716
- var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc))
717
- );
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)));
718
488
  }
719
489
  }
490
+
720
491
  .uploadicon {
721
492
  // padding: 10px;
722
493
  // background: #f2f4f7;
@@ -727,16 +498,20 @@
727
498
  }
728
499
  }
729
500
  }
501
+
730
502
  .error-text {
731
503
  font-size: 12px;
732
504
  color: var(--_error-500);
733
505
  }
506
+
734
507
  .text_area_attribute {
735
508
  width: 100%;
509
+
736
510
  .input_textarea_a {
737
511
  width: 100%;
738
512
  }
739
513
  }
514
+
740
515
  .cart_item_attr_disabled {
741
516
  pointer-events: none;
742
517
 
@@ -750,34 +525,21 @@
750
525
  // toggle styles
751
526
  .input_toggle_switch_container {
752
527
  display: flex;
753
- background-color: var(
754
- --_ctm-mob-dn-as-cr-as-bs-bd-cr,
755
- var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr))
756
- );
757
- border-color: var(
758
- --_ctm-mob-dn-as-cr-as-bs-br-cr,
759
- var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr))
760
- );
761
- border-style: var(
762
- --_ctm-mob-dn-as-cr-as-bs-br-se,
763
- var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se))
764
- );
765
- border-width: var(
766
- --_ctm-mob-dn-as-cr-as-bs-br-wh,
767
- var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh))
768
- );
769
- border-radius: var(
770
- --_ctm-mob-dn-as-cr-as-bs-br-rs,
771
- var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs))
772
- );
773
- padding: var(
774
- --_ctm-mob-dn-as-cr-as-bs-pg,
775
- var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg))
776
- );
777
- gap: var(
778
- --_ctm-mob-dn-as-cr-as-bs-im-gp,
779
- var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp))
780
- );
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
+
781
543
  .input_toggle_switch {
782
544
  position: relative;
783
545
  display: inline-block;
@@ -789,7 +551,7 @@
789
551
  width: 0;
790
552
  height: 0;
791
553
 
792
- &:checked + .slider {
554
+ &:checked+.slider {
793
555
  background-color: #4caf50;
794
556
 
795
557
  &::before {
@@ -822,109 +584,64 @@
822
584
  }
823
585
  }
824
586
  }
587
+
825
588
  .input_toggle_switch_text {
826
589
  gap: 4px;
827
590
  display: flex;
828
591
  flex-direction: column;
592
+
829
593
  .checkbox_title {
830
- font-family: var(
831
- --_ctm-mob-dn-as-cr-as-bs-ft-fy,
832
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy))
833
- );
834
- text-transform: var(
835
- --_ctm-mob-dn-as-cr-as-bs-tt-tm,
836
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm))
837
- );
838
- word-wrap: var(
839
- --_ctm-mob-dn-as-cr-as-bs-wd-wp,
840
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp))
841
- );
842
- word-break: var(
843
- --_ctm-mob-dn-as-cr-as-bs-wd-bk,
844
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk))
845
- );
846
- color: var(
847
- --_ctm-mob-dn-as-cr-as-bs-cr,
848
- var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr))
849
- );
850
- font-weight: var(
851
- --_ctm-mob-dn-as-cr-as-bs-ft-wt,
852
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt))
853
- );
854
- font-size: var(
855
- --_ctm-mob-dn-as-cr-as-bs-ft-se,
856
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se))
857
- );
858
- text-decoration: var(
859
- --_ctm-mob-dn-as-cr-as-bs-ue,
860
- var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue))
861
- );
862
- letter-spacing: var(
863
- --_ctm-mob-dn-as-cr-as-bs-lr-sg,
864
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg))
865
- );
866
- line-height: var(
867
- --_ctm-mob-dn-as-cr-as-bs-le-ht,
868
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht))
869
- );
870
- font-style: var(
871
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
872
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic))
873
- );
874
- text-align: var(
875
- --_ctm-mob-dn-as-cr-as-bs-tt-an,
876
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an))
877
- );
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)));
878
618
  }
619
+
879
620
  .checkbox_des {
880
- font-family: var(
881
- --_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
882
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc))
883
- );
884
- text-transform: var(
885
- --_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
886
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc))
887
- );
888
- word-wrap: var(
889
- --_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
890
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc))
891
- );
892
- word-break: var(
893
- --_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
894
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc))
895
- );
896
- color: var(
897
- --_ctm-mob-dn-as-cr-as-bs-cr-dc,
898
- var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc))
899
- );
900
- font-weight: var(
901
- --_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
902
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc))
903
- );
904
- font-size: var(
905
- --_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
906
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc))
907
- );
908
- text-decoration: var(
909
- --_ctm-mob-dn-as-cr-as-bs-ue-dc,
910
- var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc))
911
- );
912
- letter-spacing: var(
913
- --_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
914
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc))
915
- );
916
- line-height: var(
917
- --_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
918
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc))
919
- );
920
- font-style: var(
921
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
922
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc))
923
- );
924
- text-align: var(
925
- --_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
926
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc))
927
- );
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)));
928
645
  }
929
646
  }
930
647
  }
@@ -943,7 +660,7 @@
943
660
  width: 0;
944
661
  height: 0;
945
662
 
946
- &:checked + .custom_radio::after {
663
+ &:checked+.custom_radio::after {
947
664
  display: block;
948
665
  }
949
666
  }
@@ -970,7 +687,7 @@
970
687
  }
971
688
  }
972
689
 
973
- input[type="radio"]:checked + .custom_radio {
690
+ input[type="radio"]:checked+.custom_radio {
974
691
  border-color: var(--_primary-400);
975
692
  }
976
693
 
@@ -1040,15 +757,18 @@
1040
757
  font-size: 14px;
1041
758
  cursor: pointer;
1042
759
  }
760
+
1043
761
  .attribute_currency_field {
1044
762
  position: relative;
763
+
1045
764
  input {
1046
765
  padding: 12px 12px 12px 32px !important;
1047
766
  }
767
+
1048
768
  svg {
1049
769
  position: absolute;
1050
770
  left: 8px;
1051
771
  top: 10px;
1052
772
  background: #fff;
1053
773
  }
1054
- }
774
+ }