scu-web-components 0.0.40 → 0.0.41

package/dist/tokens/source/cssPropertiesApi.css

@@ -636,7 +636,7 @@ scw-float::after,
 
         
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-background-color-xlg:"] {
   --background-color: var( --scw-color-01, var( --scw-background-color-xlg ));
   background-color: var( --background-color );
@@ -644,14 +644,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-background-color-hover-xlg:"]:hover {
   background-color: var( --scw-color-01, var( --scw-background-color-hover-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-color-xlg:"] {
   --color: var( --scw-color-01, var( --scw-color-xlg ));
   color: var( --color );
@@ -659,63 +659,63 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-color-hover-xlg:"]:hover {
   color: var( --scw-color-01, var( --scw-color-hover-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-color-xlg:"] {
   border-color: var( --scw-color-01, var( --scw-border-color-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-top-xlg:"] {
   border-top: 1px solid var( --scw-color-01, var( --scw-border-top-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-bottom-xlg:"] {
   border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-left-xlg:"] {
   border-left: 1px solid var( --scw-color-01, var( --scw-border-left-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-right-xlg:"] {
   border-right: 1px solid var( --scw-color-01, var( --scw-border-right-xlg ));
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-xlg:"] {
   border: 1px solid var( --scw-color-01, var( --scw-border-xlg ));
 }
 }
         
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-font-xlg:"] {
   font: var( --scw-font-xlg );
 }
 }
         
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-size-xlg:"] {
   width: var( --scw-size-xlg );
   height: var( --scw-size-xlg );
@@ -724,7 +724,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-max-size-xlg:"] {
   max-width: var( --scw-max-size-xlg );
   max-height: var( --scw-max-size-xlg );
@@ -733,7 +733,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-min-size-xlg:"] {
   min-width: var( --scw-min-size-xlg );
   min-height: var( --scw-min-size-xlg );
@@ -742,7 +742,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-width-xlg:"] {
   width: var( --scw-width-xlg );
 }
@@ -750,7 +750,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-max-width-xlg:"] {
   max-width: var( --scw-max-width-xlg );
 }
@@ -758,7 +758,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-min-width-xlg:"] {
   min-width: var( --scw-min-width-xlg );
 }
@@ -766,7 +766,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-height-xlg:"] {
   height: var( --scw-height-xlg );
 }
@@ -774,7 +774,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-max-height-xlg:"] {
   max-height: var( --scw-max-height-xlg );
 }
@@ -782,7 +782,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-min-height-xlg:"] {
   min-height: var( --scw-min-height-xlg );
 }
@@ -790,7 +790,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-left-xlg:"] {
   left: var( --scw-left-xlg );
 }
@@ -798,7 +798,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-right-xlg:"] {
   right: var( --scw-right-xlg );
 }
@@ -806,7 +806,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-top-xlg:"] {
   top: var( --scw-top-xlg );
 }
@@ -814,7 +814,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-bottom-xlg:"] {
   bottom: var( --scw-bottom-xlg );
 }
@@ -822,7 +822,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-xlg:"] {
   margin: var( --scw-margin-xlg );
 }
@@ -830,7 +830,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-left-xlg:"] {
   margin-left: var( --scw-margin-left-xlg );
 }
@@ -838,7 +838,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-right-xlg:"] {
   margin-right: var( --scw-margin-right-xlg );
 }
@@ -846,7 +846,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-top-xlg:"] {
   margin-top: var( --scw-margin-top-xlg );
 }
@@ -854,7 +854,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-bottom-xlg:"] {
   margin-bottom: var( --scw-margin-bottom-xlg );
 }
@@ -862,7 +862,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-width-xlg:"] {
   margin-left: var( --scw-margin-width-xlg );
   margin-right: var( --scw-margin-width-xlg );
@@ -871,7 +871,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-x-xlg:"] {
   margin-left: var( --scw-margin-x-xlg );
   margin-right: var( --scw-margin-x-xlg );
@@ -880,7 +880,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-height-xlg:"] {
   margin-top: var( --scw-margin-height-xlg );
   margin-bottom: var( --scw-margin-height-xlg );
@@ -889,7 +889,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-margin-y-xlg:"] {
   margin-top: var( --scw-margin-y-xlg );
   margin-bottom: var( --scw-margin-y-xlg );
@@ -898,7 +898,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-xlg:"] {
   padding: var( --scw-padding-xlg );
 }
@@ -906,7 +906,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-left-xlg:"] {
   padding-left: var( --scw-padding-left-xlg );
 }
@@ -914,7 +914,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-right-xlg:"] {
   padding-right: var( --scw-padding-right-xlg );
 }
@@ -922,7 +922,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-top-xlg:"] {
   padding-top: var( --scw-padding-top-xlg );
 }
