/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
.awsui_flash-header_4c95g_vov7p_5:not(#\9) {
  /* used in analytics metadata */
}/*
 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 @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
/* stylelint-enable @cloudscape-design/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_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
  opacity: 0;
  transform: translateY(-20px);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
  opacity: 0;
  transform: translateY(-8px);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
  opacity: 1;
  transform: translateY(0);
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 2 - 100ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9) {
  opacity: 0;
  transform: translateY(-20px);
  transition-property: transform, opacity;
  transition-duration: var(--motion-duration-responsive-mehora, 115ms);
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
}
@media (prefers-reduced-motion: reduce) {
  .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_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_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9),
.awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9),
.awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
  transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
  transition-duration: var(--motion-duration-responsive-mehora, 115ms);
}
@media (prefers-reduced-motion: reduce) {
  .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9),
  .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9),
  .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392.awsui_animation-ready_1q84n_19b2n_392 > .awsui_expanded-only_1q84n_19b2n_392:not(#\9),
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392.awsui_animation-running_1q84n_19b2n_370 > .awsui_expanded-only_1q84n_19b2n_392:not(#\9) {
  display: none;
}

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

.awsui_stack_1q84n_19b2n_370 > .awsui_expanded_1q84n_19b2n_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_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392:not(#\9) {
  display: grid;
  grid-column: 1/4;
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px);
  row-gap: 8px;
  z-index: 0;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370:not(#\9) {
  grid-column-start: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 1);
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-6b9ypa) * 2 + 1 - var(--awsui-flashbar-stack-index-6b9ypa) + 1);
  grid-row-start: 1;
  grid-row-end: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 2);
  z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
}
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_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-2mh3ke, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2xc78x, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
}
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_19b2n_157,
.awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370.awsui_flash_1q84n_19b2n_157:not(#\9) {
  box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
}

.awsui_stack_1q84n_19b2n_370 > .awsui_expanded_1q84n_19b2n_392.awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9) {
  position: relative;
  z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
}

.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_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_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454):not(.awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454):not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454).awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454).awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454:not(.awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454:not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 8px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454.awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454.awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372 {
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 8px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + var(--space-scaled-m-m892r9, 16px) + 0px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 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-8ozaad, 12px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392.awsui_visual-refresh_1q84n_19b2n_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
}
.awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392.awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 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-8ozaad, 12px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
}

.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
  min-inline-size: 0;
  word-break: break-word;
  background: var(--awsui-style-background-default-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-border-notification-stack-bar-aszsse, #232b37));
  border-start-start-radius: var(--border-radius-button-7bgkcs, 20px);
  border-start-end-radius: var(--border-radius-button-7bgkcs, 20px);
  border-end-start-radius: var(--border-radius-button-7bgkcs, 20px);
  border-end-end-radius: var(--border-radius-button-7bgkcs, 20px);
  border-block-style: solid;
  border-inline-style: solid;
  box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-column: 2;
  grid-row: 2;
  column-gap: calc(var(--space-m-dsumyt, 16px) + var(--space-xxs-hwfkai, 4px));
  justify-content: center;
  letter-spacing: var(--font-button-letter-spacing-ufowe3, 0.005em);
  margin-inline: auto;
  row-gap: 0;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_header_1q84n_19b2n_601:not(#\9),
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602:not(#\9),
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9) {
  font-size: var(--font-size-body-m-a7nh2n, 14px);
  line-height: var(--line-height-body-m-2mh3ke, 20px);
  color: var(--color-text-body-default-vvtq8u, #0f141a);
  font-weight: var(--font-weight-normal-cxw1m3, 400);
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  color: var(--color-text-notification-stack-bar-tjj0ek, #ffffff);
  cursor: pointer;
  margin-block: 0;
  padding-block: 0;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601:not(#\9) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--space-m-dsumyt, 16px);
  justify-content: center;
  row-gap: 0;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_header_1q84n_19b2n_601:not(#\9) {
  font-weight: var(--font-weight-button-0eg20c, 700);
  display: inline-block;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602:not(#\9) {
  column-gap: var(--space-s-tvghoh, 12px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602 > .awsui_type-count_1q84n_19b2n_636 > .awsui_count-number_1q84n_19b2n_636:not(#\9) {
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):hover {
  background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
  border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):active {
  background: var(--awsui-style-background-active-6b9ypa, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
  border-color: var(--awsui-style-border-color-active-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372.awsui_visual-refresh_1q84n_19b2n_454:not(#\9) {
  border-block-width: 2px;
  border-inline-width: 2px;
  padding-inline: var(--space-l-2ud1p3, 20px);
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454) {
  border-block-width: 1px;
  border-inline-width: 1px;
  padding-inline: var(--space-s-tvghoh, 12px);
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454):focus {
  text-decoration: none;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454):hover {
  text-decoration: none;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_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-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
}
@media (prefers-reduced-motion: reduce) {
  .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
    animation: none;
    transition: none;
  }
}
.awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
  animation: none;
  transition: none;
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603.awsui_expanded_1q84n_19b2n_392 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
  transform: rotate(180deg);
}
.awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
  outline: none;
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
  position: relative;
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
  outline: 2px dotted transparent;
  outline-offset: calc(0px - 1px);
}
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_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-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
}

.awsui_stack_1q84n_19b2n_370.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_floating_1q84n_19b2n_715) {
  padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-6b9ypa, 0);
}

.awsui_flashbar_1q84n_19b2n_719:not(#\9) {
  position: relative;
  /* stylelint-disable-next-line selector-max-type */
}
.awsui_flashbar_1q84n_19b2n_719 > li + li:not(#\9) {
  padding-block-start: 0;
}

.awsui_flashbar_1q84n_19b2n_719:not(#\9),
.awsui_flash_1q84n_19b2n_157: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-a7nh2n, 14px);
  line-height: var(--line-height-body-m-2mh3ke, 20px);
  color: var(--color-text-body-default-vvtq8u, #0f141a);
  font-weight: var(--font-weight-normal-cxw1m3, 400);
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.awsui_flash_1q84n_19b2n_157:not(#\9) {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-block: var(--space-flashbar-vertical-th71op, 8px);
  padding-inline: var(--space-flashbar-horizontal-l63501, 16px);
  border-start-start-radius: var(--border-radius-flashbar-pp1ptu, 12px);
  border-start-end-radius: var(--border-radius-flashbar-pp1ptu, 12px);
  border-end-start-radius: var(--border-radius-flashbar-pp1ptu, 12px);
  border-end-end-radius: var(--border-radius-flashbar-pp1ptu, 12px);
  color: var(--color-text-notification-default-1iey72, #f9f9fa);
  overflow-wrap: break-word;
  word-wrap: break-word;
  box-shadow: var(--shadow-flash-sticky-k69vye, 0px 4px 8px rgba(0, 7, 22, 0.1));
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
}

.awsui_initial-hidden_1q84n_19b2n_778:not(#\9) {
  overflow: hidden;
  block-size: 0;
}

.awsui_flash-list_1q84n_19b2n_371:not(#\9) {
  list-style: none;
  padding-block: 0;
  padding-inline: 0;
  margin-block: 0;
  margin-inline: 0;
}
.awsui_flash-list_1q84n_19b2n_371:not(#\9):not(.awsui_collapsed_1q84n_19b2n_392) > li:not(:last-child) {
  margin-block-end: var(--space-xxxs-pajhad, 2px);
}

.awsui_flash-body_1q84n_19b2n_171:not(#\9) {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  min-inline-size: 0;
  column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
}

.awsui_flash-focus-container_1q84n_19b2n_802:not(#\9) {
  display: flex;
  flex: 1;
  min-inline-size: 70%;
}
.awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
  outline: none;
}
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
  position: relative;
}
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
  outline: 2px dotted transparent;
  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
}
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus::before {
  content: " ";
  display: block;
  position: absolute;
  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
  block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
}

.awsui_flash-text_1q84n_19b2n_832:not(#\9) {
  margin-block: var(--border-item-width-miijiw, 2px);
  margin-inline: 0;
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
  padding-inline: var(--space-xxs-hwfkai, 4px);
}

.awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
  flex: 0 0 auto;
  padding-inline-start: 0;
}

.awsui_flash-message_1q84n_19b2n_171:not(#\9) {
  flex: 1 1 0%;
  word-wrap: break-word;
  max-inline-size: 100%;
  overflow: hidden;
}

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

.awsui_flash-header_1q84n_19b2n_171:not(#\9),
.awsui_header-replacement_1q84n_19b2n_856:not(#\9) {
  font-weight: var(--font-weight-flashbar-header-fg5kye, 700);
}

.awsui_flash-content_1q84n_19b2n_172:not(#\9),
.awsui_content-replacement_1q84n_19b2n_861:not(#\9) {
  /* Only used as a selector for test-utils */
}

.awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
  flex: 0 0 auto;
  margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
  padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
}

.awsui_dismiss-button_1q84n_19b2n_174:not(#\9) {
  /* Only used as a selector for test-utils */
}

.awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
  white-space: nowrap;
}

.awsui_action-wrapped_1q84n_19b2n_879:not(#\9) {
  margin-inline-start: var(--space-l-2ud1p3, 20px);
  padding-inline-start: var(--space-xxs-hwfkai, 4px);
  margin-block-end: var(--space-xxs-hwfkai, 4px);
}

.awsui_action-button_1q84n_19b2n_173:not(#\9),
.awsui_action-slot_1q84n_19b2n_886:not(#\9) {
  /* Only used as a selector for test-utils */
}

.awsui_flash-type-success_1q84n_19b2n_890:not(#\9) {
  background-color: var(--color-background-notification-green-2rkyvu, #00802f);
}

.awsui_flash-type-error_1q84n_19b2n_894:not(#\9) {
  background-color: var(--color-background-notification-red-0487ea, #db0000);
}

.awsui_flash-type-info_1q84n_19b2n_898:not(#\9),
.awsui_flash-type-in-progress_1q84n_19b2n_899:not(#\9) {
  background-color: var(--color-background-notification-blue-4vnob8, #006ce0);
}

.awsui_flash-type-warning_1q84n_19b2n_903:not(#\9) {
  color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
  background-color: var(--color-background-notification-yellow-y6us5r, #ffe347);
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-secondaryHoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/assets/codicon-DCmgc-ay.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 160px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-editorWidget-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-editorActionList-background);
	color: var(--vscode-editorActionList-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 4px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-editorActionList-focusBackground) !important;
	color: var(--vscode-editorActionList-focusForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 12px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 8px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-editorActionList-background);
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 3px 8px 0;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
}

.monaco-editor .codelens-decoration > a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration > a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration > a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}

.monaco-editor .codelens-decoration > a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% {
		opacity: 0;
		visibility: visible;
	}

	100% {
		opacity: 1;
	}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-hover-content {
	padding-right: 2px;
	padding-bottom: 2px;
	box-sizing: border-box;
}

.monaco-editor .monaco-hover {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width:0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: end;
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-workbench.reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible  {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex:1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display:none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display:none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details.focused {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 12px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inline-edit-remove {
	background-color: var(--vscode-editorGhostText-background);
	font-style: italic;
}

.monaco-editor .inline-edit-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .inline-edit-decoration, .monaco-editor .suggest-preview-text .inline-edit {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .inline-edit-decoration,
.monaco-editor .inline-edit-decoration-preview,
.monaco-editor .suggest-preview-text .inline-edit {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineEditHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineEditHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineEditHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineEditHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineEditStatusBarItemLabel {
	margin-right: 2px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineEditSideBySide {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	white-space: pre;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor div.inline-edits-widget {
	--widget-color: var(--vscode-notifications-background);

	.promptEditor .monaco-editor {
		--vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);
	}

	.toolbar, .promptEditor {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}
	&:hover, &.focused {
		.toolbar, .promptEditor {
			opacity: 1;
		}
	}

	.preview .monaco-editor {

		.mtk1 {
			/*color: rgba(215, 215, 215, 0.452);*/
			color: var(--vscode-editorGhostText-foreground);
		}
		.view-overlays .current-line-exact {
			border: none;
		}

		.current-line-margin {
			border: none;
		}

		--vscode-editor-background: var(--widget-color);
	}

	svg {
		.gradient-start {
			stop-color: var(--vscode-editor-background);
		}

		.gradient-stop {
			stop-color: var(--widget-color);
		}
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .code {
	font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	--vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);

	.editorPlaceholder {
		top: 0px;
		position: absolute;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		pointer-events: none;

		color: var(--vscode-editor-placeholder-foreground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
}

.monaco-editor .sticky-widget-line-numbers {
	float: left;
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number, .monaco-editor .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}

.monaco-editor .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget {
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}

.monaco-editor .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}

.monaco-editor .sticky-widget {
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	background-color: var(--vscode-editorStickyScroll-background);
	right: initial !important;
}

.monaco-editor .sticky-widget.peek {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}