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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/bulk-variant-picker.scss CHANGED
@@ -8,27 +8,22 @@ $minWidth: 70px;
8
8
  &[data-element-type="bulkVariantPicker"] {
9
9
  --_ctm-mob-var-lt-mn-cn-wh: 70px;
10
10
 
11
- width: var(
12
- --_sf-el-wh-st-mx,
13
- calc(
14
- 1% *
15
- var(
16
- --_ctm-mob-ele-nw-wh-vl,
17
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
18
- )
19
- )
20
- );
11
+ width: var(--_sf-el-wh-st-mx,
12
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
13
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
21
14
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
22
15
 
23
16
  min-width: #{$minWidth} !important;
24
17
 
25
- & > .wrapper {
18
+ &>.wrapper {
26
19
  width: 100%;
27
20
  // height: 100%;
28
21
  }
22
+
29
23
  &[data-show-shadow="false"] {
30
24
  --_show-shadow: none;
31
25
  }
26
+
32
27
  .text-element {
33
28
  color: #333;
34
29
 
@@ -38,53 +33,32 @@ $minWidth: 70px;
38
33
  line-height: 18px;
39
34
  margin-bottom: 6px;
40
35
  }
36
+
41
37
  .option__title {
42
38
  margin-bottom: 4px;
43
39
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
44
- font-family: var(
45
- --_ctm-mob-dn-on-te-ft-fy,
46
- var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
47
- );
48
- text-transform: var(
49
- --_ctm-mob-dn-on-te-tt-tm,
50
- var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm))
51
- );
52
- word-wrap: var(
53
- --_ctm-mob-dn-on-te-wd-wp,
54
- var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp))
55
- );
56
- word-break: var(
57
- --_ctm-mob-dn-on-te-wd-bk,
58
- var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk))
59
- );
60
- font-size: var(
61
- --_ctm-mob-dn-on-te-ft-se,
62
- var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se))
63
- );
64
- font-weight: var(
65
- --_ctm-mob-dn-on-te-ft-wt,
66
- var(--_ctm-tab-dn-on-te-ft-wt, var(--_ctm-dn-on-te-ft-wt))
67
- );
68
- font-style: var(
69
- --_ctm-mob-dn-on-te-ft-se-ic,
70
- var(--_ctm-tab-dn-on-te-ft-se-ic, var(--_ctm-dn-on-te-ft-se-ic))
71
- );
72
- text-align: var(
73
- --_ctm-mob-dn-on-te-tt-an,
74
- var(--_ctm-tab-dn-on-te-tt-an, var(--_ctm-dn-on-te-tt-an))
75
- );
76
- letter-spacing: var(
77
- --_ctm-mob-dn-on-te-lr-sg,
78
- var(--_ctm-tab-dn-on-te-lr-sg, var(--_ctm-dn-on-te-lr-sg))
79
- );
80
- line-height: var(
81
- --_ctm-mob-dn-on-te-le-ht,
82
- var(--_ctm-tab-dn-on-te-le-ht, var(--_ctm-dn-on-te-le-ht))
83
- );
84
- text-decoration: var(
85
- --_ctm-mob-dn-on-te-ue,
86
- var(--_ctm-tab-dn-on-te-ue, var(--_ctm-dn-on-te-ue))
87
- );
40
+ font-family: var(--_ctm-mob-dn-on-te-ft-fy,
41
+ var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy)));
42
+ text-transform: var(--_ctm-mob-dn-on-te-tt-tm,
43
+ var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm)));
44
+ word-wrap: var(--_ctm-mob-dn-on-te-wd-wp,
45
+ var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp)));
46
+ word-break: var(--_ctm-mob-dn-on-te-wd-bk,
47
+ var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk)));
48
+ font-size: var(--_ctm-mob-dn-on-te-ft-se,
49
+ var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se)));
50
+ font-weight: var(--_ctm-mob-dn-on-te-ft-wt,
51
+ var(--_ctm-tab-dn-on-te-ft-wt, var(--_ctm-dn-on-te-ft-wt)));
52
+ font-style: var(--_ctm-mob-dn-on-te-ft-se-ic,
53
+ var(--_ctm-tab-dn-on-te-ft-se-ic, var(--_ctm-dn-on-te-ft-se-ic)));
54
+ text-align: var(--_ctm-mob-dn-on-te-tt-an,
55
+ var(--_ctm-tab-dn-on-te-tt-an, var(--_ctm-dn-on-te-tt-an)));
56
+ letter-spacing: var(--_ctm-mob-dn-on-te-lr-sg,
57
+ var(--_ctm-tab-dn-on-te-lr-sg, var(--_ctm-dn-on-te-lr-sg)));
58
+ line-height: var(--_ctm-mob-dn-on-te-le-ht,
59
+ var(--_ctm-tab-dn-on-te-le-ht, var(--_ctm-dn-on-te-le-ht)));
60
+ text-decoration: var(--_ctm-mob-dn-on-te-ue,
61
+ var(--_ctm-tab-dn-on-te-ue, var(--_ctm-dn-on-te-ue)));
88
62
  }
89
63
 
90
64
  .is__combination_avail {
@@ -92,6 +66,7 @@ $minWidth: 70px;
92
66
  font-size: 14px;
93
67
  font-weight: 600;
94
68
  }
69
+
95
70
  .variant__container {
96
71
  display: flex;
97
72
  flex-direction: column;
@@ -99,50 +74,34 @@ $minWidth: 70px;
99
74
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
100
75
  white-space: nowrap;
101
76
 
102
- background-color: var(
103
- --_ctm-mob-dn-wt-se-bd-cr,
104
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
105
- );
106
-
107
- border-color: var(
108
- --_ctm-mob-dn-wt-se-br-cr,
109
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
110
- );
111
-
112
- border-style: var(
113
- --_ctm-mob-dn-wt-se-br-se,
114
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
115
- );
116
-
117
- border-width: var(
118
- --_ctm-mob-dn-wt-se-br-wh,
119
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
120
- );
121
-
122
- border-radius: var(
123
- --_ctm-mob-dn-wt-se-br-rs,
124
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
125
- );
126
-
127
- box-shadow: var(
128
- --_show-shadow,
129
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
130
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
131
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
132
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
133
- );
77
+ background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
78
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
79
+
80
+ border-color: var(--_ctm-mob-dn-wt-se-br-cr,
81
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
82
+
83
+ border-style: var(--_ctm-mob-dn-wt-se-br-se,
84
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
85
+
86
+ border-width: var(--_ctm-mob-dn-wt-se-br-wh,
87
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
88
+
89
+ border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
90
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
91
+
92
+ box-shadow: var(--_show-shadow,
93
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
134
94
 
135
95
  .standard_wrapper {
96
+
136
97
  // Select Colors
137
98
  .select__colors {
138
99
  font-size: 16px;
139
100
  color: var(--_gray-500);
140
101
  display: flex;
141
102
  flex-direction: column;
142
- gap: var(
143
- --_ctm-mob-lt-on-te-ve-sg,
144
- var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
145
- );
103
+ gap: var(--_ctm-mob-lt-on-te-ve-sg,
104
+ var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg)));
146
105
  // padding: var(
147
106
  // --_ctm-mob-lt-sh-te-dy-se-im-pg,
148
107
  // var(--_ctm-tab-lt-sh-te-dy-se-im-pg, var(--_ctm-lt-sh-te-dy-se-im-pg))
@@ -151,107 +110,62 @@ $minWidth: 70px;
151
110
  .select__group {
152
111
  display: flex;
153
112
  flex-direction: row;
154
- gap: var(
155
- --_ctm-mob-lt-sh-te-dy-se-im-sg,
156
- var(--_ctm-tab-lt-sh-te-dy-se-im-sg, var(--_ctm-lt-sh-te-dy-se-im-sg))
157
- );
113
+ gap: var(--_ctm-mob-lt-sh-te-dy-se-im-sg,
114
+ var(--_ctm-tab-lt-sh-te-dy-se-im-sg, var(--_ctm-lt-sh-te-dy-se-im-sg)));
158
115
 
159
116
  &[data-swatch-dispaly="Vertically"] {
160
117
  flex-direction: column;
161
118
  }
119
+
162
120
  &[data-swatch-overflow="Scroll"] {
163
121
  flex-wrap: nowrap;
164
122
  overflow-x: auto;
165
123
  }
124
+
166
125
  &[data-swatch-overflow="Wrap"] {
167
126
  flex-wrap: wrap;
168
127
  }
169
128
 
170
129
  .show_more_button {
171
- background-color: var(
172
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
173
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
174
- );
175
- font-family: var(
176
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
177
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
178
- );
179
- text-transform: var(
180
- --_ctm-mob-dn-sw-me-is-bn-tt-tm,
181
- var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
182
- );
183
- word-wrap: var(
184
- --_ctm-mob-dn-sw-me-is-bn-wd-wp,
185
- var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
186
- );
187
- word-break: var(
188
- --_ctm-mob-dn-sw-me-is-bn-wd-bk,
189
- var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
190
- );
191
- border-color: var(
192
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
193
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
194
- );
195
- border-radius: var(
196
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
197
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
198
- );
199
- border-style: var(
200
- --_ctm-mob-dn-sw-me-is-bn-br-se,
201
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
202
- );
203
- border-width: var(
204
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
205
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
206
- );
207
- font-size: var(
208
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
209
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
210
- );
211
- font-style: var(
212
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
213
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
214
- );
215
- font-weight: var(
216
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
217
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
218
- );
219
- line-height: var(
220
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
221
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
222
- );
223
- letter-spacing: var(
224
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
225
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
226
- );
227
- box-shadow: var(
228
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
229
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
230
- )
231
- var(
232
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
233
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
234
- )
235
- var(
236
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
237
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
238
- )
239
- var(
240
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
241
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
242
- );
243
- text-align: var(
244
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
245
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
246
- );
247
- color: var(
248
- --_ctm-mob-dn-sw-me-is-bn-tt-cr,
249
- var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr))
250
- );
251
- text-decoration: var(
252
- --_ctm-mob-dn-sw-me-is-bn-ue,
253
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
254
- );
130
+ background-color: var(--_ctm-mob-dn-sw-me-is-bn-bd-cr,
131
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr)));
132
+ font-family: var(--_ctm-mob-dn-sw-me-is-bn-ft-fy,
133
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy)));
134
+ text-transform: var(--_ctm-mob-dn-sw-me-is-bn-tt-tm,
135
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm)));
136
+ word-wrap: var(--_ctm-mob-dn-sw-me-is-bn-wd-wp,
137
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp)));
138
+ word-break: var(--_ctm-mob-dn-sw-me-is-bn-wd-bk,
139
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk)));
140
+ border-color: var(--_ctm-mob-dn-sw-me-is-bn-br-cr,
141
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr)));
142
+ border-radius: var(--_ctm-mob-dn-sw-me-is-bn-br-rs,
143
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs)));
144
+ border-style: var(--_ctm-mob-dn-sw-me-is-bn-br-se,
145
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se)));
146
+ border-width: var(--_ctm-mob-dn-sw-me-is-bn-br-wh,
147
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh)));
148
+ font-size: var(--_ctm-mob-dn-sw-me-is-bn-ft-se,
149
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se)));
150
+ font-style: var(--_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
151
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic)));
152
+ font-weight: var(--_ctm-mob-dn-sw-me-is-bn-ft-wt,
153
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt)));
154
+ line-height: var(--_ctm-mob-dn-sw-me-is-bn-le-ht,
155
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht)));
156
+ letter-spacing: var(--_ctm-mob-dn-sw-me-is-bn-lr-sg,
157
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg)));
158
+ box-shadow: var(--_ctm-mob-dn-sw-me-is-bn-sw-ae,
159
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))) var(--_ctm-mob-dn-sw-me-is-bn-sw-br,
160
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))) var(--_ctm-mob-dn-sw-me-is-bn-sw-sd,
161
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))) var(--_ctm-mob-dn-sw-me-is-bn-sw-cr,
162
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr)));
163
+ text-align: var(--_ctm-mob-dn-sw-me-is-bn-tt-an,
164
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an)));
165
+ color: var(--_ctm-mob-dn-sw-me-is-bn-tt-cr,
166
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr)));
167
+ text-decoration: var(--_ctm-mob-dn-sw-me-is-bn-ue,
168
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue)));
255
169
  }
256
170
 
257
171
  .select__group__item {
@@ -262,51 +176,40 @@ $minWidth: 70px;
262
176
  width: prepareMediaVariable(--_ctm-lt-sh-te-dy-se-im-se);
263
177
  padding: prepareMediaVariable(--_ctm-lt-sh-te-dy-se-im-pg);
264
178
 
265
- border-color: var(
266
- --_sf-hr-br-cr,
267
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-cr)
268
- );
269
-
270
- background-color: var(
271
- --_sf-hr-bd-cr,
272
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr)
273
- );
274
-
275
- border-style: var(
276
- --_sf-hr-br-se,
277
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-se)
278
- );
279
-
280
- border-width: var(
281
- --_sf-hr-br-wh,
282
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-wh)
283
- );
284
- border-radius: var(
285
- --_sf-hr-br-rs,
286
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-rs)
287
- );
288
-
289
- box-shadow: var(
290
- --_sf-hr-sw-ae,
291
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)
292
- )
293
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-br))
294
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd))
295
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr));
179
+ border-color: var(--_sf-hr-br-cr,
180
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-cr));
181
+
182
+ background-color: var(--_sf-hr-bd-cr,
183
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr));
184
+
185
+ border-style: var(--_sf-hr-br-se,
186
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-se));
187
+
188
+ border-width: var(--_sf-hr-br-wh,
189
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-wh));
190
+ border-radius: var(--_sf-hr-br-rs,
191
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-rs));
192
+
193
+ box-shadow: var(--_sf-hr-sw-ae,
194
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr));
296
195
 
297
196
  cursor: pointer;
298
197
  overflow: hidden;
198
+
299
199
  .product-select-image {
300
200
  object-fit: cover;
301
201
  width: 100%;
302
202
  height: 100%;
303
203
  }
204
+
304
205
  &[data-background-shape="circle"] {
305
206
  border-radius: 50%;
306
207
  }
208
+
307
209
  &[data-background-shape="square"] {
308
210
  border-radius: 5px;
309
211
  }
212
+
310
213
  &[data-background-shape="capsule"] {
311
214
  --toggle-height: var(--_ctm-lt-sh-te-dy-se-im-se);
312
215
  --toggle-width: calc(var(--_ctm-lt-sh-te-dy-se-im-se) * 1.5);
@@ -314,17 +217,23 @@ $minWidth: 70px;
314
217
  width: var(--toggle-width);
315
218
  height: var(--toggle-height);
316
219
 
317
- border-radius: var(--toggle-height); /* Full pill shape */
220
+ border-radius: var(--toggle-height);
221
+ /* Full pill shape */
318
222
  box-sizing: border-box;
319
223
  }
224
+
320
225
  &[data-swatch-shape="circle"] {
226
+
321
227
  & div,
322
228
  .product-select-image {
323
229
  border-radius: 50%;
324
230
  }
231
+
325
232
  // border-radius: 50%;
326
233
  }
234
+
327
235
  &[data-swatch-shape="capsule"] {
236
+
328
237
  & div,
329
238
  .product-select-image {
330
239
  // border-radius: 50%;
@@ -332,41 +241,31 @@ $minWidth: 70px;
332
241
  height: 100%;
333
242
  border-radius: inherit;
334
243
  }
244
+
335
245
  // border-radius: 50%;
336
246
  }
337
247
 
338
248
  &[data-selected="true"] {
339
- border-color: var(
340
- --_sf-sd-br-cr,
341
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-cr)
342
- );
343
-
344
- background-color: var(
345
- --_sf-sd-bd-cr,
346
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr)
347
- );
348
- border-style: var(
349
- --_sf-sd-br-se,
350
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-se)
351
- );
352
- border-width: var(
353
- --_sf-sd-br-wh,
354
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-wh)
355
- );
356
- box-shadow: var(
357
- --_sf-sd-sw-ae,
358
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae)
359
- )
360
- var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-br))
361
- var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd))
362
- var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr));
249
+ border-color: var(--_sf-sd-br-cr,
250
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-cr));
251
+
252
+ background-color: var(--_sf-sd-bd-cr,
253
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr));
254
+ border-style: var(--_sf-sd-br-se,
255
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-se));
256
+ border-width: var(--_sf-sd-br-wh,
257
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-br-wh));
258
+ box-shadow: var(--_sf-sd-sw-ae,
259
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr));
363
260
 
364
261
  &[data-background-shape-selected="circle"] {
365
262
  border-radius: 50%;
366
263
  }
264
+
367
265
  &[data-background-shape-selected="square"] {
368
266
  border-radius: 5px;
369
267
  }
268
+
370
269
  &[data-background-shape-selected="capsule"] {
371
270
  border-radius: 80%;
372
271
  // width: calc(
@@ -374,73 +273,64 @@ $minWidth: 70px;
374
273
  // 8px
375
274
  // );
376
275
  }
276
+
377
277
  &[data-swatch-shape-selected="circle"] {
278
+
378
279
  & div,
379
280
  .product-select-image {
380
281
  border-radius: 50%;
381
282
  }
382
283
  }
284
+
383
285
  &[data-swatch-shape-selected="capsule"] {
286
+
384
287
  & div,
385
288
  .product-select-image {
386
289
  border-radius: 50%;
387
290
  }
388
291
  }
292
+
389
293
  &[data-swatch-shape-selected="square"] {
294
+
390
295
  & div,
391
296
  .product-select-image {
392
297
  border-radius: 5px;
393
298
  }
394
299
  }
395
300
  }
301
+
396
302
  &:hover {
397
- --_sf-hr-bd-cr: var(
398
- --_ctm-mob-dn-sh-on-ve-se-hr-se-bd-cr,
399
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-bd-cr))
400
- );
401
- --_sf-hr-br-cr: var(
402
- --_ctm-mob-dn-sh-on-ve-se-hr-se-br-cr,
403
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-br-cr))
404
- );
405
- --_sf-hr-br-se: var(
406
- --_ctm-mob-dn-sh-on-ve-se-hr-se-br-se,
407
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-se, var(--_ctm-dn-sh-on-ve-se-hr-se-br-se))
408
- );
409
- --_sf-hr-br-wh: var(
410
- --_ctm-mob-dn-sh-on-ve-se-hr-se-br-wh,
411
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-wh, var(--_ctm-dn-sh-on-ve-se-hr-se-br-wh))
412
- );
413
- --_sf-hr-br-bs: var(
414
- --_ctm-mob-dn-sh-on-ve-se-hr-se-br-rs,
415
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs))
416
- );
303
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-sh-on-ve-se-hr-se-bd-cr,
304
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-bd-cr)));
305
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-sh-on-ve-se-hr-se-br-cr,
306
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-br-cr)));
307
+ --_sf-hr-br-se: var(--_ctm-mob-dn-sh-on-ve-se-hr-se-br-se,
308
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-se, var(--_ctm-dn-sh-on-ve-se-hr-se-br-se)));
309
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-sh-on-ve-se-hr-se-br-wh,
310
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-wh, var(--_ctm-dn-sh-on-ve-se-hr-se-br-wh)));
311
+ --_sf-hr-br-bs: var(--_ctm-mob-dn-sh-on-ve-se-hr-se-br-rs,
312
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs)));
417
313
 
418
314
  // new
419
- --_sf-hr-sw-ae: var(
420
- --_ctm-mob-dn-on-ve-se-hr-se-sw-ae,
421
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-ae, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-ae))
422
- );
423
- --_sf-hr-sw-br: var(
424
- --_ctm-mob-dn-on-ve-se-hr-se-sw-br,
425
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-br, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-br))
426
- );
427
- --_sf-hr-sw-hr: var(
428
- --_ctm-mob-dn-on-ve-se-hr-se-sw-hr,
429
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-hr, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-hr))
430
- );
431
- --_sf-hr-sw-cr: var(
432
- --_ctm-mob-dn-on-ve-se-hr-se-sw-cr,
433
- var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-cr))
434
- );
315
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-ae,
316
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-ae, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-ae)));
317
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-br,
318
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-br, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-br)));
319
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-hr,
320
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-hr, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-hr)));
321
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-cr,
322
+ var(--_ctm-tab-dn-sh-on-ve-se-hr-se-sw-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-sw-cr)));
435
323
  }
436
324
 
437
325
  &:hover {
438
326
  &[data-background-shape-hover="circle"] {
439
327
  border-radius: 50%;
440
328
  }
329
+
441
330
  &[data-background-shape-hover="square"] {
442
331
  border-radius: 5px;
443
332
  }
333
+
444
334
  &[data-background-shape-hover="capsule"] {
445
335
  border-radius: 80%;
446
336
  // width: calc(
@@ -451,20 +341,27 @@ $minWidth: 70px;
451
341
  // 8px
452
342
  // );
453
343
  }
344
+
454
345
  &[data-swatch-shape-hover="circle"] {
346
+
455
347
  & div,
456
348
  .product-select-image {
457
349
  border-radius: 50%;
458
350
  }
351
+
459
352
  // border-radius: 50%;
460
353
  }
354
+
461
355
  &[data-swatch-shape-hover="capsule"] {
356
+
462
357
  & div,
463
358
  .product-select-image {
464
359
  border-radius: 50%;
465
360
  }
466
361
  }
362
+
467
363
  &[data-swatch-shape-hover="square"] {
364
+
468
365
  & div,
469
366
  .product-select-image {
470
367
  border-radius: 5px;
@@ -473,83 +370,52 @@ $minWidth: 70px;
473
370
  }
474
371
 
475
372
  &[data-selected="true"] {
476
- --_sf-sd-bd-cr: var(
477
- --_ctm-mob-dn-sh-on-ve-se-sd-se-bd-cr,
478
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr))
479
- );
480
- --_sf-sd-br-cr: var(
481
- --_ctm-mob-dn-sh-on-ve-se-sd-se-br-cr,
482
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-br-cr))
483
- );
484
- --_sf-sd-br-se: var(
485
- --_ctm-mob-dn-sh-on-ve-se-sd-se-br-se,
486
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-se, var(--_ctm-dn-sh-on-ve-se-sd-se-br-se))
487
- );
488
- --_sf-sd-br-wh: var(
489
- --_ctm-mob-dn-sh-on-ve-se-sd-se-br-wh,
490
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-wh, var(--_ctm-dn-sh-on-ve-se-sd-se-br-wh))
491
- );
492
- --_sf-sd-br-bs: var(
493
- --_ctm-mob-dn-sh-on-ve-se-sd-se-br-rs,
494
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
495
- );
373
+ --_sf-sd-bd-cr: var(--_ctm-mob-dn-sh-on-ve-se-sd-se-bd-cr,
374
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr)));
375
+ --_sf-sd-br-cr: var(--_ctm-mob-dn-sh-on-ve-se-sd-se-br-cr,
376
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-br-cr)));
377
+ --_sf-sd-br-se: var(--_ctm-mob-dn-sh-on-ve-se-sd-se-br-se,
378
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-se, var(--_ctm-dn-sh-on-ve-se-sd-se-br-se)));
379
+ --_sf-sd-br-wh: var(--_ctm-mob-dn-sh-on-ve-se-sd-se-br-wh,
380
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-wh, var(--_ctm-dn-sh-on-ve-se-sd-se-br-wh)));
381
+ --_sf-sd-br-bs: var(--_ctm-mob-dn-sh-on-ve-se-sd-se-br-rs,
382
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs)));
496
383
 
497
384
  // new
498
- --_sf-sd-sw-ae: var(
499
- --_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
500
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-ae, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae))
501
- );
502
- --_sf-sd-sw-br: var(
503
- --_ctm-mob-dn-on-ve-se-sd-se-sw-br,
504
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-br, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-br))
505
- );
506
- --_sf-sd-sw-sd: var(
507
- --_ctm-mob-dn-on-ve-se-sd-se-sw-sd,
508
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-sd, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd))
509
- );
510
- --_sf-sd-sw-cr: var(
511
- --_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
512
- var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr))
513
- );
514
-
515
- border-color: var(
516
- --_sf-sd-br-cr,
517
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-cr)
518
- );
519
-
520
- background-color: var(
521
- --_sf-sd-bd-cr,
522
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr)
523
- );
524
-
525
- border-style: var(
526
- --_sf-sd-br-se,
527
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-se)
528
- );
529
-
530
- border-width: var(
531
- --_sf-sd-br-wh,
532
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-wh)
533
- );
534
- border-radius: var(
535
- --_sf-sd-br-rs,
536
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-rs)
537
- );
538
-
539
- box-shadow: var(
540
- --_sf-sd-sw-ae,
541
- prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)
542
- )
543
- var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-br))
544
- var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd))
545
- var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr));
385
+ --_sf-sd-sw-ae: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
386
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-ae, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae)));
387
+ --_sf-sd-sw-br: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-br,
388
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-br, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-br)));
389
+ --_sf-sd-sw-sd: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-sd,
390
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-sd, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd)));
391
+ --_sf-sd-sw-cr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
392
+ var(--_ctm-tab-dn-sh-on-ve-se-sd-se-sw-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr)));
393
+
394
+ border-color: var(--_sf-sd-br-cr,
395
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-cr));
396
+
397
+ background-color: var(--_sf-sd-bd-cr,
398
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr));
399
+
400
+ border-style: var(--_sf-sd-br-se,
401
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-se));
402
+
403
+ border-width: var(--_sf-sd-br-wh,
404
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-wh));
405
+ border-radius: var(--_sf-sd-br-rs,
406
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-br-rs));
407
+
408
+ box-shadow: var(--_sf-sd-sw-ae,
409
+ prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr));
546
410
 
547
411
  &[data-background-shape-selected="circle"] {
548
412
  border-radius: 50%;
549
413
  }
414
+
550
415
  &[data-background-shape-selected="square"] {
551
416
  border-radius: 5px;
552
417
  }
418
+
553
419
  &[data-background-shape-selected="capsule"] {
554
420
  --toggle-height: var(--_ctm-lt-sh-te-dy-se-im-se);
555
421
  --toggle-width: calc(var(--_ctm-lt-sh-te-dy-se-im-se) * 1.5);
@@ -557,17 +423,22 @@ $minWidth: 70px;
557
423
  width: var(--toggle-width);
558
424
  height: var(--toggle-height);
559
425
 
560
- border-radius: var(--toggle-height); /* Full pill shape */
426
+ border-radius: var(--toggle-height);
427
+ /* Full pill shape */
561
428
  box-sizing: border-box;
562
429
  // border-radius: 80%;
563
430
  }
431
+
564
432
  &[data-swatch-shape-selected="circle"] {
433
+
565
434
  & div,
566
435
  .product-select-image {
567
436
  border-radius: 50%;
568
437
  }
569
438
  }
439
+
570
440
  &[data-swatch-shape-selected="capsule"] {
441
+
571
442
  & div,
572
443
  .product-select-image {
573
444
  // border-radius: 50%;
@@ -576,7 +447,9 @@ $minWidth: 70px;
576
447
  border-radius: inherit;
577
448
  }
578
449
  }
450
+
579
451
  &[data-swatch-shape-selected="square"] {
452
+
580
453
  & div,
581
454
  .product-select-image {
582
455
  border-radius: 5px;
@@ -637,6 +510,7 @@ $minWidth: 70px;
637
510
  clip-path: polygon(100% 0, 100% 1px, 0 100%, 0 96%);
638
511
  pointer-events: none;
639
512
  }
513
+
640
514
  .product-select-image {
641
515
  width: 100%;
642
516
  height: 100%;
@@ -645,16 +519,15 @@ $minWidth: 70px;
645
519
  }
646
520
  }
647
521
  }
522
+
648
523
  // Select Fit and Size
649
524
  .select__fit {
650
525
  font-size: 16px;
651
526
  color: var(--_gray-500);
652
527
  display: flex;
653
528
  flex-direction: column;
654
- gap: var(
655
- --_ctm-mob-lt-on-te-ve-sg,
656
- var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
657
- );
529
+ gap: var(--_ctm-mob-lt-on-te-ve-sg,
530
+ var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg)));
658
531
 
659
532
  // padding: var(
660
533
  // --_ctm-mob-lt-se-st-dy-se-im-pg,
@@ -667,119 +540,72 @@ $minWidth: 70px;
667
540
  flex-wrap: wrap;
668
541
  margin-bottom: 10px;
669
542
  flex-direction: row;
670
- gap: var(
671
- --_ctm-mob-lt-se-st-dy-se-im-sg,
672
- var(--_ctm-tab-lt-se-st-dy-se-im-sg, var(--_ctm-lt-se-st-dy-se-im-sg))
673
- );
543
+ gap: var(--_ctm-mob-lt-se-st-dy-se-im-sg,
544
+ var(--_ctm-tab-lt-se-st-dy-se-im-sg, var(--_ctm-lt-se-st-dy-se-im-sg)));
674
545
 
675
546
  &[data-single-dispaly="Vertically"] {
676
547
  flex-direction: column;
677
548
  }
549
+
678
550
  &[data-single-overflow="Scroll"] {
679
551
  overflow-x: auto;
680
552
  overflow-y: hidden;
681
553
  flex-wrap: nowrap;
682
554
  }
555
+
683
556
  &[data-swatch-overflow="Scroll"] {
684
557
  overflow-x: auto;
685
558
  flex-wrap: nowrap;
686
559
  overflow-y: hidden;
687
560
  }
561
+
688
562
  .show_more_button {
689
- background-color: var(
690
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
691
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
692
- );
693
- font-family: var(
694
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
695
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
696
- );
697
- text-transform: var(
698
- --_ctm-mob-dn-sw-me-is-bn-tt-tm,
699
- var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
700
- );
701
- word-wrap: var(
702
- --_ctm-mob-dn-sw-me-is-bn-wd-wp,
703
- var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
704
- );
705
- word-break: var(
706
- --_ctm-mob-dn-sw-me-is-bn-wd-bk,
707
- var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
708
- );
709
- border-color: var(
710
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
711
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
712
- );
713
- border-radius: var(
714
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
715
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
716
- );
717
- border-style: var(
718
- --_ctm-mob-dn-sw-me-is-bn-br-se,
719
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
720
- );
721
- border-width: var(
722
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
723
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
724
- );
725
- font-size: var(
726
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
727
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
728
- );
729
- font-style: var(
730
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
731
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
732
- );
733
- font-weight: var(
734
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
735
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
736
- );
737
- line-height: var(
738
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
739
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
740
- );
741
- letter-spacing: var(
742
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
743
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
744
- );
745
- box-shadow: var(
746
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
747
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
748
- )
749
- var(
750
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
751
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
752
- )
753
- var(
754
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
755
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
756
- )
757
- var(
758
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
759
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
760
- );
761
- text-align: var(
762
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
763
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
764
- );
765
- color: var(
766
- --_ctm-mob-dn-sw-me-is-bn-tt-cr,
767
- var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr))
768
- );
769
- text-decoration: var(
770
- --_ctm-mob-dn-sw-me-is-bn-ue,
771
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
772
- );
563
+ background-color: var(--_ctm-mob-dn-sw-me-is-bn-bd-cr,
564
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr)));
565
+ font-family: var(--_ctm-mob-dn-sw-me-is-bn-ft-fy,
566
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy)));
567
+ text-transform: var(--_ctm-mob-dn-sw-me-is-bn-tt-tm,
568
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm)));
569
+ word-wrap: var(--_ctm-mob-dn-sw-me-is-bn-wd-wp,
570
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp)));
571
+ word-break: var(--_ctm-mob-dn-sw-me-is-bn-wd-bk,
572
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk)));
573
+ border-color: var(--_ctm-mob-dn-sw-me-is-bn-br-cr,
574
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr)));
575
+ border-radius: var(--_ctm-mob-dn-sw-me-is-bn-br-rs,
576
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs)));
577
+ border-style: var(--_ctm-mob-dn-sw-me-is-bn-br-se,
578
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se)));
579
+ border-width: var(--_ctm-mob-dn-sw-me-is-bn-br-wh,
580
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh)));
581
+ font-size: var(--_ctm-mob-dn-sw-me-is-bn-ft-se,
582
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se)));
583
+ font-style: var(--_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
584
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic)));
585
+ font-weight: var(--_ctm-mob-dn-sw-me-is-bn-ft-wt,
586
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt)));
587
+ line-height: var(--_ctm-mob-dn-sw-me-is-bn-le-ht,
588
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht)));
589
+ letter-spacing: var(--_ctm-mob-dn-sw-me-is-bn-lr-sg,
590
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg)));
591
+ box-shadow: var(--_ctm-mob-dn-sw-me-is-bn-sw-ae,
592
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))) var(--_ctm-mob-dn-sw-me-is-bn-sw-br,
593
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))) var(--_ctm-mob-dn-sw-me-is-bn-sw-sd,
594
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))) var(--_ctm-mob-dn-sw-me-is-bn-sw-cr,
595
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr)));
596
+ text-align: var(--_ctm-mob-dn-sw-me-is-bn-tt-an,
597
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an)));
598
+ color: var(--_ctm-mob-dn-sw-me-is-bn-tt-cr,
599
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr)));
600
+ text-decoration: var(--_ctm-mob-dn-sw-me-is-bn-ue,
601
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue)));
773
602
  }
603
+
774
604
  &[data-single-dispaly="Grid"] {
775
605
  display: grid;
776
- grid-template-columns: repeat(
777
- var(
778
- --_ctm-mob-lt-se-st-dy-se-is-pr-rw,
779
- var(--_ctm-tab-lt-se-st-dy-se-is-pr-rw, var(--_ctm-lt-se-st-dy-se-is-pr-rw))
780
- ),
781
- minmax(auto, 1fr)
782
- );
606
+ grid-template-columns: repeat(var(--_ctm-mob-lt-se-st-dy-se-is-pr-rw,
607
+ var(--_ctm-tab-lt-se-st-dy-se-is-pr-rw, var(--_ctm-lt-se-st-dy-se-is-pr-rw))),
608
+ minmax(auto, 1fr));
783
609
  }
784
610
 
785
611
  .select__group__item {
@@ -797,194 +623,118 @@ $minWidth: 70px;
797
623
  min-width: 20px;
798
624
  min-height: 20px;
799
625
  box-sizing: content-box;
800
- border-radius: var(
801
- --_ctm-mob-dn-se-on-ve-se-dt-se-br-rs,
802
- var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-rs, var(--_ctm-dn-se-on-ve-se-dt-se-br-rs))
803
- );
804
-
805
- border-color: var(
806
- --_sf-hr-br-cr,
807
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-cr)
808
- );
809
-
810
- background-color: var(
811
- --_sf-hr-bd-cr,
812
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-bd-cr)
813
- );
814
- border-style: var(
815
- --_sf-hr-br-se,
816
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-se)
817
- );
818
- border-width: var(
819
- --_sf-hr-br-wh,
820
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-wh)
821
- );
822
-
823
- box-shadow: var(
824
- --_sf-hr-sw-ae,
825
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-ae)
826
- )
827
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-br))
828
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-sd))
829
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-cr));
626
+ border-radius: var(--_ctm-mob-dn-se-on-ve-se-dt-se-br-rs,
627
+ var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-rs, var(--_ctm-dn-se-on-ve-se-dt-se-br-rs)));
628
+
629
+ border-color: var(--_sf-hr-br-cr,
630
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-cr));
631
+
632
+ background-color: var(--_sf-hr-bd-cr,
633
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-bd-cr));
634
+ border-style: var(--_sf-hr-br-se,
635
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-se));
636
+ border-width: var(--_sf-hr-br-wh,
637
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-wh));
638
+
639
+ box-shadow: var(--_sf-hr-sw-ae,
640
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-cr));
830
641
 
831
642
  // font is pending
832
643
 
833
644
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
834
- font-family: var(
835
- --_sf-hr-ft-fy,
836
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
837
- );
838
- text-transform: var(
839
- --_sf-hr-tt-tm,
840
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm)
841
- );
842
- word-wrap: var(
843
- --_sf-hr-wd-wp,
844
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp)
845
- );
846
- word-break: var(
847
- --_sf-hr-wd-bk,
848
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk)
849
- );
645
+ font-family: var(--_sf-hr-ft-fy,
646
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy));
647
+ text-transform: var(--_sf-hr-tt-tm,
648
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm));
649
+ word-wrap: var(--_sf-hr-wd-wp,
650
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp));
651
+ word-break: var(--_sf-hr-wd-bk,
652
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk));
653
+
850
654
  &.flex__overflow {
851
655
  white-space: normal;
852
656
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
853
657
  }
854
- font-size: var(
855
- --_sf-hr-ft-se,
856
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se)
857
- );
858
- font-weight: var(
859
- --_sf-hr-ft-wt,
860
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-wt)
861
- );
862
- font-style: var(
863
- --_sf-hr-ft-se-ic,
864
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se-ic)
865
- );
866
- text-align: var(
867
- --_sf-hr-tt-an,
868
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-an)
869
- );
870
- letter-spacing: var(
871
- --_sf-hr-lr-sg,
872
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-lr-sg)
873
- );
874
- line-height: var(
875
- --_sf-hr-le-ht,
876
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht-dc)
877
- );
878
- text-decoration: var(
879
- --_sf-hr-ue,
880
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ue)
881
- );
658
+
659
+ font-size: var(--_sf-hr-ft-se,
660
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se));
661
+ font-weight: var(--_sf-hr-ft-wt,
662
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-wt));
663
+ font-style: var(--_sf-hr-ft-se-ic,
664
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se-ic));
665
+ text-align: var(--_sf-hr-tt-an,
666
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-an));
667
+ letter-spacing: var(--_sf-hr-lr-sg,
668
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-lr-sg));
669
+ line-height: var(--_sf-hr-le-ht,
670
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht-dc));
671
+ text-decoration: var(--_sf-hr-ue,
672
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ue));
882
673
 
883
674
  &[data-background-shape="circle"] {
884
675
  border-radius: 50%;
885
676
  }
677
+
886
678
  &[data-background-shape="square"] {
887
679
  border-radius: 5px;
888
680
  }
681
+
889
682
  &[data-background-shape="capsule"] {
890
- border-radius: 40px; /* Full pill shape */
683
+ border-radius: 40px;
684
+ /* Full pill shape */
891
685
  box-sizing: border-box;
892
686
  }
893
687
 
894
688
  &:hover {
895
- --_sf-hr-bd-cr: var(
896
- --_ctm-mob-dn-se-on-ve-se-hr-se-bd-cr,
897
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-se-on-ve-se-hr-se-bd-cr))
898
- );
899
- --_sf-hr-br-cr: var(
900
- --_ctm-mob-dn-se-on-ve-se-hr-se-br-cr,
901
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-cr, var(--_ctm-dn-se-on-ve-se-hr-se-br-cr))
902
- );
903
- --_sf-hr-br-se: var(
904
- --_ctm-mob-dn-se-on-ve-se-hr-se-br-se,
905
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-se, var(--_ctm-dn-se-on-ve-se-hr-se-br-se))
906
- );
907
- --_sf-hr-br-wh: var(
908
- --_ctm-mob-dn-se-on-ve-se-hr-se-br-wh,
909
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-wh, var(--_ctm-dn-se-on-ve-se-hr-se-br-wh))
910
- );
911
- --_sf-hr-br-bs: var(
912
- --_ctm-mob-dn-se-on-ve-se-hr-se-br-rs,
913
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-rs, var(--_ctm-dn-se-on-ve-se-hr-se-br-rs))
914
- );
689
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-se-on-ve-se-hr-se-bd-cr,
690
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-se-on-ve-se-hr-se-bd-cr)));
691
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-se-on-ve-se-hr-se-br-cr,
692
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-cr, var(--_ctm-dn-se-on-ve-se-hr-se-br-cr)));
693
+ --_sf-hr-br-se: var(--_ctm-mob-dn-se-on-ve-se-hr-se-br-se,
694
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-se, var(--_ctm-dn-se-on-ve-se-hr-se-br-se)));
695
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-se-on-ve-se-hr-se-br-wh,
696
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-wh, var(--_ctm-dn-se-on-ve-se-hr-se-br-wh)));
697
+ --_sf-hr-br-bs: var(--_ctm-mob-dn-se-on-ve-se-hr-se-br-rs,
698
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-rs, var(--_ctm-dn-se-on-ve-se-hr-se-br-rs)));
915
699
 
916
700
  // new
917
- --_sf-hr-sw-ae: var(
918
- --_ctm-mob-dn-se-on-ve-se-hr-se-sw-ae,
919
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-ae, var(--_ctm-dn-se-on-ve-se-hr-se-sw-ae))
920
- );
921
- --_sf-hr-sw-br: var(
922
- --_ctm-mob-dn-se-on-ve-se-hr-se-sw-br,
923
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-br, var(--_ctm-dn-se-on-ve-se-hr-se-sw-br))
924
- );
925
- --_sf-hr-sw-hr: var(
926
- --_ctm-mob-dn-se-on-ve-se-hr-se-sw-hr,
927
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-hr, var(--_ctm-dn-se-on-ve-se-hr-se-sw-hr))
928
- );
929
- --_sf-hr-sw-cr: var(
930
- --_ctm-mob-dn-se-on-ve-se-hr-se-sw-cr,
931
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-cr, var(--_ctm-dn-se-on-ve-se-hr-se-sw-cr))
932
- );
701
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-se-on-ve-se-hr-se-sw-ae,
702
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-ae, var(--_ctm-dn-se-on-ve-se-hr-se-sw-ae)));
703
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-se-on-ve-se-hr-se-sw-br,
704
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-br, var(--_ctm-dn-se-on-ve-se-hr-se-sw-br)));
705
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-se-on-ve-se-hr-se-sw-hr,
706
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-hr, var(--_ctm-dn-se-on-ve-se-hr-se-sw-hr)));
707
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-se-on-ve-se-hr-se-sw-cr,
708
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-sw-cr, var(--_ctm-dn-se-on-ve-se-hr-se-sw-cr)));
933
709
 
934
710
  // for font
935
711
 
936
- --_sf-hr-cr: var(
937
- --_ctm-mob-dn-se-on-ve-se-hr-se-cr,
938
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-cr, var(--_ctm-dn-se-on-ve-se-hr-se-cr))
939
- );
940
- --_sf-hr-ft-fy: var(
941
- --_ctm-mob-dn-se-on-ve-se-hr-se-ft-fy,
942
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-fy, var(--_ctm-dn-se-on-ve-se-hr-se-ft-fy))
943
- );
944
- --_sf-hr-tt-tm: var(
945
- --_ctm-mob-dn-se-on-ve-se-hr-se-tt-tm,
946
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-tm, var(--_ctm-dn-se-on-ve-se-hr-se-tt-tm))
947
- );
948
- --_sf-hr-wd-wp: var(
949
- --_ctm-mob-dn-se-on-ve-se-hr-se-wd-wp,
950
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-wp, var(--_ctm-dn-se-on-ve-se-hr-se-wd-wp))
951
- );
952
- --_sf-hr-wd-bk: var(
953
- --_ctm-mob-dn-se-on-ve-se-hr-se-wd-bk,
954
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-bk, var(--_ctm-dn-se-on-ve-se-hr-se-wd-bk))
955
- );
956
- --_sf-hr-ft-se: var(
957
- --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se,
958
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se, var(--_ctm-dn-se-on-ve-se-hr-se-ft-se))
959
- );
960
- --_sf-hr-ft-wt: var(
961
- --_ctm-mob-dn-se-on-ve-se-hr-se-ft-wt,
962
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-wt, var(--_ctm-dn-se-on-ve-se-hr-se-ft-wt))
963
- );
964
- --_sf-hr-ft-se-ic: var(
965
- --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se-ic,
966
- var(
967
- --_ctm-tab-dn-se-on-ve-se-hr-se-ft-se-ic,
968
- var(--_ctm-dn-se-on-ve-se-hr-se-ft-se-ic)
969
- )
970
- );
971
- --_sf-hr-tt-an: var(
972
- --_ctm-mob-dn-se-on-ve-se-hr-se-tt-an,
973
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-an, var(--_ctm-dn-se-on-ve-se-hr-se-tt-an))
974
- );
975
- --_sf-hr-lr-sg: var(
976
- --_ctm-mob-dn-se-on-ve-se-hr-se-lr-sg,
977
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-lr-sg, var(--_ctm-dn-se-on-ve-se-hr-se-lr-sg))
978
- );
979
- --_sf-hr-le-ht: var(
980
- --_ctm-mob-dn-se-on-ve-se-hr-se-le-ht,
981
- var(--_ctm-tab-dn-se-on-ve-se-hr-se-le-ht, var(--_ctm-dn-se-on-ve-se-hr-se-le-ht))
982
- );
983
-
984
- --_sf-hr-ue: var(
985
- --_ctm-mob-dn-on-ve-se-hr-se-ue,
986
- var(--_ctm-tab-dn-on-ve-se-hr-se-ue, var(--_ctm-dn-on-ve-se-hr-se-ue))
987
- );
712
+ --_sf-hr-cr: var(--_ctm-mob-dn-se-on-ve-se-hr-se-cr,
713
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-cr, var(--_ctm-dn-se-on-ve-se-hr-se-cr)));
714
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-se-on-ve-se-hr-se-ft-fy,
715
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-fy, var(--_ctm-dn-se-on-ve-se-hr-se-ft-fy)));
716
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-se-on-ve-se-hr-se-tt-tm,
717
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-tm, var(--_ctm-dn-se-on-ve-se-hr-se-tt-tm)));
718
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-se-on-ve-se-hr-se-wd-wp,
719
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-wp, var(--_ctm-dn-se-on-ve-se-hr-se-wd-wp)));
720
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-se-on-ve-se-hr-se-wd-bk,
721
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-bk, var(--_ctm-dn-se-on-ve-se-hr-se-wd-bk)));
722
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-se-on-ve-se-hr-se-ft-se,
723
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se, var(--_ctm-dn-se-on-ve-se-hr-se-ft-se)));
724
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-se-on-ve-se-hr-se-ft-wt,
725
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-wt, var(--_ctm-dn-se-on-ve-se-hr-se-ft-wt)));
726
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-se-on-ve-se-hr-se-ft-se-ic,
727
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se-ic,
728
+ var(--_ctm-dn-se-on-ve-se-hr-se-ft-se-ic)));
729
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-se-on-ve-se-hr-se-tt-an,
730
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-an, var(--_ctm-dn-se-on-ve-se-hr-se-tt-an)));
731
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-se-on-ve-se-hr-se-lr-sg,
732
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-lr-sg, var(--_ctm-dn-se-on-ve-se-hr-se-lr-sg)));
733
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-se-on-ve-se-hr-se-le-ht,
734
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-le-ht, var(--_ctm-dn-se-on-ve-se-hr-se-le-ht)));
735
+
736
+ --_sf-hr-ue: var(--_ctm-mob-dn-on-ve-se-hr-se-ue,
737
+ var(--_ctm-tab-dn-on-ve-se-hr-se-ue, var(--_ctm-dn-on-ve-se-hr-se-ue)));
988
738
  }
989
739
 
990
740
  &.child {
@@ -992,179 +742,102 @@ $minWidth: 70px;
992
742
  border-radius: 0;
993
743
  border-bottom: 2px solid var(--_gray-200);
994
744
  }
745
+
995
746
  &[data-selected="true"] {
996
- --_sf-sd-bd-cr: var(
997
- --_ctm-mob-dn-se-on-ve-se-sd-se-bd-cr,
998
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-se-on-ve-se-sd-se-bd-cr))
999
- );
1000
- --_sf-sd-br-cr: var(
1001
- --_ctm-mob-dn-se-on-ve-se-sd-se-br-cr,
1002
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-cr, var(--_ctm-dn-se-on-ve-se-sd-se-br-cr))
1003
- );
1004
- --_sf-sd-br-se: var(
1005
- --_ctm-mob-dn-se-on-ve-se-sd-se-br-se,
1006
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-se, var(--_ctm-dn-se-on-ve-se-sd-se-br-se))
1007
- );
1008
- --_sf-sd-br-wh: var(
1009
- --_ctm-mob-dn-se-on-ve-se-sd-se-br-wh,
1010
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-wh, var(--_ctm-dn-se-on-ve-se-sd-se-br-wh))
1011
- );
1012
- --_sf-sd-br-bs: var(
1013
- --_ctm-mob-dn-se-on-ve-se-sd-se-br-rs,
1014
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-rs, var(--_ctm-dn-se-on-ve-se-sd-se-br-rs))
1015
- );
747
+ --_sf-sd-bd-cr: var(--_ctm-mob-dn-se-on-ve-se-sd-se-bd-cr,
748
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-se-on-ve-se-sd-se-bd-cr)));
749
+ --_sf-sd-br-cr: var(--_ctm-mob-dn-se-on-ve-se-sd-se-br-cr,
750
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-cr, var(--_ctm-dn-se-on-ve-se-sd-se-br-cr)));
751
+ --_sf-sd-br-se: var(--_ctm-mob-dn-se-on-ve-se-sd-se-br-se,
752
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-se, var(--_ctm-dn-se-on-ve-se-sd-se-br-se)));
753
+ --_sf-sd-br-wh: var(--_ctm-mob-dn-se-on-ve-se-sd-se-br-wh,
754
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-wh, var(--_ctm-dn-se-on-ve-se-sd-se-br-wh)));
755
+ --_sf-sd-br-bs: var(--_ctm-mob-dn-se-on-ve-se-sd-se-br-rs,
756
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-rs, var(--_ctm-dn-se-on-ve-se-sd-se-br-rs)));
1016
757
 
1017
758
  // new
1018
- --_sf-sd-sw-ae: var(
1019
- --_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
1020
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-ae, var(--_ctm-dn-se-on-ve-se-sd-se-sw-ae))
1021
- );
1022
- --_sf-sd-sw-br: var(
1023
- --_ctm-mob-dn-on-ve-se-sd-se-sw-br,
1024
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-br, var(--_ctm-dn-se-on-ve-se-sd-se-sw-br))
1025
- );
1026
- --_sf-sd-sw-hr: var(
1027
- --_ctm-mob-dn-on-ve-se-sd-se-sw-hr,
1028
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-hr, var(--_ctm-dn-se-on-ve-se-sd-se-sw-hr))
1029
- );
1030
- --_sf-sd-sw-cr: var(
1031
- --_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
1032
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-cr, var(--_ctm-dn-se-on-ve-se-sd-se-sw-cr))
1033
- );
759
+ --_sf-sd-sw-ae: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
760
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-ae, var(--_ctm-dn-se-on-ve-se-sd-se-sw-ae)));
761
+ --_sf-sd-sw-br: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-br,
762
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-br, var(--_ctm-dn-se-on-ve-se-sd-se-sw-br)));
763
+ --_sf-sd-sw-hr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-hr,
764
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-hr, var(--_ctm-dn-se-on-ve-se-sd-se-sw-hr)));
765
+ --_sf-sd-sw-cr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
766
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-sw-cr, var(--_ctm-dn-se-on-ve-se-sd-se-sw-cr)));
1034
767
 
1035
768
  // for font
1036
769
 
1037
- --_sf-sd-cr: var(
1038
- --_ctm-mob-dn-se-on-ve-se-sd-se-cr,
1039
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-cr, var(--_ctm-dn-se-on-ve-se-sd-se-cr))
1040
- );
1041
- --_sf-sd-ft-fy: var(
1042
- --_ctm-mob-dn-se-on-ve-se-sd-se-ft-fy,
1043
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-fy, var(--_ctm-dn-se-on-ve-se-sd-se-ft-fy))
1044
- );
1045
- --_sf-sd-tt-tm: var(
1046
- --_ctm-mob-dn-se-on-ve-se-sd-se-tt-tm,
1047
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-tm, var(--_ctm-dn-se-on-ve-se-sd-se-tt-tm))
1048
- );
1049
- --_sf-sd-wd-wp: var(
1050
- --_ctm-mob-dn-se-on-ve-se-sd-se-wd-wp,
1051
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-wp, var(--_ctm-dn-se-on-ve-se-sd-se-wd-wp))
1052
- );
1053
- --_sf-sd-wd-bk: var(
1054
- --_ctm-mob-dn-se-on-ve-se-sd-se-wd-bk,
1055
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-bk, var(--_ctm-dn-se-on-ve-se-sd-se-wd-bk))
1056
- );
1057
- --_sf-sd-ft-se: var(
1058
- --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se,
1059
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se, var(--_ctm-dn-se-on-ve-se-sd-se-ft-se))
1060
- );
1061
- --_sf-sd-ft-wt: var(
1062
- --_ctm-mob-dn-se-on-ve-se-sd-se-ft-wt,
1063
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-wt, var(--_ctm-dn-se-on-ve-se-sd-se-ft-wt))
1064
- );
1065
- --_sf-sd-ft-se-ic: var(
1066
- --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se-ic,
1067
- var(
1068
- --_ctm-tab-dn-se-on-ve-se-sd-se-ft-se-ic,
1069
- var(--_ctm-dn-se-on-ve-se-sd-se-ft-se-ic)
1070
- )
1071
- );
1072
- --_sf-sd-tt-an: var(
1073
- --_ctm-mob-dn-se-on-ve-se-sd-se-tt-an,
1074
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-an, var(--_ctm-dn-se-on-ve-se-sd-se-tt-an))
1075
- );
1076
- --_sf-sd-lr-sg: var(
1077
- --_ctm-mob-dn-se-on-ve-se-sd-se-lr-sg,
1078
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-lr-sg, var(--_ctm-dn-se-on-ve-se-sd-se-lr-sg))
1079
- );
1080
- --_sf-sd-le-ht: var(
1081
- --_ctm-mob-dn-se-on-ve-se-sd-se-le-ht,
1082
- var(--_ctm-tab-dn-se-on-ve-se-sd-se-le-ht, var(--_ctm-dn-se-on-ve-se-sd-se-le-ht))
1083
- );
1084
-
1085
- --_sf-sd-ue: var(
1086
- --_ctm-mob-dn-on-ve-se-sd-se-ue,
1087
- var(--_ctm-tab-dn-on-ve-se-sd-se-ue, var(--_ctm-dn-on-ve-se-sd-se-ue))
1088
- );
1089
-
1090
- border-color: var(
1091
- --_sf-sd-br-cr,
1092
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-cr)
1093
- );
1094
-
1095
- background-color: var(
1096
- --_sf-sd-bd-cr,
1097
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-bd-cr)
1098
- );
1099
- border-style: var(
1100
- --_sf-sd-br-se,
1101
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-se)
1102
- );
1103
- border-width: var(
1104
- --_sf-sd-br-wh,
1105
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-wh)
1106
- );
1107
-
1108
- box-shadow: var(
1109
- --_sf-sd-sw-ae,
1110
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-ae)
1111
- )
1112
- var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-br))
1113
- var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-sd))
1114
- var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-cr));
770
+ --_sf-sd-cr: var(--_ctm-mob-dn-se-on-ve-se-sd-se-cr,
771
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-cr, var(--_ctm-dn-se-on-ve-se-sd-se-cr)));
772
+ --_sf-sd-ft-fy: var(--_ctm-mob-dn-se-on-ve-se-sd-se-ft-fy,
773
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-fy, var(--_ctm-dn-se-on-ve-se-sd-se-ft-fy)));
774
+ --_sf-sd-tt-tm: var(--_ctm-mob-dn-se-on-ve-se-sd-se-tt-tm,
775
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-tm, var(--_ctm-dn-se-on-ve-se-sd-se-tt-tm)));
776
+ --_sf-sd-wd-wp: var(--_ctm-mob-dn-se-on-ve-se-sd-se-wd-wp,
777
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-wp, var(--_ctm-dn-se-on-ve-se-sd-se-wd-wp)));
778
+ --_sf-sd-wd-bk: var(--_ctm-mob-dn-se-on-ve-se-sd-se-wd-bk,
779
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-bk, var(--_ctm-dn-se-on-ve-se-sd-se-wd-bk)));
780
+ --_sf-sd-ft-se: var(--_ctm-mob-dn-se-on-ve-se-sd-se-ft-se,
781
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se, var(--_ctm-dn-se-on-ve-se-sd-se-ft-se)));
782
+ --_sf-sd-ft-wt: var(--_ctm-mob-dn-se-on-ve-se-sd-se-ft-wt,
783
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-wt, var(--_ctm-dn-se-on-ve-se-sd-se-ft-wt)));
784
+ --_sf-sd-ft-se-ic: var(--_ctm-mob-dn-se-on-ve-se-sd-se-ft-se-ic,
785
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se-ic,
786
+ var(--_ctm-dn-se-on-ve-se-sd-se-ft-se-ic)));
787
+ --_sf-sd-tt-an: var(--_ctm-mob-dn-se-on-ve-se-sd-se-tt-an,
788
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-an, var(--_ctm-dn-se-on-ve-se-sd-se-tt-an)));
789
+ --_sf-sd-lr-sg: var(--_ctm-mob-dn-se-on-ve-se-sd-se-lr-sg,
790
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-lr-sg, var(--_ctm-dn-se-on-ve-se-sd-se-lr-sg)));
791
+ --_sf-sd-le-ht: var(--_ctm-mob-dn-se-on-ve-se-sd-se-le-ht,
792
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-le-ht, var(--_ctm-dn-se-on-ve-se-sd-se-le-ht)));
793
+
794
+ --_sf-sd-ue: var(--_ctm-mob-dn-on-ve-se-sd-se-ue,
795
+ var(--_ctm-tab-dn-on-ve-se-sd-se-ue, var(--_ctm-dn-on-ve-se-sd-se-ue)));
796
+
797
+ border-color: var(--_sf-sd-br-cr,
798
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-cr));
799
+
800
+ background-color: var(--_sf-sd-bd-cr,
801
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-bd-cr));
802
+ border-style: var(--_sf-sd-br-se,
803
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-se));
804
+ border-width: var(--_sf-sd-br-wh,
805
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-br-wh));
806
+
807
+ box-shadow: var(--_sf-sd-sw-ae,
808
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-sw-cr));
1115
809
  // font is pending
1116
810
 
1117
811
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
1118
- font-family: var(
1119
- --_sf-sd-ft-fy,
1120
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
1121
- );
1122
- text-transform: var(
1123
- --_sf-sd-tt-tm,
1124
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm)
1125
- );
1126
- word-wrap: var(
1127
- --_sf-sd-wd-wp,
1128
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp)
1129
- );
1130
- word-break: var(
1131
- --_sf-sd-wd-bk,
1132
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk)
1133
- );
1134
- font-size: var(
1135
- --_sf-sd-ft-se,
1136
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se)
1137
- );
1138
- font-weight: var(
1139
- --_sf-sd-ft-wt,
1140
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-wt)
1141
- );
1142
- font-style: var(
1143
- --_sf-sd-ft-se-ic,
1144
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se-ic)
1145
- );
1146
- text-align: var(
1147
- --_sf-sd-tt-an,
1148
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-an)
1149
- );
1150
- letter-spacing: var(
1151
- --_sf-sd-lr-sg,
1152
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-lr-sg)
1153
- );
1154
- line-height: var(
1155
- --_sf-sd-le-ht,
1156
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht-dc)
1157
- );
1158
- text-decoration: var(
1159
- --_sf-sd-ue,
1160
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ue)
1161
- );
812
+ font-family: var(--_sf-sd-ft-fy,
813
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy));
814
+ text-transform: var(--_sf-sd-tt-tm,
815
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm));
816
+ word-wrap: var(--_sf-sd-wd-wp,
817
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp));
818
+ word-break: var(--_sf-sd-wd-bk,
819
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk));
820
+ font-size: var(--_sf-sd-ft-se,
821
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se));
822
+ font-weight: var(--_sf-sd-ft-wt,
823
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-wt));
824
+ font-style: var(--_sf-sd-ft-se-ic,
825
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se-ic));
826
+ text-align: var(--_sf-sd-tt-an,
827
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-an));
828
+ letter-spacing: var(--_sf-sd-lr-sg,
829
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-lr-sg));
830
+ line-height: var(--_sf-sd-le-ht,
831
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht-dc));
832
+ text-decoration: var(--_sf-sd-ue,
833
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ue));
1162
834
  }
1163
835
 
1164
836
  &.selected__child {
1165
837
  border: 0px;
1166
838
  border-bottom: 2px solid var(--_primary-400);
1167
839
  }
840
+
1168
841
  // &.disabled {
1169
842
  // cursor: not-allowed;
1170
843
  // opacity: 0.4;
@@ -1217,6 +890,7 @@ $minWidth: 70px;
1217
890
  }
1218
891
  }
1219
892
  }
893
+
1220
894
  &[data-show-divider="true"] {
1221
895
  &:not(:last-child)::after {
1222
896
  content: "";
@@ -1225,64 +899,38 @@ $minWidth: 70px;
1225
899
  height: 1px;
1226
900
  width: 100%;
1227
901
  display: flex;
1228
- top: calc(
1229
- calc(
1230
- var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 10px
1231
- ) /
1232
- 2
1233
- );
902
+ top: calc(calc(var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 10px) / 2);
1234
903
  }
1235
904
  }
1236
905
 
1237
906
  .title {
1238
907
  margin-bottom: 4px;
1239
908
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
1240
- font-family: var(
1241
- --_ctm-mob-dn-on-te-ft-fy,
1242
- var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
1243
- );
1244
- text-transform: var(
1245
- --_ctm-mob-dn-on-te-tt-tm,
1246
- var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm))
1247
- );
1248
- word-wrap: var(
1249
- --_ctm-mob-dn-on-te-wd-wp,
1250
- var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp))
1251
- );
1252
- word-break: var(
1253
- --_ctm-mob-dn-on-te-wd-bk,
1254
- var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk))
1255
- );
1256
- font-size: var(
1257
- --_ctm-mob-dn-on-te-ft-se,
1258
- var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se))
1259
- );
1260
- font-weight: var(
1261
- --_ctm-mob-dn-on-te-ft-wt,
1262
- var(--_ctm-tab-dn-on-te-ft-wt, var(--_ctm-dn-on-te-ft-wt))
1263
- );
1264
- font-style: var(
1265
- --_ctm-mob-dn-on-te-ft-se-ic,
1266
- var(--_ctm-tab-dn-on-te-ft-se-ic, var(--_ctm-dn-on-te-ft-se-ic))
1267
- );
1268
- text-align: var(
1269
- --_ctm-mob-dn-on-te-tt-an,
1270
- var(--_ctm-tab-dn-on-te-tt-an, var(--_ctm-dn-on-te-tt-an))
1271
- );
1272
- letter-spacing: var(
1273
- --_ctm-mob-dn-on-te-lr-sg,
1274
- var(--_ctm-tab-dn-on-te-lr-sg, var(--_ctm-dn-on-te-lr-sg))
1275
- );
1276
- line-height: var(
1277
- --_ctm-mob-dn-on-te-le-ht,
1278
- var(--_ctm-tab-dn-on-te-le-ht, var(--_ctm-dn-on-te-le-ht))
1279
- );
1280
- text-decoration: var(
1281
- --_ctm-mob-dn-on-te-ue,
1282
- var(--_ctm-tab-dn-on-te-ue, var(--_ctm-dn-on-te-ue))
1283
- );
909
+ font-family: var(--_ctm-mob-dn-on-te-ft-fy,
910
+ var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy)));
911
+ text-transform: var(--_ctm-mob-dn-on-te-tt-tm,
912
+ var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm)));
913
+ word-wrap: var(--_ctm-mob-dn-on-te-wd-wp,
914
+ var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp)));
915
+ word-break: var(--_ctm-mob-dn-on-te-wd-bk,
916
+ var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk)));
917
+ font-size: var(--_ctm-mob-dn-on-te-ft-se,
918
+ var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se)));
919
+ font-weight: var(--_ctm-mob-dn-on-te-ft-wt,
920
+ var(--_ctm-tab-dn-on-te-ft-wt, var(--_ctm-dn-on-te-ft-wt)));
921
+ font-style: var(--_ctm-mob-dn-on-te-ft-se-ic,
922
+ var(--_ctm-tab-dn-on-te-ft-se-ic, var(--_ctm-dn-on-te-ft-se-ic)));
923
+ text-align: var(--_ctm-mob-dn-on-te-tt-an,
924
+ var(--_ctm-tab-dn-on-te-tt-an, var(--_ctm-dn-on-te-tt-an)));
925
+ letter-spacing: var(--_ctm-mob-dn-on-te-lr-sg,
926
+ var(--_ctm-tab-dn-on-te-lr-sg, var(--_ctm-dn-on-te-lr-sg)));
927
+ line-height: var(--_ctm-mob-dn-on-te-le-ht,
928
+ var(--_ctm-tab-dn-on-te-le-ht, var(--_ctm-dn-on-te-le-ht)));
929
+ text-decoration: var(--_ctm-mob-dn-on-te-ue,
930
+ var(--_ctm-tab-dn-on-te-ue, var(--_ctm-dn-on-te-ue)));
1284
931
  }
1285
932
  }
933
+
1286
934
  //Dropdown
1287
935
  //Dropdown