@@ -930,7 +930,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-bottom-xlg:"] {
   padding-bottom: var( --scw-padding-bottom-xlg );
 }
@@ -938,7 +938,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-width-xlg:"] {
   padding-left: var( --scw-padding-width-xlg );
   padding-right: var( --scw-padding-width-xlg );
@@ -947,7 +947,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-x-xlg:"] {
   padding-left: var( --scw-padding-x-xlg );
   padding-right: var( --scw-padding-x-xlg );
@@ -956,7 +956,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-height-xlg:"] {
   padding-top: var( --scw-padding-height-xlg );
   padding-bottom: var( --scw-padding-height-xlg );
@@ -965,7 +965,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-padding-y-xlg:"] {
   padding-top: var( --scw-padding-y-xlg );
   padding-bottom: var( --scw-padding-y-xlg );
@@ -974,7 +974,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-border-radius-xlg:"] {
   border-radius: var( --scw-border-radius-xlg );
 }
@@ -982,7 +982,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-gap-xlg:"] > * {
   --gap: var( --scw-gap-xlg );
 }
@@ -990,14 +990,14 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-fill-xlg:"] {
   flex: var( --scw-fill-xlg );
 }
 }
         
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-element-xlg:"] {
   /* element */
   position: relative;
@@ -1013,7 +1013,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-layout-xlg:"] {
   /* element */
   position: relative;
@@ -1029,7 +1029,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-text-xlg:"] {
   /* element */
   position: relative;
@@ -1045,7 +1045,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-stack-xlg:"] {
   /* element */
   position: relative;
@@ -1061,7 +1061,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-stack-xlg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1070,14 +1070,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-stack-xlg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-layout-xlg:"] {
   /* element */
   position: relative;
@@ -1093,7 +1093,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-layout-xlg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1102,14 +1102,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-layout-xlg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-h-xlg:"] {
   /* element */
   position: relative;
@@ -1139,7 +1139,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-h-xlg:"] > *:nth-child(n) {
   --gap-h-int: var( --gap , var( --gap-h, initial ));
   --gap-v-int: 0px;
@@ -1147,14 +1147,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-h-xlg:"] > *:last-child {
   --gap-h-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-v-xlg:"] {
   /* element */
   position: relative;
@@ -1184,7 +1184,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-v-xlg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1192,14 +1192,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-flex-v-xlg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-center-xlg:"] {
   /* element */
   position: relative;
@@ -1229,7 +1229,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-center-xlg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1237,14 +1237,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-center-xlg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-xlg:"] {
   /* element */
   position: relative;
@@ -1261,7 +1261,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-xlg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1272,14 +1272,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-xlg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-xlg:"]::after {
   content: "";
   clear: both;
@@ -1288,21 +1288,21 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-left-xlg:"] {
   float: left;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-right-xlg:"] {
   float: right;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-clear-left-xlg:"] {
   clear: left;
   float: left;
@@ -1310,7 +1310,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-float-clear-right-xlg:"] {
   clear: right;
   float: right;
