@cloudscape-design/components 3.0.109 → 3.0.110

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_1al7x_93:not(#\9) {
+section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
   align-items: center;
   box-sizing: border-box;
   display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
   span the entire column definition of the Layout grid.
   */
 }
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9) {
+section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-nav_hyvsj_8eynx_117:not(#\9) {
   grid-column: 1;
   margin-right: var(--space-m-17eucw, 16px);
 }
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9) {
+section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
+section.awsui_appbar_hyvsj_8eynx_93 > .awsui_appbar-tools_hyvsj_8eynx_125:not(#\9) {
   grid-column: 3;
   margin-left: var(--space-m-17eucw, 16px);
 }
 @media (min-width: 689px) {
-  section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
+  section.awsui_appbar_hyvsj_8eynx_93:not(#\9) {
     /*
     If Breadcrumbs do not exist then the AppBar should be suppressed
     because in large viewports the triggers are rendered
@@ -152,36 +152,44 @@ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\
     of the dark header.
     */
     /*
-    If the content type supports a dark sticky header then 
-    minimal bottom padding should be on the breadcrumbs to
+    Table and cards content types implement a custom dark header. 
+    Minimal bottom padding should be on the breadcrumbs to
     reduce the the vertical distance from the main content.
     */
+    /*
+    If a child component tells the AppLayout to have a sticky 
+    background (typically because of a stickyHeader with a 
+    full-page variant) the z-index of the breadcrumbs needs to 
+    be lifted so it doesn't render behind the background element.
+    */
   }
-  section.awsui_appbar_hyvsj_1al7x_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
+  section.awsui_appbar_hyvsj_8eynx_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9),
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
+  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) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
+  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9) {
+  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9) {
     padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173),
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-header_hyvsj_1al7x_173).awsui_content-type-wizard_hyvsj_1al7x_174 {
+  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 {
     padding-bottom: var(--space-m-17eucw, 16px);
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9),
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_content-type-table_hyvsj_1al7x_178:not(#\9) {
+  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) {
     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) {
     z-index: 799;
   }
 }
 @media (max-width: 688px) {
-  section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
+  section.awsui_appbar_hyvsj_8eynx_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));
@@ -197,11 +205,11 @@ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_c
     they are now sticky positioned in the viewport with the AppBar.
     */
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9),
-section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
+  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) {
     display: block;
   }
-  section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9) {
+  section.awsui_appbar_hyvsj_8eynx_93 > .awsui_breadcrumbs_hyvsj_8eynx_121:not(#\9) {
     padding: 0;
   }
 }
@@ -210,10 +218,10 @@ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_background_hyvsj_1al7x_213:not(#\9) {
+div.awsui_background_hyvsj_8eynx_221:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216:not(#\9) {
+div.awsui_background_hyvsj_8eynx_221 > .awsui_notifications-appbar-header_hyvsj_8eynx_224:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/span 3;
@@ -225,26 +233,25 @@ div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216.awsui_content-type-cards_hyvsj_1al7x_177.awsui_has-notifications-content_hyvsj_1al7x_167.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9), div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216.awsui_content-type-table_hyvsj_1al7x_178.awsui_has-notifications-content_hyvsj_1al7x_167.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
+  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) {
     position: sticky;
     top: var(--awsui-offset-top-f9jj7p);
     z-index: 799;
   }
 }
