[style~="--scw-background-color:"] {
  background-color: var( --scw-background-color );
}

[style~="--scw-background-color-hover:"]:hover {
  background-color: var( --scw-background-color-hover );
}

[style~="--scw-color:"] {
  color: var( --scw-color );
}

[style~="--scw-color-hover:"]:hover {
  color: var( --scw-color-hover );
}

[style~="--scw-border-color:"] {
  border-color: var( --scw-border-color );
}

[style~="--scw-border-top:"] {
  border-top: 1px solid var( --scw-border-top );
}

[style~="--scw-border-bottom:"] {
  border-bottom: 1px solid var( --scw-border-bottom );
}

[style~="--scw-border-left:"] {
  border-left: 1px solid var( --scw-border-left );
}

[style~="--scw-border-right:"] {
  border-right: 1px solid var( --scw-border-right );
}

[style~="--scw-border:"] {
  border: 1px solid var( --scw-border );
}
    
[style~="--scw-font:"] {
  font: var( --scw-font );
}

[style*="--scw-font: var( --scw-type-text-mono-10-font "] {
  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-09-font "] {
  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-08-font "] {
  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-07-font "] {
  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-06-font "] {
  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-05-font "] {
  font-feature-settings: var( --scw-type-text-mono-05-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-font "] {
  font-feature-settings: var( --scw-type-text-mono-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-04-font "] {
  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-03-font "] {
  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-02-font "] {
  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags );
}

[style*="--scw-font: var( --scw-type-text-mono-01-font "] {
  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags );
}
    
[style~="--scw-size:"] {
  width: var( --scw-size );
  height: var( --scw-size );
}

[style~="--scw-max-size:"] {
  max-width: var( --scw-max-size );
  max-height: var( --scw-max-size );
}

[style~="--scw-min-size:"] {
  min-width: var( --scw-min-size );
  min-height: var( --scw-min-size );
}

[style~="--scw-width:"] {
  width: var( --scw-width );
}

[style~="--scw-max-width:"] {
  max-width: var( --scw-max-width );
}

[style~="--scw-min-width:"] {
  min-width: var( --scw-min-width );
}

[style~="--scw-height:"] {
  height: var( --scw-height );
}

[style~="--scw-max-height:"] {
  max-height: var( --scw-max-height );
}

[style~="--scw-min-height:"] {
  min-height: var( --scw-min-height );
}

[style~="--scw-left:"] {
  left: var( --scw-left );
}

[style~="--scw-right:"] {
  right: var( --scw-right );
}

[style~="--scw-top:"] {
  top: var( --scw-top );
}

[style~="--scw-bottom:"] {
  bottom: var( --scw-bottom );
}

[style~="--scw-margin:"] {
  margin: var( --scw-margin );
}

[style~="--scw-margin-left:"] {
  margin-left: var( --scw-margin-left );
}

[style~="--scw-margin-right:"] {
  margin-right: var( --scw-margin-right );
}

[style~="--scw-margin-top:"] {
  margin-top: var( --scw-margin-top );
}

[style~="--scw-margin-bottom:"] {
  margin-bottom: var( --scw-margin-bottom );
}

[style~="--scw-margin-width:"] {
  margin-left: var( --scw-margin-width );
  margin-right: var( --scw-margin-width );
}

[style~="--scw-margin-x:"] {
  margin-left: var( --scw-margin-x );
  margin-right: var( --scw-margin-x );
}

[style~="--scw-margin-height:"] {
  margin-top: var( --scw-margin-height );
  margin-bottom: var( --scw-margin-height );
}

[style~="--scw-margin-y:"] {
  margin-top: var( --scw-margin-y );
  margin-bottom: var( --scw-margin-y );
}

[style~="--scw-padding:"] {
  padding: var( --scw-padding );
}

[style~="--scw-padding-left:"] {
  padding-left: var( --scw-padding-left );
}

[style~="--scw-padding-right:"] {
  padding-right: var( --scw-padding-right );
}

[style~="--scw-padding-top:"] {
  padding-top: var( --scw-padding-top );
}

[style~="--scw-padding-bottom:"] {
  padding-bottom: var( --scw-padding-bottom );
}

[style~="--scw-padding-width:"] {
  padding-left: var( --scw-padding-width );
  padding-right: var( --scw-padding-width );
}

[style~="--scw-padding-x:"] {
  padding-left: var( --scw-padding-x );
  padding-right: var( --scw-padding-x );
}

[style~="--scw-padding-height:"] {
  padding-top: var( --scw-padding-height );
  padding-bottom: var( --scw-padding-height );
}

[style~="--scw-padding-y:"] {
  padding-top: var( --scw-padding-y );
  padding-bottom: var( --scw-padding-y );
}

[style~="--scw-border-radius:"] {
  border-radius: var( --scw-border-radius );
}

[style~="--scw-gap:"] > * {
  --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 (min-width: 576px) {


          
[style~="--scw-background-color-sm:"] {
  background-color: var( --scw-background-color-sm );
}

[style~="--scw-background-color-hover-sm:"]:hover {
  background-color: var( --scw-background-color-hover-sm );
}

[style~="--scw-color-sm:"] {
  color: var( --scw-color-sm );
}

[style~="--scw-color-hover-sm:"]:hover {
  color: var( --scw-color-hover-sm );
}

[style~="--scw-border-color-sm:"] {
  border-color: var( --scw-border-color-sm );
}

[style~="--scw-border-top-sm:"] {
  border-top: 1px solid var( --scw-border-top-sm );
}

[style~="--scw-border-bottom-sm:"] {
  border-bottom: 1px solid var( --scw-border-bottom-sm );
}

[style~="--scw-border-left-sm:"] {
  border-left: 1px solid var( --scw-border-left-sm );
}

[style~="--scw-border-right-sm:"] {
  border-right: 1px solid var( --scw-border-right-sm );
}

[style~="--scw-border-sm:"] {
  border: 1px solid var( --scw-border-sm );
}
          
[style~="--scw-font-sm:"] {
  font: var( --scw-font-sm );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-10-font "] {
  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-09-font "] {
  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-08-font "] {
  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-07-font "] {
  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-06-font "] {
  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-05-font "] {
  font-feature-settings: var( --scw-type-text-mono-05-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-font "] {
  font-feature-settings: var( --scw-type-text-mono-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-04-font "] {
  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-03-font "] {
  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-02-font "] {
  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags );
}

[style*="--scw-font-sm: var( --scw-type-text-mono-01-font "] {
  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags );
}
          
[style~="--scw-size-sm:"] {
  width: var( --scw-size-sm );
  height: var( --scw-size-sm );
}

[style~="--scw-max-size-sm:"] {
  max-width: var( --scw-max-size-sm );
  max-height: var( --scw-max-size-sm );
}

[style~="--scw-min-size-sm:"] {
  min-width: var( --scw-min-size-sm );
  min-height: var( --scw-min-size-sm );
}

[style~="--scw-width-sm:"] {
  width: var( --scw-width-sm );
}

[style~="--scw-max-width-sm:"] {
  max-width: var( --scw-max-width-sm );
}

[style~="--scw-min-width-sm:"] {
  min-width: var( --scw-min-width-sm );
}

[style~="--scw-height-sm:"] {
  height: var( --scw-height-sm );
}

[style~="--scw-max-height-sm:"] {
  max-height: var( --scw-max-height-sm );
}

[style~="--scw-min-height-sm:"] {
  min-height: var( --scw-min-height-sm );
}

[style~="--scw-left-sm:"] {
  left: var( --scw-left-sm );
}

[style~="--scw-right-sm:"] {
  right: var( --scw-right-sm );
}

[style~="--scw-top-sm:"] {
  top: var( --scw-top-sm );
}

[style~="--scw-bottom-sm:"] {
  bottom: var( --scw-bottom-sm );
}

[style~="--scw-margin-sm:"] {
  margin: var( --scw-margin-sm );
}

[style~="--scw-margin-left-sm:"] {
  margin-left: var( --scw-margin-left-sm );
}

[style~="--scw-margin-right-sm:"] {
  margin-right: var( --scw-margin-right-sm );
}

[style~="--scw-margin-top-sm:"] {
  margin-top: var( --scw-margin-top-sm );
}

[style~="--scw-margin-bottom-sm:"] {
  margin-bottom: var( --scw-margin-bottom-sm );
}

[style~="--scw-margin-width-sm:"] {
  margin-left: var( --scw-margin-width-sm );
  margin-right: var( --scw-margin-width-sm );
}

[style~="--scw-margin-x-sm:"] {
  margin-left: var( --scw-margin-x-sm );
  margin-right: var( --scw-margin-x-sm );
}

[style~="--scw-margin-height-sm:"] {
  margin-top: var( --scw-margin-height-sm );
  margin-bottom: var( --scw-margin-height-sm );
}

[style~="--scw-margin-y-sm:"] {
  margin-top: var( --scw-margin-y-sm );
  margin-bottom: var( --scw-margin-y-sm );
}

[style~="--scw-padding-sm:"] {
  padding: var( --scw-padding-sm );
}

[style~="--scw-padding-left-sm:"] {
  padding-left: var( --scw-padding-left-sm );
}

[style~="--scw-padding-right-sm:"] {
  padding-right: var( --scw-padding-right-sm );
}

[style~="--scw-padding-top-sm:"] {
  padding-top: var( --scw-padding-top-sm );
}

[style~="--scw-padding-bottom-sm:"] {
  padding-bottom: var( --scw-padding-bottom-sm );
}

[style~="--scw-padding-width-sm:"] {
  padding-left: var( --scw-padding-width-sm );
  padding-right: var( --scw-padding-width-sm );
}

[style~="--scw-padding-x-sm:"] {
  padding-left: var( --scw-padding-x-sm );
  padding-right: var( --scw-padding-x-sm );
}

[style~="--scw-padding-height-sm:"] {
  padding-top: var( --scw-padding-height-sm );
  padding-bottom: var( --scw-padding-height-sm );
}

[style~="--scw-padding-y-sm:"] {
  padding-top: var( --scw-padding-y-sm );
  padding-bottom: var( --scw-padding-y-sm );
}

[style~="--scw-border-radius-sm:"] {
  border-radius: var( --scw-border-radius-sm );
}

[style~="--scw-gap-sm:"] > * {
  --gap: var( --scw-gap-sm );
}

[style~="--scw-fill-sm:"] {
  flex: var( --scw-fill-sm );
}
          
[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;}

[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;}

[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;}

[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;}

[style~="--scw-stack-sm:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-stack-sm:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;}

[style~="--scw-layout-sm:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-layout-sm:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-flex-h-sm:"] > *:nth-child(n) {
  --gap-h-int: var( --gap , var( --gap-h, initial ));
  --gap-v-int: 0px;
}

[style~="--scw-flex-h-sm:"] > *:last-child {
  --gap-h-int: 0px;
}

[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 );
}

[style~="--scw-flex-v-sm:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-flex-v-sm:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-center-sm:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-center-sm:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;
}

[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;
}

[style~="--scw-float-sm:"] > *:last-child {
  --gap-v-int: 0px;
}

[style~="--scw-float-sm:"]::after {
  content: "";
  clear: both;
  display: table;
}

[style~="--scw-float-left-sm:"] {
  float: left;
}

[style~="--scw-float-right-sm:"] {
  float: right;
}

[style~="--scw-float-clear-left-sm:"] {
  clear: left;
  float: left;
}

[style~="--scw-float-clear-right-sm:"] {
  clear: right;
  float: right;
}

[style~="--scw-fill-children-sm:"] > * {
  flex: 1;
}

[style~="--scw-children-fill-sm:"] > * {
  flex: 1;
}

[style~="--scw-hide-sm:"] {
  display: none;
}
          
[style~="--scw-alignment-center-sm:"],
[style~="--scw-alignment-center-center-sm:"]{
  --ai-h: center;
  --jc-h: center;
  --ai-v: center;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[style~="--scw-alignment-stretch-center-sm:"],
[style~="--scw-alignment-center-stretch-sm:"]{
  --ai-h: stretch;
  --jc-h: center;
  --ai-v: stretch;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}
        

}

@media screen and (min-width: 768px) {


          
[style~="--scw-background-color-md:"] {
  background-color: var( --scw-background-color-md );
}

[style~="--scw-background-color-hover-md:"]:hover {
  background-color: var( --scw-background-color-hover-md );
}

[style~="--scw-color-md:"] {
  color: var( --scw-color-md );
}

[style~="--scw-color-hover-md:"]:hover {
  color: var( --scw-color-hover-md );
}

[style~="--scw-border-color-md:"] {
  border-color: var( --scw-border-color-md );
}

[style~="--scw-border-top-md:"] {
  border-top: 1px solid var( --scw-border-top-md );
}

[style~="--scw-border-bottom-md:"] {
  border-bottom: 1px solid var( --scw-border-bottom-md );
}

[style~="--scw-border-left-md:"] {
  border-left: 1px solid var( --scw-border-left-md );
}

[style~="--scw-border-right-md:"] {
  border-right: 1px solid var( --scw-border-right-md );
}

[style~="--scw-border-md:"] {
  border: 1px solid var( --scw-border-md );
}
          
[style~="--scw-font-md:"] {
  font: var( --scw-font-md );
}

[style*="--scw-font-md: var( --scw-type-text-mono-10-font "] {
  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-09-font "] {
  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-08-font "] {
  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-07-font "] {
  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-06-font "] {
  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-05-font "] {
  font-feature-settings: var( --scw-type-text-mono-05-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-font "] {
  font-feature-settings: var( --scw-type-text-mono-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-04-font "] {
  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-03-font "] {
  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-02-font "] {
  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags );
}

[style*="--scw-font-md: var( --scw-type-text-mono-01-font "] {
  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags );
}
          
[style~="--scw-size-md:"] {
  width: var( --scw-size-md );
  height: var( --scw-size-md );
}

[style~="--scw-max-size-md:"] {
  max-width: var( --scw-max-size-md );
  max-height: var( --scw-max-size-md );
}

[style~="--scw-min-size-md:"] {
  min-width: var( --scw-min-size-md );
  min-height: var( --scw-min-size-md );
}

[style~="--scw-width-md:"] {
  width: var( --scw-width-md );
}

[style~="--scw-max-width-md:"] {
  max-width: var( --scw-max-width-md );
}

[style~="--scw-min-width-md:"] {
  min-width: var( --scw-min-width-md );
}

[style~="--scw-height-md:"] {
  height: var( --scw-height-md );
}

[style~="--scw-max-height-md:"] {
  max-height: var( --scw-max-height-md );
}

[style~="--scw-min-height-md:"] {
  min-height: var( --scw-min-height-md );
}

[style~="--scw-left-md:"] {
  left: var( --scw-left-md );
}

[style~="--scw-right-md:"] {
  right: var( --scw-right-md );
}

[style~="--scw-top-md:"] {
  top: var( --scw-top-md );
}

[style~="--scw-bottom-md:"] {
  bottom: var( --scw-bottom-md );
}

[style~="--scw-margin-md:"] {
  margin: var( --scw-margin-md );
}

[style~="--scw-margin-left-md:"] {
  margin-left: var( --scw-margin-left-md );
}

[style~="--scw-margin-right-md:"] {
  margin-right: var( --scw-margin-right-md );
}

[style~="--scw-margin-top-md:"] {
  margin-top: var( --scw-margin-top-md );
}

[style~="--scw-margin-bottom-md:"] {
  margin-bottom: var( --scw-margin-bottom-md );
}

[style~="--scw-margin-width-md:"] {
  margin-left: var( --scw-margin-width-md );
  margin-right: var( --scw-margin-width-md );
}

[style~="--scw-margin-x-md:"] {
  margin-left: var( --scw-margin-x-md );
  margin-right: var( --scw-margin-x-md );
}

[style~="--scw-margin-height-md:"] {
  margin-top: var( --scw-margin-height-md );
  margin-bottom: var( --scw-margin-height-md );
}

[style~="--scw-margin-y-md:"] {
  margin-top: var( --scw-margin-y-md );
  margin-bottom: var( --scw-margin-y-md );
}

[style~="--scw-padding-md:"] {
  padding: var( --scw-padding-md );
}

[style~="--scw-padding-left-md:"] {
  padding-left: var( --scw-padding-left-md );
}

[style~="--scw-padding-right-md:"] {
  padding-right: var( --scw-padding-right-md );
}

[style~="--scw-padding-top-md:"] {
  padding-top: var( --scw-padding-top-md );
}

[style~="--scw-padding-bottom-md:"] {
  padding-bottom: var( --scw-padding-bottom-md );
}

[style~="--scw-padding-width-md:"] {
  padding-left: var( --scw-padding-width-md );
  padding-right: var( --scw-padding-width-md );
}

[style~="--scw-padding-x-md:"] {
  padding-left: var( --scw-padding-x-md );
  padding-right: var( --scw-padding-x-md );
}

[style~="--scw-padding-height-md:"] {
  padding-top: var( --scw-padding-height-md );
  padding-bottom: var( --scw-padding-height-md );
}

[style~="--scw-padding-y-md:"] {
  padding-top: var( --scw-padding-y-md );
  padding-bottom: var( --scw-padding-y-md );
}

[style~="--scw-border-radius-md:"] {
  border-radius: var( --scw-border-radius-md );
}

[style~="--scw-gap-md:"] > * {
  --gap: var( --scw-gap-md );
}

[style~="--scw-fill-md:"] {
  flex: var( --scw-fill-md );
}
          
[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;}

[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;}

[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;}

[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;}

[style~="--scw-stack-md:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-stack-md:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;}

[style~="--scw-layout-md:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-layout-md:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-flex-h-md:"] > *:nth-child(n) {
  --gap-h-int: var( --gap , var( --gap-h, initial ));
  --gap-v-int: 0px;
}

[style~="--scw-flex-h-md:"] > *:last-child {
  --gap-h-int: 0px;
}

[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 );
}

[style~="--scw-flex-v-md:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-flex-v-md:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-center-md:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-center-md:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;
}

[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;
}

[style~="--scw-float-md:"] > *:last-child {
  --gap-v-int: 0px;
}

[style~="--scw-float-md:"]::after {
  content: "";
  clear: both;
  display: table;
}

[style~="--scw-float-left-md:"] {
  float: left;
}

[style~="--scw-float-right-md:"] {
  float: right;
}

[style~="--scw-float-clear-left-md:"] {
  clear: left;
  float: left;
}

[style~="--scw-float-clear-right-md:"] {
  clear: right;
  float: right;
}

[style~="--scw-fill-children-md:"] > * {
  flex: 1;
}

[style~="--scw-children-fill-md:"] > * {
  flex: 1;
}

[style~="--scw-hide-md:"] {
  display: none;
}
          
[style~="--scw-alignment-center-md:"],
[style~="--scw-alignment-center-center-md:"]{
  --ai-h: center;
  --jc-h: center;
  --ai-v: center;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[style~="--scw-alignment-stretch-center-md:"],
[style~="--scw-alignment-center-stretch-md:"]{
  --ai-h: stretch;
  --jc-h: center;
  --ai-v: stretch;
  --jc-v: center;
}

[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;
}

[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;
}

[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 (min-width: 992px) {


          
[style~="--scw-background-color-lg:"] {
  background-color: var( --scw-background-color-lg );
}

[style~="--scw-background-color-hover-lg:"]:hover {
  background-color: var( --scw-background-color-hover-lg );
}

[style~="--scw-color-lg:"] {
  color: var( --scw-color-lg );
}

[style~="--scw-color-hover-lg:"]:hover {
  color: var( --scw-color-hover-lg );
}

[style~="--scw-border-color-lg:"] {
  border-color: var( --scw-border-color-lg );
}

[style~="--scw-border-top-lg:"] {
  border-top: 1px solid var( --scw-border-top-lg );
}

[style~="--scw-border-bottom-lg:"] {
  border-bottom: 1px solid var( --scw-border-bottom-lg );
}

[style~="--scw-border-left-lg:"] {
  border-left: 1px solid var( --scw-border-left-lg );
}

[style~="--scw-border-right-lg:"] {
  border-right: 1px solid var( --scw-border-right-lg );
}

[style~="--scw-border-lg:"] {
  border: 1px solid var( --scw-border-lg );
}
          
[style~="--scw-font-lg:"] {
  font: var( --scw-font-lg );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-10-font "] {
  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-09-font "] {
  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-08-font "] {
  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-07-font "] {
  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-06-font "] {
  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-05-font "] {
  font-feature-settings: var( --scw-type-text-mono-05-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-font "] {
  font-feature-settings: var( --scw-type-text-mono-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-04-font "] {
  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-03-font "] {
  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-02-font "] {
  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags );
}

[style*="--scw-font-lg: var( --scw-type-text-mono-01-font "] {
  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags );
}
          
[style~="--scw-size-lg:"] {
  width: var( --scw-size-lg );
  height: var( --scw-size-lg );
}

[style~="--scw-max-size-lg:"] {
  max-width: var( --scw-max-size-lg );
  max-height: var( --scw-max-size-lg );
}

[style~="--scw-min-size-lg:"] {
  min-width: var( --scw-min-size-lg );
  min-height: var( --scw-min-size-lg );
}

[style~="--scw-width-lg:"] {
  width: var( --scw-width-lg );
}

[style~="--scw-max-width-lg:"] {
  max-width: var( --scw-max-width-lg );
}

[style~="--scw-min-width-lg:"] {
  min-width: var( --scw-min-width-lg );
}

[style~="--scw-height-lg:"] {
  height: var( --scw-height-lg );
}

[style~="--scw-max-height-lg:"] {
  max-height: var( --scw-max-height-lg );
}

[style~="--scw-min-height-lg:"] {
  min-height: var( --scw-min-height-lg );
}

[style~="--scw-left-lg:"] {
  left: var( --scw-left-lg );
}

[style~="--scw-right-lg:"] {
  right: var( --scw-right-lg );
}

[style~="--scw-top-lg:"] {
  top: var( --scw-top-lg );
}

[style~="--scw-bottom-lg:"] {
  bottom: var( --scw-bottom-lg );
}

[style~="--scw-margin-lg:"] {
  margin: var( --scw-margin-lg );
}

[style~="--scw-margin-left-lg:"] {
  margin-left: var( --scw-margin-left-lg );
}

[style~="--scw-margin-right-lg:"] {
  margin-right: var( --scw-margin-right-lg );
}

[style~="--scw-margin-top-lg:"] {
  margin-top: var( --scw-margin-top-lg );
}

[style~="--scw-margin-bottom-lg:"] {
  margin-bottom: var( --scw-margin-bottom-lg );
}

[style~="--scw-margin-width-lg:"] {
  margin-left: var( --scw-margin-width-lg );
  margin-right: var( --scw-margin-width-lg );
}

[style~="--scw-margin-x-lg:"] {
  margin-left: var( --scw-margin-x-lg );
  margin-right: var( --scw-margin-x-lg );
}

[style~="--scw-margin-height-lg:"] {
  margin-top: var( --scw-margin-height-lg );
  margin-bottom: var( --scw-margin-height-lg );
}

[style~="--scw-margin-y-lg:"] {
  margin-top: var( --scw-margin-y-lg );
  margin-bottom: var( --scw-margin-y-lg );
}

[style~="--scw-padding-lg:"] {
  padding: var( --scw-padding-lg );
}

[style~="--scw-padding-left-lg:"] {
  padding-left: var( --scw-padding-left-lg );
}

[style~="--scw-padding-right-lg:"] {
  padding-right: var( --scw-padding-right-lg );
}

[style~="--scw-padding-top-lg:"] {
  padding-top: var( --scw-padding-top-lg );
}

[style~="--scw-padding-bottom-lg:"] {
  padding-bottom: var( --scw-padding-bottom-lg );
}

[style~="--scw-padding-width-lg:"] {
  padding-left: var( --scw-padding-width-lg );
  padding-right: var( --scw-padding-width-lg );
}

[style~="--scw-padding-x-lg:"] {
  padding-left: var( --scw-padding-x-lg );
  padding-right: var( --scw-padding-x-lg );
}

[style~="--scw-padding-height-lg:"] {
  padding-top: var( --scw-padding-height-lg );
  padding-bottom: var( --scw-padding-height-lg );
}

[style~="--scw-padding-y-lg:"] {
  padding-top: var( --scw-padding-y-lg );
  padding-bottom: var( --scw-padding-y-lg );
}

[style~="--scw-border-radius-lg:"] {
  border-radius: var( --scw-border-radius-lg );
}

[style~="--scw-gap-lg:"] > * {
  --gap: var( --scw-gap-lg );
}

[style~="--scw-fill-lg:"] {
  flex: var( --scw-fill-lg );
}
          
[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;}

[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;}

[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;}

[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;}

[style~="--scw-stack-lg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-stack-lg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;}

[style~="--scw-layout-lg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-layout-lg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-flex-h-lg:"] > *:nth-child(n) {
  --gap-h-int: var( --gap , var( --gap-h, initial ));
  --gap-v-int: 0px;
}

[style~="--scw-flex-h-lg:"] > *:last-child {
  --gap-h-int: 0px;
}

[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 );
}

[style~="--scw-flex-v-lg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-flex-v-lg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-center-lg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-center-lg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;
}

[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;
}

[style~="--scw-float-lg:"] > *:last-child {
  --gap-v-int: 0px;
}

[style~="--scw-float-lg:"]::after {
  content: "";
  clear: both;
  display: table;
}

[style~="--scw-float-left-lg:"] {
  float: left;
}

[style~="--scw-float-right-lg:"] {
  float: right;
}

[style~="--scw-float-clear-left-lg:"] {
  clear: left;
  float: left;
}

[style~="--scw-float-clear-right-lg:"] {
  clear: right;
  float: right;
}

[style~="--scw-fill-children-lg:"] > * {
  flex: 1;
}

[style~="--scw-children-fill-lg:"] > * {
  flex: 1;
}

[style~="--scw-hide-lg:"] {
  display: none;
}
          
[style~="--scw-alignment-center-lg:"],
[style~="--scw-alignment-center-center-lg:"]{
  --ai-h: center;
  --jc-h: center;
  --ai-v: center;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[style~="--scw-alignment-stretch-center-lg:"],
[style~="--scw-alignment-center-stretch-lg:"]{
  --ai-h: stretch;
  --jc-h: center;
  --ai-v: stretch;
  --jc-v: center;
}

[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;
}

[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;
}

[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 (min-width: 1200px) {


          
[style~="--scw-background-color-xlg:"] {
  background-color: var( --scw-background-color-xlg );
}

[style~="--scw-background-color-hover-xlg:"]:hover {
  background-color: var( --scw-background-color-hover-xlg );
}

[style~="--scw-color-xlg:"] {
  color: var( --scw-color-xlg );
}

[style~="--scw-color-hover-xlg:"]:hover {
  color: var( --scw-color-hover-xlg );
}

[style~="--scw-border-color-xlg:"] {
  border-color: var( --scw-border-color-xlg );
}

[style~="--scw-border-top-xlg:"] {
  border-top: 1px solid var( --scw-border-top-xlg );
}

[style~="--scw-border-bottom-xlg:"] {
  border-bottom: 1px solid var( --scw-border-bottom-xlg );
}

[style~="--scw-border-left-xlg:"] {
  border-left: 1px solid var( --scw-border-left-xlg );
}

[style~="--scw-border-right-xlg:"] {
  border-right: 1px solid var( --scw-border-right-xlg );
}

[style~="--scw-border-xlg:"] {
  border: 1px solid var( --scw-border-xlg );
}
          
[style~="--scw-font-xlg:"] {
  font: var( --scw-font-xlg );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-10-font "] {
  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-09-font "] {
  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-08-font "] {
  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-07-font "] {
  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-06-font "] {
  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-05-font "] {
  font-feature-settings: var( --scw-type-text-mono-05-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-font "] {
  font-feature-settings: var( --scw-type-text-mono-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-04-font "] {
  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-03-font "] {
  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-02-font "] {
  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags );
}

[style*="--scw-font-xlg: var( --scw-type-text-mono-01-font "] {
  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags );
}
          
[style~="--scw-size-xlg:"] {
  width: var( --scw-size-xlg );
  height: var( --scw-size-xlg );
}

[style~="--scw-max-size-xlg:"] {
  max-width: var( --scw-max-size-xlg );
  max-height: var( --scw-max-size-xlg );
}

[style~="--scw-min-size-xlg:"] {
  min-width: var( --scw-min-size-xlg );
  min-height: var( --scw-min-size-xlg );
}

[style~="--scw-width-xlg:"] {
  width: var( --scw-width-xlg );
}

[style~="--scw-max-width-xlg:"] {
  max-width: var( --scw-max-width-xlg );
}

[style~="--scw-min-width-xlg:"] {
  min-width: var( --scw-min-width-xlg );
}

[style~="--scw-height-xlg:"] {
  height: var( --scw-height-xlg );
}

[style~="--scw-max-height-xlg:"] {
  max-height: var( --scw-max-height-xlg );
}

[style~="--scw-min-height-xlg:"] {
  min-height: var( --scw-min-height-xlg );
}

[style~="--scw-left-xlg:"] {
  left: var( --scw-left-xlg );
}

[style~="--scw-right-xlg:"] {
  right: var( --scw-right-xlg );
}

[style~="--scw-top-xlg:"] {
  top: var( --scw-top-xlg );
}

[style~="--scw-bottom-xlg:"] {
  bottom: var( --scw-bottom-xlg );
}

[style~="--scw-margin-xlg:"] {
  margin: var( --scw-margin-xlg );
}

[style~="--scw-margin-left-xlg:"] {
  margin-left: var( --scw-margin-left-xlg );
}

[style~="--scw-margin-right-xlg:"] {
  margin-right: var( --scw-margin-right-xlg );
}

[style~="--scw-margin-top-xlg:"] {
  margin-top: var( --scw-margin-top-xlg );
}

[style~="--scw-margin-bottom-xlg:"] {
  margin-bottom: var( --scw-margin-bottom-xlg );
}

[style~="--scw-margin-width-xlg:"] {
  margin-left: var( --scw-margin-width-xlg );
  margin-right: var( --scw-margin-width-xlg );
}

[style~="--scw-margin-x-xlg:"] {
  margin-left: var( --scw-margin-x-xlg );
  margin-right: var( --scw-margin-x-xlg );
}

[style~="--scw-margin-height-xlg:"] {
  margin-top: var( --scw-margin-height-xlg );
  margin-bottom: var( --scw-margin-height-xlg );
}

[style~="--scw-margin-y-xlg:"] {
  margin-top: var( --scw-margin-y-xlg );
  margin-bottom: var( --scw-margin-y-xlg );
}

[style~="--scw-padding-xlg:"] {
  padding: var( --scw-padding-xlg );
}

[style~="--scw-padding-left-xlg:"] {
  padding-left: var( --scw-padding-left-xlg );
}

[style~="--scw-padding-right-xlg:"] {
  padding-right: var( --scw-padding-right-xlg );
}

[style~="--scw-padding-top-xlg:"] {
  padding-top: var( --scw-padding-top-xlg );
}

[style~="--scw-padding-bottom-xlg:"] {
  padding-bottom: var( --scw-padding-bottom-xlg );
}

[style~="--scw-padding-width-xlg:"] {
  padding-left: var( --scw-padding-width-xlg );
  padding-right: var( --scw-padding-width-xlg );
}

[style~="--scw-padding-x-xlg:"] {
  padding-left: var( --scw-padding-x-xlg );
  padding-right: var( --scw-padding-x-xlg );
}

[style~="--scw-padding-height-xlg:"] {
  padding-top: var( --scw-padding-height-xlg );
  padding-bottom: var( --scw-padding-height-xlg );
}

[style~="--scw-padding-y-xlg:"] {
  padding-top: var( --scw-padding-y-xlg );
  padding-bottom: var( --scw-padding-y-xlg );
}

[style~="--scw-border-radius-xlg:"] {
  border-radius: var( --scw-border-radius-xlg );
}

[style~="--scw-gap-xlg:"] > * {
  --gap: var( --scw-gap-xlg );
}

[style~="--scw-fill-xlg:"] {
  flex: var( --scw-fill-xlg );
}
          
[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;}

[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;}

[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;}

[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;}

[style~="--scw-stack-xlg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-stack-xlg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;}

[style~="--scw-layout-xlg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
  width: 100%;
}

[style~="--scw-layout-xlg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-flex-h-xlg:"] > *:nth-child(n) {
  --gap-h-int: var( --gap , var( --gap-h, initial ));
  --gap-v-int: 0px;
}

[style~="--scw-flex-h-xlg:"] > *:last-child {
  --gap-h-int: 0px;
}

[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 );
}

[style~="--scw-flex-v-xlg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-flex-v-xlg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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 );
}

[style~="--scw-center-xlg:"] > *:nth-child(n) {
  --gap-h-int: 0px;
  --gap-v-int: var( --gap, var( --gap-v, initial ));
}

[style~="--scw-center-xlg:"] > *:last-child {
  --gap-v-int: 0px;
}

[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;
}

[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;
}

[style~="--scw-float-xlg:"] > *:last-child {
  --gap-v-int: 0px;
}

[style~="--scw-float-xlg:"]::after {
  content: "";
  clear: both;
  display: table;
}

[style~="--scw-float-left-xlg:"] {
  float: left;
}

[style~="--scw-float-right-xlg:"] {
  float: right;
}

[style~="--scw-float-clear-left-xlg:"] {
  clear: left;
  float: left;
}

[style~="--scw-float-clear-right-xlg:"] {
  clear: right;
  float: right;
}

[style~="--scw-fill-children-xlg:"] > * {
  flex: 1;
}

[style~="--scw-children-fill-xlg:"] > * {
  flex: 1;
}

[style~="--scw-hide-xlg:"] {
  display: none;
}
          
[style~="--scw-alignment-center-xlg:"],
[style~="--scw-alignment-center-center-xlg:"]{
  --ai-h: center;
  --jc-h: center;
  --ai-v: center;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[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;
}

[style~="--scw-alignment-stretch-center-xlg:"],
[style~="--scw-alignment-center-stretch-xlg:"]{
  --ai-h: stretch;
  --jc-h: center;
  --ai-v: stretch;
  --jc-v: center;
}

[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;
}

[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;
}

[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;
}
        

}