@awsui/components-react/app-layout/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_toggle_1uo6m_1k73f_193:not(#\9) {
  box-sizing: border-box;
  padding-block: var(--space-xxs-ja5cp8, 4px);
  padding-inline: 7px;
}

.awsui_drawer-triggers_1uo6m_1k73f_199:not(#\9) {
  box-sizing: border-box;
}

.awsui_drawer_1uo6m_1k73f_199:not(#\9) {
  flex-shrink: 0;
  position: relative;
  word-wrap: break-word;
  box-shadow: var(--shadow-panel-vjg8pn, 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));
}
.awsui_drawer_1uo6m_1k73f_199:not(#\9):not(.awsui_drawer-mobile_1uo6m_1k73f_209) {
  z-index: 830;
}
.awsui_drawer-closed_1uo6m_1k73f_212:not(#\9) {
  min-inline-size: 40px;
}
.awsui_drawer-closed_1uo6m_1k73f_212.awsui_drawer-mobile_1uo6m_1k73f_209:not(#\9) {
  display: none;
}

.awsui_drawer-content_1uo6m_1k73f_219:not(#\9) {
  position: fixed;
  overflow: auto;
  background-color: var(--color-background-layout-panel-content-jymwa8, #ffffff);
  display: flex;
  flex-direction: column;
}
.awsui_drawer-mobile_1uo6m_1k73f_209 > .awsui_drawer-content_1uo6m_1k73f_219:not(#\9) {
  z-index: 1001;
  inset: 0;
}
.awsui_drawer-closed_1uo6m_1k73f_212 > .awsui_drawer-content_1uo6m_1k73f_219:not(#\9) {
  inline-size: 40px;
}
.awsui_drawer-closed_1uo6m_1k73f_212 > .awsui_drawer-content_1uo6m_1k73f_219.awsui_drawer-content-clickable_1uo6m_1k73f_233:not(#\9) {
  cursor: pointer;
  color: var(--color-text-interactive-default-yjja72, #545b64);
}
.awsui_drawer-closed_1uo6m_1k73f_212 > .awsui_drawer-content_1uo6m_1k73f_219.awsui_drawer-content-clickable_1uo6m_1k73f_233:not(#\9):hover {
  background: var(--color-background-layout-panel-hover-ogjd65, #eaeded);
}
.awsui_drawer-content_1uo6m_1k73f_219 > [aria-hidden=true]:not(#\9) {
  display: none;
}
.awsui_drawer-content_1uo6m_1k73f_219 > .awsui_drawer-resize-content_1uo6m_1k73f_243:not(#\9) {
  overflow: auto;
  block-size: 100%;
  position: relative;
}
.awsui_drawer-content_1uo6m_1k73f_219 > .awsui_drawer-content-wrapper_1uo6m_1k73f_248:not(#\9) {
  flex: 1;
}

.awsui_drawer-triggers-wrapper_1uo6m_1k73f_252:not(#\9) {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: stretch;
}

.awsui_drawer-trigger_1uo6m_1k73f_199:not(#\9) {
  padding-block: var(--space-xxs-ja5cp8, 4px);
  padding-inline: 7px;
  cursor: pointer;
  color: var(--color-text-interactive-default-yjja72, #545b64);
}
.awsui_drawer-trigger_1uo6m_1k73f_199:not(#\9):not(:first-child) {
  border-block-start: 1px solid var(--color-border-layout-jd9fka, #d5dbdb);
}
.awsui_drawer-trigger_1uo6m_1k73f_199:not(#\9):hover {
  color: var(--color-text-layout-toggle-hover-1lm7x2, #0073bb);
}
.awsui_drawer-trigger-active_1uo6m_1k73f_271:not(#\9), .awsui_drawer-trigger-active_1uo6m_1k73f_271:not(#\9):hover {
  background-color: var(--color-background-layout-toggle-selected-default-tq3fmx, #0073bb);
  color: var(--color-text-layout-toggle-active-g2y9le, #ffffff);
}
.awsui_drawer-content-clickable_1uo6m_1k73f_233 > .awsui_drawer-triggers-wrapper_1uo6m_1k73f_252 > .awsui_drawer-trigger_1uo6m_1k73f_199:not(#\9):hover {
  color: var(--color-text-interactive-default-yjja72, #545b64);
}

.awsui_resize-handle-wrapper_1uo6m_1k73f_279:not(#\9) {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  block-size: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
}

.awsui_hide_1uo6m_1k73f_289:not(#\9) {
  display: none;
}