@@ -1318,27 +1318,27 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-fill-children-xlg:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-children-fill-xlg:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 [style~="--scw-hide-xlg:"] {
   display: none;
 }
 }
         
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-center-xlg:"],
 [style~="--scw-alignment-center-center-xlg:"]{
@@ -1349,7 +1349,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-center-left-xlg:"],
 [style~="--scw-alignment-left-center-xlg:"]{
@@ -1360,7 +1360,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-center-right-xlg:"],
 [style~="--scw-alignment-right-center-xlg:"]{
@@ -1371,7 +1371,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-top-xlg:"],
 [style~="--scw-alignment-top-left-xlg:"],
@@ -1384,7 +1384,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-top-center-xlg:"],
 [style~="--scw-alignment-center-top-xlg:"]{
@@ -1395,7 +1395,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-top-right-xlg:"],
 [style~="--scw-alignment-right-top-xlg:"],
@@ -1407,7 +1407,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-bottom-left-xlg:"],
 [style~="--scw-alignment-left-bottom-xlg:"],
@@ -1419,7 +1419,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-bottom-center-xlg:"],
 [style~="--scw-alignment-center-bottom-xlg:"]{
@@ -1430,7 +1430,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-bottom-right-xlg:"],
 [style~="--scw-alignment-right-bottom-xlg:"]{
@@ -1441,7 +1441,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-stretch-xlg:"],
 [style~="--scw-alignment-stretch-left-xlg:"],
@@ -1455,7 +1455,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-stretch-right-xlg:"],
 [style~="--scw-alignment-right-stretch-xlg:"],
@@ -1468,7 +1468,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-stretch-center-xlg:"],
 [style~="--scw-alignment-center-stretch-xlg:"]{
@@ -1479,7 +1479,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-baseline-xlg:"],
 [style~="--scw-alignment-baseline-left-xlg:"],
@@ -1491,7 +1491,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-baseline-right-xlg:"],
 [style~="--scw-alignment-right-baseline-xlg:"]{
@@ -1502,7 +1502,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (min-width: 1200px) {
 
 [style~="--scw-alignment-baseline-center-xlg:"],
 [style~="--scw-alignment-center-baseline-xlg:"]{
@@ -1516,7 +1516,7 @@ scw-float::after,
 
         
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-background-color-lg:"] {
   --background-color: var( --scw-color-01, var( --scw-background-color-lg ));
   background-color: var( --background-color );
@@ -1524,14 +1524,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-background-color-hover-lg:"]:hover {
   background-color: var( --scw-color-01, var( --scw-background-color-hover-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-color-lg:"] {
   --color: var( --scw-color-01, var( --scw-color-lg ));
   color: var( --color );
@@ -1539,63 +1539,63 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-color-hover-lg:"]:hover {
   color: var( --scw-color-01, var( --scw-color-hover-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-color-lg:"] {
   border-color: var( --scw-color-01, var( --scw-border-color-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-top-lg:"] {
   border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-bottom-lg:"] {
   border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-left-lg:"] {
   border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-right-lg:"] {
   border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-lg:"] {
   border: 1px solid var( --scw-color-01, var( --scw-border-lg ));
 }
 }
         
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-font-lg:"] {
   font: var( --scw-font-lg );
 }
 }
         
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-size-lg:"] {
   width: var( --scw-size-lg );
   height: var( --scw-size-lg );
@@ -1604,7 +1604,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-max-size-lg:"] {
   max-width: var( --scw-max-size-lg );
   max-height: var( --scw-max-size-lg );
@@ -1613,7 +1613,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-min-size-lg:"] {
   min-width: var( --scw-min-size-lg );
   min-height: var( --scw-min-size-lg );
@@ -1622,7 +1622,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-width-lg:"] {
   width: var( --scw-width-lg );
 }
@@ -1630,7 +1630,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-max-width-lg:"] {
   max-width: var( --scw-max-width-lg );
 }
@@ -1638,7 +1638,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-min-width-lg:"] {
   min-width: var( --scw-min-width-lg );
 }
@@ -1646,7 +1646,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-height-lg:"] {
   height: var( --scw-height-lg );
 }
@@ -1654,7 +1654,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-max-height-lg:"] {
   max-height: var( --scw-max-height-lg );
 }
@@ -1662,7 +1662,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-min-height-lg:"] {
   min-height: var( --scw-min-height-lg );
 }
@@ -1670,7 +1670,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-left-lg:"] {
   left: var( --scw-left-lg );
 }
@@ -1678,7 +1678,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-right-lg:"] {
   right: var( --scw-right-lg );
 }
@@ -1686,7 +1686,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-top-lg:"] {
   top: var( --scw-top-lg );
 }
@@ -1694,7 +1694,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-bottom-lg:"] {
   bottom: var( --scw-bottom-lg );
 }
@@ -1702,7 +1702,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-lg:"] {
   margin: var( --scw-margin-lg );
 }
@@ -1710,7 +1710,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-left-lg:"] {
   margin-left: var( --scw-margin-left-lg );
 }
@@ -1718,7 +1718,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-right-lg:"] {
   margin-right: var( --scw-margin-right-lg );
 }
@@ -1726,7 +1726,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-top-lg:"] {
   margin-top: var( --scw-margin-top-lg );
 }
@@ -1734,7 +1734,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-bottom-lg:"] {
   margin-bottom: var( --scw-margin-bottom-lg );
 }
@@ -1742,7 +1742,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-width-lg:"] {
   margin-left: var( --scw-margin-width-lg );
   margin-right: var( --scw-margin-width-lg );
@@ -1751,7 +1751,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-x-lg:"] {
   margin-left: var( --scw-margin-x-lg );
   margin-right: var( --scw-margin-x-lg );
@@ -1760,7 +1760,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-height-lg:"] {
   margin-top: var( --scw-margin-height-lg );
   margin-bottom: var( --scw-margin-height-lg );
@@ -1769,7 +1769,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-margin-y-lg:"] {
   margin-top: var( --scw-margin-y-lg );
   margin-bottom: var( --scw-margin-y-lg );
@@ -1778,7 +1778,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-lg:"] {
   padding: var( --scw-padding-lg );
 }
@@ -1786,7 +1786,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-left-lg:"] {
   padding-left: var( --scw-padding-left-lg );
 }
@@ -1794,7 +1794,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-right-lg:"] {
   padding-right: var( --scw-padding-right-lg );
 }
@@ -1802,7 +1802,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-top-lg:"] {
   padding-top: var( --scw-padding-top-lg );
 }
@@ -1810,7 +1810,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-bottom-lg:"] {
   padding-bottom: var( --scw-padding-bottom-lg );
 }
@@ -1818,7 +1818,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-width-lg:"] {
   padding-left: var( --scw-padding-width-lg );
   padding-right: var( --scw-padding-width-lg );
@@ -1827,7 +1827,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-x-lg:"] {
   padding-left: var( --scw-padding-x-lg );
   padding-right: var( --scw-padding-x-lg );
@@ -1836,7 +1836,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-height-lg:"] {
   padding-top: var( --scw-padding-height-lg );
   padding-bottom: var( --scw-padding-height-lg );
@@ -1845,7 +1845,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-padding-y-lg:"] {
   padding-top: var( --scw-padding-y-lg );
   padding-bottom: var( --scw-padding-y-lg );
@@ -1854,7 +1854,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-border-radius-lg:"] {
   border-radius: var( --scw-border-radius-lg );
 }
@@ -1862,7 +1862,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-gap-lg:"] > * {
   --gap: var( --scw-gap-lg );
 }
@@ -1870,14 +1870,14 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-fill-lg:"] {
   flex: var( --scw-fill-lg );
 }
 }
         
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-element-lg:"] {
   /* element */
   position: relative;
@@ -1893,7 +1893,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-layout-lg:"] {
   /* element */
   position: relative;
@@ -1909,7 +1909,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-text-lg:"] {
   /* element */
   position: relative;
@@ -1925,7 +1925,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-stack-lg:"] {
   /* element */
   position: relative;
@@ -1941,7 +1941,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-stack-lg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1950,14 +1950,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-stack-lg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-layout-lg:"] {
   /* element */
   position: relative;
@@ -1973,7 +1973,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-layout-lg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -1982,14 +1982,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-layout-lg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-h-lg:"] {
   /* element */
   position: relative;
@@ -2019,7 +2019,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-h-lg:"] > *:nth-child(n) {
   --gap-h-int: var( --gap , var( --gap-h, initial ));
   --gap-v-int: 0px;
@@ -2027,14 +2027,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-h-lg:"] > *:last-child {
   --gap-h-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-v-lg:"] {
   /* element */
   position: relative;
@@ -2064,7 +2064,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-v-lg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2072,14 +2072,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-flex-v-lg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-center-lg:"] {
   /* element */
   position: relative;
@@ -2109,7 +2109,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-center-lg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2117,14 +2117,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-center-lg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-lg:"] {
   /* element */
   position: relative;
@@ -2141,7 +2141,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-lg:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2152,14 +2152,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-lg:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-lg:"]::after {
   content: "";
   clear: both;
@@ -2168,21 +2168,21 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-left-lg:"] {
   float: left;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-right-lg:"] {
   float: right;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-clear-left-lg:"] {
   clear: left;
   float: left;
@@ -2190,7 +2190,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-float-clear-right-lg:"] {
   clear: right;
   float: right;
@@ -2198,27 +2198,27 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-fill-children-lg:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-children-fill-lg:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 [style~="--scw-hide-lg:"] {
   display: none;
 }
 }
         
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-center-lg:"],
 [style~="--scw-alignment-center-center-lg:"]{
@@ -2229,7 +2229,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-center-left-lg:"],
 [style~="--scw-alignment-left-center-lg:"]{
@@ -2240,7 +2240,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-center-right-lg:"],
 [style~="--scw-alignment-right-center-lg:"]{
@@ -2251,7 +2251,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-top-lg:"],
 [style~="--scw-alignment-top-left-lg:"],
@@ -2264,7 +2264,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-top-center-lg:"],
 [style~="--scw-alignment-center-top-lg:"]{
@@ -2275,7 +2275,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-top-right-lg:"],
 [style~="--scw-alignment-right-top-lg:"],
@@ -2287,7 +2287,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-bottom-left-lg:"],
 [style~="--scw-alignment-left-bottom-lg:"],
@@ -2299,7 +2299,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-bottom-center-lg:"],
 [style~="--scw-alignment-center-bottom-lg:"]{
@@ -2310,7 +2310,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-bottom-right-lg:"],
 [style~="--scw-alignment-right-bottom-lg:"]{
@@ -2321,7 +2321,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-stretch-lg:"],
 [style~="--scw-alignment-stretch-left-lg:"],
@@ -2335,7 +2335,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-stretch-right-lg:"],
 [style~="--scw-alignment-right-stretch-lg:"],
@@ -2348,7 +2348,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-stretch-center-lg:"],
 [style~="--scw-alignment-center-stretch-lg:"]{
@@ -2359,7 +2359,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-baseline-lg:"],
 [style~="--scw-alignment-baseline-left-lg:"],
@@ -2371,7 +2371,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-baseline-right-lg:"],
 [style~="--scw-alignment-right-baseline-lg:"]{
@@ -2382,7 +2382,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (min-width: 992px) {
 
 [style~="--scw-alignment-baseline-center-lg:"],
 [style~="--scw-alignment-center-baseline-lg:"]{
@@ -2396,7 +2396,7 @@ scw-float::after,
 
         
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-background-color-md:"] {
   --background-color: var( --scw-color-01, var( --scw-background-color-md ));
   background-color: var( --background-color );
@@ -2404,14 +2404,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-background-color-hover-md:"]:hover {
   background-color: var( --scw-color-01, var( --scw-background-color-hover-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-color-md:"] {
   --color: var( --scw-color-01, var( --scw-color-md ));
   color: var( --color );
@@ -2419,63 +2419,63 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-color-hover-md:"]:hover {
   color: var( --scw-color-01, var( --scw-color-hover-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-color-md:"] {
   border-color: var( --scw-color-01, var( --scw-border-color-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-top-md:"] {
   border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-bottom-md:"] {
   border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-left-md:"] {
   border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-right-md:"] {
   border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-md:"] {
   border: 1px solid var( --scw-color-01, var( --scw-border-md ));
 }
 }
         
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-font-md:"] {
   font: var( --scw-font-md );
 }
 }
         
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-size-md:"] {
   width: var( --scw-size-md );
   height: var( --scw-size-md );
@@ -2484,7 +2484,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-max-size-md:"] {
   max-width: var( --scw-max-size-md );
   max-height: var( --scw-max-size-md );
@@ -2493,7 +2493,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-min-size-md:"] {
   min-width: var( --scw-min-size-md );
   min-height: var( --scw-min-size-md );
@@ -2502,7 +2502,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-width-md:"] {
   width: var( --scw-width-md );
 }
@@ -2510,7 +2510,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-max-width-md:"] {
   max-width: var( --scw-max-width-md );
 }
@@ -2518,7 +2518,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-min-width-md:"] {
   min-width: var( --scw-min-width-md );
 }
@@ -2526,7 +2526,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-height-md:"] {
   height: var( --scw-height-md );
 }
@@ -2534,7 +2534,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-max-height-md:"] {
   max-height: var( --scw-max-height-md );
 }
@@ -2542,7 +2542,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-min-height-md:"] {
   min-height: var( --scw-min-height-md );
 }
@@ -2550,7 +2550,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-left-md:"] {
   left: var( --scw-left-md );
 }
@@ -2558,7 +2558,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-right-md:"] {
   right: var( --scw-right-md );
 }
@@ -2566,7 +2566,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-top-md:"] {
   top: var( --scw-top-md );
 }
@@ -2574,7 +2574,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-bottom-md:"] {
   bottom: var( --scw-bottom-md );
 }
@@ -2582,7 +2582,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-md:"] {
   margin: var( --scw-margin-md );
 }
@@ -2590,7 +2590,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-left-md:"] {
   margin-left: var( --scw-margin-left-md );
 }
@@ -2598,7 +2598,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-right-md:"] {
   margin-right: var( --scw-margin-right-md );
 }
@@ -2606,7 +2606,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-top-md:"] {
   margin-top: var( --scw-margin-top-md );
 }
@@ -2614,7 +2614,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-bottom-md:"] {
   margin-bottom: var( --scw-margin-bottom-md );
 }
@@ -2622,7 +2622,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-width-md:"] {
   margin-left: var( --scw-margin-width-md );
   margin-right: var( --scw-margin-width-md );
@@ -2631,7 +2631,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-x-md:"] {
   margin-left: var( --scw-margin-x-md );
   margin-right: var( --scw-margin-x-md );
@@ -2640,7 +2640,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-height-md:"] {
   margin-top: var( --scw-margin-height-md );
   margin-bottom: var( --scw-margin-height-md );
@@ -2649,7 +2649,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-margin-y-md:"] {
   margin-top: var( --scw-margin-y-md );
   margin-bottom: var( --scw-margin-y-md );
@@ -2658,7 +2658,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-md:"] {
   padding: var( --scw-padding-md );
 }
@@ -2666,7 +2666,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-left-md:"] {
   padding-left: var( --scw-padding-left-md );
 }
@@ -2674,7 +2674,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-right-md:"] {
   padding-right: var( --scw-padding-right-md );
 }
@@ -2682,7 +2682,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-top-md:"] {
   padding-top: var( --scw-padding-top-md );
 }
@@ -2690,7 +2690,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-bottom-md:"] {
   padding-bottom: var( --scw-padding-bottom-md );
 }
@@ -2698,7 +2698,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-width-md:"] {
   padding-left: var( --scw-padding-width-md );
   padding-right: var( --scw-padding-width-md );
@@ -2707,7 +2707,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-x-md:"] {
   padding-left: var( --scw-padding-x-md );
   padding-right: var( --scw-padding-x-md );
