:root, :host {
  --clio-color-white: #FFFFFF;
  --clio-color-black: #000000;
  --clio-color-transparent: transparent;
  --clio-color-grey-50: #FAFAFA;
  --clio-color-grey-100: #F6F6F6;
  --clio-color-grey-150: #F1F1F1;
  --clio-color-grey-200: #ECECEC;
  --clio-color-grey-300: #D8D8D8;
  --clio-color-grey-400: #B4B4B4;
  --clio-color-grey-500: #949494;
  --clio-color-grey-600: #7D7D7D;
  --clio-color-grey-700: #626262;
  --clio-color-grey-800: #4C4C4C;
  --clio-color-grey-900: #383838;
  --clio-color-grey-1000: #262626;
  --clio-color-grey-1050: #1D1D1D;
  --clio-color-grey-1100: #151515;
  --clio-color-red-100: #FFF1EF;
  --clio-color-red-200: #FFDFDB;
  --clio-color-red-300: #FFC4BD;
  --clio-color-red-400: #FFA59A;
  --clio-color-red-500: #F46E63;
  --clio-color-red-600: #F13E39;
  --clio-color-red-700: #D2151E;
  --clio-color-red-800: #B90414;
  --clio-color-red-900: #8F030D;
  --clio-color-red-1000: #6C0207;
  --clio-color-red-1100: #3D0102;
  --clio-color-orange-100: #FFFAEB;
  --clio-color-orange-200: #FFECC4;
  --clio-color-orange-300: #F9D596;
  --clio-color-orange-400: #F4BC6F;
  --clio-color-orange-500: #F29838;
  --clio-color-orange-600: #E07112;
  --clio-color-orange-700: #C24E00;
  --clio-color-orange-800: #B53E00;
  --clio-color-orange-900: #912900;
  --clio-color-orange-1000: #641700;
  --clio-color-orange-1100: #330800;
  --clio-color-yellow-100: #FFFDF2;
  --clio-color-yellow-200: #FBF3C8;
  --clio-color-yellow-300: #F4E69D;
  --clio-color-yellow-400: #EBD673;
  --clio-color-yellow-500: #DDC34B;
  --clio-color-yellow-600: #C79C24;
  --clio-color-yellow-700: #9E6900;
  --clio-color-yellow-800: #804F00;
  --clio-color-yellow-900: #573100;
  --clio-color-yellow-1000: #422300;
  --clio-color-yellow-1100: #2E1600;
  --clio-color-green-100: #E6FFF3;
  --clio-color-green-200: #ADF4D4;
  --clio-color-green-300: #72DEB3;
  --clio-color-green-400: #3ACD9A;
  --clio-color-green-500: #00A879;
  --clio-color-green-600: #00986E;
  --clio-color-green-700: #00805C;
  --clio-color-green-800: #006C4D;
  --clio-color-green-900: #00573D;
  --clio-color-green-1000: #00402C;
  --clio-color-green-1100: #002B1C;
  --clio-color-teal-100: #F5FDFF;
  --clio-color-teal-200: #D6F7FF;
  --clio-color-teal-300: #B8F2FF;
  --clio-color-teal-400: #95DFF0;
  --clio-color-teal-500: #4BC2DD;
  --clio-color-teal-600: #0CA0C2;
  --clio-color-teal-700: #00819E;
  --clio-color-teal-800: #006278;
  --clio-color-teal-900: #004B5C;
  --clio-color-teal-1000: #003A47;
  --clio-color-teal-1100: #002229;
  --clio-color-blue-100: #EFF6FF;
  --clio-color-blue-200: #D1E3FA;
  --clio-color-blue-300: #B6CFF2;
  --clio-color-blue-400: #8BB6F8;
  --clio-color-blue-500: #619AFC;
  --clio-color-blue-600: #3B7CFE;
  --clio-color-blue-700: #1A56FF;
  --clio-color-blue-800: #0F41CE;
  --clio-color-blue-900: #062E9F;
  --clio-color-blue-1000: #02206E;
  --clio-color-blue-1100: #011340;
  --clio-color-purple-100: #F3F0FF;
  --clio-color-purple-200: #E6E1FF;
  --clio-color-purple-300: #CEC6FF;
  --clio-color-purple-400: #B7ACF7;
  --clio-color-purple-500: #A28EFC;
  --clio-color-purple-600: #825FED;
  --clio-color-purple-700: #6E2DEB;
  --clio-color-purple-800: #521BBC;
  --clio-color-purple-900: #380F91;
  --clio-color-purple-1000: #250C64;
  --clio-color-purple-1100: #15073B;
  --clio-color-pink-100: #FFF0F7;
  --clio-color-pink-200: #FFDEEE;
  --clio-color-pink-300: #FCBBDA;
  --clio-color-pink-400: #FAA0CC;
  --clio-color-pink-500: #F078B2;
  --clio-color-pink-600: #DB4F93;
  --clio-color-pink-700: #C92876;
  --clio-color-pink-800: #A30D56;
  --clio-color-pink-900: #850141;
  --clio-color-pink-1000: #640030;
  --clio-color-pink-1100: #330019;
  --clio-color-blueback-100: #F1F6FF;
  --clio-color-blueback-200: #E2EDFD;
  --clio-color-blueback-300: #B6CFF2;
  --clio-color-blueback-400: #9FB6D6;
  --clio-color-blueback-500: #8196B2;
  --clio-color-blueback-600: #6C7F98;
  --clio-color-blueback-700: #53637A;
  --clio-color-blueback-800: #3E4D61;
  --clio-color-blueback-900: #2C394A;
  --clio-color-blueback-1000: #1B2735;
  --clio-color-blueback-1100: #0B1622;
  --clio-color-lavender-100: #F7F5FF;
  --clio-color-lavender-200: #EDEAFD;
  --clio-color-lavender-300: #DAD4F7;
  --clio-color-lavender-400: #B6AEE7;
  --clio-color-lavender-500: #958EC0;
  --clio-color-lavender-600: #7E78A5;
  --clio-color-lavender-700: #625D84;
  --clio-color-lavender-800: #4C486A;
  --clio-color-lavender-900: #383552;
  --clio-color-lavender-1000: #26233C;
  --clio-color-lavender-1100: #151227;
  --clio-color-ledger-green-100: #F7F7E8;
  --clio-color-ledger-green-200: #EEEED3;
  --clio-color-ledger-green-300: #DADBAC;
  --clio-color-ledger-green-400: #C2C682;
  --clio-color-ledger-green-500: #94985F;
  --clio-color-ledger-green-600: #7D814D;
  --clio-color-ledger-green-700: #626538;
  --clio-color-ledger-green-800: #4C4F27;
  --clio-color-ledger-green-900: #373A18;
  --clio-color-ledger-green-1000: #252808;
  --clio-color-ledger-green-1100: #161600;
  --clio-color-manilla-yellow-100: #FFF5E9;
  --clio-color-manilla-yellow-200: #FFE9CE;
  --clio-color-manilla-yellow-300: #F5CE9B;
  --clio-color-manilla-yellow-400: #D1AF81;
  --clio-color-manilla-yellow-500: #AE8F67;
  --clio-color-manilla-yellow-600: #947954;
  --clio-color-manilla-yellow-700: #765E3E;
  --clio-color-manilla-yellow-800: #5D492C;
  --clio-color-manilla-yellow-900: #46351C;
  --clio-color-manilla-yellow-1000: #32240D;
  --clio-color-manilla-yellow-1100: #1E1300;
  --clio-color-stone-100: #F8F6F3;
  --clio-color-stone-200: #EFECE7;
  --clio-color-stone-300: #DDD7D0;
  --clio-color-stone-400: #CCC4BA;
  --clio-color-stone-500: #9A938B;
  --clio-color-stone-600: #827C75;
  --clio-color-stone-700: #66615B;
  --clio-color-stone-800: #504B46;
  --clio-color-stone-900: #3B3733;
  --clio-color-stone-1000: #292621;
  --clio-color-stone-1100: #181510;
  --clio-color-carbon-copy-grey-100: #F6F6F6;
  --clio-color-carbon-copy-grey-200: #ECECEC;
  --clio-color-carbon-copy-grey-300: #DBDBDB;
  --clio-color-carbon-copy-grey-400: #B4B4B4;
  --clio-color-carbon-copy-grey-500: #949494;
  --clio-color-carbon-copy-grey-600: #7D7D7D;
  --clio-color-carbon-copy-grey-700: #626262;
  --clio-color-carbon-copy-grey-800: #4C4C4C;
  --clio-color-carbon-copy-grey-900: #383838;
  --clio-color-carbon-copy-grey-1000: #262626;
  --clio-color-carbon-copy-grey-1100: #151515;
  --clio-border-radius-none: 0px;
  --clio-border-radius-sm: 0.125rem;
  --clio-border-radius: 0.25rem;
  --clio-border-radius-md: 0.375rem;
  --clio-border-radius-lg: 0.5rem;
  --clio-border-radius-xl: 0.75rem;
  --clio-border-radius-2xl: 1rem;
  --clio-border-radius-3xl: 1.5rem;
  --clio-border-radius-full: 9999px;
  --clio-border-width-0: 0px;
  --clio-border-width-1: 1px;
  --clio-border-width-2: 2px;
  --clio-border-width-4: 4px;
  --clio-border-width-8: 8px;
  --clio-outline-width-0: 0px;
  --clio-outline-width-1: 1px;
  --clio-outline-width-2: 2px;
  --clio-outline-width-4: 4px;
  --clio-outline-width-8: 8px;
  --clio-outline-offset-0: 0px;
  --clio-outline-offset-1: 1px;
  --clio-outline-offset-2: 2px;
  --clio-outline-offset-4: 4px;
  --clio-outline-offset-8: 8px;
  --clio-font-family-sans: 'Geist', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --clio-font-family-mono: 'Geist Mono', monospace;
  --clio-font-size-xs: 0.75rem;
  --clio-font-size-sm: 0.875rem;
  --clio-font-size-base: 1rem;
  --clio-font-size-lg: 1.125rem;
  --clio-font-size-xl: 1.25rem;
  --clio-font-size-2xl: 1.5rem;
  --clio-font-size-3xl: 1.875rem;
  --clio-font-size-4xl: 2.25rem;
  --clio-font-size-5xl: 3rem;
  --clio-font-size-6xl: 3.75rem;
  --clio-font-size-7xl: 4.5rem;
  --clio-font-size-8xl: 6rem;
  --clio-font-size-9xl: 8rem;
  --clio-font-weight-thin: 100;
  --clio-font-weight-extralight: 200;
  --clio-font-weight-light: 300;
  --clio-font-weight-normal: 400;
  --clio-font-weight-medium: 500;
  --clio-font-weight-semibold: 600;
  --clio-font-weight-bold: 700;
  --clio-font-weight-extrabold: 800;
  --clio-font-weight-black: 900;
  --clio-line-height-3: 0.75rem;
  --clio-line-height-4: 1rem;
  --clio-line-height-5: 1.25rem;
  --clio-line-height-6: 1.5rem;
  --clio-line-height-7: 1.75rem;
  --clio-line-height-8: 2rem;
  --clio-line-height-9: 2.25rem;
  --clio-line-height-10: 2.5rem;
  --clio-line-height-none: 1;
  --clio-line-height-tight: 1.25;
  --clio-line-height-snug: 1.375;
  --clio-line-height-normal: 1.5;
  --clio-line-height-relaxed: 1.625;
  --clio-line-height-loose: 2;
  --clio-letter-spacing-tighter: -0.01em;
  --clio-letter-spacing-tight: -0.005em;
  --clio-letter-spacing-normal: 0em;
  --clio-letter-spacing-wide: 0.005em;
  --clio-letter-spacing-wider: 0.01em;
  --clio-letter-spacing-widest: 0.05em;
  --clio-z-index-0: 0;
  --clio-z-index-10: 10;
  --clio-z-index-20: 20;
  --clio-z-index-30: 30;
  --clio-z-index-40: 40;
  --clio-z-index-50: 50;
  --clio-spacing-0: 0px;
  --clio-spacing-px: 1px;
  --clio-spacing-0-5: 0.125rem;
  --clio-spacing-1: 0.25rem;
  --clio-spacing-1-5: 0.375rem;
  --clio-spacing-2: 0.5rem;
  --clio-spacing-2-5: 0.625rem;
  --clio-spacing-3: 0.75rem;
  --clio-spacing-3-5: 0.875rem;
  --clio-spacing-4: 1rem;
  --clio-spacing-5: 1.25rem;
  --clio-spacing-6: 1.5rem;
  --clio-spacing-7: 1.75rem;
  --clio-spacing-8: 2rem;
  --clio-spacing-9: 2.25rem;
  --clio-spacing-10: 2.5rem;
  --clio-spacing-11: 2.75rem;
  --clio-spacing-12: 3rem;
  --clio-spacing-14: 3.5rem;
  --clio-spacing-16: 4rem;
  --clio-spacing-20: 5rem;
  --clio-spacing-24: 6rem;
  --clio-spacing-28: 7rem;
  --clio-spacing-32: 8rem;
  --clio-spacing-36: 9rem;
  --clio-spacing-40: 10rem;
  --clio-spacing-44: 11rem;
  --clio-spacing-48: 12rem;
  --clio-spacing-52: 13rem;
  --clio-spacing-56: 14rem;
  --clio-spacing-60: 15rem;
  --clio-spacing-64: 16rem;
  --clio-spacing-72: 18rem;
  --clio-spacing-80: 20rem;
  --clio-spacing-96: 24rem;
}

:root, :host, [data-color-scheme='light'] {
  color-scheme: light;
  --background-color-surface-default: #FFFFFF;
  --background-color-surface-base: #ECECEC;
  --background-color-surface-elevated: #FAFAFA;
  --background-color-surface-accent: #EFF6FF;
  --background-color-surface-inverse: #262626;
  --background-color-surface-highlight: #FBF3C8;
  --background-color-surface-brand: #0F41CE;
  --background-color-surface-light: #FFFFFF;
  --background-color-info: #EFF6FF;
  --background-color-success: #E6FFF3;
  --background-color-warning: #FFFAEB;
  --background-color-danger: #FFF1EF;
  --background-color-new: #F3F0FF;
  --background-color-form: #FFFFFF;
  --background-color-form-hover: #ECECEC;
  --background-color-form-disabled: #F6F6F6;
  --background-color-action-primary-bold: #062E9F;
  --background-color-action-primary-bold-hover: #02206E;
  --background-color-action-primary-bold-active: #011340;
  --background-color-action-primary-bold-disabled: #B6CFF2;
  --background-color-action-primary-subtle: #EFF6FF;
  --background-color-action-primary-subtle-hover: #D1E3FA;
  --background-color-action-primary-subtle-active: #B6CFF2;
  --background-color-action-primary-subtle-disabled: #EFF6FF;
  --background-color-action-primary-subtlest: #FFFFFF;
  --background-color-action-primary-subtlest-hover: #EFF6FF;
  --background-color-action-primary-subtlest-active: #D1E3FA;
  --background-color-action-primary-overlay: transparent;
  --background-color-action-primary-overlay-hover: #619AFC33;
  --background-color-action-primary-overlay-active: #619AFC4D;
  --background-color-action-neutral-bold: #626262;
  --background-color-action-neutral-bold-hover: #4C4C4C;
  --background-color-action-neutral-bold-active: #383838;
  --background-color-action-neutral-bold-disabled: #D8D8D8;
  --background-color-action-neutral-light: #FFFFFF;
  --background-color-action-neutral-light-hover: #F6F6F6;
  --background-color-action-neutral-light-active: #ECECEC;
  --background-color-action-neutral-subtle: #ECECEC;
  --background-color-action-neutral-subtle-hover: #D8D8D8;
  --background-color-action-neutral-subtle-active: #B4B4B4;
  --background-color-action-neutral-subtlest: #F6F6F6;
  --background-color-action-neutral-subtlest-hover: #ECECEC;
  --background-color-action-neutral-subtlest-active: #D8D8D8;
  --background-color-action-neutral-overlay: transparent;
  --background-color-action-neutral-overlay-hover: #94949433;
  --background-color-action-neutral-overlay-active: #94949466;
  --background-color-action-danger: #D2151E;
  --background-color-action-danger-hover: #B90414;
  --background-color-action-danger-active: #8F030D;
  --background-color-action-danger-disabled: #FFC4BD;
  --background-color-action-selected-bold: #1A56FF;
  --background-color-action-selected-bold-hover: #0F41CE;
  --background-color-action-selected-bold-active: #062E9F;
  --background-color-action-selected-bold-disabled: #B6CFF2;
  --background-color-action-selected-subtle: #EFF6FF;
  --background-color-action-selected-subtle-hover: #D1E3FA;
  --background-color-action-selected-subtle-active: #B6CFF2;
  --background-color-action-selected-subtlest: #EFF6FF;
  --background-color-action-selected-subtlest-hover: #D1E3FA;
  --background-color-action-selected-subtlest-active: #B6CFF2;
  --background-color-track-info: #1A56FF;
  --background-color-track-success: #00805C;
  --background-color-track-warning: #C24E00;
  --background-color-track-danger: #D2151E;
  --background-color-track-empty: #D8D8D8;
  --background-color-track-light: #FFFFFF;
  --background-color-indicator-info: #3B7CFE;
  --background-color-indicator-success: #00805C;
  --background-color-indicator-warning: #F29838;
  --background-color-indicator-danger: #F13E39;
  --background-color-indicator-neutral: #949494;
  --background-color-backdrop: #15151580;
  --border-color-default: #D8D8D8;
  --border-color-subdued: #ECECEC;
  --border-color-control: #B4B4B4;
  --border-color-info: #1A56FF;
  --border-color-success: #00805C;
  --border-color-warning: #C24E00;
  --border-color-danger: #D2151E;
  --border-color-new: #6E2DEB;
  --border-color-contrast: transparent;
  --border-color-indicator-info: #3B7CFE;
  --border-color-indicator-success: #00805C;
  --border-color-indicator-warning: #F29838;
  --border-color-indicator-danger: #F13E39;
  --border-color-indicator-neutral: #949494;
  --border-color-selected: #0F41CE;
  --border-color-selected-disabled: #8BB6F8;
  --text-color-title: #151515;
  --text-color-default: #262626;
  --text-color-subdued: #626262;
  --text-color-placeholder: #626262;
  --text-color-disabled: #949494;
  --text-color-light: #FFFFFF;
  --text-color-dark: #151515;
  --text-color-inverse: #FFFFFF;
  --text-color-info: #0F41CE;
  --text-color-success: #00805C;
  --text-color-warning: #C24E00;
  --text-color-danger: #D2151E;
  --text-color-new: #6E2DEB;
  --text-color-indicator-info: #3B7CFE;
  --text-color-indicator-success: #00805C;
  --text-color-indicator-warning: #F29838;
  --text-color-indicator-danger: #F13E39;
  --text-color-indicator-neutral: #949494;
  --text-color-action-primary: #FFFFFF;
  --text-color-action-danger: #FFFFFF;
  --text-color-action-primary-disabled: #FFFFFF;
  --text-color-action-tertiary-disabled: #8BB6F8;
  --text-color-action-danger-disabled: #FFFFFF;
  --text-color-selected: #0F41CE;
  --text-color-selected-bold: #0F41CE;
  --text-color-selected-bold-disabled: #FFFFFF;
  --text-color-link: #0F41CE;
  --text-color-link-hover: #062E9F;
  --text-color-link-active: #02206E;
  --border-color-tag-blue: #B6CFF2;
  --border-color-tag-green: #72DEB3;
  --border-color-tag-grey: #D8D8D8;
  --border-color-tag-orange: #F9D596;
  --border-color-tag-pink: #FCBBDA;
  --border-color-tag-purple: #CEC6FF;
  --border-color-tag-red: #FFC4BD;
  --border-color-tag-teal: #B8F2FF;
  --border-color-tag-yellow: #F4E69D;
  --background-color-tag-blue: #D1E3FA;
  --background-color-tag-green: #ADF4D4;
  --background-color-tag-grey: #ECECEC;
  --background-color-tag-orange: #FFECC4;
  --background-color-tag-pink: #FFDEEE;
  --background-color-tag-purple: #E6E1FF;
  --background-color-tag-red: #FFDFDB;
  --background-color-tag-teal: #D6F7FF;
  --background-color-tag-yellow: #FBF3C8;
  --text-color-tag-blue: #0F41CE;
  --text-color-tag-green: #006C4D;
  --text-color-tag-grey: #4C4C4C;
  --text-color-tag-orange: #B53E00;
  --text-color-tag-pink: #A30D56;
  --text-color-tag-purple: #521BBC;
  --text-color-tag-red: #B90414;
  --text-color-tag-teal: #006278;
  --text-color-tag-yellow: #804F00;
  --focus-color: #1A56FF;
  --focus-outset-color: #B6CFF2;
  --focus-light-color: #FFFFFF;
  --box-shadow-color-1: #4C4C4C08;
  --box-shadow-color-2: #62626216;
  --box-shadow-sm: 0 1px 3px 0 rgb(60 78 98 / 0.16);
  --box-shadow: 0 2px 4px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-md: 0 4px 8px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-lg: 0 8px 16px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-xl: 0 12px 24px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-none: 0 0 0 0 #000000;
  --drop-shadow-sm: drop-shadow(0 1px 3px rgb(60 78 98 / 0.16));
  --drop-shadow: drop-shadow(0 2px 4px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-md: drop-shadow(0 4px 8px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-lg: drop-shadow(0 8px 16px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-xl: drop-shadow(0 12px 24px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-none: drop-shadow(0 0 0 #000000);
  --background-color-app-shell-button: #F1F1F1;
  --background-color-app-shell-button-hover: #D8D8D8;
  --background-color-app-shell-button-active: #B4B4B4;
  --background-color-app-shell-button-timed: #4C4C4C;
  --background-color-app-shell-button-timed-hover: #383838;
  --background-color-app-shell-button-timed-active: #262626;
  --background-color-app-shell-surface-header: #ECECEC;
  --background-color-app-shell-surface-nav: #ECECEC;
  --background-color-app-shell-surface-main: #FFFFFF;
  --background-color-app-shell-surface-main-header: #FFFFFF;
  --background-color-app-shell-unselected: transparent;
  --background-color-app-shell-unselected-hover: #D8D8D8;
  --background-color-app-shell-unselected-active: #B4B4B4;
  --background-color-app-shell-selected: #D8D8D8;
  --background-color-app-shell-selected-hover: #B4B4B4;
  --background-color-app-shell-selected-active: #949494;
  --background-color-app-shell-icon-shape-resource: #D1E3FA;
  --background-color-app-shell-icon-shape-account: #ECECEC;
  --background-color-app-shell-icon-shape-collapse: #ECECEC;
  --background-color-app-shell-icon-shape-hover: #ECECEC;
  --border-color-app-shell-button: #D8D8D8;
  --border-color-app-shell-nav: transparent;
  --border-color-app-shell-divider: #D8D8D8;
  --border-color-app-shell-main: #D8D8D8;
  --focus-color-app-shell-button: #1A56FF;
  --text-color-app-shell-button: #262626;
  --text-color-app-shell-button-timed: #FFFFFF;
  --text-color-app-shell-placeholder: #626262;
  --text-color-app-shell-selected: #151515;
  --text-color-app-shell-unselected: #4C4C4C;
  --text-color-app-shell-icon-shape-resource: #262626;
  --text-color-app-shell-icon-shape-account: #262626;
  --text-color-app-shell-icon-shape-account-subtext: #626262;
  --text-color-app-shell-icon-shape-collapse: #626262;
  --text-color-app-shell-icon-selected: #262626;
  --text-color-app-shell-icon-unselected: #4C4C4C;
  --text-color-app-shell-heading: #626262;
}

[data-color-scheme='dark'] {
  color-scheme: dark;
  --background-color-surface-default: #1D1D1D;
  --background-color-surface-base: #151515;
  --background-color-surface-elevated: #262626;
  --background-color-surface-accent: #011340;
  --background-color-surface-inverse: #ECECEC;
  --background-color-surface-highlight: #004B5C;
  --background-color-surface-brand: #062E9F;
  --background-color-surface-light: #FFFFFF;
  --background-color-info: #02206E;
  --background-color-success: #002B1C;
  --background-color-warning: #330800;
  --background-color-danger: #3D0102;
  --background-color-new: #15073B;
  --background-color-form: #262626;
  --background-color-form-hover: #383838;
  --background-color-form-disabled: #383838;
  --background-color-action-primary-bold: #8BB6F8;
  --background-color-action-primary-bold-hover: #B6CFF2;
  --background-color-action-primary-bold-active: #D1E3FA;
  --background-color-action-primary-bold-disabled: #062E9F;
  --background-color-action-primary-subtle: #4C4C4C;
  --background-color-action-primary-subtle-hover: #626262;
  --background-color-action-primary-subtle-active: #7D7D7D;
  --background-color-action-primary-subtle-disabled: #383838;
  --background-color-action-primary-subtlest: #4C4C4C;
  --background-color-action-primary-subtlest-hover: #626262;
  --background-color-action-primary-subtlest-active: #7D7D7D;
  --background-color-action-primary-overlay: transparent;
  --background-color-action-primary-overlay-hover: #619AFC20;
  --background-color-action-primary-overlay-active: #619AFC40;
  --background-color-action-neutral-bold: #4C4C4C;
  --background-color-action-neutral-bold-hover: #626262;
  --background-color-action-neutral-bold-active: #7D7D7D;
  --background-color-action-neutral-bold-disabled: #383838;
  --background-color-action-neutral-light: #262626;
  --background-color-action-neutral-light-hover: #383838;
  --background-color-action-neutral-light-active: #4C4C4C;
  --background-color-action-neutral-subtle: #4C4C4C;
  --background-color-action-neutral-subtle-hover: #626262;
  --background-color-action-neutral-subtle-active: #7D7D7D;
  --background-color-action-neutral-subtlest: #383838;
  --background-color-action-neutral-subtlest-hover: #4C4C4C;
  --background-color-action-neutral-subtlest-active: #626262;
  --background-color-action-neutral-overlay: transparent;
  --background-color-action-neutral-overlay-hover: #94949420;
  --background-color-action-neutral-overlay-active: #94949440;
  --background-color-action-danger: #B90414;
  --background-color-action-danger-hover: #D2151E;
  --background-color-action-danger-active: #F13E39;
  --background-color-action-danger-disabled: #3D0102;
  --background-color-action-selected-bold: #1A56FF;
  --background-color-action-selected-bold-active: #619AFC;
  --background-color-action-selected-bold-disabled: #062E9F;
  --background-color-action-selected-bold-hover: #3B7CFE;
  --background-color-action-selected-subtle: #02206E;
  --background-color-action-selected-subtle-hover: #062E9F;
  --background-color-action-selected-subtle-active: #0F41CE;
  --background-color-action-selected-subtlest: #02206E;
  --background-color-action-selected-subtlest-hover: #062E9F;
  --background-color-action-selected-subtlest-active: #0F41CE;
  --background-color-track-info: #619AFC;
  --background-color-track-success: #00A879;
  --background-color-track-warning: #F29838;
  --background-color-track-danger: #F46E63;
  --background-color-track-empty: #4C4C4C;
  --background-color-track-light: #FFFFFF;
  --background-color-indicator-info: #619AFC;
  --background-color-indicator-success: #00A879;
  --background-color-indicator-warning: #E07112;
  --background-color-indicator-danger: #F13E39;
  --background-color-indicator-neutral: #7D7D7D;
  --background-color-backdrop: #15151599;
  --border-color-default: #4C4C4C;
  --border-color-subdued: #383838;
  --border-color-control: #626262;
  --border-color-info: #619AFC;
  --border-color-success: #00A879;
  --border-color-warning: #F29838;
  --border-color-danger: #F46E63;
  --border-color-new: #A28EFC;
  --border-color-contrast: transparent;
  --border-color-indicator-info: #619AFC;
  --border-color-indicator-success: #00A879;
  --border-color-indicator-warning: #E07112;
  --border-color-indicator-danger: #F13E39;
  --border-color-indicator-neutral: #7D7D7D;
  --border-color-selected: #619AFC;
  --border-color-selected-disabled: #0F41CE;
  --text-color-title: #FFFFFF;
  --text-color-default: #F6F6F6;
  --text-color-subdued: #B4B4B4;
  --text-color-placeholder: #7D7D7D;
  --text-color-disabled: #949494;
  --text-color-light: #FFFFFF;
  --text-color-dark: #151515;
  --text-color-inverse: #262626;
  --text-color-info: #8BB6F8;
  --text-color-success: #3ACD9A;
  --text-color-warning: #F4BC6F;
  --text-color-danger: #FFA59A;
  --text-color-new: #A28EFC;
  --text-color-indicator-info: #619AFC;
  --text-color-indicator-success: #00A879;
  --text-color-indicator-warning: #E07112;
  --text-color-indicator-danger: #F13E39;
  --text-color-indicator-neutral: #7D7D7D;
  --text-color-action-primary: #1D1D1D;
  --text-color-action-danger: #FFFFFF;
  --text-color-action-primary-disabled: #949494;
  --text-color-action-tertiary-disabled: #949494;
  --text-color-action-danger-disabled: #626262;
  --text-color-selected: #FFFFFF;
  --text-color-selected-bold: #FFFFFF;
  --text-color-selected-bold-disabled: #949494;
  --text-color-link: #8BB6F8;
  --text-color-link-hover: #B6CFF2;
  --text-color-link-active: #D1E3FA;
  --border-color-tag-blue: #1A56FF;
  --border-color-tag-green: #00805C;
  --border-color-tag-grey: #626262;
  --border-color-tag-orange: #C24E00;
  --border-color-tag-pink: #C92876;
  --border-color-tag-purple: #6E2DEB;
  --border-color-tag-red: #D2151E;
  --border-color-tag-teal: #00819E;
  --border-color-tag-yellow: #9E6900;
  --background-color-tag-blue: #0F41CE;
  --background-color-tag-green: #006C4D;
  --background-color-tag-grey: #4C4C4C;
  --background-color-tag-orange: #B53E00;
  --background-color-tag-pink: #A30D56;
  --background-color-tag-purple: #521BBC;
  --background-color-tag-red: #B90414;
  --background-color-tag-teal: #006278;
  --background-color-tag-yellow: #804F00;
  --text-color-tag-blue: #D1E3FA;
  --text-color-tag-green: #ADF4D4;
  --text-color-tag-grey: #ECECEC;
  --text-color-tag-orange: #FFECC4;
  --text-color-tag-pink: #FFDEEE;
  --text-color-tag-purple: #E6E1FF;
  --text-color-tag-red: #FFDFDB;
  --text-color-tag-teal: #D6F7FF;
  --text-color-tag-yellow: #FBF3C8;
  --focus-color: #619AFC;
  --focus-outset-color: #0F41CE;
  --focus-light-color: #FFFFFF;
  --box-shadow-color-1: #4C4C4C01;
  --box-shadow-color-2: #62626201;
  --box-shadow-sm: 0 0 0 0 #000000;
  --box-shadow: 0 0 0 0 #000000;
  --box-shadow-md: 0 0 0 0 #000000;
  --box-shadow-lg: 0 0 0 0 #000000;
  --box-shadow-xl: 0 0 0 0 #000000;
  --box-shadow-none: 0 0 0 0 #000000;
  --drop-shadow-sm: drop-shadow(0 0 0 #000000);
  --drop-shadow: drop-shadow(0 0 0 #000000);
  --drop-shadow-md: drop-shadow(0 0 0 #000000);
  --drop-shadow-lg: drop-shadow(0 0 0 #000000);
  --drop-shadow-xl: drop-shadow(0 0 0 #000000);
  --drop-shadow-none: drop-shadow(0 0 0 #000000);
  --background-color-app-shell-button: #262626;
  --background-color-app-shell-button-hover: #383838;
  --background-color-app-shell-button-active: #4C4C4C;
  --background-color-app-shell-button-timed: #4C4C4C;
  --background-color-app-shell-button-timed-hover: #383838;
  --background-color-app-shell-button-timed-active: #262626;
  --background-color-app-shell-surface-header: #151515;
  --background-color-app-shell-surface-nav: #151515;
  --background-color-app-shell-surface-main: #1D1D1D;
  --background-color-app-shell-surface-main-header: #1D1D1D;
  --background-color-app-shell-unselected: transparent;
  --background-color-app-shell-unselected-hover: #262626;
  --background-color-app-shell-unselected-active: #383838;
  --background-color-app-shell-selected: #383838;
  --background-color-app-shell-selected-hover: #4C4C4C;
  --background-color-app-shell-selected-active: #626262;
  --background-color-app-shell-icon-shape-resource: #D1E3FA;
  --background-color-app-shell-icon-shape-account: #4C4C4C;
  --background-color-app-shell-icon-shape-collapse: #4C4C4C;
  --background-color-app-shell-icon-shape-hover: #262626;
  --border-color-app-shell-button: #4C4C4C;
  --border-color-app-shell-nav: transparent;
  --border-color-app-shell-divider: #383838;
  --border-color-app-shell-main: #383838;
  --focus-color-app-shell-button: #619AFC;
  --text-color-app-shell-button: #F6F6F6;
  --text-color-app-shell-button-timed: #FFFFFF;
  --text-color-app-shell-placeholder: #B4B4B4;
  --text-color-app-shell-selected: #F6F6F6;
  --text-color-app-shell-unselected: #D8D8D8;
  --text-color-app-shell-icon-shape-resource: #F6F6F6;
  --text-color-app-shell-icon-shape-account: #F6F6F6;
  --text-color-app-shell-icon-shape-account-subtext: #B4B4B4;
  --text-color-app-shell-icon-shape-collapse: #B4B4B4;
  --text-color-app-shell-icon-selected: #F6F6F6;
  --text-color-app-shell-icon-unselected: #B4B4B4;
  --text-color-app-shell-heading: #B4B4B4;
}

[data-color-scheme='light'][data-high-contrast='true'] {
  --background-color-action-primary-bold: #062E9F;
  --background-color-action-primary-bold-hover: #02206E;
  --background-color-action-primary-bold-active: #011340;
  --background-color-action-danger: #8F030D;
  --background-color-action-danger-hover: #6C0207;
  --background-color-action-danger-active: #3D0102;
  --background-color-action-selected-bold: #062E9F;
  --background-color-action-selected-bold-hover: #02206E;
  --background-color-action-selected-bold-active: #011340;
  --background-color-action-selected-subtle: #EFF6FF;
  --background-color-action-selected-subtle-hover: #D1E3FA;
  --background-color-action-selected-subtle-active: #B6CFF2;
  --background-color-track-info: #1A56FF;
  --background-color-track-success: #00805C;
  --background-color-track-warning: #C24E00;
  --background-color-track-danger: #D2151E;
  --background-color-track-empty: #D8D8D8;
  --background-color-track-light: #FFFFFF;
  --background-color-indicator-info: #3B7CFE;
  --background-color-indicator-success: #00805C;
  --background-color-indicator-warning: #E07112;
  --background-color-indicator-danger: #F13E39;
  --background-color-indicator-neutral: #949494;
  --border-color-default: #4C4C4C;
  --border-color-subdued: #949494;
  --border-color-control: #4C4C4C;
  --border-color-contrast: transparent;
  --border-color-indicator-info: #3B7CFE;
  --border-color-indicator-success: #00805C;
  --border-color-indicator-warning: #E07112;
  --border-color-indicator-danger: #F13E39;
  --border-color-indicator-neutral: #949494;
  --focus-color: #1A56FF;
  --focus-outset-color: #B6CFF2;
  --focus-light-color: #FFFFFF;
  --text-color-subdued: #383838;
  --text-color-placeholder: #4C4C4C;
  --text-color-success: #00573D;
  --text-color-danger: #8F030D;
  --text-color-warning: #912900;
  --text-color-new: #380F91;
  --text-color-info: #062E9F;
  --text-color-selected: #062E9F;
  --text-color-selected-bold: #062E9F;
  --text-color-indicator-info: #3B7CFE;
  --text-color-indicator-success: #00805C;
  --text-color-indicator-warning: #E07112;
  --text-color-indicator-danger: #F13E39;
  --text-color-indicator-neutral: #949494;
  --text-color-action-primary-disabled: #FFFFFF;
  --text-color-action-tertiary-disabled: #8BB6F8;
  --text-color-action-danger-disabled: #FFFFFF;
  --text-color-action-primary: #FFFFFF;
  --text-color-action-danger: #FFFFFF;
  --text-color-link: #062E9F;
  --text-color-link-hover: #02206E;
  --text-color-link-active: #011340;
  --border-color-tag-purple: #6E2DEB;
  --border-color-tag-pink: #C92876;
  --border-color-tag-red: #D2151E;
  --border-color-tag-yellow: #9E6900;
  --border-color-tag-grey: #626262;
  --border-color-tag-orange: #C24E00;
  --border-color-tag-green: #00805C;
  --border-color-tag-blue: #1A56FF;
  --border-color-tag-teal: #00819E;
  --text-color-tag-purple: #380F91;
  --text-color-tag-pink: #A30D56;
  --text-color-tag-red: #B90414;
  --text-color-tag-yellow: #804F00;
  --text-color-tag-orange: #B53E00;
  --text-color-tag-teal: #006278;
  --text-color-tag-green: #00402C;
  --text-color-tag-grey: #4C4C4C;
  --text-color-tag-blue: #0F41CE;
  --background-color-app-shell-button: #F1F1F1;
  --background-color-app-shell-button-hover: #D8D8D8;
  --background-color-app-shell-button-active: #B4B4B4;
  --background-color-app-shell-button-timed: #4C4C4C;
  --background-color-app-shell-button-timed-hover: #383838;
  --background-color-app-shell-button-timed-active: #262626;
  --background-color-app-shell-surface-header: #ECECEC;
  --background-color-app-shell-surface-nav: #ECECEC;
  --background-color-app-shell-surface-main: #FFFFFF;
  --background-color-app-shell-surface-main-header: #FFFFFF;
  --background-color-app-shell-unselected: transparent;
  --background-color-app-shell-unselected-hover: #D8D8D8;
  --background-color-app-shell-unselected-active: #B4B4B4;
  --background-color-app-shell-selected: #D8D8D8;
  --background-color-app-shell-selected-hover: #B4B4B4;
  --background-color-app-shell-selected-active: #949494;
  --background-color-app-shell-icon-shape-resource: #D1E3FA;
  --background-color-app-shell-icon-shape-account: #ECECEC;
  --background-color-app-shell-icon-shape-collapse: #ECECEC;
  --background-color-app-shell-icon-shape-hover: #ECECEC;
  --border-color-app-shell-button: #4C4C4C;
  --border-color-app-shell-nav: transparent;
  --border-color-app-shell-divider: #4C4C4C;
  --border-color-app-shell-main: #4C4C4C;
  --focus-color-app-shell-button: #1A56FF;
  --text-color-app-shell-button: #262626;
  --text-color-app-shell-button-timed: #FFFFFF;
  --text-color-app-shell-placeholder: #383838;
  --text-color-app-shell-selected: #151515;
  --text-color-app-shell-unselected: #4C4C4C;
  --text-color-app-shell-icon-shape-resource: #262626;
  --text-color-app-shell-icon-shape-account: #262626;
  --text-color-app-shell-icon-shape-account-subtext: #383838;
  --text-color-app-shell-icon-shape-collapse: #383838;
  --text-color-app-shell-icon-selected: #262626;
  --text-color-app-shell-icon-unselected: #383838;
  --text-color-app-shell-heading: #383838;
}

[data-color-scheme='dark'][data-high-contrast='true'] {
  --background-color-action-primary-bold: #8BB6F8;
  --background-color-action-primary-bold-hover: #B6CFF2;
  --background-color-action-primary-bold-active: #D1E3FA;
  --background-color-action-primary-bold-disabled: #0F41CE;
  --background-color-action-danger: #FFA59A;
  --background-color-action-danger-hover: #FFC4BD;
  --background-color-action-danger-active: #FFDFDB;
  --background-color-action-danger-disabled: #8F030D;
  --background-color-action-selected-bold: #062E9F;
  --background-color-action-selected-bold-hover: #0F41CE;
  --background-color-action-selected-bold-active: #1A56FF;
  --background-color-track-info: #619AFC;
  --background-color-track-success: #00A879;
  --background-color-track-warning: #F29838;
  --background-color-track-danger: #F46E63;
  --background-color-track-empty: #4C4C4C;
  --background-color-track-light: #FFFFFF;
  --background-color-indicator-info: #619AFC;
  --background-color-indicator-success: #00A879;
  --background-color-indicator-warning: #E07112;
  --background-color-indicator-danger: #F13E39;
  --background-color-indicator-neutral: #7D7D7D;
  --border-color-default: #B4B4B4;
  --border-color-subdued: #7D7D7D;
  --border-color-control: #B4B4B4;
  --border-color-danger: #FFA59A;
  --border-color-warning: #F4BC6F;
  --border-color-success: #3ACD9A;
  --border-color-info: #8BB6F8;
  --border-color-new: #B7ACF7;
  --border-color-contrast: #FFFFFFB2;
  --border-color-indicator-info: #619AFC;
  --border-color-indicator-success: #00A879;
  --border-color-indicator-warning: #E07112;
  --border-color-indicator-danger: #F13E39;
  --border-color-indicator-neutral: #7D7D7D;
  --focus-color: #619AFC;
  --focus-outset-color: #0F41CE;
  --focus-light-color: #FFFFFF;
  --text-color-subdued: #D8D8D8;
  --text-color-placeholder: #B4B4B4;
  --text-color-success: #3ACD9A;
  --text-color-danger: #FFA59A;
  --text-color-warning: #F4BC6F;
  --text-color-new: #B7ACF7;
  --text-color-info: #8BB6F8;
  --text-color-indicator-info: #619AFC;
  --text-color-indicator-success: #00A879;
  --text-color-indicator-warning: #E07112;
  --text-color-indicator-danger: #F13E39;
  --text-color-indicator-neutral: #7D7D7D;
  --text-color-action-primary-disabled: #949494;
  --text-color-action-tertiary-disabled: #949494;
  --text-color-action-danger-disabled: #949494;
  --text-color-action-primary: #262626;
  --text-color-action-danger: #262626;
  --text-color-link: #8BB6F8;
  --text-color-link-hover: #B6CFF2;
  --text-color-link-active: #D1E3FA;
  --border-color-tag-purple: #A28EFC;
  --border-color-tag-pink: #F078B2;
  --border-color-tag-red: #F46E63;
  --border-color-tag-yellow: #DDC34B;
  --border-color-tag-grey: #949494;
  --border-color-tag-orange: #F29838;
  --border-color-tag-green: #00A879;
  --border-color-tag-blue: #619AFC;
  --border-color-tag-teal: #4BC2DD;
  --background-color-tag-blue: #062E9F;
  --background-color-tag-orange: #912900;
  --background-color-tag-green: #00573D;
  --background-color-tag-grey: #383838;
  --background-color-tag-purple: #380F91;
  --background-color-tag-teal: #004B5C;
  --background-color-tag-red: #8F030D;
  --background-color-tag-pink: #850141;
  --background-color-tag-yellow: #573100;
  --text-color-tag-green: #E6FFF3;
  --background-color-app-shell-button: #262626;
  --background-color-app-shell-button-hover: #383838;
  --background-color-app-shell-button-active: #4C4C4C;
  --background-color-app-shell-button-timed: #4C4C4C;
  --background-color-app-shell-button-timed-hover: #383838;
  --background-color-app-shell-button-timed-active: #262626;
  --background-color-app-shell-surface-header: #151515;
  --background-color-app-shell-surface-nav: #151515;
  --background-color-app-shell-surface-main: #1D1D1D;
  --background-color-app-shell-surface-main-header: #1D1D1D;
  --background-color-app-shell-unselected: transparent;
  --background-color-app-shell-unselected-hover: #262626;
  --background-color-app-shell-unselected-active: #383838;
  --background-color-app-shell-selected: #383838;
  --background-color-app-shell-selected-hover: #4C4C4C;
  --background-color-app-shell-selected-active: #626262;
  --background-color-app-shell-icon-shape-resource: #D1E3FA;
  --background-color-app-shell-icon-shape-account: #4C4C4C;
  --background-color-app-shell-icon-shape-collapse: #4C4C4C;
  --background-color-app-shell-icon-shape-hover: #262626;
  --border-color-app-shell-button: #B4B4B4;
  --border-color-app-shell-nav: transparent;
  --border-color-app-shell-divider: #B4B4B4;
  --border-color-app-shell-main: #B4B4B4;
  --focus-color-app-shell-button: #619AFC;
  --text-color-app-shell-button: #F6F6F6;
  --text-color-app-shell-button-timed: #FFFFFF;
  --text-color-app-shell-placeholder: #D8D8D8;
  --text-color-app-shell-selected: #F6F6F6;
  --text-color-app-shell-unselected: #D8D8D8;
  --text-color-app-shell-icon-shape-resource: #F6F6F6;
  --text-color-app-shell-icon-shape-account: #F6F6F6;
  --text-color-app-shell-icon-shape-account-subtext: #D8D8D8;
  --text-color-app-shell-icon-shape-collapse: #D8D8D8;
  --text-color-app-shell-icon-selected: #F6F6F6;
  --text-color-app-shell-icon-unselected: #D8D8D8;
  --text-color-app-shell-heading: #D8D8D8;
}

:root, :host {
  --clio-border-radius-surface: var(--clio-border-radius-xl);
  --clio-heading-1-font-size: var(--clio-font-size-3xl);
  --clio-heading-1-line-height: var(--clio-line-height-relaxed);
  --clio-heading-1-font-weight: var(--clio-font-weight-light);
  --clio-heading-1-letter-spacing: var(--clio-letter-spacing-tighter);
  --clio-heading-2-font-size: var(--clio-font-size-2xl);
  --clio-heading-2-line-height: var(--clio-line-height-8);
  --clio-heading-2-font-weight: var(--clio-font-weight-normal);
  --clio-heading-2-letter-spacing: var(--clio-letter-spacing-tighter);
  --clio-heading-3-font-size: var(--clio-font-size-xl);
  --clio-heading-3-line-height: var(--clio-line-height-7);
  --clio-heading-3-font-weight: var(--clio-font-weight-medium);
  --clio-heading-3-letter-spacing: var(--clio-letter-spacing-tighter);
  --clio-heading-4-font-size: var(--clio-font-size-base);
  --clio-heading-4-line-height: var(--clio-line-height-6);
  --clio-heading-4-font-weight: var(--clio-font-weight-semibold);
  --clio-heading-4-letter-spacing: var(--clio-letter-spacing-normal);
  --clio-heading-5-font-size: var(--clio-font-size-base);
  --clio-heading-5-line-height: var(--clio-line-height-6);
  --clio-heading-5-font-weight: var(--clio-font-weight-semibold);
  --clio-heading-5-letter-spacing: var(--clio-letter-spacing-normal);
  --clio-heading-6-font-size: var(--clio-font-size-base);
  --clio-heading-6-line-height: var(--clio-line-height-6);
  --clio-heading-6-font-weight: var(--clio-font-weight-semibold);
  --clio-heading-6-letter-spacing: var(--clio-letter-spacing-normal);
}

[data-color-scheme='light'], [data-color-scheme='dark'] {
  color: var(--text-color-default);
}

:root, :host {
  --clio-button-font-weight: var(--clio-font-weight-normal);
  --clio-page-main-margin-inline: var(--clio-spacing-6);
  --clio-page-main-border-style: solid;
  --clio-pill-font-weight: var(--clio-font-weight-normal);
  --clio-segmented-control-item-font-size: var(--clio-font-size-xs);
  --clio-segmented-control-item-font-weight: var(--clio-font-weight-normal);
  --clio-segmented-control-item-font-weight-selected: var(--clio-font-weight-semibold);
  --clio-segmented-control-item-text-transform: uppercase;
  --clio-tab-font-size: var(--clio-font-size-xs);
  --clio-tab-font-weight: var(--clio-font-weight-normal);
  --clio-tab-font-weight-selected: var(--clio-font-weight-semibold);
  --clio-tab-text-transform: uppercase;
  --clio-timekeeper-controls-offset: calc(-1 * var(--clio-border-width-1));
}

:root, :host, [data-color-scheme='light'] {
  --background-color-badge-red: #D2151E;
  --background-color-badge-blue: #1A56FF;
  --background-color-bubble-sent: #EFF6FF;
  --background-color-bubble-received: #F6F6F6;
  --background-color-dot-red: #F13E39;
  --background-color-dot-blue: #3B7CFE;
  --color-icon-info: #1A56FF;
  --color-icon-success: #00805C;
  --color-icon-warning: #C24E00;
  --color-icon-danger: #D2151E;
  --color-icon-new: #6E2DEB;
  --color-icon-purple: #6E2DEB;
  --color-icon-pink: #C92876;
  --color-icon-yellow: #9E6900;
  --color-icon-teal: #00819E;
  --color-icon-grey: #626262;
  --color-icon-red: #D2151E;
  --color-icon-orange: #C24E00;
  --color-icon-green: #00805C;
  --color-icon-blue: #1A56FF;
  --text-color-icon-shape-info: #0F41CE;
  --text-color-icon-shape-success: #006C4D;
  --text-color-icon-shape-warning: #B53E00;
  --text-color-icon-shape-danger: #B90414;
  --text-color-icon-shape-new: #521BBC;
  --text-color-icon-shape-purple: #521BBC;
  --text-color-icon-shape-pink: #A30D56;
  --text-color-icon-shape-yellow: #804F00;
  --text-color-icon-shape-teal: #006278;
  --text-color-icon-shape-grey: #4C4C4C;
  --text-color-icon-shape-red: #B90414;
  --text-color-icon-shape-orange: #B53E00;
  --text-color-icon-shape-green: #006C4D;
  --text-color-icon-shape-blue: #0F41CE;
  --background-color-icon-shape-info: #D1E3FA;
  --background-color-icon-shape-success: #ADF4D4;
  --background-color-icon-shape-warning: #FFECC4;
  --background-color-icon-shape-danger: #FFDFDB;
  --background-color-icon-shape-new: #E6E1FF;
  --background-color-icon-shape-purple: #E6E1FF;
  --background-color-icon-shape-pink: #FFDEEE;
  --background-color-icon-shape-yellow: #FBF3C8;
  --background-color-icon-shape-teal: #D6F7FF;
  --background-color-icon-shape-grey: #ECECEC;
  --background-color-icon-shape-red: #FFDFDB;
  --background-color-icon-shape-orange: #FFECC4;
  --background-color-icon-shape-green: #ADF4D4;
  --background-color-icon-shape-blue: #D1E3FA;
  --background-color-icon-shape-blueback: #E2EDFD;
  --text-color-icon-shape-blueback: #3E4D61;
  --background-color-icon-shape-lavender: #EDEAFD;
  --text-color-icon-shape-lavender: #4C486A;
  --background-color-icon-shape-ledger-green: #EEEED3;
  --text-color-icon-shape-ledger-green: #4C4F27;
  --background-color-icon-shape-manilla-yellow: #FFE9CE;
  --text-color-icon-shape-manilla-yellow: #5D492C;
  --background-color-icon-shape-stone: #EFECE7;
  --text-color-icon-shape-stone: #504B46;
  --background-color-icon-shape-carbon-copy-grey: #ECECEC;
  --text-color-icon-shape-carbon-copy-grey: #4C4C4C;
  --background-color-illustration-blueback: #B6CFF2;
  --background-color-illustration-lavender: #B6AEE7;
  --background-color-illustration-ledger-green: #C2C682;
  --background-color-illustration-manilla-yellow: #F5CE9B;
  --background-color-illustration-stone: #CCC4BA;
  --background-color-illustration-carbon-copy-grey: #DBDBDB;
  --fill-logo-brand: #1A56FF;
  --fill-logo-title: #383838;
  --fill-logo-light: #FFFFFF;
  --clio-page-main-box-shadow: var(--box-shadow-lg);
}

[data-color-scheme='dark'] {
  --background-color-badge-red: #D2151E;
  --background-color-badge-blue: #1A56FF;
  --background-color-bubble-sent: #02206E;
  --background-color-bubble-received: #383838;
  --background-color-dot-red: #F13E39;
  --background-color-dot-blue: #3B7CFE;
  --color-icon-info: #619AFC;
  --color-icon-success: #00A879;
  --color-icon-warning: #F29838;
  --color-icon-danger: #F46E63;
  --color-icon-new: #A28EFC;
  --color-icon-purple: #A28EFC;
  --color-icon-pink: #F078B2;
  --color-icon-yellow: #DDC34B;
  --color-icon-teal: #4BC2DD;
  --color-icon-grey: #949494;
  --color-icon-red: #F46E63;
  --color-icon-orange: #F29838;
  --color-icon-green: #00A879;
  --color-icon-blue: #619AFC;
  --text-color-icon-shape-info: #D1E3FA;
  --text-color-icon-shape-success: #ADF4D4;
  --text-color-icon-shape-warning: #FFECC4;
  --text-color-icon-shape-danger: #FFDFDB;
  --text-color-icon-shape-new: #E6E1FF;
  --text-color-icon-shape-purple: #E6E1FF;
  --text-color-icon-shape-pink: #FFDEEE;
  --text-color-icon-shape-yellow: #FBF3C8;
  --text-color-icon-shape-teal: #D6F7FF;
  --text-color-icon-shape-grey: #ECECEC;
  --text-color-icon-shape-red: #FFDFDB;
  --text-color-icon-shape-orange: #FFECC4;
  --text-color-icon-shape-green: #ADF4D4;
  --text-color-icon-shape-blue: #D1E3FA;
  --background-color-icon-shape-info: #0F41CE;
  --background-color-icon-shape-success: #006C4D;
  --background-color-icon-shape-warning: #B53E00;
  --background-color-icon-shape-danger: #B90414;
  --background-color-icon-shape-new: #521BBC;
  --background-color-icon-shape-purple: #521BBC;
  --background-color-icon-shape-pink: #A30D56;
  --background-color-icon-shape-yellow: #804F00;
  --background-color-icon-shape-teal: #006278;
  --background-color-icon-shape-grey: #4C4C4C;
  --background-color-icon-shape-red: #B90414;
  --background-color-icon-shape-orange: #B53E00;
  --background-color-icon-shape-green: #006C4D;
  --background-color-icon-shape-blue: #0F41CE;
  --background-color-icon-shape-blueback: #3E4D61;
  --text-color-icon-shape-blueback: #E2EDFD;
  --background-color-icon-shape-lavender: #4C486A;
  --text-color-icon-shape-lavender: #EDEAFD;
  --background-color-icon-shape-ledger-green: #4C4F27;
  --text-color-icon-shape-ledger-green: #EEEED3;
  --background-color-icon-shape-manilla-yellow: #5D492C;
  --text-color-icon-shape-manilla-yellow: #FFE9CE;
  --background-color-icon-shape-stone: #504B46;
  --text-color-icon-shape-stone: #EFECE7;
  --background-color-icon-shape-carbon-copy-grey: #4C4C4C;
  --text-color-icon-shape-carbon-copy-grey: #ECECEC;
  --background-color-illustration-blueback: #3E4D61;
  --background-color-illustration-lavender: #625D84;
  --background-color-illustration-ledger-green: #626538;
  --background-color-illustration-manilla-yellow: #5D492C;
  --background-color-illustration-stone: #66615B;
  --background-color-illustration-carbon-copy-grey: #4C4C4C;
  --fill-logo-brand: #619AFC;
  --fill-logo-title: #FFFFFF;
  --fill-logo-light: #FFFFFF;
  --clio-page-main-box-shadow: var(--box-shadow-none);
}

[data-color-scheme='light'][data-high-contrast='true'] {
  --background-color-badge-red: #8F030D;
  --background-color-badge-blue: #062E9F;
  --background-color-dot-red: #F13E39;
  --background-color-dot-blue: #3B7CFE;
  --color-icon-info: #062E9F;
  --color-icon-success: #00573D;
  --color-icon-warning: #912900;
  --color-icon-danger: #8F030D;
  --color-icon-new: #380F91;
  --color-icon-purple: #380F91;
  --color-icon-pink: #850141;
  --color-icon-yellow: #573100;
  --color-icon-teal: #004B5C;
  --color-icon-grey: #383838;
  --color-icon-red: #8F030D;
  --color-icon-orange: #912900;
  --color-icon-green: #00573D;
  --color-icon-blue: #062E9F;
  --text-color-icon-shape-info: #0F41CE;
  --text-color-icon-shape-success: #006C4D;
  --text-color-icon-shape-warning: #B53E00;
  --text-color-icon-shape-danger: #B90414;
  --text-color-icon-shape-new: #521BBC;
  --text-color-icon-shape-purple: #380F91;
  --text-color-icon-shape-pink: #A30D56;
  --text-color-icon-shape-yellow: #804F00;
  --text-color-icon-shape-teal: #006278;
  --text-color-icon-shape-red: #B90414;
  --text-color-icon-shape-orange: #B53E00;
  --text-color-icon-shape-green: #00402C;
  --text-color-icon-shape-grey: #4C4C4C;
  --text-color-icon-shape-blue: #0F41CE;
  --background-color-icon-shape-info: #D1E3FA;
  --background-color-icon-shape-success: #ADF4D4;
  --background-color-icon-shape-warning: #FFECC4;
  --background-color-icon-shape-danger: #FFDFDB;
  --background-color-icon-shape-new: #E6E1FF;
  --background-color-icon-shape-purple: #E6E1FF;
  --background-color-icon-shape-pink: #FFDEEE;
  --background-color-icon-shape-yellow: #FBF3C8;
  --background-color-icon-shape-teal: #D6F7FF;
  --background-color-icon-shape-grey: #ECECEC;
  --background-color-icon-shape-red: #FFDFDB;
  --background-color-icon-shape-orange: #FFECC4;
  --background-color-icon-shape-green: #ADF4D4;
  --background-color-icon-shape-blue: #D1E3FA;
  --background-color-icon-shape-blueback: #E2EDFD;
  --text-color-icon-shape-blueback: #3E4D61;
  --background-color-icon-shape-lavender: #EDEAFD;
  --text-color-icon-shape-lavender: #4C486A;
  --background-color-icon-shape-ledger-green: #EEEED3;
  --text-color-icon-shape-ledger-green: #4C4F27;
  --background-color-icon-shape-manilla-yellow: #FFE9CE;
  --text-color-icon-shape-manilla-yellow: #5D492C;
  --background-color-icon-shape-stone: #EFECE7;
  --text-color-icon-shape-stone: #504B46;
  --background-color-icon-shape-carbon-copy-grey: #ECECEC;
  --text-color-icon-shape-carbon-copy-grey: #4C4C4C;
  --clio-page-main-box-shadow: var(--box-shadow-lg);
}

[data-color-scheme='dark'][data-high-contrast='true'] {
  --background-color-badge-red: #8F030D;
  --background-color-badge-blue: #062E9F;
  --background-color-dot-red: #F13E39;
  --background-color-dot-blue: #3B7CFE;
  --color-icon-info: #8BB6F8;
  --color-icon-success: #3ACD9A;
  --color-icon-warning: #F4BC6F;
  --color-icon-danger: #FFA59A;
  --color-icon-new: #B7ACF7;
  --color-icon-purple: #B7ACF7;
  --color-icon-pink: #FAA0CC;
  --color-icon-yellow: #EBD673;
  --color-icon-teal: #95DFF0;
  --color-icon-grey: #B4B4B4;
  --color-icon-red: #FFA59A;
  --color-icon-orange: #F4BC6F;
  --color-icon-green: #3ACD9A;
  --color-icon-blue: #8BB6F8;
  --text-color-icon-shape-info: #D1E3FA;
  --text-color-icon-shape-success: #ADF4D4;
  --text-color-icon-shape-warning: #FFECC4;
  --text-color-icon-shape-danger: #FFDFDB;
  --text-color-icon-shape-new: #E6E1FF;
  --text-color-icon-shape-purple: #E6E1FF;
  --text-color-icon-shape-pink: #FFDEEE;
  --text-color-icon-shape-yellow: #FBF3C8;
  --text-color-icon-shape-teal: #D6F7FF;
  --text-color-icon-shape-grey: #ECECEC;
  --text-color-icon-shape-red: #FFDFDB;
  --text-color-icon-shape-orange: #FFECC4;
  --text-color-icon-shape-green: #E6FFF3;
  --text-color-icon-shape-blue: #D1E3FA;
  --background-color-icon-shape-info: #062E9F;
  --background-color-icon-shape-success: #00573D;
  --background-color-icon-shape-warning: #912900;
  --background-color-icon-shape-danger: #8F030D;
  --background-color-icon-shape-new: #380F91;
  --background-color-icon-shape-purple: #380F91;
  --background-color-icon-shape-pink: #850141;
  --background-color-icon-shape-yellow: #573100;
  --background-color-icon-shape-teal: #004B5C;
  --background-color-icon-shape-grey: #383838;
  --background-color-icon-shape-red: #8F030D;
  --background-color-icon-shape-orange: #912900;
  --background-color-icon-shape-green: #00573D;
  --background-color-icon-shape-blue: #062E9F;
  --background-color-icon-shape-blueback: #2C394A;
  --text-color-icon-shape-blueback: #E2EDFD;
  --background-color-icon-shape-lavender: #383552;
  --text-color-icon-shape-lavender: #EDEAFD;
  --background-color-icon-shape-ledger-green: #373A18;
  --text-color-icon-shape-ledger-green: #EEEED3;
  --background-color-icon-shape-manilla-yellow: #46351C;
  --text-color-icon-shape-manilla-yellow: #FFE9CE;
  --background-color-icon-shape-stone: #3B3733;
  --text-color-icon-shape-stone: #EFECE7;
  --background-color-icon-shape-carbon-copy-grey: #383838;
  --text-color-icon-shape-carbon-copy-grey: #ECECEC;
  --clio-page-main-box-shadow: var(--box-shadow-none);
}

body {
  font-family: var(--clio-font-family-sans);
  color: var(--text-color-default);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: var(--clio-letter-spacing-normal);
}

h1, .heading-1 {
  font-size: var(--clio-heading-1-font-size);
  line-height: var(--clio-heading-1-line-height);
  font-weight: var(--clio-heading-1-font-weight);
  letter-spacing: var(--clio-heading-1-letter-spacing);
  padding: 0px;
  margin: 0px;
}

h2, .heading-2 {
  font-size: var(--clio-heading-2-font-size);
  line-height: var(--clio-heading-2-line-height);
  font-weight: var(--clio-heading-2-font-weight);
  letter-spacing: var(--clio-heading-2-letter-spacing);
  padding: 0px;
  margin: 0px;
}

h3, .heading-3 {
  font-size: var(--clio-heading-3-font-size);
  line-height: var(--clio-heading-3-line-height);
  font-weight: var(--clio-heading-3-font-weight);
  letter-spacing: var(--clio-heading-3-letter-spacing);
  padding: 0px;
  margin: 0px;
}

h4, .heading-4 {
  font-size: var(--clio-heading-4-font-size);
  line-height: var(--clio-heading-4-line-height);
  font-weight: var(--clio-heading-4-font-weight);
  letter-spacing: var(--clio-heading-4-letter-spacing);
  padding: 0px;
  margin: 0px;
}

h5, .heading-5 {
  font-size: var(--clio-heading-5-font-size);
  line-height: var(--clio-heading-5-line-height);
  font-weight: var(--clio-heading-5-font-weight);
  letter-spacing: var(--clio-heading-5-letter-spacing);
  padding: 0px;
  margin: 0px;
}

h6, .heading-6 {
  font-size: var(--clio-heading-6-font-size);
  line-height: var(--clio-heading-6-line-height);
  font-weight: var(--clio-heading-6-font-weight);
  letter-spacing: var(--clio-heading-6-letter-spacing);
  padding: 0px;
  margin: 0px;
}

p {
  padding: 0px;
  margin: 0px;
}

.bold, b, strong {
  font-weight: 600;
}

a {
  color: var(--text-color-link);
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  color: var(--text-color-link-hover);
  text-decoration-thickness: 15%;
}

a:active {
  color: var(--text-color-link-active);
}

a:focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: 2px;
  outline-offset: 1px;
  border-radius: 0.125rem;
}

a h1, a h2, a h3, a h4, a h5, a h6, a .heading-1, a .heading-2, a .heading-3, a .heading-4, a .heading-5, a .heading-6 {
  color: inherit;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

input option, textarea option, select option, button option {
  background: var(--background-color-action-neutral-light);
  color: var(--text-color-default);
}

@media print {
  [data-color-scheme='dark'], [data-color-scheme='dark'][data-high-contrast='true'] {
    color-scheme: light;
    --background-color-surface-default: #FFFFFF;
    --background-color-surface-base: #ECECEC;
    --background-color-surface-elevated: #FAFAFA;
    --background-color-surface-accent: #EFF6FF;
    --background-color-surface-inverse: #262626;
    --background-color-surface-highlight: #FBF3C8;
    --background-color-surface-brand: #0F41CE;
    --background-color-surface-light: #FFFFFF;
    --background-color-info: #EFF6FF;
    --background-color-success: #E6FFF3;
    --background-color-warning: #FFFAEB;
    --background-color-danger: #FFF1EF;
    --background-color-new: #F3F0FF;
    --background-color-form: #FFFFFF;
    --background-color-form-hover: #ECECEC;
    --background-color-form-disabled: #F6F6F6;
    --background-color-action-primary-bold: #062E9F;
    --background-color-action-primary-bold-hover: #02206E;
    --background-color-action-primary-bold-active: #011340;
    --background-color-action-primary-bold-disabled: #B6CFF2;
    --background-color-action-primary-subtle: #EFF6FF;
    --background-color-action-primary-subtle-hover: #D1E3FA;
    --background-color-action-primary-subtle-active: #B6CFF2;
    --background-color-action-primary-subtle-disabled: #EFF6FF;
    --background-color-action-primary-subtlest: #FFFFFF;
    --background-color-action-primary-subtlest-hover: #EFF6FF;
    --background-color-action-primary-subtlest-active: #D1E3FA;
    --background-color-action-primary-overlay: transparent;
    --background-color-action-primary-overlay-hover: #619AFC33;
    --background-color-action-primary-overlay-active: #619AFC4D;
    --background-color-action-neutral-bold: #626262;
    --background-color-action-neutral-bold-hover: #4C4C4C;
    --background-color-action-neutral-bold-active: #383838;
    --background-color-action-neutral-bold-disabled: #D8D8D8;
    --background-color-action-neutral-light: #FFFFFF;
    --background-color-action-neutral-light-hover: #F6F6F6;
    --background-color-action-neutral-light-active: #ECECEC;
    --background-color-action-neutral-subtle: #ECECEC;
    --background-color-action-neutral-subtle-hover: #D8D8D8;
    --background-color-action-neutral-subtle-active: #B4B4B4;
    --background-color-action-neutral-subtlest: #F6F6F6;
    --background-color-action-neutral-subtlest-hover: #ECECEC;
    --background-color-action-neutral-subtlest-active: #D8D8D8;
    --background-color-action-neutral-overlay: transparent;
    --background-color-action-neutral-overlay-hover: #94949433;
    --background-color-action-neutral-overlay-active: #94949466;
    --background-color-action-danger: #D2151E;
    --background-color-action-danger-hover: #B90414;
    --background-color-action-danger-active: #8F030D;
    --background-color-action-danger-disabled: #FFC4BD;
    --background-color-action-selected-bold: #1A56FF;
    --background-color-action-selected-bold-hover: #0F41CE;
    --background-color-action-selected-bold-active: #062E9F;
    --background-color-action-selected-bold-disabled: #B6CFF2;
    --background-color-action-selected-subtle: #EFF6FF;
    --background-color-action-selected-subtle-hover: #D1E3FA;
    --background-color-action-selected-subtle-active: #B6CFF2;
    --background-color-action-selected-subtlest: #EFF6FF;
    --background-color-action-selected-subtlest-hover: #D1E3FA;
    --background-color-action-selected-subtlest-active: #B6CFF2;
    --background-color-track-info: #1A56FF;
    --background-color-track-success: #00805C;
    --background-color-track-warning: #C24E00;
    --background-color-track-danger: #D2151E;
    --background-color-track-empty: #D8D8D8;
    --background-color-track-light: #FFFFFF;
    --background-color-indicator-info: #3B7CFE;
    --background-color-indicator-success: #00805C;
    --background-color-indicator-warning: #F29838;
    --background-color-indicator-danger: #F13E39;
    --background-color-indicator-neutral: #949494;
    --background-color-backdrop: #15151580;
    --border-color-default: #D8D8D8;
    --border-color-subdued: #ECECEC;
    --border-color-control: #B4B4B4;
    --border-color-info: #1A56FF;
    --border-color-success: #00805C;
    --border-color-warning: #C24E00;
    --border-color-danger: #D2151E;
    --border-color-new: #6E2DEB;
    --border-color-contrast: transparent;
    --border-color-indicator-info: #3B7CFE;
    --border-color-indicator-success: #00805C;
    --border-color-indicator-warning: #F29838;
    --border-color-indicator-danger: #F13E39;
    --border-color-indicator-neutral: #949494;
    --border-color-selected: #0F41CE;
    --border-color-selected-disabled: #8BB6F8;
    --text-color-title: #151515;
    --text-color-default: #262626;
    --text-color-subdued: #626262;
    --text-color-placeholder: #626262;
    --text-color-disabled: #949494;
    --text-color-light: #FFFFFF;
    --text-color-dark: #151515;
    --text-color-inverse: #FFFFFF;
    --text-color-info: #0F41CE;
    --text-color-success: #00805C;
    --text-color-warning: #C24E00;
    --text-color-danger: #D2151E;
    --text-color-new: #6E2DEB;
    --text-color-indicator-info: #3B7CFE;
    --text-color-indicator-success: #00805C;
    --text-color-indicator-warning: #F29838;
    --text-color-indicator-danger: #F13E39;
    --text-color-indicator-neutral: #949494;
    --text-color-action-primary: #FFFFFF;
    --text-color-action-danger: #FFFFFF;
    --text-color-action-primary-disabled: #FFFFFF;
    --text-color-action-tertiary-disabled: #8BB6F8;
    --text-color-action-danger-disabled: #FFFFFF;
    --text-color-selected: #0F41CE;
    --text-color-selected-bold: #0F41CE;
    --text-color-selected-bold-disabled: #FFFFFF;
    --text-color-link: #0F41CE;
    --text-color-link-hover: #062E9F;
    --text-color-link-active: #02206E;
    --border-color-tag-blue: #B6CFF2;
    --border-color-tag-green: #72DEB3;
    --border-color-tag-grey: #D8D8D8;
    --border-color-tag-orange: #F9D596;
    --border-color-tag-pink: #FCBBDA;
    --border-color-tag-purple: #CEC6FF;
    --border-color-tag-red: #FFC4BD;
    --border-color-tag-teal: #B8F2FF;
    --border-color-tag-yellow: #F4E69D;
    --background-color-tag-blue: #D1E3FA;
    --background-color-tag-green: #ADF4D4;
    --background-color-tag-grey: #ECECEC;
    --background-color-tag-orange: #FFECC4;
    --background-color-tag-pink: #FFDEEE;
    --background-color-tag-purple: #E6E1FF;
    --background-color-tag-red: #FFDFDB;
    --background-color-tag-teal: #D6F7FF;
    --background-color-tag-yellow: #FBF3C8;
    --text-color-tag-blue: #0F41CE;
    --text-color-tag-green: #006C4D;
    --text-color-tag-grey: #4C4C4C;
    --text-color-tag-orange: #B53E00;
    --text-color-tag-pink: #A30D56;
    --text-color-tag-purple: #521BBC;
    --text-color-tag-red: #B90414;
    --text-color-tag-teal: #006278;
    --text-color-tag-yellow: #804F00;
    --focus-color: #1A56FF;
    --focus-outset-color: #B6CFF2;
    --focus-light-color: #FFFFFF;
    --box-shadow-color-1: #4C4C4C08;
    --box-shadow-color-2: #62626216;
    --box-shadow-sm: 0 1px 3px 0 rgb(60 78 98 / 0.16);
    --box-shadow: 0 2px 4px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
    --box-shadow-md: 0 4px 8px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
    --box-shadow-lg: 0 8px 16px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
    --box-shadow-xl: 0 12px 24px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
    --box-shadow-none: 0 0 0 0 #000000;
    --drop-shadow-sm: drop-shadow(0 1px 3px rgb(60 78 98 / 0.16));
    --drop-shadow: drop-shadow(0 2px 4px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
    --drop-shadow-md: drop-shadow(0 4px 8px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
    --drop-shadow-lg: drop-shadow(0 8px 16px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
    --drop-shadow-xl: drop-shadow(0 12px 24px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
    --drop-shadow-none: drop-shadow(0 0 0 #000000);
    --background-color-app-shell-button: #F1F1F1;
    --background-color-app-shell-button-hover: #D8D8D8;
    --background-color-app-shell-button-active: #B4B4B4;
    --background-color-app-shell-button-timed: #4C4C4C;
    --background-color-app-shell-button-timed-hover: #383838;
    --background-color-app-shell-button-timed-active: #262626;
    --background-color-app-shell-surface-header: #ECECEC;
    --background-color-app-shell-surface-nav: #ECECEC;
    --background-color-app-shell-surface-main: #FFFFFF;
    --background-color-app-shell-surface-main-header: #FFFFFF;
    --background-color-app-shell-unselected: transparent;
    --background-color-app-shell-unselected-hover: #D8D8D8;
    --background-color-app-shell-unselected-active: #B4B4B4;
    --background-color-app-shell-selected: #D8D8D8;
    --background-color-app-shell-selected-hover: #B4B4B4;
    --background-color-app-shell-selected-active: #949494;
    --background-color-app-shell-icon-shape-resource: #D1E3FA;
    --background-color-app-shell-icon-shape-account: #ECECEC;
    --background-color-app-shell-icon-shape-collapse: #ECECEC;
    --background-color-app-shell-icon-shape-hover: #ECECEC;
    --border-color-app-shell-button: #D8D8D8;
    --border-color-app-shell-nav: transparent;
    --border-color-app-shell-divider: #D8D8D8;
    --border-color-app-shell-main: #D8D8D8;
    --focus-color-app-shell-button: #1A56FF;
    --text-color-app-shell-button: #262626;
    --text-color-app-shell-button-timed: #FFFFFF;
    --text-color-app-shell-placeholder: #626262;
    --text-color-app-shell-selected: #151515;
    --text-color-app-shell-unselected: #4C4C4C;
    --text-color-app-shell-icon-shape-resource: #262626;
    --text-color-app-shell-icon-shape-account: #262626;
    --text-color-app-shell-icon-shape-account-subtext: #626262;
    --text-color-app-shell-icon-shape-collapse: #626262;
    --text-color-app-shell-icon-selected: #262626;
    --text-color-app-shell-icon-unselected: #4C4C4C;
    --text-color-app-shell-heading: #626262;
    --background-color-badge-red: #D2151E;
    --background-color-badge-blue: #1A56FF;
    --background-color-bubble-sent: #EFF6FF;
    --background-color-bubble-received: #F6F6F6;
    --background-color-dot-red: #F13E39;
    --background-color-dot-blue: #3B7CFE;
    --color-icon-info: #1A56FF;
    --color-icon-success: #00805C;
    --color-icon-warning: #C24E00;
    --color-icon-danger: #D2151E;
    --color-icon-new: #6E2DEB;
    --color-icon-purple: #6E2DEB;
    --color-icon-pink: #C92876;
    --color-icon-yellow: #9E6900;
    --color-icon-teal: #00819E;
    --color-icon-grey: #626262;
    --color-icon-red: #D2151E;
    --color-icon-orange: #C24E00;
    --color-icon-green: #00805C;
    --color-icon-blue: #1A56FF;
    --text-color-icon-shape-info: #0F41CE;
    --text-color-icon-shape-success: #006C4D;
    --text-color-icon-shape-warning: #B53E00;
    --text-color-icon-shape-danger: #B90414;
    --text-color-icon-shape-new: #521BBC;
    --text-color-icon-shape-purple: #521BBC;
    --text-color-icon-shape-pink: #A30D56;
    --text-color-icon-shape-yellow: #804F00;
    --text-color-icon-shape-teal: #006278;
    --text-color-icon-shape-grey: #4C4C4C;
    --text-color-icon-shape-red: #B90414;
    --text-color-icon-shape-orange: #B53E00;
    --text-color-icon-shape-green: #006C4D;
    --text-color-icon-shape-blue: #0F41CE;
    --background-color-icon-shape-info: #D1E3FA;
    --background-color-icon-shape-success: #ADF4D4;
    --background-color-icon-shape-warning: #FFECC4;
    --background-color-icon-shape-danger: #FFDFDB;
    --background-color-icon-shape-new: #E6E1FF;
    --background-color-icon-shape-purple: #E6E1FF;
    --background-color-icon-shape-pink: #FFDEEE;
    --background-color-icon-shape-yellow: #FBF3C8;
    --background-color-icon-shape-teal: #D6F7FF;
    --background-color-icon-shape-grey: #ECECEC;
    --background-color-icon-shape-red: #FFDFDB;
    --background-color-icon-shape-orange: #FFECC4;
    --background-color-icon-shape-green: #ADF4D4;
    --background-color-icon-shape-blue: #D1E3FA;
    --background-color-icon-shape-blueback: #E2EDFD;
    --text-color-icon-shape-blueback: #3E4D61;
    --background-color-icon-shape-lavender: #EDEAFD;
    --text-color-icon-shape-lavender: #4C486A;
    --background-color-icon-shape-ledger-green: #EEEED3;
    --text-color-icon-shape-ledger-green: #4C4F27;
    --background-color-icon-shape-manilla-yellow: #FFE9CE;
    --text-color-icon-shape-manilla-yellow: #5D492C;
    --background-color-icon-shape-stone: #EFECE7;
    --text-color-icon-shape-stone: #504B46;
    --background-color-icon-shape-carbon-copy-grey: #ECECEC;
    --text-color-icon-shape-carbon-copy-grey: #4C4C4C;
    --background-color-illustration-blueback: #B6CFF2;
    --background-color-illustration-lavender: #B6AEE7;
    --background-color-illustration-ledger-green: #C2C682;
    --background-color-illustration-manilla-yellow: #F5CE9B;
    --background-color-illustration-stone: #CCC4BA;
    --background-color-illustration-carbon-copy-grey: #DBDBDB;
    --fill-logo-brand: #1A56FF;
    --fill-logo-title: #383838;
    --fill-logo-light: #FFFFFF;
    --clio-page-main-box-shadow: var(--box-shadow-lg);
  }
}

.clio-cloak {
  transition: opacity 0.3s;
}

.clio-cloak:has(:not(:defined)) {
  opacity: 0;
  transition: none;
}

@media (prefers-reduced-motion) {
  .clio-cloak {
    transition: none;
  }
}