@charset "UTF-8";
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --i80-border-radius-x-small: 3px;
  --i80-border-radius-small: 5px;
  --i80-border-radius-medium: 6px;
  --i80-border-radius-large: 8px;
  --i80-color-palette-blue-500: #1c345f;
  --i80-color-palette-blue-400: #0046d1;
  --i80-color-palette-blue-300: #0c56e9;
  --i80-color-palette-blue-200: #1060ff;
  --i80-color-palette-blue-100: #cce3fe;
  --i80-color-palette-blue-50: #f2f8ff;
  --i80-color-palette-purple-500: #42215b;
  --i80-color-palette-purple-400: #7b00db;
  --i80-color-palette-purple-300: #911ced;
  --i80-color-palette-purple-200: #a737ff;
  --i80-color-palette-purple-100: #ead2fe;
  --i80-color-palette-purple-50: #f9f2ff;
  --i80-color-palette-green-500: #054220;
  --i80-color-palette-green-400: #006619;
  --i80-color-palette-green-300: #00781e;
  --i80-color-palette-green-200: #008a22;
  --i80-color-palette-green-100: #cceeda;
  --i80-color-palette-green-50: #f2fbf6;
  --i80-color-palette-amber-500: #542800;
  --i80-color-palette-amber-400: #803d00;
  --i80-color-palette-amber-300: #9e4b00;
  --i80-color-palette-amber-200: #bb5a00;
  --i80-color-palette-amber-100: #fbeabf;
  --i80-color-palette-amber-50: #fff9e8;
  --i80-color-palette-red-500: #51130a;
  --i80-color-palette-red-400: #940004;
  --i80-color-palette-red-300: #c00005;
  --i80-color-palette-red-200: #e52228;
  --i80-color-palette-red-100: #fbd4d4;
  --i80-color-palette-red-50: #fff5f5;
  --i80-color-palette-neutral-700: #0c0c0e;
  --i80-color-palette-neutral-600: #3b3d45;
  --i80-color-palette-neutral-500: #656a76;
  --i80-color-palette-neutral-400: #8c909c;
  --i80-color-palette-neutral-300: #c2c5cb;
  --i80-color-palette-neutral-200: #dedfe3;
  --i80-color-palette-neutral-100: #f1f2f3;
  --i80-color-palette-neutral-50: #fafafa;
  --i80-color-palette-neutral-0: #ffffff;
  --i80-color-palette-alpha-300: #3b3d4566;
  --i80-color-palette-alpha-200: #656a7633;
  --i80-color-palette-alpha-100: #656a761a;
  --i80-color-border-primary: #656a7633;
  --i80-color-border-faint: #656a761a;
  --i80-color-border-strong: #3b3d4566;
  --i80-color-border-action: #cce3fe;
  --i80-color-border-highlight: #ead2fe;
  --i80-color-border-success: #cceeda;
  --i80-color-border-warning: #fbeabf;
  --i80-color-border-critical: #fbd4d4;
  --i80-color-focus-action-internal: #0c56e9;
  --i80-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --i80-color-focus-critical-internal: #c00005;
  --i80-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --i80-color-foreground-strong: #0c0c0e;
  --i80-color-foreground-primary: #3b3d45;
  --i80-color-foreground-faint: #656a76;
  --i80-color-foreground-high-contrast: #ffffff;
  --i80-color-foreground-disabled: #8c909c;
  --i80-color-foreground-action: #1060ff;
  --i80-color-foreground-action-hover: #0c56e9;
  --i80-color-foreground-action-active: #0046d1;
  --i80-color-foreground-highlight: #a737ff;
  --i80-color-foreground-highlight-on-surface: #911ced;
  --i80-color-foreground-highlight-high-contrast: #42215b;
  --i80-color-foreground-success: #008a22;
  --i80-color-foreground-success-on-surface: #00781e;
  --i80-color-foreground-success-high-contrast: #054220;
  --i80-color-foreground-warning: #bb5a00;
  --i80-color-foreground-warning-on-surface: #9e4b00;
  --i80-color-foreground-warning-high-contrast: #542800;
  --i80-color-foreground-critical: #e52228;
  --i80-color-foreground-critical-on-surface: #c00005;
  --i80-color-foreground-critical-high-contrast: #51130a;
  --i80-color-page-primary: #ffffff;
  --i80-color-page-faint: #fafafa;
  --i80-color-surface-primary: #ffffff;
  --i80-color-surface-faint: #fafafa;
  --i80-color-surface-strong: #f1f2f3;
  --i80-color-surface-interactive: #ffffff;
  --i80-color-surface-interactive-hover: #f1f2f3;
  --i80-color-surface-interactive-active: #dedfe3;
  --i80-color-surface-interactive-disabled: #fafafa;
  --i80-color-surface-action: #f2f8ff;
  --i80-color-surface-highlight: #f9f2ff;
  --i80-color-surface-success: #f2fbf6;
  --i80-color-surface-warning: #fff9e8;
  --i80-color-surface-critical: #fff5f5;
  --i80-color-brand-blue-brand: #1868f2;
  --i80-color-brand-blue-foreground: #1c61d8;
  --i80-color-brand-blue-surface: #d6ebff;
  --i80-color-brand-blue-border: #c7dbfc;
  --i80-color-brand-blue-gradient-primary-start: #639cff;
  --i80-color-brand-blue-gradient-primary-stop: #2e71e5;
  --i80-color-brand-blue-gradient-faint-start: #f4faff; /** this is the 'brand-blue-50' value at 25% opacity on white */
  --i80-color-brand-blue-gradient-faint-stop: #d6ebff;
  --i80-color-brand-coral-brand: #f24c53;
  --i80-color-brand-coral-foreground: #cf2d32;
  --i80-color-brand-coral-surface: #ffecec;
  --i80-color-brand-coral-border: #fbd7d8;
  --i80-color-brand-coral-gradient-primary-start: #f97076;
  --i80-color-brand-coral-gradient-primary-stop: #db363b;
  --i80-color-brand-coral-gradient-faint-start: #fffafa; /** this is the 'brand-coral-50' value at 25% opacity on white */
  --i80-color-brand-coral-gradient-faint-stop: #ffecec;
  --i80-color-brand-green-brand: #06d092;
  --i80-color-brand-green-foreground: #008661;
  --i80-color-brand-green-surface: #d3fdeb;
  --i80-color-brand-green-border: #bff3dd;
  --i80-color-brand-green-gradient-primary-start: #bff3dd;
  --i80-color-brand-green-gradient-primary-stop: #60dea9;
  --i80-color-brand-green-gradient-faint-start: #f3fff9; /** this is the 'brand-green-50' value at 25% opacity on white */
  --i80-color-brand-green-gradient-faint-stop: #d3fdeb;
  --i80-color-brand-pink-brand: #e03875;
  --i80-color-brand-pink-foreground: #d01c5b;
  --i80-color-brand-pink-surface: #ffe9f1;
  --i80-color-brand-pink-border: #ffcede;
  --i80-color-brand-pink-gradient-primary-start: #ff99be;
  --i80-color-brand-pink-gradient-primary-stop: #da306e;
  --i80-color-brand-pink-gradient-faint-start: #fff9fb; /** this is the 'brand-pink-50' value at 25% opacity on white */
  --i80-color-brand-pink-gradient-faint-stop: #ffe9f1;
  --i80-color-brand-purple-brand: #7b42bc;
  --i80-color-brand-purple-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */
  --i80-color-brand-purple-foreground: #773cb4;
  --i80-color-brand-purple-surface: #f4ecff;
  --i80-color-brand-purple-border: #ebdbfc;
  --i80-color-brand-purple-gradient-primary-start: #bb8deb;
  --i80-color-brand-purple-gradient-primary-stop: #844fba;
  --i80-color-brand-purple-gradient-faint-start: #fcfaff; /** this is the 'brand-purple-50' value at 25% opacity on white */
  --i80-color-brand-purple-gradient-faint-stop: #f4ecff;
  --i80-color-brand-sky-brand: #02a8ef;
  --i80-color-brand-sky-foreground: #007eb4;
  --i80-color-brand-sky-surface: #d4f2ff;
  --i80-color-brand-sky-border: #b4e4ff;
  --i80-color-brand-sky-gradient-primary-start: #b4e4ff;
  --i80-color-brand-sky-gradient-primary-stop: #63d0ff;
  --i80-color-brand-sky-gradient-faint-start: #f3fcff; /** this is the 'brand-sky-50' value at 25% opacity on white */
  --i80-color-brand-sky-gradient-faint-stop: #d4f2ff;
  --i80-color-brand-teal-brand: #14c6cb;
  --i80-color-brand-teal-foreground: #008196;
  --i80-color-brand-teal-surface: #e0fcff;
  --i80-color-brand-teal-border: #cbf1f3;
  --i80-color-brand-teal-gradient-primary-start: #cbf1f3;
  --i80-color-brand-teal-gradient-primary-stop: #62d4dc;
  --i80-color-brand-teal-gradient-faint-start: #f6feff; /** this is the 'brand-teal-50' value at 25% opacity on white */
  --i80-color-brand-teal-gradient-faint-stop: #e0fcff;
  --i80-color-brand-yellow-brand: #ffcf25;
  --i80-color-brand-yellow-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 */
  --i80-color-brand-yellow-foreground: #9a6f00;
  --i80-color-brand-yellow-surface: #fff9cf;
  --i80-color-brand-yellow-border: #feec7b;
  --i80-color-brand-yellow-gradient-primary-start: #feec7b;
  --i80-color-brand-yellow-gradient-primary-stop: #ffe543;
  --i80-color-brand-yellow-gradient-faint-start: #fffdf2; /** this is the 'brand-yellow-50' value at 25% opacity on white */
  --i80-color-brand-yellow-gradient-faint-stop: #fff9cf;
  --i80-css-color-transform-direction: 1; /** this is used in the CSS `color-transform` to control the direction of the lightness transformations */
  --i80-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a;
  --i80-elevation-low-box-shadow: 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --i80-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --i80-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --i80-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --i80-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --i80-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a;
  --i80-surface-base-box-shadow: 0 0 0 1px #656a7633;
  --i80-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --i80-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --i80-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --i80-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --i80-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --i80-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
  --i80-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
  --i80-app-header-height: 60px;
  --i80-app-header-home-link-size: 36px;
  --i80-app-header-logo-size: 28px;
  --i80-app-side-nav-wrapper-border-width: 1px;
  --i80-app-side-nav-wrapper-border-color: var(--i80-color-palette-neutral-200);
  --i80-app-side-nav-wrapper-padding-horizontal: 16px;
  --i80-app-side-nav-wrapper-padding-vertical: 16px;
  --i80-app-side-nav-wrapper-padding-horizontal-minimized: 8px;
  --i80-app-side-nav-wrapper-padding-vertical-minimized: 22px;
  --i80-app-side-nav-toggle-button-border-radius: 5px;
  --i80-app-side-nav-header-home-link-padding: 4px;
  --i80-app-side-nav-header-home-link-logo-size: 48px;
  --i80-app-side-nav-header-home-link-logo-size-minimized: 32px;
  --i80-app-side-nav-header-actions-spacing: 8px;
  --i80-app-side-nav-body-list-margin-vertical: 24px;
  --i80-app-side-nav-body-list-item-height: 36px;
  --i80-app-side-nav-body-list-item-padding-horizontal: 8px;
  --i80-app-side-nav-body-list-item-padding-vertical: 4px;
  --i80-app-side-nav-body-list-item-spacing-vertical: 2px;
  --i80-app-side-nav-body-list-item-content-spacing-horizontal: 8px;
  --i80-app-side-nav-body-list-item-border-radius: 5px;
  --i80-app-side-nav-color-foreground-primary: var(--i80-color-foreground-primary);
  --i80-app-side-nav-color-foreground-strong: var(--i80-color-foreground-primary);
  --i80-app-side-nav-color-foreground-faint: var(--i80-color-foreground-faint);
  --i80-app-side-nav-color-surface-primary: var(--i80-color-surface-faint);
  --i80-app-side-nav-color-surface-interactive-hover: var(--i80-color-surface-interactive-hover);
  --i80-app-side-nav-color-surface-interactive-active: var(--i80-color-palette-neutral-300);
  --i80-badge-count-padding-horizontal-small: 8px;
  --i80-badge-count-padding-horizontal-medium: 12px;
  --i80-badge-count-padding-horizontal-large: 14px;
  --i80-badge-height-small: 20px;
  --i80-badge-height-medium: 24px;
  --i80-badge-height-large: 32px;
  --i80-badge-padding-horizontal-small: 6px;
  --i80-badge-padding-horizontal-medium: 8px;
  --i80-badge-padding-horizontal-large: 8px;
  --i80-badge-padding-vertical-small: 2px;
  --i80-badge-padding-vertical-medium: 4px;
  --i80-badge-padding-vertical-large: 4px;
  --i80-badge-gap-small: 4px;
  --i80-badge-gap-medium: 4px;
  --i80-badge-gap-large: 6px;
  --i80-badge-typography-font-size-small: 0.8125rem;
  --i80-badge-typography-font-size-medium: 0.8125rem;
  --i80-badge-typography-font-size-large: 1rem;
  --i80-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */
  --i80-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */
  --i80-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */
  --i80-badge-foreground-color-neutral-filled: #3b3d45;
  --i80-badge-foreground-color-neutral-inverted: #ffffff;
  --i80-badge-foreground-color-neutral-outlined: #3b3d45;
  --i80-badge-foreground-color-neutral-dark-mode-filled: #ffffff;
  --i80-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45;
  --i80-badge-foreground-color-neutral-dark-mode-outlined: #ffffff;
  --i80-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */
  --i80-badge-foreground-color-highlight-inverted: #ffffff;
  --i80-badge-foreground-color-highlight-outlined: #a737ff;
  --i80-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */
  --i80-badge-foreground-color-success-inverted: #ffffff;
  --i80-badge-foreground-color-success-outlined: #008a22;
  --i80-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */
  --i80-badge-foreground-color-warning-inverted: #ffffff;
  --i80-badge-foreground-color-warning-outlined: #bb5a00;
  --i80-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */
  --i80-badge-foreground-color-critical-inverted: #ffffff;
  --i80-badge-foreground-color-critical-outlined: #e52228;
  --i80-badge-surface-color-neutral-filled: #dedfe3;
  --i80-badge-surface-color-neutral-inverted: #656a76;
  --i80-badge-surface-color-neutral-outlined: rgba(0, 0, 0, 0);
  --i80-badge-surface-color-neutral-dark-mode-filled: #656a76;
  --i80-badge-surface-color-neutral-dark-mode-inverted: #fafafa;
  --i80-badge-surface-color-neutral-dark-mode-outlined: rgba(0, 0, 0, 0);
  --i80-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */
  --i80-badge-surface-color-highlight-inverted: #a737ff;
  --i80-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */
  --i80-badge-surface-color-success-inverted: #008a22;
  --i80-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */
  --i80-badge-surface-color-warning-inverted: #bb5a00;
  --i80-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */
  --i80-badge-surface-color-critical-inverted: #e52228;
  --i80-badge-border-radius: 5px;
  --i80-badge-icon-size-small: 12px;
  --i80-badge-icon-size-medium: 16px;
  --i80-badge-icon-size-large: 16px;
  --i80-form-character-count-foreground-color: #656a76;
  --i80-form-character-count-typography-font-size: 0.8125rem;
  --i80-form-character-count-typography-line-height: 1.3846; /** The character-count line-height is the same as the helper-text as per design */
  --i80-form-label-color: #0c0c0e; /** deprecated: use `i80-form-label-foreground-color` instead */
  --i80-form-label-foreground-color: #0c0c0e;
  --i80-form-label-typography-font-size: 0.875rem;
  --i80-form-label-typography-font-weight: 600;
  --i80-form-label-typography-line-height: 1.4286;
  --i80-form-legend-color: #0c0c0e; /** deprecated: use `i80-form-legend-foreground-color` instead */
  --i80-form-legend-foreground-color: #0c0c0e;
  --i80-form-legend-typography-font-size: 0.875rem;
  --i80-form-legend-typography-font-weight: 600;
  --i80-form-legend-typography-line-height: 1.4286;
  --i80-form-helper-text-color: #656a76; /** deprecated: use `i80-form-helper-text-foreground-color` instead */
  --i80-form-helper-text-foreground-color: #656a76;
  --i80-form-helper-text-typography-font-size: 0.8125rem;
  --i80-form-helper-text-typography-line-height: 1.3846;
  --i80-form-indicator-optional-color: #656a76; /** deprecated: use `i80-form-indicator-optional-foreground-color` instead */
  --i80-form-indicator-optional-foreground-color: #656a76;
  --i80-form-indicator-optional-typography-font-size: 0.8125rem;
  --i80-form-indicator-optional-typography-line-height: 1.3846;
  --i80-form-error-color: #c00005; /** deprecated: use `i80-form-error-foreground-color` instead */
  --i80-form-error-foreground-color: #c00005;
  --i80-form-error-typography-font-size: 0.8125rem;
  --i80-form-error-typography-line-height: 1.3846;
  --i80-form-error-icon-size: 14px;
  --i80-form-checkbox-size: 16px;
  --i80-form-checkbox-border-radius: 3px;
  --i80-form-checkbox-border-width: 1px;
  --i80-form-checkbox-background-image-size: 12px;
  --i80-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! */
  --i80-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! */
  --i80-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! */
  --i80-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! */
  --i80-form-control-base-foreground-value-color: #0c0c0e;
  --i80-form-control-base-foreground-placeholder-color: #656a76;
  --i80-form-control-base-surface-color-default: #ffffff;
  --i80-form-control-base-surface-color-hover: #f1f2f3;
  --i80-form-control-base-border-color-default: #8c909c;
  --i80-form-control-base-border-color-hover: #656a76;
  --i80-form-control-checked-foreground-color: #ffffff;
  --i80-form-control-checked-surface-color-default: #1060ff;
  --i80-form-control-checked-surface-color-hover: #0c56e9;
  --i80-form-control-checked-border-color-default: #0c56e9;
  --i80-form-control-checked-border-color-hover: #0046d1;
  --i80-form-control-invalid-border-color-default: #c00005;
  --i80-form-control-invalid-border-color-hover: #940004;
  --i80-form-control-readonly-foreground-color: #3b3d45;
  --i80-form-control-readonly-surface-color: #f1f2f3;
  --i80-form-control-readonly-border-color: #656a761a;
  --i80-form-control-disabled-foreground-color: #8c909c;
  --i80-form-control-disabled-surface-color: #fafafa;
  --i80-form-control-disabled-border-color: #656a7633;
  --i80-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */
  --i80-form-control-border-radius: 5px;
  --i80-form-control-border-width: 1px;
  --i80-form-radio-size: 16px;
  --i80-form-radio-border-width: 1px;
  --i80-form-radio-background-image-size: 12px;
  --i80-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! */
  --i80-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! */
  --i80-form-radiocard-group-gap: 16px;
  --i80-form-radiocard-border-width: 1px;
  --i80-form-radiocard-border-radius: 6px;
  --i80-form-radiocard-content-padding: 24px;
  --i80-form-radiocard-control-padding: 8px;
  --i80-form-radiocard-transition-duration: 0.2s;
  --i80-form-select-background-image-size: 16px;
  --i80-form-select-background-image-position-right-x: 7px;
  --i80-form-select-background-image-position-top-y: 9px;
  --i80-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! */
  --i80-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! */
  --i80-form-text-input-background-image-size: 16px;
  --i80-form-text-input-background-image-position-x: 7px;
  --i80-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! */
  --i80-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! */
  --i80-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! */
  --i80-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! */
  --i80-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! */
  --i80-form-toggle-width: 32px;
  --i80-form-toggle-height: 16px;
  --i80-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */
  --i80-form-toggle-border-radius: 3px;
  --i80-form-toggle-border-width: 1px;
  --i80-form-toggle-background-image-size: 12px;
  --i80-form-toggle-background-image-position-x: 2px;
  --i80-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! */
  --i80-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! */
  --i80-form-toggle-transition-duration: 0.2s;
  --i80-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
  --i80-form-toggle-thumb-size: 16px;
  --i80-icon-tile-border-color-overlay: #656a7633;
  --i80-icon-tile-border-color-logo: #656a7633;
  --i80-icon-tile-surface-color-overlay: #ffffff;
  --i80-pagination-nav-control-height: 36px;
  --i80-pagination-nav-control-padding-horizontal: 12px;
  --i80-pagination-nav-control-focus-inset: 4px;
  --i80-pagination-nav-control-icon-spacing: 6px;
  --i80-pagination-nav-indicator-height: 2px;
  --i80-pagination-nav-indicator-spacing: 6px;
  --i80-pagination-child-spacing-vertical: 8px;
  --i80-pagination-child-spacing-horizontal: 20px;
  --i80-tabs-tab-height-medium: 36px;
  --i80-tabs-tab-height-large: 48px;
  --i80-tabs-tab-padding-horizontal-medium: 12px;
  --i80-tabs-tab-padding-horizontal-large: 20px;
  --i80-tabs-tab-padding-vertical: 0px;
  --i80-tabs-tab-border-radius: 5px;
  --i80-tabs-tab-focus-inset: 6px;
  --i80-tabs-tab-gutter: 6px;
  --i80-tabs-indicator-height: 3px;
  --i80-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1);
  --i80-tabs-indicator-transition-duration: 0.6s;
  --i80-tabs-divider-height: 1px;
  --i80-tooltip-border-radius: 5px;
  --i80-tooltip-color-foreground-primary: var(--i80-color-foreground-high-contrast);
  --i80-tooltip-color-surface-primary: var(--i80-color-palette-neutral-700);
  --i80-tooltip-focus-offset: -2px;
  --i80-tooltip-max-width: 280px;
  --i80-tooltip-padding-horizontal: 12px;
  --i80-tooltip-padding-vertical: 8px;
  --i80-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  --i80-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
  --i80-typography-font-weight-regular: 400;
  --i80-typography-font-weight-medium: 500;
  --i80-typography-font-weight-semibold: 600;
  --i80-typography-font-weight-bold: 700;
  --i80-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */
  --i80-typography-display-500-line-height: 1.2666; /** 38px */
  --i80-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */
  --i80-typography-display-400-line-height: 1.3333; /** 32px */
  --i80-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */
  --i80-typography-display-300-line-height: 1.3333; /** 24px */
  --i80-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */
  --i80-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-display-200-font-size: 1rem; /** 16px/1rem */
  --i80-typography-display-200-line-height: 1.5; /** 24px */
  --i80-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */
  --i80-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --i80-typography-display-100-line-height: 1.3846; /** 18px */
  --i80-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-body-300-font-size: 1rem; /** 16px/1rem */
  --i80-typography-body-300-line-height: 1.5; /** 24px */
  --i80-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */
  --i80-typography-body-200-line-height: 1.4286; /** 20px */
  --i80-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --i80-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --i80-typography-body-100-line-height: 1.3846; /** 18px */
  --i80-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace;
  --i80-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --i80-typography-code-100-line-height: 1.23; /** 16px */
  --i80-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace;
  --i80-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */
  --i80-typography-code-200-line-height: 1.125; /** 18px */
  --i80-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace;
  --i80-typography-code-300-font-size: 1rem; /** 16px/1rem */
  --i80-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.
 */
.i80-border-primary {
  border: 1px solid var(--i80-color-border-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-typography-code-300 {
  font-family: var(--i80-typography-code-300-font-family);
  font-size: var(--i80-typography-code-300-font-size);
  line-height: var(--i80-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
 */
.i80-accordion {
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

.i80-accordion-item__button--parent-contains-interactive {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--i80-typography-font-weight-regular);
  font-family: var(--i80-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--i80-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.i80-accordion-item__button--parent-contains-interactive:focus, .i80-accordion-item__button--parent-contains-interactive.mock-focus {
  box-shadow: none;
}
.i80-accordion-item__button--parent-contains-interactive:focus::before, .i80-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(--i80-border-radius-small) + 3px);
  content: "";
}
.i80-accordion-item__button--parent-contains-interactive {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-color-border-strong);
  box-shadow: var(--i80-elevation-low-box-shadow);
}
.i80-accordion-item__button--parent-contains-interactive:hover, .i80-accordion-item__button--parent-contains-interactive.mock-hover {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-primary);
  border-color: var(--i80-color-border-strong);
  cursor: pointer;
}
.i80-accordion-item__button--parent-contains-interactive:focus, .i80-accordion-item__button--parent-contains-interactive.mock-focus {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-color-focus-action-internal);
}
.i80-accordion-item__button--parent-contains-interactive:focus::before, .i80-accordion-item__button--parent-contains-interactive.mock-focus::before {
  border-color: var(--i80-color-focus-action-external);
}
.i80-accordion-item__button--parent-contains-interactive:active, .i80-accordion-item__button--parent-contains-interactive.mock-active {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-interactive-active);
  border-color: var(--i80-color-border-strong);
  box-shadow: none;
}
.i80-accordion-item__button--parent-contains-interactive:active::before, .i80-accordion-item__button--parent-contains-interactive.mock-active::before {
  border-color: transparent;
}

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

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

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

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

.i80-accordion-item--type-flush .i80-accordion-item__content:has(> .i80-accordion--type-flush) {
  padding: 0 var(--i80-accordion-item-content-padding-right) 0 var(--i80-accordion-item-content-padding-left);
  border-top: 1px solid var(--i80-color-border-primary);
}
.i80-accordion-item--type-flush .i80-accordion-item__content:has(> .i80-accordion--type-flush) .i80-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
 */
.i80-advanced-table__container {
  position: relative;
  display: grid;
  align-items: start;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--i80-border-radius-medium);
}
.i80-advanced-table__container.i80-advanced-table__container--header-is-pinned {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

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

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

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

.i80-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;
}
.i80-advanced-table__th-reorder-handle .i80-advanced-table__th-reorder-handle__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 16px;
  color: var(--i80-color-foreground-faint);
  background-color: var(--i80-color-surface-interactive);
  border: 1px solid var(--i80-color-border-primary);
  border-radius: var(--i80-border-radius-small);
  box-shadow: var(--i80-elevation-low-box-shadow);
}
.i80-advanced-table__th-reorder-handle .i80-icon {
  width: 12px;
  height: 12px;
}
.i80-advanced-table__th-reorder-handle:hover, .i80-advanced-table__th-reorder-handle.mock-hover {
  cursor: grab;
}
.i80-advanced-table__th-reorder-handle:hover .i80-advanced-table__th-reorder-handle__inner, .i80-advanced-table__th-reorder-handle.mock-hover .i80-advanced-table__th-reorder-handle__inner {
  background-color: var(--i80-color-surface-interactive-hover);
}
.i80-advanced-table__th-reorder-handle:active, .i80-advanced-table__th-reorder-handle.mock-active {
  cursor: grabbing;
}
.i80-advanced-table__th-reorder-handle:active .i80-advanced-table__th-reorder-handle__inner, .i80-advanced-table__th-reorder-handle.mock-active .i80-advanced-table__th-reorder-handle__inner {
  background-color: var(--i80-color-surface-interactive-hover);
}
.i80-advanced-table__th-reorder-handle:focus, .i80-advanced-table__th-reorder-handle.mock-focus {
  position: absolute;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.i80-advanced-table__th-reorder-handle:focus::before, .i80-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: "";
}
.i80-advanced-table__th-reorder-handle:focus:focus::before, .i80-advanced-table__th-reorder-handle:focus.mock-focus::before, .i80-advanced-table__th-reorder-handle.mock-focus:focus::before, .i80-advanced-table__th-reorder-handle.mock-focus.mock-focus::before {
  box-shadow: var(--i80-focus-ring-action-box-shadow);
}
.i80-advanced-table__th-reorder-handle:focus:focus:active::before, .i80-advanced-table__th-reorder-handle:focus.mock-focus.mock-active::before, .i80-advanced-table__th-reorder-handle.mock-focus:focus:active::before, .i80-advanced-table__th-reorder-handle.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}
.i80-advanced-table__th-reorder-handle:focus .i80-advanced-table__th-reorder-handle__inner, .i80-advanced-table__th-reorder-handle.mock-focus .i80-advanced-table__th-reorder-handle__inner {
  background-color: var(--i80-color-surface-interactive);
}

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

