:host,
:root {
  --gstock-border-radius-xs: 0.125rem;
  --gstock-border-radius-sm: 0.25rem;
  --gstock-border-radius-md: 0.375rem;
  --gstock-border-radius-lg: 0.5rem;
  --gstock-border-radius-xl: 0.75rem;
  --gstock-border-radius-2xl: 1rem;
  --gstock-border-radius-full: 624.9375rem;
  --gstock-border-width: 0.0625rem;
  --gstock-border-width-selected: 0.125rem;
  --gstock-border-width-focused: 0.125rem;
  --gstock-legacy-color-grayscale-0: #fff;
  --gstock-legacy-color-grayscale-100: #f2f2f2;
  --gstock-legacy-color-grayscale-200: #e6e6e6;
  --gstock-legacy-color-grayscale-300: #d9d9d9;
  --gstock-legacy-color-grayscale-400: #bfbfbf;
  --gstock-legacy-color-grayscale-500: #d0d5dd;
  --gstock-legacy-color-grayscale-600: #707070;
  --gstock-legacy-color-grayscale-700: #414141;
  --gstock-legacy-color-grayscale-800: #121212;
  --gstock-legacy-color-grayscale-black: #121212;
  --gstock-legacy-color-grayscale-white: #fff;
  --gstock-legacy-color-brand-primary-100: #d1d6db;
  --gstock-legacy-color-brand-primary-200: #a3adb8;
  --gstock-legacy-color-brand-primary-300: #758494;
  --gstock-legacy-color-brand-primary-400: #414141;
  --gstock-legacy-color-brand-primary-500: #1a334e;
  --gstock-legacy-color-brand-primary-600: #132743;
  --gstock-legacy-color-brand-primary-700: #0d1d38;
  --gstock-legacy-color-brand-primary-800: #08142d;
  --gstock-legacy-color-brand-primary-base: #1a334e;
  --gstock-legacy-color-brand-secondary-100: #cdf9f2;
  --gstock-legacy-color-brand-secondary-200: #9cf3e5;
  --gstock-legacy-color-brand-secondary-300: #6bedd9;
  --gstock-legacy-color-brand-secondary-400: #3ae7cc;
  --gstock-legacy-color-brand-secondary-500: #09e1c0;
  --gstock-legacy-color-brand-secondary-600: #06c1b6;
  --gstock-legacy-color-brand-secondary-700: #049ca2;
  --gstock-legacy-color-brand-secondary-800: #027282;
  --gstock-legacy-color-brand-secondary-base: #09e1c0;
  --gstock-legacy-color-semantic-success-100: #c7f8cf;
  --gstock-legacy-color-semantic-success-200: #92f2ab;
  --gstock-legacy-color-semantic-success-300: #58da87;
  --gstock-legacy-color-semantic-success-400: #2eb56d;
  --gstock-legacy-color-semantic-success-500: #01844b;
  --gstock-legacy-color-semantic-success-600: #016a3a;
  --gstock-legacy-color-semantic-success-700: #014f2a;
  --gstock-legacy-color-semantic-success-800: #01341a;
  --gstock-legacy-color-semantic-success-base: #01844b;
  --gstock-legacy-color-semantic-information-100: #d1dffd;
  --gstock-legacy-color-semantic-information-200: #a5befc;
  --gstock-legacy-color-semantic-information-300: #7698f6;
  --gstock-legacy-color-semantic-information-400: #5379ed;
  --gstock-legacy-color-semantic-information-500: #1f4ae2;
  --gstock-legacy-color-semantic-information-600: #1a3dbf;
  --gstock-legacy-color-semantic-information-700: #15309c;
  --gstock-legacy-color-semantic-information-800: #10237a;
  --gstock-legacy-color-semantic-information-base: #1f4ae2;
  --gstock-legacy-color-semantic-warning-100: #fdedcb;
  --gstock-legacy-color-semantic-warning-200: #fcd698;
  --gstock-legacy-color-semantic-warning-300: #f6b763;
  --gstock-legacy-color-semantic-warning-400: #ed993c;
  --gstock-legacy-color-semantic-warning-500: #e26b02;
  --gstock-legacy-color-semantic-warning-600: #b85402;
  --gstock-legacy-color-semantic-warning-700: #8f3d02;
  --gstock-legacy-color-semantic-warning-800: #672702;
  --gstock-legacy-color-semantic-warning-base: #e26b02;
  --gstock-legacy-color-semantic-danger-100: #fad2ce;
  --gstock-legacy-color-semantic-danger-200: #f59f9f;
  --gstock-legacy-color-semantic-danger-300: #e16b77;
  --gstock-legacy-color-semantic-danger-400: #c3435c;
  --gstock-legacy-color-semantic-danger-500: #9b143c;
  --gstock-legacy-color-semantic-danger-600: #7a0f2f;
  --gstock-legacy-color-semantic-danger-700: #5a0a23;
  --gstock-legacy-color-semantic-danger-800: #3b0617;
  --gstock-legacy-color-semantic-danger-base: #9b143c;
  --gstock-legacy-color-gradient-primary: #000;
  --gstock-legacy-color-gradient-secondary: #000;
  --gstock-legacy-color-gradient-tertiary: #000;
  --gstock-legacy-spacing-0: 2px;
  --gstock-legacy-spacing-1: 4px;
  --gstock-legacy-spacing-2: 8px;
  --gstock-legacy-spacing-3: 10px;
  --gstock-legacy-spacing-4: 12px;
  --gstock-legacy-spacing-5: 16px;
  --gstock-legacy-spacing-6: 20px;
  --gstock-legacy-spacing-7: 24px;
  --gstock-legacy-spacing-8: 32px;
  --gstock-legacy-spacing-9: 40px;
  --gstock-legacy-spacing-10: 48px;
  --gstock-legacy-spacing-11: 56px;
  --gstock-legacy-spacing-12: 64px;
  --gstock-legacy-spacing-13: 72px;
  --gstock-legacy-spacing-14: 80px;
  --gstock-legacy-z-index-100: 100;
  --gstock-legacy-z-index-200: 200;
  --gstock-legacy-z-index-300: 300;
  --gstock-legacy-z-index-400: 400;
  --gstock-legacy-z-index-500: 500;
  --gstock-legacy-z-index-600: 600;
  --gstock-legacy-z-index-700: 700;
  --gstock-legacy-z-index-800: 800;
  --gstock-legacy-z-index-900: 900;
  --gstock-legacy-z-index-1000: 1000;
  --gstock-legacy-breakpoint-desktop-size-width: 1440px;
  --gstock-legacy-breakpoint-desktop-size-height: 1024px;
  --gstock-legacy-breakpoint-desktop-column: 12;
  --gstock-legacy-breakpoint-desktop-gutter: 8px;
  --gstock-legacy-breakpoint-desktop-margin: 40px;
  --gstock-legacy-breakpoint-mobile-size-width: 375px;
  --gstock-legacy-breakpoint-mobile-size-height: 812px;
  --gstock-legacy-breakpoint-mobile-column: 6;
  --gstock-legacy-breakpoint-mobile-gutter: 4px;
  --gstock-legacy-breakpoint-mobile-margin: 16px;
  --gstock-legacy-breakpoint-tablet-size-width: 1318px;
  --gstock-legacy-breakpoint-tablet-size-height: 1094px;
  --gstock-legacy-breakpoint-tablet-column: 12;
  --gstock-legacy-breakpoint-tablet-gutter: 8px;
  --gstock-legacy-breakpoint-tablet-margin: 24px;
  --gstock-legacy-font-family-base: "Euclid Circular B";
  --gstock-legacy-font-weight-base-0: 400;
  --gstock-legacy-font-weight-base-1: 700;
  --gstock-legacy-line-height-0: 1.2;
  --gstock-legacy-font-size-0: 11px;
  --gstock-legacy-font-size-1: 12px;
  --gstock-legacy-font-size-2: 14px;
  --gstock-legacy-font-size-3: 16px;
  --gstock-legacy-font-size-4: 18px;
  --gstock-legacy-font-size-5: 20px;
  --gstock-legacy-font-size-6: 22px;
  --gstock-legacy-font-size-7: 25px;
  --gstock-legacy-font-size-8: 28px;
  --gstock-legacy-font-size-9: 32px;
  --gstock-legacy-letter-spacing-0: 0em;
  --gstock-legacy-paragraph-spacing-0: 0;
  --gstock-legacy-text-transform-none: none;
  --gstock-legacy-text-decoration-none: none;
  --gstock-legacy-text-indent-0: 0;
  --gstock-legacy-xsmall-regular-font-family: "Euclid Circular B";
  --gstock-legacy-xsmall-regular-font-weight: 400;
  --gstock-legacy-xsmall-regular-line-height: 1.2;
  --gstock-legacy-xsmall-regular-font-size: 11px;
  --gstock-legacy-xsmall-regular-letter-spacing: 0em;
  --gstock-legacy-xsmall-regular-paragraph-spacing: 0;
  --gstock-legacy-xsmall-regular-text-indent: 0;
  --gstock-legacy-xsmall-regular-text-transform: none;
  --gstock-legacy-xsmall-regular-text-decoration: none;
  --gstock-legacy-xsmall-bold-font-family: "Euclid Circular B";
  --gstock-legacy-xsmall-bold-font-weight: 700;
  --gstock-legacy-xsmall-bold-line-height: 1.2;
  --gstock-legacy-xsmall-bold-font-size: 11px;
  --gstock-legacy-xsmall-bold-letter-spacing: 0em;
  --gstock-legacy-xsmall-bold-paragraph-spacing: 0;
  --gstock-legacy-xsmall-bold-text-indent: 0;
  --gstock-legacy-xsmall-bold-text-transform: none;
  --gstock-legacy-xsmall-bold-text-decoration: none;
  --gstock-legacy-small-regular-font-family: "Euclid Circular B";
  --gstock-legacy-small-regular-font-weight: 400;
  --gstock-legacy-small-regular-line-height: 1.2;
  --gstock-legacy-small-regular-font-size: 12px;
  --gstock-legacy-small-regular-letter-spacing: 0em;
  --gstock-legacy-small-regular-paragraph-spacing: 0;
  --gstock-legacy-small-regular-text-indent: 0;
  --gstock-legacy-small-regular-text-transform: none;
  --gstock-legacy-small-regular-text-decoration: none;
  --gstock-legacy-small-bold-font-family: "Euclid Circular B";
  --gstock-legacy-small-bold-font-weight: 700;
  --gstock-legacy-small-bold-line-height: 1.2;
  --gstock-legacy-small-bold-font-size: 12px;
  --gstock-legacy-small-bold-letter-spacing: 0em;
  --gstock-legacy-small-bold-paragraph-spacing: 0;
  --gstock-legacy-small-bold-text-indent: 0;
  --gstock-legacy-small-bold-text-transform: none;
  --gstock-legacy-small-bold-text-decoration: none;
  --gstock-legacy-base-regular-font-family: "Euclid Circular B";
  --gstock-legacy-base-regular-font-weight: 400;
  --gstock-legacy-base-regular-line-height: 1.2;
  --gstock-legacy-base-regular-font-size: 14px;
  --gstock-legacy-base-regular-letter-spacing: 0em;
  --gstock-legacy-base-regular-paragraph-spacing: 0;
  --gstock-legacy-base-regular-text-indent: 0;
  --gstock-legacy-base-regular-text-transform: none;
  --gstock-legacy-base-regular-text-decoration: none;
  --gstock-legacy-base-bold-font-family: "Euclid Circular B";
  --gstock-legacy-base-bold-font-weight: 700;
  --gstock-legacy-base-bold-line-height: 1.2;
  --gstock-legacy-base-bold-font-size: 14px;
  --gstock-legacy-base-bold-letter-spacing: 0em;
  --gstock-legacy-base-bold-paragraph-spacing: 0;
  --gstock-legacy-base-bold-text-indent: 0;
  --gstock-legacy-base-bold-text-transform: none;
  --gstock-legacy-base-bold-text-decoration: none;
  --gstock-legacy-large-regular-font-family: "Euclid Circular B";
  --gstock-legacy-large-regular-font-weight: 400;
  --gstock-legacy-large-regular-line-height: 1.2;
  --gstock-legacy-large-regular-font-size: 16px;
  --gstock-legacy-large-regular-letter-spacing: 0em;
  --gstock-legacy-large-regular-paragraph-spacing: 0;
  --gstock-legacy-large-regular-text-indent: 0;
  --gstock-legacy-large-regular-text-transform: none;
  --gstock-legacy-large-regular-text-decoration: none;
  --gstock-legacy-large-bold-font-family: "Euclid Circular B";
  --gstock-legacy-large-bold-font-weight: 700;
  --gstock-legacy-large-bold-line-height: 1.2;
  --gstock-legacy-large-bold-font-size: 16px;
  --gstock-legacy-large-bold-letter-spacing: 0em;
  --gstock-legacy-large-bold-paragraph-spacing: 0;
  --gstock-legacy-large-bold-text-indent: 0;
  --gstock-legacy-large-bold-text-transform: none;
  --gstock-legacy-large-bold-text-decoration: none;
  --gstock-legacy-h6-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h6-regular-font-weight: 400;
  --gstock-legacy-h6-regular-line-height: 1.2;
  --gstock-legacy-h6-regular-font-size: 18px;
  --gstock-legacy-h6-regular-letter-spacing: 0em;
  --gstock-legacy-h6-regular-paragraph-spacing: 0;
  --gstock-legacy-h6-regular-text-indent: 0;
  --gstock-legacy-h6-regular-text-transform: none;
  --gstock-legacy-h6-regular-text-decoration: none;
  --gstock-legacy-h6-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h6-bold-font-weight: 700;
  --gstock-legacy-h6-bold-line-height: 1.2;
  --gstock-legacy-h6-bold-font-size: 18px;
  --gstock-legacy-h6-bold-letter-spacing: 0em;
  --gstock-legacy-h6-bold-paragraph-spacing: 0;
  --gstock-legacy-h6-bold-text-indent: 0;
  --gstock-legacy-h6-bold-text-transform: none;
  --gstock-legacy-h6-bold-text-decoration: none;
  --gstock-legacy-h5-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h5-regular-font-weight: 400;
  --gstock-legacy-h5-regular-line-height: 1.2;
  --gstock-legacy-h5-regular-font-size: 20px;
  --gstock-legacy-h5-regular-letter-spacing: 0em;
  --gstock-legacy-h5-regular-paragraph-spacing: 0;
  --gstock-legacy-h5-regular-text-indent: 0;
  --gstock-legacy-h5-regular-text-transform: none;
  --gstock-legacy-h5-regular-text-decoration: none;
  --gstock-legacy-h5-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h5-bold-font-weight: 700;
  --gstock-legacy-h5-bold-line-height: 1.2;
  --gstock-legacy-h5-bold-font-size: 20px;
  --gstock-legacy-h5-bold-letter-spacing: 0em;
  --gstock-legacy-h5-bold-paragraph-spacing: 0;
  --gstock-legacy-h5-bold-text-indent: 0;
  --gstock-legacy-h5-bold-text-transform: none;
  --gstock-legacy-h5-bold-text-decoration: none;
  --gstock-legacy-h4-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h4-regular-font-weight: 400;
  --gstock-legacy-h4-regular-line-height: 1.2;
  --gstock-legacy-h4-regular-font-size: 22px;
  --gstock-legacy-h4-regular-letter-spacing: 0em;
  --gstock-legacy-h4-regular-paragraph-spacing: 0;
  --gstock-legacy-h4-regular-text-indent: 0;
  --gstock-legacy-h4-regular-text-transform: none;
  --gstock-legacy-h4-regular-text-decoration: none;
  --gstock-legacy-h4-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h4-bold-font-weight: 700;
  --gstock-legacy-h4-bold-line-height: 1.2;
  --gstock-legacy-h4-bold-font-size: 22px;
  --gstock-legacy-h4-bold-letter-spacing: 0em;
  --gstock-legacy-h4-bold-paragraph-spacing: 0;
  --gstock-legacy-h4-bold-text-indent: 0;
  --gstock-legacy-h4-bold-text-transform: none;
  --gstock-legacy-h4-bold-text-decoration: none;
  --gstock-legacy-h3-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h3-regular-font-weight: 400;
  --gstock-legacy-h3-regular-line-height: 1.2;
  --gstock-legacy-h3-regular-font-size: 25px;
  --gstock-legacy-h3-regular-letter-spacing: 0em;
  --gstock-legacy-h3-regular-paragraph-spacing: 0;
  --gstock-legacy-h3-regular-text-indent: 0;
  --gstock-legacy-h3-regular-text-transform: none;
  --gstock-legacy-h3-regular-text-decoration: none;
  --gstock-legacy-h3-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h3-bold-font-weight: 700;
  --gstock-legacy-h3-bold-line-height: 1.2;
  --gstock-legacy-h3-bold-font-size: 25px;
  --gstock-legacy-h3-bold-letter-spacing: 0em;
  --gstock-legacy-h3-bold-paragraph-spacing: 0;
  --gstock-legacy-h3-bold-text-indent: 0;
  --gstock-legacy-h3-bold-text-transform: none;
  --gstock-legacy-h3-bold-text-decoration: none;
  --gstock-legacy-h2-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h2-regular-font-weight: 400;
  --gstock-legacy-h2-regular-line-height: 1.2;
  --gstock-legacy-h2-regular-font-size: 28px;
  --gstock-legacy-h2-regular-letter-spacing: 0em;
  --gstock-legacy-h2-regular-paragraph-spacing: 0;
  --gstock-legacy-h2-regular-text-indent: 0;
  --gstock-legacy-h2-regular-text-transform: none;
  --gstock-legacy-h2-regular-text-decoration: none;
  --gstock-legacy-h2-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h2-bold-font-weight: 700;
  --gstock-legacy-h2-bold-line-height: 1.2;
  --gstock-legacy-h2-bold-font-size: 28px;
  --gstock-legacy-h2-bold-letter-spacing: 0em;
  --gstock-legacy-h2-bold-paragraph-spacing: 0;
  --gstock-legacy-h2-bold-text-indent: 0;
  --gstock-legacy-h2-bold-text-transform: none;
  --gstock-legacy-h2-bold-text-decoration: none;
  --gstock-legacy-h1-regular-font-family: "Euclid Circular B";
  --gstock-legacy-h1-regular-font-weight: 400;
  --gstock-legacy-h1-regular-line-height: 1.2;
  --gstock-legacy-h1-regular-font-size: 32px;
  --gstock-legacy-h1-regular-letter-spacing: 0em;
  --gstock-legacy-h1-regular-paragraph-spacing: 0;
  --gstock-legacy-h1-regular-text-indent: 0;
  --gstock-legacy-h1-regular-text-transform: none;
  --gstock-legacy-h1-regular-text-decoration: none;
  --gstock-legacy-h1-bold-font-family: "Euclid Circular B";
  --gstock-legacy-h1-bold-font-weight: 700;
  --gstock-legacy-h1-bold-line-height: 1.2;
  --gstock-legacy-h1-bold-font-size: 32px;
  --gstock-legacy-h1-bold-letter-spacing: 0em;
  --gstock-legacy-h1-bold-paragraph-spacing: 0;
  --gstock-legacy-h1-bold-text-indent: 0;
  --gstock-legacy-h1-bold-text-transform: none;
  --gstock-legacy-h1-bold-text-decoration: none;
  --gstock-legacy-shadow-box-shadow-type: dropshadow;
  --gstock-legacy-shadow-box-shadow-color: #1a334e1a;
  --gstock-legacy-shadow-box-shadow-x: 0;
  --gstock-legacy-shadow-box-shadow-y: 8px;
  --gstock-legacy-shadow-box-shadow-blur: 24px;
  --gstock-legacy-shadow-box-shadow-spread: 0;
  --gstock-legacy-transition-x-slow: 1000ms;
  --gstock-legacy-transition-x-fast: 50ms;
  --gstock-legacy-transition-slow: 500ms;
  --gstock-legacy-transition-medium: 250ms;
  --gstock-legacy-transition-fast: 150ms;
  --gstock-size-height-2xs: 1rem;
  --gstock-size-height-xs: 1.25rem;
  --gstock-size-height-sm: 1.75rem;
  --gstock-size-height-md: 2.25rem;
  --gstock-size-height-lg: 2.75rem;
  --gstock-size-height-xl: 3.25rem;
  --gstock-size-height-2xl: 3.75rem;
  --gstock-size-height-3xl: 3.75rem;
  --gstock-size-height-4xl: 4.25rem;
  --gstock-size-height-5xl: 4.75rem;
  --gstock-size-height-6xl: 5.25rem;
  --gstock-size-height-7xl: 5.75rem;
  --gstock-size-icon-xs: 0.75rem;
  --gstock-size-icon-sm: 1rem;
  --gstock-size-icon-md: 1.25rem;
  --gstock-size-icon-lg: 1.5rem;
  --gstock-size-icon-xl: 2rem;
  --gstock-size-icon-2xl: 3.5rem;
  --gstock-size-icon-3xl: 5rem;
  --gstock-space-gap-xs: 0.125rem;
  --gstock-space-gap-sm: 0.25rem;
  --gstock-space-gap-md: 0.5rem;
  --gstock-space-gap-lg: 0.75rem;
  --gstock-space-gap-xl: 1rem;
  --gstock-space-gap-2xl: 1.5rem;
  --gstock-space-padding-block-2xs: 0.125rem;
  --gstock-space-padding-block-xs: 0.25rem;
  --gstock-space-padding-block-sm: 0.375rem;
  --gstock-space-padding-block-md: 0.5rem;
  --gstock-space-padding-block-lg: 0.75rem;
  --gstock-space-padding-block-xl: 1rem;
  --gstock-space-padding-block-2xl: 1.5rem;
  --gstock-space-padding-inline-2xs: 0.125rem;
  --gstock-space-padding-inline-xs: 0.25rem;
  --gstock-space-padding-inline-sm: 0.5rem;
  --gstock-space-padding-inline-md: 0.75rem;
  --gstock-space-padding-inline-lg: 1rem;
  --gstock-space-padding-inline-xl: 1.5rem;
  --gstock-space-padding-inline-2xl: 2rem;
  --gstock-space-margin-block-2xs: 0.125rem;
  --gstock-space-margin-block-xs: 0.25rem;
  --gstock-space-margin-block-sm: 0.5rem;
  --gstock-space-margin-block-md: 1rem;
  --gstock-space-margin-block-lg: 1.5rem;
  --gstock-space-margin-block-xl: 2rem;
  --gstock-space-margin-block-2xl: 2.5rem;
  --gstock-space-margin-block-3xl: 3rem;
  --gstock-space-margin-inline-2xs: 0.125rem;
  --gstock-space-margin-inline-xs: 0.25rem;
  --gstock-space-margin-inline-sm: 0.5rem;
  --gstock-space-margin-inline-md: 1rem;
  --gstock-space-margin-inline-lg: 1.5rem;
  --gstock-space-margin-inline-xl: 2rem;
  --gstock-space-margin-inline-2xl: 2.5rem;
  --gstock-space-margin-inline-3xl: 3rem;
  --gstock-transition-duration-instant: 0ms;
  --gstock-transition-duration-x-fast: 50ms;
  --gstock-transition-duration-fast: 150ms;
  --gstock-transition-duration-normal: 250ms;
  --gstock-transition-duration-medium: 350ms;
  --gstock-transition-duration-slow: 500ms;
  --gstock-transition-duration-x-slow: 750ms;
  --gstock-transition-duration-deliberate: 1000ms;
  --gstock-transition-easing-linear: linear;
  --gstock-transition-easing-ease: ease;
  --gstock-transition-easing-ease-in: ease-in;
  --gstock-transition-easing-ease-out: ease-out;
  --gstock-transition-easing-ease-in-out: ease-in-out;
  --gstock-transition-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --gstock-transition-easing-decelerated: cubic-bezier(0, 0, 0.2, 1);
  --gstock-transition-easing-accelerated: cubic-bezier(0.4, 0, 1, 1);
  --gstock-transition-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --gstock-typography-font-family-heading:
    "Euclid Circular B", -apple-system, "BlinkMacSystemFont", "Segoe UI",
    "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-family-body:
    "Euclid Circular B", -apple-system, "BlinkMacSystemFont", "Segoe UI",
    "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-family-code:
    "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", "Consolas",
    "Courier New", monospace;
  --gstock-typography-font-family-brand:
    "Euclid Circular B", -apple-system, "BlinkMacSystemFont", "Segoe UI",
    "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-size-xs: 0.75rem;
  --gstock-typography-font-size-sm: 0.875rem;
  --gstock-typography-font-size-md: 1rem;
  --gstock-typography-font-size-lg: 1.125rem;
  --gstock-typography-font-size-xl: 1.25rem;
  --gstock-typography-font-weight-regular: 400;
  --gstock-typography-font-weight-medium: 500;
  --gstock-typography-font-weight-semibold: 600;
  --gstock-typography-font-weight-bold: 700;
  --gstock-typography-font-heading-2xl:
    700 2.125rem/1.1 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-xl:
    700 1.875rem/1.1 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-lg:
    700 1.75rem/1.2 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-md:
    600 1.625rem/1.25 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-sm:
    600 1.5rem/1.3 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-xs:
    600 1.375rem/1.3 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-heading-2xs:
    600 1.25rem/1.4 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-body:
    400 1rem/1.5 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-body-sm:
    400 0.875rem/1.4 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-body-lg:
    400 1.125rem/1.5 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-metric-lg:
    600 1.375rem/1.1 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-metric-md:
    600 1.25rem/1.2 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-metric-sm:
    500 1.125rem/1.3 "Euclid Circular B", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  --gstock-typography-font-code:
    400 0.875rem/1.4 "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono",
    "Consolas", "Courier New", monospace;
}
.gstock-theme-light,
:host,
:root {
  --gstock-color-background-accent-blue-bolder: #0c66e4;
  --gstock-color-background-accent-blue-bolder-hovered: #05c;
  --gstock-color-background-accent-blue-bolder-pressed: #09326c;
  --gstock-color-background-accent-blue-subtle: #579dff;
  --gstock-color-background-accent-blue-subtle-hovered: #85b8ff;
  --gstock-color-background-accent-blue-subtle-pressed: #cce0ff;
  --gstock-color-background-accent-blue-subtler: #cce0ff;
  --gstock-color-background-accent-blue-subtler-hovered: #85b8ff;
  --gstock-color-background-accent-blue-subtler-pressed: #579dff;
  --gstock-color-background-accent-blue-subtlest: #e9f2ff;
  --gstock-color-background-accent-blue-subtlest-hovered: #cce0ff;
  --gstock-color-background-accent-blue-subtlest-pressed: #85b8ff;
  --gstock-color-background-accent-gray-bolder: #626f86;
  --gstock-color-background-accent-gray-bolder-hovered: #44546f;
  --gstock-color-background-accent-gray-bolder-pressed: #2c3e5d;
  --gstock-color-background-accent-gray-subtle: #8590a2;
  --gstock-color-background-accent-gray-subtle-hovered: #b3b9c4;
  --gstock-color-background-accent-gray-subtle-pressed: #dcdfe4;
  --gstock-color-background-accent-gray-subtler: #dcdfe4;
  --gstock-color-background-accent-gray-subtler-hovered: #b3b9c4;
  --gstock-color-background-accent-gray-subtler-pressed: #8590a2;
  --gstock-color-background-accent-gray-subtlest: #f1f2f4;
  --gstock-color-background-accent-gray-subtlest-hovered: #dcdfe4;
  --gstock-color-background-accent-gray-subtlest-pressed: #b3b9c4;
  --gstock-color-background-accent-green-bolder: #1f845a;
  --gstock-color-background-accent-green-bolder-hovered: #216e4e;
  --gstock-color-background-accent-green-bolder-pressed: #164b35;
  --gstock-color-background-accent-green-subtle: #4bce97;
  --gstock-color-background-accent-green-subtle-hovered: #7ee2b8;
  --gstock-color-background-accent-green-subtle-pressed: #baf3db;
  --gstock-color-background-accent-green-subtler: #baf3db;
  --gstock-color-background-accent-green-subtler-hovered: #7ee2b8;
  --gstock-color-background-accent-green-subtler-pressed: #4bce97;
  --gstock-color-background-accent-green-subtlest: #dcfff1;
  --gstock-color-background-accent-green-subtlest-hovered: #baf3db;
  --gstock-color-background-accent-green-subtlest-pressed: #7ee2b8;
  --gstock-color-background-accent-magenta-bolder: #ae4787;
  --gstock-color-background-accent-magenta-bolder-hovered: #943d73;
  --gstock-color-background-accent-magenta-bolder-pressed: #50253f;
  --gstock-color-background-accent-magenta-subtle: #e774bb;
  --gstock-color-background-accent-magenta-subtle-hovered: #f797d2;
  --gstock-color-background-accent-magenta-subtle-pressed: #fdd0ec;
  --gstock-color-background-accent-magenta-subtler: #fdd0ec;
  --gstock-color-background-accent-magenta-subtler-hovered: #f797d2;
  --gstock-color-background-accent-magenta-subtler-pressed: #e774bb;
  --gstock-color-background-accent-magenta-subtlest: #ffecf8;
  --gstock-color-background-accent-magenta-subtlest-hovered: #fdd0ec;
  --gstock-color-background-accent-magenta-subtlest-pressed: #f797d2;
  --gstock-color-background-accent-orange-bolder: #c25100;
  --gstock-color-background-accent-orange-bolder-hovered: #a54800;
  --gstock-color-background-accent-orange-bolder-pressed: #702e00;
  --gstock-color-background-accent-orange-subtle: #fea362;
  --gstock-color-background-accent-orange-subtle-hovered: #fec195;
  --gstock-color-background-accent-orange-subtle-pressed: #fedec8;
  --gstock-color-background-accent-orange-subtler: #fedec8;
  --gstock-color-background-accent-orange-subtler-hovered: #fec195;
  --gstock-color-background-accent-orange-subtler-pressed: #fea362;
  --gstock-color-background-accent-orange-subtlest: #fff3eb;
  --gstock-color-background-accent-orange-subtlest-hovered: #fedec8;
  --gstock-color-background-accent-orange-subtlest-pressed: #fec195;
  --gstock-color-background-accent-purple-bolder: #6e5dc6;
  --gstock-color-background-accent-purple-bolder-hovered: #5e4db2;
  --gstock-color-background-accent-purple-bolder-pressed: #352c63;
  --gstock-color-background-accent-purple-subtle: #9f8fef;
  --gstock-color-background-accent-purple-subtle-hovered: #b8acf6;
  --gstock-color-background-accent-purple-subtle-pressed: #dfd8fd;
  --gstock-color-background-accent-purple-subtler: #dfd8fd;
  --gstock-color-background-accent-purple-subtler-hovered: #b8acf6;
  --gstock-color-background-accent-purple-subtler-pressed: #9f8fef;
  --gstock-color-background-accent-purple-subtlest: #f3f0ff;
  --gstock-color-background-accent-purple-subtlest-hovered: #dfd8fd;
  --gstock-color-background-accent-purple-subtlest-pressed: #b8acf6;
  --gstock-color-background-accent-red-bolder: #c9372c;
  --gstock-color-background-accent-red-bolder-hovered: #ae2e24;
  --gstock-color-background-accent-red-bolder-pressed: #5d1f1a;
  --gstock-color-background-accent-red-subtle: #f87168;
  --gstock-color-background-accent-red-subtle-hovered: #fd9891;
  --gstock-color-background-accent-red-subtle-pressed: #ffd5d2;
  --gstock-color-background-accent-red-subtler: #ffd5d2;
  --gstock-color-background-accent-red-subtler-hovered: #fd9891;
  --gstock-color-background-accent-red-subtler-pressed: #f87168;
  --gstock-color-background-accent-red-subtlest: #ffeceb;
  --gstock-color-background-accent-red-subtlest-hovered: #ffd5d2;
  --gstock-color-background-accent-red-subtlest-pressed: #fd9891;
  --gstock-color-background-accent-navy-bolder: #17436a;
  --gstock-color-background-accent-navy-bolder-hovered: #113356;
  --gstock-color-background-accent-navy-bolder-pressed: #1a334e;
  --gstock-color-background-accent-navy-subtle: #739fc4;
  --gstock-color-background-accent-navy-subtle-hovered: #a3c1d9;
  --gstock-color-background-accent-navy-subtle-pressed: #d9e3ed;
  --gstock-color-background-accent-navy-subtler: #d9e3ed;
  --gstock-color-background-accent-navy-subtler-hovered: #a3c1d9;
  --gstock-color-background-accent-navy-subtler-pressed: #739fc4;
  --gstock-color-background-accent-navy-subtlest: #f0f4f8;
  --gstock-color-background-accent-navy-subtlest-hovered: #d9e3ed;
  --gstock-color-background-accent-navy-subtlest-pressed: #a3c1d9;
  --gstock-color-background-accent-mint-bolder: #068870;
  --gstock-color-background-accent-mint-bolder-hovered: #056b5a;
  --gstock-color-background-accent-mint-bolder-pressed: #044d41;
  --gstock-color-background-accent-mint-subtle: #09e1c0;
  --gstock-color-background-accent-mint-subtle-hovered: #9df3e6;
  --gstock-color-background-accent-mint-subtle-pressed: #cef9f2;
  --gstock-color-background-accent-mint-subtler: #cef9f2;
  --gstock-color-background-accent-mint-subtler-hovered: #9df3e6;
  --gstock-color-background-accent-mint-subtler-pressed: #09e1c0;
  --gstock-color-background-accent-mint-subtlest: #f0fdfb;
  --gstock-color-background-accent-mint-subtlest-hovered: #cef9f2;
  --gstock-color-background-accent-mint-subtlest-pressed: #9df3e6;
  --gstock-color-background-accent-teal-bolder: #227d9b;
  --gstock-color-background-accent-teal-bolder-hovered: #206a83;
  --gstock-color-background-accent-teal-bolder-pressed: #164555;
  --gstock-color-background-accent-teal-subtle: #6cc3e0;
  --gstock-color-background-accent-teal-subtle-hovered: #9dd9ee;
  --gstock-color-background-accent-teal-subtle-pressed: #c6edfb;
  --gstock-color-background-accent-teal-subtler: #c6edfb;
  --gstock-color-background-accent-teal-subtler-hovered: #9dd9ee;
  --gstock-color-background-accent-teal-subtler-pressed: #6cc3e0;
  --gstock-color-background-accent-teal-subtlest: #e7f9ff;
  --gstock-color-background-accent-teal-subtlest-hovered: #c6edfb;
  --gstock-color-background-accent-teal-subtlest-pressed: #9dd9ee;
  --gstock-color-background-accent-yellow-bolder: #946f00;
  --gstock-color-background-accent-yellow-bolder-hovered: #7f5f01;
  --gstock-color-background-accent-yellow-bolder-pressed: #533f04;
  --gstock-color-background-accent-yellow-subtle: #f5cd47;
  --gstock-color-background-accent-yellow-subtle-hovered: #e2b203;
  --gstock-color-background-accent-yellow-subtle-pressed: #cf9f02;
  --gstock-color-background-accent-yellow-subtler: #f8e6a0;
  --gstock-color-background-accent-yellow-subtler-hovered: #f5cd47;
  --gstock-color-background-accent-yellow-subtler-pressed: #e2b203;
  --gstock-color-background-accent-yellow-subtlest: #fff7d6;
  --gstock-color-background-accent-yellow-subtlest-hovered: #f8e6a0;
  --gstock-color-background-accent-yellow-subtlest-pressed: #f5cd47;
  --gstock-color-background-brand-bold: #113356;
  --gstock-color-background-brand-bold-hovered: #17436a;
  --gstock-color-background-brand-bold-pressed: #1f5380;
  --gstock-color-background-brand-boldest: #1a334e;
  --gstock-color-background-brand-boldest-hovered: #113356;
  --gstock-color-background-brand-boldest-pressed: #17436a;
  --gstock-color-background-brand-subtlest: #f0f4f8;
  --gstock-color-background-brand-subtlest-hovered: #d9e3ed;
  --gstock-color-background-brand-subtlest-pressed: #a3c1d9;
  --gstock-color-background-danger: #ffeceb;
  --gstock-color-background-danger-bold: #c9372c;
  --gstock-color-background-danger-bold-hovered: #ae2e24;
  --gstock-color-background-danger-bold-pressed: #5d1f1a;
  --gstock-color-background-danger-hovered: #ffd5d2;
  --gstock-color-background-danger-pressed: #fd9891;
  --gstock-color-background-disabled: #091e4208;
  --gstock-color-background-discovery: #f3f0ff;
  --gstock-color-background-discovery-bold: #6e5dc6;
  --gstock-color-background-discovery-bold-hovered: #5e4db2;
  --gstock-color-background-discovery-bold-pressed: #352c63;
  --gstock-color-background-discovery-hovered: #dfd8fd;
  --gstock-color-background-discovery-pressed: #b8acf6;
  --gstock-color-background-information: #e9f2ff;
  --gstock-color-background-information-bold: #0c66e4;
  --gstock-color-background-information-bold-hovered: #05c;
  --gstock-color-background-information-bold-pressed: #09326c;
  --gstock-color-background-information-hovered: #cce0ff;
  --gstock-color-background-information-pressed: #85b8ff;
  --gstock-color-background-input: #fff;
  --gstock-color-background-input-hovered: #f7f8f9;
  --gstock-color-background-input-pressed: #fff;
  --gstock-color-background-inverse-subtle: #00000029;
  --gstock-color-background-inverse-subtle-hovered: #0000003d;
  --gstock-color-background-inverse-subtle-pressed: #00000052;
  --gstock-color-background-neutral: #091e420f;
  --gstock-color-background-neutral-bold: #44546f;
  --gstock-color-background-neutral-bold-hovered: #2c3e5d;
  --gstock-color-background-neutral-bold-pressed: #172b4d;
  --gstock-color-background-neutral-hovered: #091e4224;
  --gstock-color-background-neutral-pressed: #091e424f;
  --gstock-color-background-neutral-subtle: #00000000;
  --gstock-color-background-neutral-subtle-hovered: #091e420f;
  --gstock-color-background-neutral-subtle-pressed: #091e4224;
  --gstock-color-background-selected: #e9f2ff;
  --gstock-color-background-selected-bold: #0c66e4;
  --gstock-color-background-selected-bold-hovered: #05c;
  --gstock-color-background-selected-bold-pressed: #09326c;
  --gstock-color-background-selected-hovered: #cce0ff;
  --gstock-color-background-selected-pressed: #85b8ff;
  --gstock-color-background-success: #dcfff1;
  --gstock-color-background-success-bold: #1f845a;
  --gstock-color-background-success-bold-hovered: #216e4e;
  --gstock-color-background-success-bold-pressed: #164b35;
  --gstock-color-background-success-hovered: #baf3db;
  --gstock-color-background-success-pressed: #7ee2b8;
  --gstock-color-background-warning: #fff7d6;
  --gstock-color-background-warning-bold: #f5cd47;
  --gstock-color-background-warning-bold-hovered: #e2b203;
  --gstock-color-background-warning-bold-pressed: #cf9f02;
  --gstock-color-background-warning-hovered: #f8e6a0;
  --gstock-color-background-warning-pressed: #f5cd47;
  --gstock-color-blanket: #091e427d;
  --gstock-color-blanket-danger: #ef5c4814;
  --gstock-color-blanket-selected: #388bff14;
  --gstock-color-border: #091e4224;
  --gstock-color-border-accent-blue: #1d7afc;
  --gstock-color-border-accent-gray: #758195;
  --gstock-color-border-accent-green: #22a06b;
  --gstock-color-border-accent-magenta: #cd519d;
  --gstock-color-border-accent-orange: #e56910;
  --gstock-color-border-accent-purple: #8270db;
  --gstock-color-border-accent-red: #e2483d;
  --gstock-color-border-accent-navy: #2f6a94;
  --gstock-color-border-accent-mint: #07a689;
  --gstock-color-border-accent-teal: #2898bd;
  --gstock-color-border-accent-yellow: #b38600;
  --gstock-color-border-bold: #758195;
  --gstock-color-border-brand: #1f5380;
  --gstock-color-border-danger: #e2483d;
  --gstock-color-border-disabled: #091e420f;
  --gstock-color-border-discovery: #8270db;
  --gstock-color-border-focused: #388bff;
  --gstock-color-border-information: #1d7afc;
  --gstock-color-border-input: #8590a2;
  --gstock-color-border-inverse: #fff;
  --gstock-color-border-selected: #0c66e4;
  --gstock-color-border-success: #22a06b;
  --gstock-color-border-warning: #e56910;
  --gstock-color-chart-blue-bold: #388bff;
  --gstock-color-chart-blue-bold-hovered: #1d7afc;
  --gstock-color-chart-blue-bolder: #1d7afc;
  --gstock-color-chart-blue-bolder-hovered: #0c66e4;
  --gstock-color-chart-blue-boldest: #05c;
  --gstock-color-chart-blue-boldest-hovered: #09326c;
  --gstock-color-chart-brand: #2f6a94;
  --gstock-color-chart-brand-hovered: #1f5380;
  --gstock-color-chart-categorical-1: #2898bd;
  --gstock-color-chart-categorical-1-hovered: #227d9b;
  --gstock-color-chart-categorical-2: #5e4db2;
  --gstock-color-chart-categorical-2-hovered: #352c63;
  --gstock-color-chart-categorical-3: #e56910;
  --gstock-color-chart-categorical-3-hovered: #c25100;
  --gstock-color-chart-categorical-4: #943d73;
  --gstock-color-chart-categorical-4-hovered: #50253f;
  --gstock-color-chart-categorical-5: #09326c;
  --gstock-color-chart-categorical-5-hovered: #1c2b41;
  --gstock-color-chart-categorical-6: #8f7ee7;
  --gstock-color-chart-categorical-6-hovered: #8270db;
  --gstock-color-chart-categorical-7: #50253f;
  --gstock-color-chart-categorical-7-hovered: #3d2232;
  --gstock-color-chart-categorical-8: #a54800;
  --gstock-color-chart-categorical-8-hovered: #702e00;
  --gstock-color-chart-danger: #f15b50;
  --gstock-color-chart-danger-bold: #ae2e24;
  --gstock-color-chart-danger-bold-hovered: #5d1f1a;
  --gstock-color-chart-danger-hovered: #e2483d;
  --gstock-color-chart-discovery: #8f7ee7;
  --gstock-color-chart-discovery-bold: #5e4db2;
  --gstock-color-chart-discovery-bold-hovered: #352c63;
  --gstock-color-chart-discovery-hovered: #8270db;
  --gstock-color-chart-gray-bold: #8590a2;
  --gstock-color-chart-gray-bold-hovered: #758195;
  --gstock-color-chart-gray-bolder: #758195;
  --gstock-color-chart-gray-bolder-hovered: #626f86;
  --gstock-color-chart-gray-boldest: #44546f;
  --gstock-color-chart-gray-boldest-hovered: #2c3e5d;
  --gstock-color-chart-green-bold: #22a06b;
  --gstock-color-chart-green-bold-hovered: #1f845a;
  --gstock-color-chart-green-bolder: #1f845a;
  --gstock-color-chart-green-bolder-hovered: #216e4e;
  --gstock-color-chart-green-boldest: #216e4e;
  --gstock-color-chart-green-boldest-hovered: #164b35;
  --gstock-color-chart-information: #388bff;
  --gstock-color-chart-information-bold: #05c;
  --gstock-color-chart-information-bold-hovered: #09326c;
  --gstock-color-chart-information-hovered: #1d7afc;
  --gstock-color-chart-magenta-bold: #da62ac;
  --gstock-color-chart-magenta-bold-hovered: #cd519d;
  --gstock-color-chart-magenta-bolder: #cd519d;
  --gstock-color-chart-magenta-bolder-hovered: #ae4787;
  --gstock-color-chart-magenta-boldest: #943d73;
  --gstock-color-chart-magenta-boldest-hovered: #50253f;
  --gstock-color-chart-neutral: #8590a2;
  --gstock-color-chart-neutral-hovered: #758195;
  --gstock-color-chart-orange-bold: #e56910;
  --gstock-color-chart-orange-bold-hovered: #c25100;
  --gstock-color-chart-orange-bolder: #c25100;
  --gstock-color-chart-orange-bolder-hovered: #a54800;
  --gstock-color-chart-orange-boldest: #a54800;
  --gstock-color-chart-orange-boldest-hovered: #702e00;
  --gstock-color-chart-purple-bold: #8f7ee7;
  --gstock-color-chart-purple-bold-hovered: #8270db;
  --gstock-color-chart-purple-bolder: #8270db;
  --gstock-color-chart-purple-bolder-hovered: #6e5dc6;
  --gstock-color-chart-purple-boldest: #5e4db2;
  --gstock-color-chart-purple-boldest-hovered: #352c63;
  --gstock-color-chart-red-bold: #f15b50;
  --gstock-color-chart-red-bold-hovered: #e2483d;
  --gstock-color-chart-red-bolder: #e2483d;
  --gstock-color-chart-red-bolder-hovered: #c9372c;
  --gstock-color-chart-red-boldest: #ae2e24;
  --gstock-color-chart-red-boldest-hovered: #5d1f1a;
  --gstock-color-chart-success: #22a06b;
  --gstock-color-chart-success-bold: #216e4e;
  --gstock-color-chart-success-bold-hovered: #164b35;
  --gstock-color-chart-success-hovered: #1f845a;
  --gstock-color-chart-navy-bold: #2f6a94;
  --gstock-color-chart-navy-bold-hovered: #1f5380;
  --gstock-color-chart-navy-bolder: #1f5380;
  --gstock-color-chart-navy-bolder-hovered: #17436a;
  --gstock-color-chart-navy-boldest: #17436a;
  --gstock-color-chart-navy-boldest-hovered: #113356;
  --gstock-color-chart-mint-bold: #07a689;
  --gstock-color-chart-mint-bold-hovered: #068870;
  --gstock-color-chart-mint-bolder: #068870;
  --gstock-color-chart-mint-bolder-hovered: #056b5a;
  --gstock-color-chart-mint-boldest: #056b5a;
  --gstock-color-chart-mint-boldest-hovered: #044d41;
  --gstock-color-chart-teal-bold: #2898bd;
  --gstock-color-chart-teal-bold-hovered: #227d9b;
  --gstock-color-chart-teal-bolder: #227d9b;
  --gstock-color-chart-teal-bolder-hovered: #206a83;
  --gstock-color-chart-teal-boldest: #206a83;
  --gstock-color-chart-teal-boldest-hovered: #164555;
  --gstock-color-chart-warning: #b38600;
  --gstock-color-chart-warning-bold: #7f5f01;
  --gstock-color-chart-warning-bold-hovered: #533f04;
  --gstock-color-chart-warning-hovered: #946f00;
  --gstock-color-chart-yellow-bold: #b38600;
  --gstock-color-chart-yellow-bold-hovered: #946f00;
  --gstock-color-chart-yellow-bolder: #946f00;
  --gstock-color-chart-yellow-bolder-hovered: #7f5f01;
  --gstock-color-chart-yellow-boldest: #7f5f01;
  --gstock-color-chart-yellow-boldest-hovered: #533f04;
  --gstock-color-icon: #44546f;
  --gstock-color-icon-accent-blue: #1d7afc;
  --gstock-color-icon-accent-gray: #758195;
  --gstock-color-icon-accent-green: #22a06b;
  --gstock-color-icon-accent-magenta: #cd519d;
  --gstock-color-icon-accent-orange: #e56910;
  --gstock-color-icon-accent-purple: #8270db;
  --gstock-color-icon-accent-red: #c9372c;
  --gstock-color-icon-accent-navy: #2f6a94;
  --gstock-color-icon-accent-mint: #07a689;
  --gstock-color-icon-accent-teal: #2898bd;
  --gstock-color-icon-accent-yellow: #b38600;
  --gstock-color-icon-brand: #1f5380;
  --gstock-color-icon-danger: #c9372c;
  --gstock-color-icon-disabled: #091e424f;
  --gstock-color-icon-discovery: #8270db;
  --gstock-color-icon-information: #1d7afc;
  --gstock-color-icon-inverse: #fff;
  --gstock-color-icon-selected: #0c66e4;
  --gstock-color-icon-subtle: #626f86;
  --gstock-color-icon-subtlest: #626f86;
  --gstock-color-icon-success: #22a06b;
  --gstock-color-icon-warning: #e56910;
  --gstock-color-icon-warning-inverse: #172b4d;
  --gstock-color-interaction-hovered: #00000029;
  --gstock-color-interaction-pressed: #00000052;
  --gstock-color-link: #0c66e4;
  --gstock-color-link-pressed: #05c;
  --gstock-color-link-visited: #5e4db2;
  --gstock-color-link-visited-pressed: #352c63;
  --gstock-color-skeleton: #091e420f;
  --gstock-color-skeleton-subtle: #091e4208;
  --gstock-color-text: #172b4d;
  --gstock-color-text-accent-blue: #05c;
  --gstock-color-text-accent-blue-bolder: #09326c;
  --gstock-color-text-accent-gray: #44546f;
  --gstock-color-text-accent-gray-bolder: #091e42;
  --gstock-color-text-accent-green: #216e4e;
  --gstock-color-text-accent-green-bolder: #164b35;
  --gstock-color-text-accent-magenta: #943d73;
  --gstock-color-text-accent-magenta-bolder: #50253f;
  --gstock-color-text-accent-orange: #a54800;
  --gstock-color-text-accent-orange-bolder: #702e00;
  --gstock-color-text-accent-purple: #5e4db2;
  --gstock-color-text-accent-purple-bolder: #352c63;
  --gstock-color-text-accent-red: #ae2e24;
  --gstock-color-text-accent-red-bolder: #5d1f1a;
  --gstock-color-text-accent-navy: #17436a;
  --gstock-color-text-accent-navy-bolder: #113356;
  --gstock-color-text-accent-mint: #056b5a;
  --gstock-color-text-accent-mint-bolder: #044d41;
  --gstock-color-text-accent-teal: #206a83;
  --gstock-color-text-accent-teal-bolder: #164555;
  --gstock-color-text-accent-yellow: #7f5f01;
  --gstock-color-text-accent-yellow-bolder: #533f04;
  --gstock-color-text-brand: #1f5380;
  --gstock-color-text-danger: #ae2e24;
  --gstock-color-text-disabled: #091e424f;
  --gstock-color-text-discovery: #5e4db2;
  --gstock-color-text-information: #05c;
  --gstock-color-text-inverse: #fff;
  --gstock-color-text-selected: #0c66e4;
  --gstock-color-text-subtle: #44546f;
  --gstock-color-text-subtlest: #626f86;
  --gstock-color-text-success: #216e4e;
  --gstock-color-text-warning: #a54800;
  --gstock-color-text-warning-inverse: #172b4d;
  --gstock-color-surface: #fff;
  --gstock-color-surface-hovered: #f0f1f2;
  --gstock-color-surface-pressed: #dddee1;
  --gstock-color-surface-overlay: #fff;
  --gstock-color-surface-overlay-hovered: #f0f1f2;
  --gstock-color-surface-overlay-pressed: #dddee1;
  --gstock-color-surface-raised: #fff;
  --gstock-color-surface-raised-hovered: #f0f1f2;
  --gstock-color-surface-raised-pressed: #dddee1;
  --gstock-color-surface-sunken: #f8f8f8;
  --gstock-elevation-shadow-overflow: 0 0 0 #091e42, 0 0 0 #091e42;
  --gstock-elevation-shadow-overflow-perimeter: #091e421f;
  --gstock-elevation-shadow-overflow-spread: #091e4229;
  --gstock-elevation-shadow-overlay: 0 0 0 #091e42, 0 0 0 #091e42;
  --gstock-elevation-shadow-raised: 0 0 0 #091e42, 0 0 0 #091e42;
  --gstock-elevation-surface: #fff;
  --gstock-elevation-surface-hovered: #f1f2f4;
  --gstock-elevation-surface-overlay: #fff;
  --gstock-elevation-surface-overlay-hovered: #f1f2f4;
  --gstock-elevation-surface-overlay-pressed: #dcdfe4;
  --gstock-elevation-surface-pressed: #dcdfe4;
  --gstock-elevation-surface-raised: #fff;
  --gstock-elevation-surface-raised-hovered: #f1f2f4;
  --gstock-elevation-surface-raised-pressed: #dcdfe4;
  --gstock-elevation-surface-sunken: #f7f8f9;
  --gstock-opacity-disabled: 0.4;
  --gstock-opacity-loading: 0.2;
}
.gstock-theme-dark,
:host {
  --gstock-color-background-accent-blue-bolder: #579dff;
  --gstock-color-background-accent-blue-bolder-hovered: #85b8ff;
  --gstock-color-background-accent-blue-bolder-pressed: #cce0ff;
  --gstock-color-background-accent-blue-subtle: #05c;
  --gstock-color-background-accent-blue-subtle-hovered: #09326c;
  --gstock-color-background-accent-blue-subtle-pressed: #1c2b41;
  --gstock-color-background-accent-blue-subtler: #09326c;
  --gstock-color-background-accent-blue-subtler-hovered: #579dff;
  --gstock-color-background-accent-blue-subtler-pressed: #1d7afc;
  --gstock-color-background-accent-blue-subtlest: #1c2b41;
  --gstock-color-background-accent-blue-subtlest-hovered: #09326c;
  --gstock-color-background-accent-blue-subtlest-pressed: #579dff;
  --gstock-color-background-accent-gray-bolder: #b3b9c4;
  --gstock-color-background-accent-gray-bolder-hovered: #dcdfe4;
  --gstock-color-background-accent-gray-bolder-pressed: #f1f2f4;
  --gstock-color-background-accent-gray-subtle: #44546f;
  --gstock-color-background-accent-gray-subtle-hovered: #2c3e5d;
  --gstock-color-background-accent-gray-subtle-pressed: #172b4d;
  --gstock-color-background-accent-gray-subtler: #2c3e5d;
  --gstock-color-background-accent-gray-subtler-hovered: #b3b9c4;
  --gstock-color-background-accent-gray-subtler-pressed: #758195;
  --gstock-color-background-accent-gray-subtlest: #172b4d;
  --gstock-color-background-accent-gray-subtlest-hovered: #2c3e5d;
  --gstock-color-background-accent-gray-subtlest-pressed: #b3b9c4;
  --gstock-color-background-accent-green-bolder: #4bce97;
  --gstock-color-background-accent-green-bolder-hovered: #7ee2b8;
  --gstock-color-background-accent-green-bolder-pressed: #baf3db;
  --gstock-color-background-accent-green-subtle: #216e4e;
  --gstock-color-background-accent-green-subtle-hovered: #164b35;
  --gstock-color-background-accent-green-subtle-pressed: #1c3329;
  --gstock-color-background-accent-green-subtler: #164b35;
  --gstock-color-background-accent-green-subtler-hovered: #4bce97;
  --gstock-color-background-accent-green-subtler-pressed: #22a06b;
  --gstock-color-background-accent-green-subtlest: #1c3329;
  --gstock-color-background-accent-green-subtlest-hovered: #164b35;
  --gstock-color-background-accent-green-subtlest-pressed: #4bce97;
  --gstock-color-background-accent-magenta-bolder: #e774bb;
  --gstock-color-background-accent-magenta-bolder-hovered: #f797d2;
  --gstock-color-background-accent-magenta-bolder-pressed: #fdd0ec;
  --gstock-color-background-accent-magenta-subtle: #943d73;
  --gstock-color-background-accent-magenta-subtle-hovered: #50253f;
  --gstock-color-background-accent-magenta-subtle-pressed: #3d2232;
  --gstock-color-background-accent-magenta-subtler: #50253f;
  --gstock-color-background-accent-magenta-subtler-hovered: #e774bb;
  --gstock-color-background-accent-magenta-subtler-pressed: #cd519d;
  --gstock-color-background-accent-magenta-subtlest: #3d2232;
  --gstock-color-background-accent-magenta-subtlest-hovered: #50253f;
  --gstock-color-background-accent-magenta-subtlest-pressed: #e774bb;
  --gstock-color-background-accent-orange-bolder: #fea362;
  --gstock-color-background-accent-orange-bolder-hovered: #fec195;
  --gstock-color-background-accent-orange-bolder-pressed: #fedec8;
  --gstock-color-background-accent-orange-subtle: #a54800;
  --gstock-color-background-accent-orange-subtle-hovered: #702e00;
  --gstock-color-background-accent-orange-subtle-pressed: #38291e;
  --gstock-color-background-accent-orange-subtler: #702e00;
  --gstock-color-background-accent-orange-subtler-hovered: #fea362;
  --gstock-color-background-accent-orange-subtler-pressed: #e56910;
  --gstock-color-background-accent-orange-subtlest: #38291e;
  --gstock-color-background-accent-orange-subtlest-hovered: #702e00;
  --gstock-color-background-accent-orange-subtlest-pressed: #fea362;
  --gstock-color-background-accent-purple-bolder: #9f8fef;
  --gstock-color-background-accent-purple-bolder-hovered: #b8acf6;
  --gstock-color-background-accent-purple-bolder-pressed: #dfd8fd;
  --gstock-color-background-accent-purple-subtle: #5e4db2;
  --gstock-color-background-accent-purple-subtle-hovered: #352c63;
  --gstock-color-background-accent-purple-subtle-pressed: #2b273f;
  --gstock-color-background-accent-purple-subtler: #352c63;
  --gstock-color-background-accent-purple-subtler-hovered: #9f8fef;
  --gstock-color-background-accent-purple-subtler-pressed: #8270db;
  --gstock-color-background-accent-purple-subtlest: #2b273f;
  --gstock-color-background-accent-purple-subtlest-hovered: #352c63;
  --gstock-color-background-accent-purple-subtlest-pressed: #9f8fef;
  --gstock-color-background-accent-red-bolder: #f87168;
  --gstock-color-background-accent-red-bolder-hovered: #fd9891;
  --gstock-color-background-accent-red-bolder-pressed: #ffd5d2;
  --gstock-color-background-accent-red-subtle: #ae2e24;
  --gstock-color-background-accent-red-subtle-hovered: #5d1f1a;
  --gstock-color-background-accent-red-subtle-pressed: #42221f;
  --gstock-color-background-accent-red-subtler: #5d1f1a;
  --gstock-color-background-accent-red-subtler-hovered: #f87168;
  --gstock-color-background-accent-red-subtler-pressed: #e2483d;
  --gstock-color-background-accent-red-subtlest: #42221f;
  --gstock-color-background-accent-red-subtlest-hovered: #5d1f1a;
  --gstock-color-background-accent-red-subtlest-pressed: #f87168;
  --gstock-color-background-accent-navy-bolder: #739fc4;
  --gstock-color-background-accent-navy-bolder-hovered: #a3c1d9;
  --gstock-color-background-accent-navy-bolder-pressed: #d9e3ed;
  --gstock-color-background-accent-navy-subtle: #17436a;
  --gstock-color-background-accent-navy-subtle-hovered: #113356;
  --gstock-color-background-accent-navy-subtle-pressed: #1a334e;
  --gstock-color-background-accent-navy-subtler: #113356;
  --gstock-color-background-accent-navy-subtler-hovered: #739fc4;
  --gstock-color-background-accent-navy-subtler-pressed: #2f6a94;
  --gstock-color-background-accent-navy-subtlest: #1a334e;
  --gstock-color-background-accent-navy-subtlest-hovered: #113356;
  --gstock-color-background-accent-navy-subtlest-pressed: #739fc4;
  --gstock-color-background-accent-mint-bolder: #09e1c0;
  --gstock-color-background-accent-mint-bolder-hovered: #9df3e6;
  --gstock-color-background-accent-mint-bolder-pressed: #cef9f2;
  --gstock-color-background-accent-mint-subtle: #056b5a;
  --gstock-color-background-accent-mint-subtle-hovered: #044d41;
  --gstock-color-background-accent-mint-subtle-pressed: #032f29;
  --gstock-color-background-accent-mint-subtler: #044d41;
  --gstock-color-background-accent-mint-subtler-hovered: #09e1c0;
  --gstock-color-background-accent-mint-subtler-pressed: #07a689;
  --gstock-color-background-accent-mint-subtlest: #032f29;
  --gstock-color-background-accent-mint-subtlest-hovered: #044d41;
  --gstock-color-background-accent-mint-subtlest-pressed: #09e1c0;
  --gstock-color-background-accent-teal-bolder: #6cc3e0;
  --gstock-color-background-accent-teal-bolder-hovered: #9dd9ee;
  --gstock-color-background-accent-teal-bolder-pressed: #c6edfb;
  --gstock-color-background-accent-teal-subtle: #206a83;
  --gstock-color-background-accent-teal-subtle-hovered: #164555;
  --gstock-color-background-accent-teal-subtle-pressed: #1e3137;
  --gstock-color-background-accent-teal-subtler: #164555;
  --gstock-color-background-accent-teal-subtler-hovered: #6cc3e0;
  --gstock-color-background-accent-teal-subtler-pressed: #2898bd;
  --gstock-color-background-accent-teal-subtlest: #1e3137;
  --gstock-color-background-accent-teal-subtlest-hovered: #164555;
  --gstock-color-background-accent-teal-subtlest-pressed: #6cc3e0;
  --gstock-color-background-accent-yellow-bolder: #e2b203;
  --gstock-color-background-accent-yellow-bolder-hovered: #f5cd47;
  --gstock-color-background-accent-yellow-bolder-pressed: #f8e6a0;
  --gstock-color-background-accent-yellow-subtle: #7f5f01;
  --gstock-color-background-accent-yellow-subtle-hovered: #533f04;
  --gstock-color-background-accent-yellow-subtle-pressed: #332e1b;
  --gstock-color-background-accent-yellow-subtler: #533f04;
  --gstock-color-background-accent-yellow-subtler-hovered: #e2b203;
  --gstock-color-background-accent-yellow-subtler-pressed: #b38600;
  --gstock-color-background-accent-yellow-subtlest: #332e1b;
  --gstock-color-background-accent-yellow-subtlest-hovered: #533f04;
  --gstock-color-background-accent-yellow-subtlest-pressed: #e2b203;
  --gstock-color-background-brand-bold: #739fc4;
  --gstock-color-background-brand-bold-hovered: #a3c1d9;
  --gstock-color-background-brand-bold-pressed: #d9e3ed;
  --gstock-color-background-brand-boldest: #f0f4f8;
  --gstock-color-background-brand-boldest-hovered: #d9e3ed;
  --gstock-color-background-brand-boldest-pressed: #a3c1d9;
  --gstock-color-background-brand-subtlest: #1a334e;
  --gstock-color-background-brand-subtlest-hovered: #113356;
  --gstock-color-background-brand-subtlest-pressed: #17436a;
  --gstock-color-background-danger: #42221f;
  --gstock-color-background-danger-bold: #f87168;
  --gstock-color-background-danger-bold-hovered: #fd9891;
  --gstock-color-background-danger-bold-pressed: #ffd5d2;
  --gstock-color-background-danger-hovered: #5d1f1a;
  --gstock-color-background-danger-pressed: #ae2e24;
  --gstock-color-background-disabled: #bcd6f00a;
  --gstock-color-background-discovery: #352c63;
  --gstock-color-background-discovery-bold: #9f8fef;
  --gstock-color-background-discovery-bold-hovered: #b8acf6;
  --gstock-color-background-discovery-bold-pressed: #dfd8fd;
  --gstock-color-background-discovery-hovered: #9f8fef;
  --gstock-color-background-discovery-pressed: #8270db;
  --gstock-color-background-information: #09326c;
  --gstock-color-background-information-bold: #579dff;
  --gstock-color-background-information-bold-hovered: #85b8ff;
  --gstock-color-background-information-bold-pressed: #cce0ff;
  --gstock-color-background-information-hovered: #09326c;
  --gstock-color-background-information-pressed: #579dff;
  --gstock-color-background-input: #22272b;
  --gstock-color-background-input-hovered: #282e33;
  --gstock-color-background-input-pressed: #22272b;
  --gstock-color-background-inverse-subtle: #ffffff29;
  --gstock-color-background-inverse-subtle-hovered: #ffffff3d;
  --gstock-color-background-inverse-subtle-pressed: #ffffff52;
  --gstock-color-background-neutral: #a1bdd914;
  --gstock-color-background-neutral-bold: #9fadbc;
  --gstock-color-background-neutral-bold-hovered: #b6c2cf;
  --gstock-color-background-neutral-bold-pressed: #c7d1db;
  --gstock-color-background-neutral-hovered: #a6c5e229;
  --gstock-color-background-neutral-pressed: #bfdbf847;
  --gstock-color-background-neutral-subtle: #00000000;
  --gstock-color-background-neutral-subtle-hovered: #a1bdd914;
  --gstock-color-background-neutral-subtle-pressed: #a6c5e229;
  --gstock-color-background-selected: #1c2b41;
  --gstock-color-background-selected-bold: #579dff;
  --gstock-color-background-selected-bold-hovered: #85b8ff;
  --gstock-color-background-selected-bold-pressed: #cce0ff;
  --gstock-color-background-selected-hovered: #09326c;
  --gstock-color-background-selected-pressed: #579dff;
  --gstock-color-background-success: #1c3329;
  --gstock-color-background-success-bold: #4bce97;
  --gstock-color-background-success-bold-hovered: #7ee2b8;
  --gstock-color-background-success-bold-pressed: #baf3db;
  --gstock-color-background-success-hovered: #164b35;
  --gstock-color-background-success-pressed: #4bce97;
  --gstock-color-background-warning: #332e1b;
  --gstock-color-background-warning-bold: #e2b203;
  --gstock-color-background-warning-bold-hovered: #f5cd47;
  --gstock-color-background-warning-bold-pressed: #f8e6a0;
  --gstock-color-background-warning-hovered: #533f04;
  --gstock-color-background-warning-pressed: #e2b203;
  --gstock-color-blanket: #10121499;
  --gstock-color-blanket-danger: #e3493514;
  --gstock-color-blanket-selected: #1d7afc14;
  --gstock-color-border: #a6c5e229;
  --gstock-color-border-accent-blue: #1d7afc;
  --gstock-color-border-accent-gray: #738496;
  --gstock-color-border-accent-green: #22a06b;
  --gstock-color-border-accent-magenta: #cd519d;
  --gstock-color-border-accent-orange: #e56910;
  --gstock-color-border-accent-purple: #8270db;
  --gstock-color-border-accent-red: #e2483d;
  --gstock-color-border-accent-navy: #2f6a94;
  --gstock-color-border-accent-mint: #07a689;
  --gstock-color-border-accent-teal: #2898bd;
  --gstock-color-border-accent-yellow: #b38600;
  --gstock-color-border-bold: #738496;
  --gstock-color-border-brand: #739fc4;
  --gstock-color-border-danger: #e2483d;
  --gstock-color-border-disabled: #a1bdd914;
  --gstock-color-border-discovery: #8270db;
  --gstock-color-border-focused: #85b8ff;
  --gstock-color-border-information: #1d7afc;
  --gstock-color-border-input: #738496;
  --gstock-color-border-inverse: #161a1d;
  --gstock-color-border-selected: #579dff;
  --gstock-color-border-success: #22a06b;
  --gstock-color-border-warning: #b38600;
  --gstock-color-chart-blue-bold: #1d7afc;
  --gstock-color-chart-blue-bold-hovered: #388bff;
  --gstock-color-chart-blue-bolder: #388bff;
  --gstock-color-chart-blue-bolder-hovered: #579dff;
  --gstock-color-chart-blue-boldest: #85b8ff;
  --gstock-color-chart-blue-boldest-hovered: #cce0ff;
  --gstock-color-chart-brand: #4c82a8;
  --gstock-color-chart-brand-hovered: #739fc4;
  --gstock-color-chart-categorical-1: #2898bd;
  --gstock-color-chart-categorical-1-hovered: #42b2d7;
  --gstock-color-chart-categorical-2: #b8acf6;
  --gstock-color-chart-categorical-2-hovered: #dfd8fd;
  --gstock-color-chart-categorical-3: #e56910;
  --gstock-color-chart-categorical-3-hovered: #f38a3f;
  --gstock-color-chart-categorical-4: #f797d2;
  --gstock-color-chart-categorical-4-hovered: #fdd0ec;
  --gstock-color-chart-categorical-5: #cce0ff;
  --gstock-color-chart-categorical-5-hovered: #e9f2ff;
  --gstock-color-chart-categorical-6: #8270db;
  --gstock-color-chart-categorical-6-hovered: #8f7ee7;
  --gstock-color-chart-categorical-7: #fdd0ec;
  --gstock-color-chart-categorical-7-hovered: #ffecf8;
  --gstock-color-chart-categorical-8: #fec195;
  --gstock-color-chart-categorical-8-hovered: #fedec8;
  --gstock-color-chart-danger: #e2483d;
  --gstock-color-chart-danger-bold: #fd9891;
  --gstock-color-chart-danger-bold-hovered: #ffd5d2;
  --gstock-color-chart-danger-hovered: #f15b50;
  --gstock-color-chart-discovery: #8270db;
  --gstock-color-chart-discovery-bold: #b8acf6;
  --gstock-color-chart-discovery-bold-hovered: #dfd8fd;
  --gstock-color-chart-discovery-hovered: #8f7ee7;
  --gstock-color-chart-gray-bold: #738496;
  --gstock-color-chart-gray-bold-hovered: #8c9bab;
  --gstock-color-chart-gray-bolder: #8c9bab;
  --gstock-color-chart-gray-bolder-hovered: #9fadbc;
  --gstock-color-chart-gray-boldest: #9fadbc;
  --gstock-color-chart-gray-boldest-hovered: #b6c2cf;
  --gstock-color-chart-green-bold: #2abb7f;
  --gstock-color-chart-green-bold-hovered: #4bce97;
  --gstock-color-chart-green-bolder: #4bce97;
  --gstock-color-chart-green-bolder-hovered: #7ee2b8;
  --gstock-color-chart-green-boldest: #7ee2b8;
  --gstock-color-chart-green-boldest-hovered: #baf3db;
  --gstock-color-chart-information: #1d7afc;
  --gstock-color-chart-information-bold: #85b8ff;
  --gstock-color-chart-information-bold-hovered: #cce0ff;
  --gstock-color-chart-information-hovered: #388bff;
  --gstock-color-chart-magenta-bold: #cd519d;
  --gstock-color-chart-magenta-bold-hovered: #da62ac;
  --gstock-color-chart-magenta-bolder: #da62ac;
  --gstock-color-chart-magenta-bolder-hovered: #e774bb;
  --gstock-color-chart-magenta-boldest: #f797d2;
  --gstock-color-chart-magenta-boldest-hovered: #fdd0ec;
  --gstock-color-chart-neutral: #738496;
  --gstock-color-chart-neutral-hovered: #8c9bab;
  --gstock-color-chart-orange-bold: #f38a3f;
  --gstock-color-chart-orange-bold-hovered: #fea362;
  --gstock-color-chart-orange-bolder: #fea362;
  --gstock-color-chart-orange-bolder-hovered: #fec195;
  --gstock-color-chart-orange-boldest: #fec195;
  --gstock-color-chart-orange-boldest-hovered: #fedec8;
  --gstock-color-chart-purple-bold: #8270db;
  --gstock-color-chart-purple-bold-hovered: #8f7ee7;
  --gstock-color-chart-purple-bolder: #8f7ee7;
  --gstock-color-chart-purple-bolder-hovered: #9f8fef;
  --gstock-color-chart-purple-boldest: #b8acf6;
  --gstock-color-chart-purple-boldest-hovered: #dfd8fd;
  --gstock-color-chart-red-bold: #e2483d;
  --gstock-color-chart-red-bold-hovered: #f15b50;
  --gstock-color-chart-red-bolder: #f15b50;
  --gstock-color-chart-red-bolder-hovered: #f87168;
  --gstock-color-chart-red-boldest: #fd9891;
  --gstock-color-chart-red-boldest-hovered: #ffd5d2;
  --gstock-color-chart-success: #2abb7f;
  --gstock-color-chart-success-bold: #7ee2b8;
  --gstock-color-chart-success-bold-hovered: #baf3db;
  --gstock-color-chart-success-hovered: #4bce97;
  --gstock-color-chart-navy-bold: #4c82a8;
  --gstock-color-chart-navy-bold-hovered: #739fc4;
  --gstock-color-chart-navy-bolder: #739fc4;
  --gstock-color-chart-navy-bolder-hovered: #a3c1d9;
  --gstock-color-chart-navy-boldest: #a3c1d9;
  --gstock-color-chart-navy-boldest-hovered: #d9e3ed;
  --gstock-color-chart-mint-bold: #08c7a8;
  --gstock-color-chart-mint-bold-hovered: #09e1c0;
  --gstock-color-chart-mint-bolder: #09e1c0;
  --gstock-color-chart-mint-bolder-hovered: #9df3e6;
  --gstock-color-chart-mint-boldest: #9df3e6;
  --gstock-color-chart-mint-boldest-hovered: #cef9f2;
  --gstock-color-chart-teal-bold: #42b2d7;
  --gstock-color-chart-teal-bold-hovered: #6cc3e0;
  --gstock-color-chart-teal-bolder: #6cc3e0;
  --gstock-color-chart-teal-bolder-hovered: #9dd9ee;
  --gstock-color-chart-teal-boldest: #9dd9ee;
  --gstock-color-chart-teal-boldest-hovered: #c6edfb;
  --gstock-color-chart-warning: #cf9f02;
  --gstock-color-chart-warning-bold: #f5cd47;
  --gstock-color-chart-warning-bold-hovered: #f8e6a0;
  --gstock-color-chart-warning-hovered: #e2b203;
  --gstock-color-chart-yellow-bold: #cf9f02;
  --gstock-color-chart-yellow-bold-hovered: #e2b203;
  --gstock-color-chart-yellow-bolder: #e2b203;
  --gstock-color-chart-yellow-bolder-hovered: #f5cd47;
  --gstock-color-chart-yellow-boldest: #f5cd47;
  --gstock-color-chart-yellow-boldest-hovered: #f8e6a0;
  --gstock-color-icon: #9fadbc;
  --gstock-color-icon-accent-blue: #388bff;
  --gstock-color-icon-accent-gray: #738496;
  --gstock-color-icon-accent-green: #2abb7f;
  --gstock-color-icon-accent-magenta: #da62ac;
  --gstock-color-icon-accent-orange: #f38a3f;
  --gstock-color-icon-accent-purple: #8f7ee7;
  --gstock-color-icon-accent-red: #e2483d;
  --gstock-color-icon-accent-navy: #4c82a8;
  --gstock-color-icon-accent-mint: #08c7a8;
  --gstock-color-icon-accent-teal: #42b2d7;
  --gstock-color-icon-accent-yellow: #f5cd47;
  --gstock-color-icon-brand: #739fc4;
  --gstock-color-icon-danger: #f15b50;
  --gstock-color-icon-disabled: #bfdbf847;
  --gstock-color-icon-discovery: #8f7ee7;
  --gstock-color-icon-information: #388bff;
  --gstock-color-icon-inverse: #1d2125;
  --gstock-color-icon-selected: #579dff;
  --gstock-color-icon-subtle: #8c9bab;
  --gstock-color-icon-subtlest: #8c9bab;
  --gstock-color-icon-success: #2abb7f;
  --gstock-color-icon-warning: #f5cd47;
  --gstock-color-icon-warning-inverse: #1d2125;
  --gstock-color-interaction-hovered: #ffffff33;
  --gstock-color-interaction-pressed: #ffffff5c;
  --gstock-color-link: #579dff;
  --gstock-color-link-pressed: #85b8ff;
  --gstock-color-link-visited: #b8acf6;
  --gstock-color-link-visited-pressed: #dfd8fd;
  --gstock-color-skeleton: #a1bdd914;
  --gstock-color-skeleton-subtle: #bcd6f00a;
  --gstock-color-text: #b6c2cf;
  --gstock-color-text-accent-blue: #85b8ff;
  --gstock-color-text-accent-blue-bolder: #cce0ff;
  --gstock-color-text-accent-gray: #9fadbc;
  --gstock-color-text-accent-gray-bolder: #dee4ea;
  --gstock-color-text-accent-green: #7ee2b8;
  --gstock-color-text-accent-green-bolder: #baf3db;
  --gstock-color-text-accent-magenta: #f797d2;
  --gstock-color-text-accent-magenta-bolder: #fdd0ec;
  --gstock-color-text-accent-orange: #fec195;
  --gstock-color-text-accent-orange-bolder: #fedec8;
  --gstock-color-text-accent-purple: #b8acf6;
  --gstock-color-text-accent-purple-bolder: #dfd8fd;
  --gstock-color-text-accent-red: #fd9891;
  --gstock-color-text-accent-red-bolder: #ffd5d2;
  --gstock-color-text-accent-navy: #a3c1d9;
  --gstock-color-text-accent-navy-bolder: #d9e3ed;
  --gstock-color-text-accent-mint: #9df3e6;
  --gstock-color-text-accent-mint-bolder: #cef9f2;
  --gstock-color-text-accent-teal: #9dd9ee;
  --gstock-color-text-accent-teal-bolder: #c6edfb;
  --gstock-color-text-accent-yellow: #f5cd47;
  --gstock-color-text-accent-yellow-bolder: #f8e6a0;
  --gstock-color-text-brand: #739fc4;
  --gstock-color-text-danger: #fd9891;
  --gstock-color-text-disabled: #bfdbf847;
  --gstock-color-text-discovery: #b8acf6;
  --gstock-color-text-information: #85b8ff;
  --gstock-color-text-inverse: #1d2125;
  --gstock-color-text-selected: #579dff;
  --gstock-color-text-subtle: #9fadbc;
  --gstock-color-text-subtlest: #8c9bab;
  --gstock-color-text-success: #7ee2b8;
  --gstock-color-text-warning: #f5cd47;
  --gstock-color-text-warning-inverse: #1d2125;
  --gstock-color-surface: #1f1f21;
  --gstock-color-surface-hovered: #242528;
  --gstock-color-surface-pressed: #2b2c2f;
  --gstock-color-surface-overlay: #2b2c2f;
  --gstock-color-surface-overlay-hovered: #303134;
  --gstock-color-surface-overlay-pressed: #3d3f43;
  --gstock-color-surface-raised: #242528;
  --gstock-color-surface-raised-hovered: #2b2c2f;
  --gstock-color-surface-raised-pressed: #303134;
  --gstock-color-surface-sunken: #18191a;
  --gstock-elevation-shadow-overflow: 0 0 0 #030404, 0 0 0 #030404;
  --gstock-elevation-shadow-overflow-perimeter: #03040480;
  --gstock-elevation-shadow-overflow-spread: #0304048f;
  --gstock-elevation-shadow-overlay:
    0 0 0 1px #39424a, 0 0 0 #03040442, 0 0 0 1px #03040442;
  --gstock-elevation-shadow-raised:
    0 0 0 1px #000, 0 0 0 #03040442, 0 0 0 #03040442;
  --gstock-elevation-surface: #1d2125;
  --gstock-elevation-surface-hovered: #22272b;
  --gstock-elevation-surface-overlay: #282e33;
  --gstock-elevation-surface-overlay-hovered: #2c333a;
  --gstock-elevation-surface-overlay-pressed: #38414a;
  --gstock-elevation-surface-pressed: #282e33;
  --gstock-elevation-surface-raised: #22272b;
  --gstock-elevation-surface-raised-hovered: #282e33;
  --gstock-elevation-surface-raised-pressed: #2c333a;
  --gstock-elevation-surface-sunken: #161a1d;
  --gstock-opacity-disabled: 0.4;
  --gstock-opacity-loading: 0.2;
}
@font-face {
  font-family: Euclid Circular B;
  font-style: normal;
  font-weight: 700;
  src:
    local("Euclid Circular B Bold"),
    local("EuclidCircularB-Bold"),
    url(../assets/fonts/EuclidCircularB-Bold.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-Bold.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: italic;
  font-weight: 400;
  src:
    local("Euclid Circular B Italic"),
    local("EuclidCircularB-Italic"),
    url(../assets/fonts/EuclidCircularB-Italic.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-Italic.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-Italic.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: normal;
  font-weight: 500;
  src:
    local("Euclid Circular B Medium"),
    local("EuclidCircularB-Medium"),
    url(../assets/fonts/EuclidCircularB-Medium.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-Medium.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-Medium.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: italic;
  font-weight: 600;
  src:
    local("Euclid Circular B SemiBold Italic"),
    local("EuclidCircularB-SemiBoldItalic"),
    url(../assets/fonts/EuclidCircularB-SemiBoldItalic.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-SemiBoldItalic.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: italic;
  font-weight: 700;
  src:
    local("Euclid Circular B Bold Italic"),
    local("EuclidCircularB-BoldItalic"),
    url(../assets/fonts/EuclidCircularB-BoldItalic.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-BoldItalic.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: italic;
  font-weight: 500;
  src:
    local("Euclid Circular B Medium Italic"),
    local("EuclidCircularB-MediumItalic"),
    url(../assets/fonts/EuclidCircularB-MediumItalic.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-MediumItalic.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-MediumItalic.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: normal;
  font-weight: 600;
  src:
    local("Euclid Circular B SemiBold"),
    local("EuclidCircularB-SemiBold"),
    url(../assets/fonts/EuclidCircularB-SemiBold.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-SemiBold.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: normal;
  font-weight: 300;
  src:
    local("Euclid Circular B Light"),
    local("EuclidCircularB-Light"),
    url(../assets/fonts/EuclidCircularB-Light.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-Light.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-Light.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: normal;
  font-weight: 400;
  src:
    local("Euclid Circular B Regular"),
    local("EuclidCircularB-Regular"),
    url(../assets/fonts/EuclidCircularB-Regular.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-Regular.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Euclid Circular B;
  font-style: italic;
  font-weight: 300;
  src:
    local("Euclid Circular B Light Italic"),
    local("EuclidCircularB-LightItalic"),
    url(../assets/fonts/EuclidCircularB-LightItalic.woff2) format("woff2"),
    url(../assets/fonts/EuclidCircularB-LightItalic.woff) format("woff"),
    url(../assets/fonts/EuclidCircularB-LightItalic.ttf) format("truetype");
}
:not(:defined):is(
  [is^="gstock-"],
  gstock-animation,
  gstock-autocomplete,
  gstock-avatar,
  gstock-avatar-group,
  gstock-badge,
  gstock-board,
  gstock-board-item,
  gstock-breadcrumb,
  gstock-breadcrumb-item,
  gstock-button,
  gstock-button-group,
  gstock-calendar,
  gstock-calendar-event,
  gstock-card,
  gstock-checkbox,
  gstock-chip,
  gstock-data-grid,
  gstock-date-picker,
  gstock-dialog,
  gstock-divider,
  gstock-drawer,
  gstock-dropdown,
  gstock-empty-state,
  gstock-flag,
  gstock-format-date,
  gstock-format-number,
  gstock-grid,
  gstock-grid-item,
  gstock-group-label,
  gstock-header,
  gstock-header-item,
  gstock-icon,
  gstock-icon-button,
  gstock-include,
  gstock-input,
  gstock-link,
  gstock-list-picker,
  gstock-logo,
  gstock-menu,
  gstock-menu-item,
  gstock-mutation-observer,
  gstock-navigation,
  gstock-navigation-drawer,
  gstock-navigation-drawer-menu,
  gstock-navigation-drawer-menu-item,
  gstock-navigation-item,
  gstock-navigation-menu,
  gstock-navigation-menu-item,
  gstock-option,
  gstock-page,
  gstock-pagination,
  gstock-popup,
  gstock-progress-bar,
  gstock-quantity-input,
  gstock-radio,
  gstock-radio-button,
  gstock-radio-group,
  gstock-select,
  gstock-skeleton,
  gstock-spinner,
  gstock-split-panel,
  gstock-step,
  gstock-step-group,
  gstock-step-panel,
  gstock-switch,
  gstock-tab,
  gstock-tab-group,
  gstock-tab-panel,
  gstock-tag,
  gstock-tag-group,
  gstock-textarea,
  gstock-time-picker,
  gstock-tooltip,
  gstock-typography,
  gstock-week-picker
) {
  visibility: hidden;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font: var(--gstock-typography-font-body);
  margin: 0;
  overflow: hidden;
  padding: 0;
}
body,
html {
  height: 100%;
}
@media (min-width: 1536px) {
  .hide-xlarge {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1535px) {
  .hide-large {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .hide-medium {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .hide-small {
    display: none;
  }
}
@media (max-width: 639px) {
  .hide-xsmall {
    display: none;
  }
}
@supports (scrollbar-gutter: stable) {
  .gstock-scroll-lock {
    scrollbar-gutter: var(--gstock-scroll-lock-gutter) !important;
  }
  .gstock-scroll-lock body {
    overflow: hidden !important;
  }
}
@supports not (scrollbar-gutter: stable) {
  .gstock-scroll-lock body {
    overflow: hidden !important;
    padding-right: var(--gstock-scroll-lock-size) !important;
  }
}
.gstock-toast-stack {
  inset-inline-end: 0;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 28rem;
  z-index: var(--gstock-legacy-z-index-toast);
}
.gstock-toast-stack gstock-alert {
  margin: var(--gstock-legacy-spacing-5);
}
.gstock-toast-stack gstock-alert::part(base) {
  box-shadow: 0 0 var(--gstock-legacy-color-grayscale-700);
}
.gstock-theme-light,
:host,
:root {
  --autocomplete-panel-background-color: var(--gstock-legacy-color-grayscale-0);
  --autocomplete-panel-border-width: 1.5px;
  --autocomplete-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --autocomplete-listbox-space-separation-small: 4px;
  --autocomplete-listbox-space-separation-medium: 6px;
  --autocomplete-listbox-space-separation-large: 8px;
  --autocomplete-chip-background-color: var(
    --gstock-legacy-color-grayscale-100
  );
  --autocomplete-chip-border-color: var(--gstock-legacy-color-grayscale-200);
  --autocomplete-chip-border-width: 1px;
  --autocomplete-chip-color: var(--gstock-legacy-color-brand-primary-500);
}
.gstock-theme-light,
:host,
:root {
  --avatar-background-color: var(--gstock-legacy-color-grayscale-100);
  --avatar-color: var(--gstock-legacy-color-grayscale-500);
  --avatar-font-family: var(--gstock-legacy-base-regular-font-family);
  --avatar-font-size: var(--gstock-legacy-base-regular-font-size);
  --avatar-font-weight: var(--gstock-legacy-base-regular-font-weight);
  --avatar-radius-border: 9999px;
  --avatar-size-small: 48px;
  --avatar-border-radius-small: var(--gstock-border-radius-md);
  --avatar-size-medium: 64px;
  --avatar-border-radius-medium: var(--gstock-border-radius-md);
  --avatar-size-large: 80px;
  --avatar-border-radius-large: var(--gstock-border-radius-md);
  --avatar-background-color-primary: var(
    --gstock-legacy-color-brand-primary-500
  );
  --avatar-color-primary: var(--gstock-legacy-color-brand-secondary-500);
  --avatar-background-color-secondary: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --avatar-color-secondary: var(--gstock-legacy-color-brand-primary-500);
  --avatar-group-border-color: var(--gstock-legacy-color-grayscale-0);
  --avatar-group-more-background-color: var(
    --gstock-legacy-color-brand-primary-base
  );
  --avatar-group-more-color: var(--gstock-legacy-color-grayscale-0);
  --avatar-group-more-font-family: var(
    --gstock-legacy-large-regular-font-family
  );
  --avatar-group-more-font-size: var(--gstock-legacy-large-regular-font-size);
  --avatar-group-more-font-weight: var(
    --gstock-legacy-large-regular-font-weight
  );
}
.gstock-theme-light,
:host,
:root {
  --badge-radius-border: 9999px;
  --badge-z-index: 1;
  --badge-font-family-small: var(--gstock-legacy-small-regular-font-family);
  --badge-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --badge-font-weight-small: var(--gstock-legacy-small-regular-font-weight);
  --badge-letter-spacing-small: 0;
  --badge-padding-block-small: 0.25em;
  --badge-padding-inline-small: 0.5em;
  --badge-empty-width-small: var(--gstock-legacy-spacing-2);
  --badge-empty-height-small: var(--gstock-legacy-spacing-2);
  --badge-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --badge-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --badge-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --badge-letter-spacing-medium: 0;
  --badge-padding-block-medium: 0.3em;
  --badge-padding-inline-medium: 0.6em;
  --badge-empty-width-medium: var(--gstock-legacy-spacing-3);
  --badge-empty-height-medium: var(--gstock-legacy-spacing-3);
  --badge-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --badge-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --badge-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --badge-letter-spacing-large: 0;
  --badge-padding-block-large: 0.35em;
  --badge-padding-inline-large: 0.6em;
  --badge-empty-width-large: var(--gstock-legacy-spacing-4);
  --badge-empty-height-large: var(--gstock-legacy-spacing-4);
  --badge-background-color-primary: var(
    --gstock-legacy-color-brand-primary-base
  );
  --badge-border-primary: 0;
  --badge-color-primary: var(--gstock-legacy-color-brand-secondary-base);
  --badge-pulse-color-primary: var(--gstock-legacy-color-brand-primary-base);
  --badge-background-color-secondary: var(
    --gstock-legacy-color-grayscale-white
  );
  --badge-border-secondary: 1px solid
    var(--gstock-legacy-color-brand-primary-base);
  --badge-color-secondary: var(--gstock-legacy-color-brand-primary-base);
  --badge-pulse-color-secondary: var(--gstock-legacy-color-brand-primary-base);
  --badge-background-color-tertiary: var(
    --gstock-legacy-color-brand-secondary-base
  );
  --badge-border-tertiary: 0;
  --badge-color-tertiary: var(--gstock-legacy-color-brand-primary-base);
  --badge-pulse-color-tertiary: var(--gstock-legacy-color-brand-secondary-base);
  --badge-background-color-success: var(
    --gstock-legacy-color-semantic-success-base
  );
  --badge-border-success: 0;
  --badge-color-success: var(--gstock-legacy-color-grayscale-white);
  --badge-pulse-color-success: var(--gstock-legacy-color-semantic-success-base);
  --badge-background-color-warning: var(
    --gstock-legacy-color-semantic-warning-base
  );
  --badge-border-warning: 0;
  --badge-color-warning: var(--gstock-legacy-color-grayscale-black);
  --badge-pulse-color-warning: var(--gstock-legacy-color-semantic-warning-base);
  --badge-background-color-danger: var(
    --gstock-legacy-color-semantic-danger-base
  );
  --badge-border-danger: none;
  --badge-color-danger: var(--gstock-legacy-color-grayscale-white);
  --badge-pulse-color-danger: var(--gstock-legacy-color-semantic-danger-base);
}
.gstock-theme-light,
:host,
:root {
  --breadcrumb-background-color: var(--gstock-legacy-color-grayscale-100);
}
.gstock-theme-light,
:host,
:root {
  --button-border-width: 2px;
  --button-border-radius-small: var(--gstock-border-radius-sm);
  --button-height-small: var(--gstock-legacy-spacing-8);
  --button-font-size-small: var(--gstock-legacy-small-bold-font-size);
  --button-icon-size-small: var(--gstock-legacy-font-size-3);
  --button-letter-spacing-small: var(--gstock-legacy-small-bold-letter-spacing);
  --button-gap-small: var(--gstock-legacy-spacing-0);
  --button-border-radius-medium: var(--gstock-border-radius-sm);
  --button-height-medium: var(--gstock-legacy-spacing-9);
  --button-font-size-medium: var(--gstock-legacy-base-bold-font-size);
  --button-icon-size-medium: 24px;
  --button-letter-spacing-medium: var(--gstock-legacy-base-bold-letter-spacing);
  --button-gap-medium: var(--gstock-legacy-spacing-1);
  --button-border-radius-large: var(--gstock-border-radius-sm);
  --button-height-large: var(--gstock-legacy-spacing-10);
  --button-font-size-large: var(--gstock-legacy-large-bold-font-size);
  --button-icon-size-large: var(--gstock-legacy-font-size-9);
  --button-letter-spacing-large: var(--gstock-legacy-large-bold-letter-spacing);
  --button-gap-large: var(--gstock-legacy-spacing-2);
  --button-outlined-brand-background-color: transparent;
  --button-outlined-brand-border-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --button-outlined-brand-color: var(--gstock-legacy-color-brand-primary-500);
  --button-outlined-brand-background-color-active: var(
    --gstock-legacy-color-brand-primary-200
  );
  --button-outlined-brand-border-color-active: var(
    --gstock-legacy-color-brand-primary-700
  );
  --button-outlined-brand-color-active: var(
    --gstock-legacy-color-brand-primary-700
  );
  --button-outlined-brand-background-color-hover: var(
    --gstock-legacy-color-brand-primary-100
  );
  --button-outlined-brand-border-color-hover: var(
    --gstock-legacy-color-brand-primary-500
  );
  --button-outlined-brand-color-hover: var(
    --gstock-legacy-color-brand-primary-600
  );
  --button-outlined-brand-background-color-disabled: transparent;
  --button-outlined-brand-border-color-disabled: var(
    --gstock-legacy-color-brand-primary-200
  );
  --button-outlined-brand-color-disabled: var(
    --gstock-legacy-color-brand-primary-300
  );
  --button-outlined-neutral-background-color: transparent;
  --button-outlined-neutral-border-color: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-outlined-neutral-color: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-outlined-neutral-background-color-active: var(
    --gstock-legacy-color-brand-secondary-300
  );
  --button-outlined-neutral-border-color-active: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-outlined-neutral-color-active: var(
    --gstock-legacy-color-brand-secondary-100
  );
  --button-outlined-neutral-background-color-hover: var(
    --gstock-legacy-color-brand-secondary-100
  );
  --button-outlined-neutral-border-color-hover: var(
    --gstock-legacy-color-brand-secondary-700
  );
  --button-outlined-neutral-color-hover: var(
    --gstock-legacy-color-brand-secondary-700
  );
  --button-outlined-neutral-background-color-disabled: transparent;
  --button-outlined-neutral-border-color-disabled: var(
    --gstock-legacy-color-brand-secondary-200
  );
  --button-outlined-neutral-color-disabled: var(
    --gstock-legacy-color-brand-secondary-300
  );
  --button-outlined-information-background-color: transparent;
  --button-outlined-information-border-color: var(
    --gstock-legacy-color-semantic-information-400
  );
  --button-outlined-information-color: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-outlined-information-background-color-active: var(
    --gstock-legacy-color-semantic-information-300
  );
  --button-outlined-information-border-color-active: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-outlined-information-color-active: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-outlined-information-background-color-hover: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-outlined-information-border-color-hover: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-outlined-information-color-hover: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-outlined-information-background-color-disabled: transparent;
  --button-outlined-information-border-color-disabled: var(
    --gstock-legacy-color-semantic-information-200
  );
  --button-outlined-information-color-disabled: var(
    --gstock-legacy-color-semantic-information-300
  );
  --button-outlined-success-background-color: transparent;
  --button-outlined-success-border-color: var(
    --gstock-legacy-color-semantic-success-400
  );
  --button-outlined-success-color: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-outlined-success-background-color-active: var(
    --gstock-legacy-color-semantic-success-300
  );
  --button-outlined-success-border-color-active: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-outlined-success-color-active: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-outlined-success-background-color-hover: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-outlined-success-border-color-hover: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-outlined-success-color-hover: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-outlined-success-background-color-disabled: transparent;
  --button-outlined-success-border-color-disabled: var(
    --gstock-legacy-color-semantic-success-200
  );
  --button-outlined-success-color-disabled: var(
    --gstock-legacy-color-semantic-success-300
  );
  --button-outlined-warning-background-color: transparent;
  --button-outlined-warning-border-color: var(
    --gstock-legacy-color-semantic-warning-400
  );
  --button-outlined-warning-color: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-outlined-warning-background-color-active: var(
    --gstock-legacy-color-semantic-warning-300
  );
  --button-outlined-warning-border-color-active: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-outlined-warning-color-active: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-outlined-warning-background-color-hover: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-outlined-warning-border-color-hover: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-outlined-warning-color-hover: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-outlined-warning-background-color-disabled: transparent;
  --button-outlined-warning-border-color-disabled: var(
    --gstock-legacy-color-semantic-warning-200
  );
  --button-outlined-warning-color-disabled: var(
    --gstock-legacy-color-semantic-warning-300
  );
  --button-outlined-danger-background-color: transparent;
  --button-outlined-danger-border-color: var(
    --gstock-legacy-color-semantic-danger-400
  );
  --button-outlined-danger-color: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-outlined-danger-background-color-active: var(
    --gstock-legacy-color-semantic-danger-300
  );
  --button-outlined-danger-border-color-active: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-outlined-danger-color-active: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-outlined-danger-background-color-hover: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-outlined-danger-border-color-hover: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-outlined-danger-color-hover: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-outlined-danger-background-color-disabled: transparent;
  --button-outlined-danger-border-color-disabled: var(
    --gstock-legacy-color-semantic-danger-200
  );
  --button-outlined-danger-color-disabled: var(
    --gstock-legacy-color-semantic-danger-300
  );
  --button-plain-brand-background-color: transparent;
  --button-plain-brand-color: var(--gstock-legacy-color-brand-primary-500);
  --button-plain-brand-background-color-active: var(
    --gstock-legacy-color-grayscale-200
  );
  --button-plain-brand-color-active: var(
    --gstock-legacy-color-brand-primary-700
  );
  --button-plain-brand-background-color-hover: var(
    --gstock-legacy-color-grayscale-100
  );
  --button-plain-brand-color-hover: var(
    --gstock-legacy-color-brand-primary-400
  );
  --button-plain-brand-background-color-disabled: transparent;
  --button-plain-brand-color-disabled: var(
    --gstock-legacy-color-brand-primary-300
  );
  --button-plain-neutral-background-color: transparent;
  --button-plain-neutral-color: var(--gstock-legacy-color-brand-secondary-800);
  --button-plain-neutral-background-color-active: var(
    --gstock-legacy-color-brand-secondary-200
  );
  --button-plain-neutral-color-active: var(
    --gstock-legacy-color-brand-secondary-100
  );
  --button-plain-neutral-background-color-hover: var(
    --gstock-legacy-color-brand-secondary-100
  );
  --button-plain-neutral-color-hover: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-plain-neutral-background-color-disabled: transparent;
  --button-plain-neutral-color-disabled: var(
    --gstock-legacy-color-brand-secondary-300
  );
  --button-plain-information-background-color: transparent;
  --button-plain-information-color: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-plain-information-background-color-active: var(
    --gstock-legacy-color-semantic-information-300
  );
  --button-plain-information-color-active: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-plain-information-background-color-hover: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-plain-information-color-hover: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-plain-information-background-color-disabled: transparent;
  --button-plain-information-color-disabled: var(
    --gstock-legacy-color-semantic-information-300
  );
  --button-plain-success-background-color: transparent;
  --button-plain-success-color: var(--gstock-legacy-color-semantic-success-500);
  --button-plain-success-background-color-active: var(
    --gstock-legacy-color-semantic-success-300
  );
  --button-plain-success-color-active: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-plain-success-background-color-hover: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-plain-success-color-hover: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-plain-success-background-color-disabled: transparent;
  --button-plain-success-color-disabled: var(
    --gstock-legacy-color-semantic-success-300
  );
  --button-plain-warning-background-color: transparent;
  --button-plain-warning-color: var(--gstock-legacy-color-semantic-warning-500);
  --button-plain-warning-background-color-active: var(
    --gstock-legacy-color-semantic-warning-300
  );
  --button-plain-warning-color-active: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-plain-warning-background-color-hover: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-plain-warning-color-hover: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-plain-warning-background-color-disabled: transparent;
  --button-plain-warning-color-disabled: var(
    --gstock-legacy-color-semantic-warning-300
  );
  --button-plain-danger-background-color: transparent;
  --button-plain-danger-color: var(--gstock-legacy-color-semantic-danger-500);
  --button-plain-danger-background-color-active: var(
    --gstock-legacy-color-semantic-danger-300
  );
  --button-plain-danger-color-active: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-plain-danger-background-color-hover: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-plain-danger-color-hover: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-plain-danger-background-color-disabled: transparent;
  --button-plain-danger-color-disabled: var(
    --gstock-legacy-color-semantic-danger-300
  );
  --button-solid-brand-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --button-solid-brand-color: var(--gstock-legacy-color-brand-secondary-500);
  --button-solid-brand-background-color-active: var(
    --gstock-legacy-color-brand-primary-700
  );
  --button-solid-brand-color-active: var(--gstock-legacy-color-grayscale-0);
  --button-solid-brand-background-color-hover: var(
    --gstock-legacy-color-brand-primary-600
  );
  --button-solid-brand-color-hover: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --button-solid-brand-background-color-disabled: var(
    --gstock-legacy-color-grayscale-100
  );
  --button-solid-brand-color-disabled: var(--gstock-legacy-color-grayscale-400);
  --button-solid-neutral-background-color: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-solid-neutral-color: var(--gstock-legacy-color-grayscale-0);
  --button-solid-neutral-background-color-active: var(
    --gstock-legacy-color-brand-secondary-700
  );
  --button-solid-neutral-color-active: var(--gstock-legacy-color-grayscale-0);
  --button-solid-neutral-background-color-hover: var(
    --gstock-legacy-color-brand-secondary-800
  );
  --button-solid-neutral-color-hover: var(
    --gstock-legacy-color-brand-primary-100
  );
  --button-solid-neutral-background-color-disabled: var(
    --gstock-legacy-color-brand-secondary-100
  );
  --button-solid-neutral-color-disabled: var(
    --gstock-legacy-color-grayscale-400
  );
  --button-solid-information-background-color: var(
    --gstock-legacy-color-semantic-information-500
  );
  --button-solid-information-color: var(--gstock-legacy-color-grayscale-0);
  --button-solid-information-background-color-active: var(
    --gstock-legacy-color-semantic-information-700
  );
  --button-solid-information-color-active: var(
    --gstock-legacy-color-grayscale-0
  );
  --button-solid-information-background-color-hover: var(
    --gstock-legacy-color-semantic-information-600
  );
  --button-solid-information-color-hover: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-solid-information-background-color-disabled: var(
    --gstock-legacy-color-semantic-information-100
  );
  --button-solid-information-color-disabled: var(
    --gstock-legacy-color-grayscale-0
  );
  --button-solid-success-background-color: var(
    --gstock-legacy-color-semantic-success-500
  );
  --button-solid-success-color: var(--gstock-legacy-color-grayscale-0);
  --button-solid-success-background-color-active: var(
    --gstock-legacy-color-semantic-success-700
  );
  --button-solid-success-color-active: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-solid-success-background-color-hover: var(
    --gstock-legacy-color-semantic-success-600
  );
  --button-solid-success-color-hover: var(--gstock-legacy-color-grayscale-0);
  --button-solid-success-background-color-disabled: var(
    --gstock-legacy-color-semantic-success-100
  );
  --button-solid-success-color-disabled: var(--gstock-legacy-color-grayscale-0);
  --button-solid-warning-background-color: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --button-solid-warning-color: var(--gstock-legacy-color-grayscale-0);
  --button-solid-warning-background-color-active: var(
    --gstock-legacy-color-semantic-warning-700
  );
  --button-solid-warning-color-active: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-solid-warning-background-color-hover: var(
    --gstock-legacy-color-semantic-warning-600
  );
  --button-solid-warning-color-hover: var(--gstock-legacy-color-grayscale-0);
  --button-solid-warning-background-color-disabled: var(
    --gstock-legacy-color-semantic-warning-100
  );
  --button-solid-warning-color-disabled: var(--gstock-legacy-color-grayscale-0);
  --button-solid-danger-background-color: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --button-solid-danger-color: var(--gstock-legacy-color-grayscale-0);
  --button-solid-danger-background-color-active: var(
    --gstock-legacy-color-semantic-danger-700
  );
  --button-solid-danger-color-active: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-solid-danger-background-color-hover: var(
    --gstock-legacy-color-semantic-danger-600
  );
  --button-solid-danger-color-hover: var(--gstock-legacy-color-grayscale-0);
  --button-solid-danger-background-color-disabled: var(
    --gstock-legacy-color-semantic-danger-100
  );
  --button-solid-danger-color-disabled: var(--gstock-legacy-color-grayscale-0);
}
.gstock-theme-light,
:host,
:root {
  --calendar-color: var(--gstock-legacy-color-brand-primary-500);
  --calendar-button-background-color: var(--gstock-legacy-color-grayscale-100);
  --calendar-button-border-color: var(--gstock-legacy-color-grayscale-500);
  --calendar-button-color: var(--gstock-legacy-color-grayscale-600);
  --calendar-button-color-disabled: var(--gstock-legacy-color-grayscale-500);
  --calendar-month-color: var(--gstock-legacy-color-grayscale-700);
  --calendar-day-color: var(--gstock-legacy-color-brand-primary-500);
}
.gstock-theme-light,
:host,
:root {
  --chip-border-size: 0;
  --chip-font-family: var(--gstock-legacy-font-family-base);
  --chip-font-weight: var(--gstock-weight-base-0);
  --chip-letter-spacing: var(--gstock-legacy-letter-spacing-0);
  --chip-border-radius-small: var(--gstock-border-radius-sm);
  --chip-font-family-small: var(--gstock-legacy-base-regular-font-family);
  --chip-font-size-small: 11px;
  --chip-font-weight-small: var(--gstock-legacy-base-regular-font-weight);
  --chip-padding-small: 3px;
  --chip-icon-size-small: 16px;
  --chip-line-height-small: var(--gstock-legacy-base-regular-line-height);
  --chip-spacing-small: var(--gstock-legacy-spacing-2);
  --chip-gap-small: 4px;
  --chip-border-radius-medium: var(--gstock-border-radius-sm);
  --chip-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --chip-font-size-medium: 13px;
  --chip-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --chip-padding-medium: 5px;
  --chip-icon-size-medium: var(--gstock-legacy-base-regular-font-size);
  --chip-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --chip-spacing-medium: var(--gstock-legacy-spacing-3);
  --chip-gap-medium: 6px;
  --chip-border-radius-large: var(--gstock-border-radius-sm);
  --chip-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --chip-font-size-large: 15px;
  --chip-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --chip-padding-large: 7px;
  --chip-icon-size-large: var(--gstock-legacy-large-regular-font-size);
  --chip-line-height-large: var(--gstock-legacy-large-regular-line-height);
  --chip-spacing-large: var(--gstock-legacy-spacing-4);
  --chip-gap-large: 8px;
  --chip-transition: var(--gstock-legacy-transition-fast);
  --chip-hover-opacity: 0.9;
  --chip-active-opacity: 0.8;
  --chip-focus-ring-color: var(--gstock-legacy-color-brand-primary-300);
  --chip-focus-ring-width: 2px;
  --chip-focus-ring-offset: 2px;
  --chip-background-color-primary: var(--gstock-legacy-color-brand-primary-500);
  --chip-border-color-primary: none;
  --chip-border-width-primary: 0;
  --chip-color-primary: var(--gstock-legacy-color-brand-secondary-base);
  --chip-icon-color-primary: var(--gstock-legacy-color-brand-secondary-base);
  --chip-remove-background-color-primary: none;
  --chip-remove-color-primary: var(--gstock-legacy-color-brand-secondary-base);
  --chip-remove-background-color-hover-primary: var(
    --gstock-legacy-color-brand-secondary-base
  );
  --chip-remove-color-hover-primary: var(
    --gstock-legacy-color-brand-primary-500
  );
  --chip-outlined-background-color-primary: transparent;
  --chip-outlined-border-color-primary: var(
    --gstock-legacy-color-brand-primary-500
  );
  --chip-outlined-border-width-primary: 1px;
  --chip-outlined-color-primary: var(--gstock-legacy-color-brand-primary-500);
  --chip-plain-background-color-primary: transparent;
  --chip-plain-border-color-primary: transparent;
  --chip-plain-border-width-primary: 0;
  --chip-plain-color-primary: var(--gstock-legacy-color-brand-primary-500);
  --chip-background-color-secondary: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --chip-border-color-secondary: none;
  --chip-border-width-secondary: 0;
  --chip-color-secondary: var(--gstock-legacy-color-brand-primary-500);
  --chip-icon-color-secondary: var(--gstock-legacy-color-brand-primary-500);
  --chip-remove-background-color-secondary: none;
  --chip-remove-color-secondary: var(--gstock-legacy-color-brand-primary-500);
  --chip-remove-background-color-hover-secondary: var(
    --gstock-legacy-color-brand-primary-500
  );
  --chip-remove-color-hover-secondary: var(
    --gstock-legacy-color-grayscale-white
  );
  --chip-outlined-background-color-secondary: transparent;
  --chip-outlined-border-color-secondary: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --chip-outlined-border-width-secondary: 1px;
  --chip-outlined-color-secondary: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --chip-plain-background-color-secondary: transparent;
  --chip-plain-border-color-secondary: transparent;
  --chip-plain-border-width-secondary: 0;
  --chip-plain-color-secondary: var(--gstock-legacy-color-brand-secondary-500);
  --chip-background-color-success: var(
    --gstock-legacy-color-semantic-success-200
  );
  --chip-border-color-success: none;
  --chip-border-width-success: 0;
  --chip-color-success: var(--gstock-legacy-color-semantic-success-500);
  --chip-icon-color-success: var(--gstock-legacy-color-semantic-success-500);
  --chip-remove-background-color-success: none;
  --chip-remove-color-success: var(--gstock-legacy-color-semantic-success-500);
  --chip-remove-background-color-hover-success: var(
    --gstock-legacy-color-semantic-success-500
  );
  --chip-remove-color-hover-success: var(--gstock-legacy-color-grayscale-white);
  --chip-outlined-background-color-success: transparent;
  --chip-outlined-border-color-success: var(
    --gstock-legacy-color-semantic-success-500
  );
  --chip-outlined-border-width-success: 1px;
  --chip-outlined-color-success: var(
    --gstock-legacy-color-semantic-success-500
  );
  --chip-plain-background-color-success: transparent;
  --chip-plain-border-color-success: transparent;
  --chip-plain-border-width-success: 0;
  --chip-plain-color-success: var(--gstock-legacy-color-semantic-success-500);
  --chip-background-color-warning: var(
    --gstock-legacy-color-semantic-warning-200
  );
  --chip-border-color-warning: none;
  --chip-border-width-warning: 0;
  --chip-color-warning: var(--gstock-legacy-color-semantic-warning-500);
  --chip-icon-color-warning: var(--gstock-legacy-color-semantic-warning-500);
  --chip-remove-background-color-warning: none;
  --chip-remove-color-warning: var(--gstock-legacy-color-semantic-warning-500);
  --chip-remove-background-color-hover-warning: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --chip-remove-color-hover-warning: var(--gstock-legacy-color-grayscale-white);
  --chip-outlined-background-color-warning: transparent;
  --chip-outlined-border-color-warning: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --chip-outlined-border-width-warning: 1px;
  --chip-outlined-color-warning: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --chip-plain-background-color-warning: transparent;
  --chip-plain-border-color-warning: transparent;
  --chip-plain-border-width-warning: 0;
  --chip-plain-color-warning: var(--gstock-legacy-color-semantic-warning-500);
  --chip-background-color-danger: var(
    --gstock-legacy-color-semantic-danger-200
  );
  --chip-border-color-danger: none;
  --chip-border-width-danger: 0;
  --chip-color-danger: var(--gstock-legacy-color-semantic-danger-500);
  --chip-icon-color-danger: var(--gstock-legacy-color-semantic-danger-500);
  --chip-remove-background-color-danger: none;
  --chip-remove-color-danger: var(--gstock-legacy-color-semantic-danger-500);
  --chip-remove-background-color-hover-danger: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --chip-remove-color-hover-danger: var(--gstock-legacy-color-grayscale-white);
  --chip-outlined-background-color-danger: transparent;
  --chip-outlined-border-color-danger: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --chip-outlined-border-width-danger: 1px;
  --chip-outlined-color-danger: var(--gstock-legacy-color-semantic-danger-500);
  --chip-plain-background-color-danger: transparent;
  --chip-plain-border-color-danger: transparent;
  --chip-plain-border-width-danger: 0;
  --chip-plain-color-danger: var(--gstock-legacy-color-semantic-danger-500);
}
.gstock-theme-light,
:host,
:root {
  --date-picker-panel-background-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --date-picker-panel-border-width: 1.5px;
  --date-picker-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --date-picker-listbox-space-separation-small: 4px;
  --date-picker-listbox-space-separation-medium: 6px;
  --date-picker-listbox-space-separation-large: 8px;
  --date-picker-group-label-font-family: var(
    --gstock-legacy-base-regular-font-family
  );
  --date-picker-group-label-font-weight: var(
    --gstock-legacy-base-regular-font-weight
  );
  --date-picker-group-label-color: var(--gstock-legacy-color-grayscale-600);
  --date-picker-group-label-padding-block: 8px;
  --date-picker-group-label-padding-inline: 8px;
}
.gstock-theme-light,
:host,
:root {
  --flag-neutral-background-color: var(--gstock-legacy-color-grayscale-0);
  --flag-neutral-color: var(--gstock-legacy-color-brand-primary-500);
  --flag-neutral-border: 1px solid var(--gstock-legacy-color-grayscale-100);
  --flag-neutral-icon-color: var(--gstock-legacy-color-grayscale-500);
  --flag-neutral-icon-color-hover: color: var(
      --gstock-legacy-color-grayscale-700
    );
  --flag-neutral-countdown-color: var(--gstock-legacy-color-grayscale-100);
  --flag-neutral-countdown-color-elapsed: var(
    --gstock-legacy-color-grayscale-500
  );
  --flag-success-background-color: var(
    --gstock-legacy-color-semantic-success-500
  );
  --flag-success-color: var(--gstock-legacy-color-grayscale-0);
  --flag-success-border: none;
  --flag-success-icon-color: var(--gstock-legacy-color-semantic-success-100);
  --flag-success-icon-color-hover: var(--gstock-legacy-color-grayscale-0);
  --flag-success-countdown-color: var(
    --gstock-legacy-color-semantic-success-500
  );
  --flag-success-countdown-color-elapsed: var(
    --gstock-legacy-color-semantic-success-400
  );
  --flag-information-background-color: var(
    --gstock-legacy-color-semantic-information-500
  );
  --flag-information-color: var(--gstock-legacy-color-grayscale-0);
  --flag-information-border: none;
  --flag-information-icon-color: var(
    --gstock-legacy-color-semantic-information-100
  );
  --flag-information-icon-color-hover: var(--gstock-legacy-color-grayscale-0);
  --flag-information-countdown-color: var(
    --gstock-legacy-color-semantic-information-500
  );
  --flag-information-countdown-color-elapsed: var(
    --gstock-legacy-color-semantic-information-400
  );
  --flag-warning-background-color: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --flag-warning-color: var(--gstock-legacy-color-grayscale-800);
  --flag-warning-border: none;
  --flag-warning-icon-color: var(--gstock-legacy-color-grayscale-700);
  --flag-warning-icon-color-hover: var(--gstock-legacy-color-grayscale-800);
  --flag-warning-countdown-color: var(
    --gstock-legacy-color-semantic-warning-500
  );
  --flag-warning-countdown-color-elapsed: var(
    --gstock-legacy-color-semantic-warning-400
  );
  --flag-danger-background-color: var(
    --gstock-legacy-color-semantic-danger-500
  );
  --flag-danger-color: var(--gstock-legacy-color-grayscale-0);
  --flag-danger-border: none;
  --flag-danger-icon-color: var(--gstock-legacy-color-semantic-danger-100);
  --flag-danger-icon-color-hover: var(--gstock-legacy-color-grayscale-0);
  --flag-danger-countdown-color: var(--gstock-legacy-color-semantic-danger-500);
  --flag-danger-countdown-color-elapsed: var(
    --gstock-legacy-color-semantic-danger-400
  );
}
.gstock-theme-light,
:host,
:root {
  --group-label-color: var(--gstock-legacy-color-grayscale-500);
  --group-label-font-family: var(--gstock-legacy-base-regular-font-family);
  --group-label-font-size: var(--gstock-legacy-base-regular-font-size);
  --group-label-font-weight: var(--gstock-legacy-base-regular-font-weight);
  --group-label-line-height: var(--gstock-legacy-base-regular-line-height);
  --group-label-letter-spacing: var(
    --gstock-legacy-base-regular-letter-spacing
  );
  --group-label-padding: var(--gstock-legacy-spacing-3)
    var(--gstock-legacy-spacing-4);
  --group-label-font-family-small: var(
    --gstock-legacy-small-regular-font-family
  );
  --group-label-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --group-label-font-weight-small: var(
    --gstock-legacy-small-regular-font-weight
  );
  --group-label-line-height-small: var(
    --gstock-legacy-small-regular-line-height
  );
  --group-label-font-family-medium: var(
    --gstock-legacy-base-regular-font-family
  );
  --group-label-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --group-label-font-weight-medium: var(
    --gstock-legacy-base-regular-font-weight
  );
  --group-label-line-height-medium: var(
    --gstock-legacy-base-regular-line-height
  );
  --group-label-font-family-large: var(
    --gstock-legacy-large-regular-font-family
  );
  --group-label-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --group-label-font-weight-large: var(
    --gstock-legacy-large-regular-font-weight
  );
  --group-label-line-height-large: var(
    --gstock-legacy-large-regular-line-height
  );
}
.gstock-theme-light,
:host,
:root {
  --header-background-color: var(--gstock-legacy-color-grayscale-0);
  --header-color: var(--gstock-legacy-color-brand-primary-500);
  --header-shadow-color: var(--gstock-legacy-color-grayscale-100);
  --header-z-index: var(--gstock-legacy-z-index-100);
  --header-title-color: var(--gstock-legacy-color-brand-primary-500);
  --header-title-highlight-color: var(
    --gstock-legacy-color-brand-secondary-700
  );
  --header-avatar-background-color: var(
    --gstock-legacy-color-brand-secondary-base
  );
  --header-avatar-color: var(--gstock-legacy-color-brand-primary-500);
  --header-avatar-font-size: 30px;
  --header-item-background-color: var(--header-background-color);
  --header-item-border-color: var(--header-color);
  --header-item-border-width: 0;
  --header-item-color: var(--gstock-legacy-color-brand-primary-500);
  --header-item-active-background-color: var(
    --gstock-legacy-color-grayscale-100
  );
  --header-item-active-color: var(--gstock-legacy-color-grayscale-800);
  --header-item-hover-background-color: var(
    --gstock-legacy-color-grayscale-100
  );
  --header-item-hover-color: var(--gstock-legacy-color-grayscale-800);
  --header-item-border-radius: var(--gstock-border-radius-sm);
  --header-item-height: var(--gstock-legacy-spacing-9);
  --header-item-font-size: var(--gstock-legacy-base-bold-font-size);
  --header-item-icon-size: 24px;
  --header-item-letter-spacing: var(--gstock-legacy-base-bold-letter-spacing);
  --header-item-background-color-disabled: var(
    --gstock-legacy-color-grayscale-100
  );
  --header-item-border-color-disabled: var(--gstock-legacy-color-grayscale-500);
  --header-item-border-width-disabled: 0;
  --header-item-color-disabled: var(--gstock-legacy-color-grayscale-500);
}
.gstock-theme-light gstock-header,
:host gstock-header,
:root gstock-header {
  --logo-color-primary: var(--gstock-legacy-color-brand-primary-500);
}
.gstock-theme-light gstock-header gstock-autocomplete,
:host gstock-header gstock-autocomplete,
:root gstock-header gstock-autocomplete {
  --autocomplete-panel-background-color: var(--gstock-legacy-color-grayscale-0);
  --autocomplete-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --input-background-color: var(--gstock-legacy-color-grayscale-0);
  --input-border-color: var(--gstock-legacy-color-grayscale-500);
  --input-border-width: 1px;
  --input-box-shadow:
    0 0 var(--gstock-legacy-color-grayscale-700),
    0 1px 2px 0 rgb(var(--gstock-legacy-color-grayscale-800) 0.08);
  --input-color: var(--gstock-legacy-color-grayscale-800);
  --input-focus-ring-color: var(--gstock-legacy-color-brand-primary-500);
  --input-font-family: var(--gstock-legacy-font-family-base);
  --input-font-weight: var(--gstock-legacy-font-weight-base-0);
  --input-icon-color: var(--gstock-legacy-color-grayscale-600);
  --input-letter-spacing: var(--gstock-legacy-letter-spacing-0);
  --input-placeholder-color: var(--gstock-legacy-color-grayscale-600);
  --input-text-fill-color: var(--gstock-legacy-color-grayscale-800);
  --input-background-color-disabled: var(--gstock-legacy-color-grayscale-0);
  --input-border-color-disabled: var(--gstock-legacy-color-grayscale-500);
  --input-border-width-disabled: 1px;
  --input-color-disabled: var(--gstock-legacy-color-grayscale-600);
  --input-placeholder-color-disabled: inherit;
  --input-background-color-focus: var(--gstock-legacy-color-grayscale-0);
  --input-border-color-focus: var(--gstock-legacy-color-brand-primary-500);
  --input-border-width-focus: 1px;
  --input-color-focus: var(--gstock-legacy-color-grayscale-800);
  --input-background-color-hover: var(--gstock-legacy-color-grayscale-0);
  --input-border-color-hover: var(--gstock-legacy-color-grayscale-500);
  --input-border-width-hover: 1px;
  --input-color-hover: inherit;
  --input-icon-color-hover: var(--gstock-legacy-color-grayscale-700);
}
.gstock-theme-light gstock-header gstock-autocomplete gstock-divider,
:host gstock-header gstock-autocomplete gstock-divider,
:root gstock-header gstock-autocomplete gstock-divider {
  --color: var(--gstock-legacy-color-grayscale-100);
  --spacing: 0;
}
.gstock-theme-light gstock-header gstock-option,
:host gstock-header gstock-option,
:root gstock-header gstock-option {
  --option-color: var(--gstock-legacy-color-grayscale-600);
  --option-font-size: var(--gstock-legacy-base-regular-font-size);
  --option-line-height: var(--gstock-legacy-base-regular-line-height);
  --option-font-family: var(--gstock-legacy-base-regular-font-family);
  --option-font-weight: var(--gstock-legacy-base-regular-font-weight);
  --option-background-color-hover: var(--gstock-legacy-color-grayscale-100);
  --option-color-hover: var(--gstock-legacy-color-grayscale-700);
  --option-background-color-current: var(--gstock-legacy-color-grayscale-100);
  --option-color-current: var(--gstock-legacy-color-grayscale-600);
  --option-background-color-selected: var(
    --gstock-legacy-color-brand-primary-500
  );
  --option-color-selected: var(--gstock-legacy-color-grayscale-white);
  --option-background-color-selected-hover: var(
    --gstock-legacy-color-brand-primary-500
  );
  --option-color-selected-hover: var(--gstock-legacy-color-grayscale-white);
  --option-border-radius-medium: var(--gstock-border-radius-sm);
  --option-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --option-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --option-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --option-gap-medium: var(--gstock-legacy-spacing-3);
  --option-height-medium: 32px;
  --option-icon-size-medium: 20px;
  --option-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --option-spacing-medium: 14px;
}
.gstock-theme-light gstock-header gstock-group-label,
:host gstock-header gstock-group-label,
:root gstock-header gstock-group-label {
  --group-label-color: var(--gstock-legacy-color-grayscale-500);
}
.gstock-theme-light gstock-header gstock-menu,
:host gstock-header gstock-menu,
:root gstock-header gstock-menu {
  min-width: 200px;
  --menu-border-radius: var(--gstock-border-radius-sm);
  --menu-spacing-vertical: var(--gstock-legacy-spacing-2);
  --menu-panel-background-color: var(--gstock-legacy-color-grayscale-0);
  --menu-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --menu-panel-border-width: 1.5px;
  --menu-panel-box-shadow:
    0 0 var(--gstock-legacy-color-grayscale-700),
    0 1px 2px 0 rgb(var(--gstock-legacy-color-grayscale-800) 0.08);
}
.gstock-theme-light gstock-header gstock-menu gstock-divider,
:host gstock-header gstock-menu gstock-divider,
:root gstock-header gstock-menu gstock-divider {
  --color: var(--gstock-legacy-color-grayscale-100);
  --spacing: 0;
}
.gstock-theme-light gstock-header gstock-menu-item,
:host gstock-header gstock-menu-item,
:root gstock-header gstock-menu-item {
  --menu-item-color: var(--gstock-legacy-color-grayscale-800);
  --menu-item-color-help-text: var(--gstock-legacy-color-grayscale-600);
  --menu-item-spacing-x: 16px;
  --menu-item-spacing-y: 0.65rem;
  --menu-item-prefix-color: var(--gstock-legacy-color-brand-secondary-700);
  --menu-item-suffix-color: var(--gstock-legacy-color-brand-secondary-700);
  --menu-item-background-color-focus-visible: var(
    --gstock-legacy-color-grayscale-100
  );
  --menu-item-color-focus-visible: var(--gstock-legacy-color-grayscale-800);
  --menu-item-background-color-hover: var(--gstock-legacy-color-grayscale-100);
  --menu-item-color-hover: var(--gstock-legacy-color-grayscale-800);
  --menu-item-font-family-medium: var(
    --gstock-legacy-large-regular-font-family
  );
  --menu-item-font-size-medium: var(--gstock-legacy-large-regular-font-size);
  --menu-item-font-weight-medium: var(
    --gstock-legacy-large-regular-font-weight
  );
  --menu-item-letter-spacing-medium: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --menu-item-gap-medium: var(--gstock-legacy-spacing-2);
  --menu-item-line-height-medium: var(
    --gstock-legacy-large-regular-line-height
  );
  --menu-item-icon-size-medium: 20px;
  --menu-item-spacing-medium: var(--gstock-legacy-spacing-5);
}
.gstock-theme-light,
:host,
:root {
  --input-background-color: var(--gstock-legacy-color-grayscale-0);
  --input-border-color: var(--gstock-legacy-color-grayscale-500);
  --input-border-width: 1px;
  --input-box-shadow:
    0 0 var(--gstock-legacy-color-grayscale-700),
    0 1px 2px 0 rgb(var(--gstock-legacy-color-grayscale-black) 0.08);
  --input-color: var(--gstock-legacy-color-grayscale-800);
  --input-focus-ring-color: var(--gstock-legacy-color-brand-primary-base);
  --input-font-family: var(--gstock-legacy-font-family-base);
  --input-font-weight: var(--gstock-legacy-font-weight-base-0);
  --input-icon-color: var(--gstock-legacy-color-grayscale-600);
  --input-letter-spacing: var(--gstock-legacy-letter-spacing-0);
  --input-placeholder-color: var(--gstock-legacy-color-grayscale-600);
  --input-text-fill-color: var(--gstock-legacy-color-grayscale-800);
  --input-background-color-disabled: var(--gstock-legacy-color-grayscale-100);
  --input-border-color-disabled: var(--gstock-legacy-color-grayscale-100);
  --input-border-width-disabled: 1px;
  --input-color-disabled: var(--gstock-legacy-color-grayscale-500);
  --input-placeholder-color-disabled: inherit;
  --input-background-color-focus: var(--gstock-legacy-color-grayscale-0);
  --input-border-color-focus: var(--gstock-legacy-color-brand-primary-base);
  --input-border-width-focus: 1px;
  --input-color-focus: var(--gstock-legacy-color-grayscale-black);
  --input-background-color-hover: var(--gstock-legacy-color-grayscale-0);
  --input-border-color-hover: var(--gstock-legacy-color-grayscale-500);
  --input-border-width-hover: 1px;
  --input-color-hover: inherit;
  --input-icon-color-hover: var(--gstock-legacy-color-grayscale-700);
  --input-border-radius-small: var(--gstock-border-radius-sm);
  --input-font-family-small: var(--gstock-legacy-small-regular-font-family);
  --input-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --input-font-weight-small: var(--gstock-legacy-small-regular-font-weight);
  --input-gap-small: var(--gstock-legacy-spacing-2);
  --input-height-small: 32px;
  --input-icon-size-small: 16px;
  --input-line-height-small: var(--gstock-legacy-small-regular-line-height);
  --input-spacing-small: var(--gstock-legacy-spacing-4);
  --input-border-radius-medium: var(--gstock-border-radius-sm);
  --input-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --input-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --input-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --input-gap-medium: var(--gstock-legacy-spacing-3);
  --input-height-medium: 40px;
  --input-icon-size-medium: 20px;
  --input-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --input-spacing-medium: 14px;
  --input-border-radius-large: var(--gstock-border-radius-sm);
  --input-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --input-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --input-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --input-gap-large: var(--gstock-legacy-spacing-3);
  --input-height-large: 48px;
  --input-icon-size-large: 24px;
  --input-line-height-large: var(--gstock-legacy-large-regular-line-height);
  --input-spacing-large: var(--gstock-legacy-spacing-5);
}
.gstock-theme-light,
:host,
:root {
  --spinner-color: var(--gstock-legacy-color-brand-primary-base);
  --spinner-track-color: var(--gstock-legacy-color-brand-primary-base);
  --spinner-indicator-color: var(--gstock-legacy-color-brand-secondary-base);
  --spinner-size-small: 24px;
  --spinner-track-width-small: var(--gstock-legacy-spacing-1);
  --spinner-font-family-small: var(--gstock-legacy-small-regular-font-family);
  --spinner-font-weight-small: var(--gstock-legacy-small-regular-font-weight);
  --spinner-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --spinner-line-height-small: var(--gstock-legacy-small-regular-line-height);
  --spinner-indicator-width-small: var(--gstock-legacy-spacing-2);
  --spinner-track-small: calc(
    var(--spinner-size-small)/2 -
      max(
        var(--spinner-track-width-small),
        var(--spinner-indicator-width-small)
      ) +
      min(
        var(--spinner-track-width-small),
        var(--spinner-indicator-width-small)
      ) *
      0.5
  );
  --spinner-indicator-radius-small: calc(
    var(--spinner-size-small)/2 -
      max(
        var(--spinner-track-width-small),
        var(--spinner-indicator-width-small)
      ) *
      0.5
  );
  --spinner-circumference-indicator-small: calc(
    var(--spinner-indicator-radius-small) * 2 * pi
  );
  --spinner-size-medium: 64px;
  --spinner-track-width-medium: var(--gstock-legacy-spacing-1);
  --spinner-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --spinner-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --spinner-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --spinner-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --spinner-indicator-width-medium: var(--gstock-legacy-spacing-2);
  --spinner-track-medium: calc(
    var(--spinner-size-medium)/2 -
      max(
        var(--spinner-track-width-medium),
        var(--spinner-indicator-width-medium)
      ) +
      min(
        var(--spinner-track-width-medium),
        var(--spinner-indicator-width-medium)
      ) *
      0.5
  );
  --spinner-indicator-radius-medium: calc(
    var(--spinner-size-medium)/2 -
      max(
        var(--spinner-track-width-medium),
        var(--spinner-indicator-width-medium)
      ) *
      0.5
  );
  --spinner-circumference-indicator-medium: calc(
    var(--spinner-indicator-radius-medium) * 2 * pi
  );
  --spinner-size-large: 96px;
  --spinner-track-width-large: var(--gstock-legacy-spacing-1);
  --spinner-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --spinner-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --spinner-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --spinner-line-height-large: var(--gstock-legacy-large-regular-line-height);
  --spinner-indicator-width-large: var(--gstock-legacy-spacing-2);
  --spinner-track-large: calc(
    var(--spinner-size-large)/2 -
      max(
        var(--spinner-track-width-large),
        var(--spinner-indicator-width-large)
      ) +
      min(
        var(--spinner-track-width-large),
        var(--spinner-indicator-width-large)
      ) *
      0.5
  );
  --spinner-indicator-radius-large: calc(
    var(--spinner-size-large)/2 -
      max(
        var(--spinner-track-width-large),
        var(--spinner-indicator-width-large)
      ) *
      0.5
  );
  --spinner-circumference-indicator-large: calc(
    var(--spinner-indicator-radius-large) * 2 * pi
  );
}
.gstock-theme-light,
:host,
:root {
  --logo-color-primary: var(--gstock-legacy-color-brand-primary-base);
  --logo-color-secondary: var(--gstock-legacy-color-brand-secondary-base);
}
.gstock-theme-light,
:host,
:root {
  --menu-border-radius: var(--gstock-border-radius-sm);
  --menu-spacing-vertical: var(--gstock-legacy-spacing-2);
  --menu-panel-background-color: var(--gstock-legacy-color-grayscale-white);
  --menu-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --menu-panel-border-width: 1.5px;
  --menu-panel-box-shadow:
    0 0 var(--gstock-legacy-color-grayscale-700),
    0 1px 2px 0 rgb(var(--gstock-legacy-color-grayscale-black) 0.08);
  --menu-item-color: var(--gstock-legacy-color-grayscale-black);
  --menu-item-color-help-text: var(--gstock-legacy-color-grayscale-600);
  --menu-item-spacing-x: 12px;
  --menu-item-spacing-y: 0.5rem;
  --menu-item-prefix-color: var(--gstock-legacy-color-grayscale-600);
  --menu-item-suffix-color: var(--gstock-legacy-color-grayscale-500);
  --menu-item-background-color-focus-visible: var(
    --gstock-legacy-color-grayscale-100
  );
  --menu-item-color-focus-visible: var(--gstock-legacy-color-grayscale-black);
  --menu-item-background-color-hover: var(--gstock-legacy-color-grayscale-100);
  --menu-item-color-hover: var(--gstock-legacy-color-grayscale-black);
  --menu-item-font-family-small: var(--gstock-legacy-small-regular-font-family);
  --menu-item-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --menu-item-font-weight-small: var(--gstock-legacy-small-regular-font-weight);
  --menu-item-letter-spacing-small: var(
    --gstock-legacy-small-regular-letter-spacing
  );
  --menu-item-gap-small: var(--gstock-legacy-spacing-2);
  --menu-item-line-height-small: var(--gstock-legacy-small-regular-line-height);
  --menu-item-icon-size-small: var(--gstock-legacy-small-regular-font-size);
  --menu-item-spacing-small: var(--gstock-legacy-spacing-4);
  --menu-item-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --menu-item-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --menu-item-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --menu-item-letter-spacing-medium: var(
    --gstock-legacy-base-regular-letter-spacing
  );
  --menu-item-gap-medium: var(--gstock-legacy-spacing-2);
  --menu-item-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --menu-item-icon-size-medium: var(--gstock-legacy-base-regular-font-size);
  --menu-item-spacing-medium: 14px;
  --menu-item-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --menu-item-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --menu-item-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --menu-item-letter-spacing-large: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --menu-item-gap-large: var(--gstock-legacy-spacing-2);
  --menu-item-line-height-large: var(--gstock-legacy-large-regular-line-height);
  --menu-item-icon-size-large: var(--gstock-legacy-large-regular-font-size);
  --menu-item-spacing-large: var(--gstock-legacy-spacing-5);
}
.gstock-theme-light,
:host,
:root {
  --navigation-background-color: var(--gstock-legacy-color-brand-primary-base);
  --navigation-z-index: var(--gstock-legacy-z-index-200);
  --navigation-height-horizontal: var(--gstock-legacy-spacing-9);
  --navigation-padding-horizontal: var(--gstock-legacy-spacing-2);
  --navigation-width-vertical: var(--gstock-legacy-spacing-12);
  --navigation-padding-vertical: var(--gstock-legacy-spacing-1);
  --shadow-large: 1px;
  --z-index-dropdown: 10;
  --navigation-item-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-item-color: var(--gstock-legacy-color-grayscale-white);
  --navigation-item-spacing-x: var(--gstock-legacy-spacing-2);
  --navigation-item-spacing-y: var(--gstock-legacy-spacing-3);
  --navigation-item-gap: var(--gstock-legacy-spacing-2);
  --navigation-item-spacing: 14px;
  --navigation-item-transition: var(--gstock-legacy-transition-x-fast);
  --navigation-item-font-family: var(--gstock-legacy-large-regular-font-family);
  --navigation-item-font-size: var(--gstock-legacy-large-regular-font-size);
  --navigation-item-font-weight: 500;
  --navigation-item-letter-spacing: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --navigation-item-line-height: var(--gstock-legacy-large-regular-line-height);
  --navigation-item-chevron-color: var(--gstock-legacy-color-grayscale-white);
  --navigation-item-chevron-size: var(--gstock-legacy-spacing-5);
  --navigation-item-selected-color: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --navigation-item-selected-size: var(--gstock-legacy-spacing-1);
  --navigation-item-background-color-focus-visible: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-item-color-focus-visible: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --navigation-item-background-color-hover: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-item-color-hover: var(--gstock-legacy-color-brand-secondary-500);
  --navigation-item-horizontal-height: var(--gstock-legacy-spacing-9);
  --navigation-item-horizontal-icon-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-item-horizontal-icon-size: var(--gstock-legacy-spacing-6);
  --navigation-item-vertical-width: var(--gstock-legacy-spacing-12);
  --navigation-item-vertical-icon-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-item-vertical-icon-size: var(--gstock-legacy-spacing-7);
  --navigation-menu-background-color: var(
    --gstock-legacy-color-brand-primary-base
  );
  --navigation-menu-border-color: var(--gstock-legacy-color-brand-primary-600);
  --navigation-menu-border-radius: var(--gstock-border-radius-sm);
  --navigation-menu-border-width: 1.5px;
  --navigation-menu-spacing-vertical: var(--gstock-legacy-spacing-2);
  --navigation-menu-box-shadow:
    0 0 var(--gstock-legacy-color-grayscale-700),
    0 1px 2px 0 rgb(var(--gstock-legacy-color-grayscale-black) 0.08);
  --navigation-menu-header-gap: var(--gstock-legacy-spacing-2);
  --navigation-menu-header-icon-color: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --navigation-menu-header-icon-size: var(--gstock-legacy-spacing-6);
  --navigation-menu-header-title-color: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --navigation-menu-header-title-font-family: var(
    --gstock-legacy-large-regular-font-family
  );
  --navigation-menu-header-title-font-size: var(
    --gstock-legacy-large-regular-font-size
  );
  --navigation-menu-header-title-font-weight: var(
    --gstock-legacy-font-weight-base-1
  );
  --navigation-menu-header-title-letter-spacing: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --navigation-menu-header-title-line-height: var(
    --gstock-legacy-large-regular-line-height
  );
  --navigation-menu-scrollbar-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-menu-scrollbar-width: calc(var(--gstock-legacy-spacing-2)/1.5);
  --navigation-menu-scrollbar-thumb-background-color: var(
    --gstock-legacy-color-grayscale-0
  );
  --navigation-menu-scrollbar-thumb-border-color: var(
    --gstock-legacy-color-brand-primary-800
  );
  --navigation-menu-scrollbar-thumb-border-radius: var(
    --gstock-border-radius-md
  );
  --navigation-menu-scrollbar-thumb-border-weight: 1px;
  --navigation-menu-item-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-menu-item-color: var(--gstock-legacy-color-grayscale-white);
  --navigation-menu-item-spacing-block: var(--gstock-legacy-spacing-2);
  --navigation-menu-item-spacing-inline: var(--gstock-legacy-spacing-5)
    var(--gstock-legacy-spacing-3);
  --navigation-menu-item-font-family: var(
    --gstock-legacy-base-regular-font-family
  );
  --navigation-menu-item-font-size: var(--gstock-legacy-base-regular-font-size);
  --navigation-menu-item-font-weight: var(--gstock-legacy-font-weight-base-0);
  --navigation-menu-item-letter-spacing: var(
    --gstock-legacy-base-regular-letter-spacing
  );
  --navigation-menu-item-gap: var(--gstock-legacy-spacing-3);
  --navigation-menu-item-line-height: var(
    --gstock-legacy-base-regular-line-height
  );
  --navigation-menu-item-icon-color: var(--gstock-legacy-color-grayscale-white);
  --navigation-menu-item-icon-size: var(--gstock-legacy-spacing-5);
  --navigation-menu-item-background-color-selected: var(
    --gstock-legacy-color-brand-secondary-700
  );
  --navigation-menu-item-color-selected: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-menu-item-background-color-focus-visible: var(
    --gstock-legacy-color-brand-primary-600
  );
  --navigation-menu-item-color-focus-visible: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-menu-item-background-color-hover: var(
    --gstock-legacy-color-brand-primary-600
  );
  --navigation-menu-item-color-hover: var(
    --gstock-legacy-color-brand-secondary-500
  );
  --navigation-menu-item-focus-ring-color: var(
    --navigation-menu-item-color-primary-700
  );
  --navigation-menu-item-focus-ring-style: solid;
  --navigation-menu-item-focus-ring-width: 3px;
  --navigation-menu-item-focus-ring: var(
      --navigation-menu-item-focus-ring-style
    )
    var(--navigation-menu-item-focus-ring-width)
    var(--navigation-menu-item-focus-ring-color);
  --navigation-menu-item-focus-ring-offset: 1px;
  --navigation-drawer-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-drawer-color: var(--gstock-legacy-color-grayscale-0);
  --navigation-drawer-spacing-x: var(--gstock-legacy-spacing-2);
  --navigation-drawer-spacing-y: var(--gstock-legacy-spacing-3);
  --navigation-drawer-gap: var(--gstock-legacy-spacing-1);
  --navigation-drawer-spacing: 14px;
  --navigation-drawer-transition: var(--gstock-legacy-transition-x-fast);
  --navigation-drawer-scrollbar-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-drawer-scrollbar-width: calc(var(--gstock-legacy-spacing-2)/1.5);
  --navigation-drawer-scrollbar-thumb-background-color: var(
    --gstock-legacy-color-grayscale-0
  );
  --navigation-drawer-scrollbar-thumb-border-color: var(
    --gstock-legacy-color-brand-primary-800
  );
  --navigation-drawer-scrollbar-thumb-border-radius: var(
    --gstock-border-radius-md
  );
  --navigation-drawer-scrollbar-thumb-border-weight: 1px;
  --navigation-drawer-scrollbar-background-color-hover: var(
    --gstock-legacy-color-brand-primary-700
  );
  --navigation-drawer-scrollbar-thumb-background-color-hover: var(
    --gstock-legacy-color-grayscale-0
  );
  --navigation-drawer-scrollbar-thumb-border-color-hover: var(
    --gstock-legacy-color-brand-primary-800
  );
  --navigation-drawer-menu-item-background-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --navigation-drawer-menu-item-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-drawer-menu-item-color-help-text: var(
    --gstock-legacy-color-grayscale-600
  );
  --navigation-drawer-menu-item-gap: var(--gstock-legacy-spacing-2);
  --navigation-drawer-menu-item-icon-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-drawer-menu-item-root-spacing-inline: 16px;
  --navigation-drawer-menu-item-root-spacing-block: 0.8rem;
  --navigation-drawer-menu-item-root-icon-size: var(--gstock-legacy-spacing-7);
  --navigation-drawer-menu-item-root-font-family: var(
    --gstock-legacy-large-regular-font-family
  );
  --navigation-drawer-menu-item-root-font-size: var(
    --gstock-legacy-large-regular-font-size
  );
  --navigation-drawer-menu-item-root-font-weight: var(
    --gstock-legacy-large-regular-font-weight
  );
  --navigation-drawer-menu-item-root-letter-spacing: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --navigation-drawer-menu-item-root-gap: var(--gstock-legacy-spacing-2);
  --navigation-drawer-menu-item-root-line-height: var(
    --gstock-legacy-large-regular-line-height
  );
  --navigation-drawer-menu-item-secondary-spacing-inline: 20px;
  --navigation-drawer-menu-item-secondary-spacing-block: 0.75rem;
  --navigation-drawer-menu-item-secondary-icon-size: var(
    --gstock-legacy-spacing-6
  );
  --navigation-drawer-menu-item-secondary-font-family: var(
    --gstock-legacy-base-regular-font-family
  );
  --navigation-drawer-menu-item-secondary-font-size: var(
    --gstock-legacy-base-regular-font-size
  );
  --navigation-drawer-menu-item-secondary-font-weight: var(
    --gstock-legacy-base-regular-font-weight
  );
  --navigation-drawer-menu-item-secondary-letter-spacing: var(
    --gstock-legacy-base-regular-letter-spacing
  );
  --navigation-drawer-menu-item-secondary-line-height: var(
    --gstock-legacy-base-regular-line-height
  );
  --navigation-drawer-menu-item-background-color-focus-visible: var(
    --gstock-legacy-color-brand-primary-600
  );
  --navigation-drawer-menu-item-color-focus-visible: var(
    --gstock-legacy-color-grayscale-white
  );
  --navigation-drawer-menu-item-background-color-hover: var(
    --gstock-legacy-color-brand-primary-600
  );
  --navigation-drawer-menu-item-color-hover: var(
    --gstock-legacy-color-brand-secondary-500
  );
}
.gstock-theme-light,
:host,
:root {
  --option-color: var(--gstock-legacy-color-grayscale-600);
  --option-font-size: var(--gstock-legacy-base-regular-font-size);
  --option-line-height: var(--gstock-legacy-base-regular-line-height);
  --option-font-family: var(--gstock-legacy-base-regular-font-family);
  --option-font-weight: var(--gstock-legacy-base-regular-font-weight);
  --option-background-color-hover: var(--gstock-legacy-color-grayscale-100);
  --option-color-hover: var(--gstock-legacy-color-grayscale-700);
  --option-background-color-current: var(--gstock-legacy-color-grayscale-100);
  --option-color-current: var(--gstock-legacy-color-grayscale-600);
  --option-background-color-selected: var(
    --gstock-legacy-color-brand-primary-500
  );
  --option-color-selected: var(--gstock-legacy-color-grayscale-white);
  --option-background-color-selected-hover: var(
    --gstock-legacy-color-brand-primary-500
  );
  --option-color-selected-hover: var(--gstock-legacy-color-grayscale-white);
  --option-border-radius-small: var(--gstock-border-radius-sm);
  --option-font-family-small: var(--gstock-legacy-small-regular-font-family);
  --option-font-size-small: var(--gstock-legacy-small-regular-font-size);
  --option-font-weight-small: var(--gstock-legacy-small-regular-font-weight);
  --option-gap-small: var(--gstock-legacy-spacing-2);
  --option-height-small: 24px;
  --option-icon-size-small: 16px;
  --option-line-height-small: var(--gstock-legacy-small-regular-line-height);
  --option-spacing-small: var(--gstock-legacy-spacing-4);
  --option-border-radius-medium: var(--gstock-border-radius-sm);
  --option-font-family-medium: var(--gstock-legacy-base-regular-font-family);
  --option-font-size-medium: var(--gstock-legacy-base-regular-font-size);
  --option-font-weight-medium: var(--gstock-legacy-base-regular-font-weight);
  --option-gap-medium: var(--gstock-legacy-spacing-3);
  --option-height-medium: 32px;
  --option-icon-size-medium: 20px;
  --option-line-height-medium: var(--gstock-legacy-base-regular-line-height);
  --option-spacing-medium: 14px;
  --option-border-radius-large: var(--gstock-border-radius-sm);
  --option-font-family-large: var(--gstock-legacy-large-regular-font-family);
  --option-font-size-large: var(--gstock-legacy-large-regular-font-size);
  --option-font-weight-large: var(--gstock-legacy-large-regular-font-weight);
  --option-gap-large: var(--gstock-legacy-spacing-3);
  --option-height-large: 40px;
  --option-icon-size-large: 24px;
  --option-line-height-large: var(--gstock-legacy-large-regular-line-height);
  --option-spacing-large: var(--gstock-legacy-spacing-5);
}
.gstock-theme-light,
:host,
:root {
  --z-index-dropdown: 900;
  --select-panel-background-color: var(--gstock-legacy-color-grayscale-white);
  --select-panel-border-width: 1.5px;
  --select-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --select-listbox-space-separation-small: 4px;
  --select-listbox-space-separation-medium: 6px;
  --select-listbox-space-separation-large: 8px;
  --select-chip-background-color: var(--gstock-legacy-color-grayscale-100);
  --select-chip-border-color: var(--gstock-legacy-color-grayscale-200);
  --select-chip-border-width: 1px;
  --select-chip-color: var(--gstock-legacy-color-brand-primary-500);
}
.gstock-theme-light,
:host,
:root {
  --step-focus-ring-width: 1px;
  --step-focus-ring-offset: 2px;
  --step-focus-visible-color: var(--gstock-legacy-color-brand-primary-500);
  --step-border-radius: 50%;
  --step-padding-horizontal: 0;
  --step-padding-vertical: 0;
  --step-color-primary-color: var(--gstock-legacy-color-grayscale-800);
  --step-size-small-border-width: 2px;
  --step-size-small-size: 24px;
  --step-size-small-gap: 20px;
  --step-size-small-font-family: var(--gstock-legacy-small-regular-font-family);
  --step-size-small-font-size: var(--gstock-legacy-small-regular-font-size);
  --step-size-small-font-weight: var(--gstock-legacy-small-regular-font-weight);
  --step-size-small-letter-spacing: var(
    --gstock-legacy-small-regular-letter-spacing
  );
  --step-size-small-line-height: var(--gstock-legacy-small-regular-line-height);
  --step-size-small-text-decoration: var(
    --gstock-legacy-small-regular-text-decoration
  );
  --step-size-small-text-indent: var(--gstock-legacy-small-regular-text-indent);
  --step-size-small-text-transform: var(
    --gstock-legacy-small-regular-text-transform
  );
  --step-size-medium-border-width: 2px;
  --step-size-medium-size: 32px;
  --step-size-medium-gap: 24px;
  --step-size-medium-font-family: var(--gstock-legacy-base-regular-font-family);
  --step-size-medium-font-size: var(--gstock-legacy-base-regular-font-size);
  --step-size-medium-font-weight: var(--gstock-legacy-base-regular-font-weight);
  --step-size-medium-letter-spacing: var(
    --gstock-legacy-base-regular-letter-spacing
  );
  --step-size-medium-line-height: var(--gstock-legacy-base-regular-line-height);
  --step-size-medium-text-decoration: var(
    --gstock-legacy-base-regular-text-decoration
  );
  --step-size-medium-text-indent: var(--gstock-legacy-base-regular-text-indent);
  --step-size-medium-text-transform: var(
    --gstock-legacy-base-regular-text-transform
  );
  --step-size-large-border-width: 2px;
  --step-size-large-size: 40px;
  --step-size-large-gap: 32px;
  --step-size-large-font-family: var(--gstock-legacy-large-regular-font-family);
  --step-size-large-font-size: var(--gstock-legacy-large-regular-font-size);
  --step-size-large-font-weight: var(--gstock-legacy-large-regular-font-weight);
  --step-size-large-letter-spacing: var(
    --gstock-legacy-large-regular-letter-spacing
  );
  --step-size-large-line-height: var(--gstock-legacy-large-regular-line-height);
  --step-size-large-text-decoration: var(
    --gstock-legacy-large-regular-text-decoration
  );
  --step-size-large-text-indent: var(--gstock-legacy-large-regular-text-indent);
  --step-size-large-text-transform: var(
    --gstock-legacy-large-regular-text-transform
  );
  --step-group-indicator-color: var(--gstock-legacy-color-brand-primary-500);
  --step-group-track-color: var(--gstock-legacy-color-grayscale-500);
  --step-group-track-width: 2px;
  --step-group-size-small-gap: 32px;
  --step-group-size-small-track-width: 1px;
  --step-group-size-medium-gap: 48px;
  --step-group-size-medium-track-width: 2px;
  --step-group-size-large-gap: 64px;
  --step-group-size-large-track-width: 3px;
  --step-group-color-primary-indicator-color: var(
    --gstock-legacy-color-brand-primary-500
  );
  --step-group-color-secondary-indicator-color: var(
    --gstock-legacy-color-brand-secondary-500
  );
}
.gstock-theme-light,
:host,
:root {
  --focus-ring-width: 1px;
  --tab-border-radius: 0;
  --tab-font-family: var(--gstock-legacy-large-bold-font-family);
  --tab-font-size: var(--gstock-legacy-large-bold-font-size);
  --tab-font-weight: var(--gstock-legacy-large-bold-font-weight);
  --tab-letter-spacing: var(--gstock-legacy-large-bold-letter-spacing);
  --tab-line-height: var(--gstock-legacy-large-bold-line-height);
  --tab-text-decoration: var(--gstock-legacy-large-bold-text-decoration);
  --tab-text-indent: var(--gstock-legacy-large-bold-text-indent);
  --tab-text-transform: var(--gstock-legacy-large-bold-text-transform);
  --tab-gap: 5px;
  --tab-height: 48px;
  --tab-padding-horizontal: 16px;
  --tab-padding-vertical: 16px;
  --tab-indicator-color: var(--gstock-legacy-color-brand-secondary-500);
  --tab-track-color: var(--gstock-legacy-color-grayscale-100);
  --tab-font-weight-active: var(--gstock-legacy-base-bold-font-weight);
  --tab-font-weight-hover: var(--gstock-legacy-base-bold-font-weight);
  --tab-background-color-primary: transparent;
  --tab-color-primary: var(--gstock-legacy-color-grayscale-600);
  --tab-background-color-primary-active: transparent;
  --tab-color-primary-active: var(--gstock-legacy-color-brand-primary-base);
  --tab-background-color-primary-hover: transparent;
  --tab-color-primary-hover: var(--gstock-legacy-color-brand-secondary-base);
  --tab-background-color-secondary: transparent
    --tab-color-secondary: var(--gstock-legacy-color-grayscale-600);
  --tab-background-color-secondary-active: transparent;
  --tab-color-secondary-active: var(--gstock-legacy-color-brand-primary-base);
  --tab-background-color-secondary-hover: transparent;
  --tab-color-secondary-hover: var(--gstock-legacy-color-brand-primary-base);
}
.gstock-theme-light,
:host,
:root {
  --tooltip-arrow-size: 6px;
  --tooltip-z-index: 1000;
  --tooltip-background-color: var(--gstock-legacy-color-brand-primary-500);
  --tooltip-color: var(--gstock-legacy-color-brand-secondary-500);
}
.gstock-theme-light,
:host,
:root {
  --week-picker-panel-background-color: var(
    --gstock-legacy-color-grayscale-white
  );
  --week-picker-panel-border-width: 1.5px;
  --week-picker-panel-border-color: var(--gstock-legacy-color-grayscale-500);
  --week-picker-listbox-space-separation-small: 4px;
  --week-picker-listbox-space-separation-medium: 6px;
  --week-picker-listbox-space-separation-large: 8px;
  --week-picker-group-label-font-family: var(
    --gstock-legacy-base-regular-font-family
  );
  --week-picker-group-label-font-weight: var(
    --gstock-legacy-base-regular-font-weight
  );
  --week-picker-group-label-color: var(--gstock-legacy-color-grayscale-600);
  --week-picker-group-label-padding-block: 8px;
  --week-picker-group-label-padding-inline: 8px;
}