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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/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,49 +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
- font-size: var(
146
- --_ctm-mob-dn-fs-wt-ft-se,
147
- var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se))
148
- );
149
- font-weight: var(
150
- --_ctm-mob-dn-fs-wt-ft-wt,
151
- var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt))
152
- );
153
- font-style: var(
154
- --_ctm-mob-dn-fs-wt-ft-se-ic,
155
- var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic))
156
- );
157
- text-align: var(
158
- --_ctm-mob-dn-fs-wt-tt-an,
159
- var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an))
160
- );
161
- letter-spacing: var(
162
- --_ctm-mob-dn-fs-wt-lr-sg,
163
- var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg))
164
- );
165
- line-height: var(
166
- --_ctm-mob-dn-fs-wt-le-ht,
167
- var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht))
168
- );
169
- text-decoration: var(
170
- --_ctm-mob-dn-fs-wt-ue,
171
- var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue))
172
- );
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)));
173
140
  }
174
141
 
175
142
  .reset__btn {
@@ -180,119 +147,79 @@ $resizeActive: '[data-cms-element-resizer="true"]';
180
147
  // &:hover {
181
148
  // color: var(--_primary-700);
182
149
  // }
183
- background-color: var(
184
- --_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
185
- var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr))
186
- );
187
- border-radius: var(
188
- --_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
189
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs))
190
- );
191
- padding: var(
192
- --_ctm-mob-dn-cr-al-tt-dt-se-pg,
193
- var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg))
194
- );
195
- box-shadow: var(
196
- --_show-shadow-clear-all,
197
- var(
198
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
199
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))
200
- )
201
- var(
202
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
203
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))
204
- )
205
- var(
206
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
207
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))
208
- )
209
- var(
210
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
211
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))
212
- )
213
- );
214
-
215
- color: var(
216
- --_ctm-mob-dn-cr-al-tt-dt-se-cr,
217
- var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr))
218
- );
219
- font-family: var(
220
- --_sf-hr-ff,
221
- var(
222
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
223
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))
224
- )
225
- );
226
- font-size: var(
227
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
228
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se))
229
- );
230
- font-weight: var(
231
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
232
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt))
233
- );
234
- font-style: var(
235
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
236
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic))
237
- );
238
- text-align: var(
239
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
240
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an))
241
- );
242
- letter-spacing: var(
243
- --_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
244
- var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg))
245
- );
246
- line-height: var(
247
- --_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
248
- var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht))
249
- );
250
- text-decoration: var(
251
- --_ctm-mob-dn-cr-al-tt-dt-se-ue,
252
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue))
253
- );
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)));
254
191
  }
255
192
  }
193
+
256
194
  p {
257
- color: var(
258
- --_ctm-mob-dn-fs-wt-cr-dc,
259
- var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc))
260
- );
261
- font-family: var(
262
- --_sf-hr-ff,
263
- var(
264
- --_ctm-mob-dn-fs-wt-ft-fy-dc,
265
- var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))
266
- )
267
- );
268
- font-size: var(
269
- --_ctm-mob-dn-fs-wt-ft-se-dc,
270
- var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc))
271
- );
272
- font-weight: var(
273
- --_ctm-mob-dn-fs-wt-ft-wt-dc,
274
- var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc))
275
- );
276
- font-style: var(
277
- --_ctm-mob-dn-fs-wt-ft-se-ic-dc,
278
- var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc))
279
- );
280
- text-align: var(
281
- --_ctm-mob-dn-fs-wt-tt-an-dc,
282
- var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc))
283
- );
284
- letter-spacing: var(
285
- --_ctm-mob-dn-fs-wt-lr-sg-dc,
286
- var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc))
287
- );
288
- line-height: var(
289
- --_ctm-mob-dn-fs-wt-le-ht-dc,
290
- var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc))
291
- );
292
- text-decoration: var(
293
- --_ctm-mob-dn-fs-wt-ue-dc,
294
- var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc))
295
- );
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)));
296
223
  }
297
224
 
298
225
  .selected__items {
@@ -300,12 +227,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
300
227
  flex-wrap: wrap;
301
228
  gap: 10px;
302
229
  align-items: center;
230
+
303
231
  // margin-top: 10px;
304
232
  .selected__category {
305
233
  display: flex;
306
234
  align-items: center;
307
235
  gap: 10px;
308
236
  flex-wrap: wrap;
237
+
309
238
  // .selected_item {
310
239
  // display: flex;
311
240
  // gap: 8px;
@@ -330,262 +259,151 @@ $resizeActive: '[data-cms-element-resizer="true"]';
330
259
  transition:
331
260
  background-color 400ms,
332
261
  border-color 400ms ease-in-out;
333
- background-color: var(
334
- --_sf-hr-bd-cr,
335
- var(
336
- --_ctm-mob-dn-sd-im-dt-se-bd-cr,
337
- var(--_ctm-tab-dn-sd-im-dt-se-bd-cr, var(--_ctm-dn-sd-im-dt-se-bd-cr))
338
- )
339
- );
340
- border-radius: var(
341
- --_sf-hr-br-br,
342
- var(
343
- --_ctm-mob-dn-sd-im-dt-se-br-rs,
344
- var(--_ctm-tab-dn-sd-im-dt-se-br-rs, var(--_ctm-dn-sd-im-dt-se-br-rs))
345
- )
346
- );
347
- padding: var(
348
- --_sf-hr-sd-im-pg,
349
- var(
350
- --_ctm-mob-dn-sd-im-dt-se-pg,
351
- var(--_ctm-tab-dn-sd-im-dt-se-pg, var(--_ctm-dn-sd-im-dt-se-pg))
352
- )
353
- );
354
- box-shadow: var(
355
- --_hover-show-shadow,
356
- var(
357
- --_sf-hr-bx-sw,
358
- var(
359
- --_show-shadow,
360
- var(
361
- --_ctm-mob-dn-sd-im-dt-se-sw-ae,
362
- var(--_ctm-tab-dn-sd-im-dt-se-sw-ae, var(--_ctm-dn-sd-im-dt-se-sw-ae))
363
- )
364
- var(
365
- --_ctm-mob-dn-sd-im-dt-se-sw-br,
366
- var(--_ctm-tab-dn-sd-im-dt-se-sw-br, var(--_ctm-dn-sd-im-dt-se-sw-br))
367
- )
368
- var(
369
- --_ctm-mob-dn-sd-im-dt-se-sw-sd,
370
- var(--_ctm-tab-dn-sd-im-dt-se-sw-sd, var(--_ctm-dn-sd-im-dt-se-sw-sd))
371
- )
372
- var(
373
- --_ctm-mob-dn-sd-im-dt-se-sw-cr,
374
- var(--_ctm-tab-dn-sd-im-dt-se-sw-cr, var(--_ctm-dn-sd-im-dt-se-sw-cr))
375
- )
376
- )
377
- )
378
- );
379
-
380
- color: var(
381
- --_sf-hr-fc,
382
- var(
383
- --_ctm-mob-dn-sd-im-dt-se-cr,
384
- var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
385
- )
386
- );
387
- font-family: var(
388
- --_sf-hr-ff,
389
- var(
390
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
391
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
392
- )
393
- );
394
- font-size: var(
395
- --_sf-hr-fs,
396
- var(
397
- --_ctm-mob-dn-sd-im-dt-se-ft-se,
398
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))
399
- )
400
- );
401
- font-weight: var(
402
- --_sf-hr-fw,
403
- var(
404
- --_ctm-mob-dn-sd-im-dt-se-ft-wt,
405
- var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))
406
- )
407
- );
408
- font-style: var(
409
- --_sf-hr-ft,
410
- var(
411
- --_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
412
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))
413
- )
414
- );
415
- text-align: var(
416
- --_sf-hr-ta,
417
- var(
418
- --_ctm-mob-dn-sd-im-dt-se-tt-an,
419
- var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))
420
- )
421
- );
422
- letter-spacing: var(
423
- --_sf-hr-ls,
424
- var(
425
- --_ctm-mob-dn-sd-im-dt-se-lr-sg,
426
- var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))
427
- )
428
- );
429
- line-height: var(
430
- --_sf-hr-lh,
431
- var(
432
- --_ctm-mob-dn-sd-im-dt-se-le-ht,
433
- var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))
434
- )
435
- );
436
- text-decoration: var(
437
- --_sf-hr-tt-dn,
438
- var(
439
- --_ctm-mob-dn-sd-im-dt-se-ue,
440
- var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))
441
- )
442
- );
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
+
296
+ &.flex__overflow {
297
+ white-space: normal;
298
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
299
+ }
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
+
443
323
  &[data-show-selected-item-border="true"] {
444
- border-color: var(
445
- --_sf-hr-br-cr,
446
- var(
447
- --_ctm-mob-dn-sd-im-dt-se-br-cr,
448
- var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))
449
- )
450
- );
451
- border-style: var(
452
- --_sf-hr-br-st,
453
- var(
454
- --_ctm-mob-dn-sd-im-dt-se-br-se,
455
- var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))
456
- )
457
- );
458
- border-width: var(
459
- --_sf-hr-br-wh,
460
- var(
461
- --_ctm-mob-dn-sd-im-dt-se-br-wh,
462
- var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
463
- )
464
- );
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))));
465
333
  }
334
+
466
335
  &:hover {
467
336
  // border: 1px solid var(--_gray-300);
468
337
  // background-color: var(--_gray-50);
469
338
  // cursor: pointer;
470
- --_sf-hr-bd-cr: var(
471
- --_ctm-mob-dn-sd-im-hr-se-bd-cr,
472
- var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr))
473
- );
474
- --_sf-hr-br-cr: var(
475
- --_ctm-mob-dn-sd-im-hr-se-br-cr,
476
- var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr))
477
- );
478
- --_sf-hr-br-st: var(
479
- --_ctm-mob-dn-sd-im-hr-se-br-se,
480
- var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
481
- );
482
- --_sf-hr-br-wh: var(
483
- --_ctm-mob-dn-sd-im-hr-se-br-wh,
484
- var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
485
- );
486
- --_sf-hr-br-br: var(
487
- --_ctm-mob-dn-sd-im-hr-se-br-rs,
488
- var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs))
489
- );
490
- --_sf-hr-sd-im-pg: var(
491
- --_ctm-mob-dn-sd-im-hr-se-pg,
492
- var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg))
493
- );
494
- --_sf-hr-bx-sw: var(
495
- --_ctm-mob-dn-sd-im-hr-se-sw-ae,
496
- var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))
497
- )
498
- var(
499
- --_ctm-mob-dn-sd-im-hr-se-sw-br,
500
- var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))
501
- )
502
- var(
503
- --_ctm-mob-dn-sd-im-hr-se-sw-sd,
504
- var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))
505
- )
506
- var(
507
- --_ctm-mob-dn-sd-im-hr-se-sw-cr,
508
- var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr))
509
- );
510
-
511
- --_sf-hr-fc: var(
512
- --_ctm-mob-dn-sd-im-hr-se-cr,
513
- var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr))
514
- );
515
- --_sf-hr-ff: var(
516
- --_ctm-mob-dn-sd-im-hr-se-ft-fy,
517
- var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy))
518
- );
519
- --_sf-hr-fs: var(
520
- --_ctm-mob-dn-sd-im-hr-se-ft-se,
521
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se))
522
- );
523
- --_sf-hr-fw: var(
524
- --_ctm-mob-dn-sd-im-hr-se-ft-wt,
525
- var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt))
526
- );
527
- --_sf-hr-ft: var(
528
- --_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
529
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic))
530
- );
531
- --_sf-hr-ta: var(
532
- --_ctm-mob-dn-sd-im-hr-se-tt-an,
533
- var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an))
534
- );
535
- --_sf-hr-ls: var(
536
- --_ctm-mob-dn-sd-im-hr-se-lr-sg,
537
- var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg))
538
- );
539
- --_sf-hr-lh: var(
540
- --_ctm-mob-dn-sd-im-hr-se-le-ht,
541
- var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht))
542
- );
543
-
544
- --_sf-hr-ic-wt: var(
545
- --_ctm-mob-dn-sd-im-hr-se-in-se,
546
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
547
- );
548
- --_sf-hr-ic-ht: var(
549
- --_ctm-mob-dn-sd-im-hr-se-in-se,
550
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
551
- );
552
- --_sf-hr-ic-st: var(
553
- --_ctm-mob-dn-sd-im-hr-se-in-c1,
554
- var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1))
555
- );
556
- --_sf-hr-tt-dn: var(
557
- --_ctm-mob-dn-sd-im-hr-se-ue,
558
- var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue))
559
- );
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)));
560
388
 
561
389
  &[data-hover-show-shadow="false"] {
562
390
  --_hover-show-shadow: none;
563
391
  }
392
+
564
393
  &[data-hover-show-icon="false"] {
565
394
  --_hover-show-icon: none;
566
395
  }
396
+
567
397
  &[data-show-selected-item-hover-border="true"] {
568
- border-color: var(
569
- --_sf-hr-br-cr,
570
- var(
571
- --_ctm-mob-dn-sd-im-dt-se-br-cr,
572
- var(--_ctm-tab-dn-sd-im-dt-se-br-cr, var(--_ctm-dn-sd-im-dt-se-br-cr))
573
- )
574
- );
575
- border-style: var(
576
- --_sf-hr-br-st,
577
- var(
578
- --_ctm-mob-dn-sd-im-dt-se-br-se,
579
- var(--_ctm-tab-dn-sd-im-dt-se-br-se, var(--_ctm-dn-sd-im-dt-se-br-se))
580
- )
581
- );
582
- border-width: var(
583
- --_sf-hr-br-wh,
584
- var(
585
- --_ctm-mob-dn-sd-im-dt-se-br-wh,
586
- var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
587
- )
588
- );
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))));
589
407
  }
590
408
  }
591
409
  }
@@ -595,58 +413,56 @@ $resizeActive: '[data-cms-element-resizer="true"]';
595
413
  .option__group__header {
596
414
  @include flex($justifyItems: space-between);
597
415
  gap: 8px;
416
+
598
417
  h2 {
599
418
  font-size: var(--_fs-14);
600
419
  font-weight: var(--_fw-600);
601
420
  }
421
+
602
422
  h3 {
603
423
  // font-size: 12px;
604
424
  // text-transform: uppercase;
605
425
  // color: #333;
606
- color: var(
607
- --_ctm-mob-dn-on-ls-cr,
608
- var(--_ctm-tab-dn-on-ls-cr, var(--_ctm-dn-on-ls-cr))
609
- );
610
- font-family: var(
611
- --_sf-hr-ff,
612
- var(
613
- --_ctm-mob-dn-on-ls-ft-fy,
614
- var(--_ctm-tab-dn-on-ls-ft-fy, var(--_ctm-dn-on-ls-ft-fy))
615
- )
616
- );
617
- font-size: var(
618
- --_ctm-mob-dn-on-ls-ft-se,
619
- var(--_ctm-tab-dn-on-ls-ft-se, var(--_ctm-dn-on-ls-ft-se))
620
- );
621
- font-weight: var(
622
- --_ctm-mob-dn-on-ls-ft-wt,
623
- var(--_ctm-tab-dn-on-ls-ft-wt, var(--_ctm-dn-on-ls-ft-wt))
624
- );
625
- font-style: var(
626
- --_ctm-mob-dn-on-ls-ft-se-ic,
627
- var(--_ctm-tab-dn-on-ls-ft-se-ic, var(--_ctm-dn-on-ls-ft-se-ic))
628
- );
629
- text-align: var(
630
- --_ctm-mob-dn-on-ls-tt-an,
631
- var(--_ctm-tab-dn-on-ls-tt-an, var(--_ctm-dn-on-ls-tt-an))
632
- );
633
- letter-spacing: var(
634
- --_ctm-mob-dn-on-ls-lr-sg,
635
- var(--_ctm-tab-dn-on-ls-lr-sg, var(--_ctm-dn-on-ls-lr-sg))
636
- );
637
- line-height: var(
638
- --_ctm-mob-dn-on-ls-le-ht,
639
- var(--_ctm-tab-dn-on-ls-le-ht, var(--_ctm-dn-on-ls-le-ht))
640
- );
641
- text-decoration: var(
642
- --_ctm-mob-dn-on-ls-ue,
643
- var(--_ctm-tab-dn-on-ls-ue, var(--_ctm-dn-on-ls-ue))
644
- );
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
+
441
+ &.flex__overflow {
442
+ white-space: normal;
443
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
444
+ }
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)));
645
460
  display: -webkit-box;
646
461
  -webkit-line-clamp: 1;
647
462
  -webkit-box-orient: vertical;
648
463
  overflow: hidden;
649
464
  }
465
+
650
466
  .reset__btn {
651
467
  font-size: 12px;
652
468
  text-transform: uppercase;
@@ -658,18 +474,21 @@ $resizeActive: '[data-cms-element-resizer="true"]';
658
474
  display: flex;
659
475
  align-items: center;
660
476
  gap: 12px;
477
+
661
478
  .search__btn {
662
479
  svg {
663
480
  width: 16px;
664
481
  height: 16px;
665
482
  }
666
483
  }
484
+
667
485
  .rotate_0 {
668
486
  display: flex;
669
487
  align-items: center;
670
488
  transform: rotate(0);
671
489
  transition: all 400ms ease-in-out;
672
490
  }
491
+
673
492
  .rotate_180 {
674
493
  display: flex;
675
494
  align-items: center;
@@ -677,47 +496,36 @@ $resizeActive: '[data-cms-element-resizer="true"]';
677
496
  transition: all 400ms ease-in-out;
678
497
  }
679
498
  }
499
+
680
500
  .filter__search {
681
501
  display: flex;
682
502
  align-items: center;
683
503
  // padding: 6px 10px;
684
- padding: var(
685
- --_sf-hr-sd-im-pg,
686
- var(--_ctm-mob-dn-sh-br-pg, var(--_ctm-tab-dn-sh-br-pg, var(--_ctm-dn-sh-br-pg)))
687
- );
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))));
688
506
  // border: 1px solid var(--_gray-300);
689
- border-color: var(
690
- --_sf-hr-br-cr,
691
- var(
692
- --_ctm-mob-dn-sh-br-br-cr,
693
- var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
694
- )
695
- );
696
- border-style: var(
697
- --_sf-hr-br-st,
698
- var(
699
- --_ctm-mob-dn-sh-br-br-se,
700
- var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
701
- )
702
- );
703
- border-width: var(
704
- --_sf-hr-br-wh,
705
- var(
706
- --_ctm-mob-dn-sh-br-br-wh,
707
- var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
708
- )
709
- );
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))));
710
516
  // border-radius: 6px;
711
517
  border-radius: prepareMediaVariable(--_ctm-dn-sh-br-br-rs);
712
518
  width: 100%;
713
519
 
714
520
  button {
715
521
  display: flex;
522
+
716
523
  svg {
717
524
  width: 18px;
718
525
  height: 18px;
719
526
  }
720
527
  }
528
+
721
529
  input[type="text"] {
722
530
  padding-left: 6px;
723
531
  }
@@ -727,6 +535,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
727
535
  ul {
728
536
  margin-top: 10px;
729
537
  transition: all 400ms ease-in-out;
538
+
730
539
  &.show__panel {
731
540
  animation: slideUp 0.4s ease-in-out;
732
541
  }
@@ -735,9 +544,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
735
544
  animation: slideDown 0.4s ease-in-out;
736
545
  pointer-events: none;
737
546
  }
547
+
738
548
  &:not(:last-child) {
739
549
  border-bottom: 1px solid var(--_gray-300);
740
550
  }
551
+
741
552
  li {
742
553
  display: flex;
743
554
  align-items: center;
@@ -784,110 +595,75 @@ $resizeActive: '[data-cms-element-resizer="true"]';
784
595
  font-weight: var(--_fw-600);
785
596
  border-radius: var(--_br-6);
786
597
  width: 100%;
598
+
787
599
  &:hover {
788
600
  background-color: var(--_primary-25);
789
601
  color: var(--_primary-700);
790
602
  }
791
603
  }
604
+
792
605
  .more__button {
793
606
  // font-size: 12px;
794
607
  // text-transform: uppercase;
795
608
  // font-weight: var(--_fw-500);
796
609
  // color: var(--_primary-400);
797
- background-color: var(
798
- --_ctm-mob-dn-me-bn-dt-se-bd-cr,
799
- var(--_ctm-tab-dn-me-bn-dt-se-bd-cr, var(--_ctm-dn-me-bn-dt-se-bd-cr))
800
- );
801
- border-radius: var(
802
- --_ctm-mob-dn-me-bn-dt-se-br-rs,
803
- var(--_ctm-tab-dn-me-bn-dt-se-br-rs, var(--_ctm-dn-me-bn-dt-se-br-rs))
804
- );
805
- box-shadow: var(
806
- --_show-shadow-clear-all,
807
- var(
808
- --_ctm-mob-dn-me-bn-dt-se-sw-ae,
809
- var(--_ctm-tab-dn-me-bn-dt-se-sw-ae, var(--_ctm-dn-me-bn-dt-se-sw-ae))
810
- )
811
- var(
812
- --_ctm-mob-dn-me-bn-dt-se-sw-br,
813
- var(--_ctm-tab-dn-me-bn-dt-se-sw-br, var(--_ctm-dn-me-bn-dt-se-sw-br))
814
- )
815
- var(
816
- --_ctm-mob-dn-me-bn-dt-se-sw-sd,
817
- var(--_ctm-tab-dn-me-bn-dt-se-sw-sd, var(--_ctm-dn-me-bn-dt-se-sw-sd))
818
- )
819
- var(
820
- --_ctm-mob-dn-me-bn-dt-se-sw-cr,
821
- var(--_ctm-tab-dn-me-bn-dt-se-sw-cr, var(--_ctm-dn-me-bn-dt-se-sw-cr))
822
- )
823
- );
824
-
825
- color: var(
826
- --_ctm-mob-dn-me-bn-dt-se-cr,
827
- var(--_ctm-tab-dn-me-bn-dt-se-cr, var(--_ctm-dn-me-bn-dt-se-cr))
828
- );
829
- font-family: var(
830
- --_sf-hr-ff,
831
- var(
832
- --_ctm-mob-dn-me-bn-dt-se-ft-fy,
833
- var(--_ctm-tab-dn-me-bn-dt-se-ft-fy, var(--_ctm-dn-me-bn-dt-se-ft-fy))
834
- )
835
- );
836
- font-size: var(
837
- --_ctm-mob-dn-me-bn-dt-se-ft-se,
838
- var(--_ctm-tab-dn-me-bn-dt-se-ft-se, var(--_ctm-dn-me-bn-dt-se-ft-se))
839
- );
840
- font-weight: var(
841
- --_ctm-mob-dn-me-bn-dt-se-ft-wt,
842
- var(--_ctm-tab-dn-me-bn-dt-se-ft-wt, var(--_ctm-dn-me-bn-dt-se-ft-wt))
843
- );
844
- font-style: var(
845
- --_ctm-mob-dn-me-bn-dt-se-ft-se-ic,
846
- var(--_ctm-tab-dn-me-bn-dt-se-ft-se-ic, var(--_ctm-dn-me-bn-dt-se-ft-se-ic))
847
- );
848
- text-align: var(
849
- --_ctm-mob-dn-me-bn-dt-se-tt-an,
850
- var(--_ctm-tab-dn-me-bn-dt-se-tt-an, var(--_ctm-dn-me-bn-dt-se-tt-an))
851
- );
852
- letter-spacing: var(
853
- --_ctm-mob-dn-me-bn-dt-se-lr-sg,
854
- var(--_ctm-tab-dn-me-bn-dt-se-lr-sg, var(--_ctm-dn-me-bn-dt-se-lr-sg))
855
- );
856
- line-height: var(
857
- --_ctm-mob-dn-me-bn-dt-se-le-ht,
858
- var(--_ctm-tab-dn-me-bn-dt-se-le-ht, var(--_ctm-dn-me-bn-dt-se-le-ht))
859
- );
860
- text-decoration: var(
861
- --_ctm-mob-dn-me-bn-dt-se-ue,
862
- var(--_ctm-tab-dn-me-bn-dt-se-ue, var(--_ctm-dn-me-bn-dt-se-ue))
863
- );
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
+
864
650
  &[data-show-more-button-border="true"] {
865
- border-color: var(
866
- --_sf-hr-br-cr,
867
- var(
868
- --_ctm-mob-dn-me-bn-dt-se-br-cr,
869
- var(--_ctm-tab-dn-me-bn-dt-se-br-cr, var(--_ctm-dn-me-bn-dt-se-br-cr))
870
- )
871
- );
872
- border-style: var(
873
- --_sf-hr-br-st,
874
- var(
875
- --_ctm-mob-dn-me-bn-dt-se-br-se,
876
- var(--_ctm-tab-dn-me-bn-dt-se-br-se, var(--_ctm-dn-me-bn-dt-se-br-se))
877
- )
878
- );
879
- border-width: var(
880
- --_sf-hr-br-wh,
881
- var(
882
- --_ctm-mob-dn-me-bn-dt-se-br-wh,
883
- var(--_ctm-tab-dn-me-bn-dt-se-br-wh, var(--_ctm-dn-me-bn-dt-se-br-wh))
884
- )
885
- );
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))));
886
660
  }
661
+
887
662
  // &:hover {
888
663
  // color: var(--_primary-700);
889
664
  // }
890
665
  }
666
+
891
667
  &:has(.no__results__found) {
892
668
  .no__results__found {
893
669
  padding: 12px;
@@ -903,6 +679,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
903
679
  }
904
680
  }
905
681
  }
682
+
906
683
  .no__results__found {
907
684
  padding: 12px;
908
685
  color: var(--_gray-600);
@@ -925,58 +702,50 @@ $resizeActive: '[data-cms-element-resizer="true"]';
925
702
  // align-items: center;
926
703
  flex-wrap: wrap;
927
704
  gap: 20px;
705
+
928
706
  .filter__Header {
929
707
  display: flex;
930
708
  justify-content: flex-start;
931
709
  gap: 12px;
710
+
932
711
  h2 {
933
712
  font-size: var(--_fs-14);
934
713
  font-weight: var(--_fw-600);
935
714
  text-transform: uppercase;
936
715
  }
716
+
937
717
  h3 {
938
718
  // font-size: 14px;
939
719
  // text-transform: uppercase;
940
720
 
941
- color: var(
942
- --_ctm-mob-dn-fs-wt-cr,
943
- var(--_ctm-tab-dn-fs-wt-cr, var(--_ctm-dn-fs-wt-cr))
944
- );
945
- font-family: var(
946
- --_sf-hr-ff,
947
- var(
948
- --_ctm-mob-dn-fs-wt-ft-fy,
949
- var(--_ctm-tab-dn-fs-wt-ft-fy, var(--_ctm-dn-fs-wt-ft-fy))
950
- )
951
- );
952
- font-size: var(
953
- --_ctm-mob-dn-fs-wt-ft-se,
954
- var(--_ctm-tab-dn-fs-wt-ft-se, var(--_ctm-dn-fs-wt-ft-se))
955
- );
956
- font-weight: var(
957
- --_ctm-mob-dn-fs-wt-ft-wt,
958
- var(--_ctm-tab-dn-fs-wt-ft-wt, var(--_ctm-dn-fs-wt-ft-wt))
959
- );
960
- font-style: var(
961
- --_ctm-mob-dn-fs-wt-ft-se-ic,
962
- var(--_ctm-tab-dn-fs-wt-ft-se-ic, var(--_ctm-dn-fs-wt-ft-se-ic))
963
- );
964
- text-align: var(
965
- --_ctm-mob-dn-fs-wt-tt-an,
966
- var(--_ctm-tab-dn-fs-wt-tt-an, var(--_ctm-dn-fs-wt-tt-an))
967
- );
968
- letter-spacing: var(
969
- --_ctm-mob-dn-fs-wt-lr-sg,
970
- var(--_ctm-tab-dn-fs-wt-lr-sg, var(--_ctm-dn-fs-wt-lr-sg))
971
- );
972
- line-height: var(
973
- --_ctm-mob-dn-fs-wt-le-ht,
974
- var(--_ctm-tab-dn-fs-wt-le-ht, var(--_ctm-dn-fs-wt-le-ht))
975
- );
976
- text-decoration: var(
977
- --_ctm-mob-dn-fs-wt-ue,
978
- var(--_ctm-tab-dn-fs-wt-ue, var(--_ctm-dn-fs-wt-ue))
979
- );
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)));
980
749
  }
981
750
 
982
751
  .reset__btn {
@@ -984,123 +753,84 @@ $resizeActive: '[data-cms-element-resizer="true"]';
984
753
  // text-transform: uppercase;
985
754
  // font-weight: var(--_fw-500);
986
755
  // color: var(--_primary-400);
987
- background-color: var(
988
- --_ctm-mob-dn-cr-al-tt-dt-se-bd-cr,
989
- var(--_ctm-tab-dn-cr-al-tt-dt-se-bd-cr, var(--_ctm-dn-cr-al-tt-dt-se-bd-cr))
990
- );
991
- border-radius: var(
992
- --_ctm-mob-dn-cr-al-tt-dt-se-br-rs,
993
- var(--_ctm-tab-dn-cr-al-tt-dt-se-br-rs, var(--_ctm-dn-cr-al-tt-dt-se-br-rs))
994
- );
995
- padding: var(
996
- --_ctm-mob-dn-cr-al-tt-dt-se-pg,
997
- var(--_ctm-tab-dn-cr-al-tt-dt-se-pg, var(--_ctm-dn-cr-al-tt-dt-se-pg))
998
- );
999
- box-shadow: var(
1000
- --_show-shadow-clear-all,
1001
- var(
1002
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-ae,
1003
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-ae, var(--_ctm-dn-cr-al-tt-dt-se-sw-ae))
1004
- )
1005
- var(
1006
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-br,
1007
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-br, var(--_ctm-dn-cr-al-tt-dt-se-sw-br))
1008
- )
1009
- var(
1010
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-sd,
1011
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-sd, var(--_ctm-dn-cr-al-tt-dt-se-sw-sd))
1012
- )
1013
- var(
1014
- --_ctm-mob-dn-cr-al-tt-dt-se-sw-cr,
1015
- var(--_ctm-tab-dn-cr-al-tt-dt-se-sw-cr, var(--_ctm-dn-cr-al-tt-dt-se-sw-cr))
1016
- )
1017
- );
1018
-
1019
- color: var(
1020
- --_ctm-mob-dn-cr-al-tt-dt-se-cr,
1021
- var(--_ctm-tab-dn-cr-al-tt-dt-se-cr, var(--_ctm-dn-cr-al-tt-dt-se-cr))
1022
- );
1023
- font-family: var(
1024
- --_sf-hr-ff,
1025
- var(
1026
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-fy,
1027
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-fy, var(--_ctm-dn-cr-al-tt-dt-se-ft-fy))
1028
- )
1029
- );
1030
- font-size: var(
1031
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se,
1032
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se, var(--_ctm-dn-cr-al-tt-dt-se-ft-se))
1033
- );
1034
- font-weight: var(
1035
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-wt,
1036
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-wt, var(--_ctm-dn-cr-al-tt-dt-se-ft-wt))
1037
- );
1038
- font-style: var(
1039
- --_ctm-mob-dn-cr-al-tt-dt-se-ft-se-ic,
1040
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ft-se-ic, var(--_ctm-dn-cr-al-tt-dt-se-ft-se-ic))
1041
- );
1042
- text-align: var(
1043
- --_ctm-mob-dn-cr-al-tt-dt-se-tt-an,
1044
- var(--_ctm-tab-dn-cr-al-tt-dt-se-tt-an, var(--_ctm-dn-cr-al-tt-dt-se-tt-an))
1045
- );
1046
- letter-spacing: var(
1047
- --_ctm-mob-dn-cr-al-tt-dt-se-lr-sg,
1048
- var(--_ctm-tab-dn-cr-al-tt-dt-se-lr-sg, var(--_ctm-dn-cr-al-tt-dt-se-lr-sg))
1049
- );
1050
- line-height: var(
1051
- --_ctm-mob-dn-cr-al-tt-dt-se-le-ht,
1052
- var(--_ctm-tab-dn-cr-al-tt-dt-se-le-ht, var(--_ctm-dn-cr-al-tt-dt-se-le-ht))
1053
- );
1054
- text-decoration: var(
1055
- --_ctm-mob-dn-cr-al-tt-dt-se-ue,
1056
- var(--_ctm-tab-dn-cr-al-tt-dt-se-ue, var(--_ctm-dn-cr-al-tt-dt-se-ue))
1057
- );
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)));
1058
797
  // &:hover {
1059
798
  // color: var(--_primary-700);
1060
799
  // }
1061
800
  }
1062
801
  }
802
+
1063
803
  p {
1064
- color: var(
1065
- --_ctm-mob-dn-fs-wt-cr-dc,
1066
- var(--_ctm-tab-dn-fs-wt-cr-dc, var(--_ctm-dn-fs-wt-cr-dc))
1067
- );
1068
- font-family: var(
1069
- --_sf-hr-ff,
1070
- var(
1071
- --_ctm-mob-dn-fs-wt-ft-fy-dc,
1072
- var(--_ctm-tab-dn-fs-wt-ft-fy-dc, var(--_ctm-dn-fs-wt-ft-fy-dc))
1073
- )
1074
- );
1075
- font-size: var(
1076
- --_ctm-mob-dn-fs-wt-ft-se-dc,
1077
- var(--_ctm-tab-dn-fs-wt-ft-se-dc, var(--_ctm-dn-fs-wt-ft-se-dc))
1078
- );
1079
- font-weight: var(
1080
- --_ctm-mob-dn-fs-wt-ft-wt-dc,
1081
- var(--_ctm-tab-dn-fs-wt-ft-wt-dc, var(--_ctm-dn-fs-wt-ft-wt-dc))
1082
- );
1083
- font-style: var(
1084
- --_ctm-mob-dn-fs-wt-ft-se-ic-dc,
1085
- var(--_ctm-tab-dn-fs-wt-ft-se-ic-dc, var(--_ctm-dn-fs-wt-ft-se-ic-dc))
1086
- );
1087
- text-align: var(
1088
- --_ctm-mob-dn-fs-wt-tt-an-dc,
1089
- var(--_ctm-tab-dn-fs-wt-tt-an-dc, var(--_ctm-dn-fs-wt-tt-an-dc))
1090
- );
1091
- letter-spacing: var(
1092
- --_ctm-mob-dn-fs-wt-lr-sg-dc,
1093
- var(--_ctm-tab-dn-fs-wt-lr-sg-dc, var(--_ctm-dn-fs-wt-lr-sg-dc))
1094
- );
1095
- line-height: var(
1096
- --_ctm-mob-dn-fs-wt-le-ht-dc,
1097
- var(--_ctm-tab-dn-fs-wt-le-ht-dc, var(--_ctm-dn-fs-wt-le-ht-dc))
1098
- );
1099
- text-decoration: var(
1100
- --_ctm-mob-dn-fs-wt-ue-dc,
1101
- var(--_ctm-tab-dn-fs-wt-ue-dc, var(--_ctm-dn-fs-wt-ue-dc))
1102
- );
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)));
1103
832
  }
833
+
1104
834
  .flt__dropdowns {
1105
835
  display: flex;
1106
836
  // flex-direction: column;
@@ -1108,6 +838,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1108
838
  align-items: center;
1109
839
  flex-wrap: wrap;
1110
840
  gap: 20px;
841
+
1111
842
  .filter__option__dropdown {
1112
843
  display: flex;
1113
844
  gap: 20px;
@@ -1116,6 +847,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1116
847
  padding: 6px 12px;
1117
848
  border-radius: 6px;
1118
849
  width: fit-content;
850
+
1119
851
  &:hover {
1120
852
  border: 1px solid var(--_gray-200);
1121
853
  background-color: var(--_gray-50);
@@ -1129,16 +861,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1129
861
  flex-wrap: wrap;
1130
862
  gap: 20px;
1131
863
  }
864
+
1132
865
  .selected__items {
1133
866
  display: flex;
1134
867
  flex-wrap: wrap;
1135
868
  gap: 10px;
1136
869
  align-items: center;
870
+
1137
871
  .selected__category {
1138
872
  display: flex;
1139
873
  align-items: center;
1140
874
  gap: 10px;
1141
875
  flex-wrap: wrap;
876
+
1142
877
  .selected_item {
1143
878
  display: flex;
1144
879
  gap: 8px;
@@ -1147,167 +882,107 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1147
882
  padding: 6px 12px;
1148
883
  align-items: center;
1149
884
 
1150
- color: var(
1151
- --_sf-hr-fc,
1152
- var(
1153
- --_ctm-mob-dn-sd-im-dt-se-cr,
1154
- var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
1155
- )
1156
- );
1157
- font-family: var(
1158
- --_sf-hr-ff,
1159
- var(
1160
- --_ctm-mob-dn-sd-im-dt-se-ft-fy,
1161
- var(--_ctm-tab-dn-sd-im-dt-se-ft-fy, var(--_ctm-dn-sd-im-dt-se-ft-fy))
1162
- )
1163
- );
1164
- font-size: var(
1165
- --_sf-hr-fs,
1166
- var(
1167
- --_ctm-mob-dn-sd-im-dt-se-ft-se,
1168
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se, var(--_ctm-dn-sd-im-dt-se-ft-se))
1169
- )
1170
- );
1171
- font-weight: var(
1172
- --_sf-hr-fw,
1173
- var(
1174
- --_ctm-mob-dn-sd-im-dt-se-ft-wt,
1175
- var(--_ctm-tab-dn-sd-im-dt-se-ft-wt, var(--_ctm-dn-sd-im-dt-se-ft-wt))
1176
- )
1177
- );
1178
- font-style: var(
1179
- --_sf-hr-ft,
1180
- var(
1181
- --_ctm-mob-dn-sd-im-dt-se-ft-se-ic,
1182
- var(--_ctm-tab-dn-sd-im-dt-se-ft-se-ic, var(--_ctm-dn-sd-im-dt-se-ft-se-ic))
1183
- )
1184
- );
1185
- text-align: var(
1186
- --_sf-hr-ta,
1187
- var(
1188
- --_ctm-mob-dn-sd-im-dt-se-tt-an,
1189
- var(--_ctm-tab-dn-sd-im-dt-se-tt-an, var(--_ctm-dn-sd-im-dt-se-tt-an))
1190
- )
1191
- );
1192
- letter-spacing: var(
1193
- --_sf-hr-ls,
1194
- var(
1195
- --_ctm-mob-dn-sd-im-dt-se-lr-sg,
1196
- var(--_ctm-tab-dn-sd-im-dt-se-lr-sg, var(--_ctm-dn-sd-im-dt-se-lr-sg))
1197
- )
1198
- );
1199
- line-height: var(
1200
- --_sf-hr-lh,
1201
- var(
1202
- --_ctm-mob-dn-sd-im-dt-se-le-ht,
1203
- var(--_ctm-tab-dn-sd-im-dt-se-le-ht, var(--_ctm-dn-sd-im-dt-se-le-ht))
1204
- )
1205
- );
1206
- text-decoration: var(
1207
- --_sf-hr-tt-dn,
1208
- var(
1209
- --_ctm-mob-dn-sd-im-dt-se-ue,
1210
- var(--_ctm-tab-dn-sd-im-dt-se-ue, var(--_ctm-dn-sd-im-dt-se-ue))
1211
- )
1212
- );
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
+
901
+ &.flex__overflow {
902
+ white-space: normal;
903
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
904
+ }
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
+
1213
928
  &:hover {
1214
929
  // border: 1px solid var(--_gray-300);
1215
930
  // background-color: var(--_gray-50);
1216
931
  // cursor: pointer;
1217
- --_sf-hr-bd-cr: var(
1218
- --_ctm-mob-dn-sd-im-hr-se-bd-cr,
1219
- var(--_ctm-tab-dn-sd-im-hr-se-bd-cr, var(--_ctm-dn-sd-im-hr-se-bd-cr))
1220
- );
1221
- --_sf-hr-br-cr: var(
1222
- --_ctm-mob-dn-sd-im-hr-se-br-cr,
1223
- var(--_ctm-tab-dn-sd-im-hr-se-br-cr, var(--_ctm-dn-sd-im-hr-se-br-cr))
1224
- );
1225
- --_sf-hr-br-st: var(
1226
- --_ctm-mob-dn-sd-im-hr-se-br-se,
1227
- var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
1228
- );
1229
- --_sf-hr-br-wh: var(
1230
- --_ctm-mob-dn-sd-im-hr-se-br-wh,
1231
- var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
1232
- );
1233
- --_sf-hr-br-br: var(
1234
- --_ctm-mob-dn-sd-im-hr-se-br-rs,
1235
- var(--_ctm-tab-dn-sd-im-hr-se-br-rs, var(--_ctm-dn-sd-im-hr-se-br-rs))
1236
- );
1237
- --_sf-hr-sd-im-pg: var(
1238
- --_ctm-mob-dn-sd-im-hr-se-pg,
1239
- var(--_ctm-tab-dn-sd-im-hr-se-pg, var(--_ctm-dn-sd-im-hr-se-pg))
1240
- );
1241
- --_sf-hr-bx-sw: var(
1242
- --_ctm-mob-dn-sd-im-hr-se-sw-ae,
1243
- var(--_ctm-tab-dn-sd-im-hr-se-sw-ae, var(--_ctm-dn-sd-im-hr-se-sw-ae))
1244
- )
1245
- var(
1246
- --_ctm-mob-dn-sd-im-hr-se-sw-br,
1247
- var(--_ctm-tab-dn-sd-im-hr-se-sw-br, var(--_ctm-dn-sd-im-hr-se-sw-br))
1248
- )
1249
- var(
1250
- --_ctm-mob-dn-sd-im-hr-se-sw-sd,
1251
- var(--_ctm-tab-dn-sd-im-hr-se-sw-sd, var(--_ctm-dn-sd-im-hr-se-sw-sd))
1252
- )
1253
- var(
1254
- --_ctm-mob-dn-sd-im-hr-se-sw-cr,
1255
- var(--_ctm-tab-dn-sd-im-hr-se-sw-cr, var(--_ctm-dn-sd-im-hr-se-sw-cr))
1256
- );
1257
-
1258
- --_sf-hr-fc: var(
1259
- --_ctm-mob-dn-sd-im-hr-se-cr,
1260
- var(--_ctm-tab-dn-sd-im-hr-se-cr, var(--_ctm-dn-sd-im-hr-se-cr))
1261
- );
1262
- --_sf-hr-ff: var(
1263
- --_ctm-mob-dn-sd-im-hr-se-ft-fy,
1264
- var(--_ctm-tab-dn-sd-im-hr-se-ft-fy, var(--_ctm-dn-sd-im-hr-se-ft-fy))
1265
- );
1266
- --_sf-hr-fs: var(
1267
- --_ctm-mob-dn-sd-im-hr-se-ft-se,
1268
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se, var(--_ctm-dn-sd-im-hr-se-ft-se))
1269
- );
1270
- --_sf-hr-fw: var(
1271
- --_ctm-mob-dn-sd-im-hr-se-ft-wt,
1272
- var(--_ctm-tab-dn-sd-im-hr-se-ft-wt, var(--_ctm-dn-sd-im-hr-se-ft-wt))
1273
- );
1274
- --_sf-hr-ft: var(
1275
- --_ctm-mob-dn-sd-im-hr-se-ft-se-ic,
1276
- var(--_ctm-tab-dn-sd-im-hr-se-ft-se-ic, var(--_ctm-dn-sd-im-hr-se-ft-se-ic))
1277
- );
1278
- --_sf-hr-ta: var(
1279
- --_ctm-mob-dn-sd-im-hr-se-tt-an,
1280
- var(--_ctm-tab-dn-sd-im-hr-se-tt-an, var(--_ctm-dn-sd-im-hr-se-tt-an))
1281
- );
1282
- --_sf-hr-ls: var(
1283
- --_ctm-mob-dn-sd-im-hr-se-lr-sg,
1284
- var(--_ctm-tab-dn-sd-im-hr-se-lr-sg, var(--_ctm-dn-sd-im-hr-se-lr-sg))
1285
- );
1286
- --_sf-hr-lh: var(
1287
- --_ctm-mob-dn-sd-im-hr-se-le-ht,
1288
- var(--_ctm-tab-dn-sd-im-hr-se-le-ht, var(--_ctm-dn-sd-im-hr-se-le-ht))
1289
- );
1290
-
1291
- --_sf-hr-ic-wt: var(
1292
- --_ctm-mob-dn-sd-im-hr-se-in-se,
1293
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
1294
- );
1295
- --_sf-hr-ic-ht: var(
1296
- --_ctm-mob-dn-sd-im-hr-se-in-se,
1297
- var(--_ctm-tab-dn-sd-im-hr-se-in-se, var(--_ctm-dn-sd-im-hr-se-in-se))
1298
- );
1299
- --_sf-hr-ic-st: var(
1300
- --_ctm-mob-dn-sd-im-hr-se-in-c1,
1301
- var(--_ctm-tab-dn-sd-im-hr-se-in-c1, var(--_ctm-dn-sd-im-hr-se-in-c1))
1302
- );
1303
- --_sf-hr-tt-dn: var(
1304
- --_ctm-mob-dn-sd-im-hr-se-ue,
1305
- var(--_ctm-tab-dn-sd-im-hr-se-ue, var(--_ctm-dn-sd-im-hr-se-ue))
1306
- );
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)));
1307
981
 
1308
982
  &[data-hover-show-shadow="false"] {
1309
983
  --_hover-show-shadow: none;
1310
984
  }
985
+
1311
986
  &[data-hover-show-icon="false"] {
1312
987
  --_hover-show-icon: none;
1313
988
  }
@@ -1320,9 +995,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1320
995
  .clear__btn {
1321
996
  display: flex;
1322
997
  align-items: center;
998
+
1323
999
  svg {
1324
1000
  width: 18px;
1325
1001
  height: 18px;
1002
+
1326
1003
  &:hover {
1327
1004
  path {
1328
1005
  stroke: var(--_gray-900);
@@ -1330,6 +1007,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1330
1007
  }
1331
1008
  }
1332
1009
  }
1010
+
1333
1011
  //Filter Features Ends
1334
1012
 
1335
1013
  // Input checkbox Starts
@@ -1345,6 +1023,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1345
1023
  -moz-user-select: none;
1346
1024
  -ms-user-select: none;
1347
1025
  user-select: none;
1026
+
1348
1027
  .color-image {
1349
1028
  width: 15px;
1350
1029
  height: 15px;
@@ -1353,6 +1032,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1353
1032
  object-fit: "cover";
1354
1033
  display: "block";
1355
1034
  }
1035
+
1356
1036
  .color {
1357
1037
  width: 15px;
1358
1038
  height: 15px;
@@ -1361,45 +1041,34 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1361
1041
  }
1362
1042
 
1363
1043
  .option__value {
1364
- color: var(
1365
- --_ctm-mob-dn-on-ls-cr-dc,
1366
- var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc))
1367
- );
1368
- font-family: var(
1369
- --_sf-hr-ff,
1370
- var(
1371
- --_ctm-mob-dn-on-ls-ft-fy-dc,
1372
- var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))
1373
- )
1374
- );
1375
- font-size: var(
1376
- --_ctm-mob-dn-on-ls-ft-se-dc,
1377
- var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc))
1378
- );
1379
- font-weight: var(
1380
- --_ctm-mob-dn-on-ls-ft-wt-dc,
1381
- var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc))
1382
- );
1383
- font-style: var(
1384
- --_ctm-mob-dn-on-ls-ft-se-ic-dc,
1385
- var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc))
1386
- );
1387
- text-align: var(
1388
- --_ctm-mob-dn-on-ls-tt-an-dc,
1389
- var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc))
1390
- );
1391
- letter-spacing: var(
1392
- --_ctm-mob-dn-on-ls-lr-sg-dc,
1393
- var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc))
1394
- );
1395
- line-height: var(
1396
- --_ctm-mob-dn-on-ls-le-ht-dc,
1397
- var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc))
1398
- );
1399
- text-decoration: var(
1400
- --_ctm-mob-dn-on-ls-ue-dc,
1401
- var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc))
1402
- );
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)));
1403
1072
  }
1404
1073
  }
1405
1074
 
@@ -1420,59 +1089,33 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1420
1089
  justify-content: center;
1421
1090
  align-items: center;
1422
1091
 
1423
- background-color: var(
1424
- --_ctm-mob-dn-cx-ud-se-dt-se-bd-cr,
1425
- var(--_ctm-tab-dn-cx-ud-se-dt-se-bd-cr, var(--_ctm-dn-cx-ud-se-dt-se-bd-cr))
1426
- );
1427
- border-radius: var(
1428
- --_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
1429
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs))
1430
- );
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)));
1431
1096
  transition: background-color 400ms ease-in-out;
1097
+
1432
1098
  &[data-show-default-unchecked-shadow="true"] {
1433
- box-shadow: var(
1434
- --_show-shadow-clear-all,
1435
- var(
1436
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
1437
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))
1438
- )
1439
- var(
1440
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
1441
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))
1442
- )
1443
- var(
1444
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
1445
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))
1446
- )
1447
- var(
1448
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
1449
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))
1450
- )
1451
- );
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))));
1452
1105
  }
1106
+
1453
1107
  &[data-show-default-unchecked-border="true"] {
1454
- border-color: var(
1455
- --_sf-hr-br-cr,
1456
- var(
1457
- --_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
1458
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))
1459
- )
1460
- );
1461
- border-style: var(
1462
- --_sf-hr-br-st,
1463
- var(
1464
- --_ctm-mob-dn-cx-ud-se-dt-se-br-se,
1465
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))
1466
- )
1467
- );
1468
- border-width: var(
1469
- --_sf-hr-br-wh,
1470
- var(
1471
- --_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
1472
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
1473
- )
1474
- );
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))));
1475
1117
  }
1118
+
1476
1119
  // &:hover {
1477
1120
  // &[data-show-hover-unchecked-border="true"] {
1478
1121
  // border-color: var(
@@ -1552,118 +1195,64 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1552
1195
  }
1553
1196
  }
1554
1197
 
1555
- .checkbox__radio input:checked ~ .checkmark {
1556
- background-color: var(
1557
- --_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
1558
- var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr))
1559
- );
1560
- border-radius: var(
1561
- --_ctm-mob-dn-cx-cd-se-dt-se-br-rs,
1562
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-rs, var(--_ctm-dn-cx-cd-se-dt-se-br-rs))
1563
- );
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)));
1564
1203
  transition: background-color 400ms ease-in-out;
1204
+
1565
1205
  &[data-show-default-checked-shadow="true"] {
1566
- box-shadow: var(
1567
- --_show-shadow-clear-all,
1568
- var(
1569
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
1570
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))
1571
- )
1572
- var(
1573
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
1574
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))
1575
- )
1576
- var(
1577
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
1578
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))
1579
- )
1580
- var(
1581
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
1582
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))
1583
- )
1584
- );
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))));
1585
1212
  }
1586
1213
 
1587
1214
  &[data-show-default-checked-border="true"] {
1588
- border-color: var(
1589
- --_sf-hr-br-cr,
1590
- var(
1591
- --_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
1592
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))
1593
- )
1594
- );
1595
- border-style: var(
1596
- --_sf-hr-br-st,
1597
- var(
1598
- --_ctm-mob-dn-cx-cd-se-dt-se-br-se,
1599
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))
1600
- )
1601
- );
1602
- border-width: var(
1603
- --_sf-hr-br-wh,
1604
- var(
1605
- --_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
1606
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
1607
- )
1608
- );
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))));
1609
1224
  }
1610
1225
 
1611
1226
  &:hover {
1612
- background-color: var(
1613
- --_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
1614
- var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr))
1615
- );
1616
- border-radius: var(
1617
- --_ctm-mob-dn-cx-cd-se-hr-se-br-rs,
1618
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-rs, var(--_ctm-dn-cx-cd-se-hr-se-br-rs))
1619
- );
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
+
1620
1232
  &[data-show-hover-checked-shadow="true"] {
1621
- box-shadow: var(
1622
- --_show-shadow-clear-all,
1623
- var(
1624
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
1625
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))
1626
- )
1627
- var(
1628
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
1629
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))
1630
- )
1631
- var(
1632
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
1633
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))
1634
- )
1635
- var(
1636
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
1637
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))
1638
- )
1639
- );
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))));
1640
1239
  }
1641
1240
 
1642
1241
  &[data-show-hover-checked-border="true"] {
1643
- border-color: var(
1644
- --_sf-hr-br-cr,
1645
- var(
1646
- --_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
1647
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))
1648
- )
1649
- );
1650
- border-style: var(
1651
- --_sf-hr-br-st,
1652
- var(
1653
- --_ctm-mob-dn-cx-cd-se-hr-se-br-se,
1654
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))
1655
- )
1656
- );
1657
- border-width: var(
1658
- --_sf-hr-br-wh,
1659
- var(
1660
- --_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
1661
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
1662
- )
1663
- );
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))));
1664
1251
  }
1252
+
1665
1253
  button {
1666
1254
  display: flex;
1255
+
1667
1256
  .default-icon {
1668
1257
  display: none;
1669
1258
  }
@@ -1673,23 +1262,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1673
1262
  align-items: center;
1674
1263
  justify-content: center;
1675
1264
  }
1265
+
1676
1266
  svg {
1677
1267
  // width: 13px;
1678
1268
  // height: 13px;
1679
- width: var(
1680
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
1681
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
1682
- );
1683
- height: var(
1684
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
1685
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
1686
- );
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
+
1687
1274
  path {
1688
1275
  // stroke: var(--_base-white);
1689
- stroke: var(
1690
- --_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
1691
- var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1))
1692
- );
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)));
1693
1278
  }
1694
1279
  }
1695
1280
  }
@@ -1704,6 +1289,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1704
1289
 
1705
1290
  button {
1706
1291
  display: flex;
1292
+
1707
1293
  .default-icon {
1708
1294
  display: flex;
1709
1295
  justify-content: center;
@@ -1713,23 +1299,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1713
1299
  .hover-icon {
1714
1300
  display: none;
1715
1301
  }
1302
+
1716
1303
  svg {
1717
1304
  // width: 13px;
1718
1305
  // height: 13px;
1719
- width: var(
1720
- --_ctm-mob-dn-cx-cd-se-dt-se-se,
1721
- var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se))
1722
- );
1723
- height: var(
1724
- --_ctm-mob-dn-cx-cd-se-dt-se-se,
1725
- var(--_ctm-tab-dn-cx-cd-se-dt-se-se, var(--_ctm-dn-cx-cd-se-dt-se-se))
1726
- );
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
+
1727
1311
  path {
1728
1312
  // stroke: var(--_base-white);
1729
- stroke: var(
1730
- --_ctm-mob-dn-cx-cd-se-dt-se-in-c1,
1731
- var(--_ctm-tab-dn-cx-cd-se-dt-se-in-c1, var(--_ctm-dn-cx-cd-se-dt-se-in-c1))
1732
- );
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)));
1733
1315
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1734
1316
  stroke-width: prepareMediaVariable(--_ctm-dn-cx-cd-se-dt-se-se-wh, 1.25);
1735
1317
  }
@@ -1743,7 +1325,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1743
1325
  display: none;
1744
1326
  }