-div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234:not(#\9) {
+div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 4;
   /*
-  The cards and table content types have sticky header content that 
-  will retain position on viewport scroll. They are setting the 
-  dynamicOverlapHeight property in the AppLayout context with a container query 
-  that observes the content height. The background needs to be sticky in 
-  desktop viewports without overlapping notification content if it exists.
+  The cards and table content types can have sticky header content that 
+  will retain position on viewport scroll. The overlap background needs to 
+  be sticky in desktop viewports to prevent light background gutters with 
+  the high contrast header background only in the content area.
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9), div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234.awsui_content-type-table_hyvsj_1al7x_178:not(#\9) {
+  div.awsui_background_hyvsj_8eynx_221 > .awsui_overlap_hyvsj_8eynx_242.awsui_has-sticky-background_hyvsj_8eynx_187:not(#\9) {
     position: sticky;
     top: var(--awsui-offset-top-with-notifications-f9jj7p);
     z-index: 799;
@@ -255,13 +262,13 @@ div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234:not(#\9) {
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_1al7x_174:not(#\9) {
+header.awsui_content_hyvsj_8eynx_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_1al7x_174:not(#\9) {
+  header.awsui_content_hyvsj_8eynx_180:not(#\9) {
     /*
     If Notifications exist and Breadcrumbs do not then Notifications 
     is the previous adjacent sibling to the Header. Add minimal top padding 
@@ -279,25 +286,25 @@ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
     circular buttons.
     */
   }
-  header.awsui_content_hyvsj_1al7x_174.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
+  header.awsui_content_hyvsj_8eynx_180.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  header.awsui_content_hyvsj_1al7x_174.awsui_has-breadcrumbs_hyvsj_1al7x_160:not(#\9) {
+  header.awsui_content_hyvsj_8eynx_180.awsui_has-breadcrumbs_hyvsj_8eynx_166:not(#\9) {
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
-  header.awsui_content_hyvsj_1al7x_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
+  header.awsui_content_hyvsj_8eynx_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173):not(.awsui_has-breadcrumbs_hyvsj_8eynx_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
 @media (max-width: 688px) {
-  header.awsui_content_hyvsj_1al7x_174:not(#\9) {
+  header.awsui_content_hyvsj_8eynx_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_1al7x_174.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9) {
+  header.awsui_content_hyvsj_8eynx_180.awsui_has-notifications-content_hyvsj_8eynx_173:not(#\9) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
@@ -319,7 +326,7 @@ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
   circumstances regardless of whether the minContentWidth property is
   explicitly set in script.
   */
-.awsui_layout_hyvsj_1al7x_322:not(#\9) {
+.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));
@@ -401,75 +408,75 @@ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
+  .awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_8eynx_411) {
     --awsui-default-max-content-width-f9jj7p: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
+  .awsui_layout_hyvsj_8eynx_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_8eynx_411) {
     --awsui-default-max-content-width-f9jj7p: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
+  .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_1al7x_322.awsui_has-max-content-width_hyvsj_1al7x_404:not(#\9) {
+.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);
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9) {
+  .awsui_layout_hyvsj_8eynx_329:not(#\9) {
     --awsui-default-min-content-width-f9jj7p: var(--awsui-min-content-width-f9jj7p, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9) {
+  .awsui_layout_hyvsj_8eynx_329:not(#\9) {
     --awsui-default-min-content-width-f9jj7p: 0px;
   }
 }
-.awsui_layout_hyvsj_1al7x_322.awsui_is-overlap-disabled_hyvsj_1al7x_431:not(#\9) {
+.awsui_layout_hyvsj_8eynx_329.awsui_is-overlap-disabled_hyvsj_8eynx_438:not(#\9) {
   --awsui-overlap-height-f9jj7p: 0;
 }
-.awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434) {
+.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_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434):not(.awsui_has-sticky-notifications_hyvsj_1al7x_438) {
+.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_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434).awsui_has-sticky-notifications_hyvsj_1al7x_438 {
+.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_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9) {
+.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);
   overflow-y: scroll;
 }
-.awsui_layout_hyvsj_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434.awsui_has-split-panel_hyvsj_1al7x_452.awsui_split-panel-position-bottom_hyvsj_1al7x_452:not(#\9) {
+.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_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1al7x_438) {
+.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_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434.awsui_has-sticky-notifications_hyvsj_1al7x_438:not(#\9) {
+.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)
     );
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_1al7x_322.awsui_has-content-gap-left_hyvsj_1al7x_464:not(#\9) {
+  .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_1al7x_322.awsui_has-content-gap-right_hyvsj_1al7x_467:not(#\9) {
+  .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);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_1al7x_322:not(#\9) {
+  .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);
   }
@@ -479,7 +486,7 @@ header.awsui_content_hyvsj_1al7x_174: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_1al7x_482:not(#\9) {
+.awsui_block-body-scroll_hyvsj_8eynx_489:not(#\9) {
   overflow: hidden;
 }
 
@@ -487,7 +494,7 @@ 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_1al7x_490:not(#\9) {
+.awsui_container_hyvsj_8eynx_497:not(#\9) {
   grid-column: 3;
   grid-row: 4/span 2;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -504,20 +511,20 @@ when the navigation or tools drawers are open in responsive viewports.
   under various circumstances.
   */
 }
-.awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507:not(#\9) {
+.awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514:not(#\9) {
   grid-column: 1/6;
   padding: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-navigation-open_hyvsj_1al7x_512:not(#\9) {
+  .awsui_container_hyvsj_8eynx_497.awsui_disable-content-paddings_hyvsj_8eynx_514.awsui_is-navigation-open_hyvsj_8eynx_519:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-tools-open_hyvsj_1al7x_515:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_split-panel-position-side_hyvsj_1al7x_515:not(#\9) {
+  .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) {
     grid-column-end: 5;
   }
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507) {
+  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514) {
     /*
     Notifications is the previous adjacent sibling to the Main in 
     desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -532,18 +539,18 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
+  .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) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
+  .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) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-header_hyvsj_1al7x_173, .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-dynamic-overlap-height_hyvsj_1al7x_173 {
+  .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 {
     padding-top: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507) {
+  .awsui_container_hyvsj_8eynx_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_8eynx_514) {
     /*
     If the Notifications exist but the Header does not then the 
     Notifications is the previous adjacent sibling to the Main 
@@ -558,22 +565,22 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
+  .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) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
+  .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) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-header_hyvsj_1al7x_173, .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-dynamic-overlap-height_hyvsj_1al7x_173 {
+  .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 {
     padding-top: 0;
   }
 }
-.awsui_container_hyvsj_1al7x_490.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_content-type-table_hyvsj_1al7x_178:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_content-type-wizard_hyvsj_1al7x_174:not(#\9) {
+.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) {
   padding-top: 0;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_hyvsj_1al7x_576 *:not(#\9) {
+.awsui_unfocusable_hyvsj_8eynx_583 *:not(#\9) {
   visibility: hidden !important;
 }
 
@@ -581,7 +588,7 @@ 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_1al7x_584:not(#\9) {
+.awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
   --awsui-navigation-width-f9jj7p: 280px;
   display: flex;
   grid-column: 1;
@@ -590,14 +597,25 @@ when the navigation or tools drawers are open in responsive viewports.
   position: sticky;
   top: var(--awsui-offset-top-f9jj7p);
   z-index: 850;
+  /*
+  The navigation and tools containers (that contain the toggle buttons)
+  stretch the full height of the app layout. Normally, this wouldn't be an
+  issue because they sit above the app layout's content padding.
+
+  But if disableContentPaddings is set to true and there are buttons on the
+  left/right edges of the screen, they will be covered by the containers. So
+  we need to disable pointer events in the container and re-enable them in
+  the panels and toggle buttons.
+  */
+  pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_1al7x_584:not(#\9) {
+  .awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
     --awsui-navigation-width-f9jj7p: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_1al7x_584:not(#\9) {
+  .awsui_navigation-container_hyvsj_8eynx_591:not(#\9) {
     left: 0;
     position: fixed;
     top: var(--awsui-offset-top-f9jj7p);
@@ -605,14 +623,14 @@ when the navigation or tools drawers are open in responsive viewports.
   }
 }
 
-nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9) {
+nav.awsui_show-navigation_hyvsj_8eynx_626: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_1al7x_1 {
+@keyframes awsui_showButtons_hyvsj_8eynx_1 {
   0% {
     opacity: 0;
   }
@@ -620,31 +638,31 @@ nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_1al7x_608.awsui_is-navigation-open_hyvsj_1al7x_512:not(#\9) {
+nav.awsui_show-navigation_hyvsj_8eynx_626.awsui_is-navigation-open_hyvsj_8eynx_519:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512) {
+  nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
-    animation: awsui_showButtons_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  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);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
+  nav.awsui_show-navigation_hyvsj_8eynx_626:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519).awsui_animating_hyvsj_8eynx_648 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
+  .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 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
+nav.awsui_navigation_hyvsj_8eynx_591: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;
@@ -654,13 +672,14 @@ nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
   overscroll-behavior-y: contain;
   position: relative;
   word-wrap: break-word;
+  pointer-events: auto;
   /*
   A non-semantic node is added with a fixed width equal to the final Navigation 
   width. This will create the visual appearance of horizontal movement and 
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_1al7x_1 {
+@keyframes awsui_openNavigation_hyvsj_8eynx_1 {
   from {
     opacity: 0;
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -670,33 +689,33 @@ nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
     width: var(--awsui-navigation-width-f9jj7p);
   }
 }
-nav.awsui_navigation_hyvsj_1al7x_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512) {
+nav.awsui_navigation_hyvsj_8eynx_591:not(#\9):not(.awsui_is-navigation-open_hyvsj_8eynx_519) {
   width: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+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);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  nav.awsui_navigation_hyvsj_8eynx_591.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_animating_hyvsj_8eynx_648:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+.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) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_1al7x_584 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
+nav.awsui_navigation_hyvsj_8eynx_591 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
   width: var(--awsui-navigation-width-f9jj7p);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
+  nav.awsui_navigation_hyvsj_8eynx_591:not(#\9) {
     --awsui-navigation-width-f9jj7p: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_1al7x_699:not(#\9) {
+.awsui_hide-navigation_hyvsj_8eynx_718:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -706,7 +725,7 @@ nav.awsui_navigation_hyvsj_1al7x_584 > .awsui_animated-content_hyvsj_1al7x_690:n
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_hyvsj_1al7x_216:not(#\9) {
+.awsui_notifications_hyvsj_8eynx_224:not(#\9) {
   grid-column: 3;
   grid-row: 1;
   z-index: 825;
@@ -723,30 +742,30 @@ nav.awsui_navigation_hyvsj_1al7x_584 > .awsui_animated-content_hyvsj_1al7x_690:n
   */
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_1al7x_216:not(#\9) {
+  .awsui_notifications_hyvsj_8eynx_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_1al7x_216.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
+  .awsui_notifications_hyvsj_8eynx_224.awsui_sticky-notifications_hyvsj_8eynx_236:not(#\9) {
     position: sticky;
     top: calc(var(--awsui-offset-top-f9jj7p) + var(--space-xs-rsr2qu, 8px));
   }
-  .awsui_notifications_hyvsj_1al7x_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
+  .awsui_notifications_hyvsj_8eynx_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
     margin: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_notifications_hyvsj_1al7x_216:not(#\9) {
+  .awsui_notifications_hyvsj_8eynx_224:not(#\9) {
     grid-row: 2;
     margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   }
-  .awsui_notifications_hyvsj_1al7x_216.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
+  .awsui_notifications_hyvsj_8eynx_224.awsui_sticky-notifications_hyvsj_8eynx_236:not(#\9) {
     position: static;
   }
-  .awsui_notifications_hyvsj_1al7x_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
+  .awsui_notifications_hyvsj_8eynx_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_8eynx_173) {
     margin: 0;
   }
 }
@@ -763,7 +782,7 @@ 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.
 */
-section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785:not(#\9) {
   bottom: var(--awsui-footer-height-f9jj7p);
   display: none;
   grid-column: 1/6;
@@ -787,7 +806,7 @@ section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_1al7x_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_8eynx_1 {
   from {
     height: var(--awsui-split-panel-reported-header-size-f9jj7p, 0);
   }
@@ -795,41 +814,42 @@ section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9) {
     height: var(--awsui-split-panel-reported-size-f9jj7p);
   }
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_disable-body-scroll_hyvsj_8eynx_441:not(#\9) {
   bottom: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-navigation-open_hyvsj_8eynx_519.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-tools-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-tools-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_position-bottom_hyvsj_8eynx_820:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1al7x_515).awsui_position-bottom_hyvsj_1al7x_801 {
+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 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_8eynx_785.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-bottom_hyvsj_8eynx_820: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_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+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);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  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: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+.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) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9) {
+section.awsui_split-panel-side_hyvsj_8eynx_849:not(#\9) {
   height: 100%;
   overflow-x: hidden;
+  pointer-events: auto;
   /*
   The min and max widths are applied when the Split Panel is opened otherwise 
   it would not be possible to animate the width and the box shadow would 
@@ -841,7 +861,7 @@ section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openSplitPanelSide_hyvsj_1al7x_1 {
+@keyframes awsui_openSplitPanelSide_hyvsj_8eynx_1 {
   from {
     opacity: 0;
     width: var(--awsui-split-panel-min-width-f9jj7p, 280px);
@@ -851,28 +871,28 @@ section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9) {
     width: var(--awsui-split-panel-reported-size-f9jj7p);
   }
 }
-section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1al7x_515), section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
+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) {
   width: 0;
 }
-section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857:not(#\9) {
+section.awsui_split-panel-side_hyvsj_8eynx_849.awsui_is-split-panel-open_hyvsj_8eynx_522.awsui_position-side_hyvsj_8eynx_877: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);
 }
-section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
-  animation: awsui_openSplitPanelSide_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+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);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  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: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+.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) {
   animation: none;
   transition: none;
 }
-section.awsui_split-panel-side_hyvsj_1al7x_830 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
+section.awsui_split-panel-side_hyvsj_8eynx_849 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
   height: 100%;
   max-width: inherit;
   width: var(--awsui-split-panel-reported-size-f9jj7p);
@@ -891,7 +911,7 @@ 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_1al7x_894:not(#\9) {
+.awsui_tools-container_hyvsj_8eynx_914: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));
   /* stylelint-enable scss/operator-no-newline-after */
@@ -904,14 +924,15 @@ viewport size and state of the Tools drawer.
   position: sticky;
   top: var(--awsui-offset-top-f9jj7p);
   z-index: 850;
+  pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_tools-container_hyvsj_1al7x_894:not(#\9) {
+  .awsui_tools-container_hyvsj_8eynx_914:not(#\9) {
     --awsui-tools-width-f9jj7p: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_1al7x_894:not(#\9) {
+  .awsui_tools-container_hyvsj_8eynx_914:not(#\9) {
     --awsui-tools-max-width-f9jj7p: none;
     --awsui-tools-width-f9jj7p: auto;
     position: fixed;
@@ -921,7 +942,7 @@ viewport size and state of the Tools drawer.
   }
 }
 
-.awsui_tools_hyvsj_1al7x_894:not(#\9) {
+.awsui_tools_hyvsj_8eynx_914: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;
@@ -931,6 +952,7 @@ viewport size and state of the Tools drawer.
   overscroll-behavior-y: contain;
   position: relative;
   word-wrap: break-word;
+  pointer-events: auto;
   /*
   A non-semantic node is added with a fixed width equal to the final Tools 
   width. This will create the visual appearance of horizontal movement and 
@@ -943,7 +965,7 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_1al7x_1 {
+@keyframes awsui_openTools_hyvsj_8eynx_1 {
   from {
     opacity: var(--awsui-tools-animation-starting-opacity-f9jj7p, 0);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -953,38 +975,38 @@ viewport size and state of the Tools drawer.
     width: var(--awsui-tools-width-f9jj7p);
   }
 }
-.awsui_tools_hyvsj_1al7x_894:not(#\9):not(.awsui_is-tools-open_hyvsj_1al7x_515) {
+.awsui_tools_hyvsj_8eynx_914:not(#\9):not(.awsui_is-tools-open_hyvsj_8eynx_522) {
   width: 0;
   display: none;
 }
-.awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
-  animation: awsui_openTools_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+.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);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_animating_hyvsj_8eynx_648:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+.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) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_1al7x_894 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
+.awsui_tools_hyvsj_8eynx_914 > .awsui_animated-content_hyvsj_8eynx_709:not(#\9) {
   width: var(--awsui-tools-width-f9jj7p);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_has-tools-form-persistence_hyvsj_1al7x_977:not(#\9) {
+  .awsui_tools_hyvsj_8eynx_914.awsui_is-tools-open_hyvsj_8eynx_522.awsui_has-tools-form-persistence_hyvsj_8eynx_999: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_1al7x_894:not(#\9) {
+  .awsui_tools_hyvsj_8eynx_914:not(#\9) {
     --awsui-tools-width-f9jj7p: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_1al7x_987:not(#\9) {
+.awsui_hide-tools_hyvsj_8eynx_1009:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -996,7 +1018,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_1al7x_999:not(#\9) {
+.awsui_show-tools_hyvsj_8eynx_1021:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
@@ -1004,7 +1026,7 @@ handleSplitPanelMaxWidth function in the context.
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_1al7x_1 {
+@keyframes awsui_showButtons_hyvsj_8eynx_1 {
   0% {
     opacity: 0;
   }
@@ -1012,33 +1034,33 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_1al7x_999:not(#\9):not(.awsui_has-tools-form_hyvsj_1al7x_977) {
+.awsui_show-tools_hyvsj_8eynx_1021:not(#\9):not(.awsui_has-tools-form_hyvsj_8eynx_999) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977:not(#\9) {
+  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-rsr2qu, 8px);
   }
-  .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
-    animation: awsui_showButtons_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  .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);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form_hyvsj_8eynx_999.awsui_animating_hyvsj_8eynx_648:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
+  .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) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form-persistence_hyvsj_1al7x_977:not(#\9) {
+  .awsui_show-tools_hyvsj_8eynx_1021.awsui_has-tools-form-persistence_hyvsj_8eynx_999:not(#\9) {
     background-color: var(--color-background-container-content-i8i4a0, #ffffff);
     z-index: 1;
   }
@@ -1053,7 +1075,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_1al7x_1056:not(#\9) {
+.awsui_trigger_hyvsj_8eynx_1078:not(#\9) {
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
   border: none;
   border-radius: 50%;
@@ -1063,15 +1085,16 @@ handleSplitPanelMaxWidth function in the context.
   height: var(--space-layout-toggle-diameter-hzvqtj, 40px);
   padding: 0 var(--space-s-hv8c1d, 12px);
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
+  pointer-events: auto;
 }
-.awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_trigger_hyvsj_8eynx_1078[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1082,23 +1105,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_1al7x_1056:not(#\9):focus {
+.awsui_trigger_hyvsj_8eynx_1078:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_1al7x_1056:not(#\9):hover {
+.awsui_trigger_hyvsj_8eynx_1078:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
-.awsui_trigger_hyvsj_1al7x_1056:not(#\9):active {
+.awsui_trigger_hyvsj_8eynx_1078:not(#\9):active {
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
-.awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9) {
+.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
-.awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9):hover {
+.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
-.awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9):active {
+.awsui_trigger_hyvsj_8eynx_1078.awsui_selected_hyvsj_8eynx_1117:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }