@cloudscape-design/components 3.0.258 → 3.0.260

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_1xn3c_93:not(#\9) {
+section.awsui_appbar_hyvsj_iwse1_93:not(#\9) {
   align-items: center;
   box-sizing: border-box;
   display: grid;
@@ -114,21 +114,21 @@ section.awsui_appbar_hyvsj_1xn3c_93:not(#\9) {
   span the entire column definition of the Layout grid.
   */
 }
-section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_117:not(#\9) {
+section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9) {
   grid-column: 1;
   margin-right: var(--space-m-17eucw, 16px);
 }
-section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9) {
+section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
-section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_126:not(#\9) {
+section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
+section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
   grid-column: 3;
   margin-left: var(--space-m-17eucw, 16px);
 }
 @media (min-width: 689px) {
-  section.awsui_appbar_hyvsj_1xn3c_93:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93:not(#\9) {
     /*
     If Breadcrumbs do not exist then the AppBar should be suppressed
     because in large viewports the triggers are rendered
@@ -164,34 +164,34 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
     be lifted so it doesn't render behind the background element.
     */
   }
-  section.awsui_appbar_hyvsj_1xn3c_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
+  section.awsui_appbar_hyvsj_iwse1_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_117:not(#\9),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_126:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_has-notifications-content_hyvsj_1xn3c_175:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9) {
     padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-header_hyvsj_1xn3c_181).awsui_content-type-wizard_hyvsj_1xn3c_182 {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-header_hyvsj_iwse1_181).awsui_content-type-wizard_hyvsj_iwse1_182 {
     padding-bottom: var(--space-m-17eucw, 16px);
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_content-type-cards_hyvsj_1xn3c_185:not(#\9),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_content-type-table_hyvsj_1xn3c_186:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_content-type-cards_hyvsj_iwse1_185:not(#\9),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_content-type-table_hyvsj_iwse1_186:not(#\9) {
     padding-bottom: var(--space-xxs-ynfts5, 4px);
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_has-sticky-background_hyvsj_1xn3c_189:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_has-sticky-background_hyvsj_iwse1_189:not(#\9) {
     z-index: 799;
   }
 }
 @media (max-width: 688px) {
-  section.awsui_appbar_hyvsj_1xn3c_93:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_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));
@@ -207,12 +207,12 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
     they are now sticky positioned in the viewport with the AppBar.
     */
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_117:not(#\9),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_126:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
     display: block;
   }
-  section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9) {
+  section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9) {
     padding: 0;
   }
 }
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_background_hyvsj_1xn3c_224:not(#\9) {
+div.awsui_background_hyvsj_iwse1_224:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_1xn3c_227:not(#\9) {
+div.awsui_background_hyvsj_iwse1_224 > .awsui_notifications-appbar-header_hyvsj_iwse1_227:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/span 3;
@@ -237,13 +237,13 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_1xn3c_227.awsui_has-sticky-background_hyvsj_1xn3c_189.awsui_has-notifications-content_hyvsj_1xn3c_175.awsui_sticky-notifications_hyvsj_1xn3c_240:not(#\9) {
+  div.awsui_background_hyvsj_iwse1_224 > .awsui_notifications-appbar-header_hyvsj_iwse1_227.awsui_has-sticky-background_hyvsj_iwse1_189.awsui_has-notifications-content_hyvsj_iwse1_175.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
     position: sticky;
     top: var(--awsui-offset-top-3j0evk);
     z-index: 799;
   }
 }
-div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
+div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 4;
@@ -256,7 +256,7 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246.awsui_has-sticky-background_hyvsj_1xn3c_189:not(#\9) {
+  div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246.awsui_has-sticky-background_hyvsj_iwse1_189:not(#\9) {
     position: sticky;
     top: var(--awsui-offset-top-with-notifications-3j0evk);
     z-index: 799;
@@ -267,7 +267,7 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawers-container_hyvsj_1xn3c_270:not(#\9) {
+.awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
   background-color: transparent;
   display: flex;
   grid-column: 5;
@@ -279,37 +279,46 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
   z-index: 830;
   transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
-.awsui_drawers-container_hyvsj_1xn3c_270.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
+.awsui_drawers-container_hyvsj_iwse1_270.awsui_has-open-drawer_hyvsj_iwse1_282: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));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawers-container_hyvsj_1xn3c_270:not(#\9) {
+  .awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawers-container_hyvsj_1xn3c_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1xn3c_270:not(#\9) {
+.awsui-motion-disabled .awsui_drawers-container_hyvsj_iwse1_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawers-container_hyvsj_1xn3c_270:not(#\9) {
+  .awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
     /* stylelint-disable scss/operator-no-newline-after */
     max-width: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
     /* stylelint-enable scss/operator-no-newline-after */
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawers-container_hyvsj_1xn3c_270:not(#\9) {
+  .awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
     position: fixed;
     right: 0;
-    top: var(--awsui-offset-top-3j0evk);
     z-index: 1001;
+    /*
+    When disableBodyScroll is true the offsetTop will be relative to the 
+    app layout and not the body. However, the drawer position changes 
+    to fixed in mobile viewports. The top value needs to include the 
+    header because fixed position switches the top value so it is now 
+    relative to the body.
+    */
+  }
+  .awsui_drawers-container_hyvsj_iwse1_270.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
+    top: var(--awsui-header-height-3j0evk);
   }
 }
 
-.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -353,39 +362,39 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
   overflow-x: hidden;
   overscroll-behavior-y: contain;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330).awsui_has-open-drawer_hyvsj_1xn3c_282 {
+.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339).awsui_has-open-drawer_hyvsj_iwse1_282 {
   width: 0;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
+  .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
+.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
   width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
   transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+  .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
   animation: none;
   transition: none;
 }
 
-.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9) {
+.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9) {
   align-items: center;
   display: flex;
   flex-direction: column;
@@ -393,26 +402,26 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
   padding-top: var(--space-scaled-s-cu1hzn, 12px);
   width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
 }
-.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330).awsui_has-open-drawer_hyvsj_1xn3c_282 {
+.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339).awsui_has-open-drawer_hyvsj_iwse1_282 {
   opacity: 0;
 }
-.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
   opacity: 1;
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
   transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+  .awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
+.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
   animation: none;
   transition: none;
 }
 
-.awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
+.awsui_drawer_hyvsj_iwse1_126:not(#\9) {
   --awsui-active-drawer-width-3j0evk: 290px;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   border-color: transparent;
@@ -429,42 +438,42 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
   transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   transition-property: border-color, opacity, width;
 }
-.awsui_drawer_hyvsj_1xn3c_126 > .awsui_drawer-close-button_hyvsj_1xn3c_406:not(#\9) {
+.awsui_drawer_hyvsj_iwse1_126 > .awsui_drawer-close-button_hyvsj_iwse1_415:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_hyvsj_1xn3c_126 > .awsui_drawer-content_hyvsj_1xn3c_411:not(#\9) {
+.awsui_drawer_hyvsj_iwse1_126 > .awsui_drawer-content_hyvsj_iwse1_420:not(#\9) {
   grid-column: 1/span 3;
   grid-row: 1/span 3;
   width: var(--awsui-active-drawer-width-3j0evk);
 }
-.awsui_drawer_hyvsj_1xn3c_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_1xn3c_416) {
+.awsui_drawer_hyvsj_iwse1_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_iwse1_425) {
   opacity: 0;
   width: 0;
 }
-.awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
+.awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   opacity: 1;
   width: var(--awsui-active-drawer-width-3j0evk);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
+  .awsui_drawer_hyvsj_iwse1_126:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_hyvsj_1xn3c_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_hyvsj_iwse1_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_iwse1_126:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 2541px) {
-  .awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
+  .awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
     --awsui-active-drawer-width-3j0evk: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
+  .awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
     --awsui-active-drawer-width-3j0evk: 100vw;
   }
 }
@@ -473,13 +482,13 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
+header.awsui_content_hyvsj_iwse1_182: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_1xn3c_182:not(#\9) {
+  header.awsui_content_hyvsj_iwse1_182:not(#\9) {
     /*
     If Notifications exist and Breadcrumbs do not then Notifications 
     is the previous adjacent sibling to the Header. Add minimal top padding 
@@ -497,25 +506,25 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
     circular buttons.
     */
   }
-  header.awsui_content_hyvsj_1xn3c_182.awsui_has-notifications-content_hyvsj_1xn3c_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
+  header.awsui_content_hyvsj_iwse1_182.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  header.awsui_content_hyvsj_1xn3c_182.awsui_has-breadcrumbs_hyvsj_1xn3c_167:not(#\9) {
+  header.awsui_content_hyvsj_iwse1_182.awsui_has-breadcrumbs_hyvsj_iwse1_167:not(#\9) {
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
-  header.awsui_content_hyvsj_1xn3c_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
+  header.awsui_content_hyvsj_iwse1_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
 @media (max-width: 688px) {
-  header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
+  header.awsui_content_hyvsj_iwse1_182: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_1xn3c_182.awsui_has-notifications-content_hyvsj_1xn3c_175:not(#\9) {
+  header.awsui_content_hyvsj_iwse1_182.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
@@ -541,7 +550,7 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
   circumstances regardless of whether the minContentWidth property is
   explicitly set in script.
   */
-.awsui_layout_hyvsj_1xn3c_518:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527:not(#\9) {
   --awsui-content-gap-left-3j0evk: 0px;
   --awsui-content-gap-right-3j0evk: 0px;
   --awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
@@ -624,90 +633,90 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
     --awsui-default-max-content-width-3j0evk: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
     --awsui-default-max-content-width-3j0evk: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
     --awsui-default-max-content-width-3j0evk: 1620px;
   }
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
     --awsui-default-max-content-width-3j0evk: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
     --awsui-default-max-content-width-3j0evk: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
     --awsui-default-max-content-width-3j0evk: 2160px;
   }
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_has-max-content-width_hyvsj_1xn3c_601:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527.awsui_has-max-content-width_hyvsj_iwse1_610:not(#\9) {
   --awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9) {
     --awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9) {
     --awsui-default-min-content-width-3j0evk: 0px;
   }
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_is-overlap-disabled_hyvsj_1xn3c_643:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527.awsui_is-overlap-disabled_hyvsj_iwse1_652:not(#\9) {
   --awsui-overlap-height-3j0evk: 0;
 }
-.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646) {
+.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316) {
   --awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
   min-height: var(--awsui-content-height-3j0evk);
 }
-.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646):not(.awsui_has-sticky-notifications_hyvsj_1xn3c_650) {
+.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316):not(.awsui_has-sticky-notifications_hyvsj_iwse1_659) {
   --awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
 }
-.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646).awsui_has-sticky-notifications_hyvsj_1xn3c_650 {
+.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316).awsui_has-sticky-notifications_hyvsj_iwse1_659 {
   --awsui-offset-top-with-notifications-3j0evk: calc(
       var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
     );
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
   --awsui-offset-top-3j0evk: 0px;
   grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
   height: var(--awsui-content-height-3j0evk);
   overflow-y: scroll;
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646.awsui_has-split-panel_hyvsj_1xn3c_664.awsui_split-panel-position-bottom_hyvsj_1xn3c_664:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316.awsui_has-split-panel_hyvsj_iwse1_673.awsui_split-panel-position-bottom_hyvsj_iwse1_673:not(#\9) {
   grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1xn3c_650) {
+.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_iwse1_659) {
   --awsui-offset-top-with-notifications-3j0evk: 0px;
 }
-.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646.awsui_has-sticky-notifications_hyvsj_1xn3c_650:not(#\9) {
+.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316.awsui_has-sticky-notifications_hyvsj_iwse1_659:not(#\9) {
   --awsui-offset-top-with-notifications-3j0evk: calc(
       var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
     );
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_1xn3c_518.awsui_has-content-gap-left_hyvsj_1xn3c_676:not(#\9) {
+  .awsui_layout_hyvsj_iwse1_527.awsui_has-content-gap-left_hyvsj_iwse1_685:not(#\9) {
     --awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
-  .awsui_layout_hyvsj_1xn3c_518.awsui_has-content-gap-right_hyvsj_1xn3c_679:not(#\9) {
+  .awsui_layout_hyvsj_iwse1_527.awsui_has-content-gap-right_hyvsj_iwse1_688:not(#\9) {
     --awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_1xn3c_518:not(#\9) {
+  .awsui_layout_hyvsj_iwse1_527:not(#\9) {
     --awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
     --awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
   }
@@ -717,7 +726,7 @@ header.awsui_content_hyvsj_1xn3c_182: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_1xn3c_694:not(#\9) {
+.awsui_block-body-scroll_hyvsj_iwse1_703:not(#\9) {
   overflow: hidden;
 }
 
@@ -725,7 +734,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_1xn3c_702:not(#\9) {
+.awsui_container_hyvsj_iwse1_711:not(#\9) {
   grid-column: 3;
   grid-row: 4/span 2;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -748,23 +757,23 @@ when the navigation or tools drawers are open in responsive viewports.
   under various circumstances.
   */
 }
-.awsui_container_hyvsj_1xn3c_702.awsui_has-split-panel_hyvsj_1xn3c_664.awsui_split-panel-position-bottom_hyvsj_1xn3c_664:not(#\9) {
+.awsui_container_hyvsj_iwse1_711.awsui_has-split-panel_hyvsj_iwse1_673.awsui_split-panel-position-bottom_hyvsj_iwse1_673:not(#\9) {
   padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
 }
-.awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728:not(#\9) {
+.awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737:not(#\9) {
   grid-column: 1/6;
   padding: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-navigation-open_hyvsj_1xn3c_733:not(#\9) {
+  .awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-navigation-open_hyvsj_iwse1_742:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-tools-open_hyvsj_1xn3c_736:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_split-panel-position-side_hyvsj_1xn3c_736:not(#\9) {
+  .awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-tools-open_hyvsj_iwse1_745:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_split-panel-position-side_hyvsj_iwse1_745:not(#\9) {
     grid-column-end: 5;
   }
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737) {
     /*
     Notifications is the previous adjacent sibling to the Main in
     desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -779,18 +788,18 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-header_hyvsj_1xn3c_181, .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181 {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-header_hyvsj_iwse1_181, .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-dynamic-overlap-height_hyvsj_iwse1_181 {
     padding-top: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737) {
     /*
     If the Notifications exist but the Header does not then the
     Notifications is the previous adjacent sibling to the Main
@@ -805,23 +814,23 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-header_hyvsj_1xn3c_181, .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181 {
+  .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-header_hyvsj_iwse1_181, .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-dynamic-overlap-height_hyvsj_iwse1_181 {
     padding-top: 0;
   }
 }
-.awsui_container_hyvsj_1xn3c_702.awsui_content-type-cards_hyvsj_1xn3c_185:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_content-type-table_hyvsj_1xn3c_186:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_content-type-wizard_hyvsj_1xn3c_182:not(#\9) {
+.awsui_container_hyvsj_iwse1_711.awsui_content-type-cards_hyvsj_iwse1_185:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_content-type-table_hyvsj_iwse1_186:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_content-type-wizard_hyvsj_iwse1_182:not(#\9) {
   padding-top: 0;
 }
 
 /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
-.awsui_unfocusable_hyvsj_1xn3c_797:not(#\9),
-.awsui_unfocusable_hyvsj_1xn3c_797 *:not(#\9) {
+.awsui_unfocusable_hyvsj_iwse1_806:not(#\9),
+.awsui_unfocusable_hyvsj_iwse1_806 *:not(#\9) {
   visibility: hidden !important;
 }
 
@@ -830,7 +839,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_1xn3c_807:not(#\9) {
+.awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
   --awsui-navigation-width-3j0evk: 280px;
   display: flex;
   grid-column: 1;
@@ -852,27 +861,36 @@ when the navigation or tools drawers are open in responsive viewports.
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_1xn3c_807:not(#\9) {
+  .awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
     --awsui-navigation-width-3j0evk: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_1xn3c_807:not(#\9) {
+  .awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
     left: 0;
     position: fixed;
-    top: var(--awsui-offset-top-3j0evk);
     z-index: 1001;
+    /*
+    When disableBodyScroll is true the offsetTop will be relative to the 
+    app layout and not the body. However, the drawer position changes 
+    to fixed in mobile viewports. The top value needs to include the 
+    header because fixed position switches the top value so it is now 
+    relative to the body.
+    */
+  }
+  .awsui_navigation-container_hyvsj_iwse1_816.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
+    top: var(--awsui-header-height-3j0evk);
   }
 }
 
-nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9) {
+nav.awsui_show-navigation_hyvsj_iwse1_860: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_1xn3c_1 {
+@keyframes awsui_showButtons_hyvsj_iwse1_1 {
   0% {
     opacity: 0;
   }
@@ -880,31 +898,31 @@ nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_1xn3c_842.awsui_is-navigation-open_hyvsj_1xn3c_733:not(#\9) {
+nav.awsui_show-navigation_hyvsj_iwse1_860.awsui_is-navigation-open_hyvsj_iwse1_742:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733) {
+  nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
-    animation: awsui_showButtons_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
+    animation: awsui_showButtons_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
+  nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
+  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
+nav.awsui_navigation_hyvsj_iwse1_816: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;
@@ -921,7 +939,7 @@ nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_1xn3c_1 {
+@keyframes awsui_openNavigation_hyvsj_iwse1_1 {
   from {
     opacity: 0;
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -931,33 +949,33 @@ nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
     width: var(--awsui-navigation-width-3j0evk);
   }
 }
-nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733) {
+nav.awsui_navigation_hyvsj_iwse1_816:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742) {
   width: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
+  animation: awsui_openNavigation_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+.awsui-motion-disabled nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
+nav.awsui_navigation_hyvsj_iwse1_816 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
   width: var(--awsui-navigation-width-3j0evk);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
+  nav.awsui_navigation_hyvsj_iwse1_816:not(#\9) {
     --awsui-navigation-width-3j0evk: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_1xn3c_934:not(#\9) {
+.awsui_hide-navigation_hyvsj_iwse1_952:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -967,7 +985,7 @@ nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:n
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
+.awsui_notifications_hyvsj_iwse1_227:not(#\9) {
   grid-column: 3;
   grid-row: 1;
   z-index: 850;
@@ -985,31 +1003,31 @@ nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:n
   */
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
+  .awsui_notifications_hyvsj_iwse1_227: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_1xn3c_227.awsui_sticky-notifications_hyvsj_1xn3c_240:not(#\9) {
+  .awsui_notifications_hyvsj_iwse1_227.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
     position: sticky;
     top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
     --awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
   }
-  .awsui_notifications_hyvsj_1xn3c_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
+  .awsui_notifications_hyvsj_iwse1_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
     margin: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
+  .awsui_notifications_hyvsj_iwse1_227:not(#\9) {
     grid-row: 2;
     margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   }
-  .awsui_notifications_hyvsj_1xn3c_227.awsui_sticky-notifications_hyvsj_1xn3c_240:not(#\9) {
+  .awsui_notifications_hyvsj_iwse1_227.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
     position: static;
   }
-  .awsui_notifications_hyvsj_1xn3c_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
+  .awsui_notifications_hyvsj_iwse1_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
     margin: 0;
   }
 }
@@ -1024,7 +1042,7 @@ 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_1xn3c_1001:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019: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.
@@ -1059,7 +1077,7 @@ section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_1xn3c_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_iwse1_1 {
   from {
     height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
   }
@@ -1067,39 +1085,39 @@ section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9) {
     height: var(--awsui-split-panel-reported-size-3j0evk);
   }
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
   bottom: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_has-open-drawer_hyvsj_1xn3c_282.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_has-open-drawer_hyvsj_iwse1_282.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1xn3c_736).awsui_position-bottom_hyvsj_1xn3c_1047 {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019:not(#\9):not(.awsui_is-split-panel-open_hyvsj_iwse1_745).awsui_position-bottom_hyvsj_iwse1_1065 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065: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_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
+  animation: awsui_openSplitPanelBottom_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
+section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9) {
   height: 100%;
   overflow-x: hidden;
   pointer-events: auto;
@@ -1114,7 +1132,7 @@ section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openSplitPanelSide_hyvsj_1xn3c_1 {
+@keyframes awsui_openSplitPanelSide_hyvsj_iwse1_1 {
   from {
     opacity: 0;
     width: var(--awsui-split-panel-min-width-3j0evk, 280px);
@@ -1124,28 +1142,28 @@ section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
     width: var(--awsui-split-panel-reported-size-3j0evk);
   }
 }
-section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1xn3c_736), section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
+section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9):not(.awsui_is-split-panel-open_hyvsj_iwse1_745), section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
   width: 0;
 }
-section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104:not(#\9) {
+section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122: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-3j0evk, 280px);
   min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
 }
-section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
-  animation: awsui_openSplitPanelSide_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
+  animation: awsui_openSplitPanelSide_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
   animation: none;
   transition: none;
 }
-section.awsui_split-panel-side_hyvsj_1xn3c_1076 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
+section.awsui_split-panel-side_hyvsj_iwse1_1094 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
   height: 100%;
   max-width: inherit;
   width: var(--awsui-split-panel-reported-size-3j0evk);
@@ -1164,7 +1182,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_1xn3c_1141:not(#\9) {
+.awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
   /* stylelint-disable scss/operator-no-newline-after */
   --awsui-tools-max-width-3j0evk: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
   /* stylelint-enable scss/operator-no-newline-after */
@@ -1180,22 +1198,31 @@ viewport size and state of the Tools drawer.
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_tools-container_hyvsj_1xn3c_1141:not(#\9) {
+  .awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
     --awsui-tools-width-3j0evk: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_1xn3c_1141:not(#\9) {
+  .awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
     --awsui-tools-max-width-3j0evk: none;
     --awsui-tools-width-3j0evk: auto;
     position: fixed;
     right: 0;
-    top: var(--awsui-offset-top-3j0evk);
     z-index: 1001;
+    /*
+    When disableBodyScroll is true the offsetTop will be relative to the 
+    app layout and not the body. However, the drawer position changes 
+    to fixed in mobile viewports. The top value needs to include the 
+    header because fixed position switches the top value so it is now 
+    relative to the body.
+    */
+  }
+  .awsui_tools-container_hyvsj_iwse1_1159.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
+    top: var(--awsui-header-height-3j0evk);
   }
 }
 
-.awsui_tools_hyvsj_1xn3c_1141:not(#\9) {
+.awsui_tools_hyvsj_iwse1_1159: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;
@@ -1218,7 +1245,7 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_1xn3c_1 {
+@keyframes awsui_openTools_hyvsj_iwse1_1 {
   from {
     opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -1228,38 +1255,38 @@ viewport size and state of the Tools drawer.
     width: var(--awsui-tools-width-3j0evk);
   }
 }
-.awsui_tools_hyvsj_1xn3c_1141:not(#\9):not(.awsui_is-tools-open_hyvsj_1xn3c_736) {
+.awsui_tools_hyvsj_iwse1_1159:not(#\9):not(.awsui_is-tools-open_hyvsj_iwse1_745) {
   width: 0;
   display: none;
 }
-.awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
-  animation: awsui_openTools_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+.awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
+  animation: awsui_openTools_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+.awsui-motion-disabled .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_1xn3c_1141 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
+.awsui_tools_hyvsj_iwse1_1159 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
   width: var(--awsui-tools-width-3j0evk);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_has-tools-form-persistence_hyvsj_1xn3c_1226:not(#\9) {
+  .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_has-tools-form-persistence_hyvsj_iwse1_1253: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_1xn3c_1141:not(#\9) {
+  .awsui_tools_hyvsj_iwse1_1159:not(#\9) {
     --awsui-tools-width-3j0evk: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_1xn3c_1236:not(#\9) {
+.awsui_hide-tools_hyvsj_iwse1_1263:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1271,7 +1298,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_1xn3c_1248:not(#\9) {
+.awsui_show-tools_hyvsj_iwse1_1275:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -1315,7 +1342,7 @@ handleSplitPanelMaxWidth function in the context.
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_1xn3c_1 {
+@keyframes awsui_showButtons_hyvsj_iwse1_1 {
   0% {
     opacity: 0;
   }
@@ -1323,33 +1350,33 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_1xn3c_1248:not(#\9):not(.awsui_has-tools-form_hyvsj_1xn3c_1226) {
+.awsui_show-tools_hyvsj_iwse1_1275:not(#\9):not(.awsui_has-tools-form_hyvsj_iwse1_1253) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226:not(#\9) {
+  .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-rsr2qu, 8px);
   }
-  .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
-    animation: awsui_showButtons_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
+    animation: awsui_showButtons_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
+  .awsui-motion-disabled .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form-persistence_hyvsj_1xn3c_1226:not(#\9) {
+  .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form-persistence_hyvsj_iwse1_1253:not(#\9) {
     background-color: var(--color-background-container-content-i8i4a0, #ffffff);
     z-index: 1;
   }
@@ -1364,7 +1391,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_1xn3c_1315:not(#\9) {
+.awsui_trigger_hyvsj_iwse1_1342:not(#\9) {
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
   border: none;
   border-radius: 50%;
@@ -1376,14 +1403,14 @@ handleSplitPanelMaxWidth function in the context.
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
   pointer-events: auto;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1394,23 +1421,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):foc
   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_1xn3c_1315:not(#\9):focus {
+.awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_1xn3c_1315:not(#\9):hover {
+.awsui_trigger_hyvsj_iwse1_1342:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
-.awsui_trigger_hyvsj_1xn3c_1315:not(#\9):active {
+.awsui_trigger_hyvsj_iwse1_1342:not(#\9):active {
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
-.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9) {
+.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
-.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9):hover {
+.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
-.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9):active {
+.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }