scu-web-components 0.0.94 → 0.0.95

package/dist/tokens/source/scssVariables.scss

@@ -18905,7 +18905,7 @@ $comp-scw-block-corner-radius-top-right: 5px;
 $comp-scw-block-corner-radius-bottom-right: 5px;
 $comp-scw-block-corner-radius-bottom-left: 5px;
 $comp-scw-block-width: 566px;
-$comp-scw-block-height: 1096px;
+$comp-scw-block-height: 1078px;
 $comp-scw-block-constraint-horizontal: MIN;
 $comp-scw-block-constraint-vertical: MIN;
 $comp-scw-block-constrain-proportions: false;
@@ -18929,7 +18929,7 @@ $comp-scw-block-padding-bottom: var( --scw-spacing-2 );
 
 $comp-scw-block-default-background-color: rgba(0,0,0,0);
 $comp-scw-block-default-width: 526px;
-$comp-scw-block-default-height: 175px;
+$comp-scw-block-default-height: 172px;
 $comp-scw-block-default-constraint-horizontal: MIN;
 $comp-scw-block-default-constraint-vertical: MIN;
 $comp-scw-block-default-constrain-proportions: false;
@@ -18941,8 +18941,8 @@ $comp-scw-block-default-item-spacing: 0px;
 $comp-scw-block-default-layout-align: STRETCH;
 $comp-scw-block-default-layout-grow: 0;
 $comp-scw-block-default-top: var( --scw-spacing-2 );
-$comp-scw-block-default-top-percent: 9.81%;
-$comp-scw-block-default-bottom: calc( var( --scw-spacing-1 ) * 90.1 );
+$comp-scw-block-default-top-percent: 9.83%;
+$comp-scw-block-default-bottom: calc( var( --scw-spacing-1 ) * 88.6 );
 $comp-scw-block-default-left: var( --scw-spacing-2 );
 $comp-scw-block-default-left-percent: 50%;
 $comp-scw-block-default-right: var( --scw-spacing-2 );
@@ -18954,7 +18954,7 @@ $comp-scw-block-default-margin-bottom: 0px;
 
 $comp-scw-block-default-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-default-super-heading-width: 526px;
-$comp-scw-block-default-super-heading-height: 37px;
+$comp-scw-block-default-super-heading-height: 34px;
 $comp-scw-block-default-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-default-super-heading-constraint-vertical: MIN;
 $comp-scw-block-default-super-heading-constrain-proportions: false;
@@ -18966,7 +18966,7 @@ $comp-scw-block-default-super-heading-item-spacing: 0px;
 $comp-scw-block-default-super-heading-layout-align: STRETCH;
 $comp-scw-block-default-super-heading-layout-grow: 0;
 $comp-scw-block-default-super-heading-top: 0px;
-$comp-scw-block-default-super-heading-top-percent: 10.57%;
+$comp-scw-block-default-super-heading-top-percent: 9.88%;
 $comp-scw-block-default-super-heading-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $comp-scw-block-default-super-heading-left: 0px;
 $comp-scw-block-default-super-heading-left-percent: 50%;
@@ -18977,18 +18977,18 @@ $comp-scw-block-default-super-heading-padding-top: 0px;
 $comp-scw-block-default-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-default-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-default-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-default-super-heading-text-font-size: 1rem;
 $comp-scw-block-default-super-heading-text-text-align-horizontal: LEFT;
 $comp-scw-block-default-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-default-super-heading-text-text-transform: none;
 $comp-scw-block-default-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-default-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-default-super-heading-text-font-weight: 700;
-$comp-scw-block-default-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-default-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-default-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-default-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-default-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-default-super-heading-text-width: 526px;
-$comp-scw-block-default-super-heading-text-height: 27px;
+$comp-scw-block-default-super-heading-text-height: 24px;
 $comp-scw-block-default-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-default-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-default-super-heading-text-constrain-proportions: false;
@@ -19000,7 +19000,7 @@ $comp-scw-block-default-super-heading-text-item-spacing: 0px;
 $comp-scw-block-default-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-default-super-heading-text-layout-grow: 1;
 $comp-scw-block-default-super-heading-text-top: 0px;
-$comp-scw-block-default-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-default-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-default-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-default-super-heading-text-left: 0px;
 $comp-scw-block-default-super-heading-text-left-percent: 50%;
@@ -19019,8 +19019,8 @@ $comp-scw-block-default-heading-counter-axis-align-items: MIN;
 $comp-scw-block-default-heading-item-spacing: 0px;
 $comp-scw-block-default-heading-layout-align: STRETCH;
 $comp-scw-block-default-heading-layout-grow: 0;
-$comp-scw-block-default-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-default-heading-top-percent: 34.57%;
+$comp-scw-block-default-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-default-heading-top-percent: 33.43%;
 $comp-scw-block-default-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-default-heading-left: 0px;
 $comp-scw-block-default-heading-left-percent: 50%;
@@ -19073,8 +19073,8 @@ $comp-scw-block-default-paragraph-counter-axis-align-items: MIN;
 $comp-scw-block-default-paragraph-item-spacing: 0px;
 $comp-scw-block-default-paragraph-layout-align: STRETCH;
 $comp-scw-block-default-paragraph-layout-grow: 0;
-$comp-scw-block-default-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-default-paragraph-top-percent: 60.57%;
+$comp-scw-block-default-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-default-paragraph-top-percent: 59.88%;
 $comp-scw-block-default-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
 $comp-scw-block-default-paragraph-left: 0px;
 $comp-scw-block-default-paragraph-left-percent: 50%;
@@ -19127,8 +19127,8 @@ $comp-scw-block-default-links-counter-axis-align-items: MIN;
 $comp-scw-block-default-links-item-spacing: calc( var( --scw-spacing-1 ) * 1.2 );
 $comp-scw-block-default-links-layout-align: STRETCH;
 $comp-scw-block-default-links-layout-grow: 0;
-$comp-scw-block-default-links-top: calc( var( --scw-spacing-1 ) * 12.8 );
-$comp-scw-block-default-links-top-percent: 86.57%;
+$comp-scw-block-default-links-top: calc( var( --scw-spacing-1 ) * 12.5 );
+$comp-scw-block-default-links-top-percent: 86.34%;
 $comp-scw-block-default-links-bottom: 0px;
 $comp-scw-block-default-links-left: 0px;
 $comp-scw-block-default-links-left-percent: 50%;
@@ -19609,7 +19609,7 @@ $comp-scw-block-default-links-link-2-label-right-icon-icon-vector-padding-bottom
 
 $comp-scw-block-link-total-1-background-color: rgba(0,0,0,0);
 $comp-scw-block-link-total-1-width: 526px;
-$comp-scw-block-link-total-1-height: 175px;
+$comp-scw-block-link-total-1-height: 172px;
 $comp-scw-block-link-total-1-constraint-horizontal: MIN;
 $comp-scw-block-link-total-1-constraint-vertical: MIN;
 $comp-scw-block-link-total-1-constrain-proportions: false;
@@ -19620,9 +19620,9 @@ $comp-scw-block-link-total-1-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-1-item-spacing: 0px;
 $comp-scw-block-link-total-1-layout-align: STRETCH;
 $comp-scw-block-link-total-1-layout-grow: 0;
-$comp-scw-block-link-total-1-top: calc( var( --scw-spacing-1 ) * 21.5 );
-$comp-scw-block-link-total-1-top-percent: 27.6%;
-$comp-scw-block-link-total-1-bottom: calc( var( --scw-spacing-1 ) * 70.6 );
+$comp-scw-block-link-total-1-top: calc( var( --scw-spacing-1 ) * 21.2 );
+$comp-scw-block-link-total-1-top-percent: 27.64%;
+$comp-scw-block-link-total-1-bottom: calc( var( --scw-spacing-1 ) * 69.4 );
 $comp-scw-block-link-total-1-left: var( --scw-spacing-2 );
 $comp-scw-block-link-total-1-left-percent: 50%;
 $comp-scw-block-link-total-1-right: var( --scw-spacing-2 );
@@ -19634,7 +19634,7 @@ $comp-scw-block-link-total-1-margin-bottom: 0px;
 
 $comp-scw-block-link-total-1-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-link-total-1-super-heading-width: 526px;
-$comp-scw-block-link-total-1-super-heading-height: 37px;
+$comp-scw-block-link-total-1-super-heading-height: 34px;
 $comp-scw-block-link-total-1-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-link-total-1-super-heading-constraint-vertical: MIN;
 $comp-scw-block-link-total-1-super-heading-constrain-proportions: false;
@@ -19646,7 +19646,7 @@ $comp-scw-block-link-total-1-super-heading-item-spacing: 0px;
 $comp-scw-block-link-total-1-super-heading-layout-align: STRETCH;
 $comp-scw-block-link-total-1-super-heading-layout-grow: 0;
 $comp-scw-block-link-total-1-super-heading-top: 0px;
-$comp-scw-block-link-total-1-super-heading-top-percent: 10.57%;
+$comp-scw-block-link-total-1-super-heading-top-percent: 9.88%;
 $comp-scw-block-link-total-1-super-heading-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $comp-scw-block-link-total-1-super-heading-left: 0px;
 $comp-scw-block-link-total-1-super-heading-left-percent: 50%;
@@ -19657,18 +19657,18 @@ $comp-scw-block-link-total-1-super-heading-padding-top: 0px;
 $comp-scw-block-link-total-1-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-link-total-1-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-link-total-1-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-link-total-1-super-heading-text-font-size: 1rem;
 $comp-scw-block-link-total-1-super-heading-text-text-align-horizontal: LEFT;
 $comp-scw-block-link-total-1-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-link-total-1-super-heading-text-text-transform: none;
 $comp-scw-block-link-total-1-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-link-total-1-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-link-total-1-super-heading-text-font-weight: 700;
-$comp-scw-block-link-total-1-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-link-total-1-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-link-total-1-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-link-total-1-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-link-total-1-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-link-total-1-super-heading-text-width: 526px;
-$comp-scw-block-link-total-1-super-heading-text-height: 27px;
+$comp-scw-block-link-total-1-super-heading-text-height: 24px;
 $comp-scw-block-link-total-1-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-link-total-1-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-link-total-1-super-heading-text-constrain-proportions: false;
@@ -19680,7 +19680,7 @@ $comp-scw-block-link-total-1-super-heading-text-item-spacing: 0px;
 $comp-scw-block-link-total-1-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-link-total-1-super-heading-text-layout-grow: 1;
 $comp-scw-block-link-total-1-super-heading-text-top: 0px;
-$comp-scw-block-link-total-1-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-link-total-1-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-link-total-1-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-link-total-1-super-heading-text-left: 0px;
 $comp-scw-block-link-total-1-super-heading-text-left-percent: 50%;
@@ -19699,8 +19699,8 @@ $comp-scw-block-link-total-1-heading-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-1-heading-item-spacing: 0px;
 $comp-scw-block-link-total-1-heading-layout-align: STRETCH;
 $comp-scw-block-link-total-1-heading-layout-grow: 0;
-$comp-scw-block-link-total-1-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-link-total-1-heading-top-percent: 34.57%;
+$comp-scw-block-link-total-1-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-link-total-1-heading-top-percent: 33.43%;
 $comp-scw-block-link-total-1-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-link-total-1-heading-left: 0px;
 $comp-scw-block-link-total-1-heading-left-percent: 50%;
@@ -19753,8 +19753,8 @@ $comp-scw-block-link-total-1-paragraph-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-1-paragraph-item-spacing: 0px;
 $comp-scw-block-link-total-1-paragraph-layout-align: STRETCH;
 $comp-scw-block-link-total-1-paragraph-layout-grow: 0;
