@cloudscape-design/components 3.0.128 → 3.0.129

package/app-layout/visual-refresh/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
+section.awsui_appbar_hyvsj_1sfal_93:not(#\9) {
   align-items: center;
   box-sizing: border-box;
   display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
   span the entire column definition of the Layout grid.
   */
 }
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-nav_hyvsj_8eynx_117:not(#\9) {
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-nav_hyvsj_1sfal_117:not(#\9) {
   grid-column: 1;
   margin-right: var(--space-m-17eucw, 16px);
 }
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9) {
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\9) {
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-tools_hyvsj_1sfal_125:not(#\9) {
   grid-column: 3;
   margin-left: var(--space-m-17eucw, 16px);
 }
 @media (min-width: 689px) {
-  section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93:not(#\9) {
     /*
     If Breadcrumbs do not exist then the AppBar should be suppressed
     because in large viewports the triggers are rendered
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\
     be lifted so it doesn't render behind the background element.
     */
   }
-  section.awsui_appbar_hyvsj_8eynx_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
+  section.awsui_appbar_hyvsj_1sfal_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1sfal_166) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-nav_hyvsj_8eynx_117:not(#\9),
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-nav_hyvsj_1sfal_117:not(#\9),
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-tools_hyvsj_1sfal_125:not(#\9) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sfal_173) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121.awsui_has-notifications-content_hyvsj_1sfal_173:not(#\9) {
     padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179),
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9):not(.awsui_has-header_hyvsj_8eynx_179).awsui_content-type-wizard_hyvsj_8eynx_180 {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121:not(#\9):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179),
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121:not(#\9):not(.awsui_has-header_hyvsj_1sfal_179).awsui_content-type-wizard_hyvsj_1sfal_180 {
     padding-bottom: var(--space-m-17eucw, 16px);
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_content-type-cards_hyvsj_8eynx_183:not(#\9),
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_content-type-table_hyvsj_8eynx_184:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121.awsui_content-type-cards_hyvsj_1sfal_183:not(#\9),
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121.awsui_content-type-table_hyvsj_1sfal_184:not(#\9) {
     padding-bottom: var(--space-xxs-ynfts5, 4px);
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_has-sticky-background_hyvsj_8eynx_187:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121.awsui_has-sticky-background_hyvsj_1sfal_187:not(#\9) {
     z-index: 799;
   }
 }
 @media (max-width: 688px) {
-  section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93:not(#\9) {
     background-color: var(--color-background-home-header-mpq08f, #000716);
     border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
     box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -198,18 +198,18 @@ section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_c
     height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
     padding: 0 var(--space-m-17eucw, 16px);
     position: sticky;
-    top: var(--awsui-offset-top-f9jj7p);
+    top: var(--awsui-offset-top-5mks97);
     z-index: 1000;
     /*
     Remove any existing top and bottom padding from the Breadcrumbs since
     they are now sticky positioned in the viewport with the AppBar.
     */
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-nav_hyvsj_8eynx_117:not(#\9),
-section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-nav_hyvsj_1sfal_117:not(#\9),
+section.awsui_appbar_hyvsj_1sfal_93 > .awsui_appbar-tools_hyvsj_1sfal_125:not(#\9) {
     display: block;
   }
-  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9) {
+  section.awsui_appbar_hyvsj_1sfal_93 > .awsui_breadcrumbs_hyvsj_1sfal_121:not(#\9) {
     padding: 0;
   }
 }
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_background_hyvsj_8eynx_221:not(#\9) {
+div.awsui_background_hyvsj_1sfal_221:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_8eynx_221 > .awsui_notifications-appbar-header_hyvsj_8eynx_224:not(#\9) {
+div.awsui_background_hyvsj_1sfal_221 > .awsui_notifications-appbar-header_hyvsj_1sfal_224:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/span 3;
@@ -233,13 +233,13 @@ div.awsui_background_hyvsj_8eynx_221 > .awsui_notifications-appbar-header_hyvsj_
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_8eynx_221 > .awsui_notifications-appbar-header_hyvsj_8eynx_224.awsui_has-sticky-background_hyvsj_8eynx_187.awsui_has-notifications-content_hyvsj_8eynx_173.awsui_sticky-notifications_hyvsj_8eynx_236:not(#\9) {
+  div.awsui_background_hyvsj_1sfal_221 > .awsui_notifications-appbar-header_hyvsj_1sfal_224.awsui_has-sticky-background_hyvsj_1sfal_187.awsui_has-notifications-content_hyvsj_1sfal_173.awsui_sticky-notifications_hyvsj_1sfal_236:not(#\9) {
     position: sticky;
-    top: var(--awsui-offset-top-f9jj7p);
+    top: var(--awsui-offset-top-5mks97);
     z-index: 799;
   }
 }
-div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242:not(#\9) {
+div.awsui_background_hyvsj_1sfal_221 > .awsui_overlap_hyvsj_1sfal_242:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 4;
@@ -251,9 +251,9 @@ div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242:not(#\9) {
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242.awsui_has-sticky-background_hyvsj_8eynx_187:not(#\9) {
+  div.awsui_background_hyvsj_1sfal_221 > .awsui_overlap_hyvsj_1sfal_242.awsui_has-sticky-background_hyvsj_1sfal_187:not(#\9) {
     position: sticky;
-    top: var(--awsui-offset-top-with-notifications-f9jj7p);
+    top: var(--awsui-offset-top-with-notifications-5mks97);
     z-index: 799;
   }
 }
@@ -262,13 +262,13 @@ div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242:not(#\9) {
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_8eynx_180:not(#\9) {
+header.awsui_content_hyvsj_1sfal_180:not(#\9) {
   grid-column: 3;
   grid-row: 3;
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 @media (min-width: 689px) {
-  header.awsui_content_hyvsj_8eynx_180:not(#\9) {
+  header.awsui_content_hyvsj_1sfal_180:not(#\9) {
     /*
     If Notifications exist and Breadcrumbs do not then Notifications 
     is the previous adjacent sibling to the Header. Add minimal top padding 
@@ -286,25 +286,25 @@ header.awsui_content_hyvsj_8eynx_180:not(#\9) {
     circular buttons.
     */
   }
-  header.awsui_content_hyvsj_8eynx_180.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
+  header.awsui_content_hyvsj_1sfal_180.awsui_has-notifications-content_hyvsj_1sfal_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1sfal_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  header.awsui_content_hyvsj_8eynx_180.awsui_has-breadcrumbs_hyvsj_8eynx_166:not(#\9) {
+  header.awsui_content_hyvsj_1sfal_180.awsui_has-breadcrumbs_hyvsj_1sfal_166:not(#\9) {
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
-  header.awsui_content_hyvsj_8eynx_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
+  header.awsui_content_hyvsj_1sfal_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sfal_173):not(.awsui_has-breadcrumbs_hyvsj_1sfal_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
 @media (max-width: 688px) {
-  header.awsui_content_hyvsj_8eynx_180:not(#\9) {
+  header.awsui_content_hyvsj_1sfal_180:not(#\9) {
     padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
     /*
     Breadcrumbs has moved to first position and sticky so Notifications 
     are now the previous adjacent sibling if they exist.
     */
   }
-  header.awsui_content_hyvsj_8eynx_180.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9) {
+  header.awsui_content_hyvsj_1sfal_180.awsui_has-notifications-content_hyvsj_1sfal_173:not(#\9) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
@@ -326,26 +326,26 @@ header.awsui_content_hyvsj_8eynx_180:not(#\9) {
   circumstances regardless of whether the minContentWidth property is
   explicitly set in script.
   */
-.awsui_layout_hyvsj_8eynx_329:not(#\9) {
-  --awsui-content-gap-left-f9jj7p: 0px;
-  --awsui-content-gap-right-f9jj7p: 0px;
-  --awsui-content-height-f9jj7p: calc(100vh - var(--awsui-header-height-f9jj7p) - var(--awsui-footer-height-f9jj7p));
-  --awsui-default-max-content-width-f9jj7p: 1280px;
-  --awsui-default-min-content-width-f9jj7p: 0px;
-  --awsui-footer-height-f9jj7p: 0px;
-  --awsui-header-height-f9jj7p: 0px;
-  --awsui-layout-width-f9jj7p: 0px;
-  --awsui-main-offset-left-f9jj7p: 0px;
-  --awsui-max-content-width-f9jj7p: 0px;
-  --awsui-min-content-width-f9jj7p: 280px;
-  --awsui-notifications-height-f9jj7p: 0px;
-  --awsui-offset-top-f9jj7p: 0px;
-  --awsui-offset-top-with-notifications-f9jj7p: 0px;
-  --awsui-overlap-height-f9jj7p: var(--space-dark-header-overlap-distance-hfejul, 36px);
+.awsui_layout_hyvsj_1sfal_329:not(#\9) {
+  --awsui-content-gap-left-5mks97: 0px;
+  --awsui-content-gap-right-5mks97: 0px;
+  --awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
+  --awsui-default-max-content-width-5mks97: 1280px;
+  --awsui-default-min-content-width-5mks97: 0px;
+  --awsui-footer-height-5mks97: 0px;
+  --awsui-header-height-5mks97: 0px;
+  --awsui-layout-width-5mks97: 0px;
+  --awsui-main-offset-left-5mks97: 0px;
+  --awsui-max-content-width-5mks97: 0px;
+  --awsui-min-content-width-5mks97: 280px;
+  --awsui-notifications-height-5mks97: 0px;
+  --awsui-offset-top-5mks97: 0px;
+  --awsui-offset-top-with-notifications-5mks97: 0px;
+  --awsui-overlap-height-5mks97: var(--space-dark-header-overlap-distance-hfejul, 36px);
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   display: grid;
-  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) 1fr;
-  grid-template-columns: min-content minmax(var(--awsui-content-gap-left-f9jj7p), 1fr) minmax(var(--awsui-default-min-content-width-f9jj7p), var(--awsui-default-max-content-width-f9jj7p)) minmax(var(--awsui-content-gap-right-f9jj7p), 1fr) min-content;
+  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr;
+  grid-template-columns: min-content minmax(var(--awsui-content-gap-left-5mks97), 1fr) minmax(var(--awsui-default-min-content-width-5mks97), var(--awsui-default-max-content-width-5mks97)) minmax(var(--awsui-content-gap-right-5mks97), 1fr) min-content;
   position: relative;
   /*
   Only use the max content width custom property for the middle column definition
@@ -408,77 +408,77 @@ header.awsui_content_hyvsj_8eynx_180:not(#\9) {
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_8eynx_411) {
-    --awsui-default-max-content-width-f9jj7p: 1280px;
+  .awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sfal_411) {
+    --awsui-default-max-content-width-5mks97: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_8eynx_411) {
-    --awsui-default-max-content-width-f9jj7p: 1440px;
+  .awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sfal_411) {
+    --awsui-default-max-content-width-5mks97: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_8eynx_411) {
-    --awsui-default-max-content-width-f9jj7p: 1620px;
+  .awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sfal_411) {
+    --awsui-default-max-content-width-5mks97: 1620px;
   }
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_has-max-content-width_hyvsj_8eynx_411:not(#\9) {
-  --awsui-default-max-content-width-f9jj7p: var(--awsui-max-content-width-f9jj7p);
+.awsui_layout_hyvsj_1sfal_329.awsui_has-max-content-width_hyvsj_1sfal_411:not(#\9) {
+  --awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9) {
-    --awsui-default-min-content-width-f9jj7p: var(--awsui-min-content-width-f9jj7p, 280px);
+  .awsui_layout_hyvsj_1sfal_329:not(#\9) {
+    --awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9) {
-    --awsui-default-min-content-width-f9jj7p: 0px;
+  .awsui_layout_hyvsj_1sfal_329:not(#\9) {
+    --awsui-default-min-content-width-5mks97: 0px;
   }
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_is-overlap-disabled_hyvsj_8eynx_438:not(#\9) {
-  --awsui-overlap-height-f9jj7p: 0;
+.awsui_layout_hyvsj_1sfal_329.awsui_is-overlap-disabled_hyvsj_1sfal_438:not(#\9) {
+  --awsui-overlap-height-5mks97: 0;
 }
-.awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_8eynx_441) {
-  --awsui-offset-top-f9jj7p: var(--awsui-header-height-f9jj7p);
-  min-height: var(--awsui-content-height-f9jj7p);
+.awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sfal_441) {
+  --awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
+  min-height: var(--awsui-content-height-5mks97);
 }
-.awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_8eynx_441):not(.awsui_has-sticky-notifications_hyvsj_8eynx_445) {
-  --awsui-offset-top-with-notifications-f9jj7p: var(--awsui-header-height-f9jj7p);
+.awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sfal_441):not(.awsui_has-sticky-notifications_hyvsj_1sfal_445) {
+  --awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
 }
-.awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_8eynx_441).awsui_has-sticky-notifications_hyvsj_8eynx_445 {
-  --awsui-offset-top-with-notifications-f9jj7p: calc(
-      var(--awsui-header-height-f9jj7p) + var(--awsui-notifications-height-f9jj7p) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
+.awsui_layout_hyvsj_1sfal_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sfal_441).awsui_has-sticky-notifications_hyvsj_1sfal_445 {
+  --awsui-offset-top-with-notifications-5mks97: calc(
+      var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
     );
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_disable-body-scroll_hyvsj_8eynx_441:not(#\9) {
-  --awsui-offset-top-f9jj7p: 0px;
-  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) 1fr auto;
-  height: var(--awsui-content-height-f9jj7p);
+.awsui_layout_hyvsj_1sfal_329.awsui_disable-body-scroll_hyvsj_1sfal_441:not(#\9) {
+  --awsui-offset-top-5mks97: 0px;
+  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
+  height: var(--awsui-content-height-5mks97);
   overflow-y: scroll;
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_disable-body-scroll_hyvsj_8eynx_441.awsui_has-split-panel_hyvsj_8eynx_459.awsui_split-panel-position-bottom_hyvsj_8eynx_459:not(#\9) {
-  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) repeat(2, auto);
+.awsui_layout_hyvsj_1sfal_329.awsui_disable-body-scroll_hyvsj_1sfal_441.awsui_has-split-panel_hyvsj_1sfal_459.awsui_split-panel-position-bottom_hyvsj_1sfal_459:not(#\9) {
+  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_disable-body-scroll_hyvsj_8eynx_441:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_8eynx_445) {
-  --awsui-offset-top-with-notifications-f9jj7p: 0px;
+.awsui_layout_hyvsj_1sfal_329.awsui_disable-body-scroll_hyvsj_1sfal_441:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1sfal_445) {
+  --awsui-offset-top-with-notifications-5mks97: 0px;
 }
-.awsui_layout_hyvsj_8eynx_329.awsui_disable-body-scroll_hyvsj_8eynx_441.awsui_has-sticky-notifications_hyvsj_8eynx_445:not(#\9) {
-  --awsui-offset-top-with-notifications-f9jj7p: calc(
-      var(--awsui-notifications-height-f9jj7p) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
+.awsui_layout_hyvsj_1sfal_329.awsui_disable-body-scroll_hyvsj_1sfal_441.awsui_has-sticky-notifications_hyvsj_1sfal_445:not(#\9) {
+  --awsui-offset-top-with-notifications-5mks97: calc(
+      var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
     );
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_8eynx_329.awsui_has-content-gap-left_hyvsj_8eynx_471:not(#\9) {
-    --awsui-content-gap-left-f9jj7p: var(--space-scaled-2x-xxxl-lbp35j, 40px);
+  .awsui_layout_hyvsj_1sfal_329.awsui_has-content-gap-left_hyvsj_1sfal_471:not(#\9) {
+    --awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
-  .awsui_layout_hyvsj_8eynx_329.awsui_has-content-gap-right_hyvsj_8eynx_474:not(#\9) {
-    --awsui-content-gap-right-f9jj7p: var(--space-scaled-2x-xxxl-lbp35j, 40px);
+  .awsui_layout_hyvsj_1sfal_329.awsui_has-content-gap-right_hyvsj_1sfal_474:not(#\9) {
+    --awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_8eynx_329:not(#\9) {
-    --awsui-content-gap-left-f9jj7p: var(--space-l-4vl6xu, 20px);
-    --awsui-content-gap-right-f9jj7p: var(--space-l-4vl6xu, 20px);
+  .awsui_layout_hyvsj_1sfal_329:not(#\9) {
+    --awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
+    --awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
   }
 }
 
@@ -486,7 +486,7 @@ header.awsui_content_hyvsj_8eynx_180:not(#\9) {
 This CSS class is applied to the document body to prevent overflow scrolling
 when the navigation or tools drawers are open in responsive viewports. 
 */
-.awsui_block-body-scroll_hyvsj_8eynx_489:not(#\9) {
+.awsui_block-body-scroll_hyvsj_1sfal_489:not(#\9) {
   overflow: hidden;
 }
 
@@ -494,66 +494,75 @@ when the navigation or tools drawers are open in responsive viewports.
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_hyvsj_8eynx_497:not(#\9) {
+.awsui_container_hyvsj_1sfal_497:not(#\9) {
   grid-column: 3;
   grid-row: 4/span 2;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
   /*
-  If disableContentPaddings is enabled then the Main content has a different 
-  behavior inside the Layout grid. By default it will render across the entire 
-  grid column span. If the Navigation is open on the left, we increment the 
-  start column by one. If the Tools or Split Panel (in side position) is open 
+  If the split panel is in the bottom position additional padding will need to be
+  added to the content area. This is to ensure that the user is able to scroll
+  far enough to see all of the content that would otherwise be obscured by the
+  sticky position of the split panel.
+  */
+  /*
+  If disableContentPaddings is enabled then the Main content has a different
+  behavior inside the Layout grid. By default it will render across the entire
+  grid column span. If the Navigation is open on the left, we increment the
+  start column by one. If the Tools or Split Panel (in side position) is open
   on the right, we decrement the column end by one.
   */
   /*
-  If disableContentPaddings is not enabled (the majority of use cases) then 
-  the following code block will compute the padding behavior for the Main 
+  If disableContentPaddings is not enabled (the majority of use cases) then
+  the following code block will compute the padding behavior for the Main
   under various circumstances.
   */
 }
-.awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514:not(#\9) {
+.awsui_container_hyvsj_1sfal_497.awsui_has-split-panel_hyvsj_1sfal_459.awsui_split-panel-position-bottom_hyvsj_1sfal_459:not(#\9) {
+  padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
+}
+.awsui_container_hyvsj_1sfal_497.awsui_disable-content-paddings_hyvsj_1sfal_523:not(#\9) {
   grid-column: 1/6;
   padding: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514.awsui_is-navigation-open_hyvsj_8eynx_519:not(#\9) {
+  .awsui_container_hyvsj_1sfal_497.awsui_disable-content-paddings_hyvsj_1sfal_523.awsui_is-navigation-open_hyvsj_1sfal_528:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514.awsui_is-tools-open_hyvsj_8eynx_522:not(#\9), .awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_split-panel-position-side_hyvsj_8eynx_522:not(#\9) {
+  .awsui_container_hyvsj_1sfal_497.awsui_disable-content-paddings_hyvsj_1sfal_523.awsui_is-tools-open_hyvsj_1sfal_531:not(#\9), .awsui_container_hyvsj_1sfal_497.awsui_disable-content-paddings_hyvsj_1sfal_523.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_split-panel-position-side_hyvsj_1sfal_531:not(#\9) {
     grid-column-end: 5;
   }
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523) {
     /*
-    Notifications is the previous adjacent sibling to the Main in 
+    Notifications is the previous adjacent sibling to the Main in
     desktop viewports if there are no Breadcrumbs or Header. Use additional
     to padding on the Main.
     */
     /*
-    Main is the only rendered center content if there are no Notifications, 
+    Main is the only rendered center content if there are no Notifications,
     Breadcrumbs, or Header. Use minimal top padding.
     */
     /*
-    If the Header exists then it is necessarily the previous adjacent 
+    If the Header exists then it is necessarily the previous adjacent
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-default_hyvsj_8eynx_542.awsui_has-notifications-content_hyvsj_8eynx_173:not(.awsui_has-breadcrumbs_hyvsj_8eynx_166):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179), .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-form_hyvsj_8eynx_542.awsui_has-notifications-content_hyvsj_8eynx_173:not(.awsui_has-breadcrumbs_hyvsj_8eynx_166):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-default_hyvsj_1sfal_551.awsui_has-notifications-content_hyvsj_1sfal_173:not(.awsui_has-breadcrumbs_hyvsj_1sfal_166):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179), .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-form_hyvsj_1sfal_551.awsui_has-notifications-content_hyvsj_1sfal_173:not(.awsui_has-breadcrumbs_hyvsj_1sfal_166):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-default_hyvsj_8eynx_542:not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179), .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-form_hyvsj_8eynx_542:not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-default_hyvsj_1sfal_551:not(.awsui_has-notifications-content_hyvsj_1sfal_173):not(.awsui_has-breadcrumbs_hyvsj_1sfal_166):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179), .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-form_hyvsj_1sfal_551:not(.awsui_has-notifications-content_hyvsj_1sfal_173):not(.awsui_has-breadcrumbs_hyvsj_1sfal_166):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_has-header_hyvsj_8eynx_179, .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_has-dynamic-overlap-height_hyvsj_8eynx_179 {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_has-header_hyvsj_1sfal_179, .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_has-dynamic-overlap-height_hyvsj_1sfal_179 {
     padding-top: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523) {
     /*
-    If the Notifications exist but the Header does not then the 
-    Notifications is the previous adjacent sibling to the Main 
+    If the Notifications exist but the Header does not then the
+    Notifications is the previous adjacent sibling to the Main
     requiring additional top padding. This is because the Breadcrumbs
     are now rendered first and positioned sticky.
     */
@@ -561,26 +570,26 @@ when the navigation or tools drawers are open in responsive viewports.
     Main is the only rendered center content if there are no Notifications or Header.
     */
     /*
-    If the Header exists then it is necessarily the previous adjacent 
+    If the Header exists then it is necessarily the previous adjacent
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-default_hyvsj_8eynx_542.awsui_has-notifications-content_hyvsj_8eynx_173:not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179), .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-form_hyvsj_8eynx_542.awsui_has-notifications-content_hyvsj_8eynx_173:not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-default_hyvsj_1sfal_551.awsui_has-notifications-content_hyvsj_1sfal_173:not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179), .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-form_hyvsj_1sfal_551.awsui_has-notifications-content_hyvsj_1sfal_173:not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-default_hyvsj_8eynx_542:not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179), .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_content-type-form_hyvsj_8eynx_542:not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-header_hyvsj_8eynx_179):not(.awsui_has-dynamic-overlap-height_hyvsj_8eynx_179) {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-default_hyvsj_1sfal_551:not(.awsui_has-notifications-content_hyvsj_1sfal_173):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179), .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_content-type-form_hyvsj_1sfal_551:not(.awsui_has-notifications-content_hyvsj_1sfal_173):not(.awsui_has-header_hyvsj_1sfal_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sfal_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_has-header_hyvsj_8eynx_179, .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514).awsui_has-dynamic-overlap-height_hyvsj_8eynx_179 {
+  .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_has-header_hyvsj_1sfal_179, .awsui_container_hyvsj_1sfal_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sfal_523).awsui_has-dynamic-overlap-height_hyvsj_1sfal_179 {
     padding-top: 0;
   }
 }
-.awsui_container_hyvsj_8eynx_497.awsui_content-type-cards_hyvsj_8eynx_183:not(#\9), .awsui_container_hyvsj_8eynx_497.awsui_content-type-table_hyvsj_8eynx_184:not(#\9), .awsui_container_hyvsj_8eynx_497.awsui_content-type-wizard_hyvsj_8eynx_180:not(#\9) {
+.awsui_container_hyvsj_1sfal_497.awsui_content-type-cards_hyvsj_1sfal_183:not(#\9), .awsui_container_hyvsj_1sfal_497.awsui_content-type-table_hyvsj_1sfal_184:not(#\9), .awsui_container_hyvsj_1sfal_497.awsui_content-type-wizard_hyvsj_1sfal_180:not(#\9) {
   padding-top: 0;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_hyvsj_8eynx_583 *:not(#\9) {
+.awsui_unfocusable_hyvsj_1sfal_592 *:not(#\9) {
   visibility: hidden !important;
 }
 
@@ -588,14 +597,14 @@ when the navigation or tools drawers are open in responsive viewports.
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
-  --awsui-navigation-width-f9jj7p: 280px;
+.awsui_navigation-container_hyvsj_1sfal_600:not(#\9) {
+  --awsui-navigation-width-5mks97: 280px;
   display: flex;
   grid-column: 1;
   grid-row: 1/span 5;
-  height: var(--awsui-content-height-f9jj7p);
+  height: var(--awsui-content-height-5mks97);
   position: sticky;
-  top: var(--awsui-offset-top-f9jj7p);
+  top: var(--awsui-offset-top-5mks97);
   z-index: 850;
   /*
   The navigation and tools containers (that contain the toggle buttons)
@@ -610,27 +619,27 @@ when the navigation or tools drawers are open in responsive viewports.
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
-    --awsui-navigation-width-f9jj7p: 320px;
+  .awsui_navigation-container_hyvsj_1sfal_600:not(#\9) {
+    --awsui-navigation-width-5mks97: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
+  .awsui_navigation-container_hyvsj_1sfal_600:not(#\9) {
     left: 0;
     position: fixed;
-    top: var(--awsui-offset-top-f9jj7p);
+    top: var(--awsui-offset-top-5mks97);
     z-index: 1001;
   }
 }
 
-nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9) {
+nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
   Apply the animation only in desktop viewports because the AppBar will 
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_8eynx_1 {
+@keyframes awsui_showButtons_hyvsj_1sfal_1 {
   0% {
     opacity: 0;
   }
@@ -638,31 +647,31 @@ nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_8eynx_626.awsui_is-navigation-open_hyvsj_8eynx_519:not(#\9) {
+nav.awsui_show-navigation_hyvsj_1sfal_635.awsui_is-navigation-open_hyvsj_1sfal_528:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519) {
+  nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519).awsui_animating_hyvsj_8eynx_648 {
-    animation: awsui_showButtons_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528).awsui_animating_hyvsj_1sfal_657 {
+    animation: awsui_showButtons_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519).awsui_animating_hyvsj_8eynx_648 {
+  nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528).awsui_animating_hyvsj_1sfal_657 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519).awsui_animating_hyvsj_8eynx_648, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519).awsui_animating_hyvsj_8eynx_648 {
+  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528).awsui_animating_hyvsj_1sfal_657, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1sfal_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528).awsui_animating_hyvsj_1sfal_657 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_8eynx_591:not(#\9) {
+nav.awsui_navigation_hyvsj_1sfal_600:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   bottom: 0;
@@ -679,43 +688,43 @@ nav.awsui_navigation_hyvsj_8eynx_591:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_8eynx_1 {
+@keyframes awsui_openNavigation_hyvsj_1sfal_1 {
   from {
     opacity: 0;
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
   }
   to {
     opacity: 1;
-    width: var(--awsui-navigation-width-f9jj7p);
+    width: var(--awsui-navigation-width-5mks97);
   }
 }
-nav.awsui_navigation_hyvsj_8eynx_591:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519) {
+nav.awsui_navigation_hyvsj_1sfal_600:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sfal_528) {
   width: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_8eynx_591.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_animating_hyvsj_8eynx_648:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+nav.awsui_navigation_hyvsj_1sfal_600.awsui_is-navigation-open_hyvsj_1sfal_528.awsui_animating_hyvsj_1sfal_657:not(#\9) {
+  animation: awsui_openNavigation_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_8eynx_591.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  nav.awsui_navigation_hyvsj_1sfal_600.awsui_is-navigation-open_hyvsj_1sfal_528.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_8eynx_591.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_animating_hyvsj_8eynx_648:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_8eynx_591.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+.awsui-motion-disabled nav.awsui_navigation_hyvsj_1sfal_600.awsui_is-navigation-open_hyvsj_1sfal_528.awsui_animating_hyvsj_1sfal_657:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1sfal_600.awsui_is-navigation-open_hyvsj_1sfal_528.awsui_animating_hyvsj_1sfal_657:not(#\9) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_8eynx_591 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
-  width: var(--awsui-navigation-width-f9jj7p);
+nav.awsui_navigation_hyvsj_1sfal_600 > .awsui_animated-content_hyvsj_1sfal_718:not(#\9) {
+  width: var(--awsui-navigation-width-5mks97);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_8eynx_591:not(#\9) {
-    --awsui-navigation-width-f9jj7p: 100vw;
+  nav.awsui_navigation_hyvsj_1sfal_600:not(#\9) {
+    --awsui-navigation-width-5mks97: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_8eynx_718:not(#\9) {
+.awsui_hide-navigation_hyvsj_1sfal_727:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -725,7 +734,7 @@ nav.awsui_navigation_hyvsj_8eynx_591 > .awsui_animated-content_hyvsj_8eynx_709:n
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_hyvsj_8eynx_224:not(#\9) {
+.awsui_notifications_hyvsj_1sfal_224:not(#\9) {
   grid-column: 3;
   grid-row: 1;
   z-index: 825;
@@ -742,30 +751,30 @@ nav.awsui_navigation_hyvsj_8eynx_591 > .awsui_animated-content_hyvsj_8eynx_709:n
   */
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_8eynx_224:not(#\9) {
+  .awsui_notifications_hyvsj_1sfal_224:not(#\9) {
     margin: var(--space-xs-rsr2qu, 8px) 0;
     /*
     var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications 
     calculation in the layout CSS. 
     */
   }
-  .awsui_notifications_hyvsj_8eynx_224.awsui_sticky-notifications_hyvsj_8eynx_236:not(#\9) {
+  .awsui_notifications_hyvsj_1sfal_224.awsui_sticky-notifications_hyvsj_1sfal_236:not(#\9) {
     position: sticky;
-    top: calc(var(--awsui-offset-top-f9jj7p) + var(--space-xs-rsr2qu, 8px));
+    top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
   }
-  .awsui_notifications_hyvsj_8eynx_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
+  .awsui_notifications_hyvsj_1sfal_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sfal_173) {
     margin: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_notifications_hyvsj_8eynx_224:not(#\9) {
+  .awsui_notifications_hyvsj_1sfal_224:not(#\9) {
     grid-row: 2;
     margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   }
-  .awsui_notifications_hyvsj_8eynx_224.awsui_sticky-notifications_hyvsj_8eynx_236:not(#\9) {
+  .awsui_notifications_hyvsj_1sfal_224.awsui_sticky-notifications_hyvsj_1sfal_236:not(#\9) {
     position: static;
   }
-  .awsui_notifications_hyvsj_8eynx_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
+  .awsui_notifications_hyvsj_1sfal_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sfal_173) {
     margin: 0;
   }
 }
@@ -775,18 +784,27 @@ nav.awsui_navigation_hyvsj_8eynx_591 > .awsui_animated-content_hyvsj_8eynx_709:n
  SPDX-License-Identifier: Apache-2.0
 */
 /*
-When the Split Panel is in the bottom position it will be an additional
-row entry in the grid definition within the Layout component. The state of 
-the Navigation and Tools components will adjust the start and end column
-within. In the bottom position, the Split Panel is simply a direct child 
-of the Tools component flex container and should consume 100% of the 
-parent height.
+When the Split Panel is in the bottom position it was share the same row 
+as the content area. This row is defined as 1 fractional unit which will 
+consume the remaining vertical space in the grid after the notifications 
+and breadcrumbs.
 */
-section.awsui_split-panel-bottom_hyvsj_8eynx_785:not(#\9) {
-  bottom: var(--awsui-footer-height-f9jj7p);
+section.awsui_split-panel-bottom_hyvsj_1sfal_792:not(#\9) {
+  /*
+  The align self property will position the split panel at the bottom of the grid row.
+  This could be off the viewport if the content area has enough content to be scrollable.
+  */
+  align-self: end;
+  bottom: var(--awsui-footer-height-5mks97);
   display: none;
   grid-column: 1/6;
+  grid-row: 5;
   height: auto;
+  /* 
+  The position sticky will work in conjunction with the align self: end; property.
+  If the grid row scrolls beyond the viewport, the sticky bottom position 
+  will lift it up above the footer so it is always visible.
+  */
   position: sticky;
   z-index: 851;
   /*
@@ -806,47 +824,47 @@ section.awsui_split-panel-bottom_hyvsj_8eynx_785:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_8eynx_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_1sfal_1 {
   from {
-    height: var(--awsui-split-panel-reported-header-size-f9jj7p, 0);
+    height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
   }
   to {
-    height: var(--awsui-split-panel-reported-size-f9jj7p);
+    height: var(--awsui-split-panel-reported-size-5mks97);
   }
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_disable-body-scroll_hyvsj_8eynx_441:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_disable-body-scroll_hyvsj_1sfal_441:not(#\9) {
   bottom: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-navigation-open_hyvsj_1sfal_528.awsui_position-bottom_hyvsj_1sfal_838:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-tools-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-tools-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_position-bottom_hyvsj_1sfal_838:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785:not(#\9):not(.awsui_is-split-panel-open_hyvsj_8eynx_522).awsui_position-bottom_hyvsj_8eynx_820 {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1sfal_531).awsui_position-bottom_hyvsj_1sfal_838 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838:not(#\9) {
   box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
-section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820.awsui_animating_hyvsj_8eynx_648:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838.awsui_animating_hyvsj_1sfal_657:not(#\9) {
+  animation: awsui_openSplitPanelBottom_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820.awsui_animating_hyvsj_8eynx_648:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838.awsui_animating_hyvsj_1sfal_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1sfal_792.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-bottom_hyvsj_1sfal_838.awsui_animating_hyvsj_1sfal_657:not(#\9) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_8eynx_849:not(#\9) {
+section.awsui_split-panel-side_hyvsj_1sfal_867:not(#\9) {
   height: 100%;
   overflow-x: hidden;
   pointer-events: auto;
@@ -861,41 +879,41 @@ section.awsui_split-panel-side_hyvsj_8eynx_849:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openSplitPanelSide_hyvsj_8eynx_1 {
+@keyframes awsui_openSplitPanelSide_hyvsj_1sfal_1 {
   from {
     opacity: 0;
-    width: var(--awsui-split-panel-min-width-f9jj7p, 280px);
+    width: var(--awsui-split-panel-min-width-5mks97, 280px);
   }
   to {
     opacity: 1;
-    width: var(--awsui-split-panel-reported-size-f9jj7p);
+    width: var(--awsui-split-panel-reported-size-5mks97);
   }
 }
-section.awsui_split-panel-side_hyvsj_8eynx_849:not(#\9):not(.awsui_is-split-panel-open_hyvsj_8eynx_522), section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
+section.awsui_split-panel-side_hyvsj_1sfal_867:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1sfal_531), section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_position-bottom_hyvsj_1sfal_838:not(#\9) {
   width: 0;
 }
-section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877:not(#\9) {
+section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-side_hyvsj_1sfal_895:not(#\9) {
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  max-width: var(--awsui-split-panel-max-width-f9jj7p, 280px);
-  min-width: var(--awsui-split-panel-min-width-f9jj7p, 280px);
+  max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
+  min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
 }
-section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877.awsui_animating_hyvsj_8eynx_648:not(#\9) {
-  animation: awsui_openSplitPanelSide_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-side_hyvsj_1sfal_895.awsui_animating_hyvsj_1sfal_657:not(#\9) {
+  animation: awsui_openSplitPanelSide_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-side_hyvsj_1sfal_895.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877.awsui_animating_hyvsj_8eynx_648:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-side_hyvsj_1sfal_895.awsui_animating_hyvsj_1sfal_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1sfal_867.awsui_is-split-panel-open_hyvsj_1sfal_531.awsui_position-side_hyvsj_1sfal_895.awsui_animating_hyvsj_1sfal_657:not(#\9) {
   animation: none;
   transition: none;
 }
-section.awsui_split-panel-side_hyvsj_8eynx_849 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
+section.awsui_split-panel-side_hyvsj_1sfal_867 > .awsui_animated-content_hyvsj_1sfal_718:not(#\9) {
   height: 100%;
   max-width: inherit;
-  width: var(--awsui-split-panel-reported-size-f9jj7p);
+  width: var(--awsui-split-panel-reported-size-5mks97);
 }
 
 /*
@@ -911,38 +929,38 @@ content width has a default value that can be set directly with the minContentWi
 property. The content gap right is computed in the Layout styles based on the 
 viewport size and state of the Tools drawer.
 */
-.awsui_tools-container_hyvsj_8eynx_914:not(#\9) {
+.awsui_tools-container_hyvsj_1sfal_932:not(#\9) {
   /* stylelint-disable scss/operator-no-newline-after */
-  --awsui-tools-max-width-f9jj7p: calc(var(--awsui-layout-width-f9jj7p) - var(--awsui-main-offset-left-f9jj7p) - var(--awsui-default-min-content-width-f9jj7p) - var(--awsui-content-gap-right-f9jj7p));
+  --awsui-tools-max-width-5mks97: calc(var(--awsui-layout-width-5mks97) - var(--awsui-main-offset-left-5mks97) - var(--awsui-default-min-content-width-5mks97) - var(--awsui-content-gap-right-5mks97));
   /* stylelint-enable scss/operator-no-newline-after */
-  --awsui-tools-width-f9jj7p: 290px;
+  --awsui-tools-width-5mks97: 290px;
   display: flex;
   grid-column: 5;
   grid-row: 1/span 5;
-  height: var(--awsui-content-height-f9jj7p);
-  max-width: var(--awsui-tools-max-width-f9jj7p);
+  height: var(--awsui-content-height-5mks97);
+  max-width: var(--awsui-tools-max-width-5mks97);
   position: sticky;
-  top: var(--awsui-offset-top-f9jj7p);
+  top: var(--awsui-offset-top-5mks97);
   z-index: 850;
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_tools-container_hyvsj_8eynx_914:not(#\9) {
-    --awsui-tools-width-f9jj7p: 360px;
+  .awsui_tools-container_hyvsj_1sfal_932:not(#\9) {
+    --awsui-tools-width-5mks97: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_8eynx_914:not(#\9) {
-    --awsui-tools-max-width-f9jj7p: none;
-    --awsui-tools-width-f9jj7p: auto;
+  .awsui_tools-container_hyvsj_1sfal_932:not(#\9) {
+    --awsui-tools-max-width-5mks97: none;
+    --awsui-tools-width-5mks97: auto;
     position: fixed;
     right: 0;
-    top: var(--awsui-offset-top-f9jj7p);
+    top: var(--awsui-offset-top-5mks97);
     z-index: 1001;
   }
 }
 
-.awsui_tools_hyvsj_8eynx_914:not(#\9) {
+.awsui_tools_hyvsj_1sfal_932:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   flex-shrink: 0;
@@ -965,48 +983,48 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_8eynx_1 {
+@keyframes awsui_openTools_hyvsj_1sfal_1 {
   from {
-    opacity: var(--awsui-tools-animation-starting-opacity-f9jj7p, 0);
+    opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
   }
   to {
     opacity: 1;
-    width: var(--awsui-tools-width-f9jj7p);
+    width: var(--awsui-tools-width-5mks97);
   }
 }
-.awsui_tools_hyvsj_8eynx_914:not(#\9):not(.awsui_is-tools-open_hyvsj_8eynx_522) {
+.awsui_tools_hyvsj_1sfal_932:not(#\9):not(.awsui_is-tools-open_hyvsj_1sfal_531) {
   width: 0;
   display: none;
 }
-.awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_animating_hyvsj_8eynx_648:not(#\9) {
-  animation: awsui_openTools_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+.awsui_tools_hyvsj_1sfal_932.awsui_is-tools-open_hyvsj_1sfal_531.awsui_animating_hyvsj_1sfal_657:not(#\9) {
+  animation: awsui_openTools_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  .awsui_tools_hyvsj_1sfal_932.awsui_is-tools-open_hyvsj_1sfal_531.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_animating_hyvsj_8eynx_648:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+.awsui-motion-disabled .awsui_tools_hyvsj_1sfal_932.awsui_is-tools-open_hyvsj_1sfal_531.awsui_animating_hyvsj_1sfal_657:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1sfal_932.awsui_is-tools-open_hyvsj_1sfal_531.awsui_animating_hyvsj_1sfal_657:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_8eynx_914 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
-  width: var(--awsui-tools-width-f9jj7p);
+.awsui_tools_hyvsj_1sfal_932 > .awsui_animated-content_hyvsj_1sfal_718:not(#\9) {
+  width: var(--awsui-tools-width-5mks97);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_has-tools-form-persistence_hyvsj_8eynx_999:not(#\9) {
+  .awsui_tools_hyvsj_1sfal_932.awsui_is-tools-open_hyvsj_1sfal_531.awsui_has-tools-form-persistence_hyvsj_1sfal_1017:not(#\9) {
     border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools_hyvsj_8eynx_914:not(#\9) {
-    --awsui-tools-width-f9jj7p: 100vw;
+  .awsui_tools_hyvsj_1sfal_932:not(#\9) {
+    --awsui-tools-width-5mks97: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_8eynx_1009:not(#\9) {
+.awsui_hide-tools_hyvsj_1sfal_1027:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1018,7 +1036,7 @@ Warning! If these design tokens for padding change it will adversely impact
 the calculation used to determine the Split Panel maximum width in the 
 handleSplitPanelMaxWidth function in the context.
 */
-.awsui_show-tools_hyvsj_8eynx_1021:not(#\9) {
+.awsui_show-tools_hyvsj_1sfal_1039:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
@@ -1026,7 +1044,7 @@ handleSplitPanelMaxWidth function in the context.
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_8eynx_1 {
+@keyframes awsui_showButtons_hyvsj_1sfal_1 {
   0% {
     opacity: 0;
   }
@@ -1034,33 +1052,33 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_8eynx_1021:not(#\9):not(.awsui_has-tools-form_hyvsj_8eynx_999) {
+.awsui_show-tools_hyvsj_1sfal_1039:not(#\9):not(.awsui_has-tools-form_hyvsj_1sfal_1017) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999:not(#\9) {
+  .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form_hyvsj_1sfal_1017:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-rsr2qu, 8px);
   }
-  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999.awsui_animating_hyvsj_8eynx_648:not(#\9) {
-    animation: awsui_showButtons_hyvsj_8eynx_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form_hyvsj_1sfal_1017.awsui_animating_hyvsj_1sfal_657:not(#\9) {
+    animation: awsui_showButtons_hyvsj_1sfal_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form_hyvsj_1sfal_1017.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999.awsui_animating_hyvsj_8eynx_648:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999.awsui_animating_hyvsj_8eynx_648:not(#\9) {
+  .awsui-motion-disabled .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form_hyvsj_1sfal_1017.awsui_animating_hyvsj_1sfal_657:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form_hyvsj_1sfal_1017.awsui_animating_hyvsj_1sfal_657:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form-persistence_hyvsj_8eynx_999:not(#\9) {
+  .awsui_show-tools_hyvsj_1sfal_1039.awsui_has-tools-form-persistence_hyvsj_1sfal_1017:not(#\9) {
     background-color: var(--color-background-container-content-i8i4a0, #ffffff);
     z-index: 1;
   }
@@ -1075,7 +1093,7 @@ Warning! If these design tokens for width change it will adversely impact
 the calculation used to determine the Split Panel maximum width in the 
 handleSplitPanelMaxWidth function in the context.
 */
-.awsui_trigger_hyvsj_8eynx_1078:not(#\9) {
+.awsui_trigger_hyvsj_1sfal_1096:not(#\9) {
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
   border: none;
   border-radius: 50%;
@@ -1087,14 +1105,14 @@ handleSplitPanelMaxWidth function in the context.
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
   pointer-events: auto;
 }
-.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_1sfal_1096[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_1sfal_1096[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_trigger_hyvsj_1sfal_1096[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1105,23 +1123,23 @@ handleSplitPanelMaxWidth function in the context.
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_trigger_hyvsj_8eynx_1078:not(#\9):focus {
+.awsui_trigger_hyvsj_1sfal_1096:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_8eynx_1078:not(#\9):hover {
+.awsui_trigger_hyvsj_1sfal_1096:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
-.awsui_trigger_hyvsj_8eynx_1078:not(#\9):active {
+.awsui_trigger_hyvsj_1sfal_1096:not(#\9):active {
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
-.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9) {
+.awsui_trigger_hyvsj_1sfal_1096.awsui_selected_hyvsj_1sfal_1135:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
-.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9):hover {
+.awsui_trigger_hyvsj_1sfal_1096.awsui_selected_hyvsj_1sfal_1135:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
-.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9):active {
+.awsui_trigger_hyvsj_1sfal_1096.awsui_selected_hyvsj_1sfal_1135:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }