@awsui/components-react/flashbar/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
*/
/* 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
*/
/* 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
*/
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157:not(#\9) {
  opacity: 0;
  transform: translateY(-20px);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
  opacity: 0;
  transform: translateY(-8px);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_enter_1q84n_1dnyj_157 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210:not(#\9) {
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-complex-gcxcdu, 270ms);
  transition-timing-function: var(--motion-easing-expressive-ahoycd, ease-out);
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
  opacity: 1;
  transform: translateY(0);
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-complex-gcxcdu, 270ms);
  transition-timing-function: var(--motion-easing-expressive-ahoycd, ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-gcxcdu, 270ms) - 50ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-icon_1q84n_1dnyj_197:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-gcxcdu, 270ms) + 10ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-header_1q84n_1dnyj_171:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-gcxcdu, 270ms) + 10ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_flash-message_1q84n_1dnyj_171 > .awsui_flash-content_1q84n_1dnyj_172:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-gcxcdu, 270ms) * 2 - 100ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9),
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entering_1q84n_1dnyj_210 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_dismiss-button-wrapper_1q84n_1dnyj_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_entered_1q84n_1dnyj_231 > .awsui_flash-body_1q84n_1dnyj_171 > .awsui_action-button-wrapper_1q84n_1dnyj_173:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_1dnyj_157.awsui_exiting_1q84n_1dnyj_336:not(#\9) {
  opacity: 0;
  transform: translateY(-20px);
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-responsive-o555ts, 135ms);
  transition-timing-function: var(--motion-easing-expressive-ahoycd, ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_exiting_1q84n_1dnyj_336:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_exiting_1q84n_1dnyj_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dnyj_157.awsui_exiting_1q84n_1dnyj_336:not(#\9) {
  animation: none;
  transition: none;
}

/*
 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
*/
.awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_item_1q84n_1dnyj_370:not(#\9),
.awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_flash-list-item_1q84n_1dnyj_371:not(#\9),
.awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370.awsui_notification-bar_1q84n_1dnyj_372:not(#\9) {
  transition-timing-function: var(--motion-easing-responsive-kehcbg, ease-out);
  transition-duration: var(--motion-duration-responsive-o555ts, 135ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_item_1q84n_1dnyj_370:not(#\9),
  .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_flash-list-item_1q84n_1dnyj_371:not(#\9),
  .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370.awsui_notification-bar_1q84n_1dnyj_372:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_item_1q84n_1dnyj_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_item_1q84n_1dnyj_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_flash-list-item_1q84n_1dnyj_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370 > .awsui_flash-list-item_1q84n_1dnyj_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370.awsui_notification-bar_1q84n_1dnyj_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dnyj_370 > .awsui_animation-running_1q84n_1dnyj_370.awsui_notification-bar_1q84n_1dnyj_372:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392.awsui_animation-ready_1q84n_1dnyj_392 > .awsui_expanded-only_1q84n_1dnyj_392:not(#\9),
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392.awsui_animation-running_1q84n_1dnyj_370 > .awsui_expanded-only_1q84n_1dnyj_392:not(#\9) {
  display: none;
}

.awsui_stack_1q84n_1dnyj_370:not(#\9) {
  display: grid;
  grid-template-columns: 30px 1fr 30px;
}

.awsui_stack_1q84n_1dnyj_370 > .awsui_expanded_1q84n_1dnyj_392:not(#\9) {
  grid-column: 1/4;
}

/*
The collapsed stack is a dynamic grid that creates the necessary number of
rows and columns based on the number of items passed to CSS via the
`flashbarStackDepth` custom property. Assuming there are three flashbar items,
the grid layout will be:

[item 1 start] [10px] [10px] [fractional unit] [10px] [10px] [item 1 end]
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
*/
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392:not(#\9) {
  display: grid;
  grid-column: 1/4;
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-d43v8n), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-d43v8n), 10px);
  row-gap: 8px;
  z-index: 0;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392 > .awsui_item_1q84n_1dnyj_370:not(#\9) {
  grid-column-start: calc(var(--awsui-flashbar-stack-index-d43v8n) + 1);
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-d43v8n) * 2 + 1 - var(--awsui-flashbar-stack-index-d43v8n) + 1);
  grid-row-start: 1;
  grid-row-end: calc(var(--awsui-flashbar-stack-index-d43v8n) + 2);
  z-index: calc(var(--awsui-flashbar-stack-depth-d43v8n) - var(--awsui-flashbar-stack-index-d43v8n));
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392 > .awsui_item_1q84n_1dnyj_370:not(#\9):not(:first-of-type) {
  align-self: end;
  /* Give placeholder elements in the stacked state the height of a notification
     with one single line of text.
     This makes them look better during the collapse animation, in which they are already empty.
   */
  min-block-size: calc(var(--line-height-body-m-0awzkk, 22px) + (var(--space-scaled-xs-wbfgrv, 8px) + var(--border-width-field-404eki, 1px) + var(--space-scaled-xxs-t2t62i, 4px)) * 2);
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392 > .awsui_item_1q84n_1dnyj_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_1dnyj_157,
.awsui_stack_1q84n_1dnyj_370 > .awsui_collapsed_1q84n_1dnyj_392 > .awsui_item_1q84n_1dnyj_370.awsui_flash_1q84n_1dnyj_157:not(#\9) {
  box-shadow: var(--shadow-flash-collapsed-rsyg0z, 0px 2px 2px rgba(0, 0, 0, 0.15));
}

.awsui_stack_1q84n_1dnyj_370 > .awsui_expanded_1q84n_1dnyj_392.awsui_animation-running_1q84n_1dnyj_370 > .awsui_flash-list-item_1q84n_1dnyj_371:not(#\9) {
  position: relative;
  z-index: calc(var(--awsui-flashbar-stack-depth-d43v8n) - var(--awsui-flashbar-stack-index-d43v8n));
}

.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392) {
  /*
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
  missing third item when there are only 2 items in the stack.
   */
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392):not(.awsui_short-list_1q84n_1dnyj_454):not(.awsui_visual-refresh_1q84n_1dnyj_454) {
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 1px - calc(var(--space-scaled-xl-jawob6, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + 0px + 0px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392):not(.awsui_short-list_1q84n_1dnyj_454):not(.awsui_visual-refresh_1q84n_1dnyj_454) > .awsui_notification-bar_1q84n_1dnyj_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-jawob6, 24px) + 3px) + 0px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(calc(var(--space-scaled-xl-jawob6, 24px) + 3px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 1px - 0px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392):not(.awsui_short-list_1q84n_1dnyj_454).awsui_visual-refresh_1q84n_1dnyj_454 {
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 2px - calc(var(--space-scaled-xl-jawob6, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + 0px + 0px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392):not(.awsui_short-list_1q84n_1dnyj_454).awsui_visual-refresh_1q84n_1dnyj_454 > .awsui_notification-bar_1q84n_1dnyj_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-jawob6, 24px) + 3px) + 0px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(calc(var(--space-scaled-xl-jawob6, 24px) + 3px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 2px - 0px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392).awsui_short-list_1q84n_1dnyj_454:not(.awsui_visual-refresh_1q84n_1dnyj_454) {
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 1px - calc(var(--space-scaled-xl-jawob6, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + 0px + 8px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392).awsui_short-list_1q84n_1dnyj_454:not(.awsui_visual-refresh_1q84n_1dnyj_454) > .awsui_notification-bar_1q84n_1dnyj_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-jawob6, 24px) + 3px) + 8px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(calc(var(--space-scaled-xl-jawob6, 24px) + 3px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 1px - 8px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392).awsui_short-list_1q84n_1dnyj_454.awsui_visual-refresh_1q84n_1dnyj_454 {
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 2px - calc(var(--space-scaled-xl-jawob6, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + 0px + 8px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448:not(#\9):not(.awsui_expanded_1q84n_1dnyj_392).awsui_short-list_1q84n_1dnyj_454.awsui_visual-refresh_1q84n_1dnyj_454 > .awsui_notification-bar_1q84n_1dnyj_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-jawob6, 24px) + 3px) + 8px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(calc(var(--space-scaled-xl-jawob6, 24px) + 3px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 2px - 8px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448.awsui_expanded_1q84n_1dnyj_392:not(#\9):not(.awsui_visual-refresh_1q84n_1dnyj_454) {
  /*
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
  notifications slot already gives it enough space.
   */
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 1px - var(--space-scaled-s-913kwi, 12px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + var(--space-scaled-m-gxhdpl, 16px) + 0px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448.awsui_expanded_1q84n_1dnyj_392:not(#\9):not(.awsui_visual-refresh_1q84n_1dnyj_454) > .awsui_notification-bar_1q84n_1dnyj_372 {
  margin-block-start: calc(-1 * var(--space-scaled-s-913kwi, 12px) + 0px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(var(--space-scaled-s-913kwi, 12px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 1px - 0px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448.awsui_expanded_1q84n_1dnyj_392.awsui_visual-refresh_1q84n_1dnyj_454:not(#\9) {
  /*
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
  notification bar from overlapping the elements below. But if using disableContentPaddings,
  $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
  main area from touching the notifications area.
  */
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  --awsui-stacked-notifications-default-bottom-margin-d43v8n: calc(var(--line-height-body-m-0awzkk, 22px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + 2 * 2px - var(--space-scaled-s-913kwi, 12px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-d43v8n, var(--awsui-stacked-notifications-default-bottom-margin-d43v8n)) + 0px + 0px);
}
.awsui_stack_1q84n_1dnyj_370.awsui_collapsible_1q84n_1dnyj_448.awsui_expanded_1q84n_1dnyj_392.awsui_visual-refresh_1q84n_1dnyj_454 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9) {
  margin-block-start: calc(-1 * var(--space-scaled-s-913kwi, 12px) + 0px);
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
  is the full height of the notification bar */
  margin-block-end: calc(var(--space-scaled-s-913kwi, 12px) - var(--line-height-body-m-0awzkk, 22px) - 2 * var(--space-scaled-xxs-t2t62i, 4px) - 2 * 2px - 0px);
  padding-block: var(--space-scaled-xxs-t2t62i, 4px);
}

.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9) {
  min-inline-size: 0;
  word-break: break-word;
  background: var(--awsui-style-background-default-d43v8n, var(--color-background-notification-stack-bar-u5f8lr, #2a2e33));
  border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-border-notification-stack-bar-0ixmq0, #2a2e33));
  border-start-start-radius: var(--border-radius-button-f5klif, 2px);
  border-start-end-radius: var(--border-radius-button-f5klif, 2px);
  border-end-start-radius: var(--border-radius-button-f5klif, 2px);
  border-end-end-radius: var(--border-radius-button-f5klif, 2px);
  border-block-style: solid;
  border-inline-style: solid;
  box-shadow: var(--shadow-panel-toggle-jqgpi8, 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));
  color: var(--awsui-style-color-default-d43v8n, var(--color-text-notification-stack-bar-c0qu9n, #ffffff));
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-column: 2;
  grid-row: 2;
  column-gap: calc(var(--space-m-h2th94, 16px) + var(--space-xxs-ja5cp8, 4px));
  justify-content: center;
  letter-spacing: var(--font-button-letter-spacing-6ag9q5, 0.25px);
  margin-inline: auto;
  row-gap: 0;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601 > .awsui_header_1q84n_1dnyj_601:not(#\9),
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601 > .awsui_item-count_1q84n_1dnyj_602:not(#\9),
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9) {
  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;
  color: var(--color-text-notification-stack-bar-c0qu9n, #ffffff);
  cursor: pointer;
  margin-block: 0;
  padding-block: 0;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601:not(#\9) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--space-m-h2th94, 16px);
  justify-content: center;
  row-gap: 0;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601 > .awsui_header_1q84n_1dnyj_601:not(#\9) {
  font-weight: var(--font-weight-button-rb1vba, 700);
  display: inline-block;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601 > .awsui_item-count_1q84n_1dnyj_602:not(#\9) {
  column-gap: var(--space-s-hdd878, 12px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_status_1q84n_1dnyj_601 > .awsui_item-count_1q84n_1dnyj_602 > .awsui_type-count_1q84n_1dnyj_636 > .awsui_count-number_1q84n_1dnyj_636:not(#\9) {
  margin-inline-start: var(--space-xxs-ja5cp8, 4px);
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9):hover {
  background: var(--awsui-style-background-hover-d43v8n, var(--color-background-notification-stack-bar-hover-mjfc85, #545b64));
  border-color: var(--awsui-style-border-color-hover-d43v8n, var(--color-background-notification-stack-bar-hover-mjfc85, #545b64));
  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-notification-stack-bar-c0qu9n, #ffffff));
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9):active {
  background: var(--awsui-style-background-active-d43v8n, var(--color-background-notification-stack-bar-active-c74y1k, #2a2e33));
  border-color: var(--awsui-style-border-color-active-d43v8n, var(--color-background-notification-stack-bar-u5f8lr, #2a2e33));
  color: var(--awsui-style-color-active-d43v8n, var(--color-text-notification-stack-bar-c0qu9n, #ffffff));
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372.awsui_visual-refresh_1q84n_1dnyj_454:not(#\9) {
  border-block-width: 2px;
  border-inline-width: 2px;
  padding-inline: var(--space-l-f4l5gr, 20px);
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9):not(.awsui_visual-refresh_1q84n_1dnyj_454) {
  border-block-width: 1px;
  border-inline-width: 1px;
  padding-inline: var(--space-s-hdd878, 12px);
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9):not(.awsui_visual-refresh_1q84n_1dnyj_454):focus {
  text-decoration: none;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372:not(#\9):not(.awsui_visual-refresh_1q84n_1dnyj_454):hover {
  text-decoration: none;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9) {
  display: inline-block;
  flex-grow: 1;
  background: none;
  border-block: 0;
  border-inline: none;
  padding-block: 0;
  --awsui-style-focus-ring-box-shadow-d43v8n: 0 0 0 var(--awsui-style-focus-ring-border-width-d43v8n, 2px) var(--awsui-style-focus-ring-border-color-d43v8n, var(--color-border-item-focused-j88ehv, #0073bb));
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603 > .awsui_icon_1q84n_1dnyj_674:not(#\9) {
  transition: transform var(--motion-duration-rotate-90-jfxxiy, 135ms) var(--motion-easing-rotate-90-ax5lt7, cubic-bezier(0.165, 0.84, 0.44, 1));
}
@media (prefers-reduced-motion: reduce) {
  .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603 > .awsui_icon_1q84n_1dnyj_674:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603 > .awsui_icon_1q84n_1dnyj_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603 > .awsui_icon_1q84n_1dnyj_674:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603.awsui_expanded_1q84n_1dnyj_392 > .awsui_icon_1q84n_1dnyj_674:not(#\9) {
  transform: rotate(180deg);
}
.awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9):focus {
  outline: none;
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9):focus {
  position: relative;
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9):focus {
  outline: 2px dotted transparent;
  outline-offset: calc(0px - 1px);
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dnyj_370 > .awsui_notification-bar_1q84n_1dnyj_372 > .awsui_button_1q84n_1dnyj_603:not(#\9):focus::before {
  content: " ";
  display: block;
  position: absolute;
  inset-inline-start: calc(-1 * 0px);
  inset-block-start: calc(-1 * 0px);
  inline-size: calc(100% + 0px + 0px);
  block-size: calc(100% + 0px + 0px);
  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-eq2wmk, 2px));
  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-eq2wmk, 2px));
  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-eq2wmk, 2px));
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-eq2wmk, 2px));
  box-shadow: var(--awsui-style-focus-ring-box-shadow-d43v8n);
}

.awsui_stack_1q84n_1dnyj_370.awsui_expanded_1q84n_1dnyj_392:not(#\9):not(.awsui_floating_1q84n_1dnyj_715) {
  padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-d43v8n, 0);
}

.awsui_flashbar_1q84n_1dnyj_719:not(#\