@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/quantity-selector.scss CHANGED
@@ -18,13 +18,15 @@
18
18
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
19
  // );
20
20
 
21
- & > .wrapper {
21
+ &>.wrapper {
22
22
  width: 100%;
23
23
  // height: 100%;
24
24
  }
25
+
25
26
  &[data-show-shadow="false"] {
26
27
  --_show-shadow: none;
27
28
  }
29
+
28
30
  // /* Chrome, Safari, Edge, Opera */
29
31
  // input::-webkit-outer-spin-button,
30
32
  // input::-webkit-inner-spin-button {
@@ -42,47 +44,32 @@
42
44
  font-weight: 600;
43
45
  color: rgba(75, 69, 70, 1);
44
46
  }
47
+
45
48
  .quantity_container {
46
- background-color: var(
47
- --_ctm-mob-dn-wt-se-bd-cr,
48
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
49
- );
50
-
51
- border-color: var(
52
- --_ctm-mob-dn-wt-se-br-cr,
53
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
54
- );
55
-
56
- border-style: var(
57
- --_ctm-mob-dn-wt-se-br-se,
58
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
59
- );
60
-
61
- border-width: var(
62
- --_ctm-mob-dn-wt-se-br-wh,
63
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
64
- );
65
-
66
- border-radius: var(
67
- --_ctm-mob-dn-wt-se-br-rs,
68
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
69
- );
70
-
71
- box-shadow: var(
72
- --_show-shadow,
73
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
74
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
75
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
76
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
77
- );
49
+ background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
50
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
51
+
52
+ border-color: var(--_ctm-mob-dn-wt-se-br-cr,
53
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
54
+
55
+ border-style: var(--_ctm-mob-dn-wt-se-br-se,
56
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
57
+
58
+ border-width: var(--_ctm-mob-dn-wt-se-br-wh,
59
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
60
+
61
+ border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
62
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
63
+
64
+ box-shadow: var(--_show-shadow,
65
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
78
66
 
79
67
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
80
- gap: var(
81
- --_ctm-mob-lt-it-ad-mn-qy-sg,
82
- var(--_ctm-tab-lt-it-ad-mn-qy-sg, var(--_ctm-lt-it-ad-mn-qy-sg))
83
- );
68
+ gap: var(--_ctm-mob-lt-it-ad-mn-qy-sg,
69
+ var(--_ctm-tab-lt-it-ad-mn-qy-sg, var(--_ctm-lt-it-ad-mn-qy-sg)));
84
70
  display: flex;
85
71
  flex-direction: column;
72
+
86
73
  // gap: var(
87
74
  // --_ctm-mob-lt-te-ad-dn-sg,
88
75
  // var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
@@ -91,38 +78,24 @@
91
78
  // height:;
92
79
  display: flex;
93
80
  align-items: center;
94
- background-color: var(
95
- --_ctm-mob-dn-ll-bd-cr,
96
- var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr))
97
- );
98
-
99
- border-color: var(
100
- --_ctm-mob-dn-ll-br-cr,
101
- var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr))
102
- );
103
-
104
- border-style: var(
105
- --_ctm-mob-dn-ll-br-se,
106
- var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se))
107
- );
108
-
109
- border-width: var(
110
- --_ctm-mob-dn-ll-br-wh,
111
- var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh))
112
- );
113
-
114
- border-radius: var(
115
- --_ctm-mob-dn-ll-br-rs,
116
- var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
117
- );
118
-
119
- box-shadow: var(
120
- --_show-shadow,
121
- var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
122
- var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
123
- var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
124
- var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
125
- );
81
+ background-color: var(--_ctm-mob-dn-ll-bd-cr,
82
+ var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr)));
83
+
84
+ border-color: var(--_ctm-mob-dn-ll-br-cr,
85
+ var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)));
86
+
87
+ border-style: var(--_ctm-mob-dn-ll-br-se,
88
+ var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)));
89
+
90
+ border-width: var(--_ctm-mob-dn-ll-br-wh,
91
+ var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)));
92
+
93
+ border-radius: var(--_ctm-mob-dn-ll-br-rs,
94
+ var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs)));
95
+
96
+ box-shadow: var(--_show-shadow,
97
+ var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae))) var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br))) var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd))) var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr))));
98
+
126
99
  .label {
127
100
  height: unset;
128
101
  }
@@ -134,34 +107,20 @@
134
107
  height: 100%;
135
108
 
136
109
  color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
137
- font-family: var(
138
- --_ctm-mob-dn-ll-ft-fy,
139
- var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
140
- );
141
- font-size: var(
142
- --_ctm-mob-dn-ll-ft-se,
143
- var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se))
144
- );
145
- font-weight: var(
146
- --_ctm-mob-dn-ll-ft-wt,
147
- var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
148
- );
149
- font-style: var(
150
- --_ctm-mob-dn-ll-ft-se-ic,
151
- var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
152
- );
153
- text-align: var(
154
- --_ctm-mob-dn-ll-tt-an,
155
- var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an))
156
- );
157
- letter-spacing: var(
158
- --_ctm-mob-dn-ll-lr-sg,
159
- var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
160
- );
161
- line-height: var(
162
- --_ctm-mob-dn-ll-le-ht,
163
- var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht-dc))
164
- );
110
+ font-family: var(--_ctm-mob-dn-ll-ft-fy,
111
+ var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy)));
112
+ font-size: var(--_ctm-mob-dn-ll-ft-se,
113
+ var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
114
+ font-weight: var(--_ctm-mob-dn-ll-ft-wt,
115
+ var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt)));
116
+ font-style: var(--_ctm-mob-dn-ll-ft-se-ic,
117
+ var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic)));
118
+ text-align: var(--_ctm-mob-dn-ll-tt-an,
119
+ var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
120
+ letter-spacing: var(--_ctm-mob-dn-ll-lr-sg,
121
+ var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg)));
122
+ line-height: var(--_ctm-mob-dn-ll-le-ht,
123
+ var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht-dc)));
165
124
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
166
125
  padding: prepareMediaVariable(--_ctm-dn-ll-pg);
167
126
  text-transform: prepareMediaVariable(--_ctm-dn-ll-tt-tm);
@@ -176,50 +135,28 @@
176
135
 
177
136
  &::placeholder {
178
137
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
179
- font-family: var(
180
- --_ctm-mob-dn-pr-tt-ft-fy,
181
- var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
182
- );
183
- text-transform: var(
184
- --_ctm-mob-dn-pr-tt-tt-tm,
185
- var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
186
- );
187
- word-wrap: var(
188
- --_ctm-mob-dn-pr-tt-wd-wp,
189
- var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
190
- );
191
- word-break: var(
192
- --_ctm-mob-dn-pr-tt-wd-bk,
193
- var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
194
- );
195
- font-size: var(
196
- --_ctm-mob-dn-pr-tt-ft-se,
197
- var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
198
- );
199
- font-weight: var(
200
- --_ctm-mob-dn-pr-tt-ft-wt,
201
- var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
202
- );
203
- font-style: var(
204
- --_ctm-mob-dn-pr-tt-ft-se-ic,
205
- var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
206
- );
207
- text-align: var(
208
- --_ctm-mob-dn-pr-tt-tt-an,
209
- var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
210
- );
211
- letter-spacing: var(
212
- --_ctm-mob-dn-pr-tt-lr-sg,
213
- var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
214
- );
215
- line-height: var(
216
- --_ctm-mob-dn-pr-tt-le-ht,
217
- var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
218
- );
219
- text-decoration: var(
220
- --_ctm-mob-dn-pr-tt-ue,
221
- var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
222
- );
138
+ font-family: var(--_ctm-mob-dn-pr-tt-ft-fy,
139
+ var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy)));
140
+ text-transform: var(--_ctm-mob-dn-pr-tt-tt-tm,
141
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm)));
142
+ word-wrap: var(--_ctm-mob-dn-pr-tt-wd-wp,
143
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp)));
144
+ word-break: var(--_ctm-mob-dn-pr-tt-wd-bk,
145
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk)));
146
+ font-size: var(--_ctm-mob-dn-pr-tt-ft-se,
147
+ var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se)));
148
+ font-weight: var(--_ctm-mob-dn-pr-tt-ft-wt,
149
+ var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt)));
150
+ font-style: var(--_ctm-mob-dn-pr-tt-ft-se-ic,
151
+ var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic)));
152
+ text-align: var(--_ctm-mob-dn-pr-tt-tt-an,
153
+ var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an)));
154
+ letter-spacing: var(--_ctm-mob-dn-pr-tt-lr-sg,
155
+ var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg)));
156
+ line-height: var(--_ctm-mob-dn-pr-tt-le-ht,
157
+ var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht)));
158
+ text-decoration: var(--_ctm-mob-dn-pr-tt-ue,
159
+ var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue)));
223
160
  }
