/**
* Do not edit directly
*/
:host,
html {
--_oj2_opacity_disabled: var(--__oj2_opacity_400);
--oj2_bg_container_expressive: var(--__oj2_color_black);
--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_black);
--__oj2_bg_container_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__primary: var(--__oj2_color_white);
--__oj2_bg_container_expressive-accent__quaternary: var(--__oj2_color_black);
--__oj2_bg_container_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__secondary: var(--__oj2_color_orange);
--__oj2_bg_container_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__tertiary: var(--__oj2_color_white);
--__oj2_bg_container_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive__default: var(--__oj2_color_black);
--__oj2_bg_container_expressive__inverse: var(--__oj2_color_white);
--__oj2_bg_container_expressive__neutral: var(--__oj2_color_black);
--__oj2_bg_container_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_bg_container_expressive__neutral-moderate: var(--__oj2_color_white);
--__oj2_bg_container_expressive__neutral-subtle: var(--__oj2_color_black);
--__oj2_bg_container_expressive__primary: var(--__oj2_color_black);
--__oj2_bg_container_expressive__quaternary: var(--__oj2_color_black);
--__oj2_bg_container_expressive__quaternary-bold: var(--__oj2_color_white);
--__oj2_bg_container_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive__quaternary-subtle: var(--__oj2_color_black);
--__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_black);
--__oj2_bg_container_expressive__secondary-subtle: var(--__oj2_color_black);
--__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_black);
--__oj2_bg_container_expressive__tertiary-subtle: var(--__oj2_color_black);
--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_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__neutral-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__primary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__quaternary: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__quaternary-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__secondary: var(
--__oj2_color_orange
);
--__oj2_bg_containerShape_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__secondary-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__tertiary: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__tertiary-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_maroon_100
);
--oj2_bg_containerShape_expressive-primary: var(--__oj2_color_maroon_100);
--__oj2_bg_containerShape_expressive-primary__default: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__primary: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__quaternary: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_maroon_100
);
--__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_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_maroon_100
);
--__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_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_maroon_100
);
--oj2_bg_default: var(--__oj2_color_white);
--oj2_bg_defaultSubtle: var(--__oj2_color_grey_10);
--oj2_bg_disabled: var(--__oj2_color_grey_20);
--oj2_bg_done: var(--__oj2_color_green_100);
--oj2_bg_error: var(--__oj2_color_red_100);
--oj2_bg_extPrimary: var(--__oj2_color_sun_100);
--oj2_bg_extPrimaryBold: var(--__oj2_color_sun_150);
--oj2_bg_extPrimaryModerate: var(--__oj2_color_sun_50);
--oj2_bg_extPrimarySubtle: var(--__oj2_color_sun_10);
--oj2_bg_extSecondary: var(--__oj2_color_blush_100);
--oj2_bg_extSecondaryBold: var(--__oj2_color_blush_150);
--oj2_bg_extSecondaryModerate: var(--__oj2_color_blush_50);
--oj2_bg_extSecondarySubtle: var(--__oj2_color_raspberry_10);
--oj2_bg_extTertiary: var(--__oj2_color_maroon_100);
--oj2_bg_extTertiaryBold: var(--__oj2_color_maroon_150);
--oj2_bg_extTertiaryModerate: var(--__oj2_color_maroon_50);
--oj2_bg_extTertiarySubtle: var(--__oj2_color_raspberry_10);
--oj2_bg_highlight: var(--__oj2_color_sky_10);
--oj2_bg_hover-primary: var(--__oj2_color_sky_50);
--oj2_bg_hover-secondary: var(--__oj2_color_violet_10);
--oj2_bg_hover-tertiary: var(--__oj2_color_raspberry_10);
--oj2_bg_info: var(--__oj2_color_sky_100);
--oj2_bg_inverse: var(--__oj2_color_black);
--oj2_bg_inverseBold: var(--__oj2_color_grey_80);
--oj2_bg_inverseModerate: var(--__oj2_color_grey_70);
--oj2_bg_inverseSubtle: var(--__oj2_color_grey_60);
--oj2_bg_negative: var(--__oj2_color_red_10);
--oj2_bg_neutral: var(--__oj2_color_grey_30);
--oj2_bg_neutralBold: var(--__oj2_color_grey_50);
--oj2_bg_neutralModerate: var(--__oj2_color_grey_40);
--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_grey_10);
--__oj2_bg_onSurface_expressive__default: var(--__oj2_color_grey_10);
--__oj2_bg_onSurface_expressive__inverse: var(--__oj2_color_grey_70);
--__oj2_bg_onSurface_expressive__neutral: var(--__oj2_color_grey_10);
--__oj2_bg_onSurface_expressive__neutral-bold: var(--__oj2_color_grey_50);
--__oj2_bg_onSurface_expressive__neutral-moderate: var(--__oj2_color_grey_50);
--__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_grey_70);
--__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_maroon_150);
--__oj2_bg_onSurface_expressive__secondary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_onSurface_expressive__secondary-moderate: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__secondary-subtle: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__tertiary: var(--__oj2_color_raspberry_150);
--__oj2_bg_onSurface_expressive__tertiary-bold: var(--__oj2_color_grey_70);
--__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_sky_100);
--oj2_bg_quaternaryBold: var(--__oj2_color_sky_150);
--oj2_bg_quaternaryModerate: var(--__oj2_color_sky_50);
--oj2_bg_quaternarySubtle: var(--__oj2_color_sky_10);
--oj2_bg_readOnly: var(--__oj2_color_opacity_white_400);
--oj2_bg_secondary: var(--__oj2_color_violet_100);
--oj2_bg_secondaryBold: var(--__oj2_color_violet_150);
--oj2_bg_secondaryModerate: var(--__oj2_color_violet_50);
--oj2_bg_secondarySubtle: var(--__oj2_color_violet_10);
--oj2_bg_shape_expressive: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__default: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__inverse: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__neutral: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__neutral-bold: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__neutral-moderate: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__neutral-subtle: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__primary: var(--__oj2_color_opacity_black_150);
--__oj2_bg_shape_expressive__quaternary: var(--__oj2_color_sky_50);
--__oj2_bg_shape_expressive__quaternary-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_bg_shape_expressive__quaternary-moderate: var(--__oj2_color_sky_100);
--__oj2_bg_shape_expressive__quaternary-subtle: var(--__oj2_color_white);
--__oj2_bg_shape_expressive__secondary: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__secondary-bold: var(--__oj2_color_violet_100);
--__oj2_bg_shape_expressive__secondary-moderate: var(--__oj2_color_violet_10);
--__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_violet_100);
--__oj2_bg_shape_expressive__tertiary-moderate: var(
--__oj2_color_opacity_black_150
);
--__oj2_bg_shape_expressive__tertiary-subtle: var(--__oj2_color_violet_10);
--oj2_bg_subtle: var(--__oj2_color_grey_20);
--oj2_bg_success: var(--__oj2_color_green_10);
--_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_black);
--__oj2_bg_surface_expressive__neutral: var(--__oj2_color_grey_30);
--__oj2_bg_surface_expressive__neutral-bold: var(--__oj2_color_grey_60);
--__oj2_bg_surface_expressive__neutral-moderate: var(--__oj2_color_grey_40);
--__oj2_bg_surface_expressive__neutral-subtle: var(--__oj2_color_grey_10);
--__oj2_bg_surface_expressive__primary: var(--__oj2_color_orange);
--__oj2_bg_surface_expressive__quaternary: var(--__oj2_color_sky_100);
--__oj2_bg_surface_expressive__quaternary-bold: var(--__oj2_color_sky_150);
--__oj2_bg_surface_expressive__quaternary-moderate: var(--__oj2_color_sky_50);
--__oj2_bg_surface_expressive__quaternary-subtle: var(--__oj2_color_sky_10);
--__oj2_bg_surface_expressive__secondary: var(--__oj2_color_maroon_100);
--__oj2_bg_surface_expressive__secondary-bold: var(--__oj2_color_maroon_150);
--__oj2_bg_surface_expressive__secondary-moderate: var(
--__oj2_color_maroon_50
);
--__oj2_bg_surface_expressive__secondary-subtle: var(
--__oj2_color_raspberry_10
);
--__oj2_bg_surface_expressive__tertiary: var(--__oj2_color_raspberry_100);
--__oj2_bg_surface_expressive__tertiary-bold: var(
--__oj2_color_raspberry_150
);
--__oj2_bg_surface_expressive__tertiary-moderate: var(
--__oj2_color_raspberry_50
);
--__oj2_bg_surface_expressive__tertiary-subtle: var(
--__oj2_color_raspberry_10
);
--oj2_bg_tertiary: var(--__oj2_color_raspberry_100);
--oj2_bg_tertiaryBold: var(--__oj2_color_raspberry_150);
--oj2_bg_tertiaryModerate: var(--__oj2_color_raspberry_50);
--oj2_bg_tertiarySubtle: var(--__oj2_color_raspberry_10);
--oj2_borderColor_accent: var(--__oj2_color_violet_100);
--oj2_borderColor_accent-inverse: var(--__oj2_color_violet_50);
--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_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__primary: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__secondary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__default: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_black
);
--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_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__secondary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__default: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__primary: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_black
);
--oj2_borderColor_default: var(--__oj2_color_grey_40);
--oj2_borderColor_disabled: var(--__oj2_color_grey_30);
--oj2_borderColor_emphasis: var(--__oj2_color_grey_80);
--oj2_borderColor_error: var(--__oj2_color_red_100);
--oj2_borderColor_focus-inner: var(--__oj2_color_white);
--oj2_borderColor_focus-inner-inverse: var(--__oj2_color_black);
--oj2_borderColor_focus-outer: var(--__oj2_color_black);
--oj2_borderColor_focus-outer-inverse: var(--__oj2_color_white);
--oj2_borderColor_info: var(--__oj2_color_sky_150);
--oj2_borderColor_info-inverse: var(--__oj2_color_sky_50);
--oj2_borderColor_inverse: var(--__oj2_color_white);
--oj2_borderColor_onColor: var(--__oj2_color_white);
--oj2_borderColor_onSurface_expressive: var(--__oj2_color_black);
--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_black
);
--__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_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_black
);
--__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_black);
--__oj2_borderColor_onSurface_expressive-focus-outer__default: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__primary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_black
);
--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_black
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--oj2_borderColor_onSurface_expressive-secondary: var(
--__oj2_color_violet_100
);
--__oj2_borderColor_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_100
);
--__oj2_borderColor_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_50
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_50
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_100
);
--__oj2_borderColor_onSurface_expressive-secondary__primary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_black
);
--oj2_borderColor_onSurface_expressive-visited: var(
--__oj2_color_raspberry_100
);
--__oj2_borderColor_onSurface_expressive-visited__default: var(
--__oj2_color_raspberry_100
);
--__oj2_borderColor_onSurface_expressive-visited__inverse: var(
--__oj2_color_raspberry_50
);
--__oj2_borderColor_onSurface_expressive-visited__neutral: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-visited__primary: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__secondary: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_borderColor_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_borderColor_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_borderColor_onSurface_expressive__quaternary: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--oj2_borderColor_primary: var(--__oj2_color_orange);
--oj2_borderColor_readOnly: var(--__oj2_color_grey_30);
--oj2_borderColor_secondary: var(--__oj2_color_violet_100);
--oj2_borderColor_subtle: var(--__oj2_color_grey_20);
--oj2_borderColor_success: var(--__oj2_color_green_100);
--oj2_borderColor_tertiary: var(--__oj2_color_raspberry_100);
--oj2_borderColor_tertiary-inverse: var(--__oj2_color_raspberry_50);
--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_white_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_black_100
);
--__oj2_colorMix_container_hover_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_hover_expressive__primary: var(
--__oj2_color_opacity_white_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_100
);
--__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_black_150
);
--__oj2_colorMix_container_pressed_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_container_pressed_expressive__primary: var(
--__oj2_color_opacity_white_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_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__default: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__inverse: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__neutral: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-bold: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-moderate: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-subtle: var(
--__oj2_color_opacity_white_300
);
--__oj2_colorMix_hover_onSurface_expressive__primary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__secondary: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-moderate: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-subtle: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-bold: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_opacity_black_100
);
--_oj2_colorMix_overlay_default: var(--__oj2_color_opacity_black_300);
--_oj2_colorMix_pressed_default: var(--__oj2_color_opacity_black_150);
--_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_black_150
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-subtle: var(
--__oj2_color_opacity_white_150
);
--__oj2_colorMix_pressed_expressive-inverse__primary: var(
--__oj2_color_opacity_white_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_inverse: 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_black);
--_oj2_fg_body_disabled: var(--__oj2_color_grey_30);
--_oj2_fg_body_inverse: var(--__oj2_color_white);
--_oj2_fg_body_onColor: var(--__oj2_color_white);
--oj2_fg_body_onSurface_expressive: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__quaternary: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__secondary: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__tertiary: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_body_secondary: var(--__oj2_color_violet_100);
--_oj2_fg_body_subtle: var(--__oj2_color_grey_40);
--_oj2_fg_body_tertiary: var(--__oj2_color_raspberry_100);
--oj2_fg_default: var(--__oj2_color_black);
--oj2_fg_disabled: var(--__oj2_color_grey_30);
--oj2_fg_error: var(--__oj2_color_red_100);
--_oj2_fg_headline_default: var(--__oj2_color_black);
--_oj2_fg_headline_onColor: var(--__oj2_color_white);
--_oj2_fg_headline_onSurface_expressive: var(--__oj2_color_black);
--_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_black
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_headline_onSurface_expressive-secondary: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__default: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-secondary__primary: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_black
);
--__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_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_maroon_100
);
--__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_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_fg_headline_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_headline_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_fg_headline_onSurface_expressive__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_headline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_headline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_headline_primary: var(--__oj2_color_orange);
--_oj2_fg_headline_secondary: var(--__oj2_color_black);
--_oj2_fg_headline_subtle: var(--__oj2_color_grey_40);
--_oj2_fg_headline_tertiary: var(--__oj2_color_black);
--_oj2_fg_icon_default: var(--__oj2_color_black);
--_oj2_fg_icon_disabled: var(--__oj2_color_grey_30);
--_oj2_fg_icon_error: var(--__oj2_color_red_100);
--_oj2_fg_icon_info: var(--__oj2_color_sky_150);
--_oj2_fg_icon_inverse: var(--__oj2_color_white);
--_oj2_fg_icon_onColor: var(--__oj2_color_white);
--_oj2_fg_icon_onContainer_expressive: var(--__oj2_color_white);
--_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_black
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__primary: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_black
);
--__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_white);
--__oj2_fg_icon_onContainer_expressive__inverse: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_icon_onContainer_expressive__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__primary: var(--__oj2_color_white);
--__oj2_fg_icon_onContainer_expressive__quaternary: var(--__oj2_color_white);
--__oj2_fg_icon_onContainer_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__quaternary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__secondary: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__tertiary: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__tertiary-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_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_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__primary: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__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_black);
--_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_black
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_icon_onSurface_expressive-secondary: var(--__oj2_color_violet_100);
--_oj2_fg_icon_onSurface_expressive-secondary-visited: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__default: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__inverse: var(
--__oj2_color_raspberry_50
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__primary: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_50
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_50
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__primary: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__quaternary: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_icon_primary: var(--__oj2_color_orange);
--_oj2_fg_icon_secondary: var(--__oj2_color_violet_100);
--_oj2_fg_icon_subtle: var(--__oj2_color_grey_40);
--_oj2_fg_icon_success: var(--__oj2_color_green_100);
--_oj2_fg_icon_tertiary: var(--__oj2_color_raspberry_100);
--_oj2_fg_icon_warning: var(--__oj2_color_orange);
--oj2_fg_info: var(--__oj2_color_sky_150);
--oj2_fg_inverse: var(--__oj2_color_white);
--_oj2_fg_label_default: var(--__oj2_color_black);
--_oj2_fg_label_disabled: var(--__oj2_color_grey_30);
--_oj2_fg_label_inverse: var(--__oj2_color_white);
--_oj2_fg_label_onColor: var(--__oj2_color_white);
--_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_black
);
--__oj2_fg_label_onContainer_expressive-accent__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__primary: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_black
);
--__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_black);
--__oj2_fg_label_onContainer_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__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_black
);
--__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_black);
--__oj2_fg_label_onContainer_expressive__secondary-bold: var(
--__oj2_color_black
);
--__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_black);
--__oj2_fg_label_onContainer_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__primary: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__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_black);
--_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_black
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_label_onSurface_expressive-secondary: var(--__oj2_color_violet_100);
--__oj2_fg_label_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_100
);
--__oj2_fg_label_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_50
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_50
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_100
);
--__oj2_fg_label_onSurface_expressive-secondary__primary: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_label_onSurface_expressive-visited: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_label_onSurface_expressive-visited__default: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_label_onSurface_expressive-visited__inverse: var(
--__oj2_color_raspberry_50
);
--__oj2_fg_label_onSurface_expressive-visited__neutral: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-visited__primary: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__secondary: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-moderate: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__quaternary: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_label_primary: var(--__oj2_color_orange);
--_oj2_fg_label_secondary: var(--__oj2_color_violet_100);
--_oj2_fg_label_subtle: var(--__oj2_color_grey_40);
--_oj2_fg_label_tertiary: var(--__oj2_color_raspberry_100);
--oj2_fg_onColor: var(--__oj2_color_white);
--oj2_fg_primary: var(--__oj2_color_orange);
--oj2_fg_secondary: var(--__oj2_color_violet_100);
--_oj2_fg_subheadline_default: var(--__oj2_color_black);
--_oj2_fg_subheadline_onColor: var(--__oj2_color_white);
--_oj2_fg_subheadline_onSurface_expressive: var(--__oj2_color_black);
--__oj2_fg_subheadline_onSurface_expressive__default: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__inverse: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__primary: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_subheadline_subtle: var(--__oj2_color_grey_40);
--oj2_fg_subtle: var(--__oj2_color_grey_40);
--oj2_fg_success: var(--__oj2_color_green_100);
--oj2_fg_tertiary: var(--__oj2_color_raspberry_100);
--_oj2_fg_title_default: var(--__oj2_color_black);
--_oj2_fg_title_disabled: var(--__oj2_color_grey_30);
--_oj2_fg_title_inverse: var(--__oj2_color_white);
--_oj2_fg_title_onColor: var(--__oj2_color_white);
--_oj2_fg_title_onSurface_expressive: var(--__oj2_color_black);
--_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_black
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__primary: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__secondary: var(
--__oj2_color_orange
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__default: var(--__oj2_color_black);
--__oj2_fg_title_onSurface_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_title_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__primary: var(--__oj2_color_black);
--__oj2_fg_title_onSurface_expressive__quaternary: var(--__oj2_color_black);
--__oj2_fg_title_onSurface_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__quaternary-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_title_onSurface_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_title_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_title_primary: var(--__oj2_color_orange);
--_oj2_fg_title_subtle: var(--__oj2_color_grey_40);
--oj2_fg_warning: var(--__oj2_color_orange);
--__oj2_shadow_elevation01_expressive-color: var(--__oj2_color_grey_10);
--__oj2_shadow_elevation01_expressive-color__default: var(
--__oj2_color_grey_10
);
--__oj2_shadow_elevation01_expressive-color__inverse: var(
--__oj2_color_grey_70
);
--__oj2_shadow_elevation01_expressive-color__neutral: var(
--__oj2_color_grey_10
);
--__oj2_shadow_elevation01_expressive-color__neutral-bold: var(
--__oj2_color_grey_50
);
--__oj2_shadow_elevation01_expressive-color__neutral-moderate: var(
--__oj2_color_grey_50
);
--__oj2_shadow_elevation01_expressive-color__neutral-subtle: var(
--__oj2_color_grey_10
);
--__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_grey_70
);
--__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_maroon_150
);
--__oj2_shadow_elevation01_expressive-color__secondary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_shadow_elevation01_expressive-color__secondary-moderate: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__tertiary: var(
--__oj2_color_raspberry_150
);
--__oj2_shadow_elevation01_expressive-color__tertiary-bold: var(
--__oj2_color_grey_70
);
--__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_25)
var(--__oj2_dimension_100) var(--__oj2_dimension_25)
var(--__oj2_color_opacity_black_150);
--oj2_shadow_elevation03_shorthand: 0 var(--__oj2_dimension_50)
var(--__oj2_dimension_400) var(--__oj2_dimension_50)
var(--__oj2_color_opacity_black_300);
}
/**
* Do not edit directly
*/
:host,
html {
--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_1000);
--oj2_borderRadius_container_md: var(--__oj2_dimension_100);
--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_headline);
--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_lg: var(--__oj2_typography_fontSize_32);
--oj2_fontSize_subheadline_md: var(--__oj2_typography_fontSize_28);
--oj2_fontSize_subheadline_sm: var(--__oj2_typography_fontSize_19);
--oj2_fontSize_subheadline_xl: var(--__oj2_typography_fontSize_36);
--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~="desk"]),
html[data-theme~="desk"] {
}
/**
* Do not edit directly
*/
:host([data-theme~="dark"]),
html[data-theme~="dark"] {
--oj2_bg_container_expressive: var(--__oj2_color_white);
--__oj2_bg_container_expressive-accent__neutral: var(--__oj2_color_white);
--__oj2_bg_container_expressive-accent__neutral-bold: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__secondary-bold: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive-accent__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_bg_container_expressive-accent__tertiary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_container_expressive__default: var(--__oj2_color_white);
--__oj2_bg_container_expressive__inverse: var(--__oj2_color_black);
--__oj2_bg_container_expressive__neutral: var(--__oj2_color_white);
--__oj2_bg_container_expressive__neutral-bold: var(--__oj2_color_black);
--__oj2_bg_container_expressive__neutral-moderate: var(--__oj2_color_black);
--__oj2_bg_container_expressive__neutral-subtle: var(--__oj2_color_white);
--__oj2_bg_container_expressive__quaternary-bold: var(--__oj2_color_black);
--__oj2_bg_container_expressive__quaternary-subtle: var(--__oj2_color_white);
--__oj2_bg_container_expressive__secondary-bold: var(--__oj2_color_black);
--__oj2_bg_container_expressive__secondary-subtle: var(--__oj2_color_white);
--__oj2_bg_container_expressive__tertiary-bold: var(--__oj2_color_black);
--__oj2_bg_container_expressive__tertiary-subtle: var(--__oj2_color_white);
--__oj2_bg_containerShape_expressive-accent__neutral: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__neutral-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__neutral-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__secondary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-accent__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_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__neutral: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__neutral-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__neutral-moderate: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__secondary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_bg_containerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_bg_containerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_bg_default: var(--__oj2_color_grey_80);
--oj2_bg_defaultSubtle: var(--__oj2_color_grey_80);
--oj2_bg_disabled: var(--__oj2_color_grey_40);
--oj2_bg_done: var(--__oj2_color_green_50);
--oj2_bg_highlight: var(--__oj2_color_sky_150);
--oj2_bg_hover-primary: var(--__oj2_color_sky_150);
--oj2_bg_hover-secondary: var(--__oj2_color_violet_150);
--oj2_bg_hover-tertiary: var(--__oj2_color_raspberry_150);
--oj2_bg_info: var(--__oj2_color_sky_150);
--oj2_bg_inverse: var(--__oj2_color_white);
--oj2_bg_inverseBold: var(--__oj2_color_grey_10);
--oj2_bg_inverseModerate: var(--__oj2_color_grey_20);
--oj2_bg_inverseSubtle: var(--__oj2_color_grey_30);
--oj2_bg_negative: var(--__oj2_color_red_150);
--oj2_bg_neutral: var(--__oj2_color_grey_40);
--oj2_bg_neutralBold: var(--__oj2_color_grey_40);
--oj2_bg_neutralModerate: var(--__oj2_color_grey_50);
--oj2_bg_onDefault: var(--__oj2_color_grey_70);
--oj2_bg_onDefaultSubtle: var(--__oj2_color_grey_70);
--oj2_bg_onSurface_expressive: var(--__oj2_color_grey_70);
--__oj2_bg_onSurface_expressive__default: var(--__oj2_color_grey_70);
--__oj2_bg_onSurface_expressive__inverse: var(--__oj2_color_grey_10);
--__oj2_bg_onSurface_expressive__neutral: var(--__oj2_color_grey_50);
--__oj2_bg_onSurface_expressive__neutral-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__neutral-moderate: var(--__oj2_color_grey_20);
--__oj2_bg_onSurface_expressive__neutral-subtle: var(--__oj2_color_grey_70);
--__oj2_bg_onSurface_expressive__quaternary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_grey_70
);
--__oj2_bg_onSurface_expressive__secondary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__secondary-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_bg_onSurface_expressive__tertiary-bold: var(--__oj2_color_white);
--__oj2_bg_onSurface_expressive__tertiary-subtle: var(--__oj2_color_grey_70);
--oj2_bg_overlay: var(--__oj2_color_opacity_black_400);
--oj2_bg_quaternaryBold: var(--__oj2_color_sky_50);
--oj2_bg_readOnly: var(--__oj2_color_opacity_black_400);
--oj2_bg_secondaryBold: var(--__oj2_color_violet_50);
--oj2_bg_secondarySubtle: var(--__oj2_color_violet_150);
--oj2_bg_shape_expressive: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__default: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__inverse: var(--__oj2_color_violet_10);
--__oj2_bg_shape_expressive__neutral: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__neutral-bold: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__neutral-moderate: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__neutral-subtle: var(--__oj2_color_violet_150);
--__oj2_bg_shape_expressive__tertiary: var(--__oj2_color_opacity_black_150);
--oj2_bg_subtle: var(--__oj2_color_grey_50);
--oj2_bg_success: var(--__oj2_color_green_150);
--_oj2_bg_surface_expressive: var(--__oj2_color_grey_80);
--__oj2_bg_surface_expressive__default: var(--__oj2_color_grey_80);
--__oj2_bg_surface_expressive__inverse: var(--__oj2_color_white);
--__oj2_bg_surface_expressive__neutral: var(--__oj2_color_grey_40);
--__oj2_bg_surface_expressive__neutral-bold: var(--__oj2_color_grey_20);
--__oj2_bg_surface_expressive__neutral-moderate: var(--__oj2_color_grey_30);
--__oj2_bg_surface_expressive__neutral-subtle: var(--__oj2_color_grey_80);
--__oj2_bg_surface_expressive__quaternary-bold: var(--__oj2_color_sky_10);
--__oj2_bg_surface_expressive__quaternary-subtle: var(--__oj2_color_sky_150);
--__oj2_bg_surface_expressive__secondary-bold: var(
--__oj2_color_raspberry_10
);
--__oj2_bg_surface_expressive__secondary-subtle: var(
--__oj2_color_maroon_150
);
--__oj2_bg_surface_expressive__tertiary-bold: var(--__oj2_color_raspberry_10);
--__oj2_bg_surface_expressive__tertiary-subtle: var(
--__oj2_color_raspberry_150
);
--oj2_borderColor_accent: var(--__oj2_color_violet_50);
--oj2_borderColor_accent-inverse: var(--__oj2_color_violet_100);
--oj2_borderColor_container_accent_expressive-focus-inner: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__default: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-inner__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__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_black
);
--__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_black
);
--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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_accent_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_borderColor_container_accent_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_container_primary_expressive-focus-inner: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__default: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-inner__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__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_black
);
--__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_black
);
--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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_container_primary_expressive-focus-outer__quaternary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__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_black
);
--__oj2_borderColor_container_primary_expressive-focus-outer__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_default: var(--__oj2_color_grey_30);
--oj2_borderColor_disabled: var(--__oj2_color_grey_50);
--oj2_borderColor_emphasis: var(--__oj2_color_white);
--oj2_borderColor_focus-inner: var(--__oj2_color_black);
--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_black);
--oj2_borderColor_info: var(--__oj2_color_sky_50);
--oj2_borderColor_info-inverse: var(--__oj2_color_sky_100);
--oj2_borderColor_inverse: var(--__oj2_color_black);
--oj2_borderColor_onSurface_expressive: var(--__oj2_color_white);
--oj2_borderColor_onSurface_expressive-focus-inner: var(--__oj2_color_black);
--__oj2_borderColor_onSurface_expressive-focus-inner__default: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__inverse: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-inner__tertiary-subtle: var(
--__oj2_color_black
);
--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_black
);
--__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-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-focus-outer__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-focus-outer__tertiary-bold: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_onSurface_expressive-secondary: var(
--__oj2_color_violet_50
);
--__oj2_borderColor_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_50
);
--__oj2_borderColor_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_100
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_100
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_50
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_onSurface_expressive-visited: var(
--__oj2_color_raspberry_50
);
--__oj2_borderColor_onSurface_expressive-visited__default: var(
--__oj2_color_raspberry_50
);
--__oj2_borderColor_onSurface_expressive-visited__inverse: var(
--__oj2_color_raspberry_100
);
--__oj2_borderColor_onSurface_expressive-visited__neutral: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_grey_60
);
--__oj2_borderColor_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_borderColor_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__inverse: var(--__oj2_color_black);
--__oj2_borderColor_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_borderColor_onSurface_expressive__neutral-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_borderColor_onSurface_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_borderColor_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--oj2_borderColor_readOnly: var(--__oj2_color_grey_50);
--oj2_borderColor_secondary: var(--__oj2_color_violet_10);
--oj2_borderColor_subtle: var(--__oj2_color_grey_60);
--oj2_borderColor_success: var(--__oj2_color_green_50);
--oj2_borderColor_tertiary: var(--__oj2_color_raspberry_50);
--oj2_borderColor_tertiary-inverse: var(--__oj2_color_raspberry_100);
--_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__secondary-subtle: var(
--__oj2_color_opacity_black_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-moderate: 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-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_100
);
--__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-bold: var(
--__oj2_color_opacity_white_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_100
);
--__oj2_colorMix_container_pressed_expressive__neutral-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_container_pressed_expressive__neutral-subtle: 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_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__default: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__inverse: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-bold: var(
--__oj2_color_opacity_white_300
);
--__oj2_colorMix_hover_onSurface_expressive__neutral-subtle: var(
--__oj2_color_opacity_black_150
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__secondary-subtle: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-bold: var(
--__oj2_color_opacity_black_100
);
--__oj2_colorMix_hover_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_opacity_white_100
);
--_oj2_colorMix_overlay_default: var(--__oj2_color_opacity_black_400);
--_oj2_colorMix_pressed_default: var(--__oj2_color_opacity_white_150);
--_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_100
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-moderate: var(
--__oj2_color_opacity_white_100
);
--__oj2_colorMix_pressed_expressive-inverse__neutral-subtle: 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_inverse: 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_grey_50);
--_oj2_fg_body_inverse: var(--__oj2_color_grey_80);
--oj2_fg_body_onSurface_expressive: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__inverse: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_body_onSurface_expressive__neutral-bold: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_body_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_body_onSurface_expressive__tertiary-bold: var(--__oj2_color_black);
--__oj2_fg_body_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_body_secondary: var(--__oj2_color_violet_50);
--_oj2_fg_body_subtle: var(--__oj2_color_grey_20);
--_oj2_fg_body_tertiary: var(--__oj2_color_raspberry_10);
--oj2_fg_default: var(--__oj2_color_white);
--oj2_fg_disabled: var(--__oj2_color_grey_50);
--oj2_fg_error: var(--__oj2_color_red_50);
--_oj2_fg_headline_default: var(--__oj2_color_white);
--_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_black
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__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_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_maroon_100
);
--__oj2_fg_headline_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_maroon_100
);
--__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_black);
--__oj2_fg_headline_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_headline_onSurface_expressive__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_headline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_headline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_headline_secondary: var(--__oj2_color_white);
--_oj2_fg_headline_subtle: var(--__oj2_color_grey_20);
--_oj2_fg_headline_tertiary: var(--__oj2_color_white);
--_oj2_fg_icon_default: var(--__oj2_color_white);
--_oj2_fg_icon_disabled: var(--__oj2_color_grey_50);
--_oj2_fg_icon_error: var(--__oj2_color_red_50);
--_oj2_fg_icon_info: var(--__oj2_color_sky_10);
--_oj2_fg_icon_inverse: var(--__oj2_color_black);
--_oj2_fg_icon_onContainer_expressive: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive-accent__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive-accent__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__default: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_icon_onContainer_expressive__neutral: var(--__oj2_color_black);
--__oj2_fg_icon_onContainer_expressive__neutral-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__neutral-moderate: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__neutral-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainer_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_icon_onContainerShape_expressive-primary: var(--__oj2_color_black);
--__oj2_fg_icon_onContainerShape_expressive-primary__default: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_icon_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--_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_black
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_onSurface_expressive-secondary: var(--__oj2_color_violet_50);
--_oj2_fg_icon_onSurface_expressive-secondary-visited: var(
--__oj2_color_raspberry_50
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__default: var(
--__oj2_color_raspberry_50
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__inverse: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__quaternary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__secondary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_icon_onSurface_expressive-secondary-visited__tertiary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_icon_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_50
);
--__oj2_fg_icon_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_100
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_50
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive-secondary__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_black);
--__oj2_fg_icon_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_icon_onSurface_expressive__neutral-bold: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_icon_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_icon_onSurface_expressive__tertiary-bold: var(--__oj2_color_black);
--__oj2_fg_icon_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_icon_secondary: var(--__oj2_color_violet_10);
--_oj2_fg_icon_subtle: var(--__oj2_color_grey_20);
--_oj2_fg_icon_success: var(--__oj2_color_green_50);
--_oj2_fg_icon_tertiary: var(--__oj2_color_raspberry_10);
--oj2_fg_info: var(--__oj2_color_sky_50);
--oj2_fg_inverse: var(--__oj2_color_black);
--_oj2_fg_label_default: var(--__oj2_color_white);
--_oj2_fg_label_disabled: var(--__oj2_color_grey_50);
--_oj2_fg_label_inverse: var(--__oj2_color_black);
--_oj2_fg_label_onContainer_expressive: var(--__oj2_color_black);
--__oj2_fg_label_onContainer_expressive-accent__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive-accent__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive__default: var(--__oj2_color_black);
--__oj2_fg_label_onContainer_expressive__inverse: var(--__oj2_color_white);
--__oj2_fg_label_onContainer_expressive__neutral: var(--__oj2_color_black);
--__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_black
);
--__oj2_fg_label_onContainer_expressive__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainer_expressive__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainer_expressive__tertiary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-accent__tertiary-subtle: var(
--__oj2_color_black
);
--_oj2_fg_label_onContainerShape_expressive-primary: var(--__oj2_color_black);
--__oj2_fg_label_onContainerShape_expressive-primary__default: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__inverse: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__neutral: var(
--__oj2_color_black
);
--__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_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__quaternary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__secondary-subtle: var(
--__oj2_color_black
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_fg_label_onContainerShape_expressive-primary__tertiary-subtle: var(
--__oj2_color_black
);
--_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_black
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-primary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onSurface_expressive-secondary: var(--__oj2_color_violet_50);
--__oj2_fg_label_onSurface_expressive-secondary__default: var(
--__oj2_color_violet_50
);
--__oj2_fg_label_onSurface_expressive-secondary__inverse: var(
--__oj2_color_violet_100
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-bold: var(
--__oj2_color_violet_100
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__neutral-subtle: var(
--__oj2_color_violet_50
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-secondary__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_onSurface_expressive-visited: var(--__oj2_color_raspberry_50);
--__oj2_fg_label_onSurface_expressive-visited__default: var(
--__oj2_color_raspberry_50
);
--__oj2_fg_label_onSurface_expressive-visited__inverse: var(
--__oj2_color_raspberry_100
);
--__oj2_fg_label_onSurface_expressive-visited__neutral: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive-visited__neutral-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__quaternary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__secondary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-bold: var(
--__oj2_color_grey_60
);
--__oj2_fg_label_onSurface_expressive-visited__tertiary-subtle: var(
--__oj2_color_grey_20
);
--__oj2_fg_label_onSurface_expressive__default: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__inverse: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_label_onSurface_expressive__neutral-bold: var(--__oj2_color_black);
--__oj2_fg_label_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_label_onSurface_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_label_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_label_secondary: var(--__oj2_color_violet_10);
--_oj2_fg_label_subtle: var(--__oj2_color_grey_20);
--_oj2_fg_label_tertiary: var(--__oj2_color_raspberry_50);
--oj2_fg_secondary: var(--__oj2_color_violet_10);
--_oj2_fg_subheadline_default: var(--__oj2_color_white);
--_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_black
);
--__oj2_fg_subheadline_onSurface_expressive__neutral: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-bold: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_subheadline_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_subheadline_subtle: var(--__oj2_color_grey_20);
--oj2_fg_subtle: var(--__oj2_color_grey_20);
--oj2_fg_success: var(--__oj2_color_green_50);
--oj2_fg_tertiary: var(--__oj2_color_raspberry_10);
--_oj2_fg_title_default: var(--__oj2_color_white);
--_oj2_fg_title_disabled: var(--__oj2_color_grey_50);
--_oj2_fg_title_inverse: var(--__oj2_color_black);
--_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_black
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive-primary__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive-primary__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_black);
--__oj2_fg_title_onSurface_expressive__neutral: var(--__oj2_color_white);
--__oj2_fg_title_onSurface_expressive__neutral-bold: var(--__oj2_color_black);
--__oj2_fg_title_onSurface_expressive__neutral-moderate: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__neutral-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__quaternary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__quaternary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__secondary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__secondary-subtle: var(
--__oj2_color_white
);
--__oj2_fg_title_onSurface_expressive__tertiary-bold: var(
--__oj2_color_black
);
--__oj2_fg_title_onSurface_expressive__tertiary-subtle: var(
--__oj2_color_white
);
--_oj2_fg_title_subtle: var(--__oj2_color_grey_20);
--__oj2_shadow_elevation01_expressive-color: var(--__oj2_color_grey_70);
--__oj2_shadow_elevation01_expressive-color__default: var(
--__oj2_color_grey_70
);
--__oj2_shadow_elevation01_expressive-color__inverse: var(
--__oj2_color_grey_10
);
--__oj2_shadow_elevation01_expressive-color__neutral: var(
--__oj2_color_grey_50
);
--__oj2_shadow_elevation01_expressive-color__neutral-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__neutral-moderate: var(
--__oj2_color_grey_20
);
--__oj2_shadow_elevation01_expressive-color__neutral-subtle: var(
--__oj2_color_grey_70
);
--__oj2_shadow_elevation01_expressive-color__quaternary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__quaternary-subtle: var(
--__oj2_color_grey_70
);
--__oj2_shadow_elevation01_expressive-color__secondary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__secondary-subtle: var(
--__oj2_color_maroon_100
);
--__oj2_shadow_elevation01_expressive-color__tertiary-bold: var(
--__oj2_color_white
);
--__oj2_shadow_elevation01_expressive-color__tertiary-subtle: var(
--__oj2_color_grey_70
);
--oj2_shadow_elevation02_shorthand: 0 var(--__oj2_dimension_25)
var(--__oj2_dimension_200) var(--__oj2_dimension_25)
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);
}