scu-web-components 0.0.36 → 0.0.38

package/dist/tokens/source/cssPropertiesApi.css

@@ -0,0 +1,4123 @@
+
+    
+[style*="--scw-background-color: var("] {
+  --background-color: var( --scw-color-01, var( --scw-background-color ));
+  background-color: var( --background-color );
+}
+
+[style*="--scw-background-color-hover: var("]:hover {
+  background-color: var( --scw-color-01, var( --scw-background-color-hover ));
+}
+
+[style*="--scw-color: var("] {
+  --color: var( --scw-color-01, var( --scw-color ));
+  color: var( --color );
+}
+
+[style*="--scw-color-hover: var("]:hover {
+  color: var( --scw-color-01, var( --scw-color-hover ));
+}
+
+[style*="--scw-border-color: var("] {
+  border-color: var( --scw-color-01, var( --scw-border-color ));
+}
+
+[style*="--scw-border-top: var("] {
+  border-top: 1px solid var( --scw-color-01, var( --scw-border-top ));
+}
+
+[style*="--scw-border-bottom: var("] {
+  border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom ));
+}
+
+[style*="--scw-border-left: var("] {
+  border-left: 1px solid var( --scw-color-01, var( --scw-border-left ));
+}
+
+[style*="--scw-border-right: var("] {
+  border-right: 1px solid var( --scw-color-01, var( --scw-border-right ));
+}
+    
+[style*="--scw-font: var("] {
+  font: var( --scw-font );
+}
+    
+[style*="--scw-size: var("] {
+  width: var( --scw-size );
+  height: var( --scw-size );
+}
+
+
+[style*="--scw-max-size: var("] {
+  max-width: var( --scw-max-size );
+  max-height: var( --scw-max-size );
+}
+
+
+[style*="--scw-min-size: var("] {
+  min-width: var( --scw-min-size );
+  min-height: var( --scw-min-size );
+}
+
+
+[style*="--scw-width: var("] {
+  width: var( --scw-width );
+}
+
+
+[style*="--scw-max-width: var("] {
+  max-width: var( --scw-max-width );
+}
+
+
+[style*="--scw-min-width: var("] {
+  min-width: var( --scw-min-width );
+}
+
+
+[style*="--scw-height: var("] {
+  height: var( --scw-height );
+}
+
+
+[style*="--scw-max-height: var("] {
+  max-height: var( --scw-max-height );
+}
+
+
+[style*="--scw-min-height: var("] {
+  min-height: var( --scw-min-height );
+}
+
+
+[style*="--scw-left: var("] {
+  left: var( --scw-left );
+}
+
+
+[style*="--scw-right: var("] {
+  right: var( --scw-right );
+}
+
+
+[style*="--scw-top: var("] {
+  top: var( --scw-top );
+}
+
+
+[style*="--scw-bottom: var("] {
+  bottom: var( --scw-bottom );
+}
+
+
+[style*="--scw-margin: var("] {
+  margin: var( --scw-margin );
+}
+
+
+[style*="--scw-margin-left: var("] {
+  margin-left: var( --scw-margin-left );
+}
+
+
+[style*="--scw-margin-right: var("] {
+  margin-right: var( --scw-margin-right );
+}
+
+
+[style*="--scw-margin-top: var("] {
+  margin-top: var( --scw-margin-top );
+}
+
+
+[style*="--scw-margin-bottom: var("] {
+  margin-bottom: var( --scw-margin-bottom );
+}
+
+
+[style*="--scw-margin-width: var("] {
+  margin-left: var( --scw-margin-width );
+  margin-right: var( --scw-margin-width );
+}
+
+
+[style*="--scw-margin-x: var("] {
+  margin-left: var( --scw-margin-x );
+  margin-right: var( --scw-margin-x );
+}
+
+
+[style*="--scw-margin-height: var("] {
+  margin-top: var( --scw-margin-height );
+  margin-bottom: var( --scw-margin-height );
+}
+
+
+[style*="--scw-margin-y: var("] {
+  margin-top: var( --scw-margin-y );
+  margin-bottom: var( --scw-margin-y );
+}
+
+
+[style*="--scw-padding: var("] {
+  padding: var( --scw-padding );
+}
+
+
+[style*="--scw-padding-left: var("] {
+  padding-left: var( --scw-padding-left );
+}
+
+
+[style*="--scw-padding-right: var("] {
+  padding-right: var( --scw-padding-right );
+}
+
+
+[style*="--scw-padding-top: var("] {
+  padding-top: var( --scw-padding-top );
+}
+
+
+[style*="--scw-padding-bottom: var("] {
+  padding-bottom: var( --scw-padding-bottom );
+}
+
+
+[style*="--scw-padding-width: var("] {
+  padding-left: var( --scw-padding-width );
+  padding-right: var( --scw-padding-width );
+}
+
+
+[style*="--scw-padding-x: var("] {
+  padding-left: var( --scw-padding-x );
+  padding-right: var( --scw-padding-x );
+}
+
+
+[style*="--scw-padding-height: var("] {
+  padding-top: var( --scw-padding-height );
+  padding-bottom: var( --scw-padding-height );
+}
+
+
+[style*="--scw-padding-y: var("] {
+  padding-top: var( --scw-padding-y );
+  padding-bottom: var( --scw-padding-y );
+}
+
+
+[style*="--scw-border-radius: var("] {
+  border-radius: var( --scw-border-radius );
+}
+
+
+[style*="--scw-gap: var("] > * {
+  --gap: var( --scw-gap );
+}
+
+
+[style~="--scw-fill:"] {
+  flex: var( --scw-fill );
+}
+    
+scw-element,
+[style~="--scw-element:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+
+scw-layout,
+[style~="--scw-layout:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+
+scw-text,
+[style~="--scw-text:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: inline-block;}
+
+scw-stack,
+[style~="--scw-stack:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+
+scw-stack > *:nth-child(n),
+[style~="--scw-stack:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+
+scw-stack > *:last-child,
+[style~="--scw-stack:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+
+scw-layout,
+[style~="--scw-layout:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+
+scw-layout > *:nth-child(n),
+[style~="--scw-layout:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+
+scw-layout > *:last-child,
+[style~="--scw-layout:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+
+scw-flex-h,
+[style~="--scw-flex-h:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: row nowrap;
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-int: var( --ai-h, initial );
+  --jc-int: var( --jc-h, initial );
+}
+
+scw-flex-h > *:nth-child(n),
+[style~="--scw-flex-h:"] > *:nth-child(n) {
+  --gap-h-int: var( --gap , var( --gap-h, initial ));
+  --gap-v-int: 0px;
+}
+
+scw-flex-h > *:last-child,
+[style~="--scw-flex-h:"] > *:last-child {
+  --gap-h-int: 0px;
+}
+
+scw-flex-v,
+[style~="--scw-flex-v:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+
+scw-flex-v > *:nth-child(n),
+[style~="--scw-flex-v:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+
+scw-flex-v > *:last-child,
+[style~="--scw-flex-v:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+
+scw-center,
+[style~="--scw-center:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: center;
+  --jc-v: center;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+
+scw-center > *:nth-child(n),
+[style~="--scw-center:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+
+scw-center > *:last-child,
+[style~="--scw-center:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+
+scw-float,
+[style~="--scw-float:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;
+}
+
+scw-float > *:nth-child(n),
+[style~="--scw-float:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: auto;
+  float: left;
+  clear: left;
+}
+
+scw-float > *:last-child,
+[style~="--scw-float:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+
+scw-float::after,
+[style~="--scw-float:"]::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+[style~="--scw-float-left:"] {
+  float: left;
+}
+
+[style~="--scw-float-right:"] {
+  float: right;
+}
+
+[style~="--scw-float-clear-left:"] {
+  clear: left;
+  float: left;
+}
+
+[style~="--scw-float-clear-right:"] {
+  clear: right;
+  float: right;
+}
+
+[style~="--scw-fill-children:"] > * {
+  flex: 1;
+}
+
+[style~="--scw-children-fill:"] > * {
+  flex: 1;
+}
+
+[style~="--scw-hide:"] {
+  display: none;
+}
+    
+[style~="--scw-alignment-center:"],
+[style~="--scw-alignment-center-center:"]{
+  --ai-h: center;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: center;
+}
+
+[style~="--scw-alignment-center-left:"],
+[style~="--scw-alignment-left-center:"]{
+  --ai-h: center;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: center;
+}
+
+[style~="--scw-alignment-center-right:"],
+[style~="--scw-alignment-right-center:"]{
+  --ai-h: center;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: center;
+}
+
+[style~="--scw-alignment-top:"],
+[style~="--scw-alignment-top-left:"],
+[style~="--scw-alignment-left-top:"],
+[style~="--scw-alignment-left:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-top-center:"],
+[style~="--scw-alignment-center-top:"]{
+  --ai-h: flex-start;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-top-right:"],
+[style~="--scw-alignment-right-top:"],
+[style~="--scw-alignment-right:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-bottom-left:"],
+[style~="--scw-alignment-left-bottom:"],
+[style~="--scw-alignment-bottom:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-end;
+}
+
+[style~="--scw-alignment-bottom-center:"],
+[style~="--scw-alignment-center-bottom:"]{
+  --ai-h: flex-end;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-end;
+}
+
+[style~="--scw-alignment-bottom-right:"],
+[style~="--scw-alignment-right-bottom:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-end;
+}
+
+[style~="--scw-alignment-stretch:"],
+[style~="--scw-alignment-stretch-left:"],
+[style~="--scw-alignment-left-stretch:"],
+[style~="--scw-alignment-stretch-top:"],
+[style~="--scw-alignment-top-stretch:"]{
+  --ai-h: stretch;
+  --jc-h: flex-start;
+  --ai-v: stretch;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-stretch-right:"],
+[style~="--scw-alignment-right-stretch:"],
+[style~="--scw-alignment-stretch-bottom:"],
+[style~="--scw-alignment-bottom-stretch:"]{
+  --ai-h: stretch;
+  --jc-h: flex-end;
+  --ai-v: stretch;
+  --jc-v: flex-end;
+}
+
+[style~="--scw-alignment-stretch-center:"],
+[style~="--scw-alignment-center-stretch:"]{
+  --ai-h: stretch;
+  --jc-h: center;
+  --ai-v: stretch;
+  --jc-v: center;
+}
+
+[style~="--scw-baseline:"],
+[style~="--scw-alignment-baseline-left:"],
+[style~="--scw-alignment-left-baseline:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-baseline-right:"],
+[style~="--scw-alignment-right-baseline:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+
+[style~="--scw-alignment-baseline-center:"],
+[style~="--scw-alignment-center-baseline:"]{
+  --ai-h: baseline;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+  
+
+        
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-background-color-xlg: var("] {
+  --background-color: var( --scw-color-01, var( --scw-background-color-xlg ));
+  background-color: var( --background-color );
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-background-color-hover-xlg: var("]:hover {
+  background-color: var( --scw-color-01, var( --scw-background-color-hover-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-color-xlg: var("] {
+  --color: var( --scw-color-01, var( --scw-color-xlg ));
+  color: var( --color );
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-color-hover-xlg: var("]:hover {
+  color: var( --scw-color-01, var( --scw-color-hover-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-color-xlg: var("] {
+  border-color: var( --scw-color-01, var( --scw-border-color-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-top-xlg: var("] {
+  border-top: 1px solid var( --scw-color-01, var( --scw-border-top-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-bottom-xlg: var("] {
+  border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-left-xlg: var("] {
+  border-left: 1px solid var( --scw-color-01, var( --scw-border-left-xlg ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-right-xlg: var("] {
+  border-right: 1px solid var( --scw-color-01, var( --scw-border-right-xlg ));
+}
+}
+        
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-font-xlg: var("] {
+  font: var( --scw-font-xlg );
+}
+}
+        
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-size-xlg: var("] {
+  width: var( --scw-size-xlg );
+  height: var( --scw-size-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-max-size-xlg: var("] {
+  max-width: var( --scw-max-size-xlg );
+  max-height: var( --scw-max-size-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-min-size-xlg: var("] {
+  min-width: var( --scw-min-size-xlg );
+  min-height: var( --scw-min-size-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-width-xlg: var("] {
+  width: var( --scw-width-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-max-width-xlg: var("] {
+  max-width: var( --scw-max-width-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-min-width-xlg: var("] {
+  min-width: var( --scw-min-width-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-height-xlg: var("] {
+  height: var( --scw-height-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-max-height-xlg: var("] {
+  max-height: var( --scw-max-height-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-min-height-xlg: var("] {
+  min-height: var( --scw-min-height-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-left-xlg: var("] {
+  left: var( --scw-left-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-right-xlg: var("] {
+  right: var( --scw-right-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-top-xlg: var("] {
+  top: var( --scw-top-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-bottom-xlg: var("] {
+  bottom: var( --scw-bottom-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-xlg: var("] {
+  margin: var( --scw-margin-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-left-xlg: var("] {
+  margin-left: var( --scw-margin-left-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-right-xlg: var("] {
+  margin-right: var( --scw-margin-right-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-top-xlg: var("] {
+  margin-top: var( --scw-margin-top-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-bottom-xlg: var("] {
+  margin-bottom: var( --scw-margin-bottom-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-width-xlg: var("] {
+  margin-left: var( --scw-margin-width-xlg );
+  margin-right: var( --scw-margin-width-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-x-xlg: var("] {
+  margin-left: var( --scw-margin-x-xlg );
+  margin-right: var( --scw-margin-x-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-height-xlg: var("] {
+  margin-top: var( --scw-margin-height-xlg );
+  margin-bottom: var( --scw-margin-height-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-margin-y-xlg: var("] {
+  margin-top: var( --scw-margin-y-xlg );
+  margin-bottom: var( --scw-margin-y-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-xlg: var("] {
+  padding: var( --scw-padding-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-left-xlg: var("] {
+  padding-left: var( --scw-padding-left-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-right-xlg: var("] {
+  padding-right: var( --scw-padding-right-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-top-xlg: var("] {
+  padding-top: var( --scw-padding-top-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-bottom-xlg: var("] {
+  padding-bottom: var( --scw-padding-bottom-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-width-xlg: var("] {
+  padding-left: var( --scw-padding-width-xlg );
+  padding-right: var( --scw-padding-width-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-x-xlg: var("] {
+  padding-left: var( --scw-padding-x-xlg );
+  padding-right: var( --scw-padding-x-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-height-xlg: var("] {
+  padding-top: var( --scw-padding-height-xlg );
+  padding-bottom: var( --scw-padding-height-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-padding-y-xlg: var("] {
+  padding-top: var( --scw-padding-y-xlg );
+  padding-bottom: var( --scw-padding-y-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-border-radius-xlg: var("] {
+  border-radius: var( --scw-border-radius-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style*="--scw-gap-xlg: var("] > * {
+  --gap: var( --scw-gap-xlg );
+}
+}
+
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-fill-xlg:"] {
+  flex: var( --scw-fill-xlg );
+}
+}
+        
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-element-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-layout-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-text-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: inline-block;}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-stack-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-stack-xlg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-stack-xlg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-layout-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-layout-xlg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-layout-xlg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-h-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: row nowrap;
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-int: var( --ai-h, initial );
+  --jc-int: var( --jc-h, initial );
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-h-xlg:"] > *:nth-child(n) {
+  --gap-h-int: var( --gap , var( --gap-h, initial ));
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-h-xlg:"] > *:last-child {
+  --gap-h-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-v-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-v-xlg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-flex-v-xlg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-center-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: center;
+  --jc-v: center;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-center-xlg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-center-xlg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-xlg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-xlg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: auto;
+  float: left;
+  clear: left;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-xlg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-xlg:"]::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-left-xlg:"] {
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-right-xlg:"] {
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-clear-left-xlg:"] {
+  clear: left;
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-float-clear-right-xlg:"] {
+  clear: right;
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-fill-children-xlg:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-children-fill-xlg:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 1200px) {
+[style~="--scw-hide-xlg:"] {
+  display: none;
+}
+}
+        
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-center-xlg:"],
+[style~="--scw-alignment-center-center-xlg:"]{
+  --ai-h: center;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-center-left-xlg:"],
+[style~="--scw-alignment-left-center-xlg:"]{
+  --ai-h: center;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-center-right-xlg:"],
+[style~="--scw-alignment-right-center-xlg:"]{
+  --ai-h: center;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-top-xlg:"],
+[style~="--scw-alignment-top-left-xlg:"],
+[style~="--scw-alignment-left-top-xlg:"],
+[style~="--scw-alignment-left-xlg:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-top-center-xlg:"],
+[style~="--scw-alignment-center-top-xlg:"]{
+  --ai-h: flex-start;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-top-right-xlg:"],
+[style~="--scw-alignment-right-top-xlg:"],
+[style~="--scw-alignment-right-xlg:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-bottom-left-xlg:"],
+[style~="--scw-alignment-left-bottom-xlg:"],
+[style~="--scw-alignment-bottom-xlg:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-bottom-center-xlg:"],
+[style~="--scw-alignment-center-bottom-xlg:"]{
+  --ai-h: flex-end;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-bottom-right-xlg:"],
+[style~="--scw-alignment-right-bottom-xlg:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-stretch-xlg:"],
+[style~="--scw-alignment-stretch-left-xlg:"],
+[style~="--scw-alignment-left-stretch-xlg:"],
+[style~="--scw-alignment-stretch-top-xlg:"],
+[style~="--scw-alignment-top-stretch-xlg:"]{
+  --ai-h: stretch;
+  --jc-h: flex-start;
+  --ai-v: stretch;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-stretch-right-xlg:"],
+[style~="--scw-alignment-right-stretch-xlg:"],
+[style~="--scw-alignment-stretch-bottom-xlg:"],
+[style~="--scw-alignment-bottom-stretch-xlg:"]{
+  --ai-h: stretch;
+  --jc-h: flex-end;
+  --ai-v: stretch;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-stretch-center-xlg:"],
+[style~="--scw-alignment-center-stretch-xlg:"]{
+  --ai-h: stretch;
+  --jc-h: center;
+  --ai-v: stretch;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-baseline-xlg:"],
+[style~="--scw-alignment-baseline-left-xlg:"],
+[style~="--scw-alignment-left-baseline-xlg:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-baseline-right-xlg:"],
+[style~="--scw-alignment-right-baseline-xlg:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 1200px) {
+
+[style~="--scw-alignment-baseline-center-xlg:"],
+[style~="--scw-alignment-center-baseline-xlg:"]{
+  --ai-h: baseline;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+      
+
+        
+
+@media screen and (max-width: 992px) {
+[style*="--scw-background-color-lg: var("] {
+  --background-color: var( --scw-color-01, var( --scw-background-color-lg ));
+  background-color: var( --background-color );
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-background-color-hover-lg: var("]:hover {
+  background-color: var( --scw-color-01, var( --scw-background-color-hover-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-color-lg: var("] {
+  --color: var( --scw-color-01, var( --scw-color-lg ));
+  color: var( --color );
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-color-hover-lg: var("]:hover {
+  color: var( --scw-color-01, var( --scw-color-hover-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-color-lg: var("] {
+  border-color: var( --scw-color-01, var( --scw-border-color-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-top-lg: var("] {
+  border-top: 1px solid var( --scw-color-01, var( --scw-border-top-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-bottom-lg: var("] {
+  border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-left-lg: var("] {
+  border-left: 1px solid var( --scw-color-01, var( --scw-border-left-lg ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-right-lg: var("] {
+  border-right: 1px solid var( --scw-color-01, var( --scw-border-right-lg ));
+}
+}
+        
+
+@media screen and (max-width: 992px) {
+[style*="--scw-font-lg: var("] {
+  font: var( --scw-font-lg );
+}
+}
+        
+
+@media screen and (max-width: 992px) {
+[style*="--scw-size-lg: var("] {
+  width: var( --scw-size-lg );
+  height: var( --scw-size-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-max-size-lg: var("] {
+  max-width: var( --scw-max-size-lg );
+  max-height: var( --scw-max-size-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-min-size-lg: var("] {
+  min-width: var( --scw-min-size-lg );
+  min-height: var( --scw-min-size-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-width-lg: var("] {
+  width: var( --scw-width-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-max-width-lg: var("] {
+  max-width: var( --scw-max-width-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-min-width-lg: var("] {
+  min-width: var( --scw-min-width-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-height-lg: var("] {
+  height: var( --scw-height-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-max-height-lg: var("] {
+  max-height: var( --scw-max-height-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-min-height-lg: var("] {
+  min-height: var( --scw-min-height-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-left-lg: var("] {
+  left: var( --scw-left-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-right-lg: var("] {
+  right: var( --scw-right-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-top-lg: var("] {
+  top: var( --scw-top-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-bottom-lg: var("] {
+  bottom: var( --scw-bottom-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-lg: var("] {
+  margin: var( --scw-margin-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-left-lg: var("] {
+  margin-left: var( --scw-margin-left-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-right-lg: var("] {
+  margin-right: var( --scw-margin-right-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-top-lg: var("] {
+  margin-top: var( --scw-margin-top-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-bottom-lg: var("] {
+  margin-bottom: var( --scw-margin-bottom-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-width-lg: var("] {
+  margin-left: var( --scw-margin-width-lg );
+  margin-right: var( --scw-margin-width-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-x-lg: var("] {
+  margin-left: var( --scw-margin-x-lg );
+  margin-right: var( --scw-margin-x-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-height-lg: var("] {
+  margin-top: var( --scw-margin-height-lg );
+  margin-bottom: var( --scw-margin-height-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-margin-y-lg: var("] {
+  margin-top: var( --scw-margin-y-lg );
+  margin-bottom: var( --scw-margin-y-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-lg: var("] {
+  padding: var( --scw-padding-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-left-lg: var("] {
+  padding-left: var( --scw-padding-left-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-right-lg: var("] {
+  padding-right: var( --scw-padding-right-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-top-lg: var("] {
+  padding-top: var( --scw-padding-top-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-bottom-lg: var("] {
+  padding-bottom: var( --scw-padding-bottom-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-width-lg: var("] {
+  padding-left: var( --scw-padding-width-lg );
+  padding-right: var( --scw-padding-width-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-x-lg: var("] {
+  padding-left: var( --scw-padding-x-lg );
+  padding-right: var( --scw-padding-x-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-height-lg: var("] {
+  padding-top: var( --scw-padding-height-lg );
+  padding-bottom: var( --scw-padding-height-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-padding-y-lg: var("] {
+  padding-top: var( --scw-padding-y-lg );
+  padding-bottom: var( --scw-padding-y-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-border-radius-lg: var("] {
+  border-radius: var( --scw-border-radius-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style*="--scw-gap-lg: var("] > * {
+  --gap: var( --scw-gap-lg );
+}
+}
+
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-fill-lg:"] {
+  flex: var( --scw-fill-lg );
+}
+}
+        
+
+@media screen and (max-width: 992px) {
+[style~="--scw-element-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-layout-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-text-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: inline-block;}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-stack-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-stack-lg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-stack-lg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-layout-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-layout-lg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-layout-lg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-h-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: row nowrap;
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-int: var( --ai-h, initial );
+  --jc-int: var( --jc-h, initial );
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-h-lg:"] > *:nth-child(n) {
+  --gap-h-int: var( --gap , var( --gap-h, initial ));
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-h-lg:"] > *:last-child {
+  --gap-h-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-v-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-v-lg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-flex-v-lg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-center-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: center;
+  --jc-v: center;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-center-lg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-center-lg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-lg:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-lg:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: auto;
+  float: left;
+  clear: left;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-lg:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-lg:"]::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-left-lg:"] {
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-right-lg:"] {
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-clear-left-lg:"] {
+  clear: left;
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-float-clear-right-lg:"] {
+  clear: right;
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-fill-children-lg:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-children-fill-lg:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 992px) {
+[style~="--scw-hide-lg:"] {
+  display: none;
+}
+}
+        
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-center-lg:"],
+[style~="--scw-alignment-center-center-lg:"]{
+  --ai-h: center;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-center-left-lg:"],
+[style~="--scw-alignment-left-center-lg:"]{
+  --ai-h: center;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-center-right-lg:"],
+[style~="--scw-alignment-right-center-lg:"]{
+  --ai-h: center;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-top-lg:"],
+[style~="--scw-alignment-top-left-lg:"],
+[style~="--scw-alignment-left-top-lg:"],
+[style~="--scw-alignment-left-lg:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-top-center-lg:"],
+[style~="--scw-alignment-center-top-lg:"]{
+  --ai-h: flex-start;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-top-right-lg:"],
+[style~="--scw-alignment-right-top-lg:"],
+[style~="--scw-alignment-right-lg:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-bottom-left-lg:"],
+[style~="--scw-alignment-left-bottom-lg:"],
+[style~="--scw-alignment-bottom-lg:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-bottom-center-lg:"],
+[style~="--scw-alignment-center-bottom-lg:"]{
+  --ai-h: flex-end;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-bottom-right-lg:"],
+[style~="--scw-alignment-right-bottom-lg:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-stretch-lg:"],
+[style~="--scw-alignment-stretch-left-lg:"],
+[style~="--scw-alignment-left-stretch-lg:"],
+[style~="--scw-alignment-stretch-top-lg:"],
+[style~="--scw-alignment-top-stretch-lg:"]{
+  --ai-h: stretch;
+  --jc-h: flex-start;
+  --ai-v: stretch;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-stretch-right-lg:"],
+[style~="--scw-alignment-right-stretch-lg:"],
+[style~="--scw-alignment-stretch-bottom-lg:"],
+[style~="--scw-alignment-bottom-stretch-lg:"]{
+  --ai-h: stretch;
+  --jc-h: flex-end;
+  --ai-v: stretch;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-stretch-center-lg:"],
+[style~="--scw-alignment-center-stretch-lg:"]{
+  --ai-h: stretch;
+  --jc-h: center;
+  --ai-v: stretch;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-baseline-lg:"],
+[style~="--scw-alignment-baseline-left-lg:"],
+[style~="--scw-alignment-left-baseline-lg:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-baseline-right-lg:"],
+[style~="--scw-alignment-right-baseline-lg:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 992px) {
+
+[style~="--scw-alignment-baseline-center-lg:"],
+[style~="--scw-alignment-center-baseline-lg:"]{
+  --ai-h: baseline;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+      
+
+        
+
+@media screen and (max-width: 768px) {
+[style*="--scw-background-color-md: var("] {
+  --background-color: var( --scw-color-01, var( --scw-background-color-md ));
+  background-color: var( --background-color );
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-background-color-hover-md: var("]:hover {
+  background-color: var( --scw-color-01, var( --scw-background-color-hover-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-color-md: var("] {
+  --color: var( --scw-color-01, var( --scw-color-md ));
+  color: var( --color );
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-color-hover-md: var("]:hover {
+  color: var( --scw-color-01, var( --scw-color-hover-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-color-md: var("] {
+  border-color: var( --scw-color-01, var( --scw-border-color-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-top-md: var("] {
+  border-top: 1px solid var( --scw-color-01, var( --scw-border-top-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-bottom-md: var("] {
+  border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-left-md: var("] {
+  border-left: 1px solid var( --scw-color-01, var( --scw-border-left-md ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-right-md: var("] {
+  border-right: 1px solid var( --scw-color-01, var( --scw-border-right-md ));
+}
+}
+        
+
+@media screen and (max-width: 768px) {
+[style*="--scw-font-md: var("] {
+  font: var( --scw-font-md );
+}
+}
+        
+
+@media screen and (max-width: 768px) {
+[style*="--scw-size-md: var("] {
+  width: var( --scw-size-md );
+  height: var( --scw-size-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-max-size-md: var("] {
+  max-width: var( --scw-max-size-md );
+  max-height: var( --scw-max-size-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-min-size-md: var("] {
+  min-width: var( --scw-min-size-md );
+  min-height: var( --scw-min-size-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-width-md: var("] {
+  width: var( --scw-width-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-max-width-md: var("] {
+  max-width: var( --scw-max-width-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-min-width-md: var("] {
+  min-width: var( --scw-min-width-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-height-md: var("] {
+  height: var( --scw-height-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-max-height-md: var("] {
+  max-height: var( --scw-max-height-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-min-height-md: var("] {
+  min-height: var( --scw-min-height-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-left-md: var("] {
+  left: var( --scw-left-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-right-md: var("] {
+  right: var( --scw-right-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-top-md: var("] {
+  top: var( --scw-top-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-bottom-md: var("] {
+  bottom: var( --scw-bottom-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-md: var("] {
+  margin: var( --scw-margin-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-left-md: var("] {
+  margin-left: var( --scw-margin-left-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-right-md: var("] {
+  margin-right: var( --scw-margin-right-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-top-md: var("] {
+  margin-top: var( --scw-margin-top-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-bottom-md: var("] {
+  margin-bottom: var( --scw-margin-bottom-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-width-md: var("] {
+  margin-left: var( --scw-margin-width-md );
+  margin-right: var( --scw-margin-width-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-x-md: var("] {
+  margin-left: var( --scw-margin-x-md );
+  margin-right: var( --scw-margin-x-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-height-md: var("] {
+  margin-top: var( --scw-margin-height-md );
+  margin-bottom: var( --scw-margin-height-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-margin-y-md: var("] {
+  margin-top: var( --scw-margin-y-md );
+  margin-bottom: var( --scw-margin-y-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-md: var("] {
+  padding: var( --scw-padding-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-left-md: var("] {
+  padding-left: var( --scw-padding-left-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-right-md: var("] {
+  padding-right: var( --scw-padding-right-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-top-md: var("] {
+  padding-top: var( --scw-padding-top-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-bottom-md: var("] {
+  padding-bottom: var( --scw-padding-bottom-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-width-md: var("] {
+  padding-left: var( --scw-padding-width-md );
+  padding-right: var( --scw-padding-width-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-x-md: var("] {
+  padding-left: var( --scw-padding-x-md );
+  padding-right: var( --scw-padding-x-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-height-md: var("] {
+  padding-top: var( --scw-padding-height-md );
+  padding-bottom: var( --scw-padding-height-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-padding-y-md: var("] {
+  padding-top: var( --scw-padding-y-md );
+  padding-bottom: var( --scw-padding-y-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-border-radius-md: var("] {
+  border-radius: var( --scw-border-radius-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style*="--scw-gap-md: var("] > * {
+  --gap: var( --scw-gap-md );
+}
+}
+
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-fill-md:"] {
+  flex: var( --scw-fill-md );
+}
+}
+        
+
+@media screen and (max-width: 768px) {
+[style~="--scw-element-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-layout-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-text-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: inline-block;}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-stack-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-stack-md:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-stack-md:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-layout-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-layout-md:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-layout-md:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-h-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: row nowrap;
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-int: var( --ai-h, initial );
+  --jc-int: var( --jc-h, initial );
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-h-md:"] > *:nth-child(n) {
+  --gap-h-int: var( --gap , var( --gap-h, initial ));
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-h-md:"] > *:last-child {
+  --gap-h-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-v-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-v-md:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-flex-v-md:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-center-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: center;
+  --jc-v: center;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-center-md:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-center-md:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-md:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-md:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: auto;
+  float: left;
+  clear: left;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-md:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-md:"]::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-left-md:"] {
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-right-md:"] {
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-clear-left-md:"] {
+  clear: left;
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-float-clear-right-md:"] {
+  clear: right;
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-fill-children-md:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-children-fill-md:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 768px) {
+[style~="--scw-hide-md:"] {
+  display: none;
+}
+}
+        
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-center-md:"],
+[style~="--scw-alignment-center-center-md:"]{
+  --ai-h: center;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-center-left-md:"],
+[style~="--scw-alignment-left-center-md:"]{
+  --ai-h: center;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-center-right-md:"],
+[style~="--scw-alignment-right-center-md:"]{
+  --ai-h: center;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-top-md:"],
+[style~="--scw-alignment-top-left-md:"],
+[style~="--scw-alignment-left-top-md:"],
+[style~="--scw-alignment-left-md:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-top-center-md:"],
+[style~="--scw-alignment-center-top-md:"]{
+  --ai-h: flex-start;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-top-right-md:"],
+[style~="--scw-alignment-right-top-md:"],
+[style~="--scw-alignment-right-md:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-bottom-left-md:"],
+[style~="--scw-alignment-left-bottom-md:"],
+[style~="--scw-alignment-bottom-md:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-bottom-center-md:"],
+[style~="--scw-alignment-center-bottom-md:"]{
+  --ai-h: flex-end;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-bottom-right-md:"],
+[style~="--scw-alignment-right-bottom-md:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-stretch-md:"],
+[style~="--scw-alignment-stretch-left-md:"],
+[style~="--scw-alignment-left-stretch-md:"],
+[style~="--scw-alignment-stretch-top-md:"],
+[style~="--scw-alignment-top-stretch-md:"]{
+  --ai-h: stretch;
+  --jc-h: flex-start;
+  --ai-v: stretch;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-stretch-right-md:"],
+[style~="--scw-alignment-right-stretch-md:"],
+[style~="--scw-alignment-stretch-bottom-md:"],
+[style~="--scw-alignment-bottom-stretch-md:"]{
+  --ai-h: stretch;
+  --jc-h: flex-end;
+  --ai-v: stretch;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-stretch-center-md:"],
+[style~="--scw-alignment-center-stretch-md:"]{
+  --ai-h: stretch;
+  --jc-h: center;
+  --ai-v: stretch;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-baseline-md:"],
+[style~="--scw-alignment-baseline-left-md:"],
+[style~="--scw-alignment-left-baseline-md:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-baseline-right-md:"],
+[style~="--scw-alignment-right-baseline-md:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 768px) {
+
+[style~="--scw-alignment-baseline-center-md:"],
+[style~="--scw-alignment-center-baseline-md:"]{
+  --ai-h: baseline;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+      
+
+        
+
+@media screen and (max-width: 576px) {
+[style*="--scw-background-color-sm: var("] {
+  --background-color: var( --scw-color-01, var( --scw-background-color-sm ));
+  background-color: var( --background-color );
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-background-color-hover-sm: var("]:hover {
+  background-color: var( --scw-color-01, var( --scw-background-color-hover-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-color-sm: var("] {
+  --color: var( --scw-color-01, var( --scw-color-sm ));
+  color: var( --color );
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-color-hover-sm: var("]:hover {
+  color: var( --scw-color-01, var( --scw-color-hover-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-color-sm: var("] {
+  border-color: var( --scw-color-01, var( --scw-border-color-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-top-sm: var("] {
+  border-top: 1px solid var( --scw-color-01, var( --scw-border-top-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-bottom-sm: var("] {
+  border-bottom: 1px solid var( --scw-color-01, var( --scw-border-bottom-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-left-sm: var("] {
+  border-left: 1px solid var( --scw-color-01, var( --scw-border-left-sm ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-right-sm: var("] {
+  border-right: 1px solid var( --scw-color-01, var( --scw-border-right-sm ));
+}
+}
+        
+
+@media screen and (max-width: 576px) {
+[style*="--scw-font-sm: var("] {
+  font: var( --scw-font-sm );
+}
+}
+        
+
+@media screen and (max-width: 576px) {
+[style*="--scw-size-sm: var("] {
+  width: var( --scw-size-sm );
+  height: var( --scw-size-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-max-size-sm: var("] {
+  max-width: var( --scw-max-size-sm );
+  max-height: var( --scw-max-size-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-min-size-sm: var("] {
+  min-width: var( --scw-min-size-sm );
+  min-height: var( --scw-min-size-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-width-sm: var("] {
+  width: var( --scw-width-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-max-width-sm: var("] {
+  max-width: var( --scw-max-width-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-min-width-sm: var("] {
+  min-width: var( --scw-min-width-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-height-sm: var("] {
+  height: var( --scw-height-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-max-height-sm: var("] {
+  max-height: var( --scw-max-height-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-min-height-sm: var("] {
+  min-height: var( --scw-min-height-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-left-sm: var("] {
+  left: var( --scw-left-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-right-sm: var("] {
+  right: var( --scw-right-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-top-sm: var("] {
+  top: var( --scw-top-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-bottom-sm: var("] {
+  bottom: var( --scw-bottom-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-sm: var("] {
+  margin: var( --scw-margin-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-left-sm: var("] {
+  margin-left: var( --scw-margin-left-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-right-sm: var("] {
+  margin-right: var( --scw-margin-right-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-top-sm: var("] {
+  margin-top: var( --scw-margin-top-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-bottom-sm: var("] {
+  margin-bottom: var( --scw-margin-bottom-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-width-sm: var("] {
+  margin-left: var( --scw-margin-width-sm );
+  margin-right: var( --scw-margin-width-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-x-sm: var("] {
+  margin-left: var( --scw-margin-x-sm );
+  margin-right: var( --scw-margin-x-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-height-sm: var("] {
+  margin-top: var( --scw-margin-height-sm );
+  margin-bottom: var( --scw-margin-height-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-margin-y-sm: var("] {
+  margin-top: var( --scw-margin-y-sm );
+  margin-bottom: var( --scw-margin-y-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-sm: var("] {
+  padding: var( --scw-padding-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-left-sm: var("] {
+  padding-left: var( --scw-padding-left-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-right-sm: var("] {
+  padding-right: var( --scw-padding-right-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-top-sm: var("] {
+  padding-top: var( --scw-padding-top-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-bottom-sm: var("] {
+  padding-bottom: var( --scw-padding-bottom-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-width-sm: var("] {
+  padding-left: var( --scw-padding-width-sm );
+  padding-right: var( --scw-padding-width-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-x-sm: var("] {
+  padding-left: var( --scw-padding-x-sm );
+  padding-right: var( --scw-padding-x-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-height-sm: var("] {
+  padding-top: var( --scw-padding-height-sm );
+  padding-bottom: var( --scw-padding-height-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-padding-y-sm: var("] {
+  padding-top: var( --scw-padding-y-sm );
+  padding-bottom: var( --scw-padding-y-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-border-radius-sm: var("] {
+  border-radius: var( --scw-border-radius-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style*="--scw-gap-sm: var("] > * {
+  --gap: var( --scw-gap-sm );
+}
+}
+
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-fill-sm:"] {
+  flex: var( --scw-fill-sm );
+}
+}
+        
+
+@media screen and (max-width: 576px) {
+[style~="--scw-element-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-layout-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-text-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: inline-block;}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-stack-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-stack-sm:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-stack-sm:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-layout-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-layout-sm:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: 100%;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-layout-sm:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-h-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: row nowrap;
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-int: var( --ai-h, initial );
+  --jc-int: var( --jc-h, initial );
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-h-sm:"] > *:nth-child(n) {
+  --gap-h-int: var( --gap , var( --gap-h, initial ));
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-h-sm:"] > *:last-child {
+  --gap-h-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-v-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-v-sm:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-flex-v-sm:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-center-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  /* flex element */
+  position: relative;
+  box-sizing: border-box;
+  --align-items: initial;
+  --justify-content: initial;
+  align-items: var( --align-items , var( --ai-int, flex-start ) );
+  justify-content: var( --justify-content , var( --jc-int, flex-start ) );
+
+  display: flex;
+  flex-flow: column nowrap;
+  --ai-v: center;
+  --jc-v: center;
+  --ai-int: var( --ai-v, initial );
+  --jc-int: var( --jc-v, initial );
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-center-sm:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-center-sm:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-sm:"] {
+  /* element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
+  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
+
+  display: block;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-sm:"] > *:nth-child(n) {
+  --gap-h-int: 0px;
+  --gap-v-int: var( --gap, var( --gap-v, initial ));
+  width: auto;
+  float: left;
+  clear: left;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-sm:"] > *:last-child {
+  --gap-v-int: 0px;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-sm:"]::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-left-sm:"] {
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-right-sm:"] {
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-clear-left-sm:"] {
+  clear: left;
+  float: left;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-float-clear-right-sm:"] {
+  clear: right;
+  float: right;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-fill-children-sm:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-children-fill-sm:"] > * {
+  flex: 1;
+}
+}
+
+
+@media screen and (max-width: 576px) {
+[style~="--scw-hide-sm:"] {
+  display: none;
+}
+}
+        
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-center-sm:"],
+[style~="--scw-alignment-center-center-sm:"]{
+  --ai-h: center;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-center-left-sm:"],
+[style~="--scw-alignment-left-center-sm:"]{
+  --ai-h: center;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-center-right-sm:"],
+[style~="--scw-alignment-right-center-sm:"]{
+  --ai-h: center;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-top-sm:"],
+[style~="--scw-alignment-top-left-sm:"],
+[style~="--scw-alignment-left-top-sm:"],
+[style~="--scw-alignment-left-sm:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-top-center-sm:"],
+[style~="--scw-alignment-center-top-sm:"]{
+  --ai-h: flex-start;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-top-right-sm:"],
+[style~="--scw-alignment-right-top-sm:"],
+[style~="--scw-alignment-right-sm:"]{
+  --ai-h: flex-start;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-bottom-left-sm:"],
+[style~="--scw-alignment-left-bottom-sm:"],
+[style~="--scw-alignment-bottom-sm:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-bottom-center-sm:"],
+[style~="--scw-alignment-center-bottom-sm:"]{
+  --ai-h: flex-end;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-bottom-right-sm:"],
+[style~="--scw-alignment-right-bottom-sm:"]{
+  --ai-h: flex-end;
+  --jc-h: flex-end;
+  --ai-v: flex-end;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-stretch-sm:"],
+[style~="--scw-alignment-stretch-left-sm:"],
+[style~="--scw-alignment-left-stretch-sm:"],
+[style~="--scw-alignment-stretch-top-sm:"],
+[style~="--scw-alignment-top-stretch-sm:"]{
+  --ai-h: stretch;
+  --jc-h: flex-start;
+  --ai-v: stretch;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-stretch-right-sm:"],
+[style~="--scw-alignment-right-stretch-sm:"],
+[style~="--scw-alignment-stretch-bottom-sm:"],
+[style~="--scw-alignment-bottom-stretch-sm:"]{
+  --ai-h: stretch;
+  --jc-h: flex-end;
+  --ai-v: stretch;
+  --jc-v: flex-end;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-stretch-center-sm:"],
+[style~="--scw-alignment-center-stretch-sm:"]{
+  --ai-h: stretch;
+  --jc-h: center;
+  --ai-v: stretch;
+  --jc-v: center;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-baseline-sm:"],
+[style~="--scw-alignment-baseline-left-sm:"],
+[style~="--scw-alignment-left-baseline-sm:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-baseline-right-sm:"],
+[style~="--scw-alignment-right-baseline-sm:"]{
+  --ai-h: baseline;
+  --jc-h: flex-start;
+  --ai-v: flex-start;
+  --jc-v: flex-start;
+}
+}
+
+@media screen and (max-width: 576px) {
+
+[style~="--scw-alignment-baseline-center-sm:"],
+[style~="--scw-alignment-center-baseline-sm:"]{
+  --ai-h: baseline;
+  --jc-h: center;
+  --ai-v: center;
+  --jc-v: flex-start;
+}
+}
+