@awsui/components-react/app-layout/notifications/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
*/
.awsui_notifications_1hmm4_gpmj4_9:not(#\9),
.awsui_notifications-sticky_1hmm4_gpmj4_10:not(#\9) {
  z-index: 850;
}

.awsui_notifications_1hmm4_gpmj4_9:not(#\9) {
  /* This is necessary for the z-index to have effect */
  position: relative;
}

.awsui_notifications-sticky_1hmm4_gpmj4_10:not(#\9) {
  inset-block-start: 0;
  position: sticky;
  --awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-sgg5p8, 32px);
}

.awsui_no-content-paddings_1hmm4_gpmj4_25:not(#\9) {
  /*
  When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
  when the notification bar is rendered, to prevent it from overlapping the content.
   */
  --awsui-stacked-notifications-bottom-margin-g964ok: var(--space-scaled-l-2rs0gk, 20px);
}