.i80-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(--i80-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
}
.i80-advanced-table__th-button:hover, .i80-advanced-table__th-button.mock-hover {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-interactive);
  border-color: var(--i80-color-border-strong);
  box-shadow: var(--i80-elevation-low-box-shadow);
  cursor: pointer;
}
.i80-advanced-table__th-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.i80-advanced-table__th-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
}
.i80-advanced-table__th-button:focus::before, .i80-advanced-table__th-button.mock-focus::before {
  box-shadow: var(--i80-focus-ring-action-box-shadow);
}
.i80-advanced-table__th-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.i80-advanced-table__th-button:focus-visible::before {
  box-shadow: var(--i80-focus-ring-action-box-shadow);
}
.i80-advanced-table__th-button:focus:active::before, .i80-advanced-table__th-button.mock-focus.mock-active::before {
  box-shadow: none;
}
.i80-advanced-table__th-button:active, .i80-advanced-table__th-button.mock-active {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-interactive-active);
  border-color: var(--i80-color-border-strong);
  box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

.i80-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%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.i80-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);
}

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

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

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

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

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

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

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

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

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

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

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

.i80-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
 */
.i80-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;
}

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

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

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

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

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

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

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

.i80-app-header__actions-content,
.i80-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 {
  --i80-app-side-nav-width-minimized: 16px;
  --i80-app-side-nav-width-expanded: 280px;
  --i80-app-side-nav-width-fixed: var(--i80-app-side-nav-width-expanded);
  --i80-app-side-nav-animation-duration: 200ms;
  --i80-app-side-nav-animation-delay: var(--i80-app-side-nav-animation-duration);
  --i80-app-side-nav-animation-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --i80-app-side-nav-toggle-button-width: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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(--i80-color-foreground-strong);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-breadcrumb__truncation-content {
  position: relative;
  width: max-content;
  max-width: 200px;
  padding: 6px 12px;
  background-color: var(--i80-color-surface-primary);
  border-radius: var(--i80-border-radius-medium);
  box-shadow: var(--i80-surface-high-box-shadow);
}
:where(.i80-breadcrumb__truncation-content[popover]) {
  width: 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
 */
.i80-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--i80-typography-font-weight-regular);
  font-family: var(--i80-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--i80-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
a.i80-button {
  width: fit-content;
}
a.i80-button:hover, a.i80-button:focus, a.i80-button:active, a.i80-button.mock-hover, a.i80-button.mock-focus, a.i80-button.mock-active {
  text-decoration: underline;
}

.i80-button:disabled, .i80-button[disabled], .i80-button.mock-disabled, .i80-button:disabled:focus, .i80-button[disabled]:focus, .i80-button.mock-disabled:focus, .i80-button:disabled:hover, .i80-button[disabled]:hover, .i80-button.mock-disabled:hover {
  color: var(--i80-color-foreground-disabled);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}
.i80-button.i80-button--width-full {
  width: 100%;
  max-width: 100%;
}
.i80-button.i80-button--width-full .i80-button__text {
  flex: 0 0 auto;
}
.i80-button:focus, .i80-button.mock-focus {
  box-shadow: none;
}
.i80-button:focus::before, .i80-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(--i80-border-radius-small) + 3px);
  content: "";
}

