scu-web-components 0.0.40 → 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 +15 -0
  2. package/dist/breakpoints.js.gz +0 -0
  3. package/dist/breakpoints.ts +15 -0
  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 +289 -289
  141. package/dist/custom-elements.json.gz +0 -0
  142. package/dist/docs/components/manifest.json +21 -21
  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 +768 -1981
  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 +7 -2
  248. package/dist/tokens/source/cssVariables/breakpoints-lg-.json.gz +0 -0
  249. package/dist/tokens/source/cssVariables/breakpoints-md-.json +7 -2
  250. package/dist/tokens/source/cssVariables/breakpoints-md-.json.gz +0 -0
  251. package/dist/tokens/source/cssVariables/breakpoints-sm-.json +7 -2
  252. package/dist/tokens/source/cssVariables/breakpoints-sm-.json.gz +0 -0
  253. package/dist/tokens/source/cssVariables/breakpoints-xlg-.json +7 -2
  254. package/dist/tokens/source/cssVariables/breakpoints-xlg-.json.gz +0 -0
  255. package/dist/tokens/source/cssVariables.css +12 -8
  256. package/dist/tokens/source/cssVariables.css.gz +0 -0
  257. package/dist/tokens/source/cssVariables.json +28 -8
  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 +52 -36
  266. package/dist/tokens/source/tokens.json.gz +0 -0
  267. package/dist/tokens/styles.css +12 -8
  268. package/dist/tokens/styles.css.gz +0 -0
  269. package/dist/tokens/stylesEmbedded.css +12 -8
  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 +3 -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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-width: 1200px) {
754
- [style~="--scw-max-width-xlg:"] {
755
- max-width: var( --scw-max-width-xlg );
756
- }
677
+ [style~="--scw-min-width-sm:"] {
678
+ min-width: var( --scw-min-width-sm );
757
679
  }
758
680
 
759
-
760
-
761
- @media screen and (max-width: 1200px) {
762
- [style~="--scw-min-width-xlg:"] {
763
- min-width: var( --scw-min-width-xlg );
764
- }
681
+ [style~="--scw-height-sm:"] {
682
+ height: var( --scw-height-sm );
765
683
  }
766
684
 
767
-
768
-
769
- @media screen and (max-width: 1200px) {
770
- [style~="--scw-height-xlg:"] {
771
- height: var( --scw-height-xlg );
772
- }
685
+ [style~="--scw-max-height-sm:"] {
686
+ max-height: var( --scw-max-height-sm );
773
687
  }
774
688
 
775
-
776
-
777
- @media screen and (max-width: 1200px) {
778
- [style~="--scw-max-height-xlg:"] {
779
- max-height: var( --scw-max-height-xlg );
780
- }
689
+ [style~="--scw-min-height-sm:"] {
690
+ min-height: var( --scw-min-height-sm );
781
691
  }
782
692
 
783
-
784
-
785
- @media screen and (max-width: 1200px) {
786
- [style~="--scw-min-height-xlg:"] {
787
- min-height: var( --scw-min-height-xlg );
788
- }
693
+ [style~="--scw-left-sm:"] {
694
+ left: var( --scw-left-sm );
789
695
  }
790
696
 
791
-
792
-
793
- @media screen and (max-width: 1200px) {
794
- [style~="--scw-left-xlg:"] {
795
- left: var( --scw-left-xlg );
796
- }
697
+ [style~="--scw-right-sm:"] {
698
+ right: var( --scw-right-sm );
797
699
  }
798
700
 
701
+ [style~="--scw-top-sm:"] {
702
+ top: var( --scw-top-sm );
703
+ }
799
704
 
705
+ [style~="--scw-bottom-sm:"] {
706
+ bottom: var( --scw-bottom-sm );
707
+ }
800
708
 
801
- @media screen and (max-width: 1200px) {
802
- [style~="--scw-right-xlg:"] {
803
- right: var( --scw-right-xlg );
709
+ [style~="--scw-margin-sm:"] {
710
+ margin: var( --scw-margin-sm );
804
711
  }
712
+
713
+ [style~="--scw-margin-left-sm:"] {
714
+ margin-left: var( --scw-margin-left-sm );
805
715
  }
806
716
 
717
+ [style~="--scw-margin-right-sm:"] {
718
+ margin-right: var( --scw-margin-right-sm );
719
+ }
807
720
 
721
+ [style~="--scw-margin-top-sm:"] {
722
+ margin-top: var( --scw-margin-top-sm );
723
+ }
808
724
 
809
- @media screen and (max-width: 1200px) {
810
- [style~="--scw-top-xlg:"] {
811
- top: var( --scw-top-xlg );
725
+ [style~="--scw-margin-bottom-sm:"] {
726
+ margin-bottom: var( --scw-margin-bottom-sm );
812
727
  }
728
+
729
+ [style~="--scw-margin-width-sm:"] {
730
+ margin-left: var( --scw-margin-width-sm );
731
+ margin-right: var( --scw-margin-width-sm );
813
732
  }
814
733
 
734
+ [style~="--scw-margin-x-sm:"] {
735
+ margin-left: var( --scw-margin-x-sm );
736
+ margin-right: var( --scw-margin-x-sm );
737
+ }
815
738
 
739
+ [style~="--scw-margin-height-sm:"] {
740
+ margin-top: var( --scw-margin-height-sm );
741
+ margin-bottom: var( --scw-margin-height-sm );
742
+ }
816
743
 
817
- @media screen and (max-width: 1200px) {
818
- [style~="--scw-bottom-xlg:"] {
819
- bottom: var( --scw-bottom-xlg );
744
+ [style~="--scw-margin-y-sm:"] {
745
+ margin-top: var( --scw-margin-y-sm );
746
+ margin-bottom: var( --scw-margin-y-sm );
820
747
  }
748
+
749
+ [style~="--scw-padding-sm:"] {
750
+ padding: var( --scw-padding-sm );
821
751
  }
822
752
 
753
+ [style~="--scw-padding-left-sm:"] {
754
+ padding-left: var( --scw-padding-left-sm );
755
+ }
823
756
 
757
+ [style~="--scw-padding-right-sm:"] {
758
+ padding-right: var( --scw-padding-right-sm );
759
+ }
824
760
 
825
- @media screen and (max-width: 1200px) {
826
- [style~="--scw-margin-xlg:"] {
827
- margin: var( --scw-margin-xlg );
761
+ [style~="--scw-padding-top-sm:"] {
762
+ padding-top: var( --scw-padding-top-sm );
828
763
  }
764
+
765
+ [style~="--scw-padding-bottom-sm:"] {
766
+ padding-bottom: var( --scw-padding-bottom-sm );
829
767
  }
830
768
 
769
+ [style~="--scw-padding-width-sm:"] {
770
+ padding-left: var( --scw-padding-width-sm );
771
+ padding-right: var( --scw-padding-width-sm );
772
+ }
831
773
 
774
+ [style~="--scw-padding-x-sm:"] {
775
+ padding-left: var( --scw-padding-x-sm );
776
+ padding-right: var( --scw-padding-x-sm );
777
+ }
832
778
 
833
- @media screen and (max-width: 1200px) {
834
- [style~="--scw-margin-left-xlg:"] {
835
- margin-left: var( --scw-margin-left-xlg );
779
+ [style~="--scw-padding-height-sm:"] {
780
+ padding-top: var( --scw-padding-height-sm );
781
+ padding-bottom: var( --scw-padding-height-sm );
836
782
  }
783
+
784
+ [style~="--scw-padding-y-sm:"] {
785
+ padding-top: var( --scw-padding-y-sm );
786
+ padding-bottom: var( --scw-padding-y-sm );
837
787
  }
838
788
 
789
+ [style~="--scw-border-radius-sm:"] {
790
+ border-radius: var( --scw-border-radius-sm );
791
+ }
839
792
 
793
+ [style~="--scw-gap-sm:"] > * {
794
+ --gap: var( --scw-gap-sm );
795
+ }
840
796
 
841
- @media screen and (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-width: 1200px) {
902
- [style~="--scw-padding-xlg:"] {
903
- padding: var( --scw-padding-xlg );
904
- }
905
- }
906
-
907
-
908
-
909
- @media screen and (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-width: 1200px) {
986
- [style~="--scw-gap-xlg:"] > * {
987
- --gap: var( --scw-gap-xlg );
988
- }
989
- }
990
-
991
-
992
-
993
- @media screen and (max-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 (max-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
813
 
1015
-
1016
- @media screen and (max-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 (max-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
839
 
1047
-
1048
- @media screen and (max-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 (max-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
858
 
1072
-
1073
- @media screen and (max-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 (max-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
875
 
1095
-
1096
- @media screen and (max-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 (max-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
885
 
1111
-
1112
- @media screen and (max-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 (max-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
917
 
1149
-
1150
- @media screen and (max-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 (max-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
948
 
1186
-
1187
- @media screen and (max-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 (max-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
957
 
1201
-
1202
- @media screen and (max-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 (max-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
989
 
1239
-
1240
- @media screen and (max-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 (max-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,386 @@ scw-float::after,
1258
1004
 
1259
1005
  display: block;
1260
1006
  }
1261
- }
1262
1007
 
1263
-
1264
- @media screen and (max-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 (max-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
1019
 
1281
-
1282
- @media screen and (max-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 (max-width: 1200px) {
1292
- [style~="--scw-float-left-xlg:"] {
1026
+ [style~="--scw-float-left-sm:"] {
1293
1027
  float: left;
1294
1028
  }
1295
- }
1296
1029
 
1297
-
1298
- @media screen and (max-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 (max-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
1038
 
1312
-
1313
- @media screen and (max-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 (max-width: 1200px) {
1322
- [style~="--scw-fill-children-xlg:"] > * {
1044
+ [style~="--scw-fill-children-sm:"] > * {
1323
1045
  flex: 1;
1324
1046
  }
1325
- }
1326
1047
 
1327
-
1328
- @media screen and (max-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 (max-width: 1200px) {
1336
- [style~="--scw-hide-xlg:"] {
1052
+ [style~="--scw-hide-sm:"] {
1337
1053
  display: none;
1338
1054
  }
1339
- }
1340
-
1341
- @media screen and (max-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 (max-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
-
1363
- @media screen and (max-width: 1200px) {
1364
1071
 
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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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
-
1482
- @media screen and (max-width: 1200px) {
1483
1160
 
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 (max-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
-
1505
- @media screen and (max-width: 1200px) {
1506
1177
 
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 (max-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 (max-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 (max-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 (max-width: 992px) {
1543
- [style~="--scw-color-hover-lg:"]:hover {
1544
- color: var( --scw-color-01, var( --scw-color-hover-lg ));
1207
+ [style~="--scw-color-hover-md:"]:hover {
1208
+ color: var( --scw-color-01, var( --scw-color-hover-md ));
1545
1209
  }
1210
+
1211
+ [style~="--scw-border-color-md:"] {
1212
+ border-color: var( --scw-color-01, var( --scw-border-color-md ));
1546
1213
  }
1547
1214
 
1215
+ [style~="--scw-border-top-md:"] {
1216
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
1217
+ }
1548
1218
 
1549
- @media screen and (max-width: 992px) {
1550
- [style~="--scw-border-color-lg:"] {
1551
- border-color: var( --scw-color-01, var( --scw-border-color-lg ));
1219
+ [style~="--scw-border-bottom-md:"] {
1220
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
1552
1221
  }
1222
+
1223
+ [style~="--scw-border-left-md:"] {
1224
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
1553
1225
  }
1554
1226
 
1227
+ [style~="--scw-border-right-md:"] {
1228
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
1229
+ }
1555
1230
 
1556
- @media screen and (max-width: 992px) {
1557
- [style~="--scw-border-top-lg:"] {
1558
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
1231
+ [style~="--scw-border-md:"] {
1232
+ border: 1px solid var( --scw-color-01, var( --scw-border-md ));
1559
1233
  }
1234
+
1235
+ [style~="--scw-font-md:"] {
1236
+ font: var( --scw-font-md );
1237
+ }
1238
+
1239
+ [style~="--scw-size-md:"] {
1240
+ width: var( --scw-size-md );
1241
+ height: var( --scw-size-md );
1560
1242
  }
1561
1243
 
1244
+ [style~="--scw-max-size-md:"] {
1245
+ max-width: var( --scw-max-size-md );
1246
+ max-height: var( --scw-max-size-md );
1247
+ }
1562
1248
 
1563
- @media screen and (max-width: 992px) {
1564
- [style~="--scw-border-bottom-lg:"] {
1565
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
1249
+ [style~="--scw-min-size-md:"] {
1250
+ min-width: var( --scw-min-size-md );
1251
+ min-height: var( --scw-min-size-md );
1566
1252
  }
1253
+
1254
+ [style~="--scw-width-md:"] {
1255
+ width: var( --scw-width-md );
1567
1256
  }
1568
1257
 
1258
+ [style~="--scw-max-width-md:"] {
1259
+ max-width: var( --scw-max-width-md );
1260
+ }
1569
1261
 
1570
- @media screen and (max-width: 992px) {
1571
- [style~="--scw-border-left-lg:"] {
1572
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
1262
+ [style~="--scw-min-width-md:"] {
1263
+ min-width: var( --scw-min-width-md );
1573
1264
  }
1265
+
1266
+ [style~="--scw-height-md:"] {
1267
+ height: var( --scw-height-md );
1574
1268
  }
1575
1269
 
1270
+ [style~="--scw-max-height-md:"] {
1271
+ max-height: var( --scw-max-height-md );
1272
+ }
1576
1273
 
1577
- @media screen and (max-width: 992px) {
1578
- [style~="--scw-border-right-lg:"] {
1579
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
1274
+ [style~="--scw-min-height-md:"] {
1275
+ min-height: var( --scw-min-height-md );
1580
1276
  }
1277
+
1278
+ [style~="--scw-left-md:"] {
1279
+ left: var( --scw-left-md );
1581
1280
  }
1582
1281
 
1282
+ [style~="--scw-right-md:"] {
1283
+ right: var( --scw-right-md );
1284
+ }
1583
1285
 
1584
- @media screen and (max-width: 992px) {
1585
- [style~="--scw-border-lg:"] {
1586
- border: 1px solid var( --scw-color-01, var( --scw-border-lg ));
1286
+ [style~="--scw-top-md:"] {
1287
+ top: var( --scw-top-md );
1587
1288
  }
1289
+
1290
+ [style~="--scw-bottom-md:"] {
1291
+ bottom: var( --scw-bottom-md );
1588
1292
  }
1589
-
1590
1293
 
1591
- @media screen and (max-width: 992px) {
1592
- [style~="--scw-font-lg:"] {
1593
- font: var( --scw-font-lg );
1294
+ [style~="--scw-margin-md:"] {
1295
+ margin: var( --scw-margin-md );
1594
1296
  }
1297
+
1298
+ [style~="--scw-margin-left-md:"] {
1299
+ margin-left: var( --scw-margin-left-md );
1595
1300
  }
1596
-
1597
1301
 
1598
- @media screen and (max-width: 992px) {
1599
- [style~="--scw-size-lg:"] {
1600
- width: var( --scw-size-lg );
1601
- height: var( --scw-size-lg );
1302
+ [style~="--scw-margin-right-md:"] {
1303
+ margin-right: var( --scw-margin-right-md );
1602
1304
  }
1305
+
1306
+ [style~="--scw-margin-top-md:"] {
1307
+ margin-top: var( --scw-margin-top-md );
1603
1308
  }
1604
1309
 
1310
+ [style~="--scw-margin-bottom-md:"] {
1311
+ margin-bottom: var( --scw-margin-bottom-md );
1312
+ }
1605
1313
 
1314
+ [style~="--scw-margin-width-md:"] {
1315
+ margin-left: var( --scw-margin-width-md );
1316
+ margin-right: var( --scw-margin-width-md );
1317
+ }
1606
1318
 
1607
- @media screen and (max-width: 992px) {
1608
- [style~="--scw-max-size-lg:"] {
1609
- max-width: var( --scw-max-size-lg );
1610
- max-height: var( --scw-max-size-lg );
1319
+ [style~="--scw-margin-x-md:"] {
1320
+ margin-left: var( --scw-margin-x-md );
1321
+ margin-right: var( --scw-margin-x-md );
1611
1322
  }
1323
+
1324
+ [style~="--scw-margin-height-md:"] {
1325
+ margin-top: var( --scw-margin-height-md );
1326
+ margin-bottom: var( --scw-margin-height-md );
1612
1327
  }
1613
1328
 
1329
+ [style~="--scw-margin-y-md:"] {
1330
+ margin-top: var( --scw-margin-y-md );
1331
+ margin-bottom: var( --scw-margin-y-md );
1332
+ }
1614
1333
 
1334
+ [style~="--scw-padding-md:"] {
1335
+ padding: var( --scw-padding-md );
1336
+ }
1615
1337
 
1616
- @media screen and (max-width: 992px) {
1617
- [style~="--scw-min-size-lg:"] {
1618
- min-width: var( --scw-min-size-lg );
1619
- min-height: var( --scw-min-size-lg );
1338
+ [style~="--scw-padding-left-md:"] {
1339
+ padding-left: var( --scw-padding-left-md );
1620
1340
  }
1341
+
1342
+ [style~="--scw-padding-right-md:"] {
1343
+ padding-right: var( --scw-padding-right-md );
1621
1344
  }
1622
1345
 
1346
+ [style~="--scw-padding-top-md:"] {
1347
+ padding-top: var( --scw-padding-top-md );
1348
+ }
1623
1349
 
1624
-
1625
- @media screen and (max-width: 992px) {
1626
- [style~="--scw-width-lg:"] {
1627
- width: var( --scw-width-lg );
1628
- }
1629
- }
1630
-
1631
-
1632
-
1633
- @media screen and (max-width: 992px) {
1634
- [style~="--scw-max-width-lg:"] {
1635
- max-width: var( --scw-max-width-lg );
1636
- }
1637
- }
1638
-
1639
-
1640
-
1641
- @media screen and (max-width: 992px) {
1642
- [style~="--scw-min-width-lg:"] {
1643
- min-width: var( --scw-min-width-lg );
1644
- }
1645
- }
1646
-
1647
-
1648
-
1649
- @media screen and (max-width: 992px) {
1650
- [style~="--scw-height-lg:"] {
1651
- height: var( --scw-height-lg );
1652
- }
1653
- }
1654
-
1655
-
1656
-
1657
- @media screen and (max-width: 992px) {
1658
- [style~="--scw-max-height-lg:"] {
1659
- max-height: var( --scw-max-height-lg );
1660
- }
1661
- }
1662
-
1663
-
1664
-
1665
- @media screen and (max-width: 992px) {
1666
- [style~="--scw-min-height-lg:"] {
1667
- min-height: var( --scw-min-height-lg );
1668
- }
1669
- }
1670
-
1671
-
1672
-
1673
- @media screen and (max-width: 992px) {
1674
- [style~="--scw-left-lg:"] {
1675
- left: var( --scw-left-lg );
1676
- }
1677
- }
1678
-
1679
-
1680
-
1681
- @media screen and (max-width: 992px) {
1682
- [style~="--scw-right-lg:"] {
1683
- right: var( --scw-right-lg );
1684
- }
1685
- }
1686
-
1687
-
1688
-
1689
- @media screen and (max-width: 992px) {
1690
- [style~="--scw-top-lg:"] {
1691
- top: var( --scw-top-lg );
1692
- }
1693
- }
1694
-
1695
-
1696
-
1697
- @media screen and (max-width: 992px) {
1698
- [style~="--scw-bottom-lg:"] {
1699
- bottom: var( --scw-bottom-lg );
1700
- }
1701
- }
1702
-
1703
-
1704
-
1705
- @media screen and (max-width: 992px) {
1706
- [style~="--scw-margin-lg:"] {
1707
- margin: var( --scw-margin-lg );
1708
- }
1709
- }
1710
-
1711
-
1712
-
1713
- @media screen and (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-width: 992px) {
1782
- [style~="--scw-padding-lg:"] {
1783
- padding: var( --scw-padding-lg );
1784
- }
1785
- }
1786
-
1787
-
1788
-
1789
- @media screen and (max-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 (max-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 (max-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 (max-width: 992px) {
1814
- [style~="--scw-padding-bottom-lg:"] {
1815
- padding-bottom: var( --scw-padding-bottom-lg );
1816
- }
1350
+ [style~="--scw-padding-bottom-md:"] {
1351
+ padding-bottom: var( --scw-padding-bottom-md );
1817
1352
  }
1818
1353
 
1819
-
1820
-
1821
- @media screen and (max-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
- }
1354
+ [style~="--scw-padding-width-md:"] {
1355
+ padding-left: var( --scw-padding-width-md );
1356
+ padding-right: var( --scw-padding-width-md );
1826
1357
  }
1827
1358
 
1828
-
1829
-
1830
- @media screen and (max-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
- }
1359
+ [style~="--scw-padding-x-md:"] {
1360
+ padding-left: var( --scw-padding-x-md );
1361
+ padding-right: var( --scw-padding-x-md );
1835
1362
  }
1836
1363
 
1837
-
1838
-
1839
- @media screen and (max-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
- }
1364
+ [style~="--scw-padding-height-md:"] {
1365
+ padding-top: var( --scw-padding-height-md );
1366
+ padding-bottom: var( --scw-padding-height-md );
1844
1367
  }
1845
1368
 
1846
-
1847
-
1848
- @media screen and (max-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
- }
1369
+ [style~="--scw-padding-y-md:"] {
1370
+ padding-top: var( --scw-padding-y-md );
1371
+ padding-bottom: var( --scw-padding-y-md );
1853
1372
  }
1854
1373
 
1855
-
1856
-
1857
- @media screen and (max-width: 992px) {
1858
- [style~="--scw-border-radius-lg:"] {
1859
- border-radius: var( --scw-border-radius-lg );
1860
- }
1374
+ [style~="--scw-border-radius-md:"] {
1375
+ border-radius: var( --scw-border-radius-md );
1861
1376
  }
1862
1377
 
1863
-
1864
-
1865
- @media screen and (max-width: 992px) {
1866
- [style~="--scw-gap-lg:"] > * {
1867
- --gap: var( --scw-gap-lg );
1868
- }
1378
+ [style~="--scw-gap-md:"] > * {
1379
+ --gap: var( --scw-gap-md );
1869
1380
  }
1870
1381
 
1871
-
1872
-
1873
- @media screen and (max-width: 992px) {
1874
- [style~="--scw-fill-lg:"] {
1875
- flex: var( --scw-fill-lg );
1876
- }
1382
+ [style~="--scw-fill-md:"] {
1383
+ flex: var( --scw-fill-md );
1877
1384
  }
1878
-
1879
-
1880
- @media screen and (max-width: 992px) {
1881
- [style~="--scw-element-lg:"] {
1385
+
1386
+ [style~="--scw-element-md:"] {
1882
1387
  /* element */
1883
1388
  position: relative;
1884
1389
  box-sizing: border-box;
@@ -1890,11 +1395,8 @@ scw-float::after,
1890
1395
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1891
1396
 
1892
1397
  display: block;}
1893
- }
1894
-
1895
1398
 
1896
- @media screen and (max-width: 992px) {
1897
- [style~="--scw-layout-lg:"] {
1399
+ [style~="--scw-layout-md:"] {
1898
1400
  /* element */
1899
1401
  position: relative;
1900
1402
  box-sizing: border-box;
@@ -1906,11 +1408,8 @@ scw-float::after,
1906
1408
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1907
1409
 
1908
1410
  display: block;}
1909
- }
1910
-
1911
1411
 
1912
- @media screen and (max-width: 992px) {
1913
- [style~="--scw-text-lg:"] {
1412
+ [style~="--scw-text-md:"] {
1914
1413
  /* element */
1915
1414
  position: relative;
1916
1415
  box-sizing: border-box;
@@ -1922,11 +1421,8 @@ scw-float::after,
1922
1421
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1923
1422
 
1924
1423
  display: inline-block;}
1925
- }
1926
-
1927
1424
 
1928
- @media screen and (max-width: 992px) {
1929
- [style~="--scw-stack-lg:"] {
1425
+ [style~="--scw-stack-md:"] {
1930
1426
  /* element */
1931
1427
  position: relative;
1932
1428
  box-sizing: border-box;
@@ -1938,27 +1434,18 @@ scw-float::after,
1938
1434
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1939
1435
 
1940
1436
  display: block;}
1941
- }
1942
-
1943
1437
 
1944
- @media screen and (max-width: 992px) {
1945
- [style~="--scw-stack-lg:"] > *:nth-child(n) {
1438
+ [style~="--scw-stack-md:"] > *:nth-child(n) {
1946
1439
  --gap-h-int: 0px;
1947
1440
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1948
1441
  width: 100%;
1949
1442
  }
1950
- }
1951
-
1952
1443
 
1953
- @media screen and (max-width: 992px) {
1954
- [style~="--scw-stack-lg:"] > *:last-child {
1444
+ [style~="--scw-stack-md:"] > *:last-child {
1955
1445
  --gap-v-int: 0px;
1956
1446
  }
1957
- }
1958
-
1959
1447
 
1960
- @media screen and (max-width: 992px) {
1961
- [style~="--scw-layout-lg:"] {
1448
+ [style~="--scw-layout-md:"] {
1962
1449
  /* element */
1963
1450
  position: relative;
1964
1451
  box-sizing: border-box;
@@ -1970,27 +1457,18 @@ scw-float::after,
1970
1457
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
1971
1458
 
1972
1459
  display: block;}
1973
- }
1974
-
1975
1460
 
1976
- @media screen and (max-width: 992px) {
1977
- [style~="--scw-layout-lg:"] > *:nth-child(n) {
1461
+ [style~="--scw-layout-md:"] > *:nth-child(n) {
1978
1462
  --gap-h-int: 0px;
1979
1463
  --gap-v-int: var( --gap, var( --gap-v, initial ));
1980
1464
  width: 100%;
1981
1465
  }
1982
- }
1983
-
1984
1466
 
1985
- @media screen and (max-width: 992px) {
1986
- [style~="--scw-layout-lg:"] > *:last-child {
1467
+ [style~="--scw-layout-md:"] > *:last-child {
1987
1468
  --gap-v-int: 0px;
1988
1469
  }
1989
- }
1990
-
1991
1470
 
1992
- @media screen and (max-width: 992px) {
1993
- [style~="--scw-flex-h-lg:"] {
1471
+ [style~="--scw-flex-h-md:"] {
1994
1472
  /* element */
1995
1473
  position: relative;
1996
1474
  box-sizing: border-box;
@@ -2016,26 +1494,17 @@ scw-float::after,
2016
1494
  --ai-int: var( --ai-h, initial );
2017
1495
  --jc-int: var( --jc-h, initial );
2018
1496
  }
2019
- }
2020
-
2021
1497
 
2022
- @media screen and (max-width: 992px) {
2023
- [style~="--scw-flex-h-lg:"] > *:nth-child(n) {
1498
+ [style~="--scw-flex-h-md:"] > *:nth-child(n) {
2024
1499
  --gap-h-int: var( --gap , var( --gap-h, initial ));
2025
1500
  --gap-v-int: 0px;
2026
1501
  }
2027
- }
2028
-
2029
1502
 
2030
- @media screen and (max-width: 992px) {
2031
- [style~="--scw-flex-h-lg:"] > *:last-child {
1503
+ [style~="--scw-flex-h-md:"] > *:last-child {
2032
1504
  --gap-h-int: 0px;
2033
1505
  }
2034
- }
2035
-
2036
1506
 
2037
- @media screen and (max-width: 992px) {
2038
- [style~="--scw-flex-v-lg:"] {
1507
+ [style~="--scw-flex-v-md:"] {
2039
1508
  /* element */
2040
1509
  position: relative;
2041
1510
  box-sizing: border-box;
@@ -2061,26 +1530,17 @@ scw-float::after,
2061
1530
  --ai-int: var( --ai-v, initial );
2062
1531
  --jc-int: var( --jc-v, initial );
2063
1532
  }
2064
- }
2065
-
2066
1533
 
2067
- @media screen and (max-width: 992px) {
2068
- [style~="--scw-flex-v-lg:"] > *:nth-child(n) {
1534
+ [style~="--scw-flex-v-md:"] > *:nth-child(n) {
2069
1535
  --gap-h-int: 0px;
2070
1536
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2071
1537
  }
2072
- }
2073
-
2074
1538
 
2075
- @media screen and (max-width: 992px) {
2076
- [style~="--scw-flex-v-lg:"] > *:last-child {
1539
+ [style~="--scw-flex-v-md:"] > *:last-child {
2077
1540
  --gap-v-int: 0px;
2078
1541
  }
2079
- }
2080
-
2081
1542
 
2082
- @media screen and (max-width: 992px) {
2083
- [style~="--scw-center-lg:"] {
1543
+ [style~="--scw-center-md:"] {
2084
1544
  /* element */
2085
1545
  position: relative;
2086
1546
  box-sizing: border-box;
@@ -2106,26 +1566,17 @@ scw-float::after,
2106
1566
  --ai-int: var( --ai-v, initial );
2107
1567
  --jc-int: var( --jc-v, initial );
2108
1568
  }
2109
- }
2110
-
2111
1569
 
2112
- @media screen and (max-width: 992px) {
2113
- [style~="--scw-center-lg:"] > *:nth-child(n) {
1570
+ [style~="--scw-center-md:"] > *:nth-child(n) {
2114
1571
  --gap-h-int: 0px;
2115
1572
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2116
1573
  }
2117
- }
2118
-
2119
1574
 
2120
- @media screen and (max-width: 992px) {
2121
- [style~="--scw-center-lg:"] > *:last-child {
1575
+ [style~="--scw-center-md:"] > *:last-child {
2122
1576
  --gap-v-int: 0px;
2123
1577
  }
2124
- }
2125
-
2126
1578
 
2127
- @media screen and (max-width: 992px) {
2128
- [style~="--scw-float-lg:"] {
1579
+ [style~="--scw-float-md:"] {
2129
1580
  /* element */
2130
1581
  position: relative;
2131
1582
  box-sizing: border-box;
@@ -2138,627 +1589,386 @@ scw-float::after,
2138
1589
 
2139
1590
  display: block;
2140
1591
  }
2141
- }
2142
-
2143
1592
 
2144
- @media screen and (max-width: 992px) {
2145
- [style~="--scw-float-lg:"] > *:nth-child(n) {
1593
+ [style~="--scw-float-md:"] > *:nth-child(n) {
2146
1594
  --gap-h-int: 0px;
2147
1595
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2148
1596
  width: auto;
2149
1597
  float: left;
2150
1598
  clear: left;
2151
1599
  }
2152
- }
2153
-
2154
1600
 
2155
- @media screen and (max-width: 992px) {
2156
- [style~="--scw-float-lg:"] > *:last-child {
1601
+ [style~="--scw-float-md:"] > *:last-child {
2157
1602
  --gap-v-int: 0px;
2158
1603
  }
2159
- }
2160
-
2161
1604
 
2162
- @media screen and (max-width: 992px) {
2163
- [style~="--scw-float-lg:"]::after {
1605
+ [style~="--scw-float-md:"]::after {
2164
1606
  content: "";
2165
1607
  clear: both;
2166
1608
  display: table;
2167
1609
  }
2168
- }
2169
-
2170
1610
 
2171
- @media screen and (max-width: 992px) {
2172
- [style~="--scw-float-left-lg:"] {
1611
+ [style~="--scw-float-left-md:"] {
2173
1612
  float: left;
2174
1613
  }
2175
- }
2176
-
2177
1614
 
2178
- @media screen and (max-width: 992px) {
2179
- [style~="--scw-float-right-lg:"] {
1615
+ [style~="--scw-float-right-md:"] {
2180
1616
  float: right;
2181
1617
  }
2182
- }
2183
-
2184
1618
 
2185
- @media screen and (max-width: 992px) {
2186
- [style~="--scw-float-clear-left-lg:"] {
1619
+ [style~="--scw-float-clear-left-md:"] {
2187
1620
  clear: left;
2188
1621
  float: left;
2189
1622
  }
2190
- }
2191
-
2192
1623
 
2193
- @media screen and (max-width: 992px) {
2194
- [style~="--scw-float-clear-right-lg:"] {
1624
+ [style~="--scw-float-clear-right-md:"] {
2195
1625
  clear: right;
2196
1626
  float: right;
2197
1627
  }
2198
- }
2199
-
2200
1628
 
2201
- @media screen and (max-width: 992px) {
2202
- [style~="--scw-fill-children-lg:"] > * {
1629
+ [style~="--scw-fill-children-md:"] > * {
2203
1630
  flex: 1;
2204
1631
  }
2205
- }
2206
-
2207
1632
 
2208
- @media screen and (max-width: 992px) {
2209
- [style~="--scw-children-fill-lg:"] > * {
1633
+ [style~="--scw-children-fill-md:"] > * {
2210
1634
  flex: 1;
2211
1635
  }
2212
- }
2213
-
2214
1636
 
2215
- @media screen and (max-width: 992px) {
2216
- [style~="--scw-hide-lg:"] {
1637
+ [style~="--scw-hide-md:"] {
2217
1638
  display: none;
2218
1639
  }
2219
- }
2220
-
2221
- @media screen and (max-width: 992px) {
2222
-
2223
- [style~="--scw-alignment-center-lg:"],
2224
- [style~="--scw-alignment-center-center-lg:"]{
1640
+
1641
+ [style~="--scw-alignment-center-md:"],
1642
+ [style~="--scw-alignment-center-center-md:"]{
2225
1643
  --ai-h: center;
2226
1644
  --jc-h: center;
2227
1645
  --ai-v: center;
2228
1646
  --jc-v: center;
2229
1647
  }
2230
- }
2231
1648
 
2232
- @media screen and (max-width: 992px) {
2233
-
2234
- [style~="--scw-alignment-center-left-lg:"],
2235
- [style~="--scw-alignment-left-center-lg:"]{
1649
+ [style~="--scw-alignment-center-left-md:"],
1650
+ [style~="--scw-alignment-left-center-md:"]{
2236
1651
  --ai-h: center;
2237
1652
  --jc-h: flex-start;
2238
1653
  --ai-v: flex-start;
2239
1654
  --jc-v: center;
2240
1655
  }
2241
- }
2242
1656
 
2243
- @media screen and (max-width: 992px) {
2244
-
2245
- [style~="--scw-alignment-center-right-lg:"],
2246
- [style~="--scw-alignment-right-center-lg:"]{
1657
+ [style~="--scw-alignment-center-right-md:"],
1658
+ [style~="--scw-alignment-right-center-md:"]{
2247
1659
  --ai-h: center;
2248
1660
  --jc-h: flex-end;
2249
1661
  --ai-v: flex-end;
2250
1662
  --jc-v: center;
2251
1663
  }
2252
- }
2253
1664
 
2254
- @media screen and (max-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:"]{
1665
+ [style~="--scw-alignment-top-md:"],
1666
+ [style~="--scw-alignment-top-left-md:"],
1667
+ [style~="--scw-alignment-left-top-md:"],
1668
+ [style~="--scw-alignment-left-md:"]{
2260
1669
  --ai-h: flex-start;
2261
1670
  --jc-h: flex-start;
2262
1671
  --ai-v: flex-start;
2263
1672
  --jc-v: flex-start;
2264
1673
  }
2265
- }
2266
1674
 
2267
- @media screen and (max-width: 992px) {
2268
-
2269
- [style~="--scw-alignment-top-center-lg:"],
2270
- [style~="--scw-alignment-center-top-lg:"]{
1675
+ [style~="--scw-alignment-top-center-md:"],
1676
+ [style~="--scw-alignment-center-top-md:"]{
2271
1677
  --ai-h: flex-start;
2272
1678
  --jc-h: center;
2273
1679
  --ai-v: center;
2274
1680
  --jc-v: flex-start;
2275
1681
  }
2276
- }
2277
1682
 
2278
- @media screen and (max-width: 992px) {
2279
-
2280
- [style~="--scw-alignment-top-right-lg:"],
2281
- [style~="--scw-alignment-right-top-lg:"],
2282
- [style~="--scw-alignment-right-lg:"]{
1683
+ [style~="--scw-alignment-top-right-md:"],
1684
+ [style~="--scw-alignment-right-top-md:"],
1685
+ [style~="--scw-alignment-right-md:"]{
2283
1686
  --ai-h: flex-start;
2284
1687
  --jc-h: flex-end;
2285
1688
  --ai-v: flex-end;
2286
1689
  --jc-v: flex-start;
2287
1690
  }
2288
- }
2289
1691
 
2290
- @media screen and (max-width: 992px) {
2291
-
2292
- [style~="--scw-alignment-bottom-left-lg:"],
2293
- [style~="--scw-alignment-left-bottom-lg:"],
2294
- [style~="--scw-alignment-bottom-lg:"]{
1692
+ [style~="--scw-alignment-bottom-left-md:"],
1693
+ [style~="--scw-alignment-left-bottom-md:"],
1694
+ [style~="--scw-alignment-bottom-md:"]{
2295
1695
  --ai-h: flex-end;
2296
1696
  --jc-h: flex-start;
2297
1697
  --ai-v: flex-start;
2298
1698
  --jc-v: flex-end;
2299
1699
  }
2300
- }
2301
1700
 
2302
- @media screen and (max-width: 992px) {
2303
-
2304
- [style~="--scw-alignment-bottom-center-lg:"],
2305
- [style~="--scw-alignment-center-bottom-lg:"]{
1701
+ [style~="--scw-alignment-bottom-center-md:"],
1702
+ [style~="--scw-alignment-center-bottom-md:"]{
2306
1703
  --ai-h: flex-end;
2307
1704
  --jc-h: center;
2308
1705
  --ai-v: center;
2309
1706
  --jc-v: flex-end;
2310
1707
  }
2311
- }
2312
1708
 
2313
- @media screen and (max-width: 992px) {
2314
-
2315
- [style~="--scw-alignment-bottom-right-lg:"],
2316
- [style~="--scw-alignment-right-bottom-lg:"]{
1709
+ [style~="--scw-alignment-bottom-right-md:"],
1710
+ [style~="--scw-alignment-right-bottom-md:"]{
2317
1711
  --ai-h: flex-end;
2318
1712
  --jc-h: flex-end;
2319
1713
  --ai-v: flex-end;
2320
1714
  --jc-v: flex-end;
2321
1715
  }
2322
- }
2323
1716
 
2324
- @media screen and (max-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:"]{
1717
+ [style~="--scw-alignment-stretch-md:"],
1718
+ [style~="--scw-alignment-stretch-left-md:"],
1719
+ [style~="--scw-alignment-left-stretch-md:"],
1720
+ [style~="--scw-alignment-stretch-top-md:"],
1721
+ [style~="--scw-alignment-top-stretch-md:"]{
2331
1722
  --ai-h: stretch;
2332
1723
  --jc-h: flex-start;
2333
1724
  --ai-v: stretch;
2334
1725
  --jc-v: flex-start;
2335
1726
  }
2336
- }
2337
1727
 
2338
- @media screen and (max-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:"]{
1728
+ [style~="--scw-alignment-stretch-right-md:"],
1729
+ [style~="--scw-alignment-right-stretch-md:"],
1730
+ [style~="--scw-alignment-stretch-bottom-md:"],
1731
+ [style~="--scw-alignment-bottom-stretch-md:"]{
2344
1732
  --ai-h: stretch;
2345
1733
  --jc-h: flex-end;
2346
1734
  --ai-v: stretch;
2347
1735
  --jc-v: flex-end;
2348
1736
  }
2349
- }
2350
1737
 
2351
- @media screen and (max-width: 992px) {
2352
-
2353
- [style~="--scw-alignment-stretch-center-lg:"],
2354
- [style~="--scw-alignment-center-stretch-lg:"]{
1738
+ [style~="--scw-alignment-stretch-center-md:"],
1739
+ [style~="--scw-alignment-center-stretch-md:"]{
2355
1740
  --ai-h: stretch;
2356
1741
  --jc-h: center;
2357
1742
  --ai-v: stretch;
2358
1743
  --jc-v: center;
2359
1744
  }
2360
- }
2361
1745
 
2362
- @media screen and (max-width: 992px) {
2363
-
2364
- [style~="--scw-baseline-lg:"],
2365
- [style~="--scw-alignment-baseline-left-lg:"],
2366
- [style~="--scw-alignment-left-baseline-lg:"]{
1746
+ [style~="--scw-baseline-md:"],
1747
+ [style~="--scw-alignment-baseline-left-md:"],
1748
+ [style~="--scw-alignment-left-baseline-md:"]{
2367
1749
  --ai-h: baseline;
2368
1750
  --jc-h: flex-start;
2369
1751
  --ai-v: flex-start;
2370
1752
  --jc-v: flex-start;
2371
1753
  }
2372
- }
2373
1754
 
2374
- @media screen and (max-width: 992px) {
2375
-
2376
- [style~="--scw-alignment-baseline-right-lg:"],
2377
- [style~="--scw-alignment-right-baseline-lg:"]{
1755
+ [style~="--scw-alignment-baseline-right-md:"],
1756
+ [style~="--scw-alignment-right-baseline-md:"]{
2378
1757
  --ai-h: baseline;
2379
1758
  --jc-h: flex-start;
2380
1759
  --ai-v: flex-start;
2381
1760
  --jc-v: flex-start;
2382
1761
  }
2383
- }
2384
1762
 
2385
- @media screen and (max-width: 992px) {
2386
-
2387
- [style~="--scw-alignment-baseline-center-lg:"],
2388
- [style~="--scw-alignment-center-baseline-lg:"]{
1763
+ [style~="--scw-alignment-baseline-center-md:"],
1764
+ [style~="--scw-alignment-center-baseline-md:"]{
2389
1765
  --ai-h: baseline;
2390
1766
  --jc-h: center;
2391
1767
  --ai-v: center;
2392
1768
  --jc-v: flex-start;
2393
1769
  }
2394
- }
2395
-
2396
-
2397
1770
 
2398
1771
 
2399
- @media screen and (max-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
1772
  }
2405
1773
 
1774
+ @media screen and (min-width: 992px) {
2406
1775
 
2407
- @media screen and (max-width: 768px) {
2408
- [style~="--scw-background-color-hover-md:"]:hover {
2409
- background-color: var( --scw-color-01, var( --scw-background-color-hover-md ));
2410
- }
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 );
2411
1781
  }
2412
1782
 
1783
+ [style~="--scw-background-color-hover-lg:"]:hover {
1784
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-lg ));
1785
+ }
2413
1786
 
2414
- @media screen and (max-width: 768px) {
2415
- [style~="--scw-color-md:"] {
2416
- --color: var( --scw-color-01, var( --scw-color-md ));
1787
+ [style~="--scw-color-lg:"] {
1788
+ --color: var( --scw-color-01, var( --scw-color-lg ));
2417
1789
  color: var( --color );
2418
1790
  }
2419
- }
2420
1791
 
2421
-
2422
- @media screen and (max-width: 768px) {
2423
- [style~="--scw-color-hover-md:"]:hover {
2424
- color: var( --scw-color-01, var( --scw-color-hover-md ));
2425
- }
1792
+ [style~="--scw-color-hover-lg:"]:hover {
1793
+ color: var( --scw-color-01, var( --scw-color-hover-lg ));
2426
1794
  }
2427
1795
 
2428
-
2429
- @media screen and (max-width: 768px) {
2430
- [style~="--scw-border-color-md:"] {
2431
- border-color: var( --scw-color-01, var( --scw-border-color-md ));
2432
- }
1796
+ [style~="--scw-border-color-lg:"] {
1797
+ border-color: var( --scw-color-01, var( --scw-border-color-lg ));
2433
1798
  }
2434
1799
 
2435
-
2436
- @media screen and (max-width: 768px) {
2437
- [style~="--scw-border-top-md:"] {
2438
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
2439
- }
1800
+ [style~="--scw-border-top-lg:"] {
1801
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
2440
1802
  }
2441
1803
 
2442
-
2443
- @media screen and (max-width: 768px) {
2444
- [style~="--scw-border-bottom-md:"] {
2445
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
2446
- }
1804
+ [style~="--scw-border-bottom-lg:"] {
1805
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
2447
1806
  }
2448
1807
 
2449
-
2450
- @media screen and (max-width: 768px) {
2451
- [style~="--scw-border-left-md:"] {
2452
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
2453
- }
1808
+ [style~="--scw-border-left-lg:"] {
1809
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
2454
1810
  }
2455
1811
 
2456
-
2457
- @media screen and (max-width: 768px) {
2458
- [style~="--scw-border-right-md:"] {
2459
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
2460
- }
1812
+ [style~="--scw-border-right-lg:"] {
1813
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
2461
1814
  }
2462
1815
 
2463
-
2464
- @media screen and (max-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 (max-width: 768px) {
2472
- [style~="--scw-font-md:"] {
2473
- font: var( --scw-font-md );
2474
- }
1816
+ [style~="--scw-border-lg:"] {
1817
+ border: 1px solid var( --scw-color-01, var( --scw-border-lg ));
2475
1818
  }
2476
-
2477
-
2478
- @media screen and (max-width: 768px) {
2479
- [style~="--scw-size-md:"] {
2480
- width: var( --scw-size-md );
2481
- height: var( --scw-size-md );
1819
+
1820
+ [style~="--scw-font-lg:"] {
1821
+ font: var( --scw-font-lg );
2482
1822
  }
1823
+
1824
+ [style~="--scw-size-lg:"] {
1825
+ width: var( --scw-size-lg );
1826
+ height: var( --scw-size-lg );
2483
1827
  }
2484
1828
 
2485
-
2486
-
2487
- @media screen and (max-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
- }
1829
+ [style~="--scw-max-size-lg:"] {
1830
+ max-width: var( --scw-max-size-lg );
1831
+ max-height: var( --scw-max-size-lg );
2492
1832
  }
2493
1833
 
2494
-
2495
-
2496
- @media screen and (max-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
- }
1834
+ [style~="--scw-min-size-lg:"] {
1835
+ min-width: var( --scw-min-size-lg );
1836
+ min-height: var( --scw-min-size-lg );
2501
1837
  }
2502
1838
 
2503
-
2504
-
2505
- @media screen and (max-width: 768px) {
2506
- [style~="--scw-width-md:"] {
2507
- width: var( --scw-width-md );
2508
- }
1839
+ [style~="--scw-width-lg:"] {
1840
+ width: var( --scw-width-lg );
2509
1841
  }
2510
1842
 
2511
-
2512
-
2513
- @media screen and (max-width: 768px) {
2514
- [style~="--scw-max-width-md:"] {
2515
- max-width: var( --scw-max-width-md );
2516
- }
1843
+ [style~="--scw-max-width-lg:"] {
1844
+ max-width: var( --scw-max-width-lg );
2517
1845
  }
2518
1846
 
2519
-
2520
-
2521
- @media screen and (max-width: 768px) {
2522
- [style~="--scw-min-width-md:"] {
2523
- min-width: var( --scw-min-width-md );
2524
- }
1847
+ [style~="--scw-min-width-lg:"] {
1848
+ min-width: var( --scw-min-width-lg );
2525
1849
  }
2526
1850
 
2527
-
2528
-
2529
- @media screen and (max-width: 768px) {
2530
- [style~="--scw-height-md:"] {
2531
- height: var( --scw-height-md );
2532
- }
1851
+ [style~="--scw-height-lg:"] {
1852
+ height: var( --scw-height-lg );
2533
1853
  }
2534
1854
 
2535
-
2536
-
2537
- @media screen and (max-width: 768px) {
2538
- [style~="--scw-max-height-md:"] {
2539
- max-height: var( --scw-max-height-md );
2540
- }
1855
+ [style~="--scw-max-height-lg:"] {
1856
+ max-height: var( --scw-max-height-lg );
2541
1857
  }
2542
1858
 
2543
-
2544
-
2545
- @media screen and (max-width: 768px) {
2546
- [style~="--scw-min-height-md:"] {
2547
- min-height: var( --scw-min-height-md );
2548
- }
1859
+ [style~="--scw-min-height-lg:"] {
1860
+ min-height: var( --scw-min-height-lg );
2549
1861
  }
2550
1862
 
2551
-
2552
-
2553
- @media screen and (max-width: 768px) {
2554
- [style~="--scw-left-md:"] {
2555
- left: var( --scw-left-md );
2556
- }
1863
+ [style~="--scw-left-lg:"] {
1864
+ left: var( --scw-left-lg );
2557
1865
  }
2558
1866
 
2559
-
2560
-
2561
- @media screen and (max-width: 768px) {
2562
- [style~="--scw-right-md:"] {
2563
- right: var( --scw-right-md );
2564
- }
1867
+ [style~="--scw-right-lg:"] {
1868
+ right: var( --scw-right-lg );
2565
1869
  }
2566
1870
 
2567
-
2568
-
2569
- @media screen and (max-width: 768px) {
2570
- [style~="--scw-top-md:"] {
2571
- top: var( --scw-top-md );
2572
- }
1871
+ [style~="--scw-top-lg:"] {
1872
+ top: var( --scw-top-lg );
2573
1873
  }
2574
1874
 
2575
-
2576
-
2577
- @media screen and (max-width: 768px) {
2578
- [style~="--scw-bottom-md:"] {
2579
- bottom: var( --scw-bottom-md );
2580
- }
1875
+ [style~="--scw-bottom-lg:"] {
1876
+ bottom: var( --scw-bottom-lg );
2581
1877
  }
2582
1878
 
2583
-
2584
-
2585
- @media screen and (max-width: 768px) {
2586
- [style~="--scw-margin-md:"] {
2587
- margin: var( --scw-margin-md );
2588
- }
1879
+ [style~="--scw-margin-lg:"] {
1880
+ margin: var( --scw-margin-lg );
2589
1881
  }
2590
1882
 
2591
-
2592
-
2593
- @media screen and (max-width: 768px) {
2594
- [style~="--scw-margin-left-md:"] {
2595
- margin-left: var( --scw-margin-left-md );
2596
- }
1883
+ [style~="--scw-margin-left-lg:"] {
1884
+ margin-left: var( --scw-margin-left-lg );
2597
1885
  }
2598
1886
 
2599
-
2600
-
2601
- @media screen and (max-width: 768px) {
2602
- [style~="--scw-margin-right-md:"] {
2603
- margin-right: var( --scw-margin-right-md );
2604
- }
1887
+ [style~="--scw-margin-right-lg:"] {
1888
+ margin-right: var( --scw-margin-right-lg );
2605
1889
  }
2606
1890
 
2607
-
2608
-
2609
- @media screen and (max-width: 768px) {
2610
- [style~="--scw-margin-top-md:"] {
2611
- margin-top: var( --scw-margin-top-md );
2612
- }
1891
+ [style~="--scw-margin-top-lg:"] {
1892
+ margin-top: var( --scw-margin-top-lg );
2613
1893
  }
2614
1894
 
2615
-
2616
-
2617
- @media screen and (max-width: 768px) {
2618
- [style~="--scw-margin-bottom-md:"] {
2619
- margin-bottom: var( --scw-margin-bottom-md );
2620
- }
1895
+ [style~="--scw-margin-bottom-lg:"] {
1896
+ margin-bottom: var( --scw-margin-bottom-lg );
2621
1897
  }
2622
1898
 
2623
-
2624
-
2625
- @media screen and (max-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
- }
1899
+ [style~="--scw-margin-width-lg:"] {
1900
+ margin-left: var( --scw-margin-width-lg );
1901
+ margin-right: var( --scw-margin-width-lg );
2630
1902
  }
2631
1903
 
2632
-
2633
-
2634
- @media screen and (max-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
- }
1904
+ [style~="--scw-margin-x-lg:"] {
1905
+ margin-left: var( --scw-margin-x-lg );
1906
+ margin-right: var( --scw-margin-x-lg );
2639
1907
  }
2640
1908
 
2641
-
2642
-
2643
- @media screen and (max-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
- }
1909
+ [style~="--scw-margin-height-lg:"] {
1910
+ margin-top: var( --scw-margin-height-lg );
1911
+ margin-bottom: var( --scw-margin-height-lg );
2648
1912
  }
2649
1913
 
2650
-
2651
-
2652
- @media screen and (max-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
- }
1914
+ [style~="--scw-margin-y-lg:"] {
1915
+ margin-top: var( --scw-margin-y-lg );
1916
+ margin-bottom: var( --scw-margin-y-lg );
2657
1917
  }
2658
1918
 
2659
-
2660
-
2661
- @media screen and (max-width: 768px) {
2662
- [style~="--scw-padding-md:"] {
2663
- padding: var( --scw-padding-md );
2664
- }
1919
+ [style~="--scw-padding-lg:"] {
1920
+ padding: var( --scw-padding-lg );
2665
1921
  }
2666
1922
 
2667
-
2668
-
2669
- @media screen and (max-width: 768px) {
2670
- [style~="--scw-padding-left-md:"] {
2671
- padding-left: var( --scw-padding-left-md );
2672
- }
1923
+ [style~="--scw-padding-left-lg:"] {
1924
+ padding-left: var( --scw-padding-left-lg );
2673
1925
  }
2674
1926
 
2675
-
2676
-
2677
- @media screen and (max-width: 768px) {
2678
- [style~="--scw-padding-right-md:"] {
2679
- padding-right: var( --scw-padding-right-md );
2680
- }
1927
+ [style~="--scw-padding-right-lg:"] {
1928
+ padding-right: var( --scw-padding-right-lg );
2681
1929
  }
2682
1930
 
2683
-
2684
-
2685
- @media screen and (max-width: 768px) {
2686
- [style~="--scw-padding-top-md:"] {
2687
- padding-top: var( --scw-padding-top-md );
2688
- }
1931
+ [style~="--scw-padding-top-lg:"] {
1932
+ padding-top: var( --scw-padding-top-lg );
2689
1933
  }
2690
1934
 
2691
-
2692
-
2693
- @media screen and (max-width: 768px) {
2694
- [style~="--scw-padding-bottom-md:"] {
2695
- padding-bottom: var( --scw-padding-bottom-md );
2696
- }
1935
+ [style~="--scw-padding-bottom-lg:"] {
1936
+ padding-bottom: var( --scw-padding-bottom-lg );
2697
1937
  }
2698
1938
 
2699
-
2700
-
2701
- @media screen and (max-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
- }
1939
+ [style~="--scw-padding-width-lg:"] {
1940
+ padding-left: var( --scw-padding-width-lg );
1941
+ padding-right: var( --scw-padding-width-lg );
2706
1942
  }
2707
1943
 
2708
-
2709
-
2710
- @media screen and (max-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
- }
1944
+ [style~="--scw-padding-x-lg:"] {
1945
+ padding-left: var( --scw-padding-x-lg );
1946
+ padding-right: var( --scw-padding-x-lg );
2715
1947
  }
2716
1948
 
2717
-
2718
-
2719
- @media screen and (max-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
- }
1949
+ [style~="--scw-padding-height-lg:"] {
1950
+ padding-top: var( --scw-padding-height-lg );
1951
+ padding-bottom: var( --scw-padding-height-lg );
2724
1952
  }
2725
1953
 
2726
-
2727
-
2728
- @media screen and (max-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
- }
1954
+ [style~="--scw-padding-y-lg:"] {
1955
+ padding-top: var( --scw-padding-y-lg );
1956
+ padding-bottom: var( --scw-padding-y-lg );
2733
1957
  }
2734
1958
 
2735
-
2736
-
2737
- @media screen and (max-width: 768px) {
2738
- [style~="--scw-border-radius-md:"] {
2739
- border-radius: var( --scw-border-radius-md );
2740
- }
1959
+ [style~="--scw-border-radius-lg:"] {
1960
+ border-radius: var( --scw-border-radius-lg );
2741
1961
  }
2742
1962
 
2743
-
2744
-
2745
- @media screen and (max-width: 768px) {
2746
- [style~="--scw-gap-md:"] > * {
2747
- --gap: var( --scw-gap-md );
2748
- }
1963
+ [style~="--scw-gap-lg:"] > * {
1964
+ --gap: var( --scw-gap-lg );
2749
1965
  }
2750
1966
 
2751
-
2752
-
2753
- @media screen and (max-width: 768px) {
2754
- [style~="--scw-fill-md:"] {
2755
- flex: var( --scw-fill-md );
2756
- }
1967
+ [style~="--scw-fill-lg:"] {
1968
+ flex: var( --scw-fill-lg );
2757
1969
  }
2758
-
2759
-
2760
- @media screen and (max-width: 768px) {
2761
- [style~="--scw-element-md:"] {
1970
+
1971
+ [style~="--scw-element-lg:"] {
2762
1972
  /* element */
2763
1973
  position: relative;
2764
1974
  box-sizing: border-box;
@@ -2770,11 +1980,8 @@ scw-float::after,
2770
1980
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2771
1981
 
2772
1982
  display: block;}
2773
- }
2774
-
2775
1983
 
2776
- @media screen and (max-width: 768px) {
2777
- [style~="--scw-layout-md:"] {
1984
+ [style~="--scw-layout-lg:"] {
2778
1985
  /* element */
2779
1986
  position: relative;
2780
1987
  box-sizing: border-box;
@@ -2786,11 +1993,8 @@ scw-float::after,
2786
1993
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2787
1994
 
2788
1995
  display: block;}
2789
- }
2790
1996
 
2791
-
2792
- @media screen and (max-width: 768px) {
2793
- [style~="--scw-text-md:"] {
1997
+ [style~="--scw-text-lg:"] {
2794
1998
  /* element */
2795
1999
  position: relative;
2796
2000
  box-sizing: border-box;
@@ -2802,11 +2006,8 @@ scw-float::after,
2802
2006
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2803
2007
 
2804
2008
  display: inline-block;}
2805
- }
2806
-
2807
2009
 
2808
- @media screen and (max-width: 768px) {
2809
- [style~="--scw-stack-md:"] {
2010
+ [style~="--scw-stack-lg:"] {
2810
2011
  /* element */
2811
2012
  position: relative;
2812
2013
  box-sizing: border-box;
@@ -2818,27 +2019,18 @@ scw-float::after,
2818
2019
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2819
2020
 
2820
2021
  display: block;}
2821
- }
2822
2022
 
2823
-
2824
- @media screen and (max-width: 768px) {
2825
- [style~="--scw-stack-md:"] > *:nth-child(n) {
2023
+ [style~="--scw-stack-lg:"] > *:nth-child(n) {
2826
2024
  --gap-h-int: 0px;
2827
2025
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2828
2026
  width: 100%;
2829
2027
  }
2830
- }
2831
-
2832
2028
 
2833
- @media screen and (max-width: 768px) {
2834
- [style~="--scw-stack-md:"] > *:last-child {
2029
+ [style~="--scw-stack-lg:"] > *:last-child {
2835
2030
  --gap-v-int: 0px;
2836
2031
  }
2837
- }
2838
-
2839
2032
 
2840
- @media screen and (max-width: 768px) {
2841
- [style~="--scw-layout-md:"] {
2033
+ [style~="--scw-layout-lg:"] {
2842
2034
  /* element */
2843
2035
  position: relative;
2844
2036
  box-sizing: border-box;
@@ -2850,27 +2042,18 @@ scw-float::after,
2850
2042
  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
2851
2043
 
2852
2044
  display: block;}
2853
- }
2854
2045
 
2855
-
2856
- @media screen and (max-width: 768px) {
2857
- [style~="--scw-layout-md:"] > *:nth-child(n) {
2046
+ [style~="--scw-layout-lg:"] > *:nth-child(n) {
2858
2047
  --gap-h-int: 0px;
2859
2048
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2860
2049
  width: 100%;
2861
2050
  }
2862
- }
2863
-
2864
2051
 
2865
- @media screen and (max-width: 768px) {
2866
- [style~="--scw-layout-md:"] > *:last-child {
2052
+ [style~="--scw-layout-lg:"] > *:last-child {
2867
2053
  --gap-v-int: 0px;
2868
2054
  }
2869
- }
2870
2055
 
2871
-
2872
- @media screen and (max-width: 768px) {
2873
- [style~="--scw-flex-h-md:"] {
2056
+ [style~="--scw-flex-h-lg:"] {
2874
2057
  /* element */
2875
2058
  position: relative;
2876
2059
  box-sizing: border-box;
@@ -2896,26 +2079,17 @@ scw-float::after,
2896
2079
  --ai-int: var( --ai-h, initial );
2897
2080
  --jc-int: var( --jc-h, initial );
2898
2081
  }
2899
- }
2900
2082
 
2901
-
2902
- @media screen and (max-width: 768px) {
2903
- [style~="--scw-flex-h-md:"] > *:nth-child(n) {
2083
+ [style~="--scw-flex-h-lg:"] > *:nth-child(n) {
2904
2084
  --gap-h-int: var( --gap , var( --gap-h, initial ));
2905
2085
  --gap-v-int: 0px;
2906
2086
  }
2907
- }
2908
2087
 
2909
-
2910
- @media screen and (max-width: 768px) {
2911
- [style~="--scw-flex-h-md:"] > *:last-child {
2088
+ [style~="--scw-flex-h-lg:"] > *:last-child {
2912
2089
  --gap-h-int: 0px;
2913
2090
  }
2914
- }
2915
2091
 
2916
-
2917
- @media screen and (max-width: 768px) {
2918
- [style~="--scw-flex-v-md:"] {
2092
+ [style~="--scw-flex-v-lg:"] {
2919
2093
  /* element */
2920
2094
  position: relative;
2921
2095
  box-sizing: border-box;
@@ -2941,26 +2115,17 @@ scw-float::after,
2941
2115
  --ai-int: var( --ai-v, initial );
2942
2116
  --jc-int: var( --jc-v, initial );
2943
2117
  }
2944
- }
2945
2118
 
2946
-
2947
- @media screen and (max-width: 768px) {
2948
- [style~="--scw-flex-v-md:"] > *:nth-child(n) {
2119
+ [style~="--scw-flex-v-lg:"] > *:nth-child(n) {
2949
2120
  --gap-h-int: 0px;
2950
2121
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2951
2122
  }
2952
- }
2953
2123
 
2954
-
2955
- @media screen and (max-width: 768px) {
2956
- [style~="--scw-flex-v-md:"] > *:last-child {
2124
+ [style~="--scw-flex-v-lg:"] > *:last-child {
2957
2125
  --gap-v-int: 0px;
2958
2126
  }
2959
- }
2960
2127
 
2961
-
2962
- @media screen and (max-width: 768px) {
2963
- [style~="--scw-center-md:"] {
2128
+ [style~="--scw-center-lg:"] {
2964
2129
  /* element */
2965
2130
  position: relative;
2966
2131
  box-sizing: border-box;
@@ -2986,26 +2151,17 @@ scw-float::after,
2986
2151
  --ai-int: var( --ai-v, initial );
2987
2152
  --jc-int: var( --jc-v, initial );
2988
2153
  }
2989
- }
2990
2154
 
2991
-
2992
- @media screen and (max-width: 768px) {
2993
- [style~="--scw-center-md:"] > *:nth-child(n) {
2155
+ [style~="--scw-center-lg:"] > *:nth-child(n) {
2994
2156
  --gap-h-int: 0px;
2995
2157
  --gap-v-int: var( --gap, var( --gap-v, initial ));
2996
2158
  }
2997
- }
2998
2159
 
2999
-
3000
- @media screen and (max-width: 768px) {
3001
- [style~="--scw-center-md:"] > *:last-child {
2160
+ [style~="--scw-center-lg:"] > *:last-child {
3002
2161
  --gap-v-int: 0px;
3003
2162
  }
3004
- }
3005
2163
 
3006
-
3007
- @media screen and (max-width: 768px) {
3008
- [style~="--scw-float-md:"] {
2164
+ [style~="--scw-float-lg:"] {
3009
2165
  /* element */
3010
2166
  position: relative;
3011
2167
  box-sizing: border-box;
@@ -3018,627 +2174,386 @@ scw-float::after,
3018
2174
 
3019
2175
  display: block;
3020
2176
  }
3021
- }
3022
2177
 
3023
-
3024
- @media screen and (max-width: 768px) {
3025
- [style~="--scw-float-md:"] > *:nth-child(n) {
2178
+ [style~="--scw-float-lg:"] > *:nth-child(n) {
3026
2179
  --gap-h-int: 0px;
3027
2180
  --gap-v-int: var( --gap, var( --gap-v, initial ));
3028
2181
  width: auto;
3029
2182
  float: left;
3030
2183
  clear: left;
3031
2184
  }
3032
- }
3033
2185
 
3034
-
3035
- @media screen and (max-width: 768px) {
3036
- [style~="--scw-float-md:"] > *:last-child {
2186
+ [style~="--scw-float-lg:"] > *:last-child {
3037
2187
  --gap-v-int: 0px;
3038
2188
  }
3039
- }
3040
2189
 
3041
-
3042
- @media screen and (max-width: 768px) {
3043
- [style~="--scw-float-md:"]::after {
2190
+ [style~="--scw-float-lg:"]::after {
3044
2191
  content: "";
3045
2192
  clear: both;
3046
2193
  display: table;
3047
2194
  }
3048
- }
3049
2195
 
3050
-
3051
- @media screen and (max-width: 768px) {
3052
- [style~="--scw-float-left-md:"] {
2196
+ [style~="--scw-float-left-lg:"] {
3053
2197
  float: left;
3054
2198
  }
3055
- }
3056
2199
 
3057
-
3058
- @media screen and (max-width: 768px) {
3059
- [style~="--scw-float-right-md:"] {
2200
+ [style~="--scw-float-right-lg:"] {
3060
2201
  float: right;
3061
2202
  }
3062
- }
3063
2203
 
3064
-
3065
- @media screen and (max-width: 768px) {
3066
- [style~="--scw-float-clear-left-md:"] {
2204
+ [style~="--scw-float-clear-left-lg:"] {
3067
2205
  clear: left;
3068
2206
  float: left;
3069
2207
  }
3070
- }
3071
2208
 
3072
-
3073
- @media screen and (max-width: 768px) {
3074
- [style~="--scw-float-clear-right-md:"] {
2209
+ [style~="--scw-float-clear-right-lg:"] {
3075
2210
  clear: right;
3076
2211
  float: right;
3077
2212
  }
3078
- }
3079
2213
 
3080
-
3081
- @media screen and (max-width: 768px) {
3082
- [style~="--scw-fill-children-md:"] > * {
2214
+ [style~="--scw-fill-children-lg:"] > * {
3083
2215
  flex: 1;
3084
2216
  }
3085
- }
3086
2217
 
3087
-
3088
- @media screen and (max-width: 768px) {
3089
- [style~="--scw-children-fill-md:"] > * {
2218
+ [style~="--scw-children-fill-lg:"] > * {
3090
2219
  flex: 1;
3091
2220
  }
3092
- }
3093
2221
 
3094
-
3095
- @media screen and (max-width: 768px) {
3096
- [style~="--scw-hide-md:"] {
2222
+ [style~="--scw-hide-lg:"] {
3097
2223
  display: none;
3098
2224
  }
3099
- }
3100
-
3101
- @media screen and (max-width: 768px) {
3102
-
3103
- [style~="--scw-alignment-center-md:"],
3104
- [style~="--scw-alignment-center-center-md:"]{
2225
+
2226
+ [style~="--scw-alignment-center-lg:"],
2227
+ [style~="--scw-alignment-center-center-lg:"]{
3105
2228
  --ai-h: center;
3106
2229
  --jc-h: center;
3107
2230
  --ai-v: center;
3108
2231
  --jc-v: center;
3109
2232
  }
3110
- }
3111
-
3112
- @media screen and (max-width: 768px) {
3113
2233
 
3114
- [style~="--scw-alignment-center-left-md:"],
3115
- [style~="--scw-alignment-left-center-md:"]{
2234
+ [style~="--scw-alignment-center-left-lg:"],
2235
+ [style~="--scw-alignment-left-center-lg:"]{
3116
2236
  --ai-h: center;
3117
2237
  --jc-h: flex-start;
3118
2238
  --ai-v: flex-start;
3119
2239
  --jc-v: center;
3120
2240
  }
3121
- }
3122
-
3123
- @media screen and (max-width: 768px) {
3124
2241
 
3125
- [style~="--scw-alignment-center-right-md:"],
3126
- [style~="--scw-alignment-right-center-md:"]{
2242
+ [style~="--scw-alignment-center-right-lg:"],
2243
+ [style~="--scw-alignment-right-center-lg:"]{
3127
2244
  --ai-h: center;
3128
2245
  --jc-h: flex-end;
3129
2246
  --ai-v: flex-end;
3130
2247
  --jc-v: center;
3131
2248
  }
3132
- }
3133
-
3134
- @media screen and (max-width: 768px) {
3135
2249
 
3136
- [style~="--scw-alignment-top-md:"],
3137
- [style~="--scw-alignment-top-left-md:"],
3138
- [style~="--scw-alignment-left-top-md:"],
3139
- [style~="--scw-alignment-left-md:"]{
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:"]{
3140
2254
  --ai-h: flex-start;
3141
2255
  --jc-h: flex-start;
3142
2256
  --ai-v: flex-start;
3143
2257
  --jc-v: flex-start;
3144
2258
  }
3145
- }
3146
-
3147
- @media screen and (max-width: 768px) {
3148
2259
 
3149
- [style~="--scw-alignment-top-center-md:"],
3150
- [style~="--scw-alignment-center-top-md:"]{
2260
+ [style~="--scw-alignment-top-center-lg:"],
2261
+ [style~="--scw-alignment-center-top-lg:"]{
3151
2262
  --ai-h: flex-start;
3152
2263
  --jc-h: center;
3153
2264
  --ai-v: center;
3154
2265
  --jc-v: flex-start;
3155
2266
  }
3156
- }
3157
-
3158
- @media screen and (max-width: 768px) {
3159
2267
 
3160
- [style~="--scw-alignment-top-right-md:"],
3161
- [style~="--scw-alignment-right-top-md:"],
3162
- [style~="--scw-alignment-right-md:"]{
2268
+ [style~="--scw-alignment-top-right-lg:"],
2269
+ [style~="--scw-alignment-right-top-lg:"],
2270
+ [style~="--scw-alignment-right-lg:"]{
3163
2271
  --ai-h: flex-start;
3164
2272
  --jc-h: flex-end;
3165
2273
  --ai-v: flex-end;
3166
2274
  --jc-v: flex-start;
3167
2275
  }
3168
- }
3169
-
3170
- @media screen and (max-width: 768px) {
3171
2276
 
3172
- [style~="--scw-alignment-bottom-left-md:"],
3173
- [style~="--scw-alignment-left-bottom-md:"],
3174
- [style~="--scw-alignment-bottom-md:"]{
2277
+ [style~="--scw-alignment-bottom-left-lg:"],
2278
+ [style~="--scw-alignment-left-bottom-lg:"],
2279
+ [style~="--scw-alignment-bottom-lg:"]{
3175
2280
  --ai-h: flex-end;
3176
2281
  --jc-h: flex-start;
3177
2282
  --ai-v: flex-start;
3178
2283
  --jc-v: flex-end;
3179
2284
  }
3180
- }
3181
-
3182
- @media screen and (max-width: 768px) {
3183
2285
 
3184
- [style~="--scw-alignment-bottom-center-md:"],
3185
- [style~="--scw-alignment-center-bottom-md:"]{
2286
+ [style~="--scw-alignment-bottom-center-lg:"],
2287
+ [style~="--scw-alignment-center-bottom-lg:"]{
3186
2288
  --ai-h: flex-end;
3187
2289
  --jc-h: center;
3188
2290
  --ai-v: center;
3189
2291
  --jc-v: flex-end;
3190
2292
  }
3191
- }
3192
-
3193
- @media screen and (max-width: 768px) {
3194
2293
 
3195
- [style~="--scw-alignment-bottom-right-md:"],
3196
- [style~="--scw-alignment-right-bottom-md:"]{
2294
+ [style~="--scw-alignment-bottom-right-lg:"],
2295
+ [style~="--scw-alignment-right-bottom-lg:"]{
3197
2296
  --ai-h: flex-end;
3198
2297
  --jc-h: flex-end;
3199
2298
  --ai-v: flex-end;
3200
2299
  --jc-v: flex-end;
3201
2300
  }
3202
- }
3203
-
3204
- @media screen and (max-width: 768px) {
3205
2301
 
3206
- [style~="--scw-alignment-stretch-md:"],
3207
- [style~="--scw-alignment-stretch-left-md:"],
3208
- [style~="--scw-alignment-left-stretch-md:"],
3209
- [style~="--scw-alignment-stretch-top-md:"],
3210
- [style~="--scw-alignment-top-stretch-md:"]{
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:"]{
3211
2307
  --ai-h: stretch;
3212
2308
  --jc-h: flex-start;
3213
2309
  --ai-v: stretch;
3214
2310
  --jc-v: flex-start;
3215
2311
  }
3216
- }
3217
-
3218
- @media screen and (max-width: 768px) {
3219
2312
 
3220
- [style~="--scw-alignment-stretch-right-md:"],
3221
- [style~="--scw-alignment-right-stretch-md:"],
3222
- [style~="--scw-alignment-stretch-bottom-md:"],
3223
- [style~="--scw-alignment-bottom-stretch-md:"]{
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:"]{
3224
2317
  --ai-h: stretch;
3225
2318
  --jc-h: flex-end;
3226
2319
  --ai-v: stretch;
3227
2320
  --jc-v: flex-end;
3228
2321
  }
3229
- }
3230
-
3231
- @media screen and (max-width: 768px) {
3232
2322
 
3233
- [style~="--scw-alignment-stretch-center-md:"],
3234
- [style~="--scw-alignment-center-stretch-md:"]{
2323
+ [style~="--scw-alignment-stretch-center-lg:"],
2324
+ [style~="--scw-alignment-center-stretch-lg:"]{
3235
2325
  --ai-h: stretch;
3236
2326
  --jc-h: center;
3237
2327
  --ai-v: stretch;
3238
2328
  --jc-v: center;
3239
2329
  }
3240
- }
3241
-
3242
- @media screen and (max-width: 768px) {
3243
2330
 
3244
- [style~="--scw-baseline-md:"],
3245
- [style~="--scw-alignment-baseline-left-md:"],
3246
- [style~="--scw-alignment-left-baseline-md:"]{
2331
+ [style~="--scw-baseline-lg:"],
2332
+ [style~="--scw-alignment-baseline-left-lg:"],
2333
+ [style~="--scw-alignment-left-baseline-lg:"]{
3247
2334
  --ai-h: baseline;
3248
2335
  --jc-h: flex-start;
3249
2336
  --ai-v: flex-start;
3250
2337
  --jc-v: flex-start;
3251
2338
  }
3252
- }
3253
-
3254
- @media screen and (max-width: 768px) {
3255
2339
 
3256
- [style~="--scw-alignment-baseline-right-md:"],
3257
- [style~="--scw-alignment-right-baseline-md:"]{
2340
+ [style~="--scw-alignment-baseline-right-lg:"],
2341
+ [style~="--scw-alignment-right-baseline-lg:"]{
3258
2342
  --ai-h: baseline;
3259
2343
  --jc-h: flex-start;
3260
2344
  --ai-v: flex-start;
3261
2345
  --jc-v: flex-start;
3262
2346
  }
3263
- }
3264
-
3265
- @media screen and (max-width: 768px) {
3266
2347
 
3267
- [style~="--scw-alignment-baseline-center-md:"],
3268
- [style~="--scw-alignment-center-baseline-md:"]{
2348
+ [style~="--scw-alignment-baseline-center-lg:"],
2349
+ [style~="--scw-alignment-center-baseline-lg:"]{
3269
2350
  --ai-h: baseline;
3270
2351
  --jc-h: center;
3271
- --ai-v: center;
3272
- --jc-v: flex-start;
3273
- }
3274
- }
3275
-
3276
-
3277
-
3278
-
3279
- @media screen and (max-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
- }
3284
- }
3285
-
3286
-
3287
- @media screen and (max-width: 576px) {
3288
- [style~="--scw-background-color-hover-sm:"]:hover {
3289
- background-color: var( --scw-color-01, var( --scw-background-color-hover-sm ));
3290
- }
3291
- }
3292
-
3293
-
3294
- @media screen and (max-width: 576px) {
3295
- [style~="--scw-color-sm:"] {
3296
- --color: var( --scw-color-01, var( --scw-color-sm ));
3297
- color: var( --color );
3298
- }
3299
- }
3300
-
3301
-
3302
- @media screen and (max-width: 576px) {
3303
- [style~="--scw-color-hover-sm:"]:hover {
3304
- color: var( --scw-color-01, var( --scw-color-hover-sm ));
3305
- }
3306
- }
3307
-
3308
-
3309
- @media screen and (max-width: 576px) {
3310
- [style~="--scw-border-color-sm:"] {
3311
- border-color: var( --scw-color-01, var( --scw-border-color-sm ));
3312
- }
3313
- }
3314
-
3315
-
3316
- @media screen and (max-width: 576px) {
3317
- [style~="--scw-border-top-sm:"] {
3318
- border-top: 1px solid var( --scw-color-01, var( --scw-border-top-sm ));
3319
- }
3320
- }
3321
-
3322
-
3323
- @media screen and (max-width: 576px) {
3324
- [style~="--scw-border-bottom-sm:"] {
3325
- border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-sm ));
3326
- }
3327
- }
3328
-
3329
-
3330
- @media screen and (max-width: 576px) {
3331
- [style~="--scw-border-left-sm:"] {
3332
- border-left: 1px solid var( --scw-color-01, var( --scw-border-left-sm ));
3333
- }
3334
- }
3335
-
3336
-
3337
- @media screen and (max-width: 576px) {
3338
- [style~="--scw-border-right-sm:"] {
3339
- border-right: 1px solid var( --scw-color-01, var( --scw-border-right-sm ));
3340
- }
3341
- }
3342
-
3343
-
3344
- @media screen and (max-width: 576px) {
3345
- [style~="--scw-border-sm:"] {
3346
- border: 1px solid var( --scw-color-01, var( --scw-border-sm ));
3347
- }
3348
- }
3349
-
3350
-
3351
- @media screen and (max-width: 576px) {
3352
- [style~="--scw-font-sm:"] {
3353
- font: var( --scw-font-sm );
3354
- }
2352
+ --ai-v: center;
2353
+ --jc-v: flex-start;
3355
2354
  }
3356
2355
 
3357
2356
 
3358
- @media screen and (max-width: 576px) {
3359
- [style~="--scw-size-sm:"] {
3360
- width: var( --scw-size-sm );
3361
- height: var( --scw-size-sm );
3362
- }
3363
2357
  }
3364
2358
 
2359
+ @media screen and (min-width: 1200px) {
3365
2360
 
3366
2361
 
3367
- @media screen and (max-width: 576px) {
3368
- [style~="--scw-max-size-sm:"] {
3369
- max-width: var( --scw-max-size-sm );
3370
- max-height: var( --scw-max-size-sm );
3371
- }
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 );
3372
2366
  }
3373
2367
 
3374
-
3375
-
3376
- @media screen and (max-width: 576px) {
3377
- [style~="--scw-min-size-sm:"] {
3378
- min-width: var( --scw-min-size-sm );
3379
- min-height: var( --scw-min-size-sm );
3380
- }
2368
+ [style~="--scw-background-color-hover-xlg:"]:hover {
2369
+ background-color: var( --scw-color-01, var( --scw-background-color-hover-xlg ));
3381
2370
  }
3382
2371
 
3383
-
3384
-
3385
- @media screen and (max-width: 576px) {
3386
- [style~="--scw-width-sm:"] {
3387
- width: var( --scw-width-sm );
3388
- }
2372
+ [style~="--scw-color-xlg:"] {
2373
+ --color: var( --scw-color-01, var( --scw-color-xlg ));
2374
+ color: var( --color );
3389
2375
  }
3390
2376
 
3391
-
3392
-
3393
- @media screen and (max-width: 576px) {
3394
- [style~="--scw-max-width-sm:"] {
3395
- max-width: var( --scw-max-width-sm );
3396
- }
2377
+ [style~="--scw-color-hover-xlg:"]:hover {
2378
+ color: var( --scw-color-01, var( --scw-color-hover-xlg ));
3397
2379
  }
3398
2380
 
3399
-
3400
-
3401
- @media screen and (max-width: 576px) {
3402
- [style~="--scw-min-width-sm:"] {
3403
- min-width: var( --scw-min-width-sm );
3404
- }
2381
+ [style~="--scw-border-color-xlg:"] {
2382
+ border-color: var( --scw-color-01, var( --scw-border-color-xlg ));
3405
2383
  }
3406
2384
 
3407
-
3408
-
3409
- @media screen and (max-width: 576px) {
3410
- [style~="--scw-height-sm:"] {
3411
- height: var( --scw-height-sm );
3412
- }
2385
+ [style~="--scw-border-top-xlg:"] {
2386
+ border-top: 1px solid var( --scw-color-01, var( --scw-border-top-xlg ));
3413
2387
  }
3414
2388
 
3415
-
3416
-
3417
- @media screen and (max-width: 576px) {
3418
- [style~="--scw-max-height-sm:"] {
3419
- max-height: var( --scw-max-height-sm );
3420
- }
2389
+ [style~="--scw-border-bottom-xlg:"] {
2390
+ border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-xlg ));
3421
2391
  }
3422
2392
 
3423
-
3424
-
3425
- @media screen and (max-width: 576px) {
3426
- [style~="--scw-min-height-sm:"] {
3427
- min-height: var( --scw-min-height-sm );
3428
- }
2393
+ [style~="--scw-border-left-xlg:"] {
2394
+ border-left: 1px solid var( --scw-color-01, var( --scw-border-left-xlg ));
3429
2395
  }
3430
2396
 
3431
-
3432
-
3433
- @media screen and (max-width: 576px) {
3434
- [style~="--scw-left-sm:"] {
3435
- left: var( --scw-left-sm );
3436
- }
2397
+ [style~="--scw-border-right-xlg:"] {
2398
+ border-right: 1px solid var( --scw-color-01, var( --scw-border-right-xlg ));
3437
2399
  }
3438
2400
 
3439
-
3440
-
3441
- @media screen and (max-width: 576px) {
3442
- [style~="--scw-right-sm:"] {
3443
- right: var( --scw-right-sm );
3444
- }
2401
+ [style~="--scw-border-xlg:"] {
2402
+ border: 1px solid var( --scw-color-01, var( --scw-border-xlg ));
3445
2403
  }
3446
-
3447
-
3448
-
3449
- @media screen and (max-width: 576px) {
3450
- [style~="--scw-top-sm:"] {
3451
- top: var( --scw-top-sm );
2404
+
2405
+ [style~="--scw-font-xlg:"] {
2406
+ font: var( --scw-font-xlg );
3452
2407
  }
2408
+
2409
+ [style~="--scw-size-xlg:"] {
2410
+ width: var( --scw-size-xlg );
2411
+ height: var( --scw-size-xlg );
3453
2412
  }
3454
2413
 
3455
-
3456
-
3457
- @media screen and (max-width: 576px) {
3458
- [style~="--scw-bottom-sm:"] {
3459
- bottom: var( --scw-bottom-sm );
3460
- }
2414
+ [style~="--scw-max-size-xlg:"] {
2415
+ max-width: var( --scw-max-size-xlg );
2416
+ max-height: var( --scw-max-size-xlg );
3461
2417
  }
3462
2418
 
3463
-
3464
-
3465
- @media screen and (max-width: 576px) {
3466
- [style~="--scw-margin-sm:"] {
3467
- margin: var( --scw-margin-sm );
3468
- }
2419
+ [style~="--scw-min-size-xlg:"] {
2420
+ min-width: var( --scw-min-size-xlg );
2421
+ min-height: var( --scw-min-size-xlg );
3469
2422
  }
3470
2423
 
3471
-
3472
-
3473
- @media screen and (max-width: 576px) {
3474
- [style~="--scw-margin-left-sm:"] {
3475
- margin-left: var( --scw-margin-left-sm );
3476
- }
2424
+ [style~="--scw-width-xlg:"] {
2425
+ width: var( --scw-width-xlg );
3477
2426
  }
3478
2427
 
3479
-
3480
-
3481
- @media screen and (max-width: 576px) {
3482
- [style~="--scw-margin-right-sm:"] {
3483
- margin-right: var( --scw-margin-right-sm );
3484
- }
2428
+ [style~="--scw-max-width-xlg:"] {
2429
+ max-width: var( --scw-max-width-xlg );
3485
2430
  }
3486
2431
 
3487
-
3488
-
3489
- @media screen and (max-width: 576px) {
3490
- [style~="--scw-margin-top-sm:"] {
3491
- margin-top: var( --scw-margin-top-sm );
3492
- }
2432
+ [style~="--scw-min-width-xlg:"] {
2433
+ min-width: var( --scw-min-width-xlg );
3493
2434
  }
3494
2435
 
3495
-
3496
-
3497
- @media screen and (max-width: 576px) {
3498
- [style~="--scw-margin-bottom-sm:"] {
3499
- margin-bottom: var( --scw-margin-bottom-sm );
3500
- }
2436
+ [style~="--scw-height-xlg:"] {
2437
+ height: var( --scw-height-xlg );
3501
2438
  }
3502
2439
 
3503
-
3504
-
3505
- @media screen and (max-width: 576px) {
3506
- [style~="--scw-margin-width-sm:"] {
3507
- margin-left: var( --scw-margin-width-sm );
3508
- margin-right: var( --scw-margin-width-sm );
3509
- }
2440
+ [style~="--scw-max-height-xlg:"] {
2441
+ max-height: var( --scw-max-height-xlg );
3510
2442
  }
3511
2443
 
3512
-
3513
-
3514
- @media screen and (max-width: 576px) {
3515
- [style~="--scw-margin-x-sm:"] {
3516
- margin-left: var( --scw-margin-x-sm );
3517
- margin-right: var( --scw-margin-x-sm );
3518
- }
2444
+ [style~="--scw-min-height-xlg:"] {
2445
+ min-height: var( --scw-min-height-xlg );
3519
2446
  }
3520
2447
 
3521
-
3522
-
3523
- @media screen and (max-width: 576px) {
3524
- [style~="--scw-margin-height-sm:"] {
3525
- margin-top: var( --scw-margin-height-sm );
3526
- margin-bottom: var( --scw-margin-height-sm );
3527
- }
2448
+ [style~="--scw-left-xlg:"] {
2449
+ left: var( --scw-left-xlg );
3528
2450
  }
3529
2451
 
3530
-
3531
-
3532
- @media screen and (max-width: 576px) {
3533
- [style~="--scw-margin-y-sm:"] {
3534
- margin-top: var( --scw-margin-y-sm );
3535
- margin-bottom: var( --scw-margin-y-sm );
3536
- }
2452
+ [style~="--scw-right-xlg:"] {
2453
+ right: var( --scw-right-xlg );
3537
2454
  }
3538
2455
 
3539
-
3540
-
3541
- @media screen and (max-width: 576px) {
3542
- [style~="--scw-padding-sm:"] {
3543
- padding: var( --scw-padding-sm );
3544
- }
2456
+ [style~="--scw-top-xlg:"] {
2457
+ top: var( --scw-top-xlg );
3545
2458
  }
3546
2459
 
3547
-
3548
-
3549
- @media screen and (max-width: 576px) {
3550
- [style~="--scw-padding-left-sm:"] {
3551
- padding-left: var( --scw-padding-left-sm );
3552
- }
2460
+ [style~="--scw-bottom-xlg:"] {
2461
+ bottom: var( --scw-bottom-xlg );
3553
2462
  }
3554
2463
 
3555
-
3556
-
3557
- @media screen and (max-width: 576px) {
3558
- [style~="--scw-padding-right-sm:"] {
3559
- padding-right: var( --scw-padding-right-sm );
3560
- }
2464
+ [style~="--scw-margin-xlg:"] {
2465
+ margin: var( --scw-margin-xlg );
3561
2466
  }
3562
2467
 
3563
-
3564
-
3565
- @media screen and (max-width: 576px) {
3566
- [style~="--scw-padding-top-sm:"] {
3567
- padding-top: var( --scw-padding-top-sm );
3568
- }
2468
+ [style~="--scw-margin-left-xlg:"] {
2469
+ margin-left: var( --scw-margin-left-xlg );
3569
2470
  }
3570
2471
 
3571
-
3572
-
3573
- @media screen and (max-width: 576px) {
3574
- [style~="--scw-padding-bottom-sm:"] {
3575
- padding-bottom: var( --scw-padding-bottom-sm );
3576
- }
2472
+ [style~="--scw-margin-right-xlg:"] {
2473
+ margin-right: var( --scw-margin-right-xlg );
3577
2474
  }
3578
2475
 
3579
-
3580
-
3581
- @media screen and (max-width: 576px) {
3582
- [style~="--scw-padding-width-sm:"] {
3583
- padding-left: var( --scw-padding-width-sm );
3584
- padding-right: var( --scw-padding-width-sm );
3585
- }
2476
+ [style~="--scw-margin-top-xlg:"] {
2477
+ margin-top: var( --scw-margin-top-xlg );
3586
2478
  }
3587
2479
 
3588
-
3589
-
3590
- @media screen and (max-width: 576px) {
3591
- [style~="--scw-padding-x-sm:"] {
3592
- padding-left: var( --scw-padding-x-sm );
3593
- padding-right: var( --scw-padding-x-sm );
3594
- }
2480
+ [style~="--scw-margin-bottom-xlg:"] {
2481
+ margin-bottom: var( --scw-margin-bottom-xlg );
3595
2482
  }
3596
2483
 
3597
-
3598
-
3599
- @media screen and (max-width: 576px) {
3600
- [style~="--scw-padding-height-sm:"] {
3601
- padding-top: var( --scw-padding-height-sm );
3602
- padding-bottom: var( --scw-padding-height-sm );
3603
- }
2484
+ [style~="--scw-margin-width-xlg:"] {
2485
+ margin-left: var( --scw-margin-width-xlg );
2486
+ margin-right: var( --scw-margin-width-xlg );
3604
2487
  }
3605
2488
 
3606
-
3607
-
3608
- @media screen and (max-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 (max-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 (max-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 (max-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 (max-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
-
3655
2568
 
3656
- @media screen and (max-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 (max-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
2594
 
3688
- @media screen and (max-width: 576px) {
3689
- [style~="--scw-stack-sm:"] {
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 (max-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
-
3712
2613
 
3713
- @media screen and (max-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 (max-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
-
3735
2630
 
3736
- @media screen and (max-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 (max-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
-
3751
2640
 
3752
- @media screen and (max-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 (max-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
-
3789
2672
 
3790
- @media screen and (max-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 (max-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
-
3826
2703
 
3827
- @media screen and (max-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 (max-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
-
3841
2712
 
3842
- @media screen and (max-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 (max-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
-
3879
2744
 
3880
- @media screen and (max-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 (max-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
-
3903
2762
 
3904
- @media screen and (max-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 (max-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
-
3921
2774
 
3922
- @media screen and (max-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 (max-width: 576px) {
3932
- [style~="--scw-float-left-sm:"] {
2781
+ [style~="--scw-float-left-xlg:"] {
3933
2782
  float: left;
3934
2783
  }
3935
- }
3936
-
3937
2784
 
3938
- @media screen and (max-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 (max-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
-
3952
2793
 
3953
- @media screen and (max-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 (max-width: 576px) {
3962
- [style~="--scw-fill-children-sm:"] > * {
2799
+ [style~="--scw-fill-children-xlg:"] > * {
3963
2800
  flex: 1;
3964
2801
  }
3965
- }
3966
-
3967
2802
 
3968
- @media screen and (max-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 (max-width: 576px) {
3976
- [style~="--scw-hide-sm:"] {
2807
+ [style~="--scw-hide-xlg:"] {
3977
2808
  display: none;
3978
2809
  }
3979
- }
3980
-
3981
- @media screen and (max-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 (max-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
2826
 
4003
- @media screen and (max-width: 576px) {
4004
-
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
2834
 
4014
- @media screen and (max-width: 576px) {
4015
-
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
2844
 
4027
- @media screen and (max-width: 576px) {
4028
-
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 (max-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
2861
 
4050
- @media screen and (max-width: 576px) {
4051
-
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
2870
 
4062
- @media screen and (max-width: 576px) {
4063
-
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
2878
 
4073
- @media screen and (max-width: 576px) {
4074
-
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 (max-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
2897
 
4098
- @media screen and (max-width: 576px) {
4099
-
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 (max-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
2915
 
4122
- @media screen and (max-width: 576px) {
4123
-
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 (max-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
2932
 
4145
- @media screen and (max-width: 576px) {
4146
-
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
+ }