npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.359 → 3.0.360 - Mend

@cloudscape-design/components-themeable 3.0.359 → 3.0.360

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/lib/internal/template/split-panel/styles.scoped.css CHANGED Viewed

@@ -186,31 +186,31 @@ 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_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189:not(#\9) {
-  transition-duration: var(--motion-duration-refresh-only-fast-osz7cj, 115ms);
+.awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189:not(#\9) {
+  transition-duration: var(--motion-duration-refresh-only-fast-3sja91, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189:not(#\9) {
+  .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189.awsui_animating_1r9lg_1e1mq_203:not(#\9) {
+.awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189.awsui_animating_1r9lg_gbocv_203:not(#\9) {
   transition-property: transform;
-  transition-timing-function: var(--motion-easing-refresh-only-a-9ds92l, cubic-bezier(0, 0, 0, 1));
+  transition-timing-function: var(--motion-easing-refresh-only-a-mwff9u, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189.awsui_animating_1r9lg_1e1mq_203:not(#\9) {
+  .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189.awsui_animating_1r9lg_gbocv_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189.awsui_animating_1r9lg_1e1mq_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1e1mq_189.awsui_refresh_1r9lg_1e1mq_189.awsui_animating_1r9lg_1e1mq_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189.awsui_animating_1r9lg_gbocv_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_gbocv_189.awsui_refresh_1r9lg_gbocv_189.awsui_animating_1r9lg_gbocv_203:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -223,72 +223,72 @@ 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_preference-icon--layout-border_1r9lg_1e1mq_226:not(#\9) {
-  stroke: var(--color-background-home-header-ae9yxg, #000000);
-  fill: var(--color-background-container-content-xlzim4, #ffffff);
+.awsui_preference-icon--layout-border_1r9lg_gbocv_226:not(#\9) {
+  stroke: var(--color-background-home-header-zp7lw6, #000000);
+  fill: var(--color-background-container-content-rearqm, #ffffff);
 }
-.awsui_preference-icon--layout-background_1r9lg_1e1mq_230:not(#\9) {
-  fill: var(--color-background-layout-main-nd5gs3, #f2f3f3);
+.awsui_preference-icon--layout-background_1r9lg_gbocv_230:not(#\9) {
+  fill: var(--color-background-layout-main-l0tv3m, #f2f3f3);
 }
-.awsui_preference-icon--layout-header_1r9lg_1e1mq_233:not(#\9) {
-  fill: var(--color-background-home-header-ae9yxg, #000000);
+.awsui_preference-icon--layout-header_1r9lg_gbocv_233:not(#\9) {
+  fill: var(--color-background-home-header-zp7lw6, #000000);
 }
-.awsui_preference-icon--border_1r9lg_1e1mq_236:not(#\9) {
-  stroke: var(--color-text-group-label-it5ws2, #545b64);
-  fill: var(--color-background-container-content-xlzim4, #ffffff);
+.awsui_preference-icon--border_1r9lg_gbocv_236:not(#\9) {
+  stroke: var(--color-text-group-label-amm11e, #545b64);
+  fill: var(--color-background-container-content-rearqm, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_1e1mq_240:not(#\9) {
-  fill: var(--color-background-button-primary-default-1flr6f, #0073bb);
+.awsui_preference-icon--primary-button_1r9lg_gbocv_240:not(#\9) {
+  fill: var(--color-background-button-primary-default-sva0vw, #0073bb);
 }
-.awsui_preference-icon--secondary_1r9lg_1e1mq_243:not(#\9) {
-  fill: var(--color-text-group-label-it5ws2, #545b64);
+.awsui_preference-icon--secondary_1r9lg_gbocv_243:not(#\9) {
+  fill: var(--color-text-group-label-amm11e, #545b64);
 }
-.awsui_preference-icon--disabled-element_1r9lg_1e1mq_246:not(#\9) {
-  fill: var(--color-background-control-disabled-44nu28, #d5dbdb);
+.awsui_preference-icon--disabled-element_1r9lg_gbocv_246:not(#\9) {
+  fill: var(--color-background-control-disabled-821dkp, #d5dbdb);
 }
-.awsui_preference-icon--separator_1r9lg_1e1mq_249:not(#\9) {
-  stroke: var(--color-background-control-disabled-44nu28, #d5dbdb);
+.awsui_preference-icon--separator_1r9lg_gbocv_249:not(#\9) {
+  stroke: var(--color-background-control-disabled-821dkp, #d5dbdb);
 }
-.awsui_preference-icon--focus-text_1r9lg_1e1mq_252:not(#\9) {
-  fill: var(--color-text-interactive-default-9x433a, #545b64);
+.awsui_preference-icon--focus-text_1r9lg_gbocv_252:not(#\9) {
+  fill: var(--color-text-interactive-default-7wc1ct, #545b64);
 }
-.awsui_preference-icon-refresh--layout-top_1r9lg_1e1mq_256:not(#\9) {
-  fill: var(--color-background-button-primary-disabled-apuj38, #ffffff);
+.awsui_preference-icon-refresh--layout-top_1r9lg_gbocv_256:not(#\9) {
+  fill: var(--color-background-button-primary-disabled-pedy6j, #ffffff);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_1e1mq_259:not(#\9) {
-  fill: var(--color-background-layout-main-nd5gs3, #f2f3f3);
+.awsui_preference-icon-refresh--layout-main_1r9lg_gbocv_259:not(#\9) {
+  fill: var(--color-background-layout-main-l0tv3m, #f2f3f3);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_1e1mq_262:not(#\9) {
-  fill: var(--color-background-button-primary-default-1flr6f, #0073bb);
+.awsui_preference-icon-refresh--primary_1r9lg_gbocv_262:not(#\9) {
+  fill: var(--color-background-button-primary-default-sva0vw, #0073bb);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_1e1mq_265:not(#\9) {
-  fill: var(--color-background-control-disabled-44nu28, #d5dbdb);
+.awsui_preference-icon-refresh--disabled_1r9lg_gbocv_265:not(#\9) {
+  fill: var(--color-background-control-disabled-821dkp, #d5dbdb);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_1e1mq_268:not(#\9) {
-  fill: var(--color-text-input-disabled-w14lvq, #879596);
+.awsui_preference-icon-refresh--column-header_1r9lg_gbocv_268:not(#\9) {
+  fill: var(--color-text-input-disabled-kickvc, #879596);
 }
-.awsui_preference-icon-refresh--window_1r9lg_1e1mq_271:not(#\9) {
-  stroke: var(--color-background-home-header-ae9yxg, #000000);
-  fill: var(--color-background-container-content-xlzim4, #ffffff);
+.awsui_preference-icon-refresh--window_1r9lg_gbocv_271:not(#\9) {
+  stroke: var(--color-background-home-header-zp7lw6, #000000);
+  fill: var(--color-background-container-content-rearqm, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_1r9lg_1e1mq_275:not(#\9) {
-  fill: var(--color-text-body-secondary-vrqm14, #545b64);
+.awsui_preference-icon-refresh--secondary_1r9lg_gbocv_275:not(#\9) {
+  fill: var(--color-text-body-secondary-1dgmjw, #545b64);
 }
-.awsui_preference-icon-refresh--default_1r9lg_1e1mq_278:not(#\9) {
-  fill: var(--color-text-body-default-4colr5, #16191f);
+.awsui_preference-icon-refresh--default_1r9lg_gbocv_278:not(#\9) {
+  fill: var(--color-text-body-default-rcjsde, #16191f);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_1e1mq_281:not(#\9) {
-  stroke: var(--color-border-divider-default-uqjcpn, #eaeded);
+.awsui_preference-icon-refresh--separator_1r9lg_gbocv_281:not(#\9) {
+  stroke: var(--color-border-divider-default-z9h069, #eaeded);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_1e1mq_284:not(#\9) {
-  fill: var(--color-border-input-default-3zchtj, #687078);
+.awsui_preference-icon-refresh--input-default_1r9lg_gbocv_284:not(#\9) {
+  fill: var(--color-border-input-default-hny1ki, #687078);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_1e1mq_287:not(#\9) {
-  fill: var(--color-text-heading-default-pytdm8, #16191f);
+.awsui_preference-icon-refresh--heading_1r9lg_gbocv_287:not(#\9) {
+  fill: var(--color-text-heading-default-f2k17x, #16191f);
 }
-.awsui_root_1r9lg_1e1mq_291:not(#\9) {
+.awsui_root_1r9lg_gbocv_291:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -318,56 +318,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-43ichb, 22px);
-  color: var(--color-text-body-default-4colr5, #16191f);
+  font-size: var(--font-body-m-size-q2y4dq, 14px);
+  line-height: var(--font-body-m-line-height-7pedlt, 22px);
+  color: var(--color-text-body-default-rcjsde, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_preferences-button_1r9lg_1e1mq_304:not(#\9) {
+.awsui_preferences-button_1r9lg_gbocv_304:not(#\9) {
   /* used in test-utils */
 }
-.awsui_close-button_1r9lg_1e1mq_308:not(#\9) {
+.awsui_close-button_1r9lg_gbocv_308:not(#\9) {
   /* used in test-utils */
 }
-.awsui_drawer_1r9lg_1e1mq_189:not(#\9) {
+.awsui_drawer_1r9lg_gbocv_189:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
-  background-color: var(--color-background-layout-panel-content-jx4wcr, #ffffff);
+  background-color: var(--color-background-layout-panel-content-i5j0le, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_1e1mq_319:not(#\9) {
+.awsui_drawer-closed_1r9lg_gbocv_319:not(#\9) {
   cursor: pointer;
   min-width: 40px;
 }
-.awsui_drawer-content-side_1r9lg_1e1mq_324:not(#\9) {
+.awsui_drawer-content-side_1r9lg_gbocv_324:not(#\9) {
   display: flex;
   align-items: center;
   height: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1e1mq_319 > .awsui_drawer-content-side_1r9lg_1e1mq_324:not(#\9) {
+.awsui_drawer-closed_1r9lg_gbocv_319 > .awsui_drawer-content-side_1r9lg_gbocv_324:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_1r9lg_1e1mq_319 > .awsui_drawer-content-side_1r9lg_1e1mq_324:not(#\9):hover {
-  background: var(--color-background-layout-panel-hover-yn48lk, #eaeded);
+.awsui_drawer-closed_1r9lg_gbocv_319 > .awsui_drawer-content-side_1r9lg_gbocv_324:not(#\9):hover {
+  background: var(--color-background-layout-panel-hover-u1s9b2, #eaeded);
 }
-.awsui_drawer-content-side_1r9lg_1e1mq_324.awsui_refresh_1r9lg_1e1mq_189:not(#\9) {
-  border-right: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-panel-side-isxyme, transparent);
+.awsui_drawer-content-side_1r9lg_gbocv_324.awsui_refresh_1r9lg_gbocv_189:not(#\9) {
+  border-right: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-panel-side-g2r099, transparent);
   box-sizing: border-box;
 }
-.awsui_drawer-content-side_1r9lg_1e1mq_324 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_gbocv_324 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1e1mq_319) > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_gbocv_319) > .awsui_drawer-content-bottom_1r9lg_gbocv_344 {
   overflow-y: auto;
   position: absolute;
   top: 0;
@@ -376,57 +376,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
 }
-.awsui_position-bottom_1r9lg_1e1mq_353:not(#\9) {
+.awsui_position-bottom_1r9lg_gbocv_353:not(#\9) {
   position: fixed;
   overflow-y: auto;
-  border-left: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-panel-bottom-l65byr, rgba(0, 28, 36, 0.15));
-  border-right: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-panel-bottom-l65byr, rgba(0, 28, 36, 0.15));
-  border-top: var(--border-panel-top-width-yyryvo, 0px) solid var(--color-border-divider-panel-bottom-l65byr, rgba(0, 28, 36, 0.15));
+  border-left: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-panel-bottom-mo6v9p, rgba(0, 28, 36, 0.15));
+  border-right: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-panel-bottom-mo6v9p, rgba(0, 28, 36, 0.15));
+  border-top: var(--border-panel-top-width-u955o6, 0px) solid var(--color-border-divider-panel-bottom-mo6v9p, rgba(0, 28, 36, 0.15));
   /*
   Removed the position fixed with the AppLayout refactor because the
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1e1mq_353:not(#\9):not(.awsui_refresh_1r9lg_1e1mq_189) {
-  box-shadow: var(--shadow-split-bottom-bhy97e, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
+.awsui_position-bottom_1r9lg_gbocv_353:not(#\9):not(.awsui_refresh_1r9lg_gbocv_189) {
+  box-shadow: var(--shadow-split-bottom-7r4fxb, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
 }
-.awsui_position-bottom_1r9lg_1e1mq_353.awsui_drawer-closed_1r9lg_1e1mq_319:not(#\9) {
+.awsui_position-bottom_1r9lg_gbocv_353.awsui_drawer-closed_1r9lg_gbocv_319:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1e1mq_353.awsui_drawer-closed_1r9lg_1e1mq_319:not(#\9):hover {
-  background: var(--color-background-layout-panel-hover-yn48lk, #eaeded);
+.awsui_position-bottom_1r9lg_gbocv_353.awsui_drawer-closed_1r9lg_gbocv_319:not(#\9):hover {
+  background: var(--color-background-layout-panel-hover-u1s9b2, #eaeded);
 }
-.awsui_position-bottom_1r9lg_1e1mq_353 > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_gbocv_353 > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1e1mq_353.awsui_refresh_1r9lg_1e1mq_189:not(#\9) {
+.awsui_position-bottom_1r9lg_gbocv_353.awsui_refresh_1r9lg_gbocv_189:not(#\9) {
   position: relative;
 }
-.awsui_position-side_1r9lg_1e1mq_380:not(#\9) {
+.awsui_position-side_1r9lg_gbocv_380:not(#\9) {
   border-top: none;
-  box-shadow: var(--shadow-split-side-pjembz, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  box-shadow: var(--shadow-split-side-75189b, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   height: 100%;
 }
-.awsui_slider_1r9lg_1e1mq_386:not(#\9) {
+.awsui_slider_1r9lg_gbocv_386:not(#\9) {
   padding: 0;
   cursor: ns-resize;
   margin: 2px 0 0 0;
   height: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_1e1mq_386:not(#\9):focus {
+.awsui_slider_1r9lg_gbocv_386:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_gbocv_386:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_gbocv_386:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_gbocv_386:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -434,16 +434,16 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus
   top: calc(-1 * 0px);
   width: calc(100% + 2 * 0px);
   height: calc(100% + 2 * 0px);
-  border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
 }
-.awsui_slider-side_1r9lg_1e1mq_415:not(#\9) {
+.awsui_slider-side_1r9lg_gbocv_415:not(#\9) {
   cursor: ew-resize;
   margin: 0 0 0 2px;
 }
-.awsui_slider-wrapper-bottom_1r9lg_1e1mq_420:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_gbocv_420:not(#\9) {
   position: absolute;
   top: 0;
   left: 0;
@@ -454,7 +454,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus
   z-index: 2;
 }
-.awsui_slider-wrapper-side_1r9lg_1e1mq_431:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_gbocv_431:not(#\9) {
   position: absolute;
   left: 0;
   top: 0;
@@ -465,31 +465,31 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus
   z-index: 1;
 }
-.awsui_open-button_1r9lg_1e1mq_442:not(#\9) {
+.awsui_open-button_1r9lg_gbocv_442:not(#\9) {
   /* used in test-utils */
 }
-.awsui_open-button-side_1r9lg_1e1mq_446:not(#\9) {
+.awsui_open-button-side_1r9lg_gbocv_446:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
-  margin: var(--space-xxs-xx079q, 4px) auto 0;
+  margin: var(--space-xxs-1wmjb0, 4px) auto 0;
 }
-.awsui_slider-icon_1r9lg_1e1mq_453:not(#\9) {
-  stroke: var(--color-text-interactive-default-9x433a, #545b64);
+.awsui_slider-icon_1r9lg_gbocv_453:not(#\9) {
+  stroke: var(--color-text-interactive-default-7wc1ct, #545b64);
 }
-.awsui_slider-icon_1r9lg_1e1mq_453:not(#\9):hover {
-  stroke: var(--color-text-interactive-hover-6fw5y8, #16191f);
+.awsui_slider-icon_1r9lg_gbocv_453:not(#\9):hover {
+  stroke: var(--color-text-interactive-hover-78oj78, #16191f);
 }
-.awsui_slider-icon-bottom_1r9lg_1e1mq_459:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_gbocv_459:not(#\9) {
   margin: auto;
 }
-.awsui_slider-icon-side_1r9lg_1e1mq_462:not(#\9) {
+.awsui_slider-icon-side_1r9lg_gbocv_462:not(#\9) {
   transform: rotate(90deg);
 }
-.awsui_pane-header-wrapper-bottom_1r9lg_1e1mq_466:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_gbocv_466:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   top: 0;
@@ -497,51 +497,51 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus
   align-items: center;
   flex-direction: column;
   z-index: 1;
-  padding: 0 var(--space-scaled-2x-xxxl-k13drt, 40px);
+  padding: 0 var(--space-scaled-2x-xxxl-kvf0ad, 40px);
 }
-.awsui_drawer-mobile_1r9lg_1e1mq_476 > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1e1mq_466:not(#\9) {
-  padding: 0 var(--space-l-z6h7qi, 20px);
+.awsui_drawer-mobile_1r9lg_gbocv_476 > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_gbocv_466:not(#\9) {
+  padding: 0 var(--space-l-q5p9hz, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1e1mq_479 > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1e1mq_466:not(#\9) {
-  padding: 0 var(--space-l-z6h7qi, 20px);
+.awsui_drawer-disable-content-paddings_1r9lg_gbocv_479 > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_gbocv_466:not(#\9) {
+  padding: 0 var(--space-l-q5p9hz, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1e1mq_319) > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1e1mq_466 {
-  background-color: var(--color-background-layout-panel-content-jx4wcr, #ffffff);
-  border-bottom: var(--border-panel-header-width-8stwum, 0px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
+:not(#\9):not(.awsui_drawer-closed_1r9lg_gbocv_319) > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_gbocv_466 {
+  background-color: var(--color-background-layout-panel-content-i5j0le, #ffffff);
+  border-bottom: var(--border-panel-header-width-456gxu, 0px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }
-.awsui_content-bottom_1r9lg_1e1mq_487:not(#\9) {
-  padding: 0 var(--space-scaled-2x-xxxl-k13drt, 40px);
-  margin-top: var(--space-panel-split-top-74zu5m, 0px);
+.awsui_content-bottom_1r9lg_gbocv_487:not(#\9) {
+  padding: 0 var(--space-scaled-2x-xxxl-kvf0ad, 40px);
+  margin-top: var(--space-panel-split-top-ghn9vf, 0px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_1e1mq_476 > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > .awsui_content-bottom_1r9lg_1e1mq_487:not(#\9) {
-  padding: 0 var(--space-l-z6h7qi, 20px);
+.awsui_drawer-mobile_1r9lg_gbocv_476 > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > .awsui_content-bottom_1r9lg_gbocv_487:not(#\9) {
+  padding: 0 var(--space-l-q5p9hz, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1e1mq_479 > .awsui_drawer-content-bottom_1r9lg_1e1mq_344 > .awsui_content-bottom_1r9lg_1e1mq_487:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_gbocv_479 > .awsui_drawer-content-bottom_1r9lg_gbocv_344 > .awsui_content-bottom_1r9lg_gbocv_487:not(#\9) {
   padding: 0;
 }
-.awsui_pane-bottom-center-align_1r9lg_1e1mq_500:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_gbocv_500:not(#\9) {
   display: flex;
   justify-content: center;
 }
-.awsui_pane-bottom-content-nav-padding_1r9lg_1e1mq_505:not(#\9) {
-  padding-left: calc(var(--space-layout-toggle-diameter-b5vqct, 40px) + 2 * var(--space-layout-toggle-padding-j06q89, 20px));
+.awsui_pane-bottom-content-nav-padding_1r9lg_gbocv_505:not(#\9) {
+  padding-left: calc(var(--space-layout-toggle-diameter-a5725p, 40px) + 2 * var(--space-layout-toggle-padding-7crx0e, 20px));
 }
-.awsui_pane-bottom-content-tools-padding_1r9lg_1e1mq_509:not(#\9) {
-  padding-right: calc(var(--space-layout-toggle-diameter-b5vqct, 40px) + 2 * var(--space-layout-toggle-padding-j06q89, 20px));
+.awsui_pane-bottom-content-tools-padding_1r9lg_gbocv_509:not(#\9) {
+  padding-right: calc(var(--space-layout-toggle-diameter-a5725p, 40px) + 2 * var(--space-layout-toggle-padding-7crx0e, 20px));
 }
-.awsui_content-bottom-max-width_1r9lg_1e1mq_513:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_gbocv_513:not(#\9) {
   flex-grow: 1;
   max-width: 100%;
 }
-.awsui_content-side_1r9lg_1e1mq_518:not(#\9) {
+.awsui_content-side_1r9lg_gbocv_518:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -552,48 +552,48 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1e1mq_386:not(#\9):focus
   right: 0;
   height: 100%;
 }
-.awsui_content-side_1r9lg_1e1mq_518 > .awsui_pane-header-wrapper-side_1r9lg_1e1mq_529:not(#\9) {
-  padding: 0 var(--space-m-2wfcpy, 16px) 0 var(--space-panel-side-left-v0z44b, 32px);
+.awsui_content-side_1r9lg_gbocv_518 > .awsui_pane-header-wrapper-side_1r9lg_gbocv_529:not(#\9) {
+  padding: 0 var(--space-m-6hr7pn, 16px) 0 var(--space-panel-side-left-vyfilf, 32px);
 }
-.awsui_content-side_1r9lg_1e1mq_518 > .awsui_pane-content-wrapper-side_1r9lg_1e1mq_532:not(#\9) {
-  padding: 0 var(--space-panel-side-right-q7rj50, 32px) 0 var(--space-panel-side-left-v0z44b, 32px);
-  margin-top: var(--space-panel-split-top-74zu5m, 0px);
+.awsui_content-side_1r9lg_gbocv_518 > .awsui_pane-content-wrapper-side_1r9lg_gbocv_532:not(#\9) {
+  padding: 0 var(--space-panel-side-right-7bukgp, 32px) 0 var(--space-panel-side-left-vyfilf, 32px);
+  margin-top: var(--space-panel-split-top-ghn9vf, 0px);
 }
-.awsui_header_1r9lg_1e1mq_537:not(#\9) {
+.awsui_header_1r9lg_gbocv_537:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
-  margin: var(--space-scaled-m-5caa5e, 16px) 0 var(--space-m-2wfcpy, 16px) 0;
-}
-.awsui_header-text_1r9lg_1e1mq_546:not(#\9) {
-  font-size: var(--font-panel-header-size-6vtqfe, 18px);
-  line-height: var(--font-panel-header-line-height-zh2ntk, 22px);
-  font-weight: var(--font-heading-l-weight-bfq5wz, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
-  padding: var(--space-xxs-xx079q, 4px) 0 var(--space-scaled-xxs-gmgwxk, 4px) 0;
+  margin: var(--space-scaled-m-wu03sm, 16px) 0 var(--space-m-6hr7pn, 16px) 0;
+}
+.awsui_header-text_1r9lg_gbocv_546:not(#\9) {
+  font-size: var(--font-panel-header-size-f10ema, 18px);
+  line-height: var(--font-panel-header-line-height-931u7u, 22px);
+  font-weight: var(--font-heading-l-weight-ly2ihp, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
+  padding: var(--space-xxs-1wmjb0, 4px) 0 var(--space-scaled-xxs-sh0ehj, 4px) 0;
   margin: 0;
 }
-.awsui_header-divider_1r9lg_1e1mq_556:not(#\9) {
+.awsui_header-divider_1r9lg_gbocv_556:not(#\9) {
   border: none;
-  border-top: var(--border-panel-header-width-8stwum, 0px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
-  margin-top: calc(-1 * var(--border-panel-header-width-8stwum, 0px));
+  border-top: var(--border-panel-header-width-456gxu, 0px) solid var(--color-border-divider-default-z9h069, #eaeded);
+  margin-top: calc(-1 * var(--border-panel-header-width-456gxu, 0px));
 }
-.awsui_header-actions_1r9lg_1e1mq_562:not(#\9) {
+.awsui_header-actions_1r9lg_gbocv_562:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex: 0 0 auto;
-  margin-left: var(--space-xs-7veqkr, 8px);
+  margin-left: var(--space-xs-e7dyai, 8px);
 }
-.awsui_divider_1r9lg_1e1mq_570:not(#\9) {
-  border-right: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
-  margin: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-scaled-xs-sg3tfb, 8px);
+.awsui_divider_1r9lg_gbocv_570:not(#\9) {
+  border-right: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
+  margin: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-scaled-xs-1lhnod, 8px);
 }