224
161
  }
225
162
 
@@ -227,70 +164,60 @@
227
164
  display: flex;
228
165
  align-items: flex-start;
229
166
  flex-direction: column;
230
- gap: var(
231
- --_ctm-mob-lt-ll-ad-it-sg,
232
- var(--_ctm-tab-lt-ll-ad-it-sg, var(--_ctm-lt-ll-ad-it-sg))
233
- );
167
+ gap: var(--_ctm-mob-lt-ll-ad-it-sg,
168
+ var(--_ctm-tab-lt-ll-ad-it-sg, var(--_ctm-lt-ll-ad-it-sg)));
169
+
234
170
  &[data-label-position="Bottom"] {
235
171
  flex-direction: column-reverse;
236
172
  align-items: flex-start;
173
+
237
174
  .label-wrapper {
238
175
  width: 100%;
239
176
  }
240
177
  }
178
+
241
179
  &[data-label-position="Top"] {
242
180
  .label-wrapper {
243
181
  width: 100%;
244
182
  }
245
183
  }
184
+
246
185
  &[data-label-position="Left"] {
247
186
  flex-direction: row;
248
187
  align-items: stretch;
249
188
  }
189
+
250
190
  &[data-label-position="Right"] {
251
191
  flex-direction: row-reverse;
252
192
  align-items: stretch;
253
193
  }
254
194
  }
195
+
255
196
  .input-wrapper {
256
197
  display: flex;
257
198
  align-items: center;
258
199
  justify-content: space-between;
259
200
  width: 100%;
260
201
  overflow: hidden;
261
- & > div {
202
+
203
+ &>div {
262
204
  width: 100%;
263
205
  }
264
206
 
265
207
  position: relative;
266
- background-color: var(
267
- --_ctm-mob-dn-it-bd-cr,
268
- var(--_ctm-tab-dn-it-bd-cr, var(--_ctm-dn-it-bd-cr))
269
- );
270
- box-shadow: var(
271
- --_ctm-mob-dn-it-sw-ae,
272
- var(--_ctm-tab-dn-it-sw-ae, var(--_ctm-dn-it-sw-ae))
273
- )
274
- var(--_ctm-mob-dn-it-sw-br, var(--_ctm-tab-dn-it-sw-br, var(--_ctm-dn-it-sw-br)))
275
- var(--_ctm-mob-dn-it-sw-sd, var(--_ctm-tab-dn-it-sw-sd, var(--_ctm-dn-it-sw-sd)))
276
- var(--_ctm-mob-dn-it-sw-cr, var(--_ctm-tab-dn-it-sw-cr, var(--_ctm-dn-it-sw-cr)));
277
- border-radius: var(
278
- --_ctm-mob-dn-it-br-rs,
279
- var(--_ctm-tab-dn-it-br-rs, var(--_ctm-dn-it-br-rs))
280
- );
281
-
282
- border-color: var(
283
- --_ctm-mob-dn-it-br-cr,
284
- var(--_ctm-tab-dn-it-br-cr, var(--_ctm-dn-it-br-cr))
285
- );
286
- border-style: var(
287
- --_ctm-mob-dn-it-br-se,
288
- var(--_ctm-tab-dn-it-br-se, var(--_ctm-dn-it-br-se))
289
- );
290
- border-width: var(
291
- --_ctm-mob-dn-it-br-wh,
292
- var(--_ctm-tab-dn-it-br-wh, var(--_ctm-dn-it-br-wh))
293
- );
208
+ background-color: var(--_ctm-mob-dn-it-bd-cr,
209
+ var(--_ctm-tab-dn-it-bd-cr, var(--_ctm-dn-it-bd-cr)));
210
+ box-shadow: var(--_ctm-mob-dn-it-sw-ae,
211
+ var(--_ctm-tab-dn-it-sw-ae, var(--_ctm-dn-it-sw-ae))) var(--_ctm-mob-dn-it-sw-br, var(--_ctm-tab-dn-it-sw-br, var(--_ctm-dn-it-sw-br))) var(--_ctm-mob-dn-it-sw-sd, var(--_ctm-tab-dn-it-sw-sd, var(--_ctm-dn-it-sw-sd))) var(--_ctm-mob-dn-it-sw-cr, var(--_ctm-tab-dn-it-sw-cr, var(--_ctm-dn-it-sw-cr)));
212
+ border-radius: var(--_ctm-mob-dn-it-br-rs,
213
+ var(--_ctm-tab-dn-it-br-rs, var(--_ctm-dn-it-br-rs)));
214
+
215
+ border-color: var(--_ctm-mob-dn-it-br-cr,
216
+ var(--_ctm-tab-dn-it-br-cr, var(--_ctm-dn-it-br-cr)));
217
+ border-style: var(--_ctm-mob-dn-it-br-se,
218
+ var(--_ctm-tab-dn-it-br-se, var(--_ctm-dn-it-br-se)));
219
+ border-width: var(--_ctm-mob-dn-it-br-wh,
220
+ var(--_ctm-tab-dn-it-br-wh, var(--_ctm-dn-it-br-wh)));
294
221
 
295
222
  padding: prepareMediaVariable(--_ctm-dn-it-pg);
296
223
  width: prepareMediaVariable(--_ctm-dn-it-wh);
@@ -316,6 +243,7 @@
316
243
  text-align: center;
317
244
  background-color: #fff;
318
245
  user-select: none;
246
+
319
247
  &:hover,
320
248
  &.active {
321
249
  background-color: var(--_primary-25);
@@ -352,15 +280,18 @@
352
280
  }
353
281
  }
354
282
  }
283
+
355
284
  .icrease-decrease {
356
285
  input {
357
286
  text-align: center;
358
287
  }
359
288
  }
