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/scssVariables.json CHANGED Viewed

@@ -242878,8 +242878,8 @@
       "outputSegmentRef": "index-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-item-height: 781px;",
-      "outputSegment": "$height: 781px;",
+      "output": "$comp-scw-horizontal-nav-item-height: 1153px;",
+      "outputSegment": "$height: 1153px;",
       "outputSegmentRef": "index-vars.$height"
     },
     "constraint-horizontal": {
@@ -243070,33 +243070,33 @@
       "outputSegmentRef": "default-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-default-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+      "output": "$comp-scw-horizontal-nav-item-default-top: var( --scw-spacing-3 );",
+      "outputSegment": "$top: var( --scw-spacing-3 );",
       "outputSegmentRef": "default-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-default-top-percent: 11.1%;",
-      "outputSegment": "$top-percent: 11.1%;",
+      "output": "$comp-scw-horizontal-nav-item-default-top-percent: 6.37%;",
+      "outputSegment": "$top-percent: 6.37%;",
       "outputSegmentRef": "default-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+      "output": "$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
       "outputSegmentRef": "default-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-default-left: calc( var( --scw-spacing-1 ) * 34.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 34.2 );",
+      "output": "$comp-scw-horizontal-nav-item-default-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 27.10009765625 );",
       "outputSegmentRef": "default-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-default-left-percent: 59.62%;",
-      "outputSegment": "$left-percent: 59.62%;",
+      "output": "$comp-scw-horizontal-nav-item-default-left-percent: 49.19%;",
+      "outputSegment": "$left-percent: 49.19%;",
       "outputSegmentRef": "default-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 21.1 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 21.1 );",
+      "output": "$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 28.19990234375 );",
       "outputSegmentRef": "default-vars.$right"
     },
     "padding-left": {
@@ -243974,33 +243974,33 @@
       "outputSegmentRef": "style-vertical-tab-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 25.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.4 );",
       "outputSegmentRef": "style-vertical-tab-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-top-percent: 41.13%;",
-      "outputSegment": "$top-percent: 41.13%;",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-top-percent: 26.24%;",
+      "outputSegment": "$top-percent: 26.24%;",
       "outputSegmentRef": "style-vertical-tab-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
       "outputSegmentRef": "style-vertical-tab-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 34.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 34.2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 27.4 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 27.4 );",
       "outputSegmentRef": "style-vertical-tab-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-left-percent: 59.62%;",
-      "outputSegment": "$left-percent: 59.62%;",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-left-percent: 49.63%;",
+      "outputSegment": "$left-percent: 49.63%;",
       "outputSegmentRef": "style-vertical-tab-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 21.1 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 21.1 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 27.9 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 27.9 );",
       "outputSegmentRef": "style-vertical-tab-vars.$right"
     },
     "padding-left": {
@@ -244818,8 +244818,8 @@
       "outputSegmentRef": "size-small-vars.$stroke-align"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-item-size-small-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-small-vars.$width"
     },
     "height": {
@@ -244878,33 +244878,33 @@
       "outputSegmentRef": "size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
       "outputSegmentRef": "size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 23.56%;",
-      "outputSegment": "$top-percent: 23.56%;",
+      "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 13.1%;",
+      "outputSegment": "$top-percent: 13.1%;",
       "outputSegmentRef": "size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
       "outputSegmentRef": "size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 35.35 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 35.35 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 20.30009765625 );",
       "outputSegmentRef": "size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 59.47%;",
-      "outputSegment": "$left-percent: 59.47%;",
+      "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 36.64%;",
+      "outputSegment": "$left-percent: 36.64%;",
       "outputSegmentRef": "size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 22.45 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 22.45 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 38.49990234375 );",
       "outputSegmentRef": "size-small-vars.$right"
     },
     "padding-left": {
@@ -244940,8 +244940,8 @@
       "outputSegmentRef": "size-small-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-small-container-vars.$width"
     },
     "height": {
@@ -245137,8 +245137,8 @@
       "outputSegmentRef": "size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -245147,8 +245147,8 @@
       "outputSegmentRef": "size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -245433,8 +245433,8 @@
       "outputSegmentRef": "size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-small-container-label-vars.$width"
     },
     "height": {
@@ -245523,13 +245523,13 @@
       "outputSegmentRef": "size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -245680,8 +245680,8 @@
       "outputSegmentRef": "size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -245690,8 +245690,8 @@
       "outputSegmentRef": "size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -245782,33 +245782,33 @@
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 39.25 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.25 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 54.93%;",
-      "outputSegment": "$top-percent: 54.93%;",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 33.61%;",
+      "outputSegment": "$top-percent: 33.61%;",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 34.6357421875 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 34.6357421875 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 22.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 22.6 );",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left-percent: 58.42%;",
-      "outputSegment": "$left-percent: 58.42%;",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left-percent: 40.75%;",
+      "outputSegment": "$left-percent: 40.75%;",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 23.1642578125 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 23.1642578125 );",
+      "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 35.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 35.2 );",
       "outputSegmentRef": "style-vertical-tab-size-small-vars.$right"
     },
     "padding-left": {
@@ -246686,33 +246686,33 @@
       "outputSegmentRef": "style-button-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
       "outputSegmentRef": "style-button-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-top-percent: 74.71%;",
-      "outputSegment": "$top-percent: 74.71%;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-top-percent: 45.32%;",
+      "outputSegment": "$top-percent: 45.32%;",
       "outputSegmentRef": "style-button-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
       "outputSegmentRef": "style-button-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 3.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.5 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 1.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.6 );",
       "outputSegmentRef": "style-button-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-left-percent: 15.57%;",
-      "outputSegment": "$left-percent: 15.57%;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-left-percent: 12.78%;",
+      "outputSegment": "$left-percent: 12.78%;",
       "outputSegmentRef": "style-button-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 50.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 50.4 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 52.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.3 );",
       "outputSegmentRef": "style-button-vars.$right"
     },
     "padding-left": {
@@ -247570,13 +247570,13 @@
       "outputSegmentRef": "style-button-size-small-vars.$stroke-align"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-width: 110px;",
-      "outputSegment": "$width: 110px;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-width: 102px;",
+      "outputSegment": "$width: 102px;",
       "outputSegmentRef": "style-button-size-small-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-height: 129px;",
-      "outputSegment": "$height: 129px;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-height: 109px;",
+      "outputSegment": "$height: 109px;",
       "outputSegmentRef": "style-button-size-small-vars.$height"
     },
     "constraint-horizontal": {
@@ -247630,33 +247630,33 @@
       "outputSegmentRef": "style-button-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 65.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 65.2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 59.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 59.1 );",
       "outputSegmentRef": "style-button-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-top-percent: 91.74%;",
-      "outputSegment": "$top-percent: 91.74%;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-top-percent: 55.98%;",
+      "outputSegment": "$top-percent: 55.98%;",
       "outputSegmentRef": "style-button-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
       "outputSegmentRef": "style-button-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 5.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 5.2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 1.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.6 );",
       "outputSegmentRef": "style-button-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-left-percent: 15.71%;",
-      "outputSegment": "$left-percent: 15.71%;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-left-percent: 9.84%;",
+      "outputSegment": "$left-percent: 9.84%;",
       "outputSegmentRef": "style-button-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 51.9 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 51.9 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 56.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 56.3 );",
       "outputSegmentRef": "style-button-size-small-vars.$right"
     },
     "padding-left": {
@@ -247670,13 +247670,13 @@
       "outputSegmentRef": "style-button-size-small-vars.$padding-right"
     },
     "padding-top": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-padding-top: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-padding-top: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-top: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-vars.$padding-top"
     },
     "padding-bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-padding-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-padding-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-vars.$padding-bottom"
     }
   },
@@ -247732,8 +247732,8 @@
       "outputSegmentRef": "style-button-size-small-container-vars.$corner-radius-bottom-left"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-width: 92px;",
+      "outputSegment": "$width: 92px;",
       "outputSegmentRef": "style-button-size-small-container-vars.$width"
     },
     "height": {
@@ -247792,8 +247792,8 @@
       "outputSegmentRef": "style-button-size-small-container-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-vars.$top"
     },
     "top-percent": {
@@ -247802,8 +247802,8 @@
       "outputSegmentRef": "style-button-size-small-container-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-vars.$bottom"
     },
     "left": {
@@ -247929,8 +247929,8 @@
       "outputSegmentRef": "style-button-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.1 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.1 );",
       "outputSegmentRef": "style-button-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -247939,8 +247939,8 @@
       "outputSegmentRef": "style-button-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.1 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.1 );",
       "outputSegmentRef": "style-button-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -248225,8 +248225,8 @@
       "outputSegmentRef": "style-button-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-width: 92px;",
+      "outputSegment": "$width: 92px;",
       "outputSegmentRef": "style-button-size-small-container-label-vars.$width"
     },
     "height": {
@@ -248315,13 +248315,13 @@
       "outputSegmentRef": "style-button-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -248472,8 +248472,8 @@
       "outputSegmentRef": "style-button-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -248482,8 +248482,8 @@
       "outputSegmentRef": "style-button-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "style-button-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -248559,33 +248559,33 @@
       "outputSegmentRef": "state-default-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-top: var( --scw-spacing-3 );",
+      "outputSegment": "$top: var( --scw-spacing-3 );",
       "outputSegmentRef": "state-default-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 11.1%;",
-      "outputSegment": "$top-percent: 11.1%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 6.37%;",
+      "outputSegment": "$top-percent: 6.37%;",
       "outputSegmentRef": "state-default-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
       "outputSegmentRef": "state-default-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-left: calc( var( --scw-spacing-1 ) * 19 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 14.70009765625 );",
       "outputSegmentRef": "state-default-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 37%;",
-      "outputSegment": "$left-percent: 37%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 30.69%;",
+      "outputSegment": "$left-percent: 30.69%;",
       "outputSegmentRef": "state-default-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 36.7 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.7 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 40.99990234375 );",
       "outputSegmentRef": "state-default-vars.$right"
     },
     "padding-left": {
@@ -249448,33 +249448,33 @@
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 25.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.4 );",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-top-percent: 41.13%;",
-      "outputSegment": "$top-percent: 41.13%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-top-percent: 26.24%;",
+      "outputSegment": "$top-percent: 26.24%;",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 19 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 15 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 15 );",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-left-percent: 37%;",
-      "outputSegment": "$left-percent: 37%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-left-percent: 31.13%;",
+      "outputSegment": "$left-percent: 31.13%;",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 36.7 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.7 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 40.7 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 40.7 );",
       "outputSegmentRef": "state-default-style-vertical-tab-vars.$right"
     },
     "padding-left": {
@@ -250277,8 +250277,8 @@
       "outputSegmentRef": "state-default-size-small-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-default-size-small-vars.$width"
     },
     "height": {
@@ -250337,33 +250337,33 @@
       "outputSegmentRef": "state-default-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
       "outputSegmentRef": "state-default-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 23.56%;",
-      "outputSegment": "$top-percent: 23.56%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 13.1%;",
+      "outputSegment": "$top-percent: 13.1%;",
       "outputSegmentRef": "state-default-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
       "outputSegmentRef": "state-default-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 20.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 20.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 11.30009765625 );",
       "outputSegmentRef": "state-default-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 37%;",
-      "outputSegment": "$left-percent: 37%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 23.2%;",
+      "outputSegment": "$left-percent: 23.2%;",
       "outputSegmentRef": "state-default-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 37.9 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 37.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 47.79990234375 );",
       "outputSegmentRef": "state-default-size-small-vars.$right"
     },
     "padding-left": {
@@ -250399,8 +250399,8 @@
       "outputSegmentRef": "state-default-size-small-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-default-size-small-container-vars.$width"
     },
     "height": {
@@ -250596,8 +250596,8 @@
       "outputSegmentRef": "state-default-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-left: var( --scw-spacing-3 );",
-      "outputSegment": "$left: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-default-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -250606,8 +250606,8 @@
       "outputSegmentRef": "state-default-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-right: var( --scw-spacing-3 );",
-      "outputSegment": "$right: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-default-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -250892,8 +250892,8 @@
       "outputSegmentRef": "state-default-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-default-size-small-container-label-vars.$width"
     },
     "height": {
@@ -250982,13 +250982,13 @@
       "outputSegmentRef": "state-default-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -251139,8 +251139,8 @@
       "outputSegmentRef": "state-default-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -251149,8 +251149,8 @@
       "outputSegmentRef": "state-default-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -251226,33 +251226,33 @@
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 39.25 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.25 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 54.93%;",
-      "outputSegment": "$top-percent: 54.93%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 33.61%;",
+      "outputSegment": "$top-percent: 33.61%;",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 19.4857421875 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19.4857421875 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 12.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 12.6 );",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left-percent: 35.96%;",
-      "outputSegment": "$left-percent: 35.96%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left-percent: 25.84%;",
+      "outputSegment": "$left-percent: 25.84%;",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 38.6142578125 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 38.6142578125 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 45.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 45.5 );",
       "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$right"
     },
     "padding-left": {
@@ -252115,33 +252115,33 @@
       "outputSegmentRef": "state-default-style-button-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
       "outputSegmentRef": "state-default-style-button-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-top-percent: 74.71%;",
-      "outputSegment": "$top-percent: 74.71%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-top-percent: 45.32%;",
+      "outputSegment": "$top-percent: 45.32%;",
       "outputSegmentRef": "state-default-style-button-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
       "outputSegmentRef": "state-default-style-button-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-left: calc( var( --scw-spacing-1 ) * 20.3 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 20.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-left: calc( var( --scw-spacing-1 ) * 15.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 15.8 );",
       "outputSegmentRef": "state-default-style-button-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-left-percent: 40.09%;",
-      "outputSegment": "$left-percent: 40.09%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-left-percent: 33.48%;",
+      "outputSegment": "$left-percent: 33.48%;",
       "outputSegmentRef": "state-default-style-button-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-right: calc( var( --scw-spacing-1 ) * 33.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 33.8 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-right: calc( var( --scw-spacing-1 ) * 38.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 38.3 );",
       "outputSegmentRef": "state-default-style-button-vars.$right"
     },
     "padding-left": {
@@ -252172,13 +252172,18 @@
       "namespace": "state-default-style-button-container-vars"
     },
     "background-color": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-background-color: rgba(0,0,0,0);",