@@ -2716,7 +2716,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-height-md:"] {
   padding-top: var( --scw-padding-height-md );
   padding-bottom: var( --scw-padding-height-md );
@@ -2725,7 +2725,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-padding-y-md:"] {
   padding-top: var( --scw-padding-y-md );
   padding-bottom: var( --scw-padding-y-md );
@@ -2734,7 +2734,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-border-radius-md:"] {
   border-radius: var( --scw-border-radius-md );
 }
@@ -2742,7 +2742,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-gap-md:"] > * {
   --gap: var( --scw-gap-md );
 }
@@ -2750,14 +2750,14 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-fill-md:"] {
   flex: var( --scw-fill-md );
 }
 }
         
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-element-md:"] {
   /* element */
   position: relative;
@@ -2773,7 +2773,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-layout-md:"] {
   /* element */
   position: relative;
@@ -2789,7 +2789,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-text-md:"] {
   /* element */
   position: relative;
@@ -2805,7 +2805,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-stack-md:"] {
   /* element */
   position: relative;
@@ -2821,7 +2821,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-stack-md:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2830,14 +2830,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-stack-md:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-layout-md:"] {
   /* element */
   position: relative;
@@ -2853,7 +2853,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-layout-md:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2862,14 +2862,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-layout-md:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-h-md:"] {
   /* element */
   position: relative;
@@ -2899,7 +2899,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-h-md:"] > *:nth-child(n) {
   --gap-h-int: var( --gap , var( --gap-h, initial ));
   --gap-v-int: 0px;
@@ -2907,14 +2907,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-h-md:"] > *:last-child {
   --gap-h-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-v-md:"] {
   /* element */
   position: relative;
@@ -2944,7 +2944,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-v-md:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2952,14 +2952,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-flex-v-md:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-center-md:"] {
   /* element */
   position: relative;
@@ -2989,7 +2989,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-center-md:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -2997,14 +2997,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-center-md:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-md:"] {
   /* element */
   position: relative;
@@ -3021,7 +3021,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-md:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3032,14 +3032,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-md:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-md:"]::after {
   content: "";
   clear: both;
@@ -3048,21 +3048,21 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-left-md:"] {
   float: left;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-right-md:"] {
   float: right;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-clear-left-md:"] {
   clear: left;
   float: left;
@@ -3070,7 +3070,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-float-clear-right-md:"] {
   clear: right;
   float: right;