289
+
360
290
  .input_dropdown {
361
291
  .input {
362
292
  min-width: 50px;
363
293
  }
294
+
364
295
  .est__dropdown {
365
296
  min-width: 50px;
366
297
  }
@@ -371,6 +302,7 @@
371
302
  position: relative;
372
303
  width: 100%;
373
304
  margin-top: 0px;
305
+
374
306
  // padding: 30px;
375
307
  label {
376
308
  font-size: 14px;
@@ -395,57 +327,36 @@
395
327
  padding: prepareMediaVariable(--_ctm-dn-dn-se-pg);
396
328
 
397
329
  width: prepareMediaVariable(--_ctm-dn-dn-se-wh, 100%);
330
+
398
331
  .value__selected {
399
332
  width: 100%;
400
- background-color: var(
401
- --_ctm-mob-dn-dn-se-bd-cr,
402
- var(--_ctm-tab-dn-dn-se-bd-cr, var(--_ctm-dn-dn-se-bd-cr))
403
- );
404
-
405
- border-color: var(
406
- --_ctm-mob-dn-dn-se-br-cr,
407
- var(--_ctm-tab-dn-dn-se-br-cr, var(--_ctm-dn-dn-se-br-cr))
408
- );
409
-
410
- border-style: var(
411
- --_ctm-mob-dn-dn-se-br-se,
412
- var(--_ctm-tab-dn-dn-se-br-se, var(--_ctm-dn-dn-se-br-se))
413
- );
414
-
415
- border-width: var(
416
- --_ctm-mob-dn-dn-se-br-wh,
417
- var(--_ctm-tab-dn-dn-se-br-wh, var(--_ctm-dn-dn-se-br-wh))
418
- );
419
-
420
- border-radius: var(
421
- --_ctm-mob-dn-dn-se-br-rs,
422
- var(--_ctm-tab-dn-dn-se-br-rs, var(--_ctm-dn-dn-se-br-rs))
423
- );
424
-
425
- box-shadow: var(
426
- --_show-shadow,
427
- var(
428
- --_ctm-mob-dn-dn-se-sw-ae,
429
- var(--_ctm-tab-dn-dn-se-sw-ae, var(--_ctm-dn-dn-se-sw-ae))
430
- )
431
- var(
432
- --_ctm-mob-dn-dn-se-sw-br,
433
- var(--_ctm-tab-dn-dn-se-sw-br, var(--_ctm-dn-dn-se-sw-br))
434
- )
435
- var(
436
- --_ctm-mob-dn-dn-se-sw-sd,
437
- var(--_ctm-tab-dn-dn-se-sw-sd, var(--_ctm-dn-dn-se-sw-sd))
438
- )
439
- var(
440
- --_ctm-mob-dn-dn-se-sw-cr,
441
- var(--_ctm-tab-dn-dn-se-sw-cr, var(--_ctm-dn-dn-se-sw-cr))
442
- )
443
- );
333
+ background-color: var(--_ctm-mob-dn-dn-se-bd-cr,
334
+ var(--_ctm-tab-dn-dn-se-bd-cr, var(--_ctm-dn-dn-se-bd-cr)));
335
+
336
+ border-color: var(--_ctm-mob-dn-dn-se-br-cr,
337
+ var(--_ctm-tab-dn-dn-se-br-cr, var(--_ctm-dn-dn-se-br-cr)));
338
+
339
+ border-style: var(--_ctm-mob-dn-dn-se-br-se,
340
+ var(--_ctm-tab-dn-dn-se-br-se, var(--_ctm-dn-dn-se-br-se)));
341
+
342
+ border-width: var(--_ctm-mob-dn-dn-se-br-wh,
343
+ var(--_ctm-tab-dn-dn-se-br-wh, var(--_ctm-dn-dn-se-br-wh)));
344
+
345
+ border-radius: var(--_ctm-mob-dn-dn-se-br-rs,
346
+ var(--_ctm-tab-dn-dn-se-br-rs, var(--_ctm-dn-dn-se-br-rs)));
347
+
348
+ box-shadow: var(--_show-shadow,
349
+ var(--_ctm-mob-dn-dn-se-sw-ae,
350
+ var(--_ctm-tab-dn-dn-se-sw-ae, var(--_ctm-dn-dn-se-sw-ae))) var(--_ctm-mob-dn-dn-se-sw-br,
351
+ var(--_ctm-tab-dn-dn-se-sw-br, var(--_ctm-dn-dn-se-sw-br))) var(--_ctm-mob-dn-dn-se-sw-sd,
352
+ var(--_ctm-tab-dn-dn-se-sw-sd, var(--_ctm-dn-dn-se-sw-sd))) var(--_ctm-mob-dn-dn-se-sw-cr,
353
+ var(--_ctm-tab-dn-dn-se-sw-cr, var(--_ctm-dn-dn-se-sw-cr))));
444
354
  }
445
355
 
446
356
  &.open .list {
447
357
  display: flex;
448
358
  }
359
+
449
360
  .est__dropdown__button {
450
361
  display: flex;
451
362
  align-items: center;
@@ -472,10 +383,8 @@
472
383
  z-index: var(--_higher-zIndex);
473
384
  max-height: 200px;
474
385
  overflow-y: auto;
475
- margin-top: var(
476
- --_ctm-mob-dn-dn-se-on-ad-lt-sg,
477
- var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg))
478
- );
386
+ margin-top: var(--_ctm-mob-dn-dn-se-on-ad-lt-sg,
387
+ var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg)));
479
388
  gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
480
389
 
481
390
  &.top {
@@ -490,6 +399,7 @@
490
399
  }
491
400
  }
492
401
  }
402
+
493
403
  .btn__with__text {
494
404
  height: 100%;
495
405
  }
@@ -498,145 +408,94 @@
498
408
  &[data-show-shadow="false"] {
499
409
  --_show-shadow: none;
500
410
  }
411
+
501
412
  &[data-icon-position="left"] {
502
413
  --_sf-fd-bn: row;
503
414
  }
415
+
504
416
  &[data-icon-position="right"] {
505
417
  --_sf-fd-bn: row-reverse;
506
418
  }
419
+
507
420
  &[data-icon-position="center"] {
508
421
  --_sf-fd-bn: row;
509
422
  }
510
423
 
511
424
  &:hover {
512
- --_sf-hr-bd-cr: var(
513
- --_ctm-mob-dn-ie-bn-hr-se-bd-cr,
514
- var(--_ctm-tab-dn-ie-bn-hr-se-bd-cr, var(--_ctm-dn-ie-bn-hr-se-bd-cr))
515
- );
516
- --_sf-hr-br-cr: var(
517
- --_ctm-mob-dn-ie-bn-hr-se-br-cr,
518
- var(--_ctm-tab-dn-ie-bn-hr-se-br-cr, var(--_ctm-dn-ie-bn-hr-se-br-cr))
519
- );
520
- --_sf-hr-br-se: var(
521
- --_ctm-mob-dn-ie-bn-hr-se-br-se,
522
- var(--_ctm-tab-dn-ie-bn-hr-se-br-se, var(--_ctm-dn-ie-bn-hr-se-br-se))
523
- );
524
- --_sf-hr-br-wh: var(
525
- --_ctm-mob-dn-ie-bn-hr-se-br-wh,
526
- var(--_ctm-tab-dn-ie-bn-hr-se-br-wh, var(--_ctm-dn-ie-bn-hr-se-br-wh))
527
- );
528
- --_sf-hr-br-rs: var(
529
- --_ctm-mob-dn-ie-bn-hr-se-br-rs,
530
- var(--_ctm-tab-dn-ie-bn-hr-se-br-rs, var(--_ctm-dn-ie-bn-hr-se-br-rs))
531
- );
532
- --_sf-hr-at: var(
533
- --_ctm-mob-dn-ie-bn-hr-se-at,
534
- var(--_ctm-tab-dn-ie-bn-hr-se-at, var(--_ctm-dn-ie-bn-hr-se-at))
535
- );
536
- --_sf-hr-gp: var(
537
- --_ctm-mob-dn-ie-bn-hr-se-gp,
538
- var(--_ctm-tab-dn-ie-bn-hr-se-gp, var(--_ctm-dn-ie-bn-hr-se-gp))
539
- );
425
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-ie-bn-hr-se-bd-cr,
426
+ var(--_ctm-tab-dn-ie-bn-hr-se-bd-cr, var(--_ctm-dn-ie-bn-hr-se-bd-cr)));
427
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-ie-bn-hr-se-br-cr,
428
+ var(--_ctm-tab-dn-ie-bn-hr-se-br-cr, var(--_ctm-dn-ie-bn-hr-se-br-cr)));
429
+ --_sf-hr-br-se: var(--_ctm-mob-dn-ie-bn-hr-se-br-se,
430
+ var(--_ctm-tab-dn-ie-bn-hr-se-br-se, var(--_ctm-dn-ie-bn-hr-se-br-se)));
431
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-ie-bn-hr-se-br-wh,
432
+ var(--_ctm-tab-dn-ie-bn-hr-se-br-wh, var(--_ctm-dn-ie-bn-hr-se-br-wh)));
433
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-ie-bn-hr-se-br-rs,
434
+ var(--_ctm-tab-dn-ie-bn-hr-se-br-rs, var(--_ctm-dn-ie-bn-hr-se-br-rs)));
435
+ --_sf-hr-at: var(--_ctm-mob-dn-ie-bn-hr-se-at,
436
+ var(--_ctm-tab-dn-ie-bn-hr-se-at, var(--_ctm-dn-ie-bn-hr-se-at)));
437
+ --_sf-hr-gp: var(--_ctm-mob-dn-ie-bn-hr-se-gp,
438
+ var(--_ctm-tab-dn-ie-bn-hr-se-gp, var(--_ctm-dn-ie-bn-hr-se-gp)));
540
439
 
