@cloudscape-design/components 3.0.459 → 3.0.460

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

@@ -90,28 +90,28 @@ 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
 */
-div.awsui_background_hyvsj_6otqt_93:not(#\9) {
+div.awsui_background_hyvsj_1pb28_93:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_6otqt_93 > .awsui_scrolling-background_hyvsj_6otqt_96:not(#\9) {
+div.awsui_background_hyvsj_1pb28_93 > .awsui_scrolling-background_hyvsj_1pb28_96:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   color: var(--color-text-body-default-2sxhhn, #000716);
   grid-column: 1/span 5;
   grid-row: 1/10;
 }
-div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:not(#\9) {
+div.awsui_background_hyvsj_1pb28_93 > .awsui_sticky-background_hyvsj_1pb28_102:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/10;
   position: sticky;
-  top: var(--awsui-header-height-y98gph);
+  inset-block-start: var(--awsui-header-height-y98gph);
   z-index: 799;
 }
-div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110) {
-  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
+div.awsui_background_hyvsj_1pb28_93 > .awsui_sticky-background_hyvsj_1pb28_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1pb28_110) {
+  block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
 }
-div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9) {
-  height: calc(
+div.awsui_background_hyvsj_1pb28_93 > .awsui_sticky-background_hyvsj_1pb28_102.awsui_has-sticky-notifications_hyvsj_1pb28_110:not(#\9) {
+  block-size: calc(
         var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
       );
 }
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_breadcrumbs_hyvsj_6otqt_123:not(#\9) {
+.awsui_breadcrumbs_hyvsj_1pb28_123:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-area: breadcrumbs;
   /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
   be lifted so it doesn't render behind the background element.
   */
 }
-.awsui_breadcrumbs_hyvsj_6otqt_123.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
+.awsui_breadcrumbs_hyvsj_1pb28_123.awsui_has-sticky-background_hyvsj_1pb28_133:not(#\9) {
   z-index: 799;
 }
 
@@ -142,32 +142,32 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
+.awsui_drawers-container_hyvsj_1pb28_145:not(#\9) {
   background-color: transparent;
   display: flex;
   grid-column: 5;
   grid-row: 1/span 10;
-  height: var(--awsui-content-height-y98gph);
+  block-size: var(--awsui-content-height-y98gph);
   pointer-events: none;
   position: sticky;
-  top: var(--awsui-offset-top-y98gph);
+  inset-block-start: var(--awsui-offset-top-y98gph);
   z-index: 830;
 }
-.awsui_drawers-container_hyvsj_6otqt_145.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
+.awsui_drawers-container_hyvsj_1pb28_145.awsui_has-open-drawer_hyvsj_1pb28_156:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
 @media (min-width: 689px) {
-  .awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
+  .awsui_drawers-container_hyvsj_1pb28_145:not(#\9) {
     /* stylelint-disable scss/operator-no-newline-after */
-    max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
+    max-inline-size: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
     /* stylelint-enable scss/operator-no-newline-after */
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
+  .awsui_drawers-container_hyvsj_1pb28_145:not(#\9) {
     position: fixed;
-    right: 0;
+    inset-inline-end: 0;
     z-index: 1001;
     /*
     When disableBodyScroll is true the offsetTop will be relative to the 
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
     relative to the body.
     */
   }
-  .awsui_drawers-container_hyvsj_6otqt_145.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_drawers-container_hyvsj_1pb28_145.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_1pb28_185:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -221,63 +221,64 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
   box-sizing: border-box;
-  height: 100%;
+  block-size: 100%;
   overflow-y: hidden;
   overflow-x: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
-  width: 0;
+.awsui_drawers-desktop-triggers-container_hyvsj_1pb28_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1pb28_204).awsui_has-open-drawer_hyvsj_1pb28_156 {
+  inline-size: 0;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185.awsui_has-multiple-triggers_hyvsj_6otqt_204.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_1pb28_185.awsui_has-multiple-triggers_hyvsj_1pb28_204.awsui_has-open-drawer_hyvsj_1pb28_156:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
-  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
+.awsui_drawers-desktop-triggers-container_hyvsj_1pb28_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1pb28_204):not(.awsui_has-open-drawer_hyvsj_1pb28_156) {
+  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
 }
 
-.awsui_drawers-mobile-triggers-container_hyvsj_6otqt_214:not(#\9) {
+.awsui_drawers-mobile-triggers-container_hyvsj_1pb28_214:not(#\9) {
   display: flex;
 }
 
-.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9) {
+.awsui_drawers-trigger-content_hyvsj_1pb28_218:not(#\9) {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: var(--space-xs-zb16t3, 8px);
-  padding-top: var(--space-scaled-s-aqzyko, 12px);
-  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
+  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
+  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
 }
-.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
+.awsui_drawers-trigger-content_hyvsj_1pb28_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1pb28_204).awsui_has-open-drawer_hyvsj_1pb28_156 {
   opacity: 0;
 }
-.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
+.awsui_drawers-trigger-content_hyvsj_1pb28_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1pb28_204):not(.awsui_has-open-drawer_hyvsj_1pb28_156) {
   opacity: 1;
 }
-.awsui_drawers-trigger-content_hyvsj_6otqt_218 > .awsui_drawers-trigger-overflow_hyvsj_6otqt_232:not(#\9) {
-  padding: 0 1px;
+.awsui_drawers-trigger-content_hyvsj_1pb28_218 > .awsui_drawers-trigger-overflow_hyvsj_1pb28_232:not(#\9) {
+  padding-block: 0;
+  padding-inline: 1px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_hyvsj_6otqt_218:not(#\9) {
-    width: 40px;
+  .awsui_drawers-trigger_hyvsj_1pb28_218:not(#\9) {
+    inline-size: 40px;
     display: flex;
     justify-content: center;
   }
 }
 
-.awsui_drawer_hyvsj_6otqt_145:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145:not(#\9) {
   --awsui-drawer-size-y98gph: 290px;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   border-color: transparent;
   display: grid;
   grid-template-columns: var(--space-m-udix3p, 16px) 1fr;
   flex-shrink: 0;
-  height: 100%;
+  block-size: 100%;
   overflow-y: hidden;
   overflow-x: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -285,51 +286,51 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145 > .awsui_drawer-content-container_hyvsj_1pb28_263:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
-  width: var(--awsui-drawer-size-y98gph);
+  inline-size: var(--awsui-drawer-size-y98gph);
   display: grid;
   grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
   grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
   overflow-y: auto;
 }
-.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-close-button_hyvsj_6otqt_271:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145 > .awsui_drawer-content-container_hyvsj_1pb28_263 > .awsui_drawer-close-button_hyvsj_1pb28_272:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145 > .awsui_drawer-content-container_hyvsj_1pb28_263 > .awsui_drawer-content_hyvsj_1pb28_263:not(#\9) {
   grid-column: 1/span 4;
 }
-.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262.awsui_drawer-content-hidden_hyvsj_6otqt_279:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145 > .awsui_drawer-content-container_hyvsj_1pb28_263 > .awsui_drawer-content_hyvsj_1pb28_263.awsui_drawer-content-hidden_hyvsj_1pb28_280:not(#\9) {
   display: none;
 }
-.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-slider_hyvsj_6otqt_282:not(#\9) {
+.awsui_drawer_hyvsj_1pb28_145 > .awsui_drawer-slider_hyvsj_1pb28_283:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  height: 100%;
+  block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_hyvsj_6otqt_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_6otqt_289) {
+.awsui_drawer_hyvsj_1pb28_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1pb28_290) {
   opacity: 0;
-  width: 0;
+  inline-size: 0;
 }
-.awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
-  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_drawer_hyvsj_1pb28_145.awsui_is-drawer-open_hyvsj_1pb28_290:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   opacity: 1;
-  width: var(--awsui-drawer-size-y98gph);
+  inline-size: var(--awsui-drawer-size-y98gph);
 }
 @media (min-width: 2541px) {
-  .awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
+  .awsui_drawer_hyvsj_1pb28_145.awsui_is-drawer-open_hyvsj_1pb28_290:not(#\9) {
     --awsui-drawer-size-y98gph: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
+  .awsui_drawer_hyvsj_1pb28_145.awsui_is-drawer-open_hyvsj_1pb28_290:not(#\9) {
     --awsui-drawer-size-y98gph: 100vw;
-    width: 100vw;
+    inline-size: 100vw;
   }
 }
 
@@ -337,7 +338,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_6otqt_314:not(#\9) {
+header.awsui_content_hyvsj_1pb28_315:not(#\9) {
   grid-area: header;
 }
 
@@ -358,7 +359,7 @@ The minimum content width property is set to zero and applied under all
 circumstances regardless of whether the minContentWidth property is
 explicitly set in script.
 */
-.awsui_layout_hyvsj_6otqt_335:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336:not(#\9) {
   --awsui-breadcrumbs-gap-y98gph: 0px;
   --awsui-content-gap-left-y98gph: 0px;
   --awsui-content-gap-right-y98gph: 0px;
@@ -388,7 +389,7 @@ explicitly set in script.
   grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
   grid-template-columns: min-content minmax(var(--awsui-content-gap-left-y98gph), 1fr) minmax(var(--awsui-default-min-content-width-y98gph), var(--awsui-default-max-content-width-y98gph)) minmax(var(--awsui-content-gap-right-y98gph), 1fr) min-content;
   grid-template-rows: auto var(--awsui-notifications-gap-y98gph) auto var(--awsui-breadcrumbs-gap-y98gph) auto var(--awsui-header-gap-y98gph) auto var(--awsui-main-gap-y98gph) var(--awsui-overlap-height-y98gph) var(--awsui-main-template-rows-y98gph);
-  min-height: var(--awsui-content-height-y98gph);
+  min-block-size: var(--awsui-content-height-y98gph);
   position: relative;
   /*
   Add unified max-width for AppLayout content based on breakpoints. Only use the max content 
@@ -441,139 +442,139 @@ explicitly set in script.
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419) {
     --awsui-default-max-content-width-y98gph: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419) {
     --awsui-default-max-content-width-y98gph: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419) {
     --awsui-default-max-content-width-y98gph: 1620px;
   }
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419).awsui_content-type-dashboard_hyvsj_1pb28_434 {
     --awsui-default-max-content-width-y98gph: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419).awsui_content-type-dashboard_hyvsj_1pb28_434 {
     --awsui-default-max-content-width-y98gph: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419).awsui_content-type-dashboard_hyvsj_1pb28_434 {
     --awsui-default-max-content-width-y98gph: 2160px;
   }
 }
-.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-table_hyvsj_6otqt_447, .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-cards_hyvsj_6otqt_447 {
+.awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419).awsui_content-type-table_hyvsj_1pb28_448, .awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_1pb28_419).awsui_content-type-cards_hyvsj_1pb28_448 {
   --awsui-default-max-content-width-y98gph: 100%;
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-max-content-width_hyvsj_6otqt_418:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-max-content-width_hyvsj_1pb28_419:not(#\9) {
   --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_is-overlap-disabled_hyvsj_1pb28_454:not(#\9) {
   --awsui-overlap-height-y98gph: 0;
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_is-hide-mobile-toolbar_hyvsj_6otqt_456:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_is-hide-mobile-toolbar_hyvsj_1pb28_457:not(#\9) {
   --awsui-mobile-bar-height-y98gph: 0px;
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9) {
     --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9) {
     --awsui-default-min-content-width-y98gph: 0px;
   }
 }
-.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
+.awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1pb28_110):not(.awsui_has-sticky-background_hyvsj_1pb28_133) {
   --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
 }
-.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110).awsui_has-sticky-background_hyvsj_6otqt_133 {
+.awsui_layout_hyvsj_1pb28_336:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1pb28_110).awsui_has-sticky-background_hyvsj_1pb28_133 {
   --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-sticky-notifications_hyvsj_1pb28_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1pb28_133) {
   --awsui-offset-top-with-notifications-y98gph: calc(
       var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
         var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
     );
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-sticky-notifications_hyvsj_1pb28_110.awsui_has-sticky-background_hyvsj_1pb28_133:not(#\9) {
   --awsui-offset-top-with-notifications-y98gph: calc(
       var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
         var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
     );
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-left_hyvsj_6otqt_488:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_has-content-gap-left_hyvsj_1pb28_489:not(#\9) {
     --awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
   }
-  .awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-right_hyvsj_6otqt_491:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_has-content-gap-right_hyvsj_1pb28_492:not(#\9) {
     --awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_6otqt_335:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336:not(#\9) {
     --awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
     --awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
   }
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9) {
   --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-breadcrumbs_hyvsj_1pb28_505:not(#\9) {
   --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
+.awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-header_hyvsj_1pb28_508:not(#\9), .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1pb28_505).awsui_has-header_hyvsj_1pb28_508 {
   --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-breadcrumbs_hyvsj_1pb28_505.awsui_has-header_hyvsj_1pb28_508:not(#\9) {
   --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507) {
+.awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1pb28_505):not(.awsui_has-header_hyvsj_1pb28_508) {
   --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-breadcrumbs_hyvsj_1pb28_505:not(#\9):not(.awsui_has-header_hyvsj_1pb28_508) {
   --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507).awsui_is-overlap-disabled_hyvsj_6otqt_453 {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-breadcrumbs_hyvsj_1pb28_505:not(#\9):not(.awsui_has-header_hyvsj_1pb28_508).awsui_is-overlap-disabled_hyvsj_1pb28_454 {
   --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-breadcrumbs_hyvsj_1pb28_505:not(#\9):not(.awsui_has-header_hyvsj_1pb28_508):not(.awsui_is-overlap-disabled_hyvsj_1pb28_454) {
   --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_has-header_hyvsj_1pb28_508:not(#\9) {
   --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
+.awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-main_hyvsj_1pb28_529:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1pb28_454), .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-main_hyvsj_1pb28_529.awsui_is-overlap-disabled_hyvsj_1pb28_454:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1pb28_529) {
   --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-main_hyvsj_1pb28_529:not(#\9):not(.awsui_has-header_hyvsj_1pb28_508) {
     --awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
     --awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9) {
     --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-header_hyvsj_1pb28_508:not(#\9) {
     --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1pb28_505).awsui_has-header_hyvsj_1pb28_508 {
     --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-notifications_hyvsj_1pb28_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1pb28_505):not(.awsui_has-header_hyvsj_1pb28_508), .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-main_hyvsj_1pb28_529:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1pb28_454) {
     --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
+  .awsui_layout_hyvsj_1pb28_336.awsui_content-first-child-main_hyvsj_1pb28_529.awsui_is-overlap-disabled_hyvsj_1pb28_454:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1pb28_529) {
     --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
   }
 }
@@ -588,19 +589,19 @@ not matter. The offset top value for AppLayout contentMain children with
 position: sticky will be the value of the notifications height in addition to the 
 notifications top margin and some additional vertical space for aesthetics.
 */
-.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9) {
   --awsui-main-template-rows-y98gph: 1fr auto;
   --awsui-offset-top-y98gph: 0px;
-  height: var(--awsui-content-height-y98gph);
+  block-size: var(--awsui-content-height-y98gph);
   overflow-y: scroll;
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_disable-body-scroll_hyvsj_1pb28_180.awsui_has-split-panel_hyvsj_1pb28_572.awsui_split-panel-position-bottom_hyvsj_1pb28_572:not(#\9) {
   --awsui-main-template-rows-y98gph: repeat(2, auto);
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110) {
+.awsui_layout_hyvsj_1pb28_336.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1pb28_110) {
   --awsui-offset-top-with-notifications-y98gph: 0px;
 }
-.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9) {
+.awsui_layout_hyvsj_1pb28_336.awsui_disable-body-scroll_hyvsj_1pb28_180.awsui_has-sticky-notifications_hyvsj_1pb28_110:not(#\9) {
   --awsui-offset-top-with-notifications-y98gph: calc(
       var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
     );
@@ -610,13 +611,13 @@ notifications top margin and some additional vertical space for aesthetics.
 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_6otqt_587:not(#\9) {
+.awsui_block-body-scroll_hyvsj_1pb28_588:not(#\9) {
   overflow: hidden;
 }
 
 /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
-.awsui_unfocusable_hyvsj_6otqt_592:not(#\9),
-.awsui_unfocusable_hyvsj_6otqt_592 *:not(#\9) {
+.awsui_unfocusable_hyvsj_1pb28_593:not(#\9),
+.awsui_unfocusable_hyvsj_1pb28_593 *:not(#\9) {
   visibility: hidden !important;
 }
 
@@ -625,9 +626,9 @@ 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_6otqt_602:not(#\9) {
+.awsui_container_hyvsj_1pb28_603:not(#\9) {
   grid-area: main;
-  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
+  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
   /*
   If the split panel is in the bottom position additional padding will need to be
   added to the content area. This is to ensure that the user is able to scroll
@@ -642,18 +643,19 @@ when the navigation or tools drawers are open in responsive viewports.
   on the right, we decrement the column end by one.
   */
 }
-.awsui_container_hyvsj_6otqt_602.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
-  padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
+.awsui_container_hyvsj_1pb28_603.awsui_has-split-panel_hyvsj_1pb28_572.awsui_split-panel-position-bottom_hyvsj_1pb28_572:not(#\9) {
+  padding-block-end: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
 }
-.awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528:not(#\9) {
+.awsui_container_hyvsj_1pb28_603.awsui_disable-content-paddings_hyvsj_1pb28_529:not(#\9) {
   grid-column: 1/6;
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
+  .awsui_container_hyvsj_1pb28_603.awsui_disable-content-paddings_hyvsj_1pb28_529.awsui_is-navigation-open_hyvsj_1pb28_629:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-tools-open_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_split-panel-position-side_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_has-active-drawer_hyvsj_6otqt_630:not(#\9) {
+  .awsui_container_hyvsj_1pb28_603.awsui_disable-content-paddings_hyvsj_1pb28_529.awsui_is-tools-open_hyvsj_1pb28_632:not(#\9), .awsui_container_hyvsj_1pb28_603.awsui_disable-content-paddings_hyvsj_1pb28_529.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_split-panel-position-side_hyvsj_1pb28_632:not(#\9), .awsui_container_hyvsj_1pb28_603.awsui_disable-content-paddings_hyvsj_1pb28_529.awsui_has-active-drawer_hyvsj_1pb28_632:not(#\9) {
     grid-column-end: 5;
   }
 }
@@ -662,47 +664,48 @@ 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
 */
-section.awsui_mobile-toolbar_hyvsj_6otqt_639:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_1pb28_641:not(#\9) {
   align-items: center;
   background-color: var(--color-background-home-header-2rudu7, #000716);
-  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
+  border-block-end: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
   box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
   box-sizing: border-box;
-  height: var(--awsui-mobile-bar-height-y98gph);
+  block-size: var(--awsui-mobile-bar-height-y98gph);
   display: grid;
   grid-area: mobileToolbar;
   grid-column: 1/span 5;
   grid-template-columns: auto minmax(0, 1fr) auto;
-  padding: 0 var(--space-m-udix3p, 16px);
+  padding-block: 0;
+  padding-inline: var(--space-m-udix3p, 16px);
   position: sticky;
-  top: var(--awsui-offset-top-y98gph);
+  inset-block-start: var(--awsui-offset-top-y98gph);
   z-index: 1000;
 }
-section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-nav_hyvsj_6otqt_655:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_1pb28_641 > .awsui_mobile-toolbar-nav_hyvsj_1pb28_658:not(#\9) {
   grid-column: 1;
-  margin-right: var(--space-m-udix3p, 16px);
+  margin-inline-end: var(--space-m-udix3p, 16px);
 }
-section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_6otqt_659:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_1pb28_641 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1pb28_662:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj_6otqt_663:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_1pb28_641 > .awsui_mobile-toolbar-tools_hyvsj_1pb28_666:not(#\9) {
   grid-column: 3;
-  margin-left: var(--space-m-udix3p, 16px);
+  margin-inline-start: var(--space-m-udix3p, 16px);
 }
 
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
+.awsui_navigation-container_hyvsj_1pb28_675:not(#\9) {
   --awsui-navigation-width-y98gph: 280px;
   display: flex;
   grid-column: 1;
   grid-row: 1/span 10;
-  height: var(--awsui-content-height-y98gph);
+  block-size: var(--awsui-content-height-y98gph);
   position: sticky;
-  top: var(--awsui-offset-top-y98gph);
+  inset-block-start: var(--awsui-offset-top-y98gph);
   z-index: 830;
   /*
   The navigation and tools containers (that contain the toggle buttons)
@@ -717,13 +720,13 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
+  .awsui_navigation-container_hyvsj_1pb28_675:not(#\9) {
     --awsui-navigation-width-y98gph: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
-    left: 0;
+  .awsui_navigation-container_hyvsj_1pb28_675:not(#\9) {
+    inset-inline-start: 0;
     position: fixed;
     z-index: 1001;
     /*
@@ -734,19 +737,20 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj
     relative to the body.
     */
   }
-  .awsui_navigation-container_hyvsj_6otqt_672.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_navigation-container_hyvsj_1pb28_675.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9) {
-  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
+nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9) {
+  padding-block: var(--space-scaled-s-aqzyko, 12px);
+  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
   /*
   Apply the animation only in desktop viewports because the MobileToolbar will
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_6otqt_1 {
+@keyframes awsui_showButtons_hyvsj_1pb28_1 {
   0% {
     opacity: 0;
   }
@@ -754,35 +758,35 @@ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_6otqt_716.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
+nav.awsui_show-navigation_hyvsj_1pb28_719.awsui_is-navigation-open_hyvsj_1pb28_629:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
+  nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
-    animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+  nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629).awsui_animating_hyvsj_1pb28_742 {
+    animation: awsui_showButtons_hyvsj_1pb28_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
+  nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629).awsui_animating_hyvsj_1pb28_742 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
+  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629).awsui_animating_hyvsj_1pb28_742, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1pb28_719:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629).awsui_animating_hyvsj_1pb28_742 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
+nav.awsui_navigation_hyvsj_1pb28_675:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  bottom: 0;
-  height: 100%;
+  inset-block-end: 0;
+  block-size: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -796,62 +800,62 @@ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_6otqt_1 {
+@keyframes awsui_openNavigation_hyvsj_1pb28_1 {
   from {
     opacity: 0;
-    width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
+    inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
   }
   to {
     opacity: 1;
-    width: var(--awsui-navigation-width-y98gph);
+    inline-size: var(--awsui-navigation-width-y98gph);
   }
 }
-nav.awsui_navigation_hyvsj_6otqt_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
-  width: 0;
+nav.awsui_navigation_hyvsj_1pb28_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_1pb28_629) {
+  inline-size: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+nav.awsui_navigation_hyvsj_1pb28_675.awsui_is-navigation-open_hyvsj_1pb28_629.awsui_animating_hyvsj_1pb28_742:not(#\9) {
+  animation: awsui_openNavigation_hyvsj_1pb28_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+  nav.awsui_navigation_hyvsj_1pb28_675.awsui_is-navigation-open_hyvsj_1pb28_629.awsui_animating_hyvsj_1pb28_742:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+.awsui-motion-disabled nav.awsui_navigation_hyvsj_1pb28_675.awsui_is-navigation-open_hyvsj_1pb28_629.awsui_animating_hyvsj_1pb28_742:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1pb28_675.awsui_is-navigation-open_hyvsj_1pb28_629.awsui_animating_hyvsj_1pb28_742:not(#\9) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_6otqt_672 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
-  width: var(--awsui-navigation-width-y98gph);
+nav.awsui_navigation_hyvsj_1pb28_675 > .awsui_animated-content_hyvsj_1pb28_804:not(#\9) {
+  inline-size: var(--awsui-navigation-width-y98gph);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
+  nav.awsui_navigation_hyvsj_1pb28_675:not(#\9) {
     --awsui-navigation-width-y98gph: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_6otqt_809:not(#\9) {
+.awsui_hide-navigation_hyvsj_1pb28_813:not(#\9) {
   position: absolute;
-  right: var(--space-m-udix3p, 16px);
-  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
+  inset-inline-end: var(--space-m-udix3p, 16px);
+  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
 }
 
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_hyvsj_6otqt_819:not(#\9) {
+.awsui_notifications_hyvsj_1pb28_823:not(#\9) {
   color: var(--color-text-body-default-2sxhhn, #000716);
   grid-area: notifications;
   z-index: 850;
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_6otqt_819.awsui_sticky-notifications_hyvsj_6otqt_825:not(#\9) {
+  .awsui_notifications_hyvsj_1pb28_823.awsui_sticky-notifications_hyvsj_1pb28_829:not(#\9) {
     --awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
     position: sticky;
-    top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
+    inset-block-start: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
   }
 }
 
@@ -865,17 +869,17 @@ 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_6otqt_842:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846:not(#\9) {
   /*
   The align self property will position the split panel at the bottom of the grid row.
   This could be off the viewport if the content area has enough content to be scrollable.
   */
   align-self: end;
-  bottom: var(--awsui-footer-height-y98gph);
+  inset-block-end: var(--awsui-footer-height-y98gph);
   display: none;
   grid-column: 1/6;
   grid-row: 10;
-  height: auto;
+  block-size: auto;
   overflow-y: hidden;
   /*
   The position sticky will work in conjunction with the align self: end; property.
@@ -901,48 +905,48 @@ section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_6otqt_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_1pb28_1 {
   from {
-    height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
+    block-size: var(--awsui-split-panel-reported-header-size-y98gph, 0);
   }
   to {
-    height: var(--awsui-split-panel-reported-size-y98gph);
+    block-size: var(--awsui-split-panel-reported-size-y98gph);
   }
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
-  bottom: 0;
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9) {
+  inset-block-end: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-navigation-open_hyvsj_1pb28_629.awsui_position-bottom_hyvsj_1pb28_893:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_has-open-drawer_hyvsj_6otqt_156.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_has-open-drawer_hyvsj_1pb28_156.awsui_position-bottom_hyvsj_1pb28_893:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_position-bottom_hyvsj_1pb28_893:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630).awsui_position-bottom_hyvsj_6otqt_889 {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1pb28_632).awsui_position-bottom_hyvsj_1pb28_893 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-bottom_hyvsj_1pb28_893:not(#\9) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
-section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-bottom_hyvsj_1pb28_893.awsui_animating_hyvsj_1pb28_742:not(#\9) {
+  animation: awsui_openSplitPanelBottom_hyvsj_1pb28_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+  section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-bottom_hyvsj_1pb28_893.awsui_animating_hyvsj_1pb28_742:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-bottom_hyvsj_1pb28_893.awsui_animating_hyvsj_1pb28_742:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1pb28_846.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-bottom_hyvsj_1pb28_893.awsui_animating_hyvsj_1pb28_742:not(#\9) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9) {
-  height: 100%;
+section.awsui_split-panel-side_hyvsj_1pb28_922:not(#\9) {
+  block-size: 100%;
   overflow-x: hidden;
   pointer-events: auto;
   /*
@@ -951,13 +955,13 @@ section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9) {
   be persistent in the DOM when closed.
   */
 }
-section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630), section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
-  width: 0;
+section.awsui_split-panel-side_hyvsj_1pb28_922:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1pb28_632), section.awsui_split-panel-side_hyvsj_1pb28_922.awsui_position-bottom_hyvsj_1pb28_893:not(#\9) {
+  inline-size: 0;
 }
-section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-side_hyvsj_6otqt_931:not(#\9) {
+section.awsui_split-panel-side_hyvsj_1pb28_922.awsui_is-split-panel-open_hyvsj_1pb28_632.awsui_position-side_hyvsj_1pb28_935:not(#\9) {
   box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
-  min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
+  max-inline-size: var(--awsui-split-panel-max-width-y98gph, 280px);
+  min-inline-size: var(--awsui-split-panel-min-width-y98gph, 280px);
 }
 
 /*
@@ -973,7 +977,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_6otqt_950:not(#\9) {
+.awsui_tools-container_hyvsj_1pb28_954:not(#\9) {
   /* stylelint-disable scss/operator-no-newline-after */
   --awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
   /* stylelint-enable scss/operator-no-newline-after */
@@ -981,24 +985,24 @@ viewport size and state of the Tools drawer.
   display: flex;
   grid-column: 5;
   grid-row: 1/span 10;
-  height: var(--awsui-content-height-y98gph);
-  max-width: var(--awsui-tools-max-width-y98gph);
+  block-size: var(--awsui-content-height-y98gph);
+  max-inline-size: var(--awsui-tools-max-width-y98gph);
   position: sticky;
-  top: var(--awsui-offset-top-y98gph);
+  inset-block-start: var(--awsui-offset-top-y98gph);
   z-index: 830;
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_tools-container_hyvsj_6otqt_950:not(#\9) {
+  .awsui_tools-container_hyvsj_1pb28_954:not(#\9) {
     --awsui-tools-width-y98gph: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_6otqt_950:not(#\9) {
+  .awsui_tools-container_hyvsj_1pb28_954:not(#\9) {
     --awsui-tools-max-width-y98gph: none;
     --awsui-tools-width-y98gph: auto;
     position: fixed;
-    right: 0;
+    inset-inline-end: 0;
     z-index: 1001;
     /*
     When disableBodyScroll is true the offsetTop will be relative to the 
@@ -1008,16 +1012,16 @@ viewport size and state of the Tools drawer.
     relative to the body.
     */
   }
-  .awsui_tools-container_hyvsj_6otqt_950.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_tools-container_hyvsj_1pb28_954.awsui_disable-body-scroll_hyvsj_1pb28_180:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-.awsui_tools_hyvsj_6otqt_950:not(#\9) {
+.awsui_tools_hyvsj_1pb28_954:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   flex-shrink: 0;
-  height: 100%;
+  block-size: 100%;
   overflow-y: auto;
   overflow-x: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -1037,51 +1041,51 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_6otqt_1 {
+@keyframes awsui_openTools_hyvsj_1pb28_1 {
   from {
     opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
-    width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
+    inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
   }
   to {
     opacity: 1;
-    width: var(--awsui-tools-width-y98gph);
+    inline-size: var(--awsui-tools-width-y98gph);
   }
 }
-.awsui_tools_hyvsj_6otqt_950:not(#\9):not(.awsui_is-tools-open_hyvsj_6otqt_630) {
-  width: 0;
+.awsui_tools_hyvsj_1pb28_954:not(#\9):not(.awsui_is-tools-open_hyvsj_1pb28_632) {
+  inline-size: 0;
   display: none;
 }
-.awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
-  animation: awsui_openTools_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+.awsui_tools_hyvsj_1pb28_954.awsui_is-tools-open_hyvsj_1pb28_632.awsui_animating_hyvsj_1pb28_742:not(#\9) {
+  animation: awsui_openTools_hyvsj_1pb28_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+  .awsui_tools_hyvsj_1pb28_954.awsui_is-tools-open_hyvsj_1pb28_632.awsui_animating_hyvsj_1pb28_742:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+.awsui-motion-disabled .awsui_tools_hyvsj_1pb28_954.awsui_is-tools-open_hyvsj_1pb28_632.awsui_animating_hyvsj_1pb28_742:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1pb28_954.awsui_is-tools-open_hyvsj_1pb28_632.awsui_animating_hyvsj_1pb28_742:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_6otqt_950 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
-  width: var(--awsui-tools-width-y98gph);
+.awsui_tools_hyvsj_1pb28_954 > .awsui_animated-content_hyvsj_1pb28_804:not(#\9) {
+  inline-size: var(--awsui-tools-width-y98gph);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
-    border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+  .awsui_tools_hyvsj_1pb28_954.awsui_is-tools-open_hyvsj_1pb28_632.awsui_has-tools-form-persistence_hyvsj_1pb28_1049:not(#\9) {
+    border-inline-end: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools_hyvsj_6otqt_950:not(#\9) {
+  .awsui_tools_hyvsj_1pb28_954:not(#\9) {
     --awsui-tools-width-y98gph: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_6otqt_1055:not(#\9) {
+.awsui_hide-tools_hyvsj_1pb28_1059:not(#\9) {
   position: absolute;
-  right: var(--space-m-udix3p, 16px);
-  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
+  inset-inline-end: var(--space-m-udix3p, 16px);
+  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   z-index: 1;
 }
 
@@ -1090,7 +1094,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_6otqt_1067:not(#\9) {
+.awsui_show-tools_hyvsj_1pb28_1071:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -1128,13 +1132,14 @@ handleSplitPanelMaxWidth function in the context.
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   box-sizing: border-box;
-  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
+  padding-block: var(--space-scaled-s-aqzyko, 12px);
+  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
   /*
   Apply the animation only in desktop viewports because the MobileToolbar will 
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_6otqt_1 {
+@keyframes awsui_showButtons_hyvsj_1pb28_1 {
   0% {
     opacity: 0;
   }
@@ -1142,31 +1147,31 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_6otqt_1067:not(#\9):not(.awsui_has-tools-form_hyvsj_6otqt_1045) {
+.awsui_show-tools_hyvsj_1pb28_1071:not(#\9):not(.awsui_has-tools-form_hyvsj_1pb28_1049) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045:not(#\9) {
+  .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form_hyvsj_1pb28_1049:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-zb16t3, 8px);
   }
-  .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
-    animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+  .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form_hyvsj_1pb28_1049.awsui_animating_hyvsj_1pb28_742:not(#\9) {
+    animation: awsui_showButtons_hyvsj_1pb28_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+  .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form_hyvsj_1pb28_1049.awsui_animating_hyvsj_1pb28_742:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
+  .awsui-motion-disabled .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form_hyvsj_1pb28_1049.awsui_animating_hyvsj_1pb28_742:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form_hyvsj_1pb28_1049.awsui_animating_hyvsj_1pb28_742:not(#\9) {
     animation: none;
     transition: none;
   }
-  .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
+  .awsui_show-tools_hyvsj_1pb28_1071.awsui_has-tools-form-persistence_hyvsj_1pb28_1049:not(#\9) {
     background-color: var(--color-background-container-content-4un1ap, #ffffff);
     z-index: 1;
   }
@@ -1176,23 +1181,26 @@ handleSplitPanelMaxWidth function in the context.
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
+.awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9) {
   background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
-  border-radius: 50%;
-  height: var(--space-layout-toggle-diameter-hb85rk, 36px);
-  width: var(--space-layout-toggle-diameter-hb85rk, 36px);
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
+  inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
 }
-.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
+.awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
 }
-.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
+.awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9):active {
   background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
 }
 
@@ -1201,31 +1209,34 @@ 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_6otqt_1127:not(#\9) {
+.awsui_trigger_hyvsj_1pb28_1132:not(#\9) {
   background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
-  border-radius: 50%;
-  height: var(--space-layout-toggle-diameter-hb85rk, 36px);
-  width: var(--space-layout-toggle-diameter-hb85rk, 36px);
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
+  inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
   border: none;
   color: var(--color-text-layout-toggle-zybz0r, #ffffff);
   cursor: pointer;
   pointer-events: auto;
   position: relative;
 }
-.awsui_trigger_hyvsj_6otqt_1127:not(#\9):hover {
+.awsui_trigger_hyvsj_1pb28_1132:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
 }
-.awsui_trigger_hyvsj_6otqt_1127:not(#\9):active {
+.awsui_trigger_hyvsj_1pb28_1132:not(#\9):active {
   background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1pb28_1132:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1pb28_1132:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1pb28_1132:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1236,47 +1247,53 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):foc
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
+.awsui_trigger_hyvsj_1pb28_1132:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9) {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):hover {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):active {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201 > .awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201 > .awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_selected_hyvsj_1pb28_1201 > .awsui_trigger-badge-wrapper_hyvsj_1pb28_1132:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9), .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):hover, .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):active {
+.awsui_trigger_hyvsj_1pb28_1132.awsui_badge_hyvsj_1pb28_1221:not(#\9), .awsui_trigger_hyvsj_1pb28_1132.awsui_badge_hyvsj_1pb28_1221:not(#\9):hover, .awsui_trigger_hyvsj_1pb28_1132.awsui_badge_hyvsj_1pb28_1221:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_hyvsj_6otqt_1214:not(#\9) {
+.awsui_trigger-wrapper_hyvsj_1pb28_1225:not(#\9) {
   position: relative;
   box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
-  border-radius: 50%;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
 }
 
-.awsui_dot_hyvsj_6otqt_1220:not(#\9) {
+.awsui_dot_hyvsj_1pb28_1234:not(#\9) {
   position: absolute;
-  width: 9px;
-  height: 9px;
-  border-radius: 8px;
+  inline-size: 9px;
+  block-size: 9px;
+  border-start-start-radius: 8px;
+  border-start-end-radius: 8px;
+  border-end-start-radius: 8px;
+  border-end-end-radius: 8px;
   background-color: var(--color-background-badge-icon-q1kfox, #d91515);
-  top: 0;
-  right: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
 }
 
 /*