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

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