1288
936
  .language__conatiner {
@@ -1290,182 +938,98 @@ $minWidth: 70px;
1290
938
 
1291
939
  // Option hover state custom properties (no inherit fallback — must be guaranteed-invalid when unset)
1292
940
  .option:hover {
1293
- --_sf-hr-bd-cr: var(
1294
- --_ctm-mob-dn-dn-se-im-se-hr-se-bd-cr,
1295
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-bd-cr, var(--_ctm-dn-dn-se-im-se-hr-se-bd-cr))
1296
- );
1297
- --_sf-hr-br-cr: var(
1298
- --_ctm-mob-dn-dn-se-im-se-hr-se-br-cr,
1299
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-cr, var(--_ctm-dn-dn-se-im-se-hr-se-br-cr))
1300
- );
1301
- --_sf-hr-br-se: var(
1302
- --_ctm-mob-dn-dn-se-im-se-hr-se-br-se,
1303
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-se, var(--_ctm-dn-dn-se-im-se-hr-se-br-se))
1304
- );
1305
- --_sf-hr-br-wh: var(
1306
- --_ctm-mob-dn-dn-se-im-se-hr-se-br-wh,
1307
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-wh, var(--_ctm-dn-dn-se-im-se-hr-se-br-wh))
1308
- );
1309
- --_sf-hr-br-rs: var(
1310
- --_ctm-mob-dn-dn-se-im-se-hr-se-br-rs,
1311
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-rs, var(--_ctm-dn-dn-se-im-se-hr-se-br-rs))
1312
- );
1313
- --_sf-hr-sw-ae: var(
1314
- --_ctm-mob-dn-dn-se-im-se-hr-se-sw-ae,
1315
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-ae, var(--_ctm-dn-dn-se-im-se-hr-se-sw-ae))
1316
- );
1317
- --_sf-hr-sw-br: var(
1318
- --_ctm-mob-dn-dn-se-im-se-hr-se-sw-br,
1319
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-br, var(--_ctm-dn-dn-se-im-se-hr-se-sw-br))
1320
- );
1321
- --_sf-hr-sw-sd: var(
1322
- --_ctm-mob-dn-dn-se-im-se-hr-se-sw-sd,
1323
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-sd, var(--_ctm-dn-dn-se-im-se-hr-se-sw-sd))
1324
- );
1325
- --_sf-hr-sw-cr: var(
1326
- --_ctm-mob-dn-dn-se-im-se-hr-se-sw-cr,
1327
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-cr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-cr))
1328
- );
1329
- --_sf-hr-cr: var(
1330
- --_ctm-mob-dn-dn-se-im-se-hr-se-cr,
1331
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-cr, var(--_ctm-dn-dn-se-im-se-hr-se-cr))
1332
- );
1333
- --_sf-hr-ft-fy: var(
1334
- --_ctm-mob-dn-dn-se-im-se-hr-se-ft-fy,
1335
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-fy, var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy))
1336
- );
1337
- --_sf-hr-tt-tm: var(
1338
- --_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
1339
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm, var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm))
1340
- );
1341
- --_sf-hr-wd-wp: var(
1342
- --_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
1343
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp, var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp))
1344
- );
1345
- --_sf-hr-wd-bk: var(
1346
- --_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
1347
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk, var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk))
1348
- );
1349
- --_sf-hr-ft-se: var(
1350
- --_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
1351
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se))
1352
- );
1353
- --_sf-hr-ft-wt: var(
1354
- --_ctm-mob-dn-dn-se-im-se-hr-se-ft-wt,
1355
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-wt, var(--_ctm-dn-dn-se-im-se-hr-se-ft-wt))
1356
- );
1357
- --_sf-hr-ft-se-ic: var(
1358
- --_ctm-mob-dn-dn-se-im-se-hr-se-ft-se-ic,
1359
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se-ic))
1360
- );
1361
- --_sf-hr-tt-an: var(
1362
- --_ctm-mob-dn-dn-se-im-se-hr-se-tt-an,
1363
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-an, var(--_ctm-dn-dn-se-im-se-hr-se-tt-an))
1364
- );
1365
- --_sf-hr-lr-sg: var(
1366
- --_ctm-mob-dn-dn-se-im-se-hr-se-lr-sg,
1367
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-lr-sg, var(--_ctm-dn-dn-se-im-se-hr-se-lr-sg))
1368
- );
1369
- --_sf-hr-le-ht: var(
1370
- --_ctm-mob-dn-dn-se-im-se-hr-se-le-ht,
1371
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-le-ht, var(--_ctm-dn-dn-se-im-se-hr-se-le-ht))
1372
- );
1373
- --_sf-hr-ue: var(
1374
- --_ctm-mob-dn-dn-se-im-se-hr-se-ue,
1375
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-ue, var(--_ctm-dn-dn-se-im-se-hr-se-ue))
1376
- );
1377
- --_sf-hr-pg: var(
1378
- --_ctm-mob-dn-dn-se-im-se-hr-se-pg,
1379
- var(--_ctm-tab-dn-dn-se-im-se-hr-se-pg, var(--_ctm-dn-dn-se-im-se-hr-se-pg))
1380
- );
941
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-bd-cr,
942
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-bd-cr, var(--_ctm-dn-dn-se-im-se-hr-se-bd-cr)));
943
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-cr,
944
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-cr, var(--_ctm-dn-dn-se-im-se-hr-se-br-cr)));
945
+ --_sf-hr-br-se: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-se,
946
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-se, var(--_ctm-dn-dn-se-im-se-hr-se-br-se)));
947
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-wh,
948
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-wh, var(--_ctm-dn-dn-se-im-se-hr-se-br-wh)));
949
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-rs,
950
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-rs, var(--_ctm-dn-dn-se-im-se-hr-se-br-rs)));
951
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-ae,
952
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-ae, var(--_ctm-dn-dn-se-im-se-hr-se-sw-ae)));
953
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-br,
954
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-br, var(--_ctm-dn-dn-se-im-se-hr-se-sw-br)));
955
+ --_sf-hr-sw-sd: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-sd,
956
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-sd, var(--_ctm-dn-dn-se-im-se-hr-se-sw-sd)));
957
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-cr,
958
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-cr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-cr)));
959
+ --_sf-hr-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-cr,
960
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-cr, var(--_ctm-dn-dn-se-im-se-hr-se-cr)));
961
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-fy,
962
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-fy, var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy)));
963
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
964
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm, var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm)));
965
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
966
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp, var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp)));
967
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
968
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk, var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk)));
969
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
970
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se)));
971
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-wt,
972
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-wt, var(--_ctm-dn-dn-se-im-se-hr-se-ft-wt)));
973
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-se-ic,
974
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se-ic,
975
+ var(--_ctm-dn-dn-se-im-se-hr-se-ft-se-ic)));
976
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-dn-se-im-se-hr-se-tt-an,
977
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-an, var(--_ctm-dn-dn-se-im-se-hr-se-tt-an)));
978
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-dn-se-im-se-hr-se-lr-sg,
979
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-lr-sg, var(--_ctm-dn-dn-se-im-se-hr-se-lr-sg)));
980
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-dn-se-im-se-hr-se-le-ht,
981
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-le-ht, var(--_ctm-dn-dn-se-im-se-hr-se-le-ht)));
982
+ --_sf-hr-ue: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ue,
983
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-ue, var(--_ctm-dn-dn-se-im-se-hr-se-ue)));
984
+ --_sf-hr-pg: var(--_ctm-mob-dn-dn-se-im-se-hr-se-pg,
985
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-pg, var(--_ctm-dn-dn-se-im-se-hr-se-pg)));
1381
986
  }
1382
987
 
1383
988
  // Option selected state custom properties (no inherit fallback — must be guaranteed-invalid when unset)
1384
989
  .option[data-selected="true"] {
1385
- --_sf-sd-bd-cr: var(
1386
- --_ctm-mob-dn-dn-se-im-se-sd-se-bd-cr,
1387
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-bd-cr, var(--_ctm-dn-dn-se-im-se-sd-se-bd-cr))
1388
- );
1389
- --_sf-sd-br-cr: var(
1390
- --_ctm-mob-dn-dn-se-im-se-sd-se-br-cr,
1391
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-cr, var(--_ctm-dn-dn-se-im-se-sd-se-br-cr))
1392
- );
1393
- --_sf-sd-br-se: var(
1394
- --_ctm-mob-dn-dn-se-im-se-sd-se-br-se,
1395
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-se, var(--_ctm-dn-dn-se-im-se-sd-se-br-se))
1396
- );
1397
- --_sf-sd-br-wh: var(
1398
- --_ctm-mob-dn-dn-se-im-se-sd-se-br-wh,
1399
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-wh, var(--_ctm-dn-dn-se-im-se-sd-se-br-wh))
1400
- );
1401
- --_sf-sd-sw-ae: var(
1402
- --_ctm-mob-dn-dn-se-im-se-sd-se-sw-ae,
1403
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-ae, var(--_ctm-dn-dn-se-im-se-sd-se-sw-ae))
1404
- );
1405
- --_sf-sd-sw-br: var(
1406
- --_ctm-mob-dn-dn-se-im-se-sd-se-sw-br,
1407
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-br, var(--_ctm-dn-dn-se-im-se-sd-se-sw-br))
1408
- );
1409
- --_sf-sd-sw-sd: var(
1410
- --_ctm-mob-dn-dn-se-im-se-sd-se-sw-sd,
1411
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-sd, var(--_ctm-dn-dn-se-im-se-sd-se-sw-sd))
1412
- );
1413
- --_sf-sd-sw-cr: var(
1414
- --_ctm-mob-dn-dn-se-im-se-sd-se-sw-cr,
1415
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-cr, var(--_ctm-dn-dn-se-im-se-sd-se-sw-cr))
1416
- );
1417
- --_sf-sd-cr: var(
1418
- --_ctm-mob-dn-dn-se-im-se-sd-se-cr,
1419
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-cr, var(--_ctm-dn-dn-se-im-se-sd-se-cr))
1420
- );
1421
- --_sf-sd-ft-fy: var(
1422
- --_ctm-mob-dn-dn-se-im-se-sd-se-ft-fy,
1423
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-fy, var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy))
1424
- );
1425
- --_sf-sd-tt-tm: var(
1426
- --_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
1427
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm, var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm))
1428
- );
1429
- --_sf-sd-wd-wp: var(
1430
- --_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
1431
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp, var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp))
1432
- );
1433
- --_sf-sd-wd-bk: var(
1434
- --_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
1435
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk, var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk))
1436
- );
1437
- --_sf-sd-ft-se: var(
1438
- --_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
1439
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se))
1440
- );
1441
- --_sf-sd-ft-wt: var(
1442
- --_ctm-mob-dn-dn-se-im-se-sd-se-ft-wt,
1443
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-wt, var(--_ctm-dn-dn-se-im-se-sd-se-ft-wt))
1444
- );
1445
- --_sf-sd-ft-se-ic: var(
1446
- --_ctm-mob-dn-dn-se-im-se-sd-se-ft-se-ic,
1447
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se-ic))
1448
- );
1449
- --_sf-sd-tt-an: var(
1450
- --_ctm-mob-dn-dn-se-im-se-sd-se-tt-an,
1451
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-an, var(--_ctm-dn-dn-se-im-se-sd-se-tt-an))
1452
- );
1453
- --_sf-sd-lr-sg: var(
1454
- --_ctm-mob-dn-dn-se-im-se-sd-se-lr-sg,
1455
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-lr-sg, var(--_ctm-dn-dn-se-im-se-sd-se-lr-sg))
1456
- );
1457
- --_sf-sd-le-ht: var(
1458
- --_ctm-mob-dn-dn-se-im-se-sd-se-le-ht,
1459
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-le-ht, var(--_ctm-dn-dn-se-im-se-sd-se-le-ht))
1460
- );
1461
- --_sf-sd-ue: var(
1462
- --_ctm-mob-dn-dn-se-im-se-sd-se-ue,
1463
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-ue, var(--_ctm-dn-dn-se-im-se-sd-se-ue))
1464
- );
1465
- --_sf-sd-pg: var(
1466
- --_ctm-mob-dn-dn-se-im-se-sd-se-pg,
1467
- var(--_ctm-tab-dn-dn-se-im-se-sd-se-pg, var(--_ctm-dn-dn-se-im-se-sd-se-pg))
1468
- );
990
+ --_sf-sd-bd-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-bd-cr,
991
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-bd-cr, var(--_ctm-dn-dn-se-im-se-sd-se-bd-cr)));
992
+ --_sf-sd-br-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-cr,
993
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-cr, var(--_ctm-dn-dn-se-im-se-sd-se-br-cr)));
994
+ --_sf-sd-br-se: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-se,
995
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-se, var(--_ctm-dn-dn-se-im-se-sd-se-br-se)));
996
+ --_sf-sd-br-wh: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-wh,
997
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-wh, var(--_ctm-dn-dn-se-im-se-sd-se-br-wh)));
998
+ --_sf-sd-sw-ae: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-ae,
999
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-ae, var(--_ctm-dn-dn-se-im-se-sd-se-sw-ae)));
1000
+ --_sf-sd-sw-br: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-br,
1001
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-br, var(--_ctm-dn-dn-se-im-se-sd-se-sw-br)));
1002
+ --_sf-sd-sw-sd: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-sd,
1003
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-sd, var(--_ctm-dn-dn-se-im-se-sd-se-sw-sd)));
1004
+ --_sf-sd-sw-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-cr,
1005
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-cr, var(--_ctm-dn-dn-se-im-se-sd-se-sw-cr)));
1006
+ --_sf-sd-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-cr,
1007
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-cr, var(--_ctm-dn-dn-se-im-se-sd-se-cr)));
1008
+ --_sf-sd-ft-fy: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-fy,
1009
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-fy, var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy)));
1010
+ --_sf-sd-tt-tm: var(--_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
1011
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm, var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm)));
1012
+ --_sf-sd-wd-wp: var(--_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
1013
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp, var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp)));
1014
+ --_sf-sd-wd-bk: var(--_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
1015
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk, var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk)));
1016
+ --_sf-sd-ft-se: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
1017
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se)));
1018
+ --_sf-sd-ft-wt: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-wt,
1019
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-wt, var(--_ctm-dn-dn-se-im-se-sd-se-ft-wt)));
1020
+ --_sf-sd-ft-se-ic: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-se-ic,
1021
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se-ic,
1022
+ var(--_ctm-dn-dn-se-im-se-sd-se-ft-se-ic)));
1023
+ --_sf-sd-tt-an: var(--_ctm-mob-dn-dn-se-im-se-sd-se-tt-an,
1024
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-an, var(--_ctm-dn-dn-se-im-se-sd-se-tt-an)));
1025
+ --_sf-sd-lr-sg: var(--_ctm-mob-dn-dn-se-im-se-sd-se-lr-sg,
1026
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-lr-sg, var(--_ctm-dn-dn-se-im-se-sd-se-lr-sg)));
1027
+ --_sf-sd-le-ht: var(--_ctm-mob-dn-dn-se-im-se-sd-se-le-ht,
1028
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-le-ht, var(--_ctm-dn-dn-se-im-se-sd-se-le-ht)));
1029
+ --_sf-sd-ue: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ue,
1030
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-ue, var(--_ctm-dn-dn-se-im-se-sd-se-ue)));
1031
+ --_sf-sd-pg: var(--_ctm-mob-dn-dn-se-im-se-sd-se-pg,
1032
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-pg, var(--_ctm-dn-dn-se-im-se-sd-se-pg)));
1469
1033
  }
1470
1034
 
1471
1035
  // Placeholder text
@@ -1523,10 +1087,7 @@ $minWidth: 70px;
1523
1087
  border-radius: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-br-rs);
1524
1088
 
1525
1089
  // Widget style — shadow
1526
- box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-ae)
1527
- prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-br)
1528
- prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-sd)
1529
- prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-cr);
1090
+ box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-ae) prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-br) prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-sd) prepareMediaVariable(--_ctm-dn-dn-se-wt-se-sw-cr);
1530
1091
 
1531
1092
  // Widget style — font
1532
1093
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-cr);
@@ -1534,10 +1095,12 @@ $minWidth: 70px;
1534
1095
  text-transform: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-tt-tm);
1535
1096
  word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-wp);
1536
1097
  word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-bk);
1098
+
1537
1099
  &.flex__overflow {
1538
1100
  white-space: normal;
1539
1101
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1540
1102
  }
1103
+
1541
1104
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se);
1542
1105
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-wt);
1543
1106
  font-style: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se-ic);
@@ -1558,14 +1121,18 @@ $minWidth: 70px;
1558
1121
  .est__dropdown__icon {
1559
1122
  transition: transform 0.4s ease-in-out;
1560
1123
  display: flex;
1124
+
1561
1125
  &.rotate__180 {
1562
1126
  transform: rotate(180deg);
1563
1127
  }
1128
+
1564
1129
  &.rotate__0 {
1565
1130
  transform: rotate(0deg);
1566
1131
  }
1132
+
1567
1133
  width: 16px;
1568
1134
  height: 16px;
1135
+
1569
1136
  svg {
1570
1137
  width: 100%;
1571
1138
  height: 100%;
@@ -1590,10 +1157,7 @@ $minWidth: 70px;
1590
1157
  border-color: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-br-cr);
1591
1158
  padding: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-pg);
1592
1159
  gap: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-im-gp);
1593
- box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-ae)
1594
- prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-br)
1595
- prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-sd)
1596
- prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-cr);
1160
+ box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-cr);
1597
1161
 
1598
1162
  &.top {
1599
1163
  bottom: 100%;
@@ -1626,103 +1190,53 @@ $minWidth: 70px;
1626
1190
  box-sizing: border-box;
1627
1191
 
1628
1192
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-pg));
1629
- border-color: var(
1630
- --_sf-hr-br-cr,
1631
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr)
1632
- );
1633
- background-color: var(
1634
- --_sf-hr-bd-cr,
1635
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr)
1636
- );
1637
- border-style: var(
1638
- --_sf-hr-br-se,
1639
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se)
1640
- );
1641
- border-radius: var(
1642
- --_sf-hr-br-rs,
1643
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs)
1644
- );
1645
- border-width: var(
1646
- --_sf-hr-br-wh,
1647
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh)
1648
- );
1649
-
1650
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae))
1651
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br))
1652
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd))
1653
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
1193
+ border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr));
1194
+ background-color: var(--_sf-hr-bd-cr,
1195
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr));
1196
+ border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se));
1197
+ border-radius: var(--_sf-hr-br-rs,
1198
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs));
1199
+ border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh));
1200
+
1201
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
1654
1202
 
1655
1203
  &[data-selected="true"] {
1656
- border-color: var(
1657
- --_sf-sd-br-cr,
1658
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr)
1659
- );
1660
- background-color: var(
1661
- --_sf-sd-bd-cr,
1662
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr)
1663
- );
1664
- border-style: var(
1665
- --_sf-sd-br-se,
1666
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se)
1667
- );
1668
- border-width: var(
1669
- --_sf-sd-br-wh,
1670
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh)
1671
- );
1672
- border-radius: var(
1673
- --_sf-sd-br-rs,
1674
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs)
1675
- );
1676
- box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae))
1677
- var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br))
1678
- var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd))
1679
- var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
1204
+ border-color: var(--_sf-sd-br-cr,
1205
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr));
1206
+ background-color: var(--_sf-sd-bd-cr,
1207
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr));
1208
+ border-style: var(--_sf-sd-br-se,
1209
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se));
1210
+ border-width: var(--_sf-sd-br-wh,
1211
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh));
1212
+ border-radius: var(--_sf-sd-br-rs,
1213
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs));
1214
+ box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
1215
+
1680
1216
  .language__name {
1681
1217
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
1682
- font-family: var(
1683
- --_sf-sd-ft-fy,
1684
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
1685
- );
1686
- text-transform: var(
1687
- --_sf-sd-tt-tm,
1688
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
1689
- );
1690
- word-wrap: var(
1691
- --_sf-sd-wd-wp,
1692
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp)
1693
- );
1694
- word-break: var(
1695
- --_sf-sd-wd-bk,
1696
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
1697
- );
1698
- font-size: var(
1699
- --_sf-sd-ft-se,
1700
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se)
1701
- );
1702
- font-weight: var(
1703
- --_sf-sd-ft-wt,
1704
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt)
1705
- );
1706
- font-style: var(
1707
- --_sf-sd-ft-se-ic,
1708
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic)
1709
- );
1710
- text-align: var(
1711
- --_sf-sd-tt-an,
1712
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-an)
1713
- );
1714
- letter-spacing: var(
1715
- --_sf-sd-lr-sg,
1716
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg)
1717
- );
1718
- line-height: var(
1719
- --_sf-sd-le-ht,
1720
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht)
1721
- );
1722
- text-decoration: var(
1723
- --_sf-sd-ue,
1724
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ue)
1725
- );
1218
+ font-family: var(--_sf-sd-ft-fy,
1219
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy));
1220
+ text-transform: var(--_sf-sd-tt-tm,
1221
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm));
1222
+ word-wrap: var(--_sf-sd-wd-wp,
1223
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
1224
+ word-break: var(--_sf-sd-wd-bk,
1225
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
1226
+ font-size: var(--_sf-sd-ft-se,
1227
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
1228
+ font-weight: var(--_sf-sd-ft-wt,
1229
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt));
1230
+ font-style: var(--_sf-sd-ft-se-ic,
1231
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic));
1232
+ text-align: var(--_sf-sd-tt-an,
1233
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-an));
1234
+ letter-spacing: var(--_sf-sd-lr-sg,
1235
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg));
1236
+ line-height: var(--_sf-sd-le-ht,
1237
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht));
1238
+ text-decoration: var(--_sf-sd-ue,
1239
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ue));
1726
1240
  @include restrictToLinesShow(1);
1727
1241
  }
1728
1242
  }
@@ -1733,8 +1247,10 @@ $minWidth: 70px;
1733
1247
  display: flex;
1734
1248
  align-items: center;
1735
1249
  position: relative;
1250
+
1736
1251
  .language__name {
1737
- color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
1252
+ color: var(--_sf-hr-cr,
1253
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
1738
1254
  @include restrictToLinesShow(1);
1739
1255
  }
1740
1256
  }
@@ -1742,24 +1258,18 @@ $minWidth: 70px;
1742
1258
  .language__name {
1743
1259
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
1744
1260
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy));
1745
- text-transform: var(
1746
- --_sf-hr-tt-tm,
1747
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
1748
- );
1261
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm));
1749
1262
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
1750
1263
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
1751
1264
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
1752
1265
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt));
1753
- font-style: var(
1754
- --_sf-hr-ft-se-ic,
1755
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic)
1756
- );
1266
+ font-style: var(--_sf-hr-ft-se-ic,
1267
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic));
1757
1268
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-an));
1758
- letter-spacing: var(
1759
- --_sf-hr-lr-sg,
1760
- prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg)
1761
- );
1762
- line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht));
1269
+ letter-spacing: var(--_sf-hr-lr-sg,
1270
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg));
1271
+ line-height: var(--_sf-hr-le-ht,
1272
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht));
1763
1273
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ue));
1764
1274
  white-space: nowrap;
1765
1275
  @include restrictToLinesShow(1);
@@ -1770,22 +1280,21 @@ $minWidth: 70px;
1770
1280
  .var__drop__selection {
1771
1281
  display: flex;
1772
1282
  width: 100%;
1773
- gap: var(
1774
- --_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
1775
- var(
1776
- --_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
1777
- var(--_ctm-lt-dn-dy-se-dn-lt-im-sg, var(--_ctm-lt-im-sg))
1778
- )
1779
- );
1283
+ gap: var(--_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
1284
+ var(--_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
1285
+ var(--_ctm-lt-dn-dy-se-dn-lt-im-sg, var(--_ctm-lt-im-sg))));
1780
1286
 
1781
1287
  flex-direction: row;
1782
1288
  flex-wrap: wrap;
1289
+
1783
1290
  &[data-dropdown-style="Vertical List"] {
1784
1291
  flex-direction: column;
1785
1292
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
1786
1293
  }
1294
+
1787
1295
  .dropdown_wrapper {
1788
1296
  position: relative;
1297
+
1789
1298
  &[data-show-divider="true"] {
1790
1299
  &:not(:last-child)::after {
1791
1300
  content: "";
@@ -1794,12 +1303,7 @@ $minWidth: 70px;
1794
1303
  height: 1px;
1795
1304
  width: 100%;
1796
1305
  display: flex;
1797
- top: calc(
1798
- calc(
1799
- var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 10px
1800
- ) /
1801
- 2
1802
- );
1306
+ top: calc(calc(var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 10px) / 2);
1803
1307
  }
1804
1308
  }
1805
1309
 
@@ -1815,16 +1319,9 @@ $minWidth: 70px;
1815
1319
  height: 1px;
1816
1320
  width: 100%;
1817
1321
  display: flex;
1818
- top: calc(
1819
- var(
1820
- --_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
1821
- var(
1822
- --_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
1823
- var(--_ctm-lt-dn-dy-se-dn-lt-im-sg)
1824
- )
1825
- ) /
1826
- 2
1827
- );
1322
+ top: calc(var(--_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
1323
+ var(--_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
1324
+ var(--_ctm-lt-dn-dy-se-dn-lt-im-sg))) / 2);
1828
1325
  }
1829
1326
  }
1830
1327
  }
@@ -1832,27 +1329,22 @@ $minWidth: 70px;
1832
1329
  }
1833
1330
  }
1834
1331
  }
1332
+
1835
1333
  }
1334
+
1836
1335
  // Quantity Fields
1837
1336
  .field__group {
1838
1337
  // display: flex;
1839
1338
  // flex-wrap: wrap;
1840
1339
  // gap: 8px;
1841
1340
  display: grid;
1842
- grid-template-columns: repeat(
1843
- auto-fit,
1844
- minmax(
1845
- var(
1846
- --_ctm-mob-var-lt-mn-cn-wh,
1847
- var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))
1848
- ),
1849
- var(--_ctm-mob-var-lt-mn-cn-wh)
1850
- )
1851
- );
1852
- gap: var(
1853
- --_ctm-mob-lt-gd-os-dy-se-tb-rw-sg,
1854
- var(--_ctm-tab-lt-gd-os-dy-se-tb-rw-sg, var(--_ctm-lt-gd-os-dy-se-tb-rw-sg))
1855
- );
1341
+ grid-template-columns: repeat(auto-fit,
1342
+ minmax(var(--_ctm-mob-var-lt-mn-cn-wh,
1343
+ var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))),
1344
+ var(--_ctm-mob-var-lt-mn-cn-wh)));
1345
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-tb-rw-sg,
1346
+ var(--_ctm-tab-lt-gd-os-dy-se-tb-rw-sg, var(--_ctm-lt-gd-os-dy-se-tb-rw-sg)));
1347
+
1856
1348
  .field__group__item {
1857
1349
  font-size: 16px;
1858
1350
  display: flex;
@@ -1860,6 +1352,7 @@ $minWidth: 70px;
1860
1352
  align-items: center;
1861
1353
  justify-content: center;
1862
1354
  gap: 8px;
1355
+
1863
1356
  input[type="number"] {
1864
1357
  // width: 70px !important;
1865
1358
  width: 100%;
@@ -1868,10 +1361,12 @@ $minWidth: 70px;
1868
1361
  border-radius: 4px;
1869
1362
  text-align: center;
1870
1363
  height: 40px;
1364
+
1871
1365
  &:focus-within {
1872
1366
  border: 1px solid var(--_primary-200);
1873
1367
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
1874
1368
  }
1369
+
1875
1370
  &:disabled {
1876
1371
  cursor: not-allowed;
1877
1372
  opacity: 0.4;
@@ -1879,18 +1374,15 @@ $minWidth: 70px;
1879
1374
  }
1880
1375
  }
1881
1376
  }
1377
+
1882
1378
  // Enter quantity styles
1883
1379
  .quantiy__details {
1884
1380
  display: flex;
1885
1381
  flex-direction: column;
1886
- gap: var(
1887
- --_ctm-mob-lt-gd-os-dy-se-gp-sg,
1888
- var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg))
1889
- );
1890
- padding: var(
1891
- --_ctm-mob-lt-gd-os-dy-se-gp-pg,
1892
- var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg))
1893
- );
1382
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-gp-sg,
1383
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg)));
1384
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-gp-pg,
1385
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg)));
1894
1386
 
1895
1387
  .title {
1896
1388
  display: flex;
@@ -1898,35 +1390,36 @@ $minWidth: 70px;
1898
1390
  align-items: center;
1899
1391
  font-weight: 600;
1900
1392
  font-size: 18px;
1901
- & > button {
1393
+
1394
+ &>button {
1902
1395
  border-bottom: 1px solid var(--_gray-400);
1903
1396
  color: var(--_gray-600);
1904
1397
  font-size: 14px;
1905
1398
  }
1906
1399
  }
1400
+
1907
1401
  .fit__details {
1908
1402
  display: flex;
1909
1403
  flex-direction: column;
1910
1404
  gap: 12px;
1405
+
1911
1406
  .fit__desc {
1912
1407
  display: flex;
1913
1408
  flex-direction: column;
1914
- gap: var(
1915
- --_ctm-mob-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1916
- var(
1917
- --_ctm-tab-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1918
- var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg)
1919
- )
1920
- );
1409
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1410
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1411
+ var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg)));
1921
1412
 
1922
1413
  font-size: 16px;
1923
1414
  color: var(--_gray-900);
1415
+
1924
1416
  .each__price {
1925
1417
  font-weight: 600;
1926
1418
  }
1927
1419
  }
1928
1420
  }
1929
1421
  }
1422
+
1930
1423
  .grouped_items {
1931
1424
  display: flex;
1932
1425
  flex-direction: column;
@@ -1943,35 +1436,25 @@ $minWidth: 70px;
1943
1436
 
1944
1437
  .tab {
1945
1438
  &:first-child {
1946
- margin-bottom: var(
1947
- --_ctm-mob-lt-on-te-ve-sg,
1948
- var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
1949
- );
1439
+ margin-bottom: var(--_ctm-mob-lt-on-te-ve-sg,
1440
+ var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg)));
1950
1441
  }
1951
1442
  }
1952
1443
 
1953
1444
  .tab__content {
1954
1445
  display: flex;
1955
1446
  flex-direction: column;
1956
- padding: var(
1957
- --_ctm-mob-lt-gd-os-dy-se-gp-pg,
1958
- var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg))
1959
- );
1447
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-gp-pg,
1448
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg)));
1960
1449
 
1961
1450
  .field__group {
1962
- gap: var(
1963
- --_ctm-mob-lt-gd-os-dy-se-gp-sg,
1964
- var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg))
1965
- );
1451
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-gp-sg,
1452
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg)));
1966
1453
 
1967
1454
  .field__group__item {
1968
- gap: var(
1969
- --_ctm-mob-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1970
- var(
1971
- --_ctm-tab-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1972
- var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg)
1973
- )
1974
- );
1455
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1456
+ var(--_ctm-tab-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1457
+ var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg)));
1975
1458
  }
1976
1459
  }
1977
1460
  }
@@ -1979,7 +1462,7 @@ $minWidth: 70px;
1979
1462
  }
1980
1463
 
1981
1464
  &[data-show-divider="true"] {
1982
- & > div {
1465
+ &>div {
1983
1466
  &:not(:last-child)::after {
1984
1467
  content: "";
1985
1468
  position: relative;
@@ -1987,9 +1470,7 @@ $minWidth: 70px;
1987
1470
  height: 1px;
1988
1471
  width: 100%;
1989
1472
  display: flex;
1990
- top: calc(
1991
- var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2
1992
- );
1473
+ top: calc(var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2);
1993
1474
  }
1994
1475
  }
1995
1476
 
@@ -2001,17 +1482,17 @@ $minWidth: 70px;
2001
1482
  height: 1px;
2002
1483
  width: 100%;
2003
1484
  display: flex;
2004
- top: calc(
2005
- var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2
2006
- );
1485
+ top: calc(var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2);
2007
1486
  }
2008
1487
  }
2009
1488
  }
2010
1489
  }
1490
+
2011
1491
  // tabs
2012
1492
  .tabs__container {
2013
1493
  display: flex;
2014
1494
  position: relative;
1495
+
2015
1496
  .tab {
2016
1497
  flex: 1;
2017
1498
  padding-block: 20px;
@@ -2019,10 +1500,12 @@ $minWidth: 70px;
2019
1500
  text-align: center;
2020
1501
  cursor: pointer;
2021
1502
  position: relative;
1503
+
2022
1504
  &.tab__active {
2023
1505
  font-weight: bold;
2024
1506
  }
2025
1507
  }
1508
+
2026
1509
  .tab__active-indicator {
2027
1510
  position: absolute;
2028
1511
  bottom: 0;
@@ -2040,35 +1523,24 @@ $minWidth: 70px;
2040
1523
  .tab__accordion {
2041
1524
  display: flex;
2042
1525
  flex-direction: column;
2043
- padding: var(
2044
- --_ctm-mob-lt-gd-os-dy-se-cr-pg,
2045
- var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg))
2046
- );
1526
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-cr-pg,
1527
+ var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg)));
2047
1528
 
2048
1529
  .tab__container {
2049
1530
  display: flex;
2050
1531
  flex-direction: column;
2051
- gap: var(
2052
- --_ctm-mob-lt-gd-os-dy-se-an-sg,
2053
- var(--_ctm-tab-lt-gd-os-dy-se-an-sg, var(--_ctm-lt-gd-os-dy-se-an-sg))
2054
- );
1532
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-an-sg,
1533
+ var(--_ctm-tab-lt-gd-os-dy-se-an-sg, var(--_ctm-lt-gd-os-dy-se-an-sg)));
2055
1534
 
2056
1535
  .tab_acc_wrapper {
2057
1536
  display: flex;
2058
1537
  flex-direction: column;
2059
- gap: var(
2060
- --_ctm-mob-lt-gd-os-dy-se-an-ad-cr-sg,
2061
- var(--_ctm-tab-lt-gd-os-dy-se-an-ad-cr-sg, var(--_ctm-lt-gd-os-dy-se-an-ad-cr-sg))
2062
- );
2063
-
2064
- padding: var(
2065
- --_ctm-mob-lt-gd-os-dy-se-an-vl-pg,
2066
- var(--_ctm-tab-lt-gd-os-dy-se-an-vl-pg, var(--_ctm-lt-gd-os-dy-se-an-vl-pg))
2067
- )
2068
- var(
2069
- --_ctm-mob-lt-gd-os-dy-se-an-hl-pg,
2070
- var(--_ctm-tab-lt-gd-os-dy-se-an-hl-pg, var(--_ctm-lt-gd-os-dy-se-an-hl-pg))
2071
- );
1538
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-an-ad-cr-sg,
1539
+ var(--_ctm-tab-lt-gd-os-dy-se-an-ad-cr-sg, var(--_ctm-lt-gd-os-dy-se-an-ad-cr-sg)));
1540
+
1541
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-an-vl-pg,
1542
+ var(--_ctm-tab-lt-gd-os-dy-se-an-vl-pg, var(--_ctm-lt-gd-os-dy-se-an-vl-pg))) var(--_ctm-mob-lt-gd-os-dy-se-an-hl-pg,
1543
+ var(--_ctm-tab-lt-gd-os-dy-se-an-hl-pg, var(--_ctm-lt-gd-os-dy-se-an-hl-pg)));
2072
1544
 
2073
1545
  .tab {
2074
1546
  display: flex;
@@ -2076,10 +1548,12 @@ $minWidth: 70px;
2076
1548
  position: relative;
2077
1549
  cursor: pointer;
2078
1550
  flex-direction: row;
1551
+
2079
1552
  &[data-expand-icon="Left"] {
2080
1553
  flex-direction: row-reverse;
2081
1554
  justify-content: flex-end;
2082
1555
  }
1556
+
2083
1557
  &[data-item-dividers="true"] {
2084
1558
  &::after {
2085
1559
  content: "";
@@ -2090,21 +1564,26 @@ $minWidth: 70px;
2090
1564
  border-bottom: 1px solid var(--_gray-200);
2091
1565
  }
2092
1566
  }
1567
+
2093
1568
  span {
2094
1569
  padding-block: 12px;
2095
1570
  display: inline-block;
2096
1571
  }
1572
+
2097
1573
  .active {
2098
1574
  border-bottom: 2px solid var(--_primary-400);
2099
1575
  }
1576
+
2100
1577
  &.inactive {
2101
1578
  height: 0px;
2102
1579
  }
2103
1580
  }
1581
+
2104
1582
  .tab__content {
2105
1583
  &.d-none {
2106
1584
  display: none;
2107
1585
  }
1586
+
2108
1587
  &.d-block {
2109
1588
  display: block;
2110
1589
  }
@@ -2124,13 +1603,8 @@ $minWidth: 70px;
2124
1603
  height: 1px;
2125
1604
  width: 100%;
2126
1605
  display: flex;
2127
- top: calc(
2128
- var(
2129
- --_ctm-mob-lt-gd-os-dy-se-an-sg,
2130
- var(--_ctm-tab-lt-gd-os-dy-se-an-sg, var(--_ctm-lt-gd-os-dy-se-an-sg))
2131
- ) /
2132
- 2
2133
- );
1606
+ top: calc(var(--_ctm-mob-lt-gd-os-dy-se-an-sg,
1607
+ var(--_ctm-tab-lt-gd-os-dy-se-an-sg, var(--_ctm-lt-gd-os-dy-se-an-sg))) / 2);
2134
1608
  }
2135
1609
  }
2136
1610
  }
@@ -2288,205 +1762,115 @@ $minWidth: 70px;
2288
1762
  }
2289
1763
  }
2290
1764
  }
1765
+
2291
1766
  &.tabs__hr {
2292
1767
  .tabs {
2293
1768
  flex-direction: column;
2294
- gap: var(
2295
- --_ctm-mob-lt-gd-os-dy-se-tb-ad-cr-sg,
2296
- var(--_ctm-tab-lt-gd-os-dy-se-tb-ad-cr-sg, var(--_ctm-lt-gd-os-dy-se-tb-ad-cr-sg))
2297
- );
1769
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-tb-ad-cr-sg,
1770
+ var(--_ctm-tab-lt-gd-os-dy-se-tb-ad-cr-sg, var(--_ctm-lt-gd-os-dy-se-tb-ad-cr-sg)));
2298
1771
 
2299
1772
  .tabs__container {
2300
1773
  width: 100%;
2301
1774
  }
2302
1775
  }
2303
1776
  }
1777
+
2304
1778
  .tabs {
2305
1779
  display: flex;
2306
- gap: var(
2307
- --_ctm-mob-lt-tb-im-se-dt-se-tb-ad-cr-sg,
2308
- var(--_ctm-tab-lt-tb-im-se-dt-se-tb-ad-cr-sg, var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg))
2309
- );
1780
+ gap: var(--_ctm-mob-lt-tb-im-se-dt-se-tb-ad-cr-sg,
1781
+ var(--_ctm-tab-lt-tb-im-se-dt-se-tb-ad-cr-sg, var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg)));
2310
1782
 
2311
1783
  .tabs__container {
2312
1784
  display: flex;
2313
- gap: var(
2314
- --_ctm-mob-lt-gd-os-dy-se-tb-sg,
2315
- var(--_ctm-tab-lt-gd-os-dy-se-tb-sg, var(--_ctm-lt-gd-os-dy-se-tb-sg))
2316
- );
1785
+ gap: var(--_ctm-mob-lt-gd-os-dy-se-tb-sg,
1786
+ var(--_ctm-tab-lt-gd-os-dy-se-tb-sg, var(--_ctm-lt-gd-os-dy-se-tb-sg)));
2317
1787
 
2318
1788
  .tab {
2319
1789
  display: flex;
2320
1790
  justify-content: var(--_tab-aliginment);
2321
- padding: var(
2322
- --_ctm-mob-lt-gd-os-dy-se-tb-vl-pg,
2323
- var(--_ctm-tab-lt-gd-os-dy-se-tb-vl-pg, var(--_ctm-lt-gd-os-dy-se-tb-vl-pg))
2324
- )
2325
- var(
2326
- --_ctm-mob-lt-gd-os-dy-se-tb-hl-pg,
2327
- var(--_ctm-tab-lt-gd-os-dy-se-tb-hl-pg, var(--_ctm-lt-gd-os-dy-se-tb-hl-pg))
2328
- );
2329
- background-color: var(
2330
- --_ctm-mob-lt-dn-tb-im-se-dt-se-bd-cr,
2331
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-bd-cr, var(--_ctm-dn-tb-im-se-dt-se-bd-cr))
2332
- );
2333
- border-color: var(
2334
- --_show-border-im-se,
2335
- var(
2336
- --_ctm-mob-lt-dn-tb-im-se-dt-se-br-cr,
2337
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-cr, var(--_ctm-dn-tb-im-se-dt-se-br-cr))
2338
- )
2339
- );
2340
- border-style: var(
2341
- --_show-border-im-se,
2342
- var(
2343
- --_ctm-mob-lt-dn-tb-im-se-dt-se-br-se,
2344
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-se, var(--_ctm-dn-tb-im-se-dt-se-br-se))
2345
- )
2346
- );
2347
- border-width: var(
2348
- --_show-border-im-se,
2349
- var(
2350
- --_ctm-mob-lt-dn-tb-im-se-dt-se-br-wh,
2351
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-wh, var(--_ctm-dn-tb-im-se-dt-se-br-wh))
2352
- )
2353
- );
2354
- border-radius: var(
2355
- --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
2356
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs, var(--_ctm-dn-tb-im-se-dt-se-br-rs))
2357
- );
2358
- box-shadow: var(
2359
- --_show-shadow-im-se,
2360
- var(
2361
- --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-ae,
2362
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-ae)
2363
- ),
2364
- var(
2365
- --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-br,
2366
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-br)
2367
- ),
2368
- var(
2369
- --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-sd,
2370
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-sd)
2371
- ),
2372
- var(
2373
- --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-cr,
2374
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-cr)
2375
- )
2376
- );
2377
- border-radius: var(
2378
- --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
2379
- var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs)
2380
- );
1791
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-tb-vl-pg,
1792
+ var(--_ctm-tab-lt-gd-os-dy-se-tb-vl-pg, var(--_ctm-lt-gd-os-dy-se-tb-vl-pg))) var(--_ctm-mob-lt-gd-os-dy-se-tb-hl-pg,
1793
+ var(--_ctm-tab-lt-gd-os-dy-se-tb-hl-pg, var(--_ctm-lt-gd-os-dy-se-tb-hl-pg)));
1794
+ background-color: var(--_ctm-mob-lt-dn-tb-im-se-dt-se-bd-cr,
1795
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-bd-cr, var(--_ctm-dn-tb-im-se-dt-se-bd-cr)));
1796
+ border-color: var(--_show-border-im-se,
1797
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-br-cr,
1798
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-cr, var(--_ctm-dn-tb-im-se-dt-se-br-cr))));
1799
+ border-style: var(--_show-border-im-se,
1800
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-br-se,
1801
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-se, var(--_ctm-dn-tb-im-se-dt-se-br-se))));
1802
+ border-width: var(--_show-border-im-se,
1803
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-br-wh,
1804
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-wh, var(--_ctm-dn-tb-im-se-dt-se-br-wh))));
1805
+ border-radius: var(--_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
1806
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs, var(--_ctm-dn-tb-im-se-dt-se-br-rs)));
1807
+ box-shadow: var(--_show-shadow-im-se,
1808
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-sw-ae,
1809
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-ae)),
1810
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-sw-br,
1811
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-br)),
1812
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-sw-sd,
1813
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-sd)),
1814
+ var(--_ctm-mob-lt-dn-tb-im-se-dt-se-sw-cr,
1815
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-cr)));
1816
+ border-radius: var(--_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
1817
+ var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs));
2381
1818
 
2382
1819
  &:hover {
2383
- background-color: var(
2384
- --_ctm-mob-lt-dn-tb-im-se-hr-se-bd-cr,
2385
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-bd-cr, var(--_ctm-dn-tb-im-se-hr-se-bd-cr))
2386
- );
2387
- border-color: var(
2388
- --_show-border-im-se,
2389
- var(
2390
- --_ctm-mob-lt-dn-tb-im-se-hr-se-br-cr,
2391
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-cr, var(--_ctm-dn-tb-im-se-hr-se-br-cr))
2392
- )
2393
- );
2394
- border-style: var(
2395
- --_show-border-im-se,
2396
- var(
2397
- --_ctm-mob-lt-dn-tb-im-se-hr-se-br-se,
2398
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-se, var(--_ctm-dn-tb-im-se-hr-se-br-se))
2399
- )
2400
- );
2401
- border-width: var(
2402
- --_show-border-im-se,
2403
- var(
2404
- --_ctm-mob-lt-dn-tb-im-se-hr-se-br-wh,
2405
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-wh, var(--_ctm-dn-tb-im-se-hr-se-br-wh))
2406
- )
2407
- );
2408
- border-radius: var(
2409
- --_ctm-mob-lt-dn-tb-im-se-hr-se-br-rs,
2410
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-rs, var(--_ctm-dn-tb-im-se-hr-se-br-rs))
2411
- );
2412
- box-shadow: var(
2413
- --_show-shadow-im-se,
2414
- var(
2415
- --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-ae,
2416
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-ae)
2417
- ),
2418
- var(
2419
- --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-br,
2420
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-br)
2421
- ),
2422
- var(
2423
- --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-sd,
2424
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-sd)
2425
- ),
2426
- var(
2427
- --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-cr,
2428
- var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-cr)
2429
- )
2430
- );
1820
+ background-color: var(--_ctm-mob-lt-dn-tb-im-se-hr-se-bd-cr,
1821
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-bd-cr, var(--_ctm-dn-tb-im-se-hr-se-bd-cr)));
1822
+ border-color: var(--_show-border-im-se,
1823
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-br-cr,
1824
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-cr, var(--_ctm-dn-tb-im-se-hr-se-br-cr))));
1825
+ border-style: var(--_show-border-im-se,
1826
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-br-se,
1827
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-se, var(--_ctm-dn-tb-im-se-hr-se-br-se))));
1828
+ border-width: var(--_show-border-im-se,
1829
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-br-wh,
1830
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-wh, var(--_ctm-dn-tb-im-se-hr-se-br-wh))));
1831
+ border-radius: var(--_ctm-mob-lt-dn-tb-im-se-hr-se-br-rs,
1832
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-rs, var(--_ctm-dn-tb-im-se-hr-se-br-rs)));
1833
+ box-shadow: var(--_show-shadow-im-se,
1834
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-sw-ae,
1835
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-ae)),
1836
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-sw-br,
1837
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-br)),
1838
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-sw-sd,
1839
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-sd)),
1840
+ var(--_ctm-mob-lt-dn-tb-im-se-hr-se-sw-cr,
1841
+ var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-cr)));
2431
1842
  }
2432
1843
 
2433
1844
  &.active {
2434
- background-color: var(
2435
- --_ctm-mob-lt-dn-tb-im-se-sd-se-bd-cr,
2436
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-bd-cr, var(--_ctm-dn-tb-im-se-sd-se-bd-cr))
2437
- );
2438
- border-color: var(
2439
- --_show-border-im-se,
2440
- var(
2441
- --_ctm-mob-lt-dn-tb-im-se-sd-se-br-cr,
2442
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-cr, var(--_ctm-dn-tb-im-se-sd-se-br-cr))
2443
- )
2444
- );
2445
- border-style: var(
2446
- --_show-border-im-se,
2447
- var(
2448
- --_ctm-mob-lt-dn-tb-im-se-sd-se-br-se,
2449
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-se, var(--_ctm-dn-tb-im-se-sd-se-br-se))
2450
- )
2451
- );
2452
- border-width: var(
2453
- --_show-border-im-se,
2454
- var(
2455
- --_ctm-mob-lt-dn-tb-im-se-sd-se-br-wh,
2456
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-wh, var(--_ctm-dn-tb-im-se-sd-se-br-wh))
2457
- )
2458
- );
2459
- border-radius: var(
2460
- --_ctm-mob-lt-dn-tb-im-se-sd-se-br-rs,
2461
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-rs, var(--_ctm-dn-tb-im-se-sd-se-br-rs))
2462
- );
2463
- box-shadow: var(
2464
- --_show-shadow-im-se,
2465
- var(
2466
- --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-ae,
2467
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-ae)
2468
- ),
2469
- var(
2470
- --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-br,
2471
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-br)
2472
- ),
2473
- var(
2474
- --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-sd,
2475
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-sd)
2476
- ),
2477
- var(
2478
- --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-cr,
2479
- var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-cr)
2480
- )
2481
- );
1845
+ background-color: var(--_ctm-mob-lt-dn-tb-im-se-sd-se-bd-cr,
1846
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-bd-cr, var(--_ctm-dn-tb-im-se-sd-se-bd-cr)));
1847
+ border-color: var(--_show-border-im-se,
1848
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-br-cr,
1849
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-cr, var(--_ctm-dn-tb-im-se-sd-se-br-cr))));
1850
+ border-style: var(--_show-border-im-se,
1851
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-br-se,
1852
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-se, var(--_ctm-dn-tb-im-se-sd-se-br-se))));
1853
+ border-width: var(--_show-border-im-se,
1854
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-br-wh,
1855
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-wh, var(--_ctm-dn-tb-im-se-sd-se-br-wh))));
1856
+ border-radius: var(--_ctm-mob-lt-dn-tb-im-se-sd-se-br-rs,
1857
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-rs, var(--_ctm-dn-tb-im-se-sd-se-br-rs)));
1858
+ box-shadow: var(--_show-shadow-im-se,
1859
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-sw-ae,
1860
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-ae)),
1861
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-sw-br,
1862
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-br)),
1863
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-sw-sd,
1864
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-sd)),
1865
+ var(--_ctm-mob-lt-dn-tb-im-se-sd-se-sw-cr,
1866
+ var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-cr)));
2482
1867
  }
2483
1868
  }
2484
1869
  }
1870
+
2485
1871
  .tab__content {
2486
- padding: var(
2487
- --_ctm-mob-lt-gd-os-dy-se-cr-pg,
2488
- var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg))
2489
- );
1872
+ padding: var(--_ctm-mob-lt-gd-os-dy-se-cr-pg,
1873
+ var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg)));
2490
1874
  }
2491
1875
  }
2492
1876
  }
@@ -2525,37 +1909,18 @@ $minWidth: 70px;
2525
1909
  gap: var(--_ctm-mob-lt-sh-im-sg, var(--_ctm-tab-lt-sh-im-sg, var(--_ctm-lt-sh-im-sg)));
2526
1910
 
2527
1911
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
2528
- height: calc(
2529
- 100% - calc(
2530
- var(
2531
- --_ctm-mob-dn-pn-as-aw-se,
2532
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2533
- ) +
2534
- 8px
2535
- )
2536
- );
1912
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
1913
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 8px));
2537
1914
  }
1915
+
2538
1916
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
2539
- height: calc(
2540
- 100% - calc(
2541
- var(
2542
- --_ctm-mob-dn-pn-le-le-ht,
2543
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2544
- ) +
2545
- 20px
2546
- )
2547
- );
1917
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
1918
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
2548
1919
  }
1920
+
2549
1921
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
2550
- height: calc(
2551
- 100% - calc(
2552
- var(
2553
- --_ctm-mob-dn-pn-ds-dt-se,
2554
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2555
- ) +
2556
- 20px
2557
- )
2558
- );
1922
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
1923
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
2559
1924
  }
2560
1925
 
2561
1926
  .embla__slide {
@@ -2573,20 +1938,25 @@ $minWidth: 70px;
2573
1938
  width: 100%;
2574
1939
  justify-content: space-between;
2575
1940
  transform: translate(-50%, -50%);
1941
+
2576
1942
  // padding-left: 20px;
2577
1943
  &[data-control-type="Side"] {
1944
+
2578
1945
  .left-button,
2579
1946
  .right-button {
2580
1947
  background-color: transparent;
2581
1948
  }
2582
1949
  }
1950
+
2583
1951
  &[data-background-shape="Round"] {
1952
+
2584
1953
  .left-button,
2585
1954
  .right-button {
2586
1955
  background-color: #f2f5f5;
2587
1956
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
2588
1957
  }
2589
1958
  }
1959
+
2590
1960
  &[data-control-type="Bottom-Overflow"] {
2591
1961
  transform: translateX(-50%);
2592
1962
  width: 100%;
@@ -2595,6 +1965,7 @@ $minWidth: 70px;
2595
1965
  top: unset;
2596
1966
  bottom: 6px;
2597
1967
  }
1968
+
2598
1969
  &[data-control-type="Bottom"] {
2599
1970
  transform: unset;
2600
1971
  position: static;
@@ -2603,18 +1974,15 @@ $minWidth: 70px;
2603
1974
  gap: 12px;
2604
1975
  margin-top: 10px;
2605
1976
  }
1977
+
2606
1978
  .left-button {
2607
1979
  padding: 10px;
2608
1980
  border-radius: 50%;
2609
1981
  border: none;
2610
- width: var(
2611
- --_ctm-mob-dn-pn-as-aw-se,
2612
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2613
- );
2614
- height: var(
2615
- --_ctm-mob-dn-pn-as-aw-se,
2616
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2617
- );
1982
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1983
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1984
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1985
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2618
1986
 
2619
1987
  display: flex;
2620
1988
  align-items: center;
@@ -2622,6 +1990,7 @@ $minWidth: 70px;
2622
1990
  cursor: pointer;
2623
1991
  outline: none;
2624
1992
  margin-left: 12px;
1993
+
2625
1994
  &:disabled {
2626
1995
  & svg {
2627
1996
  path {
@@ -2630,17 +1999,14 @@ $minWidth: 70px;
2630
1999
  }
2631
2000
  }
2632
2001
  }
2002
+
2633
2003
  .right-button {
2634
2004
  border-radius: 50%;
2635
2005
  border: none;
2636
- width: var(
2637
- --_ctm-mob-dn-pn-as-aw-se,
2638
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2639
- );
2640
- height: var(
2641
- --_ctm-mob-dn-pn-as-aw-se,
2642
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2643
- );
2006
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
2007
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2008
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
2009
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2644
2010
 
2645
2011
  display: flex;
2646
2012
  align-items: center;
@@ -2658,28 +2024,19 @@ $minWidth: 70px;
2658
2024
  }
2659
2025
  }
2660
2026
  }
2027
+
2661
2028
  .icon {
2662
2029
  display: flex;
2030
+
2663
2031
  svg {
2664
- width: calc(
2665
- var(
2666
- --_ctm-mob-dn-pn-as-aw-se,
2667
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2668
- ) *
2669
- 0.5
2670
- );
2671
- height: calc(
2672
- var(
2673
- --_ctm-mob-dn-pn-as-aw-se,
2674
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2675
- ) *
2676
- 0.5
2677
- );
2032
+ width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
2033
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
2034
+ height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
2035
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
2036
+
2678
2037
  path {
2679
- stroke: var(
2680
- --_ctm-mob-dn-pn-as-aw-cr,
2681
- var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
2682
- );
2038
+ stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
2039
+ var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
2683
2040
  }
2684
2041
  }
2685
2042
  }
@@ -2688,9 +2045,11 @@ $minWidth: 70px;
2688
2045
  &[data-thumbnail-placement="top"] {
2689
2046
  flex-direction: column-reverse;
2690
2047
  }
2048
+
2691
2049
  &[data-thumbnail-placement="bottom"] {
2692
2050
  flex-direction: column;
2693
2051
  }
2052
+
2694
2053
  &[data-thumbnail-placement="left"] {
2695
2054
  flex-direction: row-reverse;
2696
2055
 
@@ -2705,8 +2064,10 @@ $minWidth: 70px;
2705
2064
  }
2706
2065
  }
2707
2066
  }
2067
+
2708
2068
  &[data-thumbnail-placement="right"] {
2709
2069
  flex-direction: row;
2070
+
2710
2071
  .embla__thumbs {
2711
2072
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
2712
2073
 
@@ -2718,15 +2079,18 @@ $minWidth: 70px;
2718
2079
  }
2719
2080
  }
2720
2081
  }
2082
+
2721
2083
  &[data-control-type="Side"] {
2722
2084
  display: flex;
2723
2085
  align-self: center;
2724
2086
  flex-direction: row;
2087
+
2725
2088
  .left-button:disabled,
2726
2089
  .right-button:disabled {
2727
2090
  display: none;
2728
2091
  }
2729
2092
  }
2093
+
2730
2094
  .embla__dots {
2731
2095
  display: flex;
2732
2096
  flex-wrap: wrap;
@@ -2743,6 +2107,7 @@ $minWidth: 70px;
2743
2107
  transform: translateX(-50%);
2744
2108
  width: 75%;
2745
2109
  }
2110
+
2746
2111
  .embla__dot {
2747
2112
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
2748
2113
  -webkit-appearance: none;
@@ -2764,6 +2129,7 @@ $minWidth: 70px;
2764
2129
  justify-content: center;
2765
2130
  border-radius: 50%;
2766
2131
  }
2132
+
2767
2133
  .embla__dot:after {
2768
2134
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
2769
2135
  width: var(--_ctm-dn-pn-ds-dt-se, var(--_tst-dn-pn-ds-dt-se));
@@ -2773,10 +2139,12 @@ $minWidth: 70px;
2773
2139
  align-items: center;
2774
2140
  content: "";
2775
2141
  }
2142
+
2776
2143
  .embla__dot--selected:after {
2777
2144
  box-shadow: inset 0 0 0 1px var(--text-body);
2778
2145
  background-color: var(--_ctm-dn-pn-ds-ct-dt-cr, var(--_tst-dn-pn-ds-ct-dt-cr));
2779
2146
  }
2147
+
2780
2148
  &[data-slider-control="Pagination Line"] {
2781
2149
  .embla__dot {
2782
2150
  width: var(--_ctm-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh));
@@ -2785,6 +2153,7 @@ $minWidth: 70px;
2785
2153
 
2786
2154
  border-radius: 6px;
2787
2155
  }
2156
+
2788
2157
  .embla__dot--selected:after {
2789
2158
  box-shadow: inset 0 0 0 1px var(--text-body);
2790
2159
  border-radius: 6px;
@@ -2816,6 +2185,7 @@ $minWidth: 70px;
2816
2185
 
2817
2186
  overflow: hidden;
2818
2187
  }
2188
+
2819
2189
  .embla__thumbs__container {
2820
2190
  display: flex;
2821
2191
  flex-direction: row;
@@ -2829,6 +2199,7 @@ $minWidth: 70px;
2829
2199
  min-width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
2830
2200
  max-width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
2831
2201
  height: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
2202
+
2832
2203
  & img {
2833
2204
  width: 100%;
2834
2205
  height: 100%;
@@ -2850,15 +2221,15 @@ $minWidth: 70px;
2850
2221
  .pagination:hover {
2851
2222
  --_sf-bd-cr: var(--_ctm-dn-pn-hr-se-bd-cr, var(--_tst-dn-pn-hr-se-bd-cr));
2852
2223
  }
2224
+
2853
2225
  .load__more__button__container {
2854
2226
  display: flex;
2855
2227
  width: 100%;
2856
2228
  margin-top: 10px;
2229
+
2857
2230
  &:hover {
2858
- --_sf-hr-bn-at: var(
2859
- --_ctm-mob-dn-ld-me-bn-hr-se-bn-at,
2860
- var(--_ctm-tab-dn-ld-me-bn-hr-se-bn-at, var(--_ctm-dn-ld-me-bn-hr-se-bn-at))
2861
- );
2231
+ --_sf-hr-bn-at: var(--_ctm-mob-dn-ld-me-bn-hr-se-bn-at,
2232
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-bn-at, var(--_ctm-dn-ld-me-bn-hr-se-bn-at)));
2862
2233
  }
2863
2234
 
2864
2235
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-bn-at));
@@ -2879,80 +2250,67 @@ $minWidth: 70px;
2879
2250
  --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
2880
2251
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
2881
2252
  }
2253
+
2882
2254
  &[data-widget-shadow="false"] {
2883
2255
  .table__wrapper {
2884
2256
  --_show-shadow: none;
2885
2257
  }
2886
2258
  }
2259
+
2887
2260
  &[data-widget-border="true"] {
2888
2261
  .table__wrapper {
2889
- border-color: var(
2890
- --_ctm-mob-dn-te-wt-br-cr,
2891
- var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr))
2892
- );
2893
- border-style: var(
2894
- --_ctm-mob-dn-te-wt-br-se,
2895
- var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se))
2896
- );
2897
- border-width: var(
2898
- --_ctm-mob-dn-te-wt-br-wh,
2899
- var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh))
2900
- );
2262
+ border-color: var(--_ctm-mob-dn-te-wt-br-cr,
2263
+ var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr)));
2264
+ border-style: var(--_ctm-mob-dn-te-wt-br-se,
2265
+ var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se)));
2266
+ border-width: var(--_ctm-mob-dn-te-wt-br-wh,
2267
+ var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh)));
2901
2268
  }
2902
2269
  }
2270
+
2903
2271
  &[data-table-shadow="false"] {
2904
2272
  .table__container {
2905
2273
  --_show-table-shadow: none;
2906
2274
  }
2907
2275
  }
2276
+
2908
2277
  &[data-alternative-row-colors="true"] {
2909
2278
  tbody .tbody__row__divider:nth-child(odd) {
2910
2279
  background-color: prepareMediaVariable(--_ctm-dn-rw-ae-cr-bd-cr);
2911
2280
  }
2912
2281
  }
2282
+
2913
2283
  &[data-table-border="true"] {
2914
2284
  .table__container {
2915
- border-color: var(
2916
- --_ctm-mob-dn-te-br-cr,
2917
- var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))
2918
- );
2919
- border-style: var(
2920
- --_ctm-mob-dn-te-br-se,
2921
- var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))
2922
- );
2923
- border-width: var(
2924
- --_ctm-mob-dn-te-br-wh,
2925
- var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))
2926
- );
2285
+ border-color: var(--_ctm-mob-dn-te-br-cr,
2286
+ var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)));
2287
+ border-style: var(--_ctm-mob-dn-te-br-se,
2288
+ var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)));
2289
+ border-width: var(--_ctm-mob-dn-te-br-wh,
2290
+ var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)));
2927
2291
  }
2928
2292
  }
2929
2293
 
2930
2294
  &[data-header-divider="true"] {
2931
2295
  thead tr th {
2932
- border-bottom: 1px solid
2933
- var(
2934
- --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
2935
- var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
2936
- );
2296
+ border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
2297
+ var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr)));
2937
2298
  }
2938
2299
  }
2300
+
2939
2301
  &[data-row-divider="true"] {
2940
2302
  tbody tr {
2941
- border-bottom: 1px solid
2942
- var(
2943
- --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
2944
- var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
2945
- );
2303
+ border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
2304
+ var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr)));
2946
2305
  }
2947
2306
  }
2307
+
2948
2308
  &[data-column-divider="true"] {
2309
+
2949
2310
  tbody tr td,
2950
2311
  thead tr th {
2951
- border-right: 1px solid
2952
- var(
2953
- --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
2954
- var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
2955
- );
2312
+ border-right: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
2313
+ var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr)));
2956
2314
  }
2957
2315
 
2958
2316
  tbody tr td:last-child,
@@ -2960,19 +2318,16 @@ $minWidth: 70px;
2960
2318
  border-right: none;
2961
2319
  }
2962
2320
  }
2321
+
2963
2322
  &[data-show-more-rows="onScroll"] {
2964
2323
  .table__container {
2965
2324
  overflow-y: scroll;
2966
- height: var(
2967
- --_ctm-mob-lt-mx-dy-se-te-ht,
2968
- var(--_ctm-tab-lt-mx-dy-se-te-ht, var(--_ctm-lt-mx-dy-se-te-ht))
2969
- ) !important;
2325
+ height: var(--_ctm-mob-lt-mx-dy-se-te-ht,
2326
+ var(--_ctm-tab-lt-mx-dy-se-te-ht, var(--_ctm-lt-mx-dy-se-te-ht))) !important;
2970
2327
 
2971
2328
  &::-webkit-scrollbar {
2972
- width: var(
2973
- --_ctm-mob-dn-sl-br-sl-br-wh,
2974
- var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
2975
- );
2329
+ width: var(--_ctm-mob-dn-sl-br-sl-br-wh,
2330
+ var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh)));
2976
2331
  }
2977
2332
 
2978
2333
  &::-webkit-scrollbar-track {
@@ -2980,10 +2335,8 @@ $minWidth: 70px;
2980
2335
  }
2981
2336
 
2982
2337
  &::-webkit-scrollbar-thumb {
2983
- background-color: var(
2984
- --_ctm-mob-dn-sl-br-sl-br-cr,
2985
- var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
2986
- );
2338
+ background-color: var(--_ctm-mob-dn-sl-br-sl-br-cr,
2339
+ var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr)));
2987
2340
  }
2988
2341
 
2989
2342
  // // Scrollbar thumb when hovered
@@ -3007,61 +2360,33 @@ $minWidth: 70px;
3007
2360
  flex: 1 1 auto;
3008
2361
  min-width: 0;
3009
2362
  overflow-x: auto;
3010
- padding: var(
3011
- --_ctm-mob-lt-mx-dy-se-pg,
3012
- var(--_ctm-tab-lt-mx-dy-se-pg, var(--_ctm-lt-mx-dy-se-pg, var(--_tst-lt-mx-dy-se-pg)))
3013
- );
3014
-
3015
- background-color: var(
3016
- --_ctm-mob-dn-te-wt-bd-cr,
3017
- var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr)))
3018
- );
3019
-
3020
- border-radius: var(
3021
- --_ctm-mob-dn-te-wt-br-rs,
3022
- var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
3023
- );
3024
-
3025
- box-shadow: var(
3026
- --_show-shadow,
3027
- var(
3028
- --_ctm-mob-dn-te-wt-sw-ae,
3029
- var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))
3030
- )
3031
- var(
3032
- --_ctm-mob-dn-te-wt-sw-br,
3033
- var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))
3034
- )
3035
- var(
3036
- --_ctm-mob-dn-te-wt-sw-sd,
3037
- var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))
3038
- )
3039
- var(
3040
- --_ctm-mob-dn-te-wt-sw-cr,
3041
- var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))
3042
- )
3043
- );
2363
+ padding: var(--_ctm-mob-lt-mx-dy-se-pg,
2364
+ var(--_ctm-tab-lt-mx-dy-se-pg, var(--_ctm-lt-mx-dy-se-pg, var(--_tst-lt-mx-dy-se-pg))));
2365
+
2366
+ background-color: var(--_ctm-mob-dn-te-wt-bd-cr,
2367
+ var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr))));
2368
+
2369
+ border-radius: var(--_ctm-mob-dn-te-wt-br-rs,
2370
+ var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs))));
2371
+
2372
+ box-shadow: var(--_show-shadow,
2373
+ var(--_ctm-mob-dn-te-wt-sw-ae,
2374
+ var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))) var(--_ctm-mob-dn-te-wt-sw-br,
2375
+ var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))) var(--_ctm-mob-dn-te-wt-sw-sd,
2376
+ var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))) var(--_ctm-mob-dn-te-wt-sw-cr,
2377
+ var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))));
3044
2378
 
3045
2379
  width: 100%;
3046
2380
 
3047
2381
  .table__container {
3048
- background-color: var(
3049
- --_ctm-mob-dn-te-bd-cr,
3050
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
3051
- );
2382
+ background-color: var(--_ctm-mob-dn-te-bd-cr,
2383
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr)));
3052
2384
 
3053
- border-radius: var(
3054
- --_ctm-mob-dn-te-br-rs,
3055
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
3056
- );
2385
+ border-radius: var(--_ctm-mob-dn-te-br-rs,
2386
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)));
3057
2387
 
3058
- box-shadow: var(
3059
- --_show-table-shadow,
3060
- var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
3061
- var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
3062
- var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
3063
- var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
3064
- );
2388
+ box-shadow: var(--_show-table-shadow,
2389
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae))) var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br))) var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd))) var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr))));
3065
2390
  }
3066
2391
 
3067
2392
  h3 {
@@ -3069,206 +2394,126 @@ $minWidth: 70px;
3069
2394
  width: 100%;
3070
2395
  margin-bottom: 10px;
3071
2396
  }
2397
+
3072
2398
  table {
3073
2399
  border-collapse: collapse;
3074
2400
  // border: none;
3075
2401
  width: 100%;
3076
2402
  // height: 100%;
3077
- text-align: var(
3078
- --_ctm-mob-lt-mx-dy-se-ct-at,
3079
- var(--_ctm-tab-lt-mx-dy-se-ct-at, var(--_ctm-lt-mx-dy-se-ct-at))
3080
- );
2403
+ text-align: var(--_ctm-mob-lt-mx-dy-se-ct-at,
2404
+ var(--_ctm-tab-lt-mx-dy-se-ct-at, var(--_ctm-lt-mx-dy-se-ct-at)));
3081
2405
  width: max-content;
3082
2406
  min-width: 100%;
3083
2407
  table-layout: auto;
2408
+
3084
2409
  th,
3085
2410
  td {
3086
2411
  border: none;
3087
2412
  }
2413
+
3088
2414
  thead {
3089
- background-color: var(
3090
- --_ctm-mob-dn-te-hr-bd-cr,
3091
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
3092
- );
2415
+ background-color: var(--_ctm-mob-dn-te-hr-bd-cr,
2416
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr)));
3093
2417
 
3094
2418
  .thead__row__divider {
3095
- height: var(
3096
- --_ctm-mob-lt-mx-dy-se-hr-ht,
3097
- var(--_ctm-tab-lt-mx-dy-se-hr-ht, var(--_ctm-lt-mx-dy-se-hr-ht))
3098
- );
2419
+ height: var(--_ctm-mob-lt-mx-dy-se-hr-ht,
2420
+ var(--_ctm-tab-lt-mx-dy-se-hr-ht, var(--_ctm-lt-mx-dy-se-hr-ht)));
3099
2421
 
3100
2422
  .th__col__divider {
3101
- padding: var(
3102
- --_ctm-mob-lt-mx-dy-se-hr-cl-pg,
3103
- var(--_ctm-tab-lt-mx-dy-se-hr-cl-pg, var(--_ctm-lt-mx-dy-se-hr-cl-pg))
3104
- );
3105
-
3106
- color: var(
3107
- --_ctm-mob-dn-hr-tt-cr,
3108
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
3109
- );
3110
-
3111
- font-family: var(
3112
- --_ctm-mob-dn-hr-tt-ft-fy,
3113
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
3114
- );
3115
- text-transform: var(
3116
- --_ctm-mob-dn-hr-tt-tt-tm,
3117
- var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
3118
- );
3119
- word-wrap: var(
3120
- --_ctm-mob-dn-hr-tt-wd-wp,
3121
- var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
3122
- );
3123
- word-break: var(
3124
- --_ctm-mob-dn-hr-tt-wd-bk,
3125
- var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
3126
- );
3127
-
3128
- font-size: var(
3129
- --_ctm-mob-dn-hr-tt-ft-se,
3130
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
3131
- );
3132
-
3133
- font-weight: var(
3134
- --_ctm-mob-dn-hr-tt-ft-wt,
3135
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
3136
- );
3137
-
3138
- text-decoration: var(
3139
- --_ctm-mob-dn-hr-tt-ue,
3140
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
3141
- );
3142
-
3143
- font-style: var(
3144
- --_ctm-mob-dn-hr-tt-ft-se-ic,
3145
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
3146
- );
3147
-
3148
- text-align: var(
3149
- --_ctm-mob-dn-hr-tt-tt-an,
3150
- var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
3151
- );
3152
-
3153
- letter-spacing: var(
3154
- --_ctm-mob-dn-hr-tt-lr-sg,
3155
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
3156
- );
3157
-
3158
- line-height: var(
3159
- --_ctm-mob-dn-hr-tt-le-ht,
3160
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
3161
- );
2423
+ padding: var(--_ctm-mob-lt-mx-dy-se-hr-cl-pg,
2424
+ var(--_ctm-tab-lt-mx-dy-se-hr-cl-pg, var(--_ctm-lt-mx-dy-se-hr-cl-pg)));
2425
+
2426
+ color: var(--_ctm-mob-dn-hr-tt-cr,
2427
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr)));
2428
+
2429
+ font-family: var(--_ctm-mob-dn-hr-tt-ft-fy,
2430
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy)));
2431
+ text-transform: var(--_ctm-mob-dn-hr-tt-tt-tm,
2432
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm)));
2433
+ word-wrap: var(--_ctm-mob-dn-hr-tt-wd-wp,
2434
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp)));
2435
+ word-break: var(--_ctm-mob-dn-hr-tt-wd-bk,
2436
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk)));
2437
+
2438
+ font-size: var(--_ctm-mob-dn-hr-tt-ft-se,
2439
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se)));
2440
+
2441
+ font-weight: var(--_ctm-mob-dn-hr-tt-ft-wt,
2442
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt)));
2443
+
2444
+ text-decoration: var(--_ctm-mob-dn-hr-tt-ue,
2445
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue)));
2446
+
2447
+ font-style: var(--_ctm-mob-dn-hr-tt-ft-se-ic,
2448
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic)));
2449
+
2450
+ text-align: var(--_ctm-mob-dn-hr-tt-tt-an,
2451
+ var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an)));
2452
+
2453
+ letter-spacing: var(--_ctm-mob-dn-hr-tt-lr-sg,
2454
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg)));
2455
+
2456
+ line-height: var(--_ctm-mob-dn-hr-tt-le-ht,
2457
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht)));
3162
2458
  }
3163
2459
  }
3164
2460
  }
2461
+
3165
2462
  tbody {
3166
2463
  .tbody__row__divider {
3167
- background-color: var(
3168
- --_ctm-mob-dn-te-rw-bd-cr,
3169
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
3170
- );
2464
+ background-color: var(--_ctm-mob-dn-te-rw-bd-cr,
2465
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr)));
3171
2466
 
3172
- height: var(
3173
- --_ctm-mob-lt-mx-dy-se-rw-ht,
3174
- var(--_ctm-tab-lt-mx-dy-se-rw-ht, var(--_ctm-lt-mx-dy-se-rw-ht))
3175
- );
2467
+ height: var(--_ctm-mob-lt-mx-dy-se-rw-ht,
2468
+ var(--_ctm-tab-lt-mx-dy-se-rw-ht, var(--_ctm-lt-mx-dy-se-rw-ht)));
3176
2469
 
3177
2470
  .td__col__divider {
3178
- padding: var(
3179
- --_ctm-mob-lt-mx-dy-se-rw-cl-pg,
3180
- var(--_ctm-tab-lt-mx-dy-se-rw-cl-pg, var(--_ctm-lt-mx-dy-se-rw-cl-pg))
3181
- );
3182
-
3183
- color: var(
3184
- --_sf-hr-fc,
3185
- var(
3186
- --_ctm-mob-dn-rw-tt-cr,
3187
- var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))
3188
- )
3189
- );
3190
-
3191
- font-family: var(
3192
- --_sf-hr-ff,
3193
- var(
3194
- --_ctm-mob-dn-rw-tt-ft-fy,
3195
- var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
3196
- )
3197
- );
3198
- text-transform: var(
3199
- --_sf-hr-tt-tm,
3200
- var(
3201
- --_ctm-mob-dn-rw-tt-tt-tm,
3202
- var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))
3203
- )
3204
- );
3205
- word-wrap: var(
3206
- --_sf-hr-wd-wp,
3207
- var(
3208
- --_ctm-mob-dn-rw-tt-wd-wp,
3209
- var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))
3210
- )
3211
- );
3212
- word-break: var(
3213
- --_sf-hr-wd-bk,
3214
- var(
3215
- --_ctm-mob-dn-rw-tt-wd-bk,
3216
- var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))
3217
- )
3218
- );
3219
-
3220
- font-size: var(
3221
- --_sf-hr-fs,
3222
- var(
3223
- --_ctm-mob-dn-rw-tt-ft-se,
3224
- var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
3225
- )
3226
- );
3227
-
3228
- text-decoration: var(
3229
- --_ctm-mob-dn-rw-tt-ue,
3230
- var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
3231
- );
3232
-
3233
- font-weight: var(
3234
- --_sf-hr-fw,
3235
- var(
3236
- --_ctm-mob-dn-rw-tt-ft-wt,
3237
- var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
3238
- )
3239
- );
3240
-
3241
- font-style: var(
3242
- --_sf-hr-ft,
3243
- var(
3244
- --_ctm-mob-dn-rw-tt-ft-se-ic,
3245
- var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
3246
- )
3247
- );
3248
-
3249
- text-align: var(
3250
- --_sf-hr-ta,
3251
- var(
3252
- --_ctm-mob-dn-rw-tt-tt-an,
3253
- var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
3254
- )
3255
- );
3256
-
3257
- letter-spacing: var(
3258
- --_sf-hr-ls,
3259
- var(
3260
- --_ctm-mob-dn-rw-tt-lr-sg,
3261
- var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
3262
- )
3263
- );
3264
-
3265
- line-height: var(
3266
- --_sf-hr-lh,
3267
- var(
3268
- --_ctm-mob-dn-rw-tt-le-ht,
3269
- var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
3270
- )
3271
- );
2471
+ padding: var(--_ctm-mob-lt-mx-dy-se-rw-cl-pg,
2472
+ var(--_ctm-tab-lt-mx-dy-se-rw-cl-pg, var(--_ctm-lt-mx-dy-se-rw-cl-pg)));
2473
+
2474
+ color: var(--_sf-hr-fc,
2475
+ var(--_ctm-mob-dn-rw-tt-cr,
2476
+ var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))));
2477
+
2478
+ font-family: var(--_sf-hr-ff,
2479
+ var(--_ctm-mob-dn-rw-tt-ft-fy,
2480
+ var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))));
2481
+ text-transform: var(--_sf-hr-tt-tm,
2482
+ var(--_ctm-mob-dn-rw-tt-tt-tm,
2483
+ var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))));
2484
+ word-wrap: var(--_sf-hr-wd-wp,
2485
+ var(--_ctm-mob-dn-rw-tt-wd-wp,
2486
+ var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))));
2487
+ word-break: var(--_sf-hr-wd-bk,
2488
+ var(--_ctm-mob-dn-rw-tt-wd-bk,
2489
+ var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))));
2490
+
2491
+ font-size: var(--_sf-hr-fs,
2492
+ var(--_ctm-mob-dn-rw-tt-ft-se,
2493
+ var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))));
2494
+
2495
+ text-decoration: var(--_ctm-mob-dn-rw-tt-ue,
2496
+ var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue)));
2497
+
2498
+ font-weight: var(--_sf-hr-fw,
2499
+ var(--_ctm-mob-dn-rw-tt-ft-wt,
2500
+ var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))));
2501
+
2502
+ font-style: var(--_sf-hr-ft,
2503
+ var(--_ctm-mob-dn-rw-tt-ft-se-ic,
2504
+ var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))));
2505
+
2506
+ text-align: var(--_sf-hr-ta,
2507
+ var(--_ctm-mob-dn-rw-tt-tt-an,
2508
+ var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))));
2509
+
2510
+ letter-spacing: var(--_sf-hr-ls,
2511
+ var(--_ctm-mob-dn-rw-tt-lr-sg,
2512
+ var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))));
2513
+
2514
+ line-height: var(--_sf-hr-lh,
2515
+ var(--_ctm-mob-dn-rw-tt-le-ht,
2516
+ var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))));
3272
2517
  }
3273
2518
  }
3274
2519
  }
@@ -3277,18 +2522,13 @@ $minWidth: 70px;
3277
2522
  .pagination {
3278
2523
  display: var(--_d-flex);
3279
2524
  align-items: var(--_align-center);
3280
- justify-content: var(
3281
- --_ctm-mob-lt-mx-dy-se-pn-at,
3282
- var(--_ctm-tab-lt-mx-dy-se-pn-at, var(--_ctm-lt-mx-dy-se-pn-at))
3283
- );
2525
+ justify-content: var(--_ctm-mob-lt-mx-dy-se-pn-at,
2526
+ var(--_ctm-tab-lt-mx-dy-se-pn-at, var(--_ctm-lt-mx-dy-se-pn-at)));
3284
2527
  margin-top: 10px;
3285
- background-color: var(
3286
- --_sf-bd-cr,
3287
- var(
3288
- --_ctm-mob-dn-pn-dt-se-bd-cr,
3289
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
3290
- )
3291
- );
2528
+ background-color: var(--_sf-bd-cr,
2529
+ var(--_ctm-mob-dn-pn-dt-se-bd-cr,
2530
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))));
2531
+
3292
2532
  &.pagination__center {
3293
2533
  justify-content: var(justify-center);
3294
2534
  }
@@ -3297,6 +2537,7 @@ $minWidth: 70px;
3297
2537
  svg {
3298
2538
  width: var(--_width-18);
3299
2539
  height: var(--_height-18);
2540
+
3300
2541
  path {
3301
2542
  stroke: var(--_gray-500);
3302
2543
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
@@ -3305,10 +2546,12 @@ $minWidth: 70px;
3305
2546
  }
3306
2547
  }
3307
2548
  }
2549
+
3308
2550
  span {
3309
2551
  float: left;
3310
2552
  padding: var(--_pd-8) var(--_pd-16);
3311
2553
  text-decoration: none;
2554
+
3312
2555
  span {
3313
2556
  // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
3314
2557
  // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
@@ -3320,6 +2563,7 @@ $minWidth: 70px;
3320
2563
  // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
3321
2564
  // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
3322
2565
  }
2566
+
3323
2567
  &.active:hover {
3324
2568
  &hover {
3325
2569
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
@@ -3335,261 +2579,159 @@ $minWidth: 70px;
3335
2579
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
3336
2580
  }
3337
2581
  }
2582
+
3338
2583
  &.active {
3339
- color: var(
3340
- --_sf-hr-fc,
3341
- var(
3342
- --_ctm-mob-dn-pn-dt-se-cr,
3343
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
3344
- )
3345
- );
3346
-
3347
- font-family: var(
3348
- --_sf-hr-ff,
3349
- var(
3350
- --_ctm-mob-dn-pn-dt-se-ft-fy,
3351
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
3352
- )
3353
- );
3354
- text-transform: var(
3355
- --_sf-hr-tt-tm,
3356
- var(
3357
- --_ctm-mob-dn-pn-dt-se-tt-tm,
3358
- var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
3359
- )
3360
- );
3361
- word-wrap: var(
3362
- --_sf-hr-wd-wp,
3363
- var(
3364
- --_ctm-mob-dn-pn-dt-se-wd-wp,
3365
- var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
3366
- )
3367
- );
3368
- word-break: var(
3369
- --_sf-hr-wd-bk,
3370
- var(
3371
- --_ctm-mob-dn-pn-dt-se-wd-bk,
3372
- var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
3373
- )
3374
- );
3375
-
3376
- font-size: var(
3377
- --_sf-hr-fs,
3378
- var(
3379
- --_ctm-mob-dn-pn-dt-se-ft-se,
3380
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
3381
- )
3382
- );
3383
-
3384
- text-decoration: var(
3385
- --_sf-hr-td,
3386
- var(
3387
- --_ctm-mob-dn-pn-dt-se-ue,
3388
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
3389
- )
3390
- );
3391
-
3392
- font-weight: var(
3393
- --_sf-hr-fw,
3394
- var(
3395
- --_ctm-mob-dn-pn-dt-se-ft-wt,
3396
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
3397
- )
3398
- );
3399
-
3400
- font-style: var(
3401
- --_sf-hr-ft,
3402
- var(
3403
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
3404
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
3405
- )
3406
- );
3407
-
3408
- text-align: var(
3409
- --_sf-hr-ta,
3410
- var(
3411
- --_ctm-mob-dn-pn-dt-se-tt-an,
3412
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
3413
- )
3414
- );
3415
-
3416
- letter-spacing: var(
3417
- --_sf-hr-ls,
3418
- var(
3419
- --_ctm-mob-dn-pn-dt-se-lr-sg,
3420
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
3421
- )
3422
- );
3423
-
3424
- line-height: var(
3425
- --_sf-hr-lh,
3426
- var(
3427
- --_ctm-mob-dn-pn-dt-se-le-ht,
3428
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
3429
- )
3430
- );
2584
+ color: var(--_sf-hr-fc,
2585
+ var(--_ctm-mob-dn-pn-dt-se-cr,
2586
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))));
2587
+
2588
+ font-family: var(--_sf-hr-ff,
2589
+ var(--_ctm-mob-dn-pn-dt-se-ft-fy,
2590
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))));
2591
+ text-transform: var(--_sf-hr-tt-tm,
2592
+ var(--_ctm-mob-dn-pn-dt-se-tt-tm,
2593
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))));
2594
+ word-wrap: var(--_sf-hr-wd-wp,
2595
+ var(--_ctm-mob-dn-pn-dt-se-wd-wp,
2596
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))));
2597
+ word-break: var(--_sf-hr-wd-bk,
2598
+ var(--_ctm-mob-dn-pn-dt-se-wd-bk,
2599
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))));
2600
+
2601
+ font-size: var(--_sf-hr-fs,
2602
+ var(--_ctm-mob-dn-pn-dt-se-ft-se,
2603
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))));
2604
+
2605
+ text-decoration: var(--_sf-hr-td,
2606
+ var(--_ctm-mob-dn-pn-dt-se-ue,
2607
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))));
2608
+
2609
+ font-weight: var(--_sf-hr-fw,
2610
+ var(--_ctm-mob-dn-pn-dt-se-ft-wt,
2611
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))));
2612
+
2613
+ font-style: var(--_sf-hr-ft,
2614
+ var(--_ctm-mob-dn-pn-dt-se-ft-se-ic,
2615
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))));
2616
+
2617
+ text-align: var(--_sf-hr-ta,
2618
+ var(--_ctm-mob-dn-pn-dt-se-tt-an,
2619
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))));
2620
+
2621
+ letter-spacing: var(--_sf-hr-ls,
2622
+ var(--_ctm-mob-dn-pn-dt-se-lr-sg,
2623
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))));
2624
+
2625
+ line-height: var(--_sf-hr-lh,
2626
+ var(--_ctm-mob-dn-pn-dt-se-le-ht,
2627
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))));
3431
2628
  }
3432
2629
  }
2630
+
3433
2631
  .pagination__arrows {
3434
- color: var(
3435
- --_sf-hr-fc,
3436
- var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
3437
- );
3438
-
3439
- font-size: var(
3440
- --_sf-hr-fs,
3441
- var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
3442
- );
2632
+ color: var(--_sf-hr-fc,
2633
+ var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1))));
2634
+
2635
+ font-size: var(--_sf-hr-fs,
2636
+ var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se))));
3443
2637
  }
3444
2638
  }
3445
2639
  }
2640
+
3446
2641
  .btn__with__text[data-btn-name="loadMore"] {
3447
2642
  &[data-show-shadow="false"] {
3448
2643
  --_show-shadow: none;
3449
2644
  }
2645
+
3450
2646
  &[data-icon-position="left"] {
3451
2647
  --_sf-fd-bn: row;
3452
2648
  }
2649
+
3453
2650
  &[data-icon-position="right"] {
3454
2651
  --_sf-fd-bn: row-reverse;
3455
2652
  }
2653
+
3456
2654
  &[data-icon-position="center"] {
3457
2655
  --_sf-fd-bn: row;
3458
2656
  }
3459
2657
 
3460
2658
  &:hover {
3461
- --_sf-hr-bd-cr: var(
3462
- --_ctm-mob-dn-ld-me-bn-hr-se-bd-cr,
3463
- var(--_ctm-tab-dn-ld-me-bn-hr-se-bd-cr, var(--_ctm-dn-ld-me-bn-hr-se-bd-cr))
3464
- );
3465
- --_sf-hr-br-cr: var(
3466
- --_ctm-mob-dn-ld-me-bn-hr-se-br-cr,
3467
- var(--_ctm-tab-dn-ld-me-bn-hr-se-br-cr, var(--_ctm-dn-ld-me-bn-hr-se-br-cr))
3468
- );
3469
- --_sf-hr-br-se: var(
3470
- --_ctm-mob-dn-ld-me-bn-hr-se-br-se,
3471
- var(--_ctm-tab-dn-ld-me-bn-hr-se-br-se, var(--_ctm-dn-ld-me-bn-hr-se-br-se))
3472
- );
3473
- --_sf-hr-br-wh: var(
3474
- --_ctm-mob-dn-ld-me-bn-hr-se-br-wh,
3475
- var(--_ctm-tab-dn-ld-me-bn-hr-se-br-wh, var(--_ctm-dn-ld-me-bn-hr-se-br-wh))
3476
- );
3477
- --_sf-hr-br-rs: var(
3478
- --_ctm-mob-dn-ld-me-bn-hr-se-br-rs,
3479
- var(--_ctm-tab-dn-ld-me-bn-hr-se-br-rs, var(--_ctm-dn-ld-me-bn-hr-se-br-rs))
3480
- );
3481
- --_sf-hr-at: var(
3482
- --_ctm-mob-dn-ld-me-bn-hr-se-at,
3483
- var(--_ctm-tab-dn-ld-me-bn-hr-se-at, var(--_ctm-dn-ld-me-bn-hr-se-at))
3484
- );
3485
- --_sf-hr-gp: var(
3486
- --_ctm-mob-dn-ld-me-bn-hr-se-gp,
3487
- var(--_ctm-tab-dn-ld-me-bn-hr-se-gp, var(--_ctm-dn-ld-me-bn-hr-se-gp))
3488
- );
2659
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-ld-me-bn-hr-se-bd-cr,
2660
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-bd-cr, var(--_ctm-dn-ld-me-bn-hr-se-bd-cr)));
2661
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-ld-me-bn-hr-se-br-cr,
2662
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-br-cr, var(--_ctm-dn-ld-me-bn-hr-se-br-cr)));
2663
+ --_sf-hr-br-se: var(--_ctm-mob-dn-ld-me-bn-hr-se-br-se,
2664
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-br-se, var(--_ctm-dn-ld-me-bn-hr-se-br-se)));
2665
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-ld-me-bn-hr-se-br-wh,
2666
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-br-wh, var(--_ctm-dn-ld-me-bn-hr-se-br-wh)));
2667
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-ld-me-bn-hr-se-br-rs,
2668
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-br-rs, var(--_ctm-dn-ld-me-bn-hr-se-br-rs)));
2669
+ --_sf-hr-at: var(--_ctm-mob-dn-ld-me-bn-hr-se-at,
2670
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-at, var(--_ctm-dn-ld-me-bn-hr-se-at)));
2671
+ --_sf-hr-gp: var(--_ctm-mob-dn-ld-me-bn-hr-se-gp,
2672
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-gp, var(--_ctm-dn-ld-me-bn-hr-se-gp)));
3489
2673
 
3490
2674
  // for shadow
3491
- --_sf-hr-sw-ae: var(
3492
- --_ctm-mob-dn-ld-me-bn-hr-se-sw-ae,
3493
- var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-ae, var(--_ctm-dn-ld-me-bn-hr-se-sw-ae))
3494
- );
3495
- --_sf-hr-sw-br: var(
3496
- --_ctm-mob-dn-ld-me-bn-hr-se-sw-br,
3497
- var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-br, var(--_ctm-dn-ld-me-bn-hr-se-sw-br))
3498
- );
3499
- --_sf-hr-sw-hr: var(
3500
- --_ctm-mob-dn-ld-me-bn-hr-se-sw-hr,
3501
- var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-hr, var(--_ctm-dn-ld-me-bn-hr-se-sw-hr))
3502
- );
3503
- --_sf-hr-sw-cr: var(
3504
- --_ctm-mob-dn-ld-me-bn-hr-se-sw-cr,
3505
- var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-cr, var(--_ctm-dn-ld-me-bn-hr-se-sw-cr))
3506
- );
2675
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-ld-me-bn-hr-se-sw-ae,
2676
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-ae, var(--_ctm-dn-ld-me-bn-hr-se-sw-ae)));
2677
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-ld-me-bn-hr-se-sw-br,
2678
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-br, var(--_ctm-dn-ld-me-bn-hr-se-sw-br)));
2679
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-ld-me-bn-hr-se-sw-hr,
2680
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-hr, var(--_ctm-dn-ld-me-bn-hr-se-sw-hr)));
2681
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-ld-me-bn-hr-se-sw-cr,
2682
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-sw-cr, var(--_ctm-dn-ld-me-bn-hr-se-sw-cr)));
3507
2683
 
3508
2684
  // for font
3509
2685
 
3510
- --_sf-hr-cr: var(
3511
- --_ctm-mob-dn-ld-me-bn-hr-se-cr,
3512
- var(--_ctm-tab-dn-ld-me-bn-hr-se-cr, var(--_ctm-dn-ld-me-bn-hr-se-cr))
3513
- );
3514
- --_sf-hr-ft-fy: var(
3515
- --_ctm-mob-dn-ld-me-bn-hr-se-ft-fy,
3516
- var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-fy, var(--_ctm-dn-ld-me-bn-hr-se-ft-fy))
3517
- );
3518
- --_sf-hr-tt-tm: var(
3519
- --_ctm-mob-dn-ld-me-bn-hr-se-tt-tm,
3520
- var(--_ctm-tab-dn-ld-me-bn-hr-se-tt-tm, var(--_ctm-dn-ld-me-bn-hr-se-tt-tm))
3521
- );
3522
- --_sf-hr-wd-wp: var(
3523
- --_ctm-mob-dn-ld-me-bn-hr-se-wd-wp,
3524
- var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-wp, var(--_ctm-dn-ld-me-bn-hr-se-wd-wp))
3525
- );
3526
- --_sf-hr-wd-bk: var(
3527
- --_ctm-mob-dn-ld-me-bn-hr-se-wd-bk,
3528
- var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-bk, var(--_ctm-dn-ld-me-bn-hr-se-wd-bk))
3529
- );
3530
- --_sf-hr-ft-se: var(
3531
- --_ctm-mob-dn-ld-me-bn-hr-se-ft-se,
3532
- var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-se, var(--_ctm-dn-ld-me-bn-hr-se-ft-se))
3533
- );
3534
- --_sf-hr-ft-wt: var(
3535
- --_ctm-mob-dn-ld-me-bn-hr-se-ft-wt,
3536
- var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-wt, var(--_ctm-dn-ld-me-bn-hr-se-ft-wt))
3537
- );
3538
- --_sf-hr-ft-se-ic: var(
3539
- --_ctm-mob-dn-ld-me-bn-hr-se-ft-se-ic,
3540
- var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-se-ic, var(--_ctm-dn-ld-me-bn-hr-se-ft-se-ic))
3541
- );
3542
- --_sf-hr-tt-an: var(
3543
- --_ctm-mob-dn-ld-me-bn-hr-se-tt-an,
3544
- var(--_ctm-tab-dn-ld-me-bn-hr-se-tt-an, var(--_ctm-dn-ld-me-bn-hr-se-tt-an))
3545
- );
3546
- --_sf-hr-lr-sg: var(
3547
- --_ctm-mob-dn-ld-me-bn-hr-se-lr-sg,
3548
- var(--_ctm-tab-dn-ld-me-bn-hr-se-lr-sg, var(--_ctm-dn-ld-me-bn-hr-se-lr-sg))
3549
- );
3550
- --_sf-hr-le-ht: var(
3551
- --_ctm-mob-dn-ld-me-bn-hr-se-le-ht,
3552
- var(--_ctm-tab-dn-ld-me-bn-hr-se-le-ht, var(--_ctm-dn-ld-me-bn-hr-se-le-ht))
3553
- );
3554
-
3555
- --_sf-hr-in-se: var(
3556
- --_ctm-mob-dn-ld-me-bn-hr-se-in-se,
3557
- var(--_ctm-tab-dn-ld-me-bn-hr-se-in-se, var(--_ctm-dn-ld-me-bn-hr-se-in-se))
3558
- );
3559
- --_sf-hr-in-se: var(
3560
- --_ctm-mob-dn-ld-me-bn-hr-se-in-se,
3561
- var(--_ctm-tab-dn-ld-me-bn-hr-se-in-se, var(--_ctm-dn-ld-me-bn-hr-se-in-se))
3562
- );
3563
- --_sf-hr-in-c1: var(
3564
- --_ctm-mob-dn-ld-me-bn-hr-se-in-c1,
3565
- var(--_ctm-tab-dn-ld-me-bn-hr-se-in-c1, var(--_ctm-dn-ld-me-bn-hr-se-in-c1))
3566
- );
3567
- --_sf-hr-ue: var(
3568
- --_ctm-mob-dn-ld-me-bn-hr-se-ue,
3569
- var(--_ctm-tab-dn-ld-me-bn-hr-se-ue, var(--_ctm-dn-ld-me-bn-hr-se-ue))
3570
- );
2686
+ --_sf-hr-cr: var(--_ctm-mob-dn-ld-me-bn-hr-se-cr,
2687
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-cr, var(--_ctm-dn-ld-me-bn-hr-se-cr)));
2688
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-ld-me-bn-hr-se-ft-fy,
2689
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-fy, var(--_ctm-dn-ld-me-bn-hr-se-ft-fy)));
2690
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-ld-me-bn-hr-se-tt-tm,
2691
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-tt-tm, var(--_ctm-dn-ld-me-bn-hr-se-tt-tm)));
2692
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-ld-me-bn-hr-se-wd-wp,
2693
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-wp, var(--_ctm-dn-ld-me-bn-hr-se-wd-wp)));
2694
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-ld-me-bn-hr-se-wd-bk,
2695
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-bk, var(--_ctm-dn-ld-me-bn-hr-se-wd-bk)));
2696
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-ld-me-bn-hr-se-ft-se,
2697
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-se, var(--_ctm-dn-ld-me-bn-hr-se-ft-se)));
2698
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-ld-me-bn-hr-se-ft-wt,
2699
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-wt, var(--_ctm-dn-ld-me-bn-hr-se-ft-wt)));
2700
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-ld-me-bn-hr-se-ft-se-ic,
2701
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-se-ic, var(--_ctm-dn-ld-me-bn-hr-se-ft-se-ic)));
2702
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-ld-me-bn-hr-se-tt-an,
2703
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-tt-an, var(--_ctm-dn-ld-me-bn-hr-se-tt-an)));
2704
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-ld-me-bn-hr-se-lr-sg,
2705
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-lr-sg, var(--_ctm-dn-ld-me-bn-hr-se-lr-sg)));
2706
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-ld-me-bn-hr-se-le-ht,
2707
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-le-ht, var(--_ctm-dn-ld-me-bn-hr-se-le-ht)));
2708
+
2709
+ --_sf-hr-in-se: var(--_ctm-mob-dn-ld-me-bn-hr-se-in-se,
2710
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-in-se, var(--_ctm-dn-ld-me-bn-hr-se-in-se)));
2711
+ --_sf-hr-in-se: var(--_ctm-mob-dn-ld-me-bn-hr-se-in-se,
2712
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-in-se, var(--_ctm-dn-ld-me-bn-hr-se-in-se)));
2713
+ --_sf-hr-in-c1: var(--_ctm-mob-dn-ld-me-bn-hr-se-in-c1,
2714
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-in-c1, var(--_ctm-dn-ld-me-bn-hr-se-in-c1)));
2715
+ --_sf-hr-ue: var(--_ctm-mob-dn-ld-me-bn-hr-se-ue,
2716
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ue, var(--_ctm-dn-ld-me-bn-hr-se-ue)));
3571
2717
 
3572
2718
  // for pading and width
3573
- --_sf-hr-pg: var(
3574
- --_ctm-mob-dn-ld-me-bn-hr-pg,
3575
- var(--_ctm-tab-dn-ld-me-bn-hr-pg, var(--_ctm-dn-ld-me-bn-hr-pg))
3576
- );
3577
- --_sf-hr-wh: var(
3578
- --_ctm-mob-dn-ld-me-bn-hr-wh,
3579
- var(--_ctm-tab-dn-ld-me-bn-hr-wh, var(--_ctm-dn-ld-me-bn-hr-wh))
3580
- );
2719
+ --_sf-hr-pg: var(--_ctm-mob-dn-ld-me-bn-hr-pg,
2720
+ var(--_ctm-tab-dn-ld-me-bn-hr-pg, var(--_ctm-dn-ld-me-bn-hr-pg)));
2721
+ --_sf-hr-wh: var(--_ctm-mob-dn-ld-me-bn-hr-wh,
2722
+ var(--_ctm-tab-dn-ld-me-bn-hr-wh, var(--_ctm-dn-ld-me-bn-hr-wh)));
3581
2723
 
3582
2724
  &[data-hover-show-shadow="false"] {
3583
2725
  --_hover-show-shadow: none;
3584
2726
  }
2727
+
3585
2728
  &[data-hover-show-icon="false"] {
3586
2729
  --_hover-show-icon: none;
3587
2730
  }
3588
2731
  }
3589
- background-color: var(
3590
- --_sf-hr-bd-cr,
3591
- prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-bd-cr)
3592
- );
2732
+
2733
+ background-color: var(--_sf-hr-bd-cr,
2734
+ prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-bd-cr));
3593
2735
 
3594
2736
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-pg));
3595
2737
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-wh));
@@ -3602,10 +2744,7 @@ $minWidth: 70px;
3602
2744
 
3603
2745
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-br-rs));
3604
2746
 
3605
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-ae))
3606
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-br))
3607
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-sd))
3608
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-cr));
2747
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-sw-cr));
3609
2748
 
3610
2749
  &[data-show-border="true"] {
3611
2750
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-br-cr));
@@ -3621,12 +2760,10 @@ $minWidth: 70px;
3621
2760
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-cr));
3622
2761
 
3623
2762
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-fy));
3624
- text-transform: var(
3625
- --_sf-hr-tt-tm,
3626
- prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-tt-tm)
3627
- );
2763
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-tt-tm));
3628
2764
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-wd-wp));
3629
2765
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-wd-bk));
2766
+
3630
2767
  &.flex__overflow {
3631
2768
  white-space: normal;
3632
2769
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -3636,17 +2773,13 @@ $minWidth: 70px;
3636
2773
 
3637
2774
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-wt));
3638
2775
 
3639
- font-style: var(
3640
- --_sf-hr-ft-se-ic,
3641
- prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-se-ic)
3642
- );
2776
+ font-style: var(--_sf-hr-ft-se-ic,
2777
+ prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-se-ic));
3643
2778
 
3644
2779
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-tt-an));
3645
2780
 
3646
- letter-spacing: var(
3647
- --_sf-hr-lr-sg,
3648
- prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-lr-sg)
3649
- );
2781
+ letter-spacing: var(--_sf-hr-lr-sg,
2782
+ prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-lr-sg));
3650
2783
 
3651
2784
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-le-ht));
3652
2785
 
@@ -3655,6 +2788,7 @@ $minWidth: 70px;
3655
2788
 
3656
2789
  .icon {
3657
2790
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2791
+
3658
2792
  svg {
3659
2793
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-in-se));
3660
2794
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-in-se));
@@ -3666,6 +2800,7 @@ $minWidth: 70px;
3666
2800
  }
3667
2801
  }
3668
2802
  }
2803
+
3669
2804
  [data-element-style="Text"] {
3670
2805
  display: inline-block;
3671
2806
  width: 100%;
@@ -3696,34 +2831,19 @@ $minWidth: 70px;
3696
2831
  width: var(--_ctm-mob-dn-it-wh, var(--_ctm-tab-dn-it-wh, var(--_ctm-dn-it-wh)));
3697
2832
  // height: 40px;
3698
2833
 
3699
- background-color: var(
3700
- --_ctm-mob-dn-it-wh,
3701
- var(--_ctm-tab-dn-it-bd-cr, var(--_ctm-dn-it-bd-cr))
3702
- );
3703
- box-shadow: var(
3704
- --_ctm-mob-dn-it-sw-ae,
3705
- var(--_ctm-tab-dn-it-sw-ae, var(--_ctm-dn-it-sw-ae))
3706
- )
3707
- var(--_ctm-mob-dn-it-sw-br, var(--_ctm-tab-dn-it-sw-br, var(--_ctm-dn-it-sw-br)))
3708
- var(--_ctm-mob-dn-it-sw-sd, var(--_ctm-tab-dn-it-sw-sd, var(--_ctm-dn-it-sw-sd)))
3709
- var(--_ctm-mob-dn-it-sw-cr, var(--_ctm-tab-dn-it-sw-cr, var(--_ctm-dn-it-sw-cr)));
3710
- border-radius: var(
3711
- --_ctm-mob-dn-it-br-rs,
3712
- var(--_ctm-tab-dn-it-br-rs, var(--_ctm-dn-it-br-rs))
3713
- );
3714
-
3715
- border-color: var(
3716
- --_ctm-mob-dn-it-br-cr,
3717
- var(--_ctm-tab-dn-it-br-cr, var(--_ctm-dn-it-br-cr))
3718
- );
3719
- border-style: var(
3720
- --_ctm-mob-dn-it-br-se,
3721
- var(--_ctm-tab-dn-it-br-se, var(--_ctm-dn-it-br-se))
3722
- );
3723
- border-width: var(
3724
- --_ctm-mob-dn-it-br-wh,
3725
- var(--_ctm-tab-dn-it-br-wh, var(--_ctm-dn-it-br-wh))
3726
- );
2834
+ background-color: var(--_ctm-mob-dn-it-wh,
2835
+ var(--_ctm-tab-dn-it-bd-cr, var(--_ctm-dn-it-bd-cr)));
2836
+ box-shadow: var(--_ctm-mob-dn-it-sw-ae,
2837
+ var(--_ctm-tab-dn-it-sw-ae, var(--_ctm-dn-it-sw-ae))) var(--_ctm-mob-dn-it-sw-br, var(--_ctm-tab-dn-it-sw-br, var(--_ctm-dn-it-sw-br))) var(--_ctm-mob-dn-it-sw-sd, var(--_ctm-tab-dn-it-sw-sd, var(--_ctm-dn-it-sw-sd))) var(--_ctm-mob-dn-it-sw-cr, var(--_ctm-tab-dn-it-sw-cr, var(--_ctm-dn-it-sw-cr)));
2838
+ border-radius: var(--_ctm-mob-dn-it-br-rs,
2839
+ var(--_ctm-tab-dn-it-br-rs, var(--_ctm-dn-it-br-rs)));
2840
+
2841
+ border-color: var(--_ctm-mob-dn-it-br-cr,
2842
+ var(--_ctm-tab-dn-it-br-cr, var(--_ctm-dn-it-br-cr)));
2843
+ border-style: var(--_ctm-mob-dn-it-br-se,
2844
+ var(--_ctm-tab-dn-it-br-se, var(--_ctm-dn-it-br-se)));
2845
+ border-width: var(--_ctm-mob-dn-it-br-wh,
2846
+ var(--_ctm-tab-dn-it-br-wh, var(--_ctm-dn-it-br-wh)));
3727
2847
 
3728
2848
  padding: prepareMediaVariable(--_ctm-dn-it-pg);
3729
2849
  // flex-grow: 1;
@@ -3731,52 +2851,31 @@ $minWidth: 70px;
3731
2851
 
3732
2852
  &::placeholder {
3733
2853
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
3734
- font-family: var(
3735
- --_ctm-mob-dn-pr-tt-ft-fy,
3736
- var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
3737
- );
3738
- text-transform: var(
3739
- --_ctm-mob-dn-pr-tt-tt-tm,
3740
- var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
3741
- );
3742
- word-wrap: var(
3743
- --_ctm-mob-dn-pr-tt-wd-wp,
3744
- var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
3745
- );
3746
- word-break: var(
3747
- --_ctm-mob-dn-pr-tt-wd-bk,
3748
- var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
3749
- );
3750
- font-size: var(
3751
- --_ctm-mob-dn-pr-tt-ft-se,
3752
- var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
3753
- );
3754
- font-weight: var(
3755
- --_ctm-mob-dn-pr-tt-ft-wt,
3756
- var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
3757
- );
3758
- font-style: var(
3759
- --_ctm-mob-dn-pr-tt-ft-se-ic,
3760
- var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
3761
- );
3762
- text-align: var(
3763
- --_ctm-mob-dn-pr-tt-tt-an,
3764
- var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
3765
- );
3766
- letter-spacing: var(
3767
- --_ctm-mob-dn-pr-tt-lr-sg,
3768
- var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
3769
- );
3770
- line-height: var(
3771
- --_ctm-mob-dn-pr-tt-le-ht,
3772
- var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
3773
- );
3774
- text-decoration: var(
3775
- --_ctm-mob-dn-pr-tt-ue,
3776
- var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
3777
- );
2854
+ font-family: var(--_ctm-mob-dn-pr-tt-ft-fy,
2855
+ var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy)));
2856
+ text-transform: var(--_ctm-mob-dn-pr-tt-tt-tm,
2857
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm)));
2858
+ word-wrap: var(--_ctm-mob-dn-pr-tt-wd-wp,
2859
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp)));
2860
+ word-break: var(--_ctm-mob-dn-pr-tt-wd-bk,
2861
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk)));
2862
+ font-size: var(--_ctm-mob-dn-pr-tt-ft-se,
2863
+ var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se)));
2864
+ font-weight: var(--_ctm-mob-dn-pr-tt-ft-wt,
2865
+ var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt)));
2866
+ font-style: var(--_ctm-mob-dn-pr-tt-ft-se-ic,
2867
+ var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic)));
2868
+ text-align: var(--_ctm-mob-dn-pr-tt-tt-an,
2869
+ var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an)));
2870
+ letter-spacing: var(--_ctm-mob-dn-pr-tt-lr-sg,
2871
+ var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg)));
2872
+ line-height: var(--_ctm-mob-dn-pr-tt-le-ht,
2873
+ var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht)));
2874
+ text-decoration: var(--_ctm-mob-dn-pr-tt-ue,
2875
+ var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue)));
3778
2876
  }
3779
2877
  }
2878
+
3780
2879
  .cross-line {
3781
2880
  position: absolute;
3782
2881
  inset: 0;
@@ -3801,4 +2900,4 @@ $minWidth: 70px;
3801
2900
  }
3802
2901
  }
3803
2902
  }
3804
- }
2903
+ }