npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1381 → 3.0.1383 - Mend

@cloudscape-design/components-themeable 3.0.1381 → 3.0.1383

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/lib/internal/template/popover/styles.scoped.css CHANGED Viewed

@@ -10,11 +10,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_arrow_xjuzf_n6wl7_13:not(#\9) {
+.awsui_arrow_xjuzf_1ab4i_13:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9), .awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9) {
+.awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9), .awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -23,7 +23,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -39,40 +39,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   background-color: var(--color-border-popover-e8qomr, #d5dbdb);
 }
-.awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9) {
+.awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9) {
   inset-block-start: calc(var(--border-width-popover-snsxri, 1px) + 1px);
 }
-.awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-popover-qtxx5q, #ffffff);
 }
-.awsui_arrow-position-right-top_xjuzf_n6wl7_59 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_n6wl7_59 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-position-right-top_xjuzf_1ab4i_59 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1ab4i_59 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-ihj2rf, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_xjuzf_n6wl7_62 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_n6wl7_62 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-position-left-top_xjuzf_1ab4i_62 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1ab4i_62 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-ihj2rf, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_xjuzf_n6wl7_65 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_n6wl7_65 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_n6wl7_65 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_n6wl7_65 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-position-top-center_xjuzf_1ab4i_65 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1ab4i_65 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1ab4i_65 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1ab4i_65 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-ihj2rf, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_xjuzf_n6wl7_68 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_n6wl7_68 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_n6wl7_68 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_n6wl7_68 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-position-bottom-center_xjuzf_1ab4i_68 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1ab4i_68 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1ab4i_68 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1ab4i_68 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-ihj2rf, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-variant-info_xjuzf_n6wl7_72 > .awsui_arrow-outer_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-variant-info_xjuzf_1ab4i_72 > .awsui_arrow-outer_xjuzf_1ab4i_17:not(#\9)::after {
   background-color: var(--color-border-status-info-e5c14y, #0073bb);
 }
-.awsui_arrow-variant-info_xjuzf_n6wl7_72 > .awsui_arrow-inner_xjuzf_n6wl7_17:not(#\9)::after {
+.awsui_arrow-variant-info_xjuzf_1ab4i_72 > .awsui_arrow-inner_xjuzf_1ab4i_17:not(#\9)::after {
   background-color: var(--color-background-status-info-lki61z, #f1faff);
 }
@@ -80,7 +80,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_body_xjuzf_n6wl7_83:not(#\9) {
+.awsui_body_xjuzf_1ab4i_83:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -116,20 +116,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-kll7oj, 12px);
   padding-inline: var(--space-m-n8iq8o, 16px);
 }
-.awsui_body-overflow-visible_xjuzf_n6wl7_119:not(#\9) {
+.awsui_body-overflow-visible_xjuzf_1ab4i_119:not(#\9) {
   overflow: visible;
 }
-.awsui_body-variant-chart_xjuzf_n6wl7_122:not(#\9) {
+.awsui_body-variant-chart_xjuzf_1ab4i_122:not(#\9) {
   padding-block: var(--space-static-s-bwcdfm, 12px);
   padding-inline: var(--space-static-s-bwcdfm, 12px);
 }
-.awsui_has-dismiss_xjuzf_n6wl7_127:not(#\9) {
+.awsui_has-dismiss_xjuzf_1ab4i_127:not(#\9) {
   display: flex;
   align-items: baseline;
 }
-.awsui_dismiss_xjuzf_n6wl7_132:not(#\9) {
+.awsui_dismiss_xjuzf_1ab4i_132:not(#\9) {
   margin-block: calc(-1 * var(--space-xs-m9b7jf, 8px));
   margin-inline-start: 0;
   margin-inline-end: calc(-1 * (var(--space-xxs-3o1yoq, 4px) + var(--border-width-popover-snsxri, 1px)));
@@ -137,15 +137,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   order: 1;
 }
-.awsui_dismiss-control_xjuzf_n6wl7_140:not(#\9) {
+.awsui_dismiss-control_xjuzf_1ab4i_140:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-row_xjuzf_n6wl7_144:not(#\9) {
+.awsui_header-row_xjuzf_1ab4i_144:not(#\9) {
   margin-block-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_header_xjuzf_n6wl7_144:not(#\9) {
+.awsui_header_xjuzf_1ab4i_144:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -159,7 +159,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_header_xjuzf_n6wl7_144 > h2:not(#\9) {
+.awsui_header_xjuzf_1ab4i_144 > h2:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-yrvp79, 16px);
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
@@ -170,7 +170,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
-.awsui_content_xjuzf_n6wl7_173:not(#\9) {
+.awsui_content_xjuzf_1ab4i_173:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   min-inline-size: 0;
 }
-.awsui_content-overflow-visible_xjuzf_n6wl7_182:not(#\9) {
+.awsui_content-overflow-visible_xjuzf_1ab4i_182:not(#\9) {
   overflow: visible;
 }
@@ -187,39 +187,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_n6wl7_190:not(#\9) {
+.awsui_container_xjuzf_1ab4i_190:not(#\9) {
   display: inline-block;
   position: fixed;
   inset-block-start: -9999px;
   inset-inline-start: -9999px;
   z-index: 2000;
 }
-.awsui_container_xjuzf_n6wl7_190:not(#\9)::before {
+.awsui_container_xjuzf_1ab4i_190:not(#\9)::before {
   content: "";
   position: absolute;
 }
-.awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_n6wl7_201)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_n6wl7_201)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_n6wl7_201)::before {
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_1ab4i_201)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_1ab4i_201)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_1ab4i_201)::before {
   inset-inline: 0;
   inset-block-start: -10px;
   block-size: 10px;
 }
-.awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_n6wl7_206)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_n6wl7_206)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_n6wl7_206)::before {
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_1ab4i_206)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_1ab4i_206)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_1ab4i_206)::before {
   inset-inline: 0;
   inset-block-end: -10px;
   block-size: 10px;
 }
-.awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_n6wl7_211)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_n6wl7_211)::before {
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_1ab4i_211)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_1ab4i_211)::before {
   inset-block: 0;
   inset-inline-start: -10px;
   inline-size: 10px;
 }
-.awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_n6wl7_216)::before, .awsui_container_xjuzf_n6wl7_190:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_n6wl7_216)::before {
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_1ab4i_216)::before, .awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_1ab4i_216)::before {
   inset-block: 0;
   inset-inline-end: -10px;
   inline-size: 10px;
 }
-.awsui_container-body_xjuzf_n6wl7_222:not(#\9) {
+.awsui_container-body_xjuzf_1ab4i_222:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -259,100 +259,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-popover-snsxri, 1px) solid var(--color-border-popover-e8qomr, #d5dbdb);
 }
-.awsui_container-body-variant-annotation_xjuzf_n6wl7_262:not(#\9) {
+.awsui_container-body-variant-annotation_xjuzf_1ab4i_262:not(#\9) {
   background-color: var(--color-background-status-info-lki61z, #f1faff);
   border-color: var(--color-border-status-info-e5c14y, #0073bb);
 }
-.awsui_container-body-size-small_xjuzf_n6wl7_267:not(#\9) {
+.awsui_container-body-size-small_xjuzf_1ab4i_267:not(#\9) {
   max-inline-size: 210px;
 }
-.awsui_container-body-size-small_xjuzf_n6wl7_267.awsui_fixed-width_xjuzf_n6wl7_270:not(#\9) {
+.awsui_container-body-size-small_xjuzf_1ab4i_267.awsui_fixed-width_xjuzf_1ab4i_270:not(#\9) {
   inline-size: 210px;
 }
-.awsui_container-body-size-medium_xjuzf_n6wl7_274:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_1ab4i_274:not(#\9) {
   max-inline-size: 310px;
 }
-.awsui_container-body-size-medium_xjuzf_n6wl7_274.awsui_fixed-width_xjuzf_n6wl7_270:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_1ab4i_274.awsui_fixed-width_xjuzf_1ab4i_270:not(#\9) {
   inline-size: 310px;
 }
-.awsui_container-body-size-large_xjuzf_n6wl7_281:not(#\9) {
+.awsui_container-body-size-large_xjuzf_1ab4i_281:not(#\9) {
   max-inline-size: 482px;
 }
 @media (max-width: 482px) {
-  .awsui_container-body-size-large_xjuzf_n6wl7_281:not(#\9) {
+  .awsui_container-body-size-large_xjuzf_1ab4i_281:not(#\9) {
     max-inline-size: 310px;
   }
 }
-.awsui_container-body-size-large_xjuzf_n6wl7_281.awsui_fixed-width_xjuzf_n6wl7_270:not(#\9) {
+.awsui_container-body-size-large_xjuzf_1ab4i_281.awsui_fixed-width_xjuzf_1ab4i_270:not(#\9) {
   inline-size: 482px;
 }
-.awsui_container-arrow_xjuzf_n6wl7_201:not(#\9) {
+.awsui_container-arrow_xjuzf_1ab4i_201:not(#\9) {
   position: absolute;
   display: inline-block;
 }
-.awsui_container-arrow-position-right-top_xjuzf_n6wl7_211:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_n6wl7_211:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_1ab4i_211:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1ab4i_211:not(#\9) {
   transform: rotate(-90deg);
   transform-origin: 0 100%;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_container-arrow-position-right-top_xjuzf_n6wl7_211:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_n6wl7_211:not(#\9):dir(rtl) {
+.awsui_container-arrow-position-right-top_xjuzf_1ab4i_211:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_1ab4i_211:not(#\9):dir(rtl) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
 }
-.awsui_container-arrow-position-right-top_xjuzf_n6wl7_211:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_1ab4i_211:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-right-bottom_xjuzf_n6wl7_211:not(#\9) {
+.awsui_container-arrow-position-right-bottom_xjuzf_1ab4i_211:not(#\9) {
   inset-block-end: 12px;
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-left-top_xjuzf_n6wl7_216:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_n6wl7_216:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_1ab4i_216:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1ab4i_216:not(#\9) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_container-arrow-position-left-top_xjuzf_n6wl7_216:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_n6wl7_216:not(#\9):dir(rtl) {
+.awsui_container-arrow-position-left-top_xjuzf_1ab4i_216:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_1ab4i_216:not(#\9):dir(rtl) {
   transform: rotate(-90deg);
   transform-origin: 0% 100%;
 }
-.awsui_container-arrow-position-left-top_xjuzf_n6wl7_216:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_1ab4i_216:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-left-bottom_xjuzf_n6wl7_216:not(#\9) {
+.awsui_container-arrow-position-left-bottom_xjuzf_1ab4i_216:not(#\9) {
   inset-block-end: 12px;
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-top-center_xjuzf_n6wl7_206:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_n6wl7_206:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_n6wl7_206:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_n6wl7_331:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_1ab4i_206:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1ab4i_206:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1ab4i_206:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1ab4i_331:not(#\9) {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
-.awsui_container-arrow-position-top-center_xjuzf_n6wl7_206:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_1ab4i_206:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-top-right_xjuzf_n6wl7_206:not(#\9) {
+.awsui_container-arrow-position-top-right_xjuzf_1ab4i_206:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-top-left_xjuzf_n6wl7_206:not(#\9) {
+.awsui_container-arrow-position-top-left_xjuzf_1ab4i_206:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
-.awsui_container-arrow-position-bottom-center_xjuzf_n6wl7_201:not(#\9) {
+.awsui_container-arrow-position-bottom-center_xjuzf_1ab4i_201:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-bottom-right_xjuzf_n6wl7_201:not(#\9) {
+.awsui_container-arrow-position-bottom-right_xjuzf_1ab4i_201:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-bottom-left_xjuzf_n6wl7_201:not(#\9) {
+.awsui_container-arrow-position-bottom-left_xjuzf_1ab4i_201:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
@@ -361,10 +361,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_n6wl7_190:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_n6wl7_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
+.awsui_container_xjuzf_1ab4i_190:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_1ab4i_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_n6wl7_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_1ab4i_1 {
   from {
     opacity: 0.2;
   }
@@ -373,19 +373,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_n6wl7_190:not(#\9) {
+  .awsui_container_xjuzf_1ab4i_190:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_n6wl7_190:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_n6wl7_190:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_1ab4i_190:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1ab4i_190:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container_xjuzf_n6wl7_190.awsui_refresh_xjuzf_n6wl7_385:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_n6wl7_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms) var(--motion-easing-refresh-only-a-b2p95e, cubic-bezier(0, 0, 0, 1));
+.awsui_container_xjuzf_1ab4i_190.awsui_refresh_xjuzf_1ab4i_385:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_1ab4i_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms) var(--motion-easing-refresh-only-a-b2p95e, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_n6wl7_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_1ab4i_1 {
   from {
     opacity: 0.2;
   }
@@ -394,17 +394,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_n6wl7_190.awsui_refresh_xjuzf_n6wl7_385:not(#\9) {
+  .awsui_container_xjuzf_1ab4i_190.awsui_refresh_xjuzf_1ab4i_385:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_n6wl7_190.awsui_refresh_xjuzf_n6wl7_385:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_n6wl7_190.awsui_refresh_xjuzf_n6wl7_385:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_1ab4i_190.awsui_refresh_xjuzf_1ab4i_385:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1ab4i_190.awsui_refresh_xjuzf_1ab4i_385:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_xjuzf_n6wl7_407:not(#\9) {
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_1ab4i_211, .awsui_container-arrow-position-right-bottom_xjuzf_1ab4i_211) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+}
+.awsui_container_xjuzf_1ab4i_190:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_1ab4i_216, .awsui_container-arrow-position-left-bottom_xjuzf_1ab4i_216) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+}
+.awsui_root_xjuzf_1ab4i_412:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -436,17 +441,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: inherit;
 }
-.awsui_root_xjuzf_n6wl7_407.awsui_no-wrap_xjuzf_n6wl7_439:not(#\9) {
+.awsui_root_xjuzf_1ab4i_412.awsui_no-wrap_xjuzf_1ab4i_444:not(#\9) {
   white-space: nowrap;
 }
-body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus, .awsui_trigger-type-text_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus) {
+body[data-awsui-focus-visible=true] .awsui_root_xjuzf_1ab4i_412:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus, .awsui_trigger-type-text_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus, .awsui_trigger-type-text_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus) {
+body[data-awsui-focus-visible=true] .awsui_root_xjuzf_1ab4i_412:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus, .awsui_trigger-type-text_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus) {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus, .awsui_trigger-type-text_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:focus)::before {
+body[data-awsui-focus-visible=true] .awsui_root_xjuzf_1ab4i_412:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus, .awsui_trigger-type-text_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:focus)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -461,18 +466,18 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.aw
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_root-filtering-token_xjuzf_n6wl7_464:not(#\9) {
+.awsui_root-filtering-token_xjuzf_1ab4i_469:not(#\9) {
   display: flex;
 }
-.awsui_trigger_xjuzf_n6wl7_442:not(#\9) {
+.awsui_trigger_xjuzf_1ab4i_447:not(#\9) {
   display: inline-block;
   max-inline-size: 100%;
   color: inherit;
   text-align: inherit;
 }
-.awsui_overflow-ellipsis_xjuzf_n6wl7_442:not(#\9) {
+.awsui_overflow-ellipsis_xjuzf_1ab4i_447:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -480,7 +485,7 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.aw
   word-break: break-word;
 }
-.awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9) {
+.awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   color: var(--color-text-body-default-b2us04, #16191f);
@@ -497,23 +502,23 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.aw
   text-decoration-thickness: var(--border-divider-list-width-2qbfmz, 1px);
   text-underline-offset: 0.25em;
 }
-.awsui_trigger-type-text-inline_xjuzf_n6wl7_442.awsui_overflow-ellipsis_xjuzf_n6wl7_442:not(#\9) {
+.awsui_trigger-type-text-inline_xjuzf_1ab4i_447.awsui_overflow-ellipsis_xjuzf_1ab4i_447:not(#\9) {
   /*
     This style needs because of the overflow: hidden would otherwise conceal the underline styles.
   */
   padding-block-end: calc(0.25em + var(--border-divider-list-width-2qbfmz, 1px));
 }
-.awsui_trigger-type-text-inline_xjuzf_n6wl7_442.awsui_in-inline-token_xjuzf_n6wl7_506:not(#\9) {
+.awsui_trigger-type-text-inline_xjuzf_1ab4i_447.awsui_in-inline-token_xjuzf_1ab4i_511:not(#\9) {
   text-underline-offset: 0.15em;
 }
-.awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9) {
+.awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9) {
   border-block: 0;
   border-block-end: var(--border-divider-list-width-2qbfmz, 1px) dashed currentColor;
 }
-.awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9),
-.awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9) {
+.awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9),
+.awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9) {
   border-inline: 0;
   margin-block: 0;
   margin-inline: 0;
@@ -522,21 +527,21 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_n6wl7_407:not(#\9):has(.aw
   background-color: transparent;
   cursor: pointer;
 }
-.awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9):focus,
-.awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9):focus {
+.awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9):focus,
+.awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus,
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus,
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus::before,
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_n6wl7_442:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_n6wl7_442):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus::before,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1ab4i_447:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_1ab4i_447):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -551,15 +556,15 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_n6wl7_442:not
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_trigger-type-filtering-token_xjuzf_n6wl7_554:not(#\9) {
+.awsui_trigger-type-filtering-token_xjuzf_1ab4i_559:not(#\9) {
   display: flex;
 }
-.awsui_popover-inline-content_xjuzf_n6wl7_558:not(#\9) {
+.awsui_popover-inline-content_xjuzf_1ab4i_563:not(#\9) {
   display: inline;
 }
-.awsui_hover-area_xjuzf_n6wl7_562:not(#\9) {
+.awsui_hover-area_xjuzf_1ab4i_567:not(#\9) {
   pointer-events: none;
   padding-block: var(--space-static-s-bwcdfm, 12px);
   padding-inline: var(--space-static-s-bwcdfm, 12px);