.i80-button__icon {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.i80-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
 */
.i80-card__container {
  position: relative;
  background-color: #fff;
  border-radius: var(--i80-border-radius-medium);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-code-block {
  position: relative;
  color: var(--i80-code-block-color-foreground-primary);
  background-color: var(--i80-code-block-color-surface-primary);
  border: 1px solid var(--i80-code-block-color-border-strong);
}
.i80-code-block pre,
.i80-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;
  tab-size: 4;
  hyphens: none;
}
@media print {
  .i80-code-block pre,
  .i80-code-block code {
    text-shadow: none;
  }
}

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

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

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

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

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

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

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

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

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

.i80-code-block.line-numbers {
  counter-reset: linenumber;
}
.i80-code-block.line-numbers .i80-code-block__code {
  position: relative;
  padding-left: calc(49px + 16px);
}
.i80-code-block.line-numbers .i80-code-block__code code {
  position: static;
}
.i80-code-block.line-numbers .i80-code-block__overlay-footer {
  margin-left: 49px;
}
.i80-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(--i80-code-block-color-border-primary);
  user-select: none;
  pointer-events: none;
}
.i80-code-block.line-numbers .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}
.i80-code-block.line-numbers .line-numbers-rows > span::before {
  display: block;
  padding-right: 16px;
  text-align: right;
  content: counter(linenumber);
}
.i80-code-block.line-numbers .line-highlight {
  left: 0;
}
.i80-code-block .line-highlight {
  position: absolute;
  right: 0;
  left: -16px;
  background-color: var(--i80-code-block-color-line-highlight);
  border: solid var(--i80-code-block-color-line-highlight-border);
  border-width: 1px 0 1px 4px;
  mix-blend-mode: screen;
  pointer-events: none;
}
@media print {
  .i80-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;
  }
}
.i80-code-block .token.bold {
  font-weight: bold;
}
.i80-code-block .token.italic {
  font-style: italic;
}

.i80-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;
}
.i80-code-block__overlay-footer > * {
  pointer-events: auto;
}

.i80-code-block--has-overlay-footer .i80-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;
}
.i80-code-block--has-overlay-footer .line-numbers .line-numbers-rows {
  padding-bottom: 48px;
}
.i80-code-block--has-overlay-footer .line-numbers-rows {
  z-index: 1;
  isolation: isolate;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-dropdown-toggle-icon {
  position: relative;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  padding: 1px;
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-faint);
  border: 1px solid var(--i80-color-border-strong);
  border-radius: var(--i80-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.i80-dropdown-toggle-icon:hover, .i80-dropdown-toggle-icon.mock-hover {
  background-color: var(--i80-color-surface-interactive);
  cursor: pointer;
}
.i80-dropdown-toggle-icon:focus, .i80-dropdown-toggle-icon.mock-focus {
  box-shadow: none;
}
.i80-dropdown-toggle-icon:focus::before, .i80-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(--i80-border-radius-small) + 3px);
  content: "";
}
.i80-dropdown-toggle-icon:focus, .i80-dropdown-toggle-icon.mock-focus {
  border-color: var(--i80-color-focus-action-internal);
}
.i80-dropdown-toggle-icon:focus::before, .i80-dropdown-toggle-icon.mock-focus::before {
  border-color: var(--i80-color-focus-action-external);
}
.i80-dropdown-toggle-icon:active, .i80-dropdown-toggle-icon.mock-active {
  background-color: var(--i80-color-surface-interactive-active);
  border-color: var(--i80-color-border-strong);
}
.i80-dropdown-toggle-icon:active::before, .i80-dropdown-toggle-icon.mock-active::before {
  border-color: transparent;
}
.i80-dropdown-toggle-icon:disabled, .i80-dropdown-toggle-icon.mock-disabled {
  color: var(--i80-color-foreground-disabled);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

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

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

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

.i80-dropdown-toggle-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--i80-typography-font-weight-regular);
  font-family: var(--i80-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--i80-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}