541
440
  // for shadow
542
- --_sf-hr-sw-ae: var(
543
- --_ctm-mob-dn-ie-bn-hr-se-sw-ae,
544
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-ae, var(--_ctm-dn-ie-bn-hr-se-sw-ae))
545
- );
546
- --_sf-hr-sw-br: var(
547
- --_ctm-mob-dn-ie-bn-hr-se-sw-br,
548
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-br, var(--_ctm-dn-ie-bn-hr-se-sw-br))
549
- );
550
- --_sf-hr-sw-hr: var(
551
- --_ctm-mob-dn-ie-bn-hr-se-sw-hr,
552
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-hr, var(--_ctm-dn-ie-bn-hr-se-sw-hr))
553
- );
554
- --_sf-hr-sw-cr: var(
555
- --_ctm-mob-dn-ie-bn-hr-se-sw-cr,
556
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-cr, var(--_ctm-dn-ie-bn-hr-se-sw-cr))
557
- );
441
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-ie-bn-hr-se-sw-ae,
442
+ var(--_ctm-tab-dn-ie-bn-hr-se-sw-ae, var(--_ctm-dn-ie-bn-hr-se-sw-ae)));
443
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-ie-bn-hr-se-sw-br,
444
+ var(--_ctm-tab-dn-ie-bn-hr-se-sw-br, var(--_ctm-dn-ie-bn-hr-se-sw-br)));
445
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-ie-bn-hr-se-sw-hr,
446
+ var(--_ctm-tab-dn-ie-bn-hr-se-sw-hr, var(--_ctm-dn-ie-bn-hr-se-sw-hr)));
447
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-ie-bn-hr-se-sw-cr,
448
+ var(--_ctm-tab-dn-ie-bn-hr-se-sw-cr, var(--_ctm-dn-ie-bn-hr-se-sw-cr)));
558
449
 
559
450
  // for font
560
451
 
561
- --_sf-hr-cr: var(
562
- --_ctm-mob-dn-ie-bn-hr-se-cr,
563
- var(--_ctm-tab-dn-ie-bn-hr-se-cr, var(--_ctm-dn-ie-bn-hr-se-cr))
564
- );
565
- --_sf-hr-ft-fy: var(
566
- --_ctm-mob-dn-ie-bn-hr-se-ft-fy,
567
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-fy, var(--_ctm-dn-ie-bn-hr-se-ft-fy))
568
- );
569
- --_sf-hr-tt-tm: var(
570
- --_ctm-mob-dn-ie-bn-hr-se-tt-tm,
571
- var(--_ctm-tab-dn-ie-bn-hr-se-tt-tm, var(--_ctm-dn-ie-bn-hr-se-tt-tm))
572
- );
573
- --_sf-hr-wd-wp: var(
574
- --_ctm-mob-dn-ie-bn-hr-se-wd-wp,
575
- var(--_ctm-tab-dn-ie-bn-hr-se-wd-wp, var(--_ctm-dn-ie-bn-hr-se-wd-wp))
576
- );
577
- --_sf-hr-wd-bk: var(
578
- --_ctm-mob-dn-ie-bn-hr-se-wd-bk,
579
- var(--_ctm-tab-dn-ie-bn-hr-se-wd-bk, var(--_ctm-dn-ie-bn-hr-se-wd-bk))
580
- );
581
- --_sf-hr-ft-se: var(
582
- --_ctm-mob-dn-ie-bn-hr-se-ft-se,
583
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-se, var(--_ctm-dn-ie-bn-hr-se-ft-se))
584
- );
585
- --_sf-hr-ft-wt: var(
586
- --_ctm-mob-dn-ie-bn-hr-se-ft-wt,
587
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-wt, var(--_ctm-dn-ie-bn-hr-se-ft-wt))
588
- );
589
- --_sf-hr-ft-se-ic: var(
590
- --_ctm-mob-dn-ie-bn-hr-se-ft-se-ic,
591
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-se-ic, var(--_ctm-dn-ie-bn-hr-se-ft-se-ic))
592
- );
593
- --_sf-hr-tt-an: var(
594
- --_ctm-mob-dn-ie-bn-hr-se-tt-an,
595
- var(--_ctm-tab-dn-ie-bn-hr-se-tt-an, var(--_ctm-dn-ie-bn-hr-se-tt-an))
596
- );
597
- --_sf-hr-lr-sg: var(
598
- --_ctm-mob-dn-ie-bn-hr-se-lr-sg,
599
- var(--_ctm-tab-dn-ie-bn-hr-se-lr-sg, var(--_ctm-dn-ie-bn-hr-se-lr-sg))
600
- );
601
- --_sf-hr-le-ht: var(
602
- --_ctm-mob-dn-ie-bn-hr-se-le-ht,
603
- var(--_ctm-tab-dn-ie-bn-hr-se-le-ht, var(--_ctm-dn-ie-bn-hr-se-le-ht))
604
- );
605
-
606
- --_sf-hr-in-se: var(
607
- --_ctm-mob-dn-ie-bn-hr-se-in-se,
608
- var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se))
609
- );
610
- --_sf-hr-in-se: var(
611
- --_ctm-mob-dn-ie-bn-hr-se-in-se,
612
- var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se))
613
- );
614
- --_sf-hr-in-c1: var(
615
- --_ctm-mob-dn-ie-bn-hr-se-in-c1,
616
- var(--_ctm-tab-dn-ie-bn-hr-se-in-c1, var(--_ctm-dn-ie-bn-hr-se-in-c1))
617
- );
618
- --_sf-hr-ue: var(
619
- --_ctm-mob-dn-ie-bn-hr-se-ue,
620
- var(--_ctm-tab-dn-ie-bn-hr-se-ue, var(--_ctm-dn-ie-bn-hr-se-ue))
621
- );
452
+ --_sf-hr-cr: var(--_ctm-mob-dn-ie-bn-hr-se-cr,
453
+ var(--_ctm-tab-dn-ie-bn-hr-se-cr, var(--_ctm-dn-ie-bn-hr-se-cr)));
454
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-ie-bn-hr-se-ft-fy,
455
+ var(--_ctm-tab-dn-ie-bn-hr-se-ft-fy, var(--_ctm-dn-ie-bn-hr-se-ft-fy)));
456
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-ie-bn-hr-se-tt-tm,
457
+ var(--_ctm-tab-dn-ie-bn-hr-se-tt-tm, var(--_ctm-dn-ie-bn-hr-se-tt-tm)));
458
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-ie-bn-hr-se-wd-wp,
459
+ var(--_ctm-tab-dn-ie-bn-hr-se-wd-wp, var(--_ctm-dn-ie-bn-hr-se-wd-wp)));
460
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-ie-bn-hr-se-wd-bk,
461
+ var(--_ctm-tab-dn-ie-bn-hr-se-wd-bk, var(--_ctm-dn-ie-bn-hr-se-wd-bk)));
462
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-ie-bn-hr-se-ft-se,
463
+ var(--_ctm-tab-dn-ie-bn-hr-se-ft-se, var(--_ctm-dn-ie-bn-hr-se-ft-se)));
464
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-ie-bn-hr-se-ft-wt,
465
+ var(--_ctm-tab-dn-ie-bn-hr-se-ft-wt, var(--_ctm-dn-ie-bn-hr-se-ft-wt)));
466
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-ie-bn-hr-se-ft-se-ic,
467
+ var(--_ctm-tab-dn-ie-bn-hr-se-ft-se-ic, var(--_ctm-dn-ie-bn-hr-se-ft-se-ic)));
468
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-ie-bn-hr-se-tt-an,
469
+ var(--_ctm-tab-dn-ie-bn-hr-se-tt-an, var(--_ctm-dn-ie-bn-hr-se-tt-an)));
470
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-ie-bn-hr-se-lr-sg,
471
+ var(--_ctm-tab-dn-ie-bn-hr-se-lr-sg, var(--_ctm-dn-ie-bn-hr-se-lr-sg)));
472
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-ie-bn-hr-se-le-ht,
473
+ var(--_ctm-tab-dn-ie-bn-hr-se-le-ht, var(--_ctm-dn-ie-bn-hr-se-le-ht)));
474
+
475
+ --_sf-hr-in-se: var(--_ctm-mob-dn-ie-bn-hr-se-in-se,
476
+ var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se)));
477
+ --_sf-hr-in-se: var(--_ctm-mob-dn-ie-bn-hr-se-in-se,
478
+ var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se)));
479
+ --_sf-hr-in-c1: var(--_ctm-mob-dn-ie-bn-hr-se-in-c1,
480
+ var(--_ctm-tab-dn-ie-bn-hr-se-in-c1, var(--_ctm-dn-ie-bn-hr-se-in-c1)));
481
+ --_sf-hr-ue: var(--_ctm-mob-dn-ie-bn-hr-se-ue,
482
+ var(--_ctm-tab-dn-ie-bn-hr-se-ue, var(--_ctm-dn-ie-bn-hr-se-ue)));
622
483
 