-      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-background-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-default-style-button-container-vars.$background-color"
     },
+    "blend-mode": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "state-default-style-button-container-vars.$blend-mode"
+    },
     "stroke-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-stroke-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-default-style-button-container-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -252191,6 +252196,26 @@
       "outputSegment": "$stroke-align: OUTSIDE;",
       "outputSegmentRef": "state-default-style-button-container-vars.$stroke-align"
     },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-corner-radius-top-left: 8px;",
+      "outputSegment": "$corner-radius-top-left: 8px;",
+      "outputSegmentRef": "state-default-style-button-container-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-corner-radius-top-right: 8px;",
+      "outputSegment": "$corner-radius-top-right: 8px;",
+      "outputSegmentRef": "state-default-style-button-container-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-corner-radius-bottom-right: 8px;",
+      "outputSegment": "$corner-radius-bottom-right: 8px;",
+      "outputSegmentRef": "state-default-style-button-container-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-corner-radius-bottom-left: 8px;",
+      "outputSegment": "$corner-radius-bottom-left: 8px;",
+      "outputSegmentRef": "state-default-style-button-container-vars.$corner-radius-bottom-left"
+    },
     "width": {
       "output": "$comp-scw-horizontal-nav-item-state-default-style-button-container-width: 120px;",
       "outputSegment": "$width: 120px;",
@@ -252959,13 +252984,13 @@
       "outputSegmentRef": "state-default-style-button-size-small-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-width: 108px;",
-      "outputSegment": "$width: 108px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-width: 100px;",
+      "outputSegment": "$width: 100px;",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-height: 129px;",
-      "outputSegment": "$height: 129px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-height: 109px;",
+      "outputSegment": "$height: 109px;",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$height"
     },
     "constraint-horizontal": {
@@ -253019,33 +253044,33 @@
       "outputSegmentRef": "state-default-style-button-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 65.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 65.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 59.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 59.1 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top-percent: 91.74%;",
-      "outputSegment": "$top-percent: 91.74%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top-percent: 55.98%;",
+      "outputSegment": "$top-percent: 55.98%;",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 22.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 22.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 11.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 11.8 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left-percent: 40.53%;",
-      "outputSegment": "$left-percent: 40.53%;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left-percent: 24.67%;",
+      "outputSegment": "$left-percent: 24.67%;",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 35.1 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 35.1 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 46.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 46.3 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$right"
     },
     "padding-left": {
@@ -253059,13 +253084,13 @@
       "outputSegmentRef": "state-default-style-button-size-small-vars.$padding-right"
     },
     "padding-top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-top: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-top: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$padding-top"
     },
     "padding-bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-vars.$padding-bottom"
     }
   },
@@ -253076,13 +253101,18 @@
       "namespace": "state-default-style-button-size-small-container-vars"
     },
     "background-color": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-background-color: rgba(0,0,0,0);",
-      "outputSegment": "$background-color: rgba(0,0,0,0);",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-background-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$background-color"
     },
+    "blend-mode": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-blend-mode: NORMAL;",
+      "outputSegment": "$blend-mode: NORMAL;",
+      "outputSegmentRef": "state-default-style-button-size-small-container-vars.$blend-mode"
+    },
     "stroke-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-stroke-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -253095,9 +253125,29 @@
       "outputSegment": "$stroke-align: OUTSIDE;",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$stroke-align"
     },
+    "corner-radius-top-left": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-corner-radius-top-left: 8px;",
+      "outputSegment": "$corner-radius-top-left: 8px;",
+      "outputSegmentRef": "state-default-style-button-size-small-container-vars.$corner-radius-top-left"
+    },
+    "corner-radius-top-right": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-corner-radius-top-right: 8px;",
+      "outputSegment": "$corner-radius-top-right: 8px;",
+      "outputSegmentRef": "state-default-style-button-size-small-container-vars.$corner-radius-top-right"
+    },
+    "corner-radius-bottom-right": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-corner-radius-bottom-right: 8px;",
+      "outputSegment": "$corner-radius-bottom-right: 8px;",
+      "outputSegmentRef": "state-default-style-button-size-small-container-vars.$corner-radius-bottom-right"
+    },
+    "corner-radius-bottom-left": {
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-corner-radius-bottom-left: 8px;",
+      "outputSegment": "$corner-radius-bottom-left: 8px;",
+      "outputSegmentRef": "state-default-style-button-size-small-container-vars.$corner-radius-bottom-left"
+    },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$width"
     },
     "height": {
@@ -253156,8 +253206,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$top"
     },
     "top-percent": {
@@ -253166,8 +253216,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-vars.$bottom"
     },
     "left": {
@@ -253293,8 +253343,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -253303,8 +253353,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-right: var( --scw-spacing-2 );",
+      "outputSegment": "$right: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -253589,8 +253639,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-default-style-button-size-small-container-label-vars.$width"
     },
     "height": {
@@ -253679,13 +253729,13 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -253836,8 +253886,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -253846,8 +253896,8 @@
       "outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -253938,33 +253988,33 @@
       "outputSegmentRef": "state-hover-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-top: var( --scw-spacing-3 );",
+      "outputSegment": "$top: var( --scw-spacing-3 );",
       "outputSegmentRef": "state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-top-percent: 11.1%;",
-      "outputSegment": "$top-percent: 11.1%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-top-percent: 6.37%;",
+      "outputSegment": "$top-percent: 6.37%;",
       "outputSegmentRef": "state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
       "outputSegmentRef": "state-hover-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-left: calc( var( --scw-spacing-1 ) * 3.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
       "outputSegmentRef": "state-hover-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-left-percent: 13.8%;",
-      "outputSegment": "$left-percent: 13.8%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-left-percent: 12.48%;",
+      "outputSegment": "$left-percent: 12.48%;",
       "outputSegmentRef": "state-hover-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-right: calc( var( --scw-spacing-1 ) * 52.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 53.39990234375 );",
       "outputSegmentRef": "state-hover-vars.$right"
     },
     "padding-left": {
@@ -254842,33 +254892,33 @@
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 25.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.4 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top-percent: 41.13%;",
-      "outputSegment": "$top-percent: 41.13%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top-percent: 26.24%;",
+      "outputSegment": "$top-percent: 26.24%;",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 3.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 2.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.6 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left-percent: 13.8%;",
-      "outputSegment": "$left-percent: 13.8%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left-percent: 12.92%;",
+      "outputSegment": "$left-percent: 12.92%;",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 52.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 53.1 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 53.1 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-vars.$right"
     },
     "padding-left": {
@@ -255686,8 +255736,8 @@
       "outputSegmentRef": "state-hover-size-small-vars.$stroke-align"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-hover-size-small-vars.$width"
     },
     "height": {
@@ -255746,33 +255796,33 @@
       "outputSegmentRef": "state-hover-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
       "outputSegmentRef": "state-hover-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 23.56%;",
-      "outputSegment": "$top-percent: 23.56%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 13.1%;",
+      "outputSegment": "$top-percent: 13.1%;",
       "outputSegmentRef": "state-hover-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
       "outputSegmentRef": "state-hover-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 3.9142578125 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.9142578125 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
       "outputSegmentRef": "state-hover-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 13.09%;",
-      "outputSegment": "$left-percent: 13.09%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 9.99%;",
+      "outputSegment": "$left-percent: 9.99%;",
       "outputSegmentRef": "state-hover-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 54.1857421875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 54.1857421875 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 56.79990234375 );",
       "outputSegmentRef": "state-hover-size-small-vars.$right"
     },
     "padding-left": {
@@ -255808,8 +255858,8 @@
       "outputSegmentRef": "state-hover-size-small-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-hover-size-small-container-vars.$width"
     },
     "height": {
@@ -256005,8 +256055,8 @@
       "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left: var( --scw-spacing-3 );",
-      "outputSegment": "$left: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -256015,8 +256065,8 @@
       "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-right: var( --scw-spacing-3 );",
-      "outputSegment": "$right: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -256301,8 +256351,8 @@
       "outputSegmentRef": "state-hover-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-hover-size-small-container-label-vars.$width"
     },
     "height": {
@@ -256391,13 +256441,13 @@
       "outputSegmentRef": "state-hover-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -256548,8 +256598,8 @@
       "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -256558,8 +256608,8 @@
       "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -256650,33 +256700,33 @@
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 39.25 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.25 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 54.93%;",
-      "outputSegment": "$top-percent: 54.93%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 33.61%;",
+      "outputSegment": "$top-percent: 33.61%;",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 3.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 2.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.6 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left-percent: 12.04%;",
-      "outputSegment": "$left-percent: 12.04%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left-percent: 11.16%;",
+      "outputSegment": "$left-percent: 11.16%;",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 54.9 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 54.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 55.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 55.5 );",
       "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$right"
     },
     "padding-left": {
@@ -257539,33 +257589,33 @@
       "outputSegmentRef": "state-hover-style-button-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
       "outputSegmentRef": "state-hover-style-button-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 74.71%;",
-      "outputSegment": "$top-percent: 74.71%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 45.32%;",
+      "outputSegment": "$top-percent: 45.32%;",
       "outputSegmentRef": "state-hover-style-button-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
       "outputSegmentRef": "state-hover-style-button-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 35.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 35.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 29.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 29.8 );",
       "outputSegmentRef": "state-hover-style-button-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 62.26%;",
-      "outputSegment": "$left-percent: 62.26%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 54.04%;",
+      "outputSegment": "$left-percent: 54.04%;",
       "outputSegmentRef": "state-hover-style-button-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 18.7 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 18.7 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 24.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 24.3 );",
       "outputSegmentRef": "state-hover-style-button-vars.$right"
     },
     "padding-left": {
@@ -258408,13 +258458,13 @@
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-width: 108px;",
-      "outputSegment": "$width: 108px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-width: 100px;",
+      "outputSegment": "$width: 100px;",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 129px;",
-      "outputSegment": "$height: 129px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 109px;",
+      "outputSegment": "$height: 109px;",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$height"
     },
     "constraint-horizontal": {
@@ -258468,33 +258518,33 @@
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 65.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 65.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 59.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 59.1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 91.74%;",
-      "outputSegment": "$top-percent: 91.74%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 55.98%;",
+      "outputSegment": "$top-percent: 55.98%;",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 37.1 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 37.1 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 21.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 21.8 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 62.41%;",
-      "outputSegment": "$left-percent: 62.41%;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 39.35%;",
+      "outputSegment": "$left-percent: 39.35%;",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 20.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 20.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 36.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.3 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$right"
     },
     "padding-left": {
@@ -258508,13 +258558,13 @@
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-right"
     },
     "padding-top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-top: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-top: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-top"
     },
     "padding-bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-bottom"
     }
   },