.i80-dropdown-toggle-button:focus, .i80-dropdown-toggle-button.mock-focus {
  box-shadow: none;
}
.i80-dropdown-toggle-button:focus::before, .i80-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(--i80-border-radius-small) + 3px);
  content: "";
}
.i80-dropdown-toggle-button:disabled, .i80-dropdown-toggle-button.mock-disabled, .i80-dropdown-toggle-button:disabled:focus, .i80-dropdown-toggle-button.mock-disabled:focus, .i80-dropdown-toggle-button:disabled:hover, .i80-dropdown-toggle-button.mock-disabled:hover {
  color: var(--i80-color-foreground-disabled);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}
.i80-dropdown-toggle-button:disabled .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button:disabled .i80-dropdown-toggle-button__count, .i80-dropdown-toggle-button.mock-disabled .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button.mock-disabled .i80-dropdown-toggle-button__count, .i80-dropdown-toggle-button:disabled:focus .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button:disabled:focus .i80-dropdown-toggle-button__count, .i80-dropdown-toggle-button.mock-disabled:focus .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button.mock-disabled:focus .i80-dropdown-toggle-button__count, .i80-dropdown-toggle-button:disabled:hover .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button:disabled:hover .i80-dropdown-toggle-button__count, .i80-dropdown-toggle-button.mock-disabled:hover .i80-dropdown-toggle-button__badge,
.i80-dropdown-toggle-button.mock-disabled:hover .i80-dropdown-toggle-button__count {
  color: var(--i80-color-foreground-primary);
  background-color: var(--i80-color-surface-strong);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-dropdown-list-item--variant-interactive,
.i80-dropdown-list-item--variant-checkmark {
  position: relative;
  min-height: 36px;
  isolation: isolate;
}
.i80-dropdown-list-item--variant-interactive button,
.i80-dropdown-list-item--variant-checkmark button {
  width: 100%;
  background-color: transparent;
}
.i80-dropdown-list-item--variant-interactive button:hover,
.i80-dropdown-list-item--variant-checkmark button:hover {
  cursor: pointer;
}
.i80-dropdown-list-item--variant-interactive a,
.i80-dropdown-list-item--variant-interactive button,
.i80-dropdown-list-item--variant-checkmark a,
.i80-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;
}
.i80-dropdown-list-item--variant-interactive a::before,
.i80-dropdown-list-item--variant-interactive button::before,
.i80-dropdown-list-item--variant-checkmark a::before,
.i80-dropdown-list-item--variant-checkmark button::before {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 4px;
  z-index: -1;
  width: 2px;
  border-radius: 1px;
  content: "";
}
.i80-dropdown-list-item--variant-interactive a::after,
.i80-dropdown-list-item--variant-interactive button::after,
.i80-dropdown-list-item--variant-checkmark a::after,
.i80-dropdown-list-item--variant-checkmark button::after {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 10px;
  z-index: -1;
  border-radius: var(--i80-border-radius-small);
  content: "";
}
.i80-dropdown-list-item--variant-interactive a:hover, .i80-dropdown-list-item--variant-interactive a.mock-hover,
.i80-dropdown-list-item--variant-interactive button:hover,
.i80-dropdown-list-item--variant-interactive button.mock-hover,
.i80-dropdown-list-item--variant-checkmark a:hover,
.i80-dropdown-list-item--variant-checkmark a.mock-hover,
.i80-dropdown-list-item--variant-checkmark button:hover,
.i80-dropdown-list-item--variant-checkmark button.mock-hover {
  color: var(--current-color-hover);
}
.i80-dropdown-list-item--variant-interactive a:hover::before, .i80-dropdown-list-item--variant-interactive a.mock-hover::before,
.i80-dropdown-list-item--variant-interactive button:hover::before,
.i80-dropdown-list-item--variant-interactive button.mock-hover::before,
.i80-dropdown-list-item--variant-checkmark a:hover::before,
.i80-dropdown-list-item--variant-checkmark a.mock-hover::before,
.i80-dropdown-list-item--variant-checkmark button:hover::before,
.i80-dropdown-list-item--variant-checkmark button.mock-hover::before {
  background-color: currentColor;
}
.i80-dropdown-list-item--variant-interactive a:focus, .i80-dropdown-list-item--variant-interactive a.mock-focus,
.i80-dropdown-list-item--variant-interactive button:focus,
.i80-dropdown-list-item--variant-interactive button.mock-focus,
.i80-dropdown-list-item--variant-checkmark a:focus,
.i80-dropdown-list-item--variant-checkmark a.mock-focus,
.i80-dropdown-list-item--variant-checkmark button:focus,
.i80-dropdown-list-item--variant-checkmark button.mock-focus {
  color: var(--current-color-focus);
}
.i80-dropdown-list-item--variant-interactive a:focus::after, .i80-dropdown-list-item--variant-interactive a.mock-focus::after,
.i80-dropdown-list-item--variant-interactive button:focus::after,
.i80-dropdown-list-item--variant-interactive button.mock-focus::after,
.i80-dropdown-list-item--variant-checkmark a:focus::after,
.i80-dropdown-list-item--variant-checkmark a.mock-focus::after,
.i80-dropdown-list-item--variant-checkmark button:focus::after,
.i80-dropdown-list-item--variant-checkmark button.mock-focus::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}
.i80-dropdown-list-item--variant-interactive a:focus:not(:focus-visible)::after,
.i80-dropdown-list-item--variant-interactive button:focus:not(:focus-visible)::after,
.i80-dropdown-list-item--variant-checkmark a:focus:not(:focus-visible)::after,
.i80-dropdown-list-item--variant-checkmark button:focus:not(:focus-visible)::after {
  background-color: transparent;
  box-shadow: none;
}
.i80-dropdown-list-item--variant-interactive a:focus-visible,
.i80-dropdown-list-item--variant-interactive button:focus-visible,
.i80-dropdown-list-item--variant-checkmark a:focus-visible,
.i80-dropdown-list-item--variant-checkmark button:focus-visible {
  color: var(--current-color-focus);
}
.i80-dropdown-list-item--variant-interactive a:focus-visible::after,
.i80-dropdown-list-item--variant-interactive button:focus-visible::after,
.i80-dropdown-list-item--variant-checkmark a:focus-visible::after,
.i80-dropdown-list-item--variant-checkmark button:focus-visible::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}
.i80-dropdown-list-item--variant-interactive a:focus:active::after, .i80-dropdown-list-item--variant-interactive a:focus-visible:active::after, .i80-dropdown-list-item--variant-interactive a.mock-focus.mock-active::after,
.i80-dropdown-list-item--variant-interactive button:focus:active::after,
.i80-dropdown-list-item--variant-interactive button:focus-visible:active::after,
.i80-dropdown-list-item--variant-interactive button.mock-focus.mock-active::after,
.i80-dropdown-list-item--variant-checkmark a:focus:active::after,
.i80-dropdown-list-item--variant-checkmark a:focus-visible:active::after,
.i80-dropdown-list-item--variant-checkmark a.mock-focus.mock-active::after,
.i80-dropdown-list-item--variant-checkmark button:focus:active::after,
.i80-dropdown-list-item--variant-checkmark button:focus-visible:active::after,
.i80-dropdown-list-item--variant-checkmark button.mock-focus.mock-active::after {
  left: 10px;
  background-color: var(--current-background-color);
  box-shadow: none;
}
.i80-dropdown-list-item--variant-interactive a:active, .i80-dropdown-list-item--variant-interactive a.mock-active,
.i80-dropdown-list-item--variant-interactive button:active,
.i80-dropdown-list-item--variant-interactive button.mock-active,
.i80-dropdown-list-item--variant-checkmark a:active,
.i80-dropdown-list-item--variant-checkmark a.mock-active,
.i80-dropdown-list-item--variant-checkmark button:active,
.i80-dropdown-list-item--variant-checkmark button.mock-active {
  color: var(--current-color-active);
}
.i80-dropdown-list-item--variant-interactive a:active::before, .i80-dropdown-list-item--variant-interactive a.mock-active::before,
.i80-dropdown-list-item--variant-interactive button:active::before,
.i80-dropdown-list-item--variant-interactive button.mock-active::before,
.i80-dropdown-list-item--variant-checkmark a:active::before,
.i80-dropdown-list-item--variant-checkmark a.mock-active::before,
.i80-dropdown-list-item--variant-checkmark button:active::before,
.i80-dropdown-list-item--variant-checkmark button.mock-active::before {
  background-color: currentColor;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-filter-bar__actions__left {
  display: contents;
}
.i80-filter-bar__actions__left > :last-child {
  margin-right: auto;
}

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

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

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

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

.i80-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(--i80-color-surface-faint);
  border-right: 1px solid var(--i80-color-border-primary);
  border-top-left-radius: var(--i80-border-radius-medium);
}

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

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

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

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

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

