npm - scu-web-components - Versions diffs - 1.2.0 → 1.2.2 - Mend

scu-web-components 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/dist/tokens/source/componentScssMixins.scss CHANGED Viewed

@@ -111617,7 +111617,7 @@
 @mixin comp-scw-horizontal-nav-item--sizing {
   width: 681px;
-  height: 781px;
+  height: 1153px;
 }
 @mixin comp-scw-horizontal-nav-item--width {
@@ -111625,7 +111625,7 @@
 }
 @mixin comp-scw-horizontal-nav-item--height {
-  height: 781px;
+  height: 1153px;
 }
 @mixin comp-scw-horizontal-nav-item--padding {
@@ -111715,26 +111715,26 @@
 @mixin comp-scw-horizontal-nav-item-default--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 34.2 );
+  left: calc( var( --scw-spacing-1 ) * 27.10009765625 );
   width: 128px;
-  top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
+  top: var( --scw-spacing-3 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-item-default--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.1 );
-  margin-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );
+  margin-top: var( --scw-spacing-3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
 @mixin comp-scw-horizontal-nav-item-default--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.1 );
-  padding-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );
+  padding-top: var( --scw-spacing-3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
@@ -112156,26 +112156,26 @@
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 34.2 );
+  left: calc( var( --scw-spacing-1 ) * 27.4 );
   width: 128px;
-  top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
+  top: calc( var( --scw-spacing-1 ) * 25.4 );
   height: 97px;
 }
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 34.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.1 );
-  margin-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 27.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 27.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 34.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.1 );
-  padding-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 27.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 27.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
@@ -112561,12 +112561,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-size-small--sizing {
-  width: 103px;
+  width: 93px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small--height {
@@ -112597,26 +112597,26 @@
 @mixin comp-scw-horizontal-nav-item-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 35.35 );
-  width: 103px;
-  top: calc( var( --scw-spacing-1 ) * 15 );
+  left: calc( var( --scw-spacing-1 ) * 20.30009765625 );
+  width: 93px;
+  top: calc( var( --scw-spacing-1 ) * 11.7 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 35.35 );
-  margin-right: calc( var( --scw-spacing-1 ) * 22.45 );
-  margin-top: calc( var( --scw-spacing-1 ) * 15 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );
+  margin-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
 @mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 35.35 );
