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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/filters.scss CHANGED
@@ -4,21 +4,15 @@
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
7
+
7
8
  [data-div-type="element"] {
8
9
  &[data-element-type="filters"] {
9
- width: var(
10
- --_sf-el-wh-st-mx,
11
- calc(
12
- 1% *
13
- var(
14
- --_ctm-mob-ele-nw-wh-vl,
15
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
16
- )
17
- )
18
- );
10
+ width: var(--_sf-el-wh-st-mx,
11
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
12
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
19
13
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
14
 
21
- & > div {
15
+ &>div {
22
16
  &.wrapper {
23
17
  width: 100%;
24
18
  }
@@ -26,18 +20,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
26
20
 
27
21
  &[data-widget-border="true"] {
28
22
  .filter_container {
29
- border-color: var(
30
- --_ctm-mob-dn-fs-wt-br-cr,
31
- var(--_ctm-tab-dn-fs-wt-br-cr, var(--_ctm-dn-fs-wt-br-cr))
32
- );
33
- border-style: var(
34
- --_ctm-mob-dn-fs-wt-br-se,
35
- var(--_ctm-tab-dn-fs-wt-br-se, var(--_ctm-dn-fs-wt-br-se))
36
- );
37
- border-width: var(
38
- --_ctm-mob-dn-fs-wt-br-wh,
39
- var(--_ctm-tab-dn-fs-wt-br-wh, var(--_ctm-dn-fs-wt-br-wh))
40
- );
23
+ border-color: var(--_ctm-mob-dn-fs-wt-br-cr,
24
+ var(--_ctm-tab-dn-fs-wt-br-cr, var(--_ctm-dn-fs-wt-br-cr)));
25
+ border-style: var(--_ctm-mob-dn-fs-wt-br-se,
26
+ var(--_ctm-tab-dn-fs-wt-br-se, var(--_ctm-dn-fs-wt-br-se)));
27
+ border-width: var(--_ctm-mob-dn-fs-wt-br-wh,
28
+ var(--_ctm-tab-dn-fs-wt-br-wh, var(--_ctm-dn-fs-wt-br-wh)));
41
29
  }
42
30
  }
43
31
 
@@ -51,20 +39,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
51
39
 
52
40
  &[data-clear-all-text-border="true"] {
53
41
  .filter_container .filter__inline .filter__Header {
54
- border-color: var(
55
- --_ctm-mob-dn-cr-al-tt-dt-se-br-cr,
56
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-cr, var(--_ctm-dn-cr-al-tt-dt-se-br-cr))
57
- );
58
-
59
- border-style: var(
60
- --_ctm-mob-dn-cr-al-tt-dt-se-br-se,
61
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-se, var(--_ctm-dn-cr-al-tt-dt-se-br-se))
62
- );
63
-
64
- border-width: var(
65
- --_ctm-mob-dn-cr-al-tt-dt-se-br-wh,
66
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-wh, var(--_ctm-dn-cr-al-tt-dt-se-br-wh))
67
- );
42
+ border-color: var(--_ctm-mob-dn-cr-al-tt-dt-se-br-cr,
43
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-br-cr, var(--_ctm-dn-cr-al-tt-dt-se-br-cr)));
44
+
45
+ border-style: var(--_ctm-mob-dn-cr-al-tt-dt-se-br-se,
46
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-br-se, var(--_ctm-dn-cr-al-tt-dt-se-br-se)));
47
+
48
+ border-width: var(--_ctm-mob-dn-cr-al-tt-dt-se-br-wh,
49
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-br-wh, var(--_ctm-dn-cr-al-tt-dt-se-br-wh)));
68
50
  }
69
51
  }
70
52
 
@@ -72,22 +54,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
72
54
  width: 100%;
73
55
  //Filter Features Starts
74
56
  // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
75
- background-color: var(
76
- --_ctm-mob-dn-fs-wt-bd-cr,
77
- var(--_ctm-tab-dn-fs-wt-bd-cr, var(--_ctm-dn-fs-wt-bd-cr))
78
- );
79
- box-shadow: var(
80
- --_show-shadow,
81
- var(--_ctm-mob-dn-fs-wt-sw-ae, var(--_ctm-tab-dn-fs-wt-sw-ae, var(--_ctm-dn-fs-wt-sw-ae)))
82
- var(--_ctm-mob-dn-fs-wt-sw-br, var(--_ctm-tab-dn-fs-wt-sw-br, var(--_ctm-dn-fs-wt-sw-br)))
83
- var(--_ctm-mob-dn-fs-wt-sw-sd, var(--_ctm-tab-dn-fs-wt-sw-sd, var(--_ctm-dn-fs-wt-sw-sd)))
84
- var(--_ctm-mob-dn-fs-wt-sw-cr, var(--_ctm-tab-dn-fs-wt-sw-cr, var(--_ctm-dn-fs-wt-sw-cr)))
85
- );
86
- border-radius: var(
87
- --_ctm-mob-dn-fs-wt-br-rs,
88
- var(--_ctm-tab-dn-fs-wt-br-rs, var(--_ctm-dn-fs-wt-br-rs))
89
- );
57
+ background-color: var(--_ctm-mob-dn-fs-wt-bd-cr,
58
+ var(--_ctm-tab-dn-fs-wt-bd-cr, var(--_ctm-dn-fs-wt-bd-cr)));
59
+ box-shadow: var(--_show-shadow,
60
+ var(--_ctm-mob-dn-fs-wt-sw-ae, var(--_ctm-tab-dn-fs-wt-sw-ae, var(--_ctm-dn-fs-wt-sw-ae))) var(--_ctm-mob-dn-fs-wt-sw-br, var(--_ctm-tab-dn-fs-wt-sw-br, var(--_ctm-dn-fs-wt-sw-br))) var(--_ctm-mob-dn-fs-wt-sw-sd, var(--_ctm-tab-dn-fs-wt-sw-sd, var(--_ctm-dn-fs-wt-sw-sd))) var(--_ctm-mob-dn-fs-wt-sw-cr, var(--_ctm-tab-dn-fs-wt-sw-cr, var(--_ctm-dn-fs-wt-sw-cr))));
61
+ border-radius: var(--_ctm-mob-dn-fs-wt-br-rs,
62
+ var(--_ctm-tab-dn-fs-wt-br-rs, var(--_ctm-dn-fs-wt-br-rs)));
90
63
  overflow: clip;
64
+
91
65
  // max-height: prepareMediaVariable(--_ctm-lt-ht, auto);
92
66
  // overflow-y: auto;
93
67
  @mixin flex($justifyItems: flex-start, $alignItems: center) {
@@ -109,13 +83,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
109
83
  display: flex;
110
84
  flex-direction: column;
111
85
  padding-block: 12px;
86
+
112
87
  // padding-right: 10px;
113
88
  &.divider_filter {
114
89
  border-bottom: 1px solid var(--_thm-cs-be-se-3);
115
90
  }
91
+
116
92
  &:last-child {
117
93
  border-bottom: none !important;
118
94
  }
95
+
119
96
  .filter__Header {
120
97
  display: flex;
121
98
  justify-content: space-between;
@@ -127,70 +104,39 @@ $resizeActive: '[data-cms-element-resizer="true"]';
127
104
  font-weight: var(--_fw-600);
128
105
  text-transform: uppercase;
129
106
  }
107
+
130
108
  h3 {
131
109
  // font-size: 14px;
132
110
  // text-transform: uppercase;
133
111
 
134
- color: var(
135
- --_ctm-mob-dn-fs-wt-cr,
136
- var(--_ctm-tab-dn-fs-wt-cr, var(--_ctm-dn-fs-wt-cr))
137
- );
138
- font-family: var(
139
- --_sf-hr-ff,
140
- var(
141
- --_ctm-mob-dn-fs-wt-ft-fy,
142
- var(--_ctm-tab-dn-fs-wt-ft-fy, var(--_ctm-dn-fs-wt-ft-fy))
143
- )
144
- );
145
- text-transform: var(
146
- --_sf-hr-tt-tm,
147
- var(
148
- --_ctm-mob-dn-fs-wt-tt-tm,
149
- var(--_ctm-tab-dn-fs-wt-tt-tm, var(--_ctm-dn-fs-wt-tt-tm))
150
- )
151
- );
152
- word-wrap: var(
153
- --_sf-hr-wd-wp,
154
- var(
155
- --_ctm-mob-dn-fs-wt-wd-wp,
156
- var(--_ctm-tab-dn-fs-wt-wd-wp, var(--_ctm-dn-fs-wt-wd-wp))
157
- )
158
- );
159
- word-break: var(
160
- --_sf-hr-wd-bk,
161
- var(
162
- --_ctm-mob-dn-fs-wt-wd-bk,
163
- var(--_ctm-tab-dn-fs-wt-wd-bk, var(--_ctm-dn-fs-wt-wd-bk))
164
- )
165
- );
166
- font-size: var(
167
- --_ctm-mob-dn-fs-wt-ft-se,
168
- var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se))
169
- );
170
- font-weight: var(
171
- --_ctm-mob-dn-fs-wt-ft-wt,
172
- var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt))
173
- );
174
- font-style: var(
175
- --_ctm-mob-dn-fs-wt-ft-se-ic,
176
- var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic))
177
- );
178
- text-align: var(
179
- --_ctm-mob-dn-fs-wt-tt-an,
180
- var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an))
181
- );
182
- letter-spacing: var(
183
- --_ctm-mob-dn-fs-wt-lr-sg,
184
- var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg))
185
- );
186
- line-height: var(
187
- --_ctm-mob-dn-fs-wt-le-ht,
188
- var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht))
189
- );
190
- text-decoration: var(
191
- --_ctm-mob-dn-fs-wt-ue,
192
- var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue))
193
- );
112
+ color: var(--_ctm-mob-dn-fs-wt-cr,
113
+ var(--_ctm-tab-dn-fs-wt-cr, var(--_ctm-dn-fs-wt-cr)));
114
+ font-family: var(--_sf-hr-ff,
115
+ var(--_ctm-mob-dn-fs-wt-ft-fy,
116
+ var(--_ctm-tab-dn-fs-wt-ft-fy, var(--_ctm-dn-fs-wt-ft-fy))));
117
+ text-transform: var(--_sf-hr-tt-tm,
118
+ var(--_ctm-mob-dn-fs-wt-tt-tm,
119
+ var(--_ctm-tab-dn-fs-wt-tt-tm, var(--_ctm-dn-fs-wt-tt-tm))));
120
+ word-wrap: var(--_sf-hr-wd-wp,
121
+ var(--_ctm-mob-dn-fs-wt-wd-wp,
122
+ var(--_ctm-tab-dn-fs-wt-wd-wp, var(--_ctm-dn-fs-wt-wd-wp))));
123
+ word-break: var(--_sf-hr-wd-bk,
124
+ var(--_ctm-mob-dn-fs-wt-wd-bk,
125
+ var(--_ctm-tab-dn-fs-wt-wd-bk, var(--_ctm-dn-fs-wt-wd-bk))));
126
+ font-size: var(--_ctm-mob-dn-fs-wt-ft-se,
127
+ var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se)));
128
+ font-weight: var(--_ctm-mob-dn-fs-wt-ft-wt,
129
+ var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt)));
130
+ font-style: var(--_ctm-mob-dn-fs-wt-ft-se-ic,
131
+ var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic)));
132
+ text-align: var(--_ctm-mob-dn-fs-wt-tt-an,
133
+ var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an)));
134
+ letter-spacing: var(--_ctm-mob-dn-fs-wt-lr-sg,
135
+ var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg)));
136
+ line-height: var(--_ctm-mob-dn-fs-wt-le-ht,
137
+ var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht)));
138
+ text-decoration: var(--_ctm-mob-dn-fs-wt-ue,
139
+ var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue)));
194
140
  }
195
141
 
196
142
  .reset__btn {
@@ -201,161 +147,79 @@ $resizeActive: '[data-cms-element-resizer="true"]';
201
147
  // &:hover {
202
148
  // color: var(--_primary-700);
203
149
  // }
204
- background-color: var(
205
- --_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
206
- var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr))
207
- );
208
- border-radius: var(
209
- --_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
210
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs))
211
- );
212
- padding: var(
213
- --_ctm-mob-dn-cr-al-tt-dt-se-pg,
214
- var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg))
215
- );
216
- box-shadow: var(
217
- --_show-shadow-clear-all,
218
- var(
219
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
220
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))
221
- )
222
- var(
223
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
224
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))
225
- )
226
- var(
227
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
228
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))
229
- )
230
- var(
231
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
232
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))
233
- )
234
- );
235
-
236
- color: var(
237
- --_ctm-mob-dn-cr-al-tt-dt-se-cr,
238
- var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr))
239
- );
240
- font-family: var(
241
- --_sf-hr-ff,
242
- var(
243
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
244
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))
245
- )
246
- );
247
- text-transform: var(
248
- --_sf-hr-tt-tm,
249
- var(
250
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-tm,
251
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-tm, var(--_ctm-dn-cr-al-tt-dt-se-tt-tm))
252
- )
253
- );
254
- word-wrap: var(
255
- --_sf-hr-wd-wp,
256
- var(
257
- --_ctm-mob-dn-cr-al-tt-dt-se-wd-wp,
258
- var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-wp, var(--_ctm-dn-cr-al-tt-dt-se-wd-wp))
259
- )
260
- );
261
- word-break: var(
262
- --_sf-hr-wd-bk,
263
- var(
264
- --_ctm-mob-dn-cr-al-tt-dt-se-wd-bk,
265
- var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-bk, var(--_ctm-dn-cr-al-tt-dt-se-wd-bk))
266
- )
267
- );
268
- font-size: var(
269
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
270
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se))
271
- );
272
- font-weight: var(
273
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
274
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt))
275
- );
276
- font-style: var(
277
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
278
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic))
279
- );
280
- text-align: var(
281
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
282
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an))
283
- );
284
- letter-spacing: var(
285
- --_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
286
- var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg))
287
- );
288
- line-height: var(
289
- --_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
290
- var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht))
291
- );
292
- text-decoration: var(
293
- --_ctm-mob-dn-cr-al-tt-dt-se-ue,
294
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue))
295
- );
150
+ background-color: var(--_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
151
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr)));
152
+ border-radius: var(--_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
153
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs)));
154
+ padding: var(--_ctm-mob-dn-cr-al-tt-dt-se-pg,
155
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg)));
156
+ box-shadow: var(--_show-shadow-clear-all,
157
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
158
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
159
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
160
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
161
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))));
162
+
163
+ color: var(--_ctm-mob-dn-cr-al-tt-dt-se-cr,
164
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr)));
165
+ font-family: var(--_sf-hr-ff,
166
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
167
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))));
168
+ text-transform: var(--_sf-hr-tt-tm,
169
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-tt-tm,
170
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-tm, var(--_ctm-dn-cr-al-tt-dt-se-tt-tm))));
171
+ word-wrap: var(--_sf-hr-wd-wp,
172
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-wd-wp,
173
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-wp, var(--_ctm-dn-cr-al-tt-dt-se-wd-wp))));
174
+ word-break: var(--_sf-hr-wd-bk,
175
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-wd-bk,
176
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-bk, var(--_ctm-dn-cr-al-tt-dt-se-wd-bk))));
177
+ font-size: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
178
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se)));
179
+ font-weight: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
180
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt)));
181
+ font-style: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
182
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic)));
183
+ text-align: var(--_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
184
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an)));
185
+ letter-spacing: var(--_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
186
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg)));
187
+ line-height: var(--_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
188
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht)));
189
+ text-decoration: var(--_ctm-mob-dn-cr-al-tt-dt-se-ue,
190
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue)));
296
191
  }
297
192
  }
193
+
298
194
  p {
299
- color: var(
300
- --_ctm-mob-dn-fs-wt-cr-dc,
301
- var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc))
302
- );
303
- font-family: var(
304
- --_sf-hr-ff,
305
- var(
306
- --_ctm-mob-dn-fs-wt-ft-fy-dc,
307
- var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))
308
- )
309
- );
310
- text-transform: var(
311
- --_sf-hr-tt-tm,
312
- var(
313
- --_ctm-mob-dn-fs-wt-tt-tm-dc,
314
- var(--_ctm-tab-dn-fs-wt-tt-tm-dc, var(--_ctm-dn-fs-wt-tt-tm-dc))
315
- )
316
- );
317
- word-wrap: var(
318
- --_sf-hr-wd-wp,
319
- var(
320
- --_ctm-mob-dn-fs-wt-wd-wp-dc,
321
- var(--_ctm-tab-dn-fs-wt-wd-wp-dc, var(--_ctm-dn-fs-wt-wd-wp-dc))
322
- )
323
- );
324
- word-break: var(
325
- --_sf-hr-wd-bk,
326
- var(
327
- --_ctm-mob-dn-fs-wt-wd-bk-dc,
328
- var(--_ctm-tab-dn-fs-wt-wd-bk-dc, var(--_ctm-dn-fs-wt-wd-bk-dc))
329
- )
330
- );
331
- font-size: var(
332
- --_ctm-mob-dn-fs-wt-ft-se-dc,
333
- var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc))
334
- );
335
- font-weight: var(
336
- --_ctm-mob-dn-fs-wt-ft-wt-dc,
337
- var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc))
338
- );
339
- font-style: var(
340
- --_ctm-mob-dn-fs-wt-ft-se-ic-dc,
341
- var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc))
342
- );
343
- text-align: var(
344
- --_ctm-mob-dn-fs-wt-tt-an-dc,
345
- var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc))
346
- );
347
- letter-spacing: var(
348
- --_ctm-mob-dn-fs-wt-lr-sg-dc,
349
- var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc))
350
- );
351
- line-height: var(
352
- --_ctm-mob-dn-fs-wt-le-ht-dc,
353
- var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc))
354
- );
355
- text-decoration: var(
356
- --_ctm-mob-dn-fs-wt-ue-dc,
357
- var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc))
358
- );
195
+ color: var(--_ctm-mob-dn-fs-wt-cr-dc,
196
+ var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc)));
197
+ font-family: var(--_sf-hr-ff,
198
+ var(--_ctm-mob-dn-fs-wt-ft-fy-dc,
199
+ var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))));
200
+ text-transform: var(--_sf-hr-tt-tm,
201
+ var(--_ctm-mob-dn-fs-wt-tt-tm-dc,
202
+ var(--_ctm-tab-dn-fs-wt-tt-tm-dc, var(--_ctm-dn-fs-wt-tt-tm-dc))));
203
+ word-wrap: var(--_sf-hr-wd-wp,
204
+ var(--_ctm-mob-dn-fs-wt-wd-wp-dc,
205
+ var(--_ctm-tab-dn-fs-wt-wd-wp-dc, var(--_ctm-dn-fs-wt-wd-wp-dc))));
206
+ word-break: var(--_sf-hr-wd-bk,
207
+ var(--_ctm-mob-dn-fs-wt-wd-bk-dc,
208
+ var(--_ctm-tab-dn-fs-wt-wd-bk-dc, var(--_ctm-dn-fs-wt-wd-bk-dc))));
209
+ font-size: var(--_ctm-mob-dn-fs-wt-ft-se-dc,
210
+ var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc)));
211
+ font-weight: var(--_ctm-mob-dn-fs-wt-ft-wt-dc,
212
+ var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc)));
213
+ font-style: var(--_ctm-mob-dn-fs-wt-ft-se-ic-dc,
214
+ var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc)));
215
+ text-align: var(--_ctm-mob-dn-fs-wt-tt-an-dc,
216
+ var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc)));
217
+ letter-spacing: var(--_ctm-mob-dn-fs-wt-lr-sg-dc,
218
+ var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc)));
219
+ line-height: var(--_ctm-mob-dn-fs-wt-le-ht-dc,
220
+ var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc)));
221
+ text-decoration: var(--_ctm-mob-dn-fs-wt-ue-dc,
222
+ var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc)));
359
223
  }
360
224
 
361
225
  .selected__items {
@@ -363,12 +227,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
363
227
  flex-wrap: wrap;
364
228
  gap: 10px;
365
229
  align-items: center;
230
+
366
231
  // margin-top: 10px;
367
232
  .selected__category {
368
233
  display: flex;
369
234
  align-items: center;
370
235
  gap: 10px;
371
236
  flex-wrap: wrap;
237
+
372
238
  // .selected_item {
373
239
  // display: flex;
374
240
  // gap: 8px;
@@ -393,299 +259,151 @@ $resizeActive: '[data-cms-element-resizer="true"]';
393
259
  transition:
394
260
  background-color 400ms,
395
261
  border-color 400ms ease-in-out;
396
- background-color: var(
397
- --_sf-hr-bd-cr,
398
- var(
399
- --_ctm-mob-dn-sd-im-dt-se-bd-cr,
400
- var(--_ctm-tab-dn-sd-im-dt-se-bd-cr, var(--_ctm-dn-sd-im-dt-se-bd-cr))
401
- )
402
- );
403
- border-radius: var(
404
- --_sf-hr-br-br,
405
- var(
406
- --_ctm-mob-dn-sd-im-dt-se-br-rs,
407
- var(--_ctm-tab-dn-sd-im-dt-se-br-rs, var(--_ctm-dn-sd-im-dt-se-br-rs))
408
- )
409
- );
410
- padding: var(
411
- --_sf-hr-sd-im-pg,
412
- var(
413
- --_ctm-mob-dn-sd-im-dt-se-pg,
414
- var(--_ctm-tab-dn-sd-im-dt-se-pg, var(--_ctm-dn-sd-im-dt-se-pg))
415
- )
416
- );
417
- box-shadow: var(
418
- --_hover-show-shadow,
419
- var(
420
- --_sf-hr-bx-sw,
421
- var(
422
- --_show-shadow,
423
- var(
424
- --_ctm-mob-dn-sd-im-dt-se-sw-ae,
425
- var(--_ctm-tab-dn-sd-im-dt-se-sw-ae, var(--_ctm-dn-sd-im-dt-se-sw-ae))
426
- )
427
- var(
428
- --_ctm-mob-dn-sd-im-dt-se-sw-br,
429
- var(--_ctm-tab-dn-sd-im-dt-se-sw-br, var(--_ctm-dn-sd-im-dt-se-sw-br))
430
- )
431
- var(
432
- --_ctm-mob-dn-sd-im-dt-se-sw-sd,
433
- var(--_ctm-tab-dn-sd-im-dt-se-sw-sd, var(--_ctm-dn-sd-im-dt-se-sw-sd))
434
- )
435
- var(
436
- --_ctm-mob-dn-sd-im-dt-se-sw-cr,
437
- var(--_ctm-tab-dn-sd-im-dt-se-sw-cr, var(--_ctm-dn-sd-im-dt-se-sw-cr))
438
- )
439
- )
440
- )
441
- );
442
-
443
- color: var(
444
- --_sf-hr-fc,
445
- var(
446
- --_ctm-mob-dn-sd-im-dt-se-cr,
447
- var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
448
- )
449
- );
450
- font-family: var(
451
- --_sf-hr-ff,
452
- var(
453
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
454
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
455
- )
456
- );
457
- text-transform: var(
458
- --_sf-hr-tt-tm,
459
- var(
460
- --_ctm-mob-dn-sd-im-dt-se-tt-tm,
461
- var(--_ctm-tab-dn-sd-im-dt-se-tt-tm, var(--_ctm-dn-sd-im-dt-se-tt-tm))
462
- )
463
- );
464
- word-wrap: var(
465
- --_sf-hr-wd-wp,
466
- var(
467
- --_ctm-mob-dn-sd-im-dt-se-wd-wp,
468
- var(--_ctm-tab-dn-sd-im-dt-se-wd-wp, var(--_ctm-dn-sd-im-dt-se-wd-wp))
469
- )
470
- );
471
- word-break: var(
472
- --_sf-hr-wd-bk,
473
- var(
474
- --_ctm-mob-dn-sd-im-dt-se-wd-bk,
475
- var(--_ctm-tab-dn-sd-im-dt-se-wd-bk, var(--_ctm-dn-sd-im-dt-se-wd-bk))
476
- )
477
- );
262
+ background-color: var(--_sf-hr-bd-cr,
263
+ var(--_ctm-mob-dn-sd-im-dt-se-bd-cr,
264
+ var(--_ctm-tab-dn-sd-im-dt-se-bd-cr, var(--_ctm-dn-sd-im-dt-se-bd-cr))));
265
+ border-radius: var(--_sf-hr-br-br,
266
+ var(--_ctm-mob-dn-sd-im-dt-se-br-rs,
267
+ var(--_ctm-tab-dn-sd-im-dt-se-br-rs, var(--_ctm-dn-sd-im-dt-se-br-rs))));
268
+ padding: var(--_sf-hr-sd-im-pg,
269
+ var(--_ctm-mob-dn-sd-im-dt-se-pg,
270
+ var(--_ctm-tab-dn-sd-im-dt-se-pg, var(--_ctm-dn-sd-im-dt-se-pg))));
271
+ box-shadow: var(--_hover-show-shadow,
272
+ var(--_sf-hr-bx-sw,
273
+ var(--_show-shadow,
274
+ var(--_ctm-mob-dn-sd-im-dt-se-sw-ae,
275
+ var(--_ctm-tab-dn-sd-im-dt-se-sw-ae, var(--_ctm-dn-sd-im-dt-se-sw-ae))) var(--_ctm-mob-dn-sd-im-dt-se-sw-br,
276
+ var(--_ctm-tab-dn-sd-im-dt-se-sw-br, var(--_ctm-dn-sd-im-dt-se-sw-br))) var(--_ctm-mob-dn-sd-im-dt-se-sw-sd,
277
+ var(--_ctm-tab-dn-sd-im-dt-se-sw-sd, var(--_ctm-dn-sd-im-dt-se-sw-sd))) var(--_ctm-mob-dn-sd-im-dt-se-sw-cr,
278
+ var(--_ctm-tab-dn-sd-im-dt-se-sw-cr, var(--_ctm-dn-sd-im-dt-se-sw-cr))))));
279
+
280
+ color: var(--_sf-hr-fc,
281
+ var(--_ctm-mob-dn-sd-im-dt-se-cr,
282
+ var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))));
283
+ font-family: var(--_sf-hr-ff,
284
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-fy,
285
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))));
286
+ text-transform: var(--_sf-hr-tt-tm,
287
+ var(--_ctm-mob-dn-sd-im-dt-se-tt-tm,
288
+ var(--_ctm-tab-dn-sd-im-dt-se-tt-tm, var(--_ctm-dn-sd-im-dt-se-tt-tm))));
289
+ word-wrap: var(--_sf-hr-wd-wp,
290
+ var(--_ctm-mob-dn-sd-im-dt-se-wd-wp,
291
+ var(--_ctm-tab-dn-sd-im-dt-se-wd-wp, var(--_ctm-dn-sd-im-dt-se-wd-wp))));
292
+ word-break: var(--_sf-hr-wd-bk,
293
+ var(--_ctm-mob-dn-sd-im-dt-se-wd-bk,
294
+ var(--_ctm-tab-dn-sd-im-dt-se-wd-bk, var(--_ctm-dn-sd-im-dt-se-wd-bk))));
295
+
478
296
  &.flex__overflow {
479
297
  white-space: normal;
480
298
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
481
299
  }
482
- font-size: var(
483
- --_sf-hr-fs,
484
- var(
485
- --_ctm-mob-dn-sd-im-dt-se-ft-se,
486
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))
487
- )
488
- );
489
- font-weight: var(
490
- --_sf-hr-fw,
491
- var(
492
- --_ctm-mob-dn-sd-im-dt-se-ft-wt,
493
- var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))
494
- )
495
- );
496
- font-style: var(
497
- --_sf-hr-ft,
498
- var(
499
- --_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
500
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))
501
- )
502
- );
503
- text-align: var(
504
- --_sf-hr-ta,
505
- var(
506
- --_ctm-mob-dn-sd-im-dt-se-tt-an,
507
- var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))
508
- )
509
- );
510
- letter-spacing: var(
511
- --_sf-hr-ls,
512
- var(
513
- --_ctm-mob-dn-sd-im-dt-se-lr-sg,
514
- var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))
515
- )
516
- );
517
- line-height: var(
518
- --_sf-hr-lh,
519
- var(
520
- --_ctm-mob-dn-sd-im-dt-se-le-ht,
521
- var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))
522
- )
523
- );
524
- text-decoration: var(
525
- --_sf-hr-tt-dn,
526
- var(
527
- --_ctm-mob-dn-sd-im-dt-se-ue,
528
- var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))
529
- )
530
- );
300
+
301
+ font-size: var(--_sf-hr-fs,
302
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-se,
303
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))));
304
+ font-weight: var(--_sf-hr-fw,
305
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-wt,
306
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))));
307
+ font-style: var(--_sf-hr-ft,
308
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
309
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))));
310
+ text-align: var(--_sf-hr-ta,
311
+ var(--_ctm-mob-dn-sd-im-dt-se-tt-an,
312
+ var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))));
313
+ letter-spacing: var(--_sf-hr-ls,
314
+ var(--_ctm-mob-dn-sd-im-dt-se-lr-sg,
315
+ var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))));
316
+ line-height: var(--_sf-hr-lh,
317
+ var(--_ctm-mob-dn-sd-im-dt-se-le-ht,
318
+ var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))));
319
+ text-decoration: var(--_sf-hr-tt-dn,
320
+ var(--_ctm-mob-dn-sd-im-dt-se-ue,
321
+ var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))));
322
+
531
323
  &[data-show-selected-item-border="true"] {
532
- border-color: var(
533
- --_sf-hr-br-cr,
534
- var(
535
- --_ctm-mob-dn-sd-im-dt-se-br-cr,
536
- var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))
537
- )
538
- );
539
- border-style: var(
540
- --_sf-hr-br-st,
541
- var(
542
- --_ctm-mob-dn-sd-im-dt-se-br-se,
543
- var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))
544
- )
545
- );
546
- border-width: var(
547
- --_sf-hr-br-wh,
548
- var(
549
- --_ctm-mob-dn-sd-im-dt-se-br-wh,
550
- var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
551
- )
552
- );
324
+ border-color: var(--_sf-hr-br-cr,
325
+ var(--_ctm-mob-dn-sd-im-dt-se-br-cr,
326
+ var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))));
327
+ border-style: var(--_sf-hr-br-st,
328
+ var(--_ctm-mob-dn-sd-im-dt-se-br-se,
329
+ var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))));
330
+ border-width: var(--_sf-hr-br-wh,
331
+ var(--_ctm-mob-dn-sd-im-dt-se-br-wh,
332
+ var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))));
553
333
  }
