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

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 (156) hide show
  1. package/dist/add-order.scss +2 -8
  2. package/dist/allocation-header-quota-details.scss +9 -4
  3. package/dist/allocationDetails.scss +167 -164
  4. package/dist/allocations-quota-details.scss +9 -4
  5. package/dist/allocations.scss +1 -4
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/builder.js +1 -1
  8. package/dist/builderLite.js +1 -1
  9. package/dist/bulk-variant-picker.scss +24 -26
  10. package/dist/bundle copy.scss +235 -0
  11. package/dist/bundle.scss +10 -10
  12. package/dist/bundleCategories.scss +301 -0
  13. package/dist/bundleDetails.scss +10 -1
  14. package/dist/button copy.scss +28 -0
  15. package/dist/buy-for-tabs-container-item.scss +80 -80
  16. package/dist/buyForHeaders.scss +3 -12
  17. package/dist/cart-details.scss +23 -4
  18. package/dist/cart-products-sidebar.scss +211 -211
  19. package/dist/cart-summary.scss +82 -10
  20. package/dist/cart-wrapper.scss +127 -127
  21. package/dist/cart.scss +2 -2
  22. package/dist/cartDropdownOverlay.scss +10 -1
  23. package/dist/cartGrouping.scss +89 -89
  24. package/dist/category-groups-product-grid.scss +143 -155
  25. package/dist/category-groups-product-image.scss +1372 -2010
  26. package/dist/category-groups-product-options.scss +680 -1054
  27. package/dist/category-groups-product-price.scss +2742 -4997
  28. package/dist/category-groups-quota-details.scss +7 -2
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/checkout.scss +1850 -4170
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirmationModal.scss +139 -139
  35. package/dist/coupon.scss +352 -714
  36. package/dist/custom-fonts.scss +100 -100
  37. package/dist/embroider-preview-element.scss +94 -94
  38. package/dist/emtpy-templates.scss +165 -165
  39. package/dist/faq.scss +7 -11
  40. package/dist/flex-text-editor.scss +271 -271
  41. package/dist/functions.scss +36 -0
  42. package/dist/gallery-slider-temp.scss +42 -5
  43. package/dist/hotspot.scss +1 -4
  44. package/dist/icon-list.scss +30 -59
  45. package/dist/image-for-product.scss +21 -21
  46. package/dist/image-temp.scss +18 -3
  47. package/dist/language-selector.scss +29 -21
  48. package/dist/last-x-orders.scss +6 -13
  49. package/dist/layouter-item.scss +3 -1
  50. package/dist/layouter.scss +164 -29
  51. package/dist/lightbox.scss +78 -78
  52. package/dist/line.scss +29 -70
  53. package/dist/loader.scss +37 -37
  54. package/dist/login.scss +49 -41
  55. package/dist/map.scss +23 -9
  56. package/dist/mega-menu.scss +1 -4
  57. package/dist/menu-item.scss +19 -19
  58. package/dist/myTemplates.scss +3 -0
  59. package/dist/order-processing.scss +61 -61
  60. package/dist/overflow-module.scss +63 -63
  61. package/dist/pickup-locations.scss +6 -3
  62. package/dist/position-module.scss +95 -95
  63. package/dist/prefix-list.scss +86 -86
  64. package/dist/product-actions.scss +6 -9
  65. package/dist/product-highlights.scss +40 -12
  66. package/dist/product-image-bundles.scss +12 -33
  67. package/dist/product-image.scss +341 -724
  68. package/dist/product-labels.scss +10 -8
  69. package/dist/product-options.scss +270 -125
  70. package/dist/product-price.scss +8 -2
  71. package/dist/productDetails.scss +2 -1
  72. package/dist/profile.scss +28 -0
  73. package/dist/quick-inventory-check.scss +6 -13
  74. package/dist/quick-links.scss +4 -0
  75. package/dist/quick-order-pad.scss +2 -2
  76. package/dist/quota-details.scss +11 -15
  77. package/dist/repeater copy.scss +24 -0
  78. package/dist/repeater-embla-controls.scss +13 -4
  79. package/dist/repeater.scss +161 -7
  80. package/dist/responsive-behaviour.scss +29 -29
  81. package/dist/scroll.scss +31 -1
  82. package/dist/shareCartSideBar.scss +254 -254
  83. package/dist/shipping-estimator.scss +41 -41
  84. package/dist/simple-list.scss +67 -0
  85. package/dist/social.scss +2 -2
  86. package/dist/sort.scss +89 -89
  87. package/dist/static-text.scss +52 -52
  88. package/dist/store-locations.scss +10 -8
  89. package/dist/sub-category.scss +74 -74
  90. package/dist/submit-quote.scss +275 -275
  91. package/dist/tab-container-item.scss +80 -80
  92. package/dist/tab-v2.scss +277 -604
  93. package/dist/table-common.scss +2 -2
  94. package/dist/table.scss +2 -2
  95. package/dist/text-temp-v2.scss +12 -23
  96. package/dist/text-temp.scss +109 -109
  97. package/dist/toggle-button.scss +32 -32
  98. package/dist/transform-properties-module.scss +20 -20
  99. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  100. package/dist/types/builder/enums/index.d.ts +1 -0
  101. package/dist/types/builder/index.d.ts +2 -1
  102. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  103. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  104. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  105. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  106. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  107. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  108. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  109. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  110. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  111. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  112. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  113. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1325 -74
  114. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  115. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  116. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  117. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  118. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  119. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  120. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  121. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  122. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  123. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  124. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  125. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  126. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  127. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  128. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  129. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  130. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  131. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  132. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  133. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  134. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  135. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  136. package/dist/types/builder/tools/element-edit/scroll.d.ts +8 -11
  137. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  138. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  139. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  140. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  141. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  142. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  143. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  144. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  145. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  146. package/dist/types/builder/tools/element-edit/userElements.d.ts +62 -22
  147. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  148. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  149. package/dist/uom-selector.scss +8 -2
  150. package/dist/user-elements.scss +133 -104
  151. package/dist/variant-picker.scss +1 -4
  152. package/dist/video.scss +147 -325
  153. package/dist/volume-pricing.scss +2 -2
  154. package/dist/website.js +1 -1
  155. package/dist/wishlist-overlay.scss +48 -48
  156. package/package.json +131 -131
package/dist/tab-v2.scss CHANGED
@@ -12,17 +12,10 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
12
12
 
13
13
  [data-div-type="element"] {
14
14
  &[data-element-type="tbs-v2"] {
15
- width: calc(
16
- 1% *
17
- var(
18
- --_ctm-mob-tbs-ele-nw-wh-vl,
19
- var(--_ctm-tab-tbs-ele-nw-wh-vl, var(--_ctm-tbs-ele-nw-wh-vl, auto))
20
- )
21
- );
22
- margin: var(
23
- --_ctm-mob-tbs-lt-mn,
24
- var(--_ctm-tab-tbs-lt-mn, var(--_ctm-tbs-lt-mn, var(--_ctm-lt-mn)))
25
- );
15
+ width: calc(1% * var(--_ctm-mob-tbs-ele-nw-wh-vl,
16
+ var(--_ctm-tab-tbs-ele-nw-wh-vl, var(--_ctm-tbs-ele-nw-wh-vl, auto))));
17
+ margin: var(--_ctm-mob-tbs-lt-mn,
18
+ var(--_ctm-tab-tbs-lt-mn, var(--_ctm-tbs-lt-mn, var(--_ctm-lt-mn))));
26
19
 
27
20
  &[data-hs-br-tc="false"] {
28
21
  --_hide-tbs-own-border: none;
@@ -32,15 +25,13 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
32
25
  --_hide-tbs-own-shadow: none;
33
26
  }
34
27
 
35
- & > div {
28
+ &>div {
36
29
  &.wrapper {
37
30
  width: 100%;
38
31
  padding: var(--_ctm-mob-tbs-lt-pg, var(--_ctm-tab-tbs-lt-pg, var(--_ctm-tbs-lt-pg)));
39
32
 
40
- background-color: var(
41
- --_ctm-mob-tbs-dn-tb-cr-bd-cr,
42
- var(--_ctm-tab-tbs-dn-tb-cr-bd-cr, var(--_ctm-tbs-dn-tb-cr-bd-cr))
43
- );
33
+ background-color: var(--_ctm-mob-tbs-dn-tb-cr-bd-cr,
34
+ var(--_ctm-tab-tbs-dn-tb-cr-bd-cr, var(--_ctm-tbs-dn-tb-cr-bd-cr)));
44
35
  // background-image: var(
45
36
  // --_ctm-mob-tbs-dn-bd-ie,
46
37
  // var(--_ctm-tab-tbs-dn-bd-ie, var(--_ctm-tbs-dn-bd-ie))
@@ -62,77 +53,44 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
62
53
  // var(--_ctm-tab-tbs-dn-bd-se, var(--_ctm-tbs-dn-bd-se))
63
54
  // );
64
55
 
65
- border-radius: var(
66
- --_ctm-mob-tbs-dn-tb-cr-br-rs,
67
- var(--_ctm-tab-tbs-dn-tb-cr-br-rs, var(--_ctm-tbs-dn-tb-cr-br-rs))
68
- );
69
- border-color: var(
70
- --_hide-tbs-own-border,
71
- var(
72
- --_ctm-mob-tbs-dn-tb-cr-br-cr,
73
- var(--_ctm-tab-tbs-dn-tb-cr-br-cr, var(--_ctm-tbs-dn-tb-cr-br-cr))
74
- )
75
- );
76
- border-style: var(
77
- --_hide-tbs-own-border,
78
- var(
79
- --_ctm-mob-tbs-dn-tb-cr-br-se,
80
- var(--_ctm-tab-tbs-dn-tb-cr-br-se, var(--_ctm-tbs-dn-tb-cr-br-se))
81
- )
82
- );
83
- border-width: var(
84
- --_hide-tbs-own-border,
85
- var(
86
- --_ctm-mob-tbs-dn-tb-cr-br-wh,
87
- var(--_ctm-tab-tbs-dn-tb-cr-br-wh, var(--_ctm-tbs-dn-tb-cr-br-wh))
88
- )
89
- );
90
- box-shadow: var(
91
- --_hide-tbs-own-shadow,
92
- var(
93
- --_ctm-mob-tbs-dn-tb-cr-sw-ae,
94
- var(--_ctm-tab-tbs-dn-tb-cr-sw-ae, var(--_ctm-tbs-dn-tb-cr-sw-ae))
95
- )
96
- var(
97
- --_ctm-mob-tbs-dn-tb-cr-sw-br,
98
- var(--_ctm-tab-tbs-dn-tb-cr-sw-br, var(--_ctm-tbs-dn-tb-cr-sw-br))
99
- )
100
- var(
101
- --_ctm-mob-tbs-dn-tb-cr-sw-sd,
102
- var(--_ctm-tab-tbs-dn-tb-cr-sw-sd, var(--_ctm-tbs-dn-tb-cr-sw-sd))
103
- )
104
- var(
105
- --_ctm-mob-tbs-dn-tb-cr-sw-cr,
106
- var(--_ctm-tab-tbs-dn-tb-cr-sw-cr, var(--_ctm-tbs-dn-tb-cr-sw-cr))
107
- )
108
- );
56
+ border-radius: var(--_ctm-mob-tbs-dn-tb-cr-br-rs,
57
+ var(--_ctm-tab-tbs-dn-tb-cr-br-rs, var(--_ctm-tbs-dn-tb-cr-br-rs)));
58
+ border-color: var(--_hide-tbs-own-border,
59
+ var(--_ctm-mob-tbs-dn-tb-cr-br-cr,
60
+ var(--_ctm-tab-tbs-dn-tb-cr-br-cr, var(--_ctm-tbs-dn-tb-cr-br-cr))));
61
+ border-style: var(--_hide-tbs-own-border,
62
+ var(--_ctm-mob-tbs-dn-tb-cr-br-se,
63
+ var(--_ctm-tab-tbs-dn-tb-cr-br-se, var(--_ctm-tbs-dn-tb-cr-br-se))));
64
+ border-width: var(--_hide-tbs-own-border,
65
+ var(--_ctm-mob-tbs-dn-tb-cr-br-wh,
66
+ var(--_ctm-tab-tbs-dn-tb-cr-br-wh, var(--_ctm-tbs-dn-tb-cr-br-wh))));
67
+ box-shadow: var(--_hide-tbs-own-shadow,
68
+ var(--_ctm-mob-tbs-dn-tb-cr-sw-ae,
69
+ var(--_ctm-tab-tbs-dn-tb-cr-sw-ae, var(--_ctm-tbs-dn-tb-cr-sw-ae))) var(--_ctm-mob-tbs-dn-tb-cr-sw-br,
70
+ var(--_ctm-tab-tbs-dn-tb-cr-sw-br, var(--_ctm-tbs-dn-tb-cr-sw-br))) var(--_ctm-mob-tbs-dn-tb-cr-sw-sd,
71
+ var(--_ctm-tab-tbs-dn-tb-cr-sw-sd, var(--_ctm-tbs-dn-tb-cr-sw-sd))) var(--_ctm-mob-tbs-dn-tb-cr-sw-cr,
72
+ var(--_ctm-tab-tbs-dn-tb-cr-sw-cr, var(--_ctm-tbs-dn-tb-cr-sw-cr))));
109
73
 
110
74
  display: var(--_d-flex) !important;
111
- min-height: var(
112
- --_ctm-mob-tbs-lt-ht,
113
- var(--_ctm-tab-tbs-lt-ht, var(--_ctm-tbs-lt-ht))
114
- ) !important;
75
+ min-height: var(--_ctm-mob-tbs-lt-ht,
76
+ var(--_ctm-tab-tbs-lt-ht, var(--_ctm-tbs-lt-ht))) !important;
115
77
  flex-direction: var(#{$sfKey}fd, column);
116
78
 
117
79
  &.hrz {
118
80
  #{$sfKey}fd: column;
119
81
  #{$sfKey}fd-header: row;
120
- #{$sfKey}fd-jst: var(
121
- --_ctm-mob-tbs-lt-jy-ct,
122
- var(--_ctm-tab-tbs-lt-jy-ct, var(--_ctm-tbs-lt-jy-ct))
123
- );
82
+ #{$sfKey}fd-jst: var(--_ctm-mob-tbs-lt-jy-ct,
83
+ var(--_ctm-tab-tbs-lt-jy-ct, var(--_ctm-tbs-lt-jy-ct)));
124
84
  }
125
85
 
126
86
  &.vtl {
127
87
  #{$sfKey}fd: row;
128
88
  #{$sfKey}fd-header: column;
129
- #{$sfKey}fd-algn: var(
130
- --_ctm-mob-tbs-lt-an-is,
131
- var(--_ctm-tab-tbs-lt-an-is, var(--_ctm-tbs-lt-an-is))
132
- );
89
+ #{$sfKey}fd-algn: var(--_ctm-mob-tbs-lt-an-is,
90
+ var(--_ctm-tab-tbs-lt-an-is, var(--_ctm-tbs-lt-an-is)));
133
91
  }
134
92
 
135
- & > div {
93
+ &>div {
136
94
  &.#{$tabHeader} {
137
95
  display: var(--_d-flex);
138
96
 
@@ -165,13 +123,13 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
165
123
  }
166
124
 
167
125
  &[data-dp-md="textOnly"] {
168
- & > .#{$tabHeaderWrapper} > button > span.icon {
126
+ &>.#{$tabHeaderWrapper}>button>span.icon {
169
127
  display: none;
170
128
  }
171
129
  }
172
130
 
173
131
  &[data-dp-md="iconOnly"] {
174
- & > .#{$tabHeaderWrapper} > button > span:not(.icon) {
132
+ &>.#{$tabHeaderWrapper}>button>span:not(.icon) {
175
133
  display: none;
176
134
  }
177
135
  }
@@ -181,22 +139,20 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
181
139
  }
182
140
 
183
141
  &[data-layout-alignment="horizontal"] {
184
- & > .#{$tabHeaderWrapper} > button {
142
+ &>.#{$tabHeaderWrapper}>button {
185
143
  flex-direction: row;
186
144
  }
187
145
  }
188
146
 
189
147
  &[data-layout-alignment="vertical"] {
190
- & > .#{$tabHeaderWrapper} > button {
148
+ &>.#{$tabHeaderWrapper}>button {
191
149
  flex-direction: column;
192
150
  }
193
151
  }
194
152
 
195
- & > .#{$tabHeaderWrapper} {
196
- --_sf-gap-vl: var(
197
- --_ctm-mob-tbs-lt-tb-sg,
198
- var(--_ctm-tab-tbs-lt-tb-sg, var(--_ctm-tbs-lt-tb-sg))
199
- );
153
+ &>.#{$tabHeaderWrapper} {
154
+ --_sf-gap-vl: var(--_ctm-mob-tbs-lt-tb-sg,
155
+ var(--_ctm-tab-tbs-lt-tb-sg, var(--_ctm-tbs-lt-tb-sg)));
200
156
  // width: 100%;
201
157
  width: prepareMediaVariable(--_ctm-tbs-dn-tb-cr-cr-wh, 100%);
202
158
  min-height: prepareMediaVariable(--_ctm-tbs-dn-tb-cr-cr-mn-ht, auto);
@@ -221,370 +177,185 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
221
177
  overflow-x: auto;
222
178
  scrollbar-width: none;
223
179
 
224
- & > button {
180
+ &>button {
225
181
  flex-shrink: 0;
226
182
  }
227
183
  }
228
184
  }
229
185
 
230
- & > button {
186
+ &>button {
231
187
  display: flex;
232
- padding-inline: var(
233
- --_ctm-mob-tbs-lt-hl-pg,
234
- var(--_ctm-tab-tbs-lt-hl-pg, var(--_ctm-tbs-lt-hl-pg))
235
- );
236
- padding-block: var(
237
- --_ctm-mob-tbs-lt-vl-pg,
238
- var(--_ctm-tab-tbs-lt-vl-pg, var(--_ctm-tbs-lt-vl-pg))
239
- );
240
- gap: var(
241
- --_sf-tbs-sd-in-gp,
242
- var(
243
- --_sf-tbs-hr-in-gp,
244
- var(
245
- --_ctm-mob-tbs-dn-ts-dt-se-in-gp,
246
- var(--_ctm-tab-tbs-dn-ts-dt-se-in-gp, var(--_ctm-tbs-dn-ts-dt-se-in-gp))
247
- )
248
- )
249
- );
250
- background-color: var(
251
- --_sf-tbs-sd-bg-cr,
252
- var(
253
- --_sf-tbs-hr-bg-cr,
254
- var(
255
- --_ctm-mob-tbs-dn-ts-dt-se-bd-cr,
256
- var(--_ctm-tab-tbs-dn-ts-dt-se-bd-cr, var(--_ctm-tbs-dn-ts-dt-se-bd-cr))
257
- )
258
- )
259
- );
260
-
261
- border-color: var(
262
- --_sf-tbs-sd-br-cr,
263
- var(
264
- --_sf-tbs-hr-br-cr,
265
- var(
266
- --_hide-btn-border,
267
- var(
268
- --_ctm-mob-tbs-dn-ts-dt-se-br-cr,
269
- var(--_ctm-tab-tbs-dn-ts-dt-se-br-cr, var(--_ctm-tbs-dn-ts-dt-se-br-cr))
270
- )
271
- )
272
- )
273
- );
274
- border-style: var(
275
- --_sf-tbs-sd-br-sty,
276
- var(
277
- --_sf-tbs-hr-br-sty,
278
- var(
279
- --_hide-btn-border,
280
- var(
281
- --_ctm-mob-tbs-dn-ts-dt-se-br-se,
282
- var(--_ctm-tab-tbs-dn-ts-dt-se-br-se, var(--_ctm-tbs-dn-ts-dt-se-br-se))
283
- )
284
- )
285
- )
286
- );
287
- border-width: var(
288
- --_sf-tbs-sd-br-wt,
289
- var(
290
- --_sf-tbs-hr-br-wt,
291
- var(
292
- --_hide-btn-border,
293
- var(
294
- --_ctm-mob-tbs-dn-ts-dt-se-br-wh,
295
- var(--_ctm-tab-tbs-dn-ts-dt-se-br-wh, var(--_ctm-tbs-dn-ts-dt-se-br-wh))
296
- )
297
- )
298
- )
299
- );
300
- border-radius: var(
301
- --_sf-tbs-sd-br-rs,
302
- var(
303
- --_sf-tbs-hr-br-rs,
304
- var(
305
- --_ctm-mob-tbs-dn-ts-dt-se-br-rs,
306
- var(--_ctm-tab-tbs-dn-ts-dt-se-br-rs, var(--_ctm-tbs-dn-ts-dt-se-br-rs))
307
- )
308
- )
309
- );
310
-
311
- box-shadow: var(
312
- --_sf-tbs-sd-bx-sw,
313
- var(
314
- --_sf-tbs-hr-bx-sw,
315
- var(
316
- --_hide-btn-shadow,
317
- prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-ae, 0 0)
318
- prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-br, 0)
319
- prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-sd, 0)
320
- prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-cr, transparent)
321
- )
322
- )
323
- );
188
+ padding-inline: var(--_ctm-mob-tbs-lt-hl-pg,
189
+ var(--_ctm-tab-tbs-lt-hl-pg, var(--_ctm-tbs-lt-hl-pg)));
190
+ padding-block: var(--_ctm-mob-tbs-lt-vl-pg,
191
+ var(--_ctm-tab-tbs-lt-vl-pg, var(--_ctm-tbs-lt-vl-pg)));
192
+ gap: var(--_sf-tbs-sd-in-gp,
193
+ var(--_sf-tbs-hr-in-gp,
194
+ var(--_ctm-mob-tbs-dn-ts-dt-se-in-gp,
195
+ var(--_ctm-tab-tbs-dn-ts-dt-se-in-gp, var(--_ctm-tbs-dn-ts-dt-se-in-gp)))));
196
+ background-color: var(--_sf-tbs-sd-bg-cr,
197
+ var(--_sf-tbs-hr-bg-cr,
198
+ var(--_ctm-mob-tbs-dn-ts-dt-se-bd-cr,
199
+ var(--_ctm-tab-tbs-dn-ts-dt-se-bd-cr, var(--_ctm-tbs-dn-ts-dt-se-bd-cr)))));
200
+
201
+ border-color: var(--_sf-tbs-sd-br-cr,
202
+ var(--_sf-tbs-hr-br-cr,
203
+ var(--_hide-btn-border,
204
+ var(--_ctm-mob-tbs-dn-ts-dt-se-br-cr,
205
+ var(--_ctm-tab-tbs-dn-ts-dt-se-br-cr, var(--_ctm-tbs-dn-ts-dt-se-br-cr))))));
206
+ border-style: var(--_sf-tbs-sd-br-sty,
207
+ var(--_sf-tbs-hr-br-sty,
208
+ var(--_hide-btn-border,
209
+ var(--_ctm-mob-tbs-dn-ts-dt-se-br-se,
210
+ var(--_ctm-tab-tbs-dn-ts-dt-se-br-se, var(--_ctm-tbs-dn-ts-dt-se-br-se))))));
211
+ border-width: var(--_sf-tbs-sd-br-wt,
212
+ var(--_sf-tbs-hr-br-wt,
213
+ var(--_hide-btn-border,
214
+ var(--_ctm-mob-tbs-dn-ts-dt-se-br-wh,
215
+ var(--_ctm-tab-tbs-dn-ts-dt-se-br-wh, var(--_ctm-tbs-dn-ts-dt-se-br-wh))))));
216
+ border-radius: var(--_sf-tbs-sd-br-rs,
217
+ var(--_sf-tbs-hr-br-rs,
218
+ var(--_ctm-mob-tbs-dn-ts-dt-se-br-rs,
219
+ var(--_ctm-tab-tbs-dn-ts-dt-se-br-rs, var(--_ctm-tbs-dn-ts-dt-se-br-rs)))));
220
+
221
+ box-shadow: var(--_sf-tbs-sd-bx-sw,
222
+ var(--_sf-tbs-hr-bx-sw,
223
+ var(--_hide-btn-shadow,
224
+ prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-ae, 0 0) prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-br, 0) prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-sd, 0) prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-cr, transparent))));
324
225
 
325
226
  &.active {
326
- --_sf-tbs-sd-bg-cr: var(
327
- --_ctm-mob-tbs-dn-ts-sd-se-bd-cr,
328
- var(--_ctm-tab-tbs-dn-ts-sd-se-bd-cr, var(--_ctm-tbs-dn-ts-sd-se-bd-cr))
329
- );
330
-
331
- --_sf-tbs-sd-br-cr: var(
332
- --_hide-btn-border-sd,
333
- var(
334
- --_ctm-mob-tbs-dn-ts-sd-se-br-cr,
335
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-cr, var(--_ctm-tbs-dn-ts-sd-se-br-cr))
336
- )
337
- );
338
- --_sf-tbs-sd-br-wt: var(
339
- --_hide-btn-border-sd,
340
- var(
341
- --_ctm-mob-tbs-dn-ts-sd-se-br-wh,
342
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-wh, var(--_ctm-tbs-dn-ts-sd-se-br-wh))
343
- )
344
- );
345
- --_sf-tbs-sd-br-sty: var(
346
- --_hide-btn-border-sd,
347
- var(
348
- --_ctm-mob-tbs-dn-ts-sd-se-br-se,
349
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-se, var(--_ctm-tbs-dn-ts-sd-se-br-se))
350
- )
351
- );
352
- --_sf-tbs-sd-br-rs: var(
353
- --_ctm-mob-tbs-dn-ts-sd-se-br-rs,
354
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-rs, var(--_ctm-tbs-dn-ts-sd-se-br-rs))
355
- );
356
- --_sf-tbs-sd-sw-ae: var(
357
- --_ctm-mob-tbs-dn-ts-sd-se-sw-ae,
358
- var(--_ctm-tab-tbs-dn-ts-sd-se-sw-ae, var(--_ctm-tbs-dn-ts-sd-se-sw-ae))
359
- );
360
- --_sf-tbs-sd-sw-cr: var(
361
- --_ctm-mob-tbs-dn-ts-sd-se-sw-cr,
362
- var(--_ctm-tab-tbs-dn-ts-sd-se-sw-cr, var(--_ctm-tbs-dn-ts-sd-se-sw-cr))
363
- );
364
- --_sf-tbs-sd-sw-sd: var(
365
- --_ctm-mob-tbs-dn-ts-sd-se-sw-sd,
366
- var(--_ctm-tab-tbs-dn-ts-sd-se-sw-sd, var(--_ctm-tbs-dn-ts-sd-se-sw-sd))
367
- );
368
- --_sf-tbs-sd-sw-br: var(
369
- --_ctm-mob-tbs-dn-ts-sd-se-sw-br,
370
- var(--_ctm-tab-tbs-dn-ts-sd-se-sw-br, var(--_ctm-tbs-dn-ts-sd-se-sw-br))
371
- );
372
- --_sf-tbs-sd-bx-sw: var(
373
- --_hide-btn-shadow-sd,
374
- var(--_sf-tbs-sd-sw-ae) var(--_sf-tbs-sd-sw-br) var(--_sf-tbs-sd-sw-sd)
375
- var(--_sf-tbs-sd-sw-cr)
376
- );
377
-
378
- --_sf-tbs-sd-ft-fy: var(
379
- --_ctm-mob-tbs-dn-ts-sd-se-ft-fy,
380
- var(--_ctm-tab-tbs-dn-ts-sd-se-ft-fy, var(--_ctm-tbs-dn-ts-sd-se-ft-fy))
381
- );
382
- --_sf-tbs-sd-tt-tm: var(
383
- --_ctm-mob-tbs-dn-ts-sd-se-tt-tm,
384
- var(--_ctm-tab-tbs-dn-ts-sd-se-tt-tm, var(--_ctm-tbs-dn-ts-sd-se-tt-tm))
385
- );
386
- --_sf-tbs-sd-wd-wp: var(
387
- --_ctm-mob-tbs-dn-ts-sd-se-wd-wp,
388
- var(--_ctm-tab-tbs-dn-ts-sd-se-wd-wp, var(--_ctm-tbs-dn-ts-sd-se-wd-wp))
389
- );
390
- --_sf-tbs-sd-wd-bk: var(
391
- --_ctm-mob-tbs-dn-ts-sd-se-wd-bk,
392
- var(--_ctm-tab-tbs-dn-ts-sd-se-wd-bk, var(--_ctm-tbs-dn-ts-sd-se-wd-bk))
393
- );
394
- --_sf-tbs-sd-ft-sz: var(
395
- --_ctm-mob-tbs-dn-ts-sd-se-ft-se,
396
- var(--_ctm-tab-tbs-dn-ts-sd-se-ft-se, var(--_ctm-tbs-dn-ts-sd-se-ft-se))
397
- );
398
- --_sf-tbs-sd-ft-cr: var(
399
- --_ctm-mob-tbs-dn-ts-sd-se-cr,
400
- var(--_ctm-tab-tbs-dn-ts-sd-se-cr, var(--_ctm-tbs-dn-ts-sd-se-cr))
401
- );
402
- --_sf-tbs-sd-ft-wt: var(
403
- --_ctm-mob-tbs-dn-ts-sd-se-ft-wt,
404
- var(--_ctm-tab-tbs-dn-ts-sd-se-ft-wt, var(--_ctm-tbs-dn-ts-sd-se-ft-wt))
405
- );
406
- --_sf-tbs-sd-ft-sty: var(
407
- --_ctm-mob-tbs-dn-ts-sd-se-ft-se-ic,
408
- var(--_ctm-tab-tbs-dn-ts-sd-se-ft-se-ic, var(--_ctm-tbs-dn-ts-sd-se-ft-se-ic))
409
- );
410
- --_sf-tbs-sd-ft-tdc: var(
411
- --_ctm-mob-tbs-dn-ts-sd-se-ue,
412
- var(--_ctm-tab-tbs-dn-ts-sd-se-ue, var(--_ctm-tbs-dn-ts-sd-se-ue))
413
- );
414
- --_sf-tbs-sd-ft-tln: var(
415
- --_ctm-mob-tbs-dn-ts-sd-se-tt-an,
416
- var(--_ctm-tab-tbs-dn-ts-sd-se-tt-an, var(--_ctm-tbs-dn-ts-sd-se-tt-an))
417
- );
418
- --_sf-tbs-sd-ft-lts: var(
419
- --_ctm-mob-tbs-dn-ts-sd-se-lr-sg,
420
- var(--_ctm-tab-tbs-dn-ts-sd-se-lr-sg, var(--_ctm-tbs-dn-ts-sd-se-lr-sg))
421
- );
422
- --_sf-tbs-sd-ft-lht: var(
423
- --_ctm-mob-tbs-dn-ts-sd-se-le-ht,
424
- var(--_ctm-tab-tbs-dn-ts-sd-se-le-ht, var(--_ctm-tbs-dn-ts-sd-se-le-ht))
425
- );
426
- --_sf-tbs-sd-ft-ttm: var(
427
- --_ctm-mob-tbs-dn-ts-sd-se-tt-tm,
428
- var(--_ctm-tab-tbs-dn-ts-sd-se-tt-tm, var(--_ctm-tbs-dn-ts-sd-se-tt-tm))
429
- );
430
- --_sf-tbs-sd-ft-wwr: var(
431
- --_ctm-mob-tbs-dn-ts-sd-se-wd-wr,
432
- var(--_ctm-tab-tbs-dn-ts-sd-se-wd-wr, var(--_ctm-tbs-dn-ts-sd-se-wd-wr))
433
- );
434
- --_sf-tbs-sd-ft-wbk: var(
435
- --_ctm-mob-tbs-dn-ts-sd-se-wd-bk,
436
- var(--_ctm-tab-tbs-dn-ts-sd-se-wd-bk, var(--_ctm-tbs-dn-ts-sd-se-wd-bk))
437
- );
438
-
439
- --_sf-tbs-sd-in-gp: var(
440
- --_ctm-mob-tbs-dn-ts-sd-se-in-gp,
441
- var(--_ctm-tab-tbs-dn-ts-sd-se-in-gp, var(--_ctm-tbs-dn-ts-sd-se-in-gp))
442
- );
443
- --_sf-tbs-sd-in-sz: var(
444
- --_ctm-mob-tbs-dn-ts-sd-se-in-se,
445
- var(--_ctm-tab-tbs-dn-ts-sd-se-in-se, var(--_ctm-tbs-dn-ts-sd-se-in-se))
446
- );
447
- --_sf-tbs-sd-in-cr: var(
448
- --_ctm-mob-tbs-dn-ts-sd-se-in-cr,
449
- var(--_ctm-tab-tbs-dn-ts-sd-se-in-cr, var(--_ctm-tbs-dn-ts-sd-se-in-cr))
450
- );
451
- --_sf-tbs-sd-in-al: var(
452
- --_ctm-mob-tbs-dn-ts-sd-se-vl-at,
453
- var(--_ctm-tab-tbs-dn-ts-sd-se-vl-at, var(--_ctm-tbs-dn-ts-sd-se-vl-at))
454
- );
227
+ --_sf-tbs-sd-bg-cr: var(--_ctm-mob-tbs-dn-ts-sd-se-bd-cr,
228
+ var(--_ctm-tab-tbs-dn-ts-sd-se-bd-cr, var(--_ctm-tbs-dn-ts-sd-se-bd-cr)));
229
+
230
+ --_sf-tbs-sd-br-cr: var(--_hide-btn-border-sd,
231
+ var(--_ctm-mob-tbs-dn-ts-sd-se-br-cr,
232
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-cr, var(--_ctm-tbs-dn-ts-sd-se-br-cr))));
233
+ --_sf-tbs-sd-br-wt: var(--_hide-btn-border-sd,
234
+ var(--_ctm-mob-tbs-dn-ts-sd-se-br-wh,
235
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-wh, var(--_ctm-tbs-dn-ts-sd-se-br-wh))));
236
+ --_sf-tbs-sd-br-sty: var(--_hide-btn-border-sd,
237
+ var(--_ctm-mob-tbs-dn-ts-sd-se-br-se,
238
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-se, var(--_ctm-tbs-dn-ts-sd-se-br-se))));
239
+ --_sf-tbs-sd-br-rs: var(--_ctm-mob-tbs-dn-ts-sd-se-br-rs,
240
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-rs, var(--_ctm-tbs-dn-ts-sd-se-br-rs)));
241
+ --_sf-tbs-sd-sw-ae: var(--_ctm-mob-tbs-dn-ts-sd-se-sw-ae,
242
+ var(--_ctm-tab-tbs-dn-ts-sd-se-sw-ae, var(--_ctm-tbs-dn-ts-sd-se-sw-ae)));
243
+ --_sf-tbs-sd-sw-cr: var(--_ctm-mob-tbs-dn-ts-sd-se-sw-cr,
244
+ var(--_ctm-tab-tbs-dn-ts-sd-se-sw-cr, var(--_ctm-tbs-dn-ts-sd-se-sw-cr)));
245
+ --_sf-tbs-sd-sw-sd: var(--_ctm-mob-tbs-dn-ts-sd-se-sw-sd,
246
+ var(--_ctm-tab-tbs-dn-ts-sd-se-sw-sd, var(--_ctm-tbs-dn-ts-sd-se-sw-sd)));
247
+ --_sf-tbs-sd-sw-br: var(--_ctm-mob-tbs-dn-ts-sd-se-sw-br,
248
+ var(--_ctm-tab-tbs-dn-ts-sd-se-sw-br, var(--_ctm-tbs-dn-ts-sd-se-sw-br)));
249
+ --_sf-tbs-sd-bx-sw: var(--_hide-btn-shadow-sd,
250
+ var(--_sf-tbs-sd-sw-ae) var(--_sf-tbs-sd-sw-br) var(--_sf-tbs-sd-sw-sd) var(--_sf-tbs-sd-sw-cr));
251
+
252
+ --_sf-tbs-sd-ft-fy: var(--_ctm-mob-tbs-dn-ts-sd-se-ft-fy,
253
+ var(--_ctm-tab-tbs-dn-ts-sd-se-ft-fy, var(--_ctm-tbs-dn-ts-sd-se-ft-fy)));
254
+ --_sf-tbs-sd-tt-tm: var(--_ctm-mob-tbs-dn-ts-sd-se-tt-tm,
255
+ var(--_ctm-tab-tbs-dn-ts-sd-se-tt-tm, var(--_ctm-tbs-dn-ts-sd-se-tt-tm)));
256
+ --_sf-tbs-sd-wd-wp: var(--_ctm-mob-tbs-dn-ts-sd-se-wd-wp,
257
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-wp, var(--_ctm-tbs-dn-ts-sd-se-wd-wp)));
258
+ --_sf-tbs-sd-wd-bk: var(--_ctm-mob-tbs-dn-ts-sd-se-wd-bk,
259
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-bk, var(--_ctm-tbs-dn-ts-sd-se-wd-bk)));
260
+ --_sf-tbs-sd-ft-sz: var(--_ctm-mob-tbs-dn-ts-sd-se-ft-se,
261
+ var(--_ctm-tab-tbs-dn-ts-sd-se-ft-se, var(--_ctm-tbs-dn-ts-sd-se-ft-se)));
262
+ --_sf-tbs-sd-ft-cr: var(--_ctm-mob-tbs-dn-ts-sd-se-cr,
263
+ var(--_ctm-tab-tbs-dn-ts-sd-se-cr, var(--_ctm-tbs-dn-ts-sd-se-cr)));
264
+ --_sf-tbs-sd-ft-wt: var(--_ctm-mob-tbs-dn-ts-sd-se-ft-wt,
265
+ var(--_ctm-tab-tbs-dn-ts-sd-se-ft-wt, var(--_ctm-tbs-dn-ts-sd-se-ft-wt)));
266
+ --_sf-tbs-sd-ft-sty: var(--_ctm-mob-tbs-dn-ts-sd-se-ft-se-ic,
267
+ var(--_ctm-tab-tbs-dn-ts-sd-se-ft-se-ic, var(--_ctm-tbs-dn-ts-sd-se-ft-se-ic)));
268
+ --_sf-tbs-sd-ft-tdc: var(--_ctm-mob-tbs-dn-ts-sd-se-ue,
269
+ var(--_ctm-tab-tbs-dn-ts-sd-se-ue, var(--_ctm-tbs-dn-ts-sd-se-ue)));
270
+ --_sf-tbs-sd-ft-tln: var(--_ctm-mob-tbs-dn-ts-sd-se-tt-an,
271
+ var(--_ctm-tab-tbs-dn-ts-sd-se-tt-an, var(--_ctm-tbs-dn-ts-sd-se-tt-an)));
272
+ --_sf-tbs-sd-ft-lts: var(--_ctm-mob-tbs-dn-ts-sd-se-lr-sg,
273
+ var(--_ctm-tab-tbs-dn-ts-sd-se-lr-sg, var(--_ctm-tbs-dn-ts-sd-se-lr-sg)));
274
+ --_sf-tbs-sd-ft-lht: var(--_ctm-mob-tbs-dn-ts-sd-se-le-ht,
275
+ var(--_ctm-tab-tbs-dn-ts-sd-se-le-ht, var(--_ctm-tbs-dn-ts-sd-se-le-ht)));
276
+ --_sf-tbs-sd-ft-ttm: var(--_ctm-mob-tbs-dn-ts-sd-se-tt-tm,
277
+ var(--_ctm-tab-tbs-dn-ts-sd-se-tt-tm, var(--_ctm-tbs-dn-ts-sd-se-tt-tm)));
278
+ --_sf-tbs-sd-ft-wwr: var(--_ctm-mob-tbs-dn-ts-sd-se-wd-wr,
279
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-wr, var(--_ctm-tbs-dn-ts-sd-se-wd-wr)));
280
+ --_sf-tbs-sd-ft-wbk: var(--_ctm-mob-tbs-dn-ts-sd-se-wd-bk,
281
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-bk, var(--_ctm-tbs-dn-ts-sd-se-wd-bk)));
282
+
283
+ --_sf-tbs-sd-in-gp: var(--_ctm-mob-tbs-dn-ts-sd-se-in-gp,
284
+ var(--_ctm-tab-tbs-dn-ts-sd-se-in-gp, var(--_ctm-tbs-dn-ts-sd-se-in-gp)));
285
+ --_sf-tbs-sd-in-sz: var(--_ctm-mob-tbs-dn-ts-sd-se-in-se,
286
+ var(--_ctm-tab-tbs-dn-ts-sd-se-in-se, var(--_ctm-tbs-dn-ts-sd-se-in-se)));
287
+ --_sf-tbs-sd-in-cr: var(--_ctm-mob-tbs-dn-ts-sd-se-in-cr,
288
+ var(--_ctm-tab-tbs-dn-ts-sd-se-in-cr, var(--_ctm-tbs-dn-ts-sd-se-in-cr)));
289
+ --_sf-tbs-sd-in-al: var(--_ctm-mob-tbs-dn-ts-sd-se-vl-at,
290
+ var(--_ctm-tab-tbs-dn-ts-sd-se-vl-at, var(--_ctm-tbs-dn-ts-sd-se-vl-at)));
455
291
  }
