@cloudscape-design/components-themeable 3.0.1125 → 3.0.1127

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css

@@ -190,13 +190,13 @@ 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
 */
-.awsui_drawer_12i0j_669n2_193:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   display: grid;
   grid-template-columns: var(--space-m-n2lypl, 16px) 1fr;
-  inline-size: var(--awsui-drawer-size-vl73au);
+  inline-size: var(--awsui-drawer-size-lqnbqg);
   block-size: 100%;
   overflow: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -204,56 +204,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
-  transition: inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
+.awsui_drawer_12i0j_12kd6_193.awsui_with-expanded-motion_12i0j_12kd6_207:not(#\9) {
+  transition: inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), block-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_with-expanded-motion_12i0j_12kd6_207:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_12kd6_193.awsui_with-expanded-motion_12i0j_12kd6_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_12kd6_193.awsui_with-expanded-motion_12i0j_12kd6_207:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_legacy_12i0j_669n2_221):not(.awsui_ai-drawer_12i0j_669n2_221) {
+  .awsui_drawer_12i0j_12kd6_193:not(#\9):not(.awsui_legacy_12i0j_12kd6_221):not(.awsui_ai-drawer_12i0j_12kd6_221) {
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_669n2_193:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_last-opened_12i0j_669n2_229:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_last-opened_12i0j_12kd6_229:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_drawer-global_12i0j_12kd6_233:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9) {
-    inline-size: var(--awsui-drawer-size-vl73au);
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-global_12i0j_12kd6_233:not(#\9) {
+    inline-size: var(--awsui-drawer-size-lqnbqg);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9):not(.awsui_last-opened_12i0j_669n2_229):not(.awsui_drawer-expanded_12i0j_669n2_242) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-global_12i0j_12kd6_233:not(#\9):not(.awsui_last-opened_12i0j_12kd6_229):not(.awsui_drawer-expanded_12i0j_12kd6_242) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_drawer-hidden_12i0j_669n2_246:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_drawer-hidden_12i0j_12kd6_246:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242.awsui_has-next-siblings_12i0j_669n2_256 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9):after {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242.awsui_has-next-siblings_12i0j_12kd6_256 > .awsui_global-drawer-wrapper_12i0j_12kd6_256:not(#\9):after {
     content: "";
     position: absolute;
     block-size: 100%;
@@ -263,14 +263,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     box-sizing: border-box;
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242 > .awsui_global-drawer-wrapper_12i0j_12kd6_256:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-gap_12i0j_669n2_273:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_drawer-expanded_12i0j_12kd6_242 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-gap_12i0j_12kd6_273:not(#\9) {
     grid-column: 1;
     grid-row: 1;
     block-size: 100%;
@@ -279,22 +279,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
   grid-template-rows: 14px auto 1fr;
   overflow-y: auto;
-  min-inline-size: var(--awsui-drawer-size-vl73au);
+  min-inline-size: var(--awsui-drawer-size-lqnbqg);
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-close-button_12i0j_669n2_291:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-close-button_12i0j_12kd6_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-expanded-mode-button_12i0j_669n2_297:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-expanded-mode-button_12i0j_12kd6_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -302,32 +302,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270.awsui_drawer-content-hidden_12i0j_669n2_309:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270.awsui_drawer-content-hidden_12i0j_12kd6_309:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_drawer-slider_12i0j_12kd6_312:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256:not(#\9) {
   display: grid;
-  min-inline-size: var(--awsui-drawer-size-vl73au);
+  min-inline-size: var(--awsui-drawer-size-lqnbqg);
   grid-template-columns: 8px var(--space-m-n2lypl, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256:not(#\9) {
     grid-template-columns: 1fr;
   }
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-gap_12i0j_669n2_273:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-gap_12i0j_12kd6_273:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
@@ -336,13 +336,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-slider_12i0j_12kd6_312:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
@@ -350,16 +350,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-actions_12i0j_669n2_362:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-actions_12i0j_12kd6_362:not(#\9) {
   position: absolute;
   display: flex;
   inset-block-start: 0;
@@ -367,13 +367,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-n2lypl, 16px);
   padding-block-start: 14px;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-close-button_12i0j_669n2_291:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-close-button_12i0j_12kd6_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-expanded-mode-button_12i0j_669n2_297:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-expanded-mode-button_12i0j_12kd6_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -381,60 +381,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270.awsui_drawer-content-hidden_12i0j_669n2_309:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270.awsui_drawer-content-hidden_12i0j_12kd6_309:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
   @media not print {
-    .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221) {
+    .awsui_drawer_12i0j_12kd6_193:not(#\9):not(.awsui_ai-drawer_12i0j_12kd6_221) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221) {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193:not(#\9):not(.awsui_ai-drawer_12i0j_12kd6_221), .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193:not(#\9):not(.awsui_ai-drawer_12i0j_12kd6_221) {
       border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     }
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9) {
   grid-template-columns: 1fr var(--space-xs-kw7k3v, 8px);
   background: #161d26;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9) {
     grid-template-columns: 1fr;
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-slider_12i0j_12kd6_312:not(#\9) {
   display: flex;
   justify-content: center;
   inline-size: var(--space-xs-kw7k3v, 8px);
   overflow: hidden;
   grid-column: 2;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 .awsui_ai-drawer-slider-handle_12i0j_669n2_418:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 .awsui_ai-drawer-slider-handle_12i0j_12kd6_418:not(#\9) {
   color: var(--color-text-interactive-inverted-default-hyioba, #d5dbdb);
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 .awsui_ai-drawer-slider-handle_12i0j_669n2_418:not(#\9):hover {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 .awsui_ai-drawer-slider-handle_12i0j_12kd6_418:not(#\9):hover {
   stroke: var(--color-text-interactive-inverted-hover-p0x69h, #fafafa);
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
-  min-inline-size: calc(var(--awsui-drawer-min-size-vl73au) - var(--space-xs-kw7k3v, 8px));
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
+  min-inline-size: calc(var(--awsui-drawer-min-size-lqnbqg) - var(--space-xs-kw7k3v, 8px));
   grid-column: 1/span 1;
   background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
     border-start-end-radius: var(--space-xxs-jnczic, 4px);
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270:not(#\9) {
   grid-row: 1/span 4;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437:not(#\9) {
   block-size: 41px;
   position: sticky;
   z-index: 1000;
@@ -447,7 +447,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9) {
   display: flex;
   flex: 1;
   align-items: center;
@@ -457,23 +457,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
 @media not print {
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9) {
     border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
   @media (min-width: 689px) {
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_669n2_467), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_669n2_467) {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_12kd6_467), .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_12kd6_467) {
       border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
       border-start-end-radius: var(--space-xxs-jnczic, 4px);
     }
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450 > .awsui_drawer-actions_12i0j_669n2_362:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-content-header-content_12i0j_12kd6_450 > .awsui_drawer-actions_12i0j_12kd6_362:not(#\9) {
   display: flex;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
@@ -482,7 +482,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-m-1cd7a5, 16px);
   background-color: #161d26;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):before, .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -492,28 +492,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #161d26;
 }
 @media not print {
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):before, .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):after {
     display: none;
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467:not(#\9):after {
   background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
   border-start-end-radius: var(--space-xxs-jnczic, 4px);
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506:not(#\9) {
   position: relative;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible)::before {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -527,7 +527,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-button_12i0j_669n2_506:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506 > .awsui_drawer-back-to-console-button_12i0j_12kd6_506:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -573,40 +573,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #ffffff;
   cursor: pointer;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-button_12i0j_669n2_506:not(#\9):focus {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506 > .awsui_drawer-back-to-console-button_12i0j_12kd6_506:not(#\9):focus {
   outline: none;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-custom-button_12i0j_669n2_579:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-header_12i0j_12kd6_437 > .awsui_drawer-back-to-console-slot_12i0j_12kd6_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506 > .awsui_drawer-back-to-console-custom-button_12i0j_12kd6_579:not(#\9) {
   all: initial;
   display: flex;
   cursor: pointer;
   text-align: center;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-content_12i0j_669n2_585:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221 > .awsui_drawer-content-container_12i0j_12kd6_270 > .awsui_drawer-content_12i0j_12kd6_270 > .awsui_drawer-content-content_12i0j_12kd6_585:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: calc(100% - 41px);
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9):not(.awsui_drawer-expanded_12i0j_12kd6_242) > .awsui_drawer-content-container_12i0j_12kd6_270 {
     clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-jnczic, 4px) 0 0);
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   }
-  .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270:dir(rtl) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9):not(.awsui_drawer-expanded_12i0j_12kd6_242) > .awsui_drawer-content-container_12i0j_12kd6_270:dir(rtl) {
     clip-path: inset(0 0 -9999px 0 round var(--space-xxs-jnczic, 4px) 0 0 0);
   }
   @media not print {
-    .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
+    .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9):not(.awsui_drawer-expanded_12i0j_12kd6_242) > .awsui_drawer-content-container_12i0j_12kd6_270 {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9):not(.awsui_drawer-expanded_12i0j_12kd6_242) > .awsui_drawer-content-container_12i0j_12kd6_270, .awsui-dark-mode .awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221:not(#\9):not(.awsui_drawer-expanded_12i0j_12kd6_242) > .awsui_drawer-content-container_12i0j_12kd6_270 {
       border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     }
   }
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221.awsui_drawer-expanded_12i0j_12kd6_242:not(#\9) {
   grid-template-columns: 1fr;
 }
-.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
+.awsui_drawer_12i0j_12kd6_193.awsui_ai-drawer_12i0j_12kd6_221.awsui_drawer-expanded_12i0j_12kd6_242 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
   border-start-end-radius: 0;
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613:not(#\9) {
+  display: block;
+  inline-size: 100%;
+  block-size: var(--awsui-bottom-drawer-size-lqnbqg);
+}
+@media (max-width: 688px) {
+  .awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613:not(#\9) {
+    block-size: 100%;
+  }
+  .awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613.awsui_last-opened_12i0j_12kd6_229:not(#\9) {
+    z-index: 1001;
+  }
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613.awsui_drawer-hidden_12i0j_12kd6_246:not(#\9) {
+  display: none;
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613 > .awsui_global-drawer-wrapper_12i0j_12kd6_256:not(#\9) {
+  display: block;
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-gap_12i0j_12kd6_273:not(#\9) {
+  block-size: 8px;
+  inline-size: 100%;
+  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+  box-sizing: content-box;
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-slider_12i0j_12kd6_312:not(#\9) {
+  block-size: auto;
+  justify-content: center;
+}
+.awsui_drawer_12i0j_12kd6_193.awsui_bottom-drawer_12i0j_12kd6_613 > .awsui_global-drawer-wrapper_12i0j_12kd6_256 > .awsui_drawer-content-container_12i0j_12kd6_270:not(#\9) {
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js

@@ -2,31 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_669n2_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_669n2_207",
-  "legacy": "awsui_legacy_12i0j_669n2_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_669n2_221",
-  "last-opened": "awsui_last-opened_12i0j_669n2_229",
-  "drawer-global": "awsui_drawer-global_12i0j_669n2_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_669n2_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_669n2_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_669n2_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_669n2_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_669n2_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_669n2_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_669n2_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_669n2_297",
-  "drawer-content": "awsui_drawer-content_12i0j_669n2_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_669n2_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_669n2_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_669n2_362",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_669n2_418",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_669n2_437",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_669n2_450",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_669n2_467",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_669n2_506",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_669n2_579",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_669n2_585"
+  "drawer": "awsui_drawer_12i0j_12kd6_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12kd6_207",
+  "legacy": "awsui_legacy_12i0j_12kd6_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_12kd6_221",
+  "last-opened": "awsui_last-opened_12i0j_12kd6_229",
+  "drawer-global": "awsui_drawer-global_12i0j_12kd6_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_12kd6_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_12kd6_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_12kd6_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12kd6_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_12kd6_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_12kd6_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_12kd6_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12kd6_297",
+  "drawer-content": "awsui_drawer-content_12i0j_12kd6_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12kd6_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_12kd6_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_12kd6_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_12kd6_418",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_12kd6_437",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_12kd6_450",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_12kd6_467",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_12kd6_506",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_12kd6_506",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_12kd6_579",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_12kd6_585",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_12kd6_613"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.d.ts

@@ -6,7 +6,7 @@ interface ResizeProps {
     panelRef: React.RefObject<HTMLDivElement>;
     handleRef: React.RefObject<HTMLDivElement>;
     onResize: (newWidth: number) => void;
-    position?: 'side-start' | 'side';
+    position?: 'side-start' | 'side' | 'bottom';
 }
 export declare function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }: ResizeProps): {
     onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,WAAW;;;;;EAuBnH"}
+{"version":3,"file":"use-resize.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C;AAED,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,WAAW;;;;;EAuBnH"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAYlE,MAAM,UAAU,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAClH,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3D,IAAI,QAAQ,IAAI,QAAQ,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAqB;QACzC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM;QAC5B,QAAQ;QACR,SAAS;QACT,QAAQ,EAAE,eAAe;KAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/E,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE5E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { SizeControlProps } from '../../utils/interfaces';\nimport { useKeyboardEvents } from '../../utils/use-keyboard-events';\nimport { usePointerEvents } from '../../utils/use-pointer-events';\n\ninterface ResizeProps {\n  currentWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  panelRef: React.RefObject<HTMLDivElement>;\n  handleRef: React.RefObject<HTMLDivElement>;\n  onResize: (newWidth: number) => void;\n  position?: 'side-start' | 'side';\n}\n\nexport function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }: ResizeProps) {\n  const onResizeHandler = (newWidth: number) => {\n    const size = getLimitedValue(minWidth, newWidth, maxWidth);\n\n    if (maxWidth >= minWidth) {\n      onResize(size);\n    }\n  };\n\n  const sizeControlProps: SizeControlProps = {\n    position: position ?? 'side',\n    panelRef,\n    handleRef,\n    onResize: onResizeHandler,\n  };\n\n  const clampedWidth = getLimitedValue(minWidth, currentWidth, maxWidth);\n  const relativeSize = ((clampedWidth - minWidth) / (maxWidth - minWidth)) * 100;\n\n  const onPointerDown = usePointerEvents(sizeControlProps);\n  const { onKeyDown, onDirectionClick } = useKeyboardEvents(sizeControlProps);\n\n  return { onKeyDown, onDirectionClick, onPointerDown, relativeSize };\n}\n"]}
+{"version":3,"file":"use-resize.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAYlE,MAAM,UAAU,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAClH,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3D,IAAI,QAAQ,IAAI,QAAQ,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAqB;QACzC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM;QAC5B,QAAQ;QACR,SAAS;QACT,QAAQ,EAAE,eAAe;KAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/E,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE5E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { SizeControlProps } from '../../utils/interfaces';\nimport { useKeyboardEvents } from '../../utils/use-keyboard-events';\nimport { usePointerEvents } from '../../utils/use-pointer-events';\n\ninterface ResizeProps {\n  currentWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  panelRef: React.RefObject<HTMLDivElement>;\n  handleRef: React.RefObject<HTMLDivElement>;\n  onResize: (newWidth: number) => void;\n  position?: 'side-start' | 'side' | 'bottom';\n}\n\nexport function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }: ResizeProps) {\n  const onResizeHandler = (newWidth: number) => {\n    const size = getLimitedValue(minWidth, newWidth, maxWidth);\n\n    if (maxWidth >= minWidth) {\n      onResize(size);\n    }\n  };\n\n  const sizeControlProps: SizeControlProps = {\n    position: position ?? 'side',\n    panelRef,\n    handleRef,\n    onResize: onResizeHandler,\n  };\n\n  const clampedWidth = getLimitedValue(minWidth, currentWidth, maxWidth);\n  const relativeSize = ((clampedWidth - minWidth) / (maxWidth - minWidth)) * 100;\n\n  const onPointerDown = usePointerEvents(sizeControlProps);\n  const { onKeyDown, onDirectionClick } = useKeyboardEvents(sizeControlProps);\n\n  return { onKeyDown, onDirectionClick, onPointerDown, relativeSize };\n}\n"]}