-  padding-right: calc( var( --scw-spacing-1 ) * 22.45 );
-  padding-top: calc( var( --scw-spacing-1 ) * 15 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );
+  padding-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
@@ -112632,12 +112632,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container--sizing {
-  width: 103px;
+  width: 93px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container--height {
@@ -112728,16 +112728,16 @@
 @mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.65 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.65 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -112875,12 +112875,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-label--sizing {
-  width: 103px;
+  width: 93px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-label--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-label--height {
@@ -112888,8 +112888,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -112899,8 +112899,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
@@ -112968,16 +112968,16 @@
 @mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -113038,26 +113038,26 @@
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 34.6357421875 );
+  left: calc( var( --scw-spacing-1 ) * 22.6 );
   width: 103px;
-  top: calc( var( --scw-spacing-1 ) * 39.25 );
+  top: calc( var( --scw-spacing-1 ) * 35.1 );
   height: 73px;
 }
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 34.6357421875 );
-  margin-right: calc( var( --scw-spacing-1 ) * 23.1642578125 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  margin-left: calc( var( --scw-spacing-1 ) * 22.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 35.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 34.6357421875 );
-  padding-right: calc( var( --scw-spacing-1 ) * 23.1642578125 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  padding-left: calc( var( --scw-spacing-1 ) * 22.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 35.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
@@ -113479,26 +113479,26 @@
 @mixin comp-scw-horizontal-nav-item-style-button--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 3.5 );
+  left: calc( var( --scw-spacing-1 ) * 1.6 );
   width: 142px;
-  top: calc( var( --scw-spacing-1 ) * 51.5 );
+  top: calc( var( --scw-spacing-1 ) * 45.4 );
   height: 137px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 50.4 );
-  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 52.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 50.4 );
-  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 52.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
@@ -113892,23 +113892,23 @@
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--sizing {
-  width: 110px;
-  height: 129px;
+  width: 102px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--width {
-  width: 110px;
+  width: 102px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--height {
-  height: 129px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--padding {
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--figma-autolayout {
@@ -113918,8 +113918,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) {
         margin-bottom: 0px;
         --margin-bottom: 0px;
@@ -113928,26 +113928,26 @@
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 5.2 );
-  width: 110px;
-  top: calc( var( --scw-spacing-1 ) * 65.2 );
-  height: 129px;
+  left: calc( var( --scw-spacing-1 ) * 1.6 );
+  width: 102px;
+  top: calc( var( --scw-spacing-1 ) * 59.1 );
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 5.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 51.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  margin-bottom: 0px;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 56.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 5.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 51.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  padding-bottom: 0px;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 56.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
@@ -113971,12 +113971,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container--sizing {
-  width: 100px;
+  width: 92px;
   height: 89px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container--width {
-  width: 100px;
+  width: 92px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container--height {
@@ -114013,16 +114013,16 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
@@ -114067,16 +114067,16 @@
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 2.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.1 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 2.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.1 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
@@ -114214,12 +114214,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--sizing {
-  width: 100px;
+  width: 92px;
   height: 39px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--width {
-  width: 100px;
+  width: 92px;
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--height {
@@ -114227,8 +114227,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -114238,8 +114238,8 @@
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
   & > *:not(:last-child) {
@@ -114307,16 +114307,16 @@
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
 @mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -114370,26 +114370,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 19 );
+  left: calc( var( --scw-spacing-1 ) * 14.70009765625 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
+  top: var( --scw-spacing-3 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 19 );
-  margin-right: calc( var( --scw-spacing-1 ) * 36.7 );
-  margin-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );
+  margin-top: var( --scw-spacing-3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 19 );
-  padding-right: calc( var( --scw-spacing-1 ) * 36.7 );
-  padding-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );
+  padding-top: var( --scw-spacing-3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
@@ -114804,26 +114804,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 19 );
+  left: calc( var( --scw-spacing-1 ) * 15 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
+  top: calc( var( --scw-spacing-1 ) * 25.4 );
   height: 97px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 19 );
-  margin-right: calc( var( --scw-spacing-1 ) * 36.7 );
-  margin-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 15 );
+  margin-right: calc( var( --scw-spacing-1 ) * 40.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 19 );
-  padding-right: calc( var( --scw-spacing-1 ) * 36.7 );
-  padding-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 15 );
+  padding-right: calc( var( --scw-spacing-1 ) * 40.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
@@ -115202,12 +115202,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--sizing {
-  width: 100px;
+  width: 90px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--height {
@@ -115238,26 +115238,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 20.2 );
-  width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 15 );
+  left: calc( var( --scw-spacing-1 ) * 11.30009765625 );
+  width: 90px;
+  top: calc( var( --scw-spacing-1 ) * 11.7 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 20.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 37.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 15 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );
+  margin-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 20.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 37.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 15 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );
+  padding-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
@@ -115273,12 +115273,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container--sizing {
-  width: 100px;
+  width: 90px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container--height {
@@ -115369,16 +115369,16 @@
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-3 );
-  margin-right: var( --scw-spacing-3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.5 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-3 );
-  padding-right: var( --scw-spacing-3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.5 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -115516,12 +115516,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--sizing {
-  width: 100px;
+  width: 90px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--height {
@@ -115529,8 +115529,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -115540,8 +115540,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
@@ -115609,16 +115609,16 @@
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -115672,26 +115672,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 19.4857421875 );
+  left: calc( var( --scw-spacing-1 ) * 12.6 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 39.25 );
+  top: calc( var( --scw-spacing-1 ) * 35.1 );
   height: 73px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 19.4857421875 );
-  margin-right: calc( var( --scw-spacing-1 ) * 38.6142578125 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  margin-left: calc( var( --scw-spacing-1 ) * 12.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 45.5 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 19.4857421875 );
-  padding-right: calc( var( --scw-spacing-1 ) * 38.6142578125 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  padding-left: calc( var( --scw-spacing-1 ) * 12.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 45.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
@@ -116106,26 +116106,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-button--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 20.3 );
+  left: calc( var( --scw-spacing-1 ) * 15.8 );
   width: 140px;
-  top: calc( var( --scw-spacing-1 ) * 51.5 );
+  top: calc( var( --scw-spacing-1 ) * 45.4 );
   height: 137px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 20.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 33.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 15.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 38.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 20.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 33.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 15.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 38.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
@@ -116134,16 +116134,17 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    background-color: rgba(0,0,0,0);
+    background-color: var( --scw-color-grey-095 );
   }
+  border-radius: 8px 8px 8px 8px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , rgba(255,255,255,1) );
+    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    border-color: rgba(255,255,255,1);
+    border-color: var( --scw-color-grey-095 );
   }
   align-self: stretch;
 }
@@ -116512,23 +116513,23 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--sizing {
-  width: 108px;
-  height: 129px;
+  width: 100px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--width {
-  width: 108px;
+  width: 100px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--height {
-  height: 129px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--padding {
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--figma-autolayout {
@@ -116538,8 +116539,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) {
         margin-bottom: 0px;
         --margin-bottom: 0px;
@@ -116548,26 +116549,26 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 22.2 );
-  width: 108px;
-  top: calc( var( --scw-spacing-1 ) * 65.2 );
-  height: 129px;
+  left: calc( var( --scw-spacing-1 ) * 11.8 );
+  width: 100px;
+  top: calc( var( --scw-spacing-1 ) * 59.1 );
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 22.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 35.1 );
-  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  margin-bottom: 0px;
+  margin-left: calc( var( --scw-spacing-1 ) * 11.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 46.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 22.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 35.1 );
-  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  padding-bottom: 0px;
+  padding-left: calc( var( --scw-spacing-1 ) * 11.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 46.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
@@ -116576,27 +116577,28 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    background-color: rgba(0,0,0,0);
+    background-color: var( --scw-color-grey-095 );
   }
+  border-radius: 8px 8px 8px 8px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , rgba(255,255,255,1) );
+    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    border-color: rgba(255,255,255,1);
+    border-color: var( --scw-color-grey-095 );
   }
   align-self: stretch;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--sizing {
-  width: 98px;
+  width: 90px;
   height: 89px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--height {
@@ -116633,16 +116635,16 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
@@ -116687,16 +116689,16 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
@@ -116834,12 +116836,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--sizing {
-  width: 98px;
+  width: 90px;
   height: 39px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--height {
@@ -116847,8 +116849,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -116858,8 +116860,8 @@
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
   & > *:not(:last-child) {
@@ -116927,16 +116929,16 @@
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -116997,26 +116999,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 3.2 );
+  left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
+  top: var( --scw-spacing-3 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 52.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );
+  margin-top: var( --scw-spacing-3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 52.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );
+  padding-top: var( --scw-spacing-3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
@@ -117438,26 +117440,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 3.2 );
+  left: calc( var( --scw-spacing-1 ) * 2.6 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
+  top: calc( var( --scw-spacing-1 ) * 25.4 );
   height: 97px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 52.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 53.1 );
+  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 52.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 53.1 );
+  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
@@ -117843,12 +117845,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--sizing {
-  width: 100px;
+  width: 90px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--height {
@@ -117879,26 +117881,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 3.9142578125 );
-  width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 15 );
+  left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
+  width: 90px;
+  top: calc( var( --scw-spacing-1 ) * 11.7 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.9142578125 );
-  margin-right: calc( var( --scw-spacing-1 ) * 54.1857421875 );
-  margin-top: calc( var( --scw-spacing-1 ) * 15 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );
+  margin-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.9142578125 );
-  padding-right: calc( var( --scw-spacing-1 ) * 54.1857421875 );
-  padding-top: calc( var( --scw-spacing-1 ) * 15 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );
+  padding-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
@@ -117914,12 +117916,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--sizing {
-  width: 100px;
+  width: 90px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--height {
@@ -118010,16 +118012,16 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-3 );
-  margin-right: var( --scw-spacing-3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.5 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-3 );
-  padding-right: var( --scw-spacing-3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.5 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -118157,12 +118159,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--sizing {
-  width: 100px;
+  width: 90px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--height {
@@ -118170,8 +118172,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -118181,9 +118183,9 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-top: 0px;
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
+  padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
         margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
@@ -118250,16 +118252,16 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -118320,26 +118322,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 3.2 );
+  left: calc( var( --scw-spacing-1 ) * 2.6 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 39.25 );
+  top: calc( var( --scw-spacing-1 ) * 35.1 );
   height: 73px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 54.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 55.5 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 54.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 55.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
@@ -118754,26 +118756,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 35.4 );
+  left: calc( var( --scw-spacing-1 ) * 29.8 );
   width: 140px;
-  top: calc( var( --scw-spacing-1 ) * 51.5 );
+  top: calc( var( --scw-spacing-1 ) * 45.4 );
   height: 137px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 35.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 18.7 );
-  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 29.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 24.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 35.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 18.7 );
-  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 29.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 24.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
@@ -119160,23 +119162,23 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--sizing {
-  width: 108px;
-  height: 129px;
+  width: 100px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--width {
-  width: 108px;
+  width: 100px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--height {
-  height: 129px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--padding {
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--figma-autolayout {
@@ -119186,8 +119188,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) {
         margin-bottom: 0px;
         --margin-bottom: 0px;
@@ -119196,26 +119198,26 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 37.1 );
-  width: 108px;
-  top: calc( var( --scw-spacing-1 ) * 65.2 );
-  height: 129px;
+  left: calc( var( --scw-spacing-1 ) * 21.8 );
+  width: 100px;
+  top: calc( var( --scw-spacing-1 ) * 59.1 );
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 37.1 );
-  margin-right: calc( var( --scw-spacing-1 ) * 20.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  margin-bottom: 0px;
+  margin-left: calc( var( --scw-spacing-1 ) * 21.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 36.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 37.1 );
-  padding-right: calc( var( --scw-spacing-1 ) * 20.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  padding-bottom: 0px;
+  padding-left: calc( var( --scw-spacing-1 ) * 21.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 36.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
@@ -119239,12 +119241,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--sizing {
-  width: 98px;
+  width: 90px;
   height: 89px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--height {
@@ -119281,16 +119283,16 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
@@ -119335,16 +119337,16 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
@@ -119482,12 +119484,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--sizing {
-  width: 98px;
+  width: 90px;
   height: 39px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--height {
@@ -119495,8 +119497,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -119506,8 +119508,8 @@
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
   & > *:not(:last-child) {
@@ -119575,16 +119577,16 @@
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -119640,26 +119642,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 49.2 );
+  left: calc( var( --scw-spacing-1 ) * 39.90009765625 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 3.8 );
+  top: var( --scw-spacing-3 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 49.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 3.8 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.6 );
+  margin-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );
+  margin-top: var( --scw-spacing-3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 49.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 3.8 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.6 );
+  padding-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );
+  padding-top: var( --scw-spacing-3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );
 }
@@ -120076,26 +120078,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 49.2 );
+  left: calc( var( --scw-spacing-1 ) * 40.2 );
   width: 124px;
-  top: calc( var( --scw-spacing-1 ) * 26.75 );
+  top: calc( var( --scw-spacing-1 ) * 25.4 );
   height: 97px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 49.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 26.75 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 41.65 );
+  margin-left: calc( var( --scw-spacing-1 ) * 40.2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 15.5 );
+  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 49.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 26.75 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 41.65 );
+  padding-left: calc( var( --scw-spacing-1 ) * 40.2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 15.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );
 }
@@ -120476,12 +120478,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--sizing {
-  width: 100px;
+  width: 90px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--height {
@@ -120512,26 +120514,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 50.3 );
-  width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 15 );
+  left: calc( var( --scw-spacing-1 ) * 29.60009765625 );
+  width: 90px;
+  top: calc( var( --scw-spacing-1 ) * 11.7 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 50.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 7.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 15 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );
+  margin-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );
+  margin-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 50.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 7.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 15 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 56.3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );
+  padding-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );
+  padding-top: calc( var( --scw-spacing-1 ) * 11.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );
 }
@@ -120547,12 +120549,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--sizing {
-  width: 100px;
+  width: 90px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--height {
@@ -120643,16 +120645,16 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-3 );
-  margin-right: var( --scw-spacing-3 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.5 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-3 );
-  padding-right: var( --scw-spacing-3 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.5 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -120790,12 +120792,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--sizing {
-  width: 100px;
+  width: 90px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--width {
-  width: 100px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--height {
@@ -120803,8 +120805,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -120814,8 +120816,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
@@ -120883,16 +120885,16 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -120948,26 +120950,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 49.5857421875 );
+  left: calc( var( --scw-spacing-1 ) * 32.9 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 39.25 );
+  top: calc( var( --scw-spacing-1 ) * 35.1 );
   height: 73px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 49.5857421875 );
-  margin-right: calc( var( --scw-spacing-1 ) * 8.5142578125 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  margin-left: calc( var( --scw-spacing-1 ) * 32.9 );
+  margin-right: calc( var( --scw-spacing-1 ) * 25.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 49.5857421875 );
-  padding-right: calc( var( --scw-spacing-1 ) * 8.5142578125 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );
+  padding-left: calc( var( --scw-spacing-1 ) * 32.9 );
+  padding-right: calc( var( --scw-spacing-1 ) * 25.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
 }
@@ -121382,26 +121384,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 50.9 );
+  left: calc( var( --scw-spacing-1 ) * 43.8 );
   width: 140px;
-  top: calc( var( --scw-spacing-1 ) * 51.5 );
+  top: calc( var( --scw-spacing-1 ) * 45.4 );
   height: 137px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 50.9 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 43.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 50.9 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 43.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );
 }
@@ -121410,17 +121412,17 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    background-color: rgba(255,255,255,1);
+    background-color: var( --scw-color-grey-095 );
   }
   border-radius: 8px 8px 8px 8px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , rgba(255,255,255,1) );
+    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    border-color: rgba(255,255,255,1);
+    border-color: var( --scw-color-grey-095 );
   }
   box-shadow: var( --scw-effect-focus-shadow );
 }
@@ -121789,23 +121791,23 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--sizing {
-  width: 108px;
-  height: 129px;
+  width: 100px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--width {
-  width: 108px;
+  width: 100px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--height {
-  height: 129px;
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--padding {
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--figma-autolayout {
@@ -121815,8 +121817,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) {
         margin-bottom: 0px;
         --margin-bottom: 0px;
@@ -121825,26 +121827,26 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 52 );
-  width: 108px;
-  top: calc( var( --scw-spacing-1 ) * 65.2 );
-  height: 129px;
+  left: calc( var( --scw-spacing-1 ) * 31.56787109375 );
+  width: 100px;
+  top: calc( var( --scw-spacing-1 ) * 59.1 );
+  height: 109px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 52 );
-  margin-right: calc( var( --scw-spacing-1 ) * 5.3 );
-  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  margin-bottom: 0px;
+  margin-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );
+  margin-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );
+  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 52 );
-  padding-right: calc( var( --scw-spacing-1 ) * 5.3 );
-  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );
-  padding-bottom: 0px;
+  padding-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );
+  padding-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );
+  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );
 }
@@ -121853,28 +121855,28 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    background-color: rgba(255,255,255,1);
+    background-color: var( --scw-color-grey-095 );
   }
   border-radius: 8px 8px 8px 8px;
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , rgba(255,255,255,1) );
+    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );
   } @else {
-    border-color: rgba(255,255,255,1);
+    border-color: var( --scw-color-grey-095 );
   }
   box-shadow: var( --scw-effect-focus-shadow );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--sizing {
-  width: 98px;
+  width: 90px;
   height: 89px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--height {
@@ -121911,16 +121913,16 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 0.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
@@ -121965,16 +121967,16 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 2.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
 }
@@ -122112,12 +122114,12 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--sizing {
-  width: 98px;
+  width: 90px;
   height: 39px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--width {
-  width: 98px;
+  width: 90px;
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--height {
@@ -122125,8 +122127,8 @@
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -122136,8 +122138,8 @@
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
   & > *:not(:last-child) {
@@ -122205,16 +122207,16 @@
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
 @mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
 }
@@ -122240,16 +122242,16 @@
 }
 @mixin comp-scw-horizontal-nav--sizing {
-  width: 1313px;
-  height: 776px;
+  width: 883px;
+  height: 1148px;
 }
 @mixin comp-scw-horizontal-nav--width {
-  width: 1313px;
+  width: 883px;
 }
 @mixin comp-scw-horizontal-nav--height {
-  height: 776px;
+  height: 1148px;
 }
 @mixin comp-scw-horizontal-nav--padding {
@@ -122339,26 +122341,26 @@
 @mixin comp-scw-horizontal-nav-default--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 805px;
-  top: var( --scw-spacing-2 );
+  top: calc( var( --scw-spacing-1 ) * 3.65 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-default--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 66.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 3.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 102.45 );
 }
 @mixin comp-scw-horizontal-nav-default--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 66.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 3.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 102.45 );
 }
@@ -122854,26 +122856,26 @@
 @mixin comp-scw-horizontal-nav-align-left--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 805px;
-  top: calc( var( --scw-spacing-1 ) * 26.5 );
+  top: calc( var( --scw-spacing-1 ) * 12.35 );
   height: 87px;
 }
 @mixin comp-scw-horizontal-nav-align-left--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 26.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 42.4 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 12.35 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 93.75 );
 }
 @mixin comp-scw-horizontal-nav-align-left--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 26.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 42.4 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 12.35 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 93.75 );
 }
@@ -123369,26 +123371,26 @@
 @mixin comp-scw-horizontal-nav-size-compact--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 805px;
-  top: calc( var( --scw-spacing-1 ) * 15.2 );
+  top: calc( var( --scw-spacing-1 ) * 25.3 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-size-compact--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 15.2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 55.6 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 25.3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 82.7 );
 }
 @mixin comp-scw-horizontal-nav-size-compact--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 15.2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 55.6 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 25.3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 82.7 );
 }
@@ -123411,12 +123413,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--sizing {
-  width: 103px;
+  width: 93px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--height {
@@ -123451,16 +123453,16 @@
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 15.1 );
-  margin-right: calc( var( --scw-spacing-1 ) * 55.1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 17.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 53.6 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 15.1 );
-  padding-right: calc( var( --scw-spacing-1 ) * 55.1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 17.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 53.6 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -123478,12 +123480,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--sizing {
-  width: 103px;
+  width: 93px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--height {
@@ -123574,16 +123576,16 @@
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.65 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.65 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -123721,12 +123723,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--sizing {
-  width: 103px;
+  width: 93px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--height {
@@ -123734,8 +123736,8 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -123745,8 +123747,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
@@ -123814,16 +123816,16 @@
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -123884,26 +123886,26 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-left--absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.8 );
   width: 805px;
-  top: calc( var( --scw-spacing-1 ) * 39.7 );
+  top: calc( var( --scw-spacing-1 ) * 32.1 );
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.7 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.8 );
+  margin-right: var( --scw-spacing-4 );
+  margin-top: calc( var( --scw-spacing-1 ) * 32.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 75.9 );
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.7 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.8 );
+  padding-right: var( --scw-spacing-4 );
+  padding-top: calc( var( --scw-spacing-1 ) * 32.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 75.9 );
 }
@@ -123926,12 +123928,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--sizing {
-  width: 103px;
+  width: 93px;
   height: 68px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--height {
@@ -123967,7 +123969,7 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
-  margin-right: calc( var( --scw-spacing-1 ) * 70.2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 71.2 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
@@ -123975,7 +123977,7 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
-  padding-right: calc( var( --scw-spacing-1 ) * 70.2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 71.2 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -123993,12 +123995,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--sizing {
-  width: 103px;
+  width: 93px;
   height: 63px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--height {
@@ -124089,16 +124091,16 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.65 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.65 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
@@ -124236,12 +124238,12 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--sizing {
-  width: 103px;
+  width: 93px;
   height: 23px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--width {
-  width: 103px;
+  width: 93px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--height {
@@ -124249,8 +124251,8 @@
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -124260,8 +124262,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) {
@@ -124329,16 +124331,16 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -124399,26 +124401,26 @@
 @mixin comp-scw-horizontal-nav-align-vertical--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 94.5 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 128px;
-  top: var( --scw-spacing-2 );
+  top: calc( var( --scw-spacing-1 ) * 43.15 );
   height: 485px;
 }
 @mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 94.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 24 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 27.1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 71.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 43.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 23.15 );
 }
 @mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 94.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 24 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 27.1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 71.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 43.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 23.15 );
 }
@@ -124914,26 +124916,26 @@
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
+  left: calc( var( --scw-spacing-1 ) * 16.4 );
   width: 103px;
-  top: calc( var( --scw-spacing-1 ) * 2.5 );
+  top: calc( var( --scw-spacing-1 ) * 43.65 );
   height: 365px;
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
-  margin-right: calc( var( --scw-spacing-1 ) * 10.98212890625 );
-  margin-top: calc( var( --scw-spacing-1 ) * 2.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 38.6 );
+  margin-left: calc( var( --scw-spacing-1 ) * 16.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 61.6 );
+  margin-top: calc( var( --scw-spacing-1 ) * 43.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
 }
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
-  padding-right: calc( var( --scw-spacing-1 ) * 10.98212890625 );
-  padding-top: calc( var( --scw-spacing-1 ) * 2.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 38.6 );
+  padding-left: calc( var( --scw-spacing-1 ) * 16.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 61.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 43.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
 }