-$comp-scw-block-link-total-1-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-link-total-1-paragraph-top-percent: 60.57%;
+$comp-scw-block-link-total-1-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-link-total-1-paragraph-top-percent: 59.88%;
 $comp-scw-block-link-total-1-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
 $comp-scw-block-link-total-1-paragraph-left: 0px;
 $comp-scw-block-link-total-1-paragraph-left-percent: 50%;
@@ -19807,8 +19807,8 @@ $comp-scw-block-link-total-1-links-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-1-links-item-spacing: calc( var( --scw-spacing-1 ) * 0.8 );
 $comp-scw-block-link-total-1-links-layout-align: STRETCH;
 $comp-scw-block-link-total-1-links-layout-grow: 0;
-$comp-scw-block-link-total-1-links-top: calc( var( --scw-spacing-1 ) * 12.8 );
-$comp-scw-block-link-total-1-links-top-percent: 86.57%;
+$comp-scw-block-link-total-1-links-top: calc( var( --scw-spacing-1 ) * 12.5 );
+$comp-scw-block-link-total-1-links-top-percent: 86.34%;
 $comp-scw-block-link-total-1-links-bottom: 0px;
 $comp-scw-block-link-total-1-links-left: 0px;
 $comp-scw-block-link-total-1-links-left-percent: 50%;
@@ -20054,7 +20054,7 @@ $comp-scw-block-link-total-1-links-link-1-label-right-icon-icon-vector-padding-b
 
 $comp-scw-block-link-total-0-background-color: rgba(0,0,0,0);
 $comp-scw-block-link-total-0-width: 526px;
-$comp-scw-block-link-total-0-height: 128px;
+$comp-scw-block-link-total-0-height: 125px;
 $comp-scw-block-link-total-0-constraint-horizontal: MIN;
 $comp-scw-block-link-total-0-constraint-vertical: MIN;
 $comp-scw-block-link-total-0-constrain-proportions: false;
@@ -20065,9 +20065,9 @@ $comp-scw-block-link-total-0-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-0-item-spacing: 0px;
 $comp-scw-block-link-total-0-layout-align: STRETCH;
 $comp-scw-block-link-total-0-layout-grow: 0;
-$comp-scw-block-link-total-0-top: calc( var( --scw-spacing-1 ) * 41 );
-$comp-scw-block-link-total-0-top-percent: 43.25%;
-$comp-scw-block-link-total-0-bottom: calc( var( --scw-spacing-1 ) * 55.8 );
+$comp-scw-block-link-total-0-top: calc( var( --scw-spacing-1 ) * 40.4 );
+$comp-scw-block-link-total-0-top-percent: 43.27%;
+$comp-scw-block-link-total-0-bottom: calc( var( --scw-spacing-1 ) * 54.9 );
 $comp-scw-block-link-total-0-left: var( --scw-spacing-2 );
 $comp-scw-block-link-total-0-left-percent: 50%;
 $comp-scw-block-link-total-0-right: var( --scw-spacing-2 );
@@ -20079,7 +20079,7 @@ $comp-scw-block-link-total-0-margin-bottom: 0px;
 
 $comp-scw-block-link-total-0-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-link-total-0-super-heading-width: 526px;
-$comp-scw-block-link-total-0-super-heading-height: 37px;
+$comp-scw-block-link-total-0-super-heading-height: 34px;
 $comp-scw-block-link-total-0-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-link-total-0-super-heading-constraint-vertical: MIN;
 $comp-scw-block-link-total-0-super-heading-constrain-proportions: false;
@@ -20091,7 +20091,7 @@ $comp-scw-block-link-total-0-super-heading-item-spacing: 0px;
 $comp-scw-block-link-total-0-super-heading-layout-align: STRETCH;
 $comp-scw-block-link-total-0-super-heading-layout-grow: 0;
 $comp-scw-block-link-total-0-super-heading-top: 0px;
-$comp-scw-block-link-total-0-super-heading-top-percent: 14.45%;
+$comp-scw-block-link-total-0-super-heading-top-percent: 13.6%;
 $comp-scw-block-link-total-0-super-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-link-total-0-super-heading-left: 0px;
 $comp-scw-block-link-total-0-super-heading-left-percent: 50%;
@@ -20102,18 +20102,18 @@ $comp-scw-block-link-total-0-super-heading-padding-top: 0px;
 $comp-scw-block-link-total-0-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-link-total-0-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-link-total-0-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-link-total-0-super-heading-text-font-size: 1rem;
 $comp-scw-block-link-total-0-super-heading-text-text-align-horizontal: LEFT;
 $comp-scw-block-link-total-0-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-link-total-0-super-heading-text-text-transform: none;
 $comp-scw-block-link-total-0-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-link-total-0-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-link-total-0-super-heading-text-font-weight: 700;
-$comp-scw-block-link-total-0-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-link-total-0-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-link-total-0-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-link-total-0-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-link-total-0-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-link-total-0-super-heading-text-width: 526px;
-$comp-scw-block-link-total-0-super-heading-text-height: 27px;
+$comp-scw-block-link-total-0-super-heading-text-height: 24px;
 $comp-scw-block-link-total-0-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-link-total-0-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-link-total-0-super-heading-text-constrain-proportions: false;
@@ -20125,7 +20125,7 @@ $comp-scw-block-link-total-0-super-heading-text-item-spacing: 0px;
 $comp-scw-block-link-total-0-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-link-total-0-super-heading-text-layout-grow: 1;
 $comp-scw-block-link-total-0-super-heading-text-top: 0px;
-$comp-scw-block-link-total-0-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-link-total-0-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-link-total-0-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-link-total-0-super-heading-text-left: 0px;
 $comp-scw-block-link-total-0-super-heading-text-left-percent: 50%;
@@ -20144,8 +20144,8 @@ $comp-scw-block-link-total-0-heading-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-0-heading-item-spacing: 0px;
 $comp-scw-block-link-total-0-heading-layout-align: STRETCH;
 $comp-scw-block-link-total-0-heading-layout-grow: 0;
-$comp-scw-block-link-total-0-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-link-total-0-heading-top-percent: 47.27%;
+$comp-scw-block-link-total-0-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-link-total-0-heading-top-percent: 46%;
 $comp-scw-block-link-total-0-heading-bottom: calc( var( --scw-spacing-1 ) * 4.4 );
 $comp-scw-block-link-total-0-heading-left: 0px;
 $comp-scw-block-link-total-0-heading-left-percent: 50%;
@@ -20198,8 +20198,8 @@ $comp-scw-block-link-total-0-paragraph-counter-axis-align-items: MIN;
 $comp-scw-block-link-total-0-paragraph-item-spacing: 0px;
 $comp-scw-block-link-total-0-paragraph-layout-align: STRETCH;
 $comp-scw-block-link-total-0-paragraph-layout-grow: 0;
-$comp-scw-block-link-total-0-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-link-total-0-paragraph-top-percent: 82.81%;
+$comp-scw-block-link-total-0-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-link-total-0-paragraph-top-percent: 82.4%;
 $comp-scw-block-link-total-0-paragraph-bottom: 0px;
 $comp-scw-block-link-total-0-paragraph-left: 0px;
 $comp-scw-block-link-total-0-paragraph-left-percent: 50%;
@@ -20241,7 +20241,7 @@ $comp-scw-block-link-total-0-paragraph-text-right: 0px;
 
 $comp-scw-block-alignment-center-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-width: 526px;
-$comp-scw-block-alignment-center-height: 175px;
+$comp-scw-block-alignment-center-height: 172px;
 $comp-scw-block-alignment-center-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-constrain-proportions: false;
@@ -20252,9 +20252,9 @@ $comp-scw-block-alignment-center-counter-axis-align-items: CENTER;
 $comp-scw-block-alignment-center-item-spacing: 0px;
 $comp-scw-block-alignment-center-layout-align: STRETCH;
 $comp-scw-block-alignment-center-layout-grow: 0;
-$comp-scw-block-alignment-center-top: calc( var( --scw-spacing-1 ) * 55.8 );
-$comp-scw-block-alignment-center-top-percent: 58.9%;
-$comp-scw-block-alignment-center-bottom: calc( var( --scw-spacing-1 ) * 36.3 );
+$comp-scw-block-alignment-center-top: calc( var( --scw-spacing-1 ) * 54.9 );
+$comp-scw-block-alignment-center-top-percent: 58.91%;
+$comp-scw-block-alignment-center-bottom: calc( var( --scw-spacing-1 ) * 35.7 );
 $comp-scw-block-alignment-center-left: var( --scw-spacing-2 );
 $comp-scw-block-alignment-center-left-percent: 50%;
 $comp-scw-block-alignment-center-right: var( --scw-spacing-2 );
@@ -20266,7 +20266,7 @@ $comp-scw-block-alignment-center-margin-bottom: 0px;
 
 $comp-scw-block-alignment-center-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-super-heading-width: 526px;
-$comp-scw-block-alignment-center-super-heading-height: 37px;
+$comp-scw-block-alignment-center-super-heading-height: 34px;
 $comp-scw-block-alignment-center-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-super-heading-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-super-heading-constrain-proportions: false;
@@ -20278,7 +20278,7 @@ $comp-scw-block-alignment-center-super-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-super-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-super-heading-layout-grow: 0;
 $comp-scw-block-alignment-center-super-heading-top: 0px;
-$comp-scw-block-alignment-center-super-heading-top-percent: 10.57%;
+$comp-scw-block-alignment-center-super-heading-top-percent: 9.88%;
 $comp-scw-block-alignment-center-super-heading-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $comp-scw-block-alignment-center-super-heading-left: 0px;
 $comp-scw-block-alignment-center-super-heading-left-percent: 50%;
@@ -20289,18 +20289,18 @@ $comp-scw-block-alignment-center-super-heading-padding-top: 0px;
 $comp-scw-block-alignment-center-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-alignment-center-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-alignment-center-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-alignment-center-super-heading-text-font-size: 1rem;
 $comp-scw-block-alignment-center-super-heading-text-text-align-horizontal: CENTER;
 $comp-scw-block-alignment-center-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-alignment-center-super-heading-text-text-transform: none;
 $comp-scw-block-alignment-center-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-alignment-center-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-alignment-center-super-heading-text-font-weight: 700;
-$comp-scw-block-alignment-center-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-alignment-center-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-alignment-center-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-alignment-center-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-alignment-center-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-alignment-center-super-heading-text-width: 526px;
-$comp-scw-block-alignment-center-super-heading-text-height: 27px;
+$comp-scw-block-alignment-center-super-heading-text-height: 24px;
 $comp-scw-block-alignment-center-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-super-heading-text-constrain-proportions: false;
@@ -20312,7 +20312,7 @@ $comp-scw-block-alignment-center-super-heading-text-item-spacing: 0px;
 $comp-scw-block-alignment-center-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-alignment-center-super-heading-text-layout-grow: 1;
 $comp-scw-block-alignment-center-super-heading-text-top: 0px;
-$comp-scw-block-alignment-center-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-alignment-center-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-alignment-center-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-alignment-center-super-heading-text-left: 0px;
 $comp-scw-block-alignment-center-super-heading-text-left-percent: 50%;
@@ -20331,8 +20331,8 @@ $comp-scw-block-alignment-center-heading-counter-axis-align-items: MIN;
 $comp-scw-block-alignment-center-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-heading-layout-grow: 0;
-$comp-scw-block-alignment-center-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-alignment-center-heading-top-percent: 34.57%;
+$comp-scw-block-alignment-center-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-alignment-center-heading-top-percent: 33.43%;
 $comp-scw-block-alignment-center-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-alignment-center-heading-left: 0px;
 $comp-scw-block-alignment-center-heading-left-percent: 50%;
@@ -20385,8 +20385,8 @@ $comp-scw-block-alignment-center-paragraph-counter-axis-align-items: MIN;
 $comp-scw-block-alignment-center-paragraph-item-spacing: 0px;
 $comp-scw-block-alignment-center-paragraph-layout-align: STRETCH;
 $comp-scw-block-alignment-center-paragraph-layout-grow: 0;
-$comp-scw-block-alignment-center-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-alignment-center-paragraph-top-percent: 60.57%;
+$comp-scw-block-alignment-center-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-alignment-center-paragraph-top-percent: 59.88%;
 $comp-scw-block-alignment-center-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
 $comp-scw-block-alignment-center-paragraph-left: 0px;
 $comp-scw-block-alignment-center-paragraph-left-percent: 50%;
@@ -20439,8 +20439,8 @@ $comp-scw-block-alignment-center-links-counter-axis-align-items: MIN;
 $comp-scw-block-alignment-center-links-item-spacing: calc( var( --scw-spacing-1 ) * 1.2 );
 $comp-scw-block-alignment-center-links-layout-align: STRETCH;
 $comp-scw-block-alignment-center-links-layout-grow: 0;
-$comp-scw-block-alignment-center-links-top: calc( var( --scw-spacing-1 ) * 12.8 );
-$comp-scw-block-alignment-center-links-top-percent: 86.57%;
+$comp-scw-block-alignment-center-links-top: calc( var( --scw-spacing-1 ) * 12.5 );
+$comp-scw-block-alignment-center-links-top-percent: 86.34%;
 $comp-scw-block-alignment-center-links-bottom: 0px;
 $comp-scw-block-alignment-center-links-left: 0px;
 $comp-scw-block-alignment-center-links-left-percent: 50%;
@@ -20921,7 +20921,7 @@ $comp-scw-block-alignment-center-links-link-2-label-right-icon-icon-vector-paddi
 
 $comp-scw-block-alignment-center-link-total-1-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-link-total-1-width: 526px;
-$comp-scw-block-alignment-center-link-total-1-height: 175px;
+$comp-scw-block-alignment-center-link-total-1-height: 172px;
 $comp-scw-block-alignment-center-link-total-1-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-1-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-1-constrain-proportions: false;
@@ -20932,9 +20932,9 @@ $comp-scw-block-alignment-center-link-total-1-counter-axis-align-items: CENTER;
 $comp-scw-block-alignment-center-link-total-1-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-1-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-1-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-1-top: calc( var( --scw-spacing-1 ) * 75.3 );
-$comp-scw-block-alignment-center-link-total-1-top-percent: 76.69%;
-$comp-scw-block-alignment-center-link-total-1-bottom: calc( var( --scw-spacing-1 ) * 16.8 );
+$comp-scw-block-alignment-center-link-total-1-top: calc( var( --scw-spacing-1 ) * 74.1 );
+$comp-scw-block-alignment-center-link-total-1-top-percent: 76.72%;
+$comp-scw-block-alignment-center-link-total-1-bottom: calc( var( --scw-spacing-1 ) * 16.5 );
 $comp-scw-block-alignment-center-link-total-1-left: var( --scw-spacing-2 );
 $comp-scw-block-alignment-center-link-total-1-left-percent: 50%;
 $comp-scw-block-alignment-center-link-total-1-right: var( --scw-spacing-2 );
@@ -20946,7 +20946,7 @@ $comp-scw-block-alignment-center-link-total-1-margin-bottom: 0px;
 
 $comp-scw-block-alignment-center-link-total-1-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-link-total-1-super-heading-width: 526px;
-$comp-scw-block-alignment-center-link-total-1-super-heading-height: 37px;
+$comp-scw-block-alignment-center-link-total-1-super-heading-height: 34px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-1-super-heading-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-1-super-heading-constrain-proportions: false;
@@ -20958,7 +20958,7 @@ $comp-scw-block-alignment-center-link-total-1-super-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-1-super-heading-layout-grow: 0;
 $comp-scw-block-alignment-center-link-total-1-super-heading-top: 0px;
-$comp-scw-block-alignment-center-link-total-1-super-heading-top-percent: 10.57%;
+$comp-scw-block-alignment-center-link-total-1-super-heading-top-percent: 9.88%;
 $comp-scw-block-alignment-center-link-total-1-super-heading-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $comp-scw-block-alignment-center-link-total-1-super-heading-left: 0px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-left-percent: 50%;
@@ -20969,18 +20969,18 @@ $comp-scw-block-alignment-center-link-total-1-super-heading-padding-top: 0px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-alignment-center-link-total-1-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-alignment-center-link-total-1-super-heading-text-font-size: 1rem;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-text-align-horizontal: CENTER;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-text-transform: none;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-font-weight: 700;
-$comp-scw-block-alignment-center-link-total-1-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-alignment-center-link-total-1-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-alignment-center-link-total-1-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-alignment-center-link-total-1-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-width: 526px;
-$comp-scw-block-alignment-center-link-total-1-super-heading-text-height: 27px;
+$comp-scw-block-alignment-center-link-total-1-super-heading-text-height: 24px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-constrain-proportions: false;
@@ -20992,7 +20992,7 @@ $comp-scw-block-alignment-center-link-total-1-super-heading-text-item-spacing: 0
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-layout-grow: 1;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-top: 0px;
-$comp-scw-block-alignment-center-link-total-1-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-alignment-center-link-total-1-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-left: 0px;
 $comp-scw-block-alignment-center-link-total-1-super-heading-text-left-percent: 50%;
@@ -21011,8 +21011,8 @@ $comp-scw-block-alignment-center-link-total-1-heading-counter-axis-align-items:
 $comp-scw-block-alignment-center-link-total-1-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-1-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-1-heading-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-1-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-alignment-center-link-total-1-heading-top-percent: 34.57%;
+$comp-scw-block-alignment-center-link-total-1-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-alignment-center-link-total-1-heading-top-percent: 33.43%;
 $comp-scw-block-alignment-center-link-total-1-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-alignment-center-link-total-1-heading-left: 0px;
 $comp-scw-block-alignment-center-link-total-1-heading-left-percent: 50%;
@@ -21065,8 +21065,8 @@ $comp-scw-block-alignment-center-link-total-1-paragraph-counter-axis-align-items
 $comp-scw-block-alignment-center-link-total-1-paragraph-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-1-paragraph-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-1-paragraph-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-1-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-alignment-center-link-total-1-paragraph-top-percent: 60.57%;
+$comp-scw-block-alignment-center-link-total-1-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-alignment-center-link-total-1-paragraph-top-percent: 59.88%;
 $comp-scw-block-alignment-center-link-total-1-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
 $comp-scw-block-alignment-center-link-total-1-paragraph-left: 0px;
 $comp-scw-block-alignment-center-link-total-1-paragraph-left-percent: 50%;
@@ -21119,8 +21119,8 @@ $comp-scw-block-alignment-center-link-total-1-links-counter-axis-align-items: MI
 $comp-scw-block-alignment-center-link-total-1-links-item-spacing: calc( var( --scw-spacing-1 ) * 0.8 );
 $comp-scw-block-alignment-center-link-total-1-links-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-1-links-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-1-links-top: calc( var( --scw-spacing-1 ) * 12.8 );
-$comp-scw-block-alignment-center-link-total-1-links-top-percent: 86.57%;
+$comp-scw-block-alignment-center-link-total-1-links-top: calc( var( --scw-spacing-1 ) * 12.5 );
+$comp-scw-block-alignment-center-link-total-1-links-top-percent: 86.34%;
 $comp-scw-block-alignment-center-link-total-1-links-bottom: 0px;
 $comp-scw-block-alignment-center-link-total-1-links-left: 0px;
 $comp-scw-block-alignment-center-link-total-1-links-left-percent: 50%;
@@ -21366,7 +21366,7 @@ $comp-scw-block-alignment-center-link-total-1-links-link-1-label-right-icon-icon
 
 $comp-scw-block-alignment-center-link-total-0-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-link-total-0-width: 526px;
-$comp-scw-block-alignment-center-link-total-0-height: 128px;
+$comp-scw-block-alignment-center-link-total-0-height: 125px;
 $comp-scw-block-alignment-center-link-total-0-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-0-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-0-constrain-proportions: false;
@@ -21377,8 +21377,8 @@ $comp-scw-block-alignment-center-link-total-0-counter-axis-align-items: CENTER;
 $comp-scw-block-alignment-center-link-total-0-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-0-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-0-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-0-top: calc( var( --scw-spacing-1 ) * 94.8 );
-$comp-scw-block-alignment-center-link-total-0-top-percent: 92.34%;
+$comp-scw-block-alignment-center-link-total-0-top: calc( var( --scw-spacing-1 ) * 93.3 );
+$comp-scw-block-alignment-center-link-total-0-top-percent: 92.35%;
 $comp-scw-block-alignment-center-link-total-0-bottom: var( --scw-spacing-2 );
 $comp-scw-block-alignment-center-link-total-0-left: var( --scw-spacing-2 );
 $comp-scw-block-alignment-center-link-total-0-left-percent: 50%;
@@ -21390,7 +21390,7 @@ $comp-scw-block-alignment-center-link-total-0-padding-bottom: 0px;
 
 $comp-scw-block-alignment-center-link-total-0-super-heading-background-color: rgba(0,0,0,0);
 $comp-scw-block-alignment-center-link-total-0-super-heading-width: 526px;
-$comp-scw-block-alignment-center-link-total-0-super-heading-height: 37px;
+$comp-scw-block-alignment-center-link-total-0-super-heading-height: 34px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-0-super-heading-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-0-super-heading-constrain-proportions: false;
@@ -21402,7 +21402,7 @@ $comp-scw-block-alignment-center-link-total-0-super-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-0-super-heading-layout-grow: 0;
 $comp-scw-block-alignment-center-link-total-0-super-heading-top: 0px;
-$comp-scw-block-alignment-center-link-total-0-super-heading-top-percent: 14.45%;
+$comp-scw-block-alignment-center-link-total-0-super-heading-top-percent: 13.6%;
 $comp-scw-block-alignment-center-link-total-0-super-heading-bottom: calc( var( --scw-spacing-1 ) * 9.1 );
 $comp-scw-block-alignment-center-link-total-0-super-heading-left: 0px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-left-percent: 50%;
@@ -21413,18 +21413,18 @@ $comp-scw-block-alignment-center-link-total-0-super-heading-padding-top: 0px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-characters: 'Super Heading';
-$comp-scw-block-alignment-center-link-total-0-super-heading-text-font-size: 1.125rem;
+$comp-scw-block-alignment-center-link-total-0-super-heading-text-font-size: 1rem;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-text-align-horizontal: CENTER;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-text-align-vertical: TOP;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-text-transform: none;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-font-family: 'Proxima Nova';
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-font-weight: 700;
-$comp-scw-block-alignment-center-link-total-0-super-heading-text-line-height: 1.688rem;
+$comp-scw-block-alignment-center-link-total-0-super-heading-text-line-height: 1.5rem;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-letter-spacing: 0rem;
-$comp-scw-block-alignment-center-link-total-0-super-heading-text-font: var( --scw-type-text-bold-font );
+$comp-scw-block-alignment-center-link-total-0-super-heading-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-width: 526px;
-$comp-scw-block-alignment-center-link-total-0-super-heading-text-height: 27px;
+$comp-scw-block-alignment-center-link-total-0-super-heading-text-height: 24px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-constraint-horizontal: MIN;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-constraint-vertical: MIN;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-constrain-proportions: false;
@@ -21436,7 +21436,7 @@ $comp-scw-block-alignment-center-link-total-0-super-heading-text-item-spacing: 0
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-layout-align: INHERIT;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-layout-grow: 1;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-top: 0px;
-$comp-scw-block-alignment-center-link-total-0-super-heading-text-top-percent: 36.49%;
+$comp-scw-block-alignment-center-link-total-0-super-heading-text-top-percent: 35.29%;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-bottom: var( --scw-spacing-1 );
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-left: 0px;
 $comp-scw-block-alignment-center-link-total-0-super-heading-text-left-percent: 50%;