334
+
554
335
  &:hover {
555
336
  // border: 1px solid var(--_gray-300);
556
337
  // background-color: var(--_gray-50);
557
338
  // cursor: pointer;
558
- --_sf-hr-bd-cr: var(
559
- --_ctm-mob-dn-sd-im-hr-se-bd-cr,
560
- var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr))
561
- );
562
- --_sf-hr-br-cr: var(
563
- --_ctm-mob-dn-sd-im-hr-se-br-cr,
564
- var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr))
565
- );
566
- --_sf-hr-br-st: var(
567
- --_ctm-mob-dn-sd-im-hr-se-br-se,
568
- var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
569
- );
570
- --_sf-hr-br-wh: var(
571
- --_ctm-mob-dn-sd-im-hr-se-br-wh,
572
- var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
573
- );
574
- --_sf-hr-br-br: var(
575
- --_ctm-mob-dn-sd-im-hr-se-br-rs,
576
- var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs))
577
- );
578
- --_sf-hr-sd-im-pg: var(
579
- --_ctm-mob-dn-sd-im-hr-se-pg,
580
- var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg))
581
- );
582
- --_sf-hr-bx-sw: var(
583
- --_ctm-mob-dn-sd-im-hr-se-sw-ae,
584
- var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))
585
- )
586
- var(
587
- --_ctm-mob-dn-sd-im-hr-se-sw-br,
588
- var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))
589
- )
590
- var(
591
- --_ctm-mob-dn-sd-im-hr-se-sw-sd,
592
- var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))
593
- )
594
- var(
595
- --_ctm-mob-dn-sd-im-hr-se-sw-cr,
596
- var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr))
597
- );
598
-
599
- --_sf-hr-fc: var(
600
- --_ctm-mob-dn-sd-im-hr-se-cr,
601
- var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr))
602
- );
603
- --_sf-hr-ff: var(
604
- --_ctm-mob-dn-sd-im-hr-se-ft-fy,
605
- var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy))
606
- );
607
- --_sf-hr-tt-tm: var(
608
- --_ctm-mob-dn-sd-im-hr-se-tt-tm,
609
- var(--_ctm-tab-dn-sd-im-hr-se-tt-tm, var(--_ctm-dn-sd-im-hr-se-tt-tm))
610
- );
611
- --_sf-hr-wd-wp: var(
612
- --_ctm-mob-dn-sd-im-hr-se-wd-wp,
613
- var(--_ctm-tab-dn-sd-im-hr-se-wd-wp, var(--_ctm-dn-sd-im-hr-se-wd-wp))
614
- );
615
- --_sf-hr-wd-bk: var(
616
- --_ctm-mob-dn-sd-im-hr-se-wd-bk,
617
- var(--_ctm-tab-dn-sd-im-hr-se-wd-bk, var(--_ctm-dn-sd-im-hr-se-wd-bk))
618
- );
619
- --_sf-hr-fs: var(
620
- --_ctm-mob-dn-sd-im-hr-se-ft-se,
621
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se))
622
- );
623
- --_sf-hr-fw: var(
624
- --_ctm-mob-dn-sd-im-hr-se-ft-wt,
625
- var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt))
626
- );
627
- --_sf-hr-ft: var(
628
- --_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
629
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic))
630
- );
631
- --_sf-hr-ta: var(
632
- --_ctm-mob-dn-sd-im-hr-se-tt-an,
633
- var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an))
634
- );
635
- --_sf-hr-ls: var(
636
- --_ctm-mob-dn-sd-im-hr-se-lr-sg,
637
- var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg))
638
- );
639
- --_sf-hr-lh: var(
640
- --_ctm-mob-dn-sd-im-hr-se-le-ht,
641
- var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht))
642
- );
643
-
644
- --_sf-hr-ic-wt: var(
645
- --_ctm-mob-dn-sd-im-hr-se-in-se,
646
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
647
- );
648
- --_sf-hr-ic-ht: var(
649
- --_ctm-mob-dn-sd-im-hr-se-in-se,
650
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
651
- );
652
- --_sf-hr-ic-st: var(
653
- --_ctm-mob-dn-sd-im-hr-se-in-c1,
654
- var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1))
655
- );
656
- --_sf-hr-tt-dn: var(
657
- --_ctm-mob-dn-sd-im-hr-se-ue,
658
- var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue))
659
- );
339
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-sd-im-hr-se-bd-cr,
340
+ var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr)));
341
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-sd-im-hr-se-br-cr,
342
+ var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr)));
343
+ --_sf-hr-br-st: var(--_ctm-mob-dn-sd-im-hr-se-br-se,
344
+ var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se)));
345
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-sd-im-hr-se-br-wh,
346
+ var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh)));
347
+ --_sf-hr-br-br: var(--_ctm-mob-dn-sd-im-hr-se-br-rs,
348
+ var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs)));
349
+ --_sf-hr-sd-im-pg: var(--_ctm-mob-dn-sd-im-hr-se-pg,
350
+ var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg)));
351
+ --_sf-hr-bx-sw: var(--_ctm-mob-dn-sd-im-hr-se-sw-ae,
352
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))) var(--_ctm-mob-dn-sd-im-hr-se-sw-br,
353
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))) var(--_ctm-mob-dn-sd-im-hr-se-sw-sd,
354
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))) var(--_ctm-mob-dn-sd-im-hr-se-sw-cr,
355
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr)));
356
+
357
+ --_sf-hr-fc: var(--_ctm-mob-dn-sd-im-hr-se-cr,
358
+ var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr)));
359
+ --_sf-hr-ff: var(--_ctm-mob-dn-sd-im-hr-se-ft-fy,
360
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy)));
361
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-sd-im-hr-se-tt-tm,
362
+ var(--_ctm-tab-dn-sd-im-hr-se-tt-tm, var(--_ctm-dn-sd-im-hr-se-tt-tm)));
363
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-sd-im-hr-se-wd-wp,
364
+ var(--_ctm-tab-dn-sd-im-hr-se-wd-wp, var(--_ctm-dn-sd-im-hr-se-wd-wp)));
365
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-sd-im-hr-se-wd-bk,
366
+ var(--_ctm-tab-dn-sd-im-hr-se-wd-bk, var(--_ctm-dn-sd-im-hr-se-wd-bk)));
367
+ --_sf-hr-fs: var(--_ctm-mob-dn-sd-im-hr-se-ft-se,
368
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se)));
369
+ --_sf-hr-fw: var(--_ctm-mob-dn-sd-im-hr-se-ft-wt,
370
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt)));
371
+ --_sf-hr-ft: var(--_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
372
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic)));
373
+ --_sf-hr-ta: var(--_ctm-mob-dn-sd-im-hr-se-tt-an,
374
+ var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an)));
375
+ --_sf-hr-ls: var(--_ctm-mob-dn-sd-im-hr-se-lr-sg,
376
+ var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg)));
377
+ --_sf-hr-lh: var(--_ctm-mob-dn-sd-im-hr-se-le-ht,
378
+ var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht)));
379
+
380
+ --_sf-hr-ic-wt: var(--_ctm-mob-dn-sd-im-hr-se-in-se,
381
+ var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se)));
382
+ --_sf-hr-ic-ht: var(--_ctm-mob-dn-sd-im-hr-se-in-se,
383
+ var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se)));
384
+ --_sf-hr-ic-st: var(--_ctm-mob-dn-sd-im-hr-se-in-c1,
385
+ var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1)));
386
+ --_sf-hr-tt-dn: var(--_ctm-mob-dn-sd-im-hr-se-ue,
387
+ var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue)));
660
388
 
661
389
  &[data-hover-show-shadow="false"] {
662
390
  --_hover-show-shadow: none;
663
391
  }
392
+
664
393
  &[data-hover-show-icon="false"] {
665
394
  --_hover-show-icon: none;
666
395
  }
396
+
667
397
  &[data-show-selected-item-hover-border="true"] {
668
- border-color: var(
669
- --_sf-hr-br-cr,
670
- var(
671
- --_ctm-mob-dn-sd-im-dt-se-br-cr,
672
- var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))
673
- )
674
- );
675
- border-style: var(
676
- --_sf-hr-br-st,
677
- var(
678
- --_ctm-mob-dn-sd-im-dt-se-br-se,
679
- var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))
680
- )
681
- );
682
- border-width: var(
683
- --_sf-hr-br-wh,
684
- var(
685
- --_ctm-mob-dn-sd-im-dt-se-br-wh,
686
- var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
687
- )
688
- );
398
+ border-color: var(--_sf-hr-br-cr,
399
+ var(--_ctm-mob-dn-sd-im-dt-se-br-cr,
400
+ var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))));
401
+ border-style: var(--_sf-hr-br-st,
402
+ var(--_ctm-mob-dn-sd-im-dt-se-br-se,
403
+ var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))));
404
+ border-width: var(--_sf-hr-br-wh,
405
+ var(--_ctm-mob-dn-sd-im-dt-se-br-wh,
406
+ var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))));
689
407
  }
690
408
  }
691
409
  }
@@ -695,83 +413,56 @@ $resizeActive: '[data-cms-element-resizer="true"]';
695
413
  .option__group__header {
696
414
  @include flex($justifyItems: space-between);
697
415
  gap: 8px;
416
+
698
417
  h2 {
699
418
  font-size: var(--_fs-14);
700
419
  font-weight: var(--_fw-600);
701
420
  }
421
+
702
422
  h3 {
703
423
  // font-size: 12px;
704
424
  // text-transform: uppercase;
705
425
  // color: #333;
706
- color: var(
707
- --_ctm-mob-dn-on-ls-cr,
708
- var(--_ctm-tab-dn-on-ls-cr, var(--_ctm-dn-on-ls-cr))
709
- );
710
- font-family: var(
711
- --_sf-hr-ff,
712
- var(
713
- --_ctm-mob-dn-on-ls-ft-fy,
714
- var(--_ctm-tab-dn-on-ls-ft-fy, var(--_ctm-dn-on-ls-ft-fy))
715
- )
716
- );
717
- text-transform: var(
718
- --_sf-hr-tt-tm,
719
- var(
720
- --_ctm-mob-dn-on-ls-tt-tm,
721
- var(--_ctm-tab-dn-on-ls-tt-tm, var(--_ctm-dn-on-ls-tt-tm))
722
- )
723
- );
724
- word-wrap: var(
725
- --_sf-hr-wd-wp,
726
- var(
727
- --_ctm-mob-dn-on-ls-wd-wp,
728
- var(--_ctm-tab-dn-on-ls-wd-wp, var(--_ctm-dn-on-ls-wd-wp))
729
- )
730
- );
731
- word-break: var(
732
- --_sf-hr-wd-bk,
733
- var(
734
- --_ctm-mob-dn-on-ls-wd-bk,
735
- var(--_ctm-tab-dn-on-ls-wd-bk, var(--_ctm-dn-on-ls-wd-bk))
736
- )
737
- );
426
+ color: var(--_ctm-mob-dn-on-ls-cr,
427
+ var(--_ctm-tab-dn-on-ls-cr, var(--_ctm-dn-on-ls-cr)));
428
+ font-family: var(--_sf-hr-ff,
429
+ var(--_ctm-mob-dn-on-ls-ft-fy,
430
+ var(--_ctm-tab-dn-on-ls-ft-fy, var(--_ctm-dn-on-ls-ft-fy))));
431
+ text-transform: var(--_sf-hr-tt-tm,
432
+ var(--_ctm-mob-dn-on-ls-tt-tm,
433
+ var(--_ctm-tab-dn-on-ls-tt-tm, var(--_ctm-dn-on-ls-tt-tm))));
434
+ word-wrap: var(--_sf-hr-wd-wp,
435
+ var(--_ctm-mob-dn-on-ls-wd-wp,
436
+ var(--_ctm-tab-dn-on-ls-wd-wp, var(--_ctm-dn-on-ls-wd-wp))));
437
+ word-break: var(--_sf-hr-wd-bk,
438
+ var(--_ctm-mob-dn-on-ls-wd-bk,
439
+ var(--_ctm-tab-dn-on-ls-wd-bk, var(--_ctm-dn-on-ls-wd-bk))));
440
+
738
441
  &.flex__overflow {
739
442
  white-space: normal;
740
443
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
741
444
  }
742
- font-size: var(
743
- --_ctm-mob-dn-on-ls-ft-se,
744
- var(--_ctm-tab-dn-on-ls-ft-se, var(--_ctm-dn-on-ls-ft-se))
745
- );
746
- font-weight: var(
747
- --_ctm-mob-dn-on-ls-ft-wt,
748
- var(--_ctm-tab-dn-on-ls-ft-wt, var(--_ctm-dn-on-ls-ft-wt))
749
- );
750
- font-style: var(
751
- --_ctm-mob-dn-on-ls-ft-se-ic,
752
- var(--_ctm-tab-dn-on-ls-ft-se-ic, var(--_ctm-dn-on-ls-ft-se-ic))
753
- );
754
- text-align: var(
755
- --_ctm-mob-dn-on-ls-tt-an,
756
- var(--_ctm-tab-dn-on-ls-tt-an, var(--_ctm-dn-on-ls-tt-an))
757
- );
758
- letter-spacing: var(
759
- --_ctm-mob-dn-on-ls-lr-sg,
760
- var(--_ctm-tab-dn-on-ls-lr-sg, var(--_ctm-dn-on-ls-lr-sg))
761
- );
762
- line-height: var(
763
- --_ctm-mob-dn-on-ls-le-ht,
764
- var(--_ctm-tab-dn-on-ls-le-ht, var(--_ctm-dn-on-ls-le-ht))
765
- );
766
- text-decoration: var(
767
- --_ctm-mob-dn-on-ls-ue,
768
- var(--_ctm-tab-dn-on-ls-ue, var(--_ctm-dn-on-ls-ue))
769
- );
445
+
446
+ font-size: var(--_ctm-mob-dn-on-ls-ft-se,
447
+ var(--_ctm-tab-dn-on-ls-ft-se, var(--_ctm-dn-on-ls-ft-se)));
448
+ font-weight: var(--_ctm-mob-dn-on-ls-ft-wt,
449
+ var(--_ctm-tab-dn-on-ls-ft-wt, var(--_ctm-dn-on-ls-ft-wt)));
450
+ font-style: var(--_ctm-mob-dn-on-ls-ft-se-ic,
451
+ var(--_ctm-tab-dn-on-ls-ft-se-ic, var(--_ctm-dn-on-ls-ft-se-ic)));
452
+ text-align: var(--_ctm-mob-dn-on-ls-tt-an,
453
+ var(--_ctm-tab-dn-on-ls-tt-an, var(--_ctm-dn-on-ls-tt-an)));
454
+ letter-spacing: var(--_ctm-mob-dn-on-ls-lr-sg,
455
+ var(--_ctm-tab-dn-on-ls-lr-sg, var(--_ctm-dn-on-ls-lr-sg)));
456
+ line-height: var(--_ctm-mob-dn-on-ls-le-ht,
457
+ var(--_ctm-tab-dn-on-ls-le-ht, var(--_ctm-dn-on-ls-le-ht)));
458
+ text-decoration: var(--_ctm-mob-dn-on-ls-ue,
459
+ var(--_ctm-tab-dn-on-ls-ue, var(--_ctm-dn-on-ls-ue)));
770
460
  display: -webkit-box;
771
461
  -webkit-line-clamp: 1;
772
462
  -webkit-box-orient: vertical;
773
463
  overflow: hidden;
774
464
  }
465
+
775
466
  .reset__btn {
776
467
  font-size: 12px;
777
468
  text-transform: uppercase;
@@ -783,18 +474,21 @@ $resizeActive: '[data-cms-element-resizer="true"]';
783
474
  display: flex;
784
475
  align-items: center;
785
476
  gap: 12px;
477
+
786
478
  .search__btn {
787
479
  svg {
788
480
  width: 16px;
789
481
  height: 16px;
790
482
  }
791
483
  }
484
+
792
485
  .rotate_0 {
793
486
  display: flex;
794
487
  align-items: center;
795
488
  transform: rotate(0);
796
489
  transition: all 400ms ease-in-out;
797
490
  }
491
+
798
492
  .rotate_180 {
799
493
  display: flex;
800
494
  align-items: center;
@@ -802,47 +496,36 @@ $resizeActive: '[data-cms-element-resizer="true"]';
802
496
  transition: all 400ms ease-in-out;
803
497
  }
804
498
  }
499
+
805
500
  .filter__search {
806
501
  display: flex;
807
502
  align-items: center;
808
503
  // padding: 6px 10px;
809
- padding: var(
810
- --_sf-hr-sd-im-pg,
811
- var(--_ctm-mob-dn-sh-br-pg, var(--_ctm-tab-dn-sh-br-pg, var(--_ctm-dn-sh-br-pg)))
812
- );
504
+ padding: var(--_sf-hr-sd-im-pg,
505
+ var(--_ctm-mob-dn-sh-br-pg, var(--_ctm-tab-dn-sh-br-pg, var(--_ctm-dn-sh-br-pg))));
813
506
  // border: 1px solid var(--_gray-300);
814
- border-color: var(
815
- --_sf-hr-br-cr,
816
- var(
817
- --_ctm-mob-dn-sh-br-br-cr,
818
- var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
819
- )
820
- );
821
- border-style: var(
822
- --_sf-hr-br-st,
823
- var(
824
- --_ctm-mob-dn-sh-br-br-se,
825
- var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
826
- )
827
- );
828
- border-width: var(
829
- --_sf-hr-br-wh,
830
- var(
831
- --_ctm-mob-dn-sh-br-br-wh,
832
- var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
833
- )
834
- );
507
+ border-color: var(--_sf-hr-br-cr,
508
+ var(--_ctm-mob-dn-sh-br-br-cr,
509
+ var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))));
510
+ border-style: var(--_sf-hr-br-st,
511
+ var(--_ctm-mob-dn-sh-br-br-se,
512
+ var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))));
513
+ border-width: var(--_sf-hr-br-wh,
514
+ var(--_ctm-mob-dn-sh-br-br-wh,
515
+ var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))));
835
516
  // border-radius: 6px;
