@charset "UTF-8";
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-max-type
*/
/* stylelint-disable-next-line scss/load-partial-extension */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --token-border-radius-x-small: 3px;
  --token-border-radius-small: 5px;
  --token-border-radius-medium: 6px;
  --token-border-radius-large: 8px;
  --token-color-palette-blue-500: #1c345f;
  --token-color-palette-blue-400: #0046d1;
  --token-color-palette-blue-300: #0c56e9;
  --token-color-palette-blue-200: #1060ff;
  --token-color-palette-blue-100: #cce3fe;
  --token-color-palette-blue-50: #f2f8ff;
  --token-color-palette-purple-500: #42215b;
  --token-color-palette-purple-400: #7b00db;
  --token-color-palette-purple-300: #911ced;
  --token-color-palette-purple-200: #a737ff;
  --token-color-palette-purple-100: #ead2fe;
  --token-color-palette-purple-50: #f9f2ff;
  --token-color-palette-green-500: #054220;
  --token-color-palette-green-400: #006619;
  --token-color-palette-green-300: #00781e;
  --token-color-palette-green-200: #008a22;
  --token-color-palette-green-100: #cceeda;
  --token-color-palette-green-50: #f2fbf6;
  --token-color-palette-amber-500: #542800;
  --token-color-palette-amber-400: #803d00;
  --token-color-palette-amber-300: #9e4b00;
  --token-color-palette-amber-200: #bb5a00;
  --token-color-palette-amber-100: #fbeabf;
  --token-color-palette-amber-50: #fff9e8;
  --token-color-palette-red-500: #51130a;
  --token-color-palette-red-400: #940004;
  --token-color-palette-red-300: #c00005;
  --token-color-palette-red-200: #e52228;
  --token-color-palette-red-100: #fbd4d4;
  --token-color-palette-red-50: #fff5f5;
  --token-color-palette-neutral-700: #0c0c0e;
  --token-color-palette-neutral-600: #3b3d45;
  --token-color-palette-neutral-500: #656a76;
  --token-color-palette-neutral-400: #8c909c;
  --token-color-palette-neutral-300: #c2c5cb;
  --token-color-palette-neutral-200: #dedfe3;
  --token-color-palette-neutral-100: #f1f2f3;
  --token-color-palette-neutral-50: #fafafa;
  --token-color-palette-neutral-0: #ffffff;
  --token-color-palette-alpha-300: #3b3d4566;
  --token-color-palette-alpha-200: #656a7633;
  --token-color-palette-alpha-100: #656a761a;
  --token-color-border-primary: #656a7633;
  --token-color-border-faint: #656a761a;
  --token-color-border-strong: #3b3d4566;
  --token-color-border-action: #cce3fe;
  --token-color-border-highlight: #ead2fe;
  --token-color-border-success: #cceeda;
  --token-color-border-warning: #fbeabf;
  --token-color-border-critical: #fbd4d4;
  --token-color-focus-action-internal: #0c56e9;
  --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --token-color-focus-critical-internal: #c00005;
  --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --token-color-foreground-strong: #0c0c0e;
  --token-color-foreground-primary: #3b3d45;
  --token-color-foreground-faint: #656a76;
  --token-color-foreground-high-contrast: #ffffff;
  --token-color-foreground-disabled: #8c909c;
  --token-color-foreground-action: #1060ff;
  --token-color-foreground-action-hover: #0c56e9;
  --token-color-foreground-action-active: #0046d1;
  --token-color-foreground-highlight: #a737ff;
  --token-color-foreground-highlight-on-surface: #911ced;
  --token-color-foreground-highlight-high-contrast: #42215b;
  --token-color-foreground-success: #008a22;
  --token-color-foreground-success-on-surface: #00781e;
  --token-color-foreground-success-high-contrast: #054220;
  --token-color-foreground-warning: #bb5a00;
  --token-color-foreground-warning-on-surface: #9e4b00;
  --token-color-foreground-warning-high-contrast: #542800;
  --token-color-foreground-critical: #e52228;
  --token-color-foreground-critical-on-surface: #c00005;
  --token-color-foreground-critical-high-contrast: #51130a;
  --token-color-page-primary: #ffffff;
  --token-color-page-faint: #fafafa;
  --token-color-surface-primary: #ffffff;
  --token-color-surface-faint: #fafafa;
  --token-color-surface-strong: #f1f2f3;
  --token-color-surface-interactive: #ffffff;
  --token-color-surface-interactive-hover: #f1f2f3;
  --token-color-surface-interactive-active: #dedfe3;
  --token-color-surface-interactive-disabled: #fafafa;
  --token-color-surface-action: #f2f8ff;
  --token-color-surface-highlight: #f9f2ff;
  --token-color-surface-success: #f2fbf6;
  --token-color-surface-warning: #fff9e8;
  --token-color-surface-critical: #fff5f5;
  --token-color-hashicorp-brand: #000000;
  --token-color-boundary-brand: #f24c53;
  --token-color-boundary-foreground: #cf2d32;
  --token-color-boundary-surface: #ffecec;
  --token-color-boundary-border: #fbd7d8;
  --token-color-boundary-gradient-primary-start: #f97076;
  --token-color-boundary-gradient-primary-stop: #db363b;
  --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */
  --token-color-boundary-gradient-faint-stop: #ffecec;
  --token-color-consul-brand: #e03875;
  --token-color-consul-foreground: #d01c5b;
  --token-color-consul-surface: #ffe9f1;
  --token-color-consul-border: #ffcede;
  --token-color-consul-gradient-primary-start: #ff99be;
  --token-color-consul-gradient-primary-stop: #da306e;
  --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */
  --token-color-consul-gradient-faint-stop: #ffe9f1;
  --token-color-hcp-brand: #000000;
  --token-color-nomad-brand: #06d092;
  --token-color-nomad-foreground: #008661;
  --token-color-nomad-surface: #d3fdeb;
  --token-color-nomad-border: #bff3dd;
  --token-color-nomad-gradient-primary-start: #bff3dd;
  --token-color-nomad-gradient-primary-stop: #60dea9;
  --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */
  --token-color-nomad-gradient-faint-stop: #d3fdeb;
  --token-color-packer-brand: #02a8ef;
  --token-color-packer-foreground: #007eb4;
  --token-color-packer-surface: #d4f2ff;
  --token-color-packer-border: #b4e4ff;
  --token-color-packer-gradient-primary-start: #b4e4ff;
  --token-color-packer-gradient-primary-stop: #63d0ff;
  --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */
  --token-color-packer-gradient-faint-stop: #d4f2ff;
  --token-color-terraform-brand: #7b42bc;
  --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */
  --token-color-terraform-foreground: #773cb4;
  --token-color-terraform-surface: #f4ecff;
  --token-color-terraform-border: #ebdbfc;
  --token-color-terraform-gradient-primary-start: #bb8deb;
  --token-color-terraform-gradient-primary-stop: #844fba;
  --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */
  --token-color-terraform-gradient-faint-stop: #f4ecff;
  --token-color-vagrant-brand: #1868f2;
  --token-color-vagrant-foreground: #1c61d8;
  --token-color-vagrant-surface: #d6ebff;
  --token-color-vagrant-border: #c7dbfc;
  --token-color-vagrant-gradient-primary-start: #639cff;
  --token-color-vagrant-gradient-primary-stop: #2e71e5;
  --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */
  --token-color-vagrant-gradient-faint-stop: #d6ebff;
  --token-color-vault-radar-brand: #ffcf25;
  --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */
  --token-color-vault-radar-foreground: #9a6f00;
  --token-color-vault-radar-surface: #fff9cf;
  --token-color-vault-radar-border: #feec7b;
  --token-color-vault-radar-gradient-primary-start: #feec7b;
  --token-color-vault-radar-gradient-primary-stop: #ffe543;
  --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */
  --token-color-vault-radar-gradient-faint-stop: #fff9cf;
  --token-color-vault-secrets-brand: #ffcf25;
  --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
  --token-color-vault-secrets-foreground: #9a6f00;
  --token-color-vault-secrets-surface: #fff9cf;
  --token-color-vault-secrets-border: #feec7b;
  --token-color-vault-secrets-gradient-primary-start: #feec7b;
  --token-color-vault-secrets-gradient-primary-stop: #ffe543;
  --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */
  --token-color-vault-secrets-gradient-faint-stop: #fff9cf;
  --token-color-vault-brand: #ffcf25;
  --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
  --token-color-vault-foreground: #9a6f00;
  --token-color-vault-surface: #fff9cf;
  --token-color-vault-border: #feec7b;
  --token-color-vault-gradient-primary-start: #feec7b;
  --token-color-vault-gradient-primary-stop: #ffe543;
  --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */
  --token-color-vault-gradient-faint-stop: #fff9cf;
  --token-color-waypoint-brand: #14c6cb;
  --token-color-waypoint-foreground: #008196;
  --token-color-waypoint-surface: #e0fcff;
  --token-color-waypoint-border: #cbf1f3;
  --token-color-waypoint-gradient-primary-start: #cbf1f3;
  --token-color-waypoint-gradient-primary-stop: #62d4dc;
  --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */
  --token-color-waypoint-gradient-faint-stop: #e0fcff;
  --token-css-color-transform-direction: 1; /** this is used in the CSS `color-transform` to control the direction of the lightness transformations */
  --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a;
  --token-elevation-low-box-shadow: 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --token-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --token-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --token-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --token-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a;
  --token-surface-base-box-shadow: 0 0 0 1px #656a7633;
  --token-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --token-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --token-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --token-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
  --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
  --token-app-header-height: 60px;
  --token-app-header-home-link-size: 36px;
  --token-app-header-logo-size: 28px;
  --token-app-side-nav-wrapper-border-width: 1px;
  --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200);
  --token-app-side-nav-wrapper-padding-horizontal: 16px;
  --token-app-side-nav-wrapper-padding-vertical: 16px;
  --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px;
  --token-app-side-nav-wrapper-padding-vertical-minimized: 22px;
  --token-app-side-nav-toggle-button-border-radius: 5px;
  --token-app-side-nav-header-home-link-padding: 4px;
  --token-app-side-nav-header-home-link-logo-size: 48px;
  --token-app-side-nav-header-home-link-logo-size-minimized: 32px;
  --token-app-side-nav-header-actions-spacing: 8px;
  --token-app-side-nav-body-list-margin-vertical: 24px;
  --token-app-side-nav-body-list-item-height: 36px;
  --token-app-side-nav-body-list-item-padding-horizontal: 8px;
  --token-app-side-nav-body-list-item-padding-vertical: 4px;
  --token-app-side-nav-body-list-item-spacing-vertical: 2px;
  --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px;
  --token-app-side-nav-body-list-item-border-radius: 5px;
  --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary);
  --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary);
  --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint);
  --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint);
  --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover);
  --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300);
  --token-badge-count-padding-horizontal-small: 8px;
  --token-badge-count-padding-horizontal-medium: 12px;
  --token-badge-count-padding-horizontal-large: 14px;
  --token-badge-height-small: 20px;
  --token-badge-height-medium: 24px;
  --token-badge-height-large: 32px;
  --token-badge-padding-horizontal-small: 6px;
  --token-badge-padding-horizontal-medium: 8px;
  --token-badge-padding-horizontal-large: 8px;
  --token-badge-padding-vertical-small: 2px;
  --token-badge-padding-vertical-medium: 4px;
  --token-badge-padding-vertical-large: 4px;
  --token-badge-gap-small: 4px;
  --token-badge-gap-medium: 4px;
  --token-badge-gap-large: 6px;
  --token-badge-typography-font-size-small: 0.8125rem;
  --token-badge-typography-font-size-medium: 0.8125rem;
  --token-badge-typography-font-size-large: 1rem;
  --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */
  --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */
  --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */
  --token-badge-foreground-color-neutral-filled: #3b3d45;
  --token-badge-foreground-color-neutral-inverted: #ffffff;
  --token-badge-foreground-color-neutral-outlined: #3b3d45;
  --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff;
  --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45;
  --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff;
  --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */
  --token-badge-foreground-color-highlight-inverted: #ffffff;
  --token-badge-foreground-color-highlight-outlined: #a737ff;
  --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */
  --token-badge-foreground-color-success-inverted: #ffffff;
  --token-badge-foreground-color-success-outlined: #008a22;
  --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */
  --token-badge-foreground-color-warning-inverted: #ffffff;
  --token-badge-foreground-color-warning-outlined: #bb5a00;
  --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */
  --token-badge-foreground-color-critical-inverted: #ffffff;
  --token-badge-foreground-color-critical-outlined: #e52228;
  --token-badge-surface-color-neutral-filled: #dedfe3;
  --token-badge-surface-color-neutral-inverted: #656a76;
  --token-badge-surface-color-neutral-outlined: rgba(0, 0, 0, 0);
  --token-badge-surface-color-neutral-dark-mode-filled: #656a76;
  --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa;
  --token-badge-surface-color-neutral-dark-mode-outlined: rgba(0, 0, 0, 0);
  --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */
  --token-badge-surface-color-highlight-inverted: #a737ff;
  --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */
  --token-badge-surface-color-success-inverted: #008a22;
  --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */
  --token-badge-surface-color-warning-inverted: #bb5a00;
  --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */
  --token-badge-surface-color-critical-inverted: #e52228;
  --token-badge-border-radius: 5px;
  --token-badge-icon-size-small: 12px;
  --token-badge-icon-size-medium: 16px;
  --token-badge-icon-size-large: 16px;
  --token-form-character-count-foreground-color: #656a76;
  --token-form-character-count-typography-font-size: 0.8125rem;
  --token-form-character-count-typography-line-height: 1.3846; /** The character-count line-height is the same as the helper-text as per design */
  --token-form-label-color: #0c0c0e; /** deprecated: use `token-form-label-foreground-color` instead */
  --token-form-label-foreground-color: #0c0c0e;
  --token-form-label-typography-font-size: 0.875rem;
  --token-form-label-typography-font-weight: 600;
  --token-form-label-typography-line-height: 1.4286;
  --token-form-legend-color: #0c0c0e; /** deprecated: use `token-form-legend-foreground-color` instead */
  --token-form-legend-foreground-color: #0c0c0e;
  --token-form-legend-typography-font-size: 0.875rem;
  --token-form-legend-typography-font-weight: 600;
  --token-form-legend-typography-line-height: 1.4286;
  --token-form-helper-text-color: #656a76; /** deprecated: use `token-form-helper-text-foreground-color` instead */
  --token-form-helper-text-foreground-color: #656a76;
  --token-form-helper-text-typography-font-size: 0.8125rem;
  --token-form-helper-text-typography-line-height: 1.3846;
  --token-form-indicator-optional-color: #656a76; /** deprecated: use `token-form-indicator-optional-foreground-color` instead */
  --token-form-indicator-optional-foreground-color: #656a76;
  --token-form-indicator-optional-typography-font-size: 0.8125rem;
  --token-form-indicator-optional-typography-line-height: 1.3846;
  --token-form-error-color: #c00005; /** deprecated: use `token-form-error-foreground-color` instead */
  --token-form-error-foreground-color: #c00005;
  --token-form-error-typography-font-size: 0.8125rem;
  --token-form-error-typography-line-height: 1.3846;
  --token-form-error-icon-size: 14px;
  --token-form-checkbox-size: 16px;
  --token-form-checkbox-border-radius: 3px;
  --token-form-checkbox-border-width: 1px;
  --token-form-checkbox-background-image-size: 12px;
  --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */
  --token-form-control-base-foreground-value-color: #0c0c0e;
  --token-form-control-base-foreground-placeholder-color: #656a76;
  --token-form-control-base-surface-color-default: #ffffff;
  --token-form-control-base-surface-color-hover: #f1f2f3;
  --token-form-control-base-border-color-default: #8c909c;
  --token-form-control-base-border-color-hover: #656a76;
  --token-form-control-checked-foreground-color: #ffffff;
  --token-form-control-checked-surface-color-default: #1060ff;
  --token-form-control-checked-surface-color-hover: #0c56e9;
  --token-form-control-checked-border-color-default: #0c56e9;
  --token-form-control-checked-border-color-hover: #0046d1;
  --token-form-control-invalid-border-color-default: #c00005;
  --token-form-control-invalid-border-color-hover: #940004;
  --token-form-control-readonly-foreground-color: #3b3d45;
  --token-form-control-readonly-surface-color: #f1f2f3;
  --token-form-control-readonly-border-color: #656a761a;
  --token-form-control-disabled-foreground-color: #8c909c;
  --token-form-control-disabled-surface-color: #fafafa;
  --token-form-control-disabled-border-color: #656a7633;
  --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */
  --token-form-control-border-radius: 5px;
  --token-form-control-border-width: 1px;
  --token-form-radio-size: 16px;
  --token-form-radio-border-width: 1px;
  --token-form-radio-background-image-size: 12px;
  --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */
  --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */
  --token-form-radiocard-group-gap: 16px;
  --token-form-radiocard-border-width: 1px;
  --token-form-radiocard-border-radius: 6px;
  --token-form-radiocard-content-padding: 24px;
  --token-form-radiocard-control-padding: 8px;
  --token-form-radiocard-transition-duration: 0.2s;
  --token-form-select-background-image-size: 16px;
  --token-form-select-background-image-position-right-x: 7px;
  --token-form-select-background-image-position-top-y: 9px;
  --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */
  --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */
  --token-form-text-input-background-image-size: 16px;
  --token-form-text-input-background-image-position-x: 7px;
  --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */
  --token-form-toggle-width: 32px;
  --token-form-toggle-height: 16px;
  --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */
  --token-form-toggle-border-radius: 3px;
  --token-form-toggle-border-width: 1px;
  --token-form-toggle-background-image-size: 12px;
  --token-form-toggle-background-image-position-x: 2px;
  --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-toggle-transition-duration: 0.2s;
  --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
  --token-form-toggle-thumb-size: 16px;
  --token-icon-tile-border-color-overlay: #656a7633;
  --token-icon-tile-border-color-logo: #656a7633;
  --token-icon-tile-surface-color-overlay: #ffffff;
  --token-pagination-nav-control-height: 36px;
  --token-pagination-nav-control-padding-horizontal: 12px;
  --token-pagination-nav-control-focus-inset: 4px;
  --token-pagination-nav-control-icon-spacing: 6px;
  --token-pagination-nav-indicator-height: 2px;
  --token-pagination-nav-indicator-spacing: 6px;
  --token-pagination-child-spacing-vertical: 8px;
  --token-pagination-child-spacing-horizontal: 20px;
  --token-tabs-tab-height-medium: 36px;
  --token-tabs-tab-height-large: 48px;
  --token-tabs-tab-padding-horizontal-medium: 12px;
  --token-tabs-tab-padding-horizontal-large: 20px;
  --token-tabs-tab-padding-vertical: 0px;
  --token-tabs-tab-border-radius: 5px;
  --token-tabs-tab-focus-inset: 6px;
  --token-tabs-tab-gutter: 6px;
  --token-tabs-indicator-height: 3px;
  --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1);
  --token-tabs-indicator-transition-duration: 0.6s;
  --token-tabs-divider-height: 1px;
  --token-tooltip-border-radius: 5px;
  --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast);
  --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700);
  --token-tooltip-focus-offset: -2px;
  --token-tooltip-max-width: 280px;
  --token-tooltip-padding-horizontal: 12px;
  --token-tooltip-padding-vertical: 8px;
  --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-font-weight-regular: 400;
  --token-typography-font-weight-medium: 500;
  --token-typography-font-weight-semibold: 600;
  --token-typography-font-weight-bold: 700;
  --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */
  --token-typography-display-500-line-height: 1.2666; /** 38px */
  --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */
  --token-typography-display-400-line-height: 1.3333; /** 32px */
  --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */
  --token-typography-display-300-line-height: 1.3333; /** 24px */
  --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */
  --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-200-font-size: 1rem; /** 16px/1rem */
  --token-typography-display-200-line-height: 1.5; /** 24px */
  --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */
  --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-display-100-line-height: 1.3846; /** 18px */
  --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-300-font-size: 1rem; /** 16px/1rem */
  --token-typography-body-300-line-height: 1.5; /** 24px */
  --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */
  --token-typography-body-200-line-height: 1.4286; /** 20px */
  --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-body-100-line-height: 1.3846; /** 18px */
  --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-code-100-line-height: 1.23; /** 16px */
  --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */
  --token-typography-code-200-line-height: 1.125; /** 18px */
  --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-300-font-size: 1rem; /** 16px/1rem */
  --token-typography-code-300-line-height: 1.25; /** 20px */
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-border-primary {
  border: 1px solid var(--token-color-border-primary);
}

.hds-border-faint {
  border: 1px solid var(--token-color-border-faint);
}

.hds-border-strong {
  border: 1px solid var(--token-color-border-strong);
}

.hds-border-action {
  border: 1px solid var(--token-color-border-action);
}

.hds-border-highlight {
  border: 1px solid var(--token-color-border-highlight);
}

.hds-border-success {
  border: 1px solid var(--token-color-border-success);
}

.hds-border-warning {
  border: 1px solid var(--token-color-border-warning);
}

.hds-border-critical {
  border: 1px solid var(--token-color-border-critical);
}

.hds-foreground-strong {
  color: var(--token-color-foreground-strong);
}

.hds-foreground-primary {
  color: var(--token-color-foreground-primary);
}

.hds-foreground-faint {
  color: var(--token-color-foreground-faint);
}

.hds-foreground-high-contrast {
  color: var(--token-color-foreground-high-contrast);
}

.hds-foreground-disabled {
  color: var(--token-color-foreground-disabled);
}

.hds-foreground-action {
  color: var(--token-color-foreground-action);
}

.hds-foreground-action-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-foreground-action-active {
  color: var(--token-color-foreground-action-active);
}

.hds-foreground-highlight {
  color: var(--token-color-foreground-highlight);
}

.hds-foreground-highlight-on-surface {
  color: var(--token-color-foreground-highlight-on-surface);
}

.hds-foreground-highlight-high-contrast {
  color: var(--token-color-foreground-highlight-high-contrast);
}

.hds-foreground-success {
  color: var(--token-color-foreground-success);
}

.hds-foreground-success-on-surface {
  color: var(--token-color-foreground-success-on-surface);
}

.hds-foreground-success-high-contrast {
  color: var(--token-color-foreground-success-high-contrast);
}

.hds-foreground-warning {
  color: var(--token-color-foreground-warning);
}

.hds-foreground-warning-on-surface {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-foreground-warning-high-contrast {
  color: var(--token-color-foreground-warning-high-contrast);
}

.hds-foreground-critical {
  color: var(--token-color-foreground-critical);
}

.hds-foreground-critical-on-surface {
  color: var(--token-color-foreground-critical-on-surface);
}

.hds-foreground-critical-high-contrast {
  color: var(--token-color-foreground-critical-high-contrast);
}

.hds-page-primary {
  background-color: var(--token-color-page-primary);
}

.hds-page-faint {
  background-color: var(--token-color-page-faint);
}

.hds-surface-primary {
  background-color: var(--token-color-surface-primary);
}

.hds-surface-faint {
  background-color: var(--token-color-surface-faint);
}

.hds-surface-strong {
  background-color: var(--token-color-surface-strong);
}

.hds-surface-interactive {
  background-color: var(--token-color-surface-interactive);
}

.hds-surface-interactive-hover {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-surface-interactive-active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-surface-interactive-disabled {
  background-color: var(--token-color-surface-interactive-disabled);
}

.hds-surface-action {
  background-color: var(--token-color-surface-action);
}

.hds-surface-highlight {
  background-color: var(--token-color-surface-highlight);
}

.hds-surface-success {
  background-color: var(--token-color-surface-success);
}

.hds-surface-warning {
  background-color: var(--token-color-surface-warning);
}

.hds-surface-critical {
  background-color: var(--token-color-surface-critical);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-elevation-inset {
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-elevation-low {
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-elevation-mid {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-elevation-high {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-elevation-higher {
  box-shadow: var(--token-elevation-higher-box-shadow);
}

.hds-elevation-overlay {
  box-shadow: var(--token-elevation-overlay-box-shadow);
}

.hds-surface-inset {
  box-shadow: var(--token-surface-inset-box-shadow);
}

.hds-surface-base {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-surface-low {
  box-shadow: var(--token-surface-low-box-shadow);
}

.hds-surface-mid {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-surface-high {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-surface-higher {
  box-shadow: var(--token-surface-higher-box-shadow);
}

.hds-surface-overlay {
  box-shadow: var(--token-surface-overlay-box-shadow);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-focus-ring-action-box-shadow {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-focus-ring-critical-box-shadow {
  box-shadow: var(--token-focus-ring-critical-box-shadow);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-font-family-sans-display {
  font-family: var(--token-typography-font-stack-display);
}

.hds-font-family-sans-text {
  font-family: var(--token-typography-font-stack-text);
}

.hds-font-family-mono-code {
  font-family: var(--token-typography-font-stack-code);
}

.hds-font-weight-regular {
  font-weight: var(--token-typography-font-weight-regular);
}

.hds-font-weight-medium {
  font-weight: var(--token-typography-font-weight-medium);
}

.hds-font-weight-semibold {
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-font-weight-bold {
  font-weight: var(--token-typography-font-weight-bold);
}

.hds-typography-display-500 {
  font-family: var(--token-typography-display-500-font-family);
  font-size: var(--token-typography-display-500-font-size);
  line-height: var(--token-typography-display-500-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-400 {
  font-family: var(--token-typography-display-400-font-family);
  font-size: var(--token-typography-display-400-font-size);
  line-height: var(--token-typography-display-400-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-300 {
  font-family: var(--token-typography-display-300-font-family);
  font-size: var(--token-typography-display-300-font-size);
  line-height: var(--token-typography-display-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-200 {
  font-family: var(--token-typography-display-200-font-family);
  font-size: var(--token-typography-display-200-font-size);
  line-height: var(--token-typography-display-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-100 {
  font-family: var(--token-typography-display-100-font-family);
  font-size: var(--token-typography-display-100-font-size);
  line-height: var(--token-typography-display-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-300 {
  font-family: var(--token-typography-body-300-font-family);
  font-size: var(--token-typography-body-300-font-size);
  line-height: var(--token-typography-body-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-200 {
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-100 {
  font-family: var(--token-typography-body-100-font-family);
  font-size: var(--token-typography-body-100-font-size);
  line-height: var(--token-typography-body-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-100 {
  font-family: var(--token-typography-code-100-font-family);
  font-size: var(--token-typography-code-100-font-size);
  line-height: var(--token-typography-code-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-200 {
  font-family: var(--token-typography-code-200-font-family);
  font-size: var(--token-typography-code-200-font-size);
  line-height: var(--token-typography-code-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-300 {
  font-family: var(--token-typography-code-300-font-family);
  font-size: var(--token-typography-code-300-font-size);
  line-height: var(--token-typography-code-300-line-height);
  margin: 0;
  padding: 0;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
#ember-a11y-refocus-nav-message {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.ember-a11y-refocus-skip-link {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.75);
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}

.ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-accordion {
  display: flex;
  flex-direction: column;
}

.hds-accordion--type-card.hds-accordion--size-small {
  gap: 4px;
}
.hds-accordion--type-card.hds-accordion--size-medium {
  gap: 8px;
}
.hds-accordion--type-card.hds-accordion--size-large {
  gap: 12px;
}

.hds-accordion-item--size-small {
  --hds-accordion-item-toggle-padding: 8px;
  --hds-accordion-item-toggle-padding-left: 8px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 8px;
  --hds-accordion-item-content-padding-bottom: 8px;
  --hds-accordion-item-content-padding-left: 12px;
  --hds-accordion-item-gap: 8px;
  --hds-accordion-item-icon-size: 16px;
}

.hds-accordion-item--size-medium {
  --hds-accordion-item-toggle-padding: 12px;
  --hds-accordion-item-toggle-padding-left: 8px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 12px;
  --hds-accordion-item-content-padding-bottom: 12px;
  --hds-accordion-item-content-padding-left: 12px;
  --hds-accordion-item-gap: 12px;
  --hds-accordion-item-icon-size: 20px;
}

.hds-accordion-item--size-large {
  --hds-accordion-item-toggle-padding: 16px;
  --hds-accordion-item-toggle-padding-left: 12px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 16px;
  --hds-accordion-item-content-padding-bottom: 16px;
  --hds-accordion-item-content-padding-left: 16px;
  --hds-accordion-item-gap: 12px;
  --hds-accordion-item-icon-size: 24px;
}

.hds-accordion-item--type-card {
  --hds-accordion-item-focus-ring-offset: 0;
  background: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
}
.hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) {
  box-shadow: var(--token-surface-mid-box-shadow);
}
.hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static):hover, .hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static).mock-hover {
  box-shadow: var(--token-surface-high-box-shadow);
}
.hds-accordion-item--type-card.hds-accordion-item--contains-interactive, .hds-accordion-item--type-card.hds-accordion-item--is-static {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-accordion-item--type-flush {
  --hds-accordion-item-focus-ring-offset: 3px;
  border-bottom: 1px solid var(--token-color-border-primary);
}
.hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle:hover .hds-accordion-item__toggle, .hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle.mock-hover .hds-accordion-item__toggle {
  background: var(--token-color-surface-interactive-hover);
}
.hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle:active .hds-accordion-item__toggle, .hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle.mock-active .hds-accordion-item__toggle {
  background: var(--token-color-surface-interactive-active);
}

.hds-accordion-item__toggle {
  position: relative;
  display: flex;
  gap: var(--hds-accordion-item-gap);
  align-items: center;
  padding: var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding-left);
}

.hds-accordion-item__button {
  padding: 0;
}
.hds-accordion-item__button:hover {
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .hds-accordion-item__button .hds-icon {
    transition: transform 0.3s;
  }
}
.hds-accordion-item--is-static.hds-accordion-item .hds-accordion-item__button {
  visibility: hidden;
}

.hds-accordion-item__button--parent-does-not-contain-interactive {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1px 0;
  color: var(--token-color-foreground-primary);
  background: transparent;
  border: 0;
}
.hds-accordion-item__button--parent-does-not-contain-interactive::before {
  position: absolute;
  top: var(--hds-accordion-item-focus-ring-offset);
  right: var(--hds-accordion-item-focus-ring-offset);
  bottom: var(--hds-accordion-item-focus-ring-offset);
  left: var(--hds-accordion-item-focus-ring-offset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-accordion-item__button--parent-does-not-contain-interactive:focus::before, .hds-accordion-item__button--parent-does-not-contain-interactive.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-accordion-item__button--parent-does-not-contain-interactive:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-accordion-item__button--parent-does-not-contain-interactive:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-accordion-item__button--parent-does-not-contain-interactive:focus:active::before, .hds-accordion-item__button--parent-does-not-contain-interactive.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-accordion-item__button--parent-contains-interactive {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-accordion-item__button--parent-contains-interactive:focus, .hds-accordion-item__button--parent-contains-interactive.mock-focus {
  box-shadow: none;
}
.hds-accordion-item__button--parent-contains-interactive:focus::before, .hds-accordion-item__button--parent-contains-interactive.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}
.hds-accordion-item__button--parent-contains-interactive:hover, .hds-accordion-item__button--parent-contains-interactive.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}
.hds-accordion-item__button--parent-contains-interactive:focus, .hds-accordion-item__button--parent-contains-interactive.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}
.hds-accordion-item__button--parent-contains-interactive:focus::before, .hds-accordion-item__button--parent-contains-interactive.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}
.hds-accordion-item__button--parent-contains-interactive:active, .hds-accordion-item__button--parent-contains-interactive.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}
.hds-accordion-item__button--parent-contains-interactive:active::before, .hds-accordion-item__button--parent-contains-interactive.mock-active::before {
  border-color: transparent;
}

.hds-accordion-item__button {
  width: var(--hds-accordion-item-icon-size);
  height: var(--hds-accordion-item-icon-size);
}

.hds-accordion-item__button--is-open .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-accordion-item__toggle-content {
  flex: 1;
}

.hds-accordion-item .hds-accordion-item__content {
  padding: var(--hds-accordion-item-content-padding-top) var(--hds-accordion-item-content-padding-right) var(--hds-accordion-item-content-padding-bottom) var(--hds-accordion-item-content-padding-left);
}

.hds-accordion-item--type-flush .hds-accordion-item__content:has(> .hds-accordion--type-flush) {
  padding: 0 var(--hds-accordion-item-content-padding-right) 0 var(--hds-accordion-item-content-padding-left);
  border-top: 1px solid var(--token-color-border-primary);
}
.hds-accordion-item--type-flush .hds-accordion-item__content:has(> .hds-accordion--type-flush) .hds-accordion-item--type-flush:last-child {
  border-bottom: none;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-advanced-table__container {
  position: relative;
  display: grid;
  align-items: start;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--token-border-radius-medium);
}
.hds-advanced-table__container.hds-advanced-table__container--header-is-pinned {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.hds-advanced-table {
  display: grid;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  border-radius: inherit;
  border-spacing: 0;
  isolation: isolate;
}

.hds-advanced-table__th,
.hds-advanced-table__td {
  border: calc(1px / 2) solid var(--token-color-border-primary);
}

.hds-advanced-table__thead,
.hds-advanced-table__tbody {
  border: calc(1px / 2) solid var(--token-color-border-primary);
}

.hds-advanced-table__thead {
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-advanced-table__tbody {
  border-top: none;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-advanced-table__thead {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
.hds-advanced-table__thead .hds-advanced-table__tr {
  display: contents;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th {
  position: relative;
  align-content: center;
  height: 100%;
  padding: 14px 16px 13px 16px;
  color: var(--token-color-foreground-strong);
  text-align: left;
  background-color: var(--token-color-surface-strong);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus {
  position: sticky;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  z-index: 1;
  isolation: isolate;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  border-radius: inherit;
  content: "";
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus.mock-focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus:not(:focus-visible)::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus-visible::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus.mock-focus.mock-active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:hover .hds-advanced-table__th-reorder-handle, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-hover .hds-advanced-table__th-reorder-handle, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus-within .hds-advanced-table__th-reorder-handle {
  visibility: visible;
  opacity: 1;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.hds-advanced-table__th--is-being-dragged .hds-advanced-table__th-reorder-handle {
  opacity: 0;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column ~ .hds-advanced-table__th:not(.hds-advanced-table__th--is-sticky-column) {
  z-index: 0;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column ~ .hds-advanced-table__th:not(.hds-advanced-table__th--is-sticky-column):has(.hds-advanced-table__th-reorder-drop-target--is-dragging-over) {
  z-index: 1;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-being-dragged {
  background-color: var(--token-color-surface-primary);
  opacity: 0.5;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--token-color-palette-blue-300);
  content: "";
  pointer-events: none;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--left::after {
  left: 0;
  transform: translateX(-3px);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--left.hds-advanced-table__th-reorder-drop-target--is-first::after {
  border-radius: calc(var(--token-border-radius-medium) - 1px) 0 0 calc(var(--token-border-radius-medium) - 1px);
  transform: translateX(0);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--right::after {
  right: 0;
  transform: translateX(3px);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--right.hds-advanced-table__th-reorder-drop-target--is-last::after {
  border-radius: 0 calc(var(--token-border-radius-medium) - 1px) calc(var(--token-border-radius-medium) - 1px) 0;
  transform: translateX(0);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle {
  position: absolute;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 24px;
  scroll-margin-right: 24px;
  scroll-margin-left: 24px;
  transform: translateX(12.5px);
  cursor: col-resize;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  content: "";
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.hds-advanced-table__th-resize-handle--resizing::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-active::after {
  width: 3px;
  transform: translateX(-10.5px);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-hover::after {
  background-color: #b1b1b5;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.hds-advanced-table__th-resize-handle--resizing::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-active::after {
  background-color: var(--token-color-palette-blue-300);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-center,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-center {
  text-align: center;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-center .hds-advanced-table__th-content,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-center .hds-advanced-table__th-content {
  justify-content: center;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-right,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-right {
  text-align: right;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-right .hds-advanced-table__th-content,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-right .hds-advanced-table__th-content {
  justify-content: flex-end;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column {
  position: sticky;
  z-index: 7;
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column-pinned:first-of-type {
  left: -1px;
  border-left: calc(1px + 1px) solid var(--token-color-border-primary);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column:not(:has(+ .hds-advanced-table__th--is-sticky-column)) {
  border-right: 3px solid var(--token-color-border-primary);
}
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column.hds-advanced-table__th--is-selectable + .hds-advanced-table__th--is-sticky-column.hds-advanced-table__th--is-sticky-column-pinned {
  left: var(--hds-advanced-table-sticky-column-offset, 0);
  border-left-width: 1px;
}
.hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-advanced-table__thead .hds-advanced-table__scroll-indicator-top {
  top: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to top, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}
.hds-advanced-table__thead.hds-advanced-table__thead--has-resizable-columns .hds-advanced-table__th .hds-advanced-table__th-content-text {
  display: block;
  min-width: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hds-advanced-table__thead.hds-advanced-table__thead--sticky {
  position: sticky;
  top: -1px;
  z-index: 5;
  background-color: var(--token-color-surface-strong);
  border-bottom: calc(3px - 1px / 2) solid var(--token-color-border-primary);
}
.hds-advanced-table__thead.hds-advanced-table__thead--sticky .hds-advanced-table__scroll-indicator-top {
  top: unset;
  bottom: -11px;
}
.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned {
  background-color: var(--token-color-surface-strong);
  border-top: calc(1px / 2 + 1px) solid var(--token-color-border-primary);
  border-bottom: 3px solid var(--token-color-border-primary);
}
.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: 0;
}
.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: 0;
}

.hds-advanced-table__th-content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

.hds-advanced-table__th-reorder-handle {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transform: translateX(-50%) translateY(50%);
  visibility: hidden;
  opacity: 0;
}
.hds-advanced-table__th-reorder-handle .hds-advanced-table__th-reorder-handle__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 16px;
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-advanced-table__th-reorder-handle .hds-icon {
  width: 12px;
  height: 12px;
}
.hds-advanced-table__th-reorder-handle:hover, .hds-advanced-table__th-reorder-handle.mock-hover {
  cursor: grab;
}
.hds-advanced-table__th-reorder-handle:hover .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-hover .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive-hover);
}
.hds-advanced-table__th-reorder-handle:active, .hds-advanced-table__th-reorder-handle.mock-active {
  cursor: grabbing;
}
.hds-advanced-table__th-reorder-handle:active .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-active .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive-hover);
}
.hds-advanced-table__th-reorder-handle:focus, .hds-advanced-table__th-reorder-handle.mock-focus {
  position: absolute;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-advanced-table__th-reorder-handle:focus::before, .hds-advanced-table__th-reorder-handle.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 3px;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-advanced-table__th-reorder-handle:focus:focus::before, .hds-advanced-table__th-reorder-handle:focus.mock-focus::before, .hds-advanced-table__th-reorder-handle.mock-focus:focus::before, .hds-advanced-table__th-reorder-handle.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__th-reorder-handle:focus:focus:active::before, .hds-advanced-table__th-reorder-handle:focus.mock-focus.mock-active::before, .hds-advanced-table__th-reorder-handle.mock-focus:focus:active::before, .hds-advanced-table__th-reorder-handle.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-advanced-table__th-reorder-handle:focus .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-focus .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive);
}

.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon {
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-x-small);
}
.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:hover, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:focus::before, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-focus::before,
.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon .hds-dropdown-toggle-icon--is-open::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  border-radius: var(--token-border-radius-x-small);
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__th-button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-advanced-table__th-button:hover, .hds-advanced-table__th-button.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}
.hds-advanced-table__th-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
}
.hds-advanced-table__th-button:focus::before, .hds-advanced-table__th-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__th-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-advanced-table__th-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__th-button:focus:active::before, .hds-advanced-table__th-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-advanced-table__th-button:active, .hds-advanced-table__th-button.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-advanced-table__th-button--is-sorted {
  color: var(--token-color-foreground-action);
}
.hds-advanced-table__th-button--is-sorted:hover, .hds-advanced-table__th-button--is-sorted.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-advanced-table__th-button--is-sorted:active, .hds-advanced-table__th-button--is-sorted.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-advanced-table__th-button-aria-label-hidden-segment {
  display: none;
}

.hds-advanced-table__th-button--expand {
  align-self: flex-start;
}

.hds-advanced-table__tbody {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
}
.hds-advanced-table__tbody .hds-advanced-table__tr {
  display: contents;
  color: var(--token-color-foreground-primary);
}
.hds-advanced-table--striped .hds-advanced-table__tbody .hds-advanced-table__tr:nth-child(even) .hds-advanced-table__th,
.hds-advanced-table--striped .hds-advanced-table__tbody .hds-advanced-table__tr:nth-child(even) .hds-advanced-table__td {
  background-color: var(--token-color-surface-faint);
}
.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__th:first-child,
.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__td:first-child {
  border-bottom-left-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__td:last-child {
  border-bottom-right-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-advanced-table__tbody .hds-advanced-table__td {
  display: flex;
  gap: 8px;
  align-content: center;
  align-items: flex-start;
  justify-content: flex-start;
}
.hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table__tbody .hds-advanced-table__td {
  height: 100%;
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  text-align: left;
  background-color: var(--token-color-surface-primary);
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus,
.hds-advanced-table__tbody .hds-advanced-table__td:focus,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus {
  position: sticky;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  z-index: 1;
  isolation: isolate;
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  border-radius: inherit;
  content: "";
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th:focus.mock-focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus:not(:focus-visible)::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus:not(:focus-visible)::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus:not(:focus-visible)::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus-visible::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus-visible::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus-visible::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus:active::before, .hds-advanced-table__tbody .hds-advanced-table__th:focus.mock-focus.mock-active::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus:active::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus.mock-focus.mock-active::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus:active::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus.mock-focus.mock-active::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus:active::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-advanced-table--density-short .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-short .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 6px 16px 5px 16px;
}
.hds-advanced-table--density-medium .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-medium .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 14px 16px 13px 16px;
}
.hds-advanced-table--density-tall .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-tall .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 22px 16px 21px 16px;
}
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child,
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + * {
  position: sticky;
  z-index: 4;
}
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child:not(.hds-advanced-table__th--is-selectable),
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + *:not(.hds-advanced-table__th--is-selectable) {
  border-right: 3px solid var(--token-color-border-primary);
}
.hds-advanced-table--sticky-first-column-pinned .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child {
  left: -1px;
  border-left: calc(1px + 1px) solid var(--token-color-border-primary);
}
.hds-advanced-table--sticky-first-column-pinned .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + * {
  left: var(--hds-advanced-table-sticky-column-offset, 0);
  border-left-width: 1px;
}
.hds-advanced-table__tbody .hds-advanced-table__td--align-center {
  justify-content: center;
  text-align: center;
}
.hds-advanced-table__tbody .hds-advanced-table__th--align-center {
  text-align: center;
}
.hds-advanced-table__tbody .hds-advanced-table__th--align-center .hds-advanced-table__th-content {
  justify-content: center;
}
.hds-advanced-table__tbody .hds-advanced-table__td--align-right {
  justify-content: flex-end;
  text-align: right;
}
.hds-advanced-table__tbody .hds-advanced-table__th--align-right {
  text-align: right;
}
.hds-advanced-table__tbody .hds-advanced-table__th--align-right .hds-advanced-table__th-content {
  justify-content: flex-end;
}
.hds-advanced-table--valign-top .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-top .hds-advanced-table__tbody .hds-advanced-table__td {
  align-items: flex-start;
}
.hds-advanced-table--valign-middle .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-middle .hds-advanced-table__tbody .hds-advanced-table__td {
  align-items: center;
}
.hds-advanced-table--valign-baseline .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-baseline .hds-advanced-table__tbody .hds-advanced-table__td {
  /**
    setting to center because in FlexBox, when you set align-items: baseline, it also aligns content to the top - unlike display: table-cell which aligns the content to the center

    we decided as a team to match the Table behavior instead of actually setting align-items to baseline to mitigate the difference.
  */
  align-items: center;
}
.hds-advanced-table__tbody .hds-advanced-table__tr--hidden {
  display: none;
}
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__th:not(:first-child),
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__td:not(:first-child) {
  border-left: 0;
}
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__th:not(:last-child),
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__td:not(:last-child) {
  border-right: 0;
}

.hds-advanced-table--nested .hds-advanced-table__tr .hds-advanced-table__th,
.hds-advanced-table--nested .hds-advanced-table__tr .hds-advanced-table__td {
  background-color: var(--token-color-surface-faint);
}
.hds-advanced-table--nested .hds-advanced-table__tr.hds-advanced-table__tr--parent-row .hds-advanced-table__th,
.hds-advanced-table--nested .hds-advanced-table__tr.hds-advanced-table__tr--parent-row .hds-advanced-table__td {
  background-color: var(--token-color-surface-primary);
}

.hds-advanced-table__checkbox {
  display: block;
  margin: 2px 0;
}

.hds-advanced-table__scroll-indicator {
  position: absolute;
}

.hds-advanced-table__scroll-indicator-left,
.hds-advanced-table__scroll-indicator-right {
  top: 0;
  width: 8px;
}

.hds-advanced-table__scroll-indicator-left {
  background: linear-gradient(to left, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__scroll-indicator-right {
  background: linear-gradient(to right, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__scroll-indicator-bottom {
  height: 8px;
  background: linear-gradient(to bottom, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__th-reorder-drag-preview {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background-color: rgba(204, 227, 254, 0.3);
  border: 5px solid var(--token-color-focus-action-external);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-advanced-table__actions .hds-filter-bar {
  border-bottom: none;
  border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
}

.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: 0;
}
.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: 0;
}

.hds-advanced-table:has(+ .hds-advanced-table__empty-state) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hds-advanced-table:has(+ .hds-advanced-table__empty-state) .hds-advanced-table__thead.hds-advanced-table__thead--sticky {
  border-bottom: none;
}

.hds-advanced-table__empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 16px;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-primary);
  border-bottom-right-radius: var(--token-border-radius-medium);
  border-bottom-left-radius: var(--token-border-radius-medium);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-alert {
  display: flex;
  align-items: flex-start;
}

.hds-alert__icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.hds-alert--type-compact .hds-alert__icon {
  width: 14px;
  height: 14px;
}

.hds-alert__content {
  flex: 1 1 auto;
}

.hds-alert__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}

.hds-alert__description {
  word-break: break-word;
}
.hds-alert__description strong {
  font-weight: var(--token-typography-font-weight-semibold);
}
.hds-alert__description code,
.hds-alert__description pre {
  display: inline;
  padding: 1px 5px;
  font-size: 0.9em;
  font-family: var(--token-typography-code-100-font-family);
  line-height: 1em;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-palette-neutral-200);
  border-radius: var(--token-border-radius-small);
}
.hds-alert__description a:not([class*=hds-]) {
  color: var(--token-color-foreground-strong);
}
.hds-alert__description a:not([class*=hds-]):focus, .hds-alert__description a:not([class*=hds-]):focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}
.hds-alert__description a:not([class*=hds-]):hover {
  color: var(--token-color-foreground-primary);
}
.hds-alert__description a:not([class*=hds-]):active {
  color: var(--token-color-foreground-faint);
}

.hds-alert__actions {
  display: flex;
  gap: 16px;
  align-items: center;
}
.hds-alert__actions > * {
  margin-top: 16px;
}

.hds-alert__dismiss {
  margin-top: 2px;
  margin-left: 16px;
}
.hds-alert--type-compact .hds-alert__dismiss {
  margin-top: 1px;
}

.hds-alert--type-page {
  padding: 16px 48px;
}

.hds-alert--type-inline {
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--token-border-radius-medium);
}

.hds-alert--type-compact .hds-alert__icon {
  margin-top: 2px;
  margin-right: 8px;
}
.hds-alert--type-compact .hds-alert__title {
  display: none;
}
.hds-alert--type-compact .hds-alert__title + .hds-alert__description {
  margin-top: 0;
}

.hds-alert--color-neutral.hds-alert--type-page {
  background-color: var(--token-color-surface-faint);
  box-shadow: 0 1px 0 0 var(--token-color-palette-alpha-300);
}
.hds-alert--color-neutral.hds-alert--type-inline {
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
}
.hds-alert--color-neutral .hds-alert__icon {
  color: var(--token-color-foreground-faint);
}
.hds-alert--color-neutral .hds-alert__title {
  color: var(--token-color-foreground-primary);
}

.hds-alert--color-highlight.hds-alert--type-page {
  background-color: var(--token-color-surface-highlight);
  box-shadow: 0 1px 0 0 var(--token-color-border-highlight);
}
.hds-alert--color-highlight.hds-alert--type-inline {
  background-color: var(--token-color-surface-highlight);
  border-color: var(--token-color-border-highlight);
}
.hds-alert--color-highlight .hds-alert__icon,
.hds-alert--color-highlight .hds-alert__title {
  color: var(--token-color-foreground-highlight-on-surface);
}

.hds-alert--color-success.hds-alert--type-page {
  background-color: var(--token-color-surface-success);
  box-shadow: 0 1px 0 0 var(--token-color-border-success);
}
.hds-alert--color-success.hds-alert--type-inline {
  background-color: var(--token-color-surface-success);
  border-color: var(--token-color-border-success);
}
.hds-alert--color-success .hds-alert__icon,
.hds-alert--color-success .hds-alert__title {
  color: var(--token-color-foreground-success-on-surface);
}

.hds-alert--color-warning.hds-alert--type-page {
  background-color: var(--token-color-surface-warning);
  box-shadow: 0 1px 0 0 var(--token-color-border-warning);
}
.hds-alert--color-warning.hds-alert--type-inline {
  background-color: var(--token-color-surface-warning);
  border-color: var(--token-color-border-warning);
}
.hds-alert--color-warning .hds-alert__icon,
.hds-alert--color-warning .hds-alert__title {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-alert--color-critical.hds-alert--type-page {
  background-color: var(--token-color-surface-critical);
  box-shadow: 0 1px 0 0 var(--token-color-border-critical);
}
.hds-alert--color-critical.hds-alert--type-inline {
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-border-critical);
}
.hds-alert--color-critical .hds-alert__icon,
.hds-alert--color-critical .hds-alert__title {
  color: var(--token-color-foreground-critical-on-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  color: var(--app-footer-foreground-color);
  border-top: 1px solid var(--app-footer-border-top-color);
}

.hds-app-footer__list:not(:has(li)) {
  display: none;
}

.hds-app-footer__list,
.hds-app-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hds-app-footer__status-link.hds-link-inline--icon-leading > .hds-link-inline__icon {
  margin-right: 6px;
}
.hds-app-footer__status-link .hds-icon {
  fill: var(--hds-app-footer-status-icon-color, currentColor);
}

.hds-app-footer__status-link--operational .hds-icon {
  fill: var(--app-footer-status-link-icon-operational-color);
}

.hds-app-footer__status-link--degraded .hds-icon {
  fill: var(--app-footer-status-link-icon-degraded-color);
}

.hds-app-footer__status-link--maintenance .hds-icon {
  fill: var(--app-footer-status-link-icon-maintenance-color);
}

.hds-app-footer__status-link--outage .hds-icon {
  fill: var(--app-footer-status-link-icon-outage-color);
}

.hds-app-footer__link.hds-link-inline--color-secondary,
.hds-app-footer__status-link {
  color: var(--app-footer-link-default-color);
  text-align: right;
}
.hds-app-footer__link.hds-link-inline--color-secondary:hover, .hds-app-footer__link.hds-link-inline--color-secondary.mock-hover,
.hds-app-footer__status-link:hover,
.hds-app-footer__status-link.mock-hover {
  color: var(--app-footer-link-hover-color);
}
.hds-app-footer__link.hds-link-inline--color-secondary:active, .hds-app-footer__link.hds-link-inline--color-secondary.mock-active,
.hds-app-footer__status-link:active,
.hds-app-footer__status-link.mock-active {
  color: var(--app-footer-link-active-color);
}
.hds-app-footer__link.hds-link-inline--color-secondary:focus, .hds-app-footer__link.hds-link-inline--color-secondary.mock-focus, .hds-app-footer__link.hds-link-inline--color-secondary:focus-visible,
.hds-app-footer__status-link:focus,
.hds-app-footer__status-link.mock-focus,
.hds-app-footer__status-link:focus-visible {
  color: var(--app-footer-link-focus-color);
  outline-color: var(--app-footer-link-focus-outline-color);
}

.hds-app-footer__list-item {
  display: flex;
  align-items: center;
}

.hds-app-footer__copyright {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  color: var(--app-footer-copyright-text-color);
}
.hds-app-footer__copyright .hds-icon {
  fill: var(--app-footer-copyright-icon-color);
}

.hds-app-footer--theme-light {
  --app-footer-foreground-color: var(--token-color-foreground-primary);
  --app-footer-border-top-color: var(--token-color-border-primary);
  --app-footer-link-default-color: var(--token-color-foreground-faint);
  --app-footer-link-hover-color: var(--token-color-palette-neutral-600);
  --app-footer-link-active-color: var(--token-color-palette-neutral-700);
  --app-footer-link-focus-color: var(--token-color-foreground-faint);
  --app-footer-link-focus-outline-color: var(--token-color-focus-action-internal);
  --app-footer-copyright-text-color: var(--token-color-foreground-primary);
  --app-footer-copyright-icon-color: var(--token-color-hashicorp-brand);
  --app-footer-status-link-icon-operational-color: var(--token-color-foreground-success);
  --app-footer-status-link-icon-degraded-color: var(--token-color-foreground-warning);
  --app-footer-status-link-icon-maintenance-color: var(--token-color-foreground-warning);
  --app-footer-status-link-icon-outage-color: var(--token-color-foreground-critical);
}

.hds-app-footer--theme-dark {
  --app-footer-foreground-color: #b2b6bd;
  --app-footer-border-top-color: #b2b6bd66;
  --app-footer-link-default-color: #b2b6bd;
  --app-footer-link-hover-color: #d5d7db;
  --app-footer-link-active-color: #efeff1;
  --app-footer-link-focus-color: #b2b6bd;
  --app-footer-link-focus-outline-color: #389aff;
  --app-footer-copyright-text-color: #b2b6bd;
  --app-footer-copyright-icon-color: #fff;
  --app-footer-status-link-icon-operational-color: #009241;
  --app-footer-status-link-icon-degraded-color: #e88c03;
  --app-footer-status-link-icon-maintenance-color: #e88c03;
  --app-footer-status-link-icon-outage-color: #ef3016;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-frame {
  display: grid;
  grid-template-areas: "header header" "sidebar main" "sidebar footer";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto 1fr;
  min-height: 100vh;
}

.hds-app-frame__header {
  z-index: 21;
  grid-area: header;
}
@media (min-height: 480px) {
  .hds-app-frame__header {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
  }
}

.hds-app-frame__sidebar {
  position: sticky;
  top: 0;
  z-index: 20;
  grid-area: sidebar;
  height: 100vh;
  min-height: 100vh;
}
@media (min-height: 480px) {
  .hds-app-frame--has-header-with-sidebar .hds-app-frame__sidebar {
    top: var(--token-app-header-height);
    height: calc(100vh - var(--token-app-header-height));
    min-height: calc(100vh - var(--token-app-header-height));
  }
}

.hds-app-frame__main {
  grid-area: main;
}
.hds-app-frame--has-header-with-sidebar .hds-app-frame__main {
  margin-top: calc(var(--token-app-header-height) * -1);
  padding-top: var(--token-app-header-height);
}

.hds-app-frame__footer {
  grid-area: footer;
}

.hds-app-frame__modals {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.hds-app-frame__modals:empty {
  display: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-header {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-height: var(--token-app-header-height);
  padding: 12px 16px 11px 16px;
  color: var(--token-color-foreground-high-contrast);
  background: var(--token-color-palette-neutral-700);
  border-bottom: 1px solid var(--token-color-palette-neutral-500);
}
.hds-app-header .ember-a11y-refocus-skip-link {
  top: 10px;
  left: 10px;
  z-index: 20;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 10px 4px;
  color: var(--token-color-foreground-action);
  font-size: var(--token-typography-display-200-font-size);
  font-family: var(--token-typography-display-200-font-family);
  line-height: var(--token-typography-display-200-line-height);
  background-color: var(--token-color-surface-faint);
  border-radius: var(--token-border-radius-x-small);
  transform: translateY(-200%);
  transition: 0.6s ease-in-out;
}
.hds-app-header .ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}
.hds-app-header.hds-app-header--is-desktop .hds-app-header__global-actions {
  margin-right: auto;
}
.hds-app-header.hds-app-header--is-mobile .hds-app-header__actions {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  left: 0;
}
.hds-app-header.hds-app-header--is-mobile .hds-app-header__actions {
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 16px;
  overflow: auto;
  background: var(--token-color-palette-neutral-700);
}
.hds-app-header.hds-app-header--is-mobile.hds-app-header--menu-is-closed .hds-app-header__actions {
  display: none;
}
.hds-app-header.hds-app-header--is-mobile.hds-app-header--menu-is-open .hds-app-header__actions {
  height: calc(100vh - var(--token-app-header-height));
}
.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions,
.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions .hds-dropdown,
.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions .hds-dropdown-toggle-button {
  width: 100%;
}
.hds-app-header .hds-app-header__global-actions,
.hds-app-header .hds-app-header__utility-actions {
  display: flex;
  gap: inherit;
  align-items: center;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *),
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *) {
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
  border: 1px solid transparent;
  cursor: pointer;
  border-color: var(--token-color-palette-neutral-500);
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: var(--token-border-radius-small);
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover {
  border-color: var(--token-color-palette-neutral-500);
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-600);
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-color: #bcc7fd;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
  color: var(--token-color-foreground-high-contrast);
  border: none;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
  border-color: var(--token-color-palette-neutral-400);
}
.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled], .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled],
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-palette-neutral-600);
  border-color: var(--token-color-palette-neutral-500);
}

.hds-app-frame:has(.hds-app-side-nav--is-mobile.hds-app-side-nav--is-not-minimized) .hds-app-header > * {
  filter: contrast(0.5) brightness(0.7);
  pointer-events: none;
}

.hds-app-header__home-link {
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
  border: 1px solid transparent;
  cursor: pointer;
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: var(--token-border-radius-small);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  text-decoration: none;
}
.hds-app-header__home-link:hover, .hds-app-header__home-link.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-600);
}
.hds-app-header__home-link:focus, .hds-app-header__home-link.mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-app-header__home-link:focus:focus::before, .hds-app-header__home-link:focus.mock-focus::before, .hds-app-header__home-link.mock-focus:focus::before, .hds-app-header__home-link.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-header__home-link:focus:focus:not(:focus-visible)::before, .hds-app-header__home-link.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-app-header__home-link:focus:focus-visible::before, .hds-app-header__home-link.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-header__home-link:focus:focus:active::before, .hds-app-header__home-link:focus.mock-focus.mock-active::before, .hds-app-header__home-link.mock-focus:focus:active::before, .hds-app-header__home-link.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-app-header__home-link:focus, .hds-app-header__home-link.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
}
.hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
  color: var(--token-color-foreground-high-contrast);
  border: none;
}
.hds-app-header__home-link:focus:focus:not(:focus-visible)::before {
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
}
.hds-app-header__home-link:active, .hds-app-header__home-link.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}
.hds-app-header__home-link:disabled, .hds-app-header__home-link[disabled], .hds-app-header__home-link.mock-disabled, .hds-app-header__home-link:disabled:focus, .hds-app-header__home-link[disabled]:focus, .hds-app-header__home-link.mock-disabled:focus, .hds-app-header__home-link:disabled:hover, .hds-app-header__home-link[disabled]:hover, .hds-app-header__home-link.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-palette-neutral-600);
  border-color: var(--token-color-palette-neutral-500);
}
.hds-app-header__home-link svg {
  width: var(--token-app-header-logo-size);
  height: var(--token-app-header-logo-size);
}

.hds-app-header__actions-content,
.hds-app-header__actions {
  display: flex;
  flex: 1;
  gap: inherit;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
:root {
  --hds-app-side-nav-width-minimized: 16px;
  --hds-app-side-nav-width-expanded: 280px;
  --hds-app-side-nav-width-fixed: var(--hds-app-side-nav-width-expanded);
  --hds-app-side-nav-animation-duration: 200ms;
  --hds-app-side-nav-animation-delay: var(--hds-app-side-nav-animation-duration);
  --hds-app-side-nav-animation-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --hds-app-side-nav-toggle-button-width: 24px;
}

@media (prefers-reduced-motion) {
  :root {
    --hds-app-side-nav-animation-duration: 0;
  }
}
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav {
  position: relative;
  width: var(--hds-app-side-nav-width-fixed);
  height: 100%;
  min-height: 100%;
  isolation: isolate;
}
.hds-app-side-nav.hds-app-side-nav--is-responsive {
  transition: width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}
.hds-app-side-nav.hds-app-side-nav--is-mobile {
  width: var(--hds-app-side-nav-width-minimized);
}
.hds-app-side-nav.hds-app-side-nav--is-desktop.hds-app-side-nav--is-not-minimized {
  width: var(--hds-app-side-nav-width-expanded);
}
.hds-app-side-nav.hds-app-side-nav--is-desktop.hds-app-side-nav--is-minimized {
  width: var(--hds-app-side-nav-width-minimized);
}

.hds-app-side-nav__overlay {
  position: fixed;
  z-index: -1;
  inset: 0;
  background-color: var(--token-color-palette-neutral-700);
  opacity: 0.2;
  transition: opacity var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing) var(--hds-app-side-nav-animation-delay);
}
.hds-app-side-nav--is-minimized .hds-app-side-nav__overlay {
  opacity: 0;
  pointer-events: none;
}
.hds-app-side-nav--is-desktop .hds-app-side-nav__overlay {
  display: none;
}

.hds-app-side-nav__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--token-app-side-nav-color-foreground-primary);
  background: var(--token-app-side-nav-color-surface-primary);
  border-right: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
}
.hds-app-side-nav--is-responsive .hds-app-side-nav__wrapper {
  transition: width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}
.hds-app-side-nav--is-minimized .hds-app-side-nav__wrapper {
  width: var(--hds-app-side-nav-width-minimized);
}
.hds-app-side-nav--is-not-minimized .hds-app-side-nav__wrapper {
  width: var(--hds-app-side-nav-width-expanded);
}

.hds-app-side-nav__wrapper-body {
  flex: 1;
  padding: var(--token-app-side-nav-wrapper-padding-vertical) var(--token-app-side-nav-wrapper-padding-horizontal);
  overflow-x: hidden;
  overflow-y: auto;
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__wrapper-body {
  visibility: hidden !important;
  opacity: 0;
  pointer-events: none;
}
.hds-app-side-nav--is-not-minimized .hds-app-side-nav__wrapper-body {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing) var(--hds-app-side-nav-animation-delay);
}
.hds-app-side-nav--is-animating .hds-app-side-nav__wrapper-body {
  pointer-events: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav__content {
  margin: 0 calc(var(--token-app-side-nav-wrapper-padding-horizontal) * -1);
}
.hds-app-side-nav--is-minimized .hds-app-side-nav__content {
  height: 0;
  overflow: hidden;
}

.hds-app-side-nav__content-panels {
  display: grid;
  grid-template-columns: repeat(5, var(--hds-app-side-nav-width-expanded));
  width: 100%;
}

.hds-app-side-nav__content-panel {
  padding: 0 var(--token-app-side-nav-wrapper-padding-horizontal);
}
.hds-app-side-nav__content-panel[aria-hidden=true] {
  max-height: 0;
  overflow: hidden;
}

.hds-app-side-nav__list-title {
  min-height: var(--token-app-side-nav-body-list-item-height);
  margin-top: var(--token-app-side-nav-body-list-margin-vertical);
  padding: 9px var(--token-app-side-nav-body-list-item-padding-horizontal);
  color: var(--token-app-side-nav-color-foreground-faint);
  overflow-wrap: break-word;
}
.hds-app-side-nav__list-wrapper:first-child .hds-app-side-nav__list-item:first-child > .hds-app-side-nav__list-title {
  margin-top: 0;
}

.hds-app-side-nav__list-wrapper,
.hds-app-side-nav__list {
  margin: 0;
  padding: 0;
}

.hds-app-side-nav__list-item {
  list-style-type: none;
}
.hds-app-side-nav__list-item + .hds-app-side-nav__list-item {
  margin-top: var(--token-app-side-nav-body-list-item-spacing-vertical);
}

.hds-app-side-nav__list-item-link {
  display: flex;
  gap: var(--token-app-side-nav-body-list-item-content-spacing-horizontal);
  align-items: center;
  width: 100%;
  min-height: var(--token-app-side-nav-body-list-item-height);
  padding: var(--token-app-side-nav-body-list-item-padding-vertical) var(--token-app-side-nav-body-list-item-padding-horizontal);
  color: var(--token-app-side-nav-color-foreground-primary);
  text-decoration: none;
  background: transparent;
  border-color: transparent;
  border-width: 0;
  border-radius: var(--token-app-side-nav-body-list-item-border-radius);
}
.hds-app-side-nav__list-item-link:focus, .hds-app-side-nav__list-item-link.mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  z-index: 1;
}
.hds-app-side-nav__list-item-link:focus::before, .hds-app-side-nav__list-item-link.mock-focus::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-app-side-nav__list-item-link:focus:focus::before, .hds-app-side-nav__list-item-link:focus.mock-focus::before, .hds-app-side-nav__list-item-link.mock-focus:focus::before, .hds-app-side-nav__list-item-link.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-side-nav__list-item-link:focus:focus:not(:focus-visible)::before, .hds-app-side-nav__list-item-link.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-app-side-nav__list-item-link:focus:focus-visible::before, .hds-app-side-nav__list-item-link.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-app-side-nav__list-item-link:focus:focus:active::before, .hds-app-side-nav__list-item-link:focus.mock-focus.mock-active::before, .hds-app-side-nav__list-item-link.mock-focus:focus:active::before, .hds-app-side-nav__list-item-link.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-app-side-nav__list-item-link:hover, .hds-app-side-nav__list-item-link.mock-hover {
  background: var(--token-app-side-nav-color-surface-interactive-hover);
  border-color: transparent;
}
.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-strong);
}
.hds-app-side-nav__list-item-link:active, .hds-app-side-nav__list-item-link.mock-active {
  background: var(--token-color-surface-interactive-active);
}
.hds-app-side-nav__list-item-link.active, .hds-app-side-nav__list-item-link.active:hover:focus {
  position: relative;
  background: var(--token-color-surface-strong);
}
.hds-app-side-nav__list-item-link.active::after, .hds-app-side-nav__list-item-link.active:hover:focus::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--token-app-side-nav-wrapper-padding-horizontal) * -1);
  width: 4px;
  background: var(--token-color-foreground-action);
  border-radius: 0 2px 2px 0;
  content: "";
}
.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-color-foreground-action);
}

.hds-app-side-nav__list-item-link--back-link:active, .hds-app-side-nav__list-item-link--back-link.mock-active {
  background: var(--token-app-side-nav-color-surface-primary);
}
.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-primary);
}

.hds-app-side-nav__list-item-text {
  min-width: 0;
  max-width: 100%;
  color: var(--token-color-foreground-strong);
  text-align: left;
  overflow-wrap: break-word;
}

.hds-app-side-nav__list-item-icon-leading {
  flex: none;
}

.hds-app-side-nav__list-item-icon-trailing {
  flex: none;
  margin-left: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav__toggle-button {
  position: absolute;
  top: var(--token-app-side-nav-wrapper-padding-vertical);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: var(--hds-app-side-nav-toggle-button-width);
  height: 36px;
  padding: 0 4px;
  color: var(--token-color-foreground-primary);
  background: none;
  background-color: var(--token-app-side-nav-color-surface-primary);
  border: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left-color: transparent;
  border-top-right-radius: var(--token-app-side-nav-toggle-button-border-radius);
  border-bottom-right-radius: var(--token-app-side-nav-toggle-button-border-radius);
  transform: translateX(var(--hds-app-side-nav-width-expanded));
  cursor: pointer;
  transition: transform var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing), width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}
.hds-app-side-nav__toggle-button::before {
  position: absolute;
  top: calc(var(--token-app-side-nav-toggle-button-border-radius) * -2);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  box-sizing: border-box;
  width: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  height: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  border-bottom: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-bottom-left-radius: var(--token-app-side-nav-toggle-button-border-radius);
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-primary);
  content: "";
}
.hds-app-side-nav__toggle-button::after {
  position: absolute;
  bottom: calc(var(--token-app-side-nav-toggle-button-border-radius) * -2);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  box-sizing: border-box;
  width: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  height: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  border-bottom: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-bottom-left-radius: var(--token-app-side-nav-toggle-button-border-radius);
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-primary);
  transform: scaleY(-1);
  content: "";
}
.hds-app-side-nav__toggle-button:hover, .hds-app-side-nav__toggle-button.mock-hover {
  width: 30px;
  background-color: var(--token-app-side-nav-color-surface-interactive-hover);
}
.hds-app-side-nav__toggle-button:hover::before, .hds-app-side-nav__toggle-button:hover::after, .hds-app-side-nav__toggle-button.mock-hover::before, .hds-app-side-nav__toggle-button.mock-hover::after {
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-interactive-hover);
}
.hds-app-side-nav__toggle-button:active, .hds-app-side-nav__toggle-button.mock-active {
  background-color: var(--token-app-side-nav-color-surface-interactive-active);
}
.hds-app-side-nav__toggle-button:active::before, .hds-app-side-nav__toggle-button:active::after, .hds-app-side-nav__toggle-button.mock-active::before, .hds-app-side-nav__toggle-button.mock-active::after {
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-interactive-active);
}
.hds-app-side-nav__toggle-button:focus-visible, .hds-app-side-nav__toggle-button.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}
.hds-app-side-nav__toggle-button:focus-visible::before, .hds-app-side-nav__toggle-button:focus-visible::after, .hds-app-side-nav__toggle-button.mock-focus::before, .hds-app-side-nav__toggle-button.mock-focus::after {
  display: none;
}
.hds-app-side-nav--is-minimized .hds-app-side-nav__toggle-button {
  transform: translateX(var(--hds-app-side-nav-width-minimized));
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-application-state {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: -moz-fit-content;
  width: fit-content;
}
.hds-application-state.hds-application-state--align-center {
  align-items: center;
  text-align: center;
}
.hds-application-state.hds-application-state--align-center .hds-application-state__header,
.hds-application-state.hds-application-state--align-center .hds-application-state__body,
.hds-application-state.hds-application-state--align-center .hds-application-state__footer {
  width: auto;
}
.hds-application-state.hds-application-state--is-auto-centered {
  margin: 0 auto;
}

.hds-application-state__media {
  margin-bottom: 32px;
}
.hds-application-state__media > * {
  display: block;
  max-width: 100%;
}

.hds-application-state__header {
  display: grid;
  grid-template-areas: "error error" "icon title";
  grid-template-columns: min-content 1fr;
  align-items: center;
  width: 100%;
  max-width: 480px;
  color: var(--token-color-foreground-strong);
}

.hds-application-state__error-code {
  grid-area: error;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.hds-application-state__icon {
  grid-area: icon;
  margin-right: 8px;
  padding-top: 4px;
}

.hds-application-state__title {
  grid-row: 2;
  font-weight: var(--token-typography-font-weight-semibold);
}
.hds-application-state__title:not(.hds-application-state__icon + .hds-application-state__title) {
  grid-column: icon/title;
}

.hds-application-state__body {
  width: 100%;
  max-width: 480px;
  margin: 12px 0 0;
  color: var(--token-color-foreground-primary);
}

.hds-application-state__footer {
  display: flex;
  gap: 16px;
  width: 100%;
  max-width: 480px;
  margin-top: 24px;
}
.hds-application-state__footer > :nth-child(3) {
  margin-left: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--token-badge-border-radius);
}

.hds-badge__icon {
  display: block;
  flex: 0 0 auto;
}

.hds-badge__text {
  flex: 1 0 0;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-font-stack-text);
}

.hds-badge--size-small {
  gap: var(--token-badge-gap-small);
  min-height: var(--token-badge-height-small);
  padding: calc(var(--token-badge-padding-vertical-small) - 1px) calc(var(--token-badge-padding-horizontal-small) - 1px);
}
.hds-badge--size-small .hds-badge__icon {
  width: var(--token-badge-icon-size-small);
  height: var(--token-badge-icon-size-small);
}
.hds-badge--size-small .hds-badge__text {
  font-size: var(--token-badge-typography-font-size-small);
  line-height: var(--token-badge-typography-line-height-small);
}

.hds-badge--size-medium {
  gap: var(--token-badge-gap-medium);
  min-height: var(--token-badge-height-medium);
  padding: calc(var(--token-badge-padding-vertical-medium) - 1px) calc(var(--token-badge-padding-horizontal-medium) - 1px);
}
.hds-badge--size-medium .hds-badge__icon {
  width: var(--token-badge-icon-size-medium);
  height: var(--token-badge-icon-size-medium);
}
.hds-badge--size-medium .hds-badge__text {
  font-size: var(--token-badge-typography-font-size-medium);
  line-height: var(--token-badge-typography-line-height-medium);
}

.hds-badge--size-large {
  gap: var(--token-badge-gap-large);
  min-height: var(--token-badge-height-large);
  padding: calc(var(--token-badge-padding-vertical-large) - 1px) calc(var(--token-badge-padding-horizontal-large) - 1px);
}
.hds-badge--size-large .hds-badge__icon {
  width: var(--token-badge-icon-size-large);
  height: var(--token-badge-icon-size-large);
}
.hds-badge--size-large .hds-badge__text {
  font-size: var(--token-badge-typography-font-size-large);
  line-height: var(--token-badge-typography-line-height-large);
}

.hds-badge--color-neutral.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-neutral-filled);
  background-color: var(--token-badge-surface-color-neutral-filled);
  border-color: transparent;
}
.hds-badge--color-neutral.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-neutral-inverted);
  background-color: var(--token-badge-surface-color-neutral-inverted);
  border-color: transparent;
}
.hds-badge--color-neutral.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-neutral-outlined);
  background-color: var(--token-badge-surface-color-neutral-outlined);
  border-color: var(--token-badge-foreground-color-neutral-outlined);
}

.hds-badge--color-neutral-dark-mode.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-neutral-dark-mode-filled);
  background-color: var(--token-badge-surface-color-neutral-dark-mode-filled);
  border-color: transparent;
}
.hds-badge--color-neutral-dark-mode.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-neutral-dark-mode-inverted);
  background-color: var(--token-badge-surface-color-neutral-dark-mode-inverted);
  border-color: transparent;
}
.hds-badge--color-neutral-dark-mode.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
  background-color: var(--token-badge-surface-color-neutral-dark-mode-outlined);
  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
}

.hds-badge--color-highlight.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-highlight-filled);
  background-color: var(--token-badge-surface-color-highlight-filled);
  border-color: transparent;
}
.hds-badge--color-highlight.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-highlight-inverted);
  background-color: var(--token-badge-surface-color-highlight-inverted);
  border-color: transparent;
}
.hds-badge--color-highlight.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-highlight-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-highlight-outlined);
}

.hds-badge--color-success.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-success-filled);
  background-color: var(--token-badge-surface-color-success-filled);
  border-color: transparent;
}
.hds-badge--color-success.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-success-inverted);
  background-color: var(--token-badge-surface-color-success-inverted);
  border-color: transparent;
}
.hds-badge--color-success.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-success-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-success-outlined);
}

.hds-badge--color-warning.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-warning-filled);
  background-color: var(--token-badge-surface-color-warning-filled);
  border-color: transparent;
}
.hds-badge--color-warning.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-warning-inverted);
  background-color: var(--token-badge-surface-color-warning-inverted);
  border-color: transparent;
}
.hds-badge--color-warning.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-warning-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-warning-outlined);
}

.hds-badge--color-critical.hds-badge--type-filled {
  color: var(--token-badge-foreground-color-critical-filled);
  background-color: var(--token-badge-surface-color-critical-filled);
  border-color: transparent;
}
.hds-badge--color-critical.hds-badge--type-inverted {
  color: var(--token-badge-foreground-color-critical-inverted);
  background-color: var(--token-badge-surface-color-critical-inverted);
  border-color: transparent;
}
.hds-badge--color-critical.hds-badge--type-outlined {
  color: var(--token-badge-foreground-color-critical-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-critical-outlined);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-badge-count {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-font-stack-text);
  border-style: solid;
  border-width: 1px;
}

.hds-badge-count--size-small {
  min-height: var(--token-badge-height-small);
  padding: calc(var(--token-badge-padding-vertical-small) - 1px) calc(var(--token-badge-count-padding-horizontal-small) - 1px);
  font-size: var(--token-badge-typography-font-size-small);
  line-height: var(--token-badge-typography-line-height-small);
  border-radius: calc(var(--token-badge-height-small) / 2);
}

.hds-badge-count--size-medium {
  min-height: var(--token-badge-height-medium);
  padding: calc(var(--token-badge-padding-vertical-medium) - 1px) calc(var(--token-badge-count-padding-horizontal-medium) - 1px);
  font-size: var(--token-badge-typography-font-size-medium);
  line-height: var(--token-badge-typography-line-height-medium);
  border-radius: calc(var(--token-badge-height-medium) / 2);
}

.hds-badge-count--size-large {
  min-height: var(--token-badge-height-large);
  padding: calc(var(--token-badge-padding-vertical-large) - 1px) calc(var(--token-badge-count-padding-horizontal-large) - 1px);
  font-size: var(--token-badge-typography-font-size-large);
  line-height: var(--token-badge-typography-line-height-large);
  border-radius: calc(var(--token-badge-height-large) / 2);
}

.hds-badge-count--color-neutral.hds-badge-count--type-filled {
  color: var(--token-badge-foreground-color-neutral-filled);
  background-color: var(--token-badge-surface-color-neutral-filled);
  border-color: transparent;
}
.hds-badge-count--color-neutral.hds-badge-count--type-inverted {
  color: var(--token-badge-foreground-color-neutral-inverted);
  background-color: var(--token-badge-surface-color-neutral-inverted);
  border-color: transparent;
}
.hds-badge-count--color-neutral.hds-badge-count--type-outlined {
  color: var(--token-badge-foreground-color-neutral-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-neutral-outlined);
}

.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-filled {
  color: var(--token-badge-foreground-color-neutral-dark-mode-filled);
  background-color: var(--token-badge-surface-color-neutral-dark-mode-filled);
  border-color: transparent;
}
.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-inverted {
  color: var(--token-badge-foreground-color-neutral-dark-mode-inverted);
  background-color: var(--token-badge-surface-color-neutral-dark-mode-inverted);
  border-color: transparent;
}
.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-outlined {
  color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
  background-color: transparent;
  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-breadcrumb {
  position: relative;
}

.hds-breadcrumb__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hds-breadcrumb--items-can-wrap .hds-breadcrumb__list {
  flex-wrap: wrap;
}

.hds-breadcrumb__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds-breadcrumb__item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.hds-breadcrumb__list > .hds-breadcrumb__item:not(:last-child)::after {
  padding: 0 8px;
  color: var(--token-color-palette-neutral-300);
  content: "/";
}
.hds-breadcrumb__sublist > .hds-breadcrumb__item + .hds-breadcrumb__item {
  margin-top: 4px;
}

.hds-breadcrumb__item--is-truncation {
  flex: none;
}

.hds-breadcrumb__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  margin: 0 -4px;
  padding: 0 4px;
  color: var(--token-color-foreground-faint);
  background: none;
  border: none;
  border-radius: var(--token-border-radius-small);
  text-decoration-color: transparent;
  cursor: pointer;
  outline-style: solid;
  outline-color: transparent;
}
.hds-breadcrumb__link:hover, .hds-breadcrumb__link.mock-hover {
  color: var(--token-color-palette-neutral-600);
}
.hds-breadcrumb__link:hover > .hds-breadcrumb__text, .hds-breadcrumb__link.mock-hover > .hds-breadcrumb__text {
  text-decoration-color: currentColor;
}
.hds-breadcrumb__link:focus, .hds-breadcrumb__link.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-breadcrumb__link:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-breadcrumb__link:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-breadcrumb__link:focus:active, .hds-breadcrumb__link.mock-focus.mock-active {
  box-shadow: none;
}
.hds-breadcrumb__link:active, .hds-breadcrumb__link.mock-active {
  color: var(--token-color-foreground-secondary);
}
.hds-breadcrumb__link:active > .hds-breadcrumb__text, .hds-breadcrumb__link.mock-active > .hds-breadcrumb__text {
  text-decoration-color: currentColor;
}

.hds-breadcrumb__current {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  margin: 0 -4px;
  padding: 0 4px;
  color: var(--token-color-foreground-strong);
}

.hds-breadcrumb__icon {
  flex: none;
  width: 13px;
  height: 13px;
  margin-right: 6px;
}

.hds-breadcrumb__text {
  padding: calc((28px - 1rem) / 2) 0;
  overflow: hidden;
  font-size: 0.8125rem;
  font-family: var(--token-typography-font-stack-text);
  line-height: 1rem;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;
  text-decoration-color: transparent;
}
.hds-breadcrumb__sublist .hds-breadcrumb__text {
  white-space: normal;
}

.hds-breadcrumb__truncation-toggle {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 -4px;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline: none;
  cursor: pointer;
  outline-style: solid;
  outline-color: transparent;
}
.hds-breadcrumb__truncation-toggle:hover, .hds-breadcrumb__truncation-toggle.mock-hover {
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}
.hds-breadcrumb__truncation-toggle:focus, .hds-breadcrumb__truncation-toggle.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-breadcrumb__truncation-toggle:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-breadcrumb__truncation-toggle:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-breadcrumb__truncation-toggle:focus:active, .hds-breadcrumb__truncation-toggle.mock-focus.mock-active {
  box-shadow: none;
}
.hds-breadcrumb__truncation-toggle:focus, .hds-breadcrumb__truncation-toggle.mock-focus {
  background-color: transparent;
  border: none;
}
.hds-breadcrumb__truncation-toggle:active, .hds-breadcrumb__truncation-toggle.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}

.hds-breadcrumb__truncation-content {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  padding: 6px 12px;
  background-color: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-surface-high-box-shadow);
}
:where(.hds-breadcrumb__truncation-content[popover]) {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
a.hds-button {
  width: -moz-fit-content;
  width: fit-content;
}
a.hds-button:hover, a.hds-button:focus, a.hds-button:active, a.hds-button.mock-hover, a.hds-button.mock-focus, a.hds-button.mock-active {
  text-decoration: underline;
}

.hds-button:disabled, .hds-button[disabled], .hds-button.mock-disabled, .hds-button:disabled:focus, .hds-button[disabled]:focus, .hds-button.mock-disabled:focus, .hds-button:disabled:hover, .hds-button[disabled]:hover, .hds-button.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-button.hds-button--width-full {
  width: 100%;
  max-width: 100%;
}
.hds-button.hds-button--width-full .hds-button__text {
  flex: 0 0 auto;
}
.hds-button:focus, .hds-button.mock-focus {
  box-shadow: none;
}
.hds-button:focus::before, .hds-button.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}

.hds-button__icon {
  display: block;
}

.hds-button__text {
  display: block;
  flex: 1 0 0;
  text-align: center;
}

.hds-button--color-primary {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-palette-blue-300);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-button--color-primary:hover, .hds-button--color-primary.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-300);
  border-color: var(--token-color-palette-blue-400);
  cursor: pointer;
}
.hds-button--color-primary:focus, .hds-button--color-primary.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-focus-action-internal);
}
.hds-button--color-primary:focus::before, .hds-button--color-primary.mock-focus::before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-color: var(--token-color-focus-action-external);
  border-radius: calc(var(--token-border-radius-small) + 3px + 2px);
}
.hds-button--color-primary:active, .hds-button--color-primary.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-400);
  border-color: var(--token-color-palette-blue-400);
  box-shadow: none;
}
.hds-button--color-primary:active::before, .hds-button--color-primary.mock-active::before {
  border-color: transparent;
}

.hds-button--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-button--color-secondary:hover, .hds-button--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}
.hds-button--color-secondary:focus, .hds-button--color-secondary.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}
.hds-button--color-secondary:focus::before, .hds-button--color-secondary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}
.hds-button--color-secondary:active, .hds-button--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}
.hds-button--color-secondary:active::before, .hds-button--color-secondary.mock-active::before {
  border-color: transparent;
}

.hds-button--color-tertiary {
  color: var(--token-color-foreground-action);
  background-color: transparent;
  border-color: transparent;
}
.hds-button--color-tertiary:hover, .hds-button--color-tertiary.mock-hover {
  color: var(--token-color-foreground-action-hover);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}
.hds-button--color-tertiary:focus, .hds-button--color-tertiary.mock-focus {
  color: var(--token-color-foreground-action);
  border-color: var(--token-color-focus-action-internal);
}
.hds-button--color-tertiary:focus::before, .hds-button--color-tertiary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}
.hds-button--color-tertiary:active, .hds-button--color-tertiary.mock-active {
  color: var(--token-color-foreground-action-active);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}
.hds-button--color-tertiary:active::before, .hds-button--color-tertiary.mock-active::before {
  border-color: transparent;
}
.hds-button--color-tertiary:disabled, .hds-button--color-tertiary[disabled], .hds-button--color-tertiary.mock-disabled, .hds-button--color-tertiary:disabled:focus, .hds-button--color-tertiary[disabled]:focus, .hds-button--color-tertiary.mock-disabled:focus, .hds-button--color-tertiary:disabled:hover, .hds-button--color-tertiary[disabled]:hover, .hds-button--color-tertiary.mock-disabled:hover {
  background-color: transparent;
  border-color: transparent;
}
.hds-button--color-tertiary:disabled::before, .hds-button--color-tertiary[disabled]::before, .hds-button--color-tertiary.mock-disabled::before, .hds-button--color-tertiary:disabled:focus::before, .hds-button--color-tertiary[disabled]:focus::before, .hds-button--color-tertiary.mock-disabled:focus::before, .hds-button--color-tertiary:disabled:hover::before, .hds-button--color-tertiary[disabled]:hover::before, .hds-button--color-tertiary.mock-disabled:hover::before {
  border-color: transparent;
}

.hds-button--color-critical {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-foreground-critical-on-surface);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-button--color-critical:hover, .hds-button--color-critical.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-red-300);
  border-color: var(--token-color-palette-red-400);
  cursor: pointer;
}
.hds-button--color-critical:focus, .hds-button--color-critical.mock-focus {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-focus-critical-internal);
}
.hds-button--color-critical:focus::before, .hds-button--color-critical.mock-focus::before {
  border-color: var(--token-color-focus-critical-external);
}
.hds-button--color-critical:active, .hds-button--color-critical.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-red-400);
  border-color: var(--token-color-palette-red-400);
  box-shadow: none;
}
.hds-button--color-critical:active::before, .hds-button--color-critical.mock-active::before {
  border-color: transparent;
}

.hds-button--size-small {
  min-height: 1.75rem;
  padding: 0.375rem 0.6875rem;
}
.hds-button--size-small .hds-button__icon {
  width: 0.75rem;
  height: 0.75rem;
}
.hds-button--size-small .hds-button__text {
  font-size: 0.8125rem;
  line-height: 0.875rem;
}
.hds-button--size-small.hds-button--is-icon-only {
  min-width: 1.75rem;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.hds-button--size-medium {
  min-height: 2.25rem;
  padding: 0.5625rem 0.9375rem;
}
.hds-button--size-medium .hds-button__icon {
  width: 1rem;
  height: 1rem;
}
.hds-button--size-medium .hds-button__text {
  font-size: 0.875rem;
  line-height: 1rem;
}
.hds-button--size-medium.hds-button--is-icon-only {
  min-width: 2.25rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.hds-button--size-large {
  min-height: 3rem;
  padding: 0.6875rem 1.1875rem;
}
.hds-button--size-large .hds-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hds-button--size-large .hds-button__text {
  font-size: 1rem;
  line-height: 1.5rem;
}
.hds-button--size-large.hds-button--is-icon-only {
  min-width: 3rem;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.hds-button--is-inline {
  display: inline-flex;
}

button.hds-button[href] {
  color: white !important;
  background-color: red !important;
  border: none;
}
button.hds-button[href] .hds-button__text, button.hds-button[href]::before {
  display: none;
}
button.hds-button[href]::after {
  content: ' Attention: you’re passing a "href" attribute to the "Hds::Button" component, you should use an "@href" argument.';
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-button-set {
  display: flex;
  gap: 16px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-card__container {
  position: relative;
  background-color: #fff;
  border-radius: var(--token-border-radius-medium);
}

.hds-card__container--level-surface-base {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--level-surface-mid {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--level-surface-high {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--hover-level-surface-base:hover,
.hds-card__container--hover-level-surface-base.mock-hover {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--hover-level-surface-mid:hover,
.hds-card__container--hover-level-surface-mid.mock-hover {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--hover-level-surface-high:hover,
.hds-card__container--hover-level-surface-high.mock-hover {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--active-level-surface-base:active,
.hds-card__container--active-level-surface-base.mock-active {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--active-level-surface-mid:active,
.hds-card__container--active-level-surface-mid.mock-active {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--active-level-surface-high:active,
.hds-card__container--active-level-surface-high.mock-active {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--level-elevation-base {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--level-elevation-mid {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--level-elevation-high {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--hover-level-elevation-base:hover,
.hds-card__container--hover-level-elevation-base.mock-hover {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--hover-level-elevation-mid:hover,
.hds-card__container--hover-level-elevation-mid.mock-hover {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--hover-level-elevation-high:hover,
.hds-card__container--hover-level-elevation-high.mock-hover {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--active-level-elevation-base:active,
.hds-card__container--active-level-elevation-base.mock-active {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--active-level-elevation-mid:active,
.hds-card__container--active-level-elevation-mid.mock-active {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--active-level-elevation-high:active,
.hds-card__container--active-level-elevation-high.mock-active {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--background-neutral-primary {
  background-color: var(--token-color-surface-primary);
}

.hds-card__container--background-neutral-secondary {
  background-color: var(--token-color-surface-faint);
}

.hds-card__container--overflow-hidden {
  overflow: hidden;
}

.hds-card__container--overflow-visible {
  overflow: visible;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-code-block--theme-dark {
  --hds-code-block-color-blue: #2d8eff;
  --hds-code-block-color-cyan: #32fff7;
  --hds-code-block-color-green: #86ff13;
  --hds-code-block-color-orange: #ffa800;
  --hds-code-block-color-purple: #c76cff;
  --hds-code-block-color-red: #ff3b20;
  --hds-code-block-color-foreground-primary: #d5d7db;
  --hds-code-block-color-foreground-faint: #b2b6bd;
  --hds-code-block-color-surface-primary: #0d0e12;
  --hds-code-block-color-surface-faint: #15181e;
  --hds-code-block-color-foreground-success: #009241;
  --hds-code-block-color-foreground-critical: #ef3016;
  --hds-code-block-color-foreground-interactive: #dedfe3;
  --hds-code-block-color-foreground-interactive-hover: #fff;
  --hds-code-block-color-foreground-interactive-active: #f1f2f3;
  --hds-code-block-color-surface-interactive-active: #2b303c;
  --hds-code-block-color-foreground-action: #2b89ff;
  --hds-code-block-color-foreground-action-hover: #389aff;
  --hds-code-block-color-foreground-action-active: #4ca1ff;
  --hds-code-block-color-border-strong: rgba(178, 182, 189, 40%);
  --hds-code-block-color-border-primary: rgba(178, 182, 189, 20%);
  --hds-code-block-color-foreground-selection: #0d0e12;
  --hds-code-block-color-surface-selection: #86ff13;
  --hds-code-block-color-line-highlight: rgba(0, 74, 222, 20%);
  --hds-code-block-color-line-highlight-border: #1555d4;
  --hds-code-block-color-focus-action-internal: #9bc7fd;
  --hds-code-block-color-focus-action-external: #0d69f2;
  --hds-code-block-color-token: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-atrule: var(--hds-code-block-color-blue);
  --hds-code-block-color-code-block-attr-name: var(--hds-code-block-color-blue);
  --hds-code-block-color-attr-value: var(--hds-code-block-color-blue);
  --hds-code-block-color-boolean: var(--hds-code-block-color-purple);
  --hds-code-block-color-builtin: var(--hds-code-block-color-orange);
  --hds-code-block-color-char: var(--hds-code-block-color-orange);
  --hds-code-block-color-class-name: var(--hds-code-block-color-blue);
  --hds-code-block-color-comment: var(--hds-code-block-color-foreground-faint);
  --hds-code-block-color-control: var(--hds-code-block-color-cyan);
  --hds-code-block-color-constant: var(--hds-code-block-color-purple);
  --hds-code-block-color-deleted: var(--hds-code-block-color-red);
  --hds-code-block-color-entity: var(--hds-code-block-color-green);
  --hds-code-block-color-function: var(--hds-code-block-color-blue);
  --hds-code-block-color-important: var(--hds-code-block-color-red);
  --hds-code-block-color-keyword: var(--hds-code-block-color-green);
  --hds-code-block-color-namespace: var(--hds-code-block-color-red);
  --hds-code-block-color-number: var(--hds-code-block-color-purple);
  --hds-code-block-color-operator: var(--hds-code-block-color-cyan);
  --hds-code-block-color-prolog: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-property: var(--hds-code-block-color-blue);
  --hds-code-block-color-punctuation: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-regex: var(--hds-code-block-color-orange);
  --hds-code-block-color-script: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-selector: var(--hds-code-block-color-green);
  --hds-code-block-color-string: var(--hds-code-block-color-orange);
  --hds-code-block-color-symbol: var(--hds-code-block-color-orange);
  --hds-code-block-color-tag: var(--hds-code-block-color-green);
  --hds-code-block-color-url: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-css-token: var(--hds-code-block-color-green);
  --hds-code-block-color-lang-css-atrule: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-css-entity: var(--hds-code-block-color-blue);
  --hds-code-block-color-lang-css-function: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css-property: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css-punctuation: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-css-not-atrule: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-lang-css-selector: var(--hds-code-block-color-blue);
  --hds-code-block-color-lang-css-url: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-js-constant: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-markup-attr-value: var(--hds-code-block-color-yellow);
  --hds-code-block-color-lang-markup-entity-named: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-markup-entity-not-named: var(--hds-code-block-color-green);
}

.hds-code-block .token {
  color: var(--hds-code-block-color-token);
}
.hds-code-block .token.atrule {
  color: var(--hds-code-block-color-atrule);
}
.hds-code-block .token.attr-name {
  color: var(--hds-code-block-color-attr-name);
}
.hds-code-block .token.attr-value {
  color: var(--hds-code-block-color-attr-value);
}
.hds-code-block .token.boolean {
  color: var(--hds-code-block-color-boolean);
}
.hds-code-block .token.builtin {
  color: var(--hds-code-block-color-builtin);
}
.hds-code-block .token.char {
  color: var(--hds-code-block-color-char);
}
.hds-code-block .token.class-name {
  color: var(--hds-code-block-color-class-name);
}
.hds-code-block .token.comment {
  color: var(--hds-code-block-color-comment);
}
.hds-code-block .token.constant {
  color: var(--hds-code-block-color-constant);
}
.hds-code-block .token.deleted {
  color: var(--hds-code-block-color-deleted);
}
.hds-code-block .token.entity {
  color: var(--hds-code-block-color-entity);
}
.hds-code-block .token.function {
  color: var(--hds-code-block-color-function);
}
.hds-code-block .token.important {
  color: var(--hds-code-block-color-important);
}
.hds-code-block .token.keyword {
  color: var(--hds-code-block-color-keyword);
}
.hds-code-block .token.namespace {
  color: var(--hds-code-block-color-namespace);
}
.hds-code-block .token.number {
  color: var(--hds-code-block-color-number);
}
.hds-code-block .token.operator {
  color: var(--hds-code-block-color-operator);
}
.hds-code-block .token.punctuation {
  color: var(--hds-code-block-color-punctuation);
}
.hds-code-block .token.prolog {
  color: var(--hds-code-block-color-prolog);
}
.hds-code-block .token.property {
  color: var(--hds-code-block-color-property);
}
.hds-code-block .token.regex {
  color: var(--hds-code-block-color-regex);
}
.hds-code-block .token.script {
  color: var(--hds-code-block-color-script);
}
.hds-code-block .token.selector {
  color: var(--hds-code-block-color-selector);
}
.hds-code-block .token.string {
  color: var(--hds-code-block-color-string);
}
.hds-code-block .token.symbol {
  color: var(--hds-code-block-color-symbol);
}
.hds-code-block .token.tag {
  color: var(--hds-code-block-color-tag);
}
.hds-code-block .token.url {
  color: var(--hds-code-block-color-url);
}
.hds-code-block .token.variable {
  color: var(--hds-code-block-color-comment);
}
.hds-code-block .language-css {
  color: var(--hds-code-block-color-lang-css);
}
.hds-code-block .language-css .token {
  color: var(--hds-code-block-color-lang-css-token);
}
.hds-code-block .language-css .token.atrule {
  color: var(--hds-code-block-color-lang-css-atrule);
}
.hds-code-block .language-css .token.rule:not(.atrule) {
  color: var(--hds-code-block-color-lang-css-not-atrule);
}
.hds-code-block .language-css .token.entity {
  color: var(--hds-code-block-color-lang-css-entity);
}
.hds-code-block .language-css .token.function {
  color: var(--hds-code-block-color-lang-css-function);
}
.hds-code-block .language-css .token.property {
  color: var(--hds-code-block-color-lang-css-property);
}
.hds-code-block .language-css .token.punctuation {
  color: var(--hds-code-block-color-lang-css-punctuatione);
}
.hds-code-block .language-css .token.selector {
  color: var(--hds-code-block-color-lang-css-selector);
}
.hds-code-block .language-css .token.url {
  color: var(--hds-code-block-color-lang-css-url);
}
.hds-code-block .language-javascript .token.constant {
  color: var(--hds-code-block-color-lang-js-constant);
}
.hds-code-block .language-markup .token.attr-value,
.hds-code-block .language-html .token.attr-value {
  color: var(--hds-code-block-color-lang-markup-attr-value);
}
.hds-code-block .language-markup .token.entity.named-entity,
.hds-code-block .language-html .token.entity.named-entity {
  color: var(--hds-code-block-color-lang-markup-entity-named);
}
.hds-code-block .language-markup .token.entity:not(.named-entity),
.hds-code-block .language-html .token.entity:not(.named-entity) {
  color: var(--hds-code-block-color-lang-markup-entity-not-named);
}

.hds-code-block {
  position: relative;
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-primary);
  border: 1px solid var(--hds-code-block-color-border-strong);
}
.hds-code-block pre,
.hds-code-block code {
  line-height: 1.4286;
  white-space: pre;
  text-align: left;
  text-shadow: none;
  word-wrap: normal;
  word-break: normal;
  word-spacing: normal;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  hyphens: none;
}
@media print {
  .hds-code-block pre,
  .hds-code-block code {
    text-shadow: none;
  }
}

.hds-code-block--is-standalone {
  overflow: hidden;
  border-radius: var(--token-border-radius-medium);
}

.hds-code-block--has-line-wrapping .hds-code-block__code,
.hds-code-block--has-line-wrapping .hds-code-block__code code {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.hds-code-block__title {
  color: var(--hds-code-block-color-foreground-primary);
}

.hds-code-block__description {
  color: var(--hds-code-block-color-foreground-faint);
}

.hds-code-block__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
  background-color: var(--hds-code-block-color-surface-faint);
  border-bottom: 1px solid var(--hds-code-block-color-border-primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.hds-code-block__header:empty {
  display: none;
}
.hds-code-block__header strong {
  font-weight: var(--token-typography-font-weight-semibold);
}
.hds-code-block__header code,
.hds-code-block__header pre {
  display: inline;
  font-size: 0.9em;
  font-family: var(--token-typography-code-100-font-family);
  line-height: 1em;
}
.hds-code-block__header a:not([class*=hds-]) {
  color: var(--hds-code-block-color-foreground-action);
}
.hds-code-block__header a:not([class*=hds-]):focus, .hds-code-block__header a:not([class*=hds-]):focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}
.hds-code-block__header a:not([class*=hds-]):hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-code-block__header a:not([class*=hds-]):active {
  color: var(--token-color-foreground-action-active);
}

.hds-code-block__body {
  position: relative;
  border-radius: inherit;
}

.hds-code-block__code {
  outline-style: solid;
  outline-color: transparent;
  position: relative;
  display: grid;
  margin: 0;
  padding: 16px 0 16px 16px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--token-color-palette-neutral-400) var(--token-color-palette-neutral-500);
  border-radius: inherit;
}
.hds-code-block__code:focus, .hds-code-block__code.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-code-block__code:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-code-block__code:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-code-block__code:focus:active, .hds-code-block__code.mock-focus.mock-active {
  box-shadow: none;
}
.hds-code-block__code ::-moz-selection {
  color: var(--hds-code-block-color-foreground-selection);
  background-color: var(--hds-code-block-color-surface-selection);
}
.hds-code-block__code ::selection {
  color: var(--hds-code-block-color-foreground-selection);
  background-color: var(--hds-code-block-color-surface-selection);
}
.hds-code-block__code code {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 0.8125rem;
  font-family: var(--token-typography-code-200-font-family);
}

.hds-code-block__height-toggle-button,
.hds-code-block__copy-button {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-faint);
  border: 1px solid var(--hds-code-block-color-border-strong);
}
.hds-code-block__height-toggle-button:hover, .hds-code-block__height-toggle-button.mock-hover,
.hds-code-block__copy-button:hover,
.hds-code-block__copy-button.mock-hover {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-primary);
  border-color: var(--hds-code-block-color-border-strong);
}
.hds-code-block__height-toggle-button:active, .hds-code-block__height-toggle-button.mock-active,
.hds-code-block__copy-button:active,
.hds-code-block__copy-button.mock-active {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-interactive-active);
}
.hds-code-block__height-toggle-button:focus, .hds-code-block__height-toggle-button.mock-focus, .hds-code-block__height-toggle-button:focus-visible,
.hds-code-block__copy-button:focus,
.hds-code-block__copy-button.mock-focus,
.hds-code-block__copy-button:focus-visible {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-faint);
  border-color: var(--hds-code-block-color-focus-action-internal);
}
.hds-code-block__height-toggle-button:focus::before, .hds-code-block__height-toggle-button.mock-focus::before, .hds-code-block__height-toggle-button:focus-visible::before,
.hds-code-block__copy-button:focus::before,
.hds-code-block__copy-button.mock-focus::before,
.hds-code-block__copy-button:focus-visible::before {
  border-color: var(--hds-code-block-color-focus-action-external);
}
.hds-code-block__height-toggle-button .hds-icon,
.hds-code-block__copy-button .hds-icon {
  color: var(--hds-code-block-color-foreground-primary);
}

.hds-code-block__copy-button {
  position: absolute;
  top: 11px;
  right: 12px;
}
.hds-code-block__copy-button.hds-copy-button--status-success .hds-icon {
  color: var(--hds-code-block-color-foreground-success);
}
.hds-code-block__copy-button.hds-copy-button--status-error .hds-icon {
  color: var(--hds-code-block-color-foreground-critical);
}

.hds-code-block.line-numbers {
  counter-reset: linenumber;
}
.hds-code-block.line-numbers .hds-code-block__code {
  position: relative;
  padding-left: calc(49px + 16px);
}
.hds-code-block.line-numbers .hds-code-block__code code {
  position: static;
}
.hds-code-block.line-numbers .hds-code-block__overlay-footer {
  margin-left: 49px;
}
.hds-code-block.line-numbers .line-numbers-rows {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 49px;
  min-height: 100%;
  padding: 16px 0;
  border-right: 1px solid var(--hds-code-block-color-border-primary);
  -moz-user-select: none;
       user-select: none;
  pointer-events: none;
}
.hds-code-block.line-numbers .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}
.hds-code-block.line-numbers .line-numbers-rows > span::before {
  display: block;
  padding-right: 16px;
  text-align: right;
  content: counter(linenumber);
}
.hds-code-block.line-numbers .line-highlight {
  left: 0;
}
.hds-code-block .line-highlight {
  position: absolute;
  right: 0;
  left: -16px;
  background-color: var(--hds-code-block-color-line-highlight);
  border: solid var(--hds-code-block-color-line-highlight-border);
  border-width: 1px 0 1px 4px;
  mix-blend-mode: screen;
  pointer-events: none;
}
@media print {
  .hds-code-block .line-highlight {
    /*
     * This will prevent browsers from replacing the background color with white.
     * It's necessary because the element is layered on top of the displayed code.
     */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
.hds-code-block .token.bold {
  font-weight: bold;
}
.hds-code-block .token.italic {
  font-style: italic;
}

.hds-code-block__overlay-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px 10px 16px;
  pointer-events: none;
}
.hds-code-block__overlay-footer > * {
  pointer-events: auto;
}

.hds-code-block--has-overlay-footer .hds-code-block__code::after {
  position: sticky;
  bottom: -16px;
  left: 0;
  display: block;
  height: 48px;
  margin: 0 0 -16px -1000px;
  background: linear-gradient(360deg, #0d0e12 37.07%, rgba(13, 14, 18, 0.25) 100%);
  content: "";
  pointer-events: none;
}
.hds-code-block--has-overlay-footer .line-numbers .line-numbers-rows {
  padding-bottom: 48px;
}
.hds-code-block--has-overlay-footer .line-numbers-rows {
  z-index: 1;
  isolation: isolate;
}

.hds-code-block--is-expanded .hds-code-block__code {
  padding-bottom: 48px;
}
.hds-code-block--is-expanded .hds-code-block__code::after {
  content: none;
}
.hds-code-block--is-expanded .hds-code-block__overlay-footer {
  background: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-code-editor--theme-dark {
  --hds-code-editor-color-border-strong: rgba(178, 182, 189, 40%);
  --hds-code-editor-color-border-primary: rgba(178, 182, 189, 20%);
  --hds-code-editor-color-foreground-primary: #d5d7db;
  --hds-code-editor-color-foreground-faint: #878a8f;
  --hds-code-editor-color-foreground-high-contrast: #fff;
  --hds-code-editor-color-surface-faint: #15181e;
  --hds-code-editor-color-surface-primary: #0d0e12;
  --hds-code-editor-color-surface-interactive-active: #2b303c;
  --hds-code-editor-color-focus-action-internal: #9bc7fd;
  --hds-code-editor-color-focus-action-external: #0d69f2;
}

.hds-code-editor {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--hds-code-editor-color-surface-primary);
  border: 1px solid var(--hds-code-editor-color-border-strong);
}
.hds-code-editor.hds-code-editor--is-standalone {
  border-radius: var(--token-border-radius-medium);
}
.hds-code-editor.hds-code-editor--is-full-screen {
  position: fixed;
  inset: 0;
  z-index: 1000;
  border: none;
  border-radius: 0;
}
.hds-code-editor.hds-code-editor--is-full-screen .hds-code-editor__editor {
  max-height: unset;
}
.hds-code-editor .cm-editor .cm-scroller {
  font-size: 0.8125rem;
  font-family: var(--token-typography-code-200-font-family);
}
.hds-code-editor .hds-code-editor__header {
  display: flex;
  gap: 12px;
  align-items: start;
  padding: 16px;
  background-color: var(--hds-code-editor-color-surface-faint);
  border-bottom: 1px solid var(--hds-code-editor-color-border-primary);
}
.hds-code-editor .hds-code-editor__header-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.hds-code-editor .hds-code-editor__title {
  color: var(--hds-code-editor-color-foreground-primary);
}
.hds-code-editor .hds-code-editor__title + .hds-code-editor__description {
  margin-top: 4px;
}
.hds-code-editor .hds-code-editor__description {
  color: var(--hds-code-editor-color-foreground-faint);
}
.hds-code-editor .hds-code-editor__title + .hds-code-editor__header-generic,
.hds-code-editor .hds-code-editor__description + .hds-code-editor__header-generic {
  margin-top: 12px;
}
.hds-code-editor .hds-code-editor__header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.hds-code-editor .hds-code-editor__header-actions .hds-button {
  outline-offset: 0;
}
.hds-code-editor .hds-code-editor__editor {
  flex-grow: 1;
  overflow: auto;
}
.hds-code-editor .hds-code-editor__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 164px;
  color: var(--hds-code-editor-color-foreground-primary);
  background-color: var(--hds-code-editor-color-surface-primary);
}
.hds-code-editor .hds-button {
  color: var(--hds-code-editor-color-foreground-primary);
  background-color: var(--hds-code-editor-color-surface-faint);
  border: 1px solid var(--hds-code-editor-color-border-strong);
}
.hds-code-editor .hds-button:hover, .hds-code-editor .hds-button.mock-hover, .hds-code-editor .hds-button:focus, .hds-code-editor .hds-button.mock-focus {
  background-color: var(--hds-code-editor-color-surface-primary);
  border-color: var(--hds-code-editor-color-focus-action-internal);
}
.hds-code-editor .hds-button:hover::before, .hds-code-editor .hds-button.mock-hover::before, .hds-code-editor .hds-button:focus::before, .hds-code-editor .hds-button.mock-focus::before {
  border-color: var(--hds-code-editor-color-focus-action-external);
}
.hds-code-editor .hds-button:hover .hds-button__icon, .hds-code-editor .hds-button.mock-hover .hds-button__icon, .hds-code-editor .hds-button:focus .hds-button__icon, .hds-code-editor .hds-button.mock-focus .hds-button__icon {
  color: var(--hds-code-editor-color-foreground-primary);
}
.hds-code-editor .hds-button:active, .hds-code-editor .hds-button.mock-active {
  color: var(--hds-code-editor-color-foreground-primary);
  background-color: var(--hds-code-editor-color-surface-interactive-active);
}
.hds-code-editor .hds-button .hds-button__icon .hds-icon {
  color: var(--hds-code-editor-color-foreground-primary);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-copy-button {
  cursor: pointer;
}
.hds-copy-button .hds-button__icon {
  color: var(--token-color-foreground-action);
}
.hds-copy-button:hover .hds-button__icon, .hds-copy-button.mock-hover .hds-button__icon {
  color: var(--token-color-foreground-action-hover);
}
.hds-copy-button:active .hds-button__icon, .hds-copy-button.mock-active .hds-button__icon {
  color: var(--token-color-foreground-action-active);
}
.hds-copy-button.hds-copy-button--status-success .hds-button__icon {
  color: var(--token-color-foreground-success);
}
.hds-copy-button.hds-copy-button--status-error .hds-button__icon {
  color: var(--token-color-foreground-critical);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-copy-snippet {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px;
  text-align: left;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  cursor: pointer;
}
.hds-copy-snippet::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-copy-snippet:focus::before, .hds-copy-snippet.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-copy-snippet:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-copy-snippet:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-copy-snippet:focus:active::before, .hds-copy-snippet.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-copy-snippet--color-primary {
  color: var(--token-color-foreground-action);
  background-color: transparent;
}
.hds-copy-snippet--color-primary:hover, .hds-copy-snippet--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}
.hds-copy-snippet--color-primary:active, .hds-copy-snippet--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}
.hds-copy-snippet--color-primary.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--color-primary.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}
.hds-copy-snippet--color-primary.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--color-primary.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: transparent;
}
.hds-copy-snippet--color-secondary .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action);
}
.hds-copy-snippet--color-secondary:hover, .hds-copy-snippet--color-secondary.mock-hover {
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}
.hds-copy-snippet--color-secondary:hover .hds-copy-snippet__icon, .hds-copy-snippet--color-secondary.mock-hover .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action-hover);
}
.hds-copy-snippet--color-secondary:active, .hds-copy-snippet--color-secondary.mock-active {
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}
.hds-copy-snippet--color-secondary:active .hds-copy-snippet__icon, .hds-copy-snippet--color-secondary.mock-active .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action-active);
}
.hds-copy-snippet--color-secondary.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--color-secondary.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}
.hds-copy-snippet--color-secondary.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--color-secondary.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}

.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}
.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet__text {
  flex: 1 0 0;
}

.hds-copy-snippet__icon {
  flex: none;
}

.hds-copy-snippet--width-full {
  width: 100%;
  max-width: 100%;
}

.hds-copy-snippet--is-truncated {
  width: 100%;
  max-width: 100%;
}
.hds-copy-snippet--is-truncated .hds-copy-snippet__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
:where(.hds-dialog-primitive__wrapper) {
  position: initial;
  inset: initial;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--token-color-surface-primary);
  border: none;
}

.hds-dialog-primitive__wrapper-header {
  flex: none;
  background: var(--token-color-surface-faint);
  border-bottom: 1px solid var(--token-color-border-primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.hds-dialog-primitive__wrapper-header:not(:has(> *)) {
  display: none;
}

.hds-dialog-primitive__wrapper-body {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.hds-dialog-primitive__wrapper-footer {
  flex: none;
  border-top: 1px solid var(--token-color-border-primary);
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.hds-dialog-primitive__wrapper-footer:not(:has(> *)) {
  display: none;
}

.hds-dialog-primitive__header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px 24px;
  color: var(--token-color-foreground-strong);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-dialog-primitive__icon {
  flex: none;
  align-self: center;
}

.hds-dialog-primitive__title {
  flex-grow: 1;
  margin: 0;
}

.hds-dialog-primitive__tagline {
  margin-bottom: 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dialog-primitive__dismiss {
  align-self: flex-start;
}

.hds-dialog-primitive__description {
  padding: 0 24px 16px;
}

.hds-dialog-primitive__body {
  padding: 24px;
}

.hds-dialog-primitive__footer {
  padding: 16px 24px;
  background: var(--token-color-surface-faint);
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.hds-dialog-primitive__footer .hds-button-set .hds-button--color-tertiary {
  margin-left: auto;
}

.hds-dialog-primitive__overlay {
  position: fixed;
  inset: 0;
  z-index: 49;
  background: var(--token-color-palette-neutral-700);
  opacity: 0.5;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-disclosure-primitive {
  position: relative;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-dismiss-button {
  flex: none;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-dismiss-button:hover::before, .hds-dismiss-button.mock-hover::before {
  background-color: rgba(222, 223, 227, 0.4);
}
.hds-dismiss-button::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-dismiss-button:focus::before, .hds-dismiss-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-dismiss-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-dismiss-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-dismiss-button:focus:active::before, .hds-dismiss-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-dismiss-button:active, .hds-dismiss-button.mock-active {
  color: var(--token-color-foreground-secondary);
}
.hds-dismiss-button:active::before, .hds-dismiss-button.mock-active::before {
  background-color: rgba(222, 223, 227, 0.4);
  border: 1px solid var(--token-color-border-strong);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-dropdown--is-inline {
  display: inline-block;
}
.hds-dropdown--is-inline .hds-dropdown-toggle-icon,
.hds-dropdown--is-inline .hds-dropdown-toggle-button {
  display: inline-flex;
}

.hds-dropdown-toggle-icon {
  position: relative;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  padding: 1px;
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-strong);
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-dropdown-toggle-icon:hover, .hds-dropdown-toggle-icon.mock-hover {
  background-color: var(--token-color-surface-interactive);
  cursor: pointer;
}
.hds-dropdown-toggle-icon:focus, .hds-dropdown-toggle-icon.mock-focus {
  box-shadow: none;
  border-color: var(--token-color-focus-action-internal);
}
.hds-dropdown-toggle-icon:focus::before, .hds-dropdown-toggle-icon.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}
.hds-dropdown-toggle-icon:focus::before, .hds-dropdown-toggle-icon.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}
.hds-dropdown-toggle-icon:active, .hds-dropdown-toggle-icon.mock-active {
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}
.hds-dropdown-toggle-icon:active::before, .hds-dropdown-toggle-icon.mock-active::before {
  border-color: transparent;
}
.hds-dropdown-toggle-icon:disabled, .hds-dropdown-toggle-icon.mock-disabled {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-dropdown-toggle-icon__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--token-border-radius-small) - 2px);
}
.hds-dropdown-toggle-icon__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.hds-dropdown-toggle-icon--size-small .hds-dropdown-toggle-icon__wrapper {
  width: 24px;
  height: 24px;
}
.hds-dropdown-toggle-icon--size-small.hds-dropdown-toggle-icon--has-chevron .hds-icon {
  width: 12px;
  height: 12px;
}

.hds-dropdown-toggle-icon--size-medium .hds-dropdown-toggle-icon__wrapper {
  width: 32px;
  height: 32px;
}

.hds-dropdown-toggle-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-dropdown-toggle-button:focus, .hds-dropdown-toggle-button.mock-focus {
  box-shadow: none;
}
.hds-dropdown-toggle-button:focus::before, .hds-dropdown-toggle-button.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}
.hds-dropdown-toggle-button:disabled, .hds-dropdown-toggle-button.mock-disabled, .hds-dropdown-toggle-button:disabled:focus, .hds-dropdown-toggle-button.mock-disabled:focus, .hds-dropdown-toggle-button:disabled:hover, .hds-dropdown-toggle-button.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-dropdown-toggle-button:disabled .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button:disabled:focus .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled:focus .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled:focus .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled:focus .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button:disabled:hover .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled:hover .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled:hover .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled:hover .hds-dropdown-toggle-button__count {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-strong);
}

.hds-dropdown-toggle-button--size-small {
  min-height: 1.75rem;
  padding: 0.375rem 0.6875rem;
}
.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-button__icon {
  width: 0.75rem;
  height: 0.75rem;
}
.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-button__text {
  font-size: 0.8125rem;
  line-height: 0.875rem;
}
.hds-dropdown-toggle-button--size-small.hds-dropdown-toggle-button--is-icon-only {
  min-width: 1.75rem;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.hds-dropdown-toggle-button--size-medium {
  min-height: 2.25rem;
  padding: 0.5625rem 0.9375rem;
}
.hds-dropdown-toggle-button--size-medium .hds-dropdown-toggle-button__icon {
  width: 1rem;
  height: 1rem;
}
.hds-dropdown-toggle-button--size-medium .hds-dropdown-toggle-button__text {
  font-size: 0.875rem;
  line-height: 1rem;
}
.hds-dropdown-toggle-button--size-medium.hds-dropdown-toggle-button--is-icon-only {
  min-width: 2.25rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.hds-dropdown-toggle-button--size-large {
  min-height: 3rem;
  padding: 0.6875rem 1.1875rem;
}
.hds-dropdown-toggle-button--size-large .hds-dropdown-toggle-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hds-dropdown-toggle-button--size-large .hds-dropdown-toggle-button__text {
  font-size: 1rem;
  line-height: 1.5rem;
}
.hds-dropdown-toggle-button--size-large.hds-dropdown-toggle-button--is-icon-only {
  min-width: 3rem;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.hds-dropdown-toggle-button--size-small {
  padding-right: 0.375rem;
}
.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-chevron .hds-icon {
  width: 12px;
  height: 12px;
}

.hds-dropdown-toggle-button--size-medium {
  padding-right: 0.5625rem;
}

.hds-dropdown-toggle-button--color-primary {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-palette-blue-300);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-dropdown-toggle-button--color-primary:hover, .hds-dropdown-toggle-button--color-primary.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-300);
  border-color: var(--token-color-palette-blue-400);
  cursor: pointer;
}
.hds-dropdown-toggle-button--color-primary:focus, .hds-dropdown-toggle-button--color-primary.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-focus-action-internal);
}
.hds-dropdown-toggle-button--color-primary:focus::before, .hds-dropdown-toggle-button--color-primary.mock-focus::before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-color: var(--token-color-focus-action-external);
  border-radius: calc(var(--token-border-radius-small) + 3px + 2px);
}
.hds-dropdown-toggle-button--color-primary:active, .hds-dropdown-toggle-button--color-primary.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-400);
  border-color: var(--token-color-palette-blue-400);
  box-shadow: none;
}
.hds-dropdown-toggle-button--color-primary:active::before, .hds-dropdown-toggle-button--color-primary.mock-active::before {
  border-color: transparent;
}

.hds-dropdown-toggle-button--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-dropdown-toggle-button--color-secondary:hover, .hds-dropdown-toggle-button--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}
.hds-dropdown-toggle-button--color-secondary:focus, .hds-dropdown-toggle-button--color-secondary.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}
.hds-dropdown-toggle-button--color-secondary:focus::before, .hds-dropdown-toggle-button--color-secondary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}
.hds-dropdown-toggle-button--color-secondary:active, .hds-dropdown-toggle-button--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}
.hds-dropdown-toggle-button--color-secondary:active::before, .hds-dropdown-toggle-button--color-secondary.mock-active::before {
  border-color: transparent;
}

.hds-dropdown-toggle-button--width-full {
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}

.hds-dropdown-toggle-button__text {
  text-align: left;
}

.hds-dropdown-toggle-button__icon {
  flex: none;
}

.hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button__count {
  margin: -3px 0 -3px 0;
}

.hds-dropdown-toggle-chevron {
  margin-left: auto;
  padding-left: 2px;
}
@media (prefers-reduced-motion: no-preference) {
  .hds-dropdown-toggle-chevron .hds-icon-chevron-down {
    transition: transform 0.3s;
  }
}
.hds-dropdown-toggle-icon--is-open .hds-dropdown-toggle-chevron .hds-icon-chevron-down, .hds-dropdown-toggle-button--is-open .hds-dropdown-toggle-chevron .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-dropdown__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  min-width: 200px;
  max-width: 400px;
  background-color: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-surface-high-box-shadow);
}
:where(.hds-dropdown__content[popover]) {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

.hds-dropdown .hds-dropdown__content {
  display: none;
}
.hds-dropdown .hds-dropdown__content[popover]:popover-open {
  display: flex;
}

.hds-dropdown__content--fixed-width {
  min-width: initial;
  max-width: initial;
}

.hds-dropdown__list {
  flex: 1 1 auto;
  margin: 0;
  padding: 4px 0;
  overflow-y: auto;
  list-style: none;
  overscroll-behavior: contain;
}

.hds-dropdown__header,
.hds-dropdown__footer {
  position: relative;
  flex: none;
  padding: 0 8px;
}
.hds-dropdown__header > .hds-link-standalone,
.hds-dropdown__footer > .hds-link-standalone {
  width: initial;
  margin: 4px 0;
  padding: 7px 8px;
}
.hds-dropdown__header > .hds-link-standalone::before,
.hds-dropdown__footer > .hds-link-standalone::before {
  top: 0;
  bottom: 0;
}
.hds-dropdown__header > .hds-button,
.hds-dropdown__header > .hds-form-text-input,
.hds-dropdown__footer > .hds-button,
.hds-dropdown__footer > .hds-form-text-input {
  margin: 8px 0;
}
.hds-dropdown__header > .hds-button-set,
.hds-dropdown__footer > .hds-button-set {
  gap: 8px;
  margin: 8px 0;
}

.hds-dropdown__header--with-divider {
  border-bottom: 1px solid var(--token-color-border-primary);
}

.hds-dropdown__footer--with-divider {
  border-top: 1px solid var(--token-color-border-primary);
}

.hds-dropdown-list-item__copy-item-title {
  padding: 2px 0 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dropdown-list-item--variant-copy-item {
  width: 100%;
  padding: 10px 16px 12px;
}

.hds-dropdown-list-item--variant-description {
  padding: 2px 16px 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dropdown-list-item--variant-generic {
  padding-right: 16px;
  padding-left: 16px;
}

.hds-dropdown-list-item--variant-interactive,
.hds-dropdown-list-item--variant-checkmark {
  position: relative;
  min-height: 36px;
  isolation: isolate;
}
.hds-dropdown-list-item--variant-interactive button,
.hds-dropdown-list-item--variant-checkmark button {
  width: 100%;
  background-color: transparent;
}
.hds-dropdown-list-item--variant-interactive button:hover,
.hds-dropdown-list-item--variant-checkmark button:hover {
  cursor: pointer;
}
.hds-dropdown-list-item--variant-interactive a,
.hds-dropdown-list-item--variant-interactive button,
.hds-dropdown-list-item--variant-checkmark a,
.hds-dropdown-list-item--variant-checkmark button {
  display: flex;
  align-items: flex-start;
  padding: 7px 9px 7px 15px;
  text-decoration: none;
  border: 1px solid transparent;
  outline-style: solid;
  outline-color: transparent;
}
.hds-dropdown-list-item--variant-interactive a::before,
.hds-dropdown-list-item--variant-interactive button::before,
.hds-dropdown-list-item--variant-checkmark a::before,
.hds-dropdown-list-item--variant-checkmark button::before {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 4px;
  z-index: -1;
  width: 2px;
  border-radius: 1px;
  content: "";
}
.hds-dropdown-list-item--variant-interactive a::after,
.hds-dropdown-list-item--variant-interactive button::after,
.hds-dropdown-list-item--variant-checkmark a::after,
.hds-dropdown-list-item--variant-checkmark button::after {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 10px;
  z-index: -1;
  border-radius: var(--token-border-radius-small);
  content: "";
}
.hds-dropdown-list-item--variant-interactive a:hover, .hds-dropdown-list-item--variant-interactive a.mock-hover,
.hds-dropdown-list-item--variant-interactive button:hover,
.hds-dropdown-list-item--variant-interactive button.mock-hover,
.hds-dropdown-list-item--variant-checkmark a:hover,
.hds-dropdown-list-item--variant-checkmark a.mock-hover,
.hds-dropdown-list-item--variant-checkmark button:hover,
.hds-dropdown-list-item--variant-checkmark button.mock-hover {
  color: var(--current-color-hover);
}
.hds-dropdown-list-item--variant-interactive a:hover::before, .hds-dropdown-list-item--variant-interactive a.mock-hover::before,
.hds-dropdown-list-item--variant-interactive button:hover::before,
.hds-dropdown-list-item--variant-interactive button.mock-hover::before,
.hds-dropdown-list-item--variant-checkmark a:hover::before,
.hds-dropdown-list-item--variant-checkmark a.mock-hover::before,
.hds-dropdown-list-item--variant-checkmark button:hover::before,
.hds-dropdown-list-item--variant-checkmark button.mock-hover::before {
  background-color: currentColor;
}
.hds-dropdown-list-item--variant-interactive a:focus, .hds-dropdown-list-item--variant-interactive a.mock-focus,
.hds-dropdown-list-item--variant-interactive button:focus,
.hds-dropdown-list-item--variant-interactive button.mock-focus,
.hds-dropdown-list-item--variant-checkmark a:focus,
.hds-dropdown-list-item--variant-checkmark a.mock-focus,
.hds-dropdown-list-item--variant-checkmark button:focus,
.hds-dropdown-list-item--variant-checkmark button.mock-focus {
  color: var(--current-color-focus);
}
.hds-dropdown-list-item--variant-interactive a:focus::after, .hds-dropdown-list-item--variant-interactive a.mock-focus::after,
.hds-dropdown-list-item--variant-interactive button:focus::after,
.hds-dropdown-list-item--variant-interactive button.mock-focus::after,
.hds-dropdown-list-item--variant-checkmark a:focus::after,
.hds-dropdown-list-item--variant-checkmark a.mock-focus::after,
.hds-dropdown-list-item--variant-checkmark button:focus::after,
.hds-dropdown-list-item--variant-checkmark button.mock-focus::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}
.hds-dropdown-list-item--variant-interactive a:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-interactive button:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-checkmark a:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-checkmark button:focus:not(:focus-visible)::after {
  background-color: transparent;
  box-shadow: none;
}
.hds-dropdown-list-item--variant-interactive a:focus-visible,
.hds-dropdown-list-item--variant-interactive button:focus-visible,
.hds-dropdown-list-item--variant-checkmark a:focus-visible,
.hds-dropdown-list-item--variant-checkmark button:focus-visible {
  color: var(--current-color-focus);
}
.hds-dropdown-list-item--variant-interactive a:focus-visible::after,
.hds-dropdown-list-item--variant-interactive button:focus-visible::after,
.hds-dropdown-list-item--variant-checkmark a:focus-visible::after,
.hds-dropdown-list-item--variant-checkmark button:focus-visible::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}
.hds-dropdown-list-item--variant-interactive a:focus:active::after, .hds-dropdown-list-item--variant-interactive a:focus-visible:active::after, .hds-dropdown-list-item--variant-interactive a.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-interactive button:focus:active::after,
.hds-dropdown-list-item--variant-interactive button:focus-visible:active::after,
.hds-dropdown-list-item--variant-interactive button.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-checkmark a:focus:active::after,
.hds-dropdown-list-item--variant-checkmark a:focus-visible:active::after,
.hds-dropdown-list-item--variant-checkmark a.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-checkmark button:focus:active::after,
.hds-dropdown-list-item--variant-checkmark button:focus-visible:active::after,
.hds-dropdown-list-item--variant-checkmark button.mock-focus.mock-active::after {
  left: 10px;
  background-color: var(--current-background-color);
  box-shadow: none;
}
.hds-dropdown-list-item--variant-interactive a:active, .hds-dropdown-list-item--variant-interactive a.mock-active,
.hds-dropdown-list-item--variant-interactive button:active,
.hds-dropdown-list-item--variant-interactive button.mock-active,
.hds-dropdown-list-item--variant-checkmark a:active,
.hds-dropdown-list-item--variant-checkmark a.mock-active,
.hds-dropdown-list-item--variant-checkmark button:active,
.hds-dropdown-list-item--variant-checkmark button.mock-active {
  color: var(--current-color-active);
}
.hds-dropdown-list-item--variant-interactive a:active::before, .hds-dropdown-list-item--variant-interactive a.mock-active::before,
.hds-dropdown-list-item--variant-interactive button:active::before,
.hds-dropdown-list-item--variant-interactive button.mock-active::before,
.hds-dropdown-list-item--variant-checkmark a:active::before,
.hds-dropdown-list-item--variant-checkmark a.mock-active::before,
.hds-dropdown-list-item--variant-checkmark button:active::before,
.hds-dropdown-list-item--variant-checkmark button.mock-active::before {
  background-color: currentColor;
}

.hds-dropdown-list-item__interactive-icon {
  display: block;
  margin-top: 2px;
}

.hds-dropdown-list-item__interactive-icon--leading {
  margin-right: 8px;
}

.hds-dropdown-list-item__interactive-icon--trailing {
  margin-left: 8px;
}

.hds-dropdown-list-item__interactive-text {
  display: block;
  flex: 1;
  text-align: left;
}
.hds-dropdown-list-item__interactive-text .hds-badge {
  vertical-align: bottom;
}

.hds-dropdown-list-item--color-action a,
.hds-dropdown-list-item--color-action button {
  color: var(--token-color-foreground-primary);
  --current-color-hover: var(--token-color-foreground-action-hover);
  --current-color-focus: var(--token-color-foreground-action-active);
  --current-color-active: var(--token-color-foreground-action-active);
}
.hds-dropdown-list-item--color-action a::after,
.hds-dropdown-list-item--color-action button::after {
  --current-focus-ring-box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-dropdown-list-item--color-critical a,
.hds-dropdown-list-item--color-critical button {
  color: var(--token-color-foreground-critical);
  --current-color-hover: var(--token-color-palette-red-300);
  --current-color-focus: var(--token-color-palette-red-400);
  --current-color-active: var(--token-color-palette-red-400);
}
.hds-dropdown-list-item--color-critical a::after,
.hds-dropdown-list-item--color-critical button::after {
  --current-background-color: var(--token-color-surface-critical);
  --current-focus-ring-box-shadow: var(--token-focus-ring-critical-box-shadow);
}

.hds-dropdown-list-item__interactive-loading-wrapper {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 16px;
}
.hds-dropdown-list-item__interactive-loading-wrapper .hds-dropdown-list-item__interactive-text {
  color: var(--token-color-foreground-faint);
}
.hds-dropdown-list-item__interactive-loading-wrapper .hds-dropdown-list-item__interactive-icon {
  color: var(--token-color-foreground-primary);
}

.hds-dropdown-list-item--variant-separator {
  position: relative;
  width: 100%;
  height: 4px;
}
.hds-dropdown-list-item--variant-separator::before {
  position: absolute;
  right: 6px;
  bottom: 0;
  left: 6px;
  border-bottom: 1px solid var(--token-color-border-primary);
  content: "";
}

.hds-dropdown-list-item--variant-title {
  padding: 10px 16px 4px;
  color: var(--token-color-foreground-strong);
}

.hds-dropdown-list-item--variant-checkmark-selected .hds-dropdown-list-item__checkmark {
  color: var(--token-color-foreground-action);
}

.hds-dropdown-list-item__checkmark {
  display: flex;
  width: 16px;
  height: 20px;
  margin-left: 8px;
}

.hds-dropdown-list-item__checkmark-icon {
  align-self: center;
}

.hds-dropdown-list-item__interactive[disabled],
.hds-dropdown-list-item__interactive[disabled]:hover {
  color: var(--token-color-foreground-disabled);
  cursor: not-allowed;
}

.hds-dropdown-list-item--variant-checkbox,
.hds-dropdown-list-item--variant-radio {
  display: flex;
  align-items: self-start;
  padding: 8px 16px;
}
.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 8px;
}
.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__icon, .hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__count, .hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__text-content,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__icon,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__count,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__text-content {
  color: var(--token-color-foreground-disabled);
}
.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__label,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__label {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  color: var(--token-color-foreground-primary);
}
.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__icon,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__icon {
  margin-top: 2px;
  margin-right: 4px;
}

.hds-dropdown-list-item__count {
  margin-left: auto;
  padding-left: 8px;
  color: var(--token-color-foreground-faint);
  line-height: 20px;
}

.hds-dropdown-list-item--variant-checkmark .hds-badge,
.hds-dropdown-list-item--variant-checkbox .hds-badge,
.hds-dropdown-list-item--variant-radio .hds-badge {
  vertical-align: bottom;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-filter-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__applied-filters-list,
.hds-filter-bar__applied-filters {
  display: contents;
}

.hds-filter-bar__applied-filters-list__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.hds-filter-bar__actions__right {
  margin-left: auto;
}

.hds-filter-bar__search.hds-form-text-input {
  --token-form-control-padding: 3px;
  max-width: 320px;
  font-size: var(--token-typography-body-100-font-size);
}

.hds-filter-bar__filters-dropdown {
  --filter-bar-filters-dropdown-footer-height: 45px;
}

.hds-filter-bar__filters-dropdown .hds-dropdown__list,
.hds-filter-bar__filters-dropdown .hds-dropdown-list-item {
  padding: 0;
}

.hds-filter-bar__tabs {
  display: flex;
}

.hds-filter-bar__tabs__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 50%;
  max-height: calc(var(--filter-bar-filters-dropdown-height) - var(--filter-bar-filters-dropdown-footer-height));
  padding: 8px;
  overflow-y: auto;
  list-style: none;
  background-color: var(--token-color-surface-faint);
  border-right: 1px solid var(--token-color-border-primary);
  border-top-left-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__tabs__tab {
  list-style: none;
}

.hds-filter-bar__tabs__tab__button {
  outline-style: solid;
  outline-color: transparent;
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  color: var(--token-color-foreground-primary);
  text-align: left;
  background-color: transparent;
  border: none;
  border-radius: var(--token-border-radius-x-small);
}
.hds-filter-bar__tabs__tab__button:focus, .hds-filter-bar__tabs__tab__button.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-filter-bar__tabs__tab__button:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-filter-bar__tabs__tab__button:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-filter-bar__tabs__tab__button:focus:active, .hds-filter-bar__tabs__tab__button.mock-focus.mock-active {
  box-shadow: none;
}
.hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab__button:hover {
  background-color: var(--token-color-surface-interactive-hover);
  cursor: pointer;
}
.hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab__button:active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-filter-bar__tabs__tab__text {
  flex: 1;
}

.hds-filter-bar__tabs__tab__icon {
  flex-shrink: 0;
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button {
  position: relative;
  color: var(--token-color-foreground-action);
  background-color: var(--token-color-surface-strong);
}
.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button::before {
  position: absolute;
  top: 6px;
  left: 4px;
  width: 2px;
  height: calc(100% - 12px);
  background-color: var(--token-color-foreground-action);
  border-radius: 1px;
  content: "";
}
.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:hover {
  color: var(--token-color-palette-blue-400);
  background-color: var(--token-color-palette-neutral-200);
}
.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-hover::before, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:hover::before {
  background-color: var(--token-color-palette-blue-400);
}
.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:active {
  color: var(--token-color-palette-blue-500);
  background-color: var(--token-color-palette-neutral-300);
}
.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-active::before, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:active::before {
  background-color: var(--token-color-palette-blue-500);
}

.hds-filter-bar__tabs__panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
  max-height: calc(var(--filter-bar-filters-dropdown-height) - var(--filter-bar-filters-dropdown-footer-height));
  padding: 16px 0;
  overflow-y: auto;
  background-color: var(--token-color-surface-primary);
  border-top-right-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__filter-group .hds-form-field--layout-flag {
  padding: 8px 12px;
}

.hds-filter-bar__filter-group__search {
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid var(--token-color-border-primary);
}

.hds-filter-bar__filter-group__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  border: none;
  overscroll-behavior: contain;
}

.hds-filter-bar__filter-group__generic {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__fieldset {
  display: contents;
}
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field,
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field[type=date],
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field[type=time] {
  width: 100%;
}
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field--between[type=date] {
  width: 130px;
}

.hds-filter-bar__filter-group__selection-option {
  display: flex;
  align-items: self-start;
  padding: 8px 16px;
  color: var(--token-color-foreground-primary);
}
.hds-filter-bar__filter-group__selection-option.hds-filter-bar__filter-group__selection-option--hidden {
  display: none;
}
.hds-filter-bar__filter-group__selection-option .hds-filter-bar__filter-group__selection-option__control {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 8px;
}

.hds-filter-bar__filter-group__clear-button {
  align-self: flex-start;
}

.hds-filter-bar__filter-group__values-list .hds-filter-bar__filter-group__clear-button {
  margin: 0 0 4px 4px;
}

.hds-filter-bar__filter-group__generic ~ .hds-filter-bar__filter-group__clear-button {
  margin: 8px 16px 0 16px;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-flyout {
  position: fixed;
  z-index: 49;
  inset: 0;
  height: 100vh;
  max-height: 100vh;
  background: var(--token-color-surface-primary);
  border: none;
  box-shadow: var(--token-elevation-overlay-box-shadow);
}
.hds-flyout:not([open]) {
  display: none;
}
.hds-flyout::backdrop {
  display: none;
}

.hds-flyout--size-medium {
  width: min(480px, calc(100vw - var(--hds-app-side-nav-width-minimized) / 2));
  max-width: calc(100vw - var(--hds-app-side-nav-width-minimized) / 2);
}
.hds-flyout--size-medium[open] {
  margin-left: calc(100% - min(480px, calc(100vw - var(--hds-app-side-nav-width-minimized) / 2)));
}

.hds-flyout--size-large {
  width: min(720px, calc(100vw - var(--hds-app-side-nav-width-minimized) / 2));
  max-width: calc(100vw - var(--hds-app-side-nav-width-minimized) / 2);
}
.hds-flyout--size-large[open] {
  margin-left: calc(100% - min(720px, calc(100vw - var(--hds-app-side-nav-width-minimized) / 2)));
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form {
  --hds-form-section-max-width: 672px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.hds-form__header,
.hds-form__section-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hds-form__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hds-form__section:empty {
  display: none;
}

.hds-form__section-multi-field-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: end;
}
@media screen and (max-width: 767.98px) {
  .hds-form__section-multi-field-group {
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
}

.hds-form__section-multi-field-group-item {
  width: var(--hds-form-section-multi-field-group-item-width, auto);
}

.hds-form__header,
.hds-form__section,
.hds-form__separator,
.hds-form__footer {
  max-width: var(--hds-form-section-max-width);
}

.hds-form-content--is-full-width {
  max-width: none;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-label {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: var(--token-form-label-foreground-color);
  font-weight: var(--token-form-label-typography-font-weight);
  font-size: var(--token-form-label-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-label-typography-line-height);
}
.hds-form-label .hds-badge {
  vertical-align: initial;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-helper-text {
  display: block;
  color: var(--token-form-helper-text-foreground-color);
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-form-helper-text-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-helper-text-typography-line-height);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-character-count {
  color: var(--token-form-character-count-foreground-color);
  font-size: var(--token-form-character-count-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-character-count-typography-line-height);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-error {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--token-form-error-foreground-color);
  font-weight: var(--token-typography-font-weight-medium);
  font-size: var(--token-form-error-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-error-typography-line-height);
}

.hds-form-error__icon {
  flex: none;
  width: var(--token-form-error-icon-size);
  height: var(--token-form-error-icon-size);
  margin: 2px 0 2px 0;
}

.hds-form-error__content {
  flex: 1 1 auto;
}

.hds-form-error__message {
  margin: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-field--layout-vertical {
  display: grid;
  justify-items: start;
  width: 100%;
}
.hds-form-field--layout-vertical .hds-form-field__label {
  width: -moz-fit-content;
  width: fit-content;
}
.hds-form-field--layout-vertical .hds-form-field__helper-text:not(:first-child) {
  margin-top: 4px;
}
.hds-form-field--layout-vertical .hds-form-field__helper-text + .hds-form-helper-text {
  margin-top: 2px;
}
.hds-form-field--layout-vertical .hds-form-field__control {
  display: flex;
  justify-self: stretch;
}
.hds-form-field--layout-vertical .hds-form-field__control:not(:first-child) {
  margin-top: 8px;
}
.hds-form-field--layout-vertical .hds-form-field__control:not(:last-child) {
  margin-bottom: 8px;
}
.hds-form-field--layout-vertical .hds-form-field__character-count + .hds-form-error {
  margin-top: 8px;
}

.hds-form-field--layout-flag {
  display: grid;
  grid-auto-flow: row;
  grid-template-areas: "control label" "control helper-text" "control error";
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr;
  justify-items: start;
}
.hds-form-field--layout-flag .hds-form-field__label {
  grid-area: label;
  width: -moz-fit-content;
  width: fit-content;
}
.hds-form-field--layout-flag .hds-form-field__helper-text {
  grid-area: helper-text;
  margin-top: 4px;
}
.hds-form-field--layout-flag .hds-form-field__control {
  display: flex;
  grid-area: control;
}
.hds-form-field--layout-flag .hds-form-field__control:not(:only-child) {
  margin-top: 2px;
  margin-right: 8px;
}
.hds-form-field--layout-flag .hds-form-field__error {
  grid-area: error;
  margin-top: 4px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-file-input {
  width: 100%;
  margin: -4px 0 -4px -4px;
  padding: 3px 0 3px 3px;
  color: var(--token-color-foreground-primary);
}
.hds-form-file-input:focus, .hds-form-file-input:focus-visible {
  outline: none;
}

.hds-form-file-input::file-selector-button {
  min-height: 36px;
  margin-right: 16px;
  padding: 7px 16px 7px 37px;
  color: var(--token-color-foreground-primary);
  font: inherit;
  background-color: var(--token-color-surface-faint);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%233b3d45'%3E%3Cpath d='M4.24 5.8a.75.75 0 001.06-.04l1.95-2.1v6.59a.75.75 0 001.5 0V3.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.101.001L4.2 4.74a.75.75 0 00.04 1.06z'/%3E%3Cpath d='M1.75 9a.75.75 0 01.75.75v3c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75v-3a.75.75 0 011.5 0v3A2.25 2.25 0 0112.75 15h-9.5A2.25 2.25 0 011 12.75v-3A.75.75 0 011.75 9z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: var(--token-form-text-input-background-image-size);
  border: 1px solid var(--token-color-border-strong);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}

.hds-form-file-input::file-selector-button:hover,
.hds-form-file-input.mock-hover::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
}

.hds-form-file-input:focus-within::file-selector-button,
.hds-form-file-input.mock-focus::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}

.hds-form-file-input:not(:focus, .mock-focus)::file-selector-button {
  border-color: var(--token-color-border-strong);
  outline: 0;
}

.hds-form-file-input::file-selector-button:active,
.hds-form-file-input.mock-active::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-form-file-input:disabled, .hds-form-file-input[disabled], .hds-form-file-input.mock-disabled, .hds-form-file-input:disabled:focus, .hds-form-file-input[disabled]:focus, .hds-form-file-input.mock-disabled:focus, .hds-form-file-input:disabled:hover, .hds-form-file-input[disabled]:hover, .hds-form-file-input.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
}
.hds-form-file-input:disabled::file-selector-button, .hds-form-file-input[disabled]::file-selector-button, .hds-form-file-input.mock-disabled::file-selector-button, .hds-form-file-input:disabled:focus::file-selector-button, .hds-form-file-input[disabled]:focus::file-selector-button, .hds-form-file-input.mock-disabled:focus::file-selector-button, .hds-form-file-input:disabled:hover::file-selector-button, .hds-form-file-input[disabled]:hover::file-selector-button, .hds-form-file-input.mock-disabled:hover::file-selector-button {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%238c909c'%3E%3Cpath d='M4.24 5.8a.75.75 0 001.06-.04l1.95-2.1v6.59a.75.75 0 001.5 0V3.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.101.001L4.2 4.74a.75.75 0 00.04 1.06z'/%3E%3Cpath d='M1.75 9a.75.75 0 01.75.75v3c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75v-3a.75.75 0 011.5 0v3A2.25 2.25 0 0112.75 15h-9.5A2.25 2.25 0 011 12.75v-3A.75.75 0 011.75 9z'/%3E%3C/g%3E%3C/svg%3E");
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-legend {
  display: block;
  padding: 0;
  color: var(--token-form-legend-foreground-color);
  font-weight: var(--token-form-legend-typography-font-weight);
  font-size: var(--token-form-legend-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-legend-typography-line-height);
}
.hds-form-legend .hds-badge {
  vertical-align: initial;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-group {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

.hds-form-group__legend {
  margin: 0 0 8px 0;
  padding: 0;
}

.hds-form-group__legend ~ .hds-form-group__control-fields-wrapper .hds-form-label {
  font-weight: var(--token-typography-font-weight-regular);
}

.hds-form-group--layout-vertical .hds-form-group__control-fields-wrapper {
  display: flex;
  flex-direction: column;
}
.hds-form-group--layout-vertical .hds-form-group__control-field + .hds-form-group__control-field {
  margin-top: 12px;
}

.hds-form-group--layout-horizontal .hds-form-group__control-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
}
.hds-form-group--layout-horizontal .hds-form-group__control-field {
  margin-right: 16px;
  margin-bottom: 4px;
}

.hds-form-group__helper-text {
  margin-bottom: 8px;
}

.hds-form-group__error {
  margin-top: 8px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-indicator--optional {
  color: var(--token-form-indicator-optional-foreground-color);
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-form-indicator-optional-typography-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: var(--token-form-indicator-optional-typography-line-height);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-checkbox {
  width: var(--token-form-checkbox-size);
  height: var(--token-form-checkbox-size);
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: var(--token-form-checkbox-background-image-size) var(--token-form-checkbox-background-image-size);
  border-style: solid;
  border-width: var(--token-form-checkbox-border-width);
  border-radius: var(--token-form-checkbox-border-radius);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hds-form-checkbox:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-form-checkbox:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}
.hds-form-checkbox:indeterminate {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate);
  border-color: var(--token-form-control-checked-border-color-default);
}
.hds-form-checkbox:hover:not(:checked, :indeterminate), .hds-form-checkbox.mock-hover:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-checkbox:hover:checked, .hds-form-checkbox.mock-hover:checked, .hds-form-checkbox:hover:indeterminate, .hds-form-checkbox.mock-hover:indeterminate {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}
.hds-form-checkbox:focus, .hds-form-checkbox.mock-focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}
.hds-form-checkbox:disabled:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-checkbox:disabled:checked {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-checkbox:disabled:indeterminate {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate-disabled);
  background-repeat: no-repeat;
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-masked-input {
  position: relative;
  display: grid;
  grid-template-areas: "input copy-button";
  grid-template-columns: 1fr auto;
  width: 100%;
}
.hds-form-masked-input .hds-form-masked-input__control {
  grid-area: input;
  padding-right: calc(var(--token-form-control-padding) + 24px);
  scrollbar-width: thin;
}

.hds-form-masked-input--is-masked .hds-form-masked-input__control {
  -webkit-text-security: disc;
}

.hds-form-masked-input--is-not-masked .hds-form-masked-input__control {
  -webkit-text-security: none;
}

.hds-form-masked-input__toggle-button {
  position: absolute;
  top: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  right: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  grid-area: input;
}

.hds-form-masked-input__copy-button {
  grid-area: copy-button;
  align-self: flex-start;
  margin-left: 8px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-radio {
  width: var(--token-form-radio-size);
  height: var(--token-form-radio-size);
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: var(--token-form-radio-background-image-size) var(--token-form-radio-background-image-size);
  border-style: solid;
  border-width: var(--token-form-radio-border-width);
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hds-form-radio:not(:checked) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-form-radio:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-radio-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}
.hds-form-radio:hover:not(:checked), .hds-form-radio.mock-hover:not(:checked) {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-radio:hover:checked, .hds-form-radio.mock-hover:checked {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}
.hds-form-radio:focus, .hds-form-radio.mock-focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}
.hds-form-radio:disabled:not(:checked) {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-radio:disabled:checked {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-radio-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-group--radio-cards .hds-form-group__control-fields-wrapper {
  margin: calc(-1 * var(--token-form-radiocard-group-gap) / 2);
}
.hds-form-group--radio-cards .hds-form-group__legend {
  margin-bottom: 12px;
}
.hds-form-group--radio-cards .hds-form-radio-card {
  margin: calc(var(--token-form-radiocard-group-gap) / 2);
}
.hds-form-group--radio-cards .hds-form-radio-card--has-fluid-width {
  flex: 1 0 0;
}
.hds-form-group--radio-cards .hds-form-radio-card--has-fixed-width {
  flex: 1 0 100%;
}

.hds-form-radio-card {
  display: flex;
  flex-direction: column;
  background-color: var(--token-color-surface-primary);
  border: var(--token-form-radiocard-border-width) solid var(--token-color-border-primary);
  border-radius: var(--token-form-radiocard-border-radius);
  box-shadow: var(--token-elevation-mid-box-shadow);
  cursor: pointer;
}
.hds-form-radio-card .hds-form-radio-card__control {
  outline-color: transparent;
}
.hds-form-radio-card:hover, .hds-form-radio-card.mock-hover {
  box-shadow: var(--token-elevation-high-box-shadow);
  transition: var(--token-form-radiocard-transition-duration);
}
.hds-form-radio-card:focus-within, .hds-form-radio-card.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  box-shadow: 0 0 0 3px var(--token-color-focus-action-external);
}
.hds-form-radio-card.hds-form-radio-card--checked {
  border-color: var(--token-color-palette-blue-300);
}
.hds-form-radio-card.hds-form-radio-card--checked .hds-form-radio-card__control-wrapper {
  background-color: var(--token-color-surface-action);
  border-color: var(--token-color-border-action);
}
.hds-form-radio-card.hds-form-radio-card--checked:hover, .hds-form-radio-card.hds-form-radio-card--checked.mock-hover {
  border-color: var(--token-color-palette-blue-400);
}
.hds-form-radio-card.hds-form-radio-card--disabled {
  background-color: var(--token-color-surface-interactive-disabled);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-radio-card.hds-form-radio-card--disabled .hds-form-radio-card__control-wrapper {
  background-color: var(--token-color-surface-interactive-disabled);
  border-color: var(--token-color-border-primary);
}
.hds-form-radio-card.hds-form-radio-card--disabled .hds-form-radio-card__content {
  opacity: 0.5;
}
.hds-form-radio-card.hds-form-radio-card--disabled:hover, .hds-form-radio-card.hds-form-radio-card--disabled.mock-hover {
  border-color: var(--token-color-border-primary);
}

.hds-form-radio-card--align-left {
  text-align: left;
}

.hds-form-radio-card--align-center {
  text-align: center;
}
.hds-form-radio-card--align-center .hds-icon {
  margin: auto;
}

.hds-form-radio-card--control-bottom .hds-form-radio-card__control-wrapper {
  border-top-width: var(--token-form-radiocard-border-width);
  border-top-style: solid;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-form-radio-card--control-left {
  flex-direction: row-reverse;
}
.hds-form-radio-card--control-left .hds-form-radio-card__control-wrapper {
  display: flex;
  align-items: center;
  border-right-width: var(--token-form-radiocard-border-width);
  border-right-style: solid;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-form-radio-card__content {
  flex: 1;
  padding: var(--token-form-radiocard-content-padding);
}
.hds-form-radio-card__content .hds-badge {
  margin-bottom: 12px;
}

.hds-form-radio-card__label {
  display: block;
  margin: 8px 0;
  color: var(--token-form-label-color);
  overflow-wrap: break-word;
}
.hds-form-radio-card__label:first-child {
  margin-top: 0;
}

.hds-form-radio-card__description {
  display: block;
  color: var(--token-color-foreground-primary);
}

.hds-form-radio-card__control-wrapper {
  padding: var(--token-form-radiocard-control-padding);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
}

.hds-form-radio-card__control {
  display: block;
  margin: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-select {
  max-width: 100%;
  padding: var(--token-form-control-padding);
  padding-right: calc(var(--token-form-control-padding) + 24px);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) top var(--token-form-select-background-image-position-top-y);
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hds-form-select:hover, .hds-form-select.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-select:focus, .hds-form-select.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-form-select:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-select.hds-form-select--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}
.hds-form-select.hds-form-select--is-invalid:hover, .hds-form-select.hds-form-select--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}
.hds-form-select.hds-form-select--is-invalid:focus, .hds-form-select.hds-form-select--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-select[multiple], .hds-form-select[size] {
  background: none;
}
.hds-form-select[multiple] option, .hds-form-select[size] option {
  margin: 2px auto;
  border-radius: var(--token-border-radius-x-small);
}
.hds-form-select[multiple] option:hover, .hds-form-select[size] option:hover {
  color: var(--token-color-foreground-action);
}
.hds-form-select[multiple] option:disabled, .hds-form-select[size] option:disabled {
  color: var(--token-color-foreground-disabled);
}
.hds-form-select[multiple] option:checked, .hds-form-select[size] option:checked {
  color: var(--token-color-foreground-high-contrast);
  background: var(--token-color-palette-blue-200);
}
.hds-form-select[multiple] optgroup, .hds-form-select[size] optgroup {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-semibold);
  font-style: normal;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-super-select {
  width: 100%;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  max-width: 100%;
  min-height: 36px;
  padding-top: 4px;
  padding-right: calc(var(--token-form-control-padding) + 21px);
  padding-bottom: 4px;
  padding-left: 11px;
  color: var(--token-form-control-base-foreground-value-color);
  line-height: var(--token-typography-body-200-line-height);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) center, top var(--token-form-select-background-image-position-top-y) left 20px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger:hover, .hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-hover,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger:hover,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger:focus, .hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-focus,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger:focus,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place {
  border-radius: var(--token-form-control-border-radius);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-status-icon,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-selected-item,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-selected-item {
  flex: 1;
  margin-left: 0;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-disabled=true],
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-disabled=true] .ember-power-select-selected-item,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-disabled=true] .ember-power-select-selected-item {
  opacity: inherit;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger::after,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger::after {
  display: var(--hds-form-super-select-selected-text-display);
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  padding-left: 8px;
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
  border-left: 1px solid var(--token-color-border-strong);
  content: var(--hds-form-super-select-selected-text);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content {
  max-width: var(--hds-form-super-select-dropdown-max-width, none);
  margin: 0;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--in-place {
  box-shadow: var(--token-elevation-high-box-shadow), var(--token-elevation-high-box-shadow);
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--below {
  margin-top: 4px;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--above {
  top: unset !important;
  bottom: 100%;
  margin-bottom: 4px;
}
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content > .ember-power-select-options > .hds-form-super-select__option-group:first-child::before {
  display: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-options {
  padding: 3px 0;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-options .ember-power-select-options {
  padding: 0;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option {
  position: relative;
  min-height: 36px;
  padding: 7px 7px 7px 39px;
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  overflow-wrap: break-word;
  border: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option + .ember-power-select-option {
  margin-top: 8px;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true] {
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-selected=true] {
  background-color: var(--token-form-control-base-surface-color-default);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true], .hds-form-super-select .ember-basic-dropdown .ember-power-select-option:hover, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-hover {
  border: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true]::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option:hover::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-hover::after {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 3px;
  width: 2px;
  background-color: var(--token-color-foreground-action-hover);
  border-radius: 500px;
  content: "";
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option:active::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-active::after {
  background-color: var(--token-color-foreground-action-active);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
}
.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group:first-child .hds-form-super-select__option-group-title {
  margin-top: 0;
}
.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group::before {
  display: block;
  height: 5px;
  margin: 7px 5px 9px 5px;
  border-bottom: 1px solid var(--token-color-border-primary);
  content: "";
}
.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group .hds-form-super-select__option-group {
  padding-left: 16px;
}
.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group .hds-form-super-select__option-group:first-child::before {
  display: none;
}
.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group-title {
  margin: 8px 0;
  padding: 6px 7px 2px 15px;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search {
  margin-bottom: 3px;
  padding: 11px 11px 0 11px;
  border-radius: var(--token-form-control-border-radius);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input {
  width: 100%;
  min-height: 36px;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: 1rem;
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input:hover, .hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input:focus, .hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  -webkit-appearance: none;
          appearance: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-options {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  min-width: 0;
  overflow: hidden;
  list-style: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-option {
  flex-shrink: 0;
  float: none;
  min-width: 0;
  margin: 0 4px 0 0;
  padding: 3px 10px 5px 10px;
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: 1rem;
  vertical-align: middle;
  overflow-wrap: break-word;
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-remove-btn {
  display: none;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger-multiple-input {
  color: var(--token-form-control-base-foreground-value-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger-multiple-input::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  cursor: pointer;
  -webkit-appearance: none;
}

.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger {
  border-color: var(--token-form-control-invalid-border-color-default);
}
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger:hover, .hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-hover,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger:hover,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger:focus, .hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-focus,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger:focus,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .ember-power-select-option:not([aria-selected=true]) {
  display: none;
}
.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group:not(:has(.ember-power-select-option[aria-selected=true])) {
  display: none;
}
.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group::before {
  display: none;
}
.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group:has(.ember-power-select-option[aria-selected=true]) ~ .hds-form-super-select__option-group:has(.ember-power-select-option[aria-selected=true])::before {
  display: block;
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message) {
  background-repeat: no-repeat;
  background-position: 15px 10px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]) {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]):hover, .hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]).mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]):active, .hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]).mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-current=true], .hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):hover, .hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):active, .hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-disabled=true] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7803 4.28033C15.0732 3.98744 15.0732 3.51256 14.7803 3.21967C14.4874 2.92678 14.0126 2.92678 13.7197 3.21967L5.75 11.1893L2.28033 7.71967C1.98744 7.42678 1.51256 7.42678 1.21967 7.71967C0.926777 8.01256 0.926777 8.48744 1.21967 8.78033L5.21967 12.7803C5.51256 13.0732 5.98744 13.0732 6.28033 12.7803L14.7803 4.28033Z' fill='%238C909C'/%3E%3C/svg%3E");
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message) {
  position: relative;
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)::before {
  position: absolute;
  top: 9px;
  left: 15px;
  display: block;
  width: var(--token-form-checkbox-size);
  height: var(--token-form-checkbox-size);
  background-position: center center;
  background-size: var(--token-form-checkbox-background-image-size) var(--token-form-checkbox-background-image-size);
  border-style: solid;
  border-width: var(--token-form-checkbox-border-width);
  border-radius: var(--token-form-checkbox-border-radius);
  cursor: pointer;
  content: "";
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):not([aria-selected=true])::before {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-current=true]::before, .hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):hover:not([aria-selected=true])::before, .hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-hover:not([aria-selected=true])::before {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-disabled=true]:not([aria-selected=true])::before {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true])::before {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-current=true]::before, .hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:hover[aria-selected=true]::before, .hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true].mock-hover[aria-selected=true]::before {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-disabled=true]::before {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--no-matches-message,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--loading-message {
  padding-left: 12px;
  cursor: inherit;
}
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--no-matches-message::after,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--loading-message::after {
  display: none;
}

.hds-form-super-select__after-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  background-color: var(--token-color-surface-strong);
  border-top: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
}

.hds-form-super-select__result-count {
  margin-left: auto;
}

.hds-form-super-select__no-options-selected {
  min-height: 36px;
  padding: 4px 15px 10px;
}

.hds-form-super-select--dropdown-content-auto-width .ember-power-select-dropdown.ember-basic-dropdown-content {
  width: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-text-input {
  width: 100%;
  max-width: 100%;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-form-text-input ::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-text-input ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-text-input:hover, .hds-form-text-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-text-input:focus, .hds-form-text-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-form-text-input:-moz-read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.hds-form-text-input:read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.hds-form-text-input:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-text-input.hds-form-text-input--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}
.hds-form-text-input.hds-form-text-input--is-invalid:hover, .hds-form-text-input.hds-form-text-input--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}
.hds-form-text-input.hds-form-text-input--is-invalid:focus, .hds-form-text-input.hds-form-text-input--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-text-input__wrapper {
  position: relative;
  width: 100%;
}

.hds-form-text-input--has-visibility-toggle {
  padding-right: calc(var(--token-form-control-padding) + 24px);
}

.hds-form-text-input__visibility-toggle {
  position: absolute;
  top: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  right: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
}

.hds-form-text-input[type=date], .hds-form-text-input[type=time], .hds-form-text-input[type=datetime-local], .hds-form-text-input[type=month], .hds-form-text-input[type=week] {
  width: initial;
}
.hds-form-text-input[type=date]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=time]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week]:disabled::-webkit-calendar-picker-indicator {
  visibility: visible;
  opacity: 0.5;
}
.hds-form-text-input[type=date][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=time][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week][readonly]::-webkit-calendar-picker-indicator {
  visibility: visible;
}
.hds-form-text-input[type=date]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week]::-webkit-calendar-picker-indicator {
  background-image: var(--token-form-text-input-background-image-data-url-date);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-form-text-input[type=time]::-webkit-calendar-picker-indicator {
  background-image: var(--token-form-text-input-background-image-data-url-time);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-form-text-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-form-text-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  -webkit-appearance: none;
}
.hds-form-text-input[type=search].hds-form-text-input--is-loading {
  background-image: var(--token-form-text-input-background-image-data-url-search-loading);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-textarea {
  width: 100%;
  max-width: 100%;
  min-height: 36px;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
  resize: vertical;
}
.hds-form-textarea ::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-textarea ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-form-textarea:hover, .hds-form-textarea.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-form-textarea:focus, .hds-form-textarea.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-form-textarea:-moz-read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.hds-form-textarea:read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.hds-form-textarea:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.hds-form-textarea.hds-form-textarea--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}
.hds-form-textarea.hds-form-textarea--is-invalid:hover, .hds-form-textarea.hds-form-textarea--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}
.hds-form-textarea.hds-form-textarea--is-invalid:focus, .hds-form-textarea.hds-form-textarea--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-toggle {
  position: relative;
  display: inline-block;
  isolation: isolate;
}

.hds-form-toggle__control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  color: transparent;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hds-form-toggle__control:disabled {
  cursor: not-allowed;
}

.hds-form-toggle__facade {
  position: relative;
  display: block;
  width: var(--token-form-toggle-width);
  height: var(--token-form-toggle-height);
  background-image: var(--token-form-toggle-background-image-data-url);
  background-repeat: no-repeat;
  background-position: var(--token-form-toggle-background-image-position-x) 50%;
  background-size: var(--token-form-toggle-background-image-size) var(--token-form-toggle-background-image-size);
  border: var(--token-form-radio-border-width) solid var(--border-color);
  border-radius: calc(var(--token-form-toggle-height) / 2);
}
@media (prefers-reduced-motion: no-preference) {
  .hds-form-toggle__facade {
    transition-timing-function: var(--token-form-toggle-transition-timing-function);
    transition-duration: var(--token-form-toggle-transition-duration);
    transition-property: all;
  }
}
.hds-form-toggle__facade::after {
  position: absolute;
  top: calc(var(--token-form-radio-border-width) * -1);
  left: calc(var(--token-form-radio-border-width) * -1);
  width: var(--token-form-toggle-thumb-size);
  height: var(--token-form-toggle-thumb-size);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-radio-border-width) solid var(--border-color);
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
  content: "";
}
@media (prefers-reduced-motion: no-preference) {
  .hds-form-toggle__facade::after {
    transition-timing-function: var(--token-form-toggle-transition-timing-function);
    transition-duration: var(--token-form-toggle-transition-duration);
    transition-property: all;
  }
}
.hds-form-toggle__facade::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  margin: auto;
  border-width: 3px;
  border-radius: calc(var(--token-form-toggle-height) / 2 + 3px + 1px);
  content: "";
}
:not(:checked) + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-base-border-color-default);
  background-color: var(--token-form-toggle-base-surface-color-default);
}
:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-checked-border-color-default);
  background-color: var(--token-form-control-checked-surface-color-default);
}
:checked + .hds-form-toggle__facade::after {
  transform: translate3d(calc(var(--token-form-toggle-width) - var(--token-form-toggle-thumb-size)), 0, 0);
}
:hover:not(:checked) + .hds-form-toggle__facade, .mock-hover:not(:checked) + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-base-border-color-hover);
}
:hover:checked + .hds-form-toggle__facade, .mock-hover:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-checked-border-color-hover);
  background-color: var(--token-form-control-checked-border-color-default);
}
:focus + .hds-form-toggle__facade::before, .mock-focus + .hds-form-toggle__facade::before {
  border-color: var(--token-color-focus-action-external);
  border-style: solid;
}
:disabled:not(:checked) + .hds-form-toggle__facade, :disabled:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-disabled-border-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-toggle-background-image-data-url-disabled);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-visibility-toggle {
  width: 24px;
  height: 24px;
  padding: 2px;
  color: var(--token-color-foreground-primary);
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-key-value-inputs {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: none;
  row-gap: 24px;
}
@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs {
    row-gap: 12px;
  }
}
.hds-form-key-value-inputs:focus {
  outline: none;
}

.hds-form-key-value-inputs__row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs__row {
    display: grid;
    flex-grow: 1;
    grid-template-columns: var(--hds-key-value-inputs-columns, 1fr 1fr 2.25rem);
    align-items: flex-end;
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 0;
  }
  .hds-form-key-value-inputs__row.hds-form-key-value-inputs__row--first .hds-form-key-value-inputs__delete-row-button-container,
  .hds-form-key-value-inputs__row.hds-form-key-value-inputs__row--first .hds-form-key-value-inputs__generic-container {
    grid-row: 2;
    grid-column: var(--hds-key-value-inputs-column-index);
  }
  .hds-form-key-value-inputs__row:not(.hds-form-key-value-inputs__row--first) .hds-form-key-value-inputs__field-header {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important; /* 3 */
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important; /* 2 */
  }
}

.hds-form-key-value-inputs__footer {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-start;
}

.hds-form-key-value-inputs__field {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  width: 100%;
}
.hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-header {
  align-self: flex-end;
  min-width: 0;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-header {
    margin-bottom: 12px;
  }
}
.hds-form-key-value-inputs__field .hds-form-select {
  width: 100%;
}
.hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-control {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  justify-self: stretch;
  width: 100%;
}

.hds-form-key-value-inputs__helper-text:not(:first-child) {
  margin-top: 4px;
}
.hds-form-key-value-inputs__helper-text + .hds-form-key-value-inputs__helper-text {
  margin-top: 2px;
}

.hds-form-key-value-inputs__field-helper-text:not(:first-child) {
  margin-top: 4px;
}
.hds-form-key-value-inputs__field-helper-text + .hds-form-key-value-inputs__field-helper-text {
  margin-top: 2px;
}

.hds-form-key-value-inputs__field-error {
  margin-top: 8px;
}

.hds-form-key-value-inputs__generic-container,
.hds-form-key-value-inputs__delete-row-button-container {
  align-self: flex-start;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-icon {
  display: block;
}

.hds-icon--is-inline {
  display: inline-block;
}

@keyframes hds-icon-animation-rotation {
  to {
    transform: rotate(360deg);
  }
}
.hds-icon--animation-loading {
  animation: hds-icon-animation-rotation 9s linear infinite;
}

.hds-icon--animation-running {
  animation: hds-icon-animation-rotation 9s linear infinite;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-icon--animation-loading {
    animation-duration: 0.7s;
  }
  .hds-icon--animation-running {
    animation-duration: 1s;
  }
}
.flight-sprite-container {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-icon-tile {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-medium);
}

.hds-icon-tile__icon,
.hds-icon-tile__logo {
  display: flex;
  margin: auto;
}

.hds-icon-tile__extra {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: flex;
  box-sizing: content-box;
  background-color: var(--token-icon-tile-surface-color-overlay);
  border: 1px solid var(--token-icon-tile-border-color-overlay);
}

.hds-icon-tile__extra-icon {
  display: flex;
  margin: auto;
  color: var(--token-color-foreground-strong);
}

.hds-icon-tile--size-small {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--token-border-radius-small);
}
.hds-icon-tile--size-small .hds-icon-tile__icon {
  width: 1rem;
  height: 1rem;
}
.hds-icon-tile--size-small .hds-icon-tile__logo {
  width: 1.125rem;
  height: 1.125rem;
}
.hds-icon-tile--size-small .hds-icon-tile__extra {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--token-border-radius-small);
}
.hds-icon-tile--size-small .hds-icon-tile__extra-icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-icon-tile--size-medium {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--token-border-radius-medium);
}
.hds-icon-tile--size-medium .hds-icon-tile__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hds-icon-tile--size-medium .hds-icon-tile__logo {
  width: 1.75rem;
  height: 1.75rem;
}
.hds-icon-tile--size-medium .hds-icon-tile__extra {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--token-border-radius-small);
}
.hds-icon-tile--size-medium .hds-icon-tile__extra-icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-icon-tile--size-large {
  width: 3rem;
  height: 3rem;
  border-radius: var(--token-border-radius-medium);
}
.hds-icon-tile--size-large .hds-icon-tile__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hds-icon-tile--size-large .hds-icon-tile__logo {
  width: 2rem;
  height: 2rem;
}
.hds-icon-tile--size-large .hds-icon-tile__extra {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--token-border-radius-small);
}
.hds-icon-tile--size-large .hds-icon-tile__extra-icon {
  width: 1rem;
  height: 1rem;
}

.hds-icon-tile--logo {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-icon-tile-border-color-logo);
}
.hds-icon-tile--logo.hds-icon-tile--color-boundary {
  color: var(--token-color-boundary-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-consul {
  color: var(--token-color-consul-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-hcp {
  color: var(--token-color-hcp-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-nomad {
  color: var(--token-color-nomad-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-packer {
  color: var(--token-color-packer-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-terraform {
  color: var(--token-color-terraform-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-vagrant {
  color: var(--token-color-vagrant-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-vault {
  color: var(--token-color-vault-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-vault-secrets {
  color: var(--token-color-vault-secrets-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-vault-radar {
  color: var(--token-color-vault-radar-brand);
}
.hds-icon-tile--logo.hds-icon-tile--color-waypoint {
  color: var(--token-color-waypoint-brand);
}

.hds-icon-tile--icon.hds-icon-tile--color-neutral {
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-strong);
}
.hds-icon-tile--icon.hds-icon-tile--color-boundary {
  color: var(--token-color-boundary-foreground);
  background-color: var(--token-color-boundary-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-consul {
  color: var(--token-color-consul-foreground);
  background-color: var(--token-color-consul-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-hcp {
  color: var(--token-color-hcp-brand);
  background-color: var(--token-color-surface-strong);
}
.hds-icon-tile--icon.hds-icon-tile--color-nomad {
  color: var(--token-color-nomad-foreground);
  background-color: var(--token-color-nomad-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-packer {
  color: var(--token-color-packer-foreground);
  background-color: var(--token-color-packer-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-terraform {
  color: var(--token-color-terraform-foreground);
  background-color: var(--token-color-terraform-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-vagrant {
  color: var(--token-color-vagrant-foreground);
  background-color: var(--token-color-vagrant-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-vault {
  color: var(--token-color-vault-foreground);
  background-color: var(--token-color-vault-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-vault-secrets {
  color: var(--token-color-vault-secrets-foreground);
  background-color: var(--token-color-vault-secrets-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-vault-radar {
  color: var(--token-color-vault-radar-foreground);
  background-color: var(--token-color-vault-radar-surface);
}
.hds-icon-tile--icon.hds-icon-tile--color-waypoint {
  color: var(--token-color-waypoint-foreground);
  background-color: var(--token-color-waypoint-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-layout-flex {
  display: flex;
  gap: var(--hds-layout-flex-row-gap) var(--hds-layout-flex-column-gap);
}

.hds-layout-flex--is-inline {
  display: inline-flex;
}

.hds-layout-flex--direction-row {
  flex-direction: row;
}

.hds-layout-flex--direction-column {
  flex-direction: column;
}

.hds-layout-flex--has-wrapping {
  flex-wrap: wrap;
}

.hds-layout-flex--justify-content-start {
  justify-content: start;
}

.hds-layout-flex--justify-content-center {
  justify-content: center;
}

.hds-layout-flex--justify-content-end {
  justify-content: end;
}

.hds-layout-flex--justify-content-space-between {
  justify-content: space-between;
}

.hds-layout-flex--justify-content-space-around {
  justify-content: space-around;
}

.hds-layout-flex--justify-content-space-evenly {
  justify-content: space-evenly;
}

.hds-layout-flex--justify-content-stretch {
  justify-content: stretch;
}

.hds-layout-flex--align-items-start {
  align-items: start;
}

.hds-layout-flex--align-items-center {
  align-items: center;
}

.hds-layout-flex--align-items-end {
  align-items: end;
}

.hds-layout-flex--align-items-stretch {
  align-items: stretch;
}

.hds-layout-flex--row-gap-0 {
  --hds-layout-flex-row-gap: 0px;
}

.hds-layout-flex--row-gap-4 {
  --hds-layout-flex-row-gap: 4px;
}

.hds-layout-flex--row-gap-8 {
  --hds-layout-flex-row-gap: 8px;
}

.hds-layout-flex--row-gap-12 {
  --hds-layout-flex-row-gap: 12px;
}

.hds-layout-flex--row-gap-16 {
  --hds-layout-flex-row-gap: 16px;
}

.hds-layout-flex--row-gap-24 {
  --hds-layout-flex-row-gap: 24px;
}

.hds-layout-flex--row-gap-32 {
  --hds-layout-flex-row-gap: 32px;
}

.hds-layout-flex--row-gap-48 {
  --hds-layout-flex-row-gap: 48px;
}

.hds-layout-flex--column-gap-0 {
  --hds-layout-flex-column-gap: 0px;
}

.hds-layout-flex--column-gap-4 {
  --hds-layout-flex-column-gap: 4px;
}

.hds-layout-flex--column-gap-8 {
  --hds-layout-flex-column-gap: 8px;
}

.hds-layout-flex--column-gap-12 {
  --hds-layout-flex-column-gap: 12px;
}

.hds-layout-flex--column-gap-16 {
  --hds-layout-flex-column-gap: 16px;
}

.hds-layout-flex--column-gap-24 {
  --hds-layout-flex-column-gap: 24px;
}

.hds-layout-flex--column-gap-32 {
  --hds-layout-flex-column-gap: 32px;
}

.hds-layout-flex--column-gap-48 {
  --hds-layout-flex-column-gap: 48px;
}

.hds-layout-flex-item--basis-0 {
  flex-basis: 0;
}

.hds-layout-flex-item--grow-0 {
  flex-grow: 0;
}

.hds-layout-flex-item--grow-1 {
  flex-grow: 1;
}

.hds-layout-flex-item--shrink-0 {
  flex-shrink: 0;
}

.hds-layout-flex-item--shrink-1 {
  flex-shrink: 1;
}

.hds-layout-flex-item--enable-collapse-below-content-size {
  min-width: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-layout-grid {
  --hds-layout-grid-column-min-width: 0px;
  --hds-layout-grid-column-fill-type: auto-fit;
  display: grid;
  grid-template-columns: repeat(var(--hds-layout-grid-column-fill-type), minmax(calc(var(--hds-layout-grid-column-min-width) - var(--hds-layout-grid-column-gap)), 1fr));
  gap: var(--hds-layout-grid-row-gap) var(--hds-layout-grid-column-gap);
}

.hds-layout-grid--column-width-non-responsive {
  --hds-layout-grid-column-fill-type: auto-fill;
}

.hds-layout-grid--column-width-sm {
  --hds-layout-grid-column-fill-type: auto-fill;
  --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-sm);
}

@media screen and (min-width: 768px) {
  .hds-layout-grid--column-width-md {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-md);
  }
}

@media screen and (min-width: 1088px) {
  .hds-layout-grid--column-width-lg {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-lg);
  }
}

@media screen and (min-width: 1440px) {
  .hds-layout-grid--column-width-xl {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-xl);
  }
}

@media screen and (min-width: 1920px) {
  .hds-layout-grid--column-width-xxl {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-xxl);
  }
}

.hds-layout-grid--align-items-start {
  align-items: start;
}

.hds-layout-grid--align-items-center {
  align-items: center;
}

.hds-layout-grid--align-items-end {
  align-items: end;
}

.hds-layout-grid--align-items-stretch {
  align-items: stretch;
}

.hds-layout-grid--row-gap-0 {
  --hds-layout-grid-row-gap: 0px;
}

.hds-layout-grid--column-gap-0 {
  --hds-layout-grid-column-gap: 0px;
}

.hds-layout-grid--row-gap-4 {
  --hds-layout-grid-row-gap: 4px;
}

.hds-layout-grid--column-gap-4 {
  --hds-layout-grid-column-gap: 4px;
}

.hds-layout-grid--row-gap-8 {
  --hds-layout-grid-row-gap: 8px;
}

.hds-layout-grid--column-gap-8 {
  --hds-layout-grid-column-gap: 8px;
}

.hds-layout-grid--row-gap-12 {
  --hds-layout-grid-row-gap: 12px;
}

.hds-layout-grid--column-gap-12 {
  --hds-layout-grid-column-gap: 12px;
}

.hds-layout-grid--row-gap-16 {
  --hds-layout-grid-row-gap: 16px;
}

.hds-layout-grid--column-gap-16 {
  --hds-layout-grid-column-gap: 16px;
}

.hds-layout-grid--row-gap-24 {
  --hds-layout-grid-row-gap: 24px;
}

.hds-layout-grid--column-gap-24 {
  --hds-layout-grid-column-gap: 24px;
}

.hds-layout-grid--row-gap-32 {
  --hds-layout-grid-row-gap: 32px;
}

.hds-layout-grid--column-gap-32 {
  --hds-layout-grid-column-gap: 32px;
}

.hds-layout-grid--row-gap-48 {
  --hds-layout-grid-row-gap: 48px;
}

.hds-layout-grid--column-gap-48 {
  --hds-layout-grid-column-gap: 48px;
}

.hds-layout-grid-item {
  --hds-layout-grid-row-span: 1;
  --hds-layout-grid-column-span: 1;
  grid-row-start: span var(--hds-layout-grid-row-span);
  grid-column-start: span var(--hds-layout-grid-column-span);
}

.hds-layout-grid--col-span-view-sm {
  --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-sm);
}

.hds-layout-grid--row-span-view-sm {
  --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-sm);
}

@media screen and (min-width: 768px) {
  .hds-layout-grid--col-span-view-md {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-md);
  }
}

@media screen and (min-width: 768px) {
  .hds-layout-grid--row-span-view-md {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-md);
  }
}

@media screen and (min-width: 1088px) {
  .hds-layout-grid--col-span-view-lg {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-lg);
  }
}

@media screen and (min-width: 1088px) {
  .hds-layout-grid--row-span-view-lg {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-lg);
  }
}

@media screen and (min-width: 1440px) {
  .hds-layout-grid--col-span-view-xl {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-xl);
  }
}

@media screen and (min-width: 1440px) {
  .hds-layout-grid--row-span-view-xl {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-xl);
  }
}

@media screen and (min-width: 1920px) {
  .hds-layout-grid--col-span-view-xxl {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-xxl);
  }
}

@media screen and (min-width: 1920px) {
  .hds-layout-grid--row-span-view-xxl {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-xxl);
  }
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-link-inline {
  border-radius: 2px;
}
.hds-link-inline:focus, .hds-link-inline.mock-focus, .hds-link-inline:focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}

.hds-link-inline__icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: text-bottom;
}
.hds-link-inline--icon-leading > .hds-link-inline__icon {
  margin-right: 0.25em;
}
.hds-link-inline--icon-trailing > .hds-link-inline__icon {
  margin-left: 0.25em;
}

.hds-link-inline--color-primary {
  color: var(--token-color-foreground-action);
}
.hds-link-inline--color-primary:hover, .hds-link-inline--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-link-inline--color-primary:active, .hds-link-inline--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-link-inline--color-secondary {
  color: var(--token-color-foreground-strong);
}
.hds-link-inline--color-secondary:hover, .hds-link-inline--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
}
.hds-link-inline--color-secondary:active, .hds-link-inline--color-secondary.mock-active {
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-link-standalone {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  background-color: transparent;
  border: 1px solid transparent;
  text-decoration-color: transparent;
}

.hds-link-standalone__icon {
  display: block;
}

.hds-link-standalone__text {
  display: block;
  flex: 1 0 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in;
}

.hds-link-standalone--size-small .hds-link-standalone__icon {
  width: 0.75rem;
  height: 0.75rem;
}
.hds-link-standalone--size-small .hds-link-standalone__text {
  font-size: 0.8125rem;
  line-height: 1.231;
}

.hds-link-standalone--size-medium .hds-link-standalone__icon {
  width: 1rem;
  height: 1rem;
}
.hds-link-standalone--size-medium .hds-link-standalone__text {
  font-size: 0.875rem;
  line-height: 1.143;
}

.hds-link-standalone--size-large .hds-link-standalone__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hds-link-standalone--size-large .hds-link-standalone__text {
  font-size: 1rem;
  line-height: 1.5;
}

.hds-link-standalone--color-primary {
  color: var(--token-color-foreground-action);
}
.hds-link-standalone--color-primary:hover, .hds-link-standalone--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-link-standalone--color-primary:hover .hds-link-standalone__text, .hds-link-standalone--color-primary.mock-hover .hds-link-standalone__text {
  text-decoration-color: #4e81e8;
}
.hds-link-standalone--color-primary:active, .hds-link-standalone--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-link-standalone--color-primary:active .hds-link-standalone__text, .hds-link-standalone--color-primary.mock-active .hds-link-standalone__text {
  text-decoration-color: #396ed6;
}
.hds-link-standalone--color-primary:active::before, .hds-link-standalone--color-primary.mock-active::before {
  background-color: var(--token-color-surface-action);
}

.hds-link-standalone--color-secondary {
  color: var(--token-color-foreground-strong);
}
.hds-link-standalone--color-secondary:hover, .hds-link-standalone--color-secondary.mock-hover {
  color: var(--token-color-foreground-strong);
}
.hds-link-standalone--color-secondary:hover .hds-link-standalone__text, .hds-link-standalone--color-secondary.mock-hover .hds-link-standalone__text {
  text-decoration-color: #4d4d4f;
}
.hds-link-standalone--color-secondary:active, .hds-link-standalone--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
}
.hds-link-standalone--color-secondary:active .hds-link-standalone__text, .hds-link-standalone--color-secondary.mock-active .hds-link-standalone__text {
  text-decoration-color: #6e7075;
}
.hds-link-standalone--color-secondary:active::before, .hds-link-standalone--color-secondary.mock-active::before {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-link-standalone {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-link-standalone::before {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  left: -5px;
  z-index: -1;
  border-radius: var(--token-border-radius-small);
  content: "";
}
.hds-link-standalone:focus::before, .hds-link-standalone.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-link-standalone:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-link-standalone:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-link-standalone:focus:active::before, .hds-link-standalone.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-link-standalone.hds-link-standalone--icon-position-leading::before {
  right: -7px;
}
.hds-link-standalone.hds-link-standalone--icon-position-trailing::before {
  left: -7px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-modal {
  position: fixed;
  z-index: 50;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 95vh;
  inset: 0;
  margin: auto;
  border-radius: var(--token-border-radius-large);
  box-shadow: var(--token-surface-overlay-box-shadow);
}
.hds-modal:not([open]) {
  display: none;
}
.hds-modal::backdrop {
  display: none;
}

.hds-modal--size-small {
  width: min(400px, 95vw);
}

.hds-modal--size-medium {
  width: min(600px, 95vw);
}

.hds-modal--size-large {
  width: min(800px, 95vw);
}

.hds-modal--color-warning .hds-dialog-primitive__wrapper-header {
  background: var(--token-color-surface-warning);
  border-bottom: 1px solid var(--token-color-border-warning);
}
.hds-modal--color-warning .hds-dialog-primitive__header,
.hds-modal--color-warning .hds-dialog-primitive__tagline {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-modal--color-critical .hds-dialog-primitive__wrapper-header {
  background: var(--token-color-surface-critical);
  border-bottom: 1px solid var(--token-color-border-critical);
}
.hds-modal--color-critical .hds-dialog-primitive__header,
.hds-modal--color-critical .hds-dialog-primitive__tagline {
  color: var(--token-color-foreground-critical-on-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-page-header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  container-type: inline-size;
}

.hds-page-header__body {
  display: flex;
  flex-direction: column;
  gap: 8px 16px;
}
.hds-page-header__body .hds-icon-tile {
  flex-shrink: 0;
}
@container (min-width: 400px) {
  .hds-page-header__body {
    flex-direction: row;
  }
}

.hds-page-header__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  align-items: start;
  justify-content: start;
}
@container (min-width: 768px) {
  .hds-page-header__main {
    flex-direction: row;
    justify-content: space-between;
    min-width: 0;
  }
}

.hds-page-header__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.hds-page-header__title-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
}

.hds-page-header__title {
  max-width: 100%;
  overflow-wrap: break-word;
}

.hds-page-header__badges-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hds-page-header__metadata {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hds-page-header__metadata > *:first-child {
  margin-top: 8px;
}

.hds-page-header__subtitle,
.hds-page-header__description {
  overflow-wrap: break-word;
}

.hds-page-header__actions {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-pagination {
  display: grid;
  grid-template-areas: "info nav selector";
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1087.98px) {
  .hds-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.hds-pagination .hds-pagination-info {
  grid-area: info;
  justify-self: flex-start;
  margin-right: var(--token-pagination-child-spacing-horizontal);
}
@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-info {
    margin-top: var(--token-pagination-child-spacing-vertical);
    margin-left: var(--token-pagination-child-spacing-horizontal);
  }
}
.hds-pagination .hds-pagination-nav {
  grid-area: nav;
}
@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-nav {
    justify-content: center;
    order: -1;
    width: 100%;
  }
}
.hds-pagination .hds-pagination-size-selector {
  grid-area: selector;
  justify-self: flex-end;
  margin-left: var(--token-pagination-child-spacing-horizontal);
}
@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-size-selector {
    margin-top: var(--token-pagination-child-spacing-vertical);
    margin-right: var(--token-pagination-child-spacing-horizontal);
  }
}

.hds-pagination-info {
  white-space: nowrap;
}

.hds-pagination-nav {
  display: flex;
}

.hds-pagination-nav__page-list {
  display: flex;
  margin: 0;
  padding: 0;
}

.hds-pagination-nav__page-item {
  list-style-type: none;
}

.hds-pagination-nav__control {
  display: flex;
  align-items: center;
  height: var(--token-pagination-nav-control-height);
  padding: 0 calc(var(--token-pagination-nav-control-padding-horizontal) - 1px);
  color: var(--token-color-foreground-primary);
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-pagination-nav__control::before {
  position: absolute;
  top: var(--token-pagination-nav-control-focus-inset);
  right: var(--token-pagination-nav-control-focus-inset);
  bottom: var(--token-pagination-nav-control-focus-inset);
  left: var(--token-pagination-nav-control-focus-inset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-pagination-nav__control:focus::before, .hds-pagination-nav__control.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-pagination-nav__control:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-pagination-nav__control:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-pagination-nav__control:focus:active::before, .hds-pagination-nav__control.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-pagination-nav__control:hover, .hds-pagination-nav__control.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-pagination-nav__control:active, .hds-pagination-nav__control.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-pagination-nav__arrow {
  gap: var(--token-pagination-nav-control-icon-spacing);
}
.hds-pagination-nav__arrow:disabled, .hds-pagination-nav__arrow.mock-disabled {
  color: var(--token-color-foreground-disabled);
  cursor: not-allowed;
}

.hds-pagination-nav__arrow--direction-prev {
  flex-direction: row;
  justify-content: flex-start;
}

.hds-pagination-nav__arrow--direction-next {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.hds-pagination-nav__number--is-selected {
  position: relative;
  color: var(--token-color-foreground-action);
}
.hds-pagination-nav__number--is-selected:hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-pagination-nav__number--is-selected:active {
  color: var(--token-color-foreground-action-active);
}
.hds-pagination-nav__number--is-selected::after {
  position: absolute;
  right: calc(var(--token-pagination-nav-indicator-spacing) - 1px);
  bottom: -1px;
  left: calc(var(--token-pagination-nav-indicator-spacing) - 1px);
  height: var(--token-pagination-nav-indicator-height);
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 2px;
  content: "";
}

.hds-pagination-nav__ellipsis {
  display: flex;
  align-items: center;
  height: var(--token-pagination-nav-control-height);
  padding: 0 var(--token-pagination-nav-control-padding-horizontal);
  color: var(--token-color-foreground-faint);
}

.hds-pagination-size-selector {
  display: flex;
  align-items: center;
}
.hds-pagination-size-selector > label {
  white-space: nowrap;
}
.hds-pagination-size-selector > select {
  height: 28px;
  margin-left: 12px;
  padding: 0 24px 0 8px;
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
  background-position: center right 5px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-reveal {
  width: -moz-fit-content;
  width: fit-content;
}

.hds-reveal__toggle-button {
  min-height: 1.75rem;
  padding: 0.313rem 0.313rem 0.313rem 0.188rem;
}
@media (prefers-reduced-motion: no-preference) {
  .hds-reveal__toggle-button .hds-icon-chevron-down {
    transition: transform 0.3s;
  }
}

.hds-reveal__toggle-button--is-open .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-reveal__content {
  margin-top: 4px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-rich-tooltip {
  display: contents;
}

:where(.hds-rich-tooltip__toggle) {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  background-color: inherit;
  border: none;
  cursor: pointer;
}

.hds-rich-tooltip__toggle {
  --text-color: var(--token-color-foreground-strong);
  --icon-color: var(--token-color-foreground-strong);
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-rich-tooltip__toggle:hover, .hds-rich-tooltip__toggle.mock-hover {
  --text-color: var(--token-color-foreground-primary);
  --icon-color: var(--token-color-foreground-primary);
}
.hds-rich-tooltip__toggle:active, .hds-rich-tooltip__toggle.mock-active {
  --text-color: var(--token-color-foreground-faint);
  --icon-color: var(--token-color-foreground-faint);
}
.hds-rich-tooltip__toggle::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-rich-tooltip__toggle:focus::before, .hds-rich-tooltip__toggle.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-rich-tooltip__toggle:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-rich-tooltip__toggle:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-rich-tooltip__toggle:focus:active::before, .hds-rich-tooltip__toggle.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-rich-tooltip__toggle-text {
  color: var(--text-color);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

.hds-rich-tooltip__toggle-icon {
  flex: none;
  width: 1em;
  height: 1em;
  color: var(--icon-color);
}
.hds-rich-tooltip__toggle-icon:first-child:not(:only-child) {
  margin-right: 0.25rem;
}
.hds-rich-tooltip__toggle-icon:last-child:not(:only-child) {
  margin-left: 0.25rem;
}

:where(.hds-rich-tooltip__toggle--is-inline) {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
}
:where(.hds-rich-tooltip__toggle--is-inline):has(.hds-rich-tooltip__toggle-icon:only-child) {
  vertical-align: middle;
}

:where(.hds-rich-tooltip__toggle--is-block) {
  display: flex;
  align-items: center;
}

.hds-rich-tooltip__toggle--size-small {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
}

.hds-rich-tooltip__toggle--size-medium {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
}

.hds-rich-tooltip__toggle--size-large {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-300-font-size);
  font-family: var(--token-typography-body-300-font-family);
  line-height: var(--token-typography-body-300-line-height);
}

.hds-rich-tooltip__bubble {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  max-width: var(--token-tooltip-max-width);
  height: -moz-fit-content;
  height: fit-content;
  max-height: none;
  padding: 16px;
  background: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-surface-higher-box-shadow);
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
}
:where(.hds-rich-tooltip__bubble[popover]) {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

.hds-rich-tooltip__bubble-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23fff" d="M9.056 11.607.398 20h19.091l-8.37-8.393S10.69 11 10.089 11c-.602 0-1.032.608-1.032.608Z"/><path fill="%23656A76" fill-opacity=".2" fill-rule="evenodd" d="M9.359 11.308 1.423 19H0l8.674-8.417.342.362-.342-.362v-.001l.002-.001.003-.003.007-.007a1.622 1.622 0 0 1 .103-.087c.066-.053.16-.122.277-.191.224-.134.571-.293.977-.293a2.158 2.158 0 0 1 1.374.492 1.658 1.658 0 0 1 .107.098l.004.004L20 19h-1.518l-7.665-7.707-.004-.003-.002-.002a1.069 1.069 0 0 0-.18-.131 1.167 1.167 0 0 0-.588-.157.958.958 0 0 0-.47.153 1.527 1.527 0 0 0-.208.15l-.006.005Z" clip-rule="evenodd"/></svg>') no-repeat 0 0/20px 20px;
  pointer-events: none;
}
.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=top] {
  bottom: -20px;
  transform: rotate(180deg);
}
.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=right] {
  left: -20px;
  transform: rotate(-90deg);
}
.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=bottom] {
  top: -20px;
  transform: rotate(0deg);
}
.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=left] {
  right: -20px;
  transform: rotate(90deg);
}

.hds-rich-tooltip__bubble-inner-content {
  all: initial;
  display: contents;
  box-sizing: border-box;
}
.hds-rich-tooltip__bubble-inner-content *,
.hds-rich-tooltip__bubble-inner-content *::before,
.hds-rich-tooltip__bubble-inner-content *::after {
  box-sizing: inherit;
}

/* clean-css ignore:start */
.hds-rich-tooltip__bubble[popover]:popover-open {
  opacity: 1;
}
@starting-style {
  .hds-rich-tooltip__bubble[popover]:popover-open {
    opacity: 0;
  }
}
@starting-style {
  .hds-rich-tooltip__bubble[popover].\:popover-open {
    opacity: 0;
  }
}

/* clean-css ignore:end */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-segmented-group {
  display: inline-flex;
}
.hds-segmented-group > .hds-button:first-child:not(:only-child),
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child),
.hds-segmented-group > .hds-form-select:first-child:not(:only-child),
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hds-segmented-group > .hds-button:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-icon::before {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.hds-segmented-group > .hds-button:last-child:not(:only-child),
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child),
.hds-segmented-group > .hds-form-select:last-child:not(:only-child),
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hds-segmented-group > .hds-button:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-icon::before {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) {
  margin-left: -1px;
  border-radius: 0;
}
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon::before,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-icon::before {
  border-radius: inherit;
}
.hds-segmented-group > .hds-button:focus, .hds-segmented-group > .hds-button.mock-focus,
.hds-segmented-group > .hds-button .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-button .hds-dropdown-toggle-icon:focus,
.hds-segmented-group > .hds-dropdown:focus,
.hds-segmented-group > .hds-dropdown.mock-focus,
.hds-segmented-group > .hds-dropdown .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-dropdown .hds-dropdown-toggle-icon:focus,
.hds-segmented-group > .hds-form-select:focus,
.hds-segmented-group > .hds-form-select.mock-focus,
.hds-segmented-group > .hds-form-select .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-form-select .hds-dropdown-toggle-icon:focus,
.hds-segmented-group > .hds-form-text-input:focus,
.hds-segmented-group > .hds-form-text-input.mock-focus,
.hds-segmented-group > .hds-form-text-input .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-form-text-input .hds-dropdown-toggle-icon:focus {
  z-index: 1;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-separator {
  border: none;
  border-top: 1px solid var(--token-color-border-primary);
}

.hds-separator--spacing-24 {
  margin: 24px 0;
}

.hds-separator--spacing-0 {
  margin: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hds-stepper-list,
.hds-stepper-list__step {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hds-stepper-list__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}
.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::before, .hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::after {
  position: absolute;
  top: 1px;
  left: 11px;
  z-index: -1;
  width: 2px;
  content: "";
}
.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::before {
  height: calc(100% + 16px);
  background: linear-gradient(0deg, var(--token-color-palette-alpha-200) 0%, var(--token-color-palette-alpha-200) 100%), var(--token-color-palette-neutral-100);
}
.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::after {
  background-color: var(--token-color-palette-neutral-700);
}

.hds-stepper-list__step-progress {
  position: relative;
  isolation: isolate;
}

.hds-stepper-list__step-text {
  margin-top: 2px;
}

.hds-stepper-list__step-description {
  margin-top: 4px;
}
.hds-stepper-list__step-description:empty {
  display: none;
}

.hds-stepper-list__step-content {
  margin-top: 8px;
}
.hds-stepper-list__step-content:empty {
  display: none;
}

.hds-stepper-list__step:not(:last-of-type).hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  height: calc(100% + 16px - 4px);
}
.hds-stepper-list__step:not(:last-of-type, :first-of-type).hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  top: -4px;
  height: calc(100% + 16px);
}
.hds-stepper-list__step:not(:first-of-type):last-of-type.hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  position: absolute;
  top: -4px;
  left: 11px;
  z-index: -1;
  width: 2px;
  height: 6px;
  background-color: var(--token-color-palette-neutral-700);
  content: "";
}
.hds-stepper-list__step.hds-stepper-list__step--complete:has(+ :not(.hds-stepper-list__step--complete)) .hds-stepper-list__step-progress::after {
  border-radius: 0 0 var(--token-border-radius-x-small) var(--token-border-radius-x-small);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-indicator-step {
  position: relative;
  width: 24px;
  height: 24px;
}

.hds-stepper-indicator-step__svg-hexagon {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 1px 1px rgba(101, 106, 118, 0.05));
}

.hds-stepper-indicator-step__status {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hds-stepper-indicator-step__icon {
  width: 12px;
  height: 12px;
}

.hds-stepper-indicator-step__text {
  width: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  -moz-user-select: none;
       user-select: none;
}

.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}
.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-primary);
  stroke: var(--token-color-border-strong);
}

.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--is-interactive {
  cursor: pointer;
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-hover);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-active);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:hover .hds-stepper-indicator-step__status, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-hover .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-300);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:active .hds-stepper-indicator-step__status, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-active .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-400);
}
.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav__progress-bar {
  position: relative;
  isolation: isolate;
}
.hds-stepper-nav__progress-bar::before, .hds-stepper-nav__progress-bar::after {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: -1;
  height: 4px;
  content: "";
}
.hds-stepper-nav__progress-bar::before {
  width: 100%;
  background: linear-gradient(0deg, var(--token-color-palette-alpha-200) 0%, var(--token-color-palette-alpha-200) 100%), var(--token-color-palette-neutral-100);
}
.hds-stepper-nav__progress-bar::after {
  width: var(--hds-stepper-nav-progress-bar-width, 0);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: 0 var(--token-border-radius-x-small) var(--token-border-radius-x-small) 0;
}
@media (prefers-reduced-motion: no-preference) {
  .hds-stepper-nav__progress-bar::after {
    transition: width 0.25s ease-in-out;
  }
}

.hds-stepper-nav__list,
.hds-stepper-nav__step {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds-stepper-nav__list {
  display: flex;
  text-align: center;
}

.hds-stepper-nav__step {
  width: 100%;
}

.hds-stepper-nav__step-button {
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
}

.hds-stepper-nav__step-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
}

.hds-stepper-nav__step-progress {
  position: absolute;
  top: -14px;
  left: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.hds-stepper-nav__step-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 8px 12px 8px;
}

.hds-stepper-nav__step-title {
  color: var(--token-color-foreground-faint);
  text-decoration: none;
}

.hds-stepper-nav__step-description {
  margin-top: 4px;
  color: var(--token-color-foreground-faint);
}

.hds-stepper-nav__step--complete .hds-stepper-nav__step-title,
.hds-stepper-nav__step--active .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-strong);
}
.hds-stepper-nav__step--complete .hds-stepper-nav__step-description,
.hds-stepper-nav__step--active .hds-stepper-nav__step-description {
  color: var(--token-color-foreground-primary);
}

@media (prefers-reduced-motion: no-preference) {
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__svg-hexagon path,
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__status,
  .hds-stepper-nav__step--active .hds-stepper-nav__step-title {
    transition: all 0.15s ease-in-out 0.25s;
  }
}

.hds-stepper-nav--interactive .hds-stepper-nav__progress-bar::after {
  background-color: var(--token-color-palette-blue-200);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button::before {
  position: absolute;
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
  content: "";
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button {
  cursor: pointer;
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover {
  background-color: var(--token-color-surface-interactive-hover);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-nav__step-title, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action-hover);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button::before {
  position: absolute;
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
  content: "";
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active {
  background-color: var(--token-color-surface-interactive-active);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-nav__step-title, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action-active);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-hover);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-active);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: default;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-300);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: pointer;
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-400);
}
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

@media screen and (max-width: 479.98px) {
  .hds-stepper-nav__progress-bar::before, .hds-stepper-nav__progress-bar::after {
    content: none;
  }
  .hds-stepper-nav__list {
    flex-direction: column;
  }
  .hds-stepper-nav__step-content {
    align-items: start;
    padding: 8px;
    border-radius: 0;
  }
  .hds-stepper-nav__step:first-of-type .hds-stepper-nav__step-content {
    padding-top: 0;
  }
  .hds-stepper-nav__step-progress {
    position: static;
    justify-content: start;
  }
  .hds-stepper-nav__step-text {
    align-items: start;
    margin-top: 4px;
    padding: 0;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button {
    position: relative;
    outline-style: solid;
    outline-color: transparent;
    isolation: isolate;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 0;
    content: "";
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus::before {
    box-shadow: var(--token-focus-ring-action-box-shadow);
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:not(:focus-visible)::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
    box-shadow: none;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus-visible::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus-visible::before {
    box-shadow: var(--token-focus-ring-action-box-shadow);
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus.mock-active::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:active::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus.mock-active::before {
    box-shadow: none;
  }
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__svg-hexagon path,
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__status,
  .hds-stepper-nav__step--active .hds-stepper-nav__step-title {
    transition: none;
  }
}
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-indicator-task {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-task__icon {
  width: 12px;
  height: 12px;
}

.hds-stepper-indicator-task--is-interactive {
  cursor: pointer;
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete {
  color: var(--token-color-palette-neutral-300);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete.mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress {
  color: var(--token-color-foreground-action);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress.mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing {
  color: var(--token-color-foreground-action);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing.mock-active {
  color: var(--token-color-foreground-action-active);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete {
  color: var(--token-color-foreground-success);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete.mock-hover {
  color: var(--token-color-palette-green-300);
}
.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete.mock-active {
  color: var(--token-color-palette-green-400);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-table {
  width: 100%;
  border-radius: var(--token-border-radius-medium);
  border-spacing: 0;
}

.hds-table--layout-fixed {
  table-layout: fixed;
}

.hds-table,
.hds-table__th,
.hds-table__td {
  border: calc(1px / 2) solid var(--token-color-border-primary);
}

.hds-table__thead .hds-table__tr {
  color: var(--token-color-foreground-strong);
  background-color: var(--token-color-surface-strong);
}
.hds-table__thead .hds-table__tr .hds-table__th {
  padding: 14px 16px 13px 16px;
  text-align: left;
}
.hds-table__thead .hds-table__tr .hds-table__th--align-center,
.hds-table__thead .hds-table__tr .hds-table__td--align-center {
  text-align: center;
}
.hds-table__thead .hds-table__tr .hds-table__th--align-center .hds-table__th-content,
.hds-table__thead .hds-table__tr .hds-table__td--align-center .hds-table__th-content {
  justify-content: center;
}
.hds-table__thead .hds-table__tr .hds-table__th--align-right,
.hds-table__thead .hds-table__tr .hds-table__td--align-right {
  text-align: right;
}
.hds-table__thead .hds-table__tr .hds-table__th--align-right .hds-table__th-content,
.hds-table__thead .hds-table__tr .hds-table__td--align-right .hds-table__th-content {
  justify-content: flex-end;
}
.hds-table__thead .hds-table__tr:first-of-type .hds-table__th:first-child {
  border-top-left-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-table__thead .hds-table__tr:first-of-type .hds-table__th:last-child {
  border-top-right-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-table__th--is-selectable {
  width: 48px;
}

.hds-table__th-content {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.hds-table__th-button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-x-small);
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-table__th-button:hover, .hds-table__th-button.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}
.hds-table__th-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
}
.hds-table__th-button:focus::before, .hds-table__th-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-table__th-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-table__th-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-table__th-button:focus:active::before, .hds-table__th-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-table__th-button:active, .hds-table__th-button.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-table__th-button--is-sorted {
  color: var(--token-color-foreground-action);
}
.hds-table__th-button--is-sorted:hover, .hds-table__th-button--is-sorted.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-table__th-button--is-sorted:active, .hds-table__th-button--is-sorted.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-table__th-button-aria-label-hidden-segment {
  display: none;
}

.hds-table__tbody .hds-table__tr {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
}
.hds-table--striped .hds-table__tbody .hds-table__tr:nth-child(even) {
  background-color: var(--token-color-surface-faint);
}
.hds-table__tbody .hds-table__tr:last-of-type .hds-table__th:first-child,
.hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:first-child {
  border-bottom-left-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:last-child {
  border-bottom-right-radius: calc(var(--token-border-radius-medium) - 1px);
}
.hds-table__tbody .hds-table__th,
.hds-table__tbody .hds-table__td {
  text-align: left;
}
.hds-table--density-short .hds-table__tbody .hds-table__th,
.hds-table--density-short .hds-table__tbody .hds-table__td {
  padding: 6px 16px 5px 16px;
}
.hds-table--density-medium .hds-table__tbody .hds-table__th,
.hds-table--density-medium .hds-table__tbody .hds-table__td {
  padding: 14px 16px 13px 16px;
}
.hds-table--density-tall .hds-table__tbody .hds-table__th,
.hds-table--density-tall .hds-table__tbody .hds-table__td {
  padding: 22px 16px 21px 16px;
}
.hds-table__tbody .hds-table__th--align-center,
.hds-table__tbody .hds-table__td--align-center {
  text-align: center;
}
.hds-table__tbody .hds-table__th--align-center .hds-table__th-content,
.hds-table__tbody .hds-table__td--align-center .hds-table__th-content {
  justify-content: center;
}
.hds-table__tbody .hds-table__th--align-right,
.hds-table__tbody .hds-table__td--align-right {
  text-align: right;
}
.hds-table__tbody .hds-table__th--align-right .hds-table__th-content,
.hds-table__tbody .hds-table__td--align-right .hds-table__th-content {
  justify-content: flex-end;
}
.hds-table--valign-top .hds-table__tbody .hds-table__th,
.hds-table--valign-top .hds-table__tbody .hds-table__td {
  vertical-align: top;
}
.hds-table--valign-middle .hds-table__tbody .hds-table__th,
.hds-table--valign-middle .hds-table__tbody .hds-table__td {
  vertical-align: middle;
}
.hds-table--valign-baseline .hds-table__tbody .hds-table__th,
.hds-table--valign-baseline .hds-table__tbody .hds-table__td {
  vertical-align: baseline;
}

.hds-table__checkbox {
  display: block;
  margin: 2px 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tabs__tablist-wrapper {
  position: relative;
}
.hds-tabs__tablist-wrapper::before {
  position: absolute;
  right: 0;
  bottom: calc((var(--token-tabs-indicator-height) - var(--token-tabs-divider-height)) / 2);
  left: 0;
  display: block;
  border-top: var(--token-tabs-divider-height) solid var(--token-color-border-primary);
  content: "";
}

.hds-tabs__tablist {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  isolation: isolate;
  -webkit-overflow-scrolling: touch;
}

.hds-tabs__tab {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--token-color-foreground-primary);
  white-space: nowrap;
  text-decoration: none;
  list-style: none;
}
.hds-tabs__tab:hover, .hds-tabs__tab.mock-hover {
  color: var(--token-color-foreground-action);
}
.hds-tabs__tab.hds-tabs__tab--is-selected {
  color: var(--token-color-foreground-action);
}
.hds-tabs__tab.hds-tabs__tab--is-selected:hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-tabs__tab.hds-tabs__tab--is-selected:hover ~ .hds-tabs__tab-indicator {
  background: var(--token-color-foreground-action-hover);
}

.hds-tabs__tab-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
  position: static;
  display: flex;
  gap: var(--token-tabs-tab-gutter);
  align-items: center;
  padding: 0;
  color: inherit;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-body-200-font-family);
  background-color: transparent;
  border: none;
  border-radius: var(--token-tabs-tab-border-radius);
  cursor: pointer;
}
.hds-tabs__tab-button::before {
  position: absolute;
  top: var(--token-tabs-tab-focus-inset);
  right: var(--token-tabs-tab-focus-inset);
  bottom: var(--token-tabs-tab-focus-inset);
  left: var(--token-tabs-tab-focus-inset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-tabs__tab-button:focus::before, .hds-tabs__tab-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tabs__tab-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-tabs__tab-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tabs__tab-button:focus:active::before, .hds-tabs__tab-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.hds-tabs__tab-button::after {
  position: absolute;
  content: "";
  inset: 0;
}

.hds-tabs__tab-indicator {
  position: absolute;
  right: 0;
  bottom: 0;
  left: var(--indicator-left-pos, 0);
  z-index: 1;
  display: block;
  width: var(--indicator-width, 0);
  height: var(--token-tabs-indicator-height);
  background-color: var(--token-color-foreground-action);
  border-radius: var(--token-tabs-indicator-height);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .hds-tabs__tab-indicator {
    transition-timing-function: var(--token-tabs-indicator-transition-function);
    transition-duration: var(--token-tabs-indicator-transition-duration);
    transition-property: left, width;
  }
}

.hds-tabs__panel[hidden] {
  display: none;
}

.hds-tabs--size-medium .hds-tabs__tab {
  height: var(--token-tabs-tab-height-medium);
  padding: var(--token-tabs-tab-padding-vertical) var(--token-tabs-tab-padding-horizontal-medium);
}
.hds-tabs--size-medium .hds-tabs__tab-button {
  font-size: var(--token-typography-body-200-font-size);
}

.hds-tabs--size-large .hds-tabs__tab {
  height: var(--token-tabs-tab-height-large);
  padding: var(--token-tabs-tab-padding-vertical) var(--token-tabs-tab-padding-horizontal-large);
}
.hds-tabs--size-large .hds-tabs__tab-button {
  font-size: var(--token-typography-body-300-font-size);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tag {
  display: inline-flex;
  align-items: stretch;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  vertical-align: middle;
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}

.hds-tag__dismiss {
  flex: 0 0 auto;
  margin: 0;
  padding: 6px 4px 6px 8px;
  background-color: var(--token-color-surface-interactive);
  border: none;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hds-tag__dismiss-icon {
  width: 12px;
  height: 12px;
}

.hds-tag__dismiss-icon,
.hds-tag__text {
  color: var(--token-color-foreground-primary);
}

.hds-tag__text,
.hds-tag__link {
  flex: 1 0 0;
  max-width: 166px;
  padding: 3px 10px 5px 10px;
  background-color: var(--token-color-surface-interactive);
  border-radius: inherit;
}

.hds-tag__text-container {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1rem;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.hds-tag__dismiss ~ .hds-tag__text,
.hds-tag__dismiss ~ .hds-tag__link {
  max-width: 160px;
  padding: 3px 8px 5px 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hds-tag__dismiss,
.hds-tag__link {
  cursor: pointer;
}
.hds-tag__dismiss:hover, .hds-tag__dismiss.mock-hover,
.hds-tag__link:hover,
.hds-tag__link.mock-hover {
  background-color: var(--token-color-surface-interactive-hover);
}
.hds-tag__dismiss:active, .hds-tag__dismiss.mock-active,
.hds-tag__link:active,
.hds-tag__link.mock-active {
  background-color: var(--token-color-surface-interactive-active);
}
.hds-tag__dismiss:focus, .hds-tag__dismiss.mock-focus,
.hds-tag__link:focus,
.hds-tag__link.mock-focus {
  outline-style: solid;
  outline-color: transparent;
  z-index: 1;
}
.hds-tag__dismiss:focus:focus, .hds-tag__dismiss:focus.mock-focus, .hds-tag__dismiss.mock-focus:focus, .hds-tag__dismiss.mock-focus.mock-focus,
.hds-tag__link:focus:focus,
.hds-tag__link:focus.mock-focus,
.hds-tag__link.mock-focus:focus,
.hds-tag__link.mock-focus.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tag__dismiss:focus:focus:not(:focus-visible), .hds-tag__dismiss.mock-focus:focus:not(:focus-visible),
.hds-tag__link:focus:focus:not(:focus-visible),
.hds-tag__link.mock-focus:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-tag__dismiss:focus:focus-visible, .hds-tag__dismiss.mock-focus:focus-visible,
.hds-tag__link:focus:focus-visible,
.hds-tag__link.mock-focus:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tag__dismiss:focus:focus:active, .hds-tag__dismiss:focus.mock-focus.mock-active, .hds-tag__dismiss.mock-focus:focus:active, .hds-tag__dismiss.mock-focus.mock-focus.mock-active,
.hds-tag__link:focus:focus:active,
.hds-tag__link:focus.mock-focus.mock-active,
.hds-tag__link.mock-focus:focus:active,
.hds-tag__link.mock-focus.mock-focus.mock-active {
  box-shadow: none;
}

.hds-tooltip-button.hds-tag__text {
  cursor: text;
  -moz-user-select: text;
       user-select: text;
  outline-style: solid;
  outline-color: transparent;
}
.hds-tooltip-button.hds-tag__text:focus, .hds-tooltip-button.hds-tag__text.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tooltip-button.hds-tag__text:focus:not(:focus-visible) {
  box-shadow: none;
}
.hds-tooltip-button.hds-tag__text:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tooltip-button.hds-tag__text:focus:active, .hds-tooltip-button.hds-tag__text.mock-focus.mock-active {
  box-shadow: none;
}
.hds-tooltip-button.hds-tag__text:focus, .hds-tooltip-button.hds-tag__text.mock-focus {
  z-index: 1;
}
.hds-tooltip-button.hds-tag__text:focus::before, .hds-tooltip-button.hds-tag__text.mock-focus::before {
  box-shadow: none;
}

.hds-tag--color-primary .hds-tag__link {
  color: var(--token-color-foreground-action);
}
.hds-tag--color-primary .hds-tag__link:hover, .hds-tag--color-primary .hds-tag__link.mock-hover {
  color: var(--token-color-foreground-action-hover);
}
.hds-tag--color-primary .hds-tag__link:active, .hds-tag--color-primary .hds-tag__link.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-tag--color-secondary .hds-tag__link {
  color: var(--token-color-foreground-strong);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-text--align-left {
  text-align: left;
}

.hds-text--align-center {
  text-align: center;
}

.hds-text--align-right {
  text-align: right;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-time--range {
  display: inline-flex;
  gap: 2px;
}

.hds-time-wrapper .hds-time {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-toast {
  width: -moz-fit-content;
  width: fit-content;
  min-width: min(360px, 80vw);
  max-width: min(500px, 80vw);
  box-shadow: var(--token-elevation-higher-box-shadow);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tooltip-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.hds-tooltip-button::before {
  position: absolute;
  top: var(--token-tooltip-focus-offset);
  right: var(--token-tooltip-focus-offset);
  bottom: var(--token-tooltip-focus-offset);
  left: var(--token-tooltip-focus-offset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}
.hds-tooltip-button:focus::before, .hds-tooltip-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tooltip-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.hds-tooltip-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}
.hds-tooltip-button:focus:active::before, .hds-tooltip-button.mock-focus.mock-active::before {
  box-shadow: none;
}

:where(.hds-tooltip-button) {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  background-color: inherit;
  border: none;
}

:where(.hds-tooltip-button--is-inline) {
  display: inline-flex;
}

:where(.hds-tooltip-button--is-block) {
  display: flex;
}

.tippy-box[data-theme~=hds] {
  padding: var(--token-tooltip-padding-vertical) var(--token-tooltip-padding-horizontal);
  color: var(--token-tooltip-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  overflow-wrap: break-word;
  background-color: var(--token-tooltip-color-surface-primary);
  border-radius: var(--token-tooltip-border-radius);
  box-shadow: var(--token-elevation-higher-box-shadow);
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-theme~=hds][data-animation=fade][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-theme~=hds][data-inertia][data-state=visible] {
  transition-timing-function: var(--token-tooltip-transition-function);
}
.tippy-box[data-theme~=hds] .tippy-content {
  position: relative;
  z-index: 1;
  max-width: calc(var(--token-tooltip-max-width) - 2 * var(--token-tooltip-padding-horizontal));
  white-space: normal;
  text-align: left;
}
.tippy-box[data-theme~=hds] .tippy-svg-arrow {
  width: 16px;
  height: 16px;
  text-align: initial;
  fill: var(--token-tooltip-color-surface-primary);
}
.tippy-box[data-theme~=hds] .tippy-svg-arrow, .tippy-box[data-theme~=hds] .tippy-svg-arrow > svg {
  position: absolute;
}
.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}
.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}
.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}
.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}
.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}
.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  left: 11px;
  transform: rotate(90deg);
}
.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}
.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  right: 11px;
  transform: rotate(-90deg);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important; /* 3 */
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
}

/*
  Import custom functions (used also in Bulma)
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable-next-line scss/at-function-pattern */
/* stylelint-disable-next-line scss/at-function-pattern */
/*
  Import global variables (used also in Bulma)
  Note: this is the union of
  - Bulma initial variables
  - App override variables
  - Bulma derived variables
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
/*
  The Bulma stack
  "overrides" support inline-fixes for newer versions of scss
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* bulma base */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
embed,
iframe,
object,
video {
  height: auto;
  max-width: 100%;
}

audio {
  max-width: 100%;
}

iframe {
  border: 0;
}

table:not(.hds-table) {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
html {
  background-color: var(--token-color-page-primary);
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
select,
textarea {
  font-family: var(--token-typography-font-stack-text);
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: var(--token-typography-font-stack-code);
}

body {
  color: var(--token-color-foreground-primary);
  font-size: 1rem;
  font-weight: var(--token-typography-font-weight-regular);
  line-height: var(--token-typography-body-200-line-height);
}

a {
  color: var(--token-color-foreground-action);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: var(--token-color-foreground-primary);
}

code {
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-strong);
  font-size: inherit;
  font-weight: normal;
  padding: 0.2em 0.4em;
}

hr {
  background-color: inherit;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-bold);
}

fieldset {
  border: none;
}

pre {
  background-color: var(--token-color-surface-primary);
  color: var(--token-color-foreground-faint);
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
  -webkit-overflow-scrolling: touch;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table:not(.hds-table) td,
table:not(.hds-table) th {
  text-align: left;
  vertical-align: top;
}
table:not(.hds-table) th {
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-size-1 {
  font-size: 2.5rem !important;
}

.is-size-2 {
  font-size: 2rem !important;
}

.is-size-3 {
  font-size: 1.75rem !important;
}

.is-size-4 {
  font-size: 1.313rem !important;
}

.is-size-5 {
  font-size: 1.125rem !important;
}

.is-size-6 {
  font-size: 0.875rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

.has-text-centered {
  text-align: center !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: var(--token-typography-font-weight-regular) !important;
}

.has-text-weight-semibold {
  font-weight: var(--token-typography-font-weight-semibold) !important;
}

.has-text-weight-bold {
  font-weight: var(--token-typography-font-weight-bold) !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-unselectable {
  -moz-user-select: none;
       user-select: none;
}

/* bulma elements */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.table {
  background-color: var(--token-color-surface-primary);
  color: var(--token-color-foreground-primary);
}
.table:not(:last-child) {
  margin-bottom: 1.5rem;
}
.table td,
.table th {
  border: 1px solid var(--token-color-border-primary);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--token-color-terraform-brand);
  color: var(--token-color-foreground-high-contrast);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table table:not(.hds-table) th {
  color: var(--token-color-foreground-faint);
  text-align: left;
}
.table table:not(.hds-table) tr.is-selected {
  background-color: var(--token-color-terraform-brand);
  color: var(--token-color-foreground-high-contrast);
}
.table table:not(.hds-table) tr.is-selected a,
.table table:not(.hds-table) tr.is-selected strong {
  color: currentColor;
}
.table table:not(.hds-table) tr.is-selected td,
.table table:not(.hds-table) tr.is-selected th {
  border-color: var(--token-color-foreground-high-contrast);
  color: currentColor;
}
.table table:not(.hds-table) thead {
  background-color: transparent;
}
.table table:not(.hds-table) thead td,
.table table:not(.hds-table) thead th {
  border-width: 0 0 2px;
  color: var(--token-color-foreground-faint);
}
.table table:not(.hds-table) tfoot {
  background-color: transparent;
}
.table table:not(.hds-table) tfoot td,
.table table:not(.hds-table) tfoot th {
  border-width: 2px 0 0;
  color: var(--token-color-foreground-faint);
}
.table table:not(.hds-table) tbody {
  background-color: transparent;
}
.table table:not(.hds-table) tbody tr:last-child td,
.table table:not(.hds-table) tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: var(--token-color-surface-faint);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: var(--token-color-surface-faint);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: var(--token-color-surface-faint);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--token-color-surface-faint);
}

/* bulma components */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.level {
  align-items: center;
  justify-content: space-between;
}
.level:not(:last-child) {
  margin-bottom: 1.5rem;
}
.level code {
  border-radius: 2px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.media {
  align-items: flex-start;
  display: flex;
  text-align: left;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid var(--token-color-border-strong);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid var(--token-color-border-strong);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
/*
  bulma grid
  "overrides" support inline-fixes for newer versions of scss
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  scss/selector-no-redundant-nesting-selector,
*/
/*
  This file is vendored from https://github.com/jgthms/bulma/blob/0.7.4/sass/grid/columns.sass
  Using inline fixes for `math.div($var, 123)` intead of `$var / 123`
*/
.column {
  display: block;
  flex: 1 1 0;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1087px) {
  .column.is-narrow-touch {
    flex: none;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1088px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1087px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1088px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

/* bulma layout */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1088px) {
  .section.is-medium {
    padding: 9rem 1.5rem;
  }
  .section.is-large {
    padding: 18rem 1.5rem;
  }
}

/*
  Bring in the 3rd parties
*/
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.jsondiffpatch-delta {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Courier, monospace;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 12px;
  display: inline-block;
}

.jsondiffpatch-delta pre {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Courier, monospace;
  font-size: 12px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

ul.jsondiffpatch-delta {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.jsondiffpatch-delta ul {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.jsondiffpatch-added .jsondiffpatch-property-name,
.jsondiffpatch-added .jsondiffpatch-value pre,
.jsondiffpatch-modified .jsondiffpatch-right-value pre,
.jsondiffpatch-textdiff-added {
  background: #bbffbb;
}

.jsondiffpatch-deleted .jsondiffpatch-property-name,
.jsondiffpatch-deleted pre,
.jsondiffpatch-modified .jsondiffpatch-left-value pre,
.jsondiffpatch-textdiff-deleted {
  background: #ffbbbb;
  text-decoration: line-through;
}

.jsondiffpatch-unchanged,
.jsondiffpatch-movedestination {
  color: gray;
}

.jsondiffpatch-unchanged,
.jsondiffpatch-movedestination > .jsondiffpatch-value {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  overflow-y: hidden;
}

.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-showing .jsondiffpatch-movedestination > .jsondiffpatch-value {
  max-height: 100px;
}

.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
  max-height: 0;
}

.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value,
.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
  display: block;
}

.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-visible .jsondiffpatch-movedestination > .jsondiffpatch-value {
  max-height: 100px;
}

.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value {
  max-height: 0;
}

.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
  display: none;
}

.jsondiffpatch-value {
  display: inline-block;
}

.jsondiffpatch-property-name {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
}

.jsondiffpatch-property-name:after {
  content: ": ";
}

.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
  content: ": [";
}

.jsondiffpatch-child-node-type-array:after {
  content: "],";
}

div.jsondiffpatch-child-node-type-array:before {
  content: "[";
}

div.jsondiffpatch-child-node-type-array:after {
  content: "]";
}

.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
  content: ": {";
}

.jsondiffpatch-child-node-type-object:after {
  content: "},";
}

div.jsondiffpatch-child-node-type-object:before {
  content: "{";
}

div.jsondiffpatch-child-node-type-object:after {
  content: "}";
}

.jsondiffpatch-value pre:after {
  content: ",";
}

li:last-child > .jsondiffpatch-value pre:after,
.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
  content: "";
}

.jsondiffpatch-modified .jsondiffpatch-value {
  display: inline-block;
}

.jsondiffpatch-modified .jsondiffpatch-right-value {
  margin-left: 5px;
}

.jsondiffpatch-moved .jsondiffpatch-property-name {
  text-decoration: line-through;
  text-decoration-color: gray;
}

.jsondiffpatch-moved .jsondiffpatch-value {
  display: none;
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination {
  display: inline-block;
  background: #ffffbb;
  color: #888;
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
  content: " => ";
}

ul.jsondiffpatch-textdiff {
  padding: 0;
}

.jsondiffpatch-textdiff-location {
  color: #bbb;
  display: inline-block;
  min-width: 60px;
}

.jsondiffpatch-textdiff-line {
  display: inline-block;
}

.jsondiffpatch-textdiff-line-number:after {
  content: ",";
}

.jsondiffpatch-error {
  background: red;
  color: white;
  font-weight: bold;
}

/* HDS Overrides*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
.hds-advanced-table__tbody { /* stylelint-disable-line */ }
.hds-advanced-table__tbody .hds-advanced-table__td, .hds-advanced-table__tbody .hds-advanced-table__th { /* stylelint-disable-line */
  overflow-wrap: anywhere;
}

.hds-advanced-table__container { /* stylelint-disable-line */
  display: grid;
  align-items: start;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.hds-time-wrapper .hds-time.vcs-repo-last-webhook-time {
  text-decoration: none;
}

/*
# BASICS

These are global overrides that are specific to Ember and not tied to a particular Bulma-like classname.
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
.tfe-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: calc(100vw - var(--sidebar-width));
  padding: 0;
}

.sidebar-nav {
  /**
  This z-index is currently needed for hds side-nav due to runlist-item.runlist-item--attention::before having a z-index of 10.
  The ::before bleeds through the sidenav in tablet and smaller viewports when it is expanded
  **/
  z-index: 11;
}

/**
  the is-9-mobile and is-3-mobile class are not working properly and are causing containers to have overflowing
  content in viewports under 1088px
**/
@media (width <= 1088px) {
  .is-9-mobile {
    width: 75%;
  }
}

@media (width <= 1088px) {
  .is-3-mobile {
    flex: none;
    width: 25%;
  }
}

.expanded-margin-custom-container {
  max-width: unset;
  margin: 24px 24px 16px;
}
@media (width >= 1440px) and (width <= 1919px) {
  .expanded-margin-custom-container {
    margin: 24px 48px 16px;
  }
}
@media (width >= 1920px) {
  .expanded-margin-custom-container {
    margin: 24px 64px 16px;
  }
}

:root {
  --expanded-app-sidebar-width: var(--hds-app-side-nav-width-expanded);
  --minimized-app-sidebar-width: var(--hds-app-side-nav-width-minimized);
  --sidebar-width: var(--expanded-sidebar-width);
  --global-chat-width: 400px;
}

/**
  Global chat POC: while the docked chat panel is open (.global-chat-open is
  toggled on <body> by the global-chat service) we shift the content rows
  (main + footer) left to make room for the panel, while leaving the global top
  bar spanning the full viewport (standard flyout behavior). The left sidenav is
  collapsed via its native HDS toggle in v2-sidebar-menu-global.js.
*/
.global-chat-open {
  /* stylelint-disable-next-line selector-class-pattern */
}
.global-chat-open .hds-app-frame__main,
.global-chat-open .hds-app-frame__footer {
  margin-right: var(--global-chat-width);
  transition: margin-right 150ms ease-in-out;
}

/*
# CORE

These are core styles and overrides. Core styles are styles that globally affect the application, for example
setting header (h1, h2, …) styling. Or components that are used quite globally such as "column" (Bulma does
this though, so not a great example). This also includes overrides such as augmentations to Bulma's "column"
(not a great idea, but maybe we want the margins to be slightly different for example and variables aren't
cutting it).
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
@keyframes expand {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.table-filters__segmented-group .ember-basic-dropdown-trigger .count-badge, .table-filters__segmented-group button .count-badge {
  background-color: var(--token-color-surface-strong);
  border-radius: 2px;
  color: var(--token-color-foreground-faint);
  display: inline-block;
  font-size: 0.75rem;
  margin: 0 5px;
  min-width: 1.4rem;
  padding: 3px 6px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.admin-list-item {
  border-bottom: 1px solid var(--token-color-border-strong);
  border-left: 1px solid var(--token-color-border-strong);
  border-right: 1px solid var(--token-color-border-strong);
  display: block;
  padding: 0.75rem 1rem;
}
.admin-list-item:first-child {
  border-top: 1px solid var(--token-color-border-strong);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.admin-list-item:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.admin-list-item.is-clickable:hover {
  background: var(--token-color-surface-faint);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.block:not(:last-child) {
  margin-bottom: 1.5rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.box {
  background-color: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-x-small);
  border: 1px solid var(--token-color-border-strong);
  color: var(--token-color-foreground-primary);
  display: block;
  padding: 1.25rem;
}
.box:not(:last-child) {
  margin-bottom: 1.5rem;
}
.box.box--secondary {
  background-color: var(--token-color-surface-strong);
  border-color: transparent;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.columns .column.is-centered {
  place-self: center center;
  text-align: center;
}

/* stylelint-disable selector-max-compound-selectors */
/* stylelint-disable max-nesting-depth */
/* stylelint-disable no-descending-specificity */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.content:not(:last-child) {
  margin-bottom: 1.5rem;
}
.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-500-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-500-line-height);
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-400-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-400-line-height);
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-300-line-height);
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: 1.125;
  margin-bottom: 0.8em;
}
.content h5 {
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-display-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-200-line-height);
  margin-bottom: 0.8888em;
}
.content h6 {
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-display-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-200-line-height);
  margin-bottom: 1em;
}
.content blockquote {
  background-color: var(--token-color-surface-primary);
  border-left: 5px solid var(--token-color-border-primary);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
  -webkit-overflow-scrolling: touch;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid var(--token-color-border-primary);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: var(--token-color-foreground-faint);
  text-align: left;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: var(--token-color-foreground-faint);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: var(--token-color-foreground-faint);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/*
Examples:
<Hds::Icon class="is-small is-pulled-right" @name="check" @color="faint" />
<Hds::Icon class="is-40x40" @name="check" @size="24" />
*/
.hds-icon.is-pulled-right {
  justify-content: flex-end;
  margin-left: auto;
}
.hds-icon.is-transparent {
  opacity: 0;
}
.hds-icon.is-pulsing {
  animation: pulsing 1.5s infinite linear;
  opacity: 0.7;
}
.hds-icon.not-animated {
  animation: none;
}
@keyframes pulsing {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}
.hds-icon.is-small {
  height: 1rem;
  min-width: 1rem;
  width: 1rem;
}
.hds-icon.is-medium {
  height: 1.5rem;
  min-width: 1.5rem;
  width: 1.5rem;
}
.hds-icon.is-8x8 {
  height: 8px;
  min-width: 8px;
  width: 8px;
}
.hds-icon.is-10x10 {
  height: 10px;
  min-width: 10px;
  width: 10px;
}
.hds-icon.is-32x32 {
  height: 32px;
  min-width: 32px;
  width: 32px;
}
.hds-icon.is-40x40 {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.hds-icon.is-scaling {
  height: auto;
  width: 100%;
}
.hds-icon.is-wxh-auto {
  height: auto;
  min-width: auto;
  width: auto;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-type,
  selector-max-compound-selectors,
  selector-no-qualifying-type,
  no-descending-specificity,
*/
.label {
  display: block;
  color: var(--token-form-label-color);
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typoggraphy-body-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-body-200-line-height);
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}

.help {
  display: block;
  color: var(--token-form-helper-text-color);
  font-family: var(--token-typography-body-100-font-family);
  font-size: var(--token-typography-body-100-font-size);
  line-height: var(--token-typography-body-100-line-height);
  margin-top: 0.2rem;
}

.input {
  padding: var(--token-form-control-padding);
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  background-color: var(--token-form-control-base-surface-color-default);
  color: var(--token-form-control-base-foreground-value-color);
  border: 1px solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 100%;
}
.input::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.input::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.input:hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.input:focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}
.input[readonly] {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.input[disabled], fieldset[disabled] .input {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.input.input--has-max-width {
  max-width: 250px;
}

.textarea {
  padding: var(--token-form-control-padding);
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  background-color: var(--token-form-control-base-surface-color-default);
  color: var(--token-form-control-base-foreground-value-color);
  border: 1px solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  resize: vertical;
}
.textarea::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.textarea::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.textarea:hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.textarea:focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}
.textarea[readonly] {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}
.textarea[disabled], fieldset[disabled] .textarea {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.textarea:not([rows]) {
  height: auto;
  min-height: 120px;
  max-height: 600px;
}

.checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
  color: var(--token-form-label-color);
  font-weight: var(--token-typography-font-weight-semibold);
}
.checkbox input {
  cursor: pointer;
  margin-right: 0.75rem;
  vertical-align: middle;
  width: var(--token-form-checkbox-size);
  height: var(--token-form-checkbox-size);
  background-position: center center;
  background-size: var(--token-form-checkbox-background-image-size) var(--token-form-checkbox-background-image-size);
  border-style: solid;
  border-width: var(--token-form-checkbox-border-width);
  border-radius: var(--token-form-checkbox-border-radius);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.checkbox input:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.checkbox input:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}
.checkbox input:indeterminate {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate);
  border-color: var(--token-form-control-checked-border-color-default);
}
.checkbox input:focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}
.checkbox input[disabled], fieldset[disabled] .checkbox input {
  cursor: not-allowed;
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
}
.checkbox input[disabled]:checked, fieldset[disabled] .checkbox input:checked {
  background-image: var(--token-form-checkbox-background-image-data-url-disabled);
}
.checkbox input[disabled]:indeterminate, fieldset[disabled] .checkbox input:indeterminate {
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate-disabled);
}

.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
  color: var(--token-form-label-color);
  font-weight: var(--token-typography-font-weight-semibold);
}
.radio + .radio {
  margin-left: 0.5em;
}
.radio input {
  cursor: pointer;
  margin-right: 0.75rem;
  vertical-align: middle;
  width: var(--token-form-radio-size);
  height: var(--token-form-radio-size);
  background-position: center center;
  background-size: var(--token-form-radio-background-image-size) var(--token-form-radio-background-image-size);
  border-style: solid;
  border-width: var(--token-form-radio-border-width);
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio input:not(:checked) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.radio input:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-radio-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}
.radio input:focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}
.radio input[disabled], fieldset[disabled] .radio input {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.radio input[disabled]:checked, fieldset[disabled] .radio input:checked {
  background-image: var(--token-form-radio-background-image-data-url-disabled);
}

.select {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.select select {
  padding: var(--token-form-control-padding);
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  background-color: var(--token-form-control-base-surface-color-default);
  color: var(--token-form-control-base-foreground-value-color);
  border: 1px solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: block;
  min-width: 250px;
  max-width: 100%;
  padding-right: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) top var(--token-form-select-background-image-position-top-y);
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  box-shadow: --token-elevation-low-box-shadow;
}
.select select::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.select select::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.select select:hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.select select:focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}
.select select[disabled], fieldset[disabled] .select select {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.select select[disabled], .select select[disabled]:hover, fieldset[disabled] .select select, fieldset[disabled] .select select:hover {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
}
.select.disabled select {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control {
  flex-shrink: 0;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child, :last-child) .button,
.field.has-addons .control:not(:first-child, :last-child) .input,
.field.has-addons .control:not(:first-child, :last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .checkbox,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select {
  border-bottom-right-radius: var(--token-border-radius-x-small);
  border-top-right-radius: var(--token-border-radius-x-small);
}
.field.has-addons .control:first-of-type {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons .control:first-of-type .button,
.field.has-addons .control:first-of-type .checkbox,
.field.has-addons .control:first-of-type .input,
.field.has-addons .control:first-of-type .select select {
  border-bottom-left-radius: var(--token-border-radius-x-small);
  border-top-left-radius: var(--token-border-radius-x-small);
}
.field.has-addons .control .label,
.field.has-addons .control .button,
.field.has-addons .control .checkbox,
.field.has-addons .control .input,
.field.has-addons .control .select select {
  border-radius: 0;
}
.field.has-addons .control .label:hover, .field.has-addons .control .label.is-hovered,
.field.has-addons .control .button:hover,
.field.has-addons .control .button.is-hovered,
.field.has-addons .control .checkbox:hover,
.field.has-addons .control .checkbox.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .select select:hover,
.field.has-addons .control .select select.is-hovered {
  z-index: 2;
}
.field.has-addons .control .label:focus, .field.has-addons .control .label.is-focused, .field.has-addons .control .label:active, .field.has-addons .control .label.is-active,
.field.has-addons .control .button:focus,
.field.has-addons .control .button.is-focused,
.field.has-addons .control .button:active,
.field.has-addons .control .button.is-active,
.field.has-addons .control .checkbox:focus,
.field.has-addons .control .checkbox.is-focused,
.field.has-addons .control .checkbox:active,
.field.has-addons .control .checkbox.is-active,
.field.has-addons .control .input:focus,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .input.is-active,
.field.has-addons .control .select select:focus,
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select.is-active {
  z-index: 3;
}
.field.has-addons .control .label:focus:hover, .field.has-addons .control .label.is-focused:hover, .field.has-addons .control .label:active:hover, .field.has-addons .control .label.is-active:hover,
.field.has-addons .control .button:focus:hover,
.field.has-addons .control .button.is-focused:hover,
.field.has-addons .control .button:active:hover,
.field.has-addons .control .button.is-active:hover,
.field.has-addons .control .checkbox:focus:hover,
.field.has-addons .control .checkbox.is-focused:hover,
.field.has-addons .control .checkbox:active:hover,
.field.has-addons .control .checkbox.is-active:hover,
.field.has-addons .control .input:focus:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .select select:focus:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover,
.field.has-addons .control .select select.is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
}
.field.has-addons > .label {
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
}
.field.has-addons .checkbox {
  padding: var(--token-form-control-padding);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--token-color-surface-strong);
}
.field.has-addons .checkbox input {
  margin-right: 0.5em;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .field.is-horizontal .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal .field-label {
    flex: 1 0 0;
    margin-right: 1.5rem;
    text-align: right;
    padding-top: 0.375em;
  }
}

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex: 5 1 0;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex: 1 1 0;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .field-body {
    margin-bottom: 2rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: var(--token-typoggraphy-body-200-font-size);
  position: relative;
  text-align: left;
}

label {
  cursor: pointer;
}
label[disabled] {
  cursor: not-allowed;
  -moz-user-select: none;
       user-select: none;
}

label.radio ~ .help,
label.checkbox ~ .help {
  margin-left: 28px;
}

.hds-power-select .ember-power-select-multiple-options {
  margin: 0.5rem !important;
  margin-top: 0 !important;
}
.hds-power-select .ember-power-select-multiple-options .ember-power-select-multiple-option {
  background-color: var(--token-color-surface-strong);
  border: unset;
  margin-right: 0.25rem !important;
  margin-top: 0.25rem !important;
  padding: 1px 5px 2px;
}

@media screen and (min-width: 769px), print {
  .field-body > .field:not(.is-narrow) {
    flex-basis: 0;
    flex-grow: 1;
  }
  .field-body > .field.is-third {
    flex: 0 1 auto;
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .field-body {
    margin-bottom: 2rem;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-max-type
*/
body {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-200-font-size);
}

hr {
  background: inherit;
  height: auto;
  background-color: inherit;
}

table {
  width: 100%;
}

strong {
  color: inherit;
}

.content h1 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-500-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-500-line-height);
}
.content h2 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-400-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-400-line-height);
}
.content h3 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-300-line-height);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
*/
/*
  Margin, Padding, and Gap Helpers
*/
.has-padding {
  padding: 1rem !important;
}

.has-margin {
  margin: 1rem !important;
}

.has-margin-auto {
  margin: 0 auto !important;
}

.flex-end-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 24px;
}

.is-new-workspace-connection-buttons {
  margin-top: 80px;
  justify-content: space-between;
}

.has-padding-none {
  padding: 0 !important;
}

.has-margin-none {
  margin: 0 !important;
}

.has-gap-none {
  gap: 0 !important;
}

.has-padding-top-none {
  padding-top: 0 !important;
}

.has-margin-top-none {
  margin-top: 0 !important;
}

.has-padding-right-none {
  padding-right: 0 !important;
}

.has-margin-right-none {
  margin-right: 0 !important;
}

.has-padding-bottom-none {
  padding-bottom: 0 !important;
}

.has-margin-bottom-none {
  margin-bottom: 0 !important;
}

.has-padding-left-none {
  padding-left: 0 !important;
}

.has-margin-left-none {
  margin-left: 0 !important;
}

.has-padding-vert-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.has-margin-vert-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.has-padding-horiz-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.has-margin-horiz-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.has-gap-row-none {
  row-gap: 0 !important;
}

.has-gap-column-none {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.has-padding-auto {
  padding: auto !important;
}

.has-margin-auto {
  margin: auto !important;
}

.has-gap-auto {
  gap: auto !important;
}

.has-padding-top-auto {
  padding-top: auto !important;
}

.has-margin-top-auto {
  margin-top: auto !important;
}

.has-padding-right-auto {
  padding-right: auto !important;
}

.has-margin-right-auto {
  margin-right: auto !important;
}

.has-padding-bottom-auto {
  padding-bottom: auto !important;
}

.has-margin-bottom-auto {
  margin-bottom: auto !important;
}

.has-padding-left-auto {
  padding-left: auto !important;
}

.has-margin-left-auto {
  margin-left: auto !important;
}

.has-padding-vert-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.has-margin-vert-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.has-padding-horiz-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.has-margin-horiz-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.has-gap-row-auto {
  row-gap: auto !important;
}

.has-gap-column-auto {
  -moz-column-gap: auto !important;
       column-gap: auto !important;
}

.has-padding-xs {
  padding: 0.2rem !important;
}

.has-margin-xs {
  margin: 0.2rem !important;
}

.has-gap-xs {
  gap: 0.2rem !important;
}

.has-padding-top-xs {
  padding-top: 0.2rem !important;
}

.has-margin-top-xs {
  margin-top: 0.2rem !important;
}

.has-padding-right-xs {
  padding-right: 0.2rem !important;
}

.has-margin-right-xs {
  margin-right: 0.2rem !important;
}

.has-padding-bottom-xs {
  padding-bottom: 0.2rem !important;
}

.has-margin-bottom-xs {
  margin-bottom: 0.2rem !important;
}

.has-padding-left-xs {
  padding-left: 0.2rem !important;
}

.has-margin-left-xs {
  margin-left: 0.2rem !important;
}

.has-padding-vert-xs {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

.has-margin-vert-xs {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}

.has-padding-horiz-xs {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}

.has-margin-horiz-xs {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.has-gap-row-xs {
  row-gap: 0.2rem !important;
}

.has-gap-column-xs {
  -moz-column-gap: 0.2rem !important;
       column-gap: 0.2rem !important;
}

.has-padding-sm {
  padding: 0.5rem !important;
}

.has-margin-sm {
  margin: 0.5rem !important;
}

.has-gap-sm {
  gap: 0.5rem !important;
}

.has-padding-top-sm {
  padding-top: 0.5rem !important;
}

.has-margin-top-sm {
  margin-top: 0.5rem !important;
}

.has-padding-right-sm {
  padding-right: 0.5rem !important;
}

.has-margin-right-sm {
  margin-right: 0.5rem !important;
}

.has-padding-bottom-sm {
  padding-bottom: 0.5rem !important;
}

.has-margin-bottom-sm {
  margin-bottom: 0.5rem !important;
}

.has-padding-left-sm {
  padding-left: 0.5rem !important;
}

.has-margin-left-sm {
  margin-left: 0.5rem !important;
}

.has-padding-vert-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.has-margin-vert-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.has-padding-horiz-sm {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.has-margin-horiz-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.has-gap-row-sm {
  row-gap: 0.5rem !important;
}

.has-gap-column-sm {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.has-padding-sm-2 {
  padding: 0.75rem !important;
}

.has-margin-sm-2 {
  margin: 0.75rem !important;
}

.has-gap-sm-2 {
  gap: 0.75rem !important;
}

.has-padding-top-sm-2 {
  padding-top: 0.75rem !important;
}

.has-margin-top-sm-2 {
  margin-top: 0.75rem !important;
}

.has-padding-right-sm-2 {
  padding-right: 0.75rem !important;
}

.has-margin-right-sm-2 {
  margin-right: 0.75rem !important;
}

.has-padding-bottom-sm-2 {
  padding-bottom: 0.75rem !important;
}

.has-margin-bottom-sm-2 {
  margin-bottom: 0.75rem !important;
}

.has-padding-left-sm-2 {
  padding-left: 0.75rem !important;
}

.has-margin-left-sm-2 {
  margin-left: 0.75rem !important;
}

.has-padding-vert-sm-2 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.has-margin-vert-sm-2 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.has-padding-horiz-sm-2 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.has-margin-horiz-sm-2 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.has-gap-row-sm-2 {
  row-gap: 0.75rem !important;
}

.has-gap-column-sm-2 {
  -moz-column-gap: 0.75rem !important;
       column-gap: 0.75rem !important;
}

.has-padding {
  padding: 1rem !important;
}

.has-margin {
  margin: 1rem !important;
}

.has-gap {
  gap: 1rem !important;
}

.has-padding-top {
  padding-top: 1rem !important;
}

.has-margin-top {
  margin-top: 1rem !important;
}

.has-padding-right {
  padding-right: 1rem !important;
}

.has-margin-right {
  margin-right: 1rem !important;
}

.has-padding-bottom {
  padding-bottom: 1rem !important;
}

.has-margin-bottom {
  margin-bottom: 1rem !important;
}

.has-padding-left {
  padding-left: 1rem !important;
}

.has-margin-left {
  margin-left: 1rem !important;
}

.has-padding-vert {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.has-margin-vert {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.has-padding-horiz {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.has-margin-horiz {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.has-gap-row {
  row-gap: 1rem !important;
}

.has-gap-column {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.has-padding-md {
  padding: 1.5rem !important;
}

.has-margin-md {
  margin: 1.5rem !important;
}

.has-gap-md {
  gap: 1.5rem !important;
}

.has-padding-top-md {
  padding-top: 1.5rem !important;
}

.has-margin-top-md {
  margin-top: 1.5rem !important;
}

.has-padding-right-md {
  padding-right: 1.5rem !important;
}

.has-margin-right-md {
  margin-right: 1.5rem !important;
}

.has-padding-bottom-md {
  padding-bottom: 1.5rem !important;
}

.has-margin-bottom-md {
  margin-bottom: 1.5rem !important;
}

.has-padding-left-md {
  padding-left: 1.5rem !important;
}

.has-margin-left-md {
  margin-left: 1.5rem !important;
}

.has-padding-vert-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.has-margin-vert-md {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.has-padding-horiz-md {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.has-margin-horiz-md {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.has-gap-row-md {
  row-gap: 1.5rem !important;
}

.has-gap-column-md {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.has-padding-lg {
  padding: 2rem !important;
}

.has-margin-lg {
  margin: 2rem !important;
}

.has-gap-lg {
  gap: 2rem !important;
}

.has-padding-top-lg {
  padding-top: 2rem !important;
}

.has-margin-top-lg {
  margin-top: 2rem !important;
}

.has-padding-right-lg {
  padding-right: 2rem !important;
}

.has-margin-right-lg {
  margin-right: 2rem !important;
}

.has-padding-bottom-lg {
  padding-bottom: 2rem !important;
}

.has-margin-bottom-lg {
  margin-bottom: 2rem !important;
}

.has-padding-left-lg {
  padding-left: 2rem !important;
}

.has-margin-left-lg {
  margin-left: 2rem !important;
}

.has-padding-vert-lg {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.has-margin-vert-lg {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.has-padding-horiz-lg {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.has-margin-horiz-lg {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.has-gap-row-lg {
  row-gap: 2rem !important;
}

.has-gap-column-lg {
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}

.has-padding-lg-2 {
  padding: 2.5rem !important;
}

.has-margin-lg-2 {
  margin: 2.5rem !important;
}

.has-gap-lg-2 {
  gap: 2.5rem !important;
}

.has-padding-top-lg-2 {
  padding-top: 2.5rem !important;
}

.has-margin-top-lg-2 {
  margin-top: 2.5rem !important;
}

.has-padding-right-lg-2 {
  padding-right: 2.5rem !important;
}

.has-margin-right-lg-2 {
  margin-right: 2.5rem !important;
}

.has-padding-bottom-lg-2 {
  padding-bottom: 2.5rem !important;
}

.has-margin-bottom-lg-2 {
  margin-bottom: 2.5rem !important;
}

.has-padding-left-lg-2 {
  padding-left: 2.5rem !important;
}

.has-margin-left-lg-2 {
  margin-left: 2.5rem !important;
}

.has-padding-vert-lg-2 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.has-margin-vert-lg-2 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.has-padding-horiz-lg-2 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.has-margin-horiz-lg-2 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.has-gap-row-lg-2 {
  row-gap: 2.5rem !important;
}

.has-gap-column-lg-2 {
  -moz-column-gap: 2.5rem !important;
       column-gap: 2.5rem !important;
}

.has-padding-xl {
  padding: 3rem !important;
}

.has-margin-xl {
  margin: 3rem !important;
}

.has-gap-xl {
  gap: 3rem !important;
}

.has-padding-top-xl {
  padding-top: 3rem !important;
}

.has-margin-top-xl {
  margin-top: 3rem !important;
}

.has-padding-right-xl {
  padding-right: 3rem !important;
}

.has-margin-right-xl {
  margin-right: 3rem !important;
}

.has-padding-bottom-xl {
  padding-bottom: 3rem !important;
}

.has-margin-bottom-xl {
  margin-bottom: 3rem !important;
}

.has-padding-left-xl {
  padding-left: 3rem !important;
}

.has-margin-left-xl {
  margin-left: 3rem !important;
}

.has-padding-vert-xl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.has-margin-vert-xl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.has-padding-horiz-xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.has-margin-horiz-xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.has-gap-row-xl {
  row-gap: 3rem !important;
}

.has-gap-column-xl {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

@media screen and (max-width: 769px) {
  .has-padding-none-mobile {
    padding: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-none-mobile {
    margin: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-none-mobile {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-none-mobile {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-none-mobile {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-none-mobile {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-none-mobile {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-none-mobile {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-none-mobile {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-none-mobile {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-none-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-none-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-none-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-none-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-auto-mobile {
    padding: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-auto-mobile {
    margin: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-auto-mobile {
    padding-top: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-auto-mobile {
    margin-top: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-auto-mobile {
    padding-right: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-auto-mobile {
    margin-right: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-auto-mobile {
    padding-bottom: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-auto-mobile {
    margin-bottom: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-auto-mobile {
    padding-left: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-auto-mobile {
    margin-left: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-auto-mobile {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-auto-mobile {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-auto-mobile {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-auto-mobile {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-xs-mobile {
    padding: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-xs-mobile {
    margin: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-xs-mobile {
    padding-top: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-xs-mobile {
    margin-top: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-xs-mobile {
    padding-right: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-xs-mobile {
    margin-right: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-xs-mobile {
    padding-bottom: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-xs-mobile {
    margin-bottom: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-xs-mobile {
    padding-left: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-xs-mobile {
    margin-left: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-xs-mobile {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-xs-mobile {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-xs-mobile {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-xs-mobile {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-sm-mobile {
    padding: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-sm-mobile {
    margin: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-sm-mobile {
    padding-top: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-sm-mobile {
    margin-top: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-sm-mobile {
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-sm-mobile {
    margin-right: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-sm-mobile {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-sm-mobile {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-sm-mobile {
    padding-left: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-sm-mobile {
    margin-left: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-sm-mobile {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-sm-mobile {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-sm-mobile {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-sm-mobile {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-sm-2-mobile {
    padding: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-sm-2-mobile {
    margin: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-sm-2-mobile {
    padding-top: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-sm-2-mobile {
    margin-top: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-sm-2-mobile {
    padding-right: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-sm-2-mobile {
    margin-right: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-sm-2-mobile {
    padding-bottom: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-sm-2-mobile {
    margin-bottom: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-sm-2-mobile {
    padding-left: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-sm-2-mobile {
    margin-left: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-sm-2-mobile {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-sm-2-mobile {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-sm-2-mobile {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-sm-2-mobile {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-mobile {
    padding: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-mobile {
    margin: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-mobile {
    padding-top: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-mobile {
    margin-top: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-mobile {
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-mobile {
    margin-right: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-mobile {
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-mobile {
    margin-bottom: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-mobile {
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-mobile {
    margin-left: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-mobile {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-mobile {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-mobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-mobile {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-md-mobile {
    padding: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-md-mobile {
    margin: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-md-mobile {
    padding-top: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-md-mobile {
    margin-top: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-md-mobile {
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-md-mobile {
    margin-right: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-md-mobile {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-md-mobile {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-md-mobile {
    padding-left: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-md-mobile {
    margin-left: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-md-mobile {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-md-mobile {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-md-mobile {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-md-mobile {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-lg-mobile {
    padding: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-lg-mobile {
    margin: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-lg-mobile {
    padding-top: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-lg-mobile {
    margin-top: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-lg-mobile {
    padding-right: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-lg-mobile {
    margin-right: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-lg-mobile {
    padding-bottom: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-lg-mobile {
    margin-bottom: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-lg-mobile {
    padding-left: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-lg-mobile {
    margin-left: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-lg-mobile {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-lg-mobile {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-lg-mobile {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-lg-mobile {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-lg-2-mobile {
    padding: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-lg-2-mobile {
    margin: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-lg-2-mobile {
    padding-top: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-lg-2-mobile {
    margin-top: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-lg-2-mobile {
    padding-right: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-lg-2-mobile {
    margin-right: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-lg-2-mobile {
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-lg-2-mobile {
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-lg-2-mobile {
    padding-left: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-lg-2-mobile {
    margin-left: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-lg-2-mobile {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-lg-2-mobile {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-lg-2-mobile {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-lg-2-mobile {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-xl-mobile {
    padding: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-xl-mobile {
    margin: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-top-xl-mobile {
    padding-top: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-top-xl-mobile {
    margin-top: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-right-xl-mobile {
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-right-xl-mobile {
    margin-right: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-bottom-xl-mobile {
    padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-bottom-xl-mobile {
    margin-bottom: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-left-xl-mobile {
    padding-left: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-left-xl-mobile {
    margin-left: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-vert-xl-mobile {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-vert-xl-mobile {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-padding-horiz-xl-mobile {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 769px) {
  .has-margin-horiz-xl-mobile {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

/*
  Display helpers
*/
.is-pos-rel {
  position: relative;
}

.is-flex-1 {
  flex: 1;
}

.is-flex-fill {
  flex-grow: 1;
}

.is-flex-shrink {
  flex-shrink: 1;
}

.is-flex-shrink-0 {
  flex-shrink: 0;
}

.is-flex-auto {
  flex: 1 1 auto !important;
  flex-basis: auto !important;
}

.is-flex-direction-column {
  flex-direction: column;
}

.is-flex-direction-row {
  flex-direction: row;
}

.is-flex-wrap {
  flex-wrap: wrap;
}

.is-inline-block {
  display: inline-block;
}

.is-inline-flex {
  display: inline-flex;
}

.is-display-flex {
  display: flex;
}

.is-display-grid {
  display: grid;
}

.is-display-block {
  display: block;
}

.is-display-contents {
  display: contents;
}

.is-overflow-x-auto {
  overflow-x: auto;
}

.is-overflow-y-auto {
  overflow-y: auto;
}

.has-inherit-width {
  width: inherit;
}

.is-align-items-flex-end {
  align-items: flex-end;
}

.is-align-items-flex-start {
  align-items: flex-start;
}

.is-align-items-center {
  align-items: center;
}

.is-align-items-normal {
  align-items: normal;
}

.flex-container.has-flex-gap-sm > * {
  margin-right: 0.5rem;
}
.flex-container.has-flex-gap-sm > *:last-child {
  margin-right: 0;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.has-focus-primary:focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

/*
  Border Helpers
*/
.is-borderless {
  border: unset !important;
}

.has-border {
  border: 1px solid var(--token-color-border-strong);
}

.has-dashed-border {
  border: 3px dashed var(--token-color-border-strong) !important;
}

.has-border-transparent {
  border: 1px solid transparent;
}

.has-border-bottom {
  border-bottom: 1px solid var(--token-color-border-strong);
}

.has-border-bottom-lighter {
  border-bottom: 1px solid var(--token-color-border-faint);
}

.has-border-top-none {
  border-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.has-border-radius-left-none {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.has-border-radius-right-none {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.has-border-bottom-none {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.has-rounded-border {
  border-radius: 2px;
}

.has-rounded-border-lg {
  border-radius: 4px;
}

.has-rounded-border-xl {
  border-radius: var(--token-border-radius-large);
}

.has-page-header {
  margin: 0;
}
.has-page-header.has-dropdown {
  z-index: 1;
}
.has-page-header h1 {
  font-weight: var(--token-typography-font-weight-bold);
}

.transparent-dropdown {
  background: transparent !important;
  border: 0;
  box-shadow: none;
  padding: 3px;
}

.has-border-top {
  border-top: 1px solid var(--token-color-border-primary) !important;
}

.has-border-right {
  border-right: 1px solid var(--token-color-border-primary) !important;
}

.has-border-bottom {
  border-bottom: 1px solid var(--token-color-border-primary) !important;
}

.has-border-left {
  border-left: 1px solid var(--token-color-border-primary) !important;
}

@media screen and (max-width: 769px) {
  .has-border-top-none-mobile {
    border-top: unset !important;
  }
}
@media screen and (max-width: 769px) {
  .has-border-right-none-mobile {
    border-right: unset !important;
  }
}
@media screen and (max-width: 769px) {
  .has-border-bottom-none-mobile {
    border-bottom: unset !important;
  }
}
@media screen and (max-width: 769px) {
  .has-border-left-none-mobile {
    border-left: unset !important;
  }
}
/*
  Color helpers
*/
.has-current-color {
  fill: currentcolor;
}

.is-color-inherited {
  color: inherit !important;
}

.has-text-decorative {
  color: var(--token-color-palette-neutral-300);
}

.has-background-none {
  background: none !important;
}

/*
  Text Helpers
*/
.has-text-decoration {
  text-decoration: underline;
}

.has-text-decoration-hover {
  text-decoration: none;
}
.has-text-decoration-hover:hover {
  text-decoration: underline;
}

.has-no-text-transform {
  text-transform: none !important;
}

.has-centered-text {
  text-align: center !important;
}

.has-right-text {
  text-align: right !important;
}

.has-left-text {
  text-align: left !important;
}

.is-f-align-start {
  align-items: flex-start !important;
}

.is-f-align-center {
  align-items: center !important;
}

.is-f-align-stretch {
  align-items: stretch !important;
}

.is-f-justify-start {
  justify-content: flex-start !important;
}

.is-f-justify-center {
  justify-content: center !important;
}

.is-f-justify-end {
  justify-content: flex-end !important;
}

.is-f-justify-space-between {
  justify-content: space-between !important;
}

.is-f-justify-space-around {
  justify-content: space-around !important;
}

.is-text-nowrap {
  white-space: nowrap !important;
}

.is-text-prewrap {
  white-space: pre-wrap !important;
}

.is-text-wrap {
  text-wrap: wrap !important;
}

.is-f-aligned-start {
  align-self: flex-start;
}

.is-f-aligned-end {
  align-self: flex-end;
}

/*
  Font sizes
*/
.is-size-small {
  font-size: 0.75rem;
}

.is-size-normal {
  font-size: 0.875rem;
}

.is-size-medium {
  font-size: 1.125rem;
}

.is-size-large {
  font-size: 1.313rem;
}

.is-size-xlarge {
  font-size: 1.75rem;
}

/*
  Height Helpers
*/
.is-height-full {
  min-height: 100% !important;
}

/*
  Width Helpers
*/
.is-width-full {
  width: 100% !important;
}

.is-width-auto {
  width: auto !important;
}

.min-width-content {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.tablet-width-nav {
  min-width: 513px;
}

.is-max-width-half {
  max-width: 50%;
}

.max-width-none {
  max-width: 0;
}

.max-width-dropdown-button {
  max-width: 16rem;
}

.max-width-narrower {
  max-width: 24rem;
}

.max-width-narrow {
  max-width: 35rem;
}

.max-width-wide {
  max-width: 41rem;
}

.max-width-widest {
  max-width: 50rem;
}

.max-width-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.min-width-none {
  min-width: 0 !important;
}

.min-width-dropdown-button {
  min-width: 16rem !important;
}

.min-width-narrower {
  min-width: 24rem !important;
}

.min-width-narrow {
  min-width: 35rem !important;
}

.min-width-wide {
  min-width: 41rem !important;
}

.min-width-widest {
  min-width: 50rem !important;
}

.min-width-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.is-width-10 {
  width: 10% !important;
}

.is-width-20 {
  width: 20% !important;
}

.is-width-25 {
  width: 25% !important;
}

.is-width-30 {
  width: 30% !important;
}

.is-width-33 {
  width: 33% !important;
}

.is-width-40 {
  width: 40% !important;
}

.is-width-50 {
  width: 50% !important;
}

.is-width-60 {
  width: 60% !important;
}

.is-width-66 {
  width: 66% !important;
}

.is-width-70 {
  width: 70% !important;
}

.is-width-75 {
  width: 75% !important;
}

.is-width-80 {
  width: 80% !important;
}

.is-width-90 {
  width: 90% !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-min-width-0 {
  min-width: 0;
}

.is-overflow-wrap-break-word {
  overflow-wrap: anywhere;
  word-break: normal;
}

.has-overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-align-text-top {
  vertical-align: text-top;
}

.vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.vertical-align-text-sub {
  vertical-align: sub;
}

.has-cursor-pointer {
  cursor: pointer;
}

.has-cursor-not-allowed {
  cursor: not-allowed;
}

.pointer-events-none {
  pointer-events: none;
}

.is-word-break-all {
  word-break: break-all;
}

.has-list-style {
  list-style: disc;
}

.has-list-style-inside {
  list-style: disc inside;
}

.has-list-style-decimal {
  list-style: decimal;
}

.is-clickable {
  cursor: pointer;
}
.is-clickable:hover {
  background: var(--token-color-surface-strong);
}
.is-clickable:focus, .is-clickable:active {
  background: var(--token-color-surface-interactive-active);
}

@keyframes highlight-and-fade {
  0% {
    background: var(--token-color-palette-amber-50);
  }
  100% {
    background: none;
  }
}
.highlight-and-fade {
  animation: highlight-and-fade 3s;
}

.has-z-index-1 {
  z-index: 1;
}

.has-z-index-20 {
  z-index: 20;
}

.atlas-responsive-margins:not(:has(.layout-component-system)) {
  max-width: 1064px;
  padding: 0;
}
@media (width <= 1023px) {
  .atlas-responsive-margins:not(:has(.layout-component-system)) {
    margin: 24px 24px 44px;
  }
}
@media (width >= 1024px) and (width <= 1392px) {
  .atlas-responsive-margins:not(:has(.layout-component-system)) {
    margin: 24px 24px 44px;
  }
}
@media (width >= 1392px) and (width <= 2559px) {
  .atlas-responsive-margins:not(:has(.layout-component-system)) {
    margin: 24px auto 44px;
    width: 1064px;
  }
}
@media (width >= 2560px) {
  .atlas-responsive-margins:not(:has(.layout-component-system)) {
    margin: 24px auto 44px;
    max-width: 1600px;
    width: 1600px;
  }
  .atlas-responsive-margins:not(:has(.layout-component-system)) .container {
    padding: 0;
    margin: 0;
    max-width: unset;
  }
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.tfe-spinner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: absolute;
}

.tfe-spinner-hidden-text {
  visibility: hidden;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
*/
.icon {
  height: 1.5rem;
  min-width: 1.5rem;
  vertical-align: middle;
  width: 1.5rem;
}
.icon.is-svg svg,
.icon.is-svg path {
  height: auto;
  width: 100%;
}
.icon.is-svg.is-vertical-align-sub {
  vertical-align: sub;
}
.icon.is-svg.is-spinning {
  animation: loading-fancy-spin 5s infinite linear;
  stroke-dasharray: 0 44;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transform-origin: 50% 50%;
}
@keyframes loading-fancy-spin {
  0% {
    stroke-dasharray: 0 44;
    stroke-dashoffset: 0;
  }
  25% {
    stroke-dasharray: 33 11;
    stroke-dashoffset: -40;
  }
  50% {
    stroke-dasharray: 0 44;
    stroke-dashoffset: -110;
  }
  75% {
    stroke-dasharray: 33 11;
    stroke-dashoffset: -150;
  }
  100% {
    stroke-dasharray: 0 44;
    stroke-dashoffset: -220;
  }
}
.icon.is-svg.is-pulsing {
  animation: pulsing 1.5s infinite linear;
  opacity: 0.7;
}
@keyframes pulsing {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}
.icon.is-small {
  height: 1rem;
  min-width: 1rem;
  width: 1rem;
}
.icon.is-8x8 {
  height: 8px;
  min-width: 8px;
  width: 8px;
}
.icon.is-10x10 {
  height: 10px;
  min-width: 10px;
  width: 10px;
}
.icon.is-16x16 {
  height: 16px;
  min-width: 16px;
  width: 16px;
}
.icon.is-24x24 {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.icon.is-32x32 {
  height: 32px;
  min-width: 32px;
  width: 32px;
}
.icon.is-40x40 {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.icon.is-wxh-auto {
  height: auto;
  min-width: auto;
  width: auto;
}
.icon.is-pulled-right {
  justify-content: flex-end;
  margin-left: auto;
}

.button .icon.is-svg.is-small {
  height: 1rem !important;
  width: 1rem !important;
}

.icon::before {
  vertical-align: middle;
}

.align-icon-text {
  align-items: center;
  display: inline-flex;
  height: -moz-max-content;
  height: max-content;
  margin-right: 0.5rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.image {
  display: block;
  position: relative;
}
.image.is-16x16 {
  width: 16px;
  height: 16px;
}
.image.is-20x20 {
  width: 20px;
  height: 20px;
}
.image.is-22x22 {
  width: 22px;
  height: 22px;
}
.image.is-24x24 {
  width: 24px;
  height: 24px;
}
.image.is-32x32 {
  width: 32px;
  height: 32px;
}
.image.is-36x36 {
  width: 36px;
  height: 36px;
}
.image.is-48x48 {
  width: 48px;
  height: 48px;
}
.image.is-64x64 {
  width: 64px;
  height: 64px;
}
.image.is-96x96 {
  width: 96px;
  height: 96px;
}
.image.is-128x128 {
  width: 128px;
  height: 128px;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image.is-rounded img {
  border-radius: var(--token-border-radius-x-small);
}
.image.is-circle img {
  border-radius: 50%;
}
[aria-disabled]:not([aria-disabled=false]) .image {
  opacity: 0.5;
}

.has-placeholder {
  align-items: center;
  background-color: var(--token-color-surface-strong);
  border: 1px solid var(--token-color-border-strong);
  display: flex;
  justify-content: center;
}

.is-svg.has-fill-white {
  fill: var(--token-color-foreground-high-contrast);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.jsondiffpatch-node pre,
.jsondiffpatch-node .jsondiffpatch-textdiff-deleted,
.jsondiffpatch-node .jsondiffpatch-textdiff-added {
  white-space: pre-wrap;
  word-break: break-all;
}

.jsondiffpatch-delta,
.jsondiffpatch-delta pre {
  font: 1rem/1.4 var(--token-typography-font-stack-code) !important;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * This markdown styling is copied directly from GitHub. We render READMEs
 * that exist within VCS and GitHub styling is common and well expected
 * so we mirror that as much as possible.
 *
 * Because of this, many constants that would typically be variables are
 * perhaps constants. We can change these as we see fit.
 */
.markdown {
  color: var(--token-color-foreground-strong);
  margin-bottom: 1rem;
}
.markdown > *:first-child {
  margin-top: 0;
}
.markdown blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid var(--token-color-border-primary);
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: var(--token-color-foreground-strong);
  padding-bottom: 0.3em;
}
.markdown h1 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-500-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-500-line-height);
}
.markdown h2 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-400-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-400-line-height);
  margin-top: 24px;
}
.markdown h3 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  letter-spacing: normal;
  line-height: var(--token-typography-display-300-line-height);
  padding-bottom: 0;
  padding-top: 1rem;
  text-transform: none;
}
.markdown p {
  margin-bottom: 1rem;
}
.markdown ol {
  padding-left: 2em;
}
.markdown ul {
  line-height: 24px;
  list-style-type: disc;
  padding-left: 2em;
}
.markdown code {
  border-radius: var(--token-border-radius-x-small);
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-100-font-size);
  margin: 0;
  padding: 0;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
.markdown code::before, .markdown code::after {
  letter-spacing: -0.2em;
}
.markdown pre {
  background-color: var(--token-color-surface-faint);
  border-radius: var(--token-border-radius-small);
  font-size: var(--token-typography-body-100-font-size);
  line-height: 1.45;
  overflow: auto;
  padding: 1rem;
}
.markdown table {
  display: block;
  overflow: auto;
  width: 100%;
}
.markdown tr {
  background-color: var(--token-color-surface-primary);
  border-top: 1px solid var(--token-color-border-faint);
}
.markdown th,
.markdown td {
  border: 1px solid var(--token-color-border-faint);
  padding: 6px 13px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.media.is-outlined {
  border: 1px solid var(--token-color-border-strong);
}

.media-content {
  overflow: hidden;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-no-qualifying-type */
/* stylelint-disable max-nesting-depth */
.panel a.panel-block {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  cursor: pointer;
}
.panel a.panel-block:hover {
  background-color: var(--token-color-surface-interactive-hover);
}
.panel .panel-heading {
  background-color: var(--token-color-surface-primary);
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-body-200-line-height);
  padding: 0.75em 1.25em;
}
.panel .panel-block {
  align-items: center;
  color: var(--token-color-foreground-faint);
  display: flex;
  justify-content: flex-start;
  padding: 1em 1.25em;
}
.panel .panel-block.is-scrollable {
  max-height: 300px;
  overflow-y: scroll;
}
.panel.is-bordered .panel-block {
  border-bottom: 1px solid var(--token-color-border-primary);
}
.panel.is-bordered .panel-block:last-child {
  border-bottom: unset;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.select select {
  text-rendering: auto !important;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.signup-wrapper {
  align-items: center;
  display: flex;
  justify-content: stretch;
  min-height: 100vh;
}
.signup-wrapper .signup-form-container {
  align-items: center;
  background: var(--token-color-surface-primary);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin: auto 0;
  max-width: 600px;
}
.signup-wrapper .signup-form {
  max-width: 520px;
  min-width: 320px;
  padding: 40px;
}
.signup-wrapper .signup-merchandising {
  align-items: center;
  background: no-repeat right center url("/images/signup-background.svg"), var(--token-color-surface-high-contrast, var(--token-color-palette-neutral-700));
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}
.signup-wrapper .signup-pitch {
  max-width: 480px;
  padding: 0 40px;
}
.signup-wrapper .signup-logo {
  display: block;
  margin-bottom: 40px;
  max-width: 350px;
}
.signup-wrapper .signup-lede {
  color: var(--token-color-foreground-high-contrast);
  font-size: 1.125rem;
  font-weight: var(--token-typography-font-weight-semibold);
  margin: 2rem 0;
}
.signup-wrapper .signup-features li {
  align-items: center;
  color: var(--token-color-foreground-high-contrast);
  display: flex;
  justify-content: flex-start;
  margin: 1rem 0;
}

@media screen and (width <= 950px) {
  .signup-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .signup-wrapper .signup-form-container {
    justify-content: flex-start;
  }
  .signup-wrapper .signup-merchandising {
    background-position: right center;
    background-size: initial;
    flex: initial;
    height: initial;
    width: 100%;
  }
  .signup-wrapper .signup-logo {
    margin: 40px auto;
  }
  .signup-wrapper .signup-lede {
    margin-bottom: 40px;
    text-align: center;
  }
  .signup-wrapper .signup-features,
  .signup-wrapper .signup-learn-more {
    display: none;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
.subtitle {
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-regular);
  line-height: var(--token-typography-display-300-line-height);
}
.subtitle:not(:last-child) {
  margin-bottom: 1.5rem;
}
.subtitle.is-page-subtitle {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-400-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  selector-no-qualifying-type,
  no-descending-specificity,
*/
.table thead,
.table tfoot {
  background-color: var(--token-color-surface-strong);
  border-bottom: 1px solid var(--token-color-border-strong);
  border-top: 1px solid var(--token-color-border-strong);
}
.table thead.is-resizable,
.table tfoot.is-resizable {
  padding: 1em 0.75em;
}
.table thead.is-resizable th:not(:last-child),
.table tfoot.is-resizable th:not(:last-child) {
  border-right: 1px solid var(--token-color-border-strong);
}
.table thead th,
.table tfoot th {
  border-bottom: unset;
  color: var(--token-color-foreground-faint);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.table tr:hover, .table tr.is-hovered, .table tr.is-active {
  background-color: var(--token-color-surface-strong);
}
.table tr:hover .input, .table tr.is-hovered .input, .table tr.is-active .input {
  background-color: var(--token-color-surface-primary);
}
.table tr.no-hover-background:hover {
  background: transparent;
}
.table td {
  font-weight: var(--token-typography-font-weight-semibold);
}
.table td,
.table th {
  padding: 1em 2rem;
  vertical-align: middle;
}
.table tbody:not(.is-bottom-borderless) tr:last-child td,
.table tbody:not(.is-bottom-borderless) tr:last-child th {
  border-bottom-width: 1px;
}
.table tbody.no-hover-background {
  background: inherit;
  pointer-events: none;
}
.table.has-row-cursor tr {
  cursor: pointer;
}
.table.compact thead {
  background-color: var(--token-color-surface-faint);
}
.table.compact thead th {
  text-transform: none;
}
.table.compact tbody td {
  font-weight: var(--token-typography-font-weight-regular);
}
.table.compact td,
.table.compact th {
  padding: 0.5em 1em;
}
.table.no-hover-background tr:hover {
  background: transparent;
}
.table tbody.no-border,
.table tr.no-border,
.table td.no-border {
  border-style: none;
}
.table tr.skeleton:hover {
  background: inherit;
  pointer-events: none;
}
.table .column-skeleton-state {
  background: var(--token-color-surface-faint);
  height: 14px;
}

.truncated-cell-container {
  position: relative;
}

.truncated-cell {
  position: absolute;
  display: block;
  width: calc(100% - 16px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.truncated-cell a:focus {
  outline: none;
}
.truncated-cell a:focus-within {
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
  border-radius: 2px;
}

.table-scroll {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.strikethrough {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

/*
# COMPONENTS

These are unique styling for "components". A component may or may not 1:1 match to an Ember component. For
example, the Terraform Registry has the module list page that uses stock Bulma for layout and for most
styling, but has some unique spacing issues. This could go in a "module-list.scss" file even though it isn't
directly a Ember component.
*/
/**
 * Copyright IBM Corp. 2014, 2026
 */
.index-tag {
  border: 1px solid solid var(--token-color-border-strong);
  border-radius: 10%;
  font-size: var(--token-typography-body-100-font-size);
  margin: 0 6px;
  padding: 0 6px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.policy-set-evaluate-container {
  flex-direction: row;
}

@media (width <= 1424px) {
  .policy-set-evaluate-container {
    flex-direction: column;
  }
}
.policy-set-evaluate-container .policy-set-evaluate-form {
  padding-right: 1.5rem;
}

@media (width <= 1424px) {
  .policy-set-evaluate-container .policy-set-evaluate-form {
    padding-right: 0;
    width: 50%;
  }
}
@media (width <= 1023px) {
  .policy-set-evaluate-container .policy-set-evaluate-form {
    padding-right: 0;
    width: 100%;
  }
}
.policy-set-evaluate-container .policy-set-evaluate-results {
  grid-template-columns: repeat(3, auto) 1fr;
  gap: 0.5rem 2rem;
  place-items: center start;
  place-content: start;
}

@media (width <= 1600px) and (width >= 1425px) {
  .policy-set-evaluate-container .policy-set-evaluate-results {
    grid-template-columns: repeat(1, auto) 1fr;
  }
}
@media (width <= 1424px) {
  .policy-set-evaluate-container .policy-set-evaluate-results {
    grid-template-columns: repeat(3, auto) 1fr;
  }
}
.policy-set-evaluate-container .policy-set-evaluate-results__loading {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.policy-set-evaluate-container .policy-set-evaluate-results-wrapper {
  margin-left: 1.5rem;
  max-width: 50%;
}

@media (width <= 1424px) {
  .policy-set-evaluate-container .policy-set-evaluate-results-wrapper {
    max-width: 100%;
    margin-left: 0;
    margin-top: 2rem;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
*/
.run-card {
  border: 1px solid var(--token-color-border-strong);
  border-radius: 2px;
  display: grid;
  grid-template-areas: "run-card-message run-card-message run-card-message run-card-message run-card-status run-card-status run-card-status" "run-card-attribution run-card-attribution run-card-attribution run-card-attribution run-card-status run-card-status run-card-status" "run-card-diagnostic run-card-diagnostic run-card-diagnostic run-card-diagnostic run-card-diagnostic . ." "run-card-checks run-card-estimate run-card-duration run-card-resources run-card-action-invocations . ." "run-card-direct-action run-card-direct-action run-card-direct-action run-card-direct-action run-card-direct-action run-card-direct-action run-card-direct-action" ". . . . . run-card-action run-card-action";
  grid-template-rows: auto;
  padding: 24px;
}

.run-card .run-card-action {
  place-self: end end;
  grid-area: run-card-action;
  white-space: nowrap;
}

.run-card .run-card-attribution {
  place-self: inherit inherit;
  grid-area: run-card-attribution;
  color: var(--token-color-foreground-faint);
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: 24px;
}

.run-card .run-card-attribution .trigger-method-icon {
  margin-right: -0.1rem;
}

.run-card .run-card-attribution .branch,
.run-card .run-card-attribution .sha {
  font-weight: var(--token-typography-font-weight-semibold);
}

.run-card .run-card-attribution .sha {
  font-family: var(--token-typography-font-stack-code);
}

.run-card .run-card-attribution .sha .commit-icon {
  margin-right: -0.5rem;
}

.run-card .run-card-attribution .user {
  font-weight: var(--token-typography-font-weight-semibold);
}

.run-card .run-card-checks {
  place-self: inherit inherit;
  grid-area: run-card-checks;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
}

.run-card .run-card-checks a {
  color: inherit;
}

.run-card .run-card-checks a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-checks p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-checks .icon,
.run-card .run-card-checks .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-direct-action-section {
  display: contents;
}

.run-card .run-card-direct-action-status-value {
  white-space: nowrap;
}

.run-card .run-card-action-invoked {
  place-self: inherit inherit;
  grid-area: run-card-estimate;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
}

.run-card .run-card-action-invoked a {
  color: inherit;
}

.run-card .run-card-action-invoked a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-action-invoked p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-action-invoked .icon,
.run-card .run-card-action-invoked .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-action-invoked-address {
  overflow-wrap: anywhere;
  min-width: 0;
}

.run-card .run-card-duration {
  place-self: inherit inherit;
  grid-area: run-card-duration;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
}

.run-card .run-card-duration a {
  color: inherit;
}

.run-card .run-card-duration a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-duration p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-duration .icon,
.run-card .run-card-duration .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-estimate {
  place-self: inherit inherit;
  grid-area: run-card-estimate;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
}

.run-card .run-card-estimate a {
  color: inherit;
}

.run-card .run-card-estimate a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-estimate p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-estimate .icon,
.run-card .run-card-estimate .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-diagnostic {
  place-self: inherit inherit;
  grid-area: run-card-diagnostic;
  margin-bottom: 24px;
}

.run-card .run-card-diagnostic .diagnostic-text {
  font-size: 0.75rem;
}

.run-card .run-card-message {
  place-self: inherit inherit;
  grid-area: run-card-message;
  color: inherit;
  font-size: 1.125rem;
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: 20px;
  margin: 0 0 12px;
}

.run-card .run-card-message:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-resources {
  place-self: inherit inherit;
  grid-area: run-card-resources;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.run-card .run-card-resources a {
  color: inherit;
}

.run-card .run-card-resources a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-resources p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-resources .icon,
.run-card .run-card-resources .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-resources [data-test-run-card-resources=empty-state] {
  width: 140px;
}

.run-card .run-card-resources div {
  align-items: baseline;
  display: flex;
  flex-direction: row;
}

.run-card .run-card-resources div p {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-resources div p span {
  margin-right: 0.6rem;
}

.run-card .run-card-resources div p .changes {
  color: #1563ff;
}

.run-card .run-card-resources div p .additions {
  color: #2eb039;
}

.run-card .run-card-resources div p .destructions {
  color: #c73445;
}

.run-card .run-card-action-invocations {
  place-self: inherit inherit;
  grid-area: run-card-action-invocations;
  font-size: 0.75rem;
  line-height: 16px;
  padding-right: 36px;
}

.run-card .run-card-action-invocations a {
  color: inherit;
}

.run-card .run-card-action-invocations a:hover {
  color: var(--token-color-palette-blue-200);
}

.run-card .run-card-action-invocations p:last-child {
  align-items: center;
  color: var(--token-color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 8px;
}

.run-card .run-card-action-invocations .icon,
.run-card .run-card-action-invocations .hds-icon {
  margin-right: 4px;
}

.run-card .run-card-status {
  place-self: start end;
  grid-area: run-card-status;
  white-space: nowrap;
}

.run-card .run-card-empty-state {
  border-bottom: 12px solid var(--token-color-border-faint);
  max-width: 140px;
}

.run-card .run-card-stacked-bar-chart {
  width: 80px;
}

@media (width <= 1430px) {
  .run-card {
    display: grid;
    grid-template-areas: "run-card-message run-card-message run-card-status run-card-status" "run-card-attribution run-card-attribution run-card-attribution run-card-attribution" "run-card-diagnostic run-card-diagnostic run-card-diagnostic run-card-diagnostic" "run-card-checks run-card-estimate run-card-duration run-card-duration" "run-card-resources run-card-action-invocations run-card-action-invocations run-card-action-invocations" "run-card-direct-action run-card-direct-action run-card-direct-action run-card-direct-action" ". . run-card-action run-card-action";
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    padding: 24px;
  }
  .run-card .run-card-estimate,
  .run-card .run-card-action-invoked,
  .run-card .run-card-checks {
    margin-bottom: 12px;
  }
}
@media (width <= 730px) {
  .run-card {
    display: grid;
    grid-template-areas: "run-card-message run-card-message run-card-status" "run-card-attribution run-card-attribution run-card-attribution" "run-card-diagnostic run-card-diagnostic run-card-diagnostic" "run-card-checks run-card-estimate run-card-estimate" "run-card-duration run-card-resources run-card-resources" "run-card-action-invocations run-card-action-invocations run-card-action-invocations" "run-card-direct-action run-card-direct-action run-card-direct-action" "run-card-action run-card-action run-card-action";
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto;
    padding: 12px;
  }
  .run-card .run-card-action {
    place-self: inherit inherit;
    grid-area: run-card-action;
  }
  .run-card .run-card-action button {
    display: block;
    min-width: 100%;
  }
  .run-card .run-card-checks,
  .run-card .run-card-duration,
  .run-card .run-card-estimate,
  .run-card .run-card-resources,
  .run-card .run-card-action-invocations {
    margin: 0 0 18px;
    padding-right: 18px;
  }
  .run-card .run-card-status .run-status-title {
    display: none;
  }
  .run-card .run-card-status .run-status-icon {
    margin: 0 !important;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
.run-metrics-cards {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.run-metrics-cards .hds-card__container {
  padding: 16px;
}

.run-metrics-cards .run-card-empty-state {
  border-bottom: 4px solid var(--token-color-border-faint);
  max-width: 140px;
}

.run-card-resources {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

@media screen and (width <= 768px) {
  .run-card-resources {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .run-card-resources [data-test-run-card-resources=subheading],
  .run-card-resources [data-test-run-card-resources=empty-state] {
    grid-column: 1/-1;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  selector-no-qualifying-type,
  no-descending-specificity,
*/
.state-version-grid {
  display: grid;
  grid-template-areas: "state-version-grid-header" "state-version-grid-table" "state-version-grid-footer";
  grid-template-columns: minmax(0, 1fr);
}

.state-version-grid .state-version-grid-footer, .state-version-grid .state-version-grid-header {
  align-items: center;
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-primary);
  border-left: 0;
  border-right: 0;
  display: flex;
  justify-content: space-between;
}

.state-version-grid .state-version-grid-header {
  padding: 0.75rem 1.125rem;
  border-top: 0;
}

.state-version-grid .state-version-grid-header .state-version-grid-header-filter,
.state-version-grid .state-version-grid-header .state-version-grid-header-link {
  align-items: center;
  display: flex;
}

.state-version-grid .state-version-grid-header .state-version-grid-header-filter .table-filters-search-input {
  width: 250px;
}

.state-version-grid .state-version-grid-table {
  table-layout: fixed;
}

.state-version-grid .state-version-grid-table .table-scroll {
  overflow-x: auto;
  width: 100%;
}

.state-version-grid .state-version-grid-table thead {
  background: none;
  border: unset;
  border-bottom: 1px solid var(--token-color-border-strong);
}

.state-version-grid .state-version-grid-table tr {
  height: 60px;
}

.state-version-grid .state-version-grid-table tr:hover {
  background: var(--token-color-surface-faint);
}

.state-version-grid .state-version-grid-table th {
  font-weight: var(--token-typography-font-weight-semibold);
}

.state-version-grid .state-version-grid-table th div {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.state-version-grid .state-version-grid-table th div p {
  margin-right: 3px;
  width: auto;
}

.state-version-grid .state-version-grid-table td,
.state-version-grid .state-version-grid-table th {
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-regular);
  line-height: 18px;
  overflow: hidden;
  padding-left: 18px;
}

.state-version-grid .state-version-grid-table td div,
.state-version-grid .state-version-grid-table td p,
.state-version-grid .state-version-grid-table th div,
.state-version-grid .state-version-grid-table th p {
  align-items: center;
  display: flex;
}

.state-version-grid .state-version-grid-table td .icon,
.state-version-grid .state-version-grid-table th .icon {
  margin: 0 4px 0 0;
}

.state-version-grid .state-version-grid-table tr.skeleton:hover {
  background: inherit;
  pointer-events: none;
}

.state-version-grid .state-version-grid-footer {
  padding: 0 1.125rem;
}

.state-version-grid .state-version-grid,
.state-version-grid .is-clickable {
  color: var(--token-color-foreground-primary);
  cursor: pointer;
}

.state-version-grid .state-version-grid .is-svg,
.state-version-grid .state-version-grid .hds-icon,
.state-version-grid .is-clickable .is-svg,
.state-version-grid .is-clickable .hds-icon {
  color: var(--token-color-foreground-primary);
}

.state-version-grid .state-version-grid:hover,
.state-version-grid .is-clickable:hover {
  color: var(--token-color-palette-blue-200);
}

.state-version-grid .state-version-grid:hover .is-svg,
.state-version-grid .state-version-grid:hover .hds-icon,
.state-version-grid .is-clickable:hover .is-svg,
.state-version-grid .is-clickable:hover .hds-icon {
  color: var(--token-color-palette-blue-200);
}

.state-version-grid .state-version-grid,
.state-version-grid .is-sortable {
  cursor: pointer;
}

@media (width <= 1112px) {
  .state-version-grid .state-version-grid-table .table-scroll td:first-child,
  .state-version-grid .state-version-grid-table .table-scroll th:first-child {
    background-color: var(--token-color-surface-primary);
    left: 0;
    position: sticky;
    z-index: 1;
  }
  .state-version-grid .state-version-grid-table .table-scroll th:first-child {
    border-bottom: 1px solid var(--token-color-border-strong);
  }
  .state-version-grid .state-version-grid-table .table-scroll td:first-child {
    border: 1px solid var(--token-color-border-strong);
    border-left: 0;
    border-right: 0;
  }
  .state-version-grid .state-version-grid-table .table-scroll tr:hover td,
  .state-version-grid .state-version-grid-table .table-scroll tr:hover th {
    background-color: var(--token-color-surface-faint);
  }
}
@media (width <= 800px) {
  .state-version-grid nav {
    display: none;
  }
  .state-version-grid .state-version-grid-footer-count a,
  .state-version-grid .state-version-grid-footer-count span {
    display: none;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
.state-version-table .column-name {
  width: 25%;
}

.state-version-table .column-provider {
  width: 15%;
}

.state-version-table .column-type {
  width: 20%;
}

.state-version-table .column-module {
  width: 25%;
}

.state-version-table .column-created {
  width: 25%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Custom styles for tag-binding-input-list component using Hds::Form::KeyValueInputs.
 *
 * We use R.Generic instead of R.Field because KeyValueInputs R.Field only yields standard
 * HDS form controls and doesn't support custom components like TextInputAutocompleteDropdown.
 *
 * These styles override HDS's default behavior which hides field headers for non-first rows.
 * The .tag-binding-field-header class ensures the "Tag key" label stays visible and properly positioned.
 *
 * The grid overrides force a 3-column layout (1fr 1fr 2.25rem) instead of HDS's default
 * 4-column layout (1fr auto 1fr 2.25rem) when using R.Generic for the first field.
 */
/* stylelint-disable-next-line selector-class-pattern */
.hds-form-key-value-inputs__row--first {
  position: relative;
}

.tag-binding-field-header {
  position: absolute;
  top: 0;
}

[data-test-tbil] .hds-form-key-value-inputs {
  grid-template-columns: 1fr 1fr 2.25rem;
}

/* stylelint-disable-next-line selector-class-pattern */
[data-test-tbil] .hds-form-key-value-inputs__row {
  grid-template-columns: 1fr 1fr 2.25rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
*/
.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cards .card-wrapper {
  flex: 0 calc(50% - 0.5rem);
  margin: 0 0 1rem 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.cards .card-wrapper.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.cards .card-wrapper > a {
  height: 100%;
}

.cards .card-wrapper .single-card {
  border: 1pt solid var(--token-color-border-strong);
  border-radius: 4px;
  flex: 1;
}

.cards .card-wrapper .single-card-clickable:hover {
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.cards .card-wrapper .single-card .card-icon {
  fill: var(--token-color-foreground-faint);
}

.cards .card-wrapper .single-card .card-content-item {
  align-items: center;
  display: flex;
  padding: 1rem;
}

.cards .card-wrapper .single-card .card-content-item:not(:last-child) {
  padding-right: 0;
}

.cards .card-wrapper .single-card .call-to-action {
  background-color: var(--token-color-surface-faint);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.cards .card-wrapper .single-card .call-to-action a {
  align-items: center;
  display: flex;
}

.cards .card-wrapper .single-card .call-to-action a:hover path, .cards .card-wrapper .single-card .call-to-action a:focus path {
  stroke: var(--token-color-palette-blue-400);
}

.task-stage-policy-evaluation .is-pre-line,
.run-phase-sentinel-policy-check .is-pre-line {
  white-space: pre-line;
}

.task-stage-policy-evaluation .log-viewer,
.run-phase-sentinel-policy-check .log-viewer {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 100%;
}

.task-stage-policy-evaluation .copy-policy-viewing-details-btn,
.run-phase-sentinel-policy-check .copy-policy-viewing-details-btn {
  align-content: center;
  display: flex;
  height: 32px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.abbrev-name {
  border-radius: 50%;
  color: var(--token-color-foreground-high-contrast);
  display: inline-block;
  font-size: var(--token-typography-body-100-font-size);
  font-style: normal;
  font-weight: var(--token-typography-font-weight-semibold);
  height: 25px;
  line-height: 25px;
  margin-right: 4px;
  margin-top: 7px;
  text-align: center;
  width: 25px;
}
.abbrev-name.abbrev-name--color-blue {
  background-color: var(--token-color-palette-blue-400);
}
.abbrev-name.abbrev-name--color-cyan {
  background-color: var(--token-color-packer-foreground);
}
.abbrev-name.abbrev-name--color-gray {
  background-color: var(--token-color-palette-neutral-500);
}
.abbrev-name.abbrev-name--color-green {
  background-color: var(--token-color-palette-green-300);
}
.abbrev-name.abbrev-name--color-magenta {
  background-color: var(--token-color-consul-foreground);
}
.abbrev-name.abbrev-name--color-orange {
  background-color: var(--token-color-palette-amber-500);
}
.abbrev-name.abbrev-name--color-purple {
  background-color: var(--token-color-palette-purple-500);
}
.abbrev-name.abbrev-name--color-red {
  background-color: var(--token-color-palette-red-300);
}
.abbrev-name.abbrev-name--color-teal {
  background-color: var(--token-color-nomad-foreground);
}
.abbrev-name.abbrev-name--color-yellow {
  background-color: var(--token-color-palette-amber-200);
}

/* xterm 256-color classes (16-255)
// Generated from the xterm palette used by ansi_up when use_classes=true
*/
:root {
  --ansi-xterm-16: #000000;
  --ansi-xterm-17: #00005f;
  --ansi-xterm-18: #000087;
  --ansi-xterm-19: #0000af;
  --ansi-xterm-20: #0000d7;
  --ansi-xterm-21: #0000ff;
  --ansi-xterm-22: #005f00;
  --ansi-xterm-23: #005f5f;
  --ansi-xterm-24: #005f87;
  --ansi-xterm-25: #005faf;
  --ansi-xterm-26: #005fd7;
  --ansi-xterm-27: #005fff;
  --ansi-xterm-28: #008700;
  --ansi-xterm-29: #00875f;
  --ansi-xterm-30: #008787;
  --ansi-xterm-31: #0087af;
  --ansi-xterm-32: #0087d7;
  --ansi-xterm-33: #0087ff;
  --ansi-xterm-34: #00af00;
  --ansi-xterm-35: #00af5f;
  --ansi-xterm-36: #00af87;
  --ansi-xterm-37: #00afaf;
  --ansi-xterm-38: #00afd7;
  --ansi-xterm-39: #00afff;
  --ansi-xterm-40: #00d700;
  --ansi-xterm-41: #00d75f;
  --ansi-xterm-42: #00d787;
  --ansi-xterm-43: #00d7af;
  --ansi-xterm-44: #00d7d7;
  --ansi-xterm-45: #00d7ff;
  --ansi-xterm-46: #00ff00;
  --ansi-xterm-47: #00ff5f;
  --ansi-xterm-48: #00ff87;
  --ansi-xterm-49: #00ffaf;
  --ansi-xterm-50: #00ffd7;
  --ansi-xterm-51: #00ffff;
  --ansi-xterm-52: #5f0000;
  --ansi-xterm-53: #5f005f;
  --ansi-xterm-54: #5f0087;
  --ansi-xterm-55: #5f00af;
  --ansi-xterm-56: #5f00d7;
  --ansi-xterm-57: #5f00ff;
  --ansi-xterm-58: #5f5f00;
  --ansi-xterm-59: #5f5f5f;
  --ansi-xterm-60: #5f5f87;
  --ansi-xterm-61: #5f5faf;
  --ansi-xterm-62: #5f5fd7;
  --ansi-xterm-63: #5f5fff;
  --ansi-xterm-64: #5f8700;
  --ansi-xterm-65: #5f875f;
  --ansi-xterm-66: #5f8787;
  --ansi-xterm-67: #5f87af;
  --ansi-xterm-68: #5f87d7;
  --ansi-xterm-69: #5f87ff;
  --ansi-xterm-70: #5faf00;
  --ansi-xterm-71: #5faf5f;
  --ansi-xterm-72: #5faf87;
  --ansi-xterm-73: #5fafaf;
  --ansi-xterm-74: #5fafd7;
  --ansi-xterm-75: #5fafff;
  --ansi-xterm-76: #5fd700;
  --ansi-xterm-77: #5fd75f;
  --ansi-xterm-78: #5fd787;
  --ansi-xterm-79: #5fd7af;
  --ansi-xterm-80: #5fd7d7;
  --ansi-xterm-81: #5fd7ff;
  --ansi-xterm-82: #5fff00;
  --ansi-xterm-83: #5fff5f;
  --ansi-xterm-84: #5fff87;
  --ansi-xterm-85: #5fffaf;
  --ansi-xterm-86: #5fffd7;
  --ansi-xterm-87: #5fffff;
  --ansi-xterm-88: #870000;
  --ansi-xterm-89: #87005f;
  --ansi-xterm-90: #870087;
  --ansi-xterm-91: #8700af;
  --ansi-xterm-92: #8700d7;
  --ansi-xterm-93: #8700ff;
  --ansi-xterm-94: #875f00;
  --ansi-xterm-95: #875f5f;
  --ansi-xterm-96: #875f87;
  --ansi-xterm-97: #875faf;
  --ansi-xterm-98: #875fd7;
  --ansi-xterm-99: #875fff;
  --ansi-xterm-100: #878700;
  --ansi-xterm-101: #87875f;
  --ansi-xterm-102: #878787;
  --ansi-xterm-103: #8787af;
  --ansi-xterm-104: #8787d7;
  --ansi-xterm-105: #8787ff;
  --ansi-xterm-106: #87af00;
  --ansi-xterm-107: #87af5f;
  --ansi-xterm-108: #87af87;
  --ansi-xterm-109: #87afaf;
  --ansi-xterm-110: #87afd7;
  --ansi-xterm-111: #87afff;
  --ansi-xterm-112: #87d700;
  --ansi-xterm-113: #87d75f;
  --ansi-xterm-114: #87d787;
  --ansi-xterm-115: #87d7af;
  --ansi-xterm-116: #87d7d7;
  --ansi-xterm-117: #87d7ff;
  --ansi-xterm-118: #87ff00;
  --ansi-xterm-119: #87ff5f;
  --ansi-xterm-120: #87ff87;
  --ansi-xterm-121: #87ffaf;
  --ansi-xterm-122: #87ffd7;
  --ansi-xterm-123: #87ffff;
  --ansi-xterm-124: #af0000;
  --ansi-xterm-125: #af005f;
  --ansi-xterm-126: #af0087;
  --ansi-xterm-127: #af00af;
  --ansi-xterm-128: #af00d7;
  --ansi-xterm-129: #af00ff;
  --ansi-xterm-130: #af5f00;
  --ansi-xterm-131: #af5f5f;
  --ansi-xterm-132: #af5f87;
  --ansi-xterm-133: #af5faf;
  --ansi-xterm-134: #af5fd7;
  --ansi-xterm-135: #af5fff;
  --ansi-xterm-136: #af8700;
  --ansi-xterm-137: #af875f;
  --ansi-xterm-138: #af8787;
  --ansi-xterm-139: #af87af;
  --ansi-xterm-140: #af87d7;
  --ansi-xterm-141: #af87ff;
  --ansi-xterm-142: #afaf00;
  --ansi-xterm-143: #afaf5f;
  --ansi-xterm-144: #afaf87;
  --ansi-xterm-145: #afafaf;
  --ansi-xterm-146: #afafd7;
  --ansi-xterm-147: #afafff;
  --ansi-xterm-148: #afd700;
  --ansi-xterm-149: #afd75f;
  --ansi-xterm-150: #afd787;
  --ansi-xterm-151: #afd7af;
  --ansi-xterm-152: #afd7d7;
  --ansi-xterm-153: #afd7ff;
  --ansi-xterm-154: #afff00;
  --ansi-xterm-155: #afff5f;
  --ansi-xterm-156: #afff87;
  --ansi-xterm-157: #afffaf;
  --ansi-xterm-158: #afffd7;
  --ansi-xterm-159: #afffff;
  --ansi-xterm-160: #d70000;
  --ansi-xterm-161: #d7005f;
  --ansi-xterm-162: #d70087;
  --ansi-xterm-163: #d700af;
  --ansi-xterm-164: #d700d7;
  --ansi-xterm-165: #d700ff;
  --ansi-xterm-166: #d75f00;
  --ansi-xterm-167: #d75f5f;
  --ansi-xterm-168: #d75f87;
  --ansi-xterm-169: #d75faf;
  --ansi-xterm-170: #d75fd7;
  --ansi-xterm-171: #d75fff;
  --ansi-xterm-172: #d78700;
  --ansi-xterm-173: #d7875f;
  --ansi-xterm-174: #d78787;
  --ansi-xterm-175: #d787af;
  --ansi-xterm-176: #d787d7;
  --ansi-xterm-177: #d787ff;
  --ansi-xterm-178: #d7af00;
  --ansi-xterm-179: #d7af5f;
  --ansi-xterm-180: #d7af87;
  --ansi-xterm-181: #d7afaf;
  --ansi-xterm-182: #d7afd7;
  --ansi-xterm-183: #d7afff;
  --ansi-xterm-184: #d7d700;
  --ansi-xterm-185: #d7d75f;
  --ansi-xterm-186: #d7d787;
  --ansi-xterm-187: #d7d7af;
  --ansi-xterm-188: #d7d7d7;
  --ansi-xterm-189: #d7d7ff;
  --ansi-xterm-190: #d7ff00;
  --ansi-xterm-191: #d7ff5f;
  --ansi-xterm-192: #d7ff87;
  --ansi-xterm-193: #d7ffaf;
  --ansi-xterm-194: #d7ffd7;
  --ansi-xterm-195: #d7ffff;
  --ansi-xterm-196: #ff0000;
  --ansi-xterm-197: #ff005f;
  --ansi-xterm-198: #ff0087;
  --ansi-xterm-199: #ff00af;
  --ansi-xterm-200: #ff00d7;
  --ansi-xterm-201: #ff00ff;
  --ansi-xterm-202: #ff5f00;
  --ansi-xterm-203: #ff5f5f;
  --ansi-xterm-204: #ff5f87;
  --ansi-xterm-205: #ff5faf;
  --ansi-xterm-206: #ff5fd7;
  --ansi-xterm-207: #ff5fff;
  --ansi-xterm-208: #ff8700;
  --ansi-xterm-209: #ff875f;
  --ansi-xterm-210: #ff8787;
  --ansi-xterm-211: #ff87af;
  --ansi-xterm-212: #ff87d7;
  --ansi-xterm-213: #ff87ff;
  --ansi-xterm-214: #ffaf00;
  --ansi-xterm-215: #ffaf5f;
  --ansi-xterm-216: #ffaf87;
  --ansi-xterm-217: #ffafaf;
  --ansi-xterm-218: #ffafd7;
  --ansi-xterm-219: #ffafff;
  --ansi-xterm-220: #ffd700;
  --ansi-xterm-221: #ffd75f;
  --ansi-xterm-222: #ffd787;
  --ansi-xterm-223: #ffd7af;
  --ansi-xterm-224: #ffd7d7;
  --ansi-xterm-225: #ffd7ff;
  --ansi-xterm-226: #ffff00;
  --ansi-xterm-227: #ffff5f;
  --ansi-xterm-228: #ffff87;
  --ansi-xterm-229: #ffffaf;
  --ansi-xterm-230: #ffffd7;
  --ansi-xterm-231: #ffffff;
  --ansi-xterm-232: #080808;
  --ansi-xterm-233: #121212;
  --ansi-xterm-234: #1c1c1c;
  --ansi-xterm-235: #262626;
  --ansi-xterm-236: #303030;
  --ansi-xterm-237: #3a3a3a;
  --ansi-xterm-238: #444444;
  --ansi-xterm-239: #4e4e4e;
  --ansi-xterm-240: #585858;
  --ansi-xterm-241: #626262;
  --ansi-xterm-242: #6c6c6c;
  --ansi-xterm-243: #767676;
  --ansi-xterm-244: #808080;
  --ansi-xterm-245: #8a8a8a;
  --ansi-xterm-246: #949494;
  --ansi-xterm-247: #9e9e9e;
  --ansi-xterm-248: #a8a8a8;
  --ansi-xterm-249: #b2b2b2;
  --ansi-xterm-250: #bcbcbc;
  --ansi-xterm-251: #c6c6c6;
  --ansi-xterm-252: #d0d0d0;
  --ansi-xterm-253: #dadada;
  --ansi-xterm-254: #e4e4e4;
  --ansi-xterm-255: #eeeeee;
}

.ansi-xterm-16-fg {
  color: var(--ansi-xterm-16);
}

.ansi-xterm-16-bg {
  background-color: var(--ansi-xterm-16);
}

.ansi-xterm-17-fg {
  color: var(--ansi-xterm-17);
}

.ansi-xterm-17-bg {
  background-color: var(--ansi-xterm-17);
}

.ansi-xterm-18-fg {
  color: var(--ansi-xterm-18);
}

.ansi-xterm-18-bg {
  background-color: var(--ansi-xterm-18);
}

.ansi-xterm-19-fg {
  color: var(--ansi-xterm-19);
}

.ansi-xterm-19-bg {
  background-color: var(--ansi-xterm-19);
}

.ansi-xterm-20-fg {
  color: var(--ansi-xterm-20);
}

.ansi-xterm-20-bg {
  background-color: var(--ansi-xterm-20);
}

.ansi-xterm-21-fg {
  color: var(--ansi-xterm-21);
}

.ansi-xterm-21-bg {
  background-color: var(--ansi-xterm-21);
}

.ansi-xterm-22-fg {
  color: var(--ansi-xterm-22);
}

.ansi-xterm-22-bg {
  background-color: var(--ansi-xterm-22);
}

.ansi-xterm-23-fg {
  color: var(--ansi-xterm-23);
}

.ansi-xterm-23-bg {
  background-color: var(--ansi-xterm-23);
}

.ansi-xterm-24-fg {
  color: var(--ansi-xterm-24);
}

.ansi-xterm-24-bg {
  background-color: var(--ansi-xterm-24);
}

.ansi-xterm-25-fg {
  color: var(--ansi-xterm-25);
}

.ansi-xterm-25-bg {
  background-color: var(--ansi-xterm-25);
}

.ansi-xterm-26-fg {
  color: var(--ansi-xterm-26);
}

.ansi-xterm-26-bg {
  background-color: var(--ansi-xterm-26);
}

.ansi-xterm-27-fg {
  color: var(--ansi-xterm-27);
}

.ansi-xterm-27-bg {
  background-color: var(--ansi-xterm-27);
}

.ansi-xterm-28-fg {
  color: var(--ansi-xterm-28);
}

.ansi-xterm-28-bg {
  background-color: var(--ansi-xterm-28);
}

.ansi-xterm-29-fg {
  color: var(--ansi-xterm-29);
}

.ansi-xterm-29-bg {
  background-color: var(--ansi-xterm-29);
}

.ansi-xterm-30-fg {
  color: var(--ansi-xterm-30);
}

.ansi-xterm-30-bg {
  background-color: var(--ansi-xterm-30);
}

.ansi-xterm-31-fg {
  color: var(--ansi-xterm-31);
}

.ansi-xterm-31-bg {
  background-color: var(--ansi-xterm-31);
}

.ansi-xterm-32-fg {
  color: var(--ansi-xterm-32);
}

.ansi-xterm-32-bg {
  background-color: var(--ansi-xterm-32);
}

.ansi-xterm-33-fg {
  color: var(--ansi-xterm-33);
}

.ansi-xterm-33-bg {
  background-color: var(--ansi-xterm-33);
}

.ansi-xterm-34-fg {
  color: var(--ansi-xterm-34);
}

.ansi-xterm-34-bg {
  background-color: var(--ansi-xterm-34);
}

.ansi-xterm-35-fg {
  color: var(--ansi-xterm-35);
}

.ansi-xterm-35-bg {
  background-color: var(--ansi-xterm-35);
}

.ansi-xterm-36-fg {
  color: var(--ansi-xterm-36);
}

.ansi-xterm-36-bg {
  background-color: var(--ansi-xterm-36);
}

.ansi-xterm-37-fg {
  color: var(--ansi-xterm-37);
}

.ansi-xterm-37-bg {
  background-color: var(--ansi-xterm-37);
}

.ansi-xterm-38-fg {
  color: var(--ansi-xterm-38);
}

.ansi-xterm-38-bg {
  background-color: var(--ansi-xterm-38);
}

.ansi-xterm-39-fg {
  color: var(--ansi-xterm-39);
}

.ansi-xterm-39-bg {
  background-color: var(--ansi-xterm-39);
}

.ansi-xterm-40-fg {
  color: var(--ansi-xterm-40);
}

.ansi-xterm-40-bg {
  background-color: var(--ansi-xterm-40);
}

.ansi-xterm-41-fg {
  color: var(--ansi-xterm-41);
}

.ansi-xterm-41-bg {
  background-color: var(--ansi-xterm-41);
}

.ansi-xterm-42-fg {
  color: var(--ansi-xterm-42);
}

.ansi-xterm-42-bg {
  background-color: var(--ansi-xterm-42);
}

.ansi-xterm-43-fg {
  color: var(--ansi-xterm-43);
}

.ansi-xterm-43-bg {
  background-color: var(--ansi-xterm-43);
}

.ansi-xterm-44-fg {
  color: var(--ansi-xterm-44);
}

.ansi-xterm-44-bg {
  background-color: var(--ansi-xterm-44);
}

.ansi-xterm-45-fg {
  color: var(--ansi-xterm-45);
}

.ansi-xterm-45-bg {
  background-color: var(--ansi-xterm-45);
}

.ansi-xterm-46-fg {
  color: var(--ansi-xterm-46);
}

.ansi-xterm-46-bg {
  background-color: var(--ansi-xterm-46);
}

.ansi-xterm-47-fg {
  color: var(--ansi-xterm-47);
}

.ansi-xterm-47-bg {
  background-color: var(--ansi-xterm-47);
}

.ansi-xterm-48-fg {
  color: var(--ansi-xterm-48);
}

.ansi-xterm-48-bg {
  background-color: var(--ansi-xterm-48);
}

.ansi-xterm-49-fg {
  color: var(--ansi-xterm-49);
}

.ansi-xterm-49-bg {
  background-color: var(--ansi-xterm-49);
}

.ansi-xterm-50-fg {
  color: var(--ansi-xterm-50);
}

.ansi-xterm-50-bg {
  background-color: var(--ansi-xterm-50);
}

.ansi-xterm-51-fg {
  color: var(--ansi-xterm-51);
}

.ansi-xterm-51-bg {
  background-color: var(--ansi-xterm-51);
}

.ansi-xterm-52-fg {
  color: var(--ansi-xterm-52);
}

.ansi-xterm-52-bg {
  background-color: var(--ansi-xterm-52);
}

.ansi-xterm-53-fg {
  color: var(--ansi-xterm-53);
}

.ansi-xterm-53-bg {
  background-color: var(--ansi-xterm-53);
}

.ansi-xterm-54-fg {
  color: var(--ansi-xterm-54);
}

.ansi-xterm-54-bg {
  background-color: var(--ansi-xterm-54);
}

.ansi-xterm-55-fg {
  color: var(--ansi-xterm-55);
}

.ansi-xterm-55-bg {
  background-color: var(--ansi-xterm-55);
}

.ansi-xterm-56-fg {
  color: var(--ansi-xterm-56);
}

.ansi-xterm-56-bg {
  background-color: var(--ansi-xterm-56);
}

.ansi-xterm-57-fg {
  color: var(--ansi-xterm-57);
}

.ansi-xterm-57-bg {
  background-color: var(--ansi-xterm-57);
}

.ansi-xterm-58-fg {
  color: var(--ansi-xterm-58);
}

.ansi-xterm-58-bg {
  background-color: var(--ansi-xterm-58);
}

.ansi-xterm-59-fg {
  color: var(--ansi-xterm-59);
}

.ansi-xterm-59-bg {
  background-color: var(--ansi-xterm-59);
}

.ansi-xterm-60-fg {
  color: var(--ansi-xterm-60);
}

.ansi-xterm-60-bg {
  background-color: var(--ansi-xterm-60);
}

.ansi-xterm-61-fg {
  color: var(--ansi-xterm-61);
}

.ansi-xterm-61-bg {
  background-color: var(--ansi-xterm-61);
}

.ansi-xterm-62-fg {
  color: var(--ansi-xterm-62);
}

.ansi-xterm-62-bg {
  background-color: var(--ansi-xterm-62);
}

.ansi-xterm-63-fg {
  color: var(--ansi-xterm-63);
}

.ansi-xterm-63-bg {
  background-color: var(--ansi-xterm-63);
}

.ansi-xterm-64-fg {
  color: var(--ansi-xterm-64);
}

.ansi-xterm-64-bg {
  background-color: var(--ansi-xterm-64);
}

.ansi-xterm-65-fg {
  color: var(--ansi-xterm-65);
}

.ansi-xterm-65-bg {
  background-color: var(--ansi-xterm-65);
}

.ansi-xterm-66-fg {
  color: var(--ansi-xterm-66);
}

.ansi-xterm-66-bg {
  background-color: var(--ansi-xterm-66);
}

.ansi-xterm-67-fg {
  color: var(--ansi-xterm-67);
}

.ansi-xterm-67-bg {
  background-color: var(--ansi-xterm-67);
}

.ansi-xterm-68-fg {
  color: var(--ansi-xterm-68);
}

.ansi-xterm-68-bg {
  background-color: var(--ansi-xterm-68);
}

.ansi-xterm-69-fg {
  color: var(--ansi-xterm-69);
}

.ansi-xterm-69-bg {
  background-color: var(--ansi-xterm-69);
}

.ansi-xterm-70-fg {
  color: var(--ansi-xterm-70);
}

.ansi-xterm-70-bg {
  background-color: var(--ansi-xterm-70);
}

.ansi-xterm-71-fg {
  color: var(--ansi-xterm-71);
}

.ansi-xterm-71-bg {
  background-color: var(--ansi-xterm-71);
}

.ansi-xterm-72-fg {
  color: var(--ansi-xterm-72);
}

.ansi-xterm-72-bg {
  background-color: var(--ansi-xterm-72);
}

.ansi-xterm-73-fg {
  color: var(--ansi-xterm-73);
}

.ansi-xterm-73-bg {
  background-color: var(--ansi-xterm-73);
}

.ansi-xterm-74-fg {
  color: var(--ansi-xterm-74);
}

.ansi-xterm-74-bg {
  background-color: var(--ansi-xterm-74);
}

.ansi-xterm-75-fg {
  color: var(--ansi-xterm-75);
}

.ansi-xterm-75-bg {
  background-color: var(--ansi-xterm-75);
}

.ansi-xterm-76-fg {
  color: var(--ansi-xterm-76);
}

.ansi-xterm-76-bg {
  background-color: var(--ansi-xterm-76);
}

.ansi-xterm-77-fg {
  color: var(--ansi-xterm-77);
}

.ansi-xterm-77-bg {
  background-color: var(--ansi-xterm-77);
}

.ansi-xterm-78-fg {
  color: var(--ansi-xterm-78);
}

.ansi-xterm-78-bg {
  background-color: var(--ansi-xterm-78);
}

.ansi-xterm-79-fg {
  color: var(--ansi-xterm-79);
}

.ansi-xterm-79-bg {
  background-color: var(--ansi-xterm-79);
}

.ansi-xterm-80-fg {
  color: var(--ansi-xterm-80);
}

.ansi-xterm-80-bg {
  background-color: var(--ansi-xterm-80);
}

.ansi-xterm-81-fg {
  color: var(--ansi-xterm-81);
}

.ansi-xterm-81-bg {
  background-color: var(--ansi-xterm-81);
}

.ansi-xterm-82-fg {
  color: var(--ansi-xterm-82);
}

.ansi-xterm-82-bg {
  background-color: var(--ansi-xterm-82);
}

.ansi-xterm-83-fg {
  color: var(--ansi-xterm-83);
}

.ansi-xterm-83-bg {
  background-color: var(--ansi-xterm-83);
}

.ansi-xterm-84-fg {
  color: var(--ansi-xterm-84);
}

.ansi-xterm-84-bg {
  background-color: var(--ansi-xterm-84);
}

.ansi-xterm-85-fg {
  color: var(--ansi-xterm-85);
}

.ansi-xterm-85-bg {
  background-color: var(--ansi-xterm-85);
}

.ansi-xterm-86-fg {
  color: var(--ansi-xterm-86);
}

.ansi-xterm-86-bg {
  background-color: var(--ansi-xterm-86);
}

.ansi-xterm-87-fg {
  color: var(--ansi-xterm-87);
}

.ansi-xterm-87-bg {
  background-color: var(--ansi-xterm-87);
}

.ansi-xterm-88-fg {
  color: var(--ansi-xterm-88);
}

.ansi-xterm-88-bg {
  background-color: var(--ansi-xterm-88);
}

.ansi-xterm-89-fg {
  color: var(--ansi-xterm-89);
}

.ansi-xterm-89-bg {
  background-color: var(--ansi-xterm-89);
}

.ansi-xterm-90-fg {
  color: var(--ansi-xterm-90);
}

.ansi-xterm-90-bg {
  background-color: var(--ansi-xterm-90);
}

.ansi-xterm-91-fg {
  color: var(--ansi-xterm-91);
}

.ansi-xterm-91-bg {
  background-color: var(--ansi-xterm-91);
}

.ansi-xterm-92-fg {
  color: var(--ansi-xterm-92);
}

.ansi-xterm-92-bg {
  background-color: var(--ansi-xterm-92);
}

.ansi-xterm-93-fg {
  color: var(--ansi-xterm-93);
}

.ansi-xterm-93-bg {
  background-color: var(--ansi-xterm-93);
}

.ansi-xterm-94-fg {
  color: var(--ansi-xterm-94);
}

.ansi-xterm-94-bg {
  background-color: var(--ansi-xterm-94);
}

.ansi-xterm-95-fg {
  color: var(--ansi-xterm-95);
}

.ansi-xterm-95-bg {
  background-color: var(--ansi-xterm-95);
}

.ansi-xterm-96-fg {
  color: var(--ansi-xterm-96);
}

.ansi-xterm-96-bg {
  background-color: var(--ansi-xterm-96);
}

.ansi-xterm-97-fg {
  color: var(--ansi-xterm-97);
}

.ansi-xterm-97-bg {
  background-color: var(--ansi-xterm-97);
}

.ansi-xterm-98-fg {
  color: var(--ansi-xterm-98);
}

.ansi-xterm-98-bg {
  background-color: var(--ansi-xterm-98);
}

.ansi-xterm-99-fg {
  color: var(--ansi-xterm-99);
}

.ansi-xterm-99-bg {
  background-color: var(--ansi-xterm-99);
}

.ansi-xterm-100-fg {
  color: var(--ansi-xterm-100);
}

.ansi-xterm-100-bg {
  background-color: var(--ansi-xterm-100);
}

.ansi-xterm-101-fg {
  color: var(--ansi-xterm-101);
}

.ansi-xterm-101-bg {
  background-color: var(--ansi-xterm-101);
}

.ansi-xterm-102-fg {
  color: var(--ansi-xterm-102);
}

.ansi-xterm-102-bg {
  background-color: var(--ansi-xterm-102);
}

.ansi-xterm-103-fg {
  color: var(--ansi-xterm-103);
}

.ansi-xterm-103-bg {
  background-color: var(--ansi-xterm-103);
}

.ansi-xterm-104-fg {
  color: var(--ansi-xterm-104);
}

.ansi-xterm-104-bg {
  background-color: var(--ansi-xterm-104);
}

.ansi-xterm-105-fg {
  color: var(--ansi-xterm-105);
}

.ansi-xterm-105-bg {
  background-color: var(--ansi-xterm-105);
}

.ansi-xterm-106-fg {
  color: var(--ansi-xterm-106);
}

.ansi-xterm-106-bg {
  background-color: var(--ansi-xterm-106);
}

.ansi-xterm-107-fg {
  color: var(--ansi-xterm-107);
}

.ansi-xterm-107-bg {
  background-color: var(--ansi-xterm-107);
}

.ansi-xterm-108-fg {
  color: var(--ansi-xterm-108);
}

.ansi-xterm-108-bg {
  background-color: var(--ansi-xterm-108);
}

.ansi-xterm-109-fg {
  color: var(--ansi-xterm-109);
}

.ansi-xterm-109-bg {
  background-color: var(--ansi-xterm-109);
}

.ansi-xterm-110-fg {
  color: var(--ansi-xterm-110);
}

.ansi-xterm-110-bg {
  background-color: var(--ansi-xterm-110);
}

.ansi-xterm-111-fg {
  color: var(--ansi-xterm-111);
}

.ansi-xterm-111-bg {
  background-color: var(--ansi-xterm-111);
}

.ansi-xterm-112-fg {
  color: var(--ansi-xterm-112);
}

.ansi-xterm-112-bg {
  background-color: var(--ansi-xterm-112);
}

.ansi-xterm-113-fg {
  color: var(--ansi-xterm-113);
}

.ansi-xterm-113-bg {
  background-color: var(--ansi-xterm-113);
}

.ansi-xterm-114-fg {
  color: var(--ansi-xterm-114);
}

.ansi-xterm-114-bg {
  background-color: var(--ansi-xterm-114);
}

.ansi-xterm-115-fg {
  color: var(--ansi-xterm-115);
}

.ansi-xterm-115-bg {
  background-color: var(--ansi-xterm-115);
}

.ansi-xterm-116-fg {
  color: var(--ansi-xterm-116);
}

.ansi-xterm-116-bg {
  background-color: var(--ansi-xterm-116);
}

.ansi-xterm-117-fg {
  color: var(--ansi-xterm-117);
}

.ansi-xterm-117-bg {
  background-color: var(--ansi-xterm-117);
}

.ansi-xterm-118-fg {
  color: var(--ansi-xterm-118);
}

.ansi-xterm-118-bg {
  background-color: var(--ansi-xterm-118);
}

.ansi-xterm-119-fg {
  color: var(--ansi-xterm-119);
}

.ansi-xterm-119-bg {
  background-color: var(--ansi-xterm-119);
}

.ansi-xterm-120-fg {
  color: var(--ansi-xterm-120);
}

.ansi-xterm-120-bg {
  background-color: var(--ansi-xterm-120);
}

.ansi-xterm-121-fg {
  color: var(--ansi-xterm-121);
}

.ansi-xterm-121-bg {
  background-color: var(--ansi-xterm-121);
}

.ansi-xterm-122-fg {
  color: var(--ansi-xterm-122);
}

.ansi-xterm-122-bg {
  background-color: var(--ansi-xterm-122);
}

.ansi-xterm-123-fg {
  color: var(--ansi-xterm-123);
}

.ansi-xterm-123-bg {
  background-color: var(--ansi-xterm-123);
}

.ansi-xterm-124-fg {
  color: var(--ansi-xterm-124);
}

.ansi-xterm-124-bg {
  background-color: var(--ansi-xterm-124);
}

.ansi-xterm-125-fg {
  color: var(--ansi-xterm-125);
}

.ansi-xterm-125-bg {
  background-color: var(--ansi-xterm-125);
}

.ansi-xterm-126-fg {
  color: var(--ansi-xterm-126);
}

.ansi-xterm-126-bg {
  background-color: var(--ansi-xterm-126);
}

.ansi-xterm-127-fg {
  color: var(--ansi-xterm-127);
}

.ansi-xterm-127-bg {
  background-color: var(--ansi-xterm-127);
}

.ansi-xterm-128-fg {
  color: var(--ansi-xterm-128);
}

.ansi-xterm-128-bg {
  background-color: var(--ansi-xterm-128);
}

.ansi-xterm-129-fg {
  color: var(--ansi-xterm-129);
}

.ansi-xterm-129-bg {
  background-color: var(--ansi-xterm-129);
}

.ansi-xterm-130-fg {
  color: var(--ansi-xterm-130);
}

.ansi-xterm-130-bg {
  background-color: var(--ansi-xterm-130);
}

.ansi-xterm-131-fg {
  color: var(--ansi-xterm-131);
}

.ansi-xterm-131-bg {
  background-color: var(--ansi-xterm-131);
}

.ansi-xterm-132-fg {
  color: var(--ansi-xterm-132);
}

.ansi-xterm-132-bg {
  background-color: var(--ansi-xterm-132);
}

.ansi-xterm-133-fg {
  color: var(--ansi-xterm-133);
}

.ansi-xterm-133-bg {
  background-color: var(--ansi-xterm-133);
}

.ansi-xterm-134-fg {
  color: var(--ansi-xterm-134);
}

.ansi-xterm-134-bg {
  background-color: var(--ansi-xterm-134);
}

.ansi-xterm-135-fg {
  color: var(--ansi-xterm-135);
}

.ansi-xterm-135-bg {
  background-color: var(--ansi-xterm-135);
}

.ansi-xterm-136-fg {
  color: var(--ansi-xterm-136);
}

.ansi-xterm-136-bg {
  background-color: var(--ansi-xterm-136);
}

.ansi-xterm-137-fg {
  color: var(--ansi-xterm-137);
}

.ansi-xterm-137-bg {
  background-color: var(--ansi-xterm-137);
}

.ansi-xterm-138-fg {
  color: var(--ansi-xterm-138);
}

.ansi-xterm-138-bg {
  background-color: var(--ansi-xterm-138);
}

.ansi-xterm-139-fg {
  color: var(--ansi-xterm-139);
}

.ansi-xterm-139-bg {
  background-color: var(--ansi-xterm-139);
}

.ansi-xterm-140-fg {
  color: var(--ansi-xterm-140);
}

.ansi-xterm-140-bg {
  background-color: var(--ansi-xterm-140);
}

.ansi-xterm-141-fg {
  color: var(--ansi-xterm-141);
}

.ansi-xterm-141-bg {
  background-color: var(--ansi-xterm-141);
}

.ansi-xterm-142-fg {
  color: var(--ansi-xterm-142);
}

.ansi-xterm-142-bg {
  background-color: var(--ansi-xterm-142);
}

.ansi-xterm-143-fg {
  color: var(--ansi-xterm-143);
}

.ansi-xterm-143-bg {
  background-color: var(--ansi-xterm-143);
}

.ansi-xterm-144-fg {
  color: var(--ansi-xterm-144);
}

.ansi-xterm-144-bg {
  background-color: var(--ansi-xterm-144);
}

.ansi-xterm-145-fg {
  color: var(--ansi-xterm-145);
}

.ansi-xterm-145-bg {
  background-color: var(--ansi-xterm-145);
}

.ansi-xterm-146-fg {
  color: var(--ansi-xterm-146);
}

.ansi-xterm-146-bg {
  background-color: var(--ansi-xterm-146);
}

.ansi-xterm-147-fg {
  color: var(--ansi-xterm-147);
}

.ansi-xterm-147-bg {
  background-color: var(--ansi-xterm-147);
}

.ansi-xterm-148-fg {
  color: var(--ansi-xterm-148);
}

.ansi-xterm-148-bg {
  background-color: var(--ansi-xterm-148);
}

.ansi-xterm-149-fg {
  color: var(--ansi-xterm-149);
}

.ansi-xterm-149-bg {
  background-color: var(--ansi-xterm-149);
}

.ansi-xterm-150-fg {
  color: var(--ansi-xterm-150);
}

.ansi-xterm-150-bg {
  background-color: var(--ansi-xterm-150);
}

.ansi-xterm-151-fg {
  color: var(--ansi-xterm-151);
}

.ansi-xterm-151-bg {
  background-color: var(--ansi-xterm-151);
}

.ansi-xterm-152-fg {
  color: var(--ansi-xterm-152);
}

.ansi-xterm-152-bg {
  background-color: var(--ansi-xterm-152);
}

.ansi-xterm-153-fg {
  color: var(--ansi-xterm-153);
}

.ansi-xterm-153-bg {
  background-color: var(--ansi-xterm-153);
}

.ansi-xterm-154-fg {
  color: var(--ansi-xterm-154);
}

.ansi-xterm-154-bg {
  background-color: var(--ansi-xterm-154);
}

.ansi-xterm-155-fg {
  color: var(--ansi-xterm-155);
}

.ansi-xterm-155-bg {
  background-color: var(--ansi-xterm-155);
}

.ansi-xterm-156-fg {
  color: var(--ansi-xterm-156);
}

.ansi-xterm-156-bg {
  background-color: var(--ansi-xterm-156);
}

.ansi-xterm-157-fg {
  color: var(--ansi-xterm-157);
}

.ansi-xterm-157-bg {
  background-color: var(--ansi-xterm-157);
}

.ansi-xterm-158-fg {
  color: var(--ansi-xterm-158);
}

.ansi-xterm-158-bg {
  background-color: var(--ansi-xterm-158);
}

.ansi-xterm-159-fg {
  color: var(--ansi-xterm-159);
}

.ansi-xterm-159-bg {
  background-color: var(--ansi-xterm-159);
}

.ansi-xterm-160-fg {
  color: var(--ansi-xterm-160);
}

.ansi-xterm-160-bg {
  background-color: var(--ansi-xterm-160);
}

.ansi-xterm-161-fg {
  color: var(--ansi-xterm-161);
}

.ansi-xterm-161-bg {
  background-color: var(--ansi-xterm-161);
}

.ansi-xterm-162-fg {
  color: var(--ansi-xterm-162);
}

.ansi-xterm-162-bg {
  background-color: var(--ansi-xterm-162);
}

.ansi-xterm-163-fg {
  color: var(--ansi-xterm-163);
}

.ansi-xterm-163-bg {
  background-color: var(--ansi-xterm-163);
}

.ansi-xterm-164-fg {
  color: var(--ansi-xterm-164);
}

.ansi-xterm-164-bg {
  background-color: var(--ansi-xterm-164);
}

.ansi-xterm-165-fg {
  color: var(--ansi-xterm-165);
}

.ansi-xterm-165-bg {
  background-color: var(--ansi-xterm-165);
}

.ansi-xterm-166-fg {
  color: var(--ansi-xterm-166);
}

.ansi-xterm-166-bg {
  background-color: var(--ansi-xterm-166);
}

.ansi-xterm-167-fg {
  color: var(--ansi-xterm-167);
}

.ansi-xterm-167-bg {
  background-color: var(--ansi-xterm-167);
}

.ansi-xterm-168-fg {
  color: var(--ansi-xterm-168);
}

.ansi-xterm-168-bg {
  background-color: var(--ansi-xterm-168);
}

.ansi-xterm-169-fg {
  color: var(--ansi-xterm-169);
}

.ansi-xterm-169-bg {
  background-color: var(--ansi-xterm-169);
}

.ansi-xterm-170-fg {
  color: var(--ansi-xterm-170);
}

.ansi-xterm-170-bg {
  background-color: var(--ansi-xterm-170);
}

.ansi-xterm-171-fg {
  color: var(--ansi-xterm-171);
}

.ansi-xterm-171-bg {
  background-color: var(--ansi-xterm-171);
}

.ansi-xterm-172-fg {
  color: var(--ansi-xterm-172);
}

.ansi-xterm-172-bg {
  background-color: var(--ansi-xterm-172);
}

.ansi-xterm-173-fg {
  color: var(--ansi-xterm-173);
}

.ansi-xterm-173-bg {
  background-color: var(--ansi-xterm-173);
}

.ansi-xterm-174-fg {
  color: var(--ansi-xterm-174);
}

.ansi-xterm-174-bg {
  background-color: var(--ansi-xterm-174);
}

.ansi-xterm-175-fg {
  color: var(--ansi-xterm-175);
}

.ansi-xterm-175-bg {
  background-color: var(--ansi-xterm-175);
}

.ansi-xterm-176-fg {
  color: var(--ansi-xterm-176);
}

.ansi-xterm-176-bg {
  background-color: var(--ansi-xterm-176);
}

.ansi-xterm-177-fg {
  color: var(--ansi-xterm-177);
}

.ansi-xterm-177-bg {
  background-color: var(--ansi-xterm-177);
}

.ansi-xterm-178-fg {
  color: var(--ansi-xterm-178);
}

.ansi-xterm-178-bg {
  background-color: var(--ansi-xterm-178);
}

.ansi-xterm-179-fg {
  color: var(--ansi-xterm-179);
}

.ansi-xterm-179-bg {
  background-color: var(--ansi-xterm-179);
}

.ansi-xterm-180-fg {
  color: var(--ansi-xterm-180);
}

.ansi-xterm-180-bg {
  background-color: var(--ansi-xterm-180);
}

.ansi-xterm-181-fg {
  color: var(--ansi-xterm-181);
}

.ansi-xterm-181-bg {
  background-color: var(--ansi-xterm-181);
}

.ansi-xterm-182-fg {
  color: var(--ansi-xterm-182);
}

.ansi-xterm-182-bg {
  background-color: var(--ansi-xterm-182);
}

.ansi-xterm-183-fg {
  color: var(--ansi-xterm-183);
}

.ansi-xterm-183-bg {
  background-color: var(--ansi-xterm-183);
}

.ansi-xterm-184-fg {
  color: var(--ansi-xterm-184);
}

.ansi-xterm-184-bg {
  background-color: var(--ansi-xterm-184);
}

.ansi-xterm-185-fg {
  color: var(--ansi-xterm-185);
}

.ansi-xterm-185-bg {
  background-color: var(--ansi-xterm-185);
}

.ansi-xterm-186-fg {
  color: var(--ansi-xterm-186);
}

.ansi-xterm-186-bg {
  background-color: var(--ansi-xterm-186);
}

.ansi-xterm-187-fg {
  color: var(--ansi-xterm-187);
}

.ansi-xterm-187-bg {
  background-color: var(--ansi-xterm-187);
}

.ansi-xterm-188-fg {
  color: var(--ansi-xterm-188);
}

.ansi-xterm-188-bg {
  background-color: var(--ansi-xterm-188);
}

.ansi-xterm-189-fg {
  color: var(--ansi-xterm-189);
}

.ansi-xterm-189-bg {
  background-color: var(--ansi-xterm-189);
}

.ansi-xterm-190-fg {
  color: var(--ansi-xterm-190);
}

.ansi-xterm-190-bg {
  background-color: var(--ansi-xterm-190);
}

.ansi-xterm-191-fg {
  color: var(--ansi-xterm-191);
}

.ansi-xterm-191-bg {
  background-color: var(--ansi-xterm-191);
}

.ansi-xterm-192-fg {
  color: var(--ansi-xterm-192);
}

.ansi-xterm-192-bg {
  background-color: var(--ansi-xterm-192);
}

.ansi-xterm-193-fg {
  color: var(--ansi-xterm-193);
}

.ansi-xterm-193-bg {
  background-color: var(--ansi-xterm-193);
}

.ansi-xterm-194-fg {
  color: var(--ansi-xterm-194);
}

.ansi-xterm-194-bg {
  background-color: var(--ansi-xterm-194);
}

.ansi-xterm-195-fg {
  color: var(--ansi-xterm-195);
}

.ansi-xterm-195-bg {
  background-color: var(--ansi-xterm-195);
}

.ansi-xterm-196-fg {
  color: var(--ansi-xterm-196);
}

.ansi-xterm-196-bg {
  background-color: var(--ansi-xterm-196);
}

.ansi-xterm-197-fg {
  color: var(--ansi-xterm-197);
}

.ansi-xterm-197-bg {
  background-color: var(--ansi-xterm-197);
}

.ansi-xterm-198-fg {
  color: var(--ansi-xterm-198);
}

.ansi-xterm-198-bg {
  background-color: var(--ansi-xterm-198);
}

.ansi-xterm-199-fg {
  color: var(--ansi-xterm-199);
}

.ansi-xterm-199-bg {
  background-color: var(--ansi-xterm-199);
}

.ansi-xterm-200-fg {
  color: var(--ansi-xterm-200);
}

.ansi-xterm-200-bg {
  background-color: var(--ansi-xterm-200);
}

.ansi-xterm-201-fg {
  color: var(--ansi-xterm-201);
}

.ansi-xterm-201-bg {
  background-color: var(--ansi-xterm-201);
}

.ansi-xterm-202-fg {
  color: var(--ansi-xterm-202);
}

.ansi-xterm-202-bg {
  background-color: var(--ansi-xterm-202);
}

.ansi-xterm-203-fg {
  color: var(--ansi-xterm-203);
}

.ansi-xterm-203-bg {
  background-color: var(--ansi-xterm-203);
}

.ansi-xterm-204-fg {
  color: var(--ansi-xterm-204);
}

.ansi-xterm-204-bg {
  background-color: var(--ansi-xterm-204);
}

.ansi-xterm-205-fg {
  color: var(--ansi-xterm-205);
}

.ansi-xterm-205-bg {
  background-color: var(--ansi-xterm-205);
}

.ansi-xterm-206-fg {
  color: var(--ansi-xterm-206);
}

.ansi-xterm-206-bg {
  background-color: var(--ansi-xterm-206);
}

.ansi-xterm-207-fg {
  color: var(--ansi-xterm-207);
}

.ansi-xterm-207-bg {
  background-color: var(--ansi-xterm-207);
}

.ansi-xterm-208-fg {
  color: var(--ansi-xterm-208);
}

.ansi-xterm-208-bg {
  background-color: var(--ansi-xterm-208);
}

.ansi-xterm-209-fg {
  color: var(--ansi-xterm-209);
}

.ansi-xterm-209-bg {
  background-color: var(--ansi-xterm-209);
}

.ansi-xterm-210-fg {
  color: var(--ansi-xterm-210);
}

.ansi-xterm-210-bg {
  background-color: var(--ansi-xterm-210);
}

.ansi-xterm-211-fg {
  color: var(--ansi-xterm-211);
}

.ansi-xterm-211-bg {
  background-color: var(--ansi-xterm-211);
}

.ansi-xterm-212-fg {
  color: var(--ansi-xterm-212);
}

.ansi-xterm-212-bg {
  background-color: var(--ansi-xterm-212);
}

.ansi-xterm-213-fg {
  color: var(--ansi-xterm-213);
}

.ansi-xterm-213-bg {
  background-color: var(--ansi-xterm-213);
}

.ansi-xterm-214-fg {
  color: var(--ansi-xterm-214);
}

.ansi-xterm-214-bg {
  background-color: var(--ansi-xterm-214);
}

.ansi-xterm-215-fg {
  color: var(--ansi-xterm-215);
}

.ansi-xterm-215-bg {
  background-color: var(--ansi-xterm-215);
}

.ansi-xterm-216-fg {
  color: var(--ansi-xterm-216);
}

.ansi-xterm-216-bg {
  background-color: var(--ansi-xterm-216);
}

.ansi-xterm-217-fg {
  color: var(--ansi-xterm-217);
}

.ansi-xterm-217-bg {
  background-color: var(--ansi-xterm-217);
}

.ansi-xterm-218-fg {
  color: var(--ansi-xterm-218);
}

.ansi-xterm-218-bg {
  background-color: var(--ansi-xterm-218);
}

.ansi-xterm-219-fg {
  color: var(--ansi-xterm-219);
}

.ansi-xterm-219-bg {
  background-color: var(--ansi-xterm-219);
}

.ansi-xterm-220-fg {
  color: var(--ansi-xterm-220);
}

.ansi-xterm-220-bg {
  background-color: var(--ansi-xterm-220);
}

.ansi-xterm-221-fg {
  color: var(--ansi-xterm-221);
}

.ansi-xterm-221-bg {
  background-color: var(--ansi-xterm-221);
}

.ansi-xterm-222-fg {
  color: var(--ansi-xterm-222);
}

.ansi-xterm-222-bg {
  background-color: var(--ansi-xterm-222);
}

.ansi-xterm-223-fg {
  color: var(--ansi-xterm-223);
}

.ansi-xterm-223-bg {
  background-color: var(--ansi-xterm-223);
}

.ansi-xterm-224-fg {
  color: var(--ansi-xterm-224);
}

.ansi-xterm-224-bg {
  background-color: var(--ansi-xterm-224);
}

.ansi-xterm-225-fg {
  color: var(--ansi-xterm-225);
}

.ansi-xterm-225-bg {
  background-color: var(--ansi-xterm-225);
}

.ansi-xterm-226-fg {
  color: var(--ansi-xterm-226);
}

.ansi-xterm-226-bg {
  background-color: var(--ansi-xterm-226);
}

.ansi-xterm-227-fg {
  color: var(--ansi-xterm-227);
}

.ansi-xterm-227-bg {
  background-color: var(--ansi-xterm-227);
}

.ansi-xterm-228-fg {
  color: var(--ansi-xterm-228);
}

.ansi-xterm-228-bg {
  background-color: var(--ansi-xterm-228);
}

.ansi-xterm-229-fg {
  color: var(--ansi-xterm-229);
}

.ansi-xterm-229-bg {
  background-color: var(--ansi-xterm-229);
}

.ansi-xterm-230-fg {
  color: var(--ansi-xterm-230);
}

.ansi-xterm-230-bg {
  background-color: var(--ansi-xterm-230);
}

.ansi-xterm-231-fg {
  color: var(--ansi-xterm-231);
}

.ansi-xterm-231-bg {
  background-color: var(--ansi-xterm-231);
}

.ansi-xterm-232-fg {
  color: var(--ansi-xterm-232);
}

.ansi-xterm-232-bg {
  background-color: var(--ansi-xterm-232);
}

.ansi-xterm-233-fg {
  color: var(--ansi-xterm-233);
}

.ansi-xterm-233-bg {
  background-color: var(--ansi-xterm-233);
}

.ansi-xterm-234-fg {
  color: var(--ansi-xterm-234);
}

.ansi-xterm-234-bg {
  background-color: var(--ansi-xterm-234);
}

.ansi-xterm-235-fg {
  color: var(--ansi-xterm-235);
}

.ansi-xterm-235-bg {
  background-color: var(--ansi-xterm-235);
}

.ansi-xterm-236-fg {
  color: var(--ansi-xterm-236);
}

.ansi-xterm-236-bg {
  background-color: var(--ansi-xterm-236);
}

.ansi-xterm-237-fg {
  color: var(--ansi-xterm-237);
}

.ansi-xterm-237-bg {
  background-color: var(--ansi-xterm-237);
}

.ansi-xterm-238-fg {
  color: var(--ansi-xterm-238);
}

.ansi-xterm-238-bg {
  background-color: var(--ansi-xterm-238);
}

.ansi-xterm-239-fg {
  color: var(--ansi-xterm-239);
}

.ansi-xterm-239-bg {
  background-color: var(--ansi-xterm-239);
}

.ansi-xterm-240-fg {
  color: var(--ansi-xterm-240);
}

.ansi-xterm-240-bg {
  background-color: var(--ansi-xterm-240);
}

.ansi-xterm-241-fg {
  color: var(--ansi-xterm-241);
}

.ansi-xterm-241-bg {
  background-color: var(--ansi-xterm-241);
}

.ansi-xterm-242-fg {
  color: var(--ansi-xterm-242);
}

.ansi-xterm-242-bg {
  background-color: var(--ansi-xterm-242);
}

.ansi-xterm-243-fg {
  color: var(--ansi-xterm-243);
}

.ansi-xterm-243-bg {
  background-color: var(--ansi-xterm-243);
}

.ansi-xterm-244-fg {
  color: var(--ansi-xterm-244);
}

.ansi-xterm-244-bg {
  background-color: var(--ansi-xterm-244);
}

.ansi-xterm-245-fg {
  color: var(--ansi-xterm-245);
}

.ansi-xterm-245-bg {
  background-color: var(--ansi-xterm-245);
}

.ansi-xterm-246-fg {
  color: var(--ansi-xterm-246);
}

.ansi-xterm-246-bg {
  background-color: var(--ansi-xterm-246);
}

.ansi-xterm-247-fg {
  color: var(--ansi-xterm-247);
}

.ansi-xterm-247-bg {
  background-color: var(--ansi-xterm-247);
}

.ansi-xterm-248-fg {
  color: var(--ansi-xterm-248);
}

.ansi-xterm-248-bg {
  background-color: var(--ansi-xterm-248);
}

.ansi-xterm-249-fg {
  color: var(--ansi-xterm-249);
}

.ansi-xterm-249-bg {
  background-color: var(--ansi-xterm-249);
}

.ansi-xterm-250-fg {
  color: var(--ansi-xterm-250);
}

.ansi-xterm-250-bg {
  background-color: var(--ansi-xterm-250);
}

.ansi-xterm-251-fg {
  color: var(--ansi-xterm-251);
}

.ansi-xterm-251-bg {
  background-color: var(--ansi-xterm-251);
}

.ansi-xterm-252-fg {
  color: var(--ansi-xterm-252);
}

.ansi-xterm-252-bg {
  background-color: var(--ansi-xterm-252);
}

.ansi-xterm-253-fg {
  color: var(--ansi-xterm-253);
}

.ansi-xterm-253-bg {
  background-color: var(--ansi-xterm-253);
}

.ansi-xterm-254-fg {
  color: var(--ansi-xterm-254);
}

.ansi-xterm-254-bg {
  background-color: var(--ansi-xterm-254);
}

.ansi-xterm-255-fg {
  color: var(--ansi-xterm-255);
}

.ansi-xterm-255-bg {
  background-color: var(--ansi-xterm-255);
}

.ansi-theme-default {
  background-color: var(--token-color-surface-high-contrast, var(--token-color-palette-neutral-700));
  color: hsl(from #fff h s calc(l - 10));
  line-height: 1.3;
}
.ansi-theme-default .ansi-black-fg {
  color: #3a3a3a;
}
.ansi-theme-default .ansi-bright-black-fg {
  color: #5e5d5e;
}
.ansi-theme-default .ansi-red-fg {
  color: #c62a71;
}
.ansi-theme-default .ansi-bright-red-fg {
  color: #ff0087;
}
.ansi-theme-default .ansi-green-fg {
  color: #1d9467;
}
.ansi-theme-default .ansi-bright-green-fg {
  color: #25ba81;
}
.ansi-theme-default .ansi-yellow-fg {
  color: #f3d57c;
}
.ansi-theme-default .ansi-bright-yellow-fg {
  color: #f4d799;
}
.ansi-theme-default .ansi-blue-fg {
  color: #104eb2;
}
.ansi-theme-default .ansi-bright-blue-fg {
  color: #1563ff;
}
.ansi-theme-default .ansi-magenta-fg {
  color: #ca30c7;
}
.ansi-theme-default .ansi-bright-magenta-fg {
  color: #f7f;
}
.ansi-theme-default .ansi-cyan-fg {
  color: #1d94dd;
}
.ansi-theme-default .ansi-bright-cyan-fg {
  color: #1daeff;
}
.ansi-theme-default .ansi-white-fg {
  color: #efefef;
}
.ansi-theme-default .ansi-bright-white-fg {
  color: #fff;
}
.ansi-theme-default .ansi-black-bg {
  background-color: #3a3a3a;
}
.ansi-theme-default .ansi-bright-black-bg {
  background-color: #5e5d5e;
}
.ansi-theme-default .ansi-red-bg {
  background-color: #c62a71;
}
.ansi-theme-default .ansi-bright-red-bg {
  background-color: #ff0087;
}
.ansi-theme-default .ansi-green-bg {
  background-color: #1d9467;
}
.ansi-theme-default .ansi-bright-green-bg {
  background-color: #25ba81;
}
.ansi-theme-default .ansi-yellow-bg {
  background-color: #f3d57c;
}
.ansi-theme-default .ansi-bright-yellow-bg {
  background-color: #f4d799;
}
.ansi-theme-default .ansi-blue-bg {
  background-color: #104eb2;
}
.ansi-theme-default .ansi-bright-blue-bg {
  background-color: #1563ff;
}
.ansi-theme-default .ansi-magenta-bg {
  background-color: #ca30c7;
}
.ansi-theme-default .ansi-bright-magenta-bg {
  background-color: #f7f;
}
.ansi-theme-default .ansi-cyan-bg {
  background-color: #1d94dd;
}
.ansi-theme-default .ansi-bright-cyan-bg {
  background-color: #1daeff;
}
.ansi-theme-default .ansi-white-bg {
  background-color: #efefef;
}
.ansi-theme-default .ansi-bright-white-bg {
  background-color: #fff;
}
.ansi-theme-default .ansi-bold {
  font-weight: var(--token-typography-font-weight-bold);
}
.ansi-theme-default .ansi-italic {
  font-style: italic;
}
.ansi-theme-default .ansi-underline {
  text-decoration: underline;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.arrow-top-content {
  background: var(--token-color-surface-primary);
  margin-top: 10px;
  transform: translateX(-12px);
}
.arrow-top-content::after, .arrow-top-content::before {
  border: solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 10px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.arrow-top-content.arrow-is-right, .arrow-top-content.ember-basic-dropdown-content--right {
  transform: translateX(12px);
}
.arrow-top-content.arrow-is-right::after, .arrow-top-content.arrow-is-right::before, .arrow-top-content.ember-basic-dropdown-content--right::after, .arrow-top-content.ember-basic-dropdown-content--right::before {
  left: auto;
  right: 10px;
}
.arrow-top-content.arrow-is-center {
  width: 200px;
}
.arrow-top-content.arrow-is-center::after, .arrow-top-content.arrow-is-center::before {
  left: 50%;
}
.arrow-top-content::after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--token-color-surface-primary);
  border-width: 10px;
  margin-top: -10px;
}
.arrow-top-content.is-tooltip::after {
  border-color: transparent;
  border-bottom-color: var(--token-color-border-strong);
}
.arrow-top-content::before {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-width: 11px;
  margin-top: -11px;
}

.arrow-bottom-content {
  background: var(--token-color-surface-primary);
  margin-top: -12px;
  width: 200px;
}
.arrow-bottom-content::after, .arrow-bottom-content::before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateX(-10px);
  width: 0;
}
.arrow-bottom-content.arrow-is-left {
  transform: translateX(-20px);
}
.arrow-bottom-content.arrow-is-left::after, .arrow-bottom-content.arrow-is-left::before {
  left: 26px;
  top: 100%;
}
.arrow-bottom-content::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: var(--token-color-surface-primary);
  border-width: 10px;
}
.arrow-bottom-content.is-tooltip::after {
  border-color: transparent;
  border-top-color: var(--token-color-border-strong);
}
.arrow-bottom-content::before {
  border-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.15);
  border-width: 11px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.lazy-data {
  font-size: 0;
  height: 0;
  margin: 0;
  padding: 0;
  width: 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.basic-dropdown {
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-strong);
  border-color: var(--token-color-border-strong);
  border-radius: 2px;
  box-shadow: var(--token-surface-high-box-shadow);
  color: var(--token-color-foreground-strong);
  max-width: 400px;
  min-width: 200px;
}
.basic-dropdown.is-tooltip {
  background-color: var(--token-color-palette-neutral-500);
  color: var(--token-color-foreground-high-contrast);
  font-weight: var(--token-typography-font-weight-medium);
}
.basic-dropdown.is-fluid {
  max-width: none;
  width: 100%;
}
.basic-dropdown.is-wide {
  max-width: 700px;
}
.basic-dropdown.is-narrow {
  max-width: 150px;
  min-width: 100px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-no-qualifying-type,
  selector-class-pattern,
   selector-max-type,
*/
.is-git-branch {
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-faint);
}

.is-git-ref {
  background-color: hsl(from var(--token-color-palette-blue-100) h s calc(l + 5));
  color: var(--token-color-palette-blue-200);
}

.has-whitespace-pre {
  white-space: pre;
}

pre.hds-code-block__code {
  background-color: var(--hds-code-block-color-surface-primary);
  padding: 16px;
  margin-bottom: 0 !important;
  color: var(--hds-code-block-color-foreground-primary);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
*/
.commit-group-resource-delta {
  width: 80px;
}

.commit-status-workspace-search {
  min-width: 16rem;
}

.dropdown-group {
  display: inline-flex;
}
.dropdown-group .hds-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-group .hds-dropdown:first-child .hds-dropdown-toggle-button {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.dropdown-group .hds-dropdown:last-child {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-group .hds-dropdown:last-child .hds-dropdown-toggle-button {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.dropdown-group .hds-dropdown:not(:first-child, :last-child) {
  margin-left: -1px;
  border-radius: 0;
}
.dropdown-group .hds-dropdown:not(:first-child, :last-child) .hds-dropdown-toggle-button {
  border-radius: inherit;
}
.dropdown-group .hds-dropdown .hds-dropdown-toggle-button:focus {
  z-index: 1;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-no-qualifying-type,
*/
/* This component works with the following markup:

  <table class="definition">
    <tbody>
      <tr>
        <th scope="row">ID</th>
        <td>12345</td>
      </tr>
      <tr>
        <th scope="row">Name</th>
        <td>Banister Crumblebench</td>
      </tr>
    </tbody>
  </table>
*/
table.definition {
  border-collapse: separate;
  border-spacing: 0 10px;
}
table.definition th[scope=row] {
  padding-right: 1rem;
  text-align: right;
  white-space: nowrap;
}
table.definition td {
  width: 100%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.developer-portal-onboarding-wizard__banner {
  background-color: var(--token-color-foreground-primary);
}
.developer-portal-onboarding-wizard__banner-container {
  display: flex;
  justify-content: space-between;
  max-height: 10.625rem;
}
.developer-portal-onboarding-wizard__banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 450px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 1.5rem 0 1rem 1.5rem;
  color: var(--token-color-foreground-high-contrast);
}
.developer-portal-onboarding-wizard__banner-link {
  /* stylelint-disable-next-line selector-class-pattern */
}
.developer-portal-onboarding-wizard__banner-link .hds-link-standalone__text,
.developer-portal-onboarding-wizard__banner-link .hds-link-standalone__icon {
  color: var(--token-color-foreground-high-contrast);
}
.developer-portal-onboarding-wizard__banner-image-container {
  margin: 1rem 1rem 0 0;
}
.developer-portal-onboarding-wizard__banner-image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: right;
     object-position: right;
}

.waypoint-wizard-complete-card {
  --waypoint-wizard-complete-gradient: linear-gradient(
    180deg,
    var(--token-color-palette-purple-50),
    var(--token-color-palette-purple-100)
  );
  box-shadow: 0 0 0 1px var(--token-color-palette-purple-100);
  background: var(--waypoint-wizard-complete-gradient);
}

@media (width >= 768px) {
  .waypoint-wizard-complete-card:has(.developer-portal-onboarding-wizard:not(.developer-portal-onboarding-wizard-mini)) {
    background: url("/app/assets/images/wizard-complete-pattern.svg") no-repeat bottom 172px right 0, var(--waypoint-wizard-complete-gradient);
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-no-qualifying-type,
  no-descending-specificity,
*/
.editable-table thead {
  background-color: transparent;
  border-top: 0;
}
.editable-table thead th {
  text-transform: capitalize;
}
.editable-table thead th.actions {
  width: 100px;
}
.editable-table thead th.is-half {
  width: 50%;
}
.editable-table tbody td {
  font-weight: var(--token-typography-font-weight-regular);
  overflow-wrap: anywhere;
  word-break: normal;
}
.editable-table tbody td.has-border {
  border-width: 1px;
  box-shadow: var(--token-elevation-high-box-shadow);
}
.editable-table tr {
  transition: opacity 0.2s ease-in-out;
}
.editable-table tr.no-hover-background:hover {
  background: transparent;
}
.editable-table tr.inactive {
  opacity: 0.5;
}
.editable-table td {
  vertical-align: top;
}
.editable-table td .key {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: var(--token-typography-font-weight-semibold);
  width: 24ch;
}
@media screen and (width >= 1088px) {
  .editable-table td .key {
    width: 24ch;
  }
}
@media screen and (width >= 1280px) {
  .editable-table td .key {
    width: 29ch;
  }
}
@media screen and (width >= 1472px) {
  .editable-table td .key {
    width: 34ch;
  }
}
.editable-table td .description {
  color: var(--token-color-foreground-faint);
  font-size: 0.875rem;
}
.editable-table td label {
  font-weight: var(--token-typography-font-weight-semibold);
}
.editable-table td .redacted {
  color: var(--token-color-foreground-faint);
  font-style: italic;
}
.editable-table td code {
  background: transparent;
  padding: 0;
}
.editable-table td .with-tooltip {
  position: unset !important;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity,
  declaration-property-value-disallowed-list
*/
.hds-power-select .ember-power-select-trigger {
  max-width: 100%;
  min-height: 36px;
  padding: calc(var(--token-form-control-padding) + 1px);
  padding-right: calc(var(--token-form-control-padding) + 24px);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) center, top 8px left 20px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-power-select .ember-power-select-trigger:hover, .hds-power-select .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-power-select .ember-power-select-trigger:focus, .hds-power-select .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-power-select .ember-power-select-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place {
  border-radius: var(--token-form-control-border-radius);
}
.hds-power-select .ember-power-select-trigger[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.7;
}
.hds-power-select .ember-power-select-trigger[aria-disabled=true] .ember-power-select-selected-item {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%238c909c'/%3E%3C/svg%3E");
  opacity: inherit;
}
.hds-power-select .ember-power-select-status-icon {
  display: none;
}
.hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--below, .hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  margin-top: -3px;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-bottom-right-radius: var(--token-border-radius-medium);
  border-bottom-left-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-elevation-high-box-shadow), var(--token-elevation-high-box-shadow);
}
.hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--above {
  margin-top: 3px;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
  box-shadow: none;
}
.hds-power-select .ember-power-select-search {
  padding: 8px 12px 14px;
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input {
  width: 100%;
  max-width: 100%;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  line-height: 1rem;
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input ::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input:hover, .hds-power-select .ember-power-select-search .ember-power-select-search-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input:focus, .hds-power-select .ember-power-select-search .ember-power-select-search-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  -webkit-appearance: none;
          appearance: none;
}
.hds-power-select .ember-power-select-group-name {
  padding: 8px 16px;
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-medium);
  font-size: var(--token-typography-body-300-font-size);
  font-family: var(--token-typography-body-300-font-family);
}
.hds-power-select .ember-power-select-selected-item {
  display: block;
  margin-left: 0;
  padding-left: 37px;
  color: var(--token-color-foreground-strong);
  line-height: normal;
  background-color: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 0 left 13px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}
.hds-power-select .ember-power-select-options {
  padding: 6px 0;
}
.hds-power-select .ember-power-select-options[role=listbox] {
  max-height: 18.6rem;
  overflow: clip auto;
}
.hds-power-select .ember-power-select-option {
  display: block;
  margin: 0 12px;
  padding: 8px 8px 8px 32px;
  line-height: normal;
  background: none;
  border: var(--token-form-control-border-width) solid transparent;
  border-radius: var(--token-form-control-border-radius);
}
.hds-power-select .ember-power-select-option[aria-selected=true] {
  color: var(--token-color-foreground-strong);
  background-color: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 8px left 8px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}
.hds-power-select .ember-power-select-option[aria-current=true], .hds-power-select .ember-power-select-option:hover {
  color: inherit;
  background-color: var(--token-color-surface-action);
  border: var(--token-form-control-border-width) solid var(--token-color-foreground-action-hover);
}
.hds-power-select .ember-power-select-option--no-matches-message {
  padding: 8px;
}
.hds-power-select .ember-power-select-option--no-matches-message:hover {
  color: inherit;
  background-color: inherit;
  border-color: transparent;
  cursor: default;
}
.hds-power-select .ember-power-select-multiple-trigger {
  padding-top: calc(var(--token-form-control-padding) - 3px);
  padding-bottom: calc(var(--token-form-control-padding) - 3px);
  padding-left: 20px;
  background-image: var(--token-form-select-background-image-data-url);
}
.hds-power-select .ember-power-select-multiple-option {
  display: inline-flex;
  align-items: stretch;
  margin: 4px 4px 4px 0;
  padding: 3px 10px 5px;
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-medium);
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-font-stack-text);
  line-height: 1rem;
  vertical-align: middle;
  background-color: inherit;
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}
.hds-power-select .ember-power-select-multiple-remove-btn {
  margin: 0;
  margin-right: 4px;
  font-weight: 300;
  font-size: var(--token-typography-body-300-font-size);
  border: none;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hds-power-select .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 1;
}
.hds-power-select .ember-power-select-trigger-multiple-input {
  margin: 4px 4px 4px 0;
}
.hds-power-select .ember-power-select-trigger-multiple-input:disabled {
  display: none;
}
.hds-power-select .ember-power-select-trigger-multiple-input::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  cursor: pointer;
  -webkit-appearance: none;
}
.hds-power-select .hds-power-select__after-options {
  line-height: normal;
  padding: 8px;
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-100-font-size);
  background-color: var(--token-color-surface-faint);
  border-top: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity,
  color-no-hex
*/
@keyframes new-resource {
  from {
    border: 1px solid var(--token-color-palette-neutral-700);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
  }
  to {
    border: 1px solid var(--token-color-border-strong);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
.fake-web-services .fws-sidebar {
  color: var(--token-color-palette-purple-200);
  position: absolute;
  top: 0;
  width: 27rem;
}
.fake-web-services .fws-sidebar.fws-left-sidebar .fws-left-sidebar-pattern-top {
  margin-top: 13rem;
}
.fake-web-services .fws-sidebar.fws-left-sidebar .fws-left-sidebar-pattern-middle {
  margin-top: -245px;
  opacity: 0.4;
}
.fake-web-services .fws-sidebar.fws-left-sidebar .fws-left-sidebar-pattern-bottom {
  margin-top: -120px;
  opacity: 0.4;
}
.fake-web-services .fws-sidebar.fws-left-sidebar .fws-left-sidebar-fade {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, #fff 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fake-web-services .fws-sidebar.fws-right-sidebar {
  right: 0;
}
.fake-web-services .fws-sidebar.fws-right-sidebar .fws-right-sidebar-pattern-top {
  margin-top: 20rem;
}
.fake-web-services .fws-sidebar.fws-right-sidebar .fws-right-sidebar-top-fade {
  background: linear-gradient(327deg, rgba(255, 255, 255, 0) 0%, #fff 60%);
  height: 470px;
  position: absolute;
  right: 0;
  top: 20rem;
  width: 100%;
}
.fake-web-services .fws-sidebar.fws-right-sidebar .fws-right-sidebar-pattern-bottom {
  margin-top: -170px;
  opacity: 0.2;
}
.fake-web-services .fws-sidebar.fws-right-sidebar .fws-right-sidebar-fade {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 40%, #fff 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fake-web-services .fws-subheader {
  display: inline-flex;
}
.fake-web-services .fws-subheader .fws-subheader-text {
  color: var(--token-color-foreground-strong);
  flex: 1 1 auto;
  font-size: 1rem;
}
.fake-web-services .logo {
  margin-left: -1rem;
  width: 18rem;
}
.fake-web-services .logo .st0 {
  fill: var(--token-color-foreground-strong);
}
.fake-web-services .browser-wrapper {
  background: var(--token-color-surface-primary);
  border-radius: 4px;
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2));
  flex: 0 1 836px;
  z-index: 2;
}
.fake-web-services .browser-content {
  border-radius: var(--token-border-radius-large);
  max-height: 500px;
  overflow-y: scroll;
}
.fake-web-services .browser-navigation-bar {
  align-items: center;
  background-color: var(--token-color-palette-neutral-700);
  border-radius: 4px 4px 0 0;
  display: inline-flex;
  height: 37px;
  justify-content: center;
  width: 100%;
}
.fake-web-services .browser-navigation-bar i {
  border-radius: var(--token-border-radius-large);
  flex: 0 0 13px;
  height: 13px;
  margin: 0 0 0 4px;
}
.fake-web-services .browser-navigation-bar i:nth-child(1) {
  background-color: rgb(255, 86, 79);
}
.fake-web-services .browser-navigation-bar i:nth-child(1):hover {
  background-color: rgb(255, 20, 25);
}
.fake-web-services .browser-navigation-bar i:nth-child(2) {
  background-color: rgb(255, 183, 42);
}
.fake-web-services .browser-navigation-bar i:nth-child(2):hover {
  background-color: rgb(230, 175, 42);
}
.fake-web-services .browser-navigation-bar i:nth-child(3) {
  background-color: rgb(37, 198, 58);
}
.fake-web-services .browser-navigation-bar i:nth-child(3):hover {
  background-color: rgb(10, 225, 10);
}
.fake-web-services .browser-navigation-bar input {
  background-color: var(--token-color-surface-primary);
  border: 0;
  border-radius: var(--token-border-radius-large);
  display: block;
  flex: 1 1 auto;
  height: 17px;
  margin: 0 0.75rem;
  padding: 0 8px;
  width: calc(100% - 28px);
}
.fake-web-services .resources {
  display: flex;
  flex-wrap: wrap;
}
.fake-web-services .resource {
  animation: new-resource 6s linear;
  border: 1px solid var(--token-color-border-strong);
  border-radius: var(--token-border-radius-large);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  flex: 0 0 180px;
  margin: 1rem;
  margin-left: 0;
  margin-top: 0;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center;
}
.fake-web-services .resource .resource-type {
  color: var(--token-color-foreground-faint);
  font-size: 0.625rem;
  margin-top: 4px;
  text-transform: uppercase;
}
.fake-web-services .resource .resource-icon {
  margin-top: 0.75rem;
}
.fake-web-services .resource .resource-name {
  font-size: 0.875rem;
  margin-top: 2px;
}
.fake-web-services .resource .resource-attr-label {
  color: var(--token-color-foreground-faint);
  font-size: 0.625rem;
  margin-top: 4px;
}
.fake-web-services .resource .resource-attr-value {
  color: var(--token-color-foreground-faint);
  font-size: 0.75rem;
  margin-top: 2px;
}
@media screen and (max-width: 1279px) {
  .fake-web-services .next-steps-container {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1280px) {
  .fake-web-services .next-steps-container {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1279px) {
  .fake-web-services .next-steps-container .next-steps-section {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1280px) {
  .fake-web-services .next-steps-container .next-steps-section {
    flex: 1 1 50%;
  }
}
@media screen and (min-width: 1280px) {
  .fake-web-services .next-steps-container .next-steps-section:first-of-type {
    min-width: 33rem;
    padding-right: 1.125rem;
  }
}
@media screen and (max-width: 1279px) {
  .fake-web-services .next-steps-container .next-steps-section:not(:first-of-type) {
    margin-top: 1.75rem !important;
  }
}
@media screen and (min-width: 1280px) {
  .fake-web-services .next-steps-container .next-steps-section:not(:first-of-type) {
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 1279px) {
  .fake-web-services .next-steps-container .next-steps-break {
    display: none;
  }
}
.fake-web-services .next-steps-container .next-steps-break .line {
  border-left: 1px solid var(--token-color-border-primary);
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
}
.fake-web-services .next-steps-container ol {
  list-style-position: inside;
  margin-left: 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.ember-basic-dropdown .filter {
  border-radius: 2px;
  color: var(--token-color-foreground-strong);
  display: flex;
  font-weight: var(--token-typography-font-weight-semibold);
  margin-right: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.ember-basic-dropdown .filter:focus, .ember-basic-dropdown .filter:hover, .ember-basic-dropdown .filter:active, .ember-basic-dropdown .filter.is-open {
  box-shadow: var(--token-focus-ring-action-box-shadow) !important;
}
.ember-basic-dropdown .filter:active, .ember-basic-dropdown .filter.is-open {
  background-color: var(--token-color-surface-strong);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.flex-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.flex-container.is-start {
  justify-content: flex-start;
}
.flex-container.is-end {
  justify-content: flex-end;
}
.flex-container.is-center {
  justify-content: center;
}
.flex-container.is-wrap {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .flex-container.is-wrap-mobile {
    flex-wrap: wrap;
  }
}
.flex-container.is-baseline {
  align-items: baseline;
}
.flex-container.is-top {
  align-items: flex-start;
}
.flex-container.is-bottom {
  align-items: flex-end;
}
.flex-container.is-stretch {
  align-items: stretch;
}
.flex-container.is-fullwidth {
  width: 100%;
}
.flex-container.is-items-center {
  align-items: center;
}

.is-flex-basis-half {
  flex-basis: 50%;
}

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-accordion-item-toggle-content-flex-layout {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable max-nesting-depth */
/* stylelint-disable no-descending-specificity */
.hds-button.round {
  border-color: var(--token-color-border-faint);
  border-radius: 16px;
  padding: 8px;
}
.hds-button.round:focus::before, .hds-button.round.mock-focus::before {
  border-radius: 16px;
}

.hds-button-set--snug {
  display: flex;
  flex-direction: row;
}
.hds-button-set--snug > .hds-button {
  border-radius: 0;
  border-right: 0;
}
.hds-button-set--snug > .hds-button.active {
  background-color: var(--token-color-surface-interactive-active);
}
.hds-button-set--snug > .hds-button:first-of-type {
  border-bottom-left-radius: var(--token-border-radius-small);
  border-top-left-radius: var(--token-border-radius-small);
}
.hds-button-set--snug > .hds-button:last-of-type {
  border-bottom-right-radius: var(--token-border-radius-small);
  border-right: 1px solid var(--token-color-border-strong);
  border-top-right-radius: var(--token-border-radius-small);
}
.hds-button-set--snug .hds-button-container .hds-button {
  border-radius: 0;
  border-right: 0;
}
.hds-button-set--snug .hds-button-container .hds-button.active {
  background-color: var(--token-color-surface-interactive-active);
}
.hds-button-set--snug .hds-button-container:first-of-type .hds-button {
  border-bottom-left-radius: var(--token-border-radius-small);
  border-top-left-radius: var(--token-border-radius-small);
}
.hds-button-set--snug .hds-button-container:last-of-type .hds-button {
  border-bottom-right-radius: var(--token-border-radius-small);
  border-right: 1px solid var(--token-color-border-strong);
  border-top-right-radius: var(--token-border-radius-small);
}

.hds-button-unset--snug .hds-button-unset--snug-btn-set .hds-button {
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
}
.hds-button-unset--snug .hds-button-unset--snug-btn-secondary .hds-button {
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
}
.hds-button-unset--snug .hds-button-unset--snug-btn-secondary .hds-button:hover {
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
}
.hds-button-unset--snug .hds-button-unset--snug-btn-secondary .hds-button--color-critical {
  border-color: var(--token-color-foreground-critical-on-surface);
}

.hds-button--color-secondary:focus {
  z-index: 10;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.hds-separator.has-text {
  overflow: visible;
  text-align: center;
  width: 100%;
}
.hds-separator.has-text::after {
  content: attr(data-content);
  display: inline-block;
  position: relative;
  padding: 0 1rem;
  text-transform: uppercase;
  transform: translateY(-50%);
}
.hds-separator.has-text.hds-separator--spacing-24 {
  /* Adjust top margin to shift with :after text */
  margin: calc(24px + 0.5rem) 0 24px;
}
.hds-separator.has-text.has-background-neutral-primary::after {
  background-color: var(--token-color-surface-primary);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.icon-circle {
  align-items: center;
  background-color: var(--token-color-palette-purple-50);
  border-radius: 50%;
  display: flex;
  height: 130px;
  justify-content: center;
  padding: 40px;
  width: 130px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.impersonating-bar {
  background: var(--token-color-palette-red-300);
  color: var(--token-color-palette-red-50);
}

@media screen and (min-width: 769px), print {
  .impersonating-bar {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
.read-only-mode-bar {
  position: sticky;
  top: 3.5rem;
  z-index: 1;
  background-color: var(--token-color-surface-primary);
}
.read-only-mode-bar .hds-alert {
  border-radius: 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
@media screen and (max-width: 1099px) {
  .json-viewer-container {
    display: block !important;
  }
}

@media screen and (min-width: 1100px) {
  .json-viewer-filter-input {
    flex: 1;
  }
}

@media screen and (max-width: 1099px) {
  .json-viewer-filter-buttons {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
@media screen and (min-width: 1100px) {
  .json-viewer-filter-buttons {
    padding-left: 0.5rem;
  }
}

@media screen and (max-width: 1099px) {
  .json-viewer-filter-help {
    display: none;
  }
}
@media screen and (min-width: 1100px) {
  .json-viewer-filter-help {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.json-viewer-filter-error {
  padding-bottom: 1rem;
  padding-left: 1rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity,
  selector-max-type
*/
.list:not(:last-child) {
  margin-bottom: 1.5rem;
}
.list .list-subsection .list-item:not(:last-child) {
  border-bottom: unset;
}
.list .list-subsection .list-item:first-child .list-item-label:first-child {
  color: var(--token-color-foreground-strong);
}
.list .list-subsection .list-item:last-child {
  border-bottom: 1px solid var(--token-color-border-primary);
  padding-bottom: 1.75rem;
}
.list .list-subsection ~ .list-subsection .list-item:first-child {
  padding-top: 1.75rem;
}
.list .list-subsection:last-child .list-item:last-child {
  border-bottom: unset;
  padding-bottom: 0.875rem;
}
.list .list-item {
  border-bottom: 1px solid var(--token-color-border-primary);
  display: flex;
  padding: 0.75rem;
}
@media screen and (max-width: 768px) {
  .list .list-item {
    flex-direction: column;
  }
  .list .list-item .list-item-label {
    flex-basis: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .list .list-item .list-item-body {
    align-self: stretch;
    flex-basis: 100%;
    order: 3;
  }
}
.list .list-item:not(a) {
  color: var(--token-color-foreground-faint);
}
.list .list-item:not(:last-child) {
  border-bottom: 1px solid var(--token-color-border-primary);
}
.list .list-item:last-child {
  border-bottom: unset;
}
.list .list-item .list-item-label {
  color: var(--token-color-foreground-faint);
  flex-basis: 120px;
  flex-shrink: 0;
  margin-right: 0.875rem;
}
.list .list-item .list-item-body {
  flex-grow: 1;
}
.list .list-item .list-item-body p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
  .list .list-item {
    flex-flow: row wrap;
  }
}

.list-compact li {
  padding: 2px 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.log-viewer {
  border: unset;
  display: flex;
  flex-direction: column;
  height: 320px;
}
@media (width <= 980px) {
  .log-viewer {
    max-width: 80vw;
  }
}
.log-viewer.is-tall {
  height: 400px;
}
@media screen and (width <= 1099px) {
  .log-viewer.is-tall {
    height: 470px;
  }
}
.log-viewer.maximized {
  height: auto;
}
.log-viewer.maximized .tools {
  position: sticky;
  position: sticky;
  top: 0;
  z-index: 39;
}
.log-viewer.full-screened {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.log-viewer .button {
  min-width: auto;
}
.log-viewer .log {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.log-viewer .log a {
  color: inherit;
}
.log-viewer .log.errored {
  cursor: pointer;
}
.log-viewer .messaging {
  display: flex;
  flex: 1;
}
.log-viewer .messaging span,
.log-viewer .messaging a {
  align-self: center;
  font-size: var(--token-typography-body-100-font-size);
}
.log-viewer .follow {
  border-left: 5px solid var(--token-color-border-strong);
  flex: 0 0 95px;
}
.log-viewer .follow.active {
  border-left-color: var(--token-color-palette-green-200);
}
.log-viewer .loading {
  color: var(--token-color-foreground-primary);
  display: none;
  font-size: var(--token-typography-body-100-font-size);
  margin-left: 25px;
}
.log-viewer .loading.active {
  display: inline;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.mini-label {
  background: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 2px;
  color: var(--token-color-foreground-faint);
  display: inline-block;
  font-size: 0.75rem;
  padding: 0 5px;
  text-transform: uppercase;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity
*/
.mixed-tag-input-container:not(.ember-testing) ul {
  display: flex;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mixed-tag-input-container:not(.ember-testing) ul li {
  display: inline-block;
  margin-right: 3px;
  padding-left: 0;
  white-space: nowrap;
}
.mixed-tag-input-container:not(.ember-testing) ul li:nth-child(2n) {
  padding-top: 5px;
}
.mixed-tag-input-container:not(.ember-testing) ul li:last-child {
  flex-grow: 1;
}
.mixed-tag-input-container:not(.ember-testing) ul li:last-child input {
  width: 100% !important;
}
.mixed-tag-input-container:not(.ember-testing) .mixed-tag-input input {
  background: transparent;
  border: unset;
  box-shadow: none;
  max-width: 100%;
  outline: none;
  padding: 0;
  width: 5px;
}
.mixed-tag-input-container:not(.ember-testing) .mixed-tag-atom {
  background-color: var(--token-color-palette-purple-50);
  border: 1px solid var(--token-color-terraform-brand);
  border-radius: 2px;
  padding: 2px 4px;
}
.mixed-tag-input-container:not(.ember-testing) .mixed-tag-atom:focus {
  background-color: var(--token-color-terraform-brand);
  border: 1px solid var(--token-color-palette-purple-50);
  color: var(--token-color-foreground-high-contrast);
  outline: none;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.modal-with-super-select,
.modal-for-invite-users {
  overflow: unset;
  /* stylelint-disable-next-line selector-class-pattern */
}
.modal-with-super-select .hds-dialog-primitive__wrapper-body,
.modal-for-invite-users .hds-dialog-primitive__wrapper-body {
  overflow: unset;
}

.modal-with-super-select-queue-plan {
  overflow-y: auto;
}

.terraform-version-dropdown {
  /* stylelint-disable-next-line selector-class-pattern */
}
.terraform-version-dropdown .hds-dropdown__content {
  max-height: clamp(120px, 100vh - 576px, 264px);
  overflow-y: auto;
}

@media (height <= 450px) {
  .run-type-dropdown {
    /* stylelint-disable-next-line selector-class-pattern */
  }
  .run-type-dropdown .hds-dropdown__content {
    max-height: 120px;
    max-width: 72%;
    overflow-y: auto;
  }
  .terraform-version-dropdown {
    /* stylelint-disable-next-line selector-class-pattern */
  }
  .terraform-version-dropdown .hds-dropdown__content {
    max-height: 94px;
  }
}
@media (height <= 450px) {
  .modal-for-invite-users {
    max-height: 98vh;
    overflow: visible;
    /* stylelint-disable-next-line selector-class-pattern */
    /* stylelint-disable-next-line selector-class-pattern */
  }
  .modal-for-invite-users .hds-dialog-primitive__wrapper {
    overflow: visible;
  }
  .modal-for-invite-users .hds-dialog-primitive__wrapper-body {
    overflow: visible auto;
  }
  .modal-for-invite-users .ember-power-select-dropdown {
    overflow-y: auto;
    max-height: 186px;
  }
  .modal-for-invite-users .ember-basic-dropdown-content {
    position: absolute;
    top: auto;
    bottom: 100%;
    margin-bottom: 4px;
    max-height: 186px;
    overflow-y: auto;
  }
  .modal-for-invite-users .ember-power-select-options {
    max-height: 100px;
    overflow-y: auto;
  }
}

.modal-for-move-workspace {
  overflow: unset;
  /* stylelint-disable-next-line selector-class-pattern */
}
.modal-for-move-workspace .hds-dialog-primitive__wrapper-body {
  overflow: unset;
}
@media (height <= 480px) {
  .modal-for-move-workspace {
    overflow-y: scroll;
  }
  .modal-for-move-workspace .ember-basic-dropdown-content {
    overflow-y: scroll;
    max-height: 180px;
  }
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-no-qualifying-type
*/
progress.progress {
  background-color: var(--token-color-surface-faint) !important;
  border: 1px solid var(--token-color-border-primary) !important;
  border-radius: 2px !important;
  height: 24px !important;
  padding: 0.2rem !important;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.registry-artifact-page-content {
  max-width: 1200px;
}

@media screen and (min-width: 1088px) {
  .registry-artifact-page-content > .columns.is-desktop {
    display: flex;
    gap: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  .registry-artifact-page-content > .columns.is-desktop > .column {
    padding: 0;
  }
  .registry-artifact-page-content > .columns.is-desktop > .column.is-two-thirds-desktop {
    flex: 1 1 0;
    width: auto;
  }
  .registry-artifact-page-content > .columns.is-desktop > .column.is-one-third-desktop {
    flex: none;
    width: 400px;
  }
}
@container sidebar (width >= 800px) {
  .registry-artifact-page-content [data-test-with-sidebar] {
    grid-template: "main above" auto "main below" 1fr/minmax(0, 1fr) 400px;
  }
}
.registry-artifact-page-header {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-max-compound-selectors,
  selector-no-qualifying-type,
  max-nesting-depth,
  no-descending-specificity,
  font-family-no-missing-generic-family-keyword,
*/
.provider-doc-markdown {
  color: var(--token-color-foreground-strong);
  overflow-wrap: anywhere;
  word-break: normal;
}
.provider-doc-markdown p {
  line-height: 1.7;
  padding: 12px 0;
}
.provider-doc-markdown p,
.provider-doc-markdown ul,
.provider-doc-markdown ol {
  max-width: 888px;
}
.provider-doc-markdown h1,
.provider-doc-markdown h2,
.provider-doc-markdown h3,
.provider-doc-markdown h4,
.provider-doc-markdown h5,
.provider-doc-markdown h6 {
  padding-bottom: 0.3em;
}
.provider-doc-markdown h1,
.provider-doc-markdown h2,
.provider-doc-markdown h3,
.provider-doc-markdown h4,
.provider-doc-markdown h5,
.provider-doc-markdown h6,
.provider-doc-markdown ol,
.provider-doc-markdown ul,
.provider-doc-markdown pre {
  margin-bottom: 16px;
}
.provider-doc-markdown ul ul,
.provider-doc-markdown ol ul,
.provider-doc-markdown ul ol,
.provider-doc-markdown ol ol {
  margin-bottom: 0;
}
.provider-doc-markdown h1 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-500-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  line-height: var(--token-typography-display-500-line-height);
}
.provider-doc-markdown h2 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-400-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-400-line-height);
  margin: 24px 0 12px;
  padding: 12px 0 16px;
}
.provider-doc-markdown h3 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  letter-spacing: normal;
  line-height: var(--token-typography-display-300-line-height);
  margin: 24px 0 0;
  padding: 12px 0;
  text-transform: none;
}
.provider-doc-markdown table {
  word-break: initial;
}
.provider-doc-markdown code {
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 2px;
  color: var(--token-color-consul-foreground);
  font-family: var(--token-typography-code-100-font-family);
  font-size: var(--token-typography-code-100-font-size);
  font-weight: 500;
  height: 16px;
  margin: 0 4px;
  padding: 4px;
  text-align: center;
}
.provider-doc-markdown a code {
  color: var(--token-color-palette-blue-300);
}
.provider-doc-markdown pre {
  background: var(--token-color-surface-faint);
  border-top: 1px solid var(--token-color-border-strong);
  font-size: var(--token-typography-body-100-font-size);
  line-height: 19px;
  margin: 8px 0 12px;
}
.provider-doc-markdown pre.line-numbers {
  width: 100%;
}
.provider-doc-markdown pre code {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: var(--token-color-foreground-primary);
  height: auto;
  margin: 0;
  padding: 0;
}
.provider-doc-markdown ul {
  list-style: disc;
  padding-left: 2em;
}
.provider-doc-markdown ul li {
  line-height: 1.7;
  padding: 6px 0;
}
.provider-doc-markdown ul li p {
  padding: 0 0 12px;
}
.provider-doc-markdown ul li > ul {
  list-style: circle;
  padding-left: 16px;
}
.provider-doc-markdown ol {
  padding-left: 2em;
}
.provider-doc-markdown ol li {
  line-height: 1.7;
  padding: 6px 0;
}
.provider-doc-markdown ol li p {
  padding: 0 0 12px;
}
.provider-doc-markdown li.task-list-item {
  list-style-type: none;
}
.provider-doc-markdown h2 a.anchor,
.provider-doc-markdown h3 a.anchor {
  color: var(--token-color-foreground-strong);
  position: relative;
  text-decoration: none;
}
.provider-doc-markdown h2 a.anchor::before,
.provider-doc-markdown h3 a.anchor::before {
  bottom: 0;
  content: "\f0c1";
  display: inline-block;
  font-family: FontAwesome;
  font-size: var(--token-typography-body-100-font-size);
  line-height: 22px;
  margin-left: -17px;
  opacity: 0;
  padding-right: 7px;
  position: absolute;
  transform: scale(1, -1);
  transition: opacity 100ms ease;
  vertical-align: middle;
}
.provider-doc-markdown h2 a.anchor:hover::before,
.provider-doc-markdown h3 a.anchor:hover::before {
  color: var(--token-color-foreground-action);
  opacity: 1;
}
.provider-doc-markdown h2:hover a.anchor,
.provider-doc-markdown h3:hover a.anchor {
  opacity: 1;
}
.provider-doc-markdown .alert {
  border: 1px solid;
  border-radius: 2px;
  margin: 0;
  padding: 16px;
  padding-left: 12px;
}
.provider-doc-markdown .alert.latest-doc-warning {
  margin: 20px 0;
}
.provider-doc-markdown .alert .alert-title {
  font-size: var(--token-typography-body-300-font-size);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}
.provider-doc-markdown .alert i {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.provider-doc-markdown .alert p {
  font-size: var(--token-typography-body-200-font-size);
  line-height: 24px;
  padding: 0 0 0 24px;
}
.provider-doc-markdown .alert.alert-info {
  background-color: var(--token-color-palette-blue-50);
  border-color: var(--token-color-palette-blue-100);
}
.provider-doc-markdown .alert.alert-info .alert-title {
  color: var(--token-color-palette-blue-400);
}
.provider-doc-markdown .alert.alert-info i {
  color: var(--token-color-palette-blue-200);
}
.provider-doc-markdown .alert.alert-warning {
  background-color: var(--token-color-palette-amber-50);
  border-color: var(--token-color-palette-amber-50);
}
.provider-doc-markdown .alert.alert-warning .alert-title {
  color: var(--token-color-palette-amber-200);
}
.provider-doc-markdown .alert.alert-warning .alert-title i {
  color: var(--token-color-palette-amber-200);
}
.provider-doc-markdown .alert.alert-danger {
  background-color: var(--token-color-palette-red-50);
  border-color: var(--token-color-palette-red-50);
}
.provider-doc-markdown .alert.alert-danger .alert-title {
  color: var(--token-color-palette-red-300);
}
.provider-doc-markdown .alert.alert-danger .alert-title i {
  color: var(--token-color-palette-red-300);
}
.provider-doc-markdown .alert-potential-fork {
  background: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-faint);
  width: 100%;
}
.provider-doc-markdown .alert-potential-fork .alert-potential-fork-link {
  font-weight: 600;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.create-token-modal-body > *:not(:last-child) {
  margin-bottom: 1rem;
}
.create-token-modal-body .expiration-field-set {
  display: inline-flex;
  flex-direction: row;
  gap: 16px;
}
.create-token-modal-body .expiration-preview {
  padding-top: 2.75em;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.expiration-field-set {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.scim-token-org-expiration-dropdown-wrapper {
  flex: 1;
  max-width: 33.333%;
}

.scim-token-org-expiration-field {
  flex: 1;
  min-width: 0;
}

.scim-token-org-token-snippet {
  max-width: 80%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.module-readme-markdown code::before, .module-readme-markdown code::after {
  content: none;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.stepper {
  font-weight: 700;
}
.stepper .is-active {
  border-top: 3px solid var(--token-color-foreground-action);
  color: var(--token-color-foreground-action);
}
.stepper a {
  color: var(--token-color-foreground-faint);
}

.inputs-step-link {
  display: block;
  width: 100%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
.policy-evaluation__pagination {
  border-top: 1px solid var(--token-color-border-primary);
  padding: 0 16px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
.policy-results {
  padding-top: 24px;
  position: relative;
}

.policy-results__toolbar {
  display: flex;
  height: 60px;
  padding: 20px 14px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.policy-results__inspector {
  margin-top: -1px;
}
.policy-results__inspector .set-inspector__sets {
  max-height: 432px;
  overflow: hidden auto;
}
.policy-results__inspector .set-inspector__details {
  max-height: 432px;
  overflow: hidden;
}
.policy-results__inspector .set-inspector__details__content {
  flex-grow: 1;
  overflow-y: auto;
  margin-bottom: -15px;
}
.policy-results__inspector .set-inspector__details__header {
  background-color: var(--token-color-surface-strong);
}

.policy-results__log {
  background-color: var(--token-color-foreground-strong);
  color: var(--token-color-surface-faint);
  flex: 1;
  min-width: 100%;
  overflow: scroll;
  padding: 12px;
}

.tfpolicy-results__log {
  background-color: var(--token-color-foreground-strong);
  color: var(--token-color-surface-faint);
  flex: 1;
  min-width: 100%;
  overflow: scroll;
}

.policy-results__log__content {
  font-family: var(--token-typography-code-200-font-family);
  font-size: var(--token-typography-code-200-font-size);
  line-height: var(--token-typography-code-200-line-height);
  white-space: pre;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
*/
.provider-docs-nav {
  border-right: 1px solid var(--token-color-border-strong);
  max-height: 100vh;
  position: sticky;
  top: 0;
}

.provider-docs-top-nav {
  border-top: 1px solid var(--token-color-border-strong);
}
@media screen and (min-width: 1088px) {
  .provider-docs-top-nav {
    max-width: calc(800px - 1.5rem);
    width: 100%;
  }
}

.provider-docs-nav-title {
  border-bottom: 1px solid var(--token-color-border-strong);
  padding: 1em;
  text-transform: uppercase;
}

.provider-docs-nav-content {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  padding: 1em;
}
.provider-docs-nav-content .docs-nav-item .docs-nav-item {
  margin-left: 12px;
}
.provider-docs-nav-content .docs-nav-item > a {
  color: var(--token-color-foreground-strong);
  display: block;
  font-weight: var(--token-typography-font-weight-medium);
  padding: 0.5em 0.57em;
  overflow-wrap: anywhere;
  word-break: normal;
}
.provider-docs-nav-content .docs-nav-item > a:hover, .provider-docs-nav-content .docs-nav-item > a:focus {
  background-color: var(--token-color-palette-purple-50);
  color: var(--token-color-palette-purple-500);
  text-decoration: none;
}
.provider-docs-nav-content .nav-document.active a {
  background: var(--token-color-palette-purple-50);
  color: var(--token-color-terraform-brand);
  font-weight: var(--token-typography-font-weight-medium);
  text-decoration: none;
}
.provider-docs-nav-content .nav-folder .nav-document {
  border-left: 1px solid var(--token-color-border-strong);
}
.provider-docs-nav-content .nav-folder .nav-document.active::before {
  background: var(--token-color-terraform-brand);
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  left: -3.5px;
  margin-top: -4px;
  position: relative;
  top: 22px;
  width: 6px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  no-descending-specificity,
  selector-no-qualifying-type,
*/
.provider-docs-outline {
  margin-top: 3rem;
  position: sticky;
  top: 12px;
}

.provider-docs-outline-border {
  border-bottom: 1px solid var(--token-color-border-primary);
}

.provider-docs-outline-title {
  color: var(--token-color-foreground-faint);
  font-size: 0.75rem;
  font-weight: var(--token-typography-font-weight-medium);
  text-transform: uppercase;
}
.provider-docs-outline-title .icon {
  vertical-align: text-bottom;
}

.provider-docs-outline-feedback {
  margin: 1rem;
}
.provider-docs-outline-feedback a {
  color: var(--token-color-foreground-strong);
}
.provider-docs-outline-feedback a:hover {
  color: var(--token-color-palette-purple-500);
  text-decoration: underline;
}

.provider-docs-outline-content {
  border-left: 1px solid var(--token-color-border-faint);
  margin: 1rem 0.5rem;
  padding-left: 0.5rem;
}
.provider-docs-outline-content li {
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
.provider-docs-outline-content a {
  color: var(--token-color-foreground-strong);
  position: relative;
}
.provider-docs-outline-content a:hover {
  color: var(--token-color-palette-purple-500);
  text-decoration: underline;
}
.provider-docs-outline-content a.is-active {
  color: var(--token-color-terraform-brand);
}
.provider-docs-outline-content a.is-active::before {
  background: var(--token-color-terraform-brand);
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  left: -10px;
  position: absolute;
  top: 5px;
  width: 6px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.query-block-link {
  position: relative;
}
.query-block-link:focus, .query-block-link:focus-visible {
  outline: none;
}
.query-block-link:focus::before, .query-block-link:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: var(--token-focus-ring-action-box-shadow);
  pointer-events: none;
  z-index: 1;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.run {
  margin-top: 3rem;
}
.run .title {
  margin-bottom: 0.75rem;
}
.run hr {
  margin: 1rem 0;
}

@media screen and (max-width: 1087px) {
  .run .container {
    padding: 0 1.5rem;
  }
}
.run-started-phase-summary-content,
.plan-apply-phase-summary-content,
.cost-estimate-phase-summary-content,
.fetching-phase-summary-content,
.task-stage-phase-summary-content,
.policy-check-phase-summary-content,
.sentinel-policy-check-phase-summary-content {
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  display: grid;
  grid-template-areas: "icon headline" "icon details";
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
}

.run-started-phase-summary-icon,
.plan-apply-phase-summary-icon,
.cost-estimate-phase-summary-icon,
.fetching-phase-summary-icon,
.task-stage-phase-summary-icon,
.policy-check-phase-summary-icon,
.sentinel-policy-check-phase-summary-icon {
  grid-area: icon;
}

.run-started-phase-summary-headline,
.plan-apply-phase-summary-headline,
.cost-estimate-phase-summary-headline,
.fetching-phase-summary-headline,
.task-stage-phase-summary-headline,
.policy-check-phase-summary-headline,
.sentinel-policy-check-phase-summary-headline {
  grid-area: headline;
}

.run-started-phase-summary-details,
.plan-apply-phase-summary-details,
.cost-estimate-phase-summary-details,
.task-stage-phase-summary-details,
.policy-check-phase-summary-details,
.sentinel-policy-check-phase-summary-details {
  grid-area: details;
  min-width: 0;
}

.run-started-phase-summary-mobile-avatar {
  display: none;
}

.run-analyzer-agent-callout {
  background: linear-gradient(135deg, rgba(226, 212, 255, 0.88) 0%, rgba(187, 141, 235, 0.48) 30%, rgba(190, 232, 255, 0.6) 100%);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.08);
  padding: 12px;
}

.run-analyzer-agent-callout .hds-accordion-item {
  border-radius: 12px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .run-started-phase-summary,
  .plan-apply-phase-summary,
  .cost-estimate-phase-summary,
  .fetching-phase-summary,
  .task-stage-phase-summary,
  .policy-check-phase-summary,
  .sentinel-policy-check-phase-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }
  .run-started-phase-summary .run-started-phase-summary-content,
  .plan-apply-phase-summary .plan-apply-phase-summary-content,
  .cost-estimate-phase-summary .cost-estimate-phase-summary-content,
  .fetching-phase-summary .fetching-phase-summary-content,
  .task-stage-phase-summary .task-stage-phase-summary-content,
  .policy-check-phase-summary .policy-check-phase-summary-content,
  .sentinel-policy-check-phase-summary .sentinel-policy-check-phase-summary-content {
    align-items: flex-start;
    row-gap: 1rem;
    grid-template-areas: "icon headline" "details details";
    width: 100%;
  }
  .run-started-phase-summary .run-started-phase-summary-icon,
  .plan-apply-phase-summary .plan-apply-phase-summary-icon,
  .cost-estimate-phase-summary .cost-estimate-phase-summary-icon,
  .fetching-phase-summary .fetching-phase-summary-icon,
  .task-stage-phase-summary .task-stage-phase-summary-icon,
  .policy-check-phase-summary .policy-check-phase-summary-icon,
  .sentinel-policy-check-phase-summary .sentinel-policy-check-phase-summary-icon {
    align-self: center;
  }
  .run-started-phase-summary .run-started-phase-summary-headline,
  .plan-apply-phase-summary .plan-apply-phase-summary-headline,
  .cost-estimate-phase-summary .cost-estimate-phase-summary-headline,
  .fetching-phase-summary .fetching-phase-summary-headline,
  .task-stage-phase-summary .task-stage-phase-summary-headline,
  .policy-check-phase-summary .policy-check-phase-summary-headline,
  .sentinel-policy-check-phase-summary .sentinel-policy-check-phase-summary-headline {
    align-self: center;
  }
  .run-started-phase-summary .run-started-phase-summary-mobile-avatar {
    display: inline-block;
    vertical-align: middle;
  }
  .run-started-phase-summary .run-started-phase-summary-created-at,
  .plan-apply-phase-summary .plan-apply-phase-summary-created-at,
  .cost-estimate-phase-summary .cost-estimate-phase-timestamp,
  .fetching-phase-summary .fetching-phase-summary-created-at,
  .task-stage-phase-summary .task-stage-phase-summary-created-at,
  .policy-check-phase-summary .policy-check-phase-timestamp,
  .sentinel-policy-check-phase-summary .sentinel-policy-check-phase-timestamp {
    margin-top: 0;
  }
}
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.runs-beta-table-main {
  flex: 1 1 0;
}

.runs-beta-table-row {
  cursor: pointer;
}

.runs-beta-table-row + .runs-beta-table-row {
  border-top: 1px solid var(--token-color-border-faint);
}

.runs-beta-table-status-column {
  padding-top: 4px;
  width: 16px;
}

.runs-beta-table-title-row {
  align-items: center;
  row-gap: 4px;
}

.runs-beta-table-title-link {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-body-300-line-height);
  text-decoration: none;
}

.runs-beta-table-title-link:hover,
.runs-beta-table-title-link:focus-visible {
  color: var(--token-color-foreground-action);
  text-decoration: none;
}

.runs-beta-table-subtitle {
  line-height: var(--token-typography-body-200-line-height);
  margin: 0;
  white-space: normal;
}

.runs-beta-table-subtitle-status,
.runs-beta-table-attribution-emphasis {
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-semibold);
}

.runs-beta-table-attribution-actor {
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-semibold);
}

.runs-beta-table-meta {
  flex: 0 1 29rem;
  max-width: 29rem;
  width: 100%;
}

.runs-beta-table-run-id {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  width: 100%;
}

.runs-beta-table-copy-snippet {
  max-width: 100%;
}

.runs-beta-table-meta-row {
  row-gap: 4px;
}

.runs-beta-table-meta-attribution {
  max-width: 100%;
  row-gap: 4px;
}

.runs-beta-table-attribution {
  margin: 0;
  white-space: normal;
}

.runs-beta-table-badges {
  max-width: 100%;
  row-gap: 4px;
}

@media screen and (max-width: 1087.98px) {
  .runs-beta-table-row-content {
    align-items: flex-start;
    flex-direction: column;
  }
  .runs-beta-table-main {
    width: 100%;
  }
  .runs-beta-table-meta {
    align-items: flex-start;
    flex-basis: 100%;
    max-width: none;
    padding-left: 28px;
    width: 100%;
  }
  .runs-beta-table-run-id {
    justify-content: flex-start;
    width: 100%;
  }
  .runs-beta-table-meta-row {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
  .runs-beta-table-meta-attribution,
  .runs-beta-table-badges {
    justify-content: flex-start;
    width: 100%;
  }
  .runs-beta-table-badges {
    padding-top: 4px;
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity,
*/
.run-trigger-sheet {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.run-trigger-sheet .sheet-card {
  border-bottom-left-radius: var(--token-border-radius-medium);
  border-bottom-right-radius: var(--token-border-radius-medium);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.run-trigger-sheet .sheet-card.is-bordered {
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-medium);
}
.run-trigger-sheet .sheet-card.is-bordered .sheet-card-head {
  border-bottom: 1px solid var(--token-color-border-primary);
}
.run-trigger-sheet .sheet-card.is-bordered .sheet-card-foot {
  border-top: 1px solid var(--token-color-border-primary);
}
.run-trigger-sheet .sheet-card .sheet-card-head,
.run-trigger-sheet .sheet-card .sheet-card-foot {
  align-items: center;
  background-color: var(--token-color-surface-faint);
  color: var(--token-color-foreground-strong);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}
.run-trigger-sheet .sheet-card .sheet-card-head.theme-transparent,
.run-trigger-sheet .sheet-card .sheet-card-foot.theme-transparent {
  background-color: transparent;
}
.run-trigger-sheet .sheet-card .sheet-card-head {
  border-top-left-radius: var(--token-border-radius-medium);
  border-top-right-radius: var(--token-border-radius-medium);
}
.run-trigger-sheet .sheet-card .sheet-card-head.theme-transparent {
  background-color: transparent;
}
.run-trigger-sheet .sheet-card .sheet-card-head .sheet-card-title {
  margin-right: 15px;
}
.run-trigger-sheet .sheet-card .sheet-card-body {
  background-color: var(--token-color-surface-primary);
  flex-grow: 1;
  flex-shrink: 1;
  padding: 20px;
  border-bottom-left-radius: var(--token-border-radius-medium);
  border-bottom-right-radius: var(--token-border-radius-medium);
}
.run-trigger-sheet .sheet-card .sheet-card-body .media:last-child {
  border-bottom-left-radius: var(--token-border-radius-medium);
  border-bottom-right-radius: var(--token-border-radius-medium);
}
.run-trigger-sheet .sheet-card .sheet-card-foot .button:not(:last-child) {
  margin-right: 10px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.runlist-item {
  border: 1px solid var(--token-color-border-strong);
  position: relative;
}
.runlist-item.runlist-item--neutral::before, .runlist-item.runlist-item--critical::before, .runlist-item.runlist-item--success::before, .runlist-item.runlist-item--warning::before {
  bottom: -1px;
  content: "";
  left: -1px;
  position: absolute;
  top: -1px;
  width: 3px;
  z-index: 10;
}
.runlist-item.runlist-item--neutral::before {
  background-color: var(--token-color-foreground-primary);
}
.runlist-item.runlist-item--critical::before {
  background-color: var(--token-color-foreground-critical);
}
.runlist-item.runlist-item--success::before {
  background-color: var(--token-color-foreground-success);
}
.runlist-item.runlist-item--warning::before {
  background-color: var(--token-color-foreground-warning);
}
.runlist-item > a {
  color: var(--token-color-foreground-faint);
  display: block;
}
.runlist-item > a:hover {
  color: var(--token-color-foreground-faint);
}
.runlist-item .media {
  align-items: center;
  display: flex;
}
.runlist-item .media.has-padding {
  padding: 1.25rem;
}

.runlist-item:not(:last-child) {
  border-bottom: unset;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.plan-card-description ul {
  list-style: disc;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
.set-inspector {
  display: flex;
  flex-direction: column;
  min-height: 240px;
  width: 100%;
}

.set-inspector__header {
  align-items: center;
  background-color: var(--token-color-surface-strong);
  border-bottom: 1px solid var(--token-color-border-primary);
  color: var(--token-color-foreground-strong);
  display: flex;
  height: 48px;
}

.set-inspector__heading,
.set-inspector__column {
  align-items: center;
  display: flex;
  padding: 0 16px;
}

.set-inspector__heading {
  padding: 12px 16px;
}

.set-inspector__heading:nth-of-type(1),
.set-inspector__column:nth-of-type(1) {
  width: var(--set-inspector-col-1-width);
}

.set-inspector__heading:nth-of-type(2),
.set-inspector__column:nth-of-type(2) {
  width: var(--set-inspector-col-2-width);
}

.set-inspector__heading:nth-of-type(3),
.set-inspector__column:nth-of-type(3) {
  width: var(--set-inspector-col-3-width);
}

.set-inspector__heading:nth-of-type(4),
.set-inspector__column:nth-of-type(4) {
  width: var(--set-inspector-col-4-width);
}

.set-inspector__content {
  display: flex;
  flex: 1;
}

.set-inspector__sets {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.set-inspector__set__object {
  background-color: var(--token-color-surface-faint);
  color: var(--token-color-foreground-primary);
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  cursor: pointer;
  display: flex;
  min-height: 48px;
  padding: 0;
  position: relative;
  text-align: left;
}
.set-inspector__set__object.set-inspector__set__object--selected {
  background-color: var(--token-color-surface-strong);
}
.set-inspector__set__object:focus, .set-inspector__set__object:focus-visible {
  border-radius: inherit;
  box-shadow: var(--token-focus-ring-action-box-shadow);
  outline: none;
  z-index: 1;
}
.set-inspector__set__object:disabled {
  cursor: default;
}
.set-inspector__set__object:not(:disabled):hover {
  background-color: var(--token-color-surface-interactive-hover) !important;
}
.set-inspector__set__object:not(:disabled):active {
  background-color: var(--token-color-surface-interactive-active) !important;
}
.set-inspector__set__object .set-inspector__column:first-of-type {
  padding-left: 40px;
}
.set-inspector__set__object .set-inspector__column:last-of-type {
  padding-right: 52px;
}

.set-inspector__set__objects {
  display: flex;
  flex-direction: column;
}

.set-inspector__set__object__chevron {
  position: absolute;
  right: 16px;
}

.set-inspector__state {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.set-inspector__details {
  background-color: var(--token-color-surface-primary);
  border-left: 1px solid var(--token-color-border-primary);
  color: var(--token-color-foreground-primary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: var(--set-inspector-details-width);
}

.set-inspector__details__header {
  border-bottom: 1px solid var(--token-color-border-primary);
  padding: 16px;
}

.set-inspector__details__content {
  display: flex;
  flex: 1;
}
.set-inspector__details__content.set-inspector__details__content--spacing-none {
  padding: 0;
}
.set-inspector__details__content.set-inspector__details__content--spacing-normal {
  padding: 16px;
}
.set-inspector__details__content.set-inspector__details__content--spacing-lg {
  padding: 24px;
}

.set-inspector-content .hds-accordion-item__content {
  padding: 0;
}
.set-inspector-content.hds-accordion-item--does-not-contain-interactive .set-inspector__toggle-content {
  pointer-events: none;
}

.set-inspector-first-column {
  margin-right: -39px;
  padding-left: 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  max-nesting-depth,
  selector-max-compound-selectors,
  no-descending-specificity,
*/
.sheet {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sheet .sheet-card {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sheet .sheet-card.is-bordered {
  border: 1px solid var(--token-color-border-primary);
  border-radius: 2px;
}
.sheet .sheet-card.is-bordered .sheet-card-head {
  border-bottom: 1px solid var(--token-color-border-primary);
}
.sheet .sheet-card.is-bordered .sheet-card-foot {
  border-top: 1px solid var(--token-color-border-primary);
}
.sheet .sheet-card .sheet-card-head,
.sheet .sheet-card .sheet-card-foot {
  align-items: center;
  background-color: var(--token-color-surface-faint);
  color: var(--token-color-foreground-strong);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}
.sheet .sheet-card .sheet-card-head.theme-transparent,
.sheet .sheet-card .sheet-card-foot.theme-transparent {
  background-color: transparent;
}
.sheet .sheet-card .sheet-card-head {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.sheet .sheet-card .sheet-card-head.theme-transparent {
  background-color: transparent;
}
.sheet .sheet-card .sheet-card-head .sheet-card-title {
  margin-right: 15px;
}
.sheet .sheet-card .sheet-card-body {
  background-color: var(--token-color-surface-primary);
  flex-grow: 1;
  flex-shrink: 1;
  padding: 20px;
}
.sheet .sheet-card .sheet-card-foot .button:not(:last-child) {
  margin-right: 10px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.show-more-less-button {
  display: block;
  width: 100%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.sidebar {
  border-right: 1px solid var(--token-color-border-primary);
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  padding-top: 54px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sidebar {
    border-right: unset;
    padding-top: 1rem;
  }
}
.sidebar.is-right {
  border-right: unset;
  padding: 1rem 1rem 0 0;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-class-pattern,
  selector-max-compound-selectors,
  max-nesting-depth,
  no-descending-specificity,
*/
/*
 Style Lint rules and the main markdown overrides below are derived from
 frontend/atlas/app/styles/components/_provider-doc-markdown.scss
*/
.structured-task-results {
  border-top: 1px solid var(--token-color-border-primary);
  padding-top: 24px;
  position: relative;
}

.structured-task-results__inspector {
  margin-top: -1px;
}
.structured-task-results__inspector .set-inspector__sets,
.structured-task-results__inspector .set-inspector__details {
  max-height: 432px;
  overflow: hidden auto;
}
.structured-task-results__inspector hr {
  height: unset;
}

.structured-task-results__details__header {
  padding-left: 24px;
  padding-right: 24px;
}

.structured-task-results__details__close {
  background-color: transparent;
  border: 0;
  color: var(--token-color-foreground-primary);
  cursor: pointer;
  height: 24px;
  padding: 4px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
}

.outcome-markdown {
  color: var(--token-color-foreground-primary);
  overflow-wrap: anywhere;
  word-break: normal;
}
.outcome-markdown p,
.outcome-markdown ul,
.outcome-markdown ol {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-regular);
  letter-spacing: normal;
  line-height: var(--token-typography-body-200-line-height);
  max-width: 90%;
  text-transform: none;
}
.outcome-markdown h1,
.outcome-markdown h2,
.outcome-markdown h3,
.outcome-markdown h4,
.outcome-markdown h5,
.outcome-markdown h6,
.outcome-markdown ol,
.outcome-markdown ul,
.outcome-markdown pre,
.outcome-markdown code,
.outcome-markdown blockquote,
.outcome-markdown table,
.outcome-markdown p {
  margin-bottom: 8px;
}
.outcome-markdown ul ul,
.outcome-markdown ol ul,
.outcome-markdown ul ol,
.outcome-markdown ol ol {
  margin-bottom: 0;
}
.outcome-markdown h1 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-display-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  letter-spacing: normal;
  line-height: var(--token-typography-display-200-line-height);
  text-transform: none;
}
.outcome-markdown h2 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-bold);
  letter-spacing: normal;
  line-height: 20px;
  text-transform: none;
}
.outcome-markdown h3,
.outcome-markdown h4,
.outcome-markdown h5 {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-medium);
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
.outcome-markdown table {
  word-break: initial;
}
.outcome-markdown code {
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-faint);
  border-radius: 2px;
  color: var(--token-color-consul-foreground);
  font-family: var(--token-typography-font-stack-code);
  font-size: var(--token-typography-code-100-font-size);
  font-weight: var(--token-typography-font-weight-medium);
  height: 16px;
  margin: 0 4px;
  text-align: center;
}
.outcome-markdown a code {
  color: var(--token-color-palette-blue-400);
}
.outcome-markdown pre {
  background: var(--token-color-surface-faint);
  border-top: 1px solid var(--token-color-border-faint);
  font-size: var(--token-typography-body-100-font-size);
}
.outcome-markdown pre code {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: var(--token-color-foreground-primary);
  height: auto;
  margin: 0;
  padding: 0;
}
.outcome-markdown ul {
  list-style: disc;
  padding-left: 2em;
}
.outcome-markdown ul li > ul {
  list-style: circle;
  padding-left: 16px;
}
.outcome-markdown ol {
  padding-left: 2em;
}
.outcome-markdown blockquote {
  border-left: var(--token-color-border-primary) 3px solid;
  padding-left: 16px;
}
.outcome-markdown .alert {
  border: 1px solid;
  border-radius: 2px;
  margin: 0;
  padding: 8px;
  padding-left: 12px;
}
.outcome-markdown .alert .alert-title {
  font-size: var(--token-typography-display-100-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-100-line-height);
  margin-bottom: 8px;
}
.outcome-markdown .alert i {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.outcome-markdown .alert p {
  font-size: var(--token-typography-body-100-font-size);
  margin-bottom: 0;
}
.outcome-markdown .alert.alert-info {
  background-color: var(--token-color-surface-action);
  border-color: var(--token-color-border-action);
}
.outcome-markdown .alert.alert-info .alert-title {
  color: var(--token-color-foreground-action);
}
.outcome-markdown .alert.alert-info .alert-title i {
  color: var(--token-color-foreground-action);
}
.outcome-markdown .alert.alert-warning {
  background-color: var(--token-color-surface-warning);
  border-color: var(--token-color-border-warning);
}
.outcome-markdown .alert.alert-warning .alert-title {
  color: var(--token-color-foreground-warning-on-surface);
}
.outcome-markdown .alert.alert-warning .alert-title i {
  color: var(--token-color-foreground-warning);
}
.outcome-markdown .alert.alert-danger {
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-border-critical);
}
.outcome-markdown .alert.alert-danger .alert-title {
  color: var(--token-color-foreground-critical-on-surface);
}
.outcome-markdown .alert.alert-danger .alert-title i {
  color: var(--token-color-foreground-critical);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-max-compound-selectors,
  max-nesting-depth,
  selector-class-pattern,
*/
.table-filters {
  align-items: center;
  background-color: var(--token-color-surface-faint);
  border-top: 1px solid var(--token-color-border-strong);
  display: flex;
}
.table-filters > * {
  margin-left: 10px;
  overflow: hidden;
}
.table-filters > *:first-child {
  margin-left: 0;
}
.table-filters-search {
  flex-grow: 1;
  max-width: 23em;
}
.table-filters .table-filters-search {
  margin: 0.5rem;
}
.table-filters .table-filters-search .table-filters-search-input {
  height: 2.5rem;
}
.table-filters .table-filters-search .table-filters-search-button {
  height: 2.5rem;
}
.table-filters input {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
}
.table-filters input:hover, .table-filters input:focus {
  border-color: var(--token-color-border-strong);
}

.table-filters__segmented-group {
  align-items: stretch;
  display: flex;
  font-size: var(--token-typography-body-200-font-size);
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -moz-user-select: none;
       user-select: none;
  -webkit-overflow-scrolling: touch;
}
.table-filters__segmented-group:not(:last-child) {
  margin-bottom: 1.5rem;
}
.table-filters__segmented-group a,
.table-filters__segmented-group button {
  height: 2.25em;
}
.table-filters__segmented-group a {
  align-items: center;
  border: 1px solid var(--token-color-palette-neutral-200);
  color: var(--token-foreground-faint);
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  padding: 0.5em 1em;
  position: relative;
  vertical-align: top;
}
.table-filters__segmented-group a:hover {
  background-color: var(--token-surface-faint);
  border-color: var(--token-color-foreground-faint);
  color: var(--token-foreground-faint);
  z-index: 2;
}
.table-filters__segmented-group ul {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.table-filters__segmented-group ul li {
  display: block;
}
.table-filters__segmented-group ul li + li {
  margin-left: -1px;
}
.table-filters__segmented-group ul li:first-child a {
  border-radius: var(--token-border-radius-x-small) 0 0 var(--token-border-radius-x-small);
}
.table-filters__segmented-group ul li:last-child a {
  border-radius: 0 var(--token-border-radius-x-small) var(--token-border-radius-x-small) 0;
}
.table-filters__segmented-group ul li.is-active a {
  background-color: transparent;
  border-color: var(--token-color-terraform-brand);
  color: var(--token-color-terraform-brand);
  z-index: 1;
}
.table-filters__segmented-group button {
  background: none;
  border: unset;
  cursor: pointer;
  font-weight: var(--token-typography-font-weight-semibold);
  outline: none;
  padding: 15px 14px;
}
.table-filters__segmented-group .table-filters__segmented-group__filter-icon ~ span {
  margin-left: 4px;
}
.table-filters__segmented-group .ember-basic-dropdown-trigger .count-badge {
  font-weight: var(--token-typography-font-weight-bold);
  padding: 0.5px 6px;
}

.table-filters-results .table thead {
  background-color: var(--token-color-surface-primary);
}

.table-filters-results .table.hds {
  background-color: var(--token-color-surface-primary);
  border-top: 1px solid var(--token-color-border-strong);
}
.table-filters-results .table.hds th {
  border: 0;
  font-size: var(--token-typography-body-200-font-size);
  padding-left: 18px;
  text-transform: unset;
}
.table-filters-results .table.hds thead {
  border-bottom: 1px solid var(--token-color-border-strong);
  border-top: 0;
  margin: 0;
}
.table-filters-results .table.hds thead th {
  border: 0;
  align-content: center;
}
.table-filters-results .table.hds tbody tr {
  border: 1px solid transparent;
}
.table-filters-results .table.hds tbody tr:hover {
  background-color: var(--token-color-surface-faint);
  border-radius: var(--token-border-radius-x-small);
  box-shadow: inset 0 0 0 1px var(--token-color-border-primary);
}
.table-filters-results .table.hds tbody tr:hover button,
.table-filters-results .table.hds tbody tr button:focus {
  opacity: 1;
}
.table-filters-results .table.hds tbody tr:first-child {
  border: 0;
  margin-top: 0;
}
.table-filters-results .table.hds tbody td {
  border: 0;
  font-weight: normal;
}
.table-filters-results .table.hds tbody td .workspace-name {
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-medium);
}

.runs-filters-lower-row {
  height: 50px;
}

@media (width <= 1087px) {
  .runs-filters-search {
    max-width: 23em;
  }
}
@media (width <= 767px) {
  .runs-filters-search {
    max-width: 13em;
  }
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
.tag-labels__container .tag-label__container:not(:last-child) {
  padding-bottom: 16px;
}

.tag-label__tag {
  display: inline-block;
  width: 140px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.terraform-loading polygon {
  fill: var(--token-color-palette-neutral-200);
  animation: terraform-loading-animation 1.5s infinite ease-in-out;
  transform-origin: 50% 50%;
}
.terraform-loading .terraform-loading-order-2 {
  animation-delay: 0.1s;
}
.terraform-loading .terraform-loading-order-3 {
  animation-delay: 0.2s;
}
.terraform-loading .terraform-loading-order-4 {
  animation-delay: 0.3s;
}
.terraform-loading .terraform-loading-order-5 {
  animation-delay: 0.4s;
}
.terraform-loading .polygon-y1a {
  transform-origin: 6px 7px;
}
.terraform-loading .polygon-y1b {
  transform-origin: 20px 12px;
}
.terraform-loading .polygon-y1c {
  transform-origin: 34px 12px;
}
.terraform-loading .polygon-y2a {
  transform-origin: 6px 20px;
}
.terraform-loading .polygon-y2b {
  transform-origin: 20px 25px;
}
.terraform-loading .polygon-y2c {
  transform-origin: 34px 25px;
}
.terraform-loading .polygon-y3a {
  transform-origin: 6px 33px;
}
.terraform-loading .polygon-y3b {
  transform-origin: 20px 38px;
}
.terraform-loading .polygon-y3c {
  transform-origin: 34px 38px;
}

@keyframes terraform-loading-animation {
  0%, 70% {
    transform: scale3d(1, 1, 1);
  }
  35% {
    transform: scale3d(0, 0, 1);
  }
}
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable max-nesting-depth */
.input-dropdown {
  position: relative;
  width: 100%;
}
.input-dropdown.dropdown-visible .hds-form-text-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.input-dropdown .dropdown-list {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-large);
  box-shadow: 0 2px 4px var(--token-color-palette-neutral-100);
  z-index: 1000;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.input-dropdown .dropdown-list::-webkit-scrollbar {
  display: none;
}
.input-dropdown .dropdown-header {
  padding: 8px 12px;
  font-weight: var(--token-typography-font-weight-bold);
  color: var(--token-color-foreground-strong);
  background-color: var(--token-color-surface-primary);
  cursor: default;
  -moz-user-select: none;
       user-select: none;
  border-radius: var(--token-border-radius-large) var(--token-border-radius-large) 0 0;
}
.input-dropdown .dropdown-item {
  color: var(--token-color-foreground-faint);
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 8px 12px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s;
}
.input-dropdown .dropdown-item:hover, .input-dropdown .dropdown-item.selected {
  background-color: var(--token-color-surface-interactive-active);
}
.input-dropdown .dropdown-item:first-child {
  border-top-left-radius: var(--token-border-radius-large);
  border-top-right-radius: var(--token-border-radius-large);
}
.input-dropdown .dropdown-item:last-child {
  border-bottom-left-radius: var(--token-border-radius-large);
  border-bottom-right-radius: var(--token-border-radius-large);
}
.input-dropdown .dropdown-item.no-results {
  color: var(--token-color-foreground-faint);
  font-style: italic;
  cursor: default;
}
.input-dropdown .dropdown-item.no-results:hover {
  background-color: transparent;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.tfce-resources.is-condensed {
  margin-bottom: -2.25em;
  max-height: 530px;
  overflow: hidden;
}

/* stylelint-disable
  selector-max-compound-selectors,
  selector-no-qualifying-type,
  no-descending-specificity,
*/
.tfce-resources .table {
  table-layout: fixed;
}
.tfce-resources .table td {
  border-width: 1px 0;
  color: var(--token-color-foreground-primary);
}
@media screen and (max-width: 1087px) {
  .tfce-resources .table td {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.tfce-resources .table .tfce-resource-row {
  cursor: pointer;
}
.tfce-resources .table .tfce-resource-row td {
  border-bottom-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tfce-resources .table .tfce-resource-row.is-expandable td:first-child {
  padding-left: 1em;
}
.tfce-resources .table tbody.tfce-price-rows .tfce-price-row:first-child td {
  padding-top: 1em;
}
.tfce-resources .table tbody.tfce-price-rows .tfce-price-row:last-child td {
  padding-bottom: 1em;
}
.tfce-resources .table .tfce-child-row td,
.tfce-resources .table .tfce-price-row td {
  background-color: var(--token-color-surface-faint);
  border-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tfce-resources .table .tfce-child-row td:first-child,
.tfce-resources .table .tfce-price-row td:first-child {
  padding-left: 3.25em;
}
.tfce-resources .table .tfce-child-row:hover td,
.tfce-resources .table .tfce-price-row:hover td {
  background-color: var(--token-color-surface-strong);
}
.tfce-resources .table .tfce-child-row td {
  padding-bottom: 0;
  padding-top: 0.8em;
}
.tfce-resources .table .tfce-price-row td {
  font-weight: var(--token-typography-font-weight-regular);
  padding-bottom: 0.3em;
  padding-top: 0.3em;
}

/* stylelint-disable selector-class-pattern */
.tfce-resources .hds-advanced-table__table {
  table-layout: fixed;
}

.tfce-resources .hds-advanced-table__th,
.tfce-resources .hds-advanced-table__td {
  color: var(--token-color-foreground-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1087px) {
  .tfce-resources .hds-advanced-table__th,
  .tfce-resources .hds-advanced-table__td {
    padding-left: 1em;
    padding-right: 1em;
  }
}

.tfce-resources .tfce-resource-row .hds-advanced-table__th,
.tfce-resources .tfce-resource-row .hds-advanced-table__td {
  border-bottom-width: 0;
}

.tfce-resources .tfce-unmatched-row .hds-advanced-table__th,
.tfce-resources .tfce-unmatched-row .hds-advanced-table__td {
  color: var(--token-color-foreground-faint);
}

.tfce-resources .tfce-child-row .hds-advanced-table__th,
.tfce-resources .tfce-child-row .hds-advanced-table__td,
.tfce-resources .tfce-price-row .hds-advanced-table__th,
.tfce-resources .tfce-price-row .hds-advanced-table__td,
.tfce-resources .tfce-child-price-row .hds-advanced-table__th,
.tfce-resources .tfce-child-price-row .hds-advanced-table__td {
  background-color: var(--token-color-surface-faint);
  border-width: 0;
}

.tfce-resources .tfce-child-row:hover .hds-advanced-table__th,
.tfce-resources .tfce-child-row:hover .hds-advanced-table__td,
.tfce-resources .tfce-price-row:hover .hds-advanced-table__th,
.tfce-resources .tfce-price-row:hover .hds-advanced-table__td,
.tfce-resources .tfce-child-price-row:hover .hds-advanced-table__th,
.tfce-resources .tfce-child-price-row:hover .hds-advanced-table__td {
  background-color: var(--token-color-surface-strong);
}

.tfce-resources .tfce-price-row .hds-advanced-table__th,
.tfce-resources .tfce-price-row .hds-advanced-table__td,
.tfce-resources .tfce-child-price-row .hds-advanced-table__th,
.tfce-resources .tfce-child-price-row .hds-advanced-table__td {
  font-weight: var(--token-typography-font-weight-regular);
  padding-bottom: 0.3em;
  padding-top: 0.3em;
}

.tfce-resources .tfce-child-row .hds-advanced-table__th,
.tfce-resources .tfce-child-row .hds-advanced-table__td {
  padding-bottom: 0;
  padding-top: 0.8em;
}

.tfce-resources .tfce-price-row .hds-advanced-table__th,
.tfce-resources .tfce-child-row .hds-advanced-table__th,
.tfce-resources .tfce-child-price-row .hds-advanced-table__th {
  padding-left: 3.25em;
}

/* stylelint-enable selector-class-pattern */
/**
 * Copyright IBM Corp. 2014, 2026
 */
.timeline {
  border-left: 3px solid var(--token-color-border-primary);
}

.timeline-bullet {
  background: var(--token-color-palette-neutral-500);
  border: 3px solid var(--token-color-border-faint);
  border-radius: 100%;
  height: 13px;
  left: -29px;
  position: absolute;
  top: 6px;
  width: 13px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.stats-container {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  margin: 1rem 0;
}
.stats-container .stat-box {
  align-self: center;
  display: flex;
  flex: 0 1;
  justify-content: flex-start;
  text-align: left;
}
.stats-container .stat-box > div {
  width: 100%;
}
.stats-container .stat-box .stat-box-header {
  color: var(--token-color-palette-neutral-600);
  overflow: hidden;
}

.subscription-details-table,
.usage-current-plan-section {
  max-width: 30rem;
}

.usage-overview-card {
  background: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-primary);
  border-radius: 6px;
  padding: 1.5rem;
}

.usage-plan-details {
  gap: 0.5rem;
}
.usage-plan-details dt,
.usage-plan-details dd {
  margin: 0;
}

.usage-plan-details-row {
  gap: 0.75rem;
  justify-content: flex-start;
}

.usage-plan-details-row dt {
  flex: 0 0 12rem;
}

.usage-plan-details-row dd {
  flex: 0 0 auto;
  min-width: 3ch;
  text-align: right;
}

.rum-table-container {
  min-height: 400px;
}

.usage-billable-resources-card {
  margin-top: 1rem;
}

.usage-billable-resources-card-header {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}

.usage-billable-resources-card-summary {
  min-width: 20rem;
}

.usage-billable-resources-card-total {
  align-items: baseline;
  display: flex;
}

.usage-billable-resources-card-legend {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: flex-end;
}

.usage-billable-resources-card-legend-item {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}

.usage-billable-resources-card-actions {
  margin-left: auto;
}

.usage-segmented-meter {
  background: var(--token-color-palette-neutral-200);
  border-radius: 999px;
  height: 0.75rem;
  margin-top: 1rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.usage-segmented-meter-segment {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.usage-segmented-meter-segment-workspaces {
  background: var(--token-color-palette-blue-200);
}

.usage-segmented-meter-segment-stacks {
  background: var(--token-color-palette-purple-400);
}

.usage-segmented-meter-segment-divider {
  background: var(--token-color-surface-primary);
}

.usage-segmented-meter-segment--rounded-end {
  border-radius: 0 999px 999px 0;
}

.usage-segmented-meter--exceeded .usage-segmented-meter-segment-exceeded {
  background: var(--token-color-foreground-warning-on-surface);
  width: 100%;
}

.rum-usage-tag-filter-inputs {
  width: 100%;
}
.rum-usage-tag-filter-inputs .hds-form-key-value-inputs {
  width: 100%;
}
.rum-usage-tag-filter-inputs label {
  white-space: nowrap;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.module-icon {
  align-items: center;
  display: inline-flex;
  height: -moz-max-content;
  height: max-content;
  margin-right: 0.5rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.vcs-events-accordion .event-metadata {
  align-self: stretch;
  display: flex;
  font-size: 0.75rem;
  font-weight: var(--token-typography-font-weight-semibold);
  white-space: nowrap;
}
.vcs-events-accordion .event-metadata .event-date,
.vcs-events-accordion .event-metadata .event-level {
  border-right: 1px solid var(--token-color-border-primary);
  margin: auto;
  padding: 1rem;
}

.event-container {
  display: flex;
  align-items: center;
}
@media (width <= 811px) {
  .event-container .events-truncate {
    overflow: scroll;
    max-width: 300px;
  }
}
@media (width >= 812px) and (width <= 900px) {
  .event-container .events-truncate {
    max-width: 320px;
  }
}
@media (width >= 901px) and (width <= 970px) {
  .event-container .events-truncate {
    max-width: 400px;
  }
}
@media (width >= 971px) and (width <= 1087px) {
  .event-container .events-truncate {
    max-width: 450px;
  }
}
@media (width >= 1088px) and (width <= 1140px) {
  .event-container .events-truncate {
    max-width: 360px;
  }
}
@media (width >= 1141px) and (width <= 1200px) {
  .event-container .events-truncate {
    max-width: 400px;
  }
}
@media (width >= 1201px) and (width <= 1300px) {
  .event-container .events-truncate {
    max-width: 480px;
  }
}
@media (width >= 1301px) and (width <= 1350px) {
  .event-container .events-truncate {
    max-width: 550px;
  }
}
@media (width >= 1351px) and (width <= 1440px) {
  .event-container .events-truncate {
    max-width: 610px;
  }
}
@media (width >= 1441px) {
  .event-container .events-truncate {
    max-width: 770px;
  }
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable
  selector-no-qualifying-type,
  selector-class-pattern
*/
.wizard p:not(.help, .hds-form-error__message) {
  margin: 0.75rem 0;
}

.wizard-footer {
  border-top: 1px solid var(--token-color-palette-neutral-100);
}

.vcs-wizard table.definition th[scope=row] {
  width: 25%;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.workspace-sidebar-meta-row {
  align-items: center;
  color: var(--token-color-foreground-faint);
  display: flex;
  margin-bottom: 0.5rem;
}

.workspace-sidebar-meta-row-icon {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-right: 0.5rem;
  min-width: 16px;
  vertical-align: middle;
  width: 16px;
}

.workspace-sidebar-subheader {
  color: var(--token-color-foreground-strong);
  font-size: 0.75rem;
  font-weight: var(--token-typography-font-weight-medium);
  margin-bottom: 0.5rem;
}

.workspace-sidebar-header-count {
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-regular);
}

.workspace-sidebar-empty-state {
  background-color: var(--token-color-surface-primary);
  padding: 1.5rem;
  border-radius: var(--token-border-radius-medium);
  border: 1px solid var(--token-color-border-primary);
}

.workspace-sidebar-pagination-count {
  color: var(--token-color-foreground-faint);
  font-size: 0.688rem;
}

.workspace-sidebar-run-trigger-list {
  color: var(--token-color-foreground-primary);
  max-height: 280px;
  overflow-y: auto;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.test-container {
  height: 410px;
  min-height: 250px;
  padding: 10px;
  overflow: auto;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.wizards-vcs-setup .card-container {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 18px 28px;
}
.wizards-vcs-setup .description {
  max-width: 80%;
}
.wizards-vcs-setup .section-label {
  color: var(--token-form-label-color);
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.wizards-vcs-setup .label-container {
  margin-bottom: 0.25rem;
}
.wizards-vcs-setup .label {
  font-weight: 500;
}
.wizards-vcs-setup .value {
  color: var(--token-color-foreground-faint);
  font-weight: 400;
}
.wizards-vcs-setup .is-text-preline {
  white-space: pre-line;
}
.wizards-vcs-setup .snippet-border {
  border-color: var(--token-color-border-primary);
  padding: 8px 6px;
}
.wizards-vcs-setup .fields-container {
  margin-left: 0.35rem;
  max-width: 80%;
}
.wizards-vcs-setup .field:not(:last-child) {
  margin-bottom: 1.2rem;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.variable-tooltip-accessible {
  padding: 2px !important;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
[data-test-modal-organization-rename-body] code {
  font-size: 0.875em;
}

/* HDS power select overrides load after our customizations to get precedence*/
/* stylelint-disable-next-line scss/load-partial-extension, scss/at-import-partial-extension-disallowed-list */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/* stylelint-disable selector-class-pattern */
.hds-power-select {
  font-size: 0.875rem;
  font-family: var(--token-typography-font-stack-text);
}
.hds-power-select .ember-basic-dropdown-trigger,
.hds-power-select .ember-power-select-trigger {
  max-width: 100%;
  min-height: 36px;
  padding: calc(var(--token-form-control-padding) + 1px);
  padding-right: calc(var(--token-form-control-padding) + 24px);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) center, top 8px left 20px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
}
.hds-power-select .ember-basic-dropdown-trigger:hover, .hds-power-select .ember-basic-dropdown-trigger.mock-hover,
.hds-power-select .ember-power-select-trigger:hover,
.hds-power-select .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-power-select .ember-basic-dropdown-trigger:focus, .hds-power-select .ember-basic-dropdown-trigger.mock-focus,
.hds-power-select .ember-power-select-trigger:focus,
.hds-power-select .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-power-select .ember-basic-dropdown-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place,
.hds-power-select .ember-power-select-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place {
  border-radius: var(--token-form-control-border-radius);
}
.hds-power-select .ember-basic-dropdown-trigger[aria-disabled=true],
.hds-power-select .ember-power-select-trigger[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.7;
}
.hds-power-select .ember-basic-dropdown-trigger[aria-disabled=true] .ember-power-select-selected-item,
.hds-power-select .ember-power-select-trigger[aria-disabled=true] .ember-power-select-selected-item {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%238c909c'/%3E%3C/svg%3E");
  opacity: inherit;
}
.hds-power-select .ember-power-select-status-icon {
  display: none;
}
.hds-power-select .ember-basic-select-dropdown.ember-basic-dropdown-content--below, .hds-power-select .ember-basic-select-dropdown.ember-basic-dropdown-content--in-place,
.hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--below,
.hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  margin-top: -3px;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-bottom-right-radius: var(--token-border-radius-medium);
  border-bottom-left-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-elevation-high-box-shadow), var(--token-elevation-high-box-shadow);
}
.hds-power-select .ember-basic-select-dropdown.ember-basic-dropdown-content--above,
.hds-power-select .ember-power-select-dropdown.ember-basic-dropdown-content--above {
  margin-top: 3px;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
  box-shadow: none;
}
.hds-power-select .ember-power-select-search {
  padding: 8px 12px 14px;
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input {
  width: 100%;
  max-width: 100%;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  line-height: 1rem;
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input ::-moz-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input:hover, .hds-power-select .ember-power-select-search .ember-power-select-search-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input:focus, .hds-power-select .ember-power-select-search .ember-power-select-search-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}
.hds-power-select .ember-power-select-search .ember-power-select-search-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  -webkit-appearance: none;
          appearance: none;
}
.hds-power-select .ember-power-select-group-name {
  padding: 8px 16px;
  color: var(--token-color-foreground-faint);
  font-weight: var(--token-typography-font-weight-medium);
  font-size: var(--token-typography-body-300-font-size);
  font-family: var(--token-typography-body-300-font-family);
}
.hds-power-select .ember-power-select-selected-item {
  display: block;
  margin-left: 0;
  padding-left: 37px;
  color: var(--token-color-foreground-strong);
  line-height: normal;
  background-color: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 0 left 13px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}
.hds-power-select .ember-power-select-options {
  padding: 6px 0;
}
.hds-power-select .ember-power-select-options[role=listbox] {
  max-height: 36rem;
  overflow-x: clip;
  overflow-y: auto;
}
.hds-power-select .ember-power-select-option {
  display: block;
  margin: 0 12px;
  padding: 8px 8px 8px 32px;
  line-height: normal;
  background: none;
  border: var(--token-form-control-border-width) solid transparent;
  border-radius: var(--token-form-control-border-radius);
}
.hds-power-select .ember-power-select-option[aria-selected=true] {
  color: var(--token-color-foreground-strong);
  background-color: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 8px left 8px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}
.hds-power-select .ember-power-select-option[aria-current=true], .hds-power-select .ember-power-select-option:hover {
  color: inherit;
  background-color: var(--token-color-surface-action);
  border: var(--token-form-control-border-width) solid var(--token-color-palette-blue-300);
}
.hds-power-select .ember-power-select-option--no-matches-message {
  padding: 8px;
}
.hds-power-select .ember-power-select-option--no-matches-message:hover {
  color: inherit;
  background-color: inherit;
  border-color: transparent;
  cursor: default;
}
.hds-power-select .ember-power-select-multiple-trigger {
  padding-top: calc(var(--token-form-control-padding) - 3px);
  padding-bottom: calc(var(--token-form-control-padding) - 3px);
  padding-left: 20px;
  background-image: var(--token-form-select-background-image-data-url);
}
.hds-power-select .ember-power-select-multiple-option {
  display: inline-flex;
  align-items: stretch;
  margin: 4px 4px 4px 0;
  padding: 3px 10px 5px 10px;
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-medium);
  font-size: 0.8125rem;
  font-family: var(--token-typography-font-stack-text);
  line-height: 1rem;
  vertical-align: middle;
  background-color: inherit;
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}
.hds-power-select .ember-power-select-multiple-remove-btn {
  margin: 0;
  margin-right: 4px;
  font-weight: 300;
  font-size: 1rem;
  border: none;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hds-power-select .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 1;
}
.hds-power-select .ember-power-select-trigger-multiple-input {
  margin: 4px 4px 4px 0;
}
.hds-power-select .ember-power-select-trigger-multiple-input:disabled {
  display: none;
}
.hds-power-select .ember-power-select-trigger-multiple-input::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  cursor: pointer;
  -webkit-appearance: none;
}
.hds-power-select .hds-power-select__after-options {
  padding: 8px;
  color: var(--token-color-foreground-primary);
  font-size: 0.8125rem;
  background-color: var(--token-color-surface-faint);
  border-top: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
.hds-power-select .ember-power-select-multiple-options {
  margin: 0 !important;
  padding: 0;
}
.hds-power-select .ember-power-select-multiple-options .ember-power-select-multiple-option {
  margin: 4px 4px 4px 0;
}
.hds-power-select .ember-power-select-multiple-options li:not(.ember-power-select-multiple-option) {
  flex-grow: 1;
}
.hds-power-select .ember-power-select-placeholder,
.hds-power-select .ember-power-select-dropdown {
  line-height: normal;
}
.hds-power-select .ember-power-select-trigger-multiple-input {
  float: unset;
  line-height: normal;
  padding: 4px 0;
}
.hds-power-select .ember-power-select-trigger-multiple-input:focus-visible {
  outline: none;
}
.hds-power-select .ember-power-select-multiple-option .project-icon {
  display: none;
}

.modal-queue-power-select .ember-power-select-option[aria-selected=true] {
  background-position: top 11px left 8px;
}

.modal-replace-address-select .ember-power-select-options[role=listbox] {
  max-height: 15rem;
}

.vertically-centered-active-icon .ember-power-select-option[aria-selected=true],
.vertically-centered-active-icon .ember-power-select-selected-item {
  background-position: 8px center;
}

.hds-segmented-group .hds-power-select .ember-basic-dropdown-trigger {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* MODULES*/
/* styles for atlas/components/registry/intros/no-code-provisioning/tooltip.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._intro-container_1pezps {
  margin-left: 0.5rem;
}

._close_1pezps {
  float: right;
}

._tooltip-content_1pezps {
  background-color: transparent;
  border: none;
  max-width: 650px;
  padding: 0 !important;
  width: 100%;
}

._tooltip-content_1pezps::after {
  border: 8.5px solid transparent;
  border-right-color: var(--token-color-terraform-brand);
  border-right-width: 16px;
  content: "";
  left: -23.5px;
  position: absolute;
  top: 20px;
}

._tooltip-content_1pezps > div {
  background: var(--token-color-surface-primary);
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-medium);
  position: relative;
}

._tooltip-content_1pezps > div::after {
  border: 7.5px solid transparent;
  border-right-color: var(--token-color-surface-primary);
  border-right-width: 15px;
  content: "";
  left: -22px;
  position: absolute;
  top: 20px;
  z-index: 2;
}

._tooltip-content_1pezps > div::before {
  background: linear-gradient(254.72deg, var(--token-color-palette-neutral-700) -35.83%, var(--token-color-terraform-brand) 68.78%);
  border-radius: inherit;
  inset: 0;
  content: "";
  margin: -1px;
  position: absolute;
  z-index: -1;
}

._trigger_1pezps {
  margin-left: 5px;
}

._trigger_1pezps svg {
  height: 16px;
  width: 16px;
}

/* styles for atlas/components/registry/module/search/private.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._in-list-intro_ozaqpg {
  margin-bottom: 1rem;
}

._in-list-intro_ozaqpg > div {
  background-color: var(--token-color-palette-purple-50) !important;
}

._in-list-intro_ozaqpg > div::after, ._in-list-intro_ozaqpg::after {
  content: none;
}

/* styles for atlas/components/actions/invocation-detail-table.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
._advanced-table__overrides_1khet6 {
  /* stylelint-disable selector-disallowed-list */
}

._advanced-table__overrides_1khet6 .hds-advanced-table__container {
  overflow: visible;
  z-index: 1;
}

._advanced-table__overrides_1khet6 .hds-advanced-table {
  overflow: visible;
}

/* styles for atlas/components/actions/invocation-summary-table.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
._advanced-table__overrides_143x5e {
  /* stylelint-disable selector-disallowed-list */
}

._advanced-table__overrides_143x5e .hds-advanced-table__container {
  overflow: visible;
  z-index: 1;
}

._advanced-table__overrides_143x5e .hds-advanced-table {
  overflow: visible;
}

/* styles for atlas/components/admin/github-app-viewer.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable color-no-hex */
._hds-font-override_u5vf7t {
  font-size: var(--token-typography-body-200-font-size);
}

._card_u5vf7t {
  margin: 10px 0;
}

._card-header_u5vf7t {
  background: var(--token-color-surface-faint);
  padding: 35px 45px;
}

._card-header-title_u5vf7t {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
}

._card-header-label_u5vf7t {
  color: var(--token-color-palette-neutral-400);
  font-weight: var(--token-typography-font-weight-medium);
}

._card-header-value_u5vf7t {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-regular);
}

._card-body_u5vf7t {
  padding: 20px 40px 30px;
}

._card-body-message_u5vf7t {
  color: var(--token-color-foreground-strong);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
  margin-bottom: auto !important;
  margin-top: auto;
}

._github-handle_u5vf7t {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
}

._install-gh-tooltip_u5vf7t {
  background-color: unset !important;
  border: unset;
  box-shadow: unset;
}

._install-id_u5vf7t {
  background-color: #fff;
}

._spinner_u5vf7t {
  align-self: center;
  margin-right: 15px;
}

._spinner-text_u5vf7t {
  color: var(--token-color-palette-neutral-400);
  font-size: var(--token-typography-body-100-font-size);
  font-weight: var(--token-typography-font-weight-medium);
  margin-right: 8px;
}

._authorize-alert_u5vf7t {
  width: 100%;
}

._custom-alert_u5vf7t {
  background-color: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
}

._delete-button_u5vf7t {
  min-height: 2rem;
  padding: 8px !important;
}

/* styles for atlas/components/admin/modal-delete-github-app.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._hds-font-override_12adkf {
  font-size: var(--token-typography-body-200-font-size);
}

/* styles for atlas/components/admin/subscription-viewer.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary-grid_1kt9gy {
  grid-template-columns: max-content minmax(0, 1fr);
}

/* styles for atlas/components/admin/user-badges.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._user-badges_r8cil9 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* styles for atlas/components/choice-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._choice-card_1rgohu {
  width: 338px;
  min-height: 260px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}

._choice-card_1rgohu:not(._disabled_1rgohu) {
  position: relative;
}

._choice-card_1rgohu:not(._disabled_1rgohu) button::after {
  content: "";
  position: absolute;
  inset: 0;
}

._choice-card_1rgohu._disabled_1rgohu {
  cursor: default;
}

._description_1rgohu {
  flex-grow: 1;
}

._warning_1rgohu {
  flex-grow: 1;
}

._recommendation_1rgohu {
  flex-grow: 1;
  flex-basis: min-content;
}

._disabled_1rgohu {
  color: var(--token-color-foreground-disabled);
}

._button_1rgohu {
  color: var(--token-color-foreground-strong) !important;
  all: unset;
  cursor: pointer;
}

._button_1rgohu:hover, ._button_1rgohu:active {
  color: inherit;
}

._button_1rgohu:focus, ._button_1rgohu:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
  border-radius: inherit;
}

/* styles for atlas/components/data-chips/chip.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._icon_1v5ri0 {
  margin-right: 5px;
}

/* styles for atlas/components/deprecation-diagnostic.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._module-health-alerts_hnzymd {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 24px;
  align-self: stretch;
  border-radius: var(--token-border-radius-medium);
  border: 1px solid var(--token-color-border-primary);
}

/* styles for atlas/components/developer-portal/empty-state.module.scss */
._empty-state-image_k5ly7s {
  width: 306px;
  height: 189px;
  background-size: contain;
}

/* styles for atlas/components/developer-portal/readme.module.scss */
._tdp-readme-editor_xswb0t {
  /* stylelint-disable-next-line selector-disallowed-list */
}

._tdp-readme-editor_xswb0t .cm-content {
  flex-shrink: initial;
  white-space: initial;
}

/* styles for atlas/components/diagnostic.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description_1ydqgw {
  margin-top: 4px;
  overflow-wrap: anywhere;
}

/* styles for atlas/components/download-metrics-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._count_1wc13i {
  background-color: var(--token-color-palette-neutral-100);
  border-radius: 20px;
  color: var(--token-color-foreground-faint);
  padding: 3px 6px;
  text-align: right;
}

._download-metrics-button_1wc13i {
  margin-top: 24px;
  max-width: 300px;
  padding: 8px 0;
  width: 100%;
}

._download-version_1wc13i i {
  margin-left: 2px;
}

/* styles for atlas/components/dynamic-form/index.module.scss */
._form-section_1qzqzq:has(.help-link) {
  gap: 8px;
}

/* styles for atlas/components/execution-mode/header.module.scss */
._execution-mode-heading_dzkhx7 {
  margin-bottom: 0 !important;
}

._execution-mode-heading_dzkhx7 > :first-child {
  margin-bottom: 0.25rem !important;
}

/* styles for atlas/components/explorer/condition.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._clause_143nk0 {
  width: 6rem;
}

._timezone_143nk0 {
  width: 5%;
  min-width: 42px;
}

._date-time-input_143nk0 {
  width: 14%;
  margin-left: -1px;
  border-radius: 0;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  padding: 0 0.5rem;
}

._date-time-input_143nk0:focus {
  z-index: 1;
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

/* styles for atlas/components/explorer/filter-conditions-container.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._tag_12oh0v span {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* styles for atlas/components/explorer/modal-change-request.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
[aria-label=Dismiss] {
  align-self: flex-start !important;
}

._fixed-large-modal_tdnez3 {
  height: 910px !important;
  width: 910px !important;
}

._fixed-large-textarea_tdnez3 {
  resize: none;
  height: 350px !important;
  border: 0;
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
  box-shadow: rgba(101, 106, 118, 0.1) 1px 0 2px;
  margin-top: 3px;
}

._fixed-subject-input_tdnez3 {
  resize: none;
  height: 40px !important;
}

._markdown-preview_tdnez3 {
  min-height: 274px;
}

._tabs_tdnez3 > div {
  padding-left: 16px;
  border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
  background-color: var(--token-color-surface-faint);
}

/* styles for atlas/components/filter-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._filter-bar_utoey3 {
  align-items: center;
  background-color: var(--token-color-surface-primary);
  border: 0.0625rem solid var(--token-color-border-strong);
  border-radius: 0.1875rem;
  box-shadow: inset 0 0.25rem 0.0625rem rgba(0, 0, 0, 0.06);
  display: flex;
}

._filter-bar_utoey3:focus-within {
  border: 0.0625rem solid var(--token-color-terraform-foreground);
}

._filter-bar_utoey3 input {
  background: transparent;
  border: unset;
  flex: 1;
  height: 2rem;
  outline: none;
  padding-left: 0.5rem;
}

._filter-bar_utoey3 ._active_utoey3 {
  cursor: pointer;
}

._filter-bar_utoey3 ._active_utoey3 path,
._filter-bar_utoey3 ._active_utoey3 svg {
  fill: var(--token-color-foreground-faint);
}

/* styles for atlas/components/filter-segmented-group.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable max-nesting-depth, selector-class-pattern, selector-disallowed-list */
._filter-segmented-group_1vs7fd {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
}

._filter-segmented-group_1vs7fd > .hds-button {
  flex: 0 1 auto;
  min-width: 0;
}

._filter-segmented-group_1vs7fd > .hds-button[data-wrapped-row] {
  margin-top: -1px;
  border-radius: 0;
}

._filter-segmented-group_1vs7fd > .hds-button[data-wrapped-row]:last-child {
  border-top-right-radius: var(--token-radius-200);
  border-bottom-left-radius: var(--token-radius-200);
  border-bottom-right-radius: var(--token-radius-200);
}

._filter-segmented-group_1vs7fd > .hds-button[data-row-start] {
  margin-left: 0;
  margin-top: 0;
  position: relative;
  left: 1px;
}

._filter-segmented-group_1vs7fd[data-has-wrapped-rows] > .hds-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@container (max-width: 960px) {
  ._filter-segmented-group_1vs7fd > .hds-button {
    flex-basis: 100%;
    margin-top: -1px;
    border-radius: 0;
    justify-content: flex-start;
  }
  ._filter-segmented-group_1vs7fd > .hds-button:first-child {
    margin-top: 0;
    border-top-left-radius: var(--token-radius-200);
    border-top-right-radius: var(--token-radius-200);
  }
  ._filter-segmented-group_1vs7fd > .hds-button:last-child {
    border-bottom-left-radius: var(--token-radius-200);
    border-bottom-right-radius: var(--token-radius-200);
  }
  ._filter-segmented-group_1vs7fd > .hds-button ._hds-button__text_1vs7fd {
    flex: 0 1 auto;
    text-align: left;
  }
  ._filter-segmented-group_1vs7fd > .hds-button:last-child:not(:only-child),
  ._filter-segmented-group_1vs7fd > .hds-button:not(:first-child, :last-child, :only-child) {
    margin-left: 0;
  }
  ._filter-segmented-group_1vs7fd > .hds-button[data-row-start] {
    position: static;
    left: auto;
  }
}
@container (min-width: 72rem) {
  ._filter-segmented-group_1vs7fd {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  ._filter-segmented-group_1vs7fd > .hds-button {
    margin-top: 0;
  }
}
/* stylelint-enable max-nesting-depth, selector-class-pattern, selector-disallowed-list */
/* styles for atlas/components/flash-messages/toast.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._flash-messages_1n0vjd {
  bottom: 32px;
  right: 24px;
  position: fixed;
  width: 400px;
  z-index: 41;
}

@media (width <= 768px) {
  ._flash-messages_1n0vjd {
    width: 360px;
  }
}
._flash-messages_1n0vjd ._flash-message_1n0vjd {
  margin-top: 16px;
  animation: _entrance_1n0vjd 250ms ease-in-out;
  /* classes managed by ember-cli-flash */
}

._flash-messages_1n0vjd ._flash-message_1n0vjd.active.exiting {
  animation: _exit_1n0vjd 150ms ease-in-out;
}

._flash-messages_1n0vjd ._flash-message_1n0vjd .hds-toast {
  width: 100%;
}

@keyframes _entrance_1n0vjd {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _exit_1n0vjd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* styles for atlas/components/footer/index.module.scss */
._legal-links_15qt7w a {
  line-height: 24px;
}

/* styles for atlas/components/global-chat/panel.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._panel_ye7os6 {
  position: fixed;
  top: var(--token-app-header-height, 64px);
  right: 0;
  bottom: 0;
  z-index: 19;
  display: flex;
  flex-direction: column;
  width: var(--global-chat-width, 400px);
  max-width: 100vw;
  background: var(--token-color-surface-primary);
  border-left: 1px solid var(--token-color-border-primary);
  box-shadow: var(--token-elevation-high-box-shadow);
}

._header_ye7os6 {
  display: flex;
  gap: var(--token-space-8, 0.5rem);
  align-items: center;
  justify-content: space-between;
  padding: var(--token-space-12, 0.75rem) var(--token-space-16, 1rem);
  border-bottom: 1px solid var(--token-color-border-primary);
}

._header-title_ye7os6 {
  display: flex;
  gap: var(--token-space-8, 0.5rem);
  align-items: center;
}

._messages_ye7os6 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--token-space-16, 1rem);
  padding: var(--token-space-16, 1rem);
  overflow-y: auto;
}

._message_ye7os6 {
  display: flex;
  flex-direction: column;
  gap: var(--token-space-4, 0.25rem);
  max-width: 85%;
}

._message--user_ye7os6 {
  align-self: flex-end;
  text-align: right;
}

._message--assistant_ye7os6 {
  align-self: flex-start;
}

._message-role_ye7os6 {
  color: var(--token-color-foreground-faint);
}

._message-scope_ye7os6 {
  display: inline-flex;
  gap: var(--token-space-4, 0.25rem);
  align-items: center;
  align-self: inherit;
  color: var(--token-color-foreground-faint);
}

._message-bubble_ye7os6 {
  display: inline-flex;
  gap: var(--token-space-8, 0.5rem);
  align-items: baseline;
  padding: var(--token-space-6, 0.375rem) var(--token-space-10, 0.625rem);
  border: 1px solid var(--token-color-border-primary);
  border-radius: 6px;
  overflow-wrap: anywhere;
}

._message--user_ye7os6 ._message-bubble_ye7os6 {
  background: var(--token-color-surface-action);
  border-color: var(--token-color-border-action);
}

._message--assistant_ye7os6 ._message-bubble_ye7os6 {
  background: var(--token-color-surface-faint);
}

._typing-text_ye7os6 {
  font-style: italic;
}

._composer-area_ye7os6 {
  border-top: 1px solid var(--token-color-border-primary);
}

._suggestions_ye7os6 {
  display: flex;
  flex-direction: column;
  gap: var(--token-space-8, 0.5rem);
  padding: var(--token-space-12, 0.75rem) var(--token-space-16, 1rem) 0;
}

._suggestion-chips_ye7os6 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--token-space-8, 0.5rem);
}

._chip_ye7os6 {
  padding: var(--token-space-4, 0.25rem) var(--token-space-12, 0.75rem);
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--token-color-foreground-action);
  cursor: pointer;
  background: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-action);
  border-radius: 999px;
}

._chip_ye7os6:hover {
  background: var(--token-color-surface-action);
}

._chip_ye7os6:disabled {
  color: var(--token-color-foreground-disabled);
  cursor: not-allowed;
  border-color: var(--token-color-border-primary);
}

._scope-bar_ye7os6 {
  padding: var(--token-space-12, 0.75rem) var(--token-space-16, 1rem) 0;
}

._scope-chip_ye7os6 {
  display: inline-flex;
  gap: var(--token-space-4, 0.25rem);
  align-items: center;
  padding: var(--token-space-4, 0.25rem) var(--token-space-8, 0.5rem);
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--token-color-foreground-faint);
  cursor: pointer;
  background: var(--token-color-surface-primary);
  border: 1px dashed var(--token-color-border-primary);
  border-radius: 6px;
}

._scope-chip_ye7os6:hover {
  background: var(--token-color-surface-faint);
}

._scope-chip--active_ye7os6 {
  color: var(--token-color-foreground-action);
  background: var(--token-color-surface-action);
  border-style: solid;
  border-color: var(--token-color-border-action);
}

._scope-chip-remove_ye7os6 {
  opacity: 0.7;
}

._composer_ye7os6 {
  display: flex;
  gap: var(--token-space-8, 0.5rem);
  align-items: flex-end;
  padding: var(--token-space-12, 0.75rem) var(--token-space-16, 1rem);
}

._composer-input_ye7os6 {
  flex: 1 1 auto;
  resize: none;
}

/* styles for atlas/components/global-chat/toggle-button.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._chat-toggle-wrapper_1oi82i {
  position: relative;
  display: inline-flex;
  align-items: center;
}

._sparkle_1oi82i {
  position: absolute;
  top: -3px;
  right: -3px;
  pointer-events: none;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}

._chat-toggle_1oi82i:not(:disabled) {
  color: var(--token-color-foreground-high-contrast) !important;
  background-color: var(--token-color-palette-blue-200) !important;
  border-color: var(--token-color-palette-blue-300) !important;
}

._chat-toggle_1oi82i:hover:not(:disabled), ._chat-toggle_1oi82i:focus:not(:disabled) {
  color: var(--token-color-foreground-high-contrast) !important;
  background-color: var(--token-color-palette-blue-300) !important;
  border-color: var(--token-color-palette-blue-400) !important;
}

/* styles for atlas/components/hcp/project-settings.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._hcp-project-metadata_12o8u7 dl {
  align-items: start;
  display: grid;
  grid-template-columns: auto 1fr;
}

._hcp-project-metadata_12o8u7 dt {
  grid-column: 1;
  margin-right: 16px;
}

._hcp-project-metadata_12o8u7 dd {
  grid-column: 2;
  overflow-wrap: anywhere;
  overflow-x: auto;
  width: 100%;
  word-break: normal;
}

._hcp-project-metadata-spacing_12o8u7 {
  margin-bottom: 16px;
}

/* styles for atlas/components/header-global.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-disallowed-list */
.hds-app-header--is-mobile .hds-dropdown-list-item:has(button[data-test-help-link="give feedback"]) {
  display: none;
}

/* styles for atlas/components/ip-allowlists/cidr-range-list-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card-container_lqhu64 {
  position: relative;
}

._card-container_lqhu64 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* styles for atlas/components/json-plan/action-invocation.module.scss */
._contents-row_1u4hpq {
  align-items: flex-start;
  line-height: 18px;
  min-height: 18px;
  vertical-align: middle;
  word-break: break-all;
}

._item-name_1u4hpq {
  color: var(--token-color-foreground-faint);
  flex-basis: calc(25% - 18px - 0.5rem);
  font-weight: var(--token-typography-font-weight-medium);
  line-height: 18px;
  min-width: 200px;
}

._item-value_1u4hpq {
  flex-basis: calc(75% - 18px - 0.5rem);
  line-height: 18px;
  min-width: 0;
  overflow-wrap: break-word;
}

._invocation-row_1u4hpq {
  align-items: center;
  align-self: baseline;
}

._config-row_1u4hpq {
  align-items: flex-start;
  padding-left: 0.2rem;
}

._config-indent_1u4hpq {
  width: 1.5rem;
  flex-shrink: 0;
}

@keyframes _action-pulse_1u4hpq {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
/* styles for atlas/components/json-plan/diff-action-symbol.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._symbol_1mf236 {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  text-align: center;
  width: 24px;
}

/* styles for atlas/components/json-plan/diff-bracket.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._bracket_18cbjf {
  color: var(--token-color-foreground-faint);
  display: inline-flex;
  font-family: var(--token-typography-font-stack-code);
  font-weight: var(--token-typography-font-weight-bold);
  justify-content: center;
  justify-self: center;
  min-width: 24px;
}

._bracket_18cbjf._open_18cbjf {
  min-width: 0;
}

/* styles for atlas/components/json-plan/diff-contents.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._contents-row_vs9z5w {
  align-items: flex-start;
  line-height: 18px;
  min-height: 18px;
  vertical-align: middle;
  word-break: break-all;
}

._item-name_vs9z5w {
  color: var(--token-color-foreground-faint);
  flex-basis: calc(25% - 18px - 0.5rem);
  font-weight: var(--token-typography-font-weight-medium);
  line-height: 18px;
  min-width: 200px;
}

._item-value_vs9z5w {
  flex-basis: calc(75% - 18px - 0.5rem);
  line-height: 18px;
}

/* stylelint-disable
  selector-disallowed-list
*/
.no-code-upgrade-flow ._contents-row_vs9z5w {
  word-break: normal;
}

.no-code-upgrade-flow ._item-name_vs9z5w {
  flex-basis: calc(20% - 18px - 0.5rem);
  min-width: 0;
}

.no-code-upgrade-flow ._item-value_vs9z5w {
  flex-basis: calc(80% - 18px - 0.5rem);
}

/* styles for atlas/components/json-plan/diff-value.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._value_1sys8v {
  color: var(--token-color-foreground-primary);
  font-family: var(--token-typography-font-stack-code);
  font-weight: var(--token-typography-font-weight-bold);
}

._value_1sys8v._null_1sys8v {
  color: var(--token-color-foreground-faint);
}

._multi-line_1sys8v {
  white-space: pre;
  height: 18px;
  display: inline-flex;
}

._meta_1sys8v {
  color: var(--token-color-foreground-faint);
  font-style: italic;
  font-weight: var(--token-typography-font-weight-regular);
}

/* styles for atlas/components/layout/flex-form.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-max-compound-selectors */
._flex-form_iisyz2 {
  display: flex;
  flex-direction: column;
}

._flex-form_iisyz2 h1,
._flex-form_iisyz2 h2,
._flex-form_iisyz2 h3,
._flex-form_iisyz2 h4,
._flex-form_iisyz2 h5,
._flex-form_iisyz2 h6 {
  margin-top: 8px;
  padding: 0;
  margin-bottom: 16px;
}

._flex-form_iisyz2 h1:first-child,
._flex-form_iisyz2 h2:first-child,
._flex-form_iisyz2 h3:first-child,
._flex-form_iisyz2 h4:first-child,
._flex-form_iisyz2 h5:first-child,
._flex-form_iisyz2 h6:first-child {
  margin-top: 0;
}

._flex-form_iisyz2 > *:not(:last-child),
._flex-form_iisyz2 > fieldset > *:not(:last-child),
._flex-form_iisyz2 > ._flex-form-passthru_iisyz2 > *:not(:last-child),
._flex-form_iisyz2 > ._flex-form-passthru_iisyz2 > fieldset > *:not(:last-child) {
  margin-bottom: 24px;
}

._flex-form_iisyz2 > fieldset {
  margin-bottom: 0;
}

._flex-form_iisyz2 ._flex-form-flex_iisyz2 {
  margin-top: 8px;
}

/* styles for atlas/components/layout/full-width.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._full-width_1huyym {
  width: 100%;
  padding: 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (width > 1440px) {
  ._full-width_1huyym {
    padding: 3em;
  }
}
/* styles for atlas/components/layout/part/heading.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._heading_96h4pe {
  margin-top: 32px;
  margin-bottom: 16px;
  padding: 0;
}

._heading_96h4pe:first-child {
  margin-top: 0;
}

._heading_96h4pe h1,
._heading_96h4pe h2,
._heading_96h4pe h3,
._heading_96h4pe h4,
._heading_96h4pe h5,
._heading_96h4pe h6 {
  padding: 0;
  margin: 0 0 8px;
}

/* styles for atlas/components/layout/prose.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._prose_1qq1zm {
  width: 100%;
  max-width: 700px;
  display: block;
}

._prose_1qq1zm > h1,
._prose_1qq1zm > h2,
._prose_1qq1zm > h3,
._prose_1qq1zm > h4,
._prose_1qq1zm > h5,
._prose_1qq1zm > h6 {
  margin: 32px 0 16px;
  padding: 0;
}

._prose_1qq1zm > h1:first-child,
._prose_1qq1zm > h2:first-child,
._prose_1qq1zm > h3:first-child,
._prose_1qq1zm > h4:first-child,
._prose_1qq1zm > h5:first-child,
._prose_1qq1zm > h6:first-child {
  margin-top: 0;
}

._prose_1qq1zm p:not(:last-child) {
  margin-bottom: 0.7em;
}

/* styles for atlas/components/layout/standard.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._standard_1n0lsu {
  width: 100%;
  max-width: 1200px;
  padding: 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (width > 1440px) {
  ._standard_1n0lsu {
    padding: 3em;
  }
}
/* styles for atlas/components/layout/with-sidebar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._layout_ruut2f {
  display: grid;
  gap: 2rem;
  grid-template: "above" 1fr "main" "below"/minmax(0, 1fr);
}

._main_ruut2f {
  grid-area: main;
}

._above_ruut2f {
  grid-area: above;
}

._below_ruut2f {
  grid-area: below;
}

._container_ruut2f {
  container: sidebar/inline-size;
}

@container sidebar (width >= 800px) {
  ._layout_ruut2f {
    grid-template: "main above" auto "main below" 1fr/minmax(0, 1fr) 325px;
  }
  ._layout_ruut2f._no-row-gap_ruut2f {
    gap: 0 2rem;
  }
}
/* styles for atlas/components/login/password-step.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._forgot-password-link_bbfxwb {
  line-height: 24px;
}

/* styles for atlas/components/modal-queue-plan.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._plan-type-option_c39eam {
  line-height: 1.5;
}

._option-description_c39eam {
  font-size: 0.75rem;
}

[aria-current=false] ._option-description_c39eam {
  color: var(--token-color-foreground-faint);
}

/* styles for atlas/components/new-vcs-connection.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._github-app-option_dhqce3 {
  font-size: var(--token-typography-body-200-font-size);
  margin-top: 0.25rem;
  margin-bottom: 0.2rem;
}

/* styles for atlas/components/next-prev-pagination.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._next-prev-pagination_ps9831 {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  margin-top: 1rem;
}

._next-prev-pagination_ps9831 ._info_ps9831 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._next-prev-pagination_ps9831 ._nav_ps9831 {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

._next-prev-pagination_ps9831 ._size-selector_ps9831 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}

/* styles for atlas/components/notifications/notifications-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-notifications-list_11l9nj {
  padding-top: 8rem;
}

/* styles for atlas/components/onboarding-widget/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._widget-wrapper_1yux7b {
  position: relative;
  display: inline-block;
}

._toggle-button_1yux7b {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 1px 0 10px;
}

._notification-badge_1yux7b {
  position: absolute;
  top: 0;
  left: -17px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background-color: var(--token-color-palette-blue-200);
  color: var(--token-color-foreground-high-contrast);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  ._chevron_1yux7b {
    transition: transform 0.3s ease-in-out;
  }
}
._chevron_1yux7b._widget-open_1yux7b {
  transform: rotate(-180deg);
}

/* styles for atlas/components/onboarding-widget/progress-wheel.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._task-card_1cy5k1 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

._progress-indicator_1cy5k1 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

._progress-ring_1cy5k1 {
  display: block;
  width: 100%;
  height: 100%;
}

._progress-ring-bg_1cy5k1 {
  stroke: var(--token-color-border-primary);
}

._progress-ring-progress_1cy5k1 {
  stroke: var(--token-color-palette-purple-400);
}

._task-content_1cy5k1 {
  flex: 1;
  min-width: 0;
  padding-right: 2.5rem;
}

._task-title_1cy5k1 {
  margin: 0;
  color: var(--token-color-foreground-strong);
}

._task-progress_1cy5k1 {
  margin: 0;
  margin-top: 2px;
}

/* styles for atlas/components/onboarding-widget/task-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._start-button_1kus3x {
  background-color: var(--token-color-palette-blue-200) !important;
  border-color: var(--token-color-palette-blue-200) !important;
  color: var(--token-color-foreground-high-contrast) !important;
}

._start-button_1kus3x:hover {
  background-color: var(--token-color-palette-blue-300) !important;
  border-color: var(--token-color-palette-blue-300) !important;
}

._start-button_1kus3x:active, ._start-button_1kus3x:focus {
  background-color: var(--token-color-palette-blue-400) !important;
  border-color: var(--token-color-palette-blue-400) !important;
}

._step-title-button_1kus3x {
  background: none;
  border: 0;
  margin: 0;
  padding-inline: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  width: 100%;
  text-decoration: underline;
}

._skip-button_1kus3x {
  background-color: transparent !important;
  border-color: var(--token-color-border-strong) !important;
  color: var(--token-color-foreground-primary) !important;
}

._skip-button_1kus3x:hover {
  background-color: var(--token-color-surface-faint) !important;
  border-color: var(--token-color-border-strong) !important;
}

._skip-button_1kus3x:active, ._skip-button_1kus3x:focus {
  background-color: var(--token-color-palette-neutral-100) !important;
  border-color: var(--token-color-border-strong) !important;
}

/* stylelint-disable selector-class-pattern */
._step-list_1kus3x .hds-stepper-list__step-description:not(:has(._step-description_1kus3x)),
._step-list_1kus3x .hds-stepper-list__step-content:not(:has(._step-content_1kus3x)) {
  margin-top: 0;
}

/* stylelint-enable selector-class-pattern */
/* styles for atlas/components/onboarding-widget/widget-container.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._widget-container_1v6z93 {
  color: var(--token-color-foreground-strong);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 322px;
  max-width: calc(100vw - 32px);
  margin-top: 4px;
  padding: 1rem;
  background: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-mid-box-shadow);
}

@media (width <= 768px) {
  ._widget-container_1v6z93 {
    right: auto;
    left: 0;
  }
}
._header-separator_1v6z93 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

._task-container_1v6z93 {
  padding: 0;
  overflow: hidden;
}

._loading-state_1v6z93 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}

._view-all-footer_1v6z93 {
  padding: 1rem;
}

._view-all-header_1v6z93 {
  padding: 1rem;
}

._back-button_1v6z93 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: var(--token-typography-font-weight-semibold);
  color: var(--token-color-foreground-strong);
  cursor: pointer;
}

._view-all-scroll_1v6z93 {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
}

._view-all-button_1v6z93 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: var(--token-typography-font-weight-semibold);
  color: var(--token-color-foreground-strong);
  cursor: pointer;
}

._skip-button_1v6z93 {
  background-color: transparent !important;
  border-color: var(--token-color-border-strong) !important;
  color: var(--token-color-foreground-primary) !important;
}

._skip-button_1v6z93:hover {
  background-color: var(--token-color-surface-faint) !important;
  border-color: var(--token-color-border-strong) !important;
}

._skip-button_1v6z93:active, ._skip-button_1v6z93:focus {
  background-color: var(--token-color-palette-neutral-100) !important;
  border-color: var(--token-color-border-strong) !important;
}

._complete-state_1v6z93 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  gap: 1.5rem;
}

._complete-icon_1v6z93 {
  width: 56px !important;
  height: 56px !important;
}

._complete-icon_1v6z93 svg {
  width: 100%;
  height: 100%;
}

._complete-body_1v6z93 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* styles for atlas/components/page-header/breadcrumbs.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._crumb_f3zmvl svg {
  color: var(--breadcrumb-icon-color);
}

/* styles for atlas/components/page-header/query-overview.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._has-left-text-margin_1lbnjx {
  margin-left: 4px;
}

._link_1lbnjx {
  color: var(--token-color-foreground-primary);
  text-decoration: underline;
}

/* styles for atlas/components/page-header/tag-bindings-data-chip.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._has-left-text-margin_ffttli {
  margin-left: 4px;
}

/* styles for atlas/components/page-header/workspace-data-chips.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._has-left-text-margin_l2jsp9 {
  margin-left: 4px;
}

._link_l2jsp9 {
  color: var(--token-color-foreground-primary);
  text-decoration: underline;
}

/* styles for atlas/components/page-header/workspace-overview.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._has-left-text-margin_g9jrn6 {
  margin-left: 4px;
}

._link_g9jrn6 {
  color: var(--token-color-foreground-primary);
  text-decoration: underline;
}

/* styles for atlas/components/policy-set-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card-container_epfesh {
  position: relative;
}

._card-container_epfesh a::after {
  content: "";
  position: absolute;
  inset: 0;
}

._policy-set-alert_epfesh {
  margin-left: 58px;
}

._policy-set-metadata_epfesh {
  display: flex;
  gap: 20px;
  list-style: none;
}

._policy-set-metadata_epfesh li {
  align-items: center;
  display: flex;
  gap: 5px;
}

._code_epfesh {
  background-color: var(--token-color-surface-action);
  border-radius: 2px;
  padding: 0.2rem;
}

/* styles for atlas/components/policy-sets/configuration-form/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-disallowed-list */
/* eslint-disable  prettier/prettier */
._bold-label_4ipdr2 {
  font-weight: var(--token-typography-font-weight-semibold) !important;
}

._constrained-width_4ipdr2 {
  width: 100%;
  max-width: 700px;
}

._constrained-width_4ipdr2._indented_4ipdr2 {
  max-width: 676px;
}

._policy-set-execution-mode_4ipdr2 {
  /* stylelint-disable selector-class-pattern */
}

._policy-set-execution-mode_4ipdr2 .hds-form-group__control-fields-wrapper {
  gap: 1.5rem;
}

._policy-set-execution-mode_4ipdr2 .hds-form-group__control-field {
  margin-top: 0 !important;
}

._policy-set-execution-mode_4ipdr2 .hds-link-standalone {
  font-weight: 500;
}

._policy-set-execution-mode_4ipdr2 .max-width-dropdown-button {
  max-width: 100% !important;
}

/* styles for atlas/components/policy-sets/configuration-form/scope/tag-based-workspaces-flyout.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-disallowed-list */
/* stylelint-disable selector-class-pattern */
/* eslint-disable  prettier/prettier */
._matched-workspaces-flyout_ekmrcw .hds-dialog-primitive__title.hds-flyout__title {
  margin-bottom: 0 !important;
}

._matched-workspaces-list-card_ekmrcw {
  border-radius: 6px;
  border: 1px solid var(--token-color-border-primary);
}

._padding-for-list-item_ekmrcw {
  padding-left: 5px;
}

._loading-state_ekmrcw {
  display: flex;
  justify-content: center;
}

/* styles for atlas/components/policy-sets/summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary_14gx2a {
  width: 100%;
}

._summary_14gx2a dl {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px 16px;
}

._summary_14gx2a dt {
  width: 200px;
  align-content: center;
}

._summary_14gx2a dd {
  grid-column-start: 2;
}

._summary_14gx2a ul {
  list-style: disc;
}

._tag-list_14gx2a {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* styles for atlas/components/registry/design/breadcrumbs.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._registry-breadcrumbs_1jzcm2 a:not(.active) {
  color: var(--token-color-foreground-primary);
}

/* styles for atlas/components/registry/design/variables-autocomplete.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._autocomplete_1u47f3 {
  max-height: 500px;
  overflow: scroll;
}

._autocomplete_1u47f3 a {
  color: var(--token-color-foreground-strong);
  display: block;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}

._autocomplete_1u47f3 a:hover {
  background-color: var(--token-color-terraform-foreground);
  color: var(--token-color-foreground-high-contrast);
}

/* styles for atlas/components/registry/intros/no-code-provisioning/content.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._intro-container_16nmxv {
  margin-left: 0.5rem;
}

._close_16nmxv {
  float: right;
}

._tooltip-content_16nmxv {
  background-color: transparent;
  border: none;
  max-width: 650px;
  padding: 0 !important;
  width: 100%;
}

._tooltip-content_16nmxv::after {
  border: 8.5px solid transparent;
  border-right-color: var(--token-color-terraform-brand);
  border-right-width: 16px;
  content: "";
  left: -23.5px;
  position: absolute;
  top: 20px;
}

._tooltip-content_16nmxv > div {
  background: var(--token-color-surface-primary);
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-medium);
  position: relative;
}

._tooltip-content_16nmxv > div::after {
  border: 7.5px solid transparent;
  border-right-color: var(--token-color-surface-primary);
  border-right-width: 15px;
  content: "";
  left: -22px;
  position: absolute;
  top: 20px;
  z-index: 2;
}

._tooltip-content_16nmxv > div::before {
  background: linear-gradient(254.72deg, var(--token-color-palette-neutral-700) -35.83%, var(--token-color-terraform-brand) 68.78%);
  border-radius: inherit;
  inset: 0;
  content: "";
  margin: -1px;
  position: absolute;
  z-index: -1;
}

._trigger_16nmxv {
  margin-left: 5px;
}

._trigger_16nmxv svg {
  height: 16px;
  width: 16px;
}

._rocket-icon_16nmxv svg {
  color: var(--token-color-terraform-brand);
  float: right;
  height: 24px;
  width: 24px;
}

._close_16nmxv {
  float: right;
}

._in-list-close_16nmxv {
  position: absolute;
  right: 11px;
  top: 5px;
}

._tag_16nmxv {
  background-color: var(--token-color-palette-purple-50) !important;
  color: var(--token-color-terraform-brand) !important;
}

._in-list-tag_16nmxv {
  align-items: center;
  color: var(--token-color-terraform-brand);
  display: flex;
  margin-bottom: 8px;
}

._in-list-tag-icon_16nmxv {
  border: 1px solid var(--token-color-terraform-brand);
  border-radius: var(--token-border-radius-x-small);
  display: inline-block;
  margin-right: 8px;
  padding: 2px;
}

._gradient-text_16nmxv {
  background: linear-gradient(254.72deg, var(--token-color-palette-neutral-700) -35.83%, var(--token-color-terraform-brand) 68.78%);
  -webkit-background-clip: text;
          background-clip: text;
  line-height: 24px;
  -webkit-text-fill-color: transparent;
}

._actions_16nmxv {
  float: right;
}

/* styles for atlas/components/registry/module/cleanup-test-infrastructure-modal.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._checkbox-field_1et4l4 > div {
  align-items: center;
}

/* styles for atlas/components/registry/module/logo.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._github-image_10d535 {
  height: 30px;
  width: 30px;
}

._github-image--small_10d535 {
  height: 16px;
  width: 16px;
}

/* styles for atlas/components/registry/module/search/card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card_q3ewod {
  border: 0.0625rem solid var(--token-color-border-faint);
  border-radius: 0.375rem;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 1rem;
  overflow: visible;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}

@media screen and (width >= 770px) and (width <= 1086px) {
  ._card_q3ewod {
    min-width: 14.3rem;
  }
}
._card_q3ewod ._body_q3ewod {
  color: var(--token-color-foreground-strong);
  flex: 1;
  position: relative;
}

._card_q3ewod ._name_q3ewod {
  font-weight: var(--token-typography-font-weight-bold);
}

._card_q3ewod ._in-registry-label_q3ewod {
  align-items: center;
  background-color: var(--token-color-surface-strong);
  border-radius: 4px;
  color: var(--token-color-foreground-strong);
  display: inline-flex;
  font-size: 0.875rem;
  margin-left: 1rem;
  padding: 0.2rem 0.4rem;
}

._card_q3ewod ._description_q3ewod {
  margin-top: 1rem;
}

._card_q3ewod ._link_q3ewod, ._card_q3ewod ._link_q3ewod:hover, ._card_q3ewod ._link_q3ewod:visited, ._card_q3ewod ._link_q3ewod:active, ._card_q3ewod ._link_q3ewod:focus {
  all: unset;
  inset: 0;
  color: var(--token-color-foreground-strong);
  content: "";
  font-size: 1.125rem;
  height: 100%;
  position: absolute;
  width: 100%;
}

._card_q3ewod ._no-code-icon_q3ewod {
  background-color: var(--token-color-surface-strong);
  border-radius: var(--token-border-radius-x-small);
}

._card_q3ewod ._meta_q3ewod {
  align-items: center;
  color: var(--token-color-foreground-faint);
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

._card_q3ewod ._meta_q3ewod > * {
  align-items: center;
  display: flex;
  margin-top: 1.5rem;
  pointer-events: auto;
}

._card_q3ewod ._meta_q3ewod > *:not(:last-child) {
  margin-right: 2.5rem;
}

._card_q3ewod ._actions-static_q3ewod,
._card_q3ewod ._actions-hover_q3ewod {
  align-items: flex-end;
  display: flex;
  position: absolute;
  right: 1.5rem;
  z-index: 2;
}

._card_q3ewod ._actions-static_q3ewod {
  top: 1.5rem;
}

._card_q3ewod ._actions-hover_q3ewod {
  top: -9999999px;
}

._card_q3ewod:hover, ._card_q3ewod:focus-within {
  background: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

._card_q3ewod:hover ._actions-hover_q3ewod, ._card_q3ewod:focus-within ._actions-hover_q3ewod {
  top: 1.5rem;
}

._card_q3ewod:focus-within {
  border-color: var(--token-color-focus-action-internal);
}

[data-selected],
[data-selected]:hover {
  background: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
}

[data-selected]:focus-within {
  border-color: var(--token-color-focus-action-internal);
}

/* styles for atlas/components/registry/module/settings/manage-form.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
@media (width <= 768px) {
  ._version-controls_1mkhnw {
    flex-direction: column;
    align-items: stretch;
  }
  ._dropdown-row_1mkhnw {
    flex-direction: column;
  }
  ._details_1mkhnw {
    width: 100%;
  }
  ._option-controls_1mkhnw {
    margin-top: 0.5rem;
    width: 100%;
  }
}
._details_1mkhnw {
  width: 30%;
}

/* styles for atlas/components/registry/module/status/overall.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._list-with-bullets_1029ox {
  list-style: disc;
}

/* styles for atlas/components/registry/module/status/version-actionable.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._dropdown-tag_fydqww {
  color: var(--token-color-foreground-critical-on-surface) !important;
  background-color: var(--token-color-surface-critical) !important;
  border-color: var(--token-color-foreground-critical-on-surface) !important;
  box-shadow: var(--token-elevation-low-box-shadow) !important;
}

/* styles for atlas/components/registry/no-code/workflows/upgrade/steps/confirm.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._changes-pill_1f0vwj {
  border-radius: var(--token-border-radius-small);
  display: flex;
  height: 16px;
  opacity: 0.5;
  overflow: hidden;
  width: 70px;
}

._changes-pill_1f0vwj span {
  display: inline-block;
  height: 100%;
}

._changes-pill_1f0vwj span:nth-of-type(1) {
  background-color: var(--token-color-palette-neutral-200);
}

._changes-pill_1f0vwj span:nth-of-type(2) {
  background-color: var(--token-color-palette-green-200);
}

._changes-pill_1f0vwj span:nth-of-type(3) {
  background-color: var(--token-color-palette-blue-200);
}

._changes-pill_1f0vwj span:nth-of-type(4) {
  background-color: var(--token-color-palette-red-200);
}

/* styles for atlas/components/registry/provider/logo.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._tag_1w0f6w {
  align-items: center;
  display: inline-flex;
}

._tag_1w0f6w ._logo_1w0f6w {
  align-items: center;
  display: inline-flex;
}

._tag_1w0f6w ._label_1w0f6w:not(:empty) {
  margin-left: 4px;
}

._tag_1w0f6w img {
  width: 24px;
}

/* styles for atlas/components/registry/provider/navbar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._icon-tile-margin_1whccw {
  margin-left: 56px;
}

/* styles for atlas/components/registry/provider/search/card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card_ahw8ae {
  border: 0.0625rem solid var(--token-color-border-faint);
  border-radius: 0.375rem;
  box-sizing: border-box;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}

._card_ahw8ae ._logo_ahw8ae {
  flex: 0 0 6rem;
  font-size: 2.5rem;
}

._card_ahw8ae ._body_ahw8ae {
  color: var(--token-color-foreground-strong);
  flex: 1;
  position: relative;
}

._card_ahw8ae ._heading_ahw8ae {
  position: relative;
}

._card_ahw8ae ._name_ahw8ae {
  font-weight: var(--token-typography-font-weight-bold);
}

._card_ahw8ae ._tags-icon_ahw8ae {
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

._card_ahw8ae ._in-registry-label_ahw8ae {
  align-items: center;
  background-color: var(--token-color-surface-strong);
  border-radius: 4px;
  color: var(--token-color-foreground-strong);
  display: inline-flex;
  font-size: 0.875rem;
  margin-left: 1rem;
  padding: 0.2rem 0.4rem;
}

._card_ahw8ae ._link_ahw8ae, ._card_ahw8ae ._link_ahw8ae:hover, ._card_ahw8ae ._link_ahw8ae:visited, ._card_ahw8ae ._link_ahw8ae:active, ._card_ahw8ae ._link_ahw8ae:focus {
  all: unset;
  inset: 0;
  color: var(--token-color-foreground-strong);
  content: "";
  font-size: 1.125rem;
  position: absolute;
  z-index: 1;
}

._card_ahw8ae ._meta-wrapper_ahw8ae {
  align-items: center;
  display: flex;
  flex-direction: row;
  pointer-events: none;
  z-index: 2;
}

._card_ahw8ae ._meta-content_ahw8ae {
  color: var(--token-color-foreground-faint);
  flex: 10%;
  pointer-events: none;
  z-index: 2;
}

._card_ahw8ae ._meta-content_ahw8ae > * {
  margin-top: 0.5rem;
  pointer-events: auto;
}

._card_ahw8ae ._meta_ahw8ae {
  align-items: center;
  color: var(--token-color-foreground-faint);
  display: flex;
  flex: 90%;
  flex-wrap: wrap;
  position: relative;
}

._card_ahw8ae ._meta_ahw8ae > * {
  align-items: center;
  display: flex;
  margin-top: 0.5rem;
  pointer-events: auto;
}

._card_ahw8ae ._meta_ahw8ae > *:not(:last-child) {
  margin-right: 2.5rem;
}

._card_ahw8ae ._actions_ahw8ae {
  align-items: flex-end;
  display: flex;
  position: absolute;
  right: 1.5rem;
  top: -9999999px;
  z-index: 3;
}

._card_ahw8ae:hover, ._card_ahw8ae:focus-within {
  background: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

._card_ahw8ae:hover ._actions_ahw8ae, ._card_ahw8ae:focus-within ._actions_ahw8ae {
  top: 1.5rem;
}

._card_ahw8ae:focus-within {
  border-color: var(--token-color-focus-action-internal);
}

/* styles for atlas/components/registry/public-namespaces/asset-list/asset-version-modal.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._version-row_1xjokz {
  border-top: 1px solid var(--token-color-border-strong);
  padding: 0.5rem 0;
}

._version-row_1xjokz span {
  padding: 0 0.5rem;
}

._version-row_1xjokz span:first-child {
  padding-left: 0;
}

._action_1xjokz[data-success],
._action_1xjokz[data-resync]._create_1xjokz {
  color: var(--token-color-foreground-success);
}

._action_1xjokz[data-error],
._action_1xjokz[data-resync]._delete_1xjokz {
  color: var(--token-color-foreground-critical);
}

/* styles for atlas/components/registry/public-namespaces/gh-accounts/list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._accounts_zv31f li button {
  background: none;
  border: 0;
  border-bottom: 1px solid var(--token-color-border-primary);
  cursor: pointer;
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
}

._accounts_zv31f li button:hover {
  background: var(--token-color-surface-interactive-active);
}

._accounts_zv31f li button:disabled {
  cursor: not-allowed;
  color: var(--token-color-foreground-primary);
  background: none !important;
}

._accounts_zv31f li:last-child button {
  border-bottom: 0;
}

/* styles for atlas/components/registry/public-namespaces/gh-accounts/show.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._back-to-list_ha7u9u {
  border: 0;
}

._back-to-list_ha7u9u:hover {
  text-decoration: underline;
}

/* styles for atlas/components/registry/public-namespaces/gh-accounts/show/resource-display.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable color-no-hex */
._resource-logo-img_diaog {
  width: 32px;
}

._missing-perms_diaog {
  box-shadow: 0 0 0 1px rgba(229, 34, 40, 0.4);
}

/* styles for atlas/components/registry/public-namespaces/publish/watch-versions.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._version-row_fy256t {
  border-top: 1px solid var(--token-color-border-strong);
  padding: 0.5rem 0;
}

._version-row_fy256t span {
  padding: 0 0.5rem;
}

._version-row_fy256t span:first-child {
  padding-left: 0;
}

._action_fy256t[data-success],
._action_fy256t[data-resync]._create_fy256t {
  color: var(--token-color-foreground-success);
}

._action_fy256t[data-error],
._action_fy256t[data-resync]._delete_fy256t {
  color: var(--token-color-foreground-critical);
}

/* styles for atlas/components/registry/public-namespaces/repo-selector.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._repo-selector-container_xljrv2 {
  width: 100%;
  display: block;
}

._input-namespace-prepend_xljrv2 {
  border-radius: 4px 0 0 4px;
  border: 1px solid var(--token-color-border-strong);
  border-right: 0;
}

._repo-card_xljrv2 .hds-form-radio-card__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
}

._repo-card_xljrv2 .hds-form-radio-card__content svg {
  margin-right: 0.5rem;
}

._repo-card_xljrv2 .hds-form-radio-card__content .hds-form-radio-card__label {
  font-size: 0.875rem;
}

/* styles for atlas/components/registry/search.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._test-generation-settings_1oiaje {
  height: 34px;
}

/* styles for atlas/components/registry/view/overview-meta.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._icon-label-margin_4vq0nw {
  margin-left: 4px;
  margin-right: 4px;
}

/* styles for atlas/components/run-tasks/card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card-container_1nt9dw {
  position: relative;
}

._card-container_1nt9dw ._button_1nt9dw::after,
._card-container_1nt9dw a::after {
  content: "";
  position: absolute;
  inset: 0;
}

._card-container_1nt9dw:not(:last-of-type) {
  margin-bottom: 16px;
}

._card-container_1nt9dw ._stages-count_1nt9dw {
  margin-right: 12px;
}

._card-container_1nt9dw ._stages-count_1nt9dw > svg {
  margin-right: 4px;
}

._link_1nt9dw {
  color: inherit;
}

._link_1nt9dw:hover, ._link_1nt9dw:active {
  color: inherit;
}

._button_1nt9dw {
  color: inherit;
  all: unset;
  cursor: pointer;
}

._button_1nt9dw:hover, ._button_1nt9dw:active {
  color: inherit;
}

._button_1nt9dw:focus, ._button_1nt9dw:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
  border-radius: inherit;
}

._has-description_1nt9dw {
  margin-top: 4px;
}

._is-selected_1nt9dw {
  background-color: var(--token-color-surface-action);
  box-shadow: 0 0 0 1px var(--token-color-foreground-action);
}

._is-selected_1nt9dw:hover {
  box-shadow: 0 0 0 1px var(--token-color-foreground-action-hover);
}

._is-selected_1nt9dw:active {
  box-shadow: 0 0 0 1px var(--token-color-foreground-action-active);
}

._is-selected_1nt9dw > div > .hds-icon-tile {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-action);
}

._info_1nt9dw {
  flex: 1;
}

._info_1nt9dw > h4 > a,
._info_1nt9dw > h4 > a:hover,
._info_1nt9dw > h4 > a:active {
  color: var(--token-color-foreground-strong);
}

._info_1nt9dw > ._badges_1nt9dw:not(:empty) .hds-badge {
  margin: 4px 0;
}

/* styles for atlas/components/run-tasks/detail-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._task-id_1fbyfr {
  margin-left: -6px;
}

._is-wrapped_1fbyfr {
  max-width: 700px;
}

/* styles for atlas/components/run-tasks/explanations.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._explanations_7s8wpu {
  min-width: 305px;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  ._explanations_7s8wpu {
    max-width: 305px;
  }
}
._explanation_7s8wpu:not(:last-of-type) {
  margin-bottom: 16px;
}

/* styles for atlas/components/run-tasks/form/configure.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state_1lrnar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-primary);
  border: 1px dashed var(--token-color-foreground-faint);
  border-radius: var(--token-border-radius-x-small);
  height: 80px;
}

._empty-state_1lrnar::after {
  content: "";
  border: 1px solid var(--token-color-foreground-faint);
  border-radius: var(--token-border-radius-x-small);
  opacity: 0.2;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
}

/* styles for atlas/components/run-tasks/list/available.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._available-list_7rwp6e {
  max-height: 450px;
  overflow-y: scroll;
}

._header_7rwp6e {
  background-color: var(--token-color-surface-faint);
  padding: 16px 16px 2px;
  position: sticky;
  top: 0;
  z-index: 1;
}

._cards_7rwp6e {
  padding: 2px 16px 16px;
}

/* styles for atlas/components/run-tasks/list/by-stage.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._list_1tq8on:not(:last-of-type) {
  margin-bottom: 16px;
}

._list_1tq8on._empty_1tq8on ._header_1tq8on {
  border-bottom: 0;
  border-radius: var(--token-form-control-border-radius);
}

._card-padding_1tq8on {
  padding-top: 8px;
  padding-bottom: 8px;
}

._card_1tq8on:not(:first-of-type) ._card-padding_1tq8on {
  padding-top: 0;
}

/* styles for atlas/components/run-tasks/list/task-dropdown.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._global-task-alert_t1jsl0 {
  display: flex;
  width: 200px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* styles for atlas/components/runs-beta/details/json-plan/diff-contents.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._contents-row_gtv2kj {
  align-items: flex-start;
  line-height: 18px;
  min-height: 18px;
  vertical-align: middle;
  word-break: break-all;
}

._item-name_gtv2kj {
  color: var(--token-color-foreground-faint);
  flex-basis: calc(25% - 18px - 0.5rem);
  font-weight: var(--token-typography-font-weight-medium);
  line-height: 18px;
  min-width: 200px;
}

._item-value_gtv2kj {
  flex-basis: calc(75% - 18px - 0.5rem);
  line-height: 18px;
}

/* stylelint-disable
  selector-disallowed-list
*/
.no-code-upgrade-flow ._contents-row_gtv2kj {
  word-break: normal;
}

.no-code-upgrade-flow ._item-name_gtv2kj {
  flex-basis: calc(20% - 18px - 0.5rem);
  min-width: 0;
}

.no-code-upgrade-flow ._item-value_gtv2kj {
  flex-basis: calc(80% - 18px - 0.5rem);
}

/* styles for atlas/components/runs-beta/details/json-plan/diff-value.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._value_10ulxf {
  color: var(--token-color-foreground-primary);
  font-family: var(--token-typography-font-stack-code);
  font-weight: var(--token-typography-font-weight-bold);
}

._value_10ulxf._null_10ulxf {
  color: var(--token-color-foreground-faint);
}

._multi-line_10ulxf {
  white-space: pre;
  height: 18px;
  display: inline-flex;
}

._meta_10ulxf {
  color: var(--token-color-foreground-faint);
  font-style: italic;
  font-weight: var(--token-typography-font-weight-regular);
}

/* styles for atlas/components/runs-beta/details/structured-log/resource-state-row.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._resource-address-expanded_1bujwe {
  min-width: 0;
  white-space: initial;
  overflow-wrap: anywhere;
  word-break: normal;
}

._resource-address-with-stages_1bujwe {
  width: 40%;
}

/* stylelint-disable
  selector-disallowed-list
*/
.no-code-upgrade-flow ._json-resource-diff-block-container_1bujwe {
  padding-left: 0.2rem !important;
}

.no-code-upgrade-flow ._json-resource-diff-block_1bujwe {
  margin-left: 0 !important;
}

._badge-border_1bujwe {
  border: 1px solid var(--token-color-palette-neutral-300);
  border-radius: var(--token-border-radius-medium);
}

._provisioner-output_1bujwe {
  box-shadow: var(--token-surface-high-box-shadow);
}

/* styles for atlas/components/runs-beta/list/current-run-block/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
@media screen and (max-width: 767.98px) {
  ._header_ehctm0 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  ._header-link_ehctm0 {
    width: 100%;
  }
}
._content_ehctm0 {
  display: grid;
  gap: 16px;
  align-items: start;
  grid-template-columns: minmax(0, 1fr);
}

@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._content_ehctm0 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px 24px;
  }
}
@media screen and (min-width: 1440px) {
  ._content_ehctm0 {
    grid-template-columns: fit-content(26rem) minmax(0, 1fr);
    gap: 52px;
  }
}
._summary_ehctm0,
._metrics_ehctm0,
._metric-item_ehctm0 {
  min-width: 0;
}

._metrics_ehctm0 {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
}

@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._metrics_ehctm0 {
    display: contents;
  }
}
@media screen and (min-width: 1440px) {
  ._metrics_ehctm0 {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    min-width: 0;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._summary_ehctm0 {
    flex: 0 1 22rem;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._metric-item_ehctm0 {
    flex: 0 1 auto;
    min-width: 8rem;
  }
}
@media screen and (min-width: 1440px) {
  ._metric-item_ehctm0 {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._status-item_ehctm0 {
    min-width: 8.5rem;
  }
}
@media screen and (min-width: 1440px) {
  ._status-item_ehctm0 {
    flex: 1.1 1 0;
  }
}
._metric-heading_ehctm0 {
  white-space: nowrap;
}

@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._resources-item_ehctm0 {
    min-width: 12rem;
  }
}
@media screen and (min-width: 1440px) {
  ._resources-item_ehctm0 {
    flex: 1.25 1 0;
    min-width: 0;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1440px) {
  ._actions-item_ehctm0 {
    min-width: 3rem;
  }
}
@media screen and (min-width: 1440px) {
  ._actions-item_ehctm0 {
    flex: 0 0 4rem;
  }
}
._resources_ehctm0 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  white-space: nowrap;
}

._resources-value_ehctm0,
._resources-token_ehctm0 {
  flex: 0 0 auto;
}

._resources-separator_ehctm0 {
  color: var(--token-color-foreground-faint);
  flex: 0 0 auto;
}

/* styles for atlas/components/runs-beta/list/current-run-block/policy-checks.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary-text_gso6mm {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* styles for atlas/components/runs-beta/list/filter-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* Beta-owned fork of app/components/runs/list/filter-bar.module.scss.
   Copied as-is — diverge here when beta filter bar styles need to differ. */
._alert-diamond-icon_1fyeew svg {
  color: var(--token-color-foreground-warning);
}

._x-square-icon_1fyeew svg {
  color: var(--token-color-foreground-critical);
}

._running-static-icon_1fyeew svg {
  color: var(--token-color-foreground-action);
}

._pause-circle-icon_1fyeew svg {
  color: var(--token-color-foreground-faint);
}

._check-circle-icon_1fyeew svg {
  color: var(--token-color-foreground-success);
}

._filter-bar_1fyeew {
  container-type: inline-size;
}

._filter-bar-layout_1fyeew {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._filter-bar-top-row_1fyeew {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

._filter-bar-actions_1fyeew {
  order: 1;
  flex-shrink: 0;
}

._filter-bar-search_1fyeew {
  order: 2;
  flex: 1 1 300px;
  min-width: 0;
  /* stylelint-disable selector-disallowed-list */
  /* stylelint-enable selector-disallowed-list */
}

._filter-bar-search_1fyeew search,
._filter-bar-search_1fyeew form {
  display: block;
  width: 100%;
}

._filter-bar-search_1fyeew .hds-form-text-input-base,
._filter-bar-search_1fyeew .hds-form-text-input {
  width: 100%;
  max-width: 300px;
}

@container (max-width: 960px) {
  ._filter-bar-search_1fyeew {
    flex: 1 1 100%;
  }
  ._filter-bar-search_1fyeew .hds-form-text-input-base,
  ._filter-bar-search_1fyeew .hds-form-text-input {
    max-width: none;
  }
}
._filter-bar-quick-filters_1fyeew {
  display: block;
  min-width: 0;
}

._filter-button-with-counts_1fyeew {
  min-width: 7.5rem;
}

._filter-button_1fyeew[aria-pressed=true] {
  background-color: var(--token-color-surface-interactive-active);
  box-shadow: none;
}

._flyout-button_1fyeew {
  flex-shrink: 0;
}

@container (min-width: 72rem) {
  ._filter-bar-layout_1fyeew {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  ._filter-bar-top-row_1fyeew {
    flex-wrap: nowrap;
    align-self: start;
  }
  ._filter-bar-search_1fyeew {
    flex: 1 1 300px;
    min-width: 300px;
    /* stylelint-disable selector-disallowed-list */
    /* stylelint-enable selector-disallowed-list */
  }
  ._filter-bar-search_1fyeew .hds-form-text-input-base,
  ._filter-bar-search_1fyeew .hds-form-text-input {
    width: 100%;
    max-width: 300px;
  }
  ._filter-bar-quick-filters_1fyeew {
    place-self: start stretch;
    width: 100%;
    overflow-x: auto;
  }
}
._filter-tags_1fyeew {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 8px;
  margin: 1rem 0 0;
}

._run-filter-flyout_1fyeew label {
  font-weight: var(--token-typography-font-weight-regular);
}

._filter-field_1fyeew {
  margin-bottom: 0.75rem;
}

._filter-field-nested_1fyeew {
  margin-left: 1.5rem;
  margin-bottom: 0.75rem;
}

/* styles for atlas/components/runs/filter/status.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._filter_1yuo0h:hover {
  text-decoration: underline;
}

._filter_1yuo0h._selected_1yuo0h {
  background-color: var(--token-color-surface-interactive-active);
}

/* styles for atlas/components/runs/list/current.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._run-message_63i15y,
._workspace-name_63i15y,
._project-name_63i15y {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

._run-message_63i15y {
  max-width: 115px;
}

._workspace-name_63i15y {
  max-width: 175px;
}

._project-name_63i15y {
  max-width: 145px;
}

/* styles for atlas/components/stack-inputs.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state-card_oi2qvl {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 0;
}

._empty-state-card-width_oi2qvl {
  max-width: 700px;
}

/* styles for atlas/components/stack-outputs.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state-card_1khh8o {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 0;
}

._empty-state-card-width_1khh8o {
  max-width: 700px;
}

/* styles for atlas/components/stacks-empty-state.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._empty-state-button-set_28i4fc {
  display: flex;
  gap: 16px;
}

@media screen and (max-width: 1087.98px) {
  ._empty-state-button-set_28i4fc {
    flex-direction: column;
    gap: 8px;
  }
}
/* styles for atlas/components/stacks/configuration-list-item.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-disallowed-list */
._configuration-list-item_1nw6qg {
  border-top: 1px solid var(--token-color-border-primary);
  position: relative;
}

._configuration-list-item_1nw6qg::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background: var(--token-color-foreground-action-active);
  opacity: 0;
}

._configuration-list-item_1nw6qg:hover, ._configuration-list-item_1nw6qg:has(.active) {
  background-color: var(--token-color-surface-action);
}

._configuration-list-item_1nw6qg:hover::after, ._configuration-list-item_1nw6qg:has(.active)::after {
  opacity: 1;
}

._configuration-list-item_1nw6qg a::after {
  content: "";
  position: absolute;
  inset: 0;
}

._configuration-list-header_1nw6qg {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
}

._configuration-list-header_1nw6qg .hds-icon {
  margin-left: -1.5rem;
  width: 1.25rem;
  flex-shrink: 0;
}

._configuration-list-number_1nw6qg.active {
  font-weight: var(--token-typography-font-weight-semibold);
}

._configuration-list-item-faint_1nw6qg {
  color: var(--token-color-foreground-faint);
}

._configuration-list-item-faint_1nw6qg .active {
  font-weight: var(--token-typography-font-weight-semibold);
}

._configuration-list-item-faint_1nw6qg:hover {
  color: var(--token-color-foreground-faint);
}

._configuration-list-metadata_1nw6qg {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}

/* styles for atlas/components/stacks/configuration-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._recent-versions-list_2n3kt6 {
  list-style-type: none;
}

._recent-versions-footer_2n3kt6 {
  border-top: 1px solid var(--token-color-border-primary);
  padding-bottom: 6px;
  padding-top: 6px;
}

/* styles for atlas/components/stacks/configuration-split-pane/deployment-groups/segmented-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._segmented-bar_wqjqcb {
  display: flex;
  gap: 2px;
  height: 16px;
  overflow: hidden;
  border-radius: var(--token-border-radius-large);
  position: relative;
  margin-top: 32px;
}

._segmented-bar_wqjqcb::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

._segment-succeeded_wqjqcb {
  background: var(--token-color-palette-green-100);
}

._segment-failed_wqjqcb {
  background: var(--token-color-palette-red-100);
}

._segment-abandoned_wqjqcb {
  background: var(--token-color-palette-amber-100);
}

._segment-deploying_wqjqcb {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-blue-100), var(--token-color-palette-blue-100) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

._segment-pre-deploying_wqjqcb {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-neutral-300), var(--token-color-palette-neutral-300) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

._segment-pending_wqjqcb {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-neutral-200), var(--token-color-palette-neutral-200) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

/* styles for atlas/components/stacks/configuration-split-pane/deployment-runs/filters.module.scss */
._applied-filters_490mm8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

/* styles for atlas/components/stacks/configuration-split-pane/deployment-runs/segmented-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._segmented-bar_32srv1 {
  display: flex;
  gap: 2px;
  height: 16px;
  overflow: hidden;
  border-radius: var(--token-border-radius-large);
  position: relative;
  margin-top: 32px;
}

._segmented-bar_32srv1::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

._segment-succeeded_32srv1 {
  background: var(--token-color-palette-green-100);
}

._segment-failed_32srv1 {
  background: var(--token-color-palette-red-100);
}

._segment-abandoned_32srv1 {
  background: var(--token-color-palette-amber-100);
}

._segment-deploying_32srv1 {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-blue-100), var(--token-color-palette-blue-100) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

._segment-pre-deploying_32srv1 {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-neutral-300), var(--token-color-palette-neutral-300) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

._segment-pending_32srv1 {
  background: repeating-linear-gradient(45deg, var(--token-color-palette-neutral-200), var(--token-color-palette-neutral-200) 8px, var(--token-color-foreground-high-contrast) 8px, var(--token-color-foreground-high-contrast) 16px);
}

/* styles for atlas/components/stacks/configuration-split-pane/header.module.scss */
._disclosure-expanded-false_1w60a6 {
  display: none;
}

._disclosure-expanded-true_1w60a6 {
  display: block;
}

/* styles for atlas/components/stacks/configuration-split-pane/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._configuration-column_j153gs {
  min-height: 180px;
  width: 66%;
}

._configuration-column--loading_j153gs {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* styles for atlas/components/stacks/deployment-group/configured-settings-card.module.scss */
._configured-settings-card_9oa07w dl {
  align-items: center;
  display: grid;
  gap: 8px 16px;
  max-width: 400px;
}

._configured-settings-card_9oa07w dt {
  grid-column: 1;
}

._configured-settings-card_9oa07w dd {
  grid-column: 2;
}

/* styles for atlas/components/stacks/deployment-group/deployment-runs-table.module.scss */
._status-filter_5o8zbw[aria-pressed=true] {
  background-color: var(--token-color-surface-interactive-active);
  box-shadow: none;
}

._x-square-fill-icon_5o8zbw svg {
  color: var(--token-color-foreground-critical);
}

._circle-dot-icon_5o8zbw svg {
  color: var(--token-color-foreground-action);
}

._running-static-icon_5o8zbw svg {
  color: var(--token-color-foreground-action);
}

._delay-icon_5o8zbw svg {
  color: var(--token-color-foreground-faint);
}

._x-icon_5o8zbw svg {
  color: var(--token-color-foreground-faint);
}

._check-circle-icon_5o8zbw svg {
  color: var(--token-color-foreground-success);
}

/* styles for atlas/components/stacks/deployment-input-output.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._deployment-inputs-stacked-bar-chart_1h5y47 {
  width: 80px;
}

._input-summary_1h5y47 span:nth-of-type(n + 2)::before {
  content: ", ";
  color: var(--token-color-foreground-primary);
}

/* styles for atlas/components/stacks/deployment-run-status-button.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-disallowed-list */
._deployment-run-link-button_1y5k96 {
  margin-left: auto;
  margin-right: auto;
  height: 48px;
  width: 70px !important;
}

._deployment-run-link-button_1y5k96 .hds-button__icon {
  width: 24px;
  height: 24px;
}

._deployment-run-link-button_1y5k96:hover {
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

._status-paused_1y5k96 {
  border-color: var(--token-color-border-faint);
  background-color: var(--token-color-surface-warning);
  color: var(--token-color-foreground-warning-on-surface);
}

._status-paused_1y5k96:active, ._status-paused_1y5k96:hover {
  border-color: var(--token-color-border-strong);
}

._status-paused_1y5k96:active, ._status-paused_1y5k96:focus, ._status-paused_1y5k96:hover {
  background-color: var(--token-color-surface-warning);
  color: var(--token-color-foreground-warning-on-surface);
}

._status-success_1y5k96 {
  border-color: var(--token-color-border-faint);
  background-color: var(--token-color-surface-success);
  color: var(--token-color-foreground-success-on-surface);
}

._status-success_1y5k96 svg, ._status-success_1y5k96:hover {
  color: var(--token-color-foreground-success-on-surface);
}

._status-success_1y5k96:active, ._status-success_1y5k96:hover {
  border-color: var(--token-color-border-strong);
}

._status-success_1y5k96:active, ._status-success_1y5k96:focus, ._status-success_1y5k96:hover {
  background-color: var(--token-color-surface-success);
  color: var(--token-color-foreground-success-on-surface);
}

._status-neutral_1y5k96 {
  border-color: var(--token-color-border-faint);
  background: var(--token-color-surface-primary);
  color: var(--token-color-foreground-primary);
}

._status-neutral_1y5k96:active, ._status-neutral_1y5k96:hover {
  border-color: var(--token-color-border-strong);
}

._status-neutral_1y5k96:active, ._status-neutral_1y5k96:focus, ._status-neutral_1y5k96:hover {
  background: var(--token-color-surface-primary);
  color: var(--token-color-foreground-primary);
}

._status-critical_1y5k96 {
  border-color: var(--token-color-border-faint);
  background-color: var(--token-color-surface-critical);
  color: var(--token-color-palette-red-400);
}

._status-critical_1y5k96 svg, ._status-critical_1y5k96:hover {
  color: var(--token-color-palette-red-400);
}

._status-critical_1y5k96:active, ._status-critical_1y5k96:hover {
  border-color: var(--token-color-border-strong);
}

._status-critical_1y5k96:active, ._status-critical_1y5k96:focus, ._status-critical_1y5k96:hover {
  background-color: var(--token-color-surface-critical);
  color: var(--token-color-palette-red-400);
}

._status-running_1y5k96 {
  border-color: var(--token-color-border-faint);
  background-color: var(--token-color-surface-action);
  color: var(--token-color-palette-blue-400);
}

._status-running_1y5k96 svg, ._status-running_1y5k96:hover {
  color: var(--token-color-palette-blue-400);
}

._status-running_1y5k96:active, ._status-running_1y5k96:hover {
  border-color: var(--token-color-border-strong);
}

._status-running_1y5k96:active, ._status-running_1y5k96:focus, ._status-running_1y5k96:hover {
  background-color: var(--token-color-surface-action);
  color: var(--token-color-palette-blue-400);
}

/* styles for atlas/components/stacks/deployment-run-timeline/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._timeline_1j8j9c {
  margin-left: 5px;
}

._timeline-event_1j8j9c {
  list-style: none;
  padding-left: 2.5rem;
  position: relative;
}

._timeline-event_1j8j9c:not(:last-child) {
  padding-bottom: 1.5rem;
}

._timeline-event_1j8j9c:not(:last-child)::before {
  position: absolute;
  content: "";
  left: 7.5px;
  top: 20px;
  bottom: 2px;
  background: var(--token-color-palette-neutral-300);
  width: 1px;
  border-radius: 13px;
}

._timeline-icon_1j8j9c,
._timeline-icon-tile_1j8j9c {
  position: absolute;
  left: 0;
}

._timeline-icon-tile_1j8j9c {
  transform: translate(-5px);
}

/* styles for atlas/components/stacks/deployment-runs-table.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._run-status-icon_p5o0uw {
  margin-top: 0.25rem;
}

/* styles for atlas/components/stacks/deployment-step-changes.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._component-changes_1z4k6z span:nth-of-type(n + 2)::before {
  content: ", ";
  color: var(--token-color-foreground-primary);
}

/* styles for atlas/components/stacks/deployment-step-details.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._timeline-step-accordion_skh4a4 > .hds-accordion-item--type-flush {
  background-color: var(--token-color-surface-faint);
  border-bottom: unset;
  border-radius: var(--token-border-radius-medium);
  margin-top: 0.5rem;
}

/* styles for atlas/components/stacks/deployment-step-diagnostics.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._step-diagnostic-accordion_brg8fu > .hds-accordion-item--type-flush {
  background-color: var(--token-color-surface-faint);
  border-bottom: unset;
  border-radius: var(--token-border-radius-medium);
  margin-top: 0.5rem;
}

/* styles for atlas/components/stacks/deployment-step-state.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._resource_cjwrkp:last-child {
  border-bottom: unset;
}

/* styles for atlas/components/stacks/diagnostic-alerts.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description-border_10320q {
  border-left: 2px solid rgb(97, 97, 97);
}

._line-number_10320q {
  color: rgb(0, 103, 194);
}

._snippet-context_10320q {
  color: rgb(181, 12, 12);
}

._code-block_10320q code {
  border: 0;
  color: var(--token-color-foreground-strong);
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  padding: 0;
}

/* styles for atlas/components/stacks/published-outputs-table.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._action-icon_1n8to6 {
  min-height: 28px;
  flex-shrink: 0;
}

._truncate_1n8to6 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles for atlas/components/stacks/resource-context-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description-list_1ev2vj {
  display: grid;
  grid-template-columns: auto auto 1fr;
  place-items: center end;
  gap: 16px;
}

/* styles for atlas/components/stacks/resource-details-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description-list_dibxfz {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}

/* styles for atlas/components/stacks/stack-description.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description-overflow_4mxhwg {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

/* styles for atlas/components/stacks/user-avatar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._user-image_6n0vvs {
  border-radius: 50%;
  vertical-align: middle;
}

/* styles for atlas/components/structured-log/action-state-row.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._action-address-expanded_1bekus {
  min-width: 0;
  white-space: initial;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* styles for atlas/components/structured-log/action-state.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._contents-row_1rrytl {
  align-items: flex-start;
  line-height: 18px;
  min-height: 18px;
  vertical-align: middle;
  word-break: break-all;
}

._item-name_1rrytl {
  color: var(--token-color-foreground-faint);
  flex-basis: calc(25% - 18px - 0.5rem);
  font-weight: var(--token-typography-font-weight-medium);
  line-height: 18px;
  min-width: 200px;
}

._item-value_1rrytl {
  flex-basis: calc(75% - 18px - 0.5rem);
  line-height: 18px;
}

._badge-border_1rrytl {
  border: 1px solid var(--token-color-palette-neutral-300);
  border-radius: var(--token-border-radius-medium);
}

._symbol_1rrytl {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  text-align: center;
  width: 24px;
}

._badge_1rrytl {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  text-align: center;
}

/* stylelint-disable
  selector-disallowed-list
*/
.no-code-upgrade-flow ._contents-row_1rrytl {
  word-break: normal;
}

/* styles for atlas/components/structured-log/change-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._change-summary_tcv8p3 {
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

._change-summary--add_tcv8p3 {
  background: var(--token-color-palette-green-200);
}

._change-summary--import_tcv8p3 {
  background: var(--token-color-palette-neutral-700);
}

._change-summary--change_tcv8p3 {
  background: var(--token-color-palette-blue-200);
}

._change-summary--change--has-changes_tcv8p3 {
  background: var(--token-color-palette-blue-100);
}

._change-summary--remove_tcv8p3 {
  background: var(--token-color-palette-red-200);
}

._change-summary--drift_tcv8p3 {
  background: var(--token-color-palette-amber-200);
}

._change-summary--action-invocation_tcv8p3 {
  background: var(--token-color-palette-neutral-200);
}

/* styles for atlas/components/structured-log/resource-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._resource-list-container_ljqycl {
  max-height: 600px;
  overflow-y: auto;
  position: relative;
  overflow-anchor: none;
}

/* styles for atlas/components/structured-log/resource-state-row.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._resource-address-expanded_17i828 {
  min-width: 0;
  white-space: initial;
  overflow-wrap: anywhere;
  word-break: normal;
}

._resource-address-with-stages_17i828 {
  width: 40%;
}

/* stylelint-disable
  selector-disallowed-list
*/
.no-code-upgrade-flow ._json-resource-diff-block-container_17i828 {
  padding-left: 0.2rem !important;
}

.no-code-upgrade-flow ._json-resource-diff-block_17i828 {
  margin-left: 0 !important;
}

._badge-border_17i828 {
  border: 1px solid var(--token-color-palette-neutral-300);
  border-radius: var(--token-border-radius-medium);
}

._provisioner-output_17i828 {
  box-shadow: var(--token-surface-high-box-shadow);
}

/* styles for atlas/components/structured-query-log/ia-c-status-icon.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._is-grid-container_z1q1q6 {
  display: grid;
  align-items: center;
  grid-template-columns: 16px 1fr;
}

._has-small-grid-gap_z1q1q6 {
  gap: 0 0.5rem;
}

._is-grid-column-start-2_z1q1q6 {
  grid-column-start: 2;
}

/* styles for atlas/components/structured-query-log/skeleton-loading-table.module.scss */
._cell-content_1b9owo {
  width: 100%;
  height: 1rem;
  background: linear-gradient(90deg, var(--token-color-surface-primary), var(--token-color-surface-strong), var(--token-color-surface-primary));
  background-size: 200% 100%;
  animation: _gradient-move_1b9owo 4s ease infinite;
}

@keyframes _gradient-move_1b9owo {
  0% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
/* styles for atlas/components/subnav/admin.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._release_dc3isq {
  color: var(--token-color-palette-neutral-300);
  margin: 7px 0 7px 6px;
  padding: 2px;
  width: -moz-fit-content;
  width: fit-content;
}

/* styles for atlas/components/token-ttl-policies/max-ttl-policy-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._policy-card_1edrgn {
  background: var(--token-color-surface-faint);
}

._policy-card-header_1edrgn {
  margin-bottom: 1rem;
}

._policy-card-values_1edrgn {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

._policy-card-value-item_1edrgn {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* styles for atlas/components/v2-billing-account-viewer.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._billing-account-card-container_1u9whg ._card-attributes_1u9whg {
  align-content: start;
  align-items: start;
  gap: 8px 16px;
  display: grid;
  grid-template-columns: auto 1fr;
}

._billing-account-card-container_1u9whg ._card-attributes_1u9whg dt,
._billing-account-card-container_1u9whg ._card-attributes_1u9whg dd {
  margin: 0;
}

._billing-account-card-container_1u9whg ._card-attributes_1u9whg dd {
  text-align: left;
}

/* styles for atlas/components/v2-subscription-plan-viewer.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._subscription-plan-card-container_pw3r1w ._card-attributes_pw3r1w {
  align-content: start;
  align-items: start;
  gap: 8px 16px;
  display: grid;
  grid-template-columns: auto 1fr;
}

._subscription-plan-card-container_pw3r1w ._card-attributes_pw3r1w dt,
._subscription-plan-card-container_pw3r1w ._card-attributes_pw3r1w dd {
  margin: 0;
}

._subscription-plan-card-container_pw3r1w ._card-attributes_pw3r1w dd {
  text-align: left;
}

/* styles for atlas/components/v2/agent-pool-provider-badge.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._text-container_16cx8v,
._provider-text_16cx8v {
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-regular);
  margin: 5px;
}

._text-container_16cx8v {
  color: var(--token-color-foreground-faint);
}

._provider-text_16cx8v {
  color: var(--token-color-foreground-strong);
}

._hds-badge-override_16cx8v {
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
}

._loading-container_16cx8v {
  margin-right: 2rem;
}

/* styles for atlas/components/v2/cloudability/cost-estimates/index.module.scss */
/**
 * Copyright IBM Corp. 2026
 */
._selected-row_fm6i6q {
  background-color: var(--token-color-surface-faint) !important;
}

._row-height_fm6i6q {
  height: 40px !important;
  display: flex;
}

/* styles for atlas/components/v2/cloudability/policy-evaluations/index.module.scss */
/**
 * Copyright IBM Corp. 2026
 */
/* stylelint-disable selector-disallowed-list */
._row-height_svmbyx {
  min-height: 40px !important;
  display: flex;
}

._row-height_svmbyx .policy-failure,
._row-height_svmbyx .tag-failure {
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-regular);
}

._row-height_svmbyx .first-tag-row {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-medium);
}

/* styles for atlas/components/v2/cloudability/recommendations/index.module.scss */
/**
 * Copyright IBM Corp. 2026
 */
/* stylelint-disable selector-disallowed-list */
._row-height_17hdek {
  min-height: 40px !important;
  display: flex;
}

._row-height_17hdek .policy-failure,
._row-height_17hdek .tag-failure {
  color: var(--token-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-regular);
}

._row-height_17hdek .first-tag-row {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-medium);
}

/* styles for atlas/components/v2/filterable-list.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._search-bar-input_9l9rq1,
._search-bar-input-icon_9l9rq1 {
  height: 2.25em !important;
}

._filters-lower-row_9l9rq1 {
  height: 50px;
}

@media (width <= 1087px) {
  ._filters-search_9l9rq1 {
    max-width: 23em;
  }
}
@media (width <= 767px) {
  ._filters-search_9l9rq1 {
    max-width: 13em;
  }
}
._hds-border-vert-primary_9l9rq1 {
  border-bottom: 1px solid var(--token-color-border-primary);
  border-top: 1px solid var(--token-color-border-primary);
}

._pagination_9l9rq1._page_9l9rq1 {
  box-shadow: var(--token-color-surface-strong);
  color: var(--token-color-foreground-primary);
}

._pagination_9l9rq1._page_9l9rq1.active {
  border-bottom: 2px solid var(--token-color-foreground-action);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: calc(2.25rem - 1px);
}

/* styles for atlas/components/v2/filterable-list/filter-dropdown.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._no-checkbox-margin-right_8rejkw [class*=hds-form-checkbox] {
  margin-right: 0 !important;
}

/* styles for atlas/components/v2/filterable-list/hds-filter-dropdown.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._scrollable_ikgdg2 {
  max-height: calc(100vh - 300px);
  overflow-y: scroll;
  padding-top: 6px;
  padding-inline-start: 16px;
}

._badge-container_ikgdg2 {
  display: flex;
  min-width: 24px;
}

._badge_ikgdg2 {
  min-height: unset;
  padding: calc(0.125rem - 2px) calc(0.5rem - 1px);
}

._filter-dropdown_ikgdg2 ._dropdown-content_ikgdg2 {
  display: flex;
}

/* styles for atlas/components/v2/filterable-list/sortable-table-header.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._header_1ygecp {
  color: var(--token-color-foreground-primary);
}

/* styles for atlas/components/v2/github-app/oauth-token.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable color-no-hex */
._card_xopd8r {
  margin: 10px 0;
}

._card-header_xopd8r {
  background: var(--token-color-surface-faint);
  padding: 35px 45px;
}

._card-header-title_xopd8r {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
}

._card-header-label_xopd8r {
  color: var(--token-color-palette-neutral-400);
  font-weight: var(--token-typography-font-weight-medium);
}

._card-header-value_xopd8r {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-regular);
}

._card-body_xopd8r {
  padding: 20px 40px 30px;
}

._github-handle_xopd8r {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
}

._install-id_xopd8r {
  background-color: #fff;
}

._dropdown-icon_xopd8r svg {
  height: 16px;
  width: 16px;
}

._card-body-message_xopd8r {
  font-size: var(--token-typography-body-300-font-size);
  font-weight: var(--token-typography-font-weight-medium);
  margin-bottom: auto !important;
  margin-top: auto;
}

._install-gh-tooltip_xopd8r {
  background-color: unset !important;
  border: unset;
  box-shadow: unset;
}

/* styles for atlas/components/v2/impersonating-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._impersonating-bar_1vybhg ._level-item_1vybhg {
  color: var(--token-color-palette-red-50);
}

/* styles for atlas/components/v2/json-viewer.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._code-block-height_lc57o3 pre {
  height: 335px;
}

._full-screened_lc57o3 {
  height: 100%;
  overflow: auto;
}

/* styles for atlas/components/v2/not-found-error.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._not-found-error_vyh22v {
  min-height: 100%;
  justify-content: center;
}

/* styles for atlas/components/v2/permission-delegation-request-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._dismissable-card-padding_1rd2so {
  padding: 1rem 1.5rem;
}

._header-card-padding_1rd2so {
  padding: 1rem 1.5rem 0;
}

._metadata-card-padding_1rd2so {
  padding: 1rem 1.5rem;
}

._policy-warning-card-padding_1rd2so {
  padding: 0.5rem 1.5rem 1rem;
}

._card-footer-padding_1rd2so {
  padding: 1rem;
}

/* styles for atlas/components/v2/policy-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary_2uwjkt {
  width: 100%;
}

._summary_2uwjkt dl {
  display: grid;
  gap: 24px 16px;
  grid-template-columns: 1fr 5fr;
}

._summary_2uwjkt dd {
  grid-column-start: 2;
}

._summary_2uwjkt ol {
  list-style: disc;
}

/* styles for atlas/components/v2/project-access-form.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._custom-permissions-toggle_bgdnf {
  background: var(--token-color-surface-faint);
  border: unset;
  border-radius: var(--token-form-radiocard-border-radius);
  width: 100%;
}

._custom-permissions-toggle_bgdnf._open_bgdnf {
  border-bottom: var(--token-form-radiocard-border-width) solid var(--token-color-border-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._sticky_bgdnf {
  position: sticky;
  top: 3em;
}

/* styles for atlas/components/v2/query-container.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._override-text-dark_175hnp {
  color: var(--token-color-foreground-primary);
}

._has-small-gap_175hnp {
  gap: 0.5rem;
}

._empty-state-container_175hnp {
  padding: 8rem 0;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* styles for atlas/components/v2/query-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._query-summary-status-badge_1f3q8l {
  margin-right: 13px;
}

._query-summary_1f3q8l .hds-accordion-item--type-flush:last-of-type {
  border-bottom-width: 0;
}

/* styles for atlas/components/v2/query-summary/input-config-value.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._row_1grnj8 {
  align-items: flex-start;
  line-height: 18px;
  min-height: 18px;
  vertical-align: middle;
  word-break: break-all;
}

._key_1grnj8 {
  color: var(--token-color-foreground-faint);
  flex-basis: calc(15% - 18px);
  font-weight: var(--token-typography-font-weight-medium);
  line-height: 18px;
  min-width: 50px;
}

._value_1grnj8 {
  flex-basis: calc(85% - 18px);
  line-height: 18px;
}

/* styles for atlas/components/v2/role-assignments/group-role.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._restore-bullets_177n59 {
  list-style-type: disc !important;
  padding-left: 1.5rem;
}

._restore-bullets_177n59 li {
  display: list-item;
}

._dotted-underline_177n59 {
  border-bottom: 1.1px dotted;
}

/* styles for atlas/components/v2/stacked-bar-chart.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._chart_15kkpf {
  animation: _expand_15kkpf 2.4s ease 1s forwards;
}

@keyframes _expand_15kkpf {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
._chart_15kkpf {
  display: flex;
  overflow: hidden;
  width: 0;
}

._chart_15kkpf ._block_15kkpf {
  margin: 0;
}

._chart_15kkpf._rounded_15kkpf {
  border-radius: var(--token-border-radius-small);
}

/* styles for atlas/components/v2/team-token-block.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._token-code_1b743y {
  display: flex;
  border-radius: var(--token-border-radius-small);
  word-break: break-all;
  padding: 12px;
}

/* styles for atlas/components/v2/token-block.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
@media screen and (max-width: 767.98px) {
  ._token-details-wrapper_6fouxv {
    align-items: start;
  }
}
@media screen and (max-width: 767.98px) {
  ._token-details-content-wrapper_6fouxv {
    flex-wrap: wrap;
    justify-content: start;
  }
}
@media screen and (max-width: 767.98px) {
  ._is-flex-mobile_6fouxv {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* styles for atlas/components/v2/unexpected-error.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._unexpected-error_xq6wjw {
  min-height: 100%;
  justify-content: center;
}

/* styles for atlas/components/v2/variables-form.module.scss */
._no-data-state_1ufxm1 {
  display: flex;
  flex-flow: column wrap;
  align-items: baseline;
  place-content: center center;
  min-height: 208px;
  padding: 16px;
  background-color: var(--token-color-surface-primary);
}

._variables-table_1ufxm1 td,
._variables-table_1ufxm1 th {
  padding: 8px;
}

._variables-table_1ufxm1 > th span {
  text-transform: none;
  word-wrap: break-word; /* Ensures long words break and wrap */
  overflow-wrap: break-word;
}

._variable-key-input_1ufxm1 {
  height: 36px;
}

._variables-table_1ufxm1 thead {
  border: none;
}

._variables-table_1ufxm1 tr td {
  border: none;
}

._variables-section_1ufxm1 {
  border-radius: 6px;
  overflow: hidden;
}

/* styles for atlas/components/v2/variables-form/variable-viewer.module.scss */
._is-fullwidth_3zk9zg {
  width: 100% !important;
}

/* styles for atlas/components/v2/varset-block.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card-container_j22bb3 {
  position: relative;
}

._card-container_j22bb3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* styles for atlas/components/v2/vcs/access-select.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._container_1xv2lm {
  margin: 15px 0 20px;
}

._legend_1xv2lm {
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-bold);
}

._select-container_1xv2lm {
  display: flex;
  margin-top: 20px;
}

._select_1xv2lm {
  min-width: 50%;
}

._pool-id-container_1xv2lm {
  align-items: center;
  align-self: end;
  display: flex;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: auto;
}

/* styles for atlas/components/v2/workspace-access-form.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._atlas-hds-form-radiocard-group-vertical_lx6hqj {
  /* stylelint-disable selector-disallowed-list */
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-disallowed-list */
  /* stylelint-enable selector-class-pattern */
}

._atlas-hds-form-radiocard-group-vertical_lx6hqj .hds-form-group__control-fields-wrapper {
  flex-direction: column;
}

._custom-permissions-toggle_lx6hqj {
  align-items: center;
  background: var(--token-color-surface-faint);
  border: unset;
  border-radius: var(--token-form-radiocard-border-radius);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  padding-left: 2em;
  width: 100%;
}

._custom-permissions-toggle_lx6hqj._open_lx6hqj {
  border-bottom: var(--token-form-radiocard-border-width) solid var(--token-color-border-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._atlas-hds-border-bottom-primary_lx6hqj {
  border-bottom: 1px solid var(--token-color-border-primary);
}

._sticky_lx6hqj {
  position: sticky;
  top: 2em;
}

._container_lx6hqj {
  container: split/inline-size;
}

._split_lx6hqj {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@container split (width >= 800px) {
  ._split_lx6hqj {
    flex-direction: row;
  }
  ._split-left_lx6hqj {
    width: 450px;
  }
  ._split-right_lx6hqj {
    flex: 1;
    min-width: 450px;
  }
}
/* styles for atlas/components/v2/workspace-row.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._workspace-settings-dropdown_aiw5ku {
  border-color: var(--token-color-border-faint);
  border-radius: 50%;
  box-shadow: var(--token-elevation-low-box-shadow);
  opacity: 0;
}

._workspace-settings-dropdown_aiw5ku:focus::before {
  border-radius: 50%;
}

._workspace-settings-dropdown_aiw5ku svg {
  height: 16px;
  width: 16px;
}

._tag-list_aiw5ku._is-grid-friendly_aiw5ku {
  display: inline;
}

/* styles for atlas/components/varset-select.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._hds-font-override_j0ifbp {
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-display-300-line-height);
}

/* styles for atlas/components/vcs-provider-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._card-container_h84qjo {
  position: relative;
}

._card-container_h84qjo a::after {
  content: "";
  position: absolute;
  inset: 0;
}

._provider-metadata_h84qjo ul {
  display: flex;
  gap: 20px;
  list-style: none;
}

._provider-metadata_h84qjo li {
  align-items: center;
  display: flex;
  gap: 5px;
}

._provider-urls_h84qjo dl {
  align-items: center;
  display: grid;
}

._provider-urls_h84qjo dt {
  grid-column: 1;
}

._provider-urls_h84qjo dd {
  grid-column: 2;
}

/* styles for atlas/components/vcs-repo-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary-grid_1iexxx {
  grid-template-columns: max-content minmax(0, 1fr);
}

._actions-item_1iexxx {
  align-self: center;
}

/* styles for atlas/components/wizards/billing/hcp-organization-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._hcp-org-card-name_yx91vs {
  min-width: 215px;
}

/* styles for atlas/components/wizards/billing/plan-summary.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary-text-title-field_eg5jou {
  padding: 0.8rem 0.5rem 0.8rem 1.5rem;
}

._summary-text-data-field_eg5jou {
  padding: 0.8rem 0 0.8rem 0.2rem;
}

._summary-text-data-field-balance_eg5jou {
  padding-top: 0.4rem !important;
}

._summary-text-title-field-balance_eg5jou {
  padding-top: 2rem !important;
}

._summary-card-field_eg5jou {
  min-height: 65px;
}

/* styles for atlas/components/wizards/billing/select-plan.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._plan-card-cost-estimate_ieep6y {
  font-weight: var(--token-typography-font-weight-semibold);
  min-width: 150px;
}

._plan-card-badge_ieep6y {
  margin-bottom: 0 !important;
}

/* styles for atlas/components/wizards/billing/wizard.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._wizard-controls_vjt59r {
  background: var(--token-color-surface-primary);
  bottom: 0;
  height: 120px;
  padding: 1.5rem 0;
}

._wizard-controls_vjt59r ._cost-estimate_vjt59r {
  min-width: 200px;
}

._wizard-controls_vjt59r ._cost-estimate_vjt59r div:first-child {
  border-bottom: 1px solid var(--token-color-border-primary);
}

/* styles for atlas/components/wizards/component-configuration/wizard.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* Component Configuration Wizard specific styles */
._wizard-container_d8s6ie {
  max-width: 640px;
}

/* styles for atlas/components/wizards/module/v2/confirm.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._settings-title_aqu6qc {
  color: var(--token-color-foreground-strong);
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

._no-code-checkbox_aqu6qc {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

._label_aqu6qc {
  color: var(--token-color-foreground-strong);
  font-size: 0.875rem;
  font-weight: bold;
  padding-left: 0.2rem;
}

._description_aqu6qc {
  color: var(--token-color-foreground-primary);
  font-size: 0.875rem;
  margin-top: 1rem;
  padding-left: 1.5rem;
  width: 80%;
}

._helper-text_aqu6qc {
  background-color: var(--token-color-surface-strong);
}

._helper-text_aqu6qc ul {
  color: var(--token-color-foreground-primary);
}

._helper-text_aqu6qc ._links_aqu6qc {
  padding-right: 8rem;
}

._module-details_aqu6qc {
  display: grid;
  gap: 0.5rem;
}

._module-details_aqu6qc ._text-input-base_aqu6qc {
  width: 20px; /* Adjust the width to fit the '/' character */
  text-align: center;
}

._tips-list-style_aqu6qc {
  list-style: disc outside;
}

/* styles for atlas/components/wizards/policy-set/source.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._policy-set-source-card_1kclju .hds-form-radio-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}

/* styles for atlas/components/wizards/provider-set/source.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._source-hcl-editor-shell_g4v97o {
  contain: inline-size;
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  width: 100%;
}

._source-hcl-editor_g4v97o {
  height: 270px;
  margin-top: 1rem;
  min-width: 0;
  width: 100%;
}

/* styles for atlas/components/wizards/search/attribute-comparator.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._attribute-comparator_exda8y [class~=hds-badge][class~=hds-badge--color-neutral] {
  background: var(--token-color-surface-action);
  color: var(--token-color-foreground-action);
}

._attribute-comparator_exda8y [class~=hds-badge][class~=hds-badge--color-neutral][class~=hds-badge--size-medium] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

._attribute-comparator_exda8y [class~=hds-badge][class~=hds-badge--color-neutral] [class~=hds-badge__text] {
  font-family: var(--token-typography-font-stack-code);
  font-weight: var(--token-typography-font-weight-regular);
}

/* styles for atlas/components/wizards/search/attribute-picker.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._attribute-trigger_1y6u1x {
  min-width: 0;
}

._attribute-trigger_1y6u1x [class~=hds-dropdown-toggle-button] {
  min-width: 0;
}

._attribute-trigger_1y6u1x [class~=hds-dropdown-toggle-button__text] {
  display: block;
  font-family: var(--token-typography-font-stack-code);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._attribute-trigger--placeholder_1y6u1x [class~=hds-dropdown-toggle-button__text] {
  font-family: var(--token-typography-font-stack-text);
}

._attribute-readonly_1y6u1x {
  font-family: var(--token-typography-font-stack-code);
}

._attribute-item_1y6u1x {
  font-family: var(--token-typography-font-stack-code);
}

._attribute-item-block-marker_1y6u1x {
  font-family: inherit;
  line-height: var(--token-typography-body-200-line-height);
}

._attribute-item-label_1y6u1x {
  font-family: inherit;
}

/* styles for atlas/components/wizards/search/attribute-row.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._attribute-comparator_97kiaq [class~=hds-badge][class~=hds-badge--color-neutral] {
  background: var(--token-color-surface-action);
  color: var(--token-color-foreground-action);
}

._attribute-comparator_97kiaq [class~=hds-badge][class~=hds-badge--color-neutral][class~=hds-badge--size-medium] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

._attribute-comparator_97kiaq [class~=hds-badge][class~=hds-badge--color-neutral] [class~=hds-badge__text] {
  font-family: var(--token-typography-font-stack-code);
  font-weight: var(--token-typography-font-weight-regular);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._attribute-operator_97kiaq {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 100%;
}

._attribute-grid_97kiaq {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 5rem minmax(max-content, 0.5fr) 2rem minmax(max-content, 0.5fr) 2rem 2rem;
  max-width: 90%;
}

._attribute-picker-column_97kiaq {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._add-btn_97kiaq,
._remove-btn_97kiaq {
  justify-self: start;
}

._attribute-grid--block_97kiaq {
  grid-template-columns: 5rem 0.5fr 2rem 2rem 2rem;
}

._attribute-grid--block_97kiaq ._attribute-value-column_97kiaq {
  display: none;
}

._attribute-value-error_97kiaq {
  grid-column: 4;
  grid-row: 2;
}

._block-type-sub-rows_97kiaq {
  margin-left: 2.5rem;
}

@media screen and (max-width: 767.98px) {
  ._attribute-grid_97kiaq {
    grid-template-columns: 2.5rem 1fr 2rem 2rem;
    padding-left: 1.5rem;
  }
  ._attribute-grid_97kiaq ._attribute-operator_97kiaq {
    grid-column: 1;
    grid-row: 1;
  }
  ._attribute-grid_97kiaq ._attribute-picker-column_97kiaq {
    grid-column: 2;
    grid-row: 1;
  }
  ._attribute-grid_97kiaq ._attribute-comparator_97kiaq,
  ._attribute-grid_97kiaq ._attribute-value-column_97kiaq,
  ._attribute-grid_97kiaq ._add-btn_97kiaq,
  ._attribute-grid_97kiaq ._remove-btn_97kiaq {
    grid-row: 2;
  }
  ._attribute-value-error_97kiaq {
    grid-column: 2;
    grid-row: 3;
  }
  ._attribute-grid--block_97kiaq ._add-btn_97kiaq {
    grid-column: 3;
  }
  ._attribute-grid--block_97kiaq ._remove-btn_97kiaq {
    grid-column: 4;
  }
  ._block-type-sub-rows_97kiaq {
    margin-left: 1.25rem;
  }
}
/* styles for atlas/components/wizards/search/attribute-value.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._value-input_1gcisy {
  box-shadow: none !important;
  font-family: var(--token-typography-font-stack-code);
}

._value-input_1gcisy:focus {
  box-shadow: none !important;
}

._value-option-row_1gcisy {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}

._value-option-meta_1gcisy {
  color: var(--token-color-foreground-faint);
  font-style: italic;
}

._dropdown-visible_1gcisy .hds-form-text-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._value-suggestion-list_1gcisy {
  background-color: var(--token-surface-primary);
  border: 1px solid var(--token-color-border-primary);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(9, 18, 36, 0.12);
  left: 0;
  margin-top: 8px;
  max-height: 260px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 20;
}

._value-suggestion-header_1gcisy {
  font-weight: var(--token-typography-font-weight-bold);
}

/* styles for atlas/components/wizards/search/query-resources.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._query-resources-surface_1mp478 {
  background-color: var(--token-color-palette-neutral-50);
}

._query-actions_1mp478 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._query-resources-panel_1mp478 {
  display: flex;
  flex-direction: row;
}

._query-resources-panel_1mp478 ._query-resources-panel-content_1mp478 {
  flex-grow: 1;
}

._query-resources-panel_1mp478 ._query-resources-panel-toggle_1mp478 {
  flex-basis: 1rem;
}

/* styles for atlas/components/wizards/search/resource-card.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._resource-query-badge_1gl91p [class~=hds-badge__text] {
  font-family: var(--token-typography-font-stack-code);
}

._resource-type-picker-wrapper_1gl91p {
  flex-shrink: 0;
  width: 20rem;
}

@media screen and (max-width: 1087.98px) {
  ._resource-type-picker-wrapper_1gl91p {
    width: 15rem;
  }
}
@media screen and (max-width: 767.98px) {
  ._resource-type-picker-wrapper_1gl91p {
    width: 10rem;
  }
}
/* styles for atlas/components/wizards/search/resource-tag-list.module.scss */
._resource-query-badge_l1mehv [class~=hds-badge__text] {
  font-family: var(--token-typography-font-stack-code);
}

/* styles for atlas/components/wizards/search/resource-type-picker.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._resource-type-picker-wrapper_1wugo0 [class~=hds-dropdown__content] {
  max-width: 600px;
  width: 600px;
}

._dropdown-panes_1wugo0 {
  margin-left: -16px;
  margin-top: -4px;
  width: calc(100% + 16px);
}

._resource-type-trigger_1wugo0 [class~=hds-dropdown-toggle-button] {
  min-width: 0;
}

._resource-type-trigger_1wugo0 [class~=hds-dropdown-toggle-button__text] {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._provider-option-indicator_1wugo0 {
  display: inline-block;
  flex-shrink: 0;
  align-self: stretch;
  width: 2px;
  min-height: 24px;
  border-radius: 9999px;
  background: transparent;
}

._provider-option-label-selected_1wugo0 {
  color: var(--token-color-foreground-action-active);
}

._provider-options-column_1wugo0 {
  width: 25%;
}

._provider-option-content_1wugo0 {
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

@media screen and (max-width: 1087.98px) {
  ._resource-type-picker-wrapper_1wugo0 [class~=hds-dropdown__content] {
    max-width: 500px;
    width: 500px;
  }
}
@media screen and (max-width: 767.98px) {
  ._provider-options-column_1wugo0 {
    width: 33%;
  }
  ._resource-type-picker-wrapper_1wugo0 [class~=hds-dropdown__content] {
    width: 300px;
  }
}
@media screen and (max-width: 479.98px) {
  ._resource-type-picker-wrapper_1wugo0 [class~=hds-dropdown__content] {
    width: 250px;
  }
}
/* styles for atlas/components/wizards/stack/wizard.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._step-body_1u9lvs {
  margin-top: 24px;
  max-width: 672px;
}

/* styles for atlas/components/wizards/stack/workflow.module.scss */
._description-container_zr2n0q {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

._best-for-description_zr2n0q {
  max-width: 250px;
}

/* styles for atlas/components/wizards/workspace/type.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._new-workspace-columns_ccva96 {
  margin-bottom: 32px;
  display: flex;
}

._new-workspace-column_ccva96 {
  width: 347px;
  padding: 24px;
  margin-right: 24px;
}

/* styles for atlas/components/workspace-filter-bar.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
._alert-diamond-icon_10hhxe svg {
  color: var(--token-color-foreground-warning);
}

._x-square-icon_10hhxe svg {
  color: var(--token-color-foreground-critical);
}

._running-static-icon_10hhxe svg {
  color: var(--token-color-foreground-action);
}

._check-circle-icon_10hhxe svg {
  color: var(--token-color-foreground-success);
}

._filter-bar_10hhxe {
  container-type: inline-size;
}

._filter-bar-layout_10hhxe {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._filter-bar-top-row_10hhxe {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

._filter-bar-actions_10hhxe {
  order: 1;
  flex-shrink: 0;
}

._filter-bar-search_10hhxe {
  order: 2;
  flex: 1 1 300px;
  min-width: 0;
  /* stylelint-disable selector-disallowed-list */
  /* stylelint-enable selector-disallowed-list */
}

._filter-bar-search_10hhxe search,
._filter-bar-search_10hhxe form {
  display: block;
  width: 100%;
}

._filter-bar-search_10hhxe .hds-form-text-input-base,
._filter-bar-search_10hhxe .hds-form-text-input {
  width: 100%;
  max-width: 300px;
}

@media screen and (max-width: 767.98px) {
  ._filter-bar-search_10hhxe {
    flex: 1 1 100%;
  }
  ._filter-bar-search_10hhxe .hds-form-text-input-base,
  ._filter-bar-search_10hhxe .hds-form-text-input {
    max-width: none;
  }
}
._filter-bar-quick-filters_10hhxe {
  display: block;
  min-width: 0;
}

._filter-button-with-counts_10hhxe {
  min-width: 7.5rem;
}

._filter-button_10hhxe[aria-pressed=true] {
  background-color: var(--token-color-surface-interactive-active);
  box-shadow: none;
}

._flyout-button_10hhxe {
  flex-shrink: 0;
}

@container (min-width: 72rem) {
  ._filter-bar-layout_10hhxe {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  ._filter-bar-top-row_10hhxe {
    flex-wrap: nowrap;
    align-self: start;
  }
  ._filter-bar-search_10hhxe {
    flex: 1 1 300px;
    min-width: 300px;
    /* stylelint-disable selector-disallowed-list */
    /* stylelint-enable selector-disallowed-list */
  }
  ._filter-bar-search_10hhxe .hds-form-text-input-base,
  ._filter-bar-search_10hhxe .hds-form-text-input {
    width: 100%;
    max-width: 300px;
  }
  ._filter-bar-quick-filters_10hhxe {
    place-self: start stretch;
    width: 100%;
  }
}
._filter-tags_10hhxe {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 8px;
  margin: 16px 0;
}

._workspace-filter-flyout_10hhxe label {
  font-weight: var(--token-typography-font-weight-regular);
}

/* styles for atlas/components/workspace-overview-health.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._workspace-sidebar-subheader-health-container_1xsvc8 {
  display: flex;
  margin-bottom: 0.5rem;
}

._workspace-sidebar-subheader-health-container_1xsvc8 ._warning_1xsvc8 {
  width: 20px;
}

._workspace-sidebar-subheader-health-container_1xsvc8 ._title_1xsvc8 {
  flex: 1;
}

._workspace-sidebar-subheader-details-container_1xsvc8 {
  display: flex;
  margin-top: 0.5rem;
}

._workspace-sidebar-subheader-details-container_1xsvc8 ._section_1xsvc8 {
  margin-right: 1.5rem;
}

._workspace-sidebar-subheader-details-container_1xsvc8 ._header_1xsvc8 {
  font-weight: var(--token-typography-font-weight-bold);
}

._workspace-sidebar-subheader-details-container_1xsvc8 ._red_1xsvc8 {
  color: var(--token-color-foreground-critical);
}

._workspace-sidebar-subheader-details-container_1xsvc8 ._blue_1xsvc8 {
  color: var(--token-color-foreground-action);
}

._workspace-sidebar-subheader-details-container_1xsvc8 ._green_1xsvc8 {
  color: var(--token-color-foreground-success);
}

/* styles for atlas/components/workspace-overview-run-trigger.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._run-trigger-list-block_7gmo5p {
  max-width: 300px;
}

/* styles for atlas/components/workspaces-table.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._repo-identifier_1lo6h2 {
  display: block;
  overflow-wrap: break-word;
  word-break: break-all;
}

/* styles for atlas/styles/login/centered-loading.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._centered-loading_1fx46i {
  margin-left: -5%;
  width: auto;
  flex: none;
  display: none;
}

/* styles for atlas/styles/login/footer-container.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._login-footer_3m206k {
  background-color: var(--token-color-surface-strong);
  text-align: center;
  width: 100%;
}

/* styles for atlas/styles/login/form-container.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._login-icon-tile_1jcvbh {
  border-color: var(--token-color-terraform-brand);
  border-width: 2px;
}

._login-content_1jcvbh {
  width: 400px;
}

._login-footer_1jcvbh {
  background-color: var(--token-color-surface-strong);
  text-align: center;
  width: 100%;
}

/* styles for atlas/styles/login/sso/link.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._forgot-password-link_14o5tf {
  line-height: 24px;
}

/* styles for atlas/styles/login/sso/step-up.module.scss */
._email_nk5xa1 {
  display: block;
  word-break: break-all;
}

/* styles for atlas/styles/v2/admin/stacks.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._is-height-100_1och3d {
  height: 100%;
}

/* styles for atlas/styles/v2/organization/explorer/index/views.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state_1nqhef {
  padding: 8rem 0;
}

/* styles for atlas/styles/v2/organization/explorer/type.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._select-all-button_rk0fl8:focus, ._select-all-button_rk0fl8:active, ._select-all-button_rk0fl8:hover {
  background-color: transparent;
}

._select-all-button_rk0fl8 span:first-child {
  display: none !important;
}

._select-all-alert_rk0fl8 {
  background-color: var(--token-color-surface-action) !important;
  border-color: var(--token-color-foreground-action) !important;
}

._select-all-alert_rk0fl8 svg {
  color: var(--token-color-foreground-action) !important;
}

._select-all-alert-icon_rk0fl8 div:first-child {
  margin-right: 0.5rem !important;
}

._select-all-alert-icon_rk0fl8 svg {
  margin-top: 0.5rem !important;
}

/* styles for atlas/styles/v2/organization/projects/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._projects-table_12di5c {
  overflow: auto;
}

._empty-state-card_12di5c {
  padding: 12rem 0;
}

/* styles for atlas/styles/v2/organization/projects/project/stacks/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state-card_zf7urz {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 0;
}

._empty-state-card-width_zf7urz {
  max-width: 700px;
}

/* styles for atlas/styles/v2/organization/projects/project/stacks/stack/configurations/configuration/deployment-run.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._breadcrumb-icon-disabled_4gvnxa svg {
  color: var(--token-color-foreground-disabled);
}

._breadcrumb-icon-action_4gvnxa svg {
  color: var(--token-color-foreground-action);
}

._breadcrumb-icon-action-hover_4gvnxa svg {
  color: var(--token-color-foreground-action-hover);
}

._breadcrumb-icon-success_4gvnxa svg {
  color: var(--token-color-foreground-success);
}

._breadcrumb-icon-critical_4gvnxa svg {
  color: var(--token-color-foreground-critical);
}

._breadcrumb-icon-pending_4gvnxa svg,
._breadcrumb-icon-queued_4gvnxa svg {
  color: var(--token-color-palette-neutral-200);
}

._breadcrumb-icon-preparing_4gvnxa svg {
  color: var(--token-color-foreground-action-active);
}

._breadcrumb-icon-completed_4gvnxa svg {
  color: var(--token-color-foreground-success);
}

._breadcrumb-icon-failed_4gvnxa svg {
  color: var(--token-color-foreground-critical);
}

/* styles for atlas/styles/v2/organization/projects/project/stacks/stack/configurations/configuration/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._list-column_wztj5p {
  width: 33%;
}

/* styles for atlas/styles/v2/organization/projects/project/stacks/stack/configurations/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._description-overflow_1ezwib {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

._upload-steps_1ezwib {
  list-style-position: inside;
}

/* styles for atlas/styles/v2/organization/projects/project/stacks/stack/deployments/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._all-deployments-table_1g7yvi ._status-column_1g7yvi {
  padding: 12px 16px !important;
}

/* styles for atlas/styles/v2/organization/projects/project/workspaces/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._empty-state-card_oug1gk {
  padding: 8rem 0;
}

/* styles for atlas/styles/v2/organization/registry/public-namespaces/show/publish.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._publish-form_15ac1g[inert] {
  opacity: 0.5;
}

/* styles for atlas/styles/v2/organization/registry/public-namespaces/show/settings.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._gpg-key-table_zohcmo {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px auto;
}

._gpg-key-table_zohcmo li {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: repeat(3, 1fr);
  color: var(--token-color-foreground-primary);
}

/* styles for atlas/styles/v2/organization/settings/authentication-tokens.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._tokens-table_xnhsu7 {
  overflow: auto hidden;
  padding-bottom: 90px;
  margin-bottom: -90px;
}

@media (width >= 812px) {
  ._has-flex_xnhsu7 {
    display: flex;
    justify-content: space-between;
  }
}
@media (width < 812px) {
  ._create-token-button_xnhsu7 {
    margin-top: 1rem;
  }
}
/* styles for atlas/styles/v2/organization/settings/billing/free-plan-upgrade.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._summary-text-title-field_1tsmi5 {
  padding: 0.8rem 0.5rem 0.8rem 1.5rem;
}

._summary-text-data-field_1tsmi5 {
  padding: 0.8rem 0 0.8rem 0.2rem;
}

._summary-text-data-field-balance_1tsmi5 {
  padding-top: 0.4rem !important;
}

._summary-text-title-field-balance_1tsmi5 {
  padding-top: 2rem !important;
}

._summary-card-field_1tsmi5 {
  min-height: 65px;
}

._free-plan-comparison_1tsmi5 {
  border-left: transparent;
  border-right: transparent;
}

._free-plan-header_1tsmi5 {
  background-color: transparent !important;
  font-weight: var(--token-typography-font-weight-bold);
}

._free-feature-category_1tsmi5 {
  background-color: var(--token-color-surface-strong);
  font-family: var(--token-typography-body-300-font-family);
  font-size: var(--token-typography-display-300-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  line-height: var(--token-typography-body-300-line-height);
}

._wizard-controls_1tsmi5 {
  background: var(--token-color-surface-primary);
  bottom: 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.06);
  height: 120px;
  padding: 1.5rem 2rem;
  position: fixed;
  right: 0;
  width: calc(100% - var(--sidebar-width));
}

._wizard-controls_1tsmi5 ._cost-estimate_1tsmi5 {
  min-width: 200px;
}

._wizard-controls_1tsmi5 ._cost-estimate_1tsmi5 div:first-child {
  border-bottom: 1px solid var(--token-color-border-primary);
}

._activation-bottom-padding_1tsmi5 {
  padding-bottom: 4rem !important;
}

/* styles for atlas/styles/v2/organization/settings/profile.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._org-profile-metadata_2r9uz5 dl {
  width: 40%;
  align-items: center;
  display: grid;
}

._org-profile-metadata_2r9uz5 dt {
  grid-column: 1;
}

._org-profile-metadata_2r9uz5 dd {
  grid-column: 2;
}

/* styles for atlas/styles/v2/organization/settings/teams/team/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._org-profile-metadata_k1jpef dl {
  width: 40%;
  align-items: center;
  display: grid;
}

._org-profile-metadata_k1jpef dt {
  grid-column: 1;
}

._org-profile-metadata_k1jpef dd {
  grid-column: 2;
}

/* styles for atlas/styles/v2/organization/workspaces/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-max-compound-selectors */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._hds-border-top-primary_1jw52h {
  border-top: 1px solid var(--token-color-border-primary);
}

._hds-border-bottom-strong_1jw52h {
  border-bottom: 1px solid var(--token-color-border-strong);
}

._empty-project-icon-container_1jw52h {
  background: radial-gradient(var(--token-color-palette-neutral-50) 60%, var(--token-color-palette-neutral-200));
  border-radius: 50%;
  margin-top: 3rem;
  padding: 2rem;
}

._empty-project-icon_1jw52h {
  height: 50px;
  width: 50px;
}

._no-workspaces-container_1jw52h {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 3rem auto;
  width: 540px;
}

._no-workspaces-text_1jw52h {
  color: var(--token-color-foreground-faint);
  font-size: 1rem;
  font-weight: var(--token-typography-font-weight-regular);
  margin-left: 1rem;
  text-align: left;
}

._migration-text_1jw52h {
  color: var(--token-color-foreground-faint);
  font-size: 1rem;
  font-weight: var(--token-typography-font-weight-regular);
  margin-bottom: 0.5rem;
  margin-top: 2rem;
}

._tooltip-container_1jw52h {
  position: relative;
}

._tooltip_1jw52h {
  display: none;
  left: -130px;
  position: absolute;
  text-align: center;
  top: 20px;
}

._filter-group-link_1jw52h:hover + ._tooltip-container_1jw52h ._tooltip_1jw52h,
.hds-button-set--snug:not(:hover) ._filter-group-link_1jw52h:focus + ._tooltip-container_1jw52h ._tooltip_1jw52h {
  display: block;
}

._scrollable-table_1jw52h {
  display: block;
  height: calc(100vh - 430px);
  overflow: hidden scroll;
}

/* styles for atlas/styles/v2/organization/workspaces/workspace.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._container_1chryp {
  margin: 0 !important;
}

/* styles for atlas/styles/v2/organization/workspaces/workspace/actions/index.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable selector-class-pattern */
._advanced-table__overrides_1ny52v {
  /* stylelint-disable selector-disallowed-list */
}

._advanced-table__overrides_1ny52v .hds-advanced-table__container {
  overflow: visible;
  z-index: 1;
}

._advanced-table__overrides_1ny52v .hds-advanced-table {
  overflow: visible;
}

/* styles for atlas/styles/v2/organization/workspaces/workspace/settings/general.module.scss */
/**
 * Copyright IBM Corp. 2014, 2026
 */
._version-switch_l36mjj {
  list-style-type: disc !important;
}

._version-switch_l36mjj li {
  margin-left: 2em !important;
}

/* stylelint-disable  selector-disallowed-list */
.error .hds-power-select .ember-basic-dropdown-trigger {
  border-color: var(--token-color-focus-critical-internal);
  border-width: 2px;
}

/**
 * Copyright IBM Corp. 2014, 2026
 */
/* stylelint-disable color-no-hex */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-max-compound-selectors */
.docfy {
  /*!
    Theme: StackOverflow Light
    Description: Light theme as used on stackoverflow.com
    Author: stackoverflow.com
    Maintainer: @Hirse
    Website: https://github.com/StackExchange/Stacks
    License: MIT
    Updated: 2021-05-15
    Updated for @stackoverflow/stacks v0.64.0
    Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
    Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
  */
}
.docfy .logo {
  width: 100%;
  height: 100%;
}
.docfy .docfy-undocumented {
  color: #f3cccc;
}
.docfy .docfy-diagnostic {
  color: #0f0;
}
.docfy .back-to {
  width: auto;
}
.docfy main {
  padding: 32px;
  max-width: 100%;
  overflow-x: auto;
}
.docfy .docfy-demo {
  border: 3px solid #dadada;
  padding: 12px;
  margin-bottom: 1rem;
}
.docfy .docfy-demo__example {
  margin-bottom: 1rem;
}
.docfy .docfy-demo__snippets__tabs__button {
  all: unset;
  padding: 8px;
  padding-top: 4px;
  background: #ddd;
  border-bottom: 2px solid #cfcfcf;
  font-weight: var(--token-typography-font-weight-medium);
  cursor: pointer;
}
.docfy .docfy-demo__snippets__tabs__button--active {
  background: #fafafa;
  padding-top: 8px;
  border-bottom-color: #fafafa;
}
.docfy table td code,
.docfy table th code {
  white-space: nowrap;
}
.docfy .hljs {
  color: #2f3337;
}
.docfy .hljs-subst {
  color: #2f3337;
}
.docfy .hljs-comment {
  color: #656e77;
}
.docfy .hljs-keyword,
.docfy .hljs-selector-tag,
.docfy .hljs-meta .hljs-keyword,
.docfy .hljs-doctag,
.docfy .hljs-section {
  color: #015692;
}
.docfy .hljs-attr {
  color: #015692;
}
.docfy .hljs-attribute {
  color: #803378;
}
.docfy .hljs-name,
.docfy .hljs-type,
.docfy .hljs-number,
.docfy .hljs-selector-id,
.docfy .hljs-quote,
.docfy .hljs-template-tag {
  color: #b75501;
}
.docfy .hljs-selector-class {
  color: #015692;
}
.docfy .hljs-string,
.docfy .hljs-regexp,
.docfy .hljs-symbol,
.docfy .hljs-variable,
.docfy .hljs-template-variable,
.docfy .hljs-link,
.docfy .hljs-selector-attr {
  color: #54790d;
}
.docfy .hljs-meta,
.docfy .hljs-selector-pseudo {
  color: #015692;
}
.docfy .hljs-built_in,
.docfy .hljs-title,
.docfy .hljs-literal {
  color: #b75501;
}
.docfy .hljs-bullet,
.docfy .hljs-code {
  color: #535a60;
}
.docfy .hljs-meta .hljs-string {
  color: #54790d;
}
.docfy .hljs-deletion {
  color: #c02d2e;
}
.docfy .hljs-addition {
  color: #2f6f44;
}
.docfy .hljs-emphasis {
  font-style: italic;
}
.docfy .hljs-strong {
  font-weight: var(--token-typography-font-weight-bold);
}

/* Reset <html>'s overflow values; these values are altered by Bulma*/
html {
  overflow: initial;
}

/* TEMP*/
.temp-forms-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 24px;
  margin-bottom: 32px;
}