@@ -258570,8 +258620,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$corner-radius-bottom-left"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$width"
     },
     "height": {
@@ -258630,8 +258680,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$top"
     },
     "top-percent": {
@@ -258640,8 +258690,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$bottom"
     },
     "left": {
@@ -258767,8 +258817,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -258777,8 +258827,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-right: var( --scw-spacing-2 );",
+      "outputSegment": "$right: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -259063,8 +259113,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$width"
     },
     "height": {
@@ -259153,13 +259203,13 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -259310,8 +259360,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -259320,8 +259370,8 @@
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -259452,33 +259502,33 @@
       "outputSegmentRef": "state-focus-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-top: calc( var( --scw-spacing-1 ) * 3.8 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-top: var( --scw-spacing-3 );",
+      "outputSegment": "$top: var( --scw-spacing-3 );",
       "outputSegmentRef": "state-focus-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-top-percent: 10.44%;",
-      "outputSegment": "$top-percent: 10.44%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-top-percent: 6.37%;",
+      "outputSegment": "$top-percent: 6.37%;",
       "outputSegmentRef": "state-focus-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-bottom: calc( var( --scw-spacing-1 ) * 65.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.6 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
       "outputSegmentRef": "state-focus-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-left: calc( var( --scw-spacing-1 ) * 49.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 49.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 39.90009765625 );",
       "outputSegmentRef": "state-focus-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-left-percent: 81.35%;",
-      "outputSegment": "$left-percent: 81.35%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-left-percent: 67.69%;",
+      "outputSegment": "$left-percent: 67.69%;",
       "outputSegmentRef": "state-focus-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-right: calc( var( --scw-spacing-1 ) * 6.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 6.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 15.79990234375 );",
       "outputSegmentRef": "state-focus-vars.$right"
     },
     "padding-left": {
@@ -260396,33 +260446,33 @@
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 26.75 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 26.75 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 25.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.4 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-top-percent: 40.46%;",
-      "outputSegment": "$top-percent: 40.46%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-top-percent: 26.24%;",
+      "outputSegment": "$top-percent: 26.24%;",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 41.65 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 41.65 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 49.2 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 49.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 40.2 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 40.2 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-left-percent: 81.35%;",
-      "outputSegment": "$left-percent: 81.35%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-left-percent: 68.14%;",
+      "outputSegment": "$left-percent: 68.14%;",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 6.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 6.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 15.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 15.5 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-vars.$right"
     },
     "padding-left": {
@@ -261280,8 +261330,8 @@
       "outputSegmentRef": "state-focus-size-small-vars.$shadow"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-focus-size-small-vars.$width"
     },
     "height": {
@@ -261340,33 +261390,33 @@
       "outputSegmentRef": "state-focus-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
       "outputSegmentRef": "state-focus-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-top-percent: 23.56%;",
-      "outputSegment": "$top-percent: 23.56%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-top-percent: 13.1%;",
+      "outputSegment": "$top-percent: 13.1%;",
       "outputSegmentRef": "state-focus-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
       "outputSegmentRef": "state-focus-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-left: calc( var( --scw-spacing-1 ) * 50.3 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 50.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 29.60009765625 );",
       "outputSegmentRef": "state-focus-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-left-percent: 81.2%;",
-      "outputSegment": "$left-percent: 81.2%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-left-percent: 50.07%;",
+      "outputSegment": "$left-percent: 50.07%;",
       "outputSegmentRef": "state-focus-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-right: calc( var( --scw-spacing-1 ) * 7.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 7.8 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 29.49990234375 );",
       "outputSegmentRef": "state-focus-size-small-vars.$right"
     },
     "padding-left": {
@@ -261402,8 +261452,8 @@
       "outputSegmentRef": "state-focus-size-small-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-focus-size-small-container-vars.$width"
     },
     "height": {
@@ -261599,8 +261649,8 @@
       "outputSegmentRef": "state-focus-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-left: var( --scw-spacing-3 );",
-      "outputSegment": "$left: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-focus-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -261609,8 +261659,8 @@
       "outputSegmentRef": "state-focus-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-right: var( --scw-spacing-3 );",
-      "outputSegment": "$right: var( --scw-spacing-3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.5 );",
       "outputSegmentRef": "state-focus-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -261895,8 +261945,8 @@
       "outputSegmentRef": "state-focus-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-width: 100px;",
-      "outputSegment": "$width: 100px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-focus-size-small-container-label-vars.$width"
     },
     "height": {
@@ -261985,13 +262035,13 @@
       "outputSegmentRef": "state-focus-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -262142,8 +262192,8 @@
       "outputSegmentRef": "state-focus-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -262152,8 +262202,8 @@
       "outputSegmentRef": "state-focus-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -262284,33 +262334,33 @@
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 39.25 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.25 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 54.93%;",
-      "outputSegment": "$top-percent: 54.93%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 33.61%;",
+      "outputSegment": "$top-percent: 33.61%;",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 49.5857421875 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 49.5857421875 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 32.9 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 32.9 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left-percent: 80.16%;",
-      "outputSegment": "$left-percent: 80.16%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left-percent: 55.65%;",
+      "outputSegment": "$left-percent: 55.65%;",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 8.5142578125 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 8.5142578125 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 25.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 25.2 );",
       "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$right"
     },
     "padding-left": {
@@ -263173,33 +263223,33 @@
       "outputSegmentRef": "state-focus-style-button-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
       "outputSegmentRef": "state-focus-style-button-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-top-percent: 74.71%;",
-      "outputSegment": "$top-percent: 74.71%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-top-percent: 45.32%;",
+      "outputSegment": "$top-percent: 45.32%;",
       "outputSegmentRef": "state-focus-style-button-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
       "outputSegmentRef": "state-focus-style-button-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-left: calc( var( --scw-spacing-1 ) * 50.9 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 50.9 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-left: calc( var( --scw-spacing-1 ) * 43.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 43.8 );",
       "outputSegmentRef": "state-focus-style-button-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-left-percent: 85.02%;",
-      "outputSegment": "$left-percent: 85.02%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-left-percent: 74.6%;",
+      "outputSegment": "$left-percent: 74.6%;",
       "outputSegmentRef": "state-focus-style-button-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-right: calc( var( --scw-spacing-1 ) * 3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-right: calc( var( --scw-spacing-1 ) * 10.3 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 10.3 );",
       "outputSegmentRef": "state-focus-style-button-vars.$right"
     },
     "padding-left": {
@@ -263230,8 +263280,8 @@
       "namespace": "state-focus-style-button-container-vars"
     },
     "background-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-container-background-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-focus-style-button-container-vars.$background-color"
     },
     "blend-mode": {
@@ -263240,8 +263290,8 @@
       "outputSegmentRef": "state-focus-style-button-container-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-container-stroke-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-focus-style-button-container-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -264072,13 +264122,13 @@
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-width: 108px;",
-      "outputSegment": "$width: 108px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-width: 100px;",
+      "outputSegment": "$width: 100px;",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-height: 129px;",
-      "outputSegment": "$height: 129px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-height: 109px;",
+      "outputSegment": "$height: 109px;",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$height"
     },
     "constraint-horizontal": {
@@ -264132,33 +264182,33 @@
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 65.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 65.2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 59.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 59.1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top-percent: 91.74%;",
-      "outputSegment": "$top-percent: 91.74%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top-percent: 55.98%;",
+      "outputSegment": "$top-percent: 55.98%;",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 52 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 52 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 31.56787109375 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left-percent: 84.29%;",
-      "outputSegment": "$left-percent: 84.29%;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left-percent: 53.7%;",
+      "outputSegment": "$left-percent: 53.7%;",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 5.3 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 5.3 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 26.53212890625 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$right"
     },
     "padding-left": {
@@ -264172,13 +264222,13 @@
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$padding-right"
     },
     "padding-top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-top: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-top: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$padding-top"
     },
     "padding-bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-vars.$padding-bottom"
     }
   },
