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

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