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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/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,38 +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
- font-size: var(
184
- --_ctm-mob-dn-pr-tt-ft-se,
185
- var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
186
- );
187
- font-weight: var(
188
- --_ctm-mob-dn-pr-tt-ft-wt,
189
- var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
190
- );
191
- font-style: var(
192
- --_ctm-mob-dn-pr-tt-ft-se-ic,
193
- var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
194
- );
195
- text-align: var(
196
- --_ctm-mob-dn-pr-tt-tt-an,
197
- var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
198
- );
199
- letter-spacing: var(
200
- --_ctm-mob-dn-pr-tt-lr-sg,
201
- var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
202
- );
203
- line-height: var(
204
- --_ctm-mob-dn-pr-tt-le-ht,
205
- var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
206
- );
207
- text-decoration: var(
208
- --_ctm-mob-dn-pr-tt-ue,
209
- var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
210
- );
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)));
211
160
  }
212
161
  }
213
162
 
@@ -215,70 +164,60 @@
215
164
  display: flex;
216
165
  align-items: flex-start;
217
166
  flex-direction: column;
218
- gap: var(
219
- --_ctm-mob-lt-ll-ad-it-sg,
220
- var(--_ctm-tab-lt-ll-ad-it-sg, var(--_ctm-lt-ll-ad-it-sg))
221
- );
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
+
222
170
  &[data-label-position="Bottom"] {
223
171
  flex-direction: column-reverse;
224
172
  align-items: flex-start;
173
+
225
174
  .label-wrapper {
226
175
  width: 100%;
227
176
  }
228
177
  }
178
+
229
179
  &[data-label-position="Top"] {
230
180
  .label-wrapper {
231
181
  width: 100%;
232
182
  }
233
183
  }
184
+
234
185
  &[data-label-position="Left"] {
235
186
  flex-direction: row;
236
187
  align-items: stretch;
237
188
  }
189
+
238
190
  &[data-label-position="Right"] {
239
191
  flex-direction: row-reverse;
240
192
  align-items: stretch;
241
193
  }
242
194
  }
195
+
243
196
  .input-wrapper {
244
197
  display: flex;
245
198
  align-items: center;
246
199
  justify-content: space-between;
247
200
  width: 100%;
248
201
  overflow: hidden;
249
- & > div {
202
+
203
+ &>div {
250
204
  width: 100%;
251
205
  }
252
206
 
253
207
  position: relative;
254
- background-color: var(
255
- --_ctm-mob-dn-it-bd-cr,
256
- var(--_ctm-tab-dn-it-bd-cr, var(--_ctm-dn-it-bd-cr))
257
- );
258
- box-shadow: var(
259
- --_ctm-mob-dn-it-sw-ae,
260
- var(--_ctm-tab-dn-it-sw-ae, var(--_ctm-dn-it-sw-ae))
261
- )
262
- var(--_ctm-mob-dn-it-sw-br, var(--_ctm-tab-dn-it-sw-br, var(--_ctm-dn-it-sw-br)))
263
- var(--_ctm-mob-dn-it-sw-sd, var(--_ctm-tab-dn-it-sw-sd, var(--_ctm-dn-it-sw-sd)))
264
- var(--_ctm-mob-dn-it-sw-cr, var(--_ctm-tab-dn-it-sw-cr, var(--_ctm-dn-it-sw-cr)));
265
- border-radius: var(
266
- --_ctm-mob-dn-it-br-rs,
267
- var(--_ctm-tab-dn-it-br-rs, var(--_ctm-dn-it-br-rs))
268
- );
269
-
270
- border-color: var(
271
- --_ctm-mob-dn-it-br-cr,
272
- var(--_ctm-tab-dn-it-br-cr, var(--_ctm-dn-it-br-cr))
273
- );
274
- border-style: var(
275
- --_ctm-mob-dn-it-br-se,
276
- var(--_ctm-tab-dn-it-br-se, var(--_ctm-dn-it-br-se))
277
- );
278
- border-width: var(
279
- --_ctm-mob-dn-it-br-wh,
280
- var(--_ctm-tab-dn-it-br-wh, var(--_ctm-dn-it-br-wh))
281
- );
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)));
282
221
 
283
222
  padding: prepareMediaVariable(--_ctm-dn-it-pg);
284
223
  width: prepareMediaVariable(--_ctm-dn-it-wh);
@@ -304,6 +243,7 @@
304
243
  text-align: center;
305
244
  background-color: #fff;
306
245
  user-select: none;
246
+
307
247
  &:hover,
308
248
  &.active {
309
249
  background-color: var(--_primary-25);
@@ -340,15 +280,18 @@
340
280
  }
341
281
  }
342
282
  }
283
+
343
284
  .icrease-decrease {
344
285
  input {
345
286
  text-align: center;
346
287
  }
347
288
  }
289
+
348
290
  .input_dropdown {
349
291
  .input {
350
292
  min-width: 50px;
351
293
  }
294
+
352
295
  .est__dropdown {
353
296
  min-width: 50px;
354
297
  }
@@ -359,6 +302,7 @@
359
302
  position: relative;
360
303
  width: 100%;
361
304
  margin-top: 0px;
305
+
362
306
  // padding: 30px;
363
307
  label {
364
308
  font-size: 14px;
@@ -383,57 +327,36 @@
383
327
  padding: prepareMediaVariable(--_ctm-dn-dn-se-pg);
384
328
 
385
329
  width: prepareMediaVariable(--_ctm-dn-dn-se-wh, 100%);
330
+
386
331
  .value__selected {
387
332
  width: 100%;
388
- background-color: var(
389
- --_ctm-mob-dn-dn-se-bd-cr,
390
- var(--_ctm-tab-dn-dn-se-bd-cr, var(--_ctm-dn-dn-se-bd-cr))
391
- );
392
-
393
- border-color: var(
394
- --_ctm-mob-dn-dn-se-br-cr,
395
- var(--_ctm-tab-dn-dn-se-br-cr, var(--_ctm-dn-dn-se-br-cr))
396
- );
397
-
398
- border-style: var(
399
- --_ctm-mob-dn-dn-se-br-se,
400
- var(--_ctm-tab-dn-dn-se-br-se, var(--_ctm-dn-dn-se-br-se))
401
- );
402
-
403
- border-width: var(
404
- --_ctm-mob-dn-dn-se-br-wh,
405
- var(--_ctm-tab-dn-dn-se-br-wh, var(--_ctm-dn-dn-se-br-wh))
406
- );
407
-
408
- border-radius: var(
409
- --_ctm-mob-dn-dn-se-br-rs,
410
- var(--_ctm-tab-dn-dn-se-br-rs, var(--_ctm-dn-dn-se-br-rs))
411
- );
412
-
413
- box-shadow: var(
414
- --_show-shadow,
415
- var(
416
- --_ctm-mob-dn-dn-se-sw-ae,
417
- var(--_ctm-tab-dn-dn-se-sw-ae, var(--_ctm-dn-dn-se-sw-ae))
418
- )
419
- var(
420
- --_ctm-mob-dn-dn-se-sw-br,
421
- var(--_ctm-tab-dn-dn-se-sw-br, var(--_ctm-dn-dn-se-sw-br))
422
- )
423
- var(
424
- --_ctm-mob-dn-dn-se-sw-sd,
425
- var(--_ctm-tab-dn-dn-se-sw-sd, var(--_ctm-dn-dn-se-sw-sd))
426
- )
427
- var(
428
- --_ctm-mob-dn-dn-se-sw-cr,
429
- var(--_ctm-tab-dn-dn-se-sw-cr, var(--_ctm-dn-dn-se-sw-cr))
430
- )
431
- );
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))));
432
354
  }
433
355
 
434
356
  &.open .list {
435
357
  display: flex;
436
358
  }
359
+
437
360
  .est__dropdown__button {
438
361
  display: flex;
439
362
  align-items: center;
@@ -460,10 +383,8 @@
460
383
  z-index: var(--_higher-zIndex);
461
384
  max-height: 200px;
462
385
  overflow-y: auto;
463
- margin-top: var(
464
- --_ctm-mob-dn-dn-se-on-ad-lt-sg,
465
- var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg))
466
- );
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)));
467
388
  gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
468
389
 
469
390
  &.top {
@@ -478,6 +399,7 @@
478
399
  }
479
400
  }
480
401
  }
402
+
481
403
  .btn__with__text {
482
404
  height: 100%;
483
405
  }
@@ -486,133 +408,94 @@
486
408
  &[data-show-shadow="false"] {
487
409
  --_show-shadow: none;
488
410
  }
411
+
489
412
  &[data-icon-position="left"] {
490
413
  --_sf-fd-bn: row;
491
414
  }
415
+
492
416
  &[data-icon-position="right"] {
493
417
  --_sf-fd-bn: row-reverse;
494
418
  }
419
+
495
420
  &[data-icon-position="center"] {
496
421
  --_sf-fd-bn: row;
497
422
  }
498
423
 
499
424
  &:hover {
500
- --_sf-hr-bd-cr: var(
501
- --_ctm-mob-dn-ie-bn-hr-se-bd-cr,
502
- var(--_ctm-tab-dn-ie-bn-hr-se-bd-cr, var(--_ctm-dn-ie-bn-hr-se-bd-cr))
503
- );
504
- --_sf-hr-br-cr: var(
505
- --_ctm-mob-dn-ie-bn-hr-se-br-cr,
506
- var(--_ctm-tab-dn-ie-bn-hr-se-br-cr, var(--_ctm-dn-ie-bn-hr-se-br-cr))
507
- );
508
- --_sf-hr-br-se: var(
509
- --_ctm-mob-dn-ie-bn-hr-se-br-se,
510
- var(--_ctm-tab-dn-ie-bn-hr-se-br-se, var(--_ctm-dn-ie-bn-hr-se-br-se))
511
- );
512
- --_sf-hr-br-wh: var(
513
- --_ctm-mob-dn-ie-bn-hr-se-br-wh,
514
- var(--_ctm-tab-dn-ie-bn-hr-se-br-wh, var(--_ctm-dn-ie-bn-hr-se-br-wh))
515
- );
516
- --_sf-hr-br-rs: var(
517
- --_ctm-mob-dn-ie-bn-hr-se-br-rs,
518
- var(--_ctm-tab-dn-ie-bn-hr-se-br-rs, var(--_ctm-dn-ie-bn-hr-se-br-rs))
519
- );
520
- --_sf-hr-at: var(
521
- --_ctm-mob-dn-ie-bn-hr-se-at,
522
- var(--_ctm-tab-dn-ie-bn-hr-se-at, var(--_ctm-dn-ie-bn-hr-se-at))
523
- );
524
- --_sf-hr-gp: var(
525
- --_ctm-mob-dn-ie-bn-hr-se-gp,
526
- var(--_ctm-tab-dn-ie-bn-hr-se-gp, var(--_ctm-dn-ie-bn-hr-se-gp))
527
- );
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)));
528
439
 
529
440
  // for shadow
530
- --_sf-hr-sw-ae: var(
531
- --_ctm-mob-dn-ie-bn-hr-se-sw-ae,
532
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-ae, var(--_ctm-dn-ie-bn-hr-se-sw-ae))
533
- );
534
- --_sf-hr-sw-br: var(
535
- --_ctm-mob-dn-ie-bn-hr-se-sw-br,
536
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-br, var(--_ctm-dn-ie-bn-hr-se-sw-br))
537
- );
538
- --_sf-hr-sw-hr: var(
539
- --_ctm-mob-dn-ie-bn-hr-se-sw-hr,
540
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-hr, var(--_ctm-dn-ie-bn-hr-se-sw-hr))
541
- );
542
- --_sf-hr-sw-cr: var(
543
- --_ctm-mob-dn-ie-bn-hr-se-sw-cr,
544
- var(--_ctm-tab-dn-ie-bn-hr-se-sw-cr, var(--_ctm-dn-ie-bn-hr-se-sw-cr))
545
- );
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)));
546
449
 