@@ -21455,8 +21455,8 @@ $comp-scw-block-alignment-center-link-total-0-heading-counter-axis-align-items:
 $comp-scw-block-alignment-center-link-total-0-heading-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-0-heading-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-0-heading-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-0-heading-top: calc( var( --scw-spacing-1 ) * 3.7 );
-$comp-scw-block-alignment-center-link-total-0-heading-top-percent: 47.27%;
+$comp-scw-block-alignment-center-link-total-0-heading-top: calc( var( --scw-spacing-1 ) * 3.4 );
+$comp-scw-block-alignment-center-link-total-0-heading-top-percent: 46%;
 $comp-scw-block-alignment-center-link-total-0-heading-bottom: calc( var( --scw-spacing-1 ) * 4.4 );
 $comp-scw-block-alignment-center-link-total-0-heading-left: 0px;
 $comp-scw-block-alignment-center-link-total-0-heading-left-percent: 50%;
@@ -21509,8 +21509,8 @@ $comp-scw-block-alignment-center-link-total-0-paragraph-counter-axis-align-items
 $comp-scw-block-alignment-center-link-total-0-paragraph-item-spacing: 0px;
 $comp-scw-block-alignment-center-link-total-0-paragraph-layout-align: STRETCH;
 $comp-scw-block-alignment-center-link-total-0-paragraph-layout-grow: 0;
-$comp-scw-block-alignment-center-link-total-0-paragraph-top: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-block-alignment-center-link-total-0-paragraph-top-percent: 82.81%;
+$comp-scw-block-alignment-center-link-total-0-paragraph-top: calc( var( --scw-spacing-1 ) * 8.1 );
+$comp-scw-block-alignment-center-link-total-0-paragraph-top-percent: 82.4%;
 $comp-scw-block-alignment-center-link-total-0-paragraph-bottom: 0px;
 $comp-scw-block-alignment-center-link-total-0-paragraph-left: 0px;
 $comp-scw-block-alignment-center-link-total-0-paragraph-left-percent: 50%;
@@ -21558,7 +21558,7 @@ $comp-scw-base-heading-corner-radius-top-right: 5px;
 $comp-scw-base-heading-corner-radius-bottom-right: 5px;
 $comp-scw-base-heading-corner-radius-bottom-left: 5px;
 $comp-scw-base-heading-width: 405px;
-$comp-scw-base-heading-height: 351px;
+$comp-scw-base-heading-height: 346px;
 $comp-scw-base-heading-constraint-horizontal: MIN;
 $comp-scw-base-heading-constraint-vertical: MIN;
 $comp-scw-base-heading-constrain-proportions: false;
@@ -21594,8 +21594,8 @@ $comp-scw-base-heading-default-item-spacing: 0px;
 $comp-scw-base-heading-default-layout-align: STRETCH;
 $comp-scw-base-heading-default-layout-grow: 0;
 $comp-scw-base-heading-default-top: var( --scw-spacing-2 );
-$comp-scw-base-heading-default-top-percent: 14.1%;
-$comp-scw-base-heading-default-bottom: calc( var( --scw-spacing-1 ) * 27.2 );
+$comp-scw-base-heading-default-top-percent: 14.31%;
+$comp-scw-base-heading-default-bottom: calc( var( --scw-spacing-1 ) * 26.7 );
 $comp-scw-base-heading-default-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-default-left-percent: 50%;
 $comp-scw-base-heading-default-right: var( --scw-spacing-2 );
@@ -21649,8 +21649,8 @@ $comp-scw-base-heading-level-h2-item-spacing: 0px;
 $comp-scw-base-heading-level-h2-layout-align: STRETCH;
 $comp-scw-base-heading-level-h2-layout-grow: 0;
 $comp-scw-base-heading-level-h2-top: calc( var( --scw-spacing-1 ) * 8.9 );
-$comp-scw-base-heading-level-h2-top-percent: 32.05%;
-$comp-scw-base-heading-level-h2-bottom: calc( var( --scw-spacing-1 ) * 21.5 );
+$comp-scw-base-heading-level-h2-top-percent: 32.51%;
+$comp-scw-base-heading-level-h2-bottom: calc( var( --scw-spacing-1 ) * 21 );
 $comp-scw-base-heading-level-h2-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h2-left-percent: 50%;
 $comp-scw-base-heading-level-h2-right: var( --scw-spacing-2 );
@@ -21704,8 +21704,8 @@ $comp-scw-base-heading-level-h3-item-spacing: 0px;
 $comp-scw-base-heading-level-h3-layout-align: STRETCH;
 $comp-scw-base-heading-level-h3-layout-grow: 0;
 $comp-scw-base-heading-level-h3-top: calc( var( --scw-spacing-1 ) * 14.6 );
-$comp-scw-base-heading-level-h3-top-percent: 47.15%;
-$comp-scw-base-heading-level-h3-bottom: calc( var( --scw-spacing-1 ) * 16.6 );
+$comp-scw-base-heading-level-h3-top-percent: 47.83%;
+$comp-scw-base-heading-level-h3-bottom: calc( var( --scw-spacing-1 ) * 16.1 );
 $comp-scw-base-heading-level-h3-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h3-left-percent: 50%;
 $comp-scw-base-heading-level-h3-right: var( --scw-spacing-2 );
@@ -21747,7 +21747,7 @@ $comp-scw-base-heading-level-h3-text-right: 0px;
 
 $comp-scw-base-heading-level-h4-background-color: rgba(0,0,0,0);
 $comp-scw-base-heading-level-h4-width: 365px;
-$comp-scw-base-heading-level-h4-height: 39px;
+$comp-scw-base-heading-level-h4-height: 40px;
 $comp-scw-base-heading-level-h4-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h4-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h4-constrain-proportions: false;
@@ -21759,8 +21759,8 @@ $comp-scw-base-heading-level-h4-item-spacing: 0px;
 $comp-scw-base-heading-level-h4-layout-align: STRETCH;
 $comp-scw-base-heading-level-h4-layout-grow: 0;
 $comp-scw-base-heading-level-h4-top: calc( var( --scw-spacing-1 ) * 19.5 );
-$comp-scw-base-heading-level-h4-top-percent: 61.11%;
-$comp-scw-base-heading-level-h4-bottom: calc( var( --scw-spacing-1 ) * 11.7 );
+$comp-scw-base-heading-level-h4-top-percent: 62.14%;
+$comp-scw-base-heading-level-h4-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 $comp-scw-base-heading-level-h4-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h4-left-percent: 50%;
 $comp-scw-base-heading-level-h4-right: var( --scw-spacing-2 );
@@ -21771,18 +21771,18 @@ $comp-scw-base-heading-level-h4-padding-bottom: var( --scw-spacing-1 );
 $comp-scw-base-heading-level-h4-margin-bottom: 0px;
 
 $comp-scw-base-heading-level-h4-text-characters: 'Content';
-$comp-scw-base-heading-level-h4-text-font-size: 1.5rem;
+$comp-scw-base-heading-level-h4-text-font-size: 1.25rem;
 $comp-scw-base-heading-level-h4-text-text-align-horizontal: LEFT;
 $comp-scw-base-heading-level-h4-text-text-align-vertical: TOP;
 $comp-scw-base-heading-level-h4-text-text-transform: none;
 $comp-scw-base-heading-level-h4-text-color: var( --scw-color-grey-02 );
 $comp-scw-base-heading-level-h4-text-font-family: 'Proxima Nova';
 $comp-scw-base-heading-level-h4-text-font-weight: 800;
-$comp-scw-base-heading-level-h4-text-line-height: 1.827rem;
+$comp-scw-base-heading-level-h4-text-line-height: 1.875rem;
 $comp-scw-base-heading-level-h4-text-letter-spacing: 0rem;
-$comp-scw-base-heading-level-h4-text-font: var( --scw-type-text-extrabold-07-font );
+$comp-scw-base-heading-level-h4-text-font: var( --scw-type-text-extrabold-06-font );
 $comp-scw-base-heading-level-h4-text-width: 365px;
-$comp-scw-base-heading-level-h4-text-height: 29px;
+$comp-scw-base-heading-level-h4-text-height: 30px;
 $comp-scw-base-heading-level-h4-text-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h4-text-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h4-text-constrain-proportions: false;
@@ -21794,7 +21794,7 @@ $comp-scw-base-heading-level-h4-text-item-spacing: 0px;
 $comp-scw-base-heading-level-h4-text-layout-align: INHERIT;
 $comp-scw-base-heading-level-h4-text-layout-grow: 1;
 $comp-scw-base-heading-level-h4-text-top: 0px;
-$comp-scw-base-heading-level-h4-text-top-percent: 37.18%;
+$comp-scw-base-heading-level-h4-text-top-percent: 37.5%;
 $comp-scw-base-heading-level-h4-text-bottom: var( --scw-spacing-1 );
 $comp-scw-base-heading-level-h4-text-left: 0px;
 $comp-scw-base-heading-level-h4-text-left-percent: 50%;
@@ -21802,7 +21802,7 @@ $comp-scw-base-heading-level-h4-text-right: 0px;
 
 $comp-scw-base-heading-level-h5-background-color: rgba(0,0,0,0);
 $comp-scw-base-heading-level-h5-width: 365px;
-$comp-scw-base-heading-level-h5-height: 40px;
+$comp-scw-base-heading-level-h5-height: 37px;
 $comp-scw-base-heading-level-h5-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h5-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h5-constrain-proportions: false;
@@ -21813,9 +21813,9 @@ $comp-scw-base-heading-level-h5-counter-axis-align-items: MIN;
 $comp-scw-base-heading-level-h5-item-spacing: 0px;
 $comp-scw-base-heading-level-h5-layout-align: STRETCH;
 $comp-scw-base-heading-level-h5-layout-grow: 0;
-$comp-scw-base-heading-level-h5-top: calc( var( --scw-spacing-1 ) * 24.4 );
-$comp-scw-base-heading-level-h5-top-percent: 75.21%;
-$comp-scw-base-heading-level-h5-bottom: calc( var( --scw-spacing-1 ) * 6.7 );
+$comp-scw-base-heading-level-h5-top: calc( var( --scw-spacing-1 ) * 24.5 );
+$comp-scw-base-heading-level-h5-top-percent: 76.16%;
+$comp-scw-base-heading-level-h5-bottom: calc( var( --scw-spacing-1 ) * 6.4 );
 $comp-scw-base-heading-level-h5-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h5-left-percent: 50%;
 $comp-scw-base-heading-level-h5-right: var( --scw-spacing-2 );
@@ -21826,18 +21826,18 @@ $comp-scw-base-heading-level-h5-padding-bottom: var( --scw-spacing-1 );
 $comp-scw-base-heading-level-h5-margin-bottom: 0px;
 
 $comp-scw-base-heading-level-h5-text-characters: 'Content';
-$comp-scw-base-heading-level-h5-text-font-size: 1.25rem;
+$comp-scw-base-heading-level-h5-text-font-size: 1.125rem;
 $comp-scw-base-heading-level-h5-text-text-align-horizontal: LEFT;
 $comp-scw-base-heading-level-h5-text-text-align-vertical: TOP;
 $comp-scw-base-heading-level-h5-text-text-transform: none;
 $comp-scw-base-heading-level-h5-text-color: var( --scw-color-grey-02 );
 $comp-scw-base-heading-level-h5-text-font-family: 'Proxima Nova';
 $comp-scw-base-heading-level-h5-text-font-weight: 800;
-$comp-scw-base-heading-level-h5-text-line-height: 1.875rem;
+$comp-scw-base-heading-level-h5-text-line-height: 1.688rem;
 $comp-scw-base-heading-level-h5-text-letter-spacing: 0rem;
-$comp-scw-base-heading-level-h5-text-font: var( --scw-type-text-extrabold-06-font );
+$comp-scw-base-heading-level-h5-text-font: var( --scw-type-text-extrabold-font );
 $comp-scw-base-heading-level-h5-text-width: 365px;
-$comp-scw-base-heading-level-h5-text-height: 30px;
+$comp-scw-base-heading-level-h5-text-height: 27px;
 $comp-scw-base-heading-level-h5-text-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h5-text-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h5-text-constrain-proportions: false;
@@ -21849,7 +21849,7 @@ $comp-scw-base-heading-level-h5-text-item-spacing: 0px;
 $comp-scw-base-heading-level-h5-text-layout-align: INHERIT;
 $comp-scw-base-heading-level-h5-text-layout-grow: 1;
 $comp-scw-base-heading-level-h5-text-top: 0px;
-$comp-scw-base-heading-level-h5-text-top-percent: 37.5%;
+$comp-scw-base-heading-level-h5-text-top-percent: 36.49%;
 $comp-scw-base-heading-level-h5-text-bottom: var( --scw-spacing-1 );
 $comp-scw-base-heading-level-h5-text-left: 0px;
 $comp-scw-base-heading-level-h5-text-left-percent: 50%;
@@ -21857,7 +21857,7 @@ $comp-scw-base-heading-level-h5-text-right: 0px;
 
 $comp-scw-base-heading-level-h6-background-color: rgba(0,0,0,0);
 $comp-scw-base-heading-level-h6-width: 365px;
-$comp-scw-base-heading-level-h6-height: 37px;
+$comp-scw-base-heading-level-h6-height: 34px;
 $comp-scw-base-heading-level-h6-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h6-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h6-constrain-proportions: false;
@@ -21868,8 +21868,8 @@ $comp-scw-base-heading-level-h6-counter-axis-align-items: MIN;
 $comp-scw-base-heading-level-h6-item-spacing: 0px;
 $comp-scw-base-heading-level-h6-layout-align: STRETCH;
 $comp-scw-base-heading-level-h6-layout-grow: 0;
-$comp-scw-base-heading-level-h6-top: calc( var( --scw-spacing-1 ) * 29.4 );
-$comp-scw-base-heading-level-h6-top-percent: 89.03%;
+$comp-scw-base-heading-level-h6-top: calc( var( --scw-spacing-1 ) * 29.2 );
+$comp-scw-base-heading-level-h6-top-percent: 89.31%;
 $comp-scw-base-heading-level-h6-bottom: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h6-left: var( --scw-spacing-2 );
 $comp-scw-base-heading-level-h6-left-percent: 50%;
@@ -21880,18 +21880,18 @@ $comp-scw-base-heading-level-h6-padding-top: 0px;
 $comp-scw-base-heading-level-h6-padding-bottom: var( --scw-spacing-1 );
 
 $comp-scw-base-heading-level-h6-text-characters: 'Content';
-$comp-scw-base-heading-level-h6-text-font-size: 1.125rem;
+$comp-scw-base-heading-level-h6-text-font-size: 1rem;
 $comp-scw-base-heading-level-h6-text-text-align-horizontal: LEFT;
 $comp-scw-base-heading-level-h6-text-text-align-vertical: TOP;
 $comp-scw-base-heading-level-h6-text-text-transform: none;
 $comp-scw-base-heading-level-h6-text-color: var( --scw-color-grey-02 );
 $comp-scw-base-heading-level-h6-text-font-family: 'Proxima Nova';
 $comp-scw-base-heading-level-h6-text-font-weight: 700;
-$comp-scw-base-heading-level-h6-text-line-height: 1.688rem;
+$comp-scw-base-heading-level-h6-text-line-height: 1.5rem;
 $comp-scw-base-heading-level-h6-text-letter-spacing: 0rem;
-$comp-scw-base-heading-level-h6-text-font: var( --scw-type-text-bold-font );
+$comp-scw-base-heading-level-h6-text-font: var( --scw-type-text-bold-04-font );
 $comp-scw-base-heading-level-h6-text-width: 365px;
-$comp-scw-base-heading-level-h6-text-height: 27px;
+$comp-scw-base-heading-level-h6-text-height: 24px;
 $comp-scw-base-heading-level-h6-text-constraint-horizontal: MIN;
 $comp-scw-base-heading-level-h6-text-constraint-vertical: MIN;
 $comp-scw-base-heading-level-h6-text-constrain-proportions: false;
@@ -21903,7 +21903,7 @@ $comp-scw-base-heading-level-h6-text-item-spacing: 0px;
 $comp-scw-base-heading-level-h6-text-layout-align: INHERIT;
 $comp-scw-base-heading-level-h6-text-layout-grow: 1;
 $comp-scw-base-heading-level-h6-text-top: 0px;
-$comp-scw-base-heading-level-h6-text-top-percent: 36.49%;
+$comp-scw-base-heading-level-h6-text-top-percent: 35.29%;
 $comp-scw-base-heading-level-h6-text-bottom: var( --scw-spacing-1 );
 $comp-scw-base-heading-level-h6-text-left: 0px;
 $comp-scw-base-heading-level-h6-text-left-percent: 50%;
@@ -36463,8 +36463,8 @@ $comp-scw-horizontal-nav-item-corner-radius-top-left: 5px;
 $comp-scw-horizontal-nav-item-corner-radius-top-right: 5px;
 $comp-scw-horizontal-nav-item-corner-radius-bottom-right: 5px;
 $comp-scw-horizontal-nav-item-corner-radius-bottom-left: 5px;
-$comp-scw-horizontal-nav-item-width: 741px;
-$comp-scw-horizontal-nav-item-height: 426px;
+$comp-scw-horizontal-nav-item-width: 850px;
+$comp-scw-horizontal-nav-item-height: 657px;
 $comp-scw-horizontal-nav-item-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-constrain-proportions: false;
@@ -36490,8 +36490,8 @@ $comp-scw-horizontal-nav-item-default-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-default-stroke-color: var( --scw-color-grey-02 );
 $comp-scw-horizontal-nav-item-default-stroke-weight: 0px;
 $comp-scw-horizontal-nav-item-default-stroke-align: INSIDE;
-$comp-scw-horizontal-nav-item-default-width: 150px;
-$comp-scw-horizontal-nav-item-default-height: 80px;
+$comp-scw-horizontal-nav-item-default-width: 148px;
+$comp-scw-horizontal-nav-item-default-height: 77px;
 $comp-scw-horizontal-nav-item-default-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-default-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-default-constrain-proportions: false;
@@ -36502,56 +36502,129 @@ $comp-scw-horizontal-nav-item-default-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-default-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-default-layout-align: MIN;
 $comp-scw-horizontal-nav-item-default-layout-grow: 0;
-$comp-scw-horizontal-nav-item-default-top: calc( var( --scw-spacing-1 ) * 3.2 );
-$comp-scw-horizontal-nav-item-default-top-percent: 16.9%;
-$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 31.4 );
+$comp-scw-horizontal-nav-item-default-top: calc( var( --scw-spacing-1 ) * 8.75 );
+$comp-scw-horizontal-nav-item-default-top-percent: 19.18%;
+$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 49.25 );
 $comp-scw-horizontal-nav-item-default-left: var( --scw-spacing-2 );
-$comp-scw-horizontal-nav-item-default-left-percent: 12.82%;
-$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 57.1 );
-$comp-scw-horizontal-nav-item-default-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-default-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-default-left-percent: 11.06%;
+$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 68.2 );
+$comp-scw-horizontal-nav-item-default-padding-left: 0px;
+$comp-scw-horizontal-nav-item-default-padding-right: 0px;
 $comp-scw-horizontal-nav-item-default-padding-top: 0px;
 $comp-scw-horizontal-nav-item-default-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-default-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-default-container-width: 148px;
-$comp-scw-horizontal-nav-item-default-container-height: 80px;
+$comp-scw-horizontal-nav-item-default-container-height: 77px;
 $comp-scw-horizontal-nav-item-default-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-default-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-default-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-default-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-default-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-default-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-default-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-default-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-default-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-default-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-default-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-default-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-default-container-top: 0px;
 $comp-scw-horizontal-nav-item-default-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-default-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-default-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-default-container-left: 0px;
 $comp-scw-horizontal-nav-item-default-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-default-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-default-container-right: 0px;
 $comp-scw-horizontal-nav-item-default-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-default-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-default-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-default-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-default-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-default-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-top-percent: 32.47%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.7 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.9 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.9 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-default-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-default-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-default-container-label-width: 148px;
-$comp-scw-horizontal-nav-item-default-container-label-height: 80px;
+$comp-scw-horizontal-nav-item-default-container-label-height: 27px;
 $comp-scw-horizontal-nav-item-default-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-default-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-default-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-default-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-default-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-default-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-default-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-default-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-default-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-default-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-default-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-default-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-default-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-default-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-default-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-default-container-label-top-percent: 82.47%;
 $comp-scw-horizontal-nav-item-default-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-default-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-default-container-label-left-percent: 50%;
@@ -36584,9 +36657,9 @@ $comp-scw-horizontal-nav-item-default-container-label-menu-item-counter-axis-ali
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-default-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-default-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-default-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-default-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-default-container-label-menu-item-right: var( --scw-spacing-3 );
@@ -36595,8 +36668,8 @@ $comp-scw-horizontal-nav-item-size-small-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-size-small-stroke-color: var( --scw-color-grey-02 );
 $comp-scw-horizontal-nav-item-size-small-stroke-weight: 0px;
 $comp-scw-horizontal-nav-item-size-small-stroke-align: INSIDE;
-$comp-scw-horizontal-nav-item-size-small-width: 134px;
-$comp-scw-horizontal-nav-item-size-small-height: 50px;
+$comp-scw-horizontal-nav-item-size-small-width: 132px;
+$comp-scw-horizontal-nav-item-size-small-height: 73px;
 $comp-scw-horizontal-nav-item-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-size-small-constrain-proportions: false;
@@ -36607,56 +36680,129 @@ $comp-scw-horizontal-nav-item-size-small-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 4.7 );
-$comp-scw-horizontal-nav-item-size-small-top-percent: 16.9%;
-$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 32.9 );
-$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 41.6 );
-$comp-scw-horizontal-nav-item-size-small-left-percent: 65.18%;
-$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 19.1 );
-$comp-scw-horizontal-nav-item-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 9.15 );
+$comp-scw-horizontal-nav-item-size-small-top-percent: 19.48%;
+$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 49.25 );
+$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 19.25 );
+$comp-scw-horizontal-nav-item-size-small-left-percent: 30.41%;
+$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 52.55 );
+$comp-scw-horizontal-nav-item-size-small-padding-left: 0px;
+$comp-scw-horizontal-nav-item-size-small-padding-right: 0px;
 $comp-scw-horizontal-nav-item-size-small-padding-top: 0px;
 $comp-scw-horizontal-nav-item-size-small-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-size-small-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-size-small-container-width: 132px;
-$comp-scw-horizontal-nav-item-size-small-container-height: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-height: 73px;
 $comp-scw-horizontal-nav-item-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-size-small-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-size-small-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-size-small-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-size-small-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-size-small-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-size-small-container-top: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-size-small-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-size-small-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-size-small-container-left: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-size-small-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-size-small-container-right: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-top-percent: 34.25%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-size-small-container-label-width: 132px;
-$comp-scw-horizontal-nav-item-size-small-container-label-height: 50px;
+$comp-scw-horizontal-nav-item-size-small-container-label-height: 23px;
 $comp-scw-horizontal-nav-item-size-small-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-size-small-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-size-small-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-size-small-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-size-small-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-size-small-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-size-small-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-size-small-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-size-small-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-size-small-container-label-top-percent: 84.25%;
 $comp-scw-horizontal-nav-item-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-label-left-percent: 50%;
@@ -36689,9 +36835,9 @@ $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-counter-axis-
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: var( --scw-spacing-3 );
@@ -36701,7 +36847,7 @@ $comp-scw-horizontal-nav-item-style-button-stroke-color: var( --scw-color-grey-0
 $comp-scw-horizontal-nav-item-style-button-stroke-weight: 0px;
 $comp-scw-horizontal-nav-item-style-button-stroke-align: INSIDE;
 $comp-scw-horizontal-nav-item-style-button-width: 142px;
-$comp-scw-horizontal-nav-item-style-button-height: 87px;
+$comp-scw-horizontal-nav-item-style-button-height: 137px;
 $comp-scw-horizontal-nav-item-style-button-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-style-button-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-style-button-constrain-proportions: false;
@@ -36712,12 +36858,12 @@ $comp-scw-horizontal-nav-item-style-button-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-style-button-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-style-button-layout-align: MIN;
 $comp-scw-horizontal-nav-item-style-button-layout-grow: 0;
-$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 2.9 );
-$comp-scw-horizontal-nav-item-style-button-top-percent: 17.02%;
-$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 31 );
-$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 22.2 );
-$comp-scw-horizontal-nav-item-style-button-left-percent: 39.54%;
-$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 37.7 );
+$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 0.6 );
+$comp-scw-horizontal-nav-item-style-button-top-percent: 11.34%;
+$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 51.4 );
+$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 52.9 );
+$comp-scw-horizontal-nav-item-style-button-left-percent: 70.59%;
+$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 17.9 );
 $comp-scw-horizontal-nav-item-style-button-padding-left: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-style-button-padding-right: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-style-button-padding-top: var( --scw-spacing-2 );
@@ -36733,15 +36879,15 @@ $comp-scw-horizontal-nav-item-style-button-container-corner-radius-top-right: 8p
 $comp-scw-horizontal-nav-item-style-button-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-style-button-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-style-button-container-width: 122px;
-$comp-scw-horizontal-nav-item-style-button-container-height: 47px;
+$comp-scw-horizontal-nav-item-style-button-container-height: 97px;
 $comp-scw-horizontal-nav-item-style-button-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-style-button-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-style-button-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-style-button-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-style-button-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-style-button-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-style-button-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-style-button-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-style-button-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-style-button-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-style-button-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-style-button-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-style-button-container-top: var( --scw-spacing-2 );
@@ -36755,6 +36901,79 @@ $comp-scw-horizontal-nav-item-style-button-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-style-button-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-style-button-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-top-percent: 25.77%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.6 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-092 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-style-button-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-style-button-container-label-width: 122px;
 $comp-scw-horizontal-nav-item-style-button-container-label-height: 47px;
@@ -36762,14 +36981,14 @@ $comp-scw-horizontal-nav-item-style-button-container-label-constraint-horizontal
 $comp-scw-horizontal-nav-item-style-button-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-style-button-container-label-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-style-button-container-label-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-style-button-container-label-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-style-button-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-style-button-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-style-button-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-style-button-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-style-button-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-style-button-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-style-button-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-style-button-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-style-button-container-label-top-percent: 75.77%;
 $comp-scw-horizontal-nav-item-style-button-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-style-button-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-style-button-container-label-left-percent: 50%;
@@ -36814,7 +37033,7 @@ $comp-scw-horizontal-nav-item-style-button-size-small-stroke-color: var( --scw-c
 $comp-scw-horizontal-nav-item-style-button-size-small-stroke-weight: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-stroke-align: INSIDE;
 $comp-scw-horizontal-nav-item-style-button-size-small-width: 110px;
-$comp-scw-horizontal-nav-item-style-button-size-small-height: 79px;
+$comp-scw-horizontal-nav-item-style-button-size-small-height: 129px;
 $comp-scw-horizontal-nav-item-style-button-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-style-button-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-style-button-size-small-constrain-proportions: false;
@@ -36825,12 +37044,12 @@ $comp-scw-horizontal-nav-item-style-button-size-small-counter-axis-align-items:
 $comp-scw-horizontal-nav-item-style-button-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-style-button-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 3.3 );
-$comp-scw-horizontal-nav-item-style-button-size-small-top-percent: 17.02%;
-$comp-scw-horizontal-nav-item-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.4 );
-$comp-scw-horizontal-nav-item-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 60.2 );
-$comp-scw-horizontal-nav-item-style-button-size-small-left-percent: 88.66%;
-$comp-scw-horizontal-nav-item-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 2.9 );
+$comp-scw-horizontal-nav-item-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 1.4 );
+$comp-scw-horizontal-nav-item-style-button-size-small-top-percent: 11.95%;
+$comp-scw-horizontal-nav-item-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 51.4 );
+$comp-scw-horizontal-nav-item-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 69.5 );
+$comp-scw-horizontal-nav-item-style-button-size-small-left-percent: 88.24%;
+$comp-scw-horizontal-nav-item-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 4.5 );
 $comp-scw-horizontal-nav-item-style-button-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-style-button-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-style-button-size-small-padding-top: var( --scw-spacing-2 );
@@ -36846,15 +37065,15 @@ $comp-scw-horizontal-nav-item-style-button-size-small-container-corner-radius-to
 $comp-scw-horizontal-nav-item-style-button-size-small-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-width: 100px;
-$comp-scw-horizontal-nav-item-style-button-size-small-container-height: 39px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-height: 89px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-style-button-size-small-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-style-button-size-small-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-top: var( --scw-spacing-2 );
@@ -36868,6 +37087,79 @@ $comp-scw-horizontal-nav-item-style-button-size-small-container-padding-right: 0
 $comp-scw-horizontal-nav-item-style-button-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-top-percent: 28.09%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-092 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-width: 100px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-height: 39px;
@@ -36881,8 +37173,8 @@ $comp-scw-horizontal-nav-item-style-button-size-small-container-label-counter-ax
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-style-button-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-style-button-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-style-button-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-style-button-size-small-container-label-top-percent: 78.09%;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-left-percent: 50%;
@@ -36923,8 +37215,8 @@ $comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-
 $comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );
 
 $comp-scw-horizontal-nav-item-state-default-background-color: rgba(0,0,0,0);
-$comp-scw-horizontal-nav-item-state-default-width: 146px;
-$comp-scw-horizontal-nav-item-state-default-height: 80px;
+$comp-scw-horizontal-nav-item-state-default-width: 144px;
+$comp-scw-horizontal-nav-item-state-default-height: 77px;
 $comp-scw-horizontal-nav-item-state-default-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-constrain-proportions: false;
@@ -36935,56 +37227,129 @@ $comp-scw-horizontal-nav-item-state-default-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-default-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 12.6 );
-$comp-scw-horizontal-nav-item-state-default-top-percent: 38.97%;
-$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 22 );
+$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 24.233984375 );
+$comp-scw-horizontal-nav-item-state-default-top-percent: 42.75%;
+$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 33.766015625 );
 $comp-scw-horizontal-nav-item-state-default-left: var( --scw-spacing-2 );
-$comp-scw-horizontal-nav-item-state-default-left-percent: 12.55%;
-$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 57.5 );
-$comp-scw-horizontal-nav-item-state-default-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-default-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-left-percent: 10.82%;
+$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 68.6 );
+$comp-scw-horizontal-nav-item-state-default-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-default-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-container-width: 144px;
-$comp-scw-horizontal-nav-item-state-default-container-height: 80px;
+$comp-scw-horizontal-nav-item-state-default-container-height: 77px;
 $comp-scw-horizontal-nav-item-state-default-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-default-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-default-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-state-default-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-state-default-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-state-default-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-state-default-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-default-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-default-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-default-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-default-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-top-percent: 32.47%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.7 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-default-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-container-label-width: 144px;
-$comp-scw-horizontal-nav-item-state-default-container-label-height: 80px;
+$comp-scw-horizontal-nav-item-state-default-container-label-height: 27px;
 $comp-scw-horizontal-nav-item-state-default-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-state-default-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-state-default-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-default-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-state-default-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-default-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-default-container-label-top-percent: 82.47%;
 $comp-scw-horizontal-nav-item-state-default-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-label-left-percent: 50%;
@@ -37017,16 +37382,16 @@ $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-counter-ax
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-default-container-label-menu-item-right: var( --scw-spacing-3 );
 
 $comp-scw-horizontal-nav-item-state-default-size-small-background-color: rgba(0,0,0,0);
-$comp-scw-horizontal-nav-item-state-default-size-small-width: 132px;
-$comp-scw-horizontal-nav-item-state-default-size-small-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-width: 130px;
+$comp-scw-horizontal-nav-item-state-default-size-small-height: 73px;
 $comp-scw-horizontal-nav-item-state-default-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-constrain-proportions: false;
@@ -37037,20 +37402,20 @@ $comp-scw-horizontal-nav-item-state-default-size-small-counter-axis-align-items:
 $comp-scw-horizontal-nav-item-state-default-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 14.1 );
-$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 38.97%;
-$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 23.5 );
-$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 41 );
-$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 64.24%;
-$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 19.9 );
-$comp-scw-horizontal-nav-item-state-default-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-default-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 24.633984375 );
+$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 43.05%;
+$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 33.766015625 );
+$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 19.45 );
+$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 30.53%;
+$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 52.55 );
+$comp-scw-horizontal-nav-item-state-default-size-small-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-default-size-small-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-size-small-container-width: 130px;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-height: 73px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-constrain-proportions: false;
@@ -37064,17 +37429,90 @@ $comp-scw-horizontal-nav-item-state-default-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-top-percent: 34.25%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-left: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-right: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-width: 130px;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-label-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-label-height: 23px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-constrain-proportions: false;
@@ -37085,8 +37523,8 @@ $comp-scw-horizontal-nav-item-state-default-size-small-container-label-counter-a
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-label-top-percent: 84.25%;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-left-percent: 50%;
@@ -37119,16 +37557,16 @@ $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-right: var( --scw-spacing-3 );
 
 $comp-scw-horizontal-nav-item-state-default-style-button-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-style-button-width: 140px;
-$comp-scw-horizontal-nav-item-state-default-style-button-height: 87px;
+$comp-scw-horizontal-nav-item-state-default-style-button-height: 137px;
 $comp-scw-horizontal-nav-item-state-default-style-button-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-constrain-proportions: false;
@@ -37139,12 +37577,12 @@ $comp-scw-horizontal-nav-item-state-default-style-button-counter-axis-align-item
 $comp-scw-horizontal-nav-item-state-default-style-button-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-style-button-top: calc( var( --scw-spacing-1 ) * 12.3 );
-$comp-scw-horizontal-nav-item-state-default-style-button-top-percent: 39.08%;
-$comp-scw-horizontal-nav-item-state-default-style-button-bottom: calc( var( --scw-spacing-1 ) * 21.6 );
-$comp-scw-horizontal-nav-item-state-default-style-button-left: calc( var( --scw-spacing-1 ) * 21.8 );
-$comp-scw-horizontal-nav-item-state-default-style-button-left-percent: 38.87%;
-$comp-scw-horizontal-nav-item-state-default-style-button-right: calc( var( --scw-spacing-1 ) * 38.3 );
+$comp-scw-horizontal-nav-item-state-default-style-button-top: calc( var( --scw-spacing-1 ) * 16.083984375 );
+$comp-scw-horizontal-nav-item-state-default-style-button-top-percent: 34.91%;
+$comp-scw-horizontal-nav-item-state-default-style-button-bottom: calc( var( --scw-spacing-1 ) * 35.916015625 );
+$comp-scw-horizontal-nav-item-state-default-style-button-left: calc( var( --scw-spacing-1 ) * 52.5 );
+$comp-scw-horizontal-nav-item-state-default-style-button-left-percent: 70%;
+$comp-scw-horizontal-nav-item-state-default-style-button-right: calc( var( --scw-spacing-1 ) * 18.5 );
 $comp-scw-horizontal-nav-item-state-default-style-button-padding-left: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-default-style-button-padding-right: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-default-style-button-padding-top: var( --scw-spacing-2 );
@@ -37155,15 +37593,15 @@ $comp-scw-horizontal-nav-item-state-default-style-button-container-stroke-color:
 $comp-scw-horizontal-nav-item-state-default-style-button-container-stroke-weight: 1px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-stroke-align: OUTSIDE;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-width: 120px;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-height: 47px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-height: 97px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-layout-align: STRETCH;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-top: var( --scw-spacing-2 );
@@ -37177,6 +37615,79 @@ $comp-scw-horizontal-nav-item-state-default-style-button-container-padding-right
 $comp-scw-horizontal-nav-item-state-default-style-button-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-top-percent: 25.77%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-width: 120px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-height: 47px;
@@ -37184,14 +37695,14 @@ $comp-scw-horizontal-nav-item-state-default-style-button-container-label-constra
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-label-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-default-style-button-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-default-style-button-container-label-top-percent: 75.77%;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-container-label-left-percent: 50%;
@@ -37233,7 +37744,7 @@ $comp-scw-horizontal-nav-item-state-default-style-button-container-label-label-r
 
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-width: 108px;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-height: 79px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-height: 129px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-constrain-proportions: false;
@@ -37244,12 +37755,12 @@ $comp-scw-horizontal-nav-item-state-default-style-button-size-small-counter-axis
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 12.7 );
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top-percent: 39.08%;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 22 );
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 59.4 );
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left-percent: 87.45%;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 16.883984375 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-top-percent: 35.52%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 35.916015625 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 69.6 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-left-percent: 88.24%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 4.6 );
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-padding-top: var( --scw-spacing-2 );
@@ -37260,15 +37771,15 @@ $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-st
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-stroke-weight: 1px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-stroke-align: OUTSIDE;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-width: 98px;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-height: 39px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-height: 89px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-layout-align: STRETCH;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-top: var( --scw-spacing-2 );
@@ -37282,6 +37793,79 @@ $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-pa
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-top-percent: 28.09%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-width: 98px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-height: 39px;
@@ -37295,8 +37879,8 @@ $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-la
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-top-percent: 78.09%;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-left-percent: 50%;
@@ -37340,8 +37924,8 @@ $comp-scw-horizontal-nav-item-state-hover-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-stroke-color: var( --scw-color-grey-02 );
 $comp-scw-horizontal-nav-item-state-hover-stroke-weight: 1px;
 $comp-scw-horizontal-nav-item-state-hover-stroke-align: INSIDE;
-$comp-scw-horizontal-nav-item-state-hover-width: 146px;
-$comp-scw-horizontal-nav-item-state-hover-height: 80px;
+$comp-scw-horizontal-nav-item-state-hover-width: 144px;
+$comp-scw-horizontal-nav-item-state-hover-height: 77px;
 $comp-scw-horizontal-nav-item-state-hover-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-constrain-proportions: false;
@@ -37352,56 +37936,129 @@ $comp-scw-horizontal-nav-item-state-hover-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-hover-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-top: calc( var( --scw-spacing-1 ) * 22 );
-$comp-scw-horizontal-nav-item-state-hover-top-percent: 61.03%;
-$comp-scw-horizontal-nav-item-state-hover-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
-$comp-scw-horizontal-nav-item-state-hover-left: var( --scw-spacing-2 );
-$comp-scw-horizontal-nav-item-state-hover-left-percent: 12.55%;
-$comp-scw-horizontal-nav-item-state-hover-right: calc( var( --scw-spacing-1 ) * 57.5 );
-$comp-scw-horizontal-nav-item-state-hover-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-hover-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-top: calc( var( --scw-spacing-1 ) * 37.1 );
+$comp-scw-horizontal-nav-item-state-hover-top-percent: 62.33%;
+$comp-scw-horizontal-nav-item-state-hover-bottom: calc( var( --scw-spacing-1 ) * 20.9 );
+$comp-scw-horizontal-nav-item-state-hover-left: calc( var( --scw-spacing-1 ) * 2.05 );
+$comp-scw-horizontal-nav-item-state-hover-left-percent: 10.88%;
+$comp-scw-horizontal-nav-item-state-hover-right: calc( var( --scw-spacing-1 ) * 68.55 );
+$comp-scw-horizontal-nav-item-state-hover-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-hover-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-container-width: 144px;
-$comp-scw-horizontal-nav-item-state-hover-container-height: 80px;
+$comp-scw-horizontal-nav-item-state-hover-container-height: 77px;
 $comp-scw-horizontal-nav-item-state-hover-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-hover-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-hover-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-state-hover-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-state-hover-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-state-hover-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-state-hover-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-hover-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-hover-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-hover-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-hover-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-top-percent: 32.47%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.7 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-hover-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-container-label-width: 144px;
-$comp-scw-horizontal-nav-item-state-hover-container-label-height: 80px;
+$comp-scw-horizontal-nav-item-state-hover-container-label-height: 27px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-state-hover-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-state-hover-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-hover-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-state-hover-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-hover-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-hover-container-label-top-percent: 82.47%;
 $comp-scw-horizontal-nav-item-state-hover-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-left-percent: 50%;
@@ -37434,9 +38091,9 @@ $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-counter-axis
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-hover-container-label-menu-item-right: var( --scw-spacing-3 );
@@ -37445,8 +38102,8 @@ $comp-scw-horizontal-nav-item-state-hover-size-small-background-color: rgba(0,0,
 $comp-scw-horizontal-nav-item-state-hover-size-small-stroke-color: var( --scw-color-grey-02 );
 $comp-scw-horizontal-nav-item-state-hover-size-small-stroke-weight: 1px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-stroke-align: INSIDE;
-$comp-scw-horizontal-nav-item-state-hover-size-small-width: 132px;
-$comp-scw-horizontal-nav-item-state-hover-size-small-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-width: 130px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-height: 73px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-constrain-proportions: false;
@@ -37457,56 +38114,129 @@ $comp-scw-horizontal-nav-item-state-hover-size-small-counter-axis-align-items: C
 $comp-scw-horizontal-nav-item-state-hover-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 23.5 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 61.03%;
-$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 14.1 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 41 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 64.24%;
-$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 19.9 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 37.5181640625 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 62.66%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 20.8818359375 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 19.25 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 30.29%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 52.75 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-width: 130px;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-height: 73px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-top-percent: 34.25%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-right: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-width: 130px;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-height: 23px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-top-percent: 84.25%;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-left-percent: 50%;
@@ -37539,16 +38269,16 @@ $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-c
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-right: var( --scw-spacing-3 );
 
 $comp-scw-horizontal-nav-item-state-hover-style-button-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-style-button-width: 140px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-height: 87px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-height: 137px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-constrain-proportions: false;
@@ -37559,12 +38289,12 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-counter-axis-align-items:
 $comp-scw-horizontal-nav-item-state-hover-style-button-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 21.7 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 61.15%;
-$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.2 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 21.8 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 38.87%;
-$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 38.3 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 31.4681640625 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 58.32%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 20.5318359375 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 53.1 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 70.71%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 17.9 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-padding-left: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-padding-right: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-padding-top: var( --scw-spacing-2 );
@@ -37580,15 +38310,15 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-container-corner-radius-t
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-width: 120px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-height: 47px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-height: 97px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-top: var( --scw-spacing-2 );
@@ -37602,6 +38332,79 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-container-padding-right:
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-top-percent: 25.77%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-width: 120px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-height: 47px;
@@ -37609,14 +38412,14 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-constrain
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-container-label-top-percent: 75.77%;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-left-percent: 50%;
@@ -37658,7 +38461,7 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-container-label-label-rig
 
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-width: 108px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 79px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 129px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-constrain-proportions: false;
@@ -37669,12 +38472,12 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-counter-axis-a
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 22.1 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 61.15%;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 12.6 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 59.4 );
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 87.45%;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 32.2681640625 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 58.93%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 20.5318359375 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 69.2 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 87.76%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: var( --scw-spacing-5 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-top: var( --scw-spacing-2 );
@@ -37690,15 +38493,15 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-corn
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-width: 98px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-height: 39px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-height: 89px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-top: var( --scw-spacing-2 );
@@ -37712,6 +38515,79 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-padd
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-top-percent: 28.09%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-width: 98px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-height: 39px;
@@ -37725,8 +38601,8 @@ $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-labe
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-top-percent: 78.09%;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-left-percent: 50%;
@@ -37774,8 +38650,8 @@ $comp-scw-horizontal-nav-item-state-focus-shadow-offset-y: 0px;
 $comp-scw-horizontal-nav-item-state-focus-shadow-radius: 0px;
 $comp-scw-horizontal-nav-item-state-focus-shadow-spread: 2px;
 $comp-scw-horizontal-nav-item-state-focus-shadow: var( --scw-effect-focus-shadow );
-$comp-scw-horizontal-nav-item-state-focus-width: 146px;
-$comp-scw-horizontal-nav-item-state-focus-height: 80px;
+$comp-scw-horizontal-nav-item-state-focus-width: 144px;
+$comp-scw-horizontal-nav-item-state-focus-height: 77px;
 $comp-scw-horizontal-nav-item-state-focus-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-constrain-proportions: false;
@@ -37786,56 +38662,129 @@ $comp-scw-horizontal-nav-item-state-focus-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-focus-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-top: calc( var( --scw-spacing-1 ) * 31.4 );
-$comp-scw-horizontal-nav-item-state-focus-top-percent: 83.1%;
-$comp-scw-horizontal-nav-item-state-focus-bottom: calc( var( --scw-spacing-1 ) * 3.2 );
-$comp-scw-horizontal-nav-item-state-focus-left: var( --scw-spacing-2 );
-$comp-scw-horizontal-nav-item-state-focus-left-percent: 12.55%;
-$comp-scw-horizontal-nav-item-state-focus-right: calc( var( --scw-spacing-1 ) * 57.5 );
-$comp-scw-horizontal-nav-item-state-focus-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-focus-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-top: calc( var( --scw-spacing-1 ) * 53.9634765625 );
+$comp-scw-horizontal-nav-item-state-focus-top-percent: 88%;
+$comp-scw-horizontal-nav-item-state-focus-bottom: calc( var( --scw-spacing-1 ) * 4.0365234375 );
+$comp-scw-horizontal-nav-item-state-focus-left: calc( var( --scw-spacing-1 ) * 2.1 );
+$comp-scw-horizontal-nav-item-state-focus-left-percent: 10.94%;
+$comp-scw-horizontal-nav-item-state-focus-right: calc( var( --scw-spacing-1 ) * 68.5 );
+$comp-scw-horizontal-nav-item-state-focus-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-focus-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-container-width: 144px;
-$comp-scw-horizontal-nav-item-state-focus-container-height: 80px;
+$comp-scw-horizontal-nav-item-state-focus-container-height: 77px;
 $comp-scw-horizontal-nav-item-state-focus-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-focus-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-focus-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-state-focus-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-state-focus-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-state-focus-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-state-focus-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-focus-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-focus-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-focus-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-focus-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-top-percent: 32.47%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.7 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-focus-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-container-label-width: 144px;
-$comp-scw-horizontal-nav-item-state-focus-container-label-height: 80px;
+$comp-scw-horizontal-nav-item-state-focus-container-label-height: 27px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-state-focus-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-state-focus-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-focus-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-state-focus-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-focus-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-focus-container-label-top-percent: 82.47%;
 $comp-scw-horizontal-nav-item-state-focus-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-left-percent: 50%;
@@ -37868,9 +38817,9 @@ $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-counter-axis
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-focus-container-label-menu-item-right: var( --scw-spacing-3 );
@@ -37883,8 +38832,8 @@ $comp-scw-horizontal-nav-item-state-focus-size-small-shadow-offset-y: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-shadow-radius: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-shadow-spread: 2px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-shadow: var( --scw-effect-focus-shadow );
-$comp-scw-horizontal-nav-item-state-focus-size-small-width: 132px;
-$comp-scw-horizontal-nav-item-state-focus-size-small-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-width: 130px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-height: 73px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-constrain-proportions: false;
@@ -37895,56 +38844,129 @@ $comp-scw-horizontal-nav-item-state-focus-size-small-counter-axis-align-items: C
 $comp-scw-horizontal-nav-item-state-focus-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-size-small-top: calc( var( --scw-spacing-1 ) * 32.9 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-top-percent: 83.1%;
-$comp-scw-horizontal-nav-item-state-focus-size-small-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-left: calc( var( --scw-spacing-1 ) * 41 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-left-percent: 64.24%;
-$comp-scw-horizontal-nav-item-state-focus-size-small-right: calc( var( --scw-spacing-1 ) * 19.9 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-top: calc( var( --scw-spacing-1 ) * 54.3634765625 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-top-percent: 88.3%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-bottom: calc( var( --scw-spacing-1 ) * 4.0365234375 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-left: calc( var( --scw-spacing-1 ) * 19.35 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-left-percent: 30.41%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-right: calc( var( --scw-spacing-1 ) * 52.65 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-width: 130px;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-height: 73px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-top-percent: 50%;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-bottom: 0px;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-left-percent: 50%;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-padding-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-padding-right: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-top-percent: 34.25%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-left: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-right: var( --scw-spacing-4 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-width: 130px;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-height: 23px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-top-percent: 84.25%;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-left-percent: 50%;
@@ -37977,16 +38999,16 @@ $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-c
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 1.35 );
+$comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-right: var( --scw-spacing-3 );
 
 $comp-scw-horizontal-nav-item-state-focus-style-button-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-style-button-width: 140px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-height: 87px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-height: 137px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-constrain-proportions: false;
@@ -37997,12 +39019,12 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-counter-axis-align-items:
 $comp-scw-horizontal-nav-item-state-focus-style-button-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-style-button-top: calc( var( --scw-spacing-1 ) * 31.1 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-top-percent: 83.22%;
-$comp-scw-horizontal-nav-item-state-focus-style-button-bottom: calc( var( --scw-spacing-1 ) * 2.8 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-left: calc( var( --scw-spacing-1 ) * 21.8 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-left-percent: 38.87%;
-$comp-scw-horizontal-nav-item-state-focus-style-button-right: calc( var( --scw-spacing-1 ) * 38.3 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-top: calc( var( --scw-spacing-1 ) * 48.3134765625 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-top-percent: 83.96%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-bottom: calc( var( --scw-spacing-1 ) * 3.6865234375 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-left: calc( var( --scw-spacing-1 ) * 53.1 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-left-percent: 70.71%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-right: calc( var( --scw-spacing-1 ) * 17.9 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-padding-left: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-padding-right: var( --scw-spacing-1 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-padding-top: var( --scw-spacing-2 );
@@ -38018,15 +39040,15 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-container-corner-radius-t
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-width: 120px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-height: 47px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-height: 97px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-top: var( --scw-spacing-2 );
@@ -38040,6 +39062,79 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-container-padding-right:
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-top-percent: 25.77%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.5 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-width: 120px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-height: 47px;
@@ -38047,14 +39142,14 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-constrain
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-container-label-top-percent: 75.77%;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-left-percent: 50%;
@@ -38096,7 +39191,7 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-container-label-label-rig
 
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-width: 108px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-height: 79px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-height: 129px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-constrain-proportions: false;
@@ -38107,12 +39202,12 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-counter-axis-a
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-layout-align: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 31.5 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top-percent: 83.22%;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 3.2 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 59.4 );
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left-percent: 87.45%;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 49.1134765625 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-top-percent: 84.57%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 3.6865234375 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 68.7 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-left-percent: 87.18%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 5.5 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-left: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-right: calc( var( --scw-spacing-1 ) * 0.5 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-padding-top: var( --scw-spacing-2 );
@@ -38128,15 +39223,15 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-corn
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-corner-radius-bottom-right: 8px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-corner-radius-bottom-left: 8px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-width: 98px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-height: 39px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-height: 89px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-layout-mode: HORIZONTAL;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-counter-axis-align-items: CENTER;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-layout-grow: 0;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-top: var( --scw-spacing-2 );
@@ -38150,6 +39245,79 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-padd
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-padding-top: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-top-percent: 28.09%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 3.9 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-width: 98px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-height: 39px;
@@ -38163,8 +39331,8 @@ $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-labe
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-top: 0px;
-$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-top-percent: 78.09%;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-left: 0px;
 $comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-left-percent: 50%;
@@ -38212,7 +39380,7 @@ $comp-scw-horizontal-nav-corner-radius-top-right: 5px;
 $comp-scw-horizontal-nav-corner-radius-bottom-right: 5px;
 $comp-scw-horizontal-nav-corner-radius-bottom-left: 5px;
 $comp-scw-horizontal-nav-width: 845px;
-$comp-scw-horizontal-nav-height: 136px;
+$comp-scw-horizontal-nav-height: 186px;
 $comp-scw-horizontal-nav-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-constrain-proportions: false;
@@ -38239,7 +39407,7 @@ $comp-scw-horizontal-nav-default-stroke-color: var( --scw-color-grey-08 );
 $comp-scw-horizontal-nav-default-stroke-weight: 1px;
 $comp-scw-horizontal-nav-default-stroke-align: INSIDE;
 $comp-scw-horizontal-nav-default-width: 805px;
-$comp-scw-horizontal-nav-default-height: 80px;
+$comp-scw-horizontal-nav-default-height: 77px;
 $comp-scw-horizontal-nav-default-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-default-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-default-constrain-proportions: false;
@@ -38251,8 +39419,8 @@ $comp-scw-horizontal-nav-default-item-spacing: 0px;
 $comp-scw-horizontal-nav-default-layout-align: MIN;
 $comp-scw-horizontal-nav-default-layout-grow: 0;
 $comp-scw-horizontal-nav-default-top: var( --scw-spacing-2 );
-$comp-scw-horizontal-nav-default-top-percent: 44.12%;
-$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 3.6 );
+$comp-scw-horizontal-nav-default-top-percent: 31.45%;
+$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 8.9 );
 $comp-scw-horizontal-nav-default-left: var( --scw-spacing-2 );
 $comp-scw-horizontal-nav-default-left-percent: 50%;
 $comp-scw-horizontal-nav-default-right: var( --scw-spacing-2 );
@@ -38265,8 +39433,8 @@ $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-background-color: rgba(
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-stroke-color: var( --scw-color-grey-02 );
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-stroke-weight: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-stroke-align: INSIDE;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-width: 150px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-height: 80px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-width: 148px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-height: 77px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-constrain-proportions: false;
@@ -38280,53 +39448,126 @@ $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-layout-grow: 0;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-top: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-top-percent: 50%;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-bottom: 0px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-left: calc( var( --scw-spacing-1 ) * 10.85 );
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-left-percent: 22.8%;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 54.65 );
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-left: calc( var( --scw-spacing-1 ) * 0.1 );
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-left: calc( var( --scw-spacing-1 ) * 11.25 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-left-percent: 23.17%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-right: calc( var( --scw-spacing-1 ) * 54.45 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-left: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-right: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-top: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-padding-bottom: 0px;
 
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-width: 148px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-height: 80px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-height: 77px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-constrain-proportions: false;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-layout-context: FLEX;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-layout-mode: NONE;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-primary-axis-align-items: MIN;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-layout-mode: VERTICAL;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-primary-axis-align-items: CENTER;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-item-spacing: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-layout-align: INHERIT;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-layout-grow: 0;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-top: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-top-percent: 50%;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-bottom: 0px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-left: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-left: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-left-percent: 50%;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-right: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-right: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-padding-left: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-padding-right: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-padding-top: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-padding-bottom: 0px;
 
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-width: 50px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-height: 50px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-constraint-horizontal: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-constraint-vertical: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-layout-context: FLEX;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-layout-align: INHERIT;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-top: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-top-percent: 32.47%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-bottom: calc( var( --scw-spacing-1 ) * 2.7 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.9 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.9 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-background-color: rgba(0,0,0,0);
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-width: 50px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-height: 50px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-constrain-proportions: false;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-layout-mode: NONE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-item-spacing: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-layout-align: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-layout-grow: 0;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-top: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-top-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-bottom: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-left: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-left-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-right: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-padding-left: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-padding-right: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-padding-top: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-padding-bottom: 0px;
+
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-background-color: var( --scw-color-grey-02 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-blend-mode: NORMAL;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-width: 44.6429px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-height: 39.5416px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-constraint-horizontal: STRETCH;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-constraint-vertical: STRETCH;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-constrain-proportions: false;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-layout-mode: NONE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-primary-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-counter-axis-align-items: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-item-spacing: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-layout-align: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-layout-grow: 0;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-top-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-left-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-padding-left: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-padding-right: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-padding-top: 0px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-scw-icon-icon-vector-padding-bottom: 0px;
+
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-background-color: rgba(0,0,0,0);
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-width: 148px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-height: 80px;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-height: 27px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-constraint-horizontal: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-constraint-vertical: MIN;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-constrain-proportions: false;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-context: ABSOLUTE;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-context: FLEX;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-mode: VERTICAL;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-primary-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-counter-axis-align-items: CENTER;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-align: MIN;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-align: INHERIT;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-layout-grow: 0;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-top: 0px;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-top-percent: 50%;
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-top: var( --scw-spacing-5 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-top-percent: 82.47%;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-bottom: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-left: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-left-percent: 50%;
@@ -38359,9 +39600,9 @@ $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-it
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-item-spacing: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-layout-align: INHERIT;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-layout-grow: 0;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-top: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-top: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-top-percent: 50%;
-$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-bottom: calc( var( --scw-spacing-1 ) * 2.65 );
+$comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-bottom: 0px;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-left: var( --scw-spacing-3 );
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-left-percent: 50%;
 $comp-scw-horizontal-nav-default-scw-horizontal-nav-item-container-label-menu-item-right: var( --scw-spacing-3 );