@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Text:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";

/* cloud_design_system/src/styles/fonts.css */
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* cloud_design_system/src/styles/theme.css */
:root {
  --cm-ref-gm2-palette-grey200: #E8EAED;
  --cm-ref-gm2-palette-blue300: #8ab4f8;
  --cm-ref-gm2-palette-grey900: #202124;
  --cm-ref-gm2-palette-blue700: #1967D2;
  --cm-ref-gm2-palette-grey100: #F1F3F4;
  --cm-ref-gm2-palette-grey700: #5F6368;
  --cm-ref-gm2-palette-blue100: #D2E3FC;
  --cm-ref-gm2-palette-blue900: #174EA6;
  --cm-ref-gm2-palette-blue1000: #16427F;
  --cm-ref-gm2-palette-grey1000: #131314;
  --cm-ref-gm2-palette-red50: #FCE8E6;
  --cm-ref-gm2-palette-red100: #FAD2CF;
  --cm-ref-gm2-palette-red200: #F6AEA9;
  --cm-ref-gm2-palette-red300: #F28B82;
  --cm-ref-gm2-palette-red400: #EE675C;
  --cm-ref-gm2-palette-red500: #EA4335;
  --cm-ref-gm2-palette-red600: #D93025;
  --cm-ref-gm2-palette-red700: #C5221F;
  --cm-ref-gm2-palette-red800: #B31412;
  --cm-ref-gm2-palette-red900: #A50E0E;
  --cm-ref-gm2-palette-red1000: #771B1A;
  --cm-ref-gm2-palette-yellow50: #FEF7E0;
  --cm-ref-gm2-palette-yellow100: #FEEFC3;
  --cm-ref-gm2-palette-yellow200: #FDE293;
  --cm-ref-gm2-palette-yellow300: #FDD663;
  --cm-ref-gm2-palette-yellow400: #FCC934;
  --cm-ref-gm2-palette-yellow500: #FBBC04;
  --cm-ref-gm2-palette-yellow600: #F9AB00;
  --cm-ref-gm2-palette-yellow700: #F29900;
  --cm-ref-gm2-palette-yellow800: #EA8600;
  --cm-ref-gm2-palette-yellow900: #E37400;
  --cm-ref-gm2-palette-yellow1000: #905E09;
  --cm-ref-gm2-palette-orange50: #FEEFE3;
  --cm-ref-gm2-palette-orange100: #FEDFC8;
  --cm-ref-gm2-palette-orange200: #FDC69C;
  --cm-ref-gm2-palette-orange300: #FCAD70;
  --cm-ref-gm2-palette-orange400: #FA903E;
  --cm-ref-gm2-palette-orange500: #FA7B17;
  --cm-ref-gm2-palette-orange600: #E8710A;
  --cm-ref-gm2-palette-orange700: #D56E0C;
  --cm-ref-gm2-palette-orange800: #C16401;
  --cm-ref-gm2-palette-orange900: #B06000;
  --cm-ref-gm2-palette-orange1000: #804610;
  --cm-ref-gm2-palette-green50: #E6F4EA;
  --cm-ref-gm2-palette-green100: #CEEAD6;
  --cm-ref-gm2-palette-green200: #A8DAB5;
  --cm-ref-gm2-palette-green300: #81C995;
  --cm-ref-gm2-palette-green400: #5BB974;
  --cm-ref-gm2-palette-green500: #34A853;
  --cm-ref-gm2-palette-green600: #1E8E3E;
  --cm-ref-gm2-palette-green700: #188038;
  --cm-ref-gm2-palette-green800: #137333;
  --cm-ref-gm2-palette-green900: #0D652D;
  --cm-ref-gm2-palette-green1000: #165028;
  --cm-ref-gm2-palette-pink50: #FDE7F3;
  --cm-ref-gm2-palette-pink100: #FDCFE8;
  --cm-ref-gm2-palette-pink200: #FBA9D6;
  --cm-ref-gm2-palette-pink300: #FF8BCB;
  --cm-ref-gm2-palette-pink400: #FF63B8;
  --cm-ref-gm2-palette-pink500: #F439A0;
  --cm-ref-gm2-palette-pink600: #E52592;
  --cm-ref-gm2-palette-pink700: #C92786;
  --cm-ref-gm2-palette-pink800: #B80672;
  --cm-ref-gm2-palette-pink900: #9C166B;
  --cm-ref-gm2-palette-pink1000: #791E54;
  --cm-ref-gm2-palette-purple50: #F3E8FD;
  --cm-ref-gm2-palette-purple100: #E9D2FD;
  --cm-ref-gm2-palette-purple200: #D7AEFB;
  --cm-ref-gm2-palette-purple300: #C58AF9;
  --cm-ref-gm2-palette-purple400: #AF5CF7;
  --cm-ref-gm2-palette-purple500: #A142F4;
  --cm-ref-gm2-palette-purple600: #9334E6;
  --cm-ref-gm2-palette-purple700: #8430CE;
  --cm-ref-gm2-palette-purple800: #7627BB;
  --cm-ref-gm2-palette-purple900: #681DA8;
  --cm-ref-gm2-palette-purple1000: #52237C;
  --cm-ref-gm2-palette-cyan50: #E4F7FB;
  --cm-ref-gm2-palette-cyan100: #CBF0F8;
  --cm-ref-gm2-palette-cyan200: #A1E4F2;
  --cm-ref-gm2-palette-cyan300: #78D9EC;
  --cm-ref-gm2-palette-cyan400: #4ECDE6;
  --cm-ref-gm2-palette-cyan500: #24C1E0;
  --cm-ref-gm2-palette-cyan600: #12B5CB;
  --cm-ref-gm2-palette-cyan700: #12A4AF;
  --cm-ref-gm2-palette-cyan800: #098591;
  --cm-ref-gm2-palette-cyan900: #007B83;
  --cm-ref-gm2-palette-cyan1000: #12646B;
  --cm-ref-gm2-palette-blue200: #AECBFA;
  --cm-ref-gm2-palette-blue400: #669DF6;
  --cm-ref-gm2-palette-blue500: #4285F4;
  --cm-ref-gm2-palette-blue800: #185ABC;
  --cm-ref-gm2-palette-blue50: #E8F0FE;
  --cm-ref-gm2-palette-grey600: #80868B;
  --cm-ref-gm2-palette-grey500: #9AA0A6;
  --cm-ref-gm2-palette-grey400: #BDC1C6;
  --cm-ref-gm2-palette-grey800: #3C4043;
  --cm-ref-gm2-palette-blue600: #1a73e8;
  --cm-ref-gm2-palette-white: #ffffff;
  --cm-ref-gm2-palette-black: #000000;
  --cm-ref-gm2-palette-grey300: #DADCE0;
}
:root {
  --cm-ref-space-0: 0px;
  --cm-ref-space-05: 2px;
  --cm-ref-space-1: 4px;
  --cm-ref-space-2: 8px;
  --cm-ref-space-3: 12px;
  --cm-ref-space-4: 16px;
  --cm-ref-space-5: 20px;
  --cm-ref-space-6: 24px;
  --cm-ref-space-7: 28px;
  --cm-ref-space-8: 32px;
  --cm-ref-space-9: 36px;
  --cm-ref-space-10: 40px;
  --cm-ref-space-11: 44px;
  --cm-ref-space-12: 48px;
  --cm-ref-space-14: 56px;
}
:root {
  --cm-ref-opacity-alpha0: 0;
  --cm-ref-opacity-alpha4: 0.04;
  --cm-ref-opacity-alpha10: 0.1;
  --cm-ref-opacity-alpha12: 0.12;
  --cm-ref-opacity-alpha24: 0.24;
  --cm-ref-opacity-alpha38: 0.38;
  --cm-ref-opacity-alpha50: 0.5;
  --cm-ref-opacity-alpha54: 0.54;
  --cm-ref-opacity-alpha60: 0.6;
  --cm-ref-opacity-alpha75: 0.75;
  --cm-ref-opacity-alpha100: 1;
}
:root {
  --cm-ref-type-family-display: Google Sans, sans-serif;
  --cm-ref-type-family-body: Roboto, sans-serif;
  --cm-ref-type-family-code: Roboto Mono, monospace;
  --cm-ref-type-weight-bold: 700;
  --cm-ref-type-weight-medium: 500;
  --cm-ref-type-weight-regular: 400;
  --cm-ref-type-size-11: 11px;
  --cm-ref-type-size-12: 12px;
  --cm-ref-type-size-14: 14px;
  --cm-ref-type-size-16: 16px;
  --cm-ref-type-size-18: 18px;
  --cm-ref-type-size-20: 20px;
  --cm-ref-type-size-22: 22px;
  --cm-ref-type-size-24: 24px;
  --cm-ref-type-size-28: 28px;
  --cm-ref-type-size-32: 32px;
  --cm-ref-type-size-36: 36px;
  --cm-ref-type-size-44: 44px;
  --cm-ref-type-size-56: 56px;
  --cm-ref-type-line-height-16: 16px;
  --cm-ref-type-line-height-20: 20px;
  --cm-ref-type-line-height-24: 24px;
  --cm-ref-type-line-height-28: 28px;
  --cm-ref-type-line-height-32: 32px;
  --cm-ref-type-line-height-36: 36px;
  --cm-ref-type-line-height-40: 40px;
  --cm-ref-type-line-height-44: 44px;
  --cm-ref-type-line-height-52: 52px;
  --cm-ref-type-line-height-64: 64px;
  --cm-sys-type-display-large: 400 3.5rem / 4rem Google Sans, sans-serif;
  --cm-sys-type-display-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-large-font-size: var(--cm-ref-type-size-56);
  --cm-sys-type-display-large-line-height: var(--cm-ref-type-line-height-64);
  --cm-sys-type-display-medium: 400 2.75rem / 3.25rem Google Sans, sans-serif;
  --cm-sys-type-display-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-medium-font-size: var(--cm-ref-type-size-44);
  --cm-sys-type-display-medium-line-height: var(--cm-ref-type-line-height-52);
  --cm-sys-type-display-small: 400 2.25rem / 2.75rem Google Sans, sans-serif;
  --cm-sys-type-display-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-small-font-size: var(--cm-ref-type-size-36);
  --cm-sys-type-display-small-line-height: var(--cm-ref-type-line-height-44);
  --cm-sys-type-headline-large: 400 2rem / 2.5rem Google Sans, sans-serif;
  --cm-sys-type-headline-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-large-font-size: var(--cm-ref-type-size-32);
  --cm-sys-type-headline-large-line-height: var(--cm-ref-type-line-height-40);
  --cm-sys-type-headline-medium: 400 1.75rem / 2.25rem Google Sans, sans-serif;
  --cm-sys-type-headline-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-medium-font-size: var(--cm-ref-type-size-28);
  --cm-sys-type-headline-medium-line-height: var(--cm-ref-type-line-height-36);
  --cm-sys-type-headline-small: 400 1.5rem / 2rem Google Sans, sans-serif;
  --cm-sys-type-headline-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-small-font-size: var(--cm-ref-type-size-24);
  --cm-sys-type-headline-small-line-height: var(--cm-ref-type-line-height-32);
  --cm-sys-type-title-large: 400 1.375rem / 1.75rem Google Sans, sans-serif;
  --cm-sys-type-title-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-large-font-size: var(--cm-ref-type-size-22);
  --cm-sys-type-title-large-line-height: var(--cm-ref-type-line-height-28);
  --cm-sys-type-title-medium: 400 1.25rem / 1.5rem Google Sans, sans-serif;
  --cm-sys-type-title-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-medium-font-size: var(--cm-ref-type-size-20);
  --cm-sys-type-title-medium-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-title-small: 400 1.125rem / 1.5rem Google Sans, sans-serif;
  --cm-sys-type-title-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-small-font-size: var(--cm-ref-type-size-18);
  --cm-sys-type-title-small-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-label-large: 500 1rem / 1.5rem Google Sans, sans-serif;
  --cm-sys-type-label-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-large-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-large-font-size: var(--cm-ref-type-size-16);
  --cm-sys-type-label-large-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-label-medium: 500 0.875rem / 1.25rem Google Sans, sans-serif;
  --cm-sys-type-label-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-medium-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-medium-font-size: var(--cm-ref-type-size-14);
  --cm-sys-type-label-medium-line-height: var(--cm-ref-type-line-height-20);
  --cm-sys-type-label-small: 500 0.75rem / 1rem Google Sans, sans-serif;
  --cm-sys-type-label-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-small-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-small-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-label-small-line-height: var(--cm-ref-type-line-height-16);
  --cm-sys-type-body-large: 400 1rem / 1.5rem Roboto, sans-serif;
  --cm-sys-type-body-large-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-large-font-size: var(--cm-ref-type-size-16);
  --cm-sys-type-body-large-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-body-medium: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --cm-sys-type-body-medium-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-medium-font-size: var(--cm-ref-type-size-14);
  --cm-sys-type-body-medium-line-height: var(--cm-ref-type-line-height-20);
  --cm-sys-type-body-small: 400 0.75rem / 1rem Roboto, sans-serif;
  --cm-sys-type-body-small-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-small-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-body-small-line-height: var(--cm-ref-type-line-height-16);
  --cm-sys-type-code: 400 0.75rem / 1rem Roboto Mono, monospace;
  --cm-sys-type-code-font-family: var(--cm-ref-type-family-code);
  --cm-sys-type-code-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-code-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-code-line-height: var(--cm-ref-type-line-height-16);
}
:root,
:root[data-theme=light] {
  --cm-sys-color-outline-active: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-container-primary: var(--cm-ref-gm2-palette-blue50);
  --cm-sys-color-surface-variant: #f9fafb;
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.6);
  --cm-sys-color-surface-modal: var(--cm-sys-color-surface);
  --cm-sys-color-on-primary-inverse: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-primary-on-container: var(--cm-ref-gm2-palette-blue700);
  --cm-sys-color-outline: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-on-surface-inverse: var(--cm-ref-gm2-palette-grey200);
  --cm-sys-color-container-high: #EDEFF3;
  --cm-sys-color-primary: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-scrim-loading: rgba(255, 255, 255, 0.6);
  --cm-sys-color-container: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-hairline: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: var(--cm-sys-color-container-primary);
  --cm-sys-color-state-primary-on-surface-hover: rgba(26, 115, 232, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(26, 115, 232, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(26, 115, 232, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue900);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(60, 64, 67, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(60, 64, 67, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(60, 64, 67, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-state-disabled: rgba(60, 64, 67, 0.38);
  --cm-sys-color-state-disabled-container: rgba(60, 64, 67, 0.12);
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey200);
  --cm-sys-color-status-success: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-status-on-success: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-status-success-container: var(--cm-ref-gm2-palette-green50);
  --cm-sys-color-status-warning: var(--cm-ref-gm2-palette-yellow900);
  --cm-sys-color-status-on-warning: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-status-warning-container: var(--cm-ref-gm2-palette-yellow50);
  --cm-sys-color-status-error: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-status-on-error: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-status-error-container: var(--cm-ref-gm2-palette-red50);
  --cm-sys-color-status-neutral: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-status-on-neutral: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-status-neutral-container: var(--cm-sys-color-container);
  --cm-sys-color-link-default: var(--cm-ref-gm2-palette-blue700);
  --cm-sys-color-link-visited: var(--cm-ref-gm2-palette-purple800);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey700);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-low: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-low: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-low: var(--cm-ref-gm2-palette-green100);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow600);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-low: var(--cm-ref-gm2-palette-yellow100);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-low: var(--cm-ref-gm2-palette-red100);
  --cm-sys-color-on-surface: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-on-surface-variant: var(--cm-ref-gm2-palette-grey700);
  --cm-sys-color-surface-elevation: var(--cm-sys-color-surface);
  --cm-sys-color-primary-inverse: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-on-primary: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface-inverse: #131314;
}
:root[data-theme=dark] {
  --cm-sys-color-outline-active: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-container-primary: #28303D;
  --cm-sys-color-surface-variant: #1f2123;
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.75);
  --cm-sys-color-surface-modal: #18191B;
  --cm-sys-color-on-primary-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-primary-on-container: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-outline: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-on-surface-inverse: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-container-high: #3A3D41;
  --cm-sys-color-primary: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-surface: #131314;
  --cm-sys-color-scrim-loading: rgba(32, 33, 36, 0.6);
  --cm-sys-color-container: #292B2E;
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-hairline: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: var(--cm-sys-color-container-primary);
  --cm-sys-color-state-primary-on-surface-hover: rgba(138, 180, 248, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(138, 180, 248, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(138, 180, 248, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(232, 234, 237, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(232, 234, 237, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(232, 234, 237, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-state-disabled: rgba(232, 234, 237, 0.38);
  --cm-sys-color-state-disabled-container: rgba(232, 234, 237, 0.12);
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-status-success: var(--cm-ref-gm2-palette-green400);
  --cm-sys-color-status-on-success: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-status-success-container: #37493F;
  --cm-sys-color-status-warning: var(--cm-ref-gm2-palette-yellow400);
  --cm-sys-color-status-on-warning: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-status-warning-container: #554C33;
  --cm-sys-color-status-error: var(--cm-ref-gm2-palette-red400);
  --cm-sys-color-status-on-error: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-status-error-container: #523A3B;
  --cm-sys-color-status-neutral: var(--cm-ref-gm2-palette-grey400);
  --cm-sys-color-status-on-neutral: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-status-neutral-container: var(--cm-sys-color-container);
  --cm-sys-color-link-default: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-link-visited: var(--cm-ref-gm2-palette-purple300);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue200);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue400);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey400);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-charts-primary-low: rgba(138, 180, 248, 0.24);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-charts-neutral-low: rgba(218, 220, 224, 0.24);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-charts-success-low: rgba(129, 201, 149, 0.24);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-charts-warning-low: rgba(253, 214, 99, 0.24);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-charts-error-low: rgba(242, 139, 130, 0.24);
  --cm-sys-color-on-surface: var(--cm-ref-gm2-palette-grey200);
  --cm-sys-color-on-surface-variant: var(--cm-ref-gm2-palette-grey400);
  --cm-sys-color-surface-elevation: #303236;
  --cm-sys-color-primary-inverse: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-on-primary: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-surface-inverse: var(--cm-ref-gm2-palette-white);
}
:root[data-theme=cm3-light] {
  --cm-sys-color-backdrop: #f0f5fe;
  --cm-sys-color-on-backdrop: var(--cm-sys-color-on-surface);
  --cm-sys-color-on-backdrop-variant: #545f72;
  --cm-sys-color-backdrop-active: #dbedfc;
  --cm-sys-color-backdrop-inset: #dde3ea;
  --cm-sys-color-primary: #496cc3;
  --cm-sys-color-on-primary: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-primary-inverse: #839cff;
  --cm-sys-color-on-primary-inverse: #1b2e5d;
  --cm-sys-color-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface-variant: #f5f8fc;
  --cm-sys-color-surface-high: #ffffff;
  --cm-sys-color-on-surface: #1b2e5d;
  --cm-sys-color-on-surface-variant: #475569;
  --cm-sys-color-on-surface-variant-low: #7f919c;
  --cm-sys-color-surface-inverse: #353b43;
  --cm-sys-color-on-surface-inverse: #f1f4f9;
  --cm-sys-color-surface-modal: var(--cm-sys-color-surface-variant);
  --cm-sys-color-surface-elevation: var(--cm-sys-color-backdrop);
  --cm-sys-color-container-primary: #f5fbff;
  --cm-sys-color-container: #e9eef6;
  --cm-sys-color-container-high: #dae5f7;
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-primary-on-container: #314f9b;
  --cm-sys-color-container-primary-outline: #dcebfd;
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey200);
  --cm-sys-color-outline: #8496c1;
  --cm-sys-color-outline-active: var(--cm-sys-color-primary);
  --cm-sys-color-hairline: #b7c3e0;
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: #e0f0f9;
  --cm-sys-color-link-default: #4467c1;
  --cm-sys-color-link-visited: #6b59cf;
  --cm-sys-color-status-success: #149e76;
  --cm-sys-color-status-on-success: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-success-container: #e5f7f6;
  --cm-sys-color-status-warning: #ff7e4f;
  --cm-sys-color-status-on-warning: #1b2e5d;
  --cm-sys-color-status-warning-container: #fff6d6;
  --cm-sys-color-status-error: #c61f74;
  --cm-sys-color-status-on-error: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-error-container: #FAD1D8;
  --cm-sys-color-status-neutral: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-neutral: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-neutral-container: #e9eef6;
  --cm-sys-color-status-active-assist: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-active-assist: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-active-assist-container: #e8f5fe;
  --cm-sys-color-destructive-background: #e12040;
  --cm-sys-color-ai-surface:
    linear-gradient(
      90deg,
      #f2f7ff,
      #e6efff);
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.6);
  --cm-sys-color-scrim-loading: rgba(255, 255, 255, 0.6);
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-state-primary-on-surface-hover: rgba(26, 115, 232, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(26, 115, 232, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(26, 115, 232, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue900);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(60, 64, 67, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(60, 64, 67, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(60, 64, 67, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-state-disabled: rgba(60, 64, 67, 0.38);
  --cm-sys-color-state-disabled-container: rgba(60, 64, 67, 0.12);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey700);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-low: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-low: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-low: var(--cm-ref-gm2-palette-green100);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow600);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-low: var(--cm-ref-gm2-palette-yellow100);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-low: var(--cm-ref-gm2-palette-red100);
}
:root[data-theme=cm3-dark] {
  --cm-sys-color-backdrop: #282c32;
  --cm-sys-color-on-backdrop: var(--cm-sys-color-on-surface);
  --cm-sys-color-on-backdrop-variant: #9ca6b2;
  --cm-sys-color-backdrop-active: #2a3f5e;
  --cm-sys-color-backdrop-inset: #4c4f5c;
  --cm-sys-color-primary: #839cff;
  --cm-sys-color-on-primary: #1b2e5d;
  --cm-sys-color-primary-inverse: #496cc3;
  --cm-sys-color-on-primary-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface: #353b43;
  --cm-sys-color-surface-variant: #3c444e;
  --cm-sys-color-surface-high: #292b2e;
  --cm-sys-color-on-surface: #f1f4f9;
  --cm-sys-color-on-surface-variant: #b9c0cc;
  --cm-sys-color-on-surface-variant-low: #adb7c3;
  --cm-sys-color-surface-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-on-surface-inverse: #1b2e5d;
  --cm-sys-color-surface-modal: var(--cm-sys-color-surface-variant);
  --cm-sys-color-surface-elevation: var(--cm-sys-color-backdrop);
  --cm-sys-color-container-primary: #3d4a62;
  --cm-sys-color-container: #414d5e;
  --cm-sys-color-container-high: #2b3a50;
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-primary-on-container: #e5ecff;
  --cm-sys-color-container-primary-outline: #506276;
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-outline: #b7c2e8;
  --cm-sys-color-outline-active: var(--cm-sys-color-primary);
  --cm-sys-color-hairline: #50638b;
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: #3a4756;
  --cm-sys-color-link-default: #d1dcff;
  --cm-sys-color-link-visited: #c3b9ff;
  --cm-sys-color-status-success: #6eebbf;
  --cm-sys-color-status-on-success: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-success-container: #275f5c;
  --cm-sys-color-status-warning: #ffdf82;
  --cm-sys-color-status-on-warning: #1b2e5d;
  --cm-sys-color-status-warning-container: #736b3f;
  --cm-sys-color-status-error: #ffb8db;
  --cm-sys-color-status-on-error: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-error-container: #7d4560;
  --cm-sys-color-status-neutral: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-neutral: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-neutral-container: #50638b;
  --cm-sys-color-status-active-assist: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-active-assist: #1b2e5d;
  --cm-sys-color-status-active-assist-container: #344b63;
  --cm-sys-color-destructive-background: #e12040;
  --cm-sys-color-ai-surface: #2a3953;
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.75);
  --cm-sys-color-scrim-loading: rgba(32, 33, 36, 0.6);
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-state-primary-on-surface-hover: rgba(138, 180, 248, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(138, 180, 248, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(138, 180, 248, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(232, 234, 237, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(232, 234, 237, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(232, 234, 237, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-state-disabled: rgba(232, 234, 237, 0.38);
  --cm-sys-color-state-disabled-container: rgba(232, 234, 237, 0.12);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue200);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue400);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey400);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-charts-primary-low: rgba(138, 180, 248, 0.24);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-charts-neutral-low: rgba(218, 220, 224, 0.24);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-charts-success-low: rgba(129, 201, 149, 0.24);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-charts-warning-low: rgba(253, 214, 99, 0.24);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-charts-error-low: rgba(242, 139, 130, 0.24);
}
:root[data-theme=cm3-contrast-light] {
  --cm-sys-color-backdrop: #e6ecf7;
  --cm-sys-color-on-backdrop: var(--cm-sys-color-on-surface);
  --cm-sys-color-on-backdrop-variant: #2d3a4f;
  --cm-sys-color-backdrop-active: #c7dbf6;
  --cm-sys-color-backdrop-inset: #d1d8e3;
  --cm-sys-color-primary: #4058b5;
  --cm-sys-color-on-primary: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-primary-inverse: #8fa8ff;
  --cm-sys-color-on-primary-inverse: #0b1f44;
  --cm-sys-color-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface-variant: #eef2f8;
  --cm-sys-color-surface-high: #ffffff;
  --cm-sys-color-on-surface: #0b1f44;
  --cm-sys-color-on-surface-variant: #203357;
  --cm-sys-color-on-surface-variant-low: #5c6e7a;
  --cm-sys-color-surface-inverse: #2e333b;
  --cm-sys-color-on-surface-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface-modal: var(--cm-sys-color-surface-variant);
  --cm-sys-color-surface-elevation: var(--cm-sys-color-backdrop);
  --cm-sys-color-container-primary: #e9f2ff;
  --cm-sys-color-container: #d5dfed;
  --cm-sys-color-container-high: #c9d9f2;
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-primary-on-container: #1f3a8a;
  --cm-sys-color-container-primary-outline: #9db7e5;
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey200);
  --cm-sys-color-outline: #4b5ea3;
  --cm-sys-color-outline-active: var(--cm-sys-color-primary);
  --cm-sys-color-hairline: #9fb0cf;
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: #cfe4f6;
  --cm-sys-color-link-default: #1f3a8a;
  --cm-sys-color-link-visited: #4737a3;
  --cm-sys-color-status-success: #0e7a5e;
  --cm-sys-color-status-on-success: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-success-container: #a7e6d7;
  --cm-sys-color-status-warning: #983601;
  --cm-sys-color-status-on-warning: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-status-warning-container: #ffe8a3;
  --cm-sys-color-status-error: #a61f64;
  --cm-sys-color-status-on-error: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-error-container: #fad1d8;
  --cm-sys-color-status-neutral: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-neutral: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-neutral-container: #d8dff0;
  --cm-sys-color-status-active-assist: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-active-assist: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-active-assist-container: #e8f5fe;
  --cm-sys-color-destructive-background: #e12040;
  --cm-sys-color-ai-surface:
    linear-gradient(
      90deg,
      #f2f7ff,
      #e6efff);
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.6);
  --cm-sys-color-scrim-loading: rgba(255, 255, 255, 0.6);
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-state-primary-on-surface-hover: rgba(26, 115, 232, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(26, 115, 232, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(26, 115, 232, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue900);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(60, 64, 67, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(60, 64, 67, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(60, 64, 67, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey900);
  --cm-sys-color-state-disabled: rgba(60, 64, 67, 0.38);
  --cm-sys-color-state-disabled-container: rgba(60, 64, 67, 0.12);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey700);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue600);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-low: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey600);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-low: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green700);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-low: var(--cm-ref-gm2-palette-green100);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow600);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-low: var(--cm-ref-gm2-palette-yellow100);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red600);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-low: var(--cm-ref-gm2-palette-red100);
}
:root[data-theme=cm3-contrast-dark] {
  --cm-sys-color-backdrop: #232831;
  --cm-sys-color-on-backdrop: var(--cm-sys-color-on-surface);
  --cm-sys-color-on-backdrop-variant: #d3d4d6;
  --cm-sys-color-backdrop-active: #344b7a;
  --cm-sys-color-backdrop-inset: #2e333b;
  --cm-sys-color-primary: #8fa8ff;
  --cm-sys-color-on-primary: #0b1f44;
  --cm-sys-color-primary-inverse: #4058b5;
  --cm-sys-color-on-primary-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-surface: #2e333b;
  --cm-sys-color-surface-variant: #35414f;
  --cm-sys-color-surface-high: #292b2e;
  --cm-sys-color-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-on-surface-variant: #e5e7eb;
  --cm-sys-color-on-surface-variant-low: #c3cbd3;
  --cm-sys-color-surface-inverse: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-on-surface-inverse: #0b1f44;
  --cm-sys-color-surface-modal: var(--cm-sys-color-surface-variant);
  --cm-sys-color-surface-elevation: var(--cm-sys-color-backdrop);
  --cm-sys-color-container-primary: #3f4f7a;
  --cm-sys-color-container: #1f2c3a;
  --cm-sys-color-container-high: #273a52;
  --cm-sys-color-on-container: var(--cm-sys-color-on-surface);
  --cm-sys-color-primary-on-container: #ebf0ff;
  --cm-sys-color-container-primary-outline: #7289a8;
  --cm-sys-color-placeholder: var(--cm-ref-gm2-palette-grey800);
  --cm-sys-color-outline: #d6deff;
  --cm-sys-color-outline-active: var(--cm-sys-color-primary);
  --cm-sys-color-hairline: #6376a6;
  --cm-sys-color-selection: var(--cm-sys-color-primary);
  --cm-sys-color-selection-container: #3d556c;
  --cm-sys-color-link-default: #dce6ff;
  --cm-sys-color-link-visited: #e0dbff;
  --cm-sys-color-status-success: #86e8c8;
  --cm-sys-color-status-on-success: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-success-container: #225956;
  --cm-sys-color-status-warning: #ffdf82;
  --cm-sys-color-status-on-warning: #0b1f44;
  --cm-sys-color-status-warning-container: #6b5a1f;
  --cm-sys-color-status-error: #ffadd8;
  --cm-sys-color-status-on-error: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-error-container: #6f3148;
  --cm-sys-color-status-neutral: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-neutral: var(--cm-sys-color-on-primary);
  --cm-sys-color-status-neutral-container: #3f4f7a;
  --cm-sys-color-status-active-assist: var(--cm-sys-color-primary);
  --cm-sys-color-status-on-active-assist: #1b2e5d;
  --cm-sys-color-status-active-assist-container: #344b63;
  --cm-sys-color-destructive-background: #e12040;
  --cm-sys-color-ai-surface: #2a3953;
  --cm-sys-color-scrim-modal: rgba(0, 0, 0, 0.75);
  --cm-sys-color-scrim-loading: rgba(32, 33, 36, 0.6);
  --cm-sys-color-shadow: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-state-primary-on-surface-hover: rgba(138, 180, 248, 0.04);
  --cm-sys-color-state-primary-on-surface-active: rgba(138, 180, 248, 0.1);
  --cm-sys-color-state-primary-on-surface-focus: rgba(138, 180, 248, 0.12);
  --cm-sys-color-state-on-primary-on-surface-state: var(--cm-ref-gm2-palette-blue100);
  --cm-sys-color-state-neutral-on-surface-hover: rgba(232, 234, 237, 0.04);
  --cm-sys-color-state-neutral-on-surface-active: rgba(232, 234, 237, 0.1);
  --cm-sys-color-state-neutral-on-surface-focus: rgba(232, 234, 237, 0.12);
  --cm-sys-color-state-on-neutral-on-surface-state: var(--cm-ref-gm2-palette-grey100);
  --cm-sys-color-state-disabled: rgba(232, 234, 237, 0.38);
  --cm-sys-color-state-disabled-container: rgba(232, 234, 237, 0.12);
  --cm-sys-color-brand-achromatic: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-brand-blue: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-brand-green: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-brand-red: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-brand-yellow: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-logo-blue-soft-tone: var(--cm-ref-gm2-palette-blue200);
  --cm-sys-color-logo-blue-medium-tone: var(--cm-ref-gm2-palette-blue400);
  --cm-sys-color-logo-blue-deep-tone: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-logo-grey-soft-tone: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-logo-grey-medium-tone: var(--cm-ref-gm2-palette-grey400);
  --cm-sys-color-logo-grey-deep-tone: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-media-surface: var(--cm-ref-gm2-palette-black);
  --cm-sys-color-media-on-surface: var(--cm-ref-gm2-palette-white);
  --cm-sys-color-charts-primary-outline: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-default: var(--cm-ref-gm2-palette-blue300);
  --cm-sys-color-charts-primary-medium: var(--cm-ref-gm2-palette-blue500);
  --cm-sys-color-charts-primary-low: rgba(138, 180, 248, 0.24);
  --cm-sys-color-charts-neutral-outline: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-default: var(--cm-ref-gm2-palette-grey300);
  --cm-sys-color-charts-neutral-medium: var(--cm-ref-gm2-palette-grey500);
  --cm-sys-color-charts-neutral-low: rgba(218, 220, 224, 0.24);
  --cm-sys-color-charts-success-outline: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-default: var(--cm-ref-gm2-palette-green300);
  --cm-sys-color-charts-success-medium: var(--cm-ref-gm2-palette-green500);
  --cm-sys-color-charts-success-low: rgba(129, 201, 149, 0.24);
  --cm-sys-color-charts-warning-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-warning-default: var(--cm-ref-gm2-palette-yellow300);
  --cm-sys-color-charts-warning-medium: var(--cm-ref-gm2-palette-yellow500);
  --cm-sys-color-charts-warning-low: rgba(253, 214, 99, 0.24);
  --cm-sys-color-charts-error-outline: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-default: var(--cm-ref-gm2-palette-red300);
  --cm-sys-color-charts-error-medium: var(--cm-ref-gm2-palette-red500);
  --cm-sys-color-charts-error-low: rgba(242, 139, 130, 0.24);
}
:root[data-theme^=cm3-] {
  --cm-ref-type-family-display: Google Sans Flex, sans-serif;
  --cm-ref-type-family-body: Google Sans Flex, sans-serif;
  --cm-ref-type-family-code: Google Sans Mono, monospace;
  --cm-sys-type-display-large: 400 56px / 64px Google Sans Flex, sans-serif;
  --cm-sys-type-display-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-large-font-size: var(--cm-ref-type-size-56);
  --cm-sys-type-display-large-line-height: var(--cm-ref-type-line-height-64);
  --cm-sys-type-display-medium: 400 44px / 52px Google Sans Flex, sans-serif;
  --cm-sys-type-display-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-medium-font-size: var(--cm-ref-type-size-44);
  --cm-sys-type-display-medium-line-height: var(--cm-ref-type-line-height-52);
  --cm-sys-type-display-small: 400 36px / 44px Google Sans Flex, sans-serif;
  --cm-sys-type-display-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-display-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-display-small-font-size: var(--cm-ref-type-size-36);
  --cm-sys-type-display-small-line-height: var(--cm-ref-type-line-height-44);
  --cm-sys-type-headline-large: 400 32px / 40px Google Sans Flex, sans-serif;
  --cm-sys-type-headline-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-large-font-size: var(--cm-ref-type-size-32);
  --cm-sys-type-headline-large-line-height: var(--cm-ref-type-line-height-40);
  --cm-sys-type-headline-medium: 400 28px / 36px Google Sans Flex, sans-serif;
  --cm-sys-type-headline-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-medium-font-size: var(--cm-ref-type-size-28);
  --cm-sys-type-headline-medium-line-height: var(--cm-ref-type-line-height-36);
  --cm-sys-type-headline-small: 400 24px / 32px Google Sans Flex, sans-serif;
  --cm-sys-type-headline-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-headline-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-headline-small-font-size: var(--cm-ref-type-size-24);
  --cm-sys-type-headline-small-line-height: var(--cm-ref-type-line-height-32);
  --cm-sys-type-title-large: 400 22px / 28px Google Sans Flex, sans-serif;
  --cm-sys-type-title-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-large-font-size: var(--cm-ref-type-size-22);
  --cm-sys-type-title-large-line-height: var(--cm-ref-type-line-height-28);
  --cm-sys-type-title-medium: 400 20px / 24px Google Sans Flex, sans-serif;
  --cm-sys-type-title-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-medium-font-size: var(--cm-ref-type-size-20);
  --cm-sys-type-title-medium-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-title-small: 400 18px / 24px Google Sans Flex, sans-serif;
  --cm-sys-type-title-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-title-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-title-small-font-size: var(--cm-ref-type-size-18);
  --cm-sys-type-title-small-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-label-large: 500 16px / 24px Google Sans Flex, sans-serif;
  --cm-sys-type-label-large-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-large-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-large-font-size: var(--cm-ref-type-size-16);
  --cm-sys-type-label-large-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-label-medium: 500 14px / 20px Google Sans Flex, sans-serif;
  --cm-sys-type-label-medium-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-medium-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-medium-font-size: var(--cm-ref-type-size-14);
  --cm-sys-type-label-medium-line-height: var(--cm-ref-type-line-height-20);
  --cm-sys-type-label-small: 500 12px / 16px Google Sans Flex, sans-serif;
  --cm-sys-type-label-small-font-family: var(--cm-ref-type-family-display);
  --cm-sys-type-label-small-font-weight: var(--cm-ref-type-weight-medium);
  --cm-sys-type-label-small-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-label-small-line-height: var(--cm-ref-type-line-height-16);
  --cm-sys-type-body-large: 400 16px / 24px Google Sans Flex, sans-serif;
  --cm-sys-type-body-large-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-large-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-large-font-size: var(--cm-ref-type-size-16);
  --cm-sys-type-body-large-line-height: var(--cm-ref-type-line-height-24);
  --cm-sys-type-body-medium: 400 14px / 20px Google Sans Flex, sans-serif;
  --cm-sys-type-body-medium-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-medium-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-medium-font-size: var(--cm-ref-type-size-14);
  --cm-sys-type-body-medium-line-height: var(--cm-ref-type-line-height-20);
  --cm-sys-type-body-small: 400 12px / 16px Google Sans Flex, sans-serif;
  --cm-sys-type-body-small-font-family: var(--cm-ref-type-family-body);
  --cm-sys-type-body-small-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-body-small-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-body-small-line-height: var(--cm-ref-type-line-height-16);
  --cm-sys-type-code: 400 12px / 16px Google Sans Mono, monospace;
  --cm-sys-type-code-font-family: var(--cm-ref-type-family-code);
  --cm-sys-type-code-font-weight: var(--cm-ref-type-weight-regular);
  --cm-sys-type-code-font-size: var(--cm-ref-type-size-12);
  --cm-sys-type-code-line-height: var(--cm-ref-type-line-height-16);
  --cm-sys-shape-corner-small: 8px;
  --cm-sys-shape-corner-medium: 12px;
  --cm-sys-shape-corner-large: 16px;
  --cm-sys-shape-corner-extra-large: 20px;
  --cm-sys-shape-corner-full: 50%;
  --cm-sys-shape-corner-extra-large-top: 20px 20px 0 0;
}
:root,
:root[data-theme=light] {
  --cm-sys-elevation-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3), 0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}
:root[data-theme=dark] {
  --cm-sys-elevation-shadow:
    0px 1px 2px 0px rgba(60, 64, 67, 0.3),
    0px 2px 6px 2px rgba(60, 64, 67, 0.15),
    0px 0px 0px 1px inset var(--cm-sys-color-hairline);
}
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::before,
::after {
  box-sizing: border-box;
}
html {
  font-family:
    system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}
body {
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
:root {
  --cdsw-overlay-z-index: 1000;
}
html,
body {
  font-family: var(--cm-sys-type-body-medium-font-family);
  font-size: var(--cm-sys-type-body-medium-font-size);
  font-weight: var(--cm-sys-type-body-medium-font-weight);
  line-height: var(--cm-sys-type-body-medium-line-height);
  background-color: var(--cm-sys-color-surface);
  color: var(--cm-sys-color-on-surface);
}

/* cloud_design_system/src/styles/index.css */

/* node_modules/prismjs/plugins/line-highlight/prism-line-highlight.css */
pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}
.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  background: hsla(24, 20%, 50%, .08);
  background:
    linear-gradient(
      to right,
      hsla(24, 20%, 50%, .1) 70%,
      hsla(24, 20%, 50%, 0));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}
@media print {
  .line-highlight {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
.line-highlight:before,
.line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: .4em;
  left: .6em;
  min-width: 1em;
  padding: 0 .5em;
  background-color: hsla(24, 20%, 50%, .4);
  color: hsl(24, 20%, 95%);
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: .3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white;
}
.line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: .4em;
}
.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
  content: none;
}
pre[id].linkable-line-numbers span.line-numbers-rows {
  pointer-events: all;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
  cursor: pointer;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: rgba(128, 128, 128, .2);
}

/* src/styles.css */
:root {
  --font-size: 16px;
  --background: #ffffff;
  --foreground: #202124;
  --card: rgba(255, 255, 255, 0.85);
  --solid-card: #ffffff;
  --table-bg: #f1f3f4;
  --card-foreground: #202124;
  --popover: rgba(255, 255, 255, 0.95);
  --popover-foreground: #202124;
  --primary: #1a73e8;
  --primary-foreground: #ffffff;
  --secondary: rgba(232, 234, 237, 0.8);
  --secondary-foreground: #202124;
  --muted: rgba(241, 243, 244, 0.6);
  --muted-foreground: #5f6368;
  --accent: rgba(232, 240, 254, 0.8);
  --accent-foreground: #1967d2;
  --destructive: #ea4335;
  --destructive-foreground: #ffffff;
  --border: rgba(218, 220, 224, 0.6);
  --input: rgba(255, 255, 255, 0.5);
  --input-border: #747775;
  --input-border-hover: #202124;
  --input-background: rgba(241, 243, 244, 0.8);
  --switch-background: #bdc1c6;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: rgba(26, 115, 232, 0.5);
  --chart-1: #4285F4;
  --chart-2: #34A853;
  --chart-3: #FBBC05;
  --chart-4: #EA4335;
  --chart-5: #185abc;
  --radius: 0.75rem;
  --sidebar: rgba(255, 255, 255, 0.85);
  --sidebar-foreground: #202124;
  --sidebar-primary: #1a73e8;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(232, 240, 254, 0.8);
  --sidebar-accent-foreground: #1967d2;
  --sidebar-border: rgba(218, 220, 224, 0.6);
  --sidebar-ring: rgba(26, 115, 232, 0.5);
  --scrollbar-track: #f1f3f4;
  --scrollbar-thumb: #dadce0;
}
.dark {
  --background: #000000;
  --foreground: #ffffff;
  --card: rgba(18, 18, 22, 0.65);
  --solid-card: #121216;
  --table-bg: #202124;
  --card-foreground: #ffffff;
  --popover: rgba(18, 18, 22, 0.95);
  --popover-foreground: #ffffff;
  --primary: #3b82f6;
  --primary-foreground: #ffffff;
  --secondary: rgba(30, 41, 59, 0.8);
  --secondary-foreground: #f3f4f6;
  --muted: rgba(30, 41, 59, 0.4);
  --solid-muted: #1e293b;
  --muted-foreground: #9ca3af;
  --accent: rgba(59, 130, 246, 0.15);
  --accent-foreground: #60a5fa;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: rgba(255, 255, 255, 0.08);
  --input: rgba(255, 255, 255, 0.05);
  --input-background: rgba(255, 255, 255, 0.05);
  --input-border: #938f99;
  --input-border-hover: #e6e1e5;
  --ring: rgba(59, 130, 246, 0.5);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: #3b82f6;
  --chart-2: #10b981;
  --chart-3: #f59e0b;
  --chart-4: #ef4444;
  --chart-5: #6366f1;
  --sidebar: rgba(18, 18, 22, 0.85);
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #3b82f6;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(59, 130, 246, 0.15);
  --sidebar-accent-foreground: #60a5fa;
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --sidebar-ring: rgba(59, 130, 246, 0.5);
  --glass-inset: rgba(255, 255, 255, 0.04);
  --scrollbar-track: #202124;
  --scrollbar-thumb: #3c4043;
}
@keyframes kinetic-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body {
  background-color: var(--background);
  color: var(--foreground);
  font-family:
    "Google Sans",
    system-ui,
    sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
.dark body {
  background-color: #000000;
  background-image: none;
  animation: none;
  color: var(--foreground);
}
[style*="background-color: var(--card)"],
[style*="background-color: var(--muted)"],
[style*="background-color: var(--sidebar)"],
.header-container,
.sidebar-container,
.card,
.panel,
.step-card,
.substep-card,
.play-card,
.source-card,
.info-card,
.credly-card,
.table-card,
.tabs-container,
.main-panel,
.sidebar-panel,
.content-panel,
.drop-zone,
.uploaded-files-section,
.file-card,
.chat-container,
.input-wrapper,
.message-bubble:not(.model),
.feature-card,
.domain-card,
.workspace-header,
.chat-input-area,
.sidebar-chat,
.env-table-card,
.deal-value-container,
.deal-value-card,
.collapsible-section,
.info-box,
.credential-card,
.cf-card,
.url-card,
.instruction-card,
.support-hero-card,
.hero-card,
.email-box-wrapper,
.services-card,
.access-card,
.renewal-card {
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px var(--glass-inset, rgba(255, 255, 255, 0.6));
}
.login-layout {
  background-image: none !important;
  background:
    linear-gradient(
      -45deg,
      #e8eaed,
      #f1f3f4,
      #e8f0fe,
      #ceead6,
      #fce8e6,
      #fef7e0);
  background-size: 400% 400%;
  animation: kinetic-gradient 15s ease infinite;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
:host,
* {
  font-family:
    "Google Sans",
    system-ui,
    sans-serif;
}
.fallback-preview-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3.5rem 2rem;
  background-color: var(--cm-sys-color-surface, #ffffff);
  border: 1px dashed var(--border);
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  width: 100%;
  max-width: 480px;
  margin: auto;
  box-sizing: border-box;
  gap: 1rem;
}
.fallback-preview-card .file-icon {
  font-size: 4rem;
  margin-bottom: 0.5rem;
  transition: transform 0.2s ease;
}
.fallback-preview-card:hover .file-icon {
  transform: scale(1.06);
}
.fallback-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0;
}
.fallback-desc {
  font-size: 0.875rem;
  color: var(--muted-foreground);
  line-height: 1.5;
  margin: 0 0 1.25rem 0;
}
.fallback-preview-card.word-theme .file-icon {
  color: #1967d2;
}
.fallback-preview-card.excel-theme .file-icon {
  color: #1e8e3e;
}
.fallback-preview-card.generic-theme .file-icon {
  color: #5f6368;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
body:has(app-create-environment) #custom-support-fab {
  bottom: 120px !important;
}
body .popup-backdrop,
body .drive-dialog-backdrop {
  background-color: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
body .popup-modal,
body dialog.drive-dialog-backdrop .popup-modal,
body .popup-content {
  background-color: var(--popover) !important;
  border: 1px solid var(--border) !important;
  color: var(--foreground) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(60, 64, 67, 0.35), 0 0 0 1px var(--border) !important;
}
body .popup-modal h3,
body .popup-modal .popup-title,
body .popup-modal .dialog-title,
body .popup-modal .popup-header h3 {
  color: var(--foreground) !important;
  font-family: "Google Sans", sans-serif !important;
  font-weight: 500 !important;
}
body .popup-modal p,
body .popup-modal .popup-desc,
body .popup-modal .popup-body,
body .popup-modal .field-hint {
  color: var(--muted-foreground) !important;
}
body .popup-modal .form-input {
  background-color: var(--secondary) !important;
  border: 1px solid var(--border) !important;
  color: var(--foreground) !important;
  border-radius: 4px !important;
  padding: 0.75rem 1rem !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}
body .popup-modal .form-input:focus {
  border-color: var(--primary) !important;
}
body .popup-modal .combobox-input {
  padding-left: 2.875rem !important;
}
body .popup-modal .popup-actions,
body .popup-modal .popup-footer {
  border-top: 1px solid var(--border) !important;
  padding-top: 1.25rem !important;
  margin-top: 1.5rem !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
}
body .popup-modal button.btn-export-csv,
body .popup-modal button.btn-cancel,
body .popup-modal cdsw-button[variant=stroked],
body .popup-modal cdsw-button[variant=text] {
  border: 1px solid var(--border) !important;
  background-color: transparent !important;
  color: var(--foreground) !important;
  border-radius: 100px !important;
  height: 40px !important;
  padding: 0 20px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}
body .popup-modal button.btn-export-csv:hover,
body .popup-modal button.btn-cancel:hover {
  background-color: var(--secondary) !important;
  border-color: var(--primary) !important;
}
body .popup-modal button.btn-add-users,
body .popup-modal button.btn-confirm,
body .popup-modal button.btn-action-primary,
body .popup-modal cdsw-button[variant=flat] {
  background:
    linear-gradient(
      90deg,
      #5a2bf5 0%,
      #3695f8 100%) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 100px !important;
  height: 40px !important;
  padding: 0 24px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: transform 0.2s, opacity 0.2s !important;
}
body .popup-modal button.btn-add-users:hover,
body .popup-modal button.btn-confirm:hover,
body .popup-modal button.btn-action-primary:hover {
  transform: scale(1.02) !important;
  opacity: 0.95 !important;
}
body .popup-modal button.btn-add-users:disabled,
body .popup-modal button.btn-confirm:disabled,
body .popup-modal button.btn-action-primary:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
body .popup-modal button.btn-delete-confirm {
  background: #dc2626 !important;
}
body .popup-modal button.btn-delete-confirm:hover {
  background: #ef4444 !important;
}
body .popup-modal.drive-modal {
  max-width: 60rem !important;
  width: 90vw !important;
}
body .drive-header {
  border-bottom: 1px solid var(--border) !important;
}
body .drive-toolbar {
  border-bottom: 1px solid var(--border) !important;
  background-color: var(--muted) !important;
}
body .drive-table th {
  background-color: var(--table-bg) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--foreground) !important;
}
body .drive-table td {
  border-bottom: 1px solid var(--border) !important;
  color: var(--foreground) !important;
}
body .drive-row:hover {
  background-color: var(--muted) !important;
}
.app-tooltip {
  position: fixed;
  z-index: 1000;
  padding: 5px 9px;
  border-radius: 6px;
  background-color: var(--foreground);
  color: var(--background);
  font-family: "Google Sans Text", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.app-tooltip--visible {
  opacity: 1;
  transform: translateY(0);
}
.app-tooltip::after {
  content: "";
  position: absolute;
  left: var(--tt-arrow-left, 50%);
  transform: translateX(-50%);
  border: 5px solid transparent;
}
.app-tooltip--top::after {
  top: 100%;
  border-top-color: var(--foreground);
}
.app-tooltip--bottom::after {
  bottom: 100%;
  border-bottom-color: var(--foreground);
}
ngx-sonner-toaster,
[data-sonner-toaster] {
  z-index: 2147483647 !important;
}

/* node_modules/prismjs/themes/prism-tomorrow.css */
code[class*=language-],
pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #2d2d2d;
}
:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #999;
}
.token.punctuation {
  color: #ccc;
}
.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
  color: #e2777a;
}
.token.function-name {
  color: #6196cc;
}
.token.boolean,
.token.number,
.token.function {
  color: #f08d49;
}
.token.property,
.token.class-name,
.token.constant,
.token.symbol {
  color: #f8c555;
}
.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
  color: #cc99cd;
}
.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
  color: #7ec699;
}
.token.operator,
.token.entity,
.token.url {
  color: #67cdcc;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.token.inserted {
  color: green;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-WSPKGGOT.css.map */