623
484
  // for pading and width
624
- --_sf-hr-pg: var(
625
- --_ctm-mob-dn-ie-bn-hr-pg,
626
- var(--_ctm-tab-dn-ie-bn-hr-pg, var(--_ctm-dn-ie-bn-hr-pg))
627
- );
628
- --_sf-hr-wh: var(
629
- --_ctm-mob-dn-ie-bn-hr-wh,
630
- var(--_ctm-tab-dn-ie-bn-hr-wh, var(--_ctm-dn-ie-bn-hr-wh))
631
- );
485
+ --_sf-hr-pg: var(--_ctm-mob-dn-ie-bn-hr-pg,
486
+ var(--_ctm-tab-dn-ie-bn-hr-pg, var(--_ctm-dn-ie-bn-hr-pg)));
487
+ --_sf-hr-wh: var(--_ctm-mob-dn-ie-bn-hr-wh,
488
+ var(--_ctm-tab-dn-ie-bn-hr-wh, var(--_ctm-dn-ie-bn-hr-wh)));
632
489
 
633
490
  &[data-hover-show-shadow="false"] {
634
491
  --_hover-show-shadow: none;
635
492
  }
493
+
636
494
  &[data-hover-show-icon="false"] {
637
495
  --_hover-show-icon: none;
638
496
  }
639
497
  }
498
+
640
499
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-bd-cr));
641
500
 
642
501
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-pg));
@@ -650,10 +509,7 @@
650
509
 
651
510
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-rs));
652
511
 
653
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-ae))
654
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-br))
655
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-sd))
656
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-cr));
512
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-cr));
657
513
 
658
514
  &[data-show-border="true"] {
659
515
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-cr));
@@ -672,6 +528,7 @@
672
528
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-tt-tm));
673
529
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-wp));
674
530
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-bk));
531
+
675
532
  &.flex__overflow {
676
533
  white-space: normal;
677
534
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -694,6 +551,7 @@
694
551
 
695
552
  .icon {
696
553
  display: var(--_hover-show-icon, var(--_show-icon, flex));
554
+
697
555
  svg {
698
556
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
699
557
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
@@ -705,6 +563,7 @@
705
563
  }
706
564
  }
707
565
  }
566
+
708
567
  [data-element-style="Text"] {
709
568
  display: inline-block;
710
569
  width: 100%;
@@ -733,148 +592,99 @@
733
592
  &[data-show-shadow="false"] {
734
593
  --_show-shadow: none;
735
594
  }
595
+
736
596
  &[data-icon-position="left"] {
737
597
  --_sf-fd-bn: row;
738
598
  }
599
+
739
600
  &[data-icon-position="right"] {
740
601
  --_sf-fd-bn: row-reverse;
741
602
  }
603
+
742
604
  &[data-icon-position="center"] {
743
605
  --_sf-fd-bn: row;
744
606
  }
607
+
745
608
  &:disabled {
746
609
  opacity: 0.5;
747
610
  cursor: not-allowed;
748
611
  }
612
+
749
613
  &:hover {
750
- --_sf-hr-bd-cr: var(
751
- --_ctm-mob-dn-de-bn-hr-se-bd-cr,
752
- var(--_ctm-tab-dn-de-bn-hr-se-bd-cr, var(--_ctm-dn-de-bn-hr-se-bd-cr))
753
- );
754
- --_sf-hr-br-cr: var(
755
- --_ctm-mob-dn-de-bn-hr-se-br-cr,
756
- var(--_ctm-tab-dn-de-bn-hr-se-br-cr, var(--_ctm-dn-de-bn-hr-se-br-cr))
757
- );
758
- --_sf-hr-br-se: var(
759
- --_ctm-mob-dn-de-bn-hr-se-br-se,
760
- var(--_ctm-tab-dn-de-bn-hr-se-br-se, var(--_ctm-dn-de-bn-hr-se-br-se))
761
- );
762
- --_sf-hr-br-wh: var(
763
- --_ctm-mob-dn-de-bn-hr-se-br-wh,
764
- var(--_ctm-tab-dn-de-bn-hr-se-br-wh, var(--_ctm-dn-de-bn-hr-se-br-wh))
765
- );
766
- --_sf-hr-br-rs: var(
767
- --_ctm-mob-dn-de-bn-hr-se-br-rs,
768
- var(--_ctm-tab-dn-de-bn-hr-se-br-rs, var(--_ctm-dn-de-bn-hr-se-br-rs))
769
- );
770
- --_sf-hr-at: var(
771
- --_ctm-mob-dn-de-bn-hr-se-at,
772
- var(--_ctm-tab-dn-de-bn-hr-se-at, var(--_ctm-dn-de-bn-hr-se-at))
773
- );
774
- --_sf-hr-gp: var(
775
- --_ctm-mob-dn-de-bn-hr-se-gp,
776
- var(--_ctm-tab-dn-de-bn-hr-se-gp, var(--_ctm-dn-de-bn-hr-se-gp))
777
- );
614
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-de-bn-hr-se-bd-cr,
615
+ var(--_ctm-tab-dn-de-bn-hr-se-bd-cr, var(--_ctm-dn-de-bn-hr-se-bd-cr)));
616
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-de-bn-hr-se-br-cr,
617
+ var(--_ctm-tab-dn-de-bn-hr-se-br-cr, var(--_ctm-dn-de-bn-hr-se-br-cr)));
618
+ --_sf-hr-br-se: var(--_ctm-mob-dn-de-bn-hr-se-br-se,
619
+ var(--_ctm-tab-dn-de-bn-hr-se-br-se, var(--_ctm-dn-de-bn-hr-se-br-se)));
620
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-de-bn-hr-se-br-wh,
621
+ var(--_ctm-tab-dn-de-bn-hr-se-br-wh, var(--_ctm-dn-de-bn-hr-se-br-wh)));
622
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-de-bn-hr-se-br-rs,
623
+ var(--_ctm-tab-dn-de-bn-hr-se-br-rs, var(--_ctm-dn-de-bn-hr-se-br-rs)));
624
+ --_sf-hr-at: var(--_ctm-mob-dn-de-bn-hr-se-at,
625
+ var(--_ctm-tab-dn-de-bn-hr-se-at, var(--_ctm-dn-de-bn-hr-se-at)));
626
+ --_sf-hr-gp: var(--_ctm-mob-dn-de-bn-hr-se-gp,
627
+ var(--_ctm-tab-dn-de-bn-hr-se-gp, var(--_ctm-dn-de-bn-hr-se-gp)));
778
628
 
779
629
  // for shadow
780
- --_sf-hr-sw-ae: var(
781
- --_ctm-mob-dn-de-bn-hr-se-sw-ae,
782
- var(--_ctm-tab-dn-de-bn-hr-se-sw-ae, var(--_ctm-dn-de-bn-hr-se-sw-ae))
783
- );
784
- --_sf-hr-sw-br: var(
785
- --_ctm-mob-dn-de-bn-hr-se-sw-br,
786
- var(--_ctm-tab-dn-de-bn-hr-se-sw-br, var(--_ctm-dn-de-bn-hr-se-sw-br))
787
- );
788
- --_sf-hr-sw-hr: var(
789
- --_ctm-mob-dn-de-bn-hr-se-sw-hr,
790
- var(--_ctm-tab-dn-de-bn-hr-se-sw-hr, var(--_ctm-dn-de-bn-hr-se-sw-hr))
791
- );
792
- --_sf-hr-sw-cr: var(
793
- --_ctm-mob-dn-de-bn-hr-se-sw-cr,
794
- var(--_ctm-tab-dn-de-bn-hr-se-sw-cr, var(--_ctm-dn-de-bn-hr-se-sw-cr))
795
- );
630
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-de-bn-hr-se-sw-ae,
631
+ var(--_ctm-tab-dn-de-bn-hr-se-sw-ae, var(--_ctm-dn-de-bn-hr-se-sw-ae)));
632
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-de-bn-hr-se-sw-br,
633
+ var(--_ctm-tab-dn-de-bn-hr-se-sw-br, var(--_ctm-dn-de-bn-hr-se-sw-br)));
634
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-de-bn-hr-se-sw-hr,
635
+ var(--_ctm-tab-dn-de-bn-hr-se-sw-hr, var(--_ctm-dn-de-bn-hr-se-sw-hr)));
636
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-de-bn-hr-se-sw-cr,
637
+ var(--_ctm-tab-dn-de-bn-hr-se-sw-cr, var(--_ctm-dn-de-bn-hr-se-sw-cr)));
796
638
 
797
639
  // for font
798
640
 
799
- --_sf-hr-cr: var(
800
- --_ctm-mob-dn-de-bn-hr-se-cr,
801
- var(--_ctm-tab-dn-de-bn-hr-se-cr, var(--_ctm-dn-de-bn-hr-se-cr))
802
- );
803
- --_sf-hr-ft-fy: var(
804
- --_ctm-mob-dn-de-bn-hr-se-ft-fy,
805
- var(--_ctm-tab-dn-de-bn-hr-se-ft-fy, var(--_ctm-dn-de-bn-hr-se-ft-fy))
806
- );
807
- --_sf-hr-tt-tm: var(
808
- --_ctm-mob-dn-de-bn-hr-se-tt-tm,
809
- var(--_ctm-tab-dn-de-bn-hr-se-tt-tm, var(--_ctm-dn-de-bn-hr-se-tt-tm))
810
- );
811
- --_sf-hr-wd-wp: var(
812
- --_ctm-mob-dn-de-bn-hr-se-wd-wp,
813
- var(--_ctm-tab-dn-de-bn-hr-se-wd-wp, var(--_ctm-dn-de-bn-hr-se-wd-wp))
814
- );
815
- --_sf-hr-wd-bk: var(
816
- --_ctm-mob-dn-de-bn-hr-se-wd-bk,
817
- var(--_ctm-tab-dn-de-bn-hr-se-wd-bk, var(--_ctm-dn-de-bn-hr-se-wd-bk))
818
- );
819
- --_sf-hr-ft-se: var(
820
- --_ctm-mob-dn-de-bn-hr-se-ft-se,
821
- var(--_ctm-tab-dn-de-bn-hr-se-ft-se, var(--_ctm-dn-de-bn-hr-se-ft-se))
822
- );
823
- --_sf-hr-ft-wt: var(
824
- --_ctm-mob-dn-de-bn-hr-se-ft-wt,
825
- var(--_ctm-tab-dn-de-bn-hr-se-ft-wt, var(--_ctm-dn-de-bn-hr-se-ft-wt))
826
- );
827
- --_sf-hr-ft-se-ic: var(
828
- --_ctm-mob-dn-de-bn-hr-se-ft-se-ic,
829
- var(--_ctm-tab-dn-de-bn-hr-se-ft-se-ic, var(--_ctm-dn-de-bn-hr-se-ft-se-ic))
830
- );
831
- --_sf-hr-tt-an: var(
832
- --_ctm-mob-dn-de-bn-hr-se-tt-an,
833
- var(--_ctm-tab-dn-de-bn-hr-se-tt-an, var(--_ctm-dn-de-bn-hr-se-tt-an))
834
- );
835
- --_sf-hr-lr-sg: var(
836
- --_ctm-mob-dn-de-bn-hr-se-lr-sg,
837
- var(--_ctm-tab-dn-de-bn-hr-se-lr-sg, var(--_ctm-dn-de-bn-hr-se-lr-sg))
838
- );
839
- --_sf-hr-le-ht: var(
840
- --_ctm-mob-dn-de-bn-hr-se-le-ht,
841
- var(--_ctm-tab-dn-de-bn-hr-se-le-ht, var(--_ctm-dn-de-bn-hr-se-le-ht))
842
- );
843
-
844
- --_sf-hr-in-se: var(
845
- --_ctm-mob-dn-de-bn-hr-se-in-se,
846
- var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se))
847
- );
848
- --_sf-hr-in-se: var(
849
- --_ctm-mob-dn-de-bn-hr-se-in-se,
850
- var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se))
851
- );
852
- --_sf-hr-in-c1: var(
853
- --_ctm-mob-dn-de-bn-hr-se-in-c1,
854
- var(--_ctm-tab-dn-de-bn-hr-se-in-c1, var(--_ctm-dn-de-bn-hr-se-in-c1))
855
- );
856
- --_sf-hr-ue: var(
857
- --_ctm-mob-dn-de-bn-hr-se-ue,
858
- var(--_ctm-tab-dn-de-bn-hr-se-ue, var(--_ctm-dn-de-bn-hr-se-ue))
859
- );
641
+ --_sf-hr-cr: var(--_ctm-mob-dn-de-bn-hr-se-cr,
642
+ var(--_ctm-tab-dn-de-bn-hr-se-cr, var(--_ctm-dn-de-bn-hr-se-cr)));
643
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-de-bn-hr-se-ft-fy,
644
+ var(--_ctm-tab-dn-de-bn-hr-se-ft-fy, var(--_ctm-dn-de-bn-hr-se-ft-fy)));
645
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-de-bn-hr-se-tt-tm,
646
+ var(--_ctm-tab-dn-de-bn-hr-se-tt-tm, var(--_ctm-dn-de-bn-hr-se-tt-tm)));
647
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-de-bn-hr-se-wd-wp,
648
+ var(--_ctm-tab-dn-de-bn-hr-se-wd-wp, var(--_ctm-dn-de-bn-hr-se-wd-wp)));
649
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-de-bn-hr-se-wd-bk,
650
+ var(--_ctm-tab-dn-de-bn-hr-se-wd-bk, var(--_ctm-dn-de-bn-hr-se-wd-bk)));
651
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-de-bn-hr-se-ft-se,
652
+ var(--_ctm-tab-dn-de-bn-hr-se-ft-se, var(--_ctm-dn-de-bn-hr-se-ft-se)));
653
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-de-bn-hr-se-ft-wt,
654
+ var(--_ctm-tab-dn-de-bn-hr-se-ft-wt, var(--_ctm-dn-de-bn-hr-se-ft-wt)));
655
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-de-bn-hr-se-ft-se-ic,
656
+ var(--_ctm-tab-dn-de-bn-hr-se-ft-se-ic, var(--_ctm-dn-de-bn-hr-se-ft-se-ic)));
657
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-de-bn-hr-se-tt-an,
658
+ var(--_ctm-tab-dn-de-bn-hr-se-tt-an, var(--_ctm-dn-de-bn-hr-se-tt-an)));
659
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-de-bn-hr-se-lr-sg,
660
+ var(--_ctm-tab-dn-de-bn-hr-se-lr-sg, var(--_ctm-dn-de-bn-hr-se-lr-sg)));
661
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-de-bn-hr-se-le-ht,
662
+ var(--_ctm-tab-dn-de-bn-hr-se-le-ht, var(--_ctm-dn-de-bn-hr-se-le-ht)));
663
+
664
+ --_sf-hr-in-se: var(--_ctm-mob-dn-de-bn-hr-se-in-se,
665
+ var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se)));
666
+ --_sf-hr-in-se: var(--_ctm-mob-dn-de-bn-hr-se-in-se,
667
+ var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se)));
668
+ --_sf-hr-in-c1: var(--_ctm-mob-dn-de-bn-hr-se-in-c1,
669
+ var(--_ctm-tab-dn-de-bn-hr-se-in-c1, var(--_ctm-dn-de-bn-hr-se-in-c1)));
670
+ --_sf-hr-ue: var(--_ctm-mob-dn-de-bn-hr-se-ue,
671
+ var(--_ctm-tab-dn-de-bn-hr-se-ue, var(--_ctm-dn-de-bn-hr-se-ue)));
860
672
 