836
517
  border-radius: prepareMediaVariable(--_ctm-dn-sh-br-br-rs);
837
518
  width: 100%;
838
519
 
839
520
  button {
840
521
  display: flex;
522
+
841
523
  svg {
842
524
  width: 18px;
843
525
  height: 18px;
844
526
  }
845
527
  }
528
+
846
529
  input[type="text"] {
847
530
  padding-left: 6px;
848
531
  }
@@ -852,6 +535,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
852
535
  ul {
853
536
  margin-top: 10px;
854
537
  transition: all 400ms ease-in-out;
538
+
855
539
  &.show__panel {
856
540
  animation: slideUp 0.4s ease-in-out;
857
541
  }
@@ -860,9 +544,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
860
544
  animation: slideDown 0.4s ease-in-out;
861
545
  pointer-events: none;
862
546
  }
547
+
863
548
  &:not(:last-child) {
864
549
  border-bottom: 1px solid var(--_gray-300);
865
550
  }
551
+
866
552
  li {
867
553
  display: flex;
868
554
  align-items: center;
@@ -909,131 +595,75 @@ $resizeActive: '[data-cms-element-resizer="true"]';
909
595
  font-weight: var(--_fw-600);
910
596
  border-radius: var(--_br-6);
911
597
  width: 100%;
598
+
912
599
  &:hover {
913
600
  background-color: var(--_primary-25);
914
601
  color: var(--_primary-700);
915
602
  }
916
603
  }
604
+
917
605
  .more__button {
918
606
  // font-size: 12px;
919
607
  // text-transform: uppercase;
920
608
  // font-weight: var(--_fw-500);
921
609
  // color: var(--_primary-400);
922
- background-color: var(
923
- --_ctm-mob-dn-me-bn-dt-se-bd-cr,
924
- var(--_ctm-tab-dn-me-bn-dt-se-bd-cr, var(--_ctm-dn-me-bn-dt-se-bd-cr))
925
- );
926
- border-radius: var(
927
- --_ctm-mob-dn-me-bn-dt-se-br-rs,
928
- var(--_ctm-tab-dn-me-bn-dt-se-br-rs, var(--_ctm-dn-me-bn-dt-se-br-rs))
929
- );
930
- box-shadow: var(
931
- --_show-shadow-clear-all,
932
- var(
933
- --_ctm-mob-dn-me-bn-dt-se-sw-ae,
934
- var(--_ctm-tab-dn-me-bn-dt-se-sw-ae, var(--_ctm-dn-me-bn-dt-se-sw-ae))
935
- )
936
- var(
937
- --_ctm-mob-dn-me-bn-dt-se-sw-br,
938
- var(--_ctm-tab-dn-me-bn-dt-se-sw-br, var(--_ctm-dn-me-bn-dt-se-sw-br))
939
- )
940
- var(
941
- --_ctm-mob-dn-me-bn-dt-se-sw-sd,
942
- var(--_ctm-tab-dn-me-bn-dt-se-sw-sd, var(--_ctm-dn-me-bn-dt-se-sw-sd))
943
- )
944
- var(
945
- --_ctm-mob-dn-me-bn-dt-se-sw-cr,
946
- var(--_ctm-tab-dn-me-bn-dt-se-sw-cr, var(--_ctm-dn-me-bn-dt-se-sw-cr))
947
- )
948
- );
949
-
950
- color: var(
951
- --_ctm-mob-dn-me-bn-dt-se-cr,
952
- var(--_ctm-tab-dn-me-bn-dt-se-cr, var(--_ctm-dn-me-bn-dt-se-cr))
953
- );
954
- font-family: var(
955
- --_sf-hr-ff,
956
- var(
957
- --_ctm-mob-dn-me-bn-dt-se-ft-fy,
958
- var(--_ctm-tab-dn-me-bn-dt-se-ft-fy, var(--_ctm-dn-me-bn-dt-se-ft-fy))
959
- )
960
- );
961
- text-transform: var(
962
- --_sf-hr-tt-tm,
963
- var(
964
- --_ctm-mob-dn-me-bn-dt-se-tt-tm,
965
- var(--_ctm-tab-dn-me-bn-dt-se-tt-tm, var(--_ctm-dn-me-bn-dt-se-tt-tm))
966
- )
967
- );
968
- word-wrap: var(
969
- --_sf-hr-wd-wp,
970
- var(
971
- --_ctm-mob-dn-me-bn-dt-se-wd-wp,
972
- var(--_ctm-tab-dn-me-bn-dt-se-wd-wp, var(--_ctm-dn-me-bn-dt-se-wd-wp))
973
- )
974
- );
975
- word-break: var(
976
- --_sf-hr-wd-bk,
977
- var(
978
- --_ctm-mob-dn-me-bn-dt-se-wd-bk,
979
- var(--_ctm-tab-dn-me-bn-dt-se-wd-bk, var(--_ctm-dn-me-bn-dt-se-wd-bk))
980
- )
981
- );
982
- font-size: var(
983
- --_ctm-mob-dn-me-bn-dt-se-ft-se,
984
- var(--_ctm-tab-dn-me-bn-dt-se-ft-se, var(--_ctm-dn-me-bn-dt-se-ft-se))
985
- );
986
- font-weight: var(
987
- --_ctm-mob-dn-me-bn-dt-se-ft-wt,
988
- var(--_ctm-tab-dn-me-bn-dt-se-ft-wt, var(--_ctm-dn-me-bn-dt-se-ft-wt))
989
- );
990
- font-style: var(
991
- --_ctm-mob-dn-me-bn-dt-se-ft-se-ic,
992
- var(--_ctm-tab-dn-me-bn-dt-se-ft-se-ic, var(--_ctm-dn-me-bn-dt-se-ft-se-ic))
993
- );
994
- text-align: var(
995
- --_ctm-mob-dn-me-bn-dt-se-tt-an,
996
- var(--_ctm-tab-dn-me-bn-dt-se-tt-an, var(--_ctm-dn-me-bn-dt-se-tt-an))
997
- );
998
- letter-spacing: var(
999
- --_ctm-mob-dn-me-bn-dt-se-lr-sg,
1000
- var(--_ctm-tab-dn-me-bn-dt-se-lr-sg, var(--_ctm-dn-me-bn-dt-se-lr-sg))
1001
- );
1002
- line-height: var(
1003
- --_ctm-mob-dn-me-bn-dt-se-le-ht,
1004
- var(--_ctm-tab-dn-me-bn-dt-se-le-ht, var(--_ctm-dn-me-bn-dt-se-le-ht))
1005
- );
1006
- text-decoration: var(
1007
- --_ctm-mob-dn-me-bn-dt-se-ue,
1008
- var(--_ctm-tab-dn-me-bn-dt-se-ue, var(--_ctm-dn-me-bn-dt-se-ue))
1009
- );
610
+ background-color: var(--_ctm-mob-dn-me-bn-dt-se-bd-cr,
611
+ var(--_ctm-tab-dn-me-bn-dt-se-bd-cr, var(--_ctm-dn-me-bn-dt-se-bd-cr)));
612
+ border-radius: var(--_ctm-mob-dn-me-bn-dt-se-br-rs,
613
+ var(--_ctm-tab-dn-me-bn-dt-se-br-rs, var(--_ctm-dn-me-bn-dt-se-br-rs)));
614
+ box-shadow: var(--_show-shadow-clear-all,
615
+ var(--_ctm-mob-dn-me-bn-dt-se-sw-ae,
616
+ var(--_ctm-tab-dn-me-bn-dt-se-sw-ae, var(--_ctm-dn-me-bn-dt-se-sw-ae))) var(--_ctm-mob-dn-me-bn-dt-se-sw-br,
617
+ var(--_ctm-tab-dn-me-bn-dt-se-sw-br, var(--_ctm-dn-me-bn-dt-se-sw-br))) var(--_ctm-mob-dn-me-bn-dt-se-sw-sd,
618
+ var(--_ctm-tab-dn-me-bn-dt-se-sw-sd, var(--_ctm-dn-me-bn-dt-se-sw-sd))) var(--_ctm-mob-dn-me-bn-dt-se-sw-cr,
619
+ var(--_ctm-tab-dn-me-bn-dt-se-sw-cr, var(--_ctm-dn-me-bn-dt-se-sw-cr))));
620
+
621
+ color: var(--_ctm-mob-dn-me-bn-dt-se-cr,
622
+ var(--_ctm-tab-dn-me-bn-dt-se-cr, var(--_ctm-dn-me-bn-dt-se-cr)));
623
+ font-family: var(--_sf-hr-ff,
624
+ var(--_ctm-mob-dn-me-bn-dt-se-ft-fy,
625
+ var(--_ctm-tab-dn-me-bn-dt-se-ft-fy, var(--_ctm-dn-me-bn-dt-se-ft-fy))));
626
+ text-transform: var(--_sf-hr-tt-tm,
627
+ var(--_ctm-mob-dn-me-bn-dt-se-tt-tm,
628
+ var(--_ctm-tab-dn-me-bn-dt-se-tt-tm, var(--_ctm-dn-me-bn-dt-se-tt-tm))));
629
+ word-wrap: var(--_sf-hr-wd-wp,
630
+ var(--_ctm-mob-dn-me-bn-dt-se-wd-wp,
631
+ var(--_ctm-tab-dn-me-bn-dt-se-wd-wp, var(--_ctm-dn-me-bn-dt-se-wd-wp))));
632
+ word-break: var(--_sf-hr-wd-bk,
633
+ var(--_ctm-mob-dn-me-bn-dt-se-wd-bk,
634
+ var(--_ctm-tab-dn-me-bn-dt-se-wd-bk, var(--_ctm-dn-me-bn-dt-se-wd-bk))));
635
+ font-size: var(--_ctm-mob-dn-me-bn-dt-se-ft-se,
636
+ var(--_ctm-tab-dn-me-bn-dt-se-ft-se, var(--_ctm-dn-me-bn-dt-se-ft-se)));
637
+ font-weight: var(--_ctm-mob-dn-me-bn-dt-se-ft-wt,
638
+ var(--_ctm-tab-dn-me-bn-dt-se-ft-wt, var(--_ctm-dn-me-bn-dt-se-ft-wt)));
639
+ font-style: var(--_ctm-mob-dn-me-bn-dt-se-ft-se-ic,
640
+ var(--_ctm-tab-dn-me-bn-dt-se-ft-se-ic, var(--_ctm-dn-me-bn-dt-se-ft-se-ic)));
641
+ text-align: var(--_ctm-mob-dn-me-bn-dt-se-tt-an,
642
+ var(--_ctm-tab-dn-me-bn-dt-se-tt-an, var(--_ctm-dn-me-bn-dt-se-tt-an)));
643
+ letter-spacing: var(--_ctm-mob-dn-me-bn-dt-se-lr-sg,
644
+ var(--_ctm-tab-dn-me-bn-dt-se-lr-sg, var(--_ctm-dn-me-bn-dt-se-lr-sg)));
645
+ line-height: var(--_ctm-mob-dn-me-bn-dt-se-le-ht,
646
+ var(--_ctm-tab-dn-me-bn-dt-se-le-ht, var(--_ctm-dn-me-bn-dt-se-le-ht)));
647
+ text-decoration: var(--_ctm-mob-dn-me-bn-dt-se-ue,
648
+ var(--_ctm-tab-dn-me-bn-dt-se-ue, var(--_ctm-dn-me-bn-dt-se-ue)));
649
+
1010
650
  &[data-show-more-button-border="true"] {
1011
- border-color: var(
1012
- --_sf-hr-br-cr,
1013
- var(
1014
- --_ctm-mob-dn-me-bn-dt-se-br-cr,
1015
- var(--_ctm-tab-dn-me-bn-dt-se-br-cr, var(--_ctm-dn-me-bn-dt-se-br-cr))
1016
- )
1017
- );
1018
- border-style: var(
1019
- --_sf-hr-br-st,
1020
- var(
1021
- --_ctm-mob-dn-me-bn-dt-se-br-se,
1022
- var(--_ctm-tab-dn-me-bn-dt-se-br-se, var(--_ctm-dn-me-bn-dt-se-br-se))
1023
- )
1024
- );
1025
- border-width: var(
1026
- --_sf-hr-br-wh,
1027
- var(
1028
- --_ctm-mob-dn-me-bn-dt-se-br-wh,
1029
- var(--_ctm-tab-dn-me-bn-dt-se-br-wh, var(--_ctm-dn-me-bn-dt-se-br-wh))
1030
- )
1031
- );
651
+ border-color: var(--_sf-hr-br-cr,
652
+ var(--_ctm-mob-dn-me-bn-dt-se-br-cr,
653
+ var(--_ctm-tab-dn-me-bn-dt-se-br-cr, var(--_ctm-dn-me-bn-dt-se-br-cr))));
654
+ border-style: var(--_sf-hr-br-st,
655
+ var(--_ctm-mob-dn-me-bn-dt-se-br-se,
656
+ var(--_ctm-tab-dn-me-bn-dt-se-br-se, var(--_ctm-dn-me-bn-dt-se-br-se))));
657
+ border-width: var(--_sf-hr-br-wh,
658
+ var(--_ctm-mob-dn-me-bn-dt-se-br-wh,
659
+ var(--_ctm-tab-dn-me-bn-dt-se-br-wh, var(--_ctm-dn-me-bn-dt-se-br-wh))));
1032
660
  }
661
+
1033
662
  // &:hover {
1034
663
  // color: var(--_primary-700);
1035
664
  // }
1036
665
  }
666
+
1037
667
  &:has(.no__results__found) {
1038
668
  .no__results__found {
1039
669
  padding: 12px;
@@ -1049,6 +679,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1049
679
  }
1050
680
  }
1051
681
  }