1745
1327
 
1746
- .checkbox__radio input:checked ~ .checkmark:after {
1328
+ .checkbox__radio input:checked~.checkmark:after {
1747
1329
  display: block;
1748
1330
  }
1749
1331
 
@@ -1784,230 +1366,119 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1784
1366
  // --_ctm-mob-dn-cx-ud-se-dt-se-bd-cr,
1785
1367
  // var(--_ctm-tab-dn-cx-ud-se-dt-se-bd-cr, var(--_ctm-dn-cx-ud-se-dt-se-bd-cr))
1786
1368
  // );
1787
- border-radius: var(
1788
- --_ctm-mob-dn-cx-ud-se-dt-se-br-rs,
1789
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-rs, var(--_ctm-dn-cx-ud-se-dt-se-br-rs))
1790
- );
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
+
1791
1372
  &[data-show-default-unchecked-shadow="true"] {
1792
- box-shadow: var(
1793
- --_show-shadow-clear-all,
1794
- var(
1795
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-ae,
1796
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-ae, var(--_ctm-dn-cx-ud-se-dt-se-sw-ae))
1797
- )
1798
- var(
1799
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-br,
1800
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-br, var(--_ctm-dn-cx-ud-se-dt-se-sw-br))
1801
- )
1802
- var(
1803
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-sd,
1804
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-sd, var(--_ctm-dn-cx-ud-se-dt-se-sw-sd))
1805
- )
1806
- var(
1807
- --_ctm-mob-dn-cx-ud-se-dt-se-sw-cr,
1808
- var(--_ctm-tab-dn-cx-ud-se-dt-se-sw-cr, var(--_ctm-dn-cx-ud-se-dt-se-sw-cr))
1809
- )
1810
- );
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))));
1811
1379
  }
1380
+
1812
1381
  &[data-show-default-unchecked-border="true"] {
1813
- border-color: var(
1814
- --_sf-hr-br-cr,
1815
- var(
1816
- --_ctm-mob-dn-cx-ud-se-dt-se-br-cr,
1817
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-cr, var(--_ctm-dn-cx-ud-se-dt-se-br-cr))
1818
- )
1819
- );
1820
- border-style: var(
1821
- --_sf-hr-br-st,
1822
- var(
1823
- --_ctm-mob-dn-cx-ud-se-dt-se-br-se,
1824
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-se, var(--_ctm-dn-cx-ud-se-dt-se-br-se))
1825
- )
1826
- );
1827
- border-width: var(
1828
- --_sf-hr-br-wh,
1829
- var(
1830
- --_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
1831
- var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
1832
- )
1833
- );
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))));
1834
1391
  }
1392
+
1835
1393
  &:hover {
1836
1394
  &[data-show-hover-unchecked-border="true"] {
1837
- border-color: var(
1838
- --_sf-hr-br-cr,
1839
- var(
1840
- --_ctm-mob-dn-cx-ud-se-hr-se-br-cr,
1841
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-cr, var(--_ctm-dn-cx-ud-se-hr-se-br-cr))
1842
- )
1843
- );
1844
- border-style: var(
1845
- --_sf-hr-br-st,
1846
- var(
1847
- --_ctm-mob-dn-cx-ud-se-hr-se-br-se,
1848
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-se, var(--_ctm-dn-cx-ud-se-hr-se-br-se))
1849
- )
1850
- );
1851
- border-width: var(
1852
- --_sf-hr-br-wh,
1853
- var(
1854
- --_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
1855
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
1856
- )
1857
- );
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))));
1858
1404
  }
1405
+
1859
1406
  &[data-show-hover-unchecked-shadow="true"] {
1860
- box-shadow: var(
1861
- --_show-shadow-clear-all,
1862
- var(
1863
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1864
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1865
- )
1866
- var(
1867
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1868
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1869
- )
1870
- var(
1871
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1872
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1873
- )
1874
- var(
1875
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1876
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1877
- )
1878
- );
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))));
1879
1413
  }
1880
- background-color: var(
1881
- --_ctm-mob-dn-cx-ud-se-hr-se-bd-cr,
1882
- var(--_ctm-tab-dn-cx-ud-se-hr-se-bd-cr, var(--_ctm-dn-cx-ud-se-hr-se-bd-cr))
1883
- );
1884
- border-radius: var(
1885
- --_ctm-mob-dn-cx-ud-se-hr-se-br-rs,
1886
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-rs, var(--_ctm-dn-cx-ud-se-hr-se-br-rs))
1887
- );
1888
- box-shadow: var(
1889
- --_show-shadow-clear-all,
1890
- var(
1891
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1892
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1893
- )
1894
- var(
1895
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1896
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1897
- )
1898
- var(
1899
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1900
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1901
- )
1902
- var(
1903
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1904
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1905
- )
1906
- );
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))));
1907
1425
  }
1908
1426
  }
1909
1427
 
1910
1428
  // Only style this way if the input is a radio
1911
- input[type="radio"] ~ .filter__checkmark {
1429
+ input[type="radio"]~.filter__checkmark {
1912
1430
  border-radius: 50%;
1913
1431
  }
1914
1432
 
1915
- input[type="radio"]:checked ~ .filter__checkmark {
1433
+ input[type="radio"]:checked~.filter__checkmark {
1434
+
1916
1435
  // border-color: #007bff;
1917
1436
  &[data-show-default-checked-shadow="true"] {
1918
- box-shadow: var(
1919
- --_show-shadow-clear-all,
1920
- var(
1921
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-ae,
1922
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-ae, var(--_ctm-dn-cx-cd-se-dt-se-sw-ae))
1923
- )
1924
- var(
1925
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-br,
1926
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-br, var(--_ctm-dn-cx-cd-se-dt-se-sw-br))
1927
- )
1928
- var(
1929
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-sd,
1930
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-sd, var(--_ctm-dn-cx-cd-se-dt-se-sw-sd))
1931
- )
1932
- var(
1933
- --_ctm-mob-dn-cx-cd-se-dt-se-sw-cr,
1934
- var(--_ctm-tab-dn-cx-cd-se-dt-se-sw-cr, var(--_ctm-dn-cx-cd-se-dt-se-sw-cr))
1935
- )
1936
- );
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))));
1937
1443
  }
1938
1444
 
1939
1445
  &[data-show-default-checked-border="true"] {
1940
- border-color: var(
1941
- --_sf-hr-br-cr,
1942
- var(
1943
- --_ctm-mob-dn-cx-cd-se-dt-se-br-cr,
1944
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-cr, var(--_ctm-dn-cx-cd-se-dt-se-br-cr))
1945
- )
1946
- );
1947
- border-style: var(
1948
- --_sf-hr-br-st,
1949
- var(
1950
- --_ctm-mob-dn-cx-cd-se-dt-se-br-se,
1951
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-se, var(--_ctm-dn-cx-cd-se-dt-se-br-se))
1952
- )
1953
- );
1954
- border-width: var(
1955
- --_sf-hr-br-wh,
1956
- var(
1957
- --_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
1958
- var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
1959
- )
1960
- );
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))));
1961
1455
  }
1962
1456
 
1963
1457
  &:hover {
1964
1458
  &[data-show-hover-checked-shadow="true"] {
1965
- box-shadow: var(
1966
- --_show-shadow-clear-all,
1967
- var(
1968
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-ae,
1969
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-ae, var(--_ctm-dn-cx-cd-se-hr-se-sw-ae))
1970
- )
1971
- var(
1972
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-br,
1973
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-br, var(--_ctm-dn-cx-cd-se-hr-se-sw-br))
1974
- )
1975
- var(
1976
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-sd,
1977
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-sd, var(--_ctm-dn-cx-cd-se-hr-se-sw-sd))
1978
- )
1979
- var(
1980
- --_ctm-mob-dn-cx-cd-se-hr-se-sw-cr,
1981
- var(--_ctm-tab-dn-cx-cd-se-hr-se-sw-cr, var(--_ctm-dn-cx-cd-se-hr-se-sw-cr))
1982
- )
1983
- );
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))));
1984
1465
  }
1985
1466
 
1986
1467
  &[data-show-hover-checked-border="true"] {
1987
- border-color: var(
1988
- --_sf-hr-br-cr,
1989
- var(
1990
- --_ctm-mob-dn-cx-cd-se-hr-se-br-cr,
1991
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-cr, var(--_ctm-dn-cx-cd-se-hr-se-br-cr))
1992
- )
1993
- );
1994
- border-style: var(
1995
- --_sf-hr-br-st,
1996
- var(
1997
- --_ctm-mob-dn-cx-cd-se-hr-se-br-se,
1998
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-se, var(--_ctm-dn-cx-cd-se-hr-se-br-se))
1999
- )
2000
- );
2001
- border-width: var(
2002
- --_sf-hr-br-wh,
2003
- var(
2004
- --_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
2005
- var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
2006
- )
2007
- );
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))));
2008
1477
  }
1478
+
2009
1479
  button {
2010
1480
  display: flex;
1481
+
2011
1482
  .default-icon {
2012
1483
  display: none;
2013
1484
  }
@@ -2015,30 +1486,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2015
1486
  .hover-icon {
2016
1487
  display: block;
2017
1488
  }
1489
+
2018
1490
  svg {
2019
1491
  // width: 13px;
2020
1492
  // height: 13px;
2021
- width: var(
2022
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
2023
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
2024
- );
2025
- height: var(
2026
- --_ctm-mob-dn-cx-cd-se-hr-se-se,
2027
- var(--_ctm-tab-dn-cx-cd-se-hr-se-se, var(--_ctm-dn-cx-cd-se-hr-se-se))
2028
- );
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
+
2029
1498
  path {
2030
1499
  // stroke: var(--_base-white);
2031
- stroke: var(
2032
- --_ctm-mob-dn-cx-cd-se-hr-se-in-c1,
2033
- var(--_ctm-tab-dn-cx-cd-se-hr-se-in-c1, var(--_ctm-dn-cx-cd-se-hr-se-in-c1))
2034
- );
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)));
2035
1502
  }
2036
1503
  }
2037
1504
  }
2038
1505
  }
2039
1506
  }
2040
1507
 
2041
- input[type="radio"]:checked ~ .filter__checkmark::after {
1508
+ input[type="radio"]:checked~.filter__checkmark::after {
2042
1509
  content: "";
2043
1510
  position: absolute;
2044
1511
  top: 50%;
@@ -2048,20 +1515,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2048
1515
  width: 8px;
2049
1516
  border-radius: 50%;
2050
1517
  // background-color: #007bff;
2051
- background-color: var(
2052
- --_ctm-mob-dn-cx-cd-se-dt-se-bd-cr,
2053
- var(--_ctm-tab-dn-cx-cd-se-dt-se-bd-cr, var(--_ctm-dn-cx-cd-se-dt-se-bd-cr))
2054
- );
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
+
2055
1521
  &:hover {
2056
- background-color: var(
2057
- --_ctm-mob-dn-cx-cd-se-hr-se-bd-cr,
2058
- var(--_ctm-tab-dn-cx-cd-se-hr-se-bd-cr, var(--_ctm-dn-cx-cd-se-hr-se-bd-cr))
2059
- );
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)));
2060
1524
  }
2061
1525
  }
2062
1526
 
2063
1527
  // Optional for checkbox styling (square)
2064
- input[type="checkbox"] ~ .filter__checkmark {
1528
+ input[type="checkbox"]~.filter__checkmark {
2065
1529
  border-radius: 4px;
2066
1530
  }
2067
1531
 
@@ -2084,45 +1548,34 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2084
1548
 
2085
1549
  .filter__option__value {
2086
1550
  margin-left: 8px;
2087
- color: var(
2088
- --_ctm-mob-dn-on-ls-cr-dc,
2089
- var(--_ctm-tab-dn-on-ls-cr-dc, var(--_ctm-dn-on-ls-cr-dc))
2090
- );
2091
- font-family: var(
2092
- --_sf-hr-ff,
2093
- var(
2094
- --_ctm-mob-dn-on-ls-ft-fy-dc,
2095
- var(--_ctm-tab-dn-on-ls-ft-fy-dc, var(--_ctm-dn-on-ls-ft-fy-dc))
2096
- )
2097
- );
2098
- font-size: var(
2099
- --_ctm-mob-dn-on-ls-ft-se-dc,
2100
- var(--_ctm-tab-dn-on-ls-ft-se-dc, var(--_ctm-dn-on-ls-ft-se-dc))
2101
- );
2102
- font-weight: var(
2103
- --_ctm-mob-dn-on-ls-ft-wt-dc,
2104
- var(--_ctm-tab-dn-on-ls-ft-wt-dc, var(--_ctm-dn-on-ls-ft-wt-dc))
2105
- );
2106
- font-style: var(
2107
- --_ctm-mob-dn-on-ls-ft-se-ic-dc,
2108
- var(--_ctm-tab-dn-on-ls-ft-se-ic-dc, var(--_ctm-dn-on-ls-ft-se-ic-dc))
2109
- );
2110
- text-align: var(
2111
- --_ctm-mob-dn-on-ls-tt-an-dc,
2112
- var(--_ctm-tab-dn-on-ls-tt-an-dc, var(--_ctm-dn-on-ls-tt-an-dc))
2113
- );
2114
- letter-spacing: var(
2115
- --_ctm-mob-dn-on-ls-lr-sg-dc,
2116
- var(--_ctm-tab-dn-on-ls-lr-sg-dc, var(--_ctm-dn-on-ls-lr-sg-dc))
2117
- );
2118
- line-height: var(
2119
- --_ctm-mob-dn-on-ls-le-ht-dc,
2120
- var(--_ctm-tab-dn-on-ls-le-ht-dc, var(--_ctm-dn-on-ls-le-ht-dc))
2121
- );
2122
- text-decoration: var(
2123
- --_ctm-mob-dn-on-ls-ue-dc,
2124
- var(--_ctm-tab-dn-on-ls-ue-dc, var(--_ctm-dn-on-ls-ue-dc))
2125
- );
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)));
2126
1579
  }
2127
1580
  }
2128
1581
 
@@ -2176,42 +1629,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2176
1629
  // 100%
2177
1630
  // );
2178
1631
 
2179
- background: linear-gradient(
2180
- to right,
2181
- var(
2182
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2183
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2184
- )
2185
- 0%,
2186
- var(
2187
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2188
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2189
- )
2190
- var(--left),
2191
- var(
2192
- --_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
2193
- var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))
2194
- )
2195
- var(--left),
2196
- var(
2197
- --_ctm-mob-dn-pe-re-sr-tk-sd-se-bd-cr,
2198
- var(--_ctm-tab-dn-pe-re-sr-tk-sd-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-sd-se-bd-cr))
2199
- )
2200
- var(--right),
2201
- var(
2202
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2203
- var(--_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr, var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr))
2204
- )
2205
- var(--right),
2206
- var(
2207
- --_ctm-mob-dn-pe-re-sr-tk-dt-se-bd-cr,
2208
- var(
2209
- --_ctm-tab-dn-pe-re-sr-tk-dt-se-bd-cr,
2210
- var(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr, #ccc)
2211
- )
2212
- )
2213
- 100%
2214
- );
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%);
2215
1646
  // background-color: var(
2216
1647
  // --_sf-hr-bd-cr,
2217
1648
  // #{prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-bd-cr)}
@@ -2221,10 +1652,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2221
1652
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-cr));
2222
1653
  border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-wh));
2223
1654
  border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-br-se));
2224
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-ae))
2225
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-br))
2226
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tk-dt-se-sw-sd))
2227
- 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));
2228
1656
  }
2229
1657
 
2230
1658
  .slider-track {
@@ -2261,15 +1689,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2261
1689
  appearance: none;
2262
1690
  cursor: pointer;
2263
1691
  // box-shadow: 0 0.125rem 0.5625rem -0.125rem rgba(0, 0, 0, 0.5);
2264
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-ae))
2265
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-br))
2266
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-pe-re-sr-tb-dt-se-sw-sd))
2267
- 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));
2268
1693
  position: relative;
2269
- z-index: 2; /* Ensure thumbs appear above the track */
1694
+ z-index: 2;
1695
+ /* Ensure thumbs appear above the track */
2270
1696
  transition:
2271
1697
  background-color 400ms,
2272
1698
  border-color 400ms ease-in-out;
1699
+
2273
1700
  &:hover {
2274
1701
  border: 1px solid var(--_thm-cs-be-se-1);
2275
1702
  }
@@ -2302,9 +1729,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2302
1729
  .min-box {
2303
1730
  margin-right: 10px;
2304
1731
  }
1732
+
2305
1733
  .max-box input {
2306
1734
  float: right;
2307
1735
  }
1736
+
2308
1737
  input[type="number"] {
2309
1738
  width: 90px;
2310
1739
  padding: 10px;
@@ -2324,14 +1753,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2324
1753
  border-radius: 5px;
2325
1754
  white-space: nowrap;
2326
1755
  padding-inline: 15px;
1756
+
2327
1757
  span {
2328
1758
  margin-right: 4px;
1759
+
2329
1760
  svg {
2330
1761
  path {
2331
1762
  stroke: var(--_thm-cs-be-se-1);
2332
1763
  }
2333
1764
  }
2334
1765
  }
1766
+
2335
1767
  &:focus-within {
2336
1768
  outline: 2px solid var(--_gray-200);
2337
1769
  border: 1px solid var(--_gray-300);
@@ -2342,6 +1774,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2342
1774
  left: 42px;
2343
1775
  top: 20px;
2344
1776
  transform: translateX(-50%);
1777
+
2345
1778
  input {
2346
1779
  padding-left: 0px !important;
2347
1780
  text-align: left !important;
@@ -2352,6 +1785,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2352
1785
  right: 45px;
2353
1786
  top: 20px;
2354
1787
  transform: translateX(50%);
1788
+
2355
1789
  input {
2356
1790
  padding-left: 0px !important;
2357
1791
  text-align: left !important;
@@ -2466,6 +1900,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2466
1900
  .button_main {
2467
1901
  border: 1px solid var(--_gray-600);
2468
1902
  cursor: pointer;
1903
+
2469
1904
  .btn__group {
2470
1905
  display: flex;
2471
1906
  justify-content: center;
@@ -2476,6 +1911,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2476
1911
  font-size: 16px;
2477
1912
  background-color: #000080;
2478
1913
  padding: 10px 20px;
1914
+
2479
1915
  button {
2480
1916
  svg {
2481
1917
  path {
@@ -2485,7 +1921,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2485
1921
  }
2486
1922
  }
2487
1923
  }
1924
+
2488
1925
  // Button Group Ends
2489
1926
  }
2490
1927
  }
2491
- }
1928
+ }