@cloudscape-design/components 3.0.522 → 3.0.523

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_a0vaz_93:not(#\9) {
+div.awsui_background_hyvsj_16ig6_93:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_a0vaz_93 > .awsui_scrolling-background_hyvsj_a0vaz_96:not(#\9) {
+div.awsui_background_hyvsj_16ig6_93 > .awsui_scrolling-background_hyvsj_16ig6_96:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   color: var(--color-text-body-default-at06ol, #000716);
   grid-column: 1/span 5;
   grid-row: 1/10;
 }
-div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102:not(#\9) {
+div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_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_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a0vaz_110) {
-  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
+div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_16ig6_110) {
+  block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
 }
-div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.awsui_has-sticky-notifications_hyvsj_a0vaz_110:not(#\9) {
-  height: calc(
+div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.awsui_has-sticky-notifications_hyvsj_16ig6_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_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_breadcrumbs_hyvsj_a0vaz_123:not(#\9) {
+.awsui_breadcrumbs_hyvsj_16ig6_123:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-area: breadcrumbs;
   /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
   be lifted so it doesn't render behind the background element.
   */
 }
-.awsui_breadcrumbs_hyvsj_a0vaz_123.awsui_has-sticky-background_hyvsj_a0vaz_133:not(#\9) {
+.awsui_breadcrumbs_hyvsj_16ig6_123.awsui_has-sticky-background_hyvsj_16ig6_133:not(#\9) {
   z-index: 799;
 }
 
@@ -142,31 +142,31 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawers-container_hyvsj_a0vaz_145:not(#\9) {
+.awsui_drawers-container_hyvsj_16ig6_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_a0vaz_145.awsui_has-open-drawer_hyvsj_a0vaz_156:not(#\9) {
+.awsui_drawers-container_hyvsj_16ig6_145.awsui_has-open-drawer_hyvsj_16ig6_156:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
 }
 @media (min-width: 689px) {
-  .awsui_drawers-container_hyvsj_a0vaz_145:not(#\9) {
+  .awsui_drawers-container_hyvsj_16ig6_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_a0vaz_145:not(#\9) {
+  .awsui_drawers-container_hyvsj_16ig6_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 
@@ -176,12 +176,12 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
     relative to the body.
     */
   }
-  .awsui_drawers-container_hyvsj_a0vaz_145.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_drawers-container_hyvsj_16ig6_145.awsui_disable-body-scroll_hyvsj_16ig6_179:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-.awsui_drawers-desktop-triggers-container_hyvsj_a0vaz_184:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_16ig6_184:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -217,63 +217,64 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_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_a0vaz_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a0vaz_225).awsui_has-open-drawer_hyvsj_a0vaz_156 {
-  width: 0;
+.awsui_drawers-desktop-triggers-container_hyvsj_16ig6_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16ig6_225).awsui_has-open-drawer_hyvsj_16ig6_156 {
+  inline-size: 0;
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_a0vaz_184.awsui_has-multiple-triggers_hyvsj_a0vaz_225.awsui_has-open-drawer_hyvsj_a0vaz_156:not(#\9) {
+.awsui_drawers-desktop-triggers-container_hyvsj_16ig6_184.awsui_has-multiple-triggers_hyvsj_16ig6_225.awsui_has-open-drawer_hyvsj_16ig6_156:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_drawers-desktop-triggers-container_hyvsj_a0vaz_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a0vaz_225):not(.awsui_has-open-drawer_hyvsj_a0vaz_156) {
-  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
+.awsui_drawers-desktop-triggers-container_hyvsj_16ig6_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16ig6_225):not(.awsui_has-open-drawer_hyvsj_16ig6_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_a0vaz_235:not(#\9) {
+.awsui_drawers-mobile-triggers-container_hyvsj_16ig6_235:not(#\9) {
   display: flex;
 }
 
-.awsui_drawers-trigger-content_hyvsj_a0vaz_239:not(#\9) {
+.awsui_drawers-trigger-content_hyvsj_16ig6_239: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_a0vaz_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a0vaz_225).awsui_has-open-drawer_hyvsj_a0vaz_156 {
+.awsui_drawers-trigger-content_hyvsj_16ig6_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16ig6_225).awsui_has-open-drawer_hyvsj_16ig6_156 {
   opacity: 0;
 }
-.awsui_drawers-trigger-content_hyvsj_a0vaz_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a0vaz_225):not(.awsui_has-open-drawer_hyvsj_a0vaz_156) {
+.awsui_drawers-trigger-content_hyvsj_16ig6_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16ig6_225):not(.awsui_has-open-drawer_hyvsj_16ig6_156) {
   opacity: 1;
 }
-.awsui_drawers-trigger-content_hyvsj_a0vaz_239 > .awsui_drawers-trigger-overflow_hyvsj_a0vaz_253:not(#\9) {
-  padding: 0 1px;
+.awsui_drawers-trigger-content_hyvsj_16ig6_239 > .awsui_drawers-trigger-overflow_hyvsj_16ig6_253:not(#\9) {
+  padding-block: 0;
+  padding-inline: 1px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_hyvsj_a0vaz_239:not(#\9) {
-    width: 40px;
+  .awsui_drawers-trigger_hyvsj_16ig6_239:not(#\9) {
+    inline-size: 40px;
     display: flex;
     justify-content: center;
   }
 }
 
-.awsui_drawer_hyvsj_a0vaz_145:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_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 */
@@ -281,52 +282,52 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_hyvsj_a0vaz_145 > .awsui_drawer-content-container_hyvsj_a0vaz_283:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_145 > .awsui_drawer-content-container_hyvsj_16ig6_284: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_a0vaz_145 > .awsui_drawer-content-container_hyvsj_a0vaz_283 > .awsui_drawer-close-button_hyvsj_a0vaz_292:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_145 > .awsui_drawer-content-container_hyvsj_16ig6_284 > .awsui_drawer-close-button_hyvsj_16ig6_293:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_hyvsj_a0vaz_145 > .awsui_drawer-content-container_hyvsj_a0vaz_283 > .awsui_drawer-content_hyvsj_a0vaz_283:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_145 > .awsui_drawer-content-container_hyvsj_16ig6_284 > .awsui_drawer-content_hyvsj_16ig6_284:not(#\9) {
   grid-column: 1/span 4;
 }
-.awsui_drawer_hyvsj_a0vaz_145 > .awsui_drawer-content-container_hyvsj_a0vaz_283 > .awsui_drawer-content_hyvsj_a0vaz_283.awsui_drawer-content-hidden_hyvsj_a0vaz_300:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_145 > .awsui_drawer-content-container_hyvsj_16ig6_284 > .awsui_drawer-content_hyvsj_16ig6_284.awsui_drawer-content-hidden_hyvsj_16ig6_301:not(#\9) {
   display: none;
 }
-.awsui_drawer_hyvsj_a0vaz_145 > .awsui_drawer-slider_hyvsj_a0vaz_303:not(#\9) {
+.awsui_drawer_hyvsj_16ig6_145 > .awsui_drawer-slider_hyvsj_16ig6_304:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  height: 100%;
+  block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_hyvsj_a0vaz_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_a0vaz_310) {
+.awsui_drawer_hyvsj_16ig6_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_16ig6_311) {
   opacity: 0;
-  width: 0;
+  inline-size: 0;
 }
-.awsui_drawer_hyvsj_a0vaz_145.awsui_is-drawer-open_hyvsj_a0vaz_310:not(#\9) {
-  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
-  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
+.awsui_drawer_hyvsj_16ig6_145.awsui_is-drawer-open_hyvsj_16ig6_311:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
   opacity: 1;
-  width: var(--awsui-drawer-size-y98gph);
+  inline-size: var(--awsui-drawer-size-y98gph);
 }
 @media (min-width: 2541px) {
-  .awsui_drawer_hyvsj_a0vaz_145.awsui_is-drawer-open_hyvsj_a0vaz_310:not(#\9) {
+  .awsui_drawer_hyvsj_16ig6_145.awsui_is-drawer-open_hyvsj_16ig6_311:not(#\9) {
     --awsui-drawer-size-y98gph: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_hyvsj_a0vaz_145.awsui_is-drawer-open_hyvsj_a0vaz_310:not(#\9) {
+  .awsui_drawer_hyvsj_16ig6_145.awsui_is-drawer-open_hyvsj_16ig6_311:not(#\9) {
     --awsui-drawer-size-y98gph: 100vw;
-    width: 100vw;
+    inline-size: 100vw;
   }
 }
 
@@ -334,7 +335,7 @@ div.awsui_background_hyvsj_a0vaz_93 > .awsui_sticky-background_hyvsj_a0vaz_102.a
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_a0vaz_336:not(#\9) {
+header.awsui_content_hyvsj_16ig6_337:not(#\9) {
   grid-area: header;
 }
 
@@ -355,7 +356,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_a0vaz_357:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358:not(#\9) {
   --awsui-breadcrumbs-gap-y98gph: 0px;
   --awsui-content-gap-left-y98gph: 0px;
   --awsui-content-gap-right-y98gph: 0px;
@@ -385,7 +386,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 
@@ -438,139 +439,139 @@ explicitly set in script.
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440) {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441) {
     --awsui-default-max-content-width-y98gph: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440) {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441) {
     --awsui-default-max-content-width-y98gph: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440) {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441) {
     --awsui-default-max-content-width-y98gph: 1620px;
   }
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440).awsui_content-type-dashboard_hyvsj_a0vaz_455 {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441).awsui_content-type-dashboard_hyvsj_16ig6_456 {
     --awsui-default-max-content-width-y98gph: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440).awsui_content-type-dashboard_hyvsj_a0vaz_455 {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441).awsui_content-type-dashboard_hyvsj_16ig6_456 {
     --awsui-default-max-content-width-y98gph: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440).awsui_content-type-dashboard_hyvsj_a0vaz_455 {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441).awsui_content-type-dashboard_hyvsj_16ig6_456 {
     --awsui-default-max-content-width-y98gph: 2160px;
   }
 }
-.awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440).awsui_content-type-table_hyvsj_a0vaz_469, .awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_a0vaz_440).awsui_content-type-cards_hyvsj_a0vaz_469 {
+.awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441).awsui_content-type-table_hyvsj_16ig6_470, .awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_16ig6_441).awsui_content-type-cards_hyvsj_16ig6_470 {
   --awsui-default-max-content-width-y98gph: 100%;
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-max-content-width_hyvsj_a0vaz_440:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-max-content-width_hyvsj_16ig6_441:not(#\9) {
   --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_is-overlap-disabled_hyvsj_a0vaz_475:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_is-overlap-disabled_hyvsj_16ig6_476:not(#\9) {
   --awsui-overlap-height-y98gph: 0;
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_is-hide-mobile-toolbar_hyvsj_a0vaz_478:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_is-hide-mobile-toolbar_hyvsj_16ig6_479:not(#\9) {
   --awsui-mobile-bar-height-y98gph: 0px;
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9) {
     --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358:not(#\9) {
     --awsui-default-min-content-width-y98gph: 0px;
   }
 }
-.awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a0vaz_110):not(.awsui_has-sticky-background_hyvsj_a0vaz_133) {
+.awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_16ig6_110):not(.awsui_has-sticky-background_hyvsj_16ig6_133) {
   --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
 }
-.awsui_layout_hyvsj_a0vaz_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a0vaz_110).awsui_has-sticky-background_hyvsj_a0vaz_133 {
+.awsui_layout_hyvsj_16ig6_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_16ig6_110).awsui_has-sticky-background_hyvsj_16ig6_133 {
   --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-sticky-notifications_hyvsj_a0vaz_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_a0vaz_133) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-sticky-notifications_hyvsj_16ig6_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_16ig6_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_a0vaz_357.awsui_has-sticky-notifications_hyvsj_a0vaz_110.awsui_has-sticky-background_hyvsj_a0vaz_133:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-sticky-notifications_hyvsj_16ig6_110.awsui_has-sticky-background_hyvsj_16ig6_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_a0vaz_357.awsui_has-content-gap-left_hyvsj_a0vaz_510:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_has-content-gap-left_hyvsj_16ig6_511:not(#\9) {
     --awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
   }
-  .awsui_layout_hyvsj_a0vaz_357.awsui_has-content-gap-right_hyvsj_a0vaz_513:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_has-content-gap-right_hyvsj_16ig6_514:not(#\9) {
     --awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_a0vaz_357:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358: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_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9) {
   --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-breadcrumbs_hyvsj_a0vaz_526:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-breadcrumbs_hyvsj_16ig6_527:not(#\9) {
   --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-header_hyvsj_a0vaz_529:not(#\9), .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a0vaz_526).awsui_has-header_hyvsj_a0vaz_529 {
+.awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-header_hyvsj_16ig6_530:not(#\9), .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16ig6_527).awsui_has-header_hyvsj_16ig6_530 {
   --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-breadcrumbs_hyvsj_a0vaz_526.awsui_has-header_hyvsj_a0vaz_529:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-breadcrumbs_hyvsj_16ig6_527.awsui_has-header_hyvsj_16ig6_530:not(#\9) {
   --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a0vaz_526):not(.awsui_has-header_hyvsj_a0vaz_529) {
+.awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16ig6_527):not(.awsui_has-header_hyvsj_16ig6_530) {
   --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-breadcrumbs_hyvsj_a0vaz_526:not(#\9):not(.awsui_has-header_hyvsj_a0vaz_529) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-breadcrumbs_hyvsj_16ig6_527:not(#\9):not(.awsui_has-header_hyvsj_16ig6_530) {
   --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-breadcrumbs_hyvsj_a0vaz_526:not(#\9):not(.awsui_has-header_hyvsj_a0vaz_529).awsui_is-overlap-disabled_hyvsj_a0vaz_475 {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-breadcrumbs_hyvsj_16ig6_527:not(#\9):not(.awsui_has-header_hyvsj_16ig6_530).awsui_is-overlap-disabled_hyvsj_16ig6_476 {
   --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-breadcrumbs_hyvsj_a0vaz_526:not(#\9):not(.awsui_has-header_hyvsj_a0vaz_529):not(.awsui_is-overlap-disabled_hyvsj_a0vaz_475) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-breadcrumbs_hyvsj_16ig6_527:not(#\9):not(.awsui_has-header_hyvsj_16ig6_530):not(.awsui_is-overlap-disabled_hyvsj_16ig6_476) {
   --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_has-header_hyvsj_a0vaz_529:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_has-header_hyvsj_16ig6_530:not(#\9) {
   --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-main_hyvsj_a0vaz_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_a0vaz_475), .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-main_hyvsj_a0vaz_550.awsui_is-overlap-disabled_hyvsj_a0vaz_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a0vaz_550) {
+.awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-main_hyvsj_16ig6_551:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_16ig6_476), .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-main_hyvsj_16ig6_551.awsui_is-overlap-disabled_hyvsj_16ig6_476:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16ig6_551) {
   --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-main_hyvsj_a0vaz_550:not(#\9):not(.awsui_has-header_hyvsj_a0vaz_529) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-main_hyvsj_16ig6_551:not(#\9):not(.awsui_has-header_hyvsj_16ig6_530) {
     --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_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9) {
     --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-header_hyvsj_a0vaz_529:not(#\9) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-header_hyvsj_16ig6_530:not(#\9) {
     --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a0vaz_526).awsui_has-header_hyvsj_a0vaz_529 {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16ig6_527).awsui_has-header_hyvsj_16ig6_530 {
     --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-notifications_hyvsj_a0vaz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a0vaz_526):not(.awsui_has-header_hyvsj_a0vaz_529), .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-main_hyvsj_a0vaz_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_a0vaz_475) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-notifications_hyvsj_16ig6_524:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16ig6_527):not(.awsui_has-header_hyvsj_16ig6_530), .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-main_hyvsj_16ig6_551:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_16ig6_476) {
     --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
   }
-  .awsui_layout_hyvsj_a0vaz_357.awsui_content-first-child-main_hyvsj_a0vaz_550.awsui_is-overlap-disabled_hyvsj_a0vaz_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a0vaz_550) {
+  .awsui_layout_hyvsj_16ig6_358.awsui_content-first-child-main_hyvsj_16ig6_551.awsui_is-overlap-disabled_hyvsj_16ig6_476:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16ig6_551) {
     --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
   }
 }
@@ -585,19 +586,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_a0vaz_357.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_disable-body-scroll_hyvsj_16ig6_179: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_a0vaz_357.awsui_disable-body-scroll_hyvsj_a0vaz_179.awsui_has-split-panel_hyvsj_a0vaz_593.awsui_split-panel-position-bottom_hyvsj_a0vaz_593:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_disable-body-scroll_hyvsj_16ig6_179.awsui_has-split-panel_hyvsj_16ig6_594.awsui_split-panel-position-bottom_hyvsj_16ig6_594:not(#\9) {
   --awsui-main-template-rows-y98gph: repeat(2, auto);
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a0vaz_110) {
+.awsui_layout_hyvsj_16ig6_358.awsui_disable-body-scroll_hyvsj_16ig6_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_16ig6_110) {
   --awsui-offset-top-with-notifications-y98gph: 0px;
 }
-.awsui_layout_hyvsj_a0vaz_357.awsui_disable-body-scroll_hyvsj_a0vaz_179.awsui_has-sticky-notifications_hyvsj_a0vaz_110:not(#\9) {
+.awsui_layout_hyvsj_16ig6_358.awsui_disable-body-scroll_hyvsj_16ig6_179.awsui_has-sticky-notifications_hyvsj_16ig6_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)
     );
@@ -607,13 +608,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_a0vaz_609:not(#\9) {
+.awsui_block-body-scroll_hyvsj_16ig6_610:not(#\9) {
   overflow: hidden;
 }
 
 /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
-.awsui_unfocusable_hyvsj_a0vaz_614:not(#\9),
-.awsui_unfocusable_hyvsj_a0vaz_614 *:not(#\9) {
+.awsui_unfocusable_hyvsj_16ig6_615:not(#\9),
+.awsui_unfocusable_hyvsj_16ig6_615 *:not(#\9) {
   visibility: hidden !important;
 }
 
@@ -622,9 +623,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_a0vaz_624:not(#\9) {
+.awsui_container_hyvsj_16ig6_625: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
@@ -639,18 +640,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_a0vaz_624.awsui_has-split-panel_hyvsj_a0vaz_593.awsui_split-panel-position-bottom_hyvsj_a0vaz_593:not(#\9) {
-  padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
+.awsui_container_hyvsj_16ig6_625.awsui_has-split-panel_hyvsj_16ig6_594.awsui_split-panel-position-bottom_hyvsj_16ig6_594:not(#\9) {
+  padding-block-end: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
 }
-.awsui_container_hyvsj_a0vaz_624.awsui_disable-content-paddings_hyvsj_a0vaz_550:not(#\9) {
+.awsui_container_hyvsj_16ig6_625.awsui_disable-content-paddings_hyvsj_16ig6_551:not(#\9) {
   grid-column: 1/6;
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_a0vaz_624.awsui_disable-content-paddings_hyvsj_a0vaz_550.awsui_is-navigation-open_hyvsj_a0vaz_649:not(#\9) {
+  .awsui_container_hyvsj_16ig6_625.awsui_disable-content-paddings_hyvsj_16ig6_551.awsui_is-navigation-open_hyvsj_16ig6_651:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_a0vaz_624.awsui_disable-content-paddings_hyvsj_a0vaz_550.awsui_is-tools-open_hyvsj_a0vaz_652:not(#\9), .awsui_container_hyvsj_a0vaz_624.awsui_disable-content-paddings_hyvsj_a0vaz_550.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_split-panel-position-side_hyvsj_a0vaz_652:not(#\9), .awsui_container_hyvsj_a0vaz_624.awsui_disable-content-paddings_hyvsj_a0vaz_550.awsui_has-active-drawer_hyvsj_a0vaz_652:not(#\9) {
+  .awsui_container_hyvsj_16ig6_625.awsui_disable-content-paddings_hyvsj_16ig6_551.awsui_is-tools-open_hyvsj_16ig6_654:not(#\9), .awsui_container_hyvsj_16ig6_625.awsui_disable-content-paddings_hyvsj_16ig6_551.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_split-panel-position-side_hyvsj_16ig6_654:not(#\9), .awsui_container_hyvsj_16ig6_625.awsui_disable-content-paddings_hyvsj_16ig6_551.awsui_has-active-drawer_hyvsj_16ig6_654:not(#\9) {
     grid-column-end: 5;
   }
 }
@@ -659,51 +661,52 @@ 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_a0vaz_661:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_16ig6_663:not(#\9) {
   align-items: center;
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
-  border-bottom: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
   box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
   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_a0vaz_661:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_a0vaz_677) {
+section.awsui_mobile-toolbar_hyvsj_16ig6_663:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16ig6_680) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
 }
-section.awsui_mobile-toolbar_hyvsj_a0vaz_661 > .awsui_mobile-toolbar-nav_hyvsj_a0vaz_681:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-nav_hyvsj_16ig6_684: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_a0vaz_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_a0vaz_685:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_16ig6_688:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-section.awsui_mobile-toolbar_hyvsj_a0vaz_661 > .awsui_mobile-toolbar-tools_hyvsj_a0vaz_689:not(#\9) {
+section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-tools_hyvsj_16ig6_692: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_a0vaz_698:not(#\9) {
+.awsui_navigation-container_hyvsj_16ig6_701: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)
@@ -718,13 +721,13 @@ section.awsui_mobile-toolbar_hyvsj_a0vaz_661 > .awsui_mobile-toolbar-tools_hyvsj
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_a0vaz_698:not(#\9) {
+  .awsui_navigation-container_hyvsj_16ig6_701:not(#\9) {
     --awsui-navigation-width-y98gph: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_a0vaz_698:not(#\9) {
-    left: 0;
+  .awsui_navigation-container_hyvsj_16ig6_701:not(#\9) {
+    inset-inline-start: 0;
     position: fixed;
     z-index: 1001;
     /*
@@ -735,19 +738,20 @@ section.awsui_mobile-toolbar_hyvsj_a0vaz_661 > .awsui_mobile-toolbar-tools_hyvsj
     relative to the body.
     */
   }
-  .awsui_navigation-container_hyvsj_a0vaz_698.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_navigation-container_hyvsj_16ig6_701.awsui_disable-body-scroll_hyvsj_16ig6_179:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9) {
-  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
+nav.awsui_show-navigation_hyvsj_16ig6_745: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_a0vaz_1 {
+@keyframes awsui_showButtons_hyvsj_16ig6_1 {
   0% {
     opacity: 0;
   }
@@ -755,34 +759,34 @@ nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_a0vaz_742.awsui_is-navigation-open_hyvsj_a0vaz_649:not(#\9) {
+nav.awsui_show-navigation_hyvsj_16ig6_745.awsui_is-navigation-open_hyvsj_16ig6_651:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649) {
+  nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649).awsui_animating_hyvsj_a0vaz_764 {
-    animation: awsui_showButtons_hyvsj_a0vaz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+  nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651).awsui_animating_hyvsj_16ig6_768 {
+    animation: awsui_showButtons_hyvsj_16ig6_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649).awsui_animating_hyvsj_a0vaz_764 {
+  nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651).awsui_animating_hyvsj_16ig6_768 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649).awsui_animating_hyvsj_a0vaz_764, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_a0vaz_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649).awsui_animating_hyvsj_a0vaz_764 {
+  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651).awsui_animating_hyvsj_16ig6_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651).awsui_animating_hyvsj_16ig6_768 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_a0vaz_698:not(#\9) {
+nav.awsui_navigation_hyvsj_16ig6_701:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
-  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 */
@@ -790,69 +794,69 @@ nav.awsui_navigation_hyvsj_a0vaz_698:not(#\9) {
   position: relative;
   word-wrap: break-word;
   pointer-events: auto;
-  border-right: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-inline-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
   /*
   A non-semantic node is added with a fixed width equal to the final Navigation
   width. This will create the visual appearance of horizontal movement and
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_a0vaz_1 {
+@keyframes awsui_openNavigation_hyvsj_16ig6_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_a0vaz_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_a0vaz_649) {
-  width: 0;
+nav.awsui_navigation_hyvsj_16ig6_701:not(#\9):not(.awsui_is-navigation-open_hyvsj_16ig6_651) {
+  inline-size: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_a0vaz_698.awsui_is-navigation-open_hyvsj_a0vaz_649.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_a0vaz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+nav.awsui_navigation_hyvsj_16ig6_701.awsui_is-navigation-open_hyvsj_16ig6_651.awsui_animating_hyvsj_16ig6_768:not(#\9) {
+  animation: awsui_openNavigation_hyvsj_16ig6_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_a0vaz_698.awsui_is-navigation-open_hyvsj_a0vaz_649.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+  nav.awsui_navigation_hyvsj_16ig6_701.awsui_is-navigation-open_hyvsj_16ig6_651.awsui_animating_hyvsj_16ig6_768:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_a0vaz_698.awsui_is-navigation-open_hyvsj_a0vaz_649.awsui_animating_hyvsj_a0vaz_764:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_a0vaz_698.awsui_is-navigation-open_hyvsj_a0vaz_649.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+.awsui-motion-disabled nav.awsui_navigation_hyvsj_16ig6_701.awsui_is-navigation-open_hyvsj_16ig6_651.awsui_animating_hyvsj_16ig6_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_16ig6_701.awsui_is-navigation-open_hyvsj_16ig6_651.awsui_animating_hyvsj_16ig6_768:not(#\9) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_a0vaz_698 > .awsui_animated-content_hyvsj_a0vaz_826:not(#\9) {
-  width: var(--awsui-navigation-width-y98gph);
+nav.awsui_navigation_hyvsj_16ig6_701 > .awsui_animated-content_hyvsj_16ig6_830:not(#\9) {
+  inline-size: var(--awsui-navigation-width-y98gph);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_a0vaz_698:not(#\9) {
+  nav.awsui_navigation_hyvsj_16ig6_701:not(#\9) {
     --awsui-navigation-width-y98gph: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_a0vaz_835:not(#\9) {
+.awsui_hide-navigation_hyvsj_16ig6_839: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_a0vaz_845:not(#\9) {
+.awsui_notifications_hyvsj_16ig6_849:not(#\9) {
   color: var(--color-text-body-default-at06ol, #000716);
   grid-area: notifications;
   z-index: 850;
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_a0vaz_845.awsui_sticky-notifications_hyvsj_a0vaz_851:not(#\9) {
+  .awsui_notifications_hyvsj_16ig6_849.awsui_sticky-notifications_hyvsj_16ig6_855: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));
   }
 }
 
@@ -866,17 +870,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_a0vaz_868:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872: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.
@@ -902,48 +906,48 @@ section.awsui_split-panel-bottom_hyvsj_a0vaz_868:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_a0vaz_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_16ig6_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_a0vaz_868.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9) {
-  bottom: 0;
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_disable-body-scroll_hyvsj_16ig6_179:not(#\9) {
+  inset-block-end: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_is-navigation-open_hyvsj_a0vaz_649.awsui_position-bottom_hyvsj_a0vaz_915:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-navigation-open_hyvsj_16ig6_651.awsui_position-bottom_hyvsj_16ig6_919:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_has-open-drawer_hyvsj_a0vaz_156.awsui_position-bottom_hyvsj_a0vaz_915:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_has-open-drawer_hyvsj_16ig6_156.awsui_position-bottom_hyvsj_16ig6_919:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_position-bottom_hyvsj_a0vaz_915:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_position-bottom_hyvsj_16ig6_919:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_a0vaz_868:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a0vaz_652).awsui_position-bottom_hyvsj_a0vaz_915 {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16ig6_654).awsui_position-bottom_hyvsj_16ig6_919 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-bottom_hyvsj_a0vaz_915:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-bottom_hyvsj_16ig6_919: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_a0vaz_868.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-bottom_hyvsj_a0vaz_915.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_a0vaz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-bottom_hyvsj_16ig6_919.awsui_animating_hyvsj_16ig6_768:not(#\9) {
+  animation: awsui_openSplitPanelBottom_hyvsj_16ig6_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-bottom_hyvsj_a0vaz_915.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+  section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-bottom_hyvsj_16ig6_919.awsui_animating_hyvsj_16ig6_768:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-bottom_hyvsj_a0vaz_915.awsui_animating_hyvsj_a0vaz_764:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_a0vaz_868.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-bottom_hyvsj_a0vaz_915.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-bottom_hyvsj_16ig6_919.awsui_animating_hyvsj_16ig6_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_16ig6_872.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-bottom_hyvsj_16ig6_919.awsui_animating_hyvsj_16ig6_768:not(#\9) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_a0vaz_944:not(#\9) {
-  height: 100%;
+section.awsui_split-panel-side_hyvsj_16ig6_948:not(#\9) {
+  block-size: 100%;
   overflow-x: hidden;
   pointer-events: auto;
   /*
@@ -952,16 +956,16 @@ section.awsui_split-panel-side_hyvsj_a0vaz_944:not(#\9) {
   be persistent in the DOM when closed.
   */
 }
-section.awsui_split-panel-side_hyvsj_a0vaz_944:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a0vaz_652), section.awsui_split-panel-side_hyvsj_a0vaz_944.awsui_position-bottom_hyvsj_a0vaz_915:not(#\9) {
-  width: 0;
+section.awsui_split-panel-side_hyvsj_16ig6_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16ig6_654), section.awsui_split-panel-side_hyvsj_16ig6_948.awsui_position-bottom_hyvsj_16ig6_919:not(#\9) {
+  inline-size: 0;
 }
-section.awsui_split-panel-side_hyvsj_a0vaz_944.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-side_hyvsj_a0vaz_957:not(#\9) {
-  max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
-  min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
-  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
+section.awsui_split-panel-side_hyvsj_16ig6_948.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-side_hyvsj_16ig6_961:not(#\9) {
+  max-inline-size: var(--awsui-split-panel-max-width-y98gph, 280px);
+  min-inline-size: var(--awsui-split-panel-min-width-y98gph, 280px);
+  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-section.awsui_split-panel-side_hyvsj_a0vaz_944.awsui_is-split-panel-open_hyvsj_a0vaz_652.awsui_position-side_hyvsj_a0vaz_957:not(#\9):not(.awsui_has-open-drawer_hyvsj_a0vaz_156) {
-  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
+section.awsui_split-panel-side_hyvsj_16ig6_948.awsui_is-split-panel-open_hyvsj_16ig6_654.awsui_position-side_hyvsj_16ig6_961:not(#\9):not(.awsui_has-open-drawer_hyvsj_16ig6_156) {
+  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
 }
 
 /*
@@ -977,7 +981,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_a0vaz_979:not(#\9) {
+.awsui_tools-container_hyvsj_16ig6_983: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 */
@@ -985,24 +989,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_a0vaz_979:not(#\9) {
+  .awsui_tools-container_hyvsj_16ig6_983:not(#\9) {
     --awsui-tools-width-y98gph: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_a0vaz_979:not(#\9) {
+  .awsui_tools-container_hyvsj_16ig6_983: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 
@@ -1012,15 +1016,15 @@ viewport size and state of the Tools drawer.
     relative to the body.
     */
   }
-  .awsui_tools-container_hyvsj_a0vaz_979.awsui_disable-body-scroll_hyvsj_a0vaz_179:not(#\9) {
-    top: var(--awsui-header-height-y98gph);
+  .awsui_tools-container_hyvsj_16ig6_983.awsui_disable-body-scroll_hyvsj_16ig6_179:not(#\9) {
+    inset-block-start: var(--awsui-header-height-y98gph);
   }
 }
 
-.awsui_tools_hyvsj_a0vaz_979:not(#\9) {
+.awsui_tools_hyvsj_16ig6_983:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   flex-shrink: 0;
-  height: 100%;
+  block-size: 100%;
   overflow-y: auto;
   overflow-x: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -1040,54 +1044,54 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_a0vaz_1 {
+@keyframes awsui_openTools_hyvsj_16ig6_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_a0vaz_979:not(#\9):not(.awsui_is-tools-open_hyvsj_a0vaz_652) {
-  width: 0;
+.awsui_tools_hyvsj_16ig6_983:not(#\9):not(.awsui_is-tools-open_hyvsj_16ig6_654) {
+  inline-size: 0;
   display: none;
 }
-.awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652:not(#\9) {
-  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
+.awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654:not(#\9) {
+  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
-  animation: awsui_openTools_hyvsj_a0vaz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+.awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654.awsui_animating_hyvsj_16ig6_768:not(#\9) {
+  animation: awsui_openTools_hyvsj_16ig6_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+  .awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654.awsui_animating_hyvsj_16ig6_768:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652.awsui_animating_hyvsj_a0vaz_764:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+.awsui-motion-disabled .awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654.awsui_animating_hyvsj_16ig6_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654.awsui_animating_hyvsj_16ig6_768:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_a0vaz_979 > .awsui_animated-content_hyvsj_a0vaz_826:not(#\9) {
-  width: var(--awsui-tools-width-y98gph);
+.awsui_tools_hyvsj_16ig6_983 > .awsui_animated-content_hyvsj_16ig6_830:not(#\9) {
+  inline-size: var(--awsui-tools-width-y98gph);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_a0vaz_979.awsui_is-tools-open_hyvsj_a0vaz_652.awsui_has-tools-form-persistence_hyvsj_a0vaz_1076:not(#\9) {
-    border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  .awsui_tools_hyvsj_16ig6_983.awsui_is-tools-open_hyvsj_16ig6_654.awsui_has-tools-form-persistence_hyvsj_16ig6_1080:not(#\9) {
+    border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools_hyvsj_a0vaz_979:not(#\9) {
+  .awsui_tools_hyvsj_16ig6_983:not(#\9) {
     --awsui-tools-width-y98gph: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_a0vaz_1086:not(#\9) {
+.awsui_hide-tools_hyvsj_16ig6_1090: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;
 }
 
@@ -1096,7 +1100,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_a0vaz_1098:not(#\9) {
+.awsui_show-tools_hyvsj_16ig6_1102:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -1131,13 +1135,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_a0vaz_1 {
+@keyframes awsui_showButtons_hyvsj_16ig6_1 {
   0% {
     opacity: 0;
   }
@@ -1145,31 +1150,31 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_a0vaz_1098:not(#\9):not(.awsui_has-tools-form_hyvsj_a0vaz_1076) {
+.awsui_show-tools_hyvsj_16ig6_1102:not(#\9):not(.awsui_has-tools-form_hyvsj_16ig6_1080) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form_hyvsj_a0vaz_1076:not(#\9) {
+  .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form_hyvsj_16ig6_1080:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-zb16t3, 8px);
   }
-  .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form_hyvsj_a0vaz_1076.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
-    animation: awsui_showButtons_hyvsj_a0vaz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+  .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form_hyvsj_16ig6_1080.awsui_animating_hyvsj_16ig6_768:not(#\9) {
+    animation: awsui_showButtons_hyvsj_16ig6_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form_hyvsj_a0vaz_1076.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+  .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form_hyvsj_16ig6_1080.awsui_animating_hyvsj_16ig6_768:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form_hyvsj_a0vaz_1076.awsui_animating_hyvsj_a0vaz_764:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form_hyvsj_a0vaz_1076.awsui_animating_hyvsj_a0vaz_764:not(#\9) {
+  .awsui-motion-disabled .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form_hyvsj_16ig6_1080.awsui_animating_hyvsj_16ig6_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form_hyvsj_16ig6_1080.awsui_animating_hyvsj_16ig6_768:not(#\9) {
     animation: none;
     transition: none;
   }
-  .awsui_show-tools_hyvsj_a0vaz_1098.awsui_has-tools-form-persistence_hyvsj_a0vaz_1076:not(#\9) {
+  .awsui_show-tools_hyvsj_16ig6_1102.awsui_has-tools-form-persistence_hyvsj_16ig6_1080:not(#\9) {
     background-color: var(--color-background-container-content-4un1ap, #ffffff);
     z-index: 1;
   }
@@ -1179,23 +1184,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_a0vaz_1180:not(#\9) {
+.awsui_trigger-badge-wrapper_hyvsj_16ig6_1185: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_a0vaz_1180:not(#\9):hover {
+.awsui_trigger-badge-wrapper_hyvsj_16ig6_1185:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
 }
-.awsui_trigger-badge-wrapper_hyvsj_a0vaz_1180:not(#\9):active {
+.awsui_trigger-badge-wrapper_hyvsj_16ig6_1185:not(#\9):active {
   background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
 }
 
@@ -1204,31 +1212,35 @@ 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_a0vaz_1180:not(#\9) {
+.awsui_trigger_hyvsj_16ig6_1185: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: none;
+  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-block: none;
+  border-inline: none;
   color: var(--color-text-layout-toggle-zybz0r, #ffffff);
   cursor: pointer;
   pointer-events: auto;
   position: relative;
 }
-.awsui_trigger_hyvsj_a0vaz_1180:not(#\9):hover {
+.awsui_trigger_hyvsj_16ig6_1185:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
 }
-.awsui_trigger_hyvsj_a0vaz_1180:not(#\9):active {
+.awsui_trigger_hyvsj_16ig6_1185:not(#\9):active {
   background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a0vaz_1180:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16ig6_1185:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a0vaz_1180:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16ig6_1185:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a0vaz_1180:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16ig6_1185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1242,49 +1254,55 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a0vaz_1180:not(#\9):foc
   border-end-end-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_a0vaz_1180:not(#\9):focus {
+.awsui_trigger_hyvsj_16ig6_1185:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246:not(#\9) {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246:not(#\9):hover {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246:not(#\9):active {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246 > .awsui_trigger-badge-wrapper_hyvsj_a0vaz_1180:not(#\9) {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258 > .awsui_trigger-badge-wrapper_hyvsj_16ig6_1185:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246 > .awsui_trigger-badge-wrapper_hyvsj_a0vaz_1180:not(#\9):hover {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258 > .awsui_trigger-badge-wrapper_hyvsj_16ig6_1185:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_selected_hyvsj_a0vaz_1246 > .awsui_trigger-badge-wrapper_hyvsj_a0vaz_1180:not(#\9):active {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_selected_hyvsj_16ig6_1258 > .awsui_trigger-badge-wrapper_hyvsj_16ig6_1185:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_hyvsj_a0vaz_1180.awsui_badge_hyvsj_a0vaz_1266:not(#\9), .awsui_trigger_hyvsj_a0vaz_1180.awsui_badge_hyvsj_a0vaz_1266:not(#\9):hover, .awsui_trigger_hyvsj_a0vaz_1180.awsui_badge_hyvsj_a0vaz_1266:not(#\9):active {
+.awsui_trigger_hyvsj_16ig6_1185.awsui_badge_hyvsj_16ig6_1278:not(#\9), .awsui_trigger_hyvsj_16ig6_1185.awsui_badge_hyvsj_16ig6_1278:not(#\9):hover, .awsui_trigger_hyvsj_16ig6_1185.awsui_badge_hyvsj_16ig6_1278:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_hyvsj_a0vaz_1270:not(#\9) {
+.awsui_trigger-wrapper_hyvsj_16ig6_1282:not(#\9) {
   position: relative;
-  border-radius: 50%;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
 }
-.awsui_trigger-wrapper_hyvsj_a0vaz_1270:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_a0vaz_677) {
+.awsui_trigger-wrapper_hyvsj_16ig6_1282:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16ig6_680) {
   box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
 }
 
-.awsui_dot_hyvsj_a0vaz_1278:not(#\9) {
+.awsui_dot_hyvsj_16ig6_1293: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;
 }
 
 /*