456
292
 
457
293
  &:not(.active) {
458
294
  &:hover {
459
- --_sf-tbs-hr-bg-cr: var(
460
- --_ctm-mob-tbs-dn-ts-hr-se-bd-cr,
461
- var(--_ctm-tab-tbs-dn-ts-hr-se-bd-cr, var(--_ctm-tbs-dn-ts-hr-se-bd-cr))
462
- );
463
-
464
- --_sf-tbs-hr-br-cr: var(
465
- --_hide-btn-border-hr,
466
- var(
467
- --_ctm-mob-tbs-dn-ts-hr-se-br-cr,
468
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-cr, var(--_ctm-tbs-dn-ts-hr-se-br-cr))
469
- )
470
- );
471
- --_sf-tbs-hr-br-wt: var(
472
- --_hide-btn-border-hr,
473
- var(
474
- --_ctm-mob-tbs-dn-ts-hr-se-br-wh,
475
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-wh, var(--_ctm-tbs-dn-ts-hr-se-br-wh))
476
- )
477
- );
478
- --_sf-tbs-hr-br-sty: var(
479
- --_hide-btn-border-hr,
480
- var(
481
- --_ctm-mob-tbs-dn-ts-hr-se-br-se,
482
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-se, var(--_ctm-tbs-dn-ts-hr-se-br-se))
483
- )
484
- );
485
- --_sf-tbs-hr-br-rs: var(
486
- --_ctm-mob-tbs-dn-ts-hr-se-br-rs,
487
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-rs, var(--_ctm-tbs-dn-ts-hr-se-br-rs))
488
- );
489
- --_sf-tbs-hr-sw-ae: var(
490
- --_ctm-mob-tbs-dn-ts-hr-se-sw-ae,
491
- var(--_ctm-tab-tbs-dn-ts-hr-se-sw-ae, var(--_ctm-tbs-dn-ts-hr-se-sw-ae))
492
- );
493
- --_sf-tbs-hr-sw-cr: var(
494
- --_ctm-mob-tbs-dn-ts-hr-se-sw-cr,
495
- var(--_ctm-tab-tbs-dn-ts-hr-se-sw-cr, var(--_ctm-tbs-dn-ts-hr-se-sw-cr))
496
- );
497
- --_sf-tbs-hr-sw-sd: var(
498
- --_ctm-mob-tbs-dn-ts-hr-se-sw-sd,
499
- var(--_ctm-tab-tbs-dn-ts-hr-se-sw-sd, var(--_ctm-tbs-dn-ts-hr-se-sw-sd))
500
- );
501
- --_sf-tbs-hr-sw-br: var(
502
- --_ctm-mob-tbs-dn-ts-hr-se-sw-br,
503
- var(--_ctm-tab-tbs-dn-ts-hr-se-sw-br, var(--_ctm-tbs-dn-ts-hr-se-sw-br))
504
- );
505
- --_sf-tbs-hr-bx-sw: var(
506
- --_hide-btn-shadow-hr,
507
- var(--_sf-tbs-hr-sw-ae) var(--_sf-tbs-hr-sw-br) var(--_sf-tbs-hr-sw-sd)
508
- var(--_sf-tbs-hr-sw-cr)
509
- );
510
-
511
- --_sf-tbs-hr-ft-fy: var(
512
- --_ctm-mob-tbs-dn-ts-hr-se-ft-fy,
513
- var(--_ctm-tab-tbs-dn-ts-hr-se-ft-fy, var(--_ctm-tbs-dn-ts-hr-se-ft-fy))
514
- );
515
- --_sf-tbs-hr-tt-tm: var(
516
- --_ctm-mob-tbs-dn-ts-hr-se-tt-tm,
517
- var(--_ctm-tab-tbs-dn-ts-hr-se-tt-tm, var(--_ctm-tbs-dn-ts-hr-se-tt-tm))
518
- );
519
- --_sf-tbs-hr-wd-wp: var(
520
- --_ctm-mob-tbs-dn-ts-hr-se-wd-wp,
521
- var(--_ctm-tab-tbs-dn-ts-hr-se-wd-wp, var(--_ctm-tbs-dn-ts-hr-se-wd-wp))
522
- );
523
- --_sf-tbs-hr-wd-bk: var(
524
- --_ctm-mob-tbs-dn-ts-hr-se-wd-bk,
525
- var(--_ctm-tab-tbs-dn-ts-hr-se-wd-bk, var(--_ctm-tbs-dn-ts-hr-se-wd-bk))
526
- );
527
- --_sf-tbs-hr-ft-sz: var(
528
- --_ctm-mob-tbs-dn-ts-hr-se-ft-se,
529
- var(--_ctm-tab-tbs-dn-ts-hr-se-ft-se, var(--_ctm-tbs-dn-ts-hr-se-ft-se))
530
- );
531
- --_sf-tbs-hr-ft-cr: var(
532
- --_ctm-mob-tbs-dn-ts-hr-se-cr,
533
- var(--_ctm-tab-tbs-dn-ts-hr-se-cr, var(--_ctm-tbs-dn-ts-hr-se-cr))
534
- );
535
- --_sf-tbs-hr-ft-wt: var(
536
- --_ctm-mob-tbs-dn-ts-hr-se-ft-wt,
537
- var(--_ctm-tab-tbs-dn-ts-hr-se-ft-wt, var(--_ctm-tbs-dn-ts-hr-se-ft-wt))
538
- );
539
- --_sf-tbs-hr-ft-sty: var(
540
- --_ctm-mob-tbs-dn-ts-hr-se-ft-se-ic,
541
- var(--_ctm-tab-tbs-dn-ts-hr-se-ft-se-ic, var(--_ctm-tbs-dn-ts-hr-se-ft-se-ic))
542
- );
543
- --_sf-tbs-hr-ft-tdc: var(
544
- --_ctm-mob-tbs-dn-ts-hr-se-ue,
545
- var(--_ctm-tab-tbs-dn-ts-hr-se-ue, var(--_ctm-tbs-dn-ts-hr-se-ue))
546
- );
547
- --_sf-tbs-hr-ft-tln: var(
548
- --_ctm-mob-tbs-dn-ts-hr-se-tt-an,
549
- var(--_ctm-tab-tbs-dn-ts-hr-se-tt-an, var(--_ctm-tbs-dn-ts-hr-se-tt-an))
550
- );
551
- --_sf-tbs-hr-ft-lts: var(
552
- --_ctm-mob-tbs-dn-ts-hr-se-lr-sg,
553
- var(--_ctm-tab-tbs-dn-ts-hr-se-lr-sg, var(--_ctm-tbs-dn-ts-hr-se-lr-sg))
554
- );
555
- --_sf-tbs-hr-ft-lht: var(
556
- --_ctm-mob-tbs-dn-ts-hr-se-le-ht,
557
- var(--_ctm-tab-tbs-dn-ts-hr-se-le-ht, var(--_ctm-tbs-dn-ts-hr-se-le-ht))
558
- );
559
- --_sf-tbs-hr-ft-ttm: var(
560
- --_ctm-mob-tbs-dn-ts-hr-se-tt-tm,
561
- var(--_ctm-tab-tbs-dn-ts-hr-se-tt-tm, var(--_ctm-tbs-dn-ts-hr-se-tt-tm))
562
- );
563
- --_sf-tbs-hr-ft-wwr: var(
564
- --_ctm-mob-tbs-dn-ts-hr-se-wd-wr,
565
- var(--_ctm-tab-tbs-dn-ts-hr-se-wd-wr, var(--_ctm-tbs-dn-ts-hr-se-wd-wr))
566
- );
567
- --_sf-tbs-hr-ft-wbk: var(
568
- --_ctm-mob-tbs-dn-ts-hr-se-wd-bk,
569
- var(--_ctm-tab-tbs-dn-ts-hr-se-wd-bk, var(--_ctm-tbs-dn-ts-hr-se-wd-bk))
570
- );
571
-
572
- --_sf-tbs-hr-in-gp: var(
573
- --_ctm-mob-tbs-dn-ts-hr-se-in-gp,
574
- var(--_ctm-tab-tbs-dn-ts-hr-se-in-gp, var(--_ctm-tbs-dn-ts-hr-se-in-gp))
575
- );
576
- --_sf-tbs-hr-in-sz: var(
577
- --_ctm-mob-tbs-dn-ts-hr-se-in-se,
578
- var(--_ctm-tab-tbs-dn-ts-hr-se-in-se, var(--_ctm-tbs-dn-ts-hr-se-in-se))
579
- );
580
- --_sf-tbs-hr-in-cr: var(
581
- --_ctm-mob-tbs-dn-ts-hr-se-in-c1,
582
- var(--_ctm-tab-tbs-dn-ts-hr-se-in-c1, var(--_ctm-tbs-dn-ts-hr-se-in-c1))
583
- );
584
- --_sf-tbs-hr-in-al: var(
585
- --_ctm-mob-tbs-dn-ts-hr-se-vl-at,
586
- var(--_ctm-tab-tbs-dn-ts-hr-se-vl-at, var(--_ctm-tbs-dn-ts-hr-se-vl-at))
587
- );
295
+ --_sf-tbs-hr-bg-cr: var(--_ctm-mob-tbs-dn-ts-hr-se-bd-cr,
296
+ var(--_ctm-tab-tbs-dn-ts-hr-se-bd-cr, var(--_ctm-tbs-dn-ts-hr-se-bd-cr)));
297
+
298
+ --_sf-tbs-hr-br-cr: var(--_hide-btn-border-hr,
299
+ var(--_ctm-mob-tbs-dn-ts-hr-se-br-cr,
300
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-cr, var(--_ctm-tbs-dn-ts-hr-se-br-cr))));
301
+ --_sf-tbs-hr-br-wt: var(--_hide-btn-border-hr,
302
+ var(--_ctm-mob-tbs-dn-ts-hr-se-br-wh,
303
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-wh, var(--_ctm-tbs-dn-ts-hr-se-br-wh))));
304
+ --_sf-tbs-hr-br-sty: var(--_hide-btn-border-hr,
305
+ var(--_ctm-mob-tbs-dn-ts-hr-se-br-se,
306
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-se, var(--_ctm-tbs-dn-ts-hr-se-br-se))));
307
+ --_sf-tbs-hr-br-rs: var(--_ctm-mob-tbs-dn-ts-hr-se-br-rs,
308
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-rs, var(--_ctm-tbs-dn-ts-hr-se-br-rs)));
309
+ --_sf-tbs-hr-sw-ae: var(--_ctm-mob-tbs-dn-ts-hr-se-sw-ae,
310
+ var(--_ctm-tab-tbs-dn-ts-hr-se-sw-ae, var(--_ctm-tbs-dn-ts-hr-se-sw-ae)));
311
+ --_sf-tbs-hr-sw-cr: var(--_ctm-mob-tbs-dn-ts-hr-se-sw-cr,
312
+ var(--_ctm-tab-tbs-dn-ts-hr-se-sw-cr, var(--_ctm-tbs-dn-ts-hr-se-sw-cr)));
313
+ --_sf-tbs-hr-sw-sd: var(--_ctm-mob-tbs-dn-ts-hr-se-sw-sd,
314
+ var(--_ctm-tab-tbs-dn-ts-hr-se-sw-sd, var(--_ctm-tbs-dn-ts-hr-se-sw-sd)));
315
+ --_sf-tbs-hr-sw-br: var(--_ctm-mob-tbs-dn-ts-hr-se-sw-br,
316
+ var(--_ctm-tab-tbs-dn-ts-hr-se-sw-br, var(--_ctm-tbs-dn-ts-hr-se-sw-br)));
317
+ --_sf-tbs-hr-bx-sw: var(--_hide-btn-shadow-hr,
318
+ var(--_sf-tbs-hr-sw-ae) var(--_sf-tbs-hr-sw-br) var(--_sf-tbs-hr-sw-sd) var(--_sf-tbs-hr-sw-cr));
319
+
320
+ --_sf-tbs-hr-ft-fy: var(--_ctm-mob-tbs-dn-ts-hr-se-ft-fy,
321
+ var(--_ctm-tab-tbs-dn-ts-hr-se-ft-fy, var(--_ctm-tbs-dn-ts-hr-se-ft-fy)));
322
+ --_sf-tbs-hr-tt-tm: var(--_ctm-mob-tbs-dn-ts-hr-se-tt-tm,
323
+ var(--_ctm-tab-tbs-dn-ts-hr-se-tt-tm, var(--_ctm-tbs-dn-ts-hr-se-tt-tm)));
324
+ --_sf-tbs-hr-wd-wp: var(--_ctm-mob-tbs-dn-ts-hr-se-wd-wp,
325
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-wp, var(--_ctm-tbs-dn-ts-hr-se-wd-wp)));
326
+ --_sf-tbs-hr-wd-bk: var(--_ctm-mob-tbs-dn-ts-hr-se-wd-bk,
327
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-bk, var(--_ctm-tbs-dn-ts-hr-se-wd-bk)));
328
+ --_sf-tbs-hr-ft-sz: var(--_ctm-mob-tbs-dn-ts-hr-se-ft-se,
329
+ var(--_ctm-tab-tbs-dn-ts-hr-se-ft-se, var(--_ctm-tbs-dn-ts-hr-se-ft-se)));
330
+ --_sf-tbs-hr-ft-cr: var(--_ctm-mob-tbs-dn-ts-hr-se-cr,
331
+ var(--_ctm-tab-tbs-dn-ts-hr-se-cr, var(--_ctm-tbs-dn-ts-hr-se-cr)));
332
+ --_sf-tbs-hr-ft-wt: var(--_ctm-mob-tbs-dn-ts-hr-se-ft-wt,
333
+ var(--_ctm-tab-tbs-dn-ts-hr-se-ft-wt, var(--_ctm-tbs-dn-ts-hr-se-ft-wt)));
334
+ --_sf-tbs-hr-ft-sty: var(--_ctm-mob-tbs-dn-ts-hr-se-ft-se-ic,
335
+ var(--_ctm-tab-tbs-dn-ts-hr-se-ft-se-ic, var(--_ctm-tbs-dn-ts-hr-se-ft-se-ic)));
336
+ --_sf-tbs-hr-ft-tdc: var(--_ctm-mob-tbs-dn-ts-hr-se-ue,
337
+ var(--_ctm-tab-tbs-dn-ts-hr-se-ue, var(--_ctm-tbs-dn-ts-hr-se-ue)));
338
+ --_sf-tbs-hr-ft-tln: var(--_ctm-mob-tbs-dn-ts-hr-se-tt-an,
339
+ var(--_ctm-tab-tbs-dn-ts-hr-se-tt-an, var(--_ctm-tbs-dn-ts-hr-se-tt-an)));
340
+ --_sf-tbs-hr-ft-lts: var(--_ctm-mob-tbs-dn-ts-hr-se-lr-sg,
341
+ var(--_ctm-tab-tbs-dn-ts-hr-se-lr-sg, var(--_ctm-tbs-dn-ts-hr-se-lr-sg)));
342
+ --_sf-tbs-hr-ft-lht: var(--_ctm-mob-tbs-dn-ts-hr-se-le-ht,
343
+ var(--_ctm-tab-tbs-dn-ts-hr-se-le-ht, var(--_ctm-tbs-dn-ts-hr-se-le-ht)));
344
+ --_sf-tbs-hr-ft-ttm: var(--_ctm-mob-tbs-dn-ts-hr-se-tt-tm,
345
+ var(--_ctm-tab-tbs-dn-ts-hr-se-tt-tm, var(--_ctm-tbs-dn-ts-hr-se-tt-tm)));
346
+ --_sf-tbs-hr-ft-wwr: var(--_ctm-mob-tbs-dn-ts-hr-se-wd-wr,
347
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-wr, var(--_ctm-tbs-dn-ts-hr-se-wd-wr)));
348
+ --_sf-tbs-hr-ft-wbk: var(--_ctm-mob-tbs-dn-ts-hr-se-wd-bk,
349
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-bk, var(--_ctm-tbs-dn-ts-hr-se-wd-bk)));
350
+
351
+ --_sf-tbs-hr-in-gp: var(--_ctm-mob-tbs-dn-ts-hr-se-in-gp,
352
+ var(--_ctm-tab-tbs-dn-ts-hr-se-in-gp, var(--_ctm-tbs-dn-ts-hr-se-in-gp)));
353
+ --_sf-tbs-hr-in-sz: var(--_ctm-mob-tbs-dn-ts-hr-se-in-se,
354
+ var(--_ctm-tab-tbs-dn-ts-hr-se-in-se, var(--_ctm-tbs-dn-ts-hr-se-in-se)));
355
+ --_sf-tbs-hr-in-cr: var(--_ctm-mob-tbs-dn-ts-hr-se-in-c1,
356
+ var(--_ctm-tab-tbs-dn-ts-hr-se-in-c1, var(--_ctm-tbs-dn-ts-hr-se-in-c1)));
357
+ --_sf-tbs-hr-in-al: var(--_ctm-mob-tbs-dn-ts-hr-se-vl-at,
358
+ var(--_ctm-tab-tbs-dn-ts-hr-se-vl-at, var(--_ctm-tbs-dn-ts-hr-se-vl-at)));
588
359
  }
