@awsui/components-react/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
*/
.awsui_drawer_1sxt8_nss6u_189: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;
  word-wrap: break-word;
}

.awsui_header_1sxt8_nss6u_222:not(#\9) {
  font-size: var(--font-panel-header-size-ey4ywd, 18px);
  letter-spacing: var(--letter-spacing-heading-m-m4ll99, normal);
  line-height: var(--font-panel-header-line-height-pqpwyv, 22px);
  font-weight: var(--font-weight-heading-l-0lcea3, 700);
  -webkit-font-smoothing: var(--font-smoothing-webkit-gsroen, auto);
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-7ax6sl, auto);
  display: flex;
  justify-content: space-between;
  color: var(--color-text-heading-default-wliqyu, #16191f);
  padding-block: var(--space-panel-header-vertical-zbqp6n, 20px);
  padding-inline: var(--space-panel-side-left-2amwxl, 32px) calc(var(--space-l-f4l5gr, 20px) + var(--space-scaled-xxl-fzmynl, 32px));
  border-block-end: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-panel-header-x89ddl, #eaeded);
  /* stylelint-disable @awsui/no-implicit-descendant, selector-max-type */
  /* stylelint-enable @awsui/no-implicit-descendant, selector-max-type */
}
@media (min-width: 689px) {
  .awsui_header_1sxt8_nss6u_222.awsui_with-additional-action_1sxt8_nss6u_239:not(#\9) {
    /*
      this padding is needed when the drawer renders inside a runtime drawer and the runtime drawer has an additional action
      on the right (or left in rtl). in this case this padding ensures that the drawer's content does not overlap with runtime actions
    */
    padding-inline: var(--space-panel-side-left-2amwxl, 32px) calc(var(--space-xxxl-65sweb, 40px) + var(--space-scaled-xxl-fzmynl, 32px));
  }
}
.awsui_header_1sxt8_nss6u_222.awsui_with-runtime-context_1sxt8_nss6u_247:not(#\9) {
  padding-block: 14px;
}
.awsui_with-toolbar_1sxt8_nss6u_250 > .awsui_header_1sxt8_nss6u_222:not(#\9) {
  border-color: transparent;
  margin-block-end: 0px;
}
.awsui_header_1sxt8_nss6u_222 h2:not(#\9),
.awsui_header_1sxt8_nss6u_222 h3:not(#\9),
.awsui_header_1sxt8_nss6u_222 h4:not(#\9),
.awsui_header_1sxt8_nss6u_222 h5:not(#\9),
.awsui_header_1sxt8_nss6u_222 h6:not(#\9) {
  font-size: var(--font-panel-header-size-ey4ywd, 18px);
  letter-spacing: var(--letter-spacing-heading-m-m4ll99, normal);
  line-height: var(--font-panel-header-line-height-pqpwyv, 22px);
  font-weight: var(--font-weight-heading-l-0lcea3, 700);
  -webkit-font-smoothing: var(--font-smoothing-webkit-gsroen, auto);
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-7ax6sl, auto);
  padding-block: 0;
  margin-block: 0;
}

.awsui_header-actions_1sxt8_nss6u_269:not(#\9) {
  display: inline-flex;
  align-items: flex-start;
  z-index: 1;
}

.awsui_content-with-paddings_1sxt8_nss6u_275:not(#\9):not(:empty) {
  padding-block-start: var(--space-panel-content-top-kw8n3a, 20px);
  padding-inline-start: var(--space-panel-side-left-2amwxl, 32px);
  padding-inline-end: var(--space-panel-side-right-lgtbro, 32px);
  padding-block-end: var(--space-panel-content-bottom-s2l12q, 40px);
}

.awsui_test-utils-drawer-content_1sxt8_nss6u_282:not(#\9) {
  /* used in test-utils */
}