861
673
  // for pading and width
862
- --_sf-hr-pg: var(
863
- --_ctm-mob-dn-de-bn-hr-pg,
864
- var(--_ctm-tab-dn-de-bn-hr-pg, var(--_ctm-dn-de-bn-hr-pg))
865
- );
866
- --_sf-hr-wh: var(
867
- --_ctm-mob-dn-de-bn-hr-wh,
868
- var(--_ctm-tab-dn-de-bn-hr-wh, var(--_ctm-dn-de-bn-hr-wh))
869
- );
674
+ --_sf-hr-pg: var(--_ctm-mob-dn-de-bn-hr-pg,
675
+ var(--_ctm-tab-dn-de-bn-hr-pg, var(--_ctm-dn-de-bn-hr-pg)));
676
+ --_sf-hr-wh: var(--_ctm-mob-dn-de-bn-hr-wh,
677
+ var(--_ctm-tab-dn-de-bn-hr-wh, var(--_ctm-dn-de-bn-hr-wh)));
870
678
 
871
679
  &[data-hover-show-shadow="false"] {
872
680
  --_hover-show-shadow: none;
873
681
  }
682
+
874
683
  &[data-hover-show-icon="false"] {
875
684
  --_hover-show-icon: none;
876
685
  }
877
686
  }
687
+
878
688
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-bd-cr));
879
689
 
880
690
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-pg));
@@ -888,10 +698,7 @@
888
698
 
889
699
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-rs));
890
700
 
891
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-ae))
892
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-br))
893
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-sd))
894
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-cr));
701
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-cr));
895
702
 
896
703
  &[data-show-border="true"] {
897
704
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-cr));
@@ -910,6 +717,7 @@
910
717
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-tt-tm));
911
718
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-wp));
912
719
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-bk));
720
+
913
721
  &.flex__overflow {
914
722
  white-space: normal;
915
723
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -932,6 +740,7 @@
932
740
 
933
741
  .icon {
934
742
  display: var(--_hover-show-icon, var(--_show-icon, flex));
743
+
935
744
  svg {
936
745
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
937
746
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
@@ -943,6 +752,7 @@
943
752
  }
944
753
  }
945
754
  }
755
+
946
756
  [data-element-style="Text"] {
947
757
  display: inline-block;
948
758
  width: 100%;
@@ -974,101 +784,54 @@
974
784
  width: 100%;
975
785
  text-wrap: auto;
976
786
 
977
- background-color: var(
978
- --_ctm-mob-dn-mm-or-qy-bd-cr,
979
- var(--_ctm-tab-dn-mm-or-qy-bd-cr, var(--_ctm-dn-mm-or-qy-bd-cr))
980
- );
981
-
982
- border-color: var(
983
- --_ctm-mob-dn-mm-or-qy-br-cr,
984
- var(--_ctm-tab-dn-mm-or-qy-br-cr, var(--_ctm-dn-mm-or-qy-br-cr))
985
- );
986
-
987
- border-style: var(
988
- --_ctm-mob-dn-mm-or-qy-br-se,
989
- var(--_ctm-tab-dn-mm-or-qy-br-se, var(--_ctm-dn-mm-or-qy-br-se))
990
- );
991
-
992
- border-width: var(
993
- --_ctm-mob-dn-mm-or-qy-br-wh,
994
- var(--_ctm-tab-dn-mm-or-qy-br-wh, var(--_ctm-dn-mm-or-qy-br-wh))
995
- );
996
-
997
- border-radius: var(
998
- --_ctm-mob-dn-mm-or-qy-br-rs,
999
- var(--_ctm-tab-dn-mm-or-qy-br-rs, var(--_ctm-dn-mm-or-qy-br-rs))
1000
- );
1001
-
1002
- box-shadow: var(
1003
- --_show-shadow,
1004
- var(
1005
- --_ctm-mob-dn-mm-or-qy-sw-ae,
1006
- var(--_ctm-tab-dn-mm-or-qy-sw-ae, var(--_ctm-dn-mm-or-qy-sw-ae))
1007
- )
1008
- var(
1009
- --_ctm-mob-dn-mm-or-qy-sw-br,
1010
- var(--_ctm-tab-dn-mm-or-qy-sw-br, var(--_ctm-dn-mm-or-qy-sw-br))
1011
- )
1012
- var(
1013
- --_ctm-mob-dn-mm-or-qy-sw-sd,
1014
- var(--_ctm-tab-dn-mm-or-qy-sw-sd, var(--_ctm-dn-mm-or-qy-sw-sd))
1015
- )
1016
- var(
1017
- --_ctm-mob-dn-mm-or-qy-sw-cr,
1018
- var(--_ctm-tab-dn-mm-or-qy-sw-cr, var(--_ctm-dn-mm-or-qy-sw-cr))
1019
- )
1020
- );
1021
-
1022
- color: var(
1023
- --_ctm-mob-dn-mm-or-qy-cr,
1024
- var(--_ctm-tab-dn-mm-or-qy-cr, var(--_ctm-dn-mm-or-qy-cr))
1025
- );
1026
- font-family: var(
1027
- --_ctm-mob-dn-mm-or-qy-ft-fy,
1028
- var(--_ctm-tab-dn-mm-or-qy-ft-fy, var(--_ctm-dn-mm-or-qy-ft-fy))
1029
- );
1030
- text-transform: var(
1031
- --_ctm-mob-dn-mm-or-qy-tt-tm,
1032
- var(--_ctm-tab-dn-mm-or-qy-tt-tm, var(--_ctm-dn-mm-or-qy-tt-tm))
1033
- );
1034
- word-wrap: var(
1035
- --_ctm-mob-dn-mm-or-qy-wd-wp,
1036
- var(--_ctm-tab-dn-mm-or-qy-wd-wp, var(--_ctm-dn-mm-or-qy-wd-wp))
1037
- );
1038
- word-break: var(
1039
- --_ctm-mob-dn-mm-or-qy-wd-bk,
1040
- var(--_ctm-tab-dn-mm-or-qy-wd-bk, var(--_ctm-dn-mm-or-qy-wd-bk))
1041
- );
1042
- font-size: var(
1043
- --_ctm-mob-dn-mm-or-qy-ft-se,
1044
- var(--_ctm-tab-dn-mm-or-qy-ft-se, var(--_ctm-dn-mm-or-qy-ft-se))
1045
- );
1046
- font-weight: var(
1047
- --_ctm-mob-dn-mm-or-qy-ft-wt,
1048
- var(--_ctm-tab-dn-mm-or-qy-ft-wt, var(--_ctm-dn-mm-or-qy-ft-wt))
1049
- );
1050
- font-style: var(
1051
- --_ctm-mob-dn-mm-or-qy-ft-se-ic,
1052
- var(--_ctm-tab-dn-mm-or-qy-ft-se-ic, var(--_ctm-dn-mm-or-qy-ft-se-ic))
1053
- );
1054
- text-align: var(
1055
- --_ctm-mob-dn-mm-or-qy-tt-an,
1056
- var(--_ctm-tab-dn-mm-or-qy-tt-an, var(--_ctm-dn-mm-or-qy-tt-an))
1057
- );
1058
- letter-spacing: var(
1059
- --_ctm-mob-dn-mm-or-qy-lr-sg,
1060
- var(--_ctm-tab-dn-mm-or-qy-lr-sg, var(--_ctm-dn-mm-or-qy-lr-sg))
1061
- );
1062
- line-height: var(
1063
- --_ctm-mob-dn-mm-or-qy-le-ht,
1064
- var(--_ctm-tab-dn-mm-or-qy-le-ht, var(--_ctm-dn-mm-or-qy-le-ht-dc))
1065
- );
1066
- text-decoration: var(
1067
- --_ctm-mob-dn-mm-or-qy-ue,
1068
- var(--_ctm-tab-dn-mm-or-qy-ue, var(--_ctm-dn-mm-or-qy-ue))
1069
- );
787
+ background-color: var(--_ctm-mob-dn-mm-or-qy-bd-cr,
788
+ var(--_ctm-tab-dn-mm-or-qy-bd-cr, var(--_ctm-dn-mm-or-qy-bd-cr)));
789
+
790
+ border-color: var(--_ctm-mob-dn-mm-or-qy-br-cr,
791
+ var(--_ctm-tab-dn-mm-or-qy-br-cr, var(--_ctm-dn-mm-or-qy-br-cr)));
792
+
793
+ border-style: var(--_ctm-mob-dn-mm-or-qy-br-se,
794
+ var(--_ctm-tab-dn-mm-or-qy-br-se, var(--_ctm-dn-mm-or-qy-br-se)));
795
+
796
+ border-width: var(--_ctm-mob-dn-mm-or-qy-br-wh,
797
+ var(--_ctm-tab-dn-mm-or-qy-br-wh, var(--_ctm-dn-mm-or-qy-br-wh)));
798
+
799
+ border-radius: var(--_ctm-mob-dn-mm-or-qy-br-rs,
800
+ var(--_ctm-tab-dn-mm-or-qy-br-rs, var(--_ctm-dn-mm-or-qy-br-rs)));
801
+
802
+ box-shadow: var(--_show-shadow,
803
+ var(--_ctm-mob-dn-mm-or-qy-sw-ae,
804
+ var(--_ctm-tab-dn-mm-or-qy-sw-ae, var(--_ctm-dn-mm-or-qy-sw-ae))) var(--_ctm-mob-dn-mm-or-qy-sw-br,
805
+ var(--_ctm-tab-dn-mm-or-qy-sw-br, var(--_ctm-dn-mm-or-qy-sw-br))) var(--_ctm-mob-dn-mm-or-qy-sw-sd,
806
+ var(--_ctm-tab-dn-mm-or-qy-sw-sd, var(--_ctm-dn-mm-or-qy-sw-sd))) var(--_ctm-mob-dn-mm-or-qy-sw-cr,
807
+ var(--_ctm-tab-dn-mm-or-qy-sw-cr, var(--_ctm-dn-mm-or-qy-sw-cr))));
808
+
809
+ color: var(--_ctm-mob-dn-mm-or-qy-cr,
810
+ var(--_ctm-tab-dn-mm-or-qy-cr, var(--_ctm-dn-mm-or-qy-cr)));
811
+ font-family: var(--_ctm-mob-dn-mm-or-qy-ft-fy,
812
+ var(--_ctm-tab-dn-mm-or-qy-ft-fy, var(--_ctm-dn-mm-or-qy-ft-fy)));
813
+ text-transform: var(--_ctm-mob-dn-mm-or-qy-tt-tm,
814
+ var(--_ctm-tab-dn-mm-or-qy-tt-tm, var(--_ctm-dn-mm-or-qy-tt-tm)));
815
+ word-wrap: var(--_ctm-mob-dn-mm-or-qy-wd-wp,
816
+ var(--_ctm-tab-dn-mm-or-qy-wd-wp, var(--_ctm-dn-mm-or-qy-wd-wp)));
817
+ word-break: var(--_ctm-mob-dn-mm-or-qy-wd-bk,
818
+ var(--_ctm-tab-dn-mm-or-qy-wd-bk, var(--_ctm-dn-mm-or-qy-wd-bk)));
819
+ font-size: var(--_ctm-mob-dn-mm-or-qy-ft-se,
820
+ var(--_ctm-tab-dn-mm-or-qy-ft-se, var(--_ctm-dn-mm-or-qy-ft-se)));
821
+ font-weight: var(--_ctm-mob-dn-mm-or-qy-ft-wt,
822
+ var(--_ctm-tab-dn-mm-or-qy-ft-wt, var(--_ctm-dn-mm-or-qy-ft-wt)));
823
+ font-style: var(--_ctm-mob-dn-mm-or-qy-ft-se-ic,
824
+ var(--_ctm-tab-dn-mm-or-qy-ft-se-ic, var(--_ctm-dn-mm-or-qy-ft-se-ic)));
825
+ text-align: var(--_ctm-mob-dn-mm-or-qy-tt-an,
826
+ var(--_ctm-tab-dn-mm-or-qy-tt-an, var(--_ctm-dn-mm-or-qy-tt-an)));
827
+ letter-spacing: var(--_ctm-mob-dn-mm-or-qy-lr-sg,
828
+ var(--_ctm-tab-dn-mm-or-qy-lr-sg, var(--_ctm-dn-mm-or-qy-lr-sg)));
829
+ line-height: var(--_ctm-mob-dn-mm-or-qy-le-ht,
830
+ var(--_ctm-tab-dn-mm-or-qy-le-ht, var(--_ctm-dn-mm-or-qy-le-ht-dc)));
831
+ text-decoration: var(--_ctm-mob-dn-mm-or-qy-ue,
832
+ var(--_ctm-tab-dn-mm-or-qy-ue, var(--_ctm-dn-mm-or-qy-ue)));
1070
833
  padding: prepareMediaVariable(--_ctm-dn-mm-or-qy-pg);
1071
834
  }
1072
835
  }
1073
836
  }
1074
- }
837
+ }