@awsui/components-react/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/* stylelint-disable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
/* stylelint-enable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/* Style used for links in slots/components that are text heavy, to help links stand out among
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
.awsui_drawer_12i0j_1dyqd_193:not(#\9) {
  position: sticky;
  z-index: 830;
  background-color: var(--color-background-container-content-cpvvzs, #ffffff);
  display: grid;
  grid-template-columns: var(--space-m-h2th94, 16px) 1fr;
  inline-size: var(--awsui-drawer-size-d43v8n);
  block-size: 100%;
  overflow: hidden;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  overscroll-behavior-y: contain;
  pointer-events: auto;
  word-wrap: break-word;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_with-expanded-motion_12i0j_1dyqd_207:not(#\9) {
  transition: inline-size var(--motion-duration-refresh-only-slow-c396qe, 0ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1)), block-size var(--motion-duration-refresh-only-slow-c396qe, 0ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-c396qe, 0ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
}
@media (prefers-reduced-motion: reduce) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_with-expanded-motion_12i0j_1dyqd_207:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_drawer_12i0j_1dyqd_193.awsui_with-expanded-motion_12i0j_1dyqd_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_1dyqd_193.awsui_with-expanded-motion_12i0j_1dyqd_207:not(#\9) {
  animation: none;
  transition: none;
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193:not(#\9):not(.awsui_legacy_12i0j_1dyqd_221):not(.awsui_ai-drawer_12i0j_1dyqd_221):not(.awsui_bottom-drawer_12i0j_1dyqd_221) {
    border-inline-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  }
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193:not(#\9) {
    inline-size: 100%;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_last-opened_12i0j_1dyqd_229:not(#\9) {
    z-index: 1001;
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_drawer-global_12i0j_1dyqd_233:not(#\9) {
  display: block;
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-global_12i0j_1dyqd_233:not(#\9) {
    inline-size: var(--awsui-drawer-size-d43v8n);
  }
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-global_12i0j_1dyqd_233:not(#\9):not(.awsui_last-opened_12i0j_1dyqd_229):not(.awsui_drawer-expanded_12i0j_1dyqd_242) {
    display: none;
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_drawer-hidden_12i0j_1dyqd_246:not(#\9) {
  display: none;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242:not(#\9) {
  inline-size: 100%;
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242:not(#\9) {
    border-inline-start: none;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242.awsui_has-next-siblings_12i0j_1dyqd_256 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256:not(#\9):after {
    content: "";
    position: absolute;
    block-size: 100%;
    inline-size: 8px;
    inset-inline-end: 0;
    background: var(--color-gap-global-drawer-dsmgwd, #eaeded);
    border-inline-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
    box-sizing: border-box;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256:not(#\9) {
    inline-size: 100%;
    grid-template-columns: 8px 1fr;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
    grid-column: 2;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_drawer-expanded_12i0j_1dyqd_242 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-gap_12i0j_1dyqd_273:not(#\9) {
    grid-column: 1;
    grid-row: 1;
    block-size: 100%;
    inline-size: 8px;
    background: var(--color-gap-global-drawer-dsmgwd, #eaeded);
    border-inline-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  }
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
  grid-column: 1/span 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: var(--space-m-h2th94, 16px) 1fr auto var(--space-m-h2th94, 16px);
  grid-template-rows: 14px auto 1fr;
  overflow-y: auto;
  min-inline-size: var(--awsui-drawer-size-d43v8n);
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-close-button_12i0j_1dyqd_291:not(#\9) {
  grid-column: 3;
  grid-row: 2;
  z-index: 1;
  align-self: start;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-expanded-mode-button_12i0j_1dyqd_297:not(#\9) {
  grid-column: 2;
  grid-row: 2;
  z-index: 1;
  align-self: start;
  display: flex;
  justify-content: flex-end;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270:not(#\9) {
  grid-column: 1/span 4;
  grid-row: 1/span 2;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270.awsui_drawer-content-hidden_12i0j_1dyqd_309:not(#\9) {
  display: none;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_drawer-slider_12i0j_1dyqd_312:not(#\9) {
  grid-column: 1;
  grid-row: 1;
  block-size: 100%;
  display: flex;
  align-items: center;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256:not(#\9) {
  display: grid;
  min-inline-size: var(--awsui-drawer-size-d43v8n);
  grid-template-columns: 8px var(--space-m-h2th94, 16px) 1fr;
  overflow: hidden;
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256:not(#\9) {
    grid-template-columns: 1fr;
  }
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-gap_12i0j_1dyqd_273:not(#\9) {
  grid-column: 1;
  grid-row: 1;
  block-size: 100%;
  inline-size: 8px;
  background: var(--color-gap-global-drawer-dsmgwd, #eaeded);
  border-inline-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  box-sizing: border-box;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-slider_12i0j_1dyqd_312:not(#\9) {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
  grid-row: 1;
  display: grid;
  grid-template-columns: var(--space-m-h2th94, 16px) 1fr auto var(--space-m-h2th94, 16px);
  grid-template-rows: 14px auto 1fr;
  overflow-y: auto;
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
    grid-column: 2/span 2;
  }
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
    grid-column: 1/span 2;
  }
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-actions_12i0j_1dyqd_362:not(#\9) {
  position: absolute;
  display: flex;
  inset-block-start: 0;
  inset-inline-end: 0;
  padding-inline-end: var(--space-m-h2th94, 16px);
  padding-block-start: 14px;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-close-button_12i0j_1dyqd_291:not(#\9) {
  grid-column: 3;
  grid-row: 2;
  z-index: 1;
  align-self: start;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-expanded-mode-button_12i0j_1dyqd_297:not(#\9) {
  grid-column: 2;
  grid-row: 2;
  z-index: 1;
  align-self: start;
  display: flex;
  justify-content: flex-end;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270:not(#\9) {
  grid-column: 1/span 4;
  grid-row: 1/span 2;
}
.awsui_drawer_12i0j_1dyqd_193 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270.awsui_drawer-content-hidden_12i0j_1dyqd_309:not(#\9) {
  display: none;
}
@media (max-width: 688px) {
  @media not print {
    .awsui_drawer_12i0j_1dyqd_193:not(#\9):not(.awsui_ai-drawer_12i0j_1dyqd_221) {
      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
    }
    .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193:not(#\9):not(.awsui_ai-drawer_12i0j_1dyqd_221), .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193:not(#\9):not(.awsui_ai-drawer_12i0j_1dyqd_221) {
      border-block-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
    }
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9) {
  grid-template-columns: 1fr var(--space-xs-edba2s, 8px);
  background: #161d26;
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9) {
    grid-template-columns: 1fr;
    z-index: 1001;
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-slider_12i0j_1dyqd_312:not(#\9) {
  display: flex;
  justify-content: center;
  inline-size: var(--space-xs-edba2s, 8px);
  overflow: hidden;
  grid-column: 2;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 .awsui_ai-drawer-slider-handle_12i0j_1dyqd_418:not(#\9) {
  color: var(--color-text-interactive-inverted-default-wi2ail, #d5dbdb);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 .awsui_ai-drawer-slider-handle_12i0j_1dyqd_418:not(#\9):hover {
  stroke: var(--color-text-interactive-inverted-hover-hf0cki, #fafafa);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
  min-inline-size: calc(var(--awsui-drawer-min-size-d43v8n) - var(--space-xs-edba2s, 8px));
  grid-column: 1/span 1;
  background-color: var(--color-background-layout-panel-content-jymwa8, #ffffff);
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
    border-start-end-radius: var(--space-xxs-ja5cp8, 4px);
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270:not(#\9) {
  grid-row: 1/span 4;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437:not(#\9) {
  block-size: 41px;
  position: sticky;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  inset-block-start: 0;
  background-color: var(--color-background-layout-panel-content-jymwa8, #ffffff);
  border-block-end: 2px solid;
  border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
  box-sizing: border-box;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9) {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  padding-inline-start: var(--space-l-f4l5gr, 20px);
  padding-inline-end: var(--space-m-h2th94, 16px);
}
@media not print {
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9) {
    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
  }
  .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9) {
    border-block-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  }
  @media (min-width: 689px) {
    .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467), .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467) {
      border-inline-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
      border-start-end-radius: var(--space-xxs-ja5cp8, 4px);
    }
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-content-header-content_12i0j_1dyqd_450 > .awsui_drawer-actions_12i0j_1dyqd_362:not(#\9) {
  display: flex;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9) {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  block-size: 100%;
  padding-inline: var(--space-static-m-1plzkw, 16px);
  background-color: #161d26;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):before, .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -5px;
  inline-size: 5px;
  block-size: 5px;
  background: #161d26;
}
@media not print {
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):before, .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):after {
    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
  }
  .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):after {
    display: none;
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467:not(#\9):after {
  background-color: var(--color-background-layout-panel-content-jymwa8, #ffffff);
  border-start-end-radius: var(--space-xxs-ja5cp8, 4px);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506:not(#\9) {
  position: relative;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506:not(#\9):has(:focus-visible) {
  position: relative;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506:not(#\9):has(:focus-visible) {
  outline: 2px dotted transparent;
  outline-offset: calc(3px - 1px);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506:not(#\9):has(:focus-visible)::before {
  content: " ";
  display: block;
  position: absolute;
  inset-inline-start: calc(-1 * 3px);
  inset-block-start: calc(-1 * 3px);
  inline-size: calc(100% + 3px + 3px);
  block-size: calc(100% + 3px + 3px);
  border-start-start-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px);
  border-start-end-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px);
  border-end-start-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px);
  border-end-end-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px);
  box-shadow: 0 0 0 2px var(--color-border-item-focused-j88ehv, #0073bb);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506 > .awsui_drawer-back-to-console-button_12i0j_1dyqd_506:not(#\9) {
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: border-box;
  caption-side: top;
  cursor: auto;
  direction: inherit;
  empty-cells: show;
  font-family: serif;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  hyphens: none;
  letter-spacing: normal;
  list-style: disc outside none;
  tab-size: 8;
  text-align: start;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
  font-size: var(--font-size-body-m-kbh530, 14px);
  line-height: var(--line-height-body-m-0awzkk, 22px);
  color: var(--color-text-body-default-zs35hz, #16191f);
  font-weight: 400;
  font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  min-inline-size: 0;
  word-break: break-word;
  font-size: var(--font-size-body-s-6sh5cc, 12px);
  line-height: var(--line-height-body-s-usc3fr, 16px);
  letter-spacing: var(--letter-spacing-body-s-4f9u0r, normal);
  border-start-start-radius: var(--space-static-xxs-jqh73n, 4px);
  border-start-end-radius: var(--space-static-xxs-jqh73n, 4px);
  border-end-start-radius: var(--space-static-xxs-jqh73n, 4px);
  border-end-end-radius: var(--space-static-xxs-jqh73n, 4px);
  border-width: 0;
  padding-inline: var(--space-static-xs-zgeph4, 8px);
  padding-block: var(--space-static-xxs-jqh73n, 4px);
  background: radial-gradient(203.69% 159.19% at 95% -11.67%, #ffbb45 0%, #f90 30%, #fa6f00 60%);
  color: #ffffff;
  cursor: pointer;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506 > .awsui_drawer-back-to-console-button_12i0j_1dyqd_506:not(#\9):focus {
  outline: none;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-header_12i0j_1dyqd_437 > .awsui_drawer-back-to-console-slot_12i0j_1dyqd_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1dyqd_506 > .awsui_drawer-back-to-console-custom-button_12i0j_1dyqd_579:not(#\9) {
  all: initial;
  display: flex;
  cursor: pointer;
  text-align: center;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221 > .awsui_drawer-content-container_12i0j_1dyqd_270 > .awsui_drawer-content_12i0j_1dyqd_270 > .awsui_drawer-content-content_12i0j_1dyqd_585:not(#\9) {
  display: flex;
  flex-direction: column;
  block-size: calc(100% - 41px);
}
@media (min-width: 689px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1dyqd_242) > .awsui_drawer-content-container_12i0j_1dyqd_270 {
    clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-ja5cp8, 4px) 0 0);
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1dyqd_242) > .awsui_drawer-content-container_12i0j_1dyqd_270:dir(rtl) {
    clip-path: inset(0 0 -9999px 0 round var(--space-xxs-ja5cp8, 4px) 0 0 0);
  }
  @media not print {
    .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1dyqd_242) > .awsui_drawer-content-container_12i0j_1dyqd_270 {
      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
    }
    .awsui-polaris-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1dyqd_242) > .awsui_drawer-content-container_12i0j_1dyqd_270, .awsui-dark-mode .awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1dyqd_242) > .awsui_drawer-content-container_12i0j_1dyqd_270 {
      border-inline-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
    }
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221.awsui_drawer-expanded_12i0j_1dyqd_242:not(#\9) {
  grid-template-columns: 1fr;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_ai-drawer_12i0j_1dyqd_221.awsui_drawer-expanded_12i0j_1dyqd_242 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
  border-start-end-radius: 0;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221:not(#\9) {
  display: block;
  inline-size: 100%;
  block-size: var(--awsui-bottom-drawer-size-d43v8n);
}
@media (max-width: 688px) {
  .awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221:not(#\9) {
    block-size: 100%;
  }
  .awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221.awsui_last-opened_12i0j_1dyqd_229:not(#\9) {
    z-index: 1001;
  }
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221.awsui_drawer-hidden_12i0j_1dyqd_246:not(#\9) {
  display: none;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256:not(#\9) {
  display: block;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-gap_12i0j_1dyqd_273:not(#\9) {
  block-size: 8px;
  inline-size: 100%;
  border-block-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  border-block-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-layout-jd9fka, #d5dbdb);
  box-sizing: content-box;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-slider_12i0j_1dyqd_312:not(#\9) {
  block-size: auto;
  justify-content: center;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_bottom-drawer-content-header_12i0j_1dyqd_643:not(#\9) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  inset-block-start: 0;
  box-sizing: border-box;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_bottom-drawer-content-header_12i0j_1dyqd_643 > .awsui_bottom-drawer-content-header-content_12i0j_1dyqd_650:not(#\9) {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  padding-inline-end: var(--space-m-h2th94, 16px);
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_bottom-drawer-content-header_12i0j_1dyqd_643 > .awsui_bottom-drawer-content-header-content_12i0j_1dyqd_650 > .awsui_bottom-drawer-actions_12i0j_1dyqd_658:not(#\9) {
  display: flex;
}
.awsui_drawer_12i0j_1dyqd_193.awsui_bottom-drawer_12i0j_1dyqd_221 > .awsui_global-drawer-wrapper_12i0j_1dyqd_256 > .awsui_drawer-content-container_12i0j_1dyqd_270:not(#\9) {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}