@cloudscape-design/components-themeable 3.0.1325 → 3.0.1327

package/lib/internal/template/internal/utils/external-props.js

@@ -4,10 +4,12 @@
  * Method to filter out internal properties prefixed by "__"
  */
 export const getExternalProps = (props) => {
-    const externalPropNames = Object.keys(props).filter((propName) => propName.indexOf('__') !== 0);
-    return externalPropNames.reduce((acc, propName) => {
-        acc[propName] = props[propName];
-        return acc;
-    }, {});
+    const externalProps = {};
+    for (const propName in props) {
+        if (!propName.startsWith('__')) {
+            externalProps[propName] = props[propName];
+        }
+    }
+    return externalProps;
 };
 //# sourceMappingURL=external-props.js.map

package/lib/internal/template/internal/utils/external-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"external-props.js","sourceRoot":"","sources":["../../../../src/internal/utils/external-props.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAgC,KAAQ,EAAK,EAAE;IAC7E,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CACjD,CAAC,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CACpC,CAAC;IACjB,OAAO,iBAAiB,CAAC,MAAM,CAAa,CAAC,GAAe,EAAE,QAAiB,EAAE,EAAE;QACjF,GAAG,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChC,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAM,CAAC;AACd,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Method to filter out internal properties prefixed by \"__\"\n */\nexport const getExternalProps = <T extends Record<string, any>>(props: T): T => {\n  const externalPropNames = Object.keys(props).filter(\n    (propName: string) => propName.indexOf('__') !== 0\n  ) as (keyof T)[];\n  return externalPropNames.reduce<Partial<T>>((acc: Partial<T>, propName: keyof T) => {\n    acc[propName] = props[propName];\n    return acc;\n  }, {}) as T;\n};\n"]}
+{"version":3,"file":"external-props.js","sourceRoot":"","sources":["../../../../src/internal/utils/external-props.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAgC,KAAQ,EAAK,EAAE;IAC7E,MAAM,aAAa,GAAe,EAAE,CAAC;IACrC,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,aAAa,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IACD,OAAO,aAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Method to filter out internal properties prefixed by \"__\"\n */\nexport const getExternalProps = <T extends Record<string, any>>(props: T): T => {\n  const externalProps: Partial<T> = {};\n  for (const propName in props) {\n    if (!propName.startsWith('__')) {\n      externalProps[propName] = props[propName];\n    }\n  }\n  return externalProps as T;\n};\n"]}

package/lib/internal/template/item-card/internal.js

@@ -22,7 +22,7 @@ export default function InternalItemCard({ actions, highlighted, children, class
     return (React.createElement("div", { ref: __internalRootRef, ...baseProps, ...rootAttributes },
         React.createElement("div", { className: styles['inner-card'] },
             !headerRowEmpty && (React.createElement("div", { className: clsx(styles.header, disableHeaderPaddings && styles['no-padding'], !!actions && styles['with-actions']), style: getHeaderStyles(style) },
-                React.createElement(InternalStructuredItem, { content: header && React.createElement("div", { className: clsx(styles['header-inner'], testStyles.header) }, header), secondaryContent: description && React.createElement("div", { className: clsx(styles.description, testStyles.description) }, description), icon: icon && React.createElement("div", { className: testStyles.icon }, icon), actions: actions, disablePaddings: disableHeaderPaddings, wrapActions: false }))),
+                React.createElement(InternalStructuredItem, { content: header && React.createElement("div", { className: clsx(styles['header-inner'], testStyles.header) }, header), secondaryContent: description && React.createElement("div", { className: clsx(styles.description, testStyles.description) }, description), icon: icon && React.createElement("div", { className: testStyles.icon }, icon), actions: actions, disablePaddings: disableHeaderPaddings, wrapActions: true }))),
             children && (React.createElement("div", { className: clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding']), style: getContentStyles(style) }, children)),
             footer && (React.createElement("div", { className: clsx(styles.footer, testStyles.footer, disableFooterPaddings && styles['no-padding']), style: getFooterStyles(style) }, footer)))));
 }

package/lib/internal/template/item-card/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/item-card/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { processAttributes } from '../internal/utils/with-native-attributes';\nimport { InternalItemCardProps } from './internal-interfaces';\nimport { getContentStyles, getFooterStyles, getHeaderStyles, getRootStyles } from './style';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport default function InternalItemCard({\n  actions,\n  highlighted,\n  children,\n  className,\n  header,\n  description,\n  footer,\n  icon,\n  style,\n  metadataAttributes,\n  nativeAttributes,\n  onClick,\n  disableHeaderPaddings,\n  disableContentPaddings,\n  disableFooterPaddings,\n  fullHeight,\n  variant = 'default',\n  __internalRootRef,\n  ...restProps\n}: InternalItemCardProps) {\n  const baseProps = getBaseProps(restProps);\n  const isRefresh = useVisualRefresh();\n\n  const headerRowEmpty = !header && !description && !icon && !actions;\n\n  const rootAttributes = processAttributes<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    {\n      className: clsx(\n        className,\n        styles.root,\n        highlighted && styles.highlighted,\n        fullHeight && styles['full-height'],\n        isRefresh && styles.refresh,\n        styles[`variant-${variant}`]\n      ),\n      ...metadataAttributes,\n      onClick,\n      style: getRootStyles(style),\n    },\n    nativeAttributes,\n    'Card'\n  );\n\n  return (\n    <div ref={__internalRootRef} {...baseProps} {...rootAttributes}>\n      <div className={styles['inner-card']}>\n        {!headerRowEmpty && (\n          <div\n            className={clsx(\n              styles.header,\n              disableHeaderPaddings && styles['no-padding'],\n              !!actions && styles['with-actions']\n            )}\n            style={getHeaderStyles(style)}\n          >\n            <InternalStructuredItem\n              content={header && <div className={clsx(styles['header-inner'], testStyles.header)}>{header}</div>}\n              secondaryContent={\n                description && <div className={clsx(styles.description, testStyles.description)}>{description}</div>\n              }\n              icon={icon && <div className={testStyles.icon}>{icon}</div>}\n              actions={actions}\n              disablePaddings={disableHeaderPaddings}\n              wrapActions={false}\n            />\n          </div>\n        )}\n        {children && (\n          <div\n            className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n            style={getContentStyles(style)}\n          >\n            {children}\n          </div>\n        )}\n        {footer && (\n          <div\n            className={clsx(styles.footer, testStyles.footer, disableFooterPaddings && styles['no-padding'])}\n            style={getFooterStyles(style)}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/item-card/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { processAttributes } from '../internal/utils/with-native-attributes';\nimport { InternalItemCardProps } from './internal-interfaces';\nimport { getContentStyles, getFooterStyles, getHeaderStyles, getRootStyles } from './style';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport default function InternalItemCard({\n  actions,\n  highlighted,\n  children,\n  className,\n  header,\n  description,\n  footer,\n  icon,\n  style,\n  metadataAttributes,\n  nativeAttributes,\n  onClick,\n  disableHeaderPaddings,\n  disableContentPaddings,\n  disableFooterPaddings,\n  fullHeight,\n  variant = 'default',\n  __internalRootRef,\n  ...restProps\n}: InternalItemCardProps) {\n  const baseProps = getBaseProps(restProps);\n  const isRefresh = useVisualRefresh();\n\n  const headerRowEmpty = !header && !description && !icon && !actions;\n\n  const rootAttributes = processAttributes<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    {\n      className: clsx(\n        className,\n        styles.root,\n        highlighted && styles.highlighted,\n        fullHeight && styles['full-height'],\n        isRefresh && styles.refresh,\n        styles[`variant-${variant}`]\n      ),\n      ...metadataAttributes,\n      onClick,\n      style: getRootStyles(style),\n    },\n    nativeAttributes,\n    'Card'\n  );\n\n  return (\n    <div ref={__internalRootRef} {...baseProps} {...rootAttributes}>\n      <div className={styles['inner-card']}>\n        {!headerRowEmpty && (\n          <div\n            className={clsx(\n              styles.header,\n              disableHeaderPaddings && styles['no-padding'],\n              !!actions && styles['with-actions']\n            )}\n            style={getHeaderStyles(style)}\n          >\n            <InternalStructuredItem\n              content={header && <div className={clsx(styles['header-inner'], testStyles.header)}>{header}</div>}\n              secondaryContent={\n                description && <div className={clsx(styles.description, testStyles.description)}>{description}</div>\n              }\n              icon={icon && <div className={testStyles.icon}>{icon}</div>}\n              actions={actions}\n              disablePaddings={disableHeaderPaddings}\n              wrapActions={true}\n            />\n          </div>\n        )}\n        {children && (\n          <div\n            className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n            style={getContentStyles(style)}\n          >\n            {children}\n          </div>\n        )}\n        {footer && (\n          <div\n            className={clsx(styles.footer, testStyles.footer, disableFooterPaddings && styles['no-padding'])}\n            style={getFooterStyles(style)}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/link/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1kln3_145",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1kln3_213",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1kln3_246",
-  "variant-primary": "awsui_variant-primary_4c84z_1kln3_281",
-  "variant-info": "awsui_variant-info_4c84z_1kln3_314",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1kln3_349",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1kln3_381",
-  "button": "awsui_button_4c84z_1kln3_416",
-  "color-inverted": "awsui_color-inverted_4c84z_1kln3_488",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1kln3_516",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1kln3_524",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1kln3_531",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1kln3_539",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1kln3_547",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1kln3_555",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1kln3_563",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1kln3_571",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1kln3_579",
-  "in-inline-token": "awsui_in-inline-token_4c84z_1kln3_587",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1kln3_591",
-  "icon": "awsui_icon_4c84z_1kln3_591"
+  "link": "awsui_link_4c84z_wxom0_145",
+  "variant-recovery": "awsui_variant-recovery_4c84z_wxom0_213",
+  "variant-secondary": "awsui_variant-secondary_4c84z_wxom0_246",
+  "variant-primary": "awsui_variant-primary_4c84z_wxom0_281",
+  "variant-info": "awsui_variant-info_4c84z_wxom0_314",
+  "variant-value-large": "awsui_variant-value-large_4c84z_wxom0_349",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_wxom0_381",
+  "button": "awsui_button_4c84z_wxom0_416",
+  "color-inverted": "awsui_color-inverted_4c84z_wxom0_488",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_wxom0_516",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_wxom0_524",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_wxom0_531",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_wxom0_539",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_wxom0_547",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_wxom0_555",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_wxom0_563",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_wxom0_571",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_wxom0_579",
+  "in-inline-token": "awsui_in-inline-token_4c84z_wxom0_587",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_wxom0_591",
+  "icon": "awsui_icon_4c84z_wxom0_591"
 };
   

package/lib/internal/template/link/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* 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 */
-.awsui_link_4c84z_1kln3_145:not(#\9) {
+.awsui_link_4c84z_wxom0_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
-  font-weight: inherit;
+  font-weight: var(--font-weight-link-secondary-clvuxr, inherit);
   letter-spacing: normal;
   text-decoration-line: none;
   text-decoration-color: transparent;
@@ -189,30 +189,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145:not(#\9) {
+  .awsui_link_4c84z_wxom0_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145:not(#\9):active {
+.awsui_link_4c84z_wxom0_145:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145:not(#\9):active, .awsui_link_4c84z_1kln3_145:not(#\9):focus, .awsui_link_4c84z_1kln3_145:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145:not(#\9):active, .awsui_link_4c84z_wxom0_145:not(#\9):focus, .awsui_link_4c84z_wxom0_145:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
@@ -224,34 +224,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-recovery_4c84z_wxom0_213:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
-  font-weight: inherit;
+  font-weight: var(--font-weight-link-secondary-clvuxr, inherit);
   letter-spacing: normal;
   text-decoration-line: none;
   text-decoration-color: transparent;
@@ -261,30 +261,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-secondary_4c84z_wxom0_246:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
@@ -296,30 +296,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-primary_4c84z_wxom0_281:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-info-default-09kbgu, #0073bb));
@@ -333,30 +333,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-info_4c84z_wxom0_314:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-weight-display-l-pgslj8, 700);
   text-decoration-line: underline;
@@ -367,30 +367,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-value-large_4c84z_wxom0_349:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-qwoe3g, #545b64));
@@ -404,30 +404,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_variant-top-navigation_4c84z_wxom0_381:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-button-normal-default-dm02c2, #545b64));
@@ -441,30 +441,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+  .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
+.awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
+.awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):active, .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):focus, .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
@@ -476,51 +476,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+  .awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+.awsui-motion-disabled .awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):focus {
   outline: none;
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):active, .awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):focus, .awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416:not(#\9) {
   font-weight: inherit;
   letter-spacing: normal;
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416.awsui_color-inverted_4c84z_wxom0_488:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
   text-decoration-color: currentColor;
 }
-.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
+.awsui-one-theme .awsui_link_4c84z_wxom0_145.awsui_button_4c84z_wxom0_416.awsui_color-inverted_4c84z_wxom0_488:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_color-inverted_4c84z_wxom0_488:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):not(.awsui_button_4c84z_1kln3_416) {
+.awsui_link_4c84z_wxom0_145.awsui_color-inverted_4c84z_wxom0_488:not(#\9):not(.awsui_button_4c84z_wxom0_416) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
+.awsui_link_4c84z_wxom0_145.awsui_color-inverted_4c84z_wxom0_488:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_wxom0_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -531,7 +531,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-body-s_4c84z_1kln3_516:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-body-s_4c84z_wxom0_516:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -539,14 +539,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-body-m_4c84z_1kln3_524:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-body-m_4c84z_wxom0_524:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xs_4c84z_1kln3_531:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-heading-xs_4c84z_wxom0_531:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
@@ -554,7 +554,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-s_4c84z_1kln3_539:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-heading-s_4c84z_wxom0_539:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -562,7 +562,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-m_4c84z_1kln3_547:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-heading-m_4c84z_wxom0_547:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -570,7 +570,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-l_4c84z_1kln3_555:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-heading-l_4c84z_wxom0_555:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -578,7 +578,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xl_4c84z_1kln3_563:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-heading-xl_4c84z_wxom0_563:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -586,7 +586,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-display-l_4c84z_1kln3_571:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-display-l_4c84z_wxom0_571:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
@@ -594,7 +594,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9lyghn, 2px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_font-size-inherit_4c84z_1kln3_579:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_font-size-inherit_4c84z_wxom0_579:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -602,14 +602,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1kln3_145.awsui_in-inline-token_4c84z_1kln3_587:not(#\9) {
+.awsui_link_4c84z_wxom0_145.awsui_in-inline-token_4c84z_wxom0_587:not(#\9) {
   text-underline-offset: 0.15em;
 }
 
-.awsui_icon-wrapper_4c84z_1kln3_591:not(#\9) {
+.awsui_icon-wrapper_4c84z_wxom0_591:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1kln3_591:not(#\9) {
+.awsui_icon_4c84z_wxom0_591:not(#\9) {
   display: inline-block;
 }