/**
* Do not edit directly
*/
:host,
html {
--_for-light: none;
--_for-dark: none;
--_orange: #ff6200;
--_white: #ffffff;
--_gray_100: #f0f0f0;
--_gray_200: #d9d9d9;
--_gray_300: #a8a8a8;
--_gray_400: #696969;
--_gray_500: #3d3d3d;
--_gray_600: #333333;
--_gray_700: #212121;
--_gray_800: #050505;
--_indigo_100: #ededf5;
--_indigo_200: #dcdceb;
--_indigo_300: #cbcae0;
--_indigo_400: #bab9d6;
--_indigo_500: #525199;
--_indigo_600: #31305b;
--_fuchsia_100: #f6e5ef;
--_fuchsia_200: #eecce0;
--_fuchsia_300: #e6b2d1;
--_fuchsia_400: #dd99c2;
--_fuchsia_500: #ab0066;
--_fuchsia_600: #66003d;
--_sky_100: #eff6fb;
--_sky_200: #dfedf8;
--_sky_300: #cfe4f4;
--_sky_400: #bfdbf0;
--_sky_500: #559bd1;
--_sky_600: #335d7d;
--_lime_100: #fafbeb;
--_lime_200: #f6f7d8;
--_lime_300: #f1f4c4;
--_lime_400: #ecf0b1;
--_lime_500: #d0d93c;
--_lime_600: #7c8224;
--_leaf_100: #eaf4ed;
--_leaf_200: #d6eadc;
--_leaf_300: #c2dfca;
--_leaf_400: #aed5b9;
--_leaf_500: #349651;
--_leaf_600: #1f5a30;
--_minus_400: #e14242;
--_minus_500: #d70000;
--_plus_400: #aed5b9;
--_plus_500: #349651;
--_annotation_400: #a5e5e5;
--_annotation_600: #008080;
--_opacity_10: 0.1;
--_opacity_20: 0.2;
--_opacity_30: 0.3;
--_opacity_40: 0.4;
--_opacity_50: 0.5;
--_opacity_60: 0.6;
--_opacity_70: 0.7;
--_opacity_80: 0.8;
--_opacity_90: 0.9;
--_dimension_25: 0.125rem;
--_dimension_50: 0.25rem;
--_dimension_100: 0.5rem;
--_dimension_200: 1rem;
--_dimension_300: 1.5rem;
--_dimension_400: 2rem;
--_dimension_500: 2.5rem;
--_dimension_600: 3rem;
--_dimension_700: 3.5rem;
--_dimension_800: 4rem;
--_dimension_1000: 5rem;
--_dimension_1200: 6rem;
}
/**
* Do not edit directly
*/
:host,
html {
--_theme: light;
--_for-light: initial;
--bg_tab: #f6f6f6;
--bg_tab-secondary: #fafafa;
--border_default_width: 0.0625rem;
--border_default_style: solid;
--border_subtle_width: 0.0625rem;
--border_subtle_style: solid;
--border_primary_width: 0.0625rem;
--border_primary_style: solid;
--border_secondary_width: 0.0625rem;
--border_secondary_style: solid;
--border_tertiary_width: 0.0625rem;
--border_tertiary_style: solid;
--border_info_width: 0.0625rem;
--border_info_style: solid;
--border_info-inverse_width: 0.0625rem;
--border_info-inverse_style: solid;
--border_success_width: 0.0625rem;
--border_success_style: solid;
--border_warning_width: 0.0625rem;
--border_warning_style: solid;
--border_error_width: 0.0625rem;
--border_error_style: solid;
--border_disabled_width: 0.0625rem;
--border_disabled_style: solid;
--border_inverse_width: 0.0625rem;
--border_inverse_style: solid;
--border_emphasis_width: 0.0625rem;
--border_emphasis_style: solid;
--border_dropZone-default_width: 0.0625rem;
--border_dropZone-default_style: dashed;
--border_dropZone-disabled_width: 0.0625rem;
--border_dropZone-disabled_style: dashed;
--border_onColor_width: 0.0625rem;
--border_onColor_style: solid;
--border_focus-inner_style: solid;
--border_focus-outer_style: solid;
--opacity_pressed: var(
--_opacity_60
); /* opacity token for pressed states to be used as a composite in component tokens */
--opacity_overlay: var(--_opacity_70); /* Used for scrim modals */
--fg_default: var(--_gray_600);
--fg_subtle: var(--_gray_400);
--fg_disabled: var(--_gray_300);
--fg_onColor: var(--_white);
--fg_inverse: var(--_white);
--fg_primary: var(--_orange);
--fg_secondary: var(--_indigo_500);
--fg_tertiary: var(--_fuchsia_500);
--fg_info: var(--_sky_500);
--fg_success: var(--_leaf_500);
--fg_warning: var(--_orange);
--fg_error: var(--_minus_500);
--bg_default: var(--_white);
--bg_page: var(--_gray_100);
--bg_subtle: var(--_gray_200);
--bg_overlay: rgba(51, 51, 51, 0.7);
--bg_primary: var(--_orange);
--bg_secondary: var(--_indigo_500);
--bg_secondary-subtle: var(--_indigo_200);
--bg_tertiary: var(--_fuchsia_500);
--bg_info: var(--_sky_500);
--bg_success: var(--_leaf_200);
--bg_done: var(--_leaf_500);
--bg_hover-primary: var(--_sky_300); /* Legacy OJ SUN components use case */
--bg_hover-secondary: var(--_indigo_200); /* Legacy OJ SUN components use case */
--bg_hover-tertiary: var(--_fuchsia_200); /* Legacy OJ SUN components use case */
--bg_highlight: var(--_sky_200); /* Legacy OJ SUN components use case */
--bg_disabled: var(--_gray_200);
--bg_page-tags: var(--_gray_200);
--bg_page-tags-inverse: var(--_indigo_500);
--bg_page-library: var(--_white);
--bg_tab-inverse: var(--_indigo_600);
--bg_tab-secondary-inverse: var(--_indigo_500);
--bg_tab-border: var(--_gray_100);
--bg_tab-border-inverse: var(--_indigo_500);
--bg_snackbar: var(--_gray_400);
--bg_notification: var(--_minus_500);
--bg_onColor: var(--_white);
--bg_pageSecondary: var(--_white);
--border_default_color: var(--_gray_400);
--border_subtle_color: var(--_gray_200);
--border_primary_color: var(--_orange);
--border_secondary_color: var(--_indigo_500);
--border_tertiary_color: var(--_fuchsia_500);
--border_info_color: var(--_sky_500);
--border_info-inverse_color: var(--_sky_400);
--border_success_color: var(--_leaf_500);
--border_warning_color: var(--_orange);
--border_error_color: var(--_minus_500);
--border_disabled_color: var(--_gray_300);
--border_inverse_color: var(--_white);
--border_emphasis_color: var(--_gray_600);
--border_dropZone-default_color: var(--_gray_400);
--border_dropZone-disabled_color: var(--_gray_300);
--border_onColor_color: var(--_white);
--border_focus-inner_color: var(--_white);
--border_focus-inner_width: var(--_dimension_25);
--border_focus-outer_color: var(--_sky_600);
--border_focus-outer_width: var(--_dimension_25);
--padding_xxs: var(--_dimension_50);
--padding_xs: var(--_dimension_100);
--padding_sm: var(--_dimension_200);
--padding_md: var(--_dimension_300);
--padding_lg: var(--_dimension_400);
--padding_xl: var(--_dimension_500);
--padding_xxl: var(--_dimension_600);
--padding_xxxl: var(--_dimension_700);
--gap_xxs: var(--_dimension_50);
--gap_xs: var(--_dimension_100);
--gap_sm: var(--_dimension_200);
--gap_md: var(--_dimension_300);
--gap_lg: var(--_dimension_400);
--gap_xl: var(--_dimension_500);
--gap_xxl: var(--_dimension_600);
--gap_xxxl: var(--_dimension_700);
}
/**
* Do not edit directly
*/
:host([data-theme~='dark']),
html[data-theme~='dark'] {
--_theme: dark;
--_for-dark: initial;
--_for-light: none;
--border_dropZone-default_style: solid;
--border_dropZone-disabled_style: dash;
--opacity_pressed: var(
--_opacity_60
); /* opacity token for pressed states to be used as a composite in component tokens */
--opacity_overlay: var(--_opacity_70); /* Used for scrim modals */
--fg_default: var(--_gray_100);
--fg_subtle: var(--_gray_200);
--fg_inverse: var(--_gray_800);
--fg_secondary: var(--_indigo_400);
--fg_tertiary: var(--_fuchsia_400);
--fg_info: var(--_sky_400);
--fg_success: var(--_leaf_400);
--fg_error: var(--_minus_400);
--bg_default: var(--_gray_700);
--bg_page: var(--_gray_800);
--bg_subtle: var(--_gray_600);
--bg_overlay: rgba(240, 240, 240, 0.7);
--bg_secondary-subtle: var(--_indigo_400);
--bg_tertiary: var(--_fuchsia_400);
--bg_info: var(--_sky_600);
--bg_success: var(--_leaf_600);
--bg_done: var(--_leaf_400);
--bg_hover-primary: var(--_sky_600); /* Legacy OJ SUN components use case */
--bg_hover-secondary: var(--_indigo_600); /* Legacy OJ SUN components use case */
--bg_hover-tertiary: var(--_fuchsia_600); /* Legacy OJ SUN components use case */
--bg_highlight: var(--_sky_600); /* Legacy OJ SUN components use case */
--bg_disabled: var(--_gray_400);
--bg_page-tags: var(--_gray_600);
--bg_page-tags-inverse: var(--_gray_200);
--bg_page-library: var(--_gray_800);
--bg_tab: var(--_gray_700);
--bg_tab-inverse: var(--_indigo_500);
--bg_tab-secondary: var(--_gray_500);
--bg_tab-secondary-inverse: var(--_indigo_400);
--bg_tab-border: var(--_gray_700);
--bg_snackbar: var(--_gray_200);
--bg_notification: var(--_minus_400);
--bg_pageSecondary: var(--_gray_800);
--border_subtle_color: var(--_gray_600);
--border_secondary_color: var(--_indigo_400);
--border_tertiary_color: var(--_fuchsia_400);
--border_info_color: var(--_sky_400);
--border_info-inverse_color: var(--_sky_500);
--border_success_color: var(--_leaf_400);
--border_error_color: var(--_minus_400);
--border_disabled_color: var(--_gray_500);
--border_inverse_color: var(--_gray_600);
--border_emphasis_color: var(--_white);
--border_dropZone-default_color: var(--_gray_500);
--border_dropZone-disabled_color: var(--_gray_400);
--border_focus-inner_color: var(--_sky_600);
--border_focus-outer_color: var(--_white);
}
body {
font-family: INGMe, arial, helvetica, sans-serif;
}
/**
* Do not edit directly
*/
:host, html {
--__oj2_color_annotation_50: #a5e5e5; /** Annotation color at 50% opacity */
--__oj2_color_annotation_100: #008080;
--__oj2_color_black: #0d0804; /** This is for status bar only */
--__oj2_color_blush_50: #fabefe;
--__oj2_color_blush_100: #f689fd;
--__oj2_color_blush_150: #be08c9;
--__oj2_color_green_10: #cdf4d8;
--__oj2_color_green_50: #65ff39;
--__oj2_color_green_100: #1e8700;
--__oj2_color_green_150: #0f4400;
--__oj2_color_grey_10: #f7f4f1;
--__oj2_color_grey_20: #f1ede9;
--__oj2_color_grey_30: #a69f98;
--__oj2_color_grey_40: #6c6763;
--__oj2_color_grey_50: #403b3b;
--__oj2_color_grey_60: #302c2c;
--__oj2_color_grey_70: #201e1e;
--__oj2_color_grey_80: #111010;
--__oj2_color_legacy_fuchsia_100: #f6e5ef;
--__oj2_color_legacy_fuchsia_200: #eecce0;
--__oj2_color_legacy_fuchsia_300: #e6b2d1;
--__oj2_color_legacy_fuchsia_400: #dd99c2;
--__oj2_color_legacy_fuchsia_500: #ab0066;
--__oj2_color_legacy_fuchsia_600: #66003d;
--__oj2_color_legacy_gray_100: #f0f0f0;
--__oj2_color_legacy_gray_200: #d9d9d9;
--__oj2_color_legacy_gray_300: #a8a8a8;
--__oj2_color_legacy_gray_400: #696969;
--__oj2_color_legacy_gray_500: #3d3d3d;
--__oj2_color_legacy_gray_600: #333333;
--__oj2_color_legacy_gray_700: #212121;
--__oj2_color_legacy_gray_800: #050505;
--__oj2_color_legacy_indigo_100: #ededf5;
--__oj2_color_legacy_indigo_200: #dcdceb;
--__oj2_color_legacy_indigo_300: #cbcae0;
--__oj2_color_legacy_indigo_400: #bab9d6;
--__oj2_color_legacy_indigo_500: #525199;
--__oj2_color_legacy_indigo_600: #31305b;
--__oj2_color_legacy_leaf_100: #eaf4ed;
--__oj2_color_legacy_leaf_200: #d6eadc;
--__oj2_color_legacy_leaf_300: #c2dfca;
--__oj2_color_legacy_leaf_400: #aed5b9;
--__oj2_color_legacy_leaf_500: #349651;
--__oj2_color_legacy_leaf_600: #1f5a30;
--__oj2_color_legacy_lime_100: #fafbeb;
--__oj2_color_legacy_lime_200: #f6f7d8;
--__oj2_color_legacy_lime_300: #f1f4c4;
--__oj2_color_legacy_lime_400: #ecf0b1;
--__oj2_color_legacy_lime_500: #d0d93c;
--__oj2_color_legacy_lime_600: #7c8224;
--__oj2_color_legacy_minus_400: #e14242;
--__oj2_color_legacy_minus_500: #d70000;
--__oj2_color_legacy_plus_400: #aed5b9;
--__oj2_color_legacy_plus_500: #349651;
--__oj2_color_legacy_sky_100: #eff6fb;
--__oj2_color_legacy_sky_200: #dfedf8;
--__oj2_color_legacy_sky_300: #cfe4f4;
--__oj2_color_legacy_sky_400: #bfdbf0;
--__oj2_color_legacy_sky_500: #559bd1;
--__oj2_color_legacy_sky_600: #335d7d;
--__oj2_color_maroon_50: #ff9fc7;
--__oj2_color_maroon_100: #4d0020;
--__oj2_color_maroon_150: #340016;
--__oj2_color_opacity_black_0: rgba(0, 0, 0, 0.0000);
--__oj2_color_opacity_black_100: rgba(0, 0, 0, 0.0800);
--__oj2_color_opacity_black_150: rgba(0, 0, 0, 0.1600);
--__oj2_color_opacity_black_300: rgba(0, 0, 0, 0.3000);
--__oj2_color_opacity_black_400: rgba(0, 0, 0, 0.4000);
--__oj2_color_opacity_white_0: rgba(255, 255, 255, 0.0000);
--__oj2_color_opacity_white_100: rgba(255, 255, 255, 0.0800);
--__oj2_color_opacity_white_150: rgba(255, 255, 255, 0.1600);
--__oj2_color_opacity_white_300: rgba(255, 255, 255, 0.3000);
--__oj2_color_opacity_white_400: rgba(255, 255, 255, 0.4000);
--__oj2_color_orange: #ff6200;
--__oj2_color_raspberry_10: #fbe6f5;
--__oj2_color_raspberry_50: #ff68d5;
--__oj2_color_raspberry_100: #d40199;
--__oj2_color_raspberry_150: #8f096a;
--__oj2_color_red_10: #ffcfbf;
--__oj2_color_red_50: #ff3d00;
--__oj2_color_red_100: #ce2323;
--__oj2_color_red_150: #671900;
--__oj2_color_sky_10: #e4f5ff;
--__oj2_color_sky_50: #bee8fe;
--__oj2_color_sky_100: #89d6fd;
--__oj2_color_sky_150: #185a7b;
--__oj2_color_sun_10: #fffce5;
--__oj2_color_sun_50: #ffee73;
--__oj2_color_sun_100: #ffe100;
--__oj2_color_sun_150: #aa9600;
--__oj2_color_violet_10: #f1e9ff;
--__oj2_color_violet_50: #b487ff;
--__oj2_color_violet_100: #7724ff;
--__oj2_color_violet_150: #3c1280;
--__oj2_color_white: #ffffff;
--__oj2_dimension_10: 1px;
--__oj2_dimension_15: 1.5px;
--__oj2_dimension_25: 2px;
--__oj2_dimension_35: 3px;
--__oj2_dimension_50: 4px;
--__oj2_dimension_75: 6px;
--__oj2_dimension_100: 8px;
--__oj2_dimension_125: 10px;
--__oj2_dimension_150: 12px;
--__oj2_dimension_200: 16px;
--__oj2_dimension_250: 20px;
--__oj2_dimension_300: 24px;
--__oj2_dimension_400: 32px;
--__oj2_dimension_500: 40px;
--__oj2_dimension_600: 48px;
--__oj2_dimension_700: 56px;
--__oj2_dimension_800: 64px;
--__oj2_dimension_900: 72px;
--__oj2_dimension_1000: 80px;
--__oj2_dimension_1200: 96px;
--__oj2_dimension_desktop: 1280px;
--__oj2_dimension_mobile: 375px;
--__oj2_dimension_tablet: 768px;
--__oj2_opacity_300: 0.3;
--__oj2_opacity_400: 0.4;
--__oj2_opacity_600: 0.6;
--__oj2_opacity_700: 0.7;
--__oj2_opacity_800: 0.8;
--__oj2_typography_fontDecor_underline: Underline;
--__oj2_typography_fontFamily_annotation: Courier New;
--__oj2_typography_fontFamily_code: Courier;
--__oj2_typography_fontFamily_default: INGMe, arial, helvetica, sans-serif;
--__oj2_typography_fontFamily_fallback-web: Arial;
--__oj2_typography_fontFamily_headline: ING Display, INGMe, arial, helvetica, sans-serif;
--__oj2_typography_fontFamily_headline-medium: ING Display Medium, INGMe, arial, helvetica, sans-serif;
--__oj2_typography_fontFamily_narrow: INGMeNarrow, INGMe, arial, helvetica, sans-serif;
--__oj2_typography_fontLheight_50: 1.125rem;
--__oj2_typography_fontLheight_100: 1.3125rem;
--__oj2_typography_fontLheight_200: 1.5rem;
--__oj2_typography_fontLheight_300: 1.78125rem;
--__oj2_typography_fontLheight_400: 2.25rem;
--__oj2_typography_fontLheight_500: 2.625rem;
--__oj2_typography_fontLheight_600: 3rem;
--__oj2_typography_fontLheight_700: 3.375rem;
--__oj2_typography_fontLheight_800: 4.5rem;
--__oj2_typography_fontSize_12: 0.75rem;
--__oj2_typography_fontSize_14: 0.875rem;
--__oj2_typography_fontSize_16: 1rem;
--__oj2_typography_fontSize_19: 1.1875rem;
--__oj2_typography_fontSize_24: 1.5rem;
--__oj2_typography_fontSize_28: 1.75rem;
--__oj2_typography_fontSize_32: 2rem;
--__oj2_typography_fontSize_36: 2.25rem;
--__oj2_typography_fontSize_48: 3rem;
--__oj2_typography_fontSize_56: 3.5rem;
--__oj2_typography_fontStyle_italic: Italic;
--__oj2_typography_fontWeight_bold: Bold;
--__oj2_typography_fontWeight_regular: normal;
}
@font-face {
font-family: 'INGMe';
src: url(3c61ef3553284e176612.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'INGMe';
src: url(c46819568c63444d6f6a.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ING Display';
src: url(fd162cb17bf6051d11a1.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
body {
font-family: INGMe, arial, helvetica, sans-serif;
}
/**
* Do not edit directly
*/
:host([data-theme~="legacy"]),
html[data-theme~="legacy"] {
--_oj2_opacity_disabled: var(--__oj2_opacity_400);
--oj2_bg_container_expressive: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_container_expressive-accent: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__default: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__inverse: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__neutral: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__neutral-bold: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__neutral-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__neutral-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__primary: var(--__oj2_color_white);
--__oj2_bg_container_expressive-accent__quaternary: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__quaternary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__quaternary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__quaternary-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__secondary: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__secondary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__secondary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__secondary-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__tertiary: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__tertiary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__tertiary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive-accent__tertiary-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_container_expressive__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__primary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__secondary: var(--__oj2_color_white);
--__oj2_bg_container_expressive__secondary-bold: var(--__oj2_color_white);
--__oj2_bg_container_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__tertiary: var(--__oj2_color_white);
--__oj2_bg_container_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_bg_container_expressive__tertiary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--oj2_bg_containerShape_expressive-accent: var(--__oj2_color_orange);
--__oj2_bg_containerShape_expressive-accent__default: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__inverse: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__neutral: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__neutral-bold: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__primary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__quaternary: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__quaternary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__secondary: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__secondary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__secondary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__tertiary: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__tertiary-moderate: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_orange
);
--oj2_bg_containerShape_expressive-primary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__secondary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--oj2_bg_default: var(--__oj2_color_white);
--oj2_bg_defaultSubtle: var(--__oj2_color_legacy_gray_100);
--oj2_bg_disabled: var(--__oj2_color_legacy_gray_200);
--oj2_bg_done: var(--__oj2_color_legacy_leaf_500);
--oj2_bg_error: var(--__oj2_color_legacy_minus_500);
--oj2_bg_extPrimary: var(--__oj2_color_legacy_lime_500);
--oj2_bg_extPrimaryBold: var(--__oj2_color_legacy_lime_600);
--oj2_bg_extPrimaryModerate: var(--__oj2_color_legacy_lime_500);
--oj2_bg_extPrimarySubtle: var(--__oj2_color_legacy_lime_100);
--oj2_bg_extSecondary: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_extSecondaryBold: var(--__oj2_color_legacy_indigo_600);
--oj2_bg_extSecondaryModerate: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_extSecondarySubtle: var(--__oj2_color_legacy_indigo_100);
--oj2_bg_extTertiary: var(--__oj2_color_legacy_fuchsia_500);
--oj2_bg_extTertiaryBold: var(--__oj2_color_legacy_fuchsia_600);
--oj2_bg_extTertiaryModerate: var(--__oj2_color_legacy_fuchsia_500);
--oj2_bg_extTertiarySubtle: var(--__oj2_color_legacy_fuchsia_100);
--oj2_bg_highlight: var(--__oj2_color_legacy_sky_200);
--oj2_bg_hover-primary: var(--__oj2_color_legacy_sky_300);
--oj2_bg_hover-secondary: var(--__oj2_color_legacy_indigo_200);
--oj2_bg_hover-tertiary: var(--__oj2_color_legacy_fuchsia_200);
--oj2_bg_info: var(--__oj2_color_legacy_sky_500);
--oj2_bg_inverse: var(--__oj2_color_legacy_gray_800);
--oj2_bg_inverseBold: var(--__oj2_color_legacy_gray_400);
--oj2_bg_inverseModerate: var(--__oj2_color_legacy_gray_700);
--oj2_bg_inverseSubtle: var(--__oj2_color_legacy_gray_600);
--oj2_bg_negative: var(--__oj2_color_legacy_fuchsia_100);
--oj2_bg_neutral: var(--__oj2_color_legacy_gray_300);
--oj2_bg_neutralBold: var(--__oj2_color_legacy_gray_300);
--oj2_bg_neutralModerate: var(--__oj2_color_legacy_gray_400);
--oj2_bg_onColor: var(--__oj2_color_white);
--oj2_bg_onDefault: var(--__oj2_color_grey_10);
--oj2_bg_onDefaultSubtle: var(--__oj2_color_white);
--oj2_bg_onSurface_expressive: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__inverse: var(--__oj2_color_legacy_gray_700);
--__oj2_bg_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_500
);
--__oj2_bg_onSurface_expressive__neutral-moderate: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__neutral-subtle: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__primary: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__quaternary: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_bg_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_bg_onSurface_expressive__quaternary-subtle: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__secondary: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_bg_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_200
);
--__oj2_bg_onSurface_expressive__secondary-subtle: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__tertiary: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_bg_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_bg_onSurface_expressive__tertiary-moderate: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__tertiary-subtle: var(--__oj2_color_white);
--oj2_bg_overlay: var(--__oj2_color_opacity_black_300);
--oj2_bg_primary: var(--__oj2_color_orange);
--oj2_bg_quaternary: var(--__oj2_color_legacy_sky_500);
--oj2_bg_quaternaryBold: var(--__oj2_color_legacy_sky_600);
--oj2_bg_quaternaryModerate: var(--__oj2_color_legacy_sky_500);
--oj2_bg_quaternarySubtle: var(--__oj2_color_legacy_sky_100);
--oj2_bg_readOnly: var(--__oj2_color_legacy_gray_200);
--oj2_bg_secondary: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_secondaryBold: var(--__oj2_color_legacy_indigo_600);
--oj2_bg_secondaryModerate: var(--__oj2_color_legacy_indigo_400);
--oj2_bg_secondarySubtle: var(--__oj2_color_legacy_indigo_200);
--oj2_bg_shape_expressive: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__default: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__inverse: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__neutral: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__neutral-moderate: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__neutral-subtle: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__primary: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__quaternary: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__quaternary-bold: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__quaternary-moderate: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__quaternary-subtle: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__secondary: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__secondary-bold: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__secondary-moderate: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__secondary-subtle: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__tertiary: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__tertiary-moderate: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__tertiary-subtle: var(--__oj2_color_white);
--oj2_bg_subtle: var(--__oj2_color_legacy_gray_200);
--oj2_bg_success: var(--__oj2_color_legacy_leaf_200);
--_oj2_bg_surface_expressive: var(--__oj2_color_white);
--__oj2_bg_surface_expressive__default: var(--__oj2_color_white);
--__oj2_bg_surface_expressive__inverse: var(--__oj2_color_legacy_gray_700);
--__oj2_bg_surface_expressive__neutral: var(--__oj2_color_legacy_gray_100);
--__oj2_bg_surface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_bg_surface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_200
);
--__oj2_bg_surface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_bg_surface_expressive__primary: var(--__oj2_color_orange);
--__oj2_bg_surface_expressive__quaternary: var(--__oj2_color_legacy_gray_100);
--__oj2_bg_surface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_bg_surface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_sky_300
);
--__oj2_bg_surface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_bg_surface_expressive__secondary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_surface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_bg_surface_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_bg_surface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_bg_surface_expressive__tertiary: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_bg_surface_expressive__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_bg_surface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_bg_surface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_100
);
--oj2_bg_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--oj2_bg_tertiaryBold: var(--__oj2_color_legacy_fuchsia_600);
--oj2_bg_tertiaryModerate: var(--__oj2_color_legacy_fuchsia_400);
--oj2_bg_tertiarySubtle: var(--__oj2_color_legacy_fuchsia_100);
--oj2_borderColor_accent: var(--__oj2_color_legacy_indigo_500);
--oj2_borderColor_accent-inverse: var(--__oj2_color_legacy_indigo_100);
--oj2_borderColor_container_accent_expressive-focus-inner: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__default: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__primary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_container_accent_expressive-focus-outer: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_container_primary_expressive-focus-inner: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__default: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_container_primary_expressive-focus-outer: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__primary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_default: var(--__oj2_color_legacy_gray_400);
--oj2_borderColor_disabled: var(--__oj2_color_legacy_gray_300);
--oj2_borderColor_emphasis: var(--__oj2_color_legacy_gray_800);
--oj2_borderColor_error: var(--__oj2_color_legacy_minus_500);
--oj2_borderColor_focus-inner: var(--__oj2_color_white);
--oj2_borderColor_focus-inner-inverse: var(--__oj2_color_legacy_sky_600);
--oj2_borderColor_focus-outer: var(--__oj2_color_legacy_sky_600);
--oj2_borderColor_focus-outer-inverse: var(--__oj2_color_white);
--oj2_borderColor_info: var(--__oj2_color_legacy_sky_500);
--oj2_borderColor_info-inverse: var(--__oj2_color_legacy_sky_300);
--oj2_borderColor_inverse: var(--__oj2_color_white);
--oj2_borderColor_onColor: var(--__oj2_color_white);
--oj2_borderColor_onSurface_expressive: var(--__oj2_color_legacy_indigo_500);
--oj2_borderColor_onSurface_expressive-focus-inner: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive-focus-inner__default: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_onSurface_expressive-focus-outer: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__primary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_onSurface_expressive-primary: var(--__oj2_color_orange);
--__oj2_borderColor_onSurface_expressive-primary__default: var(
--__oj2_color_orange
);
--__oj2_borderColor_onSurface_expressive-primary__inverse: var(
--__oj2_color_orange
);
--__oj2_borderColor_onSurface_expressive-primary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__secondary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--oj2_borderColor_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--oj2_borderColor_onSurface_expressive-visited: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__default: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__inverse: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__neutral: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__secondary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__primary: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--oj2_borderColor_primary: var(--__oj2_color_orange);
--oj2_borderColor_readOnly: var(--__oj2_color_legacy_gray_300);
--oj2_borderColor_secondary: var(--__oj2_color_legacy_indigo_500);
--oj2_borderColor_subtle: var(--__oj2_color_legacy_gray_200);
--oj2_borderColor_success: var(--__oj2_color_legacy_leaf_500);
--oj2_borderColor_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--oj2_borderColor_tertiary-inverse: var(--__oj2_color_legacy_fuchsia_300);
--oj2_borderColor_warning: var(--__oj2_color_orange);
--_oj2_colorMix_container_hover_expressive: var(
--__oj2_color_opacity_white_100
);
--_oj2_colorMix_container_hover_expressive-accent: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__default: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__inverse: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__neutral: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__neutral-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__neutral-moderate: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__neutral-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__primary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__secondary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__secondary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__secondary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__secondary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__default: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__inverse: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__neutral: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__neutral-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__neutral-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__primary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__quaternary: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__quaternary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__quaternary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__quaternary-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__secondary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__secondary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__secondary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__secondary-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__tertiary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__tertiary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__tertiary-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__tertiary-subtle: var(
--__oj2_color_opacity_white_100
);
--_oj2_colorMix_container_pressed_expressive: var(
--__oj2_color_opacity_white_150
);
--_oj2_colorMix_container_pressed_expressive-accent: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__default: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__inverse: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__neutral: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__neutral-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__neutral-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__neutral-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__primary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__secondary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__secondary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__secondary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__secondary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__default: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__inverse: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__neutral: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__primary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__secondary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__secondary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__secondary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__secondary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary-subtle: var(
--__oj2_color_opacity_white_150
);
--_oj2_colorMix_hover_default: var(--__oj2_color_opacity_black_100);
--_oj2_colorMix_hover_default-inverse: var(--__oj2_color_opacity_white_100);
--_oj2_colorMix_hover_onSurface_expressive: var(--__oj2_color_legacy_sky_300);
--__oj2_colorMix_hover_onSurface_expressive__default: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__neutral: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__primary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_sky_100
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__secondary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_sky_400
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_sky_300
);
--_oj2_colorMix_overlay_default: var(--__oj2_color_opacity_black_300);
--_oj2_colorMix_pressed_default: var(--__oj2_color_opacity_black_300);
--_oj2_colorMix_pressed_expressive-inverse: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__default: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__inverse: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__primary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary-moderate: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary-subtle: var(
--__oj2_color_opacity_white_150
);
--_oj2_colorMix_pressed_onSurface_expressive: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__default: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__inverse: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_300
);
--__oj2_colorMix_pressed_onSurface_expressive__primary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__quaternary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__quaternary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_opacity_black_150
);
--_oj2_fg_body_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_body_disabled: var(--__oj2_color_legacy_gray_300);
--_oj2_fg_body_inverse: var(--__oj2_color_white);
--_oj2_fg_body_onColor: var(--__oj2_color_white);
--_oj2_fg_body_onColor-inverse: var(--__oj2_color_black);
--oj2_fg_body_onSurface_expressive: var(--__oj2_color_legacy_gray_600);
--oj2_fg_body_onSurface_expressive-subtle: var(--__oj2_color_legacy_gray_400);
--__oj2_fg_body_onSurface_expressive-subtle__default: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_body_onSurface_expressive-subtle__inverse: var(
--__oj2_color_grey_20
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_500
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_body_onSurface_expressive-subtle__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__default: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__inverse: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__secondary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__tertiary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_body_secondary: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_body_subtle: var(--__oj2_color_legacy_gray_400);
--_oj2_fg_body_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--oj2_fg_default: var(--__oj2_color_legacy_gray_600);
--oj2_fg_disabled: var(--__oj2_color_legacy_gray_300);
--oj2_fg_error: var(--__oj2_color_legacy_minus_500);
--_oj2_fg_headline_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_headline_onColor: var(--__oj2_color_white);
--_oj2_fg_headline_onColor-inverse: var(--__oj2_color_black);
--_oj2_fg_headline_onSurface_expressive: var(--__oj2_color_legacy_gray_700);
--_oj2_fg_headline_onSurface_expressive-primary: var(--__oj2_color_orange);
--__oj2_fg_headline_onSurface_expressive-primary__default: var(
--__oj2_color_orange
);
--__oj2_fg_headline_onSurface_expressive-primary__inverse: var(
--__oj2_color_orange
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_headline_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__primary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive__default: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__neutral: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__primary: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--_oj2_fg_headline_primary: var(--__oj2_color_orange);
--_oj2_fg_headline_secondary: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_headline_subtle: var(--__oj2_color_legacy_gray_400);
--_oj2_fg_headline_tertiary: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_icon_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_icon_disabled: var(--__oj2_color_legacy_gray_300);
--_oj2_fg_icon_error: var(--__oj2_color_legacy_minus_500);
--_oj2_fg_icon_info: var(--__oj2_color_legacy_sky_500);
--_oj2_fg_icon_inverse: var(--__oj2_color_white);
--_oj2_fg_icon_onColor: var(--__oj2_color_white);
--_oj2_fg_icon_onContainer_expressive: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_icon_onContainer_expressive-accent: var(--__oj2_color_white);
--__oj2_fg_icon_onContainer_expressive-accent__default: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__inverse: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__default: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__inverse: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__neutral: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__primary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__quaternary-moderate: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__secondary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive__secondary-moderate: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__tertiary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_100
);
--_oj2_fg_icon_onContainerShape_expressive-accent: var(--__oj2_color_white);
--__oj2_fg_icon_onContainerShape_expressive-accent__default: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__inverse: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_onContainerShape_expressive-primary: var(--__oj2_color_white);
--__oj2_fg_icon_onContainerShape_expressive-primary__default: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_onSurface_expressive: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_icon_onSurface_expressive-primary: var(--__oj2_color_orange);
--__oj2_fg_icon_onSurface_expressive-primary__default: var(
--__oj2_color_orange
);
--__oj2_fg_icon_onSurface_expressive-primary__inverse: var(
--__oj2_color_orange
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_icon_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_icon_onSurface_expressive-secondary-visited: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__default: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__inverse: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__primary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__primary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_icon_onSurface_expressive-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_icon_onSurface_expressive-subtle__default: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_icon_onSurface_expressive-subtle__inverse: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_500
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_icon_onSurface_expressive-subtle__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__primary: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_icon_primary: var(--__oj2_color_orange);
--_oj2_fg_icon_secondary: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_icon_subtle: var(--__oj2_color_legacy_gray_400);
--_oj2_fg_icon_success: var(--__oj2_color_legacy_leaf_500);
--_oj2_fg_icon_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--_oj2_fg_icon_warning: var(--__oj2_color_orange);
--oj2_fg_info: var(--__oj2_color_legacy_sky_500);
--oj2_fg_inverse: var(--__oj2_color_white);
--_oj2_fg_label_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_label_disabled: var(--__oj2_color_legacy_gray_300);
--_oj2_fg_label_inverse: var(--__oj2_color_white);
--_oj2_fg_label_onColor: var(--__oj2_color_white);
--_oj2_fg_label_onColor-inverse: var(--__oj2_color_black);
--_oj2_fg_label_onContainer_expressive: var(--__oj2_color_white);
--_oj2_fg_label_onContainer_expressive-accent: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive-accent__default: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__inverse: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__secondary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__default: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__primary: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__quaternary: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__secondary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__tertiary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onContainerShape_expressive-accent: var(--__oj2_color_white);
--__oj2_fg_label_onContainerShape_expressive-accent__default: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__inverse: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onContainerShape_expressive-primary: var(--__oj2_color_white);
--__oj2_fg_label_onContainerShape_expressive-primary__default: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onSurface_expressive: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_label_onSurface_expressive-primary: var(--__oj2_color_orange);
--__oj2_fg_label_onSurface_expressive-primary__default: var(
--__oj2_color_orange
);
--__oj2_fg_label_onSurface_expressive-primary__inverse: var(
--__oj2_color_orange
);
--__oj2_fg_label_onSurface_expressive-primary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_label_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__primary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_label_onSurface_expressive-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_label_onSurface_expressive-subtle__default: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_label_onSurface_expressive-subtle__inverse: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_500
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_label_onSurface_expressive-subtle__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--_oj2_fg_label_onSurface_expressive-visited: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__default: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__inverse: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__neutral: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__primary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__secondary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-moderate: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary: var(
--__oj2_color_legacy_fuchsia_200
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive__default: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__primary: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--_oj2_fg_label_primary: var(--__oj2_color_orange);
--_oj2_fg_label_secondary: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_label_subtle: var(--__oj2_color_legacy_gray_400);
--_oj2_fg_label_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--oj2_fg_onColor: var(--__oj2_color_white);
--oj2_fg_onColor-inverse: var(--__oj2_color_black);
--oj2_fg_primary: var(--__oj2_color_orange);
--oj2_fg_secondary: var(--__oj2_color_legacy_indigo_500);
--_oj2_fg_subheadline_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_subheadline_onColor: var(--__oj2_color_white);
--_oj2_fg_subheadline_onColor-inverse: var(--__oj2_color_black);
--_oj2_fg_subheadline_onSurface_expressive: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__default: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__inverse: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__secondary: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--_oj2_fg_subheadline_subtle: var(--__oj2_color_legacy_gray_400);
--oj2_fg_subtle: var(--__oj2_color_legacy_gray_400);
--oj2_fg_success: var(--__oj2_color_legacy_leaf_500);
--oj2_fg_tertiary: var(--__oj2_color_legacy_fuchsia_500);
--_oj2_fg_title_default: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_title_disabled: var(--__oj2_color_legacy_gray_300);
--_oj2_fg_title_inverse: var(--__oj2_color_white);
--_oj2_fg_title_onColor: var(--__oj2_color_white);
--_oj2_fg_title_onColor-inverse: var(--__oj2_color_black);
--_oj2_fg_title_onSurface_expressive: var(--__oj2_color_legacy_gray_700);
--_oj2_fg_title_onSurface_expressive-primary: var(--__oj2_color_orange);
--__oj2_fg_title_onSurface_expressive-primary__default: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__inverse: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__neutral: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_title_onSurface_expressive-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_title_onSurface_expressive-subtle__default: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_title_onSurface_expressive-subtle__inverse: var(
--__oj2_color_grey_20
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_500
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_title_onSurface_expressive-subtle__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__default: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__primary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__secondary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_700
);
--_oj2_fg_title_primary: var(--__oj2_color_orange);
--_oj2_fg_title_subtle: var(--__oj2_color_legacy_gray_400);
--oj2_fg_warning: var(--__oj2_color_orange);
--__oj2_shadow_elevation01_expressive-color: var(
--__oj2_color_legacy_gray_200
);
--__oj2_shadow_elevation01_expressive-color__default: var(
--__oj2_color_legacy_gray_200
);
--__oj2_shadow_elevation01_expressive-color__inverse: var(
--__oj2_color_legacy_gray_600
);
--__oj2_shadow_elevation01_expressive-color__neutral: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__neutral-bold: var(
--__oj2_color_legacy_gray_500
);
--__oj2_shadow_elevation01_expressive-color__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__neutral-subtle: var(
--__oj2_color_legacy_gray_200
);
--__oj2_shadow_elevation01_expressive-color__primary: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__quaternary: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_shadow_elevation01_expressive-color__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__secondary: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_shadow_elevation01_expressive-color__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_shadow_elevation01_expressive-color__secondary-moderate: var(
--__oj2_color_legacy_indigo_200
);
--__oj2_shadow_elevation01_expressive-color__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__tertiary: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_shadow_elevation01_expressive-color__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_shadow_elevation01_expressive-color__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_shadow_elevation01_shorthand: 0 0 0 var(--__oj2_dimension_10)
var(--__oj2_shadow_elevation01_expressive-color);
--oj2_shadow_elevation02_shorthand: 0 var(--__oj2_dimension_50)
var(--__oj2_dimension_200) var(--__oj2_dimension_100)
var(--__oj2_color_opacity_black_300);
--oj2_shadow_elevation03_shorthand: 0 var(--__oj2_dimension_50)
var(--__oj2_dimension_800) var(--__oj2_dimension_50)
var(--__oj2_color_opacity_black_300);
}
/**
* Do not edit directly
*/
:host([data-theme~="legacy"]),
html[data-theme~="legacy"] {
--oj2_borderRadius_2xl: var(--__oj2_dimension_200);
--oj2_borderRadius_3xl: var(--__oj2_dimension_300);
--oj2_borderRadius_circle: var(--__oj2_dimension_1000);
--oj2_borderRadius_container_circle: var(--__oj2_dimension_100);
--oj2_borderRadius_container_md: var(--__oj2_dimension_1000);
--oj2_borderRadius_lg: var(--__oj2_dimension_125);
--oj2_borderRadius_md: var(--__oj2_dimension_100);
--oj2_borderRadius_sm: var(--__oj2_dimension_50);
--oj2_borderRadius_xl: var(--__oj2_dimension_150);
--oj2_borderRadius_xs: var(--__oj2_dimension_25);
--oj2_borderWidth_lg: var(--__oj2_dimension_25);
--oj2_borderWidth_md: var(--__oj2_dimension_15);
--oj2_borderWidth_sm: var(--__oj2_dimension_10);
--oj2_borderWidth_xl: var(--__oj2_dimension_50);
--oj2_fontDecor_underline: var(--__oj2_typography_fontDecor_underline);
--oj2_fontFamily_annotation: var(--__oj2_typography_fontFamily_annotation);
--oj2_fontFamily_code: var(--__oj2_typography_fontFamily_code);
--oj2_fontFamily_default: var(--__oj2_typography_fontFamily_default);
--oj2_fontFamily_headline: var(--__oj2_typography_fontFamily_default);
--oj2_fontFamily_narrow: var(--__oj2_typography_fontFamily_narrow);
--oj2_fontFamily_web_fallback: var(
--__oj2_typography_fontFamily_fallback-web
);
--oj2_fontLheight_2xl: var(--__oj2_typography_fontLheight_700);
--oj2_fontLheight_2xs: var(--__oj2_typography_fontLheight_100);
--oj2_fontLheight_3xl: var(--__oj2_typography_fontLheight_800);
--oj2_fontLheight_3xs: var(--__oj2_typography_fontLheight_50);
--oj2_fontLheight_lg: var(--__oj2_typography_fontLheight_500);
--oj2_fontLheight_md: var(--__oj2_typography_fontLheight_400);
--oj2_fontLheight_sm: 1.7813rem;
--oj2_fontLheight_xl: var(--__oj2_typography_fontLheight_600);
--oj2_fontLheight_xs: var(--__oj2_typography_fontLheight_200);
--oj2_fontSize_annotation_lg: var(--__oj2_typography_fontSize_16);
--oj2_fontSize_annotation_md: var(--__oj2_typography_fontSize_14);
--oj2_fontSize_annotation_sm: var(--__oj2_typography_fontSize_12);
--oj2_fontSize_body_2xs: var(--__oj2_typography_fontSize_12);
--oj2_fontSize_body_lg: var(--__oj2_typography_fontSize_28);
--oj2_fontSize_body_md: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_body_sm: var(--__oj2_typography_fontSize_16);
--oj2_fontSize_body_xs: var(--__oj2_typography_fontSize_14);
--oj2_fontSize_headline_2xl: var(--__oj2_typography_fontSize_48);
--oj2_fontSize_headline_lg: var(--__oj2_typography_fontSize_32);
--oj2_fontSize_headline_md: var(--__oj2_typography_fontSize_28);
--oj2_fontSize_headline_sm: var(--__oj2_typography_fontSize_24);
--oj2_fontSize_headline_xl: var(--__oj2_typography_fontSize_36);
--oj2_fontSize_headline_xs: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_label_lg: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_label_md: var(--__oj2_typography_fontSize_16);
--oj2_fontSize_label_sm: var(--__oj2_typography_fontSize_14);
--oj2_fontSize_label_xs: var(--__oj2_typography_fontSize_12);
--oj2_fontSize_subheadline_2xl: var(--__oj2_typography_fontSize_36);
--oj2_fontSize_subheadline_lg: var(--__oj2_typography_fontSize_28);
--oj2_fontSize_subheadline_md: var(--__oj2_typography_fontSize_24);
--oj2_fontSize_subheadline_sm: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_subheadline_xl: var(--__oj2_typography_fontSize_32);
--oj2_fontSize_subheadline_xs: var(--__oj2_typography_fontSize_16);
--oj2_fontSize_title_lg: var(--__oj2_typography_fontSize_24);
--oj2_fontSize_title_md: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_title_sm: var(--__oj2_typography_fontSize_16);
--oj2_fontSize_title_xl: var(--__oj2_typography_fontSize_32);
--oj2_fontStyle_italic: var(--__oj2_typography_fontStyle_italic);
--oj2_fontWeight_bold: var(--__oj2_typography_fontWeight_bold);
--oj2_fontWeight_regular: var(--__oj2_typography_fontWeight_regular);
--oj2_sizing_2xl: var(--__oj2_dimension_700);
--oj2_sizing_2xs: var(--__oj2_dimension_200);
--oj2_sizing_3xl: var(--__oj2_dimension_800);
--oj2_sizing_3xs: var(--__oj2_dimension_100);
--oj2_sizing_lg: var(--__oj2_dimension_500);
--oj2_sizing_md: var(--__oj2_dimension_400);
--oj2_sizing_sm: var(--__oj2_dimension_300);
--oj2_sizing_xl: var(--__oj2_dimension_600);
--oj2_sizing_xs: var(--__oj2_dimension_250);
--oj2_spacing_2xl: var(--__oj2_dimension_300);
--oj2_spacing_2xs: var(--__oj2_dimension_25);
--oj2_spacing_3xl: var(--__oj2_dimension_400);
--oj2_spacing_lg: var(--__oj2_dimension_150);
--oj2_spacing_md: var(--__oj2_dimension_100);
--oj2_spacing_sm: var(--__oj2_dimension_75);
--oj2_spacing_xl: var(--__oj2_dimension_200);
--oj2_spacing_xs: var(--__oj2_dimension_50);
}
/**
* Do not edit directly
*/
:host([data-theme~="legacy"][data-theme~="desk"]),
html[data-theme~="legacy"][data-theme~="desk"] {
}
/**
* Do not edit directly
*/
:host([data-theme~="legacy"][data-theme~="dark"]),
html[data-theme~="legacy"][data-theme~="dark"] {
--__oj2_bg_container_expressive__neutral-subtle: var(--__oj2_color_white);
--__oj2_bg_container_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__secondary-subtle: var(--__oj2_color_white);
--__oj2_bg_container_expressive__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_container_expressive__tertiary-subtle: var(--__oj2_color_white);
--oj2_bg_containerShape_expressive-primary: var(--__oj2_color_white);
--__oj2_bg_containerShape_expressive-primary__default: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_containerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_bg_default: var(--__oj2_color_legacy_gray_800);
--oj2_bg_defaultSubtle: var(--__oj2_color_legacy_gray_800);
--oj2_bg_disabled: var(--__oj2_color_legacy_gray_400);
--oj2_bg_done: var(--__oj2_color_legacy_leaf_400);
--oj2_bg_highlight: var(--__oj2_color_legacy_sky_600);
--oj2_bg_hover-primary: var(--__oj2_color_legacy_sky_600);
--oj2_bg_hover-secondary: var(--__oj2_color_legacy_indigo_600);
--oj2_bg_hover-tertiary: var(--__oj2_color_legacy_fuchsia_600);
--oj2_bg_info: var(--__oj2_color_legacy_sky_600);
--oj2_bg_inverse: var(--__oj2_color_white);
--oj2_bg_inverseBold: var(--__oj2_color_legacy_gray_100);
--oj2_bg_inverseModerate: var(--__oj2_color_legacy_gray_200);
--oj2_bg_inverseSubtle: var(--__oj2_color_legacy_gray_300);
--oj2_bg_negative: var(--__oj2_color_legacy_fuchsia_400);
--oj2_bg_neutral: var(--__oj2_color_legacy_gray_400);
--oj2_bg_neutralBold: var(--__oj2_color_legacy_gray_400);
--oj2_bg_neutralModerate: var(--__oj2_color_legacy_gray_500);
--oj2_bg_onDefault: var(--__oj2_color_legacy_gray_700);
--oj2_bg_onDefaultSubtle: var(--__oj2_color_legacy_gray_700);
--oj2_bg_onSurface_expressive: var(--__oj2_color_legacy_gray_600);
--__oj2_bg_onSurface_expressive__default: var(--__oj2_color_legacy_gray_600);
--__oj2_bg_onSurface_expressive__inverse: var(--__oj2_color_legacy_gray_100);
--__oj2_bg_onSurface_expressive__neutral: var(--__oj2_color_legacy_gray_500);
--__oj2_bg_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_200
);
--__oj2_bg_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_800
);
--__oj2_bg_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_bg_onSurface_expressive__quaternary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_bg_onSurface_expressive__secondary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_bg_onSurface_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--oj2_bg_overlay: var(--__oj2_color_opacity_black_400);
--oj2_bg_quaternary: var(--__oj2_color_legacy_sky_600);
--oj2_bg_quaternaryBold: var(--__oj2_color_legacy_sky_500);
--oj2_bg_readOnly: var(--__oj2_color_legacy_gray_500);
--oj2_bg_secondaryBold: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_secondarySubtle: var(--__oj2_color_legacy_indigo_500);
--oj2_bg_subtle: var(--__oj2_color_legacy_gray_500);
--oj2_bg_success: var(--__oj2_color_legacy_leaf_600);
--_oj2_bg_surface_expressive: var(--__oj2_color_legacy_gray_700);
--__oj2_bg_surface_expressive__default: var(--__oj2_color_legacy_gray_700);
--__oj2_bg_surface_expressive__inverse: var(--__oj2_color_white);
--__oj2_bg_surface_expressive__neutral: var(--__oj2_color_legacy_gray_400);
--__oj2_bg_surface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_bg_surface_expressive__neutral-moderate: var(
--__oj2_color_legacy_gray_300
);
--__oj2_bg_surface_expressive__neutral-subtle: var(
--__oj2_color_legacy_gray_800
);
--__oj2_bg_surface_expressive__quaternary: var(--__oj2_color_legacy_gray_700);
--__oj2_bg_surface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_bg_surface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_700
);
--__oj2_bg_surface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_bg_surface_expressive__secondary-subtle: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_bg_surface_expressive__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_100
);
--__oj2_bg_surface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_600
);
--oj2_borderColor_accent: var(--__oj2_color_legacy_indigo_100);
--oj2_borderColor_accent-inverse: var(--__oj2_color_legacy_indigo_500);
--oj2_borderColor_container_accent_expressive-focus-inner: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_container_accent_expressive-focus-outer: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__default: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_container_primary_expressive-focus-inner: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_container_primary_expressive-focus-outer: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__default: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_default: var(--__oj2_color_legacy_gray_300);
--oj2_borderColor_disabled: var(--__oj2_color_legacy_gray_500);
--oj2_borderColor_emphasis: var(--__oj2_color_white);
--oj2_borderColor_error: var(--__oj2_color_legacy_minus_400);
--oj2_borderColor_focus-inner: var(--__oj2_color_legacy_sky_600);
--oj2_borderColor_focus-inner-inverse: var(--__oj2_color_white);
--oj2_borderColor_focus-outer: var(--__oj2_color_white);
--oj2_borderColor_focus-outer-inverse: var(--__oj2_color_legacy_sky_600);
--oj2_borderColor_info: var(--__oj2_color_legacy_sky_300);
--oj2_borderColor_info-inverse: var(--__oj2_color_legacy_sky_500);
--oj2_borderColor_inverse: var(--__oj2_color_legacy_gray_800);
--oj2_borderColor_onSurface_expressive: var(--__oj2_color_white);
--oj2_borderColor_onSurface_expressive-focus-inner: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--oj2_borderColor_onSurface_expressive-focus-outer: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive-focus-outer__default: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__inverse: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_legacy_sky_600
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_300
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_300
);
--oj2_borderColor_onSurface_expressive-visited: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__default: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__inverse: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__neutral: var(
--__oj2_color_legacy_fuchsia_100
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_borderColor_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_borderColor_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_borderColor_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_readOnly: var(--__oj2_color_legacy_gray_500);
--oj2_borderColor_secondary: var(--__oj2_color_legacy_indigo_100);
--oj2_borderColor_subtle: var(--__oj2_color_legacy_gray_400);
--oj2_borderColor_success: var(--__oj2_color_legacy_leaf_300);
--oj2_borderColor_tertiary: var(--__oj2_color_legacy_fuchsia_300);
--oj2_borderColor_tertiary-inverse: var(--__oj2_color_legacy_fuchsia_500);
--_oj2_colorMix_container_hover_expressive: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__neutral-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__quaternary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive-accent__secondary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive-accent__tertiary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__default: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__inverse: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__neutral: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__neutral-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__neutral-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__quaternary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__quaternary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__quaternary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__secondary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__secondary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_container_hover_expressive__tertiary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__tertiary-subtle: var(
--__oj2_color_opacity_black_100
);
--_oj2_colorMix_container_pressed_expressive: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__neutral-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__quaternary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__secondary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive-accent__tertiary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__default: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__inverse: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__neutral: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__quaternary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__secondary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__secondary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__tertiary-subtle: var(
--__oj2_color_opacity_black_150
);
--_oj2_colorMix_hover_default: var(--__oj2_color_opacity_white_100);
--_oj2_colorMix_hover_default-inverse: var(--__oj2_color_opacity_black_100);
--_oj2_colorMix_hover_onSurface_expressive: var(--__oj2_color_legacy_sky_600);
--__oj2_colorMix_hover_onSurface_expressive__default: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__inverse: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__neutral: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_sky_600
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_sky_300
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_sky_600
);
--_oj2_colorMix_overlay_default: var(--__oj2_color_opacity_black_400);
--_oj2_colorMix_pressed_default: var(--__oj2_color_opacity_white_300);
--_oj2_colorMix_pressed_expressive-inverse: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__default: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__inverse: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__quaternary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__secondary-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary-bold: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__tertiary-subtle: var(
--__oj2_color_opacity_black_150
);
--_oj2_colorMix_pressed_onSurface_expressive: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__default: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__inverse: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral-bold: var(
--__oj2_color_opacity_white_300
);
--__oj2_colorMix_pressed_onSurface_expressive__neutral-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__secondary-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_pressed_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_opacity_white_150
);
--_oj2_fg_body_default: var(--__oj2_color_white);
--_oj2_fg_body_disabled: var(--__oj2_color_legacy_gray_500);
--_oj2_fg_body_inverse: var(--__oj2_color_legacy_gray_800);
--oj2_fg_body_onSurface_expressive: var(--__oj2_color_legacy_gray_100);
--oj2_fg_body_onSurface_expressive-subtle: var(--__oj2_color_grey_20);
--__oj2_fg_body_onSurface_expressive-subtle__default: var(
--__oj2_color_grey_20
);
--__oj2_fg_body_onSurface_expressive-subtle__inverse: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__default: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__inverse: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_body_onSurface_expressive__neutral: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_body_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_body_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_100
);
--_oj2_fg_body_secondary: var(--__oj2_color_legacy_indigo_300);
--_oj2_fg_body_subtle: var(--__oj2_color_legacy_gray_200);
--_oj2_fg_body_tertiary: var(--__oj2_color_legacy_fuchsia_300);
--oj2_fg_default: var(--__oj2_color_legacy_gray_100);
--oj2_fg_disabled: var(--__oj2_color_legacy_gray_500);
--oj2_fg_error: var(--__oj2_color_legacy_minus_400);
--_oj2_fg_headline_default: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_headline_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_headline_onSurface_expressive-secondary: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive-secondary__default: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__inverse: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_headline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_headline_secondary: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_headline_subtle: var(--__oj2_color_legacy_gray_200);
--_oj2_fg_headline_tertiary: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_icon_default: var(--__oj2_color_white);
--_oj2_fg_icon_disabled: var(--__oj2_color_legacy_gray_500);
--_oj2_fg_icon_error: var(--__oj2_color_legacy_minus_400);
--_oj2_fg_icon_info: var(--__oj2_color_legacy_sky_300);
--_oj2_fg_icon_inverse: var(--__oj2_color_legacy_gray_600);
--__oj2_fg_icon_onContainer_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainer_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_icon_onContainerShape_expressive-primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__default: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_icon_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_100
);
--_oj2_fg_icon_onSurface_expressive-secondary-visited: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__default: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__inverse: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral: var(
--__oj2_color_legacy_fuchsia_100
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_icon_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--_oj2_fg_icon_onSurface_expressive-subtle: var(--__oj2_color_grey_20);
--__oj2_fg_icon_onSurface_expressive-subtle__default: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-subtle__inverse: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_icon_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_icon_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_icon_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__quaternary: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_icon_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_secondary: var(--__oj2_color_legacy_indigo_300);
--_oj2_fg_icon_subtle: var(--__oj2_color_legacy_gray_200);
--_oj2_fg_icon_success: var(--__oj2_color_legacy_leaf_300);
--_oj2_fg_icon_tertiary: var(--__oj2_color_legacy_fuchsia_300);
--oj2_fg_info: var(--__oj2_color_legacy_sky_300);
--oj2_fg_inverse: var(--__oj2_color_legacy_gray_800);
--_oj2_fg_label_default: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_label_disabled: var(--__oj2_color_legacy_gray_500);
--_oj2_fg_label_inverse: var(--__oj2_color_legacy_gray_600);
--__oj2_fg_label_onContainer_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainer_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_label_onContainerShape_expressive-primary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__default: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_legacy_gray_600
);
--_oj2_fg_label_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onSurface_expressive-secondary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__default: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_legacy_indigo_100
);
--_oj2_fg_label_onSurface_expressive-subtle: var(--__oj2_color_grey_20);
--__oj2_fg_label_onSurface_expressive-subtle__default: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-subtle__inverse: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_label_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_label_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onSurface_expressive-visited: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__default: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__inverse: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__neutral: var(
--__oj2_color_legacy_fuchsia_100
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_legacy_fuchsia_600
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_legacy_fuchsia_500
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_300
);
--__oj2_fg_label_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__inverse: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__neutral-moderate: var(
--__oj2_color_legacy_indigo_600
);
--__oj2_fg_label_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__quaternary: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_fg_label_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_secondary: var(--__oj2_color_legacy_indigo_300);
--_oj2_fg_label_subtle: var(--__oj2_color_legacy_gray_200);
--_oj2_fg_label_tertiary: var(--__oj2_color_legacy_fuchsia_300);
--oj2_fg_secondary: var(--__oj2_color_legacy_indigo_200);
--_oj2_fg_subheadline_default: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_subheadline_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_subheadline_onSurface_expressive__default: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__inverse: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__neutral: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_subheadline_subtle: var(--__oj2_color_legacy_gray_200);
--oj2_fg_subtle: var(--__oj2_color_legacy_gray_200);
--oj2_fg_success: var(--__oj2_color_legacy_leaf_300);
--oj2_fg_tertiary: var(--__oj2_color_legacy_fuchsia_200);
--_oj2_fg_title_default: var(--__oj2_color_legacy_gray_100);
--_oj2_fg_title_disabled: var(--__oj2_color_legacy_gray_500);
--_oj2_fg_title_inverse: var(--__oj2_color_legacy_gray_600);
--_oj2_fg_title_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_title_onSurface_expressive-subtle: var(--__oj2_color_grey_20);
--__oj2_fg_title_onSurface_expressive-subtle__default: var(
--__oj2_color_grey_20
);
--__oj2_fg_title_onSurface_expressive-subtle__inverse: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-bold: var(
--__oj2_color_legacy_gray_400
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-moderate: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive-subtle__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive-subtle__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive-subtle__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__inverse: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__quaternary: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive__quaternary-bold: var(
--__oj2_color_legacy_gray_600
);
--__oj2_fg_title_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_legacy_gray_100
);
--__oj2_fg_title_onSurface_expressive__secondary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__tertiary-bold: var(
--__oj2_color_legacy_gray_700
);
--__oj2_fg_title_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_title_subtle: var(--__oj2_color_legacy_gray_200);
--__oj2_shadow_elevation01_expressive-color: var(
--__oj2_color_legacy_gray_500
);
--__oj2_shadow_elevation01_expressive-color__default: var(
--__oj2_color_legacy_gray_500
);
--__oj2_shadow_elevation01_expressive-color__inverse: var(
--__oj2_color_legacy_gray_100
);
--__oj2_shadow_elevation01_expressive-color__neutral: var(
--__oj2_color_legacy_gray_500
);
--__oj2_shadow_elevation01_expressive-color__neutral-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__neutral-moderate: var(
--__oj2_color_legacy_gray_200
);
--__oj2_shadow_elevation01_expressive-color__neutral-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_shadow_elevation01_expressive-color__quaternary: var(
--__oj2_color_legacy_gray_600
);
--__oj2_shadow_elevation01_expressive-color__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__quaternary-subtle: var(
--__oj2_color_legacy_gray_600
);
--__oj2_shadow_elevation01_expressive-color__secondary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__secondary-subtle: var(
--__oj2_color_legacy_indigo_500
);
--__oj2_shadow_elevation01_expressive-color__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__tertiary-subtle: var(
--__oj2_color_legacy_fuchsia_500
);
--oj2_shadow_elevation02_shorthand: 0 var(--__oj2_dimension_50)
var(--__oj2_dimension_200) var(--__oj2_dimension_100)
var(--__oj2_color_opacity_black_400);
--oj2_shadow_elevation03_shorthand: 0 var(--__oj2_dimension_50)
var(--__oj2_dimension_500) var(--__oj2_dimension_50)
var(--__oj2_color_opacity_black_400);
}
/** legacy specific web component tokens */
:host([data-theme~="legacy"]),
html[data-theme~="legacy"] {
--__oj1_descriptionText_all_text_fg_default: var(--oj2_fg_subtle);
--__oj1_descriptionText_all_text_fontSize_generic: var(--oj2_fontSize_label_xs);
--__oj1_inputText_all_baseInput_gap_generic: var(--oj2_spacing_xs);
--__oj1_inputText_all_button_padding_generic: var(--oj2_spacing_xs);
--__oj1_inputText_all_label_fontWeight_generic: var(--oj2_fontWeight_regular);
--__oj1_inputText_all_root_borderWidth_generic: var(--oj2_borderWidth_sm);
--__oj1_inputText_all_root_minHeight_generic: var(--oj2_sizing_lg);
--__oj1_inputText_all_root_paddingVer_generic: var(--oj2_spacing_md);
}
/*
* Generating tokens does not work after ing-web v5 update.
* Local tokens will be removed with legacy tokens
* `node_modules/@ing-web-legacy/bridge/assets/oj1-global.css`.
*
* For now we can edit this file manually only for fixes.
*
* Component will be re-written to use only global oj2 tokens.
*/
:host,
html {
--orange-700-pl: #6c3b23;
--orange-600-pl: #9b4e28;
--orange-400-pl: #ff8133;
--orange-200-pl: #ffe0cc;
--white-glass-pl: #ffffff26;
--gray-600-overlay-pl: #333333b2;
--purple-400-pl: #d5a4ea;
--purple-500-pl: #9d64b5;
--green-400-pl: #43c8cb;
--green-500-pl: #008e91;
--gold-400-pl: #d8bf94;
--gold-500-pl: #b48f50;
--beige-400-pl: #db9288;
--beige-500-pl: #c66152;
--pink-400-pl: #e79cc9;
--pink-500-pl: #cd66a4;
--visa-500-pl: #1434cb;
--minus-200-pl: #ffcfbf;
--minus-600-pl: #671900;
--sky-700: #1d3644;
--indigo-450-pl: #6564ac;
--fuchsia-450-pl: #ca1883;
--lime-500-pl: #d0d93c;
--bg-default-inverted-pl: var(--__oj2_color_legacy_gray_600);
--bg-secondary-strong-pl: var(--__oj2_color_legacy_indigo_500);
--bg-secondary-light-pl: var(--__oj2_color_legacy_indigo_200);
--bg-hover-pl: var(--__oj2_color_legacy_sky_200);
--bg-active-pl: var(--__oj2_color_legacy_gray_100);
--bg-income-pl: var(--__oj2_color_legacy_leaf_200);
--bg-hold-pl: var(--__oj2_color_legacy_gray_100);
--bg-card-pl: var(--__oj2_color_white);
--bg-grey-default-pl: #f7f4f1;
--bg-grey-active-pl: #f1ede9;
--fg-default-inverted-pl: var(--__oj2_color_legacy_gray_100);
--fg-secondary-inverted-pl: var(--__oj2_color_legacy_indigo_300);
--fg-secondary-inverted-hover-pl: var(--__oj2_color_legacy_indigo_200);
--fg-quaternary-pl: var(--__oj2_color_legacy_lime_500);
--fg-success-inverted-pl: var(--__oj2_color_legacy_leaf_400);
--fg-info-inverted-pl: var(--__oj2_color_legacy_sky_400);
--fg-error-inverted-pl: var(--__oj2_color_legacy_minus_400);
--fg-link-active-pl: var(--__oj2_color_legacy_indigo_500);
--fg-visa-pl: var(--visa-500-pl);
--fg-skeleton-pl: var(--__oj2_color_legacy_gray_200);
--fg-pfm-health-pl: var(--purple-500-pl);
--fg-pfm-finance-pl: var(--green-500-pl);
--fg-pfm-cash-pl: var(--gold-500-pl);
--fg-pfm-entertainment-pl: var(--beige-500-pl);
--fg-pfm-basic-pl: var(--__oj2_color_orange);
--fg-pfm-education-pl: var(--pink-500-pl);
--fg-pfm-other-pl: var(--__oj2_color_legacy_fuchsia_500);
--fg-pfm-house-pl: var(--__oj2_color_legacy_indigo_500);
--fg-pfm-fashion-pl: var(--__oj2_color_legacy_sky_500);
--fg-pfm-car-pl: var(--__oj2_color_legacy_leaf_500);
--fg-color-gray-pl: var(--__oj2_color_legacy_gray_100);
--border-tertiary-light-pl: var(--__oj2_color_legacy_fuchsia_300);
--border-success-light-pl: var(--__oj2_color_legacy_leaf_300);
--border-quaternary-light-pl: var(--__oj2_color_legacy_lime_300);
--border-info-light-pl: var(--__oj2_color_legacy_sky_300);
--border-focus-outside-pl: var(--__oj2_color_legacy_sky_600);
--border-focus-inside-pl: var(--__oj2_color_white);
--border-separator-pl: var(--__oj2_color_legacy_gray_200);
--bg-individual-active-pl: var(--orange-400-pl);
--bg-individual-ghost-active-pl: var(--orange-200-pl);
--bg-business-default-pl: var(--__oj2_color_legacy_sky_500);
--bg-business-active-pl: var(--__oj2_color_legacy_sky_400);
--fg-business-default-pl: var(--__oj2_color_legacy_sky_500);
--border-business-default-pl: var(--__oj2_color_legacy_sky_500);
--bg-inactive-active-pl: var(--__oj2_color_legacy_gray_100);
--fg-inactive-default-pl: var(--__oj2_color_legacy_gray_400);
--bg-outline-sky-active-pl: var(--__oj2_color_legacy_sky_400);
--bg-outline-gray-active-pl: var(--__oj2_color_legacy_gray_100);
--fg-filled-categories-default-pl: var(--__oj2_color_white);
--fg-outline-gray-default-pl: var(--__oj2_color_legacy_gray_300);
--border-outline-gray-default-pl: var(--__oj2_color_legacy_gray_200);
--bg-indigo-default-pl: var(--__oj2_color_legacy_indigo_100);
--bg-indigo-active-pl: var(--__oj2_color_legacy_indigo_200);
--bg-sky-default-pl: var(--__oj2_color_legacy_sky_100);
--bg-sky-active-pl: var(--__oj2_color_legacy_sky_200);
--bg-leaf-default-pl: var(--__oj2_color_legacy_leaf_100);
--bg-leaf-active-pl: var(--__oj2_color_legacy_leaf_200);
--bg-fuchsia-default-pl: var(--__oj2_color_legacy_fuchsia_100);
--bg-fuchsia-active-pl: var(--__oj2_color_legacy_fuchsia_200);
--bg-lime-default-pl: var(--__oj2_color_legacy_lime_100);
--bg-lime-active-pl: var(--__oj2_color_legacy_lime_200);
--bg-negative-pl: var(--minus-200-pl);
}
:host([data-theme~='dark']),
html[data-theme~='dark'] {
--bg-default-inverted-pl: var(--__oj2_color_white);
--bg-secondary-light-pl: var(--__oj2_color_legacy_indigo_600);
--bg-hover-pl: var(--__oj2_color_legacy_sky_600);
--bg-active-pl: var(--__oj2_color_legacy_gray_600);
--bg-income-pl: var(--__oj2_color_legacy_leaf_600);
--bg-hold-pl: var(--__oj2_color_legacy_gray_500);
--bg-card-pl: var(--__oj2_color_legacy_gray_600);
--bg-grey-default-pl: #302c2c;
--bg-grey-active-pl: #403b3b;
--fg-default-inverted-pl: var(--__oj2_color_legacy_gray_600);
--fg-secondary-inverted-pl: var(--__oj2_color_legacy_indigo_500);
--fg-secondary-inverted-hover-pl: var(--__oj2_color_legacy_indigo_500);
--fg-quaternary-pl: var(--__oj2_color_legacy_lime_400);
--fg-success-inverted-pl: var(--__oj2_color_legacy_leaf_500);
--fg-info-inverted-pl: var(--__oj2_color_legacy_sky_500);
--fg-error-inverted-pl: var(--__oj2_color_legacy_minus_500);
--fg-visa-pl: var(--__oj2_color_white);
--fg-skeleton-pl: var(--__oj2_color_legacy_gray_500);
--fg-pfm-other-pl: var(--fuchsia-450-pl);
--fg-pfm-house-pl: var(--indigo-450-pl);
--fg-color-gray-pl: var(--__oj2_color_legacy_gray_600);
--border-tertiary-light-pl: var(--__oj2_color_legacy_fuchsia_600);
--border-success-light-pl: var(--__oj2_color_legacy_leaf_600);
--border-quaternary-light-pl: var(--__oj2_color_legacy_lime_600);
--border-info-light-pl: var(--__oj2_color_legacy_sky_600);
--border-focus-outside-pl: var(--__oj2_color_white);
--border-focus-inside-pl: var(--__oj2_color_legacy_sky_600);
--border-separator-pl: var(--__oj2_color_legacy_gray_400);
--bg-individual-active-pl: var(--orange-600-pl);
--bg-individual-ghost-active-pl: var(--orange-700-pl);
--bg-business-active-pl: var(--__oj2_color_legacy_sky_600);
--bg-inactive-active-pl: var(--__oj2_color_legacy_gray_500);
--fg-inactive-default-pl: var(--__oj2_color_legacy_gray_300);
--bg-outline-sky-active-pl: var(--sky-700);
--bg-outline-gray-active-pl: var(--__oj2_color_legacy_gray_700);
--fg-filled-categories-default-pl: var(--__oj2_color_legacy_gray_800);
--fg-outline-gray-default-pl: var(--__oj2_color_legacy_gray_500);
--border-outline-gray-default-pl: var(--__oj2_color_legacy_gray_600);
--bg-indigo-default-pl: var(--__oj2_color_legacy_indigo_600);
--bg-indigo-active-pl: var(--__oj2_color_legacy_indigo_500);
--bg-sky-default-pl: var(--__oj2_color_legacy_sky_600);
--bg-sky-active-pl: var(--__oj2_color_legacy_sky_500);
--bg-leaf-default-pl: var(--__oj2_color_legacy_leaf_600);
--bg-leaf-active-pl: var(--__oj2_color_legacy_leaf_500);
--bg-fuchsia-default-pl: var(--__oj2_color_legacy_fuchsia_600);
--bg-fuchsia-active-pl: var(--__oj2_color_legacy_fuchsia_500);
--bg-lime-default-pl: #6a6f1b;
--bg-lime-active-pl: var(--__oj2_color_legacy_lime_500);
--bg-negative-pl: var(--minus-600-pl);
}
@font-face {
font-family: 'ING Display';
src: url(fd162cb17bf6051d11a1.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}