@@ -264189,8 +264239,8 @@
       "namespace": "state-focus-style-button-size-small-container-vars"
     },
     "background-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-background-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$background-color"
     },
     "blend-mode": {
@@ -264199,8 +264249,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "",
-      "outputSegment": "",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-stroke-color: var( --scw-color-grey-095 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -264264,8 +264314,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$shadow"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$width"
     },
     "height": {
@@ -264324,8 +264374,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$top"
     },
     "top-percent": {
@@ -264334,8 +264384,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-vars.$bottom"
     },
     "left": {
@@ -264461,8 +264511,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-left: var( --scw-spacing-2 );",
+      "outputSegment": "$left: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -264471,8 +264521,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-right: var( --scw-spacing-2 );",
+      "outputSegment": "$right: var( --scw-spacing-2 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -264757,8 +264807,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-width: 98px;",
-      "outputSegment": "$width: 98px;",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-width: 90px;",
+      "outputSegment": "$width: 90px;",
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-vars.$width"
     },
     "height": {
@@ -264847,13 +264897,13 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -265004,8 +265054,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -265014,8 +265064,8 @@
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.4 );",
+      "output": "$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-vars.$right"
     }
   },
@@ -265066,13 +265116,13 @@
       "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-width: 1313px;",
-      "outputSegment": "$width: 1313px;",
+      "output": "$comp-scw-horizontal-nav-width: 883px;",
+      "outputSegment": "$width: 883px;",
       "outputSegmentRef": "index-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-horizontal-nav-height: 776px;",