.i80-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(--i80-color-surface-primary);
  border-top-right-radius: var(--i80-border-radius-medium);
}

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

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

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

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

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

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

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

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

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

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

.i80-flyout--size-large {
  width: min(720px, calc(100vw - var(--i80-app-side-nav-width-minimized) / 2));
  max-width: calc(100vw - var(--i80-app-side-nav-width-minimized) / 2);
}
.i80-flyout--size-large[open] {
  margin-left: calc(100% - min(720px, calc(100vw - var(--i80-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
 */
.i80-form {
  --i80-form-section-max-width: 672px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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;
}
.i80-form-field--layout-flag .i80-form-field__label {
  grid-area: label;
  width: fit-content;
}
.i80-form-field--layout-flag .i80-form-field__helper-text {
  grid-area: helper-text;
  margin-top: 4px;
}
.i80-form-field--layout-flag .i80-form-field__control {
  display: flex;
  grid-area: control;
}
.i80-form-field--layout-flag .i80-form-field__control:not(:only-child) {
  margin-top: 2px;
  margin-right: 8px;
}
.i80-form-field--layout-flag .i80-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
 */
.i80-form-file-input {
  width: 100%;
  margin: -4px 0 -4px -4px;
  padding: 3px 0 3px 3px;
  color: var(--i80-color-foreground-primary);
}
.i80-form-file-input:focus, .i80-form-file-input:focus-visible {
  outline: none;
}

.i80-form-file-input::file-selector-button {
  min-height: 36px;
  margin-right: 16px;
  padding: 7px 16px 7px 37px;
  color: var(--i80-color-foreground-primary);
  font: inherit;
  background-color: var(--i80-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(--i80-form-text-input-background-image-size);
  border: 1px solid var(--i80-color-border-strong);
  border-radius: var(--i80-border-radius-small);
  box-shadow: var(--i80-elevation-low-box-shadow);
  cursor: pointer;
}

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

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

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

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

.i80-form-file-input:disabled, .i80-form-file-input[disabled], .i80-form-file-input.mock-disabled, .i80-form-file-input:disabled:focus, .i80-form-file-input[disabled]:focus, .i80-form-file-input.mock-disabled:focus, .i80-form-file-input:disabled:hover, .i80-form-file-input[disabled]:hover, .i80-form-file-input.mock-disabled:hover {
  color: var(--i80-color-foreground-disabled);
}
.i80-form-file-input:disabled::file-selector-button, .i80-form-file-input[disabled]::file-selector-button, .i80-form-file-input.mock-disabled::file-selector-button, .i80-form-file-input:disabled:focus::file-selector-button, .i80-form-file-input[disabled]:focus::file-selector-button, .i80-form-file-input.mock-disabled:focus::file-selector-button, .i80-form-file-input:disabled:hover::file-selector-button, .i80-form-file-input[disabled]:hover::file-selector-button, .i80-form-file-input.mock-disabled:hover::file-selector-button {
  color: var(--i80-color-foreground-disabled);
  background-color: var(--i80-color-surface-faint);
  border-color: var(--i80-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, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.i80-form-legend {
  display: block;
  padding: 0;
  color: var(--i80-form-legend-foreground-color);
  font-weight: var(--i80-form-legend-typography-font-weight);
  font-size: var(--i80-form-legend-typography-font-size);
  font-family: var(--i80-typography-font-stack-text);
  line-height: var(--i80-form-legend-typography-line-height);
}
.i80-form-legend .i80-badge {
  vertical-align: initial;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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
 */
.i80-form-radio {
  width: var(--i80-form-radio-size);
  height: var(--i80-form-radio-size);
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: var(--i80-form-radio-background-image-size) var(--i80-form-radio-background-image-size);
  border-style: solid;
  border-width: var(--i80-form-radio-border-width);
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
}
.i80-form-radio:not(:checked) {
  background-color: var(--i80-form-control-base-surface-color-default);
  border-color: var(--i80-form-control-base-border-color-default);
  box-shadow: var(--i80-elevation-inset-box-shadow);
}
.i80-form-radio:checked {
  background-color: var(--i80-form-control-checked-surface-color-default);
  background-image: var(--i80-form-radio-background-image-data-url);
  border-color: var(--i80-form-control-checked-border-color-default);
}
.i80-form-radio:hover:not(:checked), .i80-form-radio.mock-hover:not(:checked) {
  background-color: var(--i80-form-control-base-surface-color-hover);
  border-color: var(--i80-form-control-base-border-color-hover);
}
.i80-form-radio:hover:checked, .i80-form-radio.mock-hover:checked {
  background-color: var(--i80-form-control-checked-border-color-default);
  border-color: var(--i80-form-control-checked-border-color-hover);
}
.i80-form-radio:focus, .i80-form-radio.mock-focus {
  outline: 3px solid var(--i80-color-focus-action-external);
  outline-offset: 1px;
}
.i80-form-radio:disabled:not(:checked) {
  background-color: var(--i80-form-control-disabled-surface-color);
  border-color: var(--i80-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.i80-form-radio:disabled:checked {
  background-color: var(--i80-form-control-disabled-surface-color);
  background-image: var(--i80-form-radio-background-image-data-url-disabled);
  border-color: var(--i80-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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;
  appearance: none;
}
.i80-form-toggle__control:disabled {
  cursor: not-allowed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-icon-tile--logo {
  background-color: var(--i80-color-surface-primary);
  border-color: var(--i80-icon-tile-border-color-logo);
}
.i80-icon-tile--logo.i80-icon-tile--color-coral {
  color: var(--i80-color-brand-coral-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-pink {
  color: var(--i80-color-brand-pink-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-green {
  color: var(--i80-color-brand-green-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-sky {
  color: var(--i80-color-brand-sky-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-purple {
  color: var(--i80-color-brand-purple-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-blue {
  color: var(--i80-color-brand-blue-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-yellow {
  color: var(--i80-color-brand-yellow-brand);
}
.i80-icon-tile--logo.i80-icon-tile--color-teal {
  color: var(--i80-color-brand-teal-brand);
}

.i80-icon-tile--icon.i80-icon-tile--color-neutral {
  color: var(--i80-color-foreground-faint);
  background-color: var(--i80-color-surface-strong);
}
.i80-icon-tile--icon.i80-icon-tile--color-coral {
  color: var(--i80-color-brand-coral-foreground);
  background-color: var(--i80-color-brand-coral-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-pink {
  color: var(--i80-color-brand-pink-foreground);
  background-color: var(--i80-color-brand-pink-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-green {
  color: var(--i80-color-brand-green-foreground);
  background-color: var(--i80-color-brand-green-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-sky {
  color: var(--i80-color-brand-sky-foreground);
  background-color: var(--i80-color-brand-sky-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-purple {
  color: var(--i80-color-brand-purple-foreground);
  background-color: var(--i80-color-brand-purple-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-blue {
  color: var(--i80-color-brand-blue-foreground);
  background-color: var(--i80-color-brand-blue-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-yellow {
  color: var(--i80-color-brand-yellow-foreground);
  background-color: var(--i80-color-brand-yellow-surface);
}
.i80-icon-tile--icon.i80-icon-tile--color-teal {
  color: var(--i80-color-brand-teal-foreground);
  background-color: var(--i80-color-brand-teal-surface);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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
 */
.i80-layout-grid {
  --i80-layout-grid-column-min-width: 0px;
  --i80-layout-grid-column-fill-type: auto-fit;
  display: grid;
  grid-template-columns: repeat(var(--i80-layout-grid-column-fill-type), minmax(calc(var(--i80-layout-grid-column-min-width) - var(--i80-layout-grid-column-gap)), 1fr));
  gap: var(--i80-layout-grid-row-gap) var(--i80-layout-grid-column-gap);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1920px) {
  .i80-layout-grid--row-span-view-xxl {
    --i80-layout-grid-row-span: var(--i80-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
 */
.i80-link-inline {
  border-radius: 2px;
}
.i80-link-inline:focus, .i80-link-inline.mock-focus, .i80-link-inline:focus-visible {
  text-decoration: none;
  outline: 2px solid var(--i80-color-focus-action-internal);
  outline-offset: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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
 */
.i80-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) {
  .i80-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.i80-pagination .i80-pagination-info {
  grid-area: info;
  justify-self: flex-start;
  margin-right: var(--i80-pagination-child-spacing-horizontal);
}
@media screen and (max-width: 1087.98px) {
  .i80-pagination .i80-pagination-info {
    margin-top: var(--i80-pagination-child-spacing-vertical);
    margin-left: var(--i80-pagination-child-spacing-horizontal);
  }
}
.i80-pagination .i80-pagination-nav {
  grid-area: nav;
}
@media screen and (max-width: 1087.98px) {
  .i80-pagination .i80-pagination-nav {
    justify-content: center;
    order: -1;
    width: 100%;
  }
}
.i80-pagination .i80-pagination-size-selector {
  grid-area: selector;
  justify-self: flex-end;
  margin-left: var(--i80-pagination-child-spacing-horizontal);
}
@media screen and (max-width: 1087.98px) {
  .i80-pagination .i80-pagination-size-selector {
    margin-top: var(--i80-pagination-child-spacing-vertical);
    margin-right: var(--i80-pagination-child-spacing-horizontal);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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;
}
.i80-rich-tooltip__bubble-arrow[data-i80-anchored-arrow-placement^=top] {
  bottom: -20px;
  transform: rotate(180deg);
}
.i80-rich-tooltip__bubble-arrow[data-i80-anchored-arrow-placement^=right] {
  left: -20px;
  transform: rotate(-90deg);
}
.i80-rich-tooltip__bubble-arrow[data-i80-anchored-arrow-placement^=bottom] {
  top: -20px;
  transform: rotate(0deg);
}
.i80-rich-tooltip__bubble-arrow[data-i80-anchored-arrow-placement^=left] {
  right: -20px;
  transform: rotate(90deg);
}

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

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

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

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

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

.i80-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
 */
.i80-stepper-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

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

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

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

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

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

.i80-stepper-list__step:not(:last-of-type).i80-stepper-list__step--complete .i80-stepper-list__step-progress::after {
  height: calc(100% + 16px - 4px);
}
.i80-stepper-list__step:not(:last-of-type, :first-of-type).i80-stepper-list__step--complete .i80-stepper-list__step-progress::after {
  top: -4px;
  height: calc(100% + 16px);
}
.i80-stepper-list__step:not(:first-of-type):last-of-type.i80-stepper-list__step--complete .i80-stepper-list__step-progress::after {
  position: absolute;
  top: -4px;
  left: 11px;
  z-index: -1;
  width: 2px;
  height: 6px;
  background-color: var(--i80-color-palette-neutral-700);
  content: "";
}
.i80-stepper-list__step.i80-stepper-list__step--complete:has(+ :not(.i80-stepper-list__step--complete)) .i80-stepper-list__step-progress::after {
  border-radius: 0 0 var(--i80-border-radius-x-small) var(--i80-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
 */
.i80-stepper-indicator-step {
  position: relative;
  width: 24px;
  height: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i80-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(--i80-tabs-indicator-height);
  background-color: var(--i80-color-foreground-action);
  border-radius: var(--i80-tabs-indicator-height);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .i80-tabs__tab-indicator {
    transition-timing-function: var(--i80-tabs-indicator-transition-function);
    transition-duration: var(--i80-tabs-indicator-transition-duration);
    transition-property: left, width;
  }
}

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

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

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

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

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

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

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

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

.i80-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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