scu-web-components 1.3.19 → 1.3.20

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-super-heading-scw-icon-icon-vector-mixins.scss

@@ -0,0 +1,61 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    background-color: var( --scw-color-grey-02 );
+  } 
+}
+
+@mixin sizing {
+  width: 10.7143px;
+  height: 9.49px;
+}
+
+@mixin width {
+  width: 10.7143px;
+}
+
+@mixin height {
+  height: 9.49px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: calc( var( --scw-spacing-1 ) * 0.0642578125 );
+  right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );
+  top: calc( var( --scw-spacing-1 ) * 0.12550048828125 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.12550010681152343 ); 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.12550048828125 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.12550010681152343 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 0.0642578125 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.12550048828125 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.12550010681152343 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-super-heading-scw-icon-icon-vector-vars.scss

@@ -0,0 +1,26 @@
+
+
+$background-color: var( --scw-color-grey-02 );
+$blend-mode: NORMAL;
+$width: 10.7143px;
+$height: 9.49px;
+$constraint-horizontal: STRETCH;
+$constraint-vertical: STRETCH;
+$constrain-proportions: false;
+$layout-context: ABSOLUTE;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: MIN;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 0.12550048828125 );
+$top-percent: 50%;
+$bottom: calc( var( --scw-spacing-1 ) * 0.12550010681152343 );
+$left: calc( var( --scw-spacing-1 ) * 0.0642578125 );
+$left-percent: 50%;
+$right: calc( var( --scw-spacing-1 ) * 0.06431360244750976 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-super-heading-scw-icon-mixins.scss

@@ -0,0 +1,57 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin sizing {
+  width: 12px;
+  height: 12px;
+}
+
+@mixin width {
+  width: 12px;
+}
+
+@mixin height {
+  height: 12px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 7.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 7.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-super-heading-scw-icon-vars.scss

@@ -0,0 +1,26 @@
+
+
+$background-color: rgba(0,0,0,0);
+$width: 12px;
+$height: 12px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 0.75 );
+$top-percent: 50%;
+$bottom: calc( var( --scw-spacing-1 ) * 0.75 );
+$left: var( --scw-spacing-1 );
+$left-percent: 17.02%;
+$right: calc( var( --scw-spacing-1 ) * 7.2 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;
+$margin-right: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-super-heading-vars.scss

@@ -0,0 +1,30 @@
+
+
+$background-color: var( --scw-color-grey-09 );
+$blend-mode: NORMAL;
+$corner-radius-top-left: 30px;
+$corner-radius-top-right: 30px;
+$corner-radius-bottom-right: 30px;
+$corner-radius-bottom-left: 30px;
+$width: 94px;
+$height: 27px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: HORIZONTAL;
+$primary-axis-align-items: CENTER;
+$counter-axis-align-items: CENTER;
+$item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 11.25%;
+$bottom: calc( var( --scw-spacing-1 ) * 9.3 );
+$left: calc( var( --scw-spacing-1 ) * 21.6 );
+$left-percent: 50%;
+$right: calc( var( --scw-spacing-1 ) * 21.6 );
+$padding-left: var( --scw-spacing-1 );
+$padding-right: var( --scw-spacing-1 );
+$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-super-heading-style-tag-vars.scss

@@ -0,0 +1,25 @@
+
+
+$background-color: rgba(0,0,0,0);
+$width: 526px;
+$height: 120px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: VERTICAL;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: CENTER;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 197.8 );
+$top-percent: 96.22%;
+$bottom: var( --scw-spacing-2 );
+$left: var( --scw-spacing-2 );
+$left-percent: 50%;
+$right: var( --scw-spacing-2 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-0-vars.scss

@@ -14,12 +14,13 @@ $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 94.3 );
-$top-percent: 92.34%;
-$bottom: var( --scw-spacing-2 );
+$top-percent: 47.52%;
+$bottom: calc( var( --scw-spacing-1 ) * 104.8 );
 $left: var( --scw-spacing-2 );
 $left-percent: 50%;
 $right: var( --scw-spacing-2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;
-$padding-bottom: 0px;
+$padding-bottom: 0px;
+$margin-bottom: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-links-link-1-label-left-icon-icon-vector-mixins.scss

@@ -40,7 +40,7 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );
   right: calc( var( --scw-spacing-1 ) * 0.51962890625 );
-  top: calc( var( --scw-spacing-1 ) * 0.2550048547491997 );
+  top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );
   bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 ); 
 }
 
@@ -48,7 +48,7 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );
-  margin-top: calc( var( --scw-spacing-1 ) * 0.2550048547491997 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );
 }
 