682
+
1052
683
  .no__results__found {
1053
684
  padding: 12px;
1054
685
  color: var(--_gray-600);
@@ -1071,79 +702,50 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1071
702
  // align-items: center;
1072
703
  flex-wrap: wrap;
1073
704
  gap: 20px;
705
+
1074
706
  .filter__Header {
1075
707
  display: flex;
1076
708
  justify-content: flex-start;
1077
709
  gap: 12px;
710
+
1078
711
  h2 {
1079
712
  font-size: var(--_fs-14);
1080
713
  font-weight: var(--_fw-600);
1081
714
  text-transform: uppercase;
1082
715
  }
716
+
1083
717
  h3 {
1084
718
  // font-size: 14px;
1085
719
  // text-transform: uppercase;
1086
720
 
1087
- color: var(
1088
- --_ctm-mob-dn-fs-wt-cr,
1089
- var(--_ctm-tab-dn-fs-wt-cr, var(--_ctm-dn-fs-wt-cr))
1090
- );
1091
- font-family: var(
1092
- --_sf-hr-ff,
1093
- var(
1094
- --_ctm-mob-dn-fs-wt-ft-fy,
1095
- var(--_ctm-tab-dn-fs-wt-ft-fy, var(--_ctm-dn-fs-wt-ft-fy))
1096
- )
1097
- );
1098
- text-transform: var(
1099
- --_sf-hr-tt-tm,
1100
- var(
1101
- --_ctm-mob-dn-fs-wt-tt-tm,
1102
- var(--_ctm-tab-dn-fs-wt-tt-tm, var(--_ctm-dn-fs-wt-tt-tm))
1103
- )
1104
- );
1105
- word-wrap: var(
1106
- --_sf-hr-wd-wp,
1107
- var(
1108
- --_ctm-mob-dn-fs-wt-wd-wp,
1109
- var(--_ctm-tab-dn-fs-wt-wd-wp, var(--_ctm-dn-fs-wt-wd-wp))
1110
- )
1111
- );
1112
- word-break: var(
1113
- --_sf-hr-wd-bk,
1114
- var(
1115
- --_ctm-mob-dn-fs-wt-wd-bk,
1116
- var(--_ctm-tab-dn-fs-wt-wd-bk, var(--_ctm-dn-fs-wt-wd-bk))
1117
- )
1118
- );
1119
- font-size: var(
1120
- --_ctm-mob-dn-fs-wt-ft-se,
1121
- var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se))
1122
- );
1123
- font-weight: var(
1124
- --_ctm-mob-dn-fs-wt-ft-wt,
1125
- var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt))
1126
- );
1127
- font-style: var(
1128
- --_ctm-mob-dn-fs-wt-ft-se-ic,
1129
- var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic))
1130
- );
1131
- text-align: var(
1132
- --_ctm-mob-dn-fs-wt-tt-an,
1133
- var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an))
1134
- );
1135
- letter-spacing: var(
1136
- --_ctm-mob-dn-fs-wt-lr-sg,
1137
- var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg))
1138
- );
1139
- line-height: var(
1140
- --_ctm-mob-dn-fs-wt-le-ht,
1141
- var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht))
1142
- );
1143
- text-decoration: var(
1144
- --_ctm-mob-dn-fs-wt-ue,
1145
- var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue))
1146
- );
721
+ color: var(--_ctm-mob-dn-fs-wt-cr,
722
+ var(--_ctm-tab-dn-fs-wt-cr, var(--_ctm-dn-fs-wt-cr)));
723
+ font-family: var(--_sf-hr-ff,
724
+ var(--_ctm-mob-dn-fs-wt-ft-fy,
725
+ var(--_ctm-tab-dn-fs-wt-ft-fy, var(--_ctm-dn-fs-wt-ft-fy))));
726
+ text-transform: var(--_sf-hr-tt-tm,
727
+ var(--_ctm-mob-dn-fs-wt-tt-tm,
728
+ var(--_ctm-tab-dn-fs-wt-tt-tm, var(--_ctm-dn-fs-wt-tt-tm))));
729
+ word-wrap: var(--_sf-hr-wd-wp,
730
+ var(--_ctm-mob-dn-fs-wt-wd-wp,
731
+ var(--_ctm-tab-dn-fs-wt-wd-wp, var(--_ctm-dn-fs-wt-wd-wp))));
732
+ word-break: var(--_sf-hr-wd-bk,
733
+ var(--_ctm-mob-dn-fs-wt-wd-bk,
734
+ var(--_ctm-tab-dn-fs-wt-wd-bk, var(--_ctm-dn-fs-wt-wd-bk))));
735
+ font-size: var(--_ctm-mob-dn-fs-wt-ft-se,
736
+ var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se)));
737
+ font-weight: var(--_ctm-mob-dn-fs-wt-ft-wt,
738
+ var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt)));
739
+ font-style: var(--_ctm-mob-dn-fs-wt-ft-se-ic,
740
+ var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic)));
741
+ text-align: var(--_ctm-mob-dn-fs-wt-tt-an,
742
+ var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an)));
743
+ letter-spacing: var(--_ctm-mob-dn-fs-wt-lr-sg,
744
+ var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg)));
745
+ line-height: var(--_ctm-mob-dn-fs-wt-le-ht,
746
+ var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht)));
747
+ text-decoration: var(--_ctm-mob-dn-fs-wt-ue,
748
+ var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue)));
1147
749
  }
1148
750
 
1149
751
  .reset__btn {
@@ -1151,165 +753,84 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1151
753
  // text-transform: uppercase;
1152
754
  // font-weight: var(--_fw-500);
1153
755
  // color: var(--_primary-400);
1154
- background-color: var(
1155
- --_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
1156
- var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr))
1157
- );
1158
- border-radius: var(
1159
- --_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
1160
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs))
1161
- );
1162
- padding: var(
1163
- --_ctm-mob-dn-cr-al-tt-dt-se-pg,
1164
- var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg))
1165
- );
1166
- box-shadow: var(
1167
- --_show-shadow-clear-all,
1168
- var(
1169
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
1170
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))
1171
- )
1172
- var(
1173
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
1174
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))
1175
- )
1176
- var(
1177
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
1178
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))
1179
- )
1180
- var(
1181
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
1182
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))
1183
- )
1184
- );
1185
-
1186
- color: var(
1187
- --_ctm-mob-dn-cr-al-tt-dt-se-cr,
1188
- var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr))
1189
- );
1190
- font-family: var(
1191
- --_sf-hr-ff,
1192
- var(
1193
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
1194
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))
1195
- )
1196
- );
1197
- text-transform: var(
1198
- --_sf-hr-tt-tm,
1199
- var(
1200
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-tm,
1201
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-tm, var(--_ctm-dn-cr-al-tt-dt-se-tt-tm))
1202
- )
1203
- );
1204
- word-wrap: var(
1205
- --_sf-hr-wd-wp,
1206
- var(
1207
- --_ctm-mob-dn-cr-al-tt-dt-se-wd-wp,
1208
- var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-wp, var(--_ctm-dn-cr-al-tt-dt-se-wd-wp))
1209
- )
1210
- );
1211
- word-break: var(
1212
- --_sf-hr-wd-bk,
1213
- var(
1214
- --_ctm-mob-dn-cr-al-tt-dt-se-wd-bk,
1215
- var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-bk, var(--_ctm-dn-cr-al-tt-dt-se-wd-bk))
1216
- )
1217
- );
1218
- font-size: var(
1219
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
1220
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se))
1221
- );
1222
- font-weight: var(
1223
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
1224
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt))
1225
- );
1226
- font-style: var(
1227
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
1228
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic))
1229
- );
1230
- text-align: var(
1231
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
1232
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an))
1233
- );
1234
- letter-spacing: var(
1235
- --_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
1236
- var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg))
1237
- );
1238
- line-height: var(
1239
- --_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
1240
- var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht))
1241
- );
1242
- text-decoration: var(
1243
- --_ctm-mob-dn-cr-al-tt-dt-se-ue,
1244
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue))
1245
- );
756
+ background-color: var(--_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
757
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr)));
758
+ border-radius: var(--_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
759
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs)));
760
+ padding: var(--_ctm-mob-dn-cr-al-tt-dt-se-pg,
761
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg)));
762
+ box-shadow: var(--_show-shadow-clear-all,
763
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
764
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
765
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
766
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))) var(--_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
767
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))));
768
+
769
+ color: var(--_ctm-mob-dn-cr-al-tt-dt-se-cr,
770
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr)));
771
+ font-family: var(--_sf-hr-ff,
772
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
773
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))));
774
+ text-transform: var(--_sf-hr-tt-tm,
775
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-tt-tm,
776
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-tm, var(--_ctm-dn-cr-al-tt-dt-se-tt-tm))));
777
+ word-wrap: var(--_sf-hr-wd-wp,
778
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-wd-wp,
779
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-wp, var(--_ctm-dn-cr-al-tt-dt-se-wd-wp))));
780
+ word-break: var(--_sf-hr-wd-bk,
781
+ var(--_ctm-mob-dn-cr-al-tt-dt-se-wd-bk,
782
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-wd-bk, var(--_ctm-dn-cr-al-tt-dt-se-wd-bk))));
783
+ font-size: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
784
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se)));
785
+ font-weight: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
786
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt)));
787
+ font-style: var(--_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
788
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic)));
789
+ text-align: var(--_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
790
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an)));
791
+ letter-spacing: var(--_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
792
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg)));
793
+ line-height: var(--_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
794
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht)));
795
+ text-decoration: var(--_ctm-mob-dn-cr-al-tt-dt-se-ue,
796
+ var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue)));
1246
797
  // &:hover {
1247
798
  // color: var(--_primary-700);
1248
799
  // }
1249
800
  }
1250
801
  }
802
+
1251
803
  p {
1252
- color: var(
1253
- --_ctm-mob-dn-fs-wt-cr-dc,
1254
- var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc))
1255
- );
1256
- font-family: var(
1257
- --_sf-hr-ff,
1258
- var(
1259
- --_ctm-mob-dn-fs-wt-ft-fy-dc,
1260
- var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))
1261
- )
1262
- );
1263
- text-transform: var(
1264
- --_sf-hr-tt-tm,
1265
- var(
1266
- --_ctm-mob-dn-fs-wt-tt-tm-dc,
1267
- var(--_ctm-tab-dn-fs-wt-tt-tm-dc, var(--_ctm-dn-fs-wt-tt-tm-dc))
1268
- )
1269
- );
1270
- word-wrap: var(
1271
- --_sf-hr-wd-wp,
1272
- var(
1273
- --_ctm-mob-dn-fs-wt-wd-wp-dc,
1274
- var(--_ctm-tab-dn-fs-wt-wd-wp-dc, var(--_ctm-dn-fs-wt-wd-wp-dc))
1275
- )
1276
- );
1277
- word-break: var(
1278
- --_sf-hr-wd-bk,
1279
- var(
1280
- --_ctm-mob-dn-fs-wt-wd-bk-dc,
1281
- var(--_ctm-tab-dn-fs-wt-wd-bk-dc, var(--_ctm-dn-fs-wt-wd-bk-dc))
1282
- )
1283
- );
1284
- font-size: var(
1285
- --_ctm-mob-dn-fs-wt-ft-se-dc,
1286
- var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc))
1287
- );
1288
- font-weight: var(
1289
- --_ctm-mob-dn-fs-wt-ft-wt-dc,
1290
- var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc))
1291
- );
1292
- font-style: var(
1293
- --_ctm-mob-dn-fs-wt-ft-se-ic-dc,
1294
- var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc))
1295
- );
1296
- text-align: var(
1297
- --_ctm-mob-dn-fs-wt-tt-an-dc,
1298
- var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc))
1299
- );
1300
- letter-spacing: var(
1301
- --_ctm-mob-dn-fs-wt-lr-sg-dc,
1302
- var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc))
1303
- );
1304
- line-height: var(
1305
- --_ctm-mob-dn-fs-wt-le-ht-dc,
1306
- var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc))
1307
- );
1308
- text-decoration: var(
1309
- --_ctm-mob-dn-fs-wt-ue-dc,
1310
- var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc))
1311
- );
804
+ color: var(--_ctm-mob-dn-fs-wt-cr-dc,
805
+ var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc)));
806
+ font-family: var(--_sf-hr-ff,
807
+ var(--_ctm-mob-dn-fs-wt-ft-fy-dc,
808
+ var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))));
809
+ text-transform: var(--_sf-hr-tt-tm,
810
+ var(--_ctm-mob-dn-fs-wt-tt-tm-dc,
811
+ var(--_ctm-tab-dn-fs-wt-tt-tm-dc, var(--_ctm-dn-fs-wt-tt-tm-dc))));
812
+ word-wrap: var(--_sf-hr-wd-wp,
813
+ var(--_ctm-mob-dn-fs-wt-wd-wp-dc,
814
+ var(--_ctm-tab-dn-fs-wt-wd-wp-dc, var(--_ctm-dn-fs-wt-wd-wp-dc))));
815
+ word-break: var(--_sf-hr-wd-bk,
816
+ var(--_ctm-mob-dn-fs-wt-wd-bk-dc,
817
+ var(--_ctm-tab-dn-fs-wt-wd-bk-dc, var(--_ctm-dn-fs-wt-wd-bk-dc))));
818
+ font-size: var(--_ctm-mob-dn-fs-wt-ft-se-dc,
819
+ var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc)));
820
+ font-weight: var(--_ctm-mob-dn-fs-wt-ft-wt-dc,
821
+ var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc)));
822
+ font-style: var(--_ctm-mob-dn-fs-wt-ft-se-ic-dc,
823
+ var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc)));
824
+ text-align: var(--_ctm-mob-dn-fs-wt-tt-an-dc,
825
+ var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc)));
826
+ letter-spacing: var(--_ctm-mob-dn-fs-wt-lr-sg-dc,
827
+ var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc)));
828
+ line-height: var(--_ctm-mob-dn-fs-wt-le-ht-dc,
829
+ var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc)));
830
+ text-decoration: var(--_ctm-mob-dn-fs-wt-ue-dc,
831
+ var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc)));
1312
832
  }
833
+
1313
834
  .flt__dropdowns {
1314
835
  display: flex;
1315
836
  // flex-direction: column;
@@ -1317,6 +838,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1317
838
  align-items: center;
1318
839
  flex-wrap: wrap;
1319
840
  gap: 20px;
841
+
1320
842
  .filter__option__dropdown {
1321
843
  display: flex;
1322
844
  gap: 20px;
@@ -1325,6 +847,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1325
847
  padding: 6px 12px;
1326
848
  border-radius: 6px;
1327
849
  width: fit-content;
850
+
1328
851
  &:hover {
1329
852
  border: 1px solid var(--_gray-200);
1330
853
  background-color: var(--_gray-50);
@@ -1338,16 +861,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1338
861
  flex-wrap: wrap;
1339
862
  gap: 20px;
1340
863
  }
864
+
1341
865
  .selected__items {
1342
866
  display: flex;
1343
867
  flex-wrap: wrap;
1344
868
  gap: 10px;
1345
869
  align-items: center;
870
+
1346
871
  .selected__category {
1347
872
  display: flex;
1348
873
  align-items: center;
1349
874
  gap: 10px;
1350
875
  flex-wrap: wrap;
876
+
1351
877
  .selected_item {
1352
878
  display: flex;
1353
879
  gap: 8px;
@@ -1356,204 +882,107 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1356
882
  padding: 6px 12px;
1357
883
  align-items: center;
1358
884
 
1359
- color: var(
1360
- --_sf-hr-fc,
1361
- var(
1362
- --_ctm-mob-dn-sd-im-dt-se-cr,
1363
- var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
1364
- )
1365
- );
1366
- font-family: var(
1367
- --_sf-hr-ff,
1368
- var(
1369
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
1370
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
1371
- )
1372
- );
1373
- text-transform: var(
1374
- --_sf-hr-tt-tm,
1375
- var(
1376
- --_ctm-mob-dn-sd-im-dt-se-tt-tm,
1377
- var(--_ctm-tab-dn-sd-im-dt-se-tt-tm, var(--_ctm-dn-sd-im-dt-se-tt-tm))
1378
- )
1379
- );
1380
- word-wrap: var(
1381
- --_sf-hr-wd-wp,
1382
- var(
1383
- --_ctm-mob-dn-sd-im-dt-se-wd-wp,
1384
- var(--_ctm-tab-dn-sd-im-dt-se-wd-wp, var(--_ctm-dn-sd-im-dt-se-wd-wp))
1385
- )
1386
- );
1387
- word-break: var(
1388
- --_sf-hr-wd-bk,
1389
- var(
1390
- --_ctm-mob-dn-sd-im-dt-se-wd-bk,
1391
- var(--_ctm-tab-dn-sd-im-dt-se-wd-bk, var(--_ctm-dn-sd-im-dt-se-wd-bk))
1392
- )
1393
- );
885
+ color: var(--_sf-hr-fc,
886
+ var(--_ctm-mob-dn-sd-im-dt-se-cr,
887
+ var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))));
888
+ font-family: var(--_sf-hr-ff,
889
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-fy,
890
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))));
891
+ text-transform: var(--_sf-hr-tt-tm,
892
+ var(--_ctm-mob-dn-sd-im-dt-se-tt-tm,
893
+ var(--_ctm-tab-dn-sd-im-dt-se-tt-tm, var(--_ctm-dn-sd-im-dt-se-tt-tm))));
894
+ word-wrap: var(--_sf-hr-wd-wp,
895
+ var(--_ctm-mob-dn-sd-im-dt-se-wd-wp,
896
+ var(--_ctm-tab-dn-sd-im-dt-se-wd-wp, var(--_ctm-dn-sd-im-dt-se-wd-wp))));
897
+ word-break: var(--_sf-hr-wd-bk,
898
+ var(--_ctm-mob-dn-sd-im-dt-se-wd-bk,
899
+ var(--_ctm-tab-dn-sd-im-dt-se-wd-bk, var(--_ctm-dn-sd-im-dt-se-wd-bk))));
900
+
1394
901
  &.flex__overflow {
1395
902
  white-space: normal;
1396
903
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1397
904
  }
1398
- font-size: var(
1399
- --_sf-hr-fs,
1400
- var(
1401
- --_ctm-mob-dn-sd-im-dt-se-ft-se,
1402
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))
1403
- )
1404
- );
1405
- font-weight: var(
1406
- --_sf-hr-fw,
1407
- var(
1408
- --_ctm-mob-dn-sd-im-dt-se-ft-wt,
1409
- var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))
1410
- )
1411
- );
1412
- font-style: var(
1413
- --_sf-hr-ft,
1414
- var(
1415
- --_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
1416
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))
1417
- )
1418
- );
1419
- text-align: var(
1420
- --_sf-hr-ta,
1421
- var(
1422
- --_ctm-mob-dn-sd-im-dt-se-tt-an,
1423
- var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))
1424
- )
1425
- );
1426
- letter-spacing: var(
1427
- --_sf-hr-ls,
1428
- var(
1429
- --_ctm-mob-dn-sd-im-dt-se-lr-sg,
1430
- var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))
1431
- )
1432
- );
1433
- line-height: var(
1434
- --_sf-hr-lh,
1435
- var(
1436
- --_ctm-mob-dn-sd-im-dt-se-le-ht,
1437
- var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))
1438
- )
1439
- );
1440
- text-decoration: var(
1441
- --_sf-hr-tt-dn,
1442
- var(
1443
- --_ctm-mob-dn-sd-im-dt-se-ue,
1444
- var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))
1445
- )
1446
- );
905
+
906
+ font-size: var(--_sf-hr-fs,
907
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-se,
908
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))));
909
+ font-weight: var(--_sf-hr-fw,
910
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-wt,
911
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))));
912
+ font-style: var(--_sf-hr-ft,
913
+ var(--_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
914
+ var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))));
915
+ text-align: var(--_sf-hr-ta,
916
+ var(--_ctm-mob-dn-sd-im-dt-se-tt-an,
917
+ var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))));
918
+ letter-spacing: var(--_sf-hr-ls,
919
+ var(--_ctm-mob-dn-sd-im-dt-se-lr-sg,
920
+ var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))));
921
+ line-height: var(--_sf-hr-lh,
922
+ var(--_ctm-mob-dn-sd-im-dt-se-le-ht,
923
+ var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))));
924
+ text-decoration: var(--_sf-hr-tt-dn,
925
+ var(--_ctm-mob-dn-sd-im-dt-se-ue,
926
+ var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))));
927
+
1447
928
  &:hover {
1448
929
  // border: 1px solid var(--_gray-300);
1449
930
  // background-color: var(--_gray-50);
1450
931
  // cursor: pointer;
1451
- --_sf-hr-bd-cr: var(
1452
- --_ctm-mob-dn-sd-im-hr-se-bd-cr,
1453
- var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr))
1454
- );
1455
- --_sf-hr-br-cr: var(
1456
- --_ctm-mob-dn-sd-im-hr-se-br-cr,
1457
- var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr))
1458
- );
1459
- --_sf-hr-br-st: var(
1460
- --_ctm-mob-dn-sd-im-hr-se-br-se,
1461
- var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
1462
- );
1463
- --_sf-hr-br-wh: var(
1464
- --_ctm-mob-dn-sd-im-hr-se-br-wh,
1465
- var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
1466
- );
1467
- --_sf-hr-br-br: var(
1468
- --_ctm-mob-dn-sd-im-hr-se-br-rs,
1469
- var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs))
1470
- );
1471
- --_sf-hr-sd-im-pg: var(
1472
- --_ctm-mob-dn-sd-im-hr-se-pg,
1473
- var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg))
1474
- );
1475
- --_sf-hr-bx-sw: var(
1476
- --_ctm-mob-dn-sd-im-hr-se-sw-ae,
1477
- var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))
1478
- )
1479
- var(
1480
- --_ctm-mob-dn-sd-im-hr-se-sw-br,
1481
- var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))
1482
- )
1483
- var(
1484
- --_ctm-mob-dn-sd-im-hr-se-sw-sd,
1485
- var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))
1486
- )
1487
- var(
1488
- --_ctm-mob-dn-sd-im-hr-se-sw-cr,
1489
- var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr))
1490
- );
1491
-
1492
- --_sf-hr-fc: var(
1493
- --_ctm-mob-dn-sd-im-hr-se-cr,
1494
- var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr))
1495
- );
1496
- --_sf-hr-ff: var(
1497
- --_ctm-mob-dn-sd-im-hr-se-ft-fy,
1498
- var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy))
1499
- );
1500
- --_sf-hr-tt-tm: var(
1501
- --_ctm-mob-dn-sd-im-hr-se-tt-tm,
1502
- var(--_ctm-tab-dn-sd-im-hr-se-tt-tm, var(--_ctm-dn-sd-im-hr-se-tt-tm))
1503
- );
1504
- --_sf-hr-wd-wp: var(
1505
- --_ctm-mob-dn-sd-im-hr-se-wd-wp,
1506
- var(--_ctm-tab-dn-sd-im-hr-se-wd-wp, var(--_ctm-dn-sd-im-hr-se-wd-wp))
1507
- );
1508
- --_sf-hr-wd-bk: var(
1509
- --_ctm-mob-dn-sd-im-hr-se-wd-bk,
1510
- var(--_ctm-tab-dn-sd-im-hr-se-wd-bk, var(--_ctm-dn-sd-im-hr-se-wd-bk))
1511
- );
1512
- --_sf-hr-fs: var(
1513
- --_ctm-mob-dn-sd-im-hr-se-ft-se,
1514
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se))
1515
- );
1516
- --_sf-hr-fw: var(
1517
- --_ctm-mob-dn-sd-im-hr-se-ft-wt,
1518
- var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt))
1519
- );
1520
- --_sf-hr-ft: var(
1521
- --_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
1522
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic))
1523
- );
1524
- --_sf-hr-ta: var(
1525
- --_ctm-mob-dn-sd-im-hr-se-tt-an,
1526
- var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an))
1527
- );
1528
- --_sf-hr-ls: var(
1529
- --_ctm-mob-dn-sd-im-hr-se-lr-sg,
1530
- var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg))
1531
- );
1532
- --_sf-hr-lh: var(
1533
- --_ctm-mob-dn-sd-im-hr-se-le-ht,
1534
- var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht))
1535
- );
1536
-
1537
- --_sf-hr-ic-wt: var(
1538
- --_ctm-mob-dn-sd-im-hr-se-in-se,
1539
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
1540
- );
1541
- --_sf-hr-ic-ht: var(
1542
- --_ctm-mob-dn-sd-im-hr-se-in-se,
1543
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
1544
- );
1545
- --_sf-hr-ic-st: var(
1546
- --_ctm-mob-dn-sd-im-hr-se-in-c1,
1547
- var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1))
1548
- );
1549
- --_sf-hr-tt-dn: var(
1550
- --_ctm-mob-dn-sd-im-hr-se-ue,
1551
- var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue))
1552
- );
932
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-sd-im-hr-se-bd-cr,
933
+ var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr)));
934
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-sd-im-hr-se-br-cr,
935
+ var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr)));
936
+ --_sf-hr-br-st: var(--_ctm-mob-dn-sd-im-hr-se-br-se,
937
+ var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se)));
938
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-sd-im-hr-se-br-wh,
939
+ var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh)));
940
+ --_sf-hr-br-br: var(--_ctm-mob-dn-sd-im-hr-se-br-rs,
941
+ var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs)));
942
+ --_sf-hr-sd-im-pg: var(--_ctm-mob-dn-sd-im-hr-se-pg,
943
+ var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg)));
944
+ --_sf-hr-bx-sw: var(--_ctm-mob-dn-sd-im-hr-se-sw-ae,
945
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))) var(--_ctm-mob-dn-sd-im-hr-se-sw-br,
946
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))) var(--_ctm-mob-dn-sd-im-hr-se-sw-sd,
947
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))) var(--_ctm-mob-dn-sd-im-hr-se-sw-cr,
948
+ var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr)));
949
+
950
+ --_sf-hr-fc: var(--_ctm-mob-dn-sd-im-hr-se-cr,
951
+ var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr)));
952
+ --_sf-hr-ff: var(--_ctm-mob-dn-sd-im-hr-se-ft-fy,
953
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy)));
954
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-sd-im-hr-se-tt-tm,
955
+ var(--_ctm-tab-dn-sd-im-hr-se-tt-tm, var(--_ctm-dn-sd-im-hr-se-tt-tm)));
956
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-sd-im-hr-se-wd-wp,
957
+ var(--_ctm-tab-dn-sd-im-hr-se-wd-wp, var(--_ctm-dn-sd-im-hr-se-wd-wp)));
958
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-sd-im-hr-se-wd-bk,
959
+ var(--_ctm-tab-dn-sd-im-hr-se-wd-bk, var(--_ctm-dn-sd-im-hr-se-wd-bk)));
960
+ --_sf-hr-fs: var(--_ctm-mob-dn-sd-im-hr-se-ft-se,
961
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se)));
962
+ --_sf-hr-fw: var(--_ctm-mob-dn-sd-im-hr-se-ft-wt,
963
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt)));
964
+ --_sf-hr-ft: var(--_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
965
+ var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic)));
966
+ --_sf-hr-ta: var(--_ctm-mob-dn-sd-im-hr-se-tt-an,
967
+ var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an)));
968
+ --_sf-hr-ls: var(--_ctm-mob-dn-sd-im-hr-se-lr-sg,
969
+ var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg)));
970
+ --_sf-hr-lh: var(--_ctm-mob-dn-sd-im-hr-se-le-ht,
971
+ var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht)));
972
+
973
+ --_sf-hr-ic-wt: var(--_ctm-mob-dn-sd-im-hr-se-in-se,
974
+ var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se)));
975
+ --_sf-hr-ic-ht: var(--_ctm-mob-dn-sd-im-hr-se-in-se,
976
+ var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se)));
977
+ --_sf-hr-ic-st: var(--_ctm-mob-dn-sd-im-hr-se-in-c1,
978
+ var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1)));
979
+ --_sf-hr-tt-dn: var(--_ctm-mob-dn-sd-im-hr-se-ue,
980
+ var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue)));
1553
981
 
1554
982
  &[data-hover-show-shadow="false"] {
1555
983
  --_hover-show-shadow: none;
1556
984
  }
985
+
1557
986
  &[data-hover-show-icon="false"] {
1558
987
  --_hover-show-icon: none;
1559
988
  }
@@ -1566,9 +995,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1566
995
  .clear__btn {
1567
996
  display: flex;
1568
997
  align-items: center;
998
+
1569
999
  svg {
1570
1000
  width: 18px;
1571
1001
  height: 18px;
1002
+
1572
1003
  &:hover {
1573
1004
  path {
1574
1005
  stroke: var(--_gray-900);
@@ -1576,6 +1007,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1576
1007
  }
1577
1008
  }
1578
1009
  }
1010
+
1579
1011
  //Filter Features Ends
1580
1012
 
1581
1013
  // Input checkbox Starts
@@ -1591,6 +1023,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1591
1023
  -moz-user-select: none;
1592
1024
  -ms-user-select: none;
1593
1025
  user-select: none;
1026
+
1594
1027
  .color-image {
1595
1028
  width: 15px;
1596
1029
  height: 15px;
@@ -1599,6 +1032,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1599
1032
  object-fit: "cover";
1600
1033
  display: "block";
1601
1034
  }
1035
+
1602
1036
  .color {
1603
1037
  width: 15px;
1604
1038
  height: 15px;
@@ -1607,66 +1041,34 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1607
1041
  }
1608
1042
 
1609
1043
  .option__value {
1610
- color: var(
1611
- --_ctm-mob-dn-on-ls-cr-dc,
1612
- var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc))
1613
- );
1614
- font-family: var(
1615
- --_sf-hr-ff,
1616
- var(
1617
- --_ctm-mob-dn-on-ls-ft-fy-dc,
1618
- var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))
1619
- )
1620
- );
1621
- text-transform: var(
1622
- --_sf-hr-tt-tm,
1623
- var(
1624
- --_ctm-mob-dn-on-ls-tt-tm-dc,
1625
- var(--_ctm-tab-dn-on-ls-tt-tm-dc, var(--_ctm-dn-on-ls-tt-tm-dc))
1626
- )
1627
- );
1628
- word-wrap: var(
1629
- --_sf-hr-wd-wp,
1630
- var(
1631
- --_ctm-mob-dn-on-ls-wd-wp-dc,
1632
- var(--_ctm-tab-dn-on-ls-wd-wp-dc, var(--_ctm-dn-on-ls-wd-wp-dc))
1633
- )
1634
- );
1635
- word-break: var(
1636
- --_sf-hr-wd-bk,
1637
- var(
1638
- --_ctm-mob-dn-on-ls-wd-bk-dc,
1639
- var(--_ctm-tab-dn-on-ls-wd-bk-dc, var(--_ctm-dn-on-ls-wd-bk-dc))
1640
- )
1641
- );
1642
- font-size: var(
1643
- --_ctm-mob-dn-on-ls-ft-se-dc,
1644
- var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc))
1645
- );
1646
- font-weight: var(
1647
- --_ctm-mob-dn-on-ls-ft-wt-dc,
1648
- var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc))
1649
- );
1650
- font-style: var(
1651
- --_ctm-mob-dn-on-ls-ft-se-ic-dc,
1652
- var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc))
1653
- );
1654
- text-align: var(
1655
- --_ctm-mob-dn-on-ls-tt-an-dc,
1656
- var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc))
1657
- );
1658
- letter-spacing: var(
1659
- --_ctm-mob-dn-on-ls-lr-sg-dc,
1660
- var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc))
1661
- );
1662
- line-height: var(
1663
- --_ctm-mob-dn-on-ls-le-ht-dc,
1664
- var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc))
1665
- );
1666
- text-decoration: var(
1667
- --_ctm-mob-dn-on-ls-ue-dc,
1668
- var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc))
1669
- );
1044
+ color: var(--_ctm-mob-dn-on-ls-cr-dc,
1045
+ var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc)));
1046
+ font-family: var(--_sf-hr-ff,
1047
+ var(--_ctm-mob-dn-on-ls-ft-fy-dc,
1048
+ var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))));
1049
+ text-transform: var(--_sf-hr-tt-tm,
1050
+ var(--_ctm-mob-dn-on-ls-tt-tm-dc,
1051
+ var(--_ctm-tab-dn-on-ls-tt-tm-dc, var(--_ctm-dn-on-ls-tt-tm-dc))));
1052
+ word-wrap: var(--_sf-hr-wd-wp,
1053
+ var(--_ctm-mob-dn-on-ls-wd-wp-dc,
1054
+ var(--_ctm-tab-dn-on-ls-wd-wp-dc, var(--_ctm-dn-on-ls-wd-wp-dc))));
1055
+ word-break: var(--_sf-hr-wd-bk,
1056
+ var(--_ctm-mob-dn-on-ls-wd-bk-dc,
1057
+ var(--_ctm-tab-dn-on-ls-wd-bk-dc, var(--_ctm-dn-on-ls-wd-bk-dc))));
1058
+ font-size: var(--_ctm-mob-dn-on-ls-ft-se-dc,
1059
+ var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc)));
1060
+ font-weight: var(--_ctm-mob-dn-on-ls-ft-wt-dc,
1061
+ var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc)));
1062
+ font-style: var(--_ctm-mob-dn-on-ls-ft-se-ic-dc,
1063
+ var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc)));
1064
+ text-align: var(--_ctm-mob-dn-on-ls-tt-an-dc,
1065
+ var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc)));
1066
+ letter-spacing: var(--_ctm-mob-dn-on-ls-lr-sg-dc,
1067
+ var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc)));
1068
+ line-height: var(--_ctm-mob-dn-on-ls-le-ht-dc,
1069
+ var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc)));
1070
+ text-decoration: var(--_ctm-mob-dn-on-ls-ue-dc,
1071
+ var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc)));
1670
1072
  }
1671
1073
  }
1672
1074
 
@@ -1687,59 +1089,33 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1687
1089
  justify-content: center;
1688
1090
  align-items: center;
1689
1091
 
1690
- background-color: var(
1691
- --_ctm-mob-dn-cx-ud-se-dt-se-bd-cr,
1692
- var(--_ctm-tab-dn-cx-ud-se-dt-se-bd-cr, var(--_ctm-dn-cx-ud-se-dt-se-bd-cr))
1693
- );
1694
- border-radius: var(
1695
- --_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
1696
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs))
1697
- );
1092
+ background-color: var(--_ctm-mob-dn-cx-ud-se-dt-se-bd-cr,
1093
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-bd-cr, var(--_ctm-dn-cx-ud-se-dt-se-bd-cr)));
1094
+ border-radius: var(--_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
1095
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs)));
1698
1096
  transition: background-color 400ms ease-in-out;
1097
+
1699
1098
  &[data-show-default-unchecked-shadow="true"] {
1700
- box-shadow: var(
1701
- --_show-shadow-clear-all,
1702
- var(
1703
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
1704
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))
1705
- )
1706
- var(
1707
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
1708
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))
1709
- )
1710
- var(
1711
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
1712
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))
1713
- )
1714
- var(
1715
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
1716
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))
1717
- )
1718
- );
1099
+ box-shadow: var(--_show-shadow-clear-all,
1100
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
1101
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
1102
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
1103
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
1104
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))));
1719
1105
  }
1106
+
1720
1107
  &[data-show-default-unchecked-border="true"] {
1721
- border-color: var(
1722
- --_sf-hr-br-cr,
1723
- var(
1724
- --_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
1725
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))
1726
- )
1727
- );
1728
- border-style: var(
1729
- --_sf-hr-br-st,
1730
- var(
1731
- --_ctm-mob-dn-cx-ud-se-dt-se-br-se,
1732
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))
1733
- )
1734
- );
1735
- border-width: var(
1736
- --_sf-hr-br-wh,
1737
- var(
1738
- --_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
1739
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
1740
- )
1741
- );
1108
+ border-color: var(--_sf-hr-br-cr,
1109
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
1110
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))));
1111
+ border-style: var(--_sf-hr-br-st,
1112
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-se,
1113
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))));
1114
+ border-width: var(--_sf-hr-br-wh,
1115
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
1116
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))));
1742
1117
  }
1118
+
1743
1119
  // &:hover {
1744
1120
  // &[data-show-hover-unchecked-border="true"] {
1745
1121
  // border-color: var(
@@ -1819,118 +1195,64 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1819
1195
  }
1820
1196
  }
1821
1197
 
1822
- .checkbox__radio input:checked ~ .checkmark {
1823
- background-color: var(
1824
- --_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
1825
- var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr))
1826
- );
1827
- border-radius: var(
1828
- --_ctm-mob-dn-cx-cd-se-dt-se-br-rs,
1829
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-rs, var(--_ctm-dn-cx-cd-se-dt-se-br-rs))
1830
- );
1198
+ .checkbox__radio input:checked~.checkmark {
1199
+ background-color: var(--_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
1200
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr)));
1201
+ border-radius: var(--_ctm-mob-dn-cx-cd-se-dt-se-br-rs,
1202
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-rs, var(--_ctm-dn-cx-cd-se-dt-se-br-rs)));
1831
1203
  transition: background-color 400ms ease-in-out;
1204
+
1832
1205
  &[data-show-default-checked-shadow="true"] {
1833
- box-shadow: var(
1834
- --_show-shadow-clear-all,
1835
- var(
1836
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
1837
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))
1838
- )
1839
- var(
1840
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
1841
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))
1842
- )
1843
- var(
1844
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
1845
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))
1846
- )
1847
- var(
1848
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
1849
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))
1850
- )
1851
- );
1206
+ box-shadow: var(--_show-shadow-clear-all,
1207
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
1208
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
1209
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
1210
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
1211
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))));
1852
1212
  }
1853
1213
 
1854
1214
  &[data-show-default-checked-border="true"] {
1855
- border-color: var(
1856
- --_sf-hr-br-cr,
1857
- var(
1858
- --_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
1859
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))
1860
- )
1861
- );
1862
- border-style: var(
1863
- --_sf-hr-br-st,
1864
- var(
1865
- --_ctm-mob-dn-cx-cd-se-dt-se-br-se,
1866
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))
1867
- )
1868
- );
1869
- border-width: var(
1870
- --_sf-hr-br-wh,
1871
- var(
1872
- --_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
1873
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
1874
- )
1875
- );
1215
+ border-color: var(--_sf-hr-br-cr,
1216
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
1217
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))));
1218
+ border-style: var(--_sf-hr-br-st,
1219
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-se,
1220
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))));
1221
+ border-width: var(--_sf-hr-br-wh,
1222
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
1223
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))));
1876
1224
  }
1877
1225
 
1878
1226
  &:hover {
1879
- background-color: var(
1880
- --_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
1881
- var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr))
1882
- );
1883
- border-radius: var(
1884
- --_ctm-mob-dn-cx-cd-se-hr-se-br-rs,
1885
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-rs, var(--_ctm-dn-cx-cd-se-hr-se-br-rs))
1886
- );
1227
+ background-color: var(--_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
1228
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr)));
1229
+ border-radius: var(--_ctm-mob-dn-cx-cd-se-hr-se-br-rs,
1230
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-rs, var(--_ctm-dn-cx-cd-se-hr-se-br-rs)));
1231
+
1887
1232
  &[data-show-hover-checked-shadow="true"] {
1888
- box-shadow: var(
1889
- --_show-shadow-clear-all,
1890
- var(
1891
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
1892
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))
1893
- )
1894
- var(
1895
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
1896
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))
1897
- )
1898
- var(
1899
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
1900
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))
1901
- )
1902
- var(
1903
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
1904
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))
1905
- )
1906
- );
1233
+ box-shadow: var(--_show-shadow-clear-all,
1234
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
1235
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
1236
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
1237
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
1238
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))));
1907
1239
  }
1908
1240
 
1909
1241
  &[data-show-hover-checked-border="true"] {
1910
- border-color: var(
1911
- --_sf-hr-br-cr,
1912
- var(
1913
- --_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
1914
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))
1915
- )
1916
- );
1917
- border-style: var(
1918
- --_sf-hr-br-st,
1919
- var(
1920
- --_ctm-mob-dn-cx-cd-se-hr-se-br-se,
1921
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))
1922
- )
1923
- );
1924
- border-width: var(
1925
- --_sf-hr-br-wh,
1926
- var(
1927
- --_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
1928
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
1929
- )
1930
- );
1242
+ border-color: var(--_sf-hr-br-cr,
1243
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
1244
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))));
1245
+ border-style: var(--_sf-hr-br-st,
1246
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-se,
1247
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))));
1248
+ border-width: var(--_sf-hr-br-wh,
1249
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
1250
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))));
1931
1251
  }
1252
+
1932
1253
  button {
1933
1254
  display: flex;
1255
+
1934
1256
  .default-icon {
1935
1257
  display: none;
1936
1258
  }
@@ -1940,23 +1262,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1940
1262
  align-items: center;
1941
1263
  justify-content: center;
1942
1264
  }
1265
+
1943
1266
  svg {
1944
1267
  // width: 13px;
1945
1268
  // height: 13px;
1946
- width: var(
1947
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
1948
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
1949
- );
1950
- height: var(
1951
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
1952
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
1953
- );
1269
+ width: var(--_ctm-mob-dn-cx-cd-se-hr-se-se,
1270
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se)));
1271
+ height: var(--_ctm-mob-dn-cx-cd-se-hr-se-se,
1272
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se)));
1273
+
1954
1274
  path {
1955
1275
  // stroke: var(--_base-white);
1956
- stroke: var(
1957
- --_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
1958
- var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1))
1959
- );
1276
+ stroke: var(--_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
1277
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1)));
1960
1278
  }
1961
1279
  }
1962
1280
  }
@@ -1971,6 +1289,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1971
1289
 
1972
1290
  button {
1973
1291
  display: flex;
1292
+
1974
1293
  .default-icon {
1975
1294
  display: flex;
1976
1295
  justify-content: center;
@@ -1980,23 +1299,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1980
1299
  .hover-icon {
1981
1300
  display: none;
1982
1301
  }
1302
+
1983
1303
  svg {
1984
1304
  // width: 13px;
1985
1305
  // height: 13px;
1986
- width: var(
1987
- --_ctm-mob-dn-cx-cd-se-dt-se-se,
1988
- var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se))
1989
- );
1990
- height: var(
1991
- --_ctm-mob-dn-cx-cd-se-dt-se-se,
1992
- var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se))
1993
- );
1306
+ width: var(--_ctm-mob-dn-cx-cd-se-dt-se-se,
1307
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se)));
1308
+ height: var(--_ctm-mob-dn-cx-cd-se-dt-se-se,
1309
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se)));
1310
+
1994
1311
  path {
1995
1312
  // stroke: var(--_base-white);
1996
- stroke: var(
1997
- --_ctm-mob-dn-cx-cd-se-dt-se-in-c1,
1998
- var(--_ctm-tab-dn-cx-cd-se-dt-se-in-c1, var(--_ctm-dn-cx-cd-se-dt-se-in-c1))
1999
- );
1313
+ stroke: var(--_ctm-mob-dn-cx-cd-se-dt-se-in-c1,
1314
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-in-c1, var(--_ctm-dn-cx-cd-se-dt-se-in-c1)));
2000
1315
  // Overrides the stroke-width presentation attribute baked into the icon markup.
2001
1316
  stroke-width: prepareMediaVariable(--_ctm-dn-cx-cd-se-dt-se-se-wh, 1.25);
2002
1317
  }
@@ -2010,7 +1325,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2010
1325
  display: none;
2011
1326
  }
2012
1327
 
2013
- .checkbox__radio input:checked ~ .checkmark:after {
1328
+ .checkbox__radio input:checked~.checkmark:after {
2014
1329
  display: block;
2015
1330
  }
2016
1331
 
@@ -2051,230 +1366,119 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2051
1366
  // --_ctm-mob-dn-cx-ud-se-dt-se-bd-cr,
2052
1367
  // var(--_ctm-tab-dn-cx-ud-se-dt-se-bd-cr, var(--_ctm-dn-cx-ud-se-dt-se-bd-cr))
2053
1368
  // );
2054
- border-radius: var(
2055
- --_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
2056
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs))
2057
- );
1369
+ border-radius: var(--_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
1370
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs)));
1371
+
2058
1372
  &[data-show-default-unchecked-shadow="true"] {
2059
- box-shadow: var(
2060
- --_show-shadow-clear-all,
2061
- var(
2062
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
2063
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))
2064
- )
2065
- var(
2066
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
2067
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))
2068
- )
2069
- var(
2070
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
2071
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))
2072
- )
2073
- var(
2074
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
2075
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))
2076
- )
2077
- );
1373
+ box-shadow: var(--_show-shadow-clear-all,
1374
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
1375
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
1376
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
1377
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))) var(--_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
1378
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))));
2078
1379
  }
1380
+
2079
1381
  &[data-show-default-unchecked-border="true"] {
2080
- border-color: var(
2081
- --_sf-hr-br-cr,
2082
- var(
2083
- --_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
2084
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))
2085
- )
2086
- );
2087
- border-style: var(
2088
- --_sf-hr-br-st,
2089
- var(
2090
- --_ctm-mob-dn-cx-ud-se-dt-se-br-se,
2091
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))
2092
- )
2093
- );
2094
- border-width: var(
2095
- --_sf-hr-br-wh,
2096
- var(
2097
- --_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
2098
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
2099
- )
2100
- );
1382
+ border-color: var(--_sf-hr-br-cr,
1383
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
1384
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))));
1385
+ border-style: var(--_sf-hr-br-st,
1386
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-se,
1387
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))));
1388
+ border-width: var(--_sf-hr-br-wh,
1389
+ var(--_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
1390
+ var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))));
2101
1391
  }
1392
+
2102
1393
  &:hover {
2103
1394
  &[data-show-hover-unchecked-border="true"] {
2104
- border-color: var(
2105
- --_sf-hr-br-cr,
2106
- var(
2107
- --_ctm-mob-dn-cx-ud-se-hr-se-br-cr,
2108
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-cr, var(--_ctm-dn-cx-ud-se-hr-se-br-cr))
2109
- )
2110
- );
2111
- border-style: var(
2112
- --_sf-hr-br-st,
2113
- var(
2114
- --_ctm-mob-dn-cx-ud-se-hr-se-br-se,
2115
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-se, var(--_ctm-dn-cx-ud-se-hr-se-br-se))
2116
- )
2117
- );
2118
- border-width: var(
2119
- --_sf-hr-br-wh,
2120
- var(
2121
- --_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
2122
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
2123
- )
2124
- );
1395
+ border-color: var(--_sf-hr-br-cr,
1396
+ var(--_ctm-mob-dn-cx-ud-se-hr-se-br-cr,
1397
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-br-cr, var(--_ctm-dn-cx-ud-se-hr-se-br-cr))));
1398
+ border-style: var(--_sf-hr-br-st,
1399
+ var(--_ctm-mob-dn-cx-ud-se-hr-se-br-se,
1400
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-br-se, var(--_ctm-dn-cx-ud-se-hr-se-br-se))));
1401
+ border-width: var(--_sf-hr-br-wh,
1402
+ var(--_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
1403
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))));
2125
1404
  }
1405
+
2126
1406
  &[data-show-hover-unchecked-shadow="true"] {
2127
- box-shadow: var(
2128
- --_show-shadow-clear-all,
2129
- var(
2130
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
2131
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
2132
- )
2133
- var(
2134
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
2135
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
2136
- )
2137
- var(
2138
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
2139
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
2140
- )
2141
- var(
2142
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
2143
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
2144
- )
2145
- );
1407
+ box-shadow: var(--_show-shadow-clear-all,
1408
+ var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1409
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1410
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1411
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1412
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))));
2146
1413
  }
2147
- background-color: var(
2148
- --_ctm-mob-dn-cx-ud-se-hr-se-bd-cr,
2149
- var(--_ctm-tab-dn-cx-ud-se-hr-se-bd-cr, var(--_ctm-dn-cx-ud-se-hr-se-bd-cr))
2150
- );
2151
- border-radius: var(
2152
- --_ctm-mob-dn-cx-ud-se-hr-se-br-rs,
2153
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-rs, var(--_ctm-dn-cx-ud-se-hr-se-br-rs))
2154
- );
2155
- box-shadow: var(
2156
- --_show-shadow-clear-all,
2157
- var(
2158
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
2159
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
2160
- )
2161
- var(
2162
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
2163
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
2164
- )
2165
- var(
2166
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
2167
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
2168
- )
2169
- var(
2170
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
2171
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
2172
- )
2173
- );
1414
+
1415
+ background-color: var(--_ctm-mob-dn-cx-ud-se-hr-se-bd-cr,
1416
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-bd-cr, var(--_ctm-dn-cx-ud-se-hr-se-bd-cr)));
1417
+ border-radius: var(--_ctm-mob-dn-cx-ud-se-hr-se-br-rs,
1418
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-br-rs, var(--_ctm-dn-cx-ud-se-hr-se-br-rs)));
1419
+ box-shadow: var(--_show-shadow-clear-all,
1420
+ var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1421
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1422
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1423
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))) var(--_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1424
+ var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))));
2174
1425
  }
2175
1426
  }
2176
1427
 
2177
1428
  // Only style this way if the input is a radio
2178
- input[type="radio"] ~ .filter__checkmark {
1429
+ input[type="radio"]~.filter__checkmark {
2179
1430
  border-radius: 50%;
2180
1431
  }
2181
1432
 
2182
- input[type="radio"]:checked ~ .filter__checkmark {
1433
+ input[type="radio"]:checked~.filter__checkmark {
1434
+
2183
1435
  // border-color: #007bff;
2184
1436
  &[data-show-default-checked-shadow="true"] {
2185
- box-shadow: var(
2186
- --_show-shadow-clear-all,
2187
- var(
2188
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
2189
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))
2190
- )
2191
- var(
2192
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
2193
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))
2194
- )
2195
- var(
2196
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
2197
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))
2198
- )
2199
- var(
2200
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
2201
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))
2202
- )
2203
- );
1437
+ box-shadow: var(--_show-shadow-clear-all,
1438
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
1439
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
1440
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
1441
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))) var(--_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
1442
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))));
2204
1443
  }
2205
1444
 
2206
1445
  &[data-show-default-checked-border="true"] {
2207
- border-color: var(
2208
- --_sf-hr-br-cr,
2209
- var(
2210
- --_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
2211
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))
2212
- )
2213
- );
2214
- border-style: var(
2215
- --_sf-hr-br-st,
2216
- var(
2217
- --_ctm-mob-dn-cx-cd-se-dt-se-br-se,
2218
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))
2219
- )
2220
- );
2221
- border-width: var(
2222
- --_sf-hr-br-wh,
2223
- var(
2224
- --_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
2225
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
2226
- )
2227
- );
1446
+ border-color: var(--_sf-hr-br-cr,
1447
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
1448
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))));
1449
+ border-style: var(--_sf-hr-br-st,
1450
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-se,
1451
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))));
1452
+ border-width: var(--_sf-hr-br-wh,
1453
+ var(--_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
1454
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))));
2228
1455
  }
2229
1456
 
2230
1457
  &:hover {
2231
1458
  &[data-show-hover-checked-shadow="true"] {
2232
- box-shadow: var(
2233
- --_show-shadow-clear-all,
2234
- var(
2235
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
2236
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))
2237
- )
2238
- var(
2239
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
2240
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))
2241
- )
2242
- var(
2243
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
2244
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))
2245
- )
2246
- var(
2247
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
2248
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))
2249
- )
2250
- );
1459
+ box-shadow: var(--_show-shadow-clear-all,
1460
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
1461
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
1462
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
1463
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))) var(--_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
1464
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))));
2251
1465
  }
2252
1466
 
2253
1467
  &[data-show-hover-checked-border="true"] {
2254
- border-color: var(
2255
- --_sf-hr-br-cr,
2256
- var(
2257
- --_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
2258
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))
2259
- )
2260
- );
2261
- border-style: var(
2262
- --_sf-hr-br-st,
2263
- var(
2264
- --_ctm-mob-dn-cx-cd-se-hr-se-br-se,
2265
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))
2266
- )
2267
- );
2268
- border-width: var(
2269
- --_sf-hr-br-wh,
2270
- var(
2271
- --_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
2272
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
2273
- )
2274
- );
1468
+ border-color: var(--_sf-hr-br-cr,
1469
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
1470
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))));
1471
+ border-style: var(--_sf-hr-br-st,
1472
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-se,
1473
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))));
1474
+ border-width: var(--_sf-hr-br-wh,
1475
+ var(--_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
1476
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))));
2275
1477
  }
1478
+
2276
1479
  button {
2277
1480
  display: flex;
1481
+
2278
1482
  .default-icon {
2279
1483
  display: none;
2280
1484
  }
@@ -2282,30 +1486,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2282
1486
  .hover-icon {
2283
1487
  display: block;
2284
1488
  }
1489
+
2285
1490
  svg {
2286
1491
  // width: 13px;
2287
1492
  // height: 13px;
2288
- width: var(
2289
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
2290
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
2291
- );
2292
- height: var(
2293
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
2294
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
2295
- );
1493
+ width: var(--_ctm-mob-dn-cx-cd-se-hr-se-se,
1494
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se)));
1495
+ height: var(--_ctm-mob-dn-cx-cd-se-hr-se-se,
1496
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se)));
1497
+
2296
1498
  path {
2297
1499
  // stroke: var(--_base-white);
2298
- stroke: var(
2299
- --_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
2300
- var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1))
2301
- );
1500
+ stroke: var(--_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
1501
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1)));
2302
1502
  }
2303
1503
  }
2304
1504
  }
2305
1505
  }
2306
1506
  }
2307
1507
 
2308
- input[type="radio"]:checked ~ .filter__checkmark::after {
1508
+ input[type="radio"]:checked~.filter__checkmark::after {
2309
1509
  content: "";
2310
1510
  position: absolute;
2311
1511
  top: 50%;
@@ -2315,20 +1515,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2315
1515
  width: 8px;
2316
1516
  border-radius: 50%;
2317
1517
  // background-color: #007bff;
2318
- background-color: var(
2319
- --_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
2320
- var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr))
2321
- );
1518
+ background-color: var(--_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
1519
+ var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr)));
1520
+
2322
1521
  &:hover {
2323
- background-color: var(
2324
- --_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
2325
- var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr))
2326
- );
1522
+ background-color: var(--_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
1523
+ var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr)));
2327
1524
  }
2328
1525
  }
2329
1526
 
2330
1527
  // Optional for checkbox styling (square)
2331
- input[type="checkbox"] ~ .filter__checkmark {
1528
+ input[type="checkbox"]~.filter__checkmark {
2332
1529
  border-radius: 4px;
2333
1530
  }
2334
1531
 
@@ -2351,66 +1548,34 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2351
1548
 
2352
1549
  .filter__option__value {
2353
1550
  margin-left: 8px;
2354
- color: var(
2355
- --_ctm-mob-dn-on-ls-cr-dc,
2356
- var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc))
2357
- );
2358
- font-family: var(
2359
- --_sf-hr-ff,
2360
- var(
2361
- --_ctm-mob-dn-on-ls-ft-fy-dc,
2362
- var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))
2363
- )
2364
- );
2365
- text-transform: var(
2366
- --_sf-hr-tt-tm,
2367
- var(
2368
- --_ctm-mob-dn-on-ls-tt-tm-dc,
2369
- var(--_ctm-tab-dn-on-ls-tt-tm-dc, var(--_ctm-dn-on-ls-tt-tm-dc))
2370
- )
2371
- );
2372
- word-wrap: var(
2373
- --_sf-hr-wd-wp,
2374
- var(
2375
- --_ctm-mob-dn-on-ls-wd-wp-dc,
2376
- var(--_ctm-tab-dn-on-ls-wd-wp-dc, var(--_ctm-dn-on-ls-wd-wp-dc))
2377
- )
2378
- );
2379
- word-break: var(
2380
- --_sf-hr-wd-bk,
2381
- var(
2382
- --_ctm-mob-dn-on-ls-wd-bk-dc,
2383
- var(--_ctm-tab-dn-on-ls-wd-bk-dc, var(--_ctm-dn-on-ls-wd-bk-dc))
2384
- )
2385
- );
2386
- font-size: var(
2387
- --_ctm-mob-dn-on-ls-ft-se-dc,
2388
- var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc))
2389
- );
2390
- font-weight: var(
2391
- --_ctm-mob-dn-on-ls-ft-wt-dc,
2392
- var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc))
2393
- );
2394
- font-style: var(
2395
- --_ctm-mob-dn-on-ls-ft-se-ic-dc,
2396
- var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc))
2397
- );
2398
- text-align: var(
2399
- --_ctm-mob-dn-on-ls-tt-an-dc,
2400
- var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc))
2401
- );
2402
- letter-spacing: var(
2403
- --_ctm-mob-dn-on-ls-lr-sg-dc,
2404
- var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc))
2405
- );
2406
- line-height: var(
2407
- --_ctm-mob-dn-on-ls-le-ht-dc,
2408
- var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc))
2409
- );
2410
- text-decoration: var(
2411
- --_ctm-mob-dn-on-ls-ue-dc,
2412
- var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc))
2413
- );
1551
+ color: var(--_ctm-mob-dn-on-ls-cr-dc,
1552
+ var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc)));
1553
+ font-family: var(--_sf-hr-ff,
1554
+ var(--_ctm-mob-dn-on-ls-ft-fy-dc,
1555
+ var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))));
1556
+ text-transform: var(--_sf-hr-tt-tm,
1557
+ var(--_ctm-mob-dn-on-ls-tt-tm-dc,
1558
+ var(--_ctm-tab-dn-on-ls-tt-tm-dc, var(--_ctm-dn-on-ls-tt-tm-dc))));
1559
+ word-wrap: var(--_sf-hr-wd-wp,
1560
+ var(--_ctm-mob-dn-on-ls-wd-wp-dc,
1561
+ var(--_ctm-tab-dn-on-ls-wd-wp-dc, var(--_ctm-dn-on-ls-wd-wp-dc))));
1562
+ word-break: var(--_sf-hr-wd-bk,
1563
+ var(--_ctm-mob-dn-on-ls-wd-bk-dc,
1564
+ var(--_ctm-tab-dn-on-ls-wd-bk-dc, var(--_ctm-dn-on-ls-wd-bk-dc))));
1565
+ font-size: var(--_ctm-mob-dn-on-ls-ft-se-dc,
1566
+ var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc)));
1567
+ font-weight: var(--_ctm-mob-dn-on-ls-ft-wt-dc,
1568
+ var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc)));
1569
+ font-style: var(--_ctm-mob-dn-on-ls-ft-se-ic-dc,
1570
+ var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc)));
1571
+ text-align: var(--_ctm-mob-dn-on-ls-tt-an-dc,
1572
+ var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc)));
1573
+ letter-spacing: var(--_ctm-mob-dn-on-ls-lr-sg-dc,
1574
+ var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc)));
1575
+ line-height: var(--_ctm-mob-dn-on-ls-le-ht-dc,
1576
+ var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc)));
1577
+ text-decoration: var(--_ctm-mob-dn-on-ls-ue-dc,
1578
+ var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc)));
2414
1579
  }
2415
1580
  }
2416
1581
 
@@ -2464,42 +1629,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2464
1629
  // 100%
2465
1630
  // );
2466
1631
 
2467
- background: linear-gradient(
2468
- to right,
2469
- var(
2470
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2471
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2472
- )
2473
- 0%,
2474
- var(
2475
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2476
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2477
- )
2478
- var(--left),
2479
- var(
2480
- --_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
2481
- var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))
2482
- )
2483
- var(--left),
2484
- var(
2485
- --_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
2486
- var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))
2487
- )
2488
- var(--right),
2489
- var(
2490
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2491
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2492
- )
2493
- var(--right),
2494
- var(
2495
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2496
- var(
2497
- --_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr,
2498
- var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr, #ccc)
2499
- )
2500
- )
2501
- 100%
2502
- );
1632
+ background: linear-gradient(to right,
1633
+ var(--_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
1634
+ var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))) 0%,
1635
+ var(--_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
1636
+ var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))) var(--left),
1637
+ var(--_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
1638
+ var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))) var(--left),
1639
+ var(--_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
1640
+ var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))) var(--right),
1641
+ var(--_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
1642
+ var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))) var(--right),
1643
+ var(--_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
1644
+ var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr,
1645
+ var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr, #ccc))) 100%);
2503
1646
  // background-color: var(
2504
1647
  // --_sf-hr-bd-cr,
2505
1648
  // #{prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr)}
@@ -2509,10 +1652,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2509
1652
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-cr));
2510
1653
  border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-wh));
2511
1654
  border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-se));
2512
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-ae))
2513
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-br))
2514
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-sd))
2515
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-cr));
1655
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-cr));
2516
1656
  }
2517
1657
 
2518
1658
  .slider-track {
@@ -2549,15 +1689,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2549
1689
  appearance: none;
2550
1690
  cursor: pointer;
2551
1691
  // box-shadow: 0 0.125rem 0.5625rem -0.125rem rgba(0, 0, 0, 0.5);
2552
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-ae))
2553
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-br))
2554
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-sd))
2555
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-cr));
1692
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-cr));
2556
1693
  position: relative;
2557
- z-index: 2; /* Ensure thumbs appear above the track */
1694
+ z-index: 2;
1695
+ /* Ensure thumbs appear above the track */
2558
1696
  transition:
2559
1697
  background-color 400ms,
2560
1698
  border-color 400ms ease-in-out;
1699
+
2561
1700
  &:hover {
2562
1701
  border: 1px solid var(--_thm-cs-be-se-1);
2563
1702
  }
@@ -2590,9 +1729,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2590
1729
  .min-box {
2591
1730
  margin-right: 10px;
2592
1731
  }
1732
+
2593
1733
  .max-box input {
2594
1734
  float: right;
2595
1735
  }
1736
+
2596
1737
  input[type="number"] {
2597
1738
  width: 90px;
2598
1739
  padding: 10px;
@@ -2612,14 +1753,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2612
1753
  border-radius: 5px;
2613
1754
  white-space: nowrap;
2614
1755
  padding-inline: 15px;
1756
+
2615
1757
  span {
2616
1758
  margin-right: 4px;
1759
+
2617
1760
  svg {
2618
1761
  path {
2619
1762
  stroke: var(--_thm-cs-be-se-1);
2620
1763
  }
2621
1764
  }
2622
1765
  }
1766
+
2623
1767
  &:focus-within {
2624
1768
  outline: 2px solid var(--_gray-200);
2625
1769
  border: 1px solid var(--_gray-300);
@@ -2630,6 +1774,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2630
1774
  left: 42px;
2631
1775
  top: 20px;
2632
1776
  transform: translateX(-50%);
1777
+
2633
1778
  input {
2634
1779
  padding-left: 0px !important;
2635
1780
  text-align: left !important;
@@ -2640,6 +1785,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2640
1785
  right: 45px;
2641
1786
  top: 20px;
2642
1787
  transform: translateX(50%);
1788
+
2643
1789
  input {
2644
1790
  padding-left: 0px !important;
2645
1791
  text-align: left !important;
@@ -2754,6 +1900,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2754
1900
  .button_main {
2755
1901
  border: 1px solid var(--_gray-600);
2756
1902
  cursor: pointer;
1903
+
2757
1904
  .btn__group {
2758
1905
  display: flex;
2759
1906
  justify-content: center;
@@ -2764,6 +1911,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2764
1911
  font-size: 16px;
2765
1912
  background-color: #000080;
2766
1913
  padding: 10px 20px;
1914
+
2767
1915
  button {
2768
1916
  svg {
2769
1917
  path {
@@ -2773,7 +1921,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2773
1921
  }
2774
1922
  }
2775
1923
  }
1924
+
2776
1925
  // Button Group Ends
2777
1926
  }
2778
1927
  }
2779
- }
1928
+ }