@@ -3078,27 +3078,27 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-fill-children-md:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-children-fill-md:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 [style~="--scw-hide-md:"] {
   display: none;
 }
 }
         
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-center-md:"],
 [style~="--scw-alignment-center-center-md:"]{
@@ -3109,7 +3109,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-center-left-md:"],
 [style~="--scw-alignment-left-center-md:"]{
@@ -3120,7 +3120,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-center-right-md:"],
 [style~="--scw-alignment-right-center-md:"]{
@@ -3131,7 +3131,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-top-md:"],
 [style~="--scw-alignment-top-left-md:"],
@@ -3144,7 +3144,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-top-center-md:"],
 [style~="--scw-alignment-center-top-md:"]{
@@ -3155,7 +3155,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-top-right-md:"],
 [style~="--scw-alignment-right-top-md:"],
@@ -3167,7 +3167,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-bottom-left-md:"],
 [style~="--scw-alignment-left-bottom-md:"],
@@ -3179,7 +3179,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-bottom-center-md:"],
 [style~="--scw-alignment-center-bottom-md:"]{
@@ -3190,7 +3190,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-bottom-right-md:"],
 [style~="--scw-alignment-right-bottom-md:"]{
@@ -3201,7 +3201,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-stretch-md:"],
 [style~="--scw-alignment-stretch-left-md:"],
@@ -3215,7 +3215,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-stretch-right-md:"],
 [style~="--scw-alignment-right-stretch-md:"],
@@ -3228,7 +3228,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-stretch-center-md:"],
 [style~="--scw-alignment-center-stretch-md:"]{
@@ -3239,7 +3239,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-baseline-md:"],
 [style~="--scw-alignment-baseline-left-md:"],
@@ -3251,7 +3251,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-baseline-right-md:"],
 [style~="--scw-alignment-right-baseline-md:"]{
@@ -3262,7 +3262,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) {
 
 [style~="--scw-alignment-baseline-center-md:"],
 [style~="--scw-alignment-center-baseline-md:"]{
@@ -3276,7 +3276,7 @@ scw-float::after,
 
         
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-background-color-sm:"] {
   --background-color: var( --scw-color-01, var( --scw-background-color-sm ));
   background-color: var( --background-color );
@@ -3284,14 +3284,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-background-color-hover-sm:"]:hover {
   background-color: var( --scw-color-01, var( --scw-background-color-hover-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-color-sm:"] {
   --color: var( --scw-color-01, var( --scw-color-sm ));
   color: var( --color );
@@ -3299,63 +3299,63 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-color-hover-sm:"]:hover {
   color: var( --scw-color-01, var( --scw-color-hover-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-color-sm:"] {
   border-color: var( --scw-color-01, var( --scw-border-color-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-top-sm:"] {
   border-top: 1px solid var( --scw-color-01, var( --scw-border-top-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-bottom-sm:"] {
   border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-left-sm:"] {
   border-left: 1px solid var( --scw-color-01, var( --scw-border-left-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-right-sm:"] {
   border-right: 1px solid var( --scw-color-01, var( --scw-border-right-sm ));
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-sm:"] {
   border: 1px solid var( --scw-color-01, var( --scw-border-sm ));
 }
 }
         
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-font-sm:"] {
   font: var( --scw-font-sm );
 }
 }
         
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-size-sm:"] {
   width: var( --scw-size-sm );
   height: var( --scw-size-sm );
@@ -3364,7 +3364,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-max-size-sm:"] {
   max-width: var( --scw-max-size-sm );
   max-height: var( --scw-max-size-sm );
@@ -3373,7 +3373,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-min-size-sm:"] {
   min-width: var( --scw-min-size-sm );
   min-height: var( --scw-min-size-sm );
@@ -3382,7 +3382,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-width-sm:"] {
   width: var( --scw-width-sm );
 }
@@ -3390,7 +3390,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-max-width-sm:"] {
   max-width: var( --scw-max-width-sm );
 }
@@ -3398,7 +3398,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-min-width-sm:"] {
   min-width: var( --scw-min-width-sm );
 }
@@ -3406,7 +3406,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-height-sm:"] {
   height: var( --scw-height-sm );
 }
@@ -3414,7 +3414,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-max-height-sm:"] {
   max-height: var( --scw-max-height-sm );
 }
@@ -3422,7 +3422,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-min-height-sm:"] {
   min-height: var( --scw-min-height-sm );
 }
@@ -3430,7 +3430,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-left-sm:"] {
   left: var( --scw-left-sm );
 }
@@ -3438,7 +3438,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-right-sm:"] {
   right: var( --scw-right-sm );
 }
@@ -3446,7 +3446,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-top-sm:"] {
   top: var( --scw-top-sm );
 }
@@ -3454,7 +3454,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-bottom-sm:"] {
   bottom: var( --scw-bottom-sm );
 }
@@ -3462,7 +3462,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-sm:"] {
   margin: var( --scw-margin-sm );
 }
@@ -3470,7 +3470,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-left-sm:"] {
   margin-left: var( --scw-margin-left-sm );
 }
@@ -3478,7 +3478,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-right-sm:"] {
   margin-right: var( --scw-margin-right-sm );
 }
@@ -3486,7 +3486,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-top-sm:"] {
   margin-top: var( --scw-margin-top-sm );
 }
@@ -3494,7 +3494,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-bottom-sm:"] {
   margin-bottom: var( --scw-margin-bottom-sm );
 }
@@ -3502,7 +3502,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-width-sm:"] {
   margin-left: var( --scw-margin-width-sm );
   margin-right: var( --scw-margin-width-sm );
@@ -3511,7 +3511,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-x-sm:"] {
   margin-left: var( --scw-margin-x-sm );
   margin-right: var( --scw-margin-x-sm );
@@ -3520,7 +3520,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-height-sm:"] {
   margin-top: var( --scw-margin-height-sm );
   margin-bottom: var( --scw-margin-height-sm );
@@ -3529,7 +3529,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-margin-y-sm:"] {
   margin-top: var( --scw-margin-y-sm );
   margin-bottom: var( --scw-margin-y-sm );
@@ -3538,7 +3538,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-sm:"] {
   padding: var( --scw-padding-sm );
 }
@@ -3546,7 +3546,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-left-sm:"] {
   padding-left: var( --scw-padding-left-sm );
 }
@@ -3554,7 +3554,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-right-sm:"] {
   padding-right: var( --scw-padding-right-sm );
 }
@@ -3562,7 +3562,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-top-sm:"] {
   padding-top: var( --scw-padding-top-sm );
 }
@@ -3570,7 +3570,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-bottom-sm:"] {
   padding-bottom: var( --scw-padding-bottom-sm );
 }
@@ -3578,7 +3578,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-width-sm:"] {
   padding-left: var( --scw-padding-width-sm );
   padding-right: var( --scw-padding-width-sm );
@@ -3587,7 +3587,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-x-sm:"] {
   padding-left: var( --scw-padding-x-sm );
   padding-right: var( --scw-padding-x-sm );
@@ -3596,7 +3596,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-height-sm:"] {
   padding-top: var( --scw-padding-height-sm );
   padding-bottom: var( --scw-padding-height-sm );
@@ -3605,7 +3605,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-padding-y-sm:"] {
   padding-top: var( --scw-padding-y-sm );
   padding-bottom: var( --scw-padding-y-sm );
@@ -3614,7 +3614,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-border-radius-sm:"] {
   border-radius: var( --scw-border-radius-sm );
 }
@@ -3622,7 +3622,7 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-gap-sm:"] > * {
   --gap: var( --scw-gap-sm );
 }
@@ -3630,14 +3630,14 @@ scw-float::after,
 
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-fill-sm:"] {
   flex: var( --scw-fill-sm );
 }
 }
         
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-element-sm:"] {
   /* element */
   position: relative;
@@ -3653,7 +3653,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-layout-sm:"] {
   /* element */
   position: relative;
@@ -3669,7 +3669,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-text-sm:"] {
   /* element */
   position: relative;
@@ -3685,7 +3685,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-stack-sm:"] {
   /* element */
   position: relative;
@@ -3701,7 +3701,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-stack-sm:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3710,14 +3710,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-stack-sm:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-layout-sm:"] {
   /* element */
   position: relative;
@@ -3733,7 +3733,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-layout-sm:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3742,14 +3742,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-layout-sm:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-h-sm:"] {
   /* element */
   position: relative;
@@ -3779,7 +3779,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-h-sm:"] > *:nth-child(n) {
   --gap-h-int: var( --gap , var( --gap-h, initial ));
   --gap-v-int: 0px;
@@ -3787,14 +3787,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-h-sm:"] > *:last-child {
   --gap-h-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-v-sm:"] {
   /* element */
   position: relative;
@@ -3824,7 +3824,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-v-sm:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3832,14 +3832,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-flex-v-sm:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-center-sm:"] {
   /* element */
   position: relative;
@@ -3869,7 +3869,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-center-sm:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3877,14 +3877,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-center-sm:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-sm:"] {
   /* element */
   position: relative;
@@ -3901,7 +3901,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-sm:"] > *:nth-child(n) {
   --gap-h-int: 0px;
   --gap-v-int: var( --gap, var( --gap-v, initial ));
@@ -3912,14 +3912,14 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-sm:"] > *:last-child {
   --gap-v-int: 0px;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-sm:"]::after {
   content: "";
   clear: both;
@@ -3928,21 +3928,21 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-left-sm:"] {
   float: left;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-right-sm:"] {
   float: right;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-clear-left-sm:"] {
   clear: left;
   float: left;
@@ -3950,7 +3950,7 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-float-clear-right-sm:"] {
   clear: right;
   float: right;
@@ -3958,27 +3958,27 @@ scw-float::after,
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-fill-children-sm:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-children-fill-sm:"] > * {
   flex: 1;
 }
 }
 
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 [style~="--scw-hide-sm:"] {
   display: none;
 }
 }
         
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-center-sm:"],
 [style~="--scw-alignment-center-center-sm:"]{
@@ -3989,7 +3989,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-center-left-sm:"],
 [style~="--scw-alignment-left-center-sm:"]{
@@ -4000,7 +4000,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-center-right-sm:"],
 [style~="--scw-alignment-right-center-sm:"]{
@@ -4011,7 +4011,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-top-sm:"],
 [style~="--scw-alignment-top-left-sm:"],
@@ -4024,7 +4024,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-top-center-sm:"],
 [style~="--scw-alignment-center-top-sm:"]{
@@ -4035,7 +4035,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-top-right-sm:"],
 [style~="--scw-alignment-right-top-sm:"],
@@ -4047,7 +4047,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-bottom-left-sm:"],
 [style~="--scw-alignment-left-bottom-sm:"],
@@ -4059,7 +4059,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-bottom-center-sm:"],
 [style~="--scw-alignment-center-bottom-sm:"]{
@@ -4070,7 +4070,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-bottom-right-sm:"],
 [style~="--scw-alignment-right-bottom-sm:"]{
@@ -4081,7 +4081,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-stretch-sm:"],
 [style~="--scw-alignment-stretch-left-sm:"],
@@ -4095,7 +4095,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-stretch-right-sm:"],
 [style~="--scw-alignment-right-stretch-sm:"],
@@ -4108,7 +4108,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-stretch-center-sm:"],
 [style~="--scw-alignment-center-stretch-sm:"]{
@@ -4119,7 +4119,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-baseline-sm:"],
 [style~="--scw-alignment-baseline-left-sm:"],
@@ -4131,7 +4131,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-baseline-right-sm:"],
 [style~="--scw-alignment-right-baseline-sm:"]{
@@ -4142,7 +4142,7 @@ scw-float::after,
 }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (min-width: 576px) {
 
 [style~="--scw-alignment-baseline-center-sm:"],
 [style~="--scw-alignment-center-baseline-sm:"]{