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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/icons-builder.js +1 -1
  52. package/dist/icons-website.js +1 -1
  53. package/dist/icons.js +1 -1
  54. package/dist/image-temp.scss +20 -21
  55. package/dist/index.js +1 -1
  56. package/dist/item-stock.scss +16 -9
  57. package/dist/kitDetails.scss +4301 -2721
  58. package/dist/kits.scss +19 -24
  59. package/dist/language-selector.scss +361 -211
  60. package/dist/last-x-orders.scss +174 -95
  61. package/dist/layouter-item.scss +103 -75
  62. package/dist/layouter-pro-item.scss +95 -89
  63. package/dist/layouter-pro.scss +92 -87
  64. package/dist/layouter.scss +445 -383
  65. package/dist/light-box-v2.scss +104 -89
  66. package/dist/login.scss +566 -287
  67. package/dist/map.scss +368 -221
  68. package/dist/marchandiserSets.scss +104 -95
  69. package/dist/mega-menu-container.scss +109 -96
  70. package/dist/mega-menu.scss +731 -624
  71. package/dist/menu-item.scss +2 -2
  72. package/dist/menu-v2.scss +619 -507
  73. package/dist/multi-select-dropdown.scss +3 -27
  74. package/dist/my-templates.scss +9 -38
  75. package/dist/option-bar.scss +375 -215
  76. package/dist/option-families.scss +252 -0
  77. package/dist/order-status.scss +1117 -646
  78. package/dist/overflow-module.scss +7 -6
  79. package/dist/past-orders.scss +149 -118
  80. package/dist/payment-methods.scss +30 -46
  81. package/dist/pickup-locations.scss +1118 -558
  82. package/dist/position-module.scss +17 -20
  83. package/dist/prefix-list.scss +10 -21
  84. package/dist/product-actions.scss +2425 -1625
  85. package/dist/product-basic-elements.scss +169 -108
  86. package/dist/product-highlights.scss +152 -107
  87. package/dist/product-image-bundles.scss +642 -337
  88. package/dist/product-inventory.scss +1357 -673
  89. package/dist/product-labels.scss +105 -84
  90. package/dist/product-options.scss +1274 -1117
  91. package/dist/product-price.scss +2561 -1283
  92. package/dist/product-promotions.scss +2830 -1388
  93. package/dist/product-sizechart.scss +905 -516
  94. package/dist/product.scss +61 -28
  95. package/dist/productDetails.scss +39 -19
  96. package/dist/profile.scss +447 -207
  97. package/dist/quantity-selector.scss +550 -313
  98. package/dist/quick-inventory-check.scss +174 -95
  99. package/dist/quick-links.scss +133 -55
  100. package/dist/quick-order-pad.scss +271 -218
  101. package/dist/quota-details.scss +282 -152
  102. package/dist/quotes.scss +122 -89
  103. package/dist/repeater-embla-controls.scss +15 -35
  104. package/dist/repeater-grid-toggle.scss +166 -156
  105. package/dist/repeater-item.scss +64 -41
  106. package/dist/repeater.scss +814 -671
  107. package/dist/request-for-quotes.scss +16 -66
  108. package/dist/responsive-behaviour.scss +1 -3
  109. package/dist/rfqs.scss +181 -118
  110. package/dist/scroll.scss +172 -93
  111. package/dist/search.scss +326 -179
  112. package/dist/section.scss +51 -27
  113. package/dist/shipping-payments.scss +58 -198
  114. package/dist/simple-list.scss +164 -74
  115. package/dist/social.scss +145 -80
  116. package/dist/sort.scss +19 -11
  117. package/dist/stack.scss +34 -23
  118. package/dist/static-global.scss +26 -44
  119. package/dist/stockStatus.scss +19 -11
  120. package/dist/store-locations.scss +1105 -577
  121. package/dist/tab-container.scss +108 -81
  122. package/dist/table-common.scss +408 -217
  123. package/dist/table.scss +502 -271
  124. package/dist/text-temp.scss +7 -8
  125. package/dist/theme-classes.scss +13 -17
  126. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  127. package/dist/types/builder/enums/index.d.ts +3 -1
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  130. package/dist/types/builder/tools/element-edit/productActions.d.ts +3 -0
  131. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  132. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  133. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  134. package/dist/uom-selector.scss +949 -489
  135. package/dist/uploadMedia.js +1 -1
  136. package/dist/user-elements.scss +837 -529
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/dist/widget.scss +1 -0
  141. package/package.json +1 -1
@@ -18,15 +18,13 @@
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
-
26
25
  &[data-show-shadow="false"] {
27
26
  --_show-shadow: none;
28
27
  }
29
-
30
28
  // /* Chrome, Safari, Edge, Opera */
31
29
  // input::-webkit-outer-spin-button,
32
30
  // input::-webkit-inner-spin-button {
@@ -44,32 +42,47 @@
44
42
  font-weight: 600;
45
43
  color: rgba(75, 69, 70, 1);
46
44
  }
47
-
48
45
  .quantity_container {
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))));
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
+ );
66
78
 
67
79
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
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)));
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
+ );
70
84
  display: flex;
71
85
  flex-direction: column;
72
-
73
86
  // gap: var(
74
87
  // --_ctm-mob-lt-te-ad-dn-sg,
75
88
  // var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
@@ -78,24 +91,38 @@
78
91
  // height:;
79
92
  display: flex;
80
93
  align-items: center;
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
-
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
+ );
99
126
  .label {
100
127
  height: unset;
101
128
  }
@@ -107,20 +134,34 @@
107
134
  height: 100%;
108
135
 
109
136
  color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
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)));
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))
164
+ );
124
165
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
125
166
  padding: prepareMediaVariable(--_ctm-dn-ll-pg);
126
167
  text-transform: prepareMediaVariable(--_ctm-dn-ll-tt-tm);
@@ -135,28 +176,50 @@
135
176
 
136
177
  &::placeholder {
137
178
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
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)));
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
+ );
160
223
  }
161
224
  }
162
225
 
@@ -164,60 +227,70 @@
164
227
  display: flex;
165
228
  align-items: flex-start;
166
229
  flex-direction: column;
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
-
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
+ );
170
234
  &[data-label-position="Bottom"] {
171
235
  flex-direction: column-reverse;
172
236
  align-items: flex-start;
173
-
174
237
  .label-wrapper {
175
238
  width: 100%;
176
239
  }
177
240
  }
178
-
179
241
  &[data-label-position="Top"] {
180
242
  .label-wrapper {
181
243
  width: 100%;
182
244
  }
183
245
  }
184
-
185
246
  &[data-label-position="Left"] {
186
247
  flex-direction: row;
187
248
  align-items: stretch;
188
249
  }
189
-
190
250
  &[data-label-position="Right"] {
191
251
  flex-direction: row-reverse;
192
252
  align-items: stretch;
193
253
  }
194
254
  }
195
-
196
255
  .input-wrapper {
197
256
  display: flex;
198
257
  align-items: center;
199
258
  justify-content: space-between;
200
259
  width: 100%;
201
260
  overflow: hidden;
202
-
203
- &>div {
261
+ & > div {
204
262
  width: 100%;
205
263
  }
206
264
 
207
265
  position: relative;
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)));
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
+ );
221
294
 
222
295
  padding: prepareMediaVariable(--_ctm-dn-it-pg);
223
296
  width: prepareMediaVariable(--_ctm-dn-it-wh);
@@ -243,7 +316,6 @@
243
316
  text-align: center;
244
317
  background-color: #fff;
245
318
  user-select: none;
246
-
247
319
  &:hover,
248
320
  &.active {
249
321
  background-color: var(--_primary-25);
@@ -280,18 +352,15 @@
280
352
  }
281
353
  }
282
354
  }
283
-
284
355
  .icrease-decrease {
285
356
  input {
286
357
  text-align: center;
287
358
  }
288
359
  }
289
-
290
360
  .input_dropdown {
291
361
  .input {
292
362
  min-width: 50px;
293
363
  }
294
-
295
364
  .est__dropdown {
296
365
  min-width: 50px;
297
366
  }
@@ -302,7 +371,6 @@
302
371
  position: relative;
303
372
  width: 100%;
304
373
  margin-top: 0px;
305
-
306
374
  // padding: 30px;
307
375
  label {
308
376
  font-size: 14px;
@@ -327,36 +395,57 @@
327
395
  padding: prepareMediaVariable(--_ctm-dn-dn-se-pg);
328
396
 
329
397
  width: prepareMediaVariable(--_ctm-dn-dn-se-wh, 100%);
330
-
331
398
  .value__selected {
332
399
  width: 100%;
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))));
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
+ );
354
444
  }
355
445
 
356
446
  &.open .list {
357
447
  display: flex;
358
448
  }
359
-
360
449
  .est__dropdown__button {
361
450
  display: flex;
362
451
  align-items: center;
@@ -383,8 +472,10 @@
383
472
  z-index: var(--_higher-zIndex);
384
473
  max-height: 200px;
385
474
  overflow-y: auto;
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)));
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
+ );
388
479
  gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
389
480
 
390
481
  &.top {
@@ -399,7 +490,6 @@
399
490
  }
400
491
  }
401
492
  }
402
-
403
493
  .btn__with__text {
404
494
  height: 100%;
405
495
  }
@@ -408,94 +498,145 @@
408
498
  &[data-show-shadow="false"] {
409
499
  --_show-shadow: none;
410
500
  }
411
-
412
501
  &[data-icon-position="left"] {
413
502
  --_sf-fd-bn: row;
414
503
  }
415
-
416
504
  &[data-icon-position="right"] {
417
505
  --_sf-fd-bn: row-reverse;
418
506
  }
419
-
420
507
  &[data-icon-position="center"] {
421
508
  --_sf-fd-bn: row;
422
509
  }
423
510
 
424
511
  &:hover {
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)));
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
+ );
439
540
 
440
541
  // for shadow
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)));
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
+ );
449
558
 
450
559
  // for font
451
560
 
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)));
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
+ );
483
622
 
484
623
  // for pading and width
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)));
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
+ );
489
632
 
490
633
  &[data-hover-show-shadow="false"] {
491
634
  --_hover-show-shadow: none;
492
635
  }
493
-
494
636
  &[data-hover-show-icon="false"] {
495
637
  --_hover-show-icon: none;
496
638
  }
497
639
  }
498
-
499
640
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-bd-cr));
500
641
 
501
642
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-pg));
@@ -509,7 +650,10 @@
509
650
 
510
651
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-rs));
511
652
 
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));
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));
513
657
 
514
658
  &[data-show-border="true"] {
515
659
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-cr));
@@ -528,7 +672,6 @@
528
672
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-tt-tm));
529
673
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-wp));
530
674
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-bk));
531
-
532
675
  &.flex__overflow {
533
676
  white-space: normal;
534
677
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -551,7 +694,6 @@
551
694
 
552
695
  .icon {
553
696
  display: var(--_hover-show-icon, var(--_show-icon, flex));
554
-
555
697
  svg {
556
698
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
557
699
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-se));
@@ -563,7 +705,6 @@
563
705
  }
564
706
  }
565
707
  }
566
-
567
708
  [data-element-style="Text"] {
568
709
  display: inline-block;
569
710
  width: 100%;
@@ -592,99 +733,148 @@
592
733
  &[data-show-shadow="false"] {
593
734
  --_show-shadow: none;
594
735
  }
595
-
596
736
  &[data-icon-position="left"] {
597
737
  --_sf-fd-bn: row;
598
738
  }
599
-
600
739
  &[data-icon-position="right"] {
601
740
  --_sf-fd-bn: row-reverse;
602
741
  }
603
-
604
742
  &[data-icon-position="center"] {
605
743
  --_sf-fd-bn: row;
606
744
  }
607
-
608
745
  &:disabled {
609
746
  opacity: 0.5;
610
747
  cursor: not-allowed;
611
748
  }
612
-
613
749
  &:hover {
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)));
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
+ );
628
778
 
629
779
  // for shadow
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)));
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
+ );
638
796
 
639
797
  // for font
640
798
 
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)));
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
+ );
672
860
 
673
861
  // for pading and width
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)));
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
+ );
678
870
 
679
871
  &[data-hover-show-shadow="false"] {
680
872
  --_hover-show-shadow: none;
681
873
  }
682
-
683
874
  &[data-hover-show-icon="false"] {
684
875
  --_hover-show-icon: none;
685
876
  }
686
877
  }
687
-
688
878
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-bd-cr));
689
879
 
690
880
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-pg));
@@ -698,7 +888,10 @@
698
888
 
699
889
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-rs));
700
890
 
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));
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));
702
895
 
703
896
  &[data-show-border="true"] {
704
897
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-cr));
@@ -717,7 +910,6 @@
717
910
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-tt-tm));
718
911
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-wp));
719
912
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-bk));
720
-
721
913
  &.flex__overflow {
722
914
  white-space: normal;
723
915
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -740,7 +932,6 @@
740
932
 
741
933
  .icon {
742
934
  display: var(--_hover-show-icon, var(--_show-icon, flex));
743
-
744
935
  svg {
745
936
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
746
937
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-se));
@@ -752,7 +943,6 @@
752
943
  }
753
944
  }
754
945
  }
755
-
756
946
  [data-element-style="Text"] {
757
947
  display: inline-block;
758
948
  width: 100%;
@@ -784,54 +974,101 @@
784
974
  width: 100%;
785
975
  text-wrap: auto;
786
976
 
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)));
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
+ );
833
1070
  padding: prepareMediaVariable(--_ctm-dn-mm-or-qy-pg);
834
1071
  }
835
1072
  }
836
1073
  }
837
- }
1074
+ }