-      "outputSegment": "$height: 776px;",
+      "output": "$comp-scw-horizontal-nav-height: 1148px;",
+      "outputSegment": "$height: 1148px;",
       "outputSegmentRef": "index-vars.$height"
     },
     "constraint-horizontal": {
@@ -265263,33 +265313,33 @@
       "outputSegmentRef": "default-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-default-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-default-top: calc( var( --scw-spacing-1 ) * 3.65 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 3.65 );",
       "outputSegmentRef": "default-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-default-top-percent: 8.18%;",
-      "outputSegment": "$top-percent: 8.18%;",
+      "output": "$comp-scw-horizontal-nav-default-top-percent: 6.97%;",
+      "outputSegment": "$top-percent: 6.97%;",
       "outputSegmentRef": "default-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 66.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 66.9 );",
+      "output": "$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 102.45 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 102.45 );",
       "outputSegmentRef": "default-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-default-left: var( --scw-spacing-2 );",
-      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-default-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
       "outputSegmentRef": "default-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-default-left-percent: 32.18%;",
-      "outputSegment": "$left-percent: 32.18%;",
+      "output": "$comp-scw-horizontal-nav-default-left-percent: 49.66%;",
+      "outputSegment": "$left-percent: 49.66%;",
       "outputSegmentRef": "default-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-default-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+      "output": "$comp-scw-horizontal-nav-default-right: calc( var( --scw-spacing-1 ) * 4.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.2 );",
       "outputSegmentRef": "default-vars.$right"
     },
     "padding-left": {
@@ -266304,33 +266354,33 @@
       "outputSegmentRef": "align-left-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-align-left-top: calc( var( --scw-spacing-1 ) * 26.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 26.5 );",
+      "output": "$comp-scw-horizontal-nav-align-left-top: calc( var( --scw-spacing-1 ) * 12.35 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 12.35 );",
       "outputSegmentRef": "align-left-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-align-left-top-percent: 39.76%;",
-      "outputSegment": "$top-percent: 39.76%;",
+      "output": "$comp-scw-horizontal-nav-align-left-top-percent: 14.55%;",
+      "outputSegment": "$top-percent: 14.55%;",
       "outputSegmentRef": "align-left-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-align-left-bottom: calc( var( --scw-spacing-1 ) * 42.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 42.4 );",
+      "output": "$comp-scw-horizontal-nav-align-left-bottom: calc( var( --scw-spacing-1 ) * 93.75 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 93.75 );",
       "outputSegmentRef": "align-left-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-align-left-left: var( --scw-spacing-2 );",
-      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-align-left-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
       "outputSegmentRef": "align-left-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-align-left-left-percent: 32.18%;",
-      "outputSegment": "$left-percent: 32.18%;",
+      "output": "$comp-scw-horizontal-nav-align-left-left-percent: 49.66%;",
+      "outputSegment": "$left-percent: 49.66%;",
       "outputSegmentRef": "align-left-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-align-left-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+      "output": "$comp-scw-horizontal-nav-align-left-right: calc( var( --scw-spacing-1 ) * 4.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.2 );",
       "outputSegmentRef": "align-left-vars.$right"
     },
     "padding-left": {
@@ -267345,33 +267395,33 @@
       "outputSegmentRef": "size-compact-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-size-compact-top: calc( var( --scw-spacing-1 ) * 15.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15.2 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-top: calc( var( --scw-spacing-1 ) * 25.3 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.3 );",
       "outputSegmentRef": "size-compact-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-top-percent: 23.97%;",
-      "outputSegment": "$top-percent: 23.97%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-top-percent: 25%;",
+      "outputSegment": "$top-percent: 25%;",
       "outputSegmentRef": "size-compact-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-size-compact-bottom: calc( var( --scw-spacing-1 ) * 55.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 55.6 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-bottom: calc( var( --scw-spacing-1 ) * 82.7 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 82.7 );",
       "outputSegmentRef": "size-compact-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-left: var( --scw-spacing-2 );",
-      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
       "outputSegmentRef": "size-compact-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-left-percent: 32.18%;",
-      "outputSegment": "$left-percent: 32.18%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-left-percent: 49.66%;",
+      "outputSegment": "$left-percent: 49.66%;",
       "outputSegmentRef": "size-compact-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-right: calc( var( --scw-spacing-1 ) * 4.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.2 );",
       "outputSegmentRef": "size-compact-vars.$right"
     },
     "padding-left": {
@@ -267422,8 +267472,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$stroke-align"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$width"
     },
     "height": {
@@ -267497,18 +267547,18 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-left: calc( var( --scw-spacing-1 ) * 15.1 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 15.1 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-left: calc( var( --scw-spacing-1 ) * 17.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 17.6 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-left-percent: 25.16%;",
-      "outputSegment": "$left-percent: 25.16%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-left-percent: 27.64%;",
+      "outputSegment": "$left-percent: 27.64%;",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 55.1 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 55.1 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 53.6 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 53.6 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-vars.$right"
     },
     "padding-left": {
@@ -267544,8 +267594,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-vars.$width"
     },
     "height": {
@@ -267741,8 +267791,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -267751,8 +267801,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -268037,8 +268087,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-vars.$width"
     },
     "height": {
@@ -268127,13 +268177,13 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -268284,8 +268334,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -268294,8 +268344,8 @@
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-vars.$right"
     }
   },
@@ -268386,33 +268436,33 @@
       "outputSegmentRef": "size-compact-align-left-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-top: calc( var( --scw-spacing-1 ) * 39.7 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.7 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-top: calc( var( --scw-spacing-1 ) * 32.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 32.1 );",
       "outputSegmentRef": "size-compact-align-left-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-top-percent: 55.54%;",
-      "outputSegment": "$top-percent: 55.54%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-top-percent: 30.92%;",
+      "outputSegment": "$top-percent: 30.92%;",
       "outputSegmentRef": "size-compact-align-left-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-bottom: calc( var( --scw-spacing-1 ) * 31.1 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.1 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-bottom: calc( var( --scw-spacing-1 ) * 75.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 75.9 );",
       "outputSegmentRef": "size-compact-align-left-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-left: var( --scw-spacing-2 );",
-      "outputSegment": "$left: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-left: calc( var( --scw-spacing-1 ) * 3.8 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.8 );",
       "outputSegmentRef": "size-compact-align-left-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-left-percent: 32.18%;",
-      "outputSegment": "$left-percent: 32.18%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-left-percent: 49.89%;",
+      "outputSegment": "$left-percent: 49.89%;",
       "outputSegmentRef": "size-compact-align-left-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-right: var( --scw-spacing-4 );",
+      "outputSegment": "$right: var( --scw-spacing-4 );",
       "outputSegmentRef": "size-compact-align-left-vars.$right"
     },
     "padding-left": {
@@ -268463,8 +268513,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-vars.$stroke-align"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-vars.$width"
     },
     "height": {
@@ -268543,13 +268593,13 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-left-percent: 6.4%;",
-      "outputSegment": "$left-percent: 6.4%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-left-percent: 5.78%;",
+      "outputSegment": "$left-percent: 5.78%;",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 70.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 70.2 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 71.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 71.2 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-vars.$right"
     },
     "padding-left": {
@@ -268585,8 +268635,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-vars.$width"
     },
     "height": {
@@ -268782,8 +268832,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.$left"
     },
     "left-percent": {
@@ -268792,8 +268842,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.15 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.15 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.65 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.65 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.$right"
     },
     "padding-left": {
@@ -269078,8 +269128,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-vars.$background-color"
     },
     "width": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-width: 103px;",
-      "outputSegment": "$width: 103px;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-width: 93px;",
+      "outputSegment": "$width: 93px;",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-vars.$width"
     },
     "height": {
@@ -269168,13 +269218,13 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-vars.$right"
     },
     "padding-left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-padding-left: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-vars.$padding-left"
     },
     "padding-right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-padding-right: var( --scw-spacing-1 );",
+      "outputSegment": "$padding-right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-vars.$padding-right"
     },
     "padding-top": {
@@ -269325,8 +269375,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-left: var( --scw-spacing-1 );",
+      "outputSegment": "$left: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.$left"
     },
     "left-percent": {
@@ -269335,8 +269385,8 @@
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-right: var( --scw-spacing-1 );",
+      "outputSegment": "$right: var( --scw-spacing-1 );",
       "outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.$right"
     }
   },
@@ -269427,33 +269477,33 @@
       "outputSegmentRef": "align-vertical-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-top: var( --scw-spacing-2 );",
-      "outputSegment": "$top: var( --scw-spacing-2 );",
+      "output": "$comp-scw-horizontal-nav-align-vertical-top: calc( var( --scw-spacing-1 ) * 43.15 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 43.15 );",
       "outputSegmentRef": "align-vertical-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-top-percent: 33.83%;",
-      "outputSegment": "$top-percent: 33.83%;",
+      "output": "$comp-scw-horizontal-nav-align-vertical-top-percent: 58.71%;",
+      "outputSegment": "$top-percent: 58.71%;",
       "outputSegmentRef": "align-vertical-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 27.1 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.1 );",
+      "output": "$comp-scw-horizontal-nav-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 23.15 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 23.15 );",
       "outputSegmentRef": "align-vertical-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-left: calc( var( --scw-spacing-1 ) * 94.5 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 94.5 );",
+      "output": "$comp-scw-horizontal-nav-align-vertical-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
       "outputSegmentRef": "align-vertical-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-left-percent: 76.85%;",
-      "outputSegment": "$left-percent: 76.85%;",
+      "output": "$comp-scw-horizontal-nav-align-vertical-left-percent: 11.33%;",
+      "outputSegment": "$left-percent: 11.33%;",
       "outputSegmentRef": "align-vertical-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-align-vertical-right: calc( var( --scw-spacing-1 ) * 24 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 24 );",
+      "output": "$comp-scw-horizontal-nav-align-vertical-right: calc( var( --scw-spacing-1 ) * 71.9 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 71.9 );",
       "outputSegmentRef": "align-vertical-vars.$right"
     },
     "padding-left": {
@@ -270468,33 +270518,33 @@
       "outputSegmentRef": "size-compact-align-vertical-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top: calc( var( --scw-spacing-1 ) * 2.5 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 2.5 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top: calc( var( --scw-spacing-1 ) * 43.65 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 43.65 );",
       "outputSegmentRef": "size-compact-align-vertical-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 26.74%;",
-      "outputSegment": "$top-percent: 26.74%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 53.92%;",
+      "outputSegment": "$top-percent: 53.92%;",
       "outputSegmentRef": "size-compact-align-vertical-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 38.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 38.6 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 34.65 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 34.65 );",
       "outputSegmentRef": "size-compact-align-vertical-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-left: calc( var( --scw-spacing-1 ) * 110.01787109375 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 110.01787109375 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-left: calc( var( --scw-spacing-1 ) * 16.4 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 16.4 );",
       "outputSegmentRef": "size-compact-align-vertical-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-left-percent: 87.71%;",
-      "outputSegment": "$left-percent: 87.71%;",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-left-percent: 24.41%;",
+      "outputSegment": "$left-percent: 24.41%;",
       "outputSegmentRef": "size-compact-align-vertical-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-right: calc( var( --scw-spacing-1 ) * 10.98212890625 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 10.98212890625 );",
+      "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-right: calc( var( --scw-spacing-1 ) * 61.6 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 61.6 );",
       "outputSegmentRef": "size-compact-align-vertical-vars.$right"
     },
     "padding-left": {