@@ -56,6 +56,6 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.2550048547491997 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );
 }

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-links-link-1-label-left-icon-icon-vector-vars.scss

@@ -14,7 +14,7 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.2550048547491997 );
+$top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );
 $top-percent: 50.16%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );
 $left: calc( var( --scw-spacing-1 ) * 0.5383574440122174 );

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-links-link-1-label-right-icon-icon-vector-mixins.scss

@@ -40,22 +40,22 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );
   right: calc( var( --scw-spacing-1 ) * 0.5196074962615966 );
-  top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );
-  bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 ); 
+  top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 ); 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.5196074962615966 );
-  margin-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5196074962615966 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );
 }

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-links-link-1-label-right-icon-icon-vector-vars.scss

@@ -14,9 +14,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.2550014215216606 );
+$top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );
 $top-percent: 50.16%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.24967041015625 );
+$bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );
 $left: calc( var( --scw-spacing-1 ) * 0.5383788540006208 );
 $left-percent: 50.55%;
 $right: calc( var( --scw-spacing-1 ) * 0.5196074962615966 );

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-mixins.scss

@@ -57,7 +57,7 @@
   margin-left: var( --scw-spacing-2 );
   margin-right: var( --scw-spacing-2 );
   margin-top: calc( var( --scw-spacing-1 ) * 74.9 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 16.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 119.5 );
 }
 
 @mixin html-autolayout-padding {
@@ -65,5 +65,5 @@
   padding-left: var( --scw-spacing-2 );
   padding-right: var( --scw-spacing-2 );
   padding-top: calc( var( --scw-spacing-1 ) * 74.9 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 16.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 119.5 );
 }

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-heading-mixins.scss

@@ -0,0 +1,69 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  }
+  align-self: stretch; 
+}
+
+@mixin sizing {
+  width: 526px;
+  height: 49px;
+}
+
+@mixin width {
+  width: 526px;
+}
+
+@mixin height {
+  height: 49px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+  & > *:not(:last-child) { 
+        margin-right: 0px; 
+        --margin-right: 0px; 
+      } 
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-heading-text-mixins.scss

@@ -0,0 +1,55 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-bold-08-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  flex: 1; 
+}
+
+@mixin sizing {
+  width: 526px;
+  height: 39px;
+}
+
+@mixin width {
+  width: 526px;
+}
+
+@mixin height {
+  height: 39px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var( --scw-spacing-1 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var( --scw-spacing-1 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-heading-text-vars.scss

@@ -0,0 +1,31 @@
+
+
+$characters: 'Content';
+$font-size: 2rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: TOP;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova';
+$font-weight: 700;
+$line-height: 2.436rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-08-font );
+$width: 526px;
+$height: 39px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 1;
+$top: 0px;
+$top-percent: 39.8%;
+$bottom: var( --scw-spacing-1 );
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-heading-vars.scss

@@ -0,0 +1,25 @@
+
+
+$background-color: rgba(0,0,0,0);
+$width: 526px;
+$height: 49px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: HORIZONTAL;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 2.7 );
+$top-percent: 30.84%;
+$bottom: calc( var( --scw-spacing-1 ) * 9.1 );
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: var( --scw-spacing-1 );

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-links-link-1-label-label-mixins.scss

@@ -0,0 +1,54 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-semibold-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-01 , var( --scw-color-primary-01 ) );
+  } @else {
+    color: var( --scw-color-primary-01 );
+  } 
+}
+
+@mixin sizing {
+  width: 44px;
+  height: 27px;
+}
+
+@mixin width {
+  width: 44px;
+}
+
+@mixin height {
+  height: 27px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.8 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.8 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-links-link-1-label-label-vars.scss

@@ -0,0 +1,32 @@
+
+
+$characters: 'Label';
+$font-size: 1.125rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: CENTER;
+$text-transform: none;
+$color: var( --scw-color-primary-01 );
+$font-family: 'Proxima Nova';
+$font-weight: 600;
+$line-height: 1.688rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-semibold-font );
+$width: 44px;
+$height: 27px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: var( --scw-spacing-1 );
+$top-percent: 50%;
+$bottom: var( --scw-spacing-1 );
+$left: calc( var( --scw-spacing-1 ) * 1.8 );
+$left-percent: 50%;
+$right: calc( var( --scw-spacing-1 ) * 1.8 );
+$margin-right: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-link-total-1-super-heading-style-tag-links-link-1-label-left-icon-icon-mixins.scss

@@ -0,0 +1,61 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin sizing {
+  width: 17px;
+  height: 17px;
+}
+
+@mixin width {
+  width: 17px;
+}
+
+@mixin height {
+  height: 17px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );
+  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );
+}