547
450
  // for font
548
451
 
549
- --_sf-hr-cr: var(
550
- --_ctm-mob-dn-ie-bn-hr-se-cr,
551
- var(--_ctm-tab-dn-ie-bn-hr-se-cr, var(--_ctm-dn-ie-bn-hr-se-cr))
552
- );
553
- --_sf-hr-ft-fy: var(
554
- --_ctm-mob-dn-ie-bn-hr-se-ft-fy,
555
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-fy, var(--_ctm-dn-ie-bn-hr-se-ft-fy))
556
- );
557
- --_sf-hr-ft-se: var(
558
- --_ctm-mob-dn-ie-bn-hr-se-ft-se,
559
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-se, var(--_ctm-dn-ie-bn-hr-se-ft-se))
560
- );
561
- --_sf-hr-ft-wt: var(
562
- --_ctm-mob-dn-ie-bn-hr-se-ft-wt,
563
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-wt, var(--_ctm-dn-ie-bn-hr-se-ft-wt))
564
- );
565
- --_sf-hr-ft-se-ic: var(
566
- --_ctm-mob-dn-ie-bn-hr-se-ft-se-ic,
567
- var(--_ctm-tab-dn-ie-bn-hr-se-ft-se-ic, var(--_ctm-dn-ie-bn-hr-se-ft-se-ic))
568
- );
569
- --_sf-hr-tt-an: var(
570
- --_ctm-mob-dn-ie-bn-hr-se-tt-an,
571
- var(--_ctm-tab-dn-ie-bn-hr-se-tt-an, var(--_ctm-dn-ie-bn-hr-se-tt-an))
572
- );
573
- --_sf-hr-lr-sg: var(
574
- --_ctm-mob-dn-ie-bn-hr-se-lr-sg,
575
- var(--_ctm-tab-dn-ie-bn-hr-se-lr-sg, var(--_ctm-dn-ie-bn-hr-se-lr-sg))
576
- );
577
- --_sf-hr-le-ht: var(
578
- --_ctm-mob-dn-ie-bn-hr-se-le-ht,
579
- var(--_ctm-tab-dn-ie-bn-hr-se-le-ht, var(--_ctm-dn-ie-bn-hr-se-le-ht))
580
- );
581
-
582
- --_sf-hr-in-se: var(
583
- --_ctm-mob-dn-ie-bn-hr-se-in-se,
584
- var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se))
585
- );
586
- --_sf-hr-in-se: var(
587
- --_ctm-mob-dn-ie-bn-hr-se-in-se,
588
- var(--_ctm-tab-dn-ie-bn-hr-se-in-se, var(--_ctm-dn-ie-bn-hr-se-in-se))
589
- );
590
- --_sf-hr-in-c1: var(
591
- --_ctm-mob-dn-ie-bn-hr-se-in-c1,
592
- var(--_ctm-tab-dn-ie-bn-hr-se-in-c1, var(--_ctm-dn-ie-bn-hr-se-in-c1))
593
- );
594
- --_sf-hr-ue: var(
595
- --_ctm-mob-dn-ie-bn-hr-se-ue,
596
- var(--_ctm-tab-dn-ie-bn-hr-se-ue, var(--_ctm-dn-ie-bn-hr-se-ue))
597
- );
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)));
598
483
 
599
484
  // for pading and width
600
- --_sf-hr-pg: var(
601
- --_ctm-mob-dn-ie-bn-hr-pg,
602
- var(--_ctm-tab-dn-ie-bn-hr-pg, var(--_ctm-dn-ie-bn-hr-pg))
603
- );
604
- --_sf-hr-wh: var(
605
- --_ctm-mob-dn-ie-bn-hr-wh,
606
- var(--_ctm-tab-dn-ie-bn-hr-wh, var(--_ctm-dn-ie-bn-hr-wh))
607
- );
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)));
608
489
 
609
490
  &[data-hover-show-shadow="false"] {
610
491
  --_hover-show-shadow: none;
611
492
  }
493
+
612
494
  &[data-hover-show-icon="false"] {
613
495
  --_hover-show-icon: none;
614
496
  }
615
497
  }
498
+
616
499
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-bd-cr));
617
500
 
618
501
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-pg));
@@ -626,10 +509,7 @@
626
509
 
627
510
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-rs));
628
511
 
629
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-ae))
630
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-br))
631
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-sw-sd))
632
- 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));
633
513
 
634
514
  &[data-show-border="true"] {
635
515
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-cr));
@@ -645,6 +525,14 @@
645
525
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-cr));
646
526
 
647
527
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-fy));
528
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-tt-tm));
529
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-wp));
530
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-bk));
531
+
532
+ &.flex__overflow {
533
+ white-space: normal;
534
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
535
+ }
648
536
 
649
537
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-se));
650
538
 
@@ -663,6 +551,7 @@
663
551
 
664
552
  .icon {
665
553
  display: var(--_hover-show-icon, var(--_show-icon, flex));
554
+
666
555
  svg {
667
556
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
668
557
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
@@ -674,6 +563,7 @@
674
563
  }
675
564
  }
676
565
  }
566
+
677
567
  [data-element-style="Text"] {
678
568
  display: inline-block;
679
569
  width: 100%;
@@ -702,136 +592,99 @@
702
592
  &[data-show-shadow="false"] {
703
593
  --_show-shadow: none;
704
594
  }
595
+
705
596
  &[data-icon-position="left"] {
706
597
  --_sf-fd-bn: row;
707
598
  }
599
+
708
600
  &[data-icon-position="right"] {
709
601
  --_sf-fd-bn: row-reverse;
710
602
  }
603
+
711
604
  &[data-icon-position="center"] {
712
605
  --_sf-fd-bn: row;
713
606
  }
607
+
714
608
  &:disabled {
715
609
  opacity: 0.5;
716
610
  cursor: not-allowed;
717
611
  }
612
+
718
613
  &:hover {
719
- --_sf-hr-bd-cr: var(
720
- --_ctm-mob-dn-de-bn-hr-se-bd-cr,
721
- var(--_ctm-tab-dn-de-bn-hr-se-bd-cr, var(--_ctm-dn-de-bn-hr-se-bd-cr))
722
- );
723
- --_sf-hr-br-cr: var(
724
- --_ctm-mob-dn-de-bn-hr-se-br-cr,
725
- var(--_ctm-tab-dn-de-bn-hr-se-br-cr, var(--_ctm-dn-de-bn-hr-se-br-cr))
726
- );
727
- --_sf-hr-br-se: var(
728
- --_ctm-mob-dn-de-bn-hr-se-br-se,
729
- var(--_ctm-tab-dn-de-bn-hr-se-br-se, var(--_ctm-dn-de-bn-hr-se-br-se))
730
- );
731
- --_sf-hr-br-wh: var(
732
- --_ctm-mob-dn-de-bn-hr-se-br-wh,
733
- var(--_ctm-tab-dn-de-bn-hr-se-br-wh, var(--_ctm-dn-de-bn-hr-se-br-wh))
734
- );
735
- --_sf-hr-br-rs: var(
736
- --_ctm-mob-dn-de-bn-hr-se-br-rs,
737
- var(--_ctm-tab-dn-de-bn-hr-se-br-rs, var(--_ctm-dn-de-bn-hr-se-br-rs))
738
- );
739
- --_sf-hr-at: var(
740
- --_ctm-mob-dn-de-bn-hr-se-at,
741
- var(--_ctm-tab-dn-de-bn-hr-se-at, var(--_ctm-dn-de-bn-hr-se-at))
742
- );
743
- --_sf-hr-gp: var(
744
- --_ctm-mob-dn-de-bn-hr-se-gp,
745
- var(--_ctm-tab-dn-de-bn-hr-se-gp, var(--_ctm-dn-de-bn-hr-se-gp))
746
- );
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)));
747
628
 
748
629
  // for shadow
749
- --_sf-hr-sw-ae: var(
750
- --_ctm-mob-dn-de-bn-hr-se-sw-ae,
751
- var(--_ctm-tab-dn-de-bn-hr-se-sw-ae, var(--_ctm-dn-de-bn-hr-se-sw-ae))
752
- );
753
- --_sf-hr-sw-br: var(
754
- --_ctm-mob-dn-de-bn-hr-se-sw-br,
755
- var(--_ctm-tab-dn-de-bn-hr-se-sw-br, var(--_ctm-dn-de-bn-hr-se-sw-br))
756
- );
757
- --_sf-hr-sw-hr: var(
758
- --_ctm-mob-dn-de-bn-hr-se-sw-hr,
759
- var(--_ctm-tab-dn-de-bn-hr-se-sw-hr, var(--_ctm-dn-de-bn-hr-se-sw-hr))
760
- );
761
- --_sf-hr-sw-cr: var(
762
- --_ctm-mob-dn-de-bn-hr-se-sw-cr,
763
- var(--_ctm-tab-dn-de-bn-hr-se-sw-cr, var(--_ctm-dn-de-bn-hr-se-sw-cr))
764
- );
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)));
765
638
 
766
639
  // for font
767
640
 
768
- --_sf-hr-cr: var(
769
- --_ctm-mob-dn-de-bn-hr-se-cr,
770
- var(--_ctm-tab-dn-de-bn-hr-se-cr, var(--_ctm-dn-de-bn-hr-se-cr))
771
- );
772
- --_sf-hr-ft-fy: var(
773
- --_ctm-mob-dn-de-bn-hr-se-ft-fy,
774
- var(--_ctm-tab-dn-de-bn-hr-se-ft-fy, var(--_ctm-dn-de-bn-hr-se-ft-fy))
775
- );
776
- --_sf-hr-ft-se: var(
777
- --_ctm-mob-dn-de-bn-hr-se-ft-se,
778
- var(--_ctm-tab-dn-de-bn-hr-se-ft-se, var(--_ctm-dn-de-bn-hr-se-ft-se))
779
- );
780
- --_sf-hr-ft-wt: var(
781
- --_ctm-mob-dn-de-bn-hr-se-ft-wt,
782
- var(--_ctm-tab-dn-de-bn-hr-se-ft-wt, var(--_ctm-dn-de-bn-hr-se-ft-wt))
783
- );
784
- --_sf-hr-ft-se-ic: var(
785
- --_ctm-mob-dn-de-bn-hr-se-ft-se-ic,
786
- var(--_ctm-tab-dn-de-bn-hr-se-ft-se-ic, var(--_ctm-dn-de-bn-hr-se-ft-se-ic))
787
- );
788
- --_sf-hr-tt-an: var(
789
- --_ctm-mob-dn-de-bn-hr-se-tt-an,
790
- var(--_ctm-tab-dn-de-bn-hr-se-tt-an, var(--_ctm-dn-de-bn-hr-se-tt-an))
791
- );
792
- --_sf-hr-lr-sg: var(
793
- --_ctm-mob-dn-de-bn-hr-se-lr-sg,
794
- var(--_ctm-tab-dn-de-bn-hr-se-lr-sg, var(--_ctm-dn-de-bn-hr-se-lr-sg))
795
- );
796
- --_sf-hr-le-ht: var(
797
- --_ctm-mob-dn-de-bn-hr-se-le-ht,
798
- var(--_ctm-tab-dn-de-bn-hr-se-le-ht, var(--_ctm-dn-de-bn-hr-se-le-ht))
799
- );
800
-
801
- --_sf-hr-in-se: var(
802
- --_ctm-mob-dn-de-bn-hr-se-in-se,
803
- var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se))
804
- );
805
- --_sf-hr-in-se: var(
806
- --_ctm-mob-dn-de-bn-hr-se-in-se,
807
- var(--_ctm-tab-dn-de-bn-hr-se-in-se, var(--_ctm-dn-de-bn-hr-se-in-se))
808
- );
809
- --_sf-hr-in-c1: var(
810
- --_ctm-mob-dn-de-bn-hr-se-in-c1,
811
- var(--_ctm-tab-dn-de-bn-hr-se-in-c1, var(--_ctm-dn-de-bn-hr-se-in-c1))
812
- );
813
- --_sf-hr-ue: var(
814
- --_ctm-mob-dn-de-bn-hr-se-ue,
815
- var(--_ctm-tab-dn-de-bn-hr-se-ue, var(--_ctm-dn-de-bn-hr-se-ue))
816
- );
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)));
817
672
 
818
673
  // for pading and width
819
- --_sf-hr-pg: var(
820
- --_ctm-mob-dn-de-bn-hr-pg,
821
- var(--_ctm-tab-dn-de-bn-hr-pg, var(--_ctm-dn-de-bn-hr-pg))
822
- );
823
- --_sf-hr-wh: var(
824
- --_ctm-mob-dn-de-bn-hr-wh,
825
- var(--_ctm-tab-dn-de-bn-hr-wh, var(--_ctm-dn-de-bn-hr-wh))
826
- );
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)));
827
678
 
828
679
  &[data-hover-show-shadow="false"] {
829
680
  --_hover-show-shadow: none;
830
681
  }
682
+
831
683
  &[data-hover-show-icon="false"] {
832
684
  --_hover-show-icon: none;
833
685
  }
834
686
  }
687
+
835
688
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-bd-cr));
836
689
 
837
690
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-pg));
@@ -845,10 +698,7 @@
845
698
 
846
699
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-rs));
847
700
 
848
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-ae))
849
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-br))
850
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-sw-sd))
851
- 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));
852
702
 
853
703
  &[data-show-border="true"] {
854
704
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-cr));
@@ -864,6 +714,14 @@
864
714
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-cr));
865
715
 
866
716
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-fy));
717
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-tt-tm));
718
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-wp));
719
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-bk));
720
+
721
+ &.flex__overflow {
722
+ white-space: normal;
723
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
724
+ }
867
725
 
868
726
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-se));
869
727
 
@@ -882,6 +740,7 @@
882
740
 
883
741
  .icon {
884
742
  display: var(--_hover-show-icon, var(--_show-icon, flex));
743
+
885
744
  svg {
886
745
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
887
746
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
@@ -893,6 +752,7 @@
893
752
  }
894
753
  }
895
754
  }