589
360
  }
590
361
 
@@ -597,7 +368,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
597
368
  }
598
369
  }
599
370
 
600
- &:has(> span#{$overflowSelector}) {
371
+ &:has(>span#{$overflowSelector}) {
601
372
  min-width: 0;
602
373
 
603
374
  &:is(.hrz *) {
@@ -613,7 +384,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
613
384
  width: 100%;
614
385
  }
615
386
 
616
- & > span {
387
+ &>span {
617
388
  // display: var(--_d-flex);
618
389
  width: 100%;
619
390
 
@@ -624,129 +395,55 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
624
395
  overflow-wrap: var(--_sf-tbs-wd-wr, anywhere);
625
396
  }
626
397
 
627
- font-family: var(
628
- --_sf-tbs-sd-ft-fy,
629
- var(
630
- --_sf-tbs-hr-ft-fy,
631
- var(
632
- --_ctm-mob-tbs-dn-ts-dt-se-ft-fy,
633
- var(--_ctm-tab-tbs-dn-ts-dt-se-ft-fy, var(--_ctm-tbs-dn-ts-dt-se-ft-fy))
634
- )
635
- )
636
- );
637
- font-size: var(
638
- --_sf-tbs-sd-ft-sz,
639
- var(
640
- --_sf-tbs-hr-ft-sz,
641
- var(
642
- --_ctm-mob-tbs-dn-ts-dt-se-ft-se,
643
- var(--_ctm-tab-tbs-dn-ts-dt-se-ft-se, var(--_ctm-tbs-dn-ts-dt-se-ft-se))
644
- )
645
- )
646
- );
647
- color: var(
648
- --_sf-tbs-sd-ft-cr,
649
- var(
650
- --_sf-tbs-hr-ft-cr,
651
- var(
652
- --_ctm-mob-tbs-dn-ts-dt-se-cr,
653
- var(--_ctm-tab-tbs-dn-ts-dt-se-cr, var(--_ctm-tbs-dn-ts-dt-se-cr))
654
- )
655
- )
656
- );
657
- font-weight: var(
658
- --_sf-tbs-sd-ft-wt,
659
- var(
660
- --_sf-tbs-hr-ft-wt,
661
- var(
662
- --_ctm-mob-tbs-dn-ts-dt-se-ft-wt,
663
- var(--_ctm-tab-tbs-dn-ts-dt-se-ft-wt, var(--_ctm-tbs-dn-ts-dt-se-ft-wt))
664
- )
665
- )
666
- );
667
- font-style: var(
668
- --_sf-tbs-sd-ft-sty,
669
- var(
670
- --_sf-tbs-hr-ft-sty,
671
- var(
672
- --_ctm-mob-tbs-dn-ts-dt-se-ft-se-ic,
673
- var(
674
- --_ctm-tab-tbs-dn-ts-dt-se-ft-se-ic,
675
- var(--_ctm-tbs-dn-ts-dt-se-ft-se-ic, normal)
676
- )
677
- )
678
- )
679
- );
680
- text-decoration: var(
681
- --_sf-tbs-sd-ft-tdc,
682
- var(
683
- --_sf-tbs-hr-ft-tdc,
684
- var(
685
- --_ctm-mob-tbs-dn-ts-dt-se-ue,
686
- var(--_ctm-tab-tbs-dn-ts-dt-se-ue, var(--_ctm-tbs-dn-ts-dt-se-ue))
687
- )
688
- )
689
- );
690
- text-align: var(
691
- --_sf-tbs-sd-ft-tln,
692
- var(
693
- --_sf-tbs-hr-ft-tln,
694
- var(
695
- --_ctm-mob-tbs-dn-ts-dt-se-tt-an,
696
- var(--_ctm-tab-tbs-dn-ts-dt-se-tt-an, var(--_ctm-tbs-dn-ts-dt-se-tt-an))
697
- )
698
- )
699
- );
700
- letter-spacing: var(
701
- --_sf-tbs-sd-ft-lts,
702
- var(
703
- --_sf-tbs-hr-ft-lts,
704
- var(
705
- --_ctm-mob-tbs-dn-ts-dt-se-lr-sg,
706
- var(--_ctm-tab-tbs-dn-ts-dt-se-lr-sg, var(--_ctm-tbs-dn-ts-dt-se-lr-sg))
707
- )
708
- )
709
- );
710
- line-height: var(
711
- --_sf-tbs-sd-ft-lht,
712
- var(
713
- --_sf-tbs-hr-ft-lht,
714
- var(
715
- --_ctm-mob-tbs-dn-ts-dt-se-le-ht,
716
- var(--_ctm-tab-tbs-dn-ts-dt-se-le-ht, var(--_ctm-tbs-dn-ts-dt-se-le-ht))
717
- )
718
- )
719
- );
720
- text-transform: var(
721
- --_sf-tbs-sd-ft-ttm,
722
- var(
723
- --_sf-tbs-hr-ft-ttm,
724
- var(
725
- --_ctm-mob-tbs-dn-ts-dt-se-tt-tm,
726
- var(--_ctm-tab-tbs-dn-ts-dt-se-tt-tm, var(--_ctm-tbs-dn-ts-dt-se-tt-tm))
727
- )
728
- )
729
- );
730
- word-break: var(
731
- --_sf-tbs-sd-ft-wbk,
732
- var(
733
- --_sf-tbs-hr-ft-wbk,
734
- var(
735
- --_ctm-mob-tbs-dn-ts-dt-se-wd-bk,
736
- var(--_ctm-tab-tbs-dn-ts-dt-se-wd-bk, var(--_ctm-tbs-dn-ts-dt-se-wd-bk))
737
- )
738
- )
739
- );
740
- --_sf-tbs-wd-wr: var(
741
- --_sf-tbs-sd-ft-wwr,
742
- var(
743
- --_sf-tbs-hr-ft-wwr,
744
- var(
745
- --_ctm-mob-tbs-dn-ts-dt-se-wd-wr,
746
- var(--_ctm-tab-tbs-dn-ts-dt-se-wd-wr, var(--_ctm-tbs-dn-ts-dt-se-wd-wr))
747
- )
748
- )
749
- );
398
+ font-family: var(--_sf-tbs-sd-ft-fy,
399
+ var(--_sf-tbs-hr-ft-fy,
400
+ var(--_ctm-mob-tbs-dn-ts-dt-se-ft-fy,
401
+ var(--_ctm-tab-tbs-dn-ts-dt-se-ft-fy, var(--_ctm-tbs-dn-ts-dt-se-ft-fy)))));
402
+ font-size: var(--_sf-tbs-sd-ft-sz,
403
+ var(--_sf-tbs-hr-ft-sz,
404
+ var(--_ctm-mob-tbs-dn-ts-dt-se-ft-se,
405
+ var(--_ctm-tab-tbs-dn-ts-dt-se-ft-se, var(--_ctm-tbs-dn-ts-dt-se-ft-se)))));
406
+ color: var(--_sf-tbs-sd-ft-cr,
407
+ var(--_sf-tbs-hr-ft-cr,
408
+ var(--_ctm-mob-tbs-dn-ts-dt-se-cr,
409
+ var(--_ctm-tab-tbs-dn-ts-dt-se-cr, var(--_ctm-tbs-dn-ts-dt-se-cr)))));
410
+ font-weight: var(--_sf-tbs-sd-ft-wt,
411
+ var(--_sf-tbs-hr-ft-wt,
412
+ var(--_ctm-mob-tbs-dn-ts-dt-se-ft-wt,
413
+ var(--_ctm-tab-tbs-dn-ts-dt-se-ft-wt, var(--_ctm-tbs-dn-ts-dt-se-ft-wt)))));
414
+ font-style: var(--_sf-tbs-sd-ft-sty,
415
+ var(--_sf-tbs-hr-ft-sty,
416
+ var(--_ctm-mob-tbs-dn-ts-dt-se-ft-se-ic,
417
+ var(--_ctm-tab-tbs-dn-ts-dt-se-ft-se-ic,
418
+ var(--_ctm-tbs-dn-ts-dt-se-ft-se-ic, normal)))));
419
+ text-decoration: var(--_sf-tbs-sd-ft-tdc,
420
+ var(--_sf-tbs-hr-ft-tdc,
421
+ var(--_ctm-mob-tbs-dn-ts-dt-se-ue,
422
+ var(--_ctm-tab-tbs-dn-ts-dt-se-ue, var(--_ctm-tbs-dn-ts-dt-se-ue)))));
423
+ text-align: var(--_sf-tbs-sd-ft-tln,
424
+ var(--_sf-tbs-hr-ft-tln,
425
+ var(--_ctm-mob-tbs-dn-ts-dt-se-tt-an,
426
+ var(--_ctm-tab-tbs-dn-ts-dt-se-tt-an, var(--_ctm-tbs-dn-ts-dt-se-tt-an)))));
427
+ letter-spacing: var(--_sf-tbs-sd-ft-lts,
428
+ var(--_sf-tbs-hr-ft-lts,
429
+ var(--_ctm-mob-tbs-dn-ts-dt-se-lr-sg,
430
+ var(--_ctm-tab-tbs-dn-ts-dt-se-lr-sg, var(--_ctm-tbs-dn-ts-dt-se-lr-sg)))));
431
+ line-height: var(--_sf-tbs-sd-ft-lht,
432
+ var(--_sf-tbs-hr-ft-lht,
433
+ var(--_ctm-mob-tbs-dn-ts-dt-se-le-ht,
434
+ var(--_ctm-tab-tbs-dn-ts-dt-se-le-ht, var(--_ctm-tbs-dn-ts-dt-se-le-ht)))));
435
+ text-transform: var(--_sf-tbs-sd-ft-ttm,
436
+ var(--_sf-tbs-hr-ft-ttm,
437
+ var(--_ctm-mob-tbs-dn-ts-dt-se-tt-tm,
438
+ var(--_ctm-tab-tbs-dn-ts-dt-se-tt-tm, var(--_ctm-tbs-dn-ts-dt-se-tt-tm)))));
439
+ word-break: var(--_sf-tbs-sd-ft-wbk,
440
+ var(--_sf-tbs-hr-ft-wbk,
441
+ var(--_ctm-mob-tbs-dn-ts-dt-se-wd-bk,
442
+ var(--_ctm-tab-tbs-dn-ts-dt-se-wd-bk, var(--_ctm-tbs-dn-ts-dt-se-wd-bk)))));
443
+ --_sf-tbs-wd-wr: var(--_sf-tbs-sd-ft-wwr,
444
+ var(--_sf-tbs-hr-ft-wwr,
445
+ var(--_ctm-mob-tbs-dn-ts-dt-se-wd-wr,
446
+ var(--_ctm-tab-tbs-dn-ts-dt-se-wd-wr, var(--_ctm-tbs-dn-ts-dt-se-wd-wr)))));
750
447
  word-wrap: var(--_sf-tbs-wd-wr);
751
448
 
752
449
  white-space: nowrap;
@@ -759,54 +456,30 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
759
456
  }
760
457
  }
761
458
 
762
- & > span.icon {
459
+ &>span.icon {
763
460
  display: var(--_hide-tbs-icon, var(--_d-flex));
764
461
  width: auto;
765
462
  flex: 0 0 auto;
766
- align-self: var(
767
- --_sf-tbs-sd-in-al,
768
- var(
769
- --_sf-tbs-hr-in-al,
770
- var(
771
- --_ctm-mob-tbs-dn-ts-dt-se-vl-at,
772
- var(--_ctm-tab-tbs-dn-ts-dt-se-vl-at, var(--_ctm-tbs-dn-ts-dt-se-vl-at))
773
- )
774
- )
775
- );
776
-
777
- & > svg {
778
- width: var(
779
- --_sf-tbs-sd-in-sz,
780
- var(
781
- --_sf-tbs-hr-in-sz,
782
- var(
783
- --_ctm-mob-tbs-dn-ts-dt-se-in-se,
784
- var(--_ctm-tab-tbs-dn-ts-dt-se-in-se, var(--_ctm-tbs-dn-ts-dt-se-in-se))
785
- )
786
- )
787
- );
788
- height: var(
789
- --_sf-tbs-sd-in-sz,
790
- var(
791
- --_sf-tbs-hr-in-sz,
792
- var(
793
- --_ctm-mob-tbs-dn-ts-dt-se-in-se,
794
- var(--_ctm-tab-tbs-dn-ts-dt-se-in-se, var(--_ctm-tbs-dn-ts-dt-se-in-se))
795
- )
796
- )
797
- );
463
+ align-self: var(--_sf-tbs-sd-in-al,
464
+ var(--_sf-tbs-hr-in-al,
465
+ var(--_ctm-mob-tbs-dn-ts-dt-se-vl-at,
466
+ var(--_ctm-tab-tbs-dn-ts-dt-se-vl-at, var(--_ctm-tbs-dn-ts-dt-se-vl-at)))));
467
+
468
+ &>svg {
469
+ width: var(--_sf-tbs-sd-in-sz,
470
+ var(--_sf-tbs-hr-in-sz,
471
+ var(--_ctm-mob-tbs-dn-ts-dt-se-in-se,
472
+ var(--_ctm-tab-tbs-dn-ts-dt-se-in-se, var(--_ctm-tbs-dn-ts-dt-se-in-se)))));
473
+ height: var(--_sf-tbs-sd-in-sz,
474
+ var(--_sf-tbs-hr-in-sz,
475
+ var(--_ctm-mob-tbs-dn-ts-dt-se-in-se,
476
+ var(--_ctm-tab-tbs-dn-ts-dt-se-in-se, var(--_ctm-tbs-dn-ts-dt-se-in-se)))));
798
477
 
799
478
  path {
800
- stroke: var(
801
- --_sf-tbs-sd-in-cr,
802
- var(
803
- --_sf-tbs-hr-in-cr,
804
- var(
805
- --_ctm-mob-tbs-dn-ts-dt-se-in-c1,
806
- var(--_ctm-tab-tbs-dn-ts-dt-se-in-c1, var(--_ctm-tbs-dn-ts-dt-se-in-c1))
807
- )
808
- )
809
- );
479
+ stroke: var(--_sf-tbs-sd-in-cr,
480
+ var(--_sf-tbs-hr-in-cr,
481
+ var(--_ctm-mob-tbs-dn-ts-dt-se-in-c1,
482
+ var(--_ctm-tab-tbs-dn-ts-dt-se-in-c1, var(--_ctm-tbs-dn-ts-dt-se-in-c1)))));
810
483
  // Overrides the stroke-width presentation attribute baked into the icon markup.
811
484
  stroke-width: prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-se-wh, 1.25);
812
485
  }
@@ -828,7 +501,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
828
501
  margin-inline-start: prepareMediaVariable(--_ctm-tbs-lt-tb-cr-gp, 0px);
829
502
  }
830
503
 
831
- & > div {
504
+ &>div {
832
505
  &.#{$tabBodyWrapper} {
833
506
  display: var(--_d-grid);
834
507
  grid-template-columns: 100%;
@@ -857,4 +530,4 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
857
530
  // }
858
531
  // }
859
532
  }
860
- }
533
+ }