scu-web-components 0.0.41 → 0.0.42

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 (454) hide show
  1. package/dist/breakpoints.js +4 -8
  2. package/dist/breakpoints.js.gz +0 -0
  3. package/dist/breakpoints.ts +4 -8
  4. package/dist/chunks/{chunk.2GGC3YVW.js → chunk.36NSOQS5.js} +2 -2
  5. package/dist/chunks/chunk.36NSOQS5.js.gz +0 -0
  6. package/dist/chunks/{chunk.2GGC3YVW.js.map → chunk.36NSOQS5.js.map} +0 -0
  7. package/dist/chunks/{chunk.2GGC3YVW.js.map.gz → chunk.36NSOQS5.js.map.gz} +0 -0
  8. package/dist/chunks/chunk.3H472TMQ.js +2 -0
  9. package/dist/chunks/chunk.3H472TMQ.js.gz +0 -0
  10. package/dist/chunks/chunk.3H472TMQ.js.map +7 -0
  11. package/dist/chunks/chunk.3H472TMQ.js.map.gz +0 -0
  12. package/dist/chunks/{chunk.NJ4UGLWQ.js → chunk.4IRJQ7KJ.js} +2 -2
  13. package/dist/chunks/chunk.4IRJQ7KJ.js.gz +0 -0
  14. package/dist/chunks/{chunk.NJ4UGLWQ.js.map → chunk.4IRJQ7KJ.js.map} +0 -0
  15. package/dist/chunks/{chunk.NJ4UGLWQ.js.map.gz → chunk.4IRJQ7KJ.js.map.gz} +0 -0
  16. package/dist/chunks/{chunk.DMGKHJE5.js → chunk.56IUG3EK.js} +2 -2
  17. package/dist/chunks/chunk.56IUG3EK.js.gz +0 -0
  18. package/dist/chunks/{chunk.DMGKHJE5.js.map → chunk.56IUG3EK.js.map} +0 -0
  19. package/dist/chunks/{chunk.DMGKHJE5.js.map.gz → chunk.56IUG3EK.js.map.gz} +0 -0
  20. package/dist/chunks/chunk.5C6F5BNN.js +2 -0
  21. package/dist/chunks/chunk.5C6F5BNN.js.gz +0 -0
  22. package/dist/chunks/{chunk.VX2BVZKA.js.map → chunk.5C6F5BNN.js.map} +0 -0
  23. package/dist/chunks/{chunk.VX2BVZKA.js.map.gz → chunk.5C6F5BNN.js.map.gz} +0 -0
  24. package/dist/chunks/{chunk.JHP2OQDD.js → chunk.6W5KOQ2J.js} +1 -1
  25. package/dist/chunks/chunk.6W5KOQ2J.js.gz +0 -0
  26. package/dist/chunks/{chunk.JHP2OQDD.js.map → chunk.6W5KOQ2J.js.map} +0 -0
  27. package/dist/chunks/{chunk.JHP2OQDD.js.map.gz → chunk.6W5KOQ2J.js.map.gz} +0 -0
  28. package/dist/chunks/chunk.7TSVDV7Z.js +2 -0
  29. package/dist/chunks/chunk.7TSVDV7Z.js.gz +0 -0
  30. package/dist/chunks/{chunk.JMSZAZI2.js.map → chunk.7TSVDV7Z.js.map} +0 -0
  31. package/dist/chunks/{chunk.JMSZAZI2.js.map.gz → chunk.7TSVDV7Z.js.map.gz} +0 -0
  32. package/dist/chunks/chunk.B7I2MIVA.js +2 -0
  33. package/dist/chunks/chunk.B7I2MIVA.js.gz +0 -0
  34. package/dist/chunks/{chunk.B553YCD2.js.map → chunk.B7I2MIVA.js.map} +0 -0
  35. package/dist/chunks/{chunk.B553YCD2.js.map.gz → chunk.B7I2MIVA.js.map.gz} +0 -0
  36. package/dist/chunks/{chunk.5HOTUYMS.js → chunk.CD4CYRRA.js} +2 -2
  37. package/dist/chunks/chunk.CD4CYRRA.js.gz +0 -0
  38. package/dist/chunks/{chunk.5HOTUYMS.js.map → chunk.CD4CYRRA.js.map} +0 -0
  39. package/dist/chunks/{chunk.5HOTUYMS.js.map.gz → chunk.CD4CYRRA.js.map.gz} +0 -0
  40. package/dist/chunks/{chunk.25Y56VFF.js → chunk.DJUNNF3C.js} +2 -2
  41. package/dist/chunks/chunk.DJUNNF3C.js.gz +0 -0
  42. package/dist/chunks/{chunk.25Y56VFF.js.map → chunk.DJUNNF3C.js.map} +0 -0
  43. package/dist/chunks/{chunk.25Y56VFF.js.map.gz → chunk.DJUNNF3C.js.map.gz} +0 -0
  44. package/dist/chunks/chunk.EHRX5ZGN.js +2 -0
  45. package/dist/chunks/chunk.EHRX5ZGN.js.gz +0 -0
  46. package/dist/chunks/chunk.EHRX5ZGN.js.map +7 -0
  47. package/dist/chunks/chunk.EHRX5ZGN.js.map.gz +0 -0
  48. package/dist/chunks/chunk.F7EWVIRZ.js +2 -0
  49. package/dist/chunks/chunk.F7EWVIRZ.js.gz +0 -0
  50. package/dist/chunks/chunk.F7EWVIRZ.js.map +7 -0
  51. package/dist/chunks/chunk.F7EWVIRZ.js.map.gz +0 -0
  52. package/dist/chunks/{chunk.6HCGKTZQ.js → chunk.GX274VLQ.js} +2 -2
  53. package/dist/chunks/chunk.GX274VLQ.js.gz +0 -0
  54. package/dist/chunks/{chunk.6HCGKTZQ.js.map → chunk.GX274VLQ.js.map} +0 -0
  55. package/dist/chunks/{chunk.6HCGKTZQ.js.map.gz → chunk.GX274VLQ.js.map.gz} +0 -0
  56. package/dist/chunks/chunk.HSMQFTX3.js +2 -0
  57. package/dist/chunks/chunk.HSMQFTX3.js.gz +0 -0
  58. package/dist/chunks/{chunk.ZAZY7DM4.js.map → chunk.HSMQFTX3.js.map} +0 -0
  59. package/dist/chunks/{chunk.ZAZY7DM4.js.map.gz → chunk.HSMQFTX3.js.map.gz} +0 -0
  60. package/dist/chunks/chunk.IUPSIYHM.js +2 -0
  61. package/dist/chunks/chunk.IUPSIYHM.js.gz +0 -0
  62. package/dist/chunks/{chunk.BZX2XGGQ.js.map → chunk.IUPSIYHM.js.map} +0 -0
  63. package/dist/chunks/{chunk.BZX2XGGQ.js.map.gz → chunk.IUPSIYHM.js.map.gz} +0 -0
  64. package/dist/chunks/{chunk.L4WYJ64R.js → chunk.JTXQ5X2M.js} +2 -2
  65. package/dist/chunks/chunk.JTXQ5X2M.js.gz +0 -0
  66. package/dist/chunks/{chunk.L4WYJ64R.js.map → chunk.JTXQ5X2M.js.map} +0 -0
  67. package/dist/chunks/{chunk.L4WYJ64R.js.map.gz → chunk.JTXQ5X2M.js.map.gz} +0 -0
  68. package/dist/chunks/{chunk.QIDYSTUJ.js → chunk.K4NR64KF.js} +2 -2
  69. package/dist/chunks/chunk.K4NR64KF.js.gz +0 -0
  70. package/dist/chunks/{chunk.QIDYSTUJ.js.map → chunk.K4NR64KF.js.map} +0 -0
  71. package/dist/chunks/{chunk.QIDYSTUJ.js.map.gz → chunk.K4NR64KF.js.map.gz} +0 -0
  72. package/dist/chunks/chunk.KKRXOX6W.js +2 -0
  73. package/dist/chunks/chunk.KKRXOX6W.js.gz +0 -0
  74. package/dist/chunks/{chunk.F5EH24XU.js.map → chunk.KKRXOX6W.js.map} +0 -0
  75. package/dist/chunks/{chunk.F5EH24XU.js.map.gz → chunk.KKRXOX6W.js.map.gz} +0 -0
  76. package/dist/chunks/{chunk.CNEZBTSK.js → chunk.LXNREJI6.js} +2 -2
  77. package/dist/chunks/chunk.LXNREJI6.js.gz +0 -0
  78. package/dist/chunks/{chunk.CNEZBTSK.js.map → chunk.LXNREJI6.js.map} +0 -0
  79. package/dist/chunks/{chunk.CNEZBTSK.js.map.gz → chunk.LXNREJI6.js.map.gz} +0 -0
  80. package/dist/chunks/chunk.M4NRRGQD.js +2 -0
  81. package/dist/chunks/chunk.M4NRRGQD.js.gz +0 -0
  82. package/dist/chunks/{chunk.O7SLV6Z5.js.map → chunk.M4NRRGQD.js.map} +0 -0
  83. package/dist/chunks/{chunk.O7SLV6Z5.js.map.gz → chunk.M4NRRGQD.js.map.gz} +0 -0
  84. package/dist/chunks/{chunk.YPG6CZAZ.js → chunk.MHJFJRA2.js} +2 -2
  85. package/dist/chunks/chunk.MHJFJRA2.js.gz +0 -0
  86. package/dist/chunks/{chunk.YPG6CZAZ.js.map → chunk.MHJFJRA2.js.map} +0 -0
  87. package/dist/chunks/{chunk.YPG6CZAZ.js.map.gz → chunk.MHJFJRA2.js.map.gz} +0 -0
  88. package/dist/chunks/{chunk.TCNCQW36.js → chunk.NOG4WTUR.js} +2 -2
  89. package/dist/chunks/chunk.NOG4WTUR.js.gz +0 -0
  90. package/dist/chunks/{chunk.TCNCQW36.js.map → chunk.NOG4WTUR.js.map} +0 -0
  91. package/dist/chunks/{chunk.TCNCQW36.js.map.gz → chunk.NOG4WTUR.js.map.gz} +0 -0
  92. package/dist/chunks/chunk.NPQHDZZM.js +2 -0
  93. package/dist/chunks/chunk.NPQHDZZM.js.gz +0 -0
  94. package/dist/chunks/{chunk.ZYN4B53C.js.map → chunk.NPQHDZZM.js.map} +0 -0
  95. package/dist/chunks/{chunk.ZYN4B53C.js.map.gz → chunk.NPQHDZZM.js.map.gz} +0 -0
  96. package/dist/chunks/{chunk.J7LF5ASZ.js → chunk.PD56CY37.js} +2 -2
  97. package/dist/chunks/chunk.PD56CY37.js.gz +0 -0
  98. package/dist/chunks/{chunk.J7LF5ASZ.js.map → chunk.PD56CY37.js.map} +0 -0
  99. package/dist/chunks/{chunk.J7LF5ASZ.js.map.gz → chunk.PD56CY37.js.map.gz} +0 -0
  100. package/dist/chunks/{chunk.7QJCD7HR.js → chunk.PHUU6D3H.js} +2 -2
  101. package/dist/chunks/chunk.PHUU6D3H.js.gz +0 -0
  102. package/dist/chunks/{chunk.7QJCD7HR.js.map → chunk.PHUU6D3H.js.map} +0 -0
  103. package/dist/chunks/{chunk.7QJCD7HR.js.map.gz → chunk.PHUU6D3H.js.map.gz} +0 -0
  104. package/dist/chunks/{chunk.Z33WOMHY.js → chunk.PIDHXJWR.js} +2 -2
  105. package/dist/chunks/chunk.PIDHXJWR.js.gz +0 -0
  106. package/dist/chunks/{chunk.Z33WOMHY.js.map → chunk.PIDHXJWR.js.map} +0 -0
  107. package/dist/chunks/{chunk.Z33WOMHY.js.map.gz → chunk.PIDHXJWR.js.map.gz} +0 -0
  108. package/dist/chunks/chunk.PMTGBID7.js +2 -0
  109. package/dist/chunks/chunk.PMTGBID7.js.gz +0 -0
  110. package/dist/chunks/{chunk.PJKUHCBZ.js.map → chunk.PMTGBID7.js.map} +0 -0
  111. package/dist/chunks/{chunk.PJKUHCBZ.js.map.gz → chunk.PMTGBID7.js.map.gz} +0 -0
  112. package/dist/chunks/chunk.PMYXQ23P.js +2 -0
  113. package/dist/chunks/chunk.PMYXQ23P.js.gz +0 -0
  114. package/dist/chunks/{chunk.ZXF75OFN.js.map → chunk.PMYXQ23P.js.map} +0 -0
  115. package/dist/chunks/{chunk.ZXF75OFN.js.map.gz → chunk.PMYXQ23P.js.map.gz} +0 -0
  116. package/dist/chunks/chunk.RIOPXQH2.js +2 -0
  117. package/dist/chunks/chunk.RIOPXQH2.js.gz +0 -0
  118. package/dist/chunks/{chunk.EKO2U67G.js.map → chunk.RIOPXQH2.js.map} +0 -0
  119. package/dist/chunks/{chunk.EKO2U67G.js.map.gz → chunk.RIOPXQH2.js.map.gz} +0 -0
  120. package/dist/chunks/chunk.S37UURLM.js +2 -0
  121. package/dist/chunks/chunk.S37UURLM.js.gz +0 -0
  122. package/dist/chunks/{chunk.LF7O52LC.js.map → chunk.S37UURLM.js.map} +0 -0
  123. package/dist/chunks/{chunk.LF7O52LC.js.map.gz → chunk.S37UURLM.js.map.gz} +0 -0
  124. package/dist/chunks/{chunk.OWDSVUYS.js → chunk.SVM4PG7P.js} +2 -2
  125. package/dist/chunks/chunk.SVM4PG7P.js.gz +0 -0
  126. package/dist/chunks/{chunk.OWDSVUYS.js.map → chunk.SVM4PG7P.js.map} +0 -0
  127. package/dist/chunks/{chunk.OWDSVUYS.js.map.gz → chunk.SVM4PG7P.js.map.gz} +0 -0
  128. package/dist/chunks/chunk.THZ6HT66.js +2 -0
  129. package/dist/chunks/chunk.THZ6HT66.js.gz +0 -0
  130. package/dist/chunks/{chunk.6DQVOVVF.js.map → chunk.THZ6HT66.js.map} +0 -0
  131. package/dist/chunks/{chunk.6DQVOVVF.js.map.gz → chunk.THZ6HT66.js.map.gz} +0 -0
  132. package/dist/chunks/{chunk.HXKNXPNI.js → chunk.XOE57FOV.js} +2 -2
  133. package/dist/chunks/chunk.XOE57FOV.js.gz +0 -0
  134. package/dist/chunks/{chunk.HXKNXPNI.js.map → chunk.XOE57FOV.js.map} +0 -0
  135. package/dist/chunks/{chunk.HXKNXPNI.js.map.gz → chunk.XOE57FOV.js.map.gz} +0 -0
  136. package/dist/chunks/{chunk.G2O2ET7E.js → chunk.YZL3IVQ4.js} +2 -2
  137. package/dist/chunks/chunk.YZL3IVQ4.js.gz +0 -0
  138. package/dist/chunks/{chunk.G2O2ET7E.js.map → chunk.YZL3IVQ4.js.map} +0 -0
  139. package/dist/chunks/{chunk.G2O2ET7E.js.map.gz → chunk.YZL3IVQ4.js.map.gz} +0 -0
  140. package/dist/custom-elements.json +181 -181
  141. package/dist/custom-elements.json.gz +0 -0
  142. package/dist/docs/components/manifest.json +26 -26
  143. package/dist/docs/config.json +1 -1
  144. package/dist/scw-alert/ScwAlert.js +1 -1
  145. package/dist/scw-alert/ScwAlert.js.gz +0 -0
  146. package/dist/scw-alert/scw-alert.js +1 -1
  147. package/dist/scw-alert/scw-alert.js.gz +0 -0
  148. package/dist/scw-button/ScwButton.js +1 -1
  149. package/dist/scw-button/ScwButton.js.gz +0 -0
  150. package/dist/scw-button/scw-button.js +1 -1
  151. package/dist/scw-button/scw-button.js.gz +0 -0
  152. package/dist/scw-card/ScwCard.js +1 -1
  153. package/dist/scw-card/ScwCard.js.gz +0 -0
  154. package/dist/scw-card/scw-card.js +1 -1
  155. package/dist/scw-card/scw-card.js.gz +0 -0
  156. package/dist/scw-center-component/ScwCenterComponent.js +1 -1
  157. package/dist/scw-center-component/ScwCenterComponent.js.gz +0 -0
  158. package/dist/scw-center-component/scw-center-component.js +1 -1
  159. package/dist/scw-center-component/scw-center-component.js.gz +0 -0
  160. package/dist/scw-component/ScwComponent.js +1 -1
  161. package/dist/scw-component/ScwComponent.js.gz +0 -0
  162. package/dist/scw-component/scw-component.js +1 -1
  163. package/dist/scw-component/scw-component.js.gz +0 -0
  164. package/dist/scw-components.js +1 -1
  165. package/dist/scw-components.js.gz +0 -0
  166. package/dist/scw-element-component/scw-element-component.js +1 -1
  167. package/dist/scw-element-component/scw-element-component.js.gz +0 -0
  168. package/dist/scw-flex-h-component/scw-flex-h-component.js +1 -1
  169. package/dist/scw-flex-h-component/scw-flex-h-component.js.gz +0 -0
  170. package/dist/scw-flex-v-component/scw-flex-v-component.js +1 -1
  171. package/dist/scw-flex-v-component/scw-flex-v-component.js.gz +0 -0
  172. package/dist/scw-float-component/scw-float-component.js +1 -1
  173. package/dist/scw-float-component/scw-float-component.js.gz +0 -0
  174. package/dist/scw-form/scw-form.js +1 -1
  175. package/dist/scw-form/scw-form.js.gz +0 -0
  176. package/dist/scw-form-component/scw-form-component.js +1 -1
  177. package/dist/scw-form-component/scw-form-component.js.gz +0 -0
  178. package/dist/scw-heading/ScwHeading.js +1 -1
  179. package/dist/scw-heading/ScwHeading.js.gz +0 -0
  180. package/dist/scw-heading/scw-heading.js +1 -1
  181. package/dist/scw-heading/scw-heading.js.gz +0 -0
  182. package/dist/scw-icon/ScwIcon.js +1 -1
  183. package/dist/scw-icon/ScwIcon.js.gz +0 -0
  184. package/dist/scw-icon/scw-icon.js +1 -1
  185. package/dist/scw-icon/scw-icon.js.gz +0 -0
  186. package/dist/scw-image/ScwImage.js +1 -1
  187. package/dist/scw-image/ScwImage.js.gz +0 -0
  188. package/dist/scw-image/scw-image.js +1 -1
  189. package/dist/scw-image/scw-image.js.gz +0 -0
  190. package/dist/scw-input/scw-input.js +1 -1
  191. package/dist/scw-input/scw-input.js.gz +0 -0
  192. package/dist/scw-input-field/scw-input-field.js +1 -1
  193. package/dist/scw-input-field/scw-input-field.js.gz +0 -0
  194. package/dist/scw-input-layout/scw-input-layout.js +1 -1
  195. package/dist/scw-input-layout/scw-input-layout.js.gz +0 -0
  196. package/dist/scw-layout-component/scw-layout-component.js +1 -1
  197. package/dist/scw-layout-component/scw-layout-component.js.gz +0 -0
  198. package/dist/scw-link/ScwLink.js +1 -1
  199. package/dist/scw-link/ScwLink.js.gz +0 -0
  200. package/dist/scw-link/scw-link.js +1 -1
  201. package/dist/scw-link/scw-link.js.gz +0 -0
  202. package/dist/scw-link-base/ScwLinkBase.js +1 -1
  203. package/dist/scw-link-base/ScwLinkBase.js.gz +0 -0
  204. package/dist/scw-link-base/scw-link-base.js +1 -1
  205. package/dist/scw-link-base/scw-link-base.js.gz +0 -0
  206. package/dist/scw-menu/ScwMenu.js +1 -1
  207. package/dist/scw-menu/ScwMenu.js.gz +0 -0
  208. package/dist/scw-menu/scw-menu.js +1 -1
  209. package/dist/scw-menu/scw-menu.js.gz +0 -0
  210. package/dist/scw-menu-item/ScwMenuItem.js +1 -1
  211. package/dist/scw-menu-item/ScwMenuItem.js.gz +0 -0
  212. package/dist/scw-menu-item/scw-menu-item.js +1 -1
  213. package/dist/scw-menu-item/scw-menu-item.js.gz +0 -0
  214. package/dist/scw-page-alert/scw-page-alert.js +1 -1
  215. package/dist/scw-page-alert/scw-page-alert.js.gz +0 -0
  216. package/dist/scw-pane-component/scw-pane-component.js +1 -1
  217. package/dist/scw-pane-component/scw-pane-component.js.gz +0 -0
  218. package/dist/scw-responsive/scw-responsive.js +1 -1
  219. package/dist/scw-responsive/scw-responsive.js.gz +0 -0
  220. package/dist/scw-select/scw-select.js +1 -1
  221. package/dist/scw-select/scw-select.js.gz +0 -0
  222. package/dist/scw-single-input/scw-single-input.js +1 -1
  223. package/dist/scw-single-input/scw-single-input.js.gz +0 -0
  224. package/dist/scw-single-input-layout/scw-single-input-layout.js +1 -1
  225. package/dist/scw-single-input-layout/scw-single-input-layout.js.gz +0 -0
  226. package/dist/scw-stack-component/scw-stack-component.js +1 -1
  227. package/dist/scw-stack-component/scw-stack-component.js.gz +0 -0
  228. package/dist/scw-test/ScwTest.js +1 -1
  229. package/dist/scw-test/ScwTest.js.gz +0 -0
  230. package/dist/scw-test/scw-test.js +1 -1
  231. package/dist/scw-test/scw-test.js.gz +0 -0
  232. package/dist/scw-textarea/scw-textarea.js +1 -1
  233. package/dist/scw-textarea/scw-textarea.js.gz +0 -0
  234. package/dist/scw-validate/scw-validate.js +1 -1
  235. package/dist/scw-validate/scw-validate.js.gz +0 -0
  236. package/dist/scw-validation/scw-validation.js +1 -1
  237. package/dist/scw-validation/scw-validation.js.gz +0 -0
  238. package/dist/scw.js +1 -1
  239. package/dist/scw.js.gz +0 -0
  240. package/dist/tokens/css.html +2 -2
  241. package/dist/tokens/css.html.gz +0 -0
  242. package/dist/tokens/source/cssPropertiesApi.css +1138 -2351
  243. package/dist/tokens/source/cssPropertiesApi.css.gz +0 -0
  244. package/dist/tokens/source/cssPropertiesApi.ts +306 -302
  245. package/dist/tokens/source/cssPropertiesApiTypedStyles.ts +1 -1
  246. package/dist/tokens/source/cssPropertiesApiTypedStylesCssType.ts +1 -1
  247. package/dist/tokens/source/cssVariables/breakpoints-lg-.json +5 -0
  248. package/dist/tokens/source/cssVariables/breakpoints-lg-.json.gz +0 -0
  249. package/dist/tokens/source/cssVariables/breakpoints-md-.json +5 -0
  250. package/dist/tokens/source/cssVariables/breakpoints-md-.json.gz +0 -0
  251. package/dist/tokens/source/cssVariables/breakpoints-sm-.json +5 -0
  252. package/dist/tokens/source/cssVariables/breakpoints-sm-.json.gz +0 -0
  253. package/dist/tokens/source/cssVariables/breakpoints-xlg-.json +5 -0
  254. package/dist/tokens/source/cssVariables/breakpoints-xlg-.json.gz +0 -0
  255. package/dist/tokens/source/cssVariables.css +4 -0
  256. package/dist/tokens/source/cssVariables.css.gz +0 -0
  257. package/dist/tokens/source/cssVariables.json +20 -0
  258. package/dist/tokens/source/cssVariables.json.gz +0 -0
  259. package/dist/tokens/source/jsCss.js +1 -1
  260. package/dist/tokens/source/jsCss.js.gz +0 -0
  261. package/dist/tokens/source/jsCssGenerator.js +2 -2
  262. package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
  263. package/dist/tokens/source/jsCssGeneratorSansAssets.js +2 -2
  264. package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
  265. package/dist/tokens/source/tokens.json +48 -32
  266. package/dist/tokens/source/tokens.json.gz +0 -0
  267. package/dist/tokens/styles.css +4 -0
  268. package/dist/tokens/styles.css.gz +0 -0
  269. package/dist/tokens/stylesEmbedded.css +4 -0
  270. package/dist/tokens/stylesEmbedded.css.gz +0 -0
  271. package/dist/tokens/tokens.html +2 -2
  272. package/dist/tokens/tokens.html.gz +0 -0
  273. package/dist/utils/responsive/BreakpointTypes.js +1 -1
  274. package/dist/utils/responsive/BreakpointTypes.js.gz +0 -0
  275. package/dist/utils/responsive/ResponsiveElement.js +1 -1
  276. package/dist/utils/responsive/ResponsiveElement.js.gz +0 -0
  277. package/dist/utils/responsive/breakpoints.js +1 -1
  278. package/dist/utils/responsive/breakpoints.js.gz +0 -0
  279. package/dist/utils/responsive/connectStyles.js +1 -1
  280. package/dist/utils/responsive/connectStyles.js.gz +0 -0
  281. package/dist/utils/responsive/connectStyles.js.map +1 -1
  282. package/dist/utils/responsive/connectStyles.js.map.gz +0 -0
  283. package/dist/utils/responsive/processAttributes.js +1 -1
  284. package/dist/utils/responsive/processAttributes.js.gz +0 -0
  285. package/dist/utils/suffix.js +1 -1
  286. package/dist/utils/suffix.js.gz +0 -0
  287. package/package.json +2 -2
  288. package/dist/chunks/chunk.25Y56VFF.js.gz +0 -0
  289. package/dist/chunks/chunk.2GGC3YVW.js.gz +0 -0
  290. package/dist/chunks/chunk.5HOTUYMS.js.gz +0 -0
  291. package/dist/chunks/chunk.6DQVOVVF.js +0 -2
  292. package/dist/chunks/chunk.6DQVOVVF.js.gz +0 -0
  293. package/dist/chunks/chunk.6HCGKTZQ.js.gz +0 -0
  294. package/dist/chunks/chunk.7QJCD7HR.js.gz +0 -0
  295. package/dist/chunks/chunk.B553YCD2.js +0 -2
  296. package/dist/chunks/chunk.B553YCD2.js.gz +0 -0
  297. package/dist/chunks/chunk.BZX2XGGQ.js +0 -2
  298. package/dist/chunks/chunk.BZX2XGGQ.js.gz +0 -0
  299. package/dist/chunks/chunk.CNEZBTSK.js.gz +0 -0
  300. package/dist/chunks/chunk.DMGKHJE5.js.gz +0 -0
  301. package/dist/chunks/chunk.EKO2U67G.js +0 -2
  302. package/dist/chunks/chunk.EKO2U67G.js.gz +0 -0
  303. package/dist/chunks/chunk.F5EH24XU.js +0 -2
  304. package/dist/chunks/chunk.F5EH24XU.js.gz +0 -0
  305. package/dist/chunks/chunk.G2O2ET7E.js.gz +0 -0
  306. package/dist/chunks/chunk.HXKNXPNI.js.gz +0 -0
  307. package/dist/chunks/chunk.J7LF5ASZ.js.gz +0 -0
  308. package/dist/chunks/chunk.JHP2OQDD.js.gz +0 -0
  309. package/dist/chunks/chunk.JMSZAZI2.js +0 -2
  310. package/dist/chunks/chunk.JMSZAZI2.js.gz +0 -0
  311. package/dist/chunks/chunk.KBIUGQUO.js +0 -2
  312. package/dist/chunks/chunk.KBIUGQUO.js.gz +0 -0
  313. package/dist/chunks/chunk.KBIUGQUO.js.map +0 -7
  314. package/dist/chunks/chunk.KBIUGQUO.js.map.gz +0 -0
  315. package/dist/chunks/chunk.L4WYJ64R.js.gz +0 -0
  316. package/dist/chunks/chunk.LF7O52LC.js +0 -2
  317. package/dist/chunks/chunk.LF7O52LC.js.gz +0 -0
  318. package/dist/chunks/chunk.NJ4UGLWQ.js.gz +0 -0
  319. package/dist/chunks/chunk.O7SLV6Z5.js +0 -2
  320. package/dist/chunks/chunk.O7SLV6Z5.js.gz +0 -0
  321. package/dist/chunks/chunk.OWDSVUYS.js.gz +0 -0
  322. package/dist/chunks/chunk.PJKUHCBZ.js +0 -2
  323. package/dist/chunks/chunk.PJKUHCBZ.js.gz +0 -0
  324. package/dist/chunks/chunk.QIDYSTUJ.js.gz +0 -0
  325. package/dist/chunks/chunk.TCNCQW36.js.gz +0 -0
  326. package/dist/chunks/chunk.U37TEBY2.js +0 -2
  327. package/dist/chunks/chunk.U37TEBY2.js.gz +0 -0
  328. package/dist/chunks/chunk.U37TEBY2.js.map +0 -7
  329. package/dist/chunks/chunk.U37TEBY2.js.map.gz +0 -0
  330. package/dist/chunks/chunk.VX2BVZKA.js +0 -2
  331. package/dist/chunks/chunk.VX2BVZKA.js.gz +0 -0
  332. package/dist/chunks/chunk.XDWCNUEB.js +0 -2
  333. package/dist/chunks/chunk.XDWCNUEB.js.gz +0 -0
  334. package/dist/chunks/chunk.XDWCNUEB.js.map +0 -7
  335. package/dist/chunks/chunk.XDWCNUEB.js.map.gz +0 -0
  336. package/dist/chunks/chunk.YPG6CZAZ.js.gz +0 -0
  337. package/dist/chunks/chunk.Z33WOMHY.js.gz +0 -0
  338. package/dist/chunks/chunk.ZAZY7DM4.js +0 -2
  339. package/dist/chunks/chunk.ZAZY7DM4.js.gz +0 -0
  340. package/dist/chunks/chunk.ZXF75OFN.js +0 -2
  341. package/dist/chunks/chunk.ZXF75OFN.js.gz +0 -0
  342. package/dist/chunks/chunk.ZYN4B53C.js +0 -2
  343. package/dist/chunks/chunk.ZYN4B53C.js.gz +0 -0
  344. package/dist/scw-alert/ScwAlert.d.ts +0 -24
  345. package/dist/scw-alert/scw-alert.d.ts +0 -1
  346. package/dist/scw-button/ScwButton.d.ts +0 -21
  347. package/dist/scw-button/scw-button.d.ts +0 -1
  348. package/dist/scw-card/ScwCard.d.ts +0 -96
  349. package/dist/scw-card/scw-card-enums.d.ts +0 -20
  350. package/dist/scw-card/scw-card-light-dom.d.ts +0 -6
  351. package/dist/scw-card/scw-card.d.ts +0 -1
  352. package/dist/scw-card/tests/imageExample.d.ts +0 -2
  353. package/dist/scw-center-component/ScwCenterComponent.d.ts +0 -15
  354. package/dist/scw-center-component/scw-center-component.d.ts +0 -1
  355. package/dist/scw-component/ScwComponent.d.ts +0 -76
  356. package/dist/scw-component/scw-component-interface.d.ts +0 -8
  357. package/dist/scw-component/scw-component.d.ts +0 -1
  358. package/dist/scw-components.d.ts +0 -12
  359. package/dist/scw-element-component/scw-element-component.d.ts +0 -10
  360. package/dist/scw-flex-h-component/scw-flex-h-component.d.ts +0 -15
  361. package/dist/scw-flex-v-component/scw-flex-v-component.d.ts +0 -15
  362. package/dist/scw-float-component/scw-float-component.d.ts +0 -15
  363. package/dist/scw-form/scw-form.d.ts +0 -56
  364. package/dist/scw-form-component/scw-form-component.d.ts +0 -92
  365. package/dist/scw-heading/ScwHeading.d.ts +0 -40
  366. package/dist/scw-heading/parseLightDomHeading.d.ts +0 -6
  367. package/dist/scw-heading/scw-heading-enums.d.ts +0 -7
  368. package/dist/scw-heading/scw-heading.d.ts +0 -1
  369. package/dist/scw-icon/ScwIcon.d.ts +0 -32
  370. package/dist/scw-icon/scw-icon-enums.d.ts +0 -12
  371. package/dist/scw-icon/scw-icon.d.ts +0 -1
  372. package/dist/scw-icon/tests/checkIconADA.d.ts +0 -6
  373. package/dist/scw-image/ScwImage.d.ts +0 -98
  374. package/dist/scw-image/scw-image-src-parser.d.ts +0 -7
  375. package/dist/scw-image/scw-image-validate.d.ts +0 -6
  376. package/dist/scw-image/scw-image.d.ts +0 -1
  377. package/dist/scw-image/tests/imageExamples.d.ts +0 -3
  378. package/dist/scw-input/scw-input.d.ts +0 -59
  379. package/dist/scw-input-field/autoformatters/autoFormat.d.ts +0 -52
  380. package/dist/scw-input-field/autoformatters/currencyFormatter.d.ts +0 -10
  381. package/dist/scw-input-field/autoformatters/dateAutoFormatter.d.ts +0 -39
  382. package/dist/scw-input-field/autoformatters/numberFormatter.d.ts +0 -8
  383. package/dist/scw-input-field/autoformatters/phoneNumberAutoFormatter.d.ts +0 -9
  384. package/dist/scw-input-field/inputTypes.d.ts +0 -28
  385. package/dist/scw-input-field/scw-input-field.d.ts +0 -94
  386. package/dist/scw-input-layout/scw-input-layout.d.ts +0 -34
  387. package/dist/scw-layout-component/scw-layout-component.d.ts +0 -15
  388. package/dist/scw-link/ScwLink.d.ts +0 -67
  389. package/dist/scw-link/scw-link-enums.d.ts +0 -10
  390. package/dist/scw-link/scw-link.d.ts +0 -1
  391. package/dist/scw-link-base/ScwLinkBase.d.ts +0 -64
  392. package/dist/scw-link-base/parseLightDomAnchor.d.ts +0 -6
  393. package/dist/scw-link-base/scw-link-base.d.ts +0 -1
  394. package/dist/scw-menu/ScwMenu.d.ts +0 -61
  395. package/dist/scw-menu/keyboard/keyboardElements.d.ts +0 -42
  396. package/dist/scw-menu/keyboard/scw-menu-keyboard.d.ts +0 -67
  397. package/dist/scw-menu/scw-menu-enums.d.ts +0 -5
  398. package/dist/scw-menu/scw-menu-validate.d.ts +0 -6
  399. package/dist/scw-menu/scw-menu.d.ts +0 -1
  400. package/dist/scw-menu-item/ScwMenuItem.d.ts +0 -56
  401. package/dist/scw-menu-item/scw-menu-item-enums.d.ts +0 -4
  402. package/dist/scw-menu-item/scw-menu-item.d.ts +0 -1
  403. package/dist/scw-page-alert/scw-page-alert.d.ts +0 -34
  404. package/dist/scw-pane-component/scw-pane-component.d.ts +0 -15
  405. package/dist/scw-responsive/scw-responsive.d.ts +0 -27
  406. package/dist/scw-select/scw-select.d.ts +0 -54
  407. package/dist/scw-single-input/scw-single-input.d.ts +0 -95
  408. package/dist/scw-single-input-layout/scw-single-input-layout.d.ts +0 -61
  409. package/dist/scw-stack-component/scw-stack-component.d.ts +0 -8
  410. package/dist/scw-test/ScwTest.d.ts +0 -30
  411. package/dist/scw-test/scw-test.d.ts +0 -1
  412. package/dist/scw-textarea/scw-textarea.d.ts +0 -53
  413. package/dist/scw-validate/rules/alphanumeric.d.ts +0 -9
  414. package/dist/scw-validate/rules/currency.d.ts +0 -8
  415. package/dist/scw-validate/rules/date.d.ts +0 -8
  416. package/dist/scw-validate/rules/email.d.ts +0 -8
  417. package/dist/scw-validate/rules/number.d.ts +0 -9
  418. package/dist/scw-validate/rules/required.d.ts +0 -8
  419. package/dist/scw-validate/rules/telephone.d.ts +0 -8
  420. package/dist/scw-validate/rules/url.d.ts +0 -0
  421. package/dist/scw-validate/rules/utils.d.ts +0 -49
  422. package/dist/scw-validate/scw-validate.d.ts +0 -55
  423. package/dist/scw-validate/validationTypes.d.ts +0 -22
  424. package/dist/scw-validation/scw-validation.d.ts +0 -55
  425. package/dist/scw.d.ts +0 -18
  426. package/dist/utils/enums/Components.d.ts +0 -35
  427. package/dist/utils/events/event.d.ts +0 -19
  428. package/dist/utils/findJsCss.d.ts +0 -24
  429. package/dist/utils/formEnums.d.ts +0 -17
  430. package/dist/utils/getComputedStyleValue.d.ts +0 -7
  431. package/dist/utils/getIconSvg.d.ts +0 -6
  432. package/dist/utils/lightCss.d.ts +0 -6
  433. package/dist/utils/lightDomMutationObserver.d.ts +0 -32
  434. package/dist/utils/observers/intersectionObserverSingleton.d.ts +0 -34
  435. package/dist/utils/observers/mediaQueryListSingleton.d.ts +0 -46
  436. package/dist/utils/observers/mutationObserverSingleton.d.ts +0 -18
  437. package/dist/utils/observers/resizeObserverSingleton.d.ts +0 -34
  438. package/dist/utils/responsive/BreakpointTypes.d.ts +0 -28
  439. package/dist/utils/responsive/ResponsiveElement.d.ts +0 -51
  440. package/dist/utils/responsive/breakpoints.d.ts +0 -9
  441. package/dist/utils/responsive/connectAttributes.d.ts +0 -11
  442. package/dist/utils/responsive/connectStyles.d.ts +0 -6
  443. package/dist/utils/responsive/processAttributes.d.ts +0 -6
  444. package/dist/utils/submitForm.d.ts +0 -14
  445. package/dist/utils/suffix.d.ts +0 -6
  446. package/dist/utils/testing/colorContrast.d.ts +0 -10
  447. package/dist/utils/testing/expectLink.d.ts +0 -10
  448. package/dist/utils/testing/getActiveElement.d.ts +0 -6
  449. package/dist/utils/testing/ssrTesting.d.ts +0 -15
  450. package/dist/utils/testing/testButtonADA.d.ts +0 -6
  451. package/dist/utils/themes/enums.d.ts +0 -21
  452. package/dist/utils/uuid.d.ts +0 -5
  453. package/dist/utils/watch.d.ts +0 -14
  454. package/src/utils/responsive/breakpointsData.mjs +0 -22
package/dist/tokens/source/cssPropertiesApi.css CHANGED
@@ -51,177 +51,144 @@
51
51
  height: var( --scw-size );
52
52
  }
53
53
 
54
-
55
54
  [style~="--scw-max-size:"] {
56
55
  max-width: var( --scw-max-size );
57
56
  max-height: var( --scw-max-size );
58
57
  }
59
58
 
60
-
61
59
  [style~="--scw-min-size:"] {
62
60
  min-width: var( --scw-min-size );
63
61
  min-height: var( --scw-min-size );
64
62
  }
65
63
 
66
-
67
64
  [style~="--scw-width:"] {
68
65
  width: var( --scw-width );
69
66
  }
70
67
 
71
-
72
68
  [style~="--scw-max-width:"] {
73
69
  max-width: var( --scw-max-width );
74
70
  }
75
71
 
76
-
77
72
  [style~="--scw-min-width:"] {
78
73
  min-width: var( --scw-min-width );
79
74
  }
80
75
 
81
-
82
76
  [style~="--scw-height:"] {
83
77
  height: var( --scw-height );
84
78
  }
85
79
 
86
-
87
80
  [style~="--scw-max-height:"] {
88
81
  max-height: var( --scw-max-height );
89
82
  }
90
83
 
91
-
92
84
  [style~="--scw-min-height:"] {
93
85
  min-height: var( --scw-min-height );
94
86
  }
95
87
 
96
-
97
88
  [style~="--scw-left:"] {
98
89
  left: var( --scw-left );
99
90
  }
100
91
 
101
-
102
92
  [style~="--scw-right:"] {
103
93
  right: var( --scw-right );
104
94
  }
105
95
 
106
-
107
96
  [style~="--scw-top:"] {
108
97
  top: var( --scw-top );
109
98
  }
110
99
 
111
-
112
100
  [style~="--scw-bottom:"] {
113
101
  bottom: var( --scw-bottom );
114
102
  }
115
103
 
116
-
117
104
  [style~="--scw-margin:"] {
118
105
  margin: var( --scw-margin );
119
106
  }
120
107
 
121
-
122
108
  [style~="--scw-margin-left:"] {
123
109
  margin-left: var( --scw-margin-left );
124
110
  }
125
111
 
126
-
127
112
  [style~="--scw-margin-right:"] {
128
113
  margin-right: var( --scw-margin-right );
129
114
  }
130
115
 
131
-
132
116
  [style~="--scw-margin-top:"] {
133
117
  margin-top: var( --scw-margin-top );
134
118
  }
135
119
 
136
-
137
120
  [style~="--scw-margin-bottom:"] {
138
121
  margin-bottom: var( --scw-margin-bottom );
139
122
  }
140
123
 
141
-
142
124
  [style~="--scw-margin-width:"] {
143
125
  margin-left: var( --scw-margin-width );
144
126
  margin-right: var( --scw-margin-width );
145
127
  }
146
128
 
147
-
148
129
  [style~="--scw-margin-x:"] {
149
130
  margin-left: var( --scw-margin-x );
150
131
  margin-right: var( --scw-margin-x );
151
132
  }
152
133
 
153
-
154
134
  [style~="--scw-margin-height:"] {
155
135
  margin-top: var( --scw-margin-height );
156
136
  margin-bottom: var( --scw-margin-height );
157
137
  }
158
138
 
159
-
160
139
  [style~="--scw-margin-y:"] {
161
140
  margin-top: var( --scw-margin-y );
162
141
  margin-bottom: var( --scw-margin-y );
163
142
  }
164
143
 
165
-
166
144
  [style~="--scw-padding:"] {
167
145
  padding: var( --scw-padding );
168
146
  }
169
147
 
170
-
171
148
  [style~="--scw-padding-left:"] {
172
149
  padding-left: var( --scw-padding-left );
173
150
  }
174
151
 
175
-
176
152
  [style~="--scw-padding-right:"] {
177
153
  padding-right: var( --scw-padding-right );
178
154
  }
179
155
 
180
-
181
156
  [style~="--scw-padding-top:"] {
182
157
  padding-top: var( --scw-padding-top );
183
158
  }
184
159
 
185
-
186
160
  [style~="--scw-padding-bottom:"] {
187
161
  padding-bottom: var( --scw-padding-bottom );
188
162
  }
189
163
 
190
-
191
164
  [style~="--scw-padding-width:"] {
192
165
  padding-left: var( --scw-padding-width );
193
166
  padding-right: var( --scw-padding-width );
194
167
  }
195
168
 
196
-
197
169
  [style~="--scw-padding-x:"] {
198
170
  padding-left: var( --scw-padding-x );
199
171
  padding-right: var( --scw-padding-x );
200
172
  }
201
173
 
202
-
203
174
  [style~="--scw-padding-height:"] {
204
175
  padding-top: var( --scw-padding-height );
205
176
  padding-bottom: var( --scw-padding-height );
206
177
  }
207
178
 
208
-
209
179
  [style~="--scw-padding-y:"] {
210
180
  padding-top: var( --scw-padding-y );
211
181
  padding-bottom: var( --scw-padding-y );
212
182
  }
213
183
 
214
-
215
184
  [style~="--scw-border-radius:"] {
216
185
  border-radius: var( --scw-border-radius );
217
186
  }
218
187
 
219
-
220
188
  [style~="--scw-gap:"] > * {
221
189
  --gap: var( --scw-gap );
222
190
  }
223
191
 
224
-
225
192
  [style~="--scw-fill:"] {
226
193
  flex: var( --scw-fill );
227
194
  }
@@ -634,371 +601,204 @@ scw-float::after,
634
601
  }
635
602
 
636
603
 
637
-
604
+ @media screen and (min-width: 576px) {
638
605
 
639
- @media screen and (min-width: 1200px) {
640
- [style~="--scw-background-color-xlg:"] {
641
- --background-color: var( --scw-color-01, var( --scw-background-color-xlg ));
606
+
607
+
608
+ [style~="--scw-background-color-sm:"] {
609
+ --background-color: var( --scw-color-01, var( --scw-background-color-sm ));
642
610
  background-color: var( --background-color );
643
611
  }
644
- }
645
612
 
646
-
647
- @media screen and (min-width: 1200px) {
648
- [style~="--scw-background-color-hover-xlg:"]:hover {
649
- background-color: var( --scw-color-01, var( --scw-background-color-hover-xlg ));
650
- }
613
+ [style~="--scw-background-color-hover-sm:"]:hover {
614
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-sm ));
651
615
  }
652
616
 
653
-
654
- @media screen and (min-width: 1200px) {
655
- [style~="--scw-color-xlg:"] {
656
- --color: var( --scw-color-01, var( --scw-color-xlg ));
617
+ [style~="--scw-color-sm:"] {
618
+ --color: var( --scw-color-01, var( --scw-color-sm ));
657
619
  color: var( --color );
658
620
  }
659
- }
660
621
 
661
-
662
- @media screen and (min-width: 1200px) {
663
- [style~="--scw-color-hover-xlg:"]:hover {
664
- color: var( --scw-color-01, var( --scw-color-hover-xlg ));
665
- }
622
+ [style~="--scw-color-hover-sm:"]:hover {
623
+ color: var( --scw-color-01, var( --scw-color-hover-sm ));
666
624
  }
667
625
 
668
-
669
- @media screen and (min-width: 1200px) {
670
- [style~="--scw-border-color-xlg:"] {
671
- border-color: var( --scw-color-01, var( --scw-border-color-xlg ));
672
- }
626
+ [style~="--scw-border-color-sm:"] {
627
+ border-color: var( --scw-color-01, var( --scw-border-color-sm ));
673
628
  }
674
629
 
675
-
676
- @media screen and (min-width: 1200px) {
677
- [style~="--scw-border-top-xlg:"] {
678
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-xlg ));
679
- }
630
+ [style~="--scw-border-top-sm:"] {
631
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-sm ));
680
632
  }
681
633
 
682
-
683
- @media screen and (min-width: 1200px) {
684
- [style~="--scw-border-bottom-xlg:"] {
685
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-xlg ));
686
- }
634
+ [style~="--scw-border-bottom-sm:"] {
635
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-sm ));
687
636
  }
688
637
 
689
-
690
- @media screen and (min-width: 1200px) {
691
- [style~="--scw-border-left-xlg:"] {
692
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-xlg ));
693
- }
638
+ [style~="--scw-border-left-sm:"] {
639
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-sm ));
694
640
  }
695
641
 
696
-
697
- @media screen and (min-width: 1200px) {
698
- [style~="--scw-border-right-xlg:"] {
699
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-xlg ));
700
- }
642
+ [style~="--scw-border-right-sm:"] {
643
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-sm ));
701
644
  }
702
645
 
703
-
704
- @media screen and (min-width: 1200px) {
705
- [style~="--scw-border-xlg:"] {
706
- border: 1px solid var( --scw-color-01, var( --scw-border-xlg ));
707
- }
646
+ [style~="--scw-border-sm:"] {
647
+ border: 1px solid var( --scw-color-01, var( --scw-border-sm ));
708
648
  }
709
-
710
-
711
- @media screen and (min-width: 1200px) {
712
- [style~="--scw-font-xlg:"] {
713
- font: var( --scw-font-xlg );
649
+
650
+ [style~="--scw-font-sm:"] {
651
+ font: var( --scw-font-sm );
714
652
  }
653
+
654
+ [style~="--scw-size-sm:"] {
655
+ width: var( --scw-size-sm );
656
+ height: var( --scw-size-sm );
715
657
  }
716
-
717
658
 
718
- @media screen and (min-width: 1200px) {
719
- [style~="--scw-size-xlg:"] {
720
- width: var( --scw-size-xlg );
721
- height: var( --scw-size-xlg );
722
- }
659
+ [style~="--scw-max-size-sm:"] {
660
+ max-width: var( --scw-max-size-sm );
661
+ max-height: var( --scw-max-size-sm );
723
662
  }
724
663
 
725
-
726
-
727
- @media screen and (min-width: 1200px) {
728
- [style~="--scw-max-size-xlg:"] {
729
- max-width: var( --scw-max-size-xlg );
730
- max-height: var( --scw-max-size-xlg );
731
- }
664
+ [style~="--scw-min-size-sm:"] {
665
+ min-width: var( --scw-min-size-sm );
666
+ min-height: var( --scw-min-size-sm );
732
667
  }
733
668
 
734
-
735
-
736
- @media screen and (min-width: 1200px) {
737
- [style~="--scw-min-size-xlg:"] {
738
- min-width: var( --scw-min-size-xlg );
739
- min-height: var( --scw-min-size-xlg );
740
- }
669
+ [style~="--scw-width-sm:"] {
670
+ width: var( --scw-width-sm );
741
671
  }
742
672
 
743
-
744
-
745
- @media screen and (min-width: 1200px) {
746
- [style~="--scw-width-xlg:"] {
747
- width: var( --scw-width-xlg );
748
- }
673
+ [style~="--scw-max-width-sm:"] {
674
+ max-width: var( --scw-max-width-sm );
749
675
  }
750
676
 
751
-
752
-
753
- @media screen and (min-width: 1200px) {
754
- [style~="--scw-max-width-xlg:"] {
755
- max-width: var( --scw-max-width-xlg );
677
+ [style~="--scw-min-width-sm:"] {
678
+ min-width: var( --scw-min-width-sm );
756
679
  }
680
+
681
+ [style~="--scw-height-sm:"] {
682
+ height: var( --scw-height-sm );
757
683
  }
758
684
 
685
+ [style~="--scw-max-height-sm:"] {
686
+ max-height: var( --scw-max-height-sm );
687
+ }
759
688
 
689
+ [style~="--scw-min-height-sm:"] {
690
+ min-height: var( --scw-min-height-sm );
691
+ }
760
692
 
761
- @media screen and (min-width: 1200px) {
762
- [style~="--scw-min-width-xlg:"] {
763
- min-width: var( --scw-min-width-xlg );
693
+ [style~="--scw-left-sm:"] {
694
+ left: var( --scw-left-sm );
764
695
  }
696
+
697
+ [style~="--scw-right-sm:"] {
698
+ right: var( --scw-right-sm );
765
699
  }
766
700
 
701
+ [style~="--scw-top-sm:"] {
702
+ top: var( --scw-top-sm );
703
+ }
767
704
 
705
+ [style~="--scw-bottom-sm:"] {
706
+ bottom: var( --scw-bottom-sm );
707
+ }
768
708
 
769
- @media screen and (min-width: 1200px) {
770
- [style~="--scw-height-xlg:"] {
771
- height: var( --scw-height-xlg );
709
+ [style~="--scw-margin-sm:"] {
710
+ margin: var( --scw-margin-sm );
772
711
  }
712
+
713
+ [style~="--scw-margin-left-sm:"] {
714
+ margin-left: var( --scw-margin-left-sm );
773
715
  }
774
716
 
717
+ [style~="--scw-margin-right-sm:"] {
718
+ margin-right: var( --scw-margin-right-sm );
719
+ }
775
720
 
721
+ [style~="--scw-margin-top-sm:"] {
722
+ margin-top: var( --scw-margin-top-sm );
723
+ }
776
724
 
777
- @media screen and (min-width: 1200px) {
778
- [style~="--scw-max-height-xlg:"] {
779
- max-height: var( --scw-max-height-xlg );
725
+ [style~="--scw-margin-bottom-sm:"] {
726
+ margin-bottom: var( --scw-margin-bottom-sm );
780
727
  }
728
+
729
+ [style~="--scw-margin-width-sm:"] {
730
+ margin-left: var( --scw-margin-width-sm );
731
+ margin-right: var( --scw-margin-width-sm );
781
732
  }
782
733
 
734
+ [style~="--scw-margin-x-sm:"] {
735
+ margin-left: var( --scw-margin-x-sm );
736
+ margin-right: var( --scw-margin-x-sm );
737
+ }
783
738
 
739
+ [style~="--scw-margin-height-sm:"] {
740
+ margin-top: var( --scw-margin-height-sm );
741
+ margin-bottom: var( --scw-margin-height-sm );
742
+ }
784
743
 
785
- @media screen and (min-width: 1200px) {
786
- [style~="--scw-min-height-xlg:"] {
787
- min-height: var( --scw-min-height-xlg );
744
+ [style~="--scw-margin-y-sm:"] {
745
+ margin-top: var( --scw-margin-y-sm );
746
+ margin-bottom: var( --scw-margin-y-sm );
788
747
  }
748
+
749
+ [style~="--scw-padding-sm:"] {
750
+ padding: var( --scw-padding-sm );
789
751
  }
790
752
 
753
+ [style~="--scw-padding-left-sm:"] {
754
+ padding-left: var( --scw-padding-left-sm );
755
+ }
791
756
 
757
+ [style~="--scw-padding-right-sm:"] {
758
+ padding-right: var( --scw-padding-right-sm );
759
+ }
792
760
 
793
- @media screen and (min-width: 1200px) {
794
- [style~="--scw-left-xlg:"] {
795
- left: var( --scw-left-xlg );
761
+ [style~="--scw-padding-top-sm:"] {
762
+ padding-top: var( --scw-padding-top-sm );
796
763
  }
764
+
765
+ [style~="--scw-padding-bottom-sm:"] {
766
+ padding-bottom: var( --scw-padding-bottom-sm );
797
767
  }
798
768
 
769
+ [style~="--scw-padding-width-sm:"] {
770
+ padding-left: var( --scw-padding-width-sm );
771
+ padding-right: var( --scw-padding-width-sm );
772
+ }
799
773
 
774
+ [style~="--scw-padding-x-sm:"] {
775
+ padding-left: var( --scw-padding-x-sm );
776
+ padding-right: var( --scw-padding-x-sm );
777
+ }
800
778
 
801
- @media screen and (min-width: 1200px) {
802
- [style~="--scw-right-xlg:"] {
803
- right: var( --scw-right-xlg );
779
+ [style~="--scw-padding-height-sm:"] {
780
+ padding-top: var( --scw-padding-height-sm );
781
+ padding-bottom: var( --scw-padding-height-sm );
804
782
  }
783
+
784
+ [style~="--scw-padding-y-sm:"] {
785
+ padding-top: var( --scw-padding-y-sm );
786
+ padding-bottom: var( --scw-padding-y-sm );
805
787
  }
806
788
 
789
+ [style~="--scw-border-radius-sm:"] {
790
+ border-radius: var( --scw-border-radius-sm );
791
+ }
807
792
 
808
-
809
- @media screen and (min-width: 1200px) {
810
- [style~="--scw-top-xlg:"] {
811
- top: var( --scw-top-xlg );
812
- }
813
- }
814
-
815
-
816
-
817
- @media screen and (min-width: 1200px) {
818
- [style~="--scw-bottom-xlg:"] {
819
- bottom: var( --scw-bottom-xlg );
820
- }
821
- }
822
-
823
-
824
-
825
- @media screen and (min-width: 1200px) {
826
- [style~="--scw-margin-xlg:"] {
827
- margin: var( --scw-margin-xlg );
828
- }
829
- }
830
-
831
-
832
-
833
- @media screen and (min-width: 1200px) {
834
- [style~="--scw-margin-left-xlg:"] {
835
- margin-left: var( --scw-margin-left-xlg );
836
- }
837
- }
838
-
839
-
840
-
841
- @media screen and (min-width: 1200px) {
842
- [style~="--scw-margin-right-xlg:"] {
843
- margin-right: var( --scw-margin-right-xlg );
844
- }
845
- }
846
-
847
-
848
-
849
- @media screen and (min-width: 1200px) {
850
- [style~="--scw-margin-top-xlg:"] {
851
- margin-top: var( --scw-margin-top-xlg );
852
- }
853
- }
854
-
855
-
856
-
857
- @media screen and (min-width: 1200px) {
858
- [style~="--scw-margin-bottom-xlg:"] {
859
- margin-bottom: var( --scw-margin-bottom-xlg );
860
- }
861
- }
862
-
863
-
864
-
865
- @media screen and (min-width: 1200px) {
866
- [style~="--scw-margin-width-xlg:"] {
867
- margin-left: var( --scw-margin-width-xlg );
868
- margin-right: var( --scw-margin-width-xlg );
869
- }
870
- }
871
-
872
-
873
-
874
- @media screen and (min-width: 1200px) {
875
- [style~="--scw-margin-x-xlg:"] {
876
- margin-left: var( --scw-margin-x-xlg );
877
- margin-right: var( --scw-margin-x-xlg );
878
- }
879
- }
880
-
881
-
882
-
883
- @media screen and (min-width: 1200px) {
884
- [style~="--scw-margin-height-xlg:"] {
885
- margin-top: var( --scw-margin-height-xlg );
886
- margin-bottom: var( --scw-margin-height-xlg );
887
- }
888
- }
889
-
890
-
891
-
892
- @media screen and (min-width: 1200px) {
893
- [style~="--scw-margin-y-xlg:"] {
894
- margin-top: var( --scw-margin-y-xlg );
895
- margin-bottom: var( --scw-margin-y-xlg );
896
- }
897
- }
898
-
899
-
900
-
901
- @media screen and (min-width: 1200px) {
902
- [style~="--scw-padding-xlg:"] {
903
- padding: var( --scw-padding-xlg );
904
- }
905
- }
906
-
907
-
908
-
909
- @media screen and (min-width: 1200px) {
910
- [style~="--scw-padding-left-xlg:"] {
911
- padding-left: var( --scw-padding-left-xlg );
912
- }
913
- }
914
-
915
-
916
-
917
- @media screen and (min-width: 1200px) {
918
- [style~="--scw-padding-right-xlg:"] {
919
- padding-right: var( --scw-padding-right-xlg );
920
- }
921
- }
922
-
923
-
924
-
925
- @media screen and (min-width: 1200px) {
926
- [style~="--scw-padding-top-xlg:"] {
927
- padding-top: var( --scw-padding-top-xlg );
928
- }
929
- }
930
-
931
-
932
-
933
- @media screen and (min-width: 1200px) {
934
- [style~="--scw-padding-bottom-xlg:"] {
935
- padding-bottom: var( --scw-padding-bottom-xlg );
936
- }
937
- }
938
-
939
-
940
-
941
- @media screen and (min-width: 1200px) {
942
- [style~="--scw-padding-width-xlg:"] {
943
- padding-left: var( --scw-padding-width-xlg );
944
- padding-right: var( --scw-padding-width-xlg );
945
- }
946
- }
947
-
948
-
949
-
950
- @media screen and (min-width: 1200px) {
951
- [style~="--scw-padding-x-xlg:"] {
952
- padding-left: var( --scw-padding-x-xlg );
953
- padding-right: var( --scw-padding-x-xlg );
954
- }
955
- }
956
-
957
-
958
-
959
- @media screen and (min-width: 1200px) {
960
- [style~="--scw-padding-height-xlg:"] {
961
- padding-top: var( --scw-padding-height-xlg );
962
- padding-bottom: var( --scw-padding-height-xlg );
963
- }
964
- }
965
-
966
-
967
-
968
- @media screen and (min-width: 1200px) {
969
- [style~="--scw-padding-y-xlg:"] {
970
- padding-top: var( --scw-padding-y-xlg );
971
- padding-bottom: var( --scw-padding-y-xlg );
972
- }
973
- }
974
-
975
-
976
-
977
- @media screen and (min-width: 1200px) {
978
- [style~="--scw-border-radius-xlg:"] {
979
- border-radius: var( --scw-border-radius-xlg );
980
- }
981
- }
982
-
983
-
984
-
985
- @media screen and (min-width: 1200px) {
986
- [style~="--scw-gap-xlg:"] > * {
987
- --gap: var( --scw-gap-xlg );
988
- }
793
+ [style~="--scw-gap-sm:"] > * {
794
+ --gap: var( --scw-gap-sm );
989
795
  }
990
796
 
991
-
992
-
993
- @media screen and (min-width: 1200px) {
994
- [style~="--scw-fill-xlg:"] {
995
- flex: var( --scw-fill-xlg );
996
- }
797
+ [style~="--scw-fill-sm:"] {
798
+ flex: var( --scw-fill-sm );
997
799
  }
998
-
999
-
1000
- @media screen and (min-width: 1200px) {
1001
- [style~="--scw-element-xlg:"] {
800
+
801
+ [style~="--scw-element-sm:"] {
1002
802
  /* element */
1003
803
  position: relative;
1004
804
  box-sizing: border-box;
@@ -1010,11 +810,8 @@ scw-float::after,
1010
810
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1011
811
 
1012
812
  display: block;}
1013
- }
1014
-
1015
813
 
1016
- @media screen and (min-width: 1200px) {
1017
- [style~="--scw-layout-xlg:"] {
814
+ [style~="--scw-layout-sm:"] {
1018
815
  /* element */
1019
816
  position: relative;
1020
817
  box-sizing: border-box;
@@ -1026,11 +823,8 @@ scw-float::after,
1026
823
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1027
824
 
1028
825
  display: block;}
1029
- }
1030
826
 
1031
-
1032
- @media screen and (min-width: 1200px) {
1033
- [style~="--scw-text-xlg:"] {
827
+ [style~="--scw-text-sm:"] {
1034
828
  /* element */
1035
829
  position: relative;
1036
830
  box-sizing: border-box;
@@ -1042,11 +836,8 @@ scw-float::after,
1042
836
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1043
837
 
1044
838
  display: inline-block;}
1045
- }
1046
-
1047
839
 
1048
- @media screen and (min-width: 1200px) {
1049
- [style~="--scw-stack-xlg:"] {
840
+ [style~="--scw-stack-sm:"] {
1050
841
  /* element */
1051
842
  position: relative;
1052
843
  box-sizing: border-box;
@@ -1058,27 +849,18 @@ scw-float::after,
1058
849
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1059
850
 
1060
851
  display: block;}
1061
- }
1062
852
 
1063
-
1064
- @media screen and (min-width: 1200px) {
1065
- [style~="--scw-stack-xlg:"] > *:nth-child(n) {
853
+ [style~="--scw-stack-sm:"] > *:nth-child(n) {
1066
854
  --gap-h-int: 0px;
1067
855
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1068
856
  width: 100%;
1069
857
  }
1070
- }
1071
-
1072
858
 
1073
- @media screen and (min-width: 1200px) {
1074
- [style~="--scw-stack-xlg:"] > *:last-child {
859
+ [style~="--scw-stack-sm:"] > *:last-child {
1075
860
  --gap-v-int: 0px;
1076
861
  }
1077
- }
1078
862
 
1079
-
1080
- @media screen and (min-width: 1200px) {
1081
- [style~="--scw-layout-xlg:"] {
863
+ [style~="--scw-layout-sm:"] {
1082
864
  /* element */
1083
865
  position: relative;
1084
866
  box-sizing: border-box;
@@ -1090,27 +872,18 @@ scw-float::after,
1090
872
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1091
873
 
1092
874
  display: block;}
1093
- }
1094
-
1095
875
 
1096
- @media screen and (min-width: 1200px) {
1097
- [style~="--scw-layout-xlg:"] > *:nth-child(n) {
876
+ [style~="--scw-layout-sm:"] > *:nth-child(n) {
1098
877
  --gap-h-int: 0px;
1099
878
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1100
879
  width: 100%;
1101
880
  }
1102
- }
1103
881
 
1104
-
1105
- @media screen and (min-width: 1200px) {
1106
- [style~="--scw-layout-xlg:"] > *:last-child {
882
+ [style~="--scw-layout-sm:"] > *:last-child {
1107
883
  --gap-v-int: 0px;
1108
884
  }
1109
- }
1110
-
1111
885
 
1112
- @media screen and (min-width: 1200px) {
1113
- [style~="--scw-flex-h-xlg:"] {
886
+ [style~="--scw-flex-h-sm:"] {
1114
887
  /* element */
1115
888
  position: relative;
1116
889
  box-sizing: border-box;
@@ -1136,26 +909,17 @@ scw-float::after,
1136
909
  --ai-int: var( --ai-h, initial );
1137
910
  --jc-int: var( --jc-h, initial );
1138
911
  }
1139
- }
1140
912
 
1141
-
1142
- @media screen and (min-width: 1200px) {
1143
- [style~="--scw-flex-h-xlg:"] > *:nth-child(n) {
913
+ [style~="--scw-flex-h-sm:"] > *:nth-child(n) {
1144
914
  --gap-h-int: var( --gap , var( --gap-h, initial ));
1145
915
  --gap-v-int: 0px;
1146
916
  }
1147
- }
1148
-
1149
917
 
1150
- @media screen and (min-width: 1200px) {
1151
- [style~="--scw-flex-h-xlg:"] > *:last-child {
918
+ [style~="--scw-flex-h-sm:"] > *:last-child {
1152
919
  --gap-h-int: 0px;
1153
920
  }
1154
- }
1155
921
 
1156
-
1157
- @media screen and (min-width: 1200px) {
1158
- [style~="--scw-flex-v-xlg:"] {
922
+ [style~="--scw-flex-v-sm:"] {
1159
923
  /* element */
1160
924
  position: relative;
1161
925
  box-sizing: border-box;
@@ -1181,26 +945,17 @@ scw-float::after,
1181
945
  --ai-int: var( --ai-v, initial );
1182
946
  --jc-int: var( --jc-v, initial );
1183
947
  }
1184
- }
1185
-
1186
948
 
1187
- @media screen and (min-width: 1200px) {
1188
- [style~="--scw-flex-v-xlg:"] > *:nth-child(n) {
949
+ [style~="--scw-flex-v-sm:"] > *:nth-child(n) {
1189
950
  --gap-h-int: 0px;
1190
951
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1191
952
  }
1192
- }
1193
953
 
1194
-
1195
- @media screen and (min-width: 1200px) {
1196
- [style~="--scw-flex-v-xlg:"] > *:last-child {
954
+ [style~="--scw-flex-v-sm:"] > *:last-child {
1197
955
  --gap-v-int: 0px;
1198
956
  }
1199
- }
1200
-
1201
957
 
1202
- @media screen and (min-width: 1200px) {
1203
- [style~="--scw-center-xlg:"] {
958
+ [style~="--scw-center-sm:"] {
1204
959
  /* element */
1205
960
  position: relative;
1206
961
  box-sizing: border-box;
@@ -1226,26 +981,17 @@ scw-float::after,
1226
981
  --ai-int: var( --ai-v, initial );
1227
982
  --jc-int: var( --jc-v, initial );
1228
983
  }
1229
- }
1230
984
 
1231
-
1232
- @media screen and (min-width: 1200px) {
1233
- [style~="--scw-center-xlg:"] > *:nth-child(n) {
985
+ [style~="--scw-center-sm:"] > *:nth-child(n) {
1234
986
  --gap-h-int: 0px;
1235
987
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1236
988
  }
1237
- }
1238
-
1239
989
 
1240
- @media screen and (min-width: 1200px) {
1241
- [style~="--scw-center-xlg:"] > *:last-child {
990
+ [style~="--scw-center-sm:"] > *:last-child {
1242
991
  --gap-v-int: 0px;
1243
992
  }
1244
- }
1245
993
 
1246
-
1247
- @media screen and (min-width: 1200px) {
1248
- [style~="--scw-float-xlg:"] {
994
+ [style~="--scw-float-sm:"] {
1249
995
  /* element */
1250
996
  position: relative;
1251
997
  box-sizing: border-box;
@@ -1258,627 +1004,471 @@ scw-float::after,
1258
1004
 
1259
1005
  display: block;
1260
1006
  }
1261
- }
1262
-
1263
1007
 
1264
- @media screen and (min-width: 1200px) {
1265
- [style~="--scw-float-xlg:"] > *:nth-child(n) {
1008
+ [style~="--scw-float-sm:"] > *:nth-child(n) {
1266
1009
  --gap-h-int: 0px;
1267
1010
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1268
1011
  width: auto;
1269
1012
  float: left;
1270
1013
  clear: left;
1271
1014
  }
1272
- }
1273
1015
 
1274
-
1275
- @media screen and (min-width: 1200px) {
1276
- [style~="--scw-float-xlg:"] > *:last-child {
1016
+ [style~="--scw-float-sm:"] > *:last-child {
1277
1017
  --gap-v-int: 0px;
1278
1018
  }
1279
- }
1280
-
1281
1019
 
1282
- @media screen and (min-width: 1200px) {
1283
- [style~="--scw-float-xlg:"]::after {
1020
+ [style~="--scw-float-sm:"]::after {
1284
1021
  content: "";
1285
1022
  clear: both;
1286
1023
  display: table;
1287
1024
  }
1288
- }
1289
1025
 
1290
-
1291
- @media screen and (min-width: 1200px) {
1292
- [style~="--scw-float-left-xlg:"] {
1026
+ [style~="--scw-float-left-sm:"] {
1293
1027
  float: left;
1294
1028
  }
1295
- }
1296
-
1297
1029
 
1298
- @media screen and (min-width: 1200px) {
1299
- [style~="--scw-float-right-xlg:"] {
1030
+ [style~="--scw-float-right-sm:"] {
1300
1031
  float: right;
1301
1032
  }
1302
- }
1303
1033
 
1304
-
1305
- @media screen and (min-width: 1200px) {
1306
- [style~="--scw-float-clear-left-xlg:"] {
1034
+ [style~="--scw-float-clear-left-sm:"] {
1307
1035
  clear: left;
1308
1036
  float: left;
1309
1037
  }
1310
- }
1311
-
1312
1038
 
1313
- @media screen and (min-width: 1200px) {
1314
- [style~="--scw-float-clear-right-xlg:"] {
1039
+ [style~="--scw-float-clear-right-sm:"] {
1315
1040
  clear: right;
1316
1041
  float: right;
1317
1042
  }
1318
- }
1319
1043
 
1320
-
1321
- @media screen and (min-width: 1200px) {
1322
- [style~="--scw-fill-children-xlg:"] > * {
1044
+ [style~="--scw-fill-children-sm:"] > * {
1323
1045
  flex: 1;
1324
1046
  }
1325
- }
1326
-
1327
1047
 
1328
- @media screen and (min-width: 1200px) {
1329
- [style~="--scw-children-fill-xlg:"] > * {
1048
+ [style~="--scw-children-fill-sm:"] > * {
1330
1049
  flex: 1;
1331
1050
  }
1332
- }
1333
1051
 
1334
-
1335
- @media screen and (min-width: 1200px) {
1336
- [style~="--scw-hide-xlg:"] {
1052
+ [style~="--scw-hide-sm:"] {
1337
1053
  display: none;
1338
1054
  }
1339
- }
1340
-
1341
- @media screen and (min-width: 1200px) {
1342
-
1343
- [style~="--scw-alignment-center-xlg:"],
1344
- [style~="--scw-alignment-center-center-xlg:"]{
1055
+
1056
+ [style~="--scw-alignment-center-sm:"],
1057
+ [style~="--scw-alignment-center-center-sm:"]{
1345
1058
  --ai-h: center;
1346
1059
  --jc-h: center;
1347
1060
  --ai-v: center;
1348
1061
  --jc-v: center;
1349
1062
  }
1350
- }
1351
-
1352
- @media screen and (min-width: 1200px) {
1353
1063
 
1354
- [style~="--scw-alignment-center-left-xlg:"],
1355
- [style~="--scw-alignment-left-center-xlg:"]{
1064
+ [style~="--scw-alignment-center-left-sm:"],
1065
+ [style~="--scw-alignment-left-center-sm:"]{
1356
1066
  --ai-h: center;
1357
1067
  --jc-h: flex-start;
1358
1068
  --ai-v: flex-start;
1359
1069
  --jc-v: center;
1360
1070
  }
1361
- }
1362
1071
 
1363
- @media screen and (min-width: 1200px) {
1364
-
1365
- [style~="--scw-alignment-center-right-xlg:"],
1366
- [style~="--scw-alignment-right-center-xlg:"]{
1072
+ [style~="--scw-alignment-center-right-sm:"],
1073
+ [style~="--scw-alignment-right-center-sm:"]{
1367
1074
  --ai-h: center;
1368
1075
  --jc-h: flex-end;
1369
1076
  --ai-v: flex-end;
1370
1077
  --jc-v: center;
1371
1078
  }
1372
- }
1373
-
1374
- @media screen and (min-width: 1200px) {
1375
1079
 
1376
- [style~="--scw-alignment-top-xlg:"],
1377
- [style~="--scw-alignment-top-left-xlg:"],
1378
- [style~="--scw-alignment-left-top-xlg:"],
1379
- [style~="--scw-alignment-left-xlg:"]{
1080
+ [style~="--scw-alignment-top-sm:"],
1081
+ [style~="--scw-alignment-top-left-sm:"],
1082
+ [style~="--scw-alignment-left-top-sm:"],
1083
+ [style~="--scw-alignment-left-sm:"]{
1380
1084
  --ai-h: flex-start;
1381
1085
  --jc-h: flex-start;
1382
1086
  --ai-v: flex-start;
1383
1087
  --jc-v: flex-start;
1384
1088
  }
1385
- }
1386
-
1387
- @media screen and (min-width: 1200px) {
1388
1089
 
1389
- [style~="--scw-alignment-top-center-xlg:"],
1390
- [style~="--scw-alignment-center-top-xlg:"]{
1090
+ [style~="--scw-alignment-top-center-sm:"],
1091
+ [style~="--scw-alignment-center-top-sm:"]{
1391
1092
  --ai-h: flex-start;
1392
1093
  --jc-h: center;
1393
1094
  --ai-v: center;
1394
1095
  --jc-v: flex-start;
1395
1096
  }
1396
- }
1397
-
1398
- @media screen and (min-width: 1200px) {
1399
1097
 
1400
- [style~="--scw-alignment-top-right-xlg:"],
1401
- [style~="--scw-alignment-right-top-xlg:"],
1402
- [style~="--scw-alignment-right-xlg:"]{
1098
+ [style~="--scw-alignment-top-right-sm:"],
1099
+ [style~="--scw-alignment-right-top-sm:"],
1100
+ [style~="--scw-alignment-right-sm:"]{
1403
1101
  --ai-h: flex-start;
1404
1102
  --jc-h: flex-end;
1405
1103
  --ai-v: flex-end;
1406
1104
  --jc-v: flex-start;
1407
1105
  }
1408
- }
1409
-
1410
- @media screen and (min-width: 1200px) {
1411
1106
 
1412
- [style~="--scw-alignment-bottom-left-xlg:"],
1413
- [style~="--scw-alignment-left-bottom-xlg:"],
1414
- [style~="--scw-alignment-bottom-xlg:"]{
1107
+ [style~="--scw-alignment-bottom-left-sm:"],
1108
+ [style~="--scw-alignment-left-bottom-sm:"],
1109
+ [style~="--scw-alignment-bottom-sm:"]{
1415
1110
  --ai-h: flex-end;
1416
1111
  --jc-h: flex-start;
1417
1112
  --ai-v: flex-start;
1418
1113
  --jc-v: flex-end;
1419
1114
  }
1420
- }
1421
-
1422
- @media screen and (min-width: 1200px) {
1423
1115
 
1424
- [style~="--scw-alignment-bottom-center-xlg:"],
1425
- [style~="--scw-alignment-center-bottom-xlg:"]{
1116
+ [style~="--scw-alignment-bottom-center-sm:"],
1117
+ [style~="--scw-alignment-center-bottom-sm:"]{
1426
1118
  --ai-h: flex-end;
1427
1119
  --jc-h: center;
1428
1120
  --ai-v: center;
1429
1121
  --jc-v: flex-end;
1430
1122
  }
1431
- }
1432
-
1433
- @media screen and (min-width: 1200px) {
1434
1123
 
1435
- [style~="--scw-alignment-bottom-right-xlg:"],
1436
- [style~="--scw-alignment-right-bottom-xlg:"]{
1124
+ [style~="--scw-alignment-bottom-right-sm:"],
1125
+ [style~="--scw-alignment-right-bottom-sm:"]{
1437
1126
  --ai-h: flex-end;
1438
1127
  --jc-h: flex-end;
1439
1128
  --ai-v: flex-end;
1440
1129
  --jc-v: flex-end;
1441
1130
  }
1442
- }
1443
-
1444
- @media screen and (min-width: 1200px) {
1445
1131
 
1446
- [style~="--scw-alignment-stretch-xlg:"],
1447
- [style~="--scw-alignment-stretch-left-xlg:"],
1448
- [style~="--scw-alignment-left-stretch-xlg:"],
1449
- [style~="--scw-alignment-stretch-top-xlg:"],
1450
- [style~="--scw-alignment-top-stretch-xlg:"]{
1132
+ [style~="--scw-alignment-stretch-sm:"],
1133
+ [style~="--scw-alignment-stretch-left-sm:"],
1134
+ [style~="--scw-alignment-left-stretch-sm:"],
1135
+ [style~="--scw-alignment-stretch-top-sm:"],
1136
+ [style~="--scw-alignment-top-stretch-sm:"]{
1451
1137
  --ai-h: stretch;
1452
1138
  --jc-h: flex-start;
1453
1139
  --ai-v: stretch;
1454
1140
  --jc-v: flex-start;
1455
1141
  }
1456
- }
1457
-
1458
- @media screen and (min-width: 1200px) {
1459
1142
 
1460
- [style~="--scw-alignment-stretch-right-xlg:"],
1461
- [style~="--scw-alignment-right-stretch-xlg:"],
1462
- [style~="--scw-alignment-stretch-bottom-xlg:"],
1463
- [style~="--scw-alignment-bottom-stretch-xlg:"]{
1143
+ [style~="--scw-alignment-stretch-right-sm:"],
1144
+ [style~="--scw-alignment-right-stretch-sm:"],
1145
+ [style~="--scw-alignment-stretch-bottom-sm:"],
1146
+ [style~="--scw-alignment-bottom-stretch-sm:"]{
1464
1147
  --ai-h: stretch;
1465
1148
  --jc-h: flex-end;
1466
1149
  --ai-v: stretch;
1467
1150
  --jc-v: flex-end;
1468
1151
  }
1469
- }
1470
-
1471
- @media screen and (min-width: 1200px) {
1472
1152
 
1473
- [style~="--scw-alignment-stretch-center-xlg:"],
1474
- [style~="--scw-alignment-center-stretch-xlg:"]{
1153
+ [style~="--scw-alignment-stretch-center-sm:"],
1154
+ [style~="--scw-alignment-center-stretch-sm:"]{
1475
1155
  --ai-h: stretch;
1476
1156
  --jc-h: center;
1477
1157
  --ai-v: stretch;
1478
1158
  --jc-v: center;
1479
1159
  }
1480
- }
1481
1160
 
1482
- @media screen and (min-width: 1200px) {
1483
-
1484
- [style~="--scw-baseline-xlg:"],
1485
- [style~="--scw-alignment-baseline-left-xlg:"],
1486
- [style~="--scw-alignment-left-baseline-xlg:"]{
1161
+ [style~="--scw-baseline-sm:"],
1162
+ [style~="--scw-alignment-baseline-left-sm:"],
1163
+ [style~="--scw-alignment-left-baseline-sm:"]{
1487
1164
  --ai-h: baseline;
1488
1165
  --jc-h: flex-start;
1489
1166
  --ai-v: flex-start;
1490
1167
  --jc-v: flex-start;
1491
1168
  }
1492
- }
1493
-
1494
- @media screen and (min-width: 1200px) {
1495
1169
 
1496
- [style~="--scw-alignment-baseline-right-xlg:"],
1497
- [style~="--scw-alignment-right-baseline-xlg:"]{
1170
+ [style~="--scw-alignment-baseline-right-sm:"],
1171
+ [style~="--scw-alignment-right-baseline-sm:"]{
1498
1172
  --ai-h: baseline;
1499
1173
  --jc-h: flex-start;
1500
1174
  --ai-v: flex-start;
1501
1175
  --jc-v: flex-start;
1502
1176
  }
1503
- }
1504
1177
 
1505
- @media screen and (min-width: 1200px) {
1506
-
1507
- [style~="--scw-alignment-baseline-center-xlg:"],
1508
- [style~="--scw-alignment-center-baseline-xlg:"]{
1178
+ [style~="--scw-alignment-baseline-center-sm:"],
1179
+ [style~="--scw-alignment-center-baseline-sm:"]{
1509
1180
  --ai-h: baseline;
1510
1181
  --jc-h: center;
1511
1182
  --ai-v: center;
1512
1183
  --jc-v: flex-start;
1513
1184
  }
1514
- }
1515
-
1516
-
1517
1185
 
1518
1186
 
1519
- @media screen and (min-width: 992px) {
1520
- [style~="--scw-background-color-lg:"] {
1521
- --background-color: var( --scw-color-01, var( --scw-background-color-lg ));
1522
- background-color: var( --background-color );
1523
- }
1524
1187
  }
1525
1188
 
1189
+ @media screen and (min-width: 768px) {
1526
1190
 
1527
- @media screen and (min-width: 992px) {
1528
- [style~="--scw-background-color-hover-lg:"]:hover {
1529
- background-color: var( --scw-color-01, var( --scw-background-color-hover-lg ));
1530
- }
1191
+
1192
+
1193
+ [style~="--scw-background-color-md:"] {
1194
+ --background-color: var( --scw-color-01, var( --scw-background-color-md ));
1195
+ background-color: var( --background-color );
1531
1196
  }
1532
1197
 
1198
+ [style~="--scw-background-color-hover-md:"]:hover {
1199
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-md ));
1200
+ }
1533
1201
 
1534
- @media screen and (min-width: 992px) {
1535
- [style~="--scw-color-lg:"] {
1536
- --color: var( --scw-color-01, var( --scw-color-lg ));
1202
+ [style~="--scw-color-md:"] {
1203
+ --color: var( --scw-color-01, var( --scw-color-md ));
1537
1204
  color: var( --color );
1538
1205
  }
1539
- }
1540
-
1541
1206
 
1542
- @media screen and (min-width: 992px) {
1543
- [style~="--scw-color-hover-lg:"]:hover {
1544
- color: var( --scw-color-01, var( --scw-color-hover-lg ));
1545
- }
1207
+ [style~="--scw-color-hover-md:"]:hover {
1208
+ color: var( --scw-color-01, var( --scw-color-hover-md ));
1546
1209
  }
1547
1210
 
1548
-
1549
- @media screen and (min-width: 992px) {
1550
- [style~="--scw-border-color-lg:"] {
1551
- border-color: var( --scw-color-01, var( --scw-border-color-lg ));
1552
- }
1211
+ [style~="--scw-border-color-md:"] {
1212
+ border-color: var( --scw-color-01, var( --scw-border-color-md ));
1553
1213
  }
1554
1214
 
1215
+ [style~="--scw-border-top-md:"] {
1216
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
1217
+ }
1555
1218
 
1556
- @media screen and (min-width: 992px) {
1557
- [style~="--scw-border-top-lg:"] {
1558
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
1219
+ [style~="--scw-border-bottom-md:"] {
1220
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
1559
1221
  }
1222
+
1223
+ [style~="--scw-border-left-md:"] {
1224
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
1560
1225
  }
1561
1226
 
1562
-
1563
- @media screen and (min-width: 992px) {
1564
- [style~="--scw-border-bottom-lg:"] {
1565
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
1566
- }
1227
+ [style~="--scw-border-right-md:"] {
1228
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
1567
1229
  }
1568
1230
 
1569
-
1570
- @media screen and (min-width: 992px) {
1571
- [style~="--scw-border-left-lg:"] {
1572
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
1573
- }
1231
+ [style~="--scw-border-md:"] {
1232
+ border: 1px solid var( --scw-color-01, var( --scw-border-md ));
1574
1233
  }
1575
-
1576
-
1577
- @media screen and (min-width: 992px) {
1578
- [style~="--scw-border-right-lg:"] {
1579
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
1234
+
1235
+ [style~="--scw-font-md:"] {
1236
+ font: var( --scw-font-md );
1580
1237
  }
1238
+
1239
+ [style~="--scw-size-md:"] {
1240
+ width: var( --scw-size-md );
1241
+ height: var( --scw-size-md );
1581
1242
  }
1582
1243
 
1583
-
1584
- @media screen and (min-width: 992px) {
1585
- [style~="--scw-border-lg:"] {
1586
- border: 1px solid var( --scw-color-01, var( --scw-border-lg ));
1587
- }
1244
+ [style~="--scw-max-size-md:"] {
1245
+ max-width: var( --scw-max-size-md );
1246
+ max-height: var( --scw-max-size-md );
1588
1247
  }
1589
-
1590
1248
 
1591
- @media screen and (min-width: 992px) {
1592
- [style~="--scw-font-lg:"] {
1593
- font: var( --scw-font-lg );
1594
- }
1249
+ [style~="--scw-min-size-md:"] {
1250
+ min-width: var( --scw-min-size-md );
1251
+ min-height: var( --scw-min-size-md );
1595
1252
  }
1596
-
1597
1253
 
1598
- @media screen and (min-width: 992px) {
1599
- [style~="--scw-size-lg:"] {
1600
- width: var( --scw-size-lg );
1601
- height: var( --scw-size-lg );
1602
- }
1254
+ [style~="--scw-width-md:"] {
1255
+ width: var( --scw-width-md );
1603
1256
  }
1604
1257
 
1605
-
1606
-
1607
- @media screen and (min-width: 992px) {
1608
- [style~="--scw-max-size-lg:"] {
1609
- max-width: var( --scw-max-size-lg );
1610
- max-height: var( --scw-max-size-lg );
1611
- }
1258
+ [style~="--scw-max-width-md:"] {
1259
+ max-width: var( --scw-max-width-md );
1612
1260
  }
1613
1261
 
1614
-
1615
-
1616
- @media screen and (min-width: 992px) {
1617
- [style~="--scw-min-size-lg:"] {
1618
- min-width: var( --scw-min-size-lg );
1619
- min-height: var( --scw-min-size-lg );
1620
- }
1262
+ [style~="--scw-min-width-md:"] {
1263
+ min-width: var( --scw-min-width-md );
1621
1264
  }
1622
1265
 
1266
+ [style~="--scw-height-md:"] {
1267
+ height: var( --scw-height-md );
1268
+ }
1623
1269
 
1624
-
1625
- @media screen and (min-width: 992px) {
1626
- [style~="--scw-width-lg:"] {
1627
- width: var( --scw-width-lg );
1270
+ [style~="--scw-max-height-md:"] {
1271
+ max-height: var( --scw-max-height-md );
1628
1272
  }
1273
+
1274
+ [style~="--scw-min-height-md:"] {
1275
+ min-height: var( --scw-min-height-md );
1629
1276
  }
1630
1277
 
1278
+ [style~="--scw-left-md:"] {
1279
+ left: var( --scw-left-md );
1280
+ }
1631
1281
 
1282
+ [style~="--scw-right-md:"] {
1283
+ right: var( --scw-right-md );
1284
+ }
1632
1285
 
1633
- @media screen and (min-width: 992px) {
1634
- [style~="--scw-max-width-lg:"] {
1635
- max-width: var( --scw-max-width-lg );
1286
+ [style~="--scw-top-md:"] {
1287
+ top: var( --scw-top-md );
1636
1288
  }
1289
+
1290
+ [style~="--scw-bottom-md:"] {
1291
+ bottom: var( --scw-bottom-md );
1637
1292
  }
1638
1293
 
1294
+ [style~="--scw-margin-md:"] {
1295
+ margin: var( --scw-margin-md );
1296
+ }
1639
1297
 
1298
+ [style~="--scw-margin-left-md:"] {
1299
+ margin-left: var( --scw-margin-left-md );
1300
+ }
1640
1301
 
1641
- @media screen and (min-width: 992px) {
1642
- [style~="--scw-min-width-lg:"] {
1643
- min-width: var( --scw-min-width-lg );
1302
+ [style~="--scw-margin-right-md:"] {
1303
+ margin-right: var( --scw-margin-right-md );
1644
1304
  }
1305
+
1306
+ [style~="--scw-margin-top-md:"] {
1307
+ margin-top: var( --scw-margin-top-md );
1645
1308
  }
1646
1309
 
1310
+ [style~="--scw-margin-bottom-md:"] {
1311
+ margin-bottom: var( --scw-margin-bottom-md );
1312
+ }
1647
1313
 
1314
+ [style~="--scw-margin-width-md:"] {
1315
+ margin-left: var( --scw-margin-width-md );
1316
+ margin-right: var( --scw-margin-width-md );
1317
+ }
1648
1318
 
1649
- @media screen and (min-width: 992px) {
1650
- [style~="--scw-height-lg:"] {
1651
- height: var( --scw-height-lg );
1319
+ [style~="--scw-margin-x-md:"] {
1320
+ margin-left: var( --scw-margin-x-md );
1321
+ margin-right: var( --scw-margin-x-md );
1652
1322
  }
1323
+
1324
+ [style~="--scw-margin-height-md:"] {
1325
+ margin-top: var( --scw-margin-height-md );
1326
+ margin-bottom: var( --scw-margin-height-md );
1653
1327
  }
1654
1328
 
1329
+ [style~="--scw-margin-y-md:"] {
1330
+ margin-top: var( --scw-margin-y-md );
1331
+ margin-bottom: var( --scw-margin-y-md );
1332
+ }
1655
1333
 
1334
+ [style~="--scw-padding-md:"] {
1335
+ padding: var( --scw-padding-md );
1336
+ }
1656
1337
 
1657
- @media screen and (min-width: 992px) {
1658
- [style~="--scw-max-height-lg:"] {
1659
- max-height: var( --scw-max-height-lg );
1338
+ [style~="--scw-padding-left-md:"] {
1339
+ padding-left: var( --scw-padding-left-md );
1660
1340
  }
1341
+
1342
+ [style~="--scw-padding-right-md:"] {
1343
+ padding-right: var( --scw-padding-right-md );
1661
1344
  }
1662
1345
 
1346
+ [style~="--scw-padding-top-md:"] {
1347
+ padding-top: var( --scw-padding-top-md );
1348
+ }
1663
1349
 
1350
+ [style~="--scw-padding-bottom-md:"] {
1351
+ padding-bottom: var( --scw-padding-bottom-md );
1352
+ }
1664
1353
 
1665
- @media screen and (min-width: 992px) {
1666
- [style~="--scw-min-height-lg:"] {
1667
- min-height: var( --scw-min-height-lg );
1354
+ [style~="--scw-padding-width-md:"] {
1355
+ padding-left: var( --scw-padding-width-md );
1356
+ padding-right: var( --scw-padding-width-md );
1668
1357
  }
1358
+
1359
+ [style~="--scw-padding-x-md:"] {
1360
+ padding-left: var( --scw-padding-x-md );
1361
+ padding-right: var( --scw-padding-x-md );
1669
1362
  }
1670
1363
 
1364
+ [style~="--scw-padding-height-md:"] {
1365
+ padding-top: var( --scw-padding-height-md );
1366
+ padding-bottom: var( --scw-padding-height-md );
1367
+ }
1671
1368
 
1369
+ [style~="--scw-padding-y-md:"] {
1370
+ padding-top: var( --scw-padding-y-md );
1371
+ padding-bottom: var( --scw-padding-y-md );
1372
+ }
1672
1373
 
1673
- @media screen and (min-width: 992px) {
1674
- [style~="--scw-left-lg:"] {
1675
- left: var( --scw-left-lg );
1374
+ [style~="--scw-border-radius-md:"] {
1375
+ border-radius: var( --scw-border-radius-md );
1676
1376
  }
1377
+
1378
+ [style~="--scw-gap-md:"] > * {
1379
+ --gap: var( --scw-gap-md );
1677
1380
  }
1678
1381
 
1382
+ [style~="--scw-fill-md:"] {
1383
+ flex: var( --scw-fill-md );
1384
+ }
1385
+
1386
+ [style~="--scw-element-md:"] {
1387
+ /* element */
1388
+ position: relative;
1389
+ box-sizing: border-box;
1390
+ --margin-right: initial;
1391
+ --margin-bottom: initial;
1392
+ --gap-h-int: initial;
1393
+ --gap-v-int: initial;
1394
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1395
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1679
1396
 
1397
+ display: block;}
1680
1398
 
1681
- @media screen and (min-width: 992px) {
1682
- [style~="--scw-right-lg:"] {
1683
- right: var( --scw-right-lg );
1684
- }
1685
- }
1399
+ [style~="--scw-layout-md:"] {
1400
+ /* element */
1401
+ position: relative;
1402
+ box-sizing: border-box;
1403
+ --margin-right: initial;
1404
+ --margin-bottom: initial;
1405
+ --gap-h-int: initial;
1406
+ --gap-v-int: initial;
1407
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1408
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1686
1409
 
1410
+ display: block;}
1687
1411
 
1412
+ [style~="--scw-text-md:"] {
1413
+ /* element */
1414
+ position: relative;
1415
+ box-sizing: border-box;
1416
+ --margin-right: initial;
1417
+ --margin-bottom: initial;
1418
+ --gap-h-int: initial;
1419
+ --gap-v-int: initial;
1420
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1421
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1688
1422
 
1689
- @media screen and (min-width: 992px) {
1690
- [style~="--scw-top-lg:"] {
1691
- top: var( --scw-top-lg );
1692
- }
1693
- }
1423
+ display: inline-block;}
1694
1424
 
1425
+ [style~="--scw-stack-md:"] {
1426
+ /* element */
1427
+ position: relative;
1428
+ box-sizing: border-box;
1429
+ --margin-right: initial;
1430
+ --margin-bottom: initial;
1431
+ --gap-h-int: initial;
1432
+ --gap-v-int: initial;
1433
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1434
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1695
1435
 
1436
+ display: block;}
1696
1437
 
1697
- @media screen and (min-width: 992px) {
1698
- [style~="--scw-bottom-lg:"] {
1699
- bottom: var( --scw-bottom-lg );
1438
+ [style~="--scw-stack-md:"] > *:nth-child(n) {
1439
+ --gap-h-int: 0px;
1440
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
1441
+ width: 100%;
1700
1442
  }
1443
+
1444
+ [style~="--scw-stack-md:"] > *:last-child {
1445
+ --gap-v-int: 0px;
1701
1446
  }
1702
1447
 
1448
+ [style~="--scw-layout-md:"] {
1449
+ /* element */
1450
+ position: relative;
1451
+ box-sizing: border-box;
1452
+ --margin-right: initial;
1453
+ --margin-bottom: initial;
1454
+ --gap-h-int: initial;
1455
+ --gap-v-int: initial;
1456
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1457
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1703
1458
 
1459
+ display: block;}
1704
1460
 
1705
- @media screen and (min-width: 992px) {
1706
- [style~="--scw-margin-lg:"] {
1707
- margin: var( --scw-margin-lg );
1708
- }
1461
+ [style~="--scw-layout-md:"] > *:nth-child(n) {
1462
+ --gap-h-int: 0px;
1463
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
1464
+ width: 100%;
1709
1465
  }
1710
1466
 
1711
-
1712
-
1713
- @media screen and (min-width: 992px) {
1714
- [style~="--scw-margin-left-lg:"] {
1715
- margin-left: var( --scw-margin-left-lg );
1716
- }
1717
- }
1718
-
1719
-
1720
-
1721
- @media screen and (min-width: 992px) {
1722
- [style~="--scw-margin-right-lg:"] {
1723
- margin-right: var( --scw-margin-right-lg );
1724
- }
1725
- }
1726
-
1727
-
1728
-
1729
- @media screen and (min-width: 992px) {
1730
- [style~="--scw-margin-top-lg:"] {
1731
- margin-top: var( --scw-margin-top-lg );
1732
- }
1733
- }
1734
-
1735
-
1736
-
1737
- @media screen and (min-width: 992px) {
1738
- [style~="--scw-margin-bottom-lg:"] {
1739
- margin-bottom: var( --scw-margin-bottom-lg );
1740
- }
1741
- }
1742
-
1743
-
1744
-
1745
- @media screen and (min-width: 992px) {
1746
- [style~="--scw-margin-width-lg:"] {
1747
- margin-left: var( --scw-margin-width-lg );
1748
- margin-right: var( --scw-margin-width-lg );
1749
- }
1750
- }
1751
-
1752
-
1753
-
1754
- @media screen and (min-width: 992px) {
1755
- [style~="--scw-margin-x-lg:"] {
1756
- margin-left: var( --scw-margin-x-lg );
1757
- margin-right: var( --scw-margin-x-lg );
1758
- }
1759
- }
1760
-
1761
-
1762
-
1763
- @media screen and (min-width: 992px) {
1764
- [style~="--scw-margin-height-lg:"] {
1765
- margin-top: var( --scw-margin-height-lg );
1766
- margin-bottom: var( --scw-margin-height-lg );
1767
- }
1768
- }
1769
-
1770
-
1771
-
1772
- @media screen and (min-width: 992px) {
1773
- [style~="--scw-margin-y-lg:"] {
1774
- margin-top: var( --scw-margin-y-lg );
1775
- margin-bottom: var( --scw-margin-y-lg );
1776
- }
1777
- }
1778
-
1779
-
1780
-
1781
- @media screen and (min-width: 992px) {
1782
- [style~="--scw-padding-lg:"] {
1783
- padding: var( --scw-padding-lg );
1784
- }
1785
- }
1786
-
1787
-
1788
-
1789
- @media screen and (min-width: 992px) {
1790
- [style~="--scw-padding-left-lg:"] {
1791
- padding-left: var( --scw-padding-left-lg );
1792
- }
1793
- }
1794
-
1795
-
1796
-
1797
- @media screen and (min-width: 992px) {
1798
- [style~="--scw-padding-right-lg:"] {
1799
- padding-right: var( --scw-padding-right-lg );
1800
- }
1801
- }
1802
-
1803
-
1804
-
1805
- @media screen and (min-width: 992px) {
1806
- [style~="--scw-padding-top-lg:"] {
1807
- padding-top: var( --scw-padding-top-lg );
1808
- }
1809
- }
1810
-
1811
-
1812
-
1813
- @media screen and (min-width: 992px) {
1814
- [style~="--scw-padding-bottom-lg:"] {
1815
- padding-bottom: var( --scw-padding-bottom-lg );
1816
- }
1817
- }
1818
-
1819
-
1820
-
1821
- @media screen and (min-width: 992px) {
1822
- [style~="--scw-padding-width-lg:"] {
1823
- padding-left: var( --scw-padding-width-lg );
1824
- padding-right: var( --scw-padding-width-lg );
1825
- }
1826
- }
1827
-
1828
-
1829
-
1830
- @media screen and (min-width: 992px) {
1831
- [style~="--scw-padding-x-lg:"] {
1832
- padding-left: var( --scw-padding-x-lg );
1833
- padding-right: var( --scw-padding-x-lg );
1834
- }
1835
- }
1836
-
1837
-
1838
-
1839
- @media screen and (min-width: 992px) {
1840
- [style~="--scw-padding-height-lg:"] {
1841
- padding-top: var( --scw-padding-height-lg );
1842
- padding-bottom: var( --scw-padding-height-lg );
1843
- }
1844
- }
1845
-
1846
-
1847
-
1848
- @media screen and (min-width: 992px) {
1849
- [style~="--scw-padding-y-lg:"] {
1850
- padding-top: var( --scw-padding-y-lg );
1851
- padding-bottom: var( --scw-padding-y-lg );
1852
- }
1853
- }
1854
-
1855
-
1856
-
1857
- @media screen and (min-width: 992px) {
1858
- [style~="--scw-border-radius-lg:"] {
1859
- border-radius: var( --scw-border-radius-lg );
1860
- }
1861
- }
1862
-
1863
-
1864
-
1865
- @media screen and (min-width: 992px) {
1866
- [style~="--scw-gap-lg:"] > * {
1867
- --gap: var( --scw-gap-lg );
1868
- }
1869
- }
1870
-
1871
-
1872
-
1873
- @media screen and (min-width: 992px) {
1874
- [style~="--scw-fill-lg:"] {
1875
- flex: var( --scw-fill-lg );
1876
- }
1467
+ [style~="--scw-layout-md:"] > *:last-child {
1468
+ --gap-v-int: 0px;
1877
1469
  }
1878
-
1879
1470
 
1880
- @media screen and (min-width: 992px) {
1881
- [style~="--scw-element-lg:"] {
1471
+ [style~="--scw-flex-h-md:"] {
1882
1472
  /* element */
1883
1473
  position: relative;
1884
1474
  box-sizing: border-box;
@@ -1889,12 +1479,32 @@ scw-float::after,
1889
1479
  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1890
1480
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1891
1481
 
1892
- display: block;}
1482
+ /* flex element */
1483
+ position: relative;
1484
+ box-sizing: border-box;
1485
+ --align-items: initial;
1486
+ --justify-content: initial;
1487
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
1488
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
1489
+
1490
+ display: flex;
1491
+ flex-flow: row nowrap;
1492
+ --ai-h: flex-start;
1493
+ --jc-h: flex-start;
1494
+ --ai-int: var( --ai-h, initial );
1495
+ --jc-int: var( --jc-h, initial );
1893
1496
  }
1894
1497
 
1498
+ [style~="--scw-flex-h-md:"] > *:nth-child(n) {
1499
+ --gap-h-int: var( --gap , var( --gap-h, initial ));
1500
+ --gap-v-int: 0px;
1501
+ }
1895
1502
 
1896
- @media screen and (min-width: 992px) {
1897
- [style~="--scw-layout-lg:"] {
1503
+ [style~="--scw-flex-h-md:"] > *:last-child {
1504
+ --gap-h-int: 0px;
1505
+ }
1506
+
1507
+ [style~="--scw-flex-v-md:"] {
1898
1508
  /* element */
1899
1509
  position: relative;
1900
1510
  box-sizing: border-box;
@@ -1905,12 +1515,32 @@ scw-float::after,
1905
1515
  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1906
1516
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1907
1517
 
1908
- display: block;}
1518
+ /* flex element */
1519
+ position: relative;
1520
+ box-sizing: border-box;
1521
+ --align-items: initial;
1522
+ --justify-content: initial;
1523
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
1524
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
1525
+
1526
+ display: flex;
1527
+ flex-flow: column nowrap;
1528
+ --ai-v: flex-start;
1529
+ --jc-v: flex-start;
1530
+ --ai-int: var( --ai-v, initial );
1531
+ --jc-int: var( --jc-v, initial );
1532
+ }
1533
+
1534
+ [style~="--scw-flex-v-md:"] > *:nth-child(n) {
1535
+ --gap-h-int: 0px;
1536
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
1909
1537
  }
1910
1538
 
1539
+ [style~="--scw-flex-v-md:"] > *:last-child {
1540
+ --gap-v-int: 0px;
1541
+ }
1911
1542
 
1912
- @media screen and (min-width: 992px) {
1913
- [style~="--scw-text-lg:"] {
1543
+ [style~="--scw-center-md:"] {
1914
1544
  /* element */
1915
1545
  position: relative;
1916
1546
  box-sizing: border-box;
@@ -1921,12 +1551,32 @@ scw-float::after,
1921
1551
  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1922
1552
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1923
1553
 
1924
- display: inline-block;}
1554
+ /* flex element */
1555
+ position: relative;
1556
+ box-sizing: border-box;
1557
+ --align-items: initial;
1558
+ --justify-content: initial;
1559
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
1560
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
1561
+
1562
+ display: flex;
1563
+ flex-flow: column nowrap;
1564
+ --ai-v: center;
1565
+ --jc-v: center;
1566
+ --ai-int: var( --ai-v, initial );
1567
+ --jc-int: var( --jc-v, initial );
1568
+ }
1569
+
1570
+ [style~="--scw-center-md:"] > *:nth-child(n) {
1571
+ --gap-h-int: 0px;
1572
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
1925
1573
  }
1926
1574
 
1575
+ [style~="--scw-center-md:"] > *:last-child {
1576
+ --gap-v-int: 0px;
1577
+ }
1927
1578
 
1928
- @media screen and (min-width: 992px) {
1929
- [style~="--scw-stack-lg:"] {
1579
+ [style~="--scw-float-md:"] {
1930
1580
  /* element */
1931
1581
  position: relative;
1932
1582
  box-sizing: border-box;
@@ -1937,1169 +1587,57 @@ scw-float::after,
1937
1587
  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1938
1588
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1939
1589
 
1940
- display: block;}
1590
+ display: block;
1941
1591
  }
1942
1592
 
1943
-
1944
- @media screen and (min-width: 992px) {
1945
- [style~="--scw-stack-lg:"] > *:nth-child(n) {
1946
- --gap-h-int: 0px;
1947
- --gap-v-int: var( --gap, var( --gap-v, initial ));
1948
- width: 100%;
1949
- }
1950
- }
1951
-
1952
-
1953
- @media screen and (min-width: 992px) {
1954
- [style~="--scw-stack-lg:"] > *:last-child {
1955
- --gap-v-int: 0px;
1956
- }
1957
- }
1958
-
1959
-
1960
- @media screen and (min-width: 992px) {
1961
- [style~="--scw-layout-lg:"] {
1962
- /* element */
1963
- position: relative;
1964
- box-sizing: border-box;
1965
- --margin-right: initial;
1966
- --margin-bottom: initial;
1967
- --gap-h-int: initial;
1968
- --gap-v-int: initial;
1969
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1970
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1971
-
1972
- display: block;}
1973
- }
1974
-
1975
-
1976
- @media screen and (min-width: 992px) {
1977
- [style~="--scw-layout-lg:"] > *:nth-child(n) {
1978
- --gap-h-int: 0px;
1979
- --gap-v-int: var( --gap, var( --gap-v, initial ));
1980
- width: 100%;
1981
- }
1982
- }
1983
-
1984
-
1985
- @media screen and (min-width: 992px) {
1986
- [style~="--scw-layout-lg:"] > *:last-child {
1987
- --gap-v-int: 0px;
1988
- }
1989
- }
1990
-
1991
-
1992
- @media screen and (min-width: 992px) {
1993
- [style~="--scw-flex-h-lg:"] {
1994
- /* element */
1995
- position: relative;
1996
- box-sizing: border-box;
1997
- --margin-right: initial;
1998
- --margin-bottom: initial;
1999
- --gap-h-int: initial;
2000
- --gap-v-int: initial;
2001
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2002
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2003
-
2004
- /* flex element */
2005
- position: relative;
2006
- box-sizing: border-box;
2007
- --align-items: initial;
2008
- --justify-content: initial;
2009
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2010
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2011
-
2012
- display: flex;
2013
- flex-flow: row nowrap;
2014
- --ai-h: flex-start;
2015
- --jc-h: flex-start;
2016
- --ai-int: var( --ai-h, initial );
2017
- --jc-int: var( --jc-h, initial );
2018
- }
2019
- }
2020
-
2021
-
2022
- @media screen and (min-width: 992px) {
2023
- [style~="--scw-flex-h-lg:"] > *:nth-child(n) {
2024
- --gap-h-int: var( --gap , var( --gap-h, initial ));
2025
- --gap-v-int: 0px;
2026
- }
2027
- }
2028
-
2029
-
2030
- @media screen and (min-width: 992px) {
2031
- [style~="--scw-flex-h-lg:"] > *:last-child {
2032
- --gap-h-int: 0px;
2033
- }
2034
- }
2035
-
2036
-
2037
- @media screen and (min-width: 992px) {
2038
- [style~="--scw-flex-v-lg:"] {
2039
- /* element */
2040
- position: relative;
2041
- box-sizing: border-box;
2042
- --margin-right: initial;
2043
- --margin-bottom: initial;
2044
- --gap-h-int: initial;
2045
- --gap-v-int: initial;
2046
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2047
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2048
-
2049
- /* flex element */
2050
- position: relative;
2051
- box-sizing: border-box;
2052
- --align-items: initial;
2053
- --justify-content: initial;
2054
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2055
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2056
-
2057
- display: flex;
2058
- flex-flow: column nowrap;
2059
- --ai-v: flex-start;
2060
- --jc-v: flex-start;
2061
- --ai-int: var( --ai-v, initial );
2062
- --jc-int: var( --jc-v, initial );
2063
- }
2064
- }
2065
-
2066
-
2067
- @media screen and (min-width: 992px) {
2068
- [style~="--scw-flex-v-lg:"] > *:nth-child(n) {
2069
- --gap-h-int: 0px;
2070
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2071
- }
2072
- }
2073
-
2074
-
2075
- @media screen and (min-width: 992px) {
2076
- [style~="--scw-flex-v-lg:"] > *:last-child {
2077
- --gap-v-int: 0px;
2078
- }
2079
- }
2080
-
2081
-
2082
- @media screen and (min-width: 992px) {
2083
- [style~="--scw-center-lg:"] {
2084
- /* element */
2085
- position: relative;
2086
- box-sizing: border-box;
2087
- --margin-right: initial;
2088
- --margin-bottom: initial;
2089
- --gap-h-int: initial;
2090
- --gap-v-int: initial;
2091
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2092
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2093
-
2094
- /* flex element */
2095
- position: relative;
2096
- box-sizing: border-box;
2097
- --align-items: initial;
2098
- --justify-content: initial;
2099
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2100
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2101
-
2102
- display: flex;
2103
- flex-flow: column nowrap;
2104
- --ai-v: center;
2105
- --jc-v: center;
2106
- --ai-int: var( --ai-v, initial );
2107
- --jc-int: var( --jc-v, initial );
2108
- }
2109
- }
2110
-
2111
-
2112
- @media screen and (min-width: 992px) {
2113
- [style~="--scw-center-lg:"] > *:nth-child(n) {
2114
- --gap-h-int: 0px;
2115
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2116
- }
2117
- }
2118
-
2119
-
2120
- @media screen and (min-width: 992px) {
2121
- [style~="--scw-center-lg:"] > *:last-child {
2122
- --gap-v-int: 0px;
2123
- }
2124
- }
2125
-
2126
-
2127
- @media screen and (min-width: 992px) {
2128
- [style~="--scw-float-lg:"] {
2129
- /* element */
2130
- position: relative;
2131
- box-sizing: border-box;
2132
- --margin-right: initial;
2133
- --margin-bottom: initial;
2134
- --gap-h-int: initial;
2135
- --gap-v-int: initial;
2136
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2137
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2138
-
2139
- display: block;
2140
- }
2141
- }
2142
-
2143
-
2144
- @media screen and (min-width: 992px) {
2145
- [style~="--scw-float-lg:"] > *:nth-child(n) {
2146
- --gap-h-int: 0px;
2147
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2148
- width: auto;
2149
- float: left;
2150
- clear: left;
2151
- }
2152
- }
2153
-
2154
-
2155
- @media screen and (min-width: 992px) {
2156
- [style~="--scw-float-lg:"] > *:last-child {
2157
- --gap-v-int: 0px;
2158
- }
2159
- }
2160
-
2161
-
2162
- @media screen and (min-width: 992px) {
2163
- [style~="--scw-float-lg:"]::after {
2164
- content: "";
2165
- clear: both;
2166
- display: table;
2167
- }
2168
- }
2169
-
2170
-
2171
- @media screen and (min-width: 992px) {
2172
- [style~="--scw-float-left-lg:"] {
2173
- float: left;
2174
- }
2175
- }
2176
-
2177
-
2178
- @media screen and (min-width: 992px) {
2179
- [style~="--scw-float-right-lg:"] {
2180
- float: right;
2181
- }
2182
- }
2183
-
2184
-
2185
- @media screen and (min-width: 992px) {
2186
- [style~="--scw-float-clear-left-lg:"] {
2187
- clear: left;
2188
- float: left;
2189
- }
2190
- }
2191
-
2192
-
2193
- @media screen and (min-width: 992px) {
2194
- [style~="--scw-float-clear-right-lg:"] {
2195
- clear: right;
2196
- float: right;
2197
- }
2198
- }
2199
-
2200
-
2201
- @media screen and (min-width: 992px) {
2202
- [style~="--scw-fill-children-lg:"] > * {
2203
- flex: 1;
2204
- }
2205
- }
2206
-
2207
-
2208
- @media screen and (min-width: 992px) {
2209
- [style~="--scw-children-fill-lg:"] > * {
2210
- flex: 1;
2211
- }
2212
- }
2213
-
2214
-
2215
- @media screen and (min-width: 992px) {
2216
- [style~="--scw-hide-lg:"] {
2217
- display: none;
2218
- }
2219
- }
2220
-
2221
- @media screen and (min-width: 992px) {
2222
-
2223
- [style~="--scw-alignment-center-lg:"],
2224
- [style~="--scw-alignment-center-center-lg:"]{
2225
- --ai-h: center;
2226
- --jc-h: center;
2227
- --ai-v: center;
2228
- --jc-v: center;
2229
- }
2230
- }
2231
-
2232
- @media screen and (min-width: 992px) {
2233
-
2234
- [style~="--scw-alignment-center-left-lg:"],
2235
- [style~="--scw-alignment-left-center-lg:"]{
2236
- --ai-h: center;
2237
- --jc-h: flex-start;
2238
- --ai-v: flex-start;
2239
- --jc-v: center;
2240
- }
2241
- }
2242
-
2243
- @media screen and (min-width: 992px) {
2244
-
2245
- [style~="--scw-alignment-center-right-lg:"],
2246
- [style~="--scw-alignment-right-center-lg:"]{
2247
- --ai-h: center;
2248
- --jc-h: flex-end;
2249
- --ai-v: flex-end;
2250
- --jc-v: center;
2251
- }
2252
- }
2253
-
2254
- @media screen and (min-width: 992px) {
2255
-
2256
- [style~="--scw-alignment-top-lg:"],
2257
- [style~="--scw-alignment-top-left-lg:"],
2258
- [style~="--scw-alignment-left-top-lg:"],
2259
- [style~="--scw-alignment-left-lg:"]{
2260
- --ai-h: flex-start;
2261
- --jc-h: flex-start;
2262
- --ai-v: flex-start;
2263
- --jc-v: flex-start;
2264
- }
2265
- }
2266
-
2267
- @media screen and (min-width: 992px) {
2268
-
2269
- [style~="--scw-alignment-top-center-lg:"],
2270
- [style~="--scw-alignment-center-top-lg:"]{
2271
- --ai-h: flex-start;
2272
- --jc-h: center;
2273
- --ai-v: center;
2274
- --jc-v: flex-start;
2275
- }
2276
- }
2277
-
2278
- @media screen and (min-width: 992px) {
2279
-
2280
- [style~="--scw-alignment-top-right-lg:"],
2281
- [style~="--scw-alignment-right-top-lg:"],
2282
- [style~="--scw-alignment-right-lg:"]{
2283
- --ai-h: flex-start;
2284
- --jc-h: flex-end;
2285
- --ai-v: flex-end;
2286
- --jc-v: flex-start;
2287
- }
2288
- }
2289
-
2290
- @media screen and (min-width: 992px) {
2291
-
2292
- [style~="--scw-alignment-bottom-left-lg:"],
2293
- [style~="--scw-alignment-left-bottom-lg:"],
2294
- [style~="--scw-alignment-bottom-lg:"]{
2295
- --ai-h: flex-end;
2296
- --jc-h: flex-start;
2297
- --ai-v: flex-start;
2298
- --jc-v: flex-end;
2299
- }
2300
- }
2301
-
2302
- @media screen and (min-width: 992px) {
2303
-
2304
- [style~="--scw-alignment-bottom-center-lg:"],
2305
- [style~="--scw-alignment-center-bottom-lg:"]{
2306
- --ai-h: flex-end;
2307
- --jc-h: center;
2308
- --ai-v: center;
2309
- --jc-v: flex-end;
2310
- }
2311
- }
2312
-
2313
- @media screen and (min-width: 992px) {
2314
-
2315
- [style~="--scw-alignment-bottom-right-lg:"],
2316
- [style~="--scw-alignment-right-bottom-lg:"]{
2317
- --ai-h: flex-end;
2318
- --jc-h: flex-end;
2319
- --ai-v: flex-end;
2320
- --jc-v: flex-end;
2321
- }
2322
- }
2323
-
2324
- @media screen and (min-width: 992px) {
2325
-
2326
- [style~="--scw-alignment-stretch-lg:"],
2327
- [style~="--scw-alignment-stretch-left-lg:"],
2328
- [style~="--scw-alignment-left-stretch-lg:"],
2329
- [style~="--scw-alignment-stretch-top-lg:"],
2330
- [style~="--scw-alignment-top-stretch-lg:"]{
2331
- --ai-h: stretch;
2332
- --jc-h: flex-start;
2333
- --ai-v: stretch;
2334
- --jc-v: flex-start;
2335
- }
2336
- }
2337
-
2338
- @media screen and (min-width: 992px) {
2339
-
2340
- [style~="--scw-alignment-stretch-right-lg:"],
2341
- [style~="--scw-alignment-right-stretch-lg:"],
2342
- [style~="--scw-alignment-stretch-bottom-lg:"],
2343
- [style~="--scw-alignment-bottom-stretch-lg:"]{
2344
- --ai-h: stretch;
2345
- --jc-h: flex-end;
2346
- --ai-v: stretch;
2347
- --jc-v: flex-end;
2348
- }
2349
- }
2350
-
2351
- @media screen and (min-width: 992px) {
2352
-
2353
- [style~="--scw-alignment-stretch-center-lg:"],
2354
- [style~="--scw-alignment-center-stretch-lg:"]{
2355
- --ai-h: stretch;
2356
- --jc-h: center;
2357
- --ai-v: stretch;
2358
- --jc-v: center;
2359
- }
2360
- }
2361
-
2362
- @media screen and (min-width: 992px) {
2363
-
2364
- [style~="--scw-baseline-lg:"],
2365
- [style~="--scw-alignment-baseline-left-lg:"],
2366
- [style~="--scw-alignment-left-baseline-lg:"]{
2367
- --ai-h: baseline;
2368
- --jc-h: flex-start;
2369
- --ai-v: flex-start;
2370
- --jc-v: flex-start;
2371
- }
2372
- }
2373
-
2374
- @media screen and (min-width: 992px) {
2375
-
2376
- [style~="--scw-alignment-baseline-right-lg:"],
2377
- [style~="--scw-alignment-right-baseline-lg:"]{
2378
- --ai-h: baseline;
2379
- --jc-h: flex-start;
2380
- --ai-v: flex-start;
2381
- --jc-v: flex-start;
2382
- }
2383
- }
2384
-
2385
- @media screen and (min-width: 992px) {
2386
-
2387
- [style~="--scw-alignment-baseline-center-lg:"],
2388
- [style~="--scw-alignment-center-baseline-lg:"]{
2389
- --ai-h: baseline;
2390
- --jc-h: center;
2391
- --ai-v: center;
2392
- --jc-v: flex-start;
2393
- }
2394
- }
2395
-
2396
-
2397
-
2398
-
2399
- @media screen and (min-width: 768px) {
2400
- [style~="--scw-background-color-md:"] {
2401
- --background-color: var( --scw-color-01, var( --scw-background-color-md ));
2402
- background-color: var( --background-color );
2403
- }
2404
- }
2405
-
2406
-
2407
- @media screen and (min-width: 768px) {
2408
- [style~="--scw-background-color-hover-md:"]:hover {
2409
- background-color: var( --scw-color-01, var( --scw-background-color-hover-md ));
2410
- }
2411
- }
2412
-
2413
-
2414
- @media screen and (min-width: 768px) {
2415
- [style~="--scw-color-md:"] {
2416
- --color: var( --scw-color-01, var( --scw-color-md ));
2417
- color: var( --color );
2418
- }
2419
- }
2420
-
2421
-
2422
- @media screen and (min-width: 768px) {
2423
- [style~="--scw-color-hover-md:"]:hover {
2424
- color: var( --scw-color-01, var( --scw-color-hover-md ));
2425
- }
2426
- }
2427
-
2428
-
2429
- @media screen and (min-width: 768px) {
2430
- [style~="--scw-border-color-md:"] {
2431
- border-color: var( --scw-color-01, var( --scw-border-color-md ));
2432
- }
2433
- }
2434
-
2435
-
2436
- @media screen and (min-width: 768px) {
2437
- [style~="--scw-border-top-md:"] {
2438
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
2439
- }
2440
- }
2441
-
2442
-
2443
- @media screen and (min-width: 768px) {
2444
- [style~="--scw-border-bottom-md:"] {
2445
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
2446
- }
2447
- }
2448
-
2449
-
2450
- @media screen and (min-width: 768px) {
2451
- [style~="--scw-border-left-md:"] {
2452
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
2453
- }
2454
- }
2455
-
2456
-
2457
- @media screen and (min-width: 768px) {
2458
- [style~="--scw-border-right-md:"] {
2459
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
2460
- }
2461
- }
2462
-
2463
-
2464
- @media screen and (min-width: 768px) {
2465
- [style~="--scw-border-md:"] {
2466
- border: 1px solid var( --scw-color-01, var( --scw-border-md ));
2467
- }
2468
- }
2469
-
2470
-
2471
- @media screen and (min-width: 768px) {
2472
- [style~="--scw-font-md:"] {
2473
- font: var( --scw-font-md );
2474
- }
2475
- }
2476
-
2477
-
2478
- @media screen and (min-width: 768px) {
2479
- [style~="--scw-size-md:"] {
2480
- width: var( --scw-size-md );
2481
- height: var( --scw-size-md );
2482
- }
2483
- }
2484
-
2485
-
2486
-
2487
- @media screen and (min-width: 768px) {
2488
- [style~="--scw-max-size-md:"] {
2489
- max-width: var( --scw-max-size-md );
2490
- max-height: var( --scw-max-size-md );
2491
- }
2492
- }
2493
-
2494
-
2495
-
2496
- @media screen and (min-width: 768px) {
2497
- [style~="--scw-min-size-md:"] {
2498
- min-width: var( --scw-min-size-md );
2499
- min-height: var( --scw-min-size-md );
2500
- }
2501
- }
2502
-
2503
-
2504
-
2505
- @media screen and (min-width: 768px) {
2506
- [style~="--scw-width-md:"] {
2507
- width: var( --scw-width-md );
2508
- }
2509
- }
2510
-
2511
-
2512
-
2513
- @media screen and (min-width: 768px) {
2514
- [style~="--scw-max-width-md:"] {
2515
- max-width: var( --scw-max-width-md );
2516
- }
2517
- }
2518
-
2519
-
2520
-
2521
- @media screen and (min-width: 768px) {
2522
- [style~="--scw-min-width-md:"] {
2523
- min-width: var( --scw-min-width-md );
2524
- }
2525
- }
2526
-
2527
-
2528
-
2529
- @media screen and (min-width: 768px) {
2530
- [style~="--scw-height-md:"] {
2531
- height: var( --scw-height-md );
2532
- }
2533
- }
2534
-
2535
-
2536
-
2537
- @media screen and (min-width: 768px) {
2538
- [style~="--scw-max-height-md:"] {
2539
- max-height: var( --scw-max-height-md );
2540
- }
2541
- }
2542
-
2543
-
2544
-
2545
- @media screen and (min-width: 768px) {
2546
- [style~="--scw-min-height-md:"] {
2547
- min-height: var( --scw-min-height-md );
2548
- }
2549
- }
2550
-
2551
-
2552
-
2553
- @media screen and (min-width: 768px) {
2554
- [style~="--scw-left-md:"] {
2555
- left: var( --scw-left-md );
2556
- }
2557
- }
2558
-
2559
-
2560
-
2561
- @media screen and (min-width: 768px) {
2562
- [style~="--scw-right-md:"] {
2563
- right: var( --scw-right-md );
2564
- }
2565
- }
2566
-
2567
-
2568
-
2569
- @media screen and (min-width: 768px) {
2570
- [style~="--scw-top-md:"] {
2571
- top: var( --scw-top-md );
2572
- }
2573
- }
2574
-
2575
-
2576
-
2577
- @media screen and (min-width: 768px) {
2578
- [style~="--scw-bottom-md:"] {
2579
- bottom: var( --scw-bottom-md );
2580
- }
2581
- }
2582
-
2583
-
2584
-
2585
- @media screen and (min-width: 768px) {
2586
- [style~="--scw-margin-md:"] {
2587
- margin: var( --scw-margin-md );
2588
- }
2589
- }
2590
-
2591
-
2592
-
2593
- @media screen and (min-width: 768px) {
2594
- [style~="--scw-margin-left-md:"] {
2595
- margin-left: var( --scw-margin-left-md );
2596
- }
2597
- }
2598
-
2599
-
2600
-
2601
- @media screen and (min-width: 768px) {
2602
- [style~="--scw-margin-right-md:"] {
2603
- margin-right: var( --scw-margin-right-md );
2604
- }
2605
- }
2606
-
2607
-
2608
-
2609
- @media screen and (min-width: 768px) {
2610
- [style~="--scw-margin-top-md:"] {
2611
- margin-top: var( --scw-margin-top-md );
2612
- }
2613
- }
2614
-
2615
-
2616
-
2617
- @media screen and (min-width: 768px) {
2618
- [style~="--scw-margin-bottom-md:"] {
2619
- margin-bottom: var( --scw-margin-bottom-md );
2620
- }
2621
- }
2622
-
2623
-
2624
-
2625
- @media screen and (min-width: 768px) {
2626
- [style~="--scw-margin-width-md:"] {
2627
- margin-left: var( --scw-margin-width-md );
2628
- margin-right: var( --scw-margin-width-md );
2629
- }
2630
- }
2631
-
2632
-
2633
-
2634
- @media screen and (min-width: 768px) {
2635
- [style~="--scw-margin-x-md:"] {
2636
- margin-left: var( --scw-margin-x-md );
2637
- margin-right: var( --scw-margin-x-md );
2638
- }
2639
- }
2640
-
2641
-
2642
-
2643
- @media screen and (min-width: 768px) {
2644
- [style~="--scw-margin-height-md:"] {
2645
- margin-top: var( --scw-margin-height-md );
2646
- margin-bottom: var( --scw-margin-height-md );
2647
- }
2648
- }
2649
-
2650
-
2651
-
2652
- @media screen and (min-width: 768px) {
2653
- [style~="--scw-margin-y-md:"] {
2654
- margin-top: var( --scw-margin-y-md );
2655
- margin-bottom: var( --scw-margin-y-md );
2656
- }
2657
- }
2658
-
2659
-
2660
-
2661
- @media screen and (min-width: 768px) {
2662
- [style~="--scw-padding-md:"] {
2663
- padding: var( --scw-padding-md );
2664
- }
2665
- }
2666
-
2667
-
2668
-
2669
- @media screen and (min-width: 768px) {
2670
- [style~="--scw-padding-left-md:"] {
2671
- padding-left: var( --scw-padding-left-md );
2672
- }
2673
- }
2674
-
2675
-
2676
-
2677
- @media screen and (min-width: 768px) {
2678
- [style~="--scw-padding-right-md:"] {
2679
- padding-right: var( --scw-padding-right-md );
2680
- }
2681
- }
2682
-
2683
-
2684
-
2685
- @media screen and (min-width: 768px) {
2686
- [style~="--scw-padding-top-md:"] {
2687
- padding-top: var( --scw-padding-top-md );
2688
- }
2689
- }
2690
-
2691
-
2692
-
2693
- @media screen and (min-width: 768px) {
2694
- [style~="--scw-padding-bottom-md:"] {
2695
- padding-bottom: var( --scw-padding-bottom-md );
2696
- }
2697
- }
2698
-
2699
-
2700
-
2701
- @media screen and (min-width: 768px) {
2702
- [style~="--scw-padding-width-md:"] {
2703
- padding-left: var( --scw-padding-width-md );
2704
- padding-right: var( --scw-padding-width-md );
2705
- }
2706
- }
2707
-
2708
-
2709
-
2710
- @media screen and (min-width: 768px) {
2711
- [style~="--scw-padding-x-md:"] {
2712
- padding-left: var( --scw-padding-x-md );
2713
- padding-right: var( --scw-padding-x-md );
2714
- }
2715
- }
2716
-
2717
-
2718
-
2719
- @media screen and (min-width: 768px) {
2720
- [style~="--scw-padding-height-md:"] {
2721
- padding-top: var( --scw-padding-height-md );
2722
- padding-bottom: var( --scw-padding-height-md );
2723
- }
2724
- }
2725
-
2726
-
2727
-
2728
- @media screen and (min-width: 768px) {
2729
- [style~="--scw-padding-y-md:"] {
2730
- padding-top: var( --scw-padding-y-md );
2731
- padding-bottom: var( --scw-padding-y-md );
2732
- }
2733
- }
2734
-
2735
-
2736
-
2737
- @media screen and (min-width: 768px) {
2738
- [style~="--scw-border-radius-md:"] {
2739
- border-radius: var( --scw-border-radius-md );
2740
- }
2741
- }
2742
-
2743
-
2744
-
2745
- @media screen and (min-width: 768px) {
2746
- [style~="--scw-gap-md:"] > * {
2747
- --gap: var( --scw-gap-md );
2748
- }
2749
- }
2750
-
2751
-
2752
-
2753
- @media screen and (min-width: 768px) {
2754
- [style~="--scw-fill-md:"] {
2755
- flex: var( --scw-fill-md );
2756
- }
2757
- }
2758
-
2759
-
2760
- @media screen and (min-width: 768px) {
2761
- [style~="--scw-element-md:"] {
2762
- /* element */
2763
- position: relative;
2764
- box-sizing: border-box;
2765
- --margin-right: initial;
2766
- --margin-bottom: initial;
2767
- --gap-h-int: initial;
2768
- --gap-v-int: initial;
2769
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2770
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2771
-
2772
- display: block;}
2773
- }
2774
-
2775
-
2776
- @media screen and (min-width: 768px) {
2777
- [style~="--scw-layout-md:"] {
2778
- /* element */
2779
- position: relative;
2780
- box-sizing: border-box;
2781
- --margin-right: initial;
2782
- --margin-bottom: initial;
2783
- --gap-h-int: initial;
2784
- --gap-v-int: initial;
2785
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2786
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2787
-
2788
- display: block;}
2789
- }
2790
-
2791
-
2792
- @media screen and (min-width: 768px) {
2793
- [style~="--scw-text-md:"] {
2794
- /* element */
2795
- position: relative;
2796
- box-sizing: border-box;
2797
- --margin-right: initial;
2798
- --margin-bottom: initial;
2799
- --gap-h-int: initial;
2800
- --gap-v-int: initial;
2801
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2802
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2803
-
2804
- display: inline-block;}
2805
- }
2806
-
2807
-
2808
- @media screen and (min-width: 768px) {
2809
- [style~="--scw-stack-md:"] {
2810
- /* element */
2811
- position: relative;
2812
- box-sizing: border-box;
2813
- --margin-right: initial;
2814
- --margin-bottom: initial;
2815
- --gap-h-int: initial;
2816
- --gap-v-int: initial;
2817
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2818
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2819
-
2820
- display: block;}
2821
- }
2822
-
2823
-
2824
- @media screen and (min-width: 768px) {
2825
- [style~="--scw-stack-md:"] > *:nth-child(n) {
2826
- --gap-h-int: 0px;
2827
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2828
- width: 100%;
2829
- }
2830
- }
2831
-
2832
-
2833
- @media screen and (min-width: 768px) {
2834
- [style~="--scw-stack-md:"] > *:last-child {
2835
- --gap-v-int: 0px;
2836
- }
2837
- }
2838
-
2839
-
2840
- @media screen and (min-width: 768px) {
2841
- [style~="--scw-layout-md:"] {
2842
- /* element */
2843
- position: relative;
2844
- box-sizing: border-box;
2845
- --margin-right: initial;
2846
- --margin-bottom: initial;
2847
- --gap-h-int: initial;
2848
- --gap-v-int: initial;
2849
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2850
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2851
-
2852
- display: block;}
2853
- }
2854
-
2855
-
2856
- @media screen and (min-width: 768px) {
2857
- [style~="--scw-layout-md:"] > *:nth-child(n) {
2858
- --gap-h-int: 0px;
2859
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2860
- width: 100%;
2861
- }
2862
- }
2863
-
2864
-
2865
- @media screen and (min-width: 768px) {
2866
- [style~="--scw-layout-md:"] > *:last-child {
2867
- --gap-v-int: 0px;
2868
- }
2869
- }
2870
-
2871
-
2872
- @media screen and (min-width: 768px) {
2873
- [style~="--scw-flex-h-md:"] {
2874
- /* element */
2875
- position: relative;
2876
- box-sizing: border-box;
2877
- --margin-right: initial;
2878
- --margin-bottom: initial;
2879
- --gap-h-int: initial;
2880
- --gap-v-int: initial;
2881
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2882
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2883
-
2884
- /* flex element */
2885
- position: relative;
2886
- box-sizing: border-box;
2887
- --align-items: initial;
2888
- --justify-content: initial;
2889
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2890
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2891
-
2892
- display: flex;
2893
- flex-flow: row nowrap;
2894
- --ai-h: flex-start;
2895
- --jc-h: flex-start;
2896
- --ai-int: var( --ai-h, initial );
2897
- --jc-int: var( --jc-h, initial );
2898
- }
2899
- }
2900
-
2901
-
2902
- @media screen and (min-width: 768px) {
2903
- [style~="--scw-flex-h-md:"] > *:nth-child(n) {
2904
- --gap-h-int: var( --gap , var( --gap-h, initial ));
2905
- --gap-v-int: 0px;
2906
- }
2907
- }
2908
-
2909
-
2910
- @media screen and (min-width: 768px) {
2911
- [style~="--scw-flex-h-md:"] > *:last-child {
2912
- --gap-h-int: 0px;
2913
- }
2914
- }
2915
-
2916
-
2917
- @media screen and (min-width: 768px) {
2918
- [style~="--scw-flex-v-md:"] {
2919
- /* element */
2920
- position: relative;
2921
- box-sizing: border-box;
2922
- --margin-right: initial;
2923
- --margin-bottom: initial;
2924
- --gap-h-int: initial;
2925
- --gap-v-int: initial;
2926
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2927
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2928
-
2929
- /* flex element */
2930
- position: relative;
2931
- box-sizing: border-box;
2932
- --align-items: initial;
2933
- --justify-content: initial;
2934
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2935
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2936
-
2937
- display: flex;
2938
- flex-flow: column nowrap;
2939
- --ai-v: flex-start;
2940
- --jc-v: flex-start;
2941
- --ai-int: var( --ai-v, initial );
2942
- --jc-int: var( --jc-v, initial );
2943
- }
2944
- }
2945
-
2946
-
2947
- @media screen and (min-width: 768px) {
2948
- [style~="--scw-flex-v-md:"] > *:nth-child(n) {
2949
- --gap-h-int: 0px;
2950
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2951
- }
2952
- }
2953
-
2954
-
2955
- @media screen and (min-width: 768px) {
2956
- [style~="--scw-flex-v-md:"] > *:last-child {
2957
- --gap-v-int: 0px;
2958
- }
2959
- }
2960
-
2961
-
2962
- @media screen and (min-width: 768px) {
2963
- [style~="--scw-center-md:"] {
2964
- /* element */
2965
- position: relative;
2966
- box-sizing: border-box;
2967
- --margin-right: initial;
2968
- --margin-bottom: initial;
2969
- --gap-h-int: initial;
2970
- --gap-v-int: initial;
2971
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2972
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2973
-
2974
- /* flex element */
2975
- position: relative;
2976
- box-sizing: border-box;
2977
- --align-items: initial;
2978
- --justify-content: initial;
2979
- align-items: var( --align-items , var( --ai-int, flex-start ) );
2980
- justify-content: var( --justify-content , var( --jc-int, flex-start ) );
2981
-
2982
- display: flex;
2983
- flex-flow: column nowrap;
2984
- --ai-v: center;
2985
- --jc-v: center;
2986
- --ai-int: var( --ai-v, initial );
2987
- --jc-int: var( --jc-v, initial );
2988
- }
2989
- }
2990
-
2991
-
2992
- @media screen and (min-width: 768px) {
2993
- [style~="--scw-center-md:"] > *:nth-child(n) {
2994
- --gap-h-int: 0px;
2995
- --gap-v-int: var( --gap, var( --gap-v, initial ));
2996
- }
2997
- }
2998
-
2999
-
3000
- @media screen and (min-width: 768px) {
3001
- [style~="--scw-center-md:"] > *:last-child {
3002
- --gap-v-int: 0px;
3003
- }
3004
- }
3005
-
3006
-
3007
- @media screen and (min-width: 768px) {
3008
- [style~="--scw-float-md:"] {
3009
- /* element */
3010
- position: relative;
3011
- box-sizing: border-box;
3012
- --margin-right: initial;
3013
- --margin-bottom: initial;
3014
- --gap-h-int: initial;
3015
- --gap-v-int: initial;
3016
- margin-right: var( --margin-right, var( --gap-h-int, initial ) );
3017
- margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3018
-
3019
- display: block;
3020
- }
3021
- }
3022
-
3023
-
3024
- @media screen and (min-width: 768px) {
3025
- [style~="--scw-float-md:"] > *:nth-child(n) {
1593
+ [style~="--scw-float-md:"] > *:nth-child(n) {
3026
1594
  --gap-h-int: 0px;
3027
1595
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3028
1596
  width: auto;
3029
1597
  float: left;
3030
1598
  clear: left;
3031
1599
  }
3032
- }
3033
1600
 
3034
-
3035
- @media screen and (min-width: 768px) {
3036
1601
  [style~="--scw-float-md:"] > *:last-child {
3037
1602
  --gap-v-int: 0px;
3038
1603
  }
3039
- }
3040
-
3041
1604
 
3042
- @media screen and (min-width: 768px) {
3043
1605
  [style~="--scw-float-md:"]::after {
3044
1606
  content: "";
3045
1607
  clear: both;
3046
1608
  display: table;
3047
1609
  }
3048
- }
3049
1610
 
3050
-
3051
- @media screen and (min-width: 768px) {
3052
1611
  [style~="--scw-float-left-md:"] {
3053
1612
  float: left;
3054
1613
  }
3055
- }
3056
-
3057
1614
 
3058
- @media screen and (min-width: 768px) {
3059
1615
  [style~="--scw-float-right-md:"] {
3060
1616
  float: right;
3061
1617
  }
3062
- }
3063
1618
 
3064
-
3065
- @media screen and (min-width: 768px) {
3066
1619
  [style~="--scw-float-clear-left-md:"] {
3067
1620
  clear: left;
3068
1621
  float: left;
3069
1622
  }
3070
- }
3071
-
3072
1623
 
3073
- @media screen and (min-width: 768px) {
3074
1624
  [style~="--scw-float-clear-right-md:"] {
3075
1625
  clear: right;
3076
1626
  float: right;
3077
1627
  }
3078
- }
3079
1628
 
3080
-
3081
- @media screen and (min-width: 768px) {
3082
1629
  [style~="--scw-fill-children-md:"] > * {
3083
1630
  flex: 1;
3084
1631
  }
3085
- }
3086
-
3087
1632
 
3088
- @media screen and (min-width: 768px) {
3089
1633
  [style~="--scw-children-fill-md:"] > * {
3090
1634
  flex: 1;
3091
1635
  }
3092
- }
3093
1636
 
3094
-
3095
- @media screen and (min-width: 768px) {
3096
1637
  [style~="--scw-hide-md:"] {
3097
1638
  display: none;
3098
1639
  }
3099
- }
3100
-
3101
- @media screen and (min-width: 768px) {
3102
-
1640
+
3103
1641
  [style~="--scw-alignment-center-md:"],
3104
1642
  [style~="--scw-alignment-center-center-md:"]{
3105
1643
  --ai-h: center;
@@ -3107,9 +1645,6 @@ scw-float::after,
3107
1645
  --ai-v: center;
3108
1646
  --jc-v: center;
3109
1647
  }
3110
- }
3111
-
3112
- @media screen and (min-width: 768px) {
3113
1648
 
3114
1649
  [style~="--scw-alignment-center-left-md:"],
3115
1650
  [style~="--scw-alignment-left-center-md:"]{
@@ -3118,9 +1653,6 @@ scw-float::after,
3118
1653
  --ai-v: flex-start;
3119
1654
  --jc-v: center;
3120
1655
  }
3121
- }
3122
-
3123
- @media screen and (min-width: 768px) {
3124
1656
 
3125
1657
  [style~="--scw-alignment-center-right-md:"],
3126
1658
  [style~="--scw-alignment-right-center-md:"]{
@@ -3129,9 +1661,6 @@ scw-float::after,
3129
1661
  --ai-v: flex-end;
3130
1662
  --jc-v: center;
3131
1663
  }
3132
- }
3133
-
3134
- @media screen and (min-width: 768px) {
3135
1664
 
3136
1665
  [style~="--scw-alignment-top-md:"],
3137
1666
  [style~="--scw-alignment-top-left-md:"],
@@ -3142,9 +1671,6 @@ scw-float::after,
3142
1671
  --ai-v: flex-start;
3143
1672
  --jc-v: flex-start;
3144
1673
  }
3145
- }
3146
-
3147
- @media screen and (min-width: 768px) {
3148
1674
 
3149
1675
  [style~="--scw-alignment-top-center-md:"],
3150
1676
  [style~="--scw-alignment-center-top-md:"]{
@@ -3153,9 +1679,6 @@ scw-float::after,
3153
1679
  --ai-v: center;
3154
1680
  --jc-v: flex-start;
3155
1681
  }
3156
- }
3157
-
3158
- @media screen and (min-width: 768px) {
3159
1682
 
3160
1683
  [style~="--scw-alignment-top-right-md:"],
3161
1684
  [style~="--scw-alignment-right-top-md:"],
@@ -3165,9 +1688,6 @@ scw-float::after,
3165
1688
  --ai-v: flex-end;
3166
1689
  --jc-v: flex-start;
3167
1690
  }
3168
- }
3169
-
3170
- @media screen and (min-width: 768px) {
3171
1691
 
3172
1692
  [style~="--scw-alignment-bottom-left-md:"],
3173
1693
  [style~="--scw-alignment-left-bottom-md:"],
@@ -3177,9 +1697,6 @@ scw-float::after,
3177
1697
  --ai-v: flex-start;
3178
1698
  --jc-v: flex-end;
3179
1699
  }
3180
- }
3181
-
3182
- @media screen and (min-width: 768px) {
3183
1700
 
3184
1701
  [style~="--scw-alignment-bottom-center-md:"],
3185
1702
  [style~="--scw-alignment-center-bottom-md:"]{
@@ -3188,9 +1705,6 @@ scw-float::after,
3188
1705
  --ai-v: center;
3189
1706
  --jc-v: flex-end;
3190
1707
  }
3191
- }
3192
-
3193
- @media screen and (min-width: 768px) {
3194
1708
 
3195
1709
  [style~="--scw-alignment-bottom-right-md:"],
3196
1710
  [style~="--scw-alignment-right-bottom-md:"]{
@@ -3199,9 +1713,6 @@ scw-float::after,
3199
1713
  --ai-v: flex-end;
3200
1714
  --jc-v: flex-end;
3201
1715
  }
3202
- }
3203
-
3204
- @media screen and (min-width: 768px) {
3205
1716
 
3206
1717
  [style~="--scw-alignment-stretch-md:"],
3207
1718
  [style~="--scw-alignment-stretch-left-md:"],
@@ -3213,9 +1724,6 @@ scw-float::after,
3213
1724
  --ai-v: stretch;
3214
1725
  --jc-v: flex-start;
3215
1726
  }
3216
- }
3217
-
3218
- @media screen and (min-width: 768px) {
3219
1727
 
3220
1728
  [style~="--scw-alignment-stretch-right-md:"],
3221
1729
  [style~="--scw-alignment-right-stretch-md:"],
@@ -3226,9 +1734,6 @@ scw-float::after,
3226
1734
  --ai-v: stretch;
3227
1735
  --jc-v: flex-end;
3228
1736
  }
3229
- }
3230
-
3231
- @media screen and (min-width: 768px) {
3232
1737
 
3233
1738
  [style~="--scw-alignment-stretch-center-md:"],
3234
1739
  [style~="--scw-alignment-center-stretch-md:"]{
@@ -3237,9 +1742,6 @@ scw-float::after,
3237
1742
  --ai-v: stretch;
3238
1743
  --jc-v: center;
3239
1744
  }
3240
- }
3241
-
3242
- @media screen and (min-width: 768px) {
3243
1745
 
3244
1746
  [style~="--scw-baseline-md:"],
3245
1747
  [style~="--scw-alignment-baseline-left-md:"],
@@ -3249,9 +1751,6 @@ scw-float::after,
3249
1751
  --ai-v: flex-start;
3250
1752
  --jc-v: flex-start;
3251
1753
  }
3252
- }
3253
-
3254
- @media screen and (min-width: 768px) {
3255
1754
 
3256
1755
  [style~="--scw-alignment-baseline-right-md:"],
3257
1756
  [style~="--scw-alignment-right-baseline-md:"]{
@@ -3260,9 +1759,6 @@ scw-float::after,
3260
1759
  --ai-v: flex-start;
3261
1760
  --jc-v: flex-start;
3262
1761
  }
3263
- }
3264
-
3265
- @media screen and (min-width: 768px) {
3266
1762
 
3267
1763
  [style~="--scw-alignment-baseline-center-md:"],
3268
1764
  [style~="--scw-alignment-center-baseline-md:"]{
@@ -3271,374 +1767,793 @@ scw-float::after,
3271
1767
  --ai-v: center;
3272
1768
  --jc-v: flex-start;
3273
1769
  }
3274
- }
3275
-
3276
-
3277
1770
 
3278
-
3279
- @media screen and (min-width: 576px) {
3280
- [style~="--scw-background-color-sm:"] {
3281
- --background-color: var( --scw-color-01, var( --scw-background-color-sm ));
3282
- background-color: var( --background-color );
3283
- }
1771
+
3284
1772
  }
3285
1773
 
1774
+ @media screen and (min-width: 992px) {
3286
1775
 
3287
- @media screen and (min-width: 576px) {
3288
- [style~="--scw-background-color-hover-sm:"]:hover {
3289
- background-color: var( --scw-color-01, var( --scw-background-color-hover-sm ));
3290
- }
1776
+
1777
+
1778
+ [style~="--scw-background-color-lg:"] {
1779
+ --background-color: var( --scw-color-01, var( --scw-background-color-lg ));
1780
+ background-color: var( --background-color );
3291
1781
  }
3292
1782
 
1783
+ [style~="--scw-background-color-hover-lg:"]:hover {
1784
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-lg ));
1785
+ }
3293
1786
 
3294
- @media screen and (min-width: 576px) {
3295
- [style~="--scw-color-sm:"] {
3296
- --color: var( --scw-color-01, var( --scw-color-sm ));
1787
+ [style~="--scw-color-lg:"] {
1788
+ --color: var( --scw-color-01, var( --scw-color-lg ));
3297
1789
  color: var( --color );
3298
1790
  }
3299
- }
3300
-
3301
1791
 
3302
- @media screen and (min-width: 576px) {
3303
- [style~="--scw-color-hover-sm:"]:hover {
3304
- color: var( --scw-color-01, var( --scw-color-hover-sm ));
1792
+ [style~="--scw-color-hover-lg:"]:hover {
1793
+ color: var( --scw-color-01, var( --scw-color-hover-lg ));
3305
1794
  }
1795
+
1796
+ [style~="--scw-border-color-lg:"] {
1797
+ border-color: var( --scw-color-01, var( --scw-border-color-lg ));
3306
1798
  }
3307
1799
 
1800
+ [style~="--scw-border-top-lg:"] {
1801
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
1802
+ }
3308
1803
 
3309
- @media screen and (min-width: 576px) {
3310
- [style~="--scw-border-color-sm:"] {
3311
- border-color: var( --scw-color-01, var( --scw-border-color-sm ));
1804
+ [style~="--scw-border-bottom-lg:"] {
1805
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
3312
1806
  }
1807
+
1808
+ [style~="--scw-border-left-lg:"] {
1809
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
3313
1810
  }
3314
1811
 
1812
+ [style~="--scw-border-right-lg:"] {
1813
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
1814
+ }
3315
1815
 
3316
- @media screen and (min-width: 576px) {
3317
- [style~="--scw-border-top-sm:"] {
3318
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-sm ));
1816
+ [style~="--scw-border-lg:"] {
1817
+ border: 1px solid var( --scw-color-01, var( --scw-border-lg ));
1818
+ }
1819
+
1820
+ [style~="--scw-font-lg:"] {
1821
+ font: var( --scw-font-lg );
3319
1822
  }
1823
+
1824
+ [style~="--scw-size-lg:"] {
1825
+ width: var( --scw-size-lg );
1826
+ height: var( --scw-size-lg );
3320
1827
  }
3321
1828
 
1829
+ [style~="--scw-max-size-lg:"] {
1830
+ max-width: var( --scw-max-size-lg );
1831
+ max-height: var( --scw-max-size-lg );
1832
+ }
3322
1833
 
3323
- @media screen and (min-width: 576px) {
3324
- [style~="--scw-border-bottom-sm:"] {
3325
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-sm ));
1834
+ [style~="--scw-min-size-lg:"] {
1835
+ min-width: var( --scw-min-size-lg );
1836
+ min-height: var( --scw-min-size-lg );
3326
1837
  }
1838
+
1839
+ [style~="--scw-width-lg:"] {
1840
+ width: var( --scw-width-lg );
3327
1841
  }
3328
1842
 
1843
+ [style~="--scw-max-width-lg:"] {
1844
+ max-width: var( --scw-max-width-lg );
1845
+ }
3329
1846
 
3330
- @media screen and (min-width: 576px) {
3331
- [style~="--scw-border-left-sm:"] {
3332
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-sm ));
1847
+ [style~="--scw-min-width-lg:"] {
1848
+ min-width: var( --scw-min-width-lg );
3333
1849
  }
1850
+
1851
+ [style~="--scw-height-lg:"] {
1852
+ height: var( --scw-height-lg );
3334
1853
  }
3335
1854
 
1855
+ [style~="--scw-max-height-lg:"] {
1856
+ max-height: var( --scw-max-height-lg );
1857
+ }
3336
1858
 
3337
- @media screen and (min-width: 576px) {
3338
- [style~="--scw-border-right-sm:"] {
3339
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-sm ));
1859
+ [style~="--scw-min-height-lg:"] {
1860
+ min-height: var( --scw-min-height-lg );
3340
1861
  }
1862
+
1863
+ [style~="--scw-left-lg:"] {
1864
+ left: var( --scw-left-lg );
3341
1865
  }
3342
1866
 
1867
+ [style~="--scw-right-lg:"] {
1868
+ right: var( --scw-right-lg );
1869
+ }
3343
1870
 
3344
- @media screen and (min-width: 576px) {
3345
- [style~="--scw-border-sm:"] {
3346
- border: 1px solid var( --scw-color-01, var( --scw-border-sm ));
1871
+ [style~="--scw-top-lg:"] {
1872
+ top: var( --scw-top-lg );
3347
1873
  }
1874
+
1875
+ [style~="--scw-bottom-lg:"] {
1876
+ bottom: var( --scw-bottom-lg );
3348
1877
  }
3349
-
3350
1878
 
3351
- @media screen and (min-width: 576px) {
3352
- [style~="--scw-font-sm:"] {
3353
- font: var( --scw-font-sm );
1879
+ [style~="--scw-margin-lg:"] {
1880
+ margin: var( --scw-margin-lg );
3354
1881
  }
1882
+
1883
+ [style~="--scw-margin-left-lg:"] {
1884
+ margin-left: var( --scw-margin-left-lg );
3355
1885
  }
3356
-
3357
1886
 
3358
- @media screen and (min-width: 576px) {
3359
- [style~="--scw-size-sm:"] {
3360
- width: var( --scw-size-sm );
3361
- height: var( --scw-size-sm );
1887
+ [style~="--scw-margin-right-lg:"] {
1888
+ margin-right: var( --scw-margin-right-lg );
3362
1889
  }
1890
+
1891
+ [style~="--scw-margin-top-lg:"] {
1892
+ margin-top: var( --scw-margin-top-lg );
3363
1893
  }
3364
1894
 
1895
+ [style~="--scw-margin-bottom-lg:"] {
1896
+ margin-bottom: var( --scw-margin-bottom-lg );
1897
+ }
3365
1898
 
1899
+ [style~="--scw-margin-width-lg:"] {
1900
+ margin-left: var( --scw-margin-width-lg );
1901
+ margin-right: var( --scw-margin-width-lg );
1902
+ }
3366
1903
 
3367
- @media screen and (min-width: 576px) {
3368
- [style~="--scw-max-size-sm:"] {
3369
- max-width: var( --scw-max-size-sm );
3370
- max-height: var( --scw-max-size-sm );
1904
+ [style~="--scw-margin-x-lg:"] {
1905
+ margin-left: var( --scw-margin-x-lg );
1906
+ margin-right: var( --scw-margin-x-lg );
3371
1907
  }
1908
+
1909
+ [style~="--scw-margin-height-lg:"] {
1910
+ margin-top: var( --scw-margin-height-lg );
1911
+ margin-bottom: var( --scw-margin-height-lg );
3372
1912
  }
3373
1913
 
1914
+ [style~="--scw-margin-y-lg:"] {
1915
+ margin-top: var( --scw-margin-y-lg );
1916
+ margin-bottom: var( --scw-margin-y-lg );
1917
+ }
3374
1918
 
1919
+ [style~="--scw-padding-lg:"] {
1920
+ padding: var( --scw-padding-lg );
1921
+ }
3375
1922
 
3376
- @media screen and (min-width: 576px) {
3377
- [style~="--scw-min-size-sm:"] {
3378
- min-width: var( --scw-min-size-sm );
3379
- min-height: var( --scw-min-size-sm );
1923
+ [style~="--scw-padding-left-lg:"] {
1924
+ padding-left: var( --scw-padding-left-lg );
3380
1925
  }
1926
+
1927
+ [style~="--scw-padding-right-lg:"] {
1928
+ padding-right: var( --scw-padding-right-lg );
3381
1929
  }
3382
1930
 
1931
+ [style~="--scw-padding-top-lg:"] {
1932
+ padding-top: var( --scw-padding-top-lg );
1933
+ }
3383
1934
 
1935
+ [style~="--scw-padding-bottom-lg:"] {
1936
+ padding-bottom: var( --scw-padding-bottom-lg );
1937
+ }
3384
1938
 
3385
- @media screen and (min-width: 576px) {
3386
- [style~="--scw-width-sm:"] {
3387
- width: var( --scw-width-sm );
1939
+ [style~="--scw-padding-width-lg:"] {
1940
+ padding-left: var( --scw-padding-width-lg );
1941
+ padding-right: var( --scw-padding-width-lg );
3388
1942
  }
1943
+
1944
+ [style~="--scw-padding-x-lg:"] {
1945
+ padding-left: var( --scw-padding-x-lg );
1946
+ padding-right: var( --scw-padding-x-lg );
3389
1947
  }
3390
1948
 
1949
+ [style~="--scw-padding-height-lg:"] {
1950
+ padding-top: var( --scw-padding-height-lg );
1951
+ padding-bottom: var( --scw-padding-height-lg );
1952
+ }
3391
1953
 
1954
+ [style~="--scw-padding-y-lg:"] {
1955
+ padding-top: var( --scw-padding-y-lg );
1956
+ padding-bottom: var( --scw-padding-y-lg );
1957
+ }
3392
1958
 
3393
- @media screen and (min-width: 576px) {
3394
- [style~="--scw-max-width-sm:"] {
3395
- max-width: var( --scw-max-width-sm );
1959
+ [style~="--scw-border-radius-lg:"] {
1960
+ border-radius: var( --scw-border-radius-lg );
3396
1961
  }
1962
+
1963
+ [style~="--scw-gap-lg:"] > * {
1964
+ --gap: var( --scw-gap-lg );
3397
1965
  }
3398
1966
 
1967
+ [style~="--scw-fill-lg:"] {
1968
+ flex: var( --scw-fill-lg );
1969
+ }
1970
+
1971
+ [style~="--scw-element-lg:"] {
1972
+ /* element */
1973
+ position: relative;
1974
+ box-sizing: border-box;
1975
+ --margin-right: initial;
1976
+ --margin-bottom: initial;
1977
+ --gap-h-int: initial;
1978
+ --gap-v-int: initial;
1979
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1980
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3399
1981
 
1982
+ display: block;}
3400
1983
 
3401
- @media screen and (min-width: 576px) {
3402
- [style~="--scw-min-width-sm:"] {
3403
- min-width: var( --scw-min-width-sm );
3404
- }
3405
- }
1984
+ [style~="--scw-layout-lg:"] {
1985
+ /* element */
1986
+ position: relative;
1987
+ box-sizing: border-box;
1988
+ --margin-right: initial;
1989
+ --margin-bottom: initial;
1990
+ --gap-h-int: initial;
1991
+ --gap-v-int: initial;
1992
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
1993
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3406
1994
 
1995
+ display: block;}
3407
1996
 
1997
+ [style~="--scw-text-lg:"] {
1998
+ /* element */
1999
+ position: relative;
2000
+ box-sizing: border-box;
2001
+ --margin-right: initial;
2002
+ --margin-bottom: initial;
2003
+ --gap-h-int: initial;
2004
+ --gap-v-int: initial;
2005
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2006
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3408
2007
 
3409
- @media screen and (min-width: 576px) {
3410
- [style~="--scw-height-sm:"] {
3411
- height: var( --scw-height-sm );
3412
- }
3413
- }
2008
+ display: inline-block;}
3414
2009
 
2010
+ [style~="--scw-stack-lg:"] {
2011
+ /* element */
2012
+ position: relative;
2013
+ box-sizing: border-box;
2014
+ --margin-right: initial;
2015
+ --margin-bottom: initial;
2016
+ --gap-h-int: initial;
2017
+ --gap-v-int: initial;
2018
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2019
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3415
2020
 
2021
+ display: block;}
3416
2022
 
3417
- @media screen and (min-width: 576px) {
3418
- [style~="--scw-max-height-sm:"] {
3419
- max-height: var( --scw-max-height-sm );
2023
+ [style~="--scw-stack-lg:"] > *:nth-child(n) {
2024
+ --gap-h-int: 0px;
2025
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
2026
+ width: 100%;
3420
2027
  }
2028
+
2029
+ [style~="--scw-stack-lg:"] > *:last-child {
2030
+ --gap-v-int: 0px;
3421
2031
  }
3422
2032
 
2033
+ [style~="--scw-layout-lg:"] {
2034
+ /* element */
2035
+ position: relative;
2036
+ box-sizing: border-box;
2037
+ --margin-right: initial;
2038
+ --margin-bottom: initial;
2039
+ --gap-h-int: initial;
2040
+ --gap-v-int: initial;
2041
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2042
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3423
2043
 
2044
+ display: block;}
3424
2045
 
3425
- @media screen and (min-width: 576px) {
3426
- [style~="--scw-min-height-sm:"] {
3427
- min-height: var( --scw-min-height-sm );
2046
+ [style~="--scw-layout-lg:"] > *:nth-child(n) {
2047
+ --gap-h-int: 0px;
2048
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
2049
+ width: 100%;
3428
2050
  }
2051
+
2052
+ [style~="--scw-layout-lg:"] > *:last-child {
2053
+ --gap-v-int: 0px;
3429
2054
  }
3430
2055
 
2056
+ [style~="--scw-flex-h-lg:"] {
2057
+ /* element */
2058
+ position: relative;
2059
+ box-sizing: border-box;
2060
+ --margin-right: initial;
2061
+ --margin-bottom: initial;
2062
+ --gap-h-int: initial;
2063
+ --gap-v-int: initial;
2064
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2065
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3431
2066
 
2067
+ /* flex element */
2068
+ position: relative;
2069
+ box-sizing: border-box;
2070
+ --align-items: initial;
2071
+ --justify-content: initial;
2072
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
2073
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
3432
2074
 
3433
- @media screen and (min-width: 576px) {
3434
- [style~="--scw-left-sm:"] {
3435
- left: var( --scw-left-sm );
3436
- }
2075
+ display: flex;
2076
+ flex-flow: row nowrap;
2077
+ --ai-h: flex-start;
2078
+ --jc-h: flex-start;
2079
+ --ai-int: var( --ai-h, initial );
2080
+ --jc-int: var( --jc-h, initial );
3437
2081
  }
3438
2082
 
3439
-
3440
-
3441
- @media screen and (min-width: 576px) {
3442
- [style~="--scw-right-sm:"] {
3443
- right: var( --scw-right-sm );
2083
+ [style~="--scw-flex-h-lg:"] > *:nth-child(n) {
2084
+ --gap-h-int: var( --gap , var( --gap-h, initial ));
2085
+ --gap-v-int: 0px;
3444
2086
  }
2087
+
2088
+ [style~="--scw-flex-h-lg:"] > *:last-child {
2089
+ --gap-h-int: 0px;
3445
2090
  }
3446
2091
 
2092
+ [style~="--scw-flex-v-lg:"] {
2093
+ /* element */
2094
+ position: relative;
2095
+ box-sizing: border-box;
2096
+ --margin-right: initial;
2097
+ --margin-bottom: initial;
2098
+ --gap-h-int: initial;
2099
+ --gap-v-int: initial;
2100
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2101
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3447
2102
 
2103
+ /* flex element */
2104
+ position: relative;
2105
+ box-sizing: border-box;
2106
+ --align-items: initial;
2107
+ --justify-content: initial;
2108
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
2109
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
3448
2110
 
3449
- @media screen and (min-width: 576px) {
3450
- [style~="--scw-top-sm:"] {
3451
- top: var( --scw-top-sm );
3452
- }
2111
+ display: flex;
2112
+ flex-flow: column nowrap;
2113
+ --ai-v: flex-start;
2114
+ --jc-v: flex-start;
2115
+ --ai-int: var( --ai-v, initial );
2116
+ --jc-int: var( --jc-v, initial );
3453
2117
  }
3454
2118
 
3455
-
3456
-
3457
- @media screen and (min-width: 576px) {
3458
- [style~="--scw-bottom-sm:"] {
3459
- bottom: var( --scw-bottom-sm );
2119
+ [style~="--scw-flex-v-lg:"] > *:nth-child(n) {
2120
+ --gap-h-int: 0px;
2121
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
3460
2122
  }
2123
+
2124
+ [style~="--scw-flex-v-lg:"] > *:last-child {
2125
+ --gap-v-int: 0px;
3461
2126
  }
3462
2127
 
2128
+ [style~="--scw-center-lg:"] {
2129
+ /* element */
2130
+ position: relative;
2131
+ box-sizing: border-box;
2132
+ --margin-right: initial;
2133
+ --margin-bottom: initial;
2134
+ --gap-h-int: initial;
2135
+ --gap-v-int: initial;
2136
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2137
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3463
2138
 
2139
+ /* flex element */
2140
+ position: relative;
2141
+ box-sizing: border-box;
2142
+ --align-items: initial;
2143
+ --justify-content: initial;
2144
+ align-items: var( --align-items , var( --ai-int, flex-start ) );
2145
+ justify-content: var( --justify-content , var( --jc-int, flex-start ) );
3464
2146
 
3465
- @media screen and (min-width: 576px) {
3466
- [style~="--scw-margin-sm:"] {
3467
- margin: var( --scw-margin-sm );
2147
+ display: flex;
2148
+ flex-flow: column nowrap;
2149
+ --ai-v: center;
2150
+ --jc-v: center;
2151
+ --ai-int: var( --ai-v, initial );
2152
+ --jc-int: var( --jc-v, initial );
3468
2153
  }
2154
+
2155
+ [style~="--scw-center-lg:"] > *:nth-child(n) {
2156
+ --gap-h-int: 0px;
2157
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
3469
2158
  }
3470
2159
 
2160
+ [style~="--scw-center-lg:"] > *:last-child {
2161
+ --gap-v-int: 0px;
2162
+ }
3471
2163
 
2164
+ [style~="--scw-float-lg:"] {
2165
+ /* element */
2166
+ position: relative;
2167
+ box-sizing: border-box;
2168
+ --margin-right: initial;
2169
+ --margin-bottom: initial;
2170
+ --gap-h-int: initial;
2171
+ --gap-v-int: initial;
2172
+ margin-right: var( --margin-right, var( --gap-h-int, initial ) );
2173
+ margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3472
2174
 
3473
- @media screen and (min-width: 576px) {
3474
- [style~="--scw-margin-left-sm:"] {
3475
- margin-left: var( --scw-margin-left-sm );
3476
- }
2175
+ display: block;
3477
2176
  }
3478
2177
 
2178
+ [style~="--scw-float-lg:"] > *:nth-child(n) {
2179
+ --gap-h-int: 0px;
2180
+ --gap-v-int: var( --gap, var( --gap-v, initial ));
2181
+ width: auto;
2182
+ float: left;
2183
+ clear: left;
2184
+ }
3479
2185
 
3480
-
3481
- @media screen and (min-width: 576px) {
3482
- [style~="--scw-margin-right-sm:"] {
3483
- margin-right: var( --scw-margin-right-sm );
2186
+ [style~="--scw-float-lg:"] > *:last-child {
2187
+ --gap-v-int: 0px;
3484
2188
  }
2189
+
2190
+ [style~="--scw-float-lg:"]::after {
2191
+ content: "";
2192
+ clear: both;
2193
+ display: table;
3485
2194
  }
3486
2195
 
2196
+ [style~="--scw-float-left-lg:"] {
2197
+ float: left;
2198
+ }
3487
2199
 
2200
+ [style~="--scw-float-right-lg:"] {
2201
+ float: right;
2202
+ }
3488
2203
 
3489
- @media screen and (min-width: 576px) {
3490
- [style~="--scw-margin-top-sm:"] {
3491
- margin-top: var( --scw-margin-top-sm );
2204
+ [style~="--scw-float-clear-left-lg:"] {
2205
+ clear: left;
2206
+ float: left;
3492
2207
  }
2208
+
2209
+ [style~="--scw-float-clear-right-lg:"] {
2210
+ clear: right;
2211
+ float: right;
3493
2212
  }
3494
2213
 
2214
+ [style~="--scw-fill-children-lg:"] > * {
2215
+ flex: 1;
2216
+ }
3495
2217
 
2218
+ [style~="--scw-children-fill-lg:"] > * {
2219
+ flex: 1;
2220
+ }
3496
2221
 
3497
- @media screen and (min-width: 576px) {
3498
- [style~="--scw-margin-bottom-sm:"] {
3499
- margin-bottom: var( --scw-margin-bottom-sm );
2222
+ [style~="--scw-hide-lg:"] {
2223
+ display: none;
3500
2224
  }
2225
+
2226
+ [style~="--scw-alignment-center-lg:"],
2227
+ [style~="--scw-alignment-center-center-lg:"]{
2228
+ --ai-h: center;
2229
+ --jc-h: center;
2230
+ --ai-v: center;
2231
+ --jc-v: center;
3501
2232
  }
3502
2233
 
2234
+ [style~="--scw-alignment-center-left-lg:"],
2235
+ [style~="--scw-alignment-left-center-lg:"]{
2236
+ --ai-h: center;
2237
+ --jc-h: flex-start;
2238
+ --ai-v: flex-start;
2239
+ --jc-v: center;
2240
+ }
3503
2241
 
2242
+ [style~="--scw-alignment-center-right-lg:"],
2243
+ [style~="--scw-alignment-right-center-lg:"]{
2244
+ --ai-h: center;
2245
+ --jc-h: flex-end;
2246
+ --ai-v: flex-end;
2247
+ --jc-v: center;
2248
+ }
3504
2249
 
3505
- @media screen and (min-width: 576px) {
3506
- [style~="--scw-margin-width-sm:"] {
3507
- margin-left: var( --scw-margin-width-sm );
3508
- margin-right: var( --scw-margin-width-sm );
2250
+ [style~="--scw-alignment-top-lg:"],
2251
+ [style~="--scw-alignment-top-left-lg:"],
2252
+ [style~="--scw-alignment-left-top-lg:"],
2253
+ [style~="--scw-alignment-left-lg:"]{
2254
+ --ai-h: flex-start;
2255
+ --jc-h: flex-start;
2256
+ --ai-v: flex-start;
2257
+ --jc-v: flex-start;
3509
2258
  }
2259
+
2260
+ [style~="--scw-alignment-top-center-lg:"],
2261
+ [style~="--scw-alignment-center-top-lg:"]{
2262
+ --ai-h: flex-start;
2263
+ --jc-h: center;
2264
+ --ai-v: center;
2265
+ --jc-v: flex-start;
3510
2266
  }
3511
2267
 
2268
+ [style~="--scw-alignment-top-right-lg:"],
2269
+ [style~="--scw-alignment-right-top-lg:"],
2270
+ [style~="--scw-alignment-right-lg:"]{
2271
+ --ai-h: flex-start;
2272
+ --jc-h: flex-end;
2273
+ --ai-v: flex-end;
2274
+ --jc-v: flex-start;
2275
+ }
3512
2276
 
2277
+ [style~="--scw-alignment-bottom-left-lg:"],
2278
+ [style~="--scw-alignment-left-bottom-lg:"],
2279
+ [style~="--scw-alignment-bottom-lg:"]{
2280
+ --ai-h: flex-end;
2281
+ --jc-h: flex-start;
2282
+ --ai-v: flex-start;
2283
+ --jc-v: flex-end;
2284
+ }
3513
2285
 
3514
- @media screen and (min-width: 576px) {
3515
- [style~="--scw-margin-x-sm:"] {
3516
- margin-left: var( --scw-margin-x-sm );
3517
- margin-right: var( --scw-margin-x-sm );
2286
+ [style~="--scw-alignment-bottom-center-lg:"],
2287
+ [style~="--scw-alignment-center-bottom-lg:"]{
2288
+ --ai-h: flex-end;
2289
+ --jc-h: center;
2290
+ --ai-v: center;
2291
+ --jc-v: flex-end;
3518
2292
  }
2293
+
2294
+ [style~="--scw-alignment-bottom-right-lg:"],
2295
+ [style~="--scw-alignment-right-bottom-lg:"]{
2296
+ --ai-h: flex-end;
2297
+ --jc-h: flex-end;
2298
+ --ai-v: flex-end;
2299
+ --jc-v: flex-end;
3519
2300
  }
3520
2301
 
2302
+ [style~="--scw-alignment-stretch-lg:"],
2303
+ [style~="--scw-alignment-stretch-left-lg:"],
2304
+ [style~="--scw-alignment-left-stretch-lg:"],
2305
+ [style~="--scw-alignment-stretch-top-lg:"],
2306
+ [style~="--scw-alignment-top-stretch-lg:"]{
2307
+ --ai-h: stretch;
2308
+ --jc-h: flex-start;
2309
+ --ai-v: stretch;
2310
+ --jc-v: flex-start;
2311
+ }
3521
2312
 
3522
-
3523
- @media screen and (min-width: 576px) {
3524
- [style~="--scw-margin-height-sm:"] {
3525
- margin-top: var( --scw-margin-height-sm );
3526
- margin-bottom: var( --scw-margin-height-sm );
2313
+ [style~="--scw-alignment-stretch-right-lg:"],
2314
+ [style~="--scw-alignment-right-stretch-lg:"],
2315
+ [style~="--scw-alignment-stretch-bottom-lg:"],
2316
+ [style~="--scw-alignment-bottom-stretch-lg:"]{
2317
+ --ai-h: stretch;
2318
+ --jc-h: flex-end;
2319
+ --ai-v: stretch;
2320
+ --jc-v: flex-end;
3527
2321
  }
2322
+
2323
+ [style~="--scw-alignment-stretch-center-lg:"],
2324
+ [style~="--scw-alignment-center-stretch-lg:"]{
2325
+ --ai-h: stretch;
2326
+ --jc-h: center;
2327
+ --ai-v: stretch;
2328
+ --jc-v: center;
3528
2329
  }
3529
2330
 
2331
+ [style~="--scw-baseline-lg:"],
2332
+ [style~="--scw-alignment-baseline-left-lg:"],
2333
+ [style~="--scw-alignment-left-baseline-lg:"]{
2334
+ --ai-h: baseline;
2335
+ --jc-h: flex-start;
2336
+ --ai-v: flex-start;
2337
+ --jc-v: flex-start;
2338
+ }
3530
2339
 
2340
+ [style~="--scw-alignment-baseline-right-lg:"],
2341
+ [style~="--scw-alignment-right-baseline-lg:"]{
2342
+ --ai-h: baseline;
2343
+ --jc-h: flex-start;
2344
+ --ai-v: flex-start;
2345
+ --jc-v: flex-start;
2346
+ }
3531
2347
 
3532
- @media screen and (min-width: 576px) {
3533
- [style~="--scw-margin-y-sm:"] {
3534
- margin-top: var( --scw-margin-y-sm );
3535
- margin-bottom: var( --scw-margin-y-sm );
2348
+ [style~="--scw-alignment-baseline-center-lg:"],
2349
+ [style~="--scw-alignment-center-baseline-lg:"]{
2350
+ --ai-h: baseline;
2351
+ --jc-h: center;
2352
+ --ai-v: center;
2353
+ --jc-v: flex-start;
3536
2354
  }
2355
+
2356
+
3537
2357
  }
3538
2358
 
2359
+ @media screen and (min-width: 1200px) {
3539
2360
 
3540
2361
 
3541
- @media screen and (min-width: 576px) {
3542
- [style~="--scw-padding-sm:"] {
3543
- padding: var( --scw-padding-sm );
3544
- }
2362
+
2363
+ [style~="--scw-background-color-xlg:"] {
2364
+ --background-color: var( --scw-color-01, var( --scw-background-color-xlg ));
2365
+ background-color: var( --background-color );
3545
2366
  }
3546
2367
 
3547
-
3548
-
3549
- @media screen and (min-width: 576px) {
3550
- [style~="--scw-padding-left-sm:"] {
3551
- padding-left: var( --scw-padding-left-sm );
2368
+ [style~="--scw-background-color-hover-xlg:"]:hover {
2369
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-xlg ));
3552
2370
  }
2371
+
2372
+ [style~="--scw-color-xlg:"] {
2373
+ --color: var( --scw-color-01, var( --scw-color-xlg ));
2374
+ color: var( --color );
3553
2375
  }
3554
2376
 
2377
+ [style~="--scw-color-hover-xlg:"]:hover {
2378
+ color: var( --scw-color-01, var( --scw-color-hover-xlg ));
2379
+ }
3555
2380
 
2381
+ [style~="--scw-border-color-xlg:"] {
2382
+ border-color: var( --scw-color-01, var( --scw-border-color-xlg ));
2383
+ }
3556
2384
 
3557
- @media screen and (min-width: 576px) {
3558
- [style~="--scw-padding-right-sm:"] {
3559
- padding-right: var( --scw-padding-right-sm );
2385
+ [style~="--scw-border-top-xlg:"] {
2386
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-xlg ));
3560
2387
  }
2388
+
2389
+ [style~="--scw-border-bottom-xlg:"] {
2390
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-xlg ));
3561
2391
  }
3562
2392
 
2393
+ [style~="--scw-border-left-xlg:"] {
2394
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-xlg ));
2395
+ }
3563
2396
 
2397
+ [style~="--scw-border-right-xlg:"] {
2398
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-xlg ));
2399
+ }
3564
2400
 
3565
- @media screen and (min-width: 576px) {
3566
- [style~="--scw-padding-top-sm:"] {
3567
- padding-top: var( --scw-padding-top-sm );
2401
+ [style~="--scw-border-xlg:"] {
2402
+ border: 1px solid var( --scw-color-01, var( --scw-border-xlg ));
2403
+ }
2404
+
2405
+ [style~="--scw-font-xlg:"] {
2406
+ font: var( --scw-font-xlg );
3568
2407
  }
2408
+
2409
+ [style~="--scw-size-xlg:"] {
2410
+ width: var( --scw-size-xlg );
2411
+ height: var( --scw-size-xlg );
3569
2412
  }
3570
2413
 
2414
+ [style~="--scw-max-size-xlg:"] {
2415
+ max-width: var( --scw-max-size-xlg );
2416
+ max-height: var( --scw-max-size-xlg );
2417
+ }
3571
2418
 
2419
+ [style~="--scw-min-size-xlg:"] {
2420
+ min-width: var( --scw-min-size-xlg );
2421
+ min-height: var( --scw-min-size-xlg );
2422
+ }
3572
2423
 
3573
- @media screen and (min-width: 576px) {
3574
- [style~="--scw-padding-bottom-sm:"] {
3575
- padding-bottom: var( --scw-padding-bottom-sm );
2424
+ [style~="--scw-width-xlg:"] {
2425
+ width: var( --scw-width-xlg );
3576
2426
  }
2427
+
2428
+ [style~="--scw-max-width-xlg:"] {
2429
+ max-width: var( --scw-max-width-xlg );
3577
2430
  }
3578
2431
 
2432
+ [style~="--scw-min-width-xlg:"] {
2433
+ min-width: var( --scw-min-width-xlg );
2434
+ }
3579
2435
 
2436
+ [style~="--scw-height-xlg:"] {
2437
+ height: var( --scw-height-xlg );
2438
+ }
3580
2439
 
3581
- @media screen and (min-width: 576px) {
3582
- [style~="--scw-padding-width-sm:"] {
3583
- padding-left: var( --scw-padding-width-sm );
3584
- padding-right: var( --scw-padding-width-sm );
2440
+ [style~="--scw-max-height-xlg:"] {
2441
+ max-height: var( --scw-max-height-xlg );
3585
2442
  }
2443
+
2444
+ [style~="--scw-min-height-xlg:"] {
2445
+ min-height: var( --scw-min-height-xlg );
3586
2446
  }
3587
2447
 
2448
+ [style~="--scw-left-xlg:"] {
2449
+ left: var( --scw-left-xlg );
2450
+ }
3588
2451
 
2452
+ [style~="--scw-right-xlg:"] {
2453
+ right: var( --scw-right-xlg );
2454
+ }
3589
2455
 
3590
- @media screen and (min-width: 576px) {
3591
- [style~="--scw-padding-x-sm:"] {
3592
- padding-left: var( --scw-padding-x-sm );
3593
- padding-right: var( --scw-padding-x-sm );
2456
+ [style~="--scw-top-xlg:"] {
2457
+ top: var( --scw-top-xlg );
3594
2458
  }
2459
+
2460
+ [style~="--scw-bottom-xlg:"] {
2461
+ bottom: var( --scw-bottom-xlg );
3595
2462
  }
3596
2463
 
2464
+ [style~="--scw-margin-xlg:"] {
2465
+ margin: var( --scw-margin-xlg );
2466
+ }
3597
2467
 
2468
+ [style~="--scw-margin-left-xlg:"] {
2469
+ margin-left: var( --scw-margin-left-xlg );
2470
+ }
3598
2471
 
3599
- @media screen and (min-width: 576px) {
3600
- [style~="--scw-padding-height-sm:"] {
3601
- padding-top: var( --scw-padding-height-sm );
3602
- padding-bottom: var( --scw-padding-height-sm );
2472
+ [style~="--scw-margin-right-xlg:"] {
2473
+ margin-right: var( --scw-margin-right-xlg );
3603
2474
  }
2475
+
2476
+ [style~="--scw-margin-top-xlg:"] {
2477
+ margin-top: var( --scw-margin-top-xlg );
3604
2478
  }
3605
2479
 
2480
+ [style~="--scw-margin-bottom-xlg:"] {
2481
+ margin-bottom: var( --scw-margin-bottom-xlg );
2482
+ }
3606
2483
 
2484
+ [style~="--scw-margin-width-xlg:"] {
2485
+ margin-left: var( --scw-margin-width-xlg );
2486
+ margin-right: var( --scw-margin-width-xlg );
2487
+ }
3607
2488
 
3608
- @media screen and (min-width: 576px) {
3609
- [style~="--scw-padding-y-sm:"] {
3610
- padding-top: var( --scw-padding-y-sm );
3611
- padding-bottom: var( --scw-padding-y-sm );
2489
+ [style~="--scw-margin-x-xlg:"] {
2490
+ margin-left: var( --scw-margin-x-xlg );
2491
+ margin-right: var( --scw-margin-x-xlg );
3612
2492
  }
2493
+
2494
+ [style~="--scw-margin-height-xlg:"] {
2495
+ margin-top: var( --scw-margin-height-xlg );
2496
+ margin-bottom: var( --scw-margin-height-xlg );
3613
2497
  }
3614
2498
 
2499
+ [style~="--scw-margin-y-xlg:"] {
2500
+ margin-top: var( --scw-margin-y-xlg );
2501
+ margin-bottom: var( --scw-margin-y-xlg );
2502
+ }
3615
2503
 
2504
+ [style~="--scw-padding-xlg:"] {
2505
+ padding: var( --scw-padding-xlg );
2506
+ }
3616
2507
 
3617
- @media screen and (min-width: 576px) {
3618
- [style~="--scw-border-radius-sm:"] {
3619
- border-radius: var( --scw-border-radius-sm );
2508
+ [style~="--scw-padding-left-xlg:"] {
2509
+ padding-left: var( --scw-padding-left-xlg );
3620
2510
  }
2511
+
2512
+ [style~="--scw-padding-right-xlg:"] {
2513
+ padding-right: var( --scw-padding-right-xlg );
3621
2514
  }
3622
2515
 
2516
+ [style~="--scw-padding-top-xlg:"] {
2517
+ padding-top: var( --scw-padding-top-xlg );
2518
+ }
3623
2519
 
2520
+ [style~="--scw-padding-bottom-xlg:"] {
2521
+ padding-bottom: var( --scw-padding-bottom-xlg );
2522
+ }
3624
2523
 
3625
- @media screen and (min-width: 576px) {
3626
- [style~="--scw-gap-sm:"] > * {
3627
- --gap: var( --scw-gap-sm );
2524
+ [style~="--scw-padding-width-xlg:"] {
2525
+ padding-left: var( --scw-padding-width-xlg );
2526
+ padding-right: var( --scw-padding-width-xlg );
3628
2527
  }
2528
+
2529
+ [style~="--scw-padding-x-xlg:"] {
2530
+ padding-left: var( --scw-padding-x-xlg );
2531
+ padding-right: var( --scw-padding-x-xlg );
3629
2532
  }
3630
2533
 
2534
+ [style~="--scw-padding-height-xlg:"] {
2535
+ padding-top: var( --scw-padding-height-xlg );
2536
+ padding-bottom: var( --scw-padding-height-xlg );
2537
+ }
3631
2538
 
2539
+ [style~="--scw-padding-y-xlg:"] {
2540
+ padding-top: var( --scw-padding-y-xlg );
2541
+ padding-bottom: var( --scw-padding-y-xlg );
2542
+ }
3632
2543
 
3633
- @media screen and (min-width: 576px) {
3634
- [style~="--scw-fill-sm:"] {
3635
- flex: var( --scw-fill-sm );
2544
+ [style~="--scw-border-radius-xlg:"] {
2545
+ border-radius: var( --scw-border-radius-xlg );
3636
2546
  }
2547
+
2548
+ [style~="--scw-gap-xlg:"] > * {
2549
+ --gap: var( --scw-gap-xlg );
3637
2550
  }
3638
-
3639
2551
 
3640
- @media screen and (min-width: 576px) {
3641
- [style~="--scw-element-sm:"] {
2552
+ [style~="--scw-fill-xlg:"] {
2553
+ flex: var( --scw-fill-xlg );
2554
+ }
2555
+
2556
+ [style~="--scw-element-xlg:"] {
3642
2557
  /* element */
3643
2558
  position: relative;
3644
2559
  box-sizing: border-box;
@@ -3650,11 +2565,8 @@ scw-float::after,
3650
2565
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3651
2566
 
3652
2567
  display: block;}
3653
- }
3654
2568
 
3655
-
3656
- @media screen and (min-width: 576px) {
3657
- [style~="--scw-layout-sm:"] {
2569
+ [style~="--scw-layout-xlg:"] {
3658
2570
  /* element */
3659
2571
  position: relative;
3660
2572
  box-sizing: border-box;
@@ -3666,11 +2578,8 @@ scw-float::after,
3666
2578
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3667
2579
 
3668
2580
  display: block;}
3669
- }
3670
-
3671
2581
 
3672
- @media screen and (min-width: 576px) {
3673
- [style~="--scw-text-sm:"] {
2582
+ [style~="--scw-text-xlg:"] {
3674
2583
  /* element */
3675
2584
  position: relative;
3676
2585
  box-sizing: border-box;
@@ -3682,11 +2591,8 @@ scw-float::after,
3682
2591
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3683
2592
 
3684
2593
  display: inline-block;}
3685
- }
3686
-
3687
-
3688
- @media screen and (min-width: 576px) {
3689
- [style~="--scw-stack-sm:"] {
2594
+
2595
+ [style~="--scw-stack-xlg:"] {
3690
2596
  /* element */
3691
2597
  position: relative;
3692
2598
  box-sizing: border-box;
@@ -3698,27 +2604,18 @@ scw-float::after,
3698
2604
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3699
2605
 
3700
2606
  display: block;}
3701
- }
3702
-
3703
2607
 
3704
- @media screen and (min-width: 576px) {
3705
- [style~="--scw-stack-sm:"] > *:nth-child(n) {
2608
+ [style~="--scw-stack-xlg:"] > *:nth-child(n) {
3706
2609
  --gap-h-int: 0px;
3707
2610
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3708
2611
  width: 100%;
3709
2612
  }
3710
- }
3711
2613
 
3712
-
3713
- @media screen and (min-width: 576px) {
3714
- [style~="--scw-stack-sm:"] > *:last-child {
2614
+ [style~="--scw-stack-xlg:"] > *:last-child {
3715
2615
  --gap-v-int: 0px;
3716
2616
  }
3717
- }
3718
-
3719
2617
 
3720
- @media screen and (min-width: 576px) {
3721
- [style~="--scw-layout-sm:"] {
2618
+ [style~="--scw-layout-xlg:"] {
3722
2619
  /* element */
3723
2620
  position: relative;
3724
2621
  box-sizing: border-box;
@@ -3730,27 +2627,18 @@ scw-float::after,
3730
2627
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
3731
2628
 
3732
2629
  display: block;}
3733
- }
3734
2630
 
3735
-
3736
- @media screen and (min-width: 576px) {
3737
- [style~="--scw-layout-sm:"] > *:nth-child(n) {
2631
+ [style~="--scw-layout-xlg:"] > *:nth-child(n) {
3738
2632
  --gap-h-int: 0px;
3739
2633
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3740
2634
  width: 100%;
3741
2635
  }
3742
- }
3743
-
3744
2636
 
3745
- @media screen and (min-width: 576px) {
3746
- [style~="--scw-layout-sm:"] > *:last-child {
2637
+ [style~="--scw-layout-xlg:"] > *:last-child {
3747
2638
  --gap-v-int: 0px;
3748
2639
  }
3749
- }
3750
2640
 
3751
-
3752
- @media screen and (min-width: 576px) {
3753
- [style~="--scw-flex-h-sm:"] {
2641
+ [style~="--scw-flex-h-xlg:"] {
3754
2642
  /* element */
3755
2643
  position: relative;
3756
2644
  box-sizing: border-box;
@@ -3776,26 +2664,17 @@ scw-float::after,
3776
2664
  --ai-int: var( --ai-h, initial );
3777
2665
  --jc-int: var( --jc-h, initial );
3778
2666
  }
3779
- }
3780
-
3781
2667
 
3782
- @media screen and (min-width: 576px) {
3783
- [style~="--scw-flex-h-sm:"] > *:nth-child(n) {
2668
+ [style~="--scw-flex-h-xlg:"] > *:nth-child(n) {
3784
2669
  --gap-h-int: var( --gap , var( --gap-h, initial ));
3785
2670
  --gap-v-int: 0px;
3786
2671
  }
3787
- }
3788
2672
 
3789
-
3790
- @media screen and (min-width: 576px) {
3791
- [style~="--scw-flex-h-sm:"] > *:last-child {
2673
+ [style~="--scw-flex-h-xlg:"] > *:last-child {
3792
2674
  --gap-h-int: 0px;
3793
2675
  }
3794
- }
3795
-
3796
2676
 
3797
- @media screen and (min-width: 576px) {
3798
- [style~="--scw-flex-v-sm:"] {
2677
+ [style~="--scw-flex-v-xlg:"] {
3799
2678
  /* element */
3800
2679
  position: relative;
3801
2680
  box-sizing: border-box;
@@ -3821,26 +2700,17 @@ scw-float::after,
3821
2700
  --ai-int: var( --ai-v, initial );
3822
2701
  --jc-int: var( --jc-v, initial );
3823
2702
  }
3824
- }
3825
2703
 
3826
-
3827
- @media screen and (min-width: 576px) {
3828
- [style~="--scw-flex-v-sm:"] > *:nth-child(n) {
2704
+ [style~="--scw-flex-v-xlg:"] > *:nth-child(n) {
3829
2705
  --gap-h-int: 0px;
3830
2706
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3831
2707
  }
3832
- }
3833
-
3834
2708
 
3835
- @media screen and (min-width: 576px) {
3836
- [style~="--scw-flex-v-sm:"] > *:last-child {
2709
+ [style~="--scw-flex-v-xlg:"] > *:last-child {
3837
2710
  --gap-v-int: 0px;
3838
2711
  }
3839
- }
3840
2712
 
3841
-
3842
- @media screen and (min-width: 576px) {
3843
- [style~="--scw-center-sm:"] {
2713
+ [style~="--scw-center-xlg:"] {
3844
2714
  /* element */
3845
2715
  position: relative;
3846
2716
  box-sizing: border-box;
@@ -3866,26 +2736,17 @@ scw-float::after,
3866
2736
  --ai-int: var( --ai-v, initial );
3867
2737
  --jc-int: var( --jc-v, initial );
3868
2738
  }
3869
- }
3870
-
3871
2739
 
3872
- @media screen and (min-width: 576px) {
3873
- [style~="--scw-center-sm:"] > *:nth-child(n) {
2740
+ [style~="--scw-center-xlg:"] > *:nth-child(n) {
3874
2741
  --gap-h-int: 0px;
3875
2742
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3876
2743
  }
3877
- }
3878
2744
 
3879
-
3880
- @media screen and (min-width: 576px) {
3881
- [style~="--scw-center-sm:"] > *:last-child {
2745
+ [style~="--scw-center-xlg:"] > *:last-child {
3882
2746
  --gap-v-int: 0px;
3883
2747
  }
3884
- }
3885
-
3886
2748
 
3887
- @media screen and (min-width: 576px) {
3888
- [style~="--scw-float-sm:"] {
2749
+ [style~="--scw-float-xlg:"] {
3889
2750
  /* element */
3890
2751
  position: relative;
3891
2752
  box-sizing: border-box;
@@ -3898,258 +2759,184 @@ scw-float::after,
3898
2759
 
3899
2760
  display: block;
3900
2761
  }
3901
- }
3902
2762
 
3903
-
3904
- @media screen and (min-width: 576px) {
3905
- [style~="--scw-float-sm:"] > *:nth-child(n) {
2763
+ [style~="--scw-float-xlg:"] > *:nth-child(n) {
3906
2764
  --gap-h-int: 0px;
3907
2765
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3908
2766
  width: auto;
3909
2767
  float: left;
3910
2768
  clear: left;
3911
2769
  }
3912
- }
3913
-
3914
2770
 
3915
- @media screen and (min-width: 576px) {
3916
- [style~="--scw-float-sm:"] > *:last-child {
2771
+ [style~="--scw-float-xlg:"] > *:last-child {
3917
2772
  --gap-v-int: 0px;
3918
2773
  }
3919
- }
3920
2774
 
3921
-
3922
- @media screen and (min-width: 576px) {
3923
- [style~="--scw-float-sm:"]::after {
2775
+ [style~="--scw-float-xlg:"]::after {
3924
2776
  content: "";
3925
2777
  clear: both;
3926
2778
  display: table;
3927
2779
  }
3928
- }
3929
-
3930
2780
 
3931
- @media screen and (min-width: 576px) {
3932
- [style~="--scw-float-left-sm:"] {
2781
+ [style~="--scw-float-left-xlg:"] {
3933
2782
  float: left;
3934
2783
  }
3935
- }
3936
2784
 
3937
-
3938
- @media screen and (min-width: 576px) {
3939
- [style~="--scw-float-right-sm:"] {
2785
+ [style~="--scw-float-right-xlg:"] {
3940
2786
  float: right;
3941
2787
  }
3942
- }
3943
-
3944
2788
 
3945
- @media screen and (min-width: 576px) {
3946
- [style~="--scw-float-clear-left-sm:"] {
2789
+ [style~="--scw-float-clear-left-xlg:"] {
3947
2790
  clear: left;
3948
2791
  float: left;
3949
2792
  }
3950
- }
3951
2793
 
3952
-
3953
- @media screen and (min-width: 576px) {
3954
- [style~="--scw-float-clear-right-sm:"] {
2794
+ [style~="--scw-float-clear-right-xlg:"] {
3955
2795
  clear: right;
3956
2796
  float: right;
3957
2797
  }
3958
- }
3959
-
3960
2798
 
3961
- @media screen and (min-width: 576px) {
3962
- [style~="--scw-fill-children-sm:"] > * {
2799
+ [style~="--scw-fill-children-xlg:"] > * {
3963
2800
  flex: 1;
3964
2801
  }
3965
- }
3966
2802
 
3967
-
3968
- @media screen and (min-width: 576px) {
3969
- [style~="--scw-children-fill-sm:"] > * {
2803
+ [style~="--scw-children-fill-xlg:"] > * {
3970
2804
  flex: 1;
3971
2805
  }
3972
- }
3973
-
3974
2806
 
3975
- @media screen and (min-width: 576px) {
3976
- [style~="--scw-hide-sm:"] {
2807
+ [style~="--scw-hide-xlg:"] {
3977
2808
  display: none;
3978
2809
  }
3979
- }
3980
-
3981
- @media screen and (min-width: 576px) {
3982
-
3983
- [style~="--scw-alignment-center-sm:"],
3984
- [style~="--scw-alignment-center-center-sm:"]{
2810
+
2811
+ [style~="--scw-alignment-center-xlg:"],
2812
+ [style~="--scw-alignment-center-center-xlg:"]{
3985
2813
  --ai-h: center;
3986
2814
  --jc-h: center;
3987
2815
  --ai-v: center;
3988
2816
  --jc-v: center;
3989
2817
  }
3990
- }
3991
2818
 
3992
- @media screen and (min-width: 576px) {
3993
-
3994
- [style~="--scw-alignment-center-left-sm:"],
3995
- [style~="--scw-alignment-left-center-sm:"]{
2819
+ [style~="--scw-alignment-center-left-xlg:"],
2820
+ [style~="--scw-alignment-left-center-xlg:"]{
3996
2821
  --ai-h: center;
3997
2822
  --jc-h: flex-start;
3998
2823
  --ai-v: flex-start;
3999
2824
  --jc-v: center;
4000
2825
  }
4001
- }
4002
-
4003
- @media screen and (min-width: 576px) {
4004
2826
 
4005
- [style~="--scw-alignment-center-right-sm:"],
4006
- [style~="--scw-alignment-right-center-sm:"]{
2827
+ [style~="--scw-alignment-center-right-xlg:"],
2828
+ [style~="--scw-alignment-right-center-xlg:"]{
4007
2829
  --ai-h: center;
4008
2830
  --jc-h: flex-end;
4009
2831
  --ai-v: flex-end;
4010
2832
  --jc-v: center;
4011
2833
  }
4012
- }
4013
-
4014
- @media screen and (min-width: 576px) {
4015
2834
 
4016
- [style~="--scw-alignment-top-sm:"],
4017
- [style~="--scw-alignment-top-left-sm:"],
4018
- [style~="--scw-alignment-left-top-sm:"],
4019
- [style~="--scw-alignment-left-sm:"]{
2835
+ [style~="--scw-alignment-top-xlg:"],
2836
+ [style~="--scw-alignment-top-left-xlg:"],
2837
+ [style~="--scw-alignment-left-top-xlg:"],
2838
+ [style~="--scw-alignment-left-xlg:"]{
4020
2839
  --ai-h: flex-start;
4021
2840
  --jc-h: flex-start;
4022
2841
  --ai-v: flex-start;
4023
2842
  --jc-v: flex-start;
4024
2843
  }
4025
- }
4026
-
4027
- @media screen and (min-width: 576px) {
4028
2844
 
4029
- [style~="--scw-alignment-top-center-sm:"],
4030
- [style~="--scw-alignment-center-top-sm:"]{
2845
+ [style~="--scw-alignment-top-center-xlg:"],
2846
+ [style~="--scw-alignment-center-top-xlg:"]{
4031
2847
  --ai-h: flex-start;
4032
2848
  --jc-h: center;
4033
2849
  --ai-v: center;
4034
2850
  --jc-v: flex-start;
4035
2851
  }
4036
- }
4037
2852
 
4038
- @media screen and (min-width: 576px) {
4039
-
4040
- [style~="--scw-alignment-top-right-sm:"],
4041
- [style~="--scw-alignment-right-top-sm:"],
4042
- [style~="--scw-alignment-right-sm:"]{
2853
+ [style~="--scw-alignment-top-right-xlg:"],
2854
+ [style~="--scw-alignment-right-top-xlg:"],
2855
+ [style~="--scw-alignment-right-xlg:"]{
4043
2856
  --ai-h: flex-start;
4044
2857
  --jc-h: flex-end;
4045
2858
  --ai-v: flex-end;
4046
2859
  --jc-v: flex-start;
4047
2860
  }
4048
- }
4049
-
4050
- @media screen and (min-width: 576px) {
4051
2861
 
4052
- [style~="--scw-alignment-bottom-left-sm:"],
4053
- [style~="--scw-alignment-left-bottom-sm:"],
4054
- [style~="--scw-alignment-bottom-sm:"]{
2862
+ [style~="--scw-alignment-bottom-left-xlg:"],
2863
+ [style~="--scw-alignment-left-bottom-xlg:"],
2864
+ [style~="--scw-alignment-bottom-xlg:"]{
4055
2865
  --ai-h: flex-end;
4056
2866
  --jc-h: flex-start;
4057
2867
  --ai-v: flex-start;
4058
2868
  --jc-v: flex-end;
4059
2869
  }
4060
- }
4061
-
4062
- @media screen and (min-width: 576px) {
4063
2870
 
4064
- [style~="--scw-alignment-bottom-center-sm:"],
4065
- [style~="--scw-alignment-center-bottom-sm:"]{
2871
+ [style~="--scw-alignment-bottom-center-xlg:"],
2872
+ [style~="--scw-alignment-center-bottom-xlg:"]{
4066
2873
  --ai-h: flex-end;
4067
2874
  --jc-h: center;
4068
2875
  --ai-v: center;
4069
2876
  --jc-v: flex-end;
4070
2877
  }
4071
- }
4072
-
4073
- @media screen and (min-width: 576px) {
4074
2878
 
4075
- [style~="--scw-alignment-bottom-right-sm:"],
4076
- [style~="--scw-alignment-right-bottom-sm:"]{
2879
+ [style~="--scw-alignment-bottom-right-xlg:"],
2880
+ [style~="--scw-alignment-right-bottom-xlg:"]{
4077
2881
  --ai-h: flex-end;
4078
2882
  --jc-h: flex-end;
4079
2883
  --ai-v: flex-end;
4080
2884
  --jc-v: flex-end;
4081
2885
  }
4082
- }
4083
2886
 
4084
- @media screen and (min-width: 576px) {
4085
-
4086
- [style~="--scw-alignment-stretch-sm:"],
4087
- [style~="--scw-alignment-stretch-left-sm:"],
4088
- [style~="--scw-alignment-left-stretch-sm:"],
4089
- [style~="--scw-alignment-stretch-top-sm:"],
4090
- [style~="--scw-alignment-top-stretch-sm:"]{
2887
+ [style~="--scw-alignment-stretch-xlg:"],
2888
+ [style~="--scw-alignment-stretch-left-xlg:"],
2889
+ [style~="--scw-alignment-left-stretch-xlg:"],
2890
+ [style~="--scw-alignment-stretch-top-xlg:"],
2891
+ [style~="--scw-alignment-top-stretch-xlg:"]{
4091
2892
  --ai-h: stretch;
4092
2893
  --jc-h: flex-start;
4093
2894
  --ai-v: stretch;
4094
2895
  --jc-v: flex-start;
4095
2896
  }
4096
- }
4097
-
4098
- @media screen and (min-width: 576px) {
4099
2897
 
4100
- [style~="--scw-alignment-stretch-right-sm:"],
4101
- [style~="--scw-alignment-right-stretch-sm:"],
4102
- [style~="--scw-alignment-stretch-bottom-sm:"],
4103
- [style~="--scw-alignment-bottom-stretch-sm:"]{
2898
+ [style~="--scw-alignment-stretch-right-xlg:"],
2899
+ [style~="--scw-alignment-right-stretch-xlg:"],
2900
+ [style~="--scw-alignment-stretch-bottom-xlg:"],
2901
+ [style~="--scw-alignment-bottom-stretch-xlg:"]{
4104
2902
  --ai-h: stretch;
4105
2903
  --jc-h: flex-end;
4106
2904
  --ai-v: stretch;
4107
2905
  --jc-v: flex-end;
4108
2906
  }
4109
- }
4110
2907
 
4111
- @media screen and (min-width: 576px) {
4112
-
4113
- [style~="--scw-alignment-stretch-center-sm:"],
4114
- [style~="--scw-alignment-center-stretch-sm:"]{
2908
+ [style~="--scw-alignment-stretch-center-xlg:"],
2909
+ [style~="--scw-alignment-center-stretch-xlg:"]{
4115
2910
  --ai-h: stretch;
4116
2911
  --jc-h: center;
4117
2912
  --ai-v: stretch;
4118
2913
  --jc-v: center;
4119
2914
  }
4120
- }
4121
-
4122
- @media screen and (min-width: 576px) {
4123
2915
 
4124
- [style~="--scw-baseline-sm:"],
4125
- [style~="--scw-alignment-baseline-left-sm:"],
4126
- [style~="--scw-alignment-left-baseline-sm:"]{
2916
+ [style~="--scw-baseline-xlg:"],
2917
+ [style~="--scw-alignment-baseline-left-xlg:"],
2918
+ [style~="--scw-alignment-left-baseline-xlg:"]{
4127
2919
  --ai-h: baseline;
4128
2920
  --jc-h: flex-start;
4129
2921
  --ai-v: flex-start;
4130
2922
  --jc-v: flex-start;
4131
2923
  }
4132
- }
4133
2924
 
4134
- @media screen and (min-width: 576px) {
4135
-
4136
- [style~="--scw-alignment-baseline-right-sm:"],
4137
- [style~="--scw-alignment-right-baseline-sm:"]{
2925
+ [style~="--scw-alignment-baseline-right-xlg:"],
2926
+ [style~="--scw-alignment-right-baseline-xlg:"]{
4138
2927
  --ai-h: baseline;
4139
2928
  --jc-h: flex-start;
4140
2929
  --ai-v: flex-start;
4141
2930
  --jc-v: flex-start;
4142
2931
  }
4143
- }
4144
-
4145
- @media screen and (min-width: 576px) {
4146
2932
 
4147
- [style~="--scw-alignment-baseline-center-sm:"],
4148
- [style~="--scw-alignment-center-baseline-sm:"]{
2933
+ [style~="--scw-alignment-baseline-center-xlg:"],
2934
+ [style~="--scw-alignment-center-baseline-xlg:"]{
4149
2935
  --ai-h: baseline;
4150
2936
  --jc-h: center;
4151
2937
  --ai-v: center;
4152
2938
  --jc-v: flex-start;
4153
2939
  }
4154
- }
4155
-
2940
+
2941
+
2942
+ }