755
+
896
756
  [data-element-style="Text"] {
897
757
  display: inline-block;
898
758
  width: 100%;
@@ -924,89 +784,54 @@
924
784
  width: 100%;
925
785
  text-wrap: auto;
926
786
 
927
- background-color: var(
928
- --_ctm-mob-dn-mm-or-qy-bd-cr,
929
- var(--_ctm-tab-dn-mm-or-qy-bd-cr, var(--_ctm-dn-mm-or-qy-bd-cr))
930
- );
931
-
932
- border-color: var(
933
- --_ctm-mob-dn-mm-or-qy-br-cr,
934
- var(--_ctm-tab-dn-mm-or-qy-br-cr, var(--_ctm-dn-mm-or-qy-br-cr))
935
- );
936
-
937
- border-style: var(
938
- --_ctm-mob-dn-mm-or-qy-br-se,
939
- var(--_ctm-tab-dn-mm-or-qy-br-se, var(--_ctm-dn-mm-or-qy-br-se))
940
- );
941
-
942
- border-width: var(
943
- --_ctm-mob-dn-mm-or-qy-br-wh,
944
- var(--_ctm-tab-dn-mm-or-qy-br-wh, var(--_ctm-dn-mm-or-qy-br-wh))
945
- );
946
-
947
- border-radius: var(
948
- --_ctm-mob-dn-mm-or-qy-br-rs,
949
- var(--_ctm-tab-dn-mm-or-qy-br-rs, var(--_ctm-dn-mm-or-qy-br-rs))
950
- );
951
-
952
- box-shadow: var(
953
- --_show-shadow,
954
- var(
955
- --_ctm-mob-dn-mm-or-qy-sw-ae,
956
- var(--_ctm-tab-dn-mm-or-qy-sw-ae, var(--_ctm-dn-mm-or-qy-sw-ae))
957
- )
958
- var(
959
- --_ctm-mob-dn-mm-or-qy-sw-br,
960
- var(--_ctm-tab-dn-mm-or-qy-sw-br, var(--_ctm-dn-mm-or-qy-sw-br))
961
- )
962
- var(
963
- --_ctm-mob-dn-mm-or-qy-sw-sd,
964
- var(--_ctm-tab-dn-mm-or-qy-sw-sd, var(--_ctm-dn-mm-or-qy-sw-sd))
965
- )
966
- var(
967
- --_ctm-mob-dn-mm-or-qy-sw-cr,
968
- var(--_ctm-tab-dn-mm-or-qy-sw-cr, var(--_ctm-dn-mm-or-qy-sw-cr))
969
- )
970
- );
971
-
972
- color: var(
973
- --_ctm-mob-dn-mm-or-qy-cr,
974
- var(--_ctm-tab-dn-mm-or-qy-cr, var(--_ctm-dn-mm-or-qy-cr))
975
- );
976
- font-family: var(
977
- --_ctm-mob-dn-mm-or-qy-ft-fy,
978
- var(--_ctm-tab-dn-mm-or-qy-ft-fy, var(--_ctm-dn-mm-or-qy-ft-fy))
979
- );
980
- font-size: var(
981
- --_ctm-mob-dn-mm-or-qy-ft-se,
982
- var(--_ctm-tab-dn-mm-or-qy-ft-se, var(--_ctm-dn-mm-or-qy-ft-se))
983
- );
984
- font-weight: var(
985
- --_ctm-mob-dn-mm-or-qy-ft-wt,
986
- var(--_ctm-tab-dn-mm-or-qy-ft-wt, var(--_ctm-dn-mm-or-qy-ft-wt))
987
- );
988
- font-style: var(
989
- --_ctm-mob-dn-mm-or-qy-ft-se-ic,
990
- var(--_ctm-tab-dn-mm-or-qy-ft-se-ic, var(--_ctm-dn-mm-or-qy-ft-se-ic))
991
- );
992
- text-align: var(
993
- --_ctm-mob-dn-mm-or-qy-tt-an,
994
- var(--_ctm-tab-dn-mm-or-qy-tt-an, var(--_ctm-dn-mm-or-qy-tt-an))
995
- );
996
- letter-spacing: var(
997
- --_ctm-mob-dn-mm-or-qy-lr-sg,
998
- var(--_ctm-tab-dn-mm-or-qy-lr-sg, var(--_ctm-dn-mm-or-qy-lr-sg))
999
- );
1000
- line-height: var(
1001
- --_ctm-mob-dn-mm-or-qy-le-ht,
1002
- var(--_ctm-tab-dn-mm-or-qy-le-ht, var(--_ctm-dn-mm-or-qy-le-ht-dc))
1003
- );
1004
- text-decoration: var(
1005
- --_ctm-mob-dn-mm-or-qy-ue,
1006
- var(--_ctm-tab-dn-mm-or-qy-ue, var(--_ctm-dn-mm-or-qy-ue))
1007
- );
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)));
1008
833
  padding: prepareMediaVariable(--_ctm-dn-mm-or-qy-pg);
1009
834
  }
1010
835
  }
1011
836
  }
1012
- }
837
+ }