:root { /** Use as the default border style. */ --dt-borders-style-default: solid; /** Use to indicate interactive text. */ --dt-borders-style-dashed: dashed; /** Use as the default border width. */ --dt-borders-width-default: 1px; /** Use to emphasize borders. This can be useful to clearly separate content. */ --dt-borders-width-emphasized: 2px; /** Use as the subdued border radius for surfaces. */ --dt-borders-radius-surface-subdued: 9px; /** Use as the default border radius for surfaces. */ --dt-borders-radius-surface-default: 12px; /** Use as the subdued border radius for containers. */ --dt-borders-radius-container-subdued: 6px; /** Use as the default border radius for containers. */ --dt-borders-radius-container-default: 9px; /** Use as the subdued border radius for fields. */ --dt-borders-radius-field-subdued: 3px; /** Use as the default border radius for fields. */ --dt-borders-radius-field-default: 6px; /** Use for rounded or pill-like shapes. */ --dt-borders-radius-field-emphasized: 9999px; /** Use as the default level of elevation. */ --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #2d2e4e0d; /** Use as the default level of elevation when a user's pointer is over an interactive surface. */ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12; /** Use as the default level of elevation when the user is pressing an interactive surface. */ --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #2d2e4e0d; /** Use as the default level of elevation when moving a surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52; /** Use for raised surfaces. */ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12; /** Use when a user's pointer is over an interactive raised surface. */ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29; /** Use when the user is pressing an interactive raised surface. */ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12; /** Use when moving a raised surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52; /** Use for floating surfaces. */ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29; /** Use when a user's pointer is over an interactive floating surface. */ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d; /** Use when the user is pressing an interactive floating surface. */ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29; /** Use when moving a floating surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52; /** Use with `@media` `max-width` to apply styles to mobile-sized screens. */ --dt-breakpoints-max-mobile: 640px; /** Use with `@media` `max-width` to apply styles to tablets and smaller screens. */ --dt-breakpoints-max-tablet: 960px; /** Use with `@media` `max-width` to apply styles to desktops and smaller screens. */ --dt-breakpoints-max-desktop: 1920px; /** Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes. */ --dt-breakpoints-min-tablet: 641px; /** Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes. */ --dt-breakpoints-min-desktop: 961px; /** Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes. */ --dt-breakpoints-min-widescreen: 1921px; --dt-colors-theme-foreground-10: #2d2e4e; --dt-colors-theme-foreground-20: #fff; --dt-colors-theme-background-10: #f9f9fa; --dt-colors-theme-background-20: #fff; --dt-colors-theme-neutral-10: #f2f2f5; --dt-colors-theme-neutral-20: #ebecf0; --dt-colors-theme-neutral-30: #e4e5eb; --dt-colors-theme-neutral-40: #dadbe4; --dt-colors-theme-neutral-50: #d0d1dc; --dt-colors-theme-neutral-60: #c6c7d5; --dt-colors-theme-neutral-70: #5b5c81; --dt-colors-theme-neutral-80: #4d4e72; --dt-colors-theme-neutral-90: #404164; --dt-colors-theme-primary-10: #f1f2f9; --dt-colors-theme-primary-20: #e9ecf8; --dt-colors-theme-primary-30: #e1e5f7; --dt-colors-theme-primary-40: #d5dbf6; --dt-colors-theme-primary-50: #c9d1f4; --dt-colors-theme-primary-60: #bdc7f2; --dt-colors-theme-primary-70: #474fcf; --dt-colors-theme-primary-80: #3b3fbe; --dt-colors-theme-primary-90: #312dad; --dt-colors-theme-success-10: #f1f3f3; --dt-colors-theme-success-20: #e8eded; --dt-colors-theme-success-30: #e0e7e6; --dt-colors-theme-success-40: #d3dedd; --dt-colors-theme-success-50: #c7d5d3; --dt-colors-theme-success-60: #bbccc9; --dt-colors-theme-success-70: #2f6862; --dt-colors-theme-success-80: #1f5a54; --dt-colors-theme-success-90: #0d4c47; --dt-colors-theme-warning-10: #f9f6f3; --dt-colors-theme-warning-20: #f9f3ec; --dt-colors-theme-warning-30: #f9f0e5; --dt-colors-theme-warning-40: #f9ebdb; --dt-colors-theme-warning-50: #f9e6d0; --dt-colors-theme-warning-60: #f9e1c6; --dt-colors-theme-warning-70: #eea53c; --dt-colors-theme-warning-80: #ffb54f; --dt-colors-theme-warning-90: #ffc76d; --dt-colors-theme-critical-10: #f9f1f2; --dt-colors-theme-critical-20: #f8e9e9; --dt-colors-theme-critical-30: #f8e1e1; --dt-colors-theme-critical-40: #f6d6d5; --dt-colors-theme-critical-50: #f5cac9; --dt-colors-theme-critical-60: #f3bebd; --dt-colors-theme-critical-70: #c62239; --dt-colors-theme-critical-80: #b4002b; --dt-colors-theme-critical-90: #a2001d; /** Use for the background of your app. */ --dt-colors-background-base-default: #f9f9fa; /** Use as the backdrop for surfaces to reduce the visual noise of background elements. */ --dt-colors-background-surface-backdrop: #f9f9facc; /** Use for default surface background. */ --dt-colors-background-surface-default: #fff; /** Use for subtle containers. */ --dt-colors-background-container-neutral-subdued: #f9f9fa; /** Use for default containers. */ --dt-colors-background-container-neutral-default: #f2f2f5; /** Use for emphasized neutral containers that draw attention. */ --dt-colors-background-container-neutral-emphasized: #ebecf0; /** Use for accentuated neutral containers with high contrast. Use sparingly. */ --dt-colors-background-container-neutral-accent: #5b5c81; /** Use for default primary color containers. */ --dt-colors-background-container-primary-default: #f1f2f9; /** Use for emphasized primary color containers that draw attention. */ --dt-colors-background-container-primary-emphasized: #e9ecf8; /** Use for accentuated primary color containers with high contrast. Use sparingly. */ --dt-colors-background-container-primary-accent: #474fcf; /** Use for default success color containers. */ --dt-colors-background-container-success-default: #f1f3f3; /** Use for emphasized success color containers that draw attention. */ --dt-colors-background-container-success-emphasized: #e8eded; /** Use for accentuated success color containers with high contrast. Use sparingly. */ --dt-colors-background-container-success-accent: #2f6862; /** Use for default warning color containers. */ --dt-colors-background-container-warning-default: #f9f6f3; /** Use for emphasized warning color containers that draw attention. */ --dt-colors-background-container-warning-emphasized: #f9f3ec; /** Use for accentuated warning color containers with high contrast. Use sparingly. */ --dt-colors-background-container-warning-accent: #eea53c; /** Use for default critical color containers. */ --dt-colors-background-container-critical-default: #f9f1f2; /** Use for emphasized critical color containers that draw attention. */ --dt-colors-background-container-critical-emphasized: #f8e9e9; /** Use for accentuated critical color containers with high contrast. Use sparingly. */ --dt-colors-background-container-critical-accent: #c62239; /** Use for disabled neutral fields. */ --dt-colors-background-field-neutral-disabled: #e4e5eb80; /** Use for default neutral fields. */ --dt-colors-background-field-neutral-default: #e4e5eb00; /** Use for hover interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-hover: #dadbe4; /** Use for click interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-active: #d0d1dc; /** Use for emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized: #e4e5eb; /** Use for hover interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-hover: #dadbe4; /** Use for click interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-active: #d0d1dc; /** Use for accentuated neutral fields. Use sparingly. */ --dt-colors-background-field-neutral-accent: #5b5c81; /** Use for hover interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-hover: #4d4e72; /** Use for click interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-active: #404164; /** Use for disabled primary fields. */ --dt-colors-background-field-primary-disabled: #e4e5eb80; /** Use for default primary fields. */ --dt-colors-background-field-primary-default: #e1e5f700; /** Use for hover interaction on default primary fields. */ --dt-colors-background-field-primary-default-hover: #d5dbf6; /** Use for click interaction on default primary fields. */ --dt-colors-background-field-primary-default-active: #c9d1f4; /** Use for emphasized primary fields. */ --dt-colors-background-field-primary-emphasized: #e1e5f7; /** Use for hover interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-hover: #d5dbf6; /** Use for click interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-active: #c9d1f4; /** Use for accentuated primary fields. Use sparingly. */ --dt-colors-background-field-primary-accent: #474fcf; /** Use for hover interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-hover: #3b3fbe; /** Use for click interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-active: #312dad; /** Use for disabled success fields. */ --dt-colors-background-field-success-disabled: #e4e5eb80; /** Use for default success fields. */ --dt-colors-background-field-success-default: #e0e7e600; /** Use for hover interaction on default success fields. */ --dt-colors-background-field-success-default-hover: #d3dedd; /** Use for click interaction on default success fields. */ --dt-colors-background-field-success-default-active: #c7d5d3; /** Use for emphasized success fields. */ --dt-colors-background-field-success-emphasized: #e0e7e6; /** Use for hover interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-hover: #d3dedd; /** Use for click interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-active: #c7d5d3; /** Use for accentuated success fields. Use sparingly. */ --dt-colors-background-field-success-accent: #2f6862; /** Use for hover interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-hover: #1f5a54; /** Use for click interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-active: #0d4c47; /** Use for disabled warning fields. */ --dt-colors-background-field-warning-disabled: #e4e5eb80; /** Use for default warning fields. */ --dt-colors-background-field-warning-default: #f9f0e500; /** Use for hover interaction on default warning fields. */ --dt-colors-background-field-warning-default-hover: #f9ebdb; /** Use for click interaction on default warning fields. */ --dt-colors-background-field-warning-default-active: #f9e6d0; /** Use for emphasized warning fields. */ --dt-colors-background-field-warning-emphasized: #f9f0e5; /** Use for hover interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-hover: #f9ebdb; /** Use for click interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-active: #f9e6d0; /** Use for accentuated warning fields. Use sparingly. */ --dt-colors-background-field-warning-accent: #eea53c; /** Use for hover interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-hover: #ffb54f; /** Use for click interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-active: #ffc76d; /** Use for disabled critical fields. */ --dt-colors-background-field-critical-disabled: #e4e5eb80; /** Use for default critical fields. */ --dt-colors-background-field-critical-default: #f8e1e100; /** Use for hover interaction on default critical fields. */ --dt-colors-background-field-critical-default-hover: #f6d6d5; /** Use for click interaction on default critical fields. */ --dt-colors-background-field-critical-default-active: #f5cac9; /** Use for emphasized critical fields. */ --dt-colors-background-field-critical-emphasized: #f8e1e1; /** Use for hover interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-hover: #f6d6d5; /** Use for click interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-active: #f5cac9; /** Use for accentuated critical fields. Use sparingly. */ --dt-colors-background-field-critical-accent: #c62239; /** Use for hover interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-hover: #b4002b; /** Use for click interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-active: #a2001d; /** Use as the default border color in a disabled state. */ --dt-colors-border-neutral-disabled: #dadbe480; /** Use as the default border color. */ --dt-colors-border-neutral-default: #dadbe4; /** Use as default border color on hover interaction. */ --dt-colors-border-neutral-default-hover: #d0d1dc; /** Use as default border color on click interaction. */ --dt-colors-border-neutral-default-active: #c6c7d5; /** Use as the border color of accentuated elements. */ --dt-colors-border-neutral-accent: #595a7d; /** Use as border color of accentuated elements on hover interaction. */ --dt-colors-border-neutral-accent-hover: #434465; /** Use as border color of accentuated elements on click interaction. */ --dt-colors-border-neutral-accent-active: #2f2f4f; /** Use as border color for disabled elements in accentuated context. */ --dt-colors-border-neutral-on-accent-disabled: #f3f3f633; /** Use as border color for elements in accentuated context. */ --dt-colors-border-neutral-on-accent-default: #f3f3f6; /** Use as border color for elements in accentuated context on hover interaction. */ --dt-colors-border-neutral-on-accent-default-hover: #f3f3f6cc; /** Use as border color for elements in accentuated context on click interaction. */ --dt-colors-border-neutral-on-accent-default-active: #f3f3f699; /** Use as border primary color in a disabled state. */ --dt-colors-border-primary-disabled: #dadbe480; /** Use as the default primary border color. */ --dt-colors-border-primary-default: #d5dbf6; /** Use as default border primary color on hover interaction. */ --dt-colors-border-primary-default-hover: #c9d1f4; /** Use as default border primary color on click interaction. */ --dt-colors-border-primary-default-active: #bdc7f2; /** Use as the border color of primary accentuated elements. */ --dt-colors-border-primary-accent: #464cce; /** Use as border color of primary accentuated elements on hover interaction. */ --dt-colors-border-primary-accent-hover: #3431b3; /** Use as border color of primary accentuated elements on click interaction. */ --dt-colors-border-primary-accent-active: #250f98; /** Use as border color for disabled elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-disabled: #f4f4fb33; /** Use as border color for elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-default: #f4f4fb; /** Use as border color for elements in primary accentuated context on hover interaction. */ --dt-colors-border-primary-on-accent-default-hover: #f4f4fbcc; /** Use as border color for elements in primary accentuated context on click interaction. */ --dt-colors-border-primary-on-accent-default-active: #f4f4fb99; /** Use as border success color in a disabled state. */ --dt-colors-border-success-disabled: #dadbe480; /** Use as the default success border color. */ --dt-colors-border-success-default: #d3dedd; /** Use as default border success color on hover interaction. */ --dt-colors-border-success-default-hover: #c7d5d3; /** Use as default border success color on click interaction. */ --dt-colors-border-success-default-active: #bbccc9; /** Use as the border color of success accentuated elements. */ --dt-colors-border-success-accent: #2d6761; /** Use as border color of success accentuated elements on hover interaction. */ --dt-colors-border-success-accent-hover: #12504b; /** Use as border color of success accentuated elements on click interaction. */ --dt-colors-border-success-accent-active: #003b36; /** Use as border color for disabled elements in success accentuated context. */ --dt-colors-border-success-on-accent-disabled: #f1f4f433; /** Use as border color for elements in success accentuated context. */ --dt-colors-border-success-on-accent-default: #f1f4f4; /** Use as border color for elements in success accentuated context on hover interaction. */ --dt-colors-border-success-on-accent-default-hover: #f1f4f4cc; /** Use as border color for elements in success accentuated context on click interaction. */ --dt-colors-border-success-on-accent-default-active: #f1f4f499; /** Use as border warning color in a disabled state. */ --dt-colors-border-warning-disabled: #dadbe480; /** Use as the default warning border color. */ --dt-colors-border-warning-default: #f9ebdb; /** Use as default border warning color on hover interaction. */ --dt-colors-border-warning-default-hover: #f9e6d0; /** Use as default border warning color on click interaction. */ --dt-colors-border-warning-default-active: #f9e1c6; /** Use as the border color of warning accentuated elements. */ --dt-colors-border-warning-accent: #855400; /** Use as border color of warning accentuated elements on hover interaction. */ --dt-colors-border-warning-accent-hover: #6d3d00; /** Use as border color of warning accentuated elements on click interaction. */ --dt-colors-border-warning-accent-active: #512a00; /** Use as border color for disabled elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-disabled: #27202433; /** Use as border color for elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-default: #272024; /** Use as border color for elements in warning accentuated context on hover interaction. */ --dt-colors-border-warning-on-accent-default-hover: #272024cc; /** Use as border color for elements in warning accentuated context on click interaction. */ --dt-colors-border-warning-on-accent-default-active: #27202499; /** Use as border critical color in a disabled state. */ --dt-colors-border-critical-disabled: #dadbe480; /** Use as the default critical border color. */ --dt-colors-border-critical-default: #f6d6d5; /** Use as default border critical color on hover interaction. */ --dt-colors-border-critical-default-hover: #f5cac9; /** Use as default border critical color on click interaction. */ --dt-colors-border-critical-default-active: #f3bebd; /** Use as the border color of critical accentuated elements. */ --dt-colors-border-critical-accent: #bb0731; /** Use as border color of critical accentuated elements on hover interaction. */ --dt-colors-border-critical-accent-hover: #9b001e; /** Use as border color of critical accentuated elements on click interaction. */ --dt-colors-border-critical-accent-active: #750013; /** Use as border color for disabled elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-disabled: #f9f1f333; /** Use as border color for elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-default: #f9f1f3; /** Use as border color for elements in critical accentuated context on hover interaction. */ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc; /** Use as border color for elements in critical accentuated context on click interaction. */ --dt-colors-border-critical-on-accent-default-active: #f9f1f399; /** Use for text color on disabled state. */ --dt-colors-text-neutral-disabled: #595a7d80; /** Use for subtle, understated text color. */ --dt-colors-text-neutral-subdued: #595a7d; /** Use for subtle, understated text color on hover interaction. */ --dt-colors-text-neutral-subdued-hover: #434465; /** Use for subtle, understated text color on click interaction. */ --dt-colors-text-neutral-subdued-active: #2f2f4f; /** Use as the default text color. */ --dt-colors-text-neutral-default: #2f2f4f; /** Use as the default text color on hover interaction. */ --dt-colors-text-neutral-default-hover: #434465; /** Use as the default text color on click interaction. */ --dt-colors-text-neutral-default-active: #595a7d; /** Use as text color for disabled elements in accentuated context. */ --dt-colors-text-neutral-on-accent-disabled: #f3f3f680; /** Use as text color for elements in accentuated context. */ --dt-colors-text-neutral-on-accent-default: #f3f3f6; /** Use as text color for elements in accentuated context on hover interaction. */ --dt-colors-text-neutral-on-accent-default-hover: #f3f3f6cc; /** Use as text color for elements in accentuated context on click interaction. */ --dt-colors-text-neutral-on-accent-default-active: #f3f3f699; /** Use for primary text color on disabled state. */ --dt-colors-text-primary-disabled: #595a7d80; /** Use as the default primary text color. */ --dt-colors-text-primary-default: #464cce; /** Use as the default primary text color on hover interaction. */ --dt-colors-text-primary-default-hover: #3431b3; /** Use as the default primary text color on click interaction. */ --dt-colors-text-primary-default-active: #250f98; /** Use as text color for disabled elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-disabled: #f4f4fb80; /** Use as text color for elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-default: #f4f4fb; /** Use as text color for elements in primary accentuated context on hover interaction. */ --dt-colors-text-primary-on-accent-default-hover: #f4f4fbcc; /** Use as text color for elements in primary accentuated context on click interaction. */ --dt-colors-text-primary-on-accent-default-active: #f4f4fb99; /** Use for success text color on disabled state. */ --dt-colors-text-success-disabled: #595a7d80; /** Use as the default success text color. */ --dt-colors-text-success-default: #2d6761; /** Use as the default success text color on hover interaction. */ --dt-colors-text-success-default-hover: #12504b; /** Use as the default success text color on click interaction. */ --dt-colors-text-success-default-active: #003b36; /** Use as text color for disabled elements in success accentuated context. */ --dt-colors-text-success-on-accent-disabled: #f1f4f480; /** Use as text color for elements in success accentuated context. */ --dt-colors-text-success-on-accent-default: #f1f4f4; /** Use as text color for elements in success accentuated context on hover interaction. */ --dt-colors-text-success-on-accent-default-hover: #f1f4f4cc; /** Use as text color for elements in success accentuated context on click interaction. */ --dt-colors-text-success-on-accent-default-active: #f1f4f499; /** Use for warning text color on disabled state. */ --dt-colors-text-warning-disabled: #595a7d80; /** Use as the default warning text color. */ --dt-colors-text-warning-default: #855400; /** Use as the default warning text color on hover interaction. */ --dt-colors-text-warning-default-hover: #6d3d00; /** Use as the default warning text color on click interaction. */ --dt-colors-text-warning-default-active: #512a00; /** Use as text color for disabled elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-disabled: #27202480; /** Use as text color for elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-default: #272024; /** Use as text color for elements in warning accentuated context on hover interaction. */ --dt-colors-text-warning-on-accent-default-hover: #272024cc; /** Use as text color for elements in warning accentuated context on click interaction. */ --dt-colors-text-warning-on-accent-default-active: #27202499; /** Use for critical text color on disabled state. */ --dt-colors-text-critical-disabled: #595a7d80; /** Use as the default critical text color. */ --dt-colors-text-critical-default: #bb0731; /** Use as the default critical text color on hover interaction. */ --dt-colors-text-critical-default-hover: #9b001e; /** Use as the default critical text color on click interaction. */ --dt-colors-text-critical-default-active: #750013; /** Use as text color for disabled elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-disabled: #f9f1f380; /** Use as text color for elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-default: #f9f1f3; /** Use as text color for elements in critical accentuated context on hover interaction. */ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc; /** Use as text color for elements in critical accentuated context on click interaction. */ --dt-colors-text-critical-on-accent-default-active: #f9f1f399; /** Use for icon color on disabled state. */ --dt-colors-icon-neutral-disabled: #595a7d80; /** Use for subtle, understated icon color. */ --dt-colors-icon-neutral-subdued: #595a7d; /** Use for subtle, understated icon color on hover interaction. */ --dt-colors-icon-neutral-subdued-hover: #434465; /** Use for subtle, understated icon color on click interaction. */ --dt-colors-icon-neutral-subdued-active: #2f2f4f; /** Use as the default icon color. */ --dt-colors-icon-neutral-default: #2f2f4f; /** Use as the default icon color on hover interaction. */ --dt-colors-icon-neutral-default-hover: #434465; /** Use as the default icon color on click interaction. */ --dt-colors-icon-neutral-default-active: #595a7d; /** Use as icon color for disabled elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-disabled: #f3f3f680; /** Use as icon color for elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-default: #f3f3f6; /** Use as icon color for elements in accentuated context on hover interaction. */ --dt-colors-icon-neutral-on-accent-default-hover: #f3f3f6cc; /** Use as icon color for elements in accentuated context on click interaction. */ --dt-colors-icon-neutral-on-accent-default-active: #f3f3f699; /** Use for primary icon color on disabled state. */ --dt-colors-icon-primary-disabled: #595a7d80; /** Use as the default primary icon color. */ --dt-colors-icon-primary-default: #464cce; /** Use as the default primary icon color on hover interaction. */ --dt-colors-icon-primary-default-hover: #3431b3; /** Use as the default primary icon color on click interaction. */ --dt-colors-icon-primary-default-active: #250f98; /** Use as icon color for disabled elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-disabled: #f4f4fb80; /** Use as icon color for elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-default: #f4f4fb; /** Use as icon color for elements in primary accentuated context on hover interaction. */ --dt-colors-icon-primary-on-accent-default-hover: #f4f4fbcc; /** Use as icon color for elements in primary accentuated context on click interaction. */ --dt-colors-icon-primary-on-accent-default-active: #f4f4fb99; /** Use for success icon color on disabled state. */ --dt-colors-icon-success-disabled: #595a7d80; /** Use as the default success icon color. */ --dt-colors-icon-success-default: #2d6761; /** Use as the default success icon color on hover interaction. */ --dt-colors-icon-success-default-hover: #12504b; /** Use as the default success icon color on click interaction. */ --dt-colors-icon-success-default-active: #003b36; /** Use as icon color for disabled elements in success accentuated context. */ --dt-colors-icon-success-on-accent-disabled: #f1f4f480; /** Use as icon color for elements in success accentuated context. */ --dt-colors-icon-success-on-accent-default: #f1f4f4; /** Use as icon color for elements in success accentuated context on hover interaction. */ --dt-colors-icon-success-on-accent-default-hover: #f1f4f4cc; /** Use as icon color for elements in success accentuated context on click interaction. */ --dt-colors-icon-success-on-accent-default-active: #f1f4f499; /** Use for warning icon color on disabled state. */ --dt-colors-icon-warning-disabled: #595a7d80; /** Use as the default warning icon color. */ --dt-colors-icon-warning-default: #855400; /** Use as the default warning icon color on hover interaction. */ --dt-colors-icon-warning-default-hover: #6d3d00; /** Use as the default warning icon color on click interaction. */ --dt-colors-icon-warning-default-active: #512a00; /** Use as icon color for disabled elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-disabled: #27202480; /** Use as icon color for elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-default: #272024; /** Use as icon color for elements in warning accentuated context on hover interaction. */ --dt-colors-icon-warning-on-accent-default-hover: #272024cc; /** Use as icon color for elements in warning accentuated context on click interaction. */ --dt-colors-icon-warning-on-accent-default-active: #27202499; /** Use for critical icon color on disabled state. */ --dt-colors-icon-critical-disabled: #595a7d80; /** Use as the default critical icon color. */ --dt-colors-icon-critical-default: #bb0731; /** Use as the default critical icon color on hover interaction. */ --dt-colors-icon-critical-default-hover: #9b001e; /** Use as the default critical icon color on click interaction. */ --dt-colors-icon-critical-default-active: #750013; /** Use as icon color for disabled elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380; /** Use as icon color for elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-default: #f9f1f3; /** Use as icon color for elements in critical accentuated context on hover interaction. */ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc; /** Use as icon color for elements in critical accentuated context on click interaction. */ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399; /** Use to style 'Comment' syntax on a code editor context. */ --dt-colors-syntax-comment: #545586; /** Use to style 'String' syntax on a code editor context. */ --dt-colors-syntax-string: #086467; /** Use to style 'Variable' syntax on a code editor context. */ --dt-colors-syntax-variable: #2754b5; /** Use to style 'Number' syntax on a code editor context. */ --dt-colors-syntax-number: #aa0081; /** Use to style 'Punctuation' syntax on a code editor context. */ --dt-colors-syntax-punctuation: #8136a9; /** Use to style 'Function' syntax on a code editor context. */ --dt-colors-syntax-function: #2754b5; /** Use to style 'Classname' syntax on a code editor context. */ --dt-colors-syntax-classname: #2c2d4d; /** Use to style 'Tag' syntax on a code editor context. */ --dt-colors-syntax-tag: #b30926; /** Use to style 'Operators' syntax on a code editor context. */ --dt-colors-syntax-operators: #8136a9; /** Use to style 'Boolean' syntax on a code editor context. */ --dt-colors-syntax-boolean: #973f00; --dt-colors-charts-status-ideal-default: #2f6862; --dt-colors-charts-status-good-default: #474fcf; --dt-colors-charts-status-neutral-default: #5b5c81; --dt-colors-charts-status-warning-default: #eea53c; --dt-colors-charts-status-critical-default: #c62239; --dt-colors-charts-categorical-color-01-default: #134fc9; --dt-colors-charts-categorical-color-02-default: #2c2f3f; --dt-colors-charts-categorical-color-03-default: #2a7453; --dt-colors-charts-categorical-color-04-default: #d85a9f; --dt-colors-charts-categorical-color-05-default: #84859a; --dt-colors-charts-categorical-color-06-default: #a9780f; --dt-colors-charts-categorical-color-07-default: #438fb1; --dt-colors-charts-categorical-color-08-default: #8b6ecf; --dt-colors-charts-categorical-color-09-default: #649438; --dt-colors-charts-categorical-color-10-default: #904523; --dt-colors-charts-categorical-color-11-default: #627cfe; --dt-colors-charts-categorical-color-12-default: #cd3741; --dt-colors-charts-categorical-color-13-default: #1c520a; --dt-colors-charts-categorical-color-14-default: #d56b1a; --dt-colors-charts-categorical-color-15-default: #9033a3; --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #9033a3; --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #a9780f; --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d85a9f; --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8b6ecf; --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #904523; --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3741; --dt-colors-charts-categorical-themed-swamps-color-01-default: #006650; --dt-colors-charts-categorical-themed-swamps-color-02-default: #84859a; --dt-colors-charts-categorical-themed-swamps-color-03-default: #649438; --dt-colors-charts-categorical-themed-swamps-color-04-default: #8f4624; --dt-colors-charts-categorical-themed-swamps-color-05-default: #2c2f3f; --dt-colors-charts-categorical-themed-swamps-color-06-default: #a9780f; --dt-colors-charts-categorical-themed-fireplace-color-01-default: #ae132d; --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d85a9f; --dt-colors-charts-categorical-themed-fireplace-color-03-default: #d56b1a; --dt-colors-charts-categorical-themed-fireplace-color-04-default: #a9780f; --dt-colors-charts-categorical-themed-fireplace-color-05-default: #904523; --dt-colors-charts-categorical-themed-fireplace-color-06-default: #9033a3; --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #438fb1; --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #84859a; --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #627cfe; --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8b6ecf; --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #134fc9; --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #2c2f3f; --dt-colors-charts-logstatus-error-default: #cd3741; --dt-colors-charts-logstatus-warning-default: #a9780f; --dt-colors-charts-logstatus-info-default: #134fc9; --dt-colors-charts-logstatus-none-default: #2c2f3f; --dt-colors-charts-loglevel-emergency-default: #ae132d; --dt-colors-charts-loglevel-error-default: #cd3741; --dt-colors-charts-loglevel-alert-default: #c73d84; --dt-colors-charts-loglevel-critical-default: #d85a9f; --dt-colors-charts-loglevel-severe-default: #d56b1a; --dt-colors-charts-loglevel-warning-default: #a9780f; --dt-colors-charts-loglevel-notice-default: #2a7453; --dt-colors-charts-loglevel-info-default: #134fc9; --dt-colors-charts-loglevel-debug-default: #8b6ecf; --dt-colors-charts-loglevel-none-default: #2c2f3f; --dt-colors-charts-apdex-excellent-default: #2a7453; --dt-colors-charts-apdex-good-default: #1c520a; --dt-colors-charts-apdex-fair-default: #a9780f; --dt-colors-charts-apdex-poor-default: #d56b1a; --dt-colors-charts-apdex-unacceptable-default: #cd3741; --dt-colors-charts-security-risk-level-muted-default: #84859a; --dt-colors-charts-security-risk-level-critical-default: #8a0012; --dt-colors-charts-security-risk-level-high-default: #cd3741; --dt-colors-charts-security-risk-level-medium-default: #a9780f; --dt-colors-charts-security-risk-level-low-default: #134fc9; --dt-colors-charts-security-risk-level-none-default: #2c2f3f; --dt-colors-charts-vulnerability-status-muted-default: #84859a; --dt-colors-charts-vulnerability-status-resolved-default: #3e8e6a; --dt-colors-charts-vulnerability-status-affected-default: #cd3741; --dt-colors-charts-threshold-good-default: #2a7453; --dt-colors-charts-threshold-warning-default: #a9780f; --dt-colors-charts-threshold-bad-default: #cd3741; --dt-colors-charts-rainbow-red-default: #cd3741; --dt-colors-charts-rainbow-orange-default: #d56b1a; --dt-colors-charts-rainbow-yellow-default: #a9780f; --dt-colors-charts-rainbow-moss-default: #2a7453; --dt-colors-charts-rainbow-blue-default: #134fc9; --dt-colors-charts-rainbow-magenta-default: #9033a3; --dt-colors-charts-sequential-pink-purple-color-01-default: #d85a9f; --dt-colors-charts-sequential-pink-purple-color-02-default: #c6539f; --dt-colors-charts-sequential-pink-purple-color-03-default: #b450a3; --dt-colors-charts-sequential-pink-purple-color-04-default: #9f49a2; --dt-colors-charts-sequential-pink-purple-color-05-default: #8d45a5; --dt-colors-charts-sequential-pink-purple-color-06-default: #7640a5; --dt-colors-charts-sequential-pink-purple-color-07-default: #5d3ba5; --dt-colors-charts-sequential-pink-purple-color-08-default: #4038a8; --dt-colors-charts-sequential-pink-purple-color-09-default: #0035a8; --dt-colors-charts-sequential-blue-turquoise-color-01-default: #0035a8; --dt-colors-charts-sequential-blue-turquoise-color-02-default: #1d41a5; --dt-colors-charts-sequential-blue-turquoise-color-03-default: #284e9f; --dt-colors-charts-sequential-blue-turquoise-color-04-default: #2f5998; --dt-colors-charts-sequential-blue-turquoise-color-05-default: #336794; --dt-colors-charts-sequential-blue-turquoise-color-06-default: #31708c; --dt-colors-charts-sequential-blue-turquoise-color-07-default: #307c88; --dt-colors-charts-sequential-blue-turquoise-color-08-default: #2a8981; --dt-colors-charts-sequential-blue-turquoise-color-09-default: #1d957b; --dt-colors-charts-sequential-blue-color-01-default: #001b85; --dt-colors-charts-sequential-blue-color-02-default: #0035a8; --dt-colors-charts-sequential-blue-color-03-default: #134fc9; --dt-colors-charts-sequential-blue-color-04-default: #3f63e4; --dt-colors-charts-sequential-blue-color-05-default: #627cfe; --dt-colors-charts-sequential-blue-color-06-default: #8a9bff; --dt-colors-charts-sequential-blue-color-07-default: #a8b7ff; --dt-colors-charts-sequential-blue-color-08-default: #bdc8ff; --dt-colors-charts-sequential-blue-color-09-default: #d6deff; --dt-colors-charts-sequential-grey-color-01-default: #111422; --dt-colors-charts-sequential-grey-color-02-default: #2c2f3f; --dt-colors-charts-sequential-grey-color-03-default: #484a5b; --dt-colors-charts-sequential-grey-color-04-default: #66687a; --dt-colors-charts-sequential-grey-color-05-default: #84859a; --dt-colors-charts-sequential-grey-color-06-default: #a7a9be; --dt-colors-charts-sequential-grey-color-07-default: #cacce2; --dt-colors-charts-sequential-grey-color-08-default: #d8d9e9; --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef; --dt-colors-charts-sequential-moss-color-01-default: #084427; --dt-colors-charts-sequential-moss-color-02-default: #195c3d; --dt-colors-charts-sequential-moss-color-03-default: #2a7453; --dt-colors-charts-sequential-moss-color-04-default: #3e8e6a; --dt-colors-charts-sequential-moss-color-05-default: #509575; --dt-colors-charts-sequential-moss-color-06-default: #75c29d; --dt-colors-charts-sequential-moss-color-07-default: #93dcb8; --dt-colors-charts-sequential-moss-color-08-default: #b4e4cd; --dt-colors-charts-sequential-moss-color-09-default: #d4ece0; --dt-colors-charts-sequential-turquoise-color-01-default: #004733; --dt-colors-charts-sequential-turquoise-color-02-default: #00523d; --dt-colors-charts-sequential-turquoise-color-03-default: #006650; --dt-colors-charts-sequential-turquoise-color-04-default: #047c64; --dt-colors-charts-sequential-turquoise-color-05-default: #1d957b; --dt-colors-charts-sequential-turquoise-color-06-default: #38ad92; --dt-colors-charts-sequential-turquoise-color-07-default: #52c7aa; --dt-colors-charts-sequential-turquoise-color-08-default: #78dec1; --dt-colors-charts-sequential-turquoise-color-09-default: #c0ece0; --dt-colors-charts-sequential-pink-color-01-default: #6b1441; --dt-colors-charts-sequential-pink-color-02-default: #872256; --dt-colors-charts-sequential-pink-color-03-default: #a83470; --dt-colors-charts-sequential-pink-color-04-default: #c73d84; --dt-colors-charts-sequential-pink-color-05-default: #d85a9f; --dt-colors-charts-sequential-pink-color-06-default: #e675b5; --dt-colors-charts-sequential-pink-color-07-default: #f291cb; --dt-colors-charts-sequential-pink-color-08-default: #fcb5e2; --dt-colors-charts-sequential-pink-color-09-default: #fed7f0; --dt-colors-charts-sequential-yellow-color-01-default: #573b00; --dt-colors-charts-sequential-yellow-color-02-default: #614200; --dt-colors-charts-sequential-yellow-color-03-default: #755000; --dt-colors-charts-sequential-yellow-color-04-default: #8f6200; --dt-colors-charts-sequential-yellow-color-05-default: #a9780f; --dt-colors-charts-sequential-yellow-color-06-default: #c79323; --dt-colors-charts-sequential-yellow-color-07-default: #dfb14e; --dt-colors-charts-sequential-yellow-color-08-default: #f1cd7e; --dt-colors-charts-sequential-yellow-color-09-default: #f8e1af; --dt-colors-charts-sequential-petrol-color-01-default: #00304d; --dt-colors-charts-sequential-petrol-color-02-default: #114964; --dt-colors-charts-sequential-petrol-color-03-default: #21607d; --dt-colors-charts-sequential-petrol-color-04-default: #307697; --dt-colors-charts-sequential-petrol-color-05-default: #438fb1; --dt-colors-charts-sequential-petrol-color-06-default: #5ba7cd; --dt-colors-charts-sequential-petrol-color-07-default: #81c8ef; --dt-colors-charts-sequential-petrol-color-08-default: #aaddf9; --dt-colors-charts-sequential-petrol-color-09-default: #cbe7f6; --dt-colors-charts-sequential-purple-color-01-default: #32246a; --dt-colors-charts-sequential-purple-color-02-default: #453380; --dt-colors-charts-sequential-purple-color-03-default: #5e489d; --dt-colors-charts-sequential-purple-color-04-default: #755abf; --dt-colors-charts-sequential-purple-color-05-default: #8b6ecf; --dt-colors-charts-sequential-purple-color-06-default: #a184dc; --dt-colors-charts-sequential-purple-color-07-default: #bb9eeb; --dt-colors-charts-sequential-purple-color-08-default: #d5b9f8; --dt-colors-charts-sequential-purple-color-09-default: #e9d7fe; --dt-colors-charts-sequential-pear-color-01-default: #084200; --dt-colors-charts-sequential-pear-color-02-default: #1c520a; --dt-colors-charts-sequential-pear-color-03-default: #306615; --dt-colors-charts-sequential-pear-color-04-default: #457a1f; --dt-colors-charts-sequential-pear-color-05-default: #649438; --dt-colors-charts-sequential-pear-color-06-default: #83b455; --dt-colors-charts-sequential-pear-color-07-default: #9fcb76; --dt-colors-charts-sequential-pear-color-08-default: #b5de8c; --dt-colors-charts-sequential-pear-color-09-default: #d3e9be; --dt-colors-charts-sequential-brown-color-01-default: #5c1d00; --dt-colors-charts-sequential-brown-color-02-default: #6f2e11; --dt-colors-charts-sequential-brown-color-03-default: #8f4624; --dt-colors-charts-sequential-brown-color-04-default: #a95d37; --dt-colors-charts-sequential-brown-color-05-default: #bc724e; --dt-colors-charts-sequential-brown-color-06-default: #c98769; --dt-colors-charts-sequential-brown-color-07-default: #dfa486; --dt-colors-charts-sequential-brown-color-08-default: #f2bfa6; --dt-colors-charts-sequential-brown-color-09-default: #fddece; --dt-colors-charts-sequential-red-color-01-default: #610000; --dt-colors-charts-sequential-red-color-02-default: #8a0012; --dt-colors-charts-sequential-red-color-03-default: #ae132d; --dt-colors-charts-sequential-red-color-04-default: #cd3741; --dt-colors-charts-sequential-red-color-05-default: #eb565b; --dt-colors-charts-sequential-red-color-06-default: #ff7a7a; --dt-colors-charts-sequential-red-color-07-default: #ffa6a3; --dt-colors-charts-sequential-red-color-08-default: #ffb8b3; --dt-colors-charts-sequential-red-color-09-default: #ffd9d6; --dt-colors-charts-sequential-magenta-color-01-default: #59006b; --dt-colors-charts-sequential-magenta-color-02-default: #761b88; --dt-colors-charts-sequential-magenta-color-03-default: #9033a3; --dt-colors-charts-sequential-magenta-color-04-default: #af4bbe; --dt-colors-charts-sequential-magenta-color-05-default: #ba6bc2; --dt-colors-charts-sequential-magenta-color-06-default: #e183e7; --dt-colors-charts-sequential-magenta-color-07-default: #fca0fd; --dt-colors-charts-sequential-magenta-color-08-default: #fdb4fd; --dt-colors-charts-sequential-magenta-color-09-default: #faccfa; --dt-colors-charts-sequential-orange-color-01-default: #662c00; --dt-colors-charts-sequential-orange-color-02-default: #87420d; --dt-colors-charts-sequential-orange-color-03-default: #ab5412; --dt-colors-charts-sequential-orange-color-04-default: #c36218; --dt-colors-charts-sequential-orange-color-05-default: #d56b1a; --dt-colors-charts-sequential-orange-color-06-default: #e57e2e; --dt-colors-charts-sequential-orange-color-07-default: #eb9a5c; --dt-colors-charts-sequential-orange-color-08-default: #efb080; --dt-colors-charts-sequential-orange-color-09-default: #f4caa9; --dt-colors-charts-diverging-orange-blue-color-01-default: #662c00; --dt-colors-charts-diverging-orange-blue-color-02-default: #ab5412; --dt-colors-charts-diverging-orange-blue-color-03-default: #d56b1a; --dt-colors-charts-diverging-orange-blue-color-04-default: #eb9a5c; --dt-colors-charts-diverging-orange-blue-color-05-default: #f4caa9; --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-blue-color-07-default: #d6deff; --dt-colors-charts-diverging-orange-blue-color-08-default: #a8b7ff; --dt-colors-charts-diverging-orange-blue-color-09-default: #627cfe; --dt-colors-charts-diverging-orange-blue-color-10-default: #134fc9; --dt-colors-charts-diverging-orange-blue-color-11-default: #001b85; --dt-colors-charts-diverging-red-blue-color-01-default: #610000; --dt-colors-charts-diverging-red-blue-color-02-default: #ae132d; --dt-colors-charts-diverging-red-blue-color-03-default: #eb565b; --dt-colors-charts-diverging-red-blue-color-04-default: #ffa6a3; --dt-colors-charts-diverging-red-blue-color-05-default: #ffd9d6; --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-blue-color-07-default: #d6deff; --dt-colors-charts-diverging-red-blue-color-08-default: #a8b7ff; --dt-colors-charts-diverging-red-blue-color-09-default: #627cfe; --dt-colors-charts-diverging-red-blue-color-10-default: #134fc9; --dt-colors-charts-diverging-red-blue-color-11-default: #001b85; --dt-colors-charts-diverging-red-purple-color-01-default: #610000; --dt-colors-charts-diverging-red-purple-color-02-default: #ae132d; --dt-colors-charts-diverging-red-purple-color-03-default: #eb565b; --dt-colors-charts-diverging-red-purple-color-04-default: #ffa6a3; --dt-colors-charts-diverging-red-purple-color-05-default: #ffd9d6; --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-purple-color-07-default: #e9d7fe; --dt-colors-charts-diverging-red-purple-color-08-default: #bb9eeb; --dt-colors-charts-diverging-red-purple-color-09-default: #8b6ecf; --dt-colors-charts-diverging-red-purple-color-10-default: #5e489d; --dt-colors-charts-diverging-red-purple-color-11-default: #32246a; --dt-colors-charts-diverging-blue-moss-color-01-default: #001b85; --dt-colors-charts-diverging-blue-moss-color-02-default: #134fc9; --dt-colors-charts-diverging-blue-moss-color-03-default: #627cfe; --dt-colors-charts-diverging-blue-moss-color-04-default: #a8b7ff; --dt-colors-charts-diverging-blue-moss-color-05-default: #d6deff; --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0; --dt-colors-charts-diverging-blue-moss-color-07-default: #d4ece0; --dt-colors-charts-diverging-blue-moss-color-08-default: #93dcb8; --dt-colors-charts-diverging-blue-moss-color-09-default: #509575; --dt-colors-charts-diverging-blue-moss-color-10-default: #2a7453; --dt-colors-charts-diverging-blue-moss-color-11-default: #084427; --dt-colors-charts-diverging-purple-yellow-color-01-default: #32246a; --dt-colors-charts-diverging-purple-yellow-color-02-default: #5e489d; --dt-colors-charts-diverging-purple-yellow-color-03-default: #8b6ecf; --dt-colors-charts-diverging-purple-yellow-color-04-default: #bb9eeb; --dt-colors-charts-diverging-purple-yellow-color-05-default: #e9d7fe; --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0; --dt-colors-charts-diverging-purple-yellow-color-07-default: #f8e1af; --dt-colors-charts-diverging-purple-yellow-color-08-default: #dfb14e; --dt-colors-charts-diverging-purple-yellow-color-09-default: #a9780f; --dt-colors-charts-diverging-purple-yellow-color-10-default: #755000; --dt-colors-charts-diverging-purple-yellow-color-11-default: #573b00; --dt-colors-charts-diverging-red-green-color-01-default: #610000; --dt-colors-charts-diverging-red-green-color-02-default: #ae132d; --dt-colors-charts-diverging-red-green-color-03-default: #eb565b; --dt-colors-charts-diverging-red-green-color-04-default: #ffa6a3; --dt-colors-charts-diverging-red-green-color-05-default: #ffd9d6; --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-green-color-07-default: #d4ece0; --dt-colors-charts-diverging-red-green-color-08-default: #93dcb8; --dt-colors-charts-diverging-red-green-color-09-default: #509575; --dt-colors-charts-diverging-red-green-color-10-default: #2a7453; --dt-colors-charts-diverging-red-green-color-11-default: #084427; --dt-colors-charts-diverging-orange-petrol-color-01-default: #662c00; --dt-colors-charts-diverging-orange-petrol-color-02-default: #ab5412; --dt-colors-charts-diverging-orange-petrol-color-03-default: #d56b1a; --dt-colors-charts-diverging-orange-petrol-color-04-default: #eb9a5c; --dt-colors-charts-diverging-orange-petrol-color-05-default: #f4caa9; --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-petrol-color-07-default: #cbe7f6; --dt-colors-charts-diverging-orange-petrol-color-08-default: #81c8ef; --dt-colors-charts-diverging-orange-petrol-color-09-default: #438fb1; --dt-colors-charts-diverging-orange-petrol-color-10-default: #21607d; --dt-colors-charts-diverging-orange-petrol-color-11-default: #00304d; --dt-colors-charts-diverging-pink-green-color-01-default: #6b1441; --dt-colors-charts-diverging-pink-green-color-02-default: #a83470; --dt-colors-charts-diverging-pink-green-color-03-default: #d85a9f; --dt-colors-charts-diverging-pink-green-color-04-default: #f291cb; --dt-colors-charts-diverging-pink-green-color-05-default: #fed7f0; --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-pink-green-color-07-default: #d4ece0; --dt-colors-charts-diverging-pink-green-color-08-default: #93dcb8; --dt-colors-charts-diverging-pink-green-color-09-default: #509575; --dt-colors-charts-diverging-pink-green-color-10-default: #2a7453; --dt-colors-charts-diverging-pink-green-color-11-default: #084427; /** Use as the default layer, for elements that do not need to be explicitly layered on top of other elements. */ --dt-elevations-default: 1; /** Use for elements that are pinned to a certain location while also staying on top of other content. */ --dt-elevations-sticky: 10; /** Use for elements that appear on top of all other content on the page. */ --dt-elevations-overlay: 20; /** Use for notifications that should always be visible on top of other content. */ --dt-elevations-notification: 1999999999; --dt-spacings-size-0: 0; --dt-spacings-size-2: 2px; --dt-spacings-size-4: 4px; --dt-spacings-size-6: 6px; --dt-spacings-size-8: 8px; --dt-spacings-size-10: 10px; --dt-spacings-size-12: 12px; --dt-spacings-size-16: 16px; --dt-spacings-size-20: 20px; --dt-spacings-size-24: 24px; --dt-spacings-size-28: 28px; --dt-spacings-size-32: 32px; --dt-spacings-size-36: 36px; --dt-spacings-size-40: 40px; --dt-spacings-size-48: 48px; --dt-spacings-size-56: 56px; --dt-spacings-size-64: 64px; --dt-typography-display-level-1-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-display-level-1-weight: 600; --dt-typography-display-level-1-size: 64px; --dt-typography-display-level-1-line-height: 1.1875; --dt-typography-display-level-1-text-decoration: none; --dt-typography-display-level-1-text-transform: none; --dt-typography-display-level-2-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-display-level-2-weight: 600; --dt-typography-display-level-2-size: 56px; --dt-typography-display-level-2-line-height: 1.2142857143; --dt-typography-display-level-2-text-decoration: none; --dt-typography-display-level-2-text-transform: none; --dt-typography-display-level-3-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-display-level-3-weight: 600; --dt-typography-display-level-3-size: 48px; --dt-typography-display-level-3-line-height: 1.25; --dt-typography-display-level-3-text-decoration: none; --dt-typography-display-level-3-text-transform: none; --dt-typography-heading-level-1-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-1-weight: 600; --dt-typography-heading-level-1-size: 32px; --dt-typography-heading-level-1-line-height: 1.25; --dt-typography-heading-level-1-text-decoration: none; --dt-typography-heading-level-1-text-transform: none; --dt-typography-heading-level-2-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-2-weight: 600; --dt-typography-heading-level-2-size: 28px; --dt-typography-heading-level-2-line-height: 1.2857142857; --dt-typography-heading-level-2-text-decoration: none; --dt-typography-heading-level-2-text-transform: none; --dt-typography-heading-level-3-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-3-weight: 600; --dt-typography-heading-level-3-size: 24px; --dt-typography-heading-level-3-line-height: 1.3333333333; --dt-typography-heading-level-3-text-decoration: none; --dt-typography-heading-level-3-text-transform: none; --dt-typography-heading-level-4-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-4-weight: 600; --dt-typography-heading-level-4-size: 20px; --dt-typography-heading-level-4-line-height: 1.4; --dt-typography-heading-level-4-text-decoration: none; --dt-typography-heading-level-4-text-transform: none; --dt-typography-heading-level-5-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-5-weight: 600; --dt-typography-heading-level-5-size: 16px; --dt-typography-heading-level-5-line-height: 1.5; --dt-typography-heading-level-5-text-decoration: none; --dt-typography-heading-level-5-text-transform: none; --dt-typography-heading-level-6-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-heading-level-6-weight: 600; --dt-typography-heading-level-6-size: 14px; --dt-typography-heading-level-6-line-height: 1.4285714286; --dt-typography-heading-level-6-text-decoration: none; --dt-typography-heading-level-6-text-transform: none; --dt-typography-subtitle-display-level-1-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-display-level-1-weight: 400; --dt-typography-subtitle-display-level-1-size: 28px; --dt-typography-subtitle-display-level-1-line-height: 1.4285714286; --dt-typography-subtitle-display-level-1-text-decoration: none; --dt-typography-subtitle-display-level-1-text-transform: none; --dt-typography-subtitle-display-level-2-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-display-level-2-weight: 400; --dt-typography-subtitle-display-level-2-size: 24px; --dt-typography-subtitle-display-level-2-line-height: 1.5; --dt-typography-subtitle-display-level-2-text-decoration: none; --dt-typography-subtitle-display-level-2-text-transform: none; --dt-typography-subtitle-display-level-3-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-display-level-3-weight: 400; --dt-typography-subtitle-display-level-3-size: 21px; --dt-typography-subtitle-display-level-3-line-height: 1.5238095238; --dt-typography-subtitle-display-level-3-text-decoration: none; --dt-typography-subtitle-display-level-3-text-transform: none; --dt-typography-subtitle-heading-level-1-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-heading-level-1-weight: 400; --dt-typography-subtitle-heading-level-1-size: 21px; --dt-typography-subtitle-heading-level-1-line-height: 1.5238095238; --dt-typography-subtitle-heading-level-1-text-decoration: none; --dt-typography-subtitle-heading-level-1-text-transform: none; --dt-typography-subtitle-heading-level-2-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-heading-level-2-weight: 400; --dt-typography-subtitle-heading-level-2-size: 18px; --dt-typography-subtitle-heading-level-2-line-height: 1.5555555556; --dt-typography-subtitle-heading-level-2-text-decoration: none; --dt-typography-subtitle-heading-level-2-text-transform: none; --dt-typography-subtitle-heading-level-3-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-subtitle-heading-level-3-weight: 400; --dt-typography-subtitle-heading-level-3-size: 16px; --dt-typography-subtitle-heading-level-3-line-height: 1.5; --dt-typography-subtitle-heading-level-3-text-decoration: none; --dt-typography-subtitle-heading-level-3-text-transform: none; --dt-typography-text-base-default-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-text-base-default-weight: 400; --dt-typography-text-base-default-size: 14px; --dt-typography-text-base-default-line-height: 1.4285714286; --dt-typography-text-base-default-text-decoration: none; --dt-typography-text-base-default-text-transform: none; --dt-typography-text-base-emphasized-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-text-base-emphasized-weight: 500; --dt-typography-text-base-emphasized-size: 14px; --dt-typography-text-base-emphasized-line-height: 1.4285714286; --dt-typography-text-base-emphasized-text-decoration: none; --dt-typography-text-base-emphasized-text-transform: none; --dt-typography-text-small-default-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-text-small-default-weight: 400; --dt-typography-text-small-default-size: 12px; --dt-typography-text-small-default-line-height: 1.333333333; --dt-typography-text-small-default-text-decoration: none; --dt-typography-text-small-default-text-transform: none; --dt-typography-text-small-emphasized-family: DynatraceFlow, Roboto, Helvetica, sans-serif; --dt-typography-text-small-emphasized-weight: 500; --dt-typography-text-small-emphasized-size: 12px; --dt-typography-text-small-emphasized-line-height: 1.333333333; --dt-typography-text-small-emphasized-text-decoration: none; --dt-typography-text-small-emphasized-text-transform: none; --dt-typography-code-base-default-family: Roboto Mono, monospace; --dt-typography-code-base-default-weight: 400; --dt-typography-code-base-default-size: 14px; --dt-typography-code-base-default-line-height: 1.4285714286; --dt-typography-code-base-default-text-decoration: none; --dt-typography-code-base-default-text-transform: none; --dt-typography-code-base-emphasized-family: Roboto Mono, monospace; --dt-typography-code-base-emphasized-weight: 500; --dt-typography-code-base-emphasized-size: 14px; --dt-typography-code-base-emphasized-line-height: 1.4285714286; --dt-typography-code-base-emphasized-text-decoration: none; --dt-typography-code-base-emphasized-text-transform: none; --dt-typography-code-small-default-family: Roboto Mono, monospace; --dt-typography-code-small-default-weight: 400; --dt-typography-code-small-default-size: 12px; --dt-typography-code-small-default-line-height: 1.333333333; --dt-typography-code-small-default-text-decoration: none; --dt-typography-code-small-default-text-transform: none; --dt-typography-code-small-emphasized-family: Roboto Mono, monospace; --dt-typography-code-small-emphasized-weight: 500; --dt-typography-code-small-emphasized-size: 12px; --dt-typography-code-small-emphasized-line-height: 1.333333333; --dt-typography-code-small-emphasized-text-decoration: none; --dt-typography-code-small-emphasized-text-transform: none; --dt-animations-open-duration-fast: 170ms; --dt-animations-open-duration-base: 250ms; --dt-animations-open-duration-slow: 400ms; --dt-animations-open-easing: cubic-bezier(0, 0, 0.2, 1); --dt-animations-close-duration-fast: 0ms; --dt-animations-close-duration-base: 170ms; --dt-animations-close-duration-slow: 250ms; --dt-animations-close-easing: cubic-bezier(0.5, 0, 1, 1); --dt-animations-slide-in-duration-fast: 200ms; --dt-animations-slide-in-duration-base: 300ms; --dt-animations-slide-in-duration-slow: 400ms; --dt-animations-slide-in-easing: cubic-bezier(0, 0, 0.2, 1); --dt-animations-slide-out-duration-fast: 150ms; --dt-animations-slide-out-duration-base: 250ms; --dt-animations-slide-out-duration-slow: 350ms; --dt-animations-slide-out-easing: cubic-bezier(0.8, 0, 0.5, 1); --dt-animations-fade-in-duration-fast: 150ms; --dt-animations-fade-in-duration-base: 250ms; --dt-animations-fade-in-duration-slow: 350ms; --dt-animations-fade-in-easing: cubic-bezier(0.5, 0, 1, 1); --dt-animations-fade-out-duration-fast: 150ms; --dt-animations-fade-out-duration-base: 250ms; --dt-animations-fade-out-duration-slow: 350ms; --dt-animations-fade-out-easing: cubic-bezier(0, 0, 0.2, 1); --dt-animations-hover-duration-base: 150ms; --dt-animations-hover-easing: cubic-bezier(0, 0, 0.2, 1); --dt-animations-staggered-motion-duration-fast: 250ms; --dt-animations-staggered-motion-duration-base: 350ms; --dt-animations-staggered-motion-duration-slow: 400ms; --dt-animations-staggered-motion-offset-fast: 20ms; --dt-animations-staggered-motion-offset-base: 30ms; --dt-animations-staggered-motion-offset-slow: 50ms; --dt-animations-staggered-motion-easing: cubic-bezier(0, 0, 0.2, 1); --dt-animations-expand-collapse-duration-fast: 250ms; --dt-animations-expand-collapse-duration-base: 400ms; --dt-animations-expand-collapse-duration-slow: 600ms; --dt-animations-expand-collapse-easing: cubic-bezier(0.4, 0, 0.2, 1); --dt-animations-move-duration-fast: 150ms; --dt-animations-move-duration-base: 400ms; --dt-animations-move-duration-slow: 600ms; --dt-animations-move-easing: cubic-bezier(0.4, 0, 0.2, 1); --dt-animations-rescale-duration-fast: 170ms; --dt-animations-rescale-duration-base: 250ms; --dt-animations-rescale-duration-slow: 400ms; --dt-animations-rescale-easing: cubic-bezier(0.4, 0, 0.2, 1); /** Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end. */ --dt-easings-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Use to convey the acceleration of an object, such as when it's being launched. It starts at a slow pace and then speeds up at the end. */ --dt-easings-accelerate: cubic-bezier(0.5, 0, 1, 1); /** Use to draw attention to an object. It starts slowly, accelerates in the middle, and then slows down again at the end. */ --dt-easings-slow-in-fast-out: cubic-bezier(0.8, 0, 0.5, 1); /** Use to move or scale objects. It starts slowly, quickly accelerates in the middle, and slows down at the end. */ --dt-easings-fast-in-slow-out: cubic-bezier(0.4, 0, 0.2, 1); /** Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place. */ --dt-easings-out-back: cubic-bezier(0.4, 1.6, 0.7, 1); /** Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators. */ --dt-easings-rotate-elastic: cubic-bezier(0.8, 0.3, 0.3, 0.8); --dt-timings-instant-default: 0ms; --dt-timings-offset-short: 20ms; --dt-timings-offset-medium: 30ms; --dt-timings-offset-long: 100ms; --dt-timings-offset-default: 50ms; --dt-timings-fast-quick: 150ms; --dt-timings-fast-default: 170ms; --dt-timings-fast-moderate: 200ms; --dt-timings-base-quick: 250ms; --dt-timings-base-default: 300ms; --dt-timings-base-moderate: 350ms; --dt-timings-slow-default: 400ms; --dt-timings-slow-moderate: 600ms; --dt-timings-slow-gentle: 800ms; --dt-timings-slowest-default: 1000ms; --dt-timings-slowest-moderate: 1200ms; --dt-timings-slowest-gentle: 1500ms; --ifm-background-color: #fff; --ifm-toc-border-color: #dadde1; --ifm-menu-color-background-hover: #0000000d; --ifm-navbar-height: 3.75rem; --ifm-navbar-padding-vertical: calc(1rem * 0.5); --ifm-navbar-padding-horizontal: 1rem; --ifm-breadcrumb-border-radius: 1.5rem; --ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,'); --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { /** Use as the default level of elevation. */ --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #f0f0f514; /** Use as the default level of elevation when a user's pointer is over an interactive surface. */ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use as the default level of elevation when the user is pressing an interactive surface. */ --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #f0f0f514; /** Use as the default level of elevation when moving a surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; /** Use for raised surfaces. */ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use when a user's pointer is over an interactive raised surface. */ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when the user is pressing an interactive raised surface. */ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use when moving a raised surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; /** Use for floating surfaces. */ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when a user's pointer is over an interactive floating surface. */ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 10px 8px #112c; /** Use when the user is pressing an interactive floating surface. */ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when moving a floating surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; --dt-colors-theme-foreground-10: #f0f0f5; --dt-colors-theme-foreground-20: #112; --dt-colors-theme-background-10: #19192c; --dt-colors-theme-background-20: #112; --dt-colors-theme-neutral-10: #212135; --dt-colors-theme-neutral-20: #292a3e; --dt-colors-theme-neutral-30: #323248; --dt-colors-theme-neutral-40: #3b3b52; --dt-colors-theme-neutral-50: #44445c; --dt-colors-theme-neutral-60: #4d4e66; --dt-colors-theme-neutral-70: #a0a1c0; --dt-colors-theme-neutral-80: #b0b1d0; --dt-colors-theme-neutral-90: #bfc0e1; --dt-colors-theme-primary-10: #212138; --dt-colors-theme-primary-20: #292944; --dt-colors-theme-primary-30: #313150; --dt-colors-theme-primary-40: #39395d; --dt-colors-theme-primary-50: #42426a; --dt-colors-theme-primary-60: #4a4b78; --dt-colors-theme-primary-70: #999bed; --dt-colors-theme-primary-80: #a8abfe; --dt-colors-theme-primary-90: #b8bbff; --dt-colors-theme-success-10: #1e2234; --dt-colors-theme-success-20: #222c3c; --dt-colors-theme-success-30: #273644; --dt-colors-theme-success-40: #2b404c; --dt-colors-theme-success-50: #304a54; --dt-colors-theme-success-60: #34545d; --dt-colors-theme-success-70: #5eb1a9; --dt-colors-theme-success-80: #6ec1b9; --dt-colors-theme-success-90: #7ed1c9; --dt-colors-theme-warning-10: #252230; --dt-colors-theme-warning-20: #332c34; --dt-colors-theme-warning-30: #403537; --dt-colors-theme-warning-40: #4e3e39; --dt-colors-theme-warning-50: #5d483c; --dt-colors-theme-warning-60: #6c523e; --dt-colors-theme-warning-70: #eea746; --dt-colors-theme-warning-80: #ffb758; --dt-colors-theme-warning-90: #ffc974; --dt-colors-theme-critical-10: #251c2e; --dt-colors-theme-critical-20: #301f2f; --dt-colors-theme-critical-30: #3c2131; --dt-colors-theme-critical-40: #482332; --dt-colors-theme-critical-50: #542433; --dt-colors-theme-critical-60: #602634; --dt-colors-theme-critical-70: #c82d40; --dt-colors-theme-critical-80: #b61532; --dt-colors-theme-critical-90: #a50024; /** Use for the background of your app. */ --dt-colors-background-base-default: #19192c; /** Use as the backdrop for surfaces to reduce the visual noise of background elements. */ --dt-colors-background-surface-backdrop: #19192ccc; /** Use for default surface background. */ --dt-colors-background-surface-default: #112; /** Use for subtle containers. */ --dt-colors-background-container-neutral-subdued: #19192c; /** Use for default containers. */ --dt-colors-background-container-neutral-default: #212135; /** Use for emphasized neutral containers that draw attention. */ --dt-colors-background-container-neutral-emphasized: #292a3e; /** Use for accentuated neutral containers with high contrast. Use sparingly. */ --dt-colors-background-container-neutral-accent: #a0a1c0; /** Use for default primary color containers. */ --dt-colors-background-container-primary-default: #212138; /** Use for emphasized primary color containers that draw attention. */ --dt-colors-background-container-primary-emphasized: #292944; /** Use for accentuated primary color containers with high contrast. Use sparingly. */ --dt-colors-background-container-primary-accent: #999bed; /** Use for default success color containers. */ --dt-colors-background-container-success-default: #1e2234; /** Use for emphasized success color containers that draw attention. */ --dt-colors-background-container-success-emphasized: #222c3c; /** Use for accentuated success color containers with high contrast. Use sparingly. */ --dt-colors-background-container-success-accent: #5eb1a9; /** Use for default warning color containers. */ --dt-colors-background-container-warning-default: #252230; /** Use for emphasized warning color containers that draw attention. */ --dt-colors-background-container-warning-emphasized: #332c34; /** Use for accentuated warning color containers with high contrast. Use sparingly. */ --dt-colors-background-container-warning-accent: #eea746; /** Use for default critical color containers. */ --dt-colors-background-container-critical-default: #251c2e; /** Use for emphasized critical color containers that draw attention. */ --dt-colors-background-container-critical-emphasized: #301f2f; /** Use for accentuated critical color containers with high contrast. Use sparingly. */ --dt-colors-background-container-critical-accent: #c82d40; /** Use for disabled neutral fields. */ --dt-colors-background-field-neutral-disabled: #32324880; /** Use for default neutral fields. */ --dt-colors-background-field-neutral-default: #32324800; /** Use for hover interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-hover: #3b3b52; /** Use for click interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-active: #44445c; /** Use for emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized: #323248; /** Use for hover interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-hover: #3b3b52; /** Use for click interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-active: #44445c; /** Use for accentuated neutral fields. Use sparingly. */ --dt-colors-background-field-neutral-accent: #a0a1c0; /** Use for hover interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-hover: #b0b1d0; /** Use for click interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-active: #bfc0e1; /** Use for disabled primary fields. */ --dt-colors-background-field-primary-disabled: #32324880; /** Use for default primary fields. */ --dt-colors-background-field-primary-default: #31315000; /** Use for hover interaction on default primary fields. */ --dt-colors-background-field-primary-default-hover: #39395d; /** Use for click interaction on default primary fields. */ --dt-colors-background-field-primary-default-active: #42426a; /** Use for emphasized primary fields. */ --dt-colors-background-field-primary-emphasized: #313150; /** Use for hover interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-hover: #39395d; /** Use for click interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-active: #42426a; /** Use for accentuated primary fields. Use sparingly. */ --dt-colors-background-field-primary-accent: #999bed; /** Use for hover interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-hover: #a8abfe; /** Use for click interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-active: #b8bbff; /** Use for disabled success fields. */ --dt-colors-background-field-success-disabled: #32324880; /** Use for default success fields. */ --dt-colors-background-field-success-default: #27364400; /** Use for hover interaction on default success fields. */ --dt-colors-background-field-success-default-hover: #2b404c; /** Use for click interaction on default success fields. */ --dt-colors-background-field-success-default-active: #304a54; /** Use for emphasized success fields. */ --dt-colors-background-field-success-emphasized: #273644; /** Use for hover interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-hover: #2b404c; /** Use for click interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-active: #304a54; /** Use for accentuated success fields. Use sparingly. */ --dt-colors-background-field-success-accent: #5eb1a9; /** Use for hover interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-hover: #6ec1b9; /** Use for click interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-active: #7ed1c9; /** Use for disabled warning fields. */ --dt-colors-background-field-warning-disabled: #32324880; /** Use for default warning fields. */ --dt-colors-background-field-warning-default: #40353700; /** Use for hover interaction on default warning fields. */ --dt-colors-background-field-warning-default-hover: #4e3e39; /** Use for click interaction on default warning fields. */ --dt-colors-background-field-warning-default-active: #5d483c; /** Use for emphasized warning fields. */ --dt-colors-background-field-warning-emphasized: #403537; /** Use for hover interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-hover: #4e3e39; /** Use for click interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-active: #5d483c; /** Use for accentuated warning fields. Use sparingly. */ --dt-colors-background-field-warning-accent: #eea746; /** Use for hover interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-hover: #ffb758; /** Use for click interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-active: #ffc974; /** Use for disabled critical fields. */ --dt-colors-background-field-critical-disabled: #32324880; /** Use for default critical fields. */ --dt-colors-background-field-critical-default: #3c213100; /** Use for hover interaction on default critical fields. */ --dt-colors-background-field-critical-default-hover: #482332; /** Use for click interaction on default critical fields. */ --dt-colors-background-field-critical-default-active: #542433; /** Use for emphasized critical fields. */ --dt-colors-background-field-critical-emphasized: #3c2131; /** Use for hover interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-hover: #482332; /** Use for click interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-active: #542433; /** Use for accentuated critical fields. Use sparingly. */ --dt-colors-background-field-critical-accent: #c82d40; /** Use for hover interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-hover: #b61532; /** Use for click interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-active: #a50024; /** Use as the default border color in a disabled state. */ --dt-colors-border-neutral-disabled: #3b3b5280; /** Use as the default border color. */ --dt-colors-border-neutral-default: #3b3b52; /** Use as default border color on hover interaction. */ --dt-colors-border-neutral-default-hover: #44445c; /** Use as default border color on click interaction. */ --dt-colors-border-neutral-default-active: #4d4e66; /** Use as the border color of accentuated elements. */ --dt-colors-border-neutral-accent: #b1b2d2; /** Use as border color of accentuated elements on hover interaction. */ --dt-colors-border-neutral-accent-hover: #cecff0; /** Use as border color of accentuated elements on click interaction. */ --dt-colors-border-neutral-accent-active: #ebecff; /** Use as border color for disabled elements in accentuated context. */ --dt-colors-border-neutral-on-accent-disabled: #1f203333; /** Use as border color for elements in accentuated context. */ --dt-colors-border-neutral-on-accent-default: #1f2033; /** Use as border color for elements in accentuated context on hover interaction. */ --dt-colors-border-neutral-on-accent-default-hover: #1f2033cc; /** Use as border color for elements in accentuated context on click interaction. */ --dt-colors-border-neutral-on-accent-default-active: #1f203399; /** Use as border primary color in a disabled state. */ --dt-colors-border-primary-disabled: #3b3b5280; /** Use as the default primary border color. */ --dt-colors-border-primary-default: #39395d; /** Use as default border primary color on hover interaction. */ --dt-colors-border-primary-default-hover: #42426a; /** Use as default border primary color on click interaction. */ --dt-colors-border-primary-default-active: #4a4b78; /** Use as the border color of primary accentuated elements. */ --dt-colors-border-primary-accent: #adb0ff; /** Use as border color of primary accentuated elements on hover interaction. */ --dt-colors-border-primary-accent-hover: #ccd0ff; /** Use as border color of primary accentuated elements on click interaction. */ --dt-colors-border-primary-accent-active: #eef1ff; /** Use as border color for disabled elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-disabled: #1f203733; /** Use as border color for elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-default: #1f2037; /** Use as border color for elements in primary accentuated context on hover interaction. */ --dt-colors-border-primary-on-accent-default-hover: #1f2037cc; /** Use as border color for elements in primary accentuated context on click interaction. */ --dt-colors-border-primary-on-accent-default-active: #1f203799; /** Use as border success color in a disabled state. */ --dt-colors-border-success-disabled: #3b3b5280; /** Use as the default success border color. */ --dt-colors-border-success-default: #2b404c; /** Use as default border success color on hover interaction. */ --dt-colors-border-success-default-hover: #304a54; /** Use as default border success color on click interaction. */ --dt-colors-border-success-default-active: #34545d; /** Use as the border color of success accentuated elements. */ --dt-colors-border-success-accent: #6fc3ba; /** Use as border color of success accentuated elements on hover interaction. */ --dt-colors-border-success-accent-hover: #8ce0d7; /** Use as border color of success accentuated elements on click interaction. */ --dt-colors-border-success-accent-active: #aafef5; /** Use as border color for disabled elements in success accentuated context. */ --dt-colors-border-success-on-accent-disabled: #1a233233; /** Use as border color for elements in success accentuated context. */ --dt-colors-border-success-on-accent-default: #1a2332; /** Use as border color for elements in success accentuated context on hover interaction. */ --dt-colors-border-success-on-accent-default-hover: #1a2332cc; /** Use as border color for elements in success accentuated context on click interaction. */ --dt-colors-border-success-on-accent-default-active: #1a233299; /** Use as border warning color in a disabled state. */ --dt-colors-border-warning-disabled: #3b3b5280; /** Use as the default warning border color. */ --dt-colors-border-warning-default: #4e3e39; /** Use as default border warning color on hover interaction. */ --dt-colors-border-warning-default-hover: #5d483c; /** Use as default border warning color on click interaction. */ --dt-colors-border-warning-default-active: #6c523e; /** Use as the border color of warning accentuated elements. */ --dt-colors-border-warning-accent: #eea83f; /** Use as border color of warning accentuated elements on hover interaction. */ --dt-colors-border-warning-accent-hover: #ffc563; /** Use as border color of warning accentuated elements on click interaction. */ --dt-colors-border-warning-accent-active: #ffecc3; /** Use as border color for disabled elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-disabled: #27212633; /** Use as border color for elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-default: #272126; /** Use as border color for elements in warning accentuated context on hover interaction. */ --dt-colors-border-warning-on-accent-default-hover: #272126cc; /** Use as border color for elements in warning accentuated context on click interaction. */ --dt-colors-border-warning-on-accent-default-active: #27212699; /** Use as border critical color in a disabled state. */ --dt-colors-border-critical-disabled: #3b3b5280; /** Use as the default critical border color. */ --dt-colors-border-critical-default: #482332; /** Use as default border critical color on hover interaction. */ --dt-colors-border-critical-default-hover: #542433; /** Use as default border critical color on click interaction. */ --dt-colors-border-critical-default-active: #602634; /** Use as the border color of critical accentuated elements. */ --dt-colors-border-critical-accent: #ff999c; /** Use as border color of critical accentuated elements on hover interaction. */ --dt-colors-border-critical-accent-hover: #ffc1c1; /** Use as border color of critical accentuated elements on click interaction. */ --dt-colors-border-critical-accent-active: #ffeceb; /** Use as border color for disabled elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-disabled: #f9f1f333; /** Use as border color for elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-default: #f9f1f3; /** Use as border color for elements in critical accentuated context on hover interaction. */ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc; /** Use as border color for elements in critical accentuated context on click interaction. */ --dt-colors-border-critical-on-accent-default-active: #f9f1f399; /** Use for text color on disabled state. */ --dt-colors-text-neutral-disabled: #b1b2d280; /** Use for subtle, understated text color. */ --dt-colors-text-neutral-subdued: #b1b2d2; /** Use for subtle, understated text color on hover interaction. */ --dt-colors-text-neutral-subdued-hover: #cecff0; /** Use for subtle, understated text color on click interaction. */ --dt-colors-text-neutral-subdued-active: #ebecff; /** Use as the default text color. */ --dt-colors-text-neutral-default: #ebecff; /** Use as the default text color on hover interaction. */ --dt-colors-text-neutral-default-hover: #cecff0; /** Use as the default text color on click interaction. */ --dt-colors-text-neutral-default-active: #b1b2d2; /** Use as text color for disabled elements in accentuated context. */ --dt-colors-text-neutral-on-accent-disabled: #1f203380; /** Use as text color for elements in accentuated context. */ --dt-colors-text-neutral-on-accent-default: #1f2033; /** Use as text color for elements in accentuated context on hover interaction. */ --dt-colors-text-neutral-on-accent-default-hover: #1f2033cc; /** Use as text color for elements in accentuated context on click interaction. */ --dt-colors-text-neutral-on-accent-default-active: #1f203399; /** Use for primary text color on disabled state. */ --dt-colors-text-primary-disabled: #b1b2d280; /** Use as the default primary text color. */ --dt-colors-text-primary-default: #adb0ff; /** Use as the default primary text color on hover interaction. */ --dt-colors-text-primary-default-hover: #ccd0ff; /** Use as the default primary text color on click interaction. */ --dt-colors-text-primary-default-active: #eef1ff; /** Use as text color for disabled elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-disabled: #1f203780; /** Use as text color for elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-default: #1f2037; /** Use as text color for elements in primary accentuated context on hover interaction. */ --dt-colors-text-primary-on-accent-default-hover: #1f2037cc; /** Use as text color for elements in primary accentuated context on click interaction. */ --dt-colors-text-primary-on-accent-default-active: #1f203799; /** Use for success text color on disabled state. */ --dt-colors-text-success-disabled: #b1b2d280; /** Use as the default success text color. */ --dt-colors-text-success-default: #6fc3ba; /** Use as the default success text color on hover interaction. */ --dt-colors-text-success-default-hover: #8ce0d7; /** Use as the default success text color on click interaction. */ --dt-colors-text-success-default-active: #aafef5; /** Use as text color for disabled elements in success accentuated context. */ --dt-colors-text-success-on-accent-disabled: #1a233280; /** Use as text color for elements in success accentuated context. */ --dt-colors-text-success-on-accent-default: #1a2332; /** Use as text color for elements in success accentuated context on hover interaction. */ --dt-colors-text-success-on-accent-default-hover: #1a2332cc; /** Use as text color for elements in success accentuated context on click interaction. */ --dt-colors-text-success-on-accent-default-active: #1a233299; /** Use for warning text color on disabled state. */ --dt-colors-text-warning-disabled: #b1b2d280; /** Use as the default warning text color. */ --dt-colors-text-warning-default: #eea83f; /** Use as the default warning text color on hover interaction. */ --dt-colors-text-warning-default-hover: #ffc563; /** Use as the default warning text color on click interaction. */ --dt-colors-text-warning-default-active: #ffecc3; /** Use as text color for disabled elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-disabled: #27212680; /** Use as text color for elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-default: #272126; /** Use as text color for elements in warning accentuated context on hover interaction. */ --dt-colors-text-warning-on-accent-default-hover: #272126cc; /** Use as text color for elements in warning accentuated context on click interaction. */ --dt-colors-text-warning-on-accent-default-active: #27212699; /** Use for critical text color on disabled state. */ --dt-colors-text-critical-disabled: #b1b2d280; /** Use as the default critical text color. */ --dt-colors-text-critical-default: #ff999c; /** Use as the default critical text color on hover interaction. */ --dt-colors-text-critical-default-hover: #ffc1c1; /** Use as the default critical text color on click interaction. */ --dt-colors-text-critical-default-active: #ffeceb; /** Use as text color for disabled elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-disabled: #f9f1f380; /** Use as text color for elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-default: #f9f1f3; /** Use as text color for elements in critical accentuated context on hover interaction. */ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc; /** Use as text color for elements in critical accentuated context on click interaction. */ --dt-colors-text-critical-on-accent-default-active: #f9f1f399; /** Use for icon color on disabled state. */ --dt-colors-icon-neutral-disabled: #b1b2d280; /** Use for subtle, understated icon color. */ --dt-colors-icon-neutral-subdued: #b1b2d2; /** Use for subtle, understated icon color on hover interaction. */ --dt-colors-icon-neutral-subdued-hover: #cecff0; /** Use for subtle, understated icon color on click interaction. */ --dt-colors-icon-neutral-subdued-active: #ebecff; /** Use as the default icon color. */ --dt-colors-icon-neutral-default: #ebecff; /** Use as the default icon color on hover interaction. */ --dt-colors-icon-neutral-default-hover: #cecff0; /** Use as the default icon color on click interaction. */ --dt-colors-icon-neutral-default-active: #b1b2d2; /** Use as icon color for disabled elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-disabled: #1f203380; /** Use as icon color for elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-default: #1f2033; /** Use as icon color for elements in accentuated context on hover interaction. */ --dt-colors-icon-neutral-on-accent-default-hover: #1f2033cc; /** Use as icon color for elements in accentuated context on click interaction. */ --dt-colors-icon-neutral-on-accent-default-active: #1f203399; /** Use for primary icon color on disabled state. */ --dt-colors-icon-primary-disabled: #b1b2d280; /** Use as the default primary icon color. */ --dt-colors-icon-primary-default: #adb0ff; /** Use as the default primary icon color on hover interaction. */ --dt-colors-icon-primary-default-hover: #ccd0ff; /** Use as the default primary icon color on click interaction. */ --dt-colors-icon-primary-default-active: #eef1ff; /** Use as icon color for disabled elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-disabled: #1f203780; /** Use as icon color for elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-default: #1f2037; /** Use as icon color for elements in primary accentuated context on hover interaction. */ --dt-colors-icon-primary-on-accent-default-hover: #1f2037cc; /** Use as icon color for elements in primary accentuated context on click interaction. */ --dt-colors-icon-primary-on-accent-default-active: #1f203799; /** Use for success icon color on disabled state. */ --dt-colors-icon-success-disabled: #b1b2d280; /** Use as the default success icon color. */ --dt-colors-icon-success-default: #6fc3ba; /** Use as the default success icon color on hover interaction. */ --dt-colors-icon-success-default-hover: #8ce0d7; /** Use as the default success icon color on click interaction. */ --dt-colors-icon-success-default-active: #aafef5; /** Use as icon color for disabled elements in success accentuated context. */ --dt-colors-icon-success-on-accent-disabled: #1a233280; /** Use as icon color for elements in success accentuated context. */ --dt-colors-icon-success-on-accent-default: #1a2332; /** Use as icon color for elements in success accentuated context on hover interaction. */ --dt-colors-icon-success-on-accent-default-hover: #1a2332cc; /** Use as icon color for elements in success accentuated context on click interaction. */ --dt-colors-icon-success-on-accent-default-active: #1a233299; /** Use for warning icon color on disabled state. */ --dt-colors-icon-warning-disabled: #b1b2d280; /** Use as the default warning icon color. */ --dt-colors-icon-warning-default: #eea83f; /** Use as the default warning icon color on hover interaction. */ --dt-colors-icon-warning-default-hover: #ffc563; /** Use as the default warning icon color on click interaction. */ --dt-colors-icon-warning-default-active: #ffecc3; /** Use as icon color for disabled elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-disabled: #27212680; /** Use as icon color for elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-default: #272126; /** Use as icon color for elements in warning accentuated context on hover interaction. */ --dt-colors-icon-warning-on-accent-default-hover: #272126cc; /** Use as icon color for elements in warning accentuated context on click interaction. */ --dt-colors-icon-warning-on-accent-default-active: #27212699; /** Use for critical icon color on disabled state. */ --dt-colors-icon-critical-disabled: #b1b2d280; /** Use as the default critical icon color. */ --dt-colors-icon-critical-default: #ff999c; /** Use as the default critical icon color on hover interaction. */ --dt-colors-icon-critical-default-hover: #ffc1c1; /** Use as the default critical icon color on click interaction. */ --dt-colors-icon-critical-default-active: #ffeceb; /** Use as icon color for disabled elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380; /** Use as icon color for elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-default: #f9f1f3; /** Use as icon color for elements in critical accentuated context on hover interaction. */ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc; /** Use as icon color for elements in critical accentuated context on click interaction. */ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399; /** Use to style 'Comment' syntax on a code editor context. */ --dt-colors-syntax-comment: #b2b3cd; /** Use to style 'String' syntax on a code editor context. */ --dt-colors-syntax-string: #80dbca; /** Use to style 'Variable' syntax on a code editor context. */ --dt-colors-syntax-variable: #abb1ed; /** Use to style 'Number' syntax on a code editor context. */ --dt-colors-syntax-number: #fd8fe1; /** Use to style 'Punctuation' syntax on a code editor context. */ --dt-colors-syntax-punctuation: #cfa3f3; /** Use to style 'Function' syntax on a code editor context. */ --dt-colors-syntax-function: #abb1ed; /** Use to style 'Classname' syntax on a code editor context. */ --dt-colors-syntax-classname: #f0f0f5; /** Use to style 'Tag' syntax on a code editor context. */ --dt-colors-syntax-tag: #ff96a6; /** Use to style 'Operators' syntax on a code editor context. */ --dt-colors-syntax-operators: #cfa3f3; /** Use to style 'Boolean' syntax on a code editor context. */ --dt-colors-syntax-boolean: #fe9b7d; --dt-colors-charts-status-ideal-default: #5eb1a9; --dt-colors-charts-status-good-default: #999bed; --dt-colors-charts-status-neutral-default: #a0a1c0; --dt-colors-charts-status-warning-default: #eea746; --dt-colors-charts-status-critical-default: #c82d40; --dt-colors-charts-categorical-color-01-default: #2e5bd6; --dt-colors-charts-categorical-color-02-default: #e1e3ef; --dt-colors-charts-categorical-color-03-default: #368160; --dt-colors-charts-categorical-color-04-default: #d35091; --dt-colors-charts-categorical-color-05-default: #7f8194; --dt-colors-charts-categorical-color-06-default: #b68c2b; --dt-colors-charts-categorical-color-07-default: #4285a9; --dt-colors-charts-categorical-color-08-default: #8d74cd; --dt-colors-charts-categorical-color-09-default: #62903c; --dt-colors-charts-categorical-color-10-default: #a24b20; --dt-colors-charts-categorical-color-11-default: #86c3e4; --dt-colors-charts-categorical-color-12-default: #cd3c44; --dt-colors-charts-categorical-color-13-default: #6fc3ad; --dt-colors-charts-categorical-color-14-default: #dc671e; --dt-colors-charts-categorical-color-15-default: #b138c7; --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #b138c7; --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #b68c2b; --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d35091; --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8d74cd; --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #a24b20; --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3c44; --dt-colors-charts-categorical-themed-swamps-color-01-default: #107e65; --dt-colors-charts-categorical-themed-swamps-color-02-default: #7f8194; --dt-colors-charts-categorical-themed-swamps-color-03-default: #62903c; --dt-colors-charts-categorical-themed-swamps-color-04-default: #a24b20; --dt-colors-charts-categorical-themed-swamps-color-05-default: #e1e3ef; --dt-colors-charts-categorical-themed-swamps-color-06-default: #b68c2b; --dt-colors-charts-categorical-themed-fireplace-color-01-default: #cd3c44; --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d35091; --dt-colors-charts-categorical-themed-fireplace-color-03-default: #dc671e; --dt-colors-charts-categorical-themed-fireplace-color-04-default: #b68c2b; --dt-colors-charts-categorical-themed-fireplace-color-05-default: #a24b20; --dt-colors-charts-categorical-themed-fireplace-color-06-default: #a414bd; --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #5194b8; --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #7f8194; --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #86c3e4; --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8d74cd; --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #2e5bd6; --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #e1e3ef; --dt-colors-charts-logstatus-error-default: #cd3c44; --dt-colors-charts-logstatus-warning-default: #b68c2b; --dt-colors-charts-logstatus-info-default: #2e5bd6; --dt-colors-charts-logstatus-none-default: #606276; --dt-colors-charts-loglevel-emergency-default: #c21930; --dt-colors-charts-loglevel-error-default: #cd3c44; --dt-colors-charts-loglevel-alert-default: #c43b80; --dt-colors-charts-loglevel-critical-default: #df62a1; --dt-colors-charts-loglevel-severe-default: #db7133; --dt-colors-charts-loglevel-warning-default: #b68c2b; --dt-colors-charts-loglevel-notice-default: #368160; --dt-colors-charts-loglevel-info-default: #2e5bd6; --dt-colors-charts-loglevel-debug-default: #8d74cd; --dt-colors-charts-loglevel-none-default: #606276; --dt-colors-charts-apdex-excellent-default: #48936f; --dt-colors-charts-apdex-good-default: #007058; --dt-colors-charts-apdex-fair-default: #b68c2b; --dt-colors-charts-apdex-poor-default: #dc671e; --dt-colors-charts-apdex-unacceptable-default: #cd3c44; --dt-colors-charts-security-risk-level-muted-default: #8f91a3; --dt-colors-charts-security-risk-level-critical-default: #c21930; --dt-colors-charts-security-risk-level-high-default: #d65151; --dt-colors-charts-security-risk-level-medium-default: #b68c2b; --dt-colors-charts-security-risk-level-low-default: #2e5bd6; --dt-colors-charts-security-risk-level-none-default: #606276; --dt-colors-charts-vulnerability-status-muted-default: #8f91a3; --dt-colors-charts-vulnerability-status-resolved-default: #48936f; --dt-colors-charts-vulnerability-status-affected-default: #d65151; --dt-colors-charts-threshold-good-default: #368160; --dt-colors-charts-threshold-warning-default: #b68c2b; --dt-colors-charts-threshold-bad-default: #cd3c44; --dt-colors-charts-rainbow-red-default: #cd3c44; --dt-colors-charts-rainbow-orange-default: #dc671e; --dt-colors-charts-rainbow-yellow-default: #b68c2b; --dt-colors-charts-rainbow-moss-default: #368160; --dt-colors-charts-rainbow-blue-default: #2e5bd6; --dt-colors-charts-rainbow-magenta-default: #b138c7; --dt-colors-charts-sequential-pink-purple-color-01-default: #df62a1; --dt-colors-charts-sequential-pink-purple-color-02-default: #d062a8; --dt-colors-charts-sequential-pink-purple-color-03-default: #c261ae; --dt-colors-charts-sequential-pink-purple-color-04-default: #b15eb5; --dt-colors-charts-sequential-pink-purple-color-05-default: #9e5dbb; --dt-colors-charts-sequential-pink-purple-color-06-default: #8b5bc2; --dt-colors-charts-sequential-pink-purple-color-07-default: #745bc8; --dt-colors-charts-sequential-pink-purple-color-08-default: #595bcf; --dt-colors-charts-sequential-pink-purple-color-09-default: #2e5bd6; --dt-colors-charts-sequential-blue-turquoise-color-01-default: #2e5bd6; --dt-colors-charts-sequential-blue-turquoise-color-02-default: #3b62ce; --dt-colors-charts-sequential-blue-turquoise-color-03-default: #466fc8; --dt-colors-charts-sequential-blue-turquoise-color-04-default: #4e7ac1; --dt-colors-charts-sequential-blue-turquoise-color-05-default: #5185b8; --dt-colors-charts-sequential-blue-turquoise-color-06-default: #5693b3; --dt-colors-charts-sequential-blue-turquoise-color-07-default: #559caa; --dt-colors-charts-sequential-blue-turquoise-color-08-default: #57a8a3; --dt-colors-charts-sequential-blue-turquoise-color-09-default: #53b29a; --dt-colors-charts-sequential-blue-color-01-default: #2e5bd6; --dt-colors-charts-sequential-blue-color-02-default: #4766e1; --dt-colors-charts-sequential-blue-color-03-default: #6178ea; --dt-colors-charts-sequential-blue-color-04-default: #7989f1; --dt-colors-charts-sequential-blue-color-05-default: #8d99f7; --dt-colors-charts-sequential-blue-color-06-default: #9da8fb; --dt-colors-charts-sequential-blue-color-07-default: #b4bcfe; --dt-colors-charts-sequential-blue-color-08-default: #c2cbff; --dt-colors-charts-sequential-blue-color-09-default: #d6dfff; --dt-colors-charts-sequential-grey-color-01-default: #606276; --dt-colors-charts-sequential-grey-color-02-default: #6f7285; --dt-colors-charts-sequential-grey-color-03-default: #7f8194; --dt-colors-charts-sequential-grey-color-04-default: #8f91a3; --dt-colors-charts-sequential-grey-color-05-default: #9fa1b2; --dt-colors-charts-sequential-grey-color-06-default: #afb0c0; --dt-colors-charts-sequential-grey-color-07-default: #bfc1cf; --dt-colors-charts-sequential-grey-color-08-default: #d1d3e0; --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef; --dt-colors-charts-sequential-moss-color-01-default: #287150; --dt-colors-charts-sequential-moss-color-02-default: #368160; --dt-colors-charts-sequential-moss-color-03-default: #48936f; --dt-colors-charts-sequential-moss-color-04-default: #5aa07e; --dt-colors-charts-sequential-moss-color-05-default: #6db08f; --dt-colors-charts-sequential-moss-color-06-default: #85c1a3; --dt-colors-charts-sequential-moss-color-07-default: #9ad0b4; --dt-colors-charts-sequential-moss-color-08-default: #b2e1c9; --dt-colors-charts-sequential-moss-color-09-default: #ccf0dd; --dt-colors-charts-sequential-turquoise-color-01-default: #007058; --dt-colors-charts-sequential-turquoise-color-02-default: #107e65; --dt-colors-charts-sequential-turquoise-color-03-default: #279176; --dt-colors-charts-sequential-turquoise-color-04-default: #3ba087; --dt-colors-charts-sequential-turquoise-color-05-default: #53b29a; --dt-colors-charts-sequential-turquoise-color-06-default: #6fc3ad; --dt-colors-charts-sequential-turquoise-color-07-default: #89d1bf; --dt-colors-charts-sequential-turquoise-color-08-default: #a8e1d2; --dt-colors-charts-sequential-turquoise-color-09-default: #c7efe7; --dt-colors-charts-sequential-pink-color-01-default: #b72a73; --dt-colors-charts-sequential-pink-color-02-default: #c43b80; --dt-colors-charts-sequential-pink-color-03-default: #d35091; --dt-colors-charts-sequential-pink-color-04-default: #df62a1; --dt-colors-charts-sequential-pink-color-05-default: #e977b4; --dt-colors-charts-sequential-pink-color-06-default: #f18ec6; --dt-colors-charts-sequential-pink-color-07-default: #f8a0d8; --dt-colors-charts-sequential-pink-color-08-default: #fcb6ec; --dt-colors-charts-sequential-pink-color-09-default: #ffc7ff; --dt-colors-charts-sequential-yellow-color-01-default: #805b00; --dt-colors-charts-sequential-yellow-color-02-default: #956d09; --dt-colors-charts-sequential-yellow-color-03-default: #a47a19; --dt-colors-charts-sequential-yellow-color-04-default: #b68c2b; --dt-colors-charts-sequential-yellow-color-05-default: #c79e3d; --dt-colors-charts-sequential-yellow-color-06-default: #d5ae53; --dt-colors-charts-sequential-yellow-color-07-default: #e5c16c; --dt-colors-charts-sequential-yellow-color-08-default: #f4d490; --dt-colors-charts-sequential-yellow-color-09-default: #ffedc2; --dt-colors-charts-sequential-petrol-color-01-default: #246789; --dt-colors-charts-sequential-petrol-color-02-default: #337599; --dt-colors-charts-sequential-petrol-color-03-default: #4285a9; --dt-colors-charts-sequential-petrol-color-04-default: #5194b8; --dt-colors-charts-sequential-petrol-color-05-default: #60a3c7; --dt-colors-charts-sequential-petrol-color-06-default: #71b2d6; --dt-colors-charts-sequential-petrol-color-07-default: #86c3e4; --dt-colors-charts-sequential-petrol-color-08-default: #98d2f1; --dt-colors-charts-sequential-petrol-color-09-default: #b0e2fc; --dt-colors-charts-sequential-purple-color-01-default: #6a51bd; --dt-colors-charts-sequential-purple-color-02-default: #7d63c5; --dt-colors-charts-sequential-purple-color-03-default: #8d74cd; --dt-colors-charts-sequential-purple-color-04-default: #9f85d5; --dt-colors-charts-sequential-purple-color-05-default: #ae97dd; --dt-colors-charts-sequential-purple-color-06-default: #bea9e5; --dt-colors-charts-sequential-purple-color-07-default: #cebbed; --dt-colors-charts-sequential-purple-color-08-default: #dfd1f5; --dt-colors-charts-sequential-purple-color-09-default: #efe2fd; --dt-colors-charts-sequential-pear-color-01-default: #3c7114; --dt-colors-charts-sequential-pear-color-02-default: #508028; --dt-colors-charts-sequential-pear-color-03-default: #62903c; --dt-colors-charts-sequential-pear-color-04-default: #75a14f; --dt-colors-charts-sequential-pear-color-05-default: #87b063; --dt-colors-charts-sequential-pear-color-06-default: #99c077; --dt-colors-charts-sequential-pear-color-07-default: #add08b; --dt-colors-charts-sequential-pear-color-08-default: #bfe09f; --dt-colors-charts-sequential-pear-color-09-default: #e1f6cb; --dt-colors-charts-sequential-brown-color-01-default: #913703; --dt-colors-charts-sequential-brown-color-02-default: #a24b20; --dt-colors-charts-sequential-brown-color-03-default: #b16139; --dt-colors-charts-sequential-brown-color-04-default: #c17753; --dt-colors-charts-sequential-brown-color-05-default: #cc8a6b; --dt-colors-charts-sequential-brown-color-06-default: #d9a287; --dt-colors-charts-sequential-brown-color-07-default: #e3b7a0; --dt-colors-charts-sequential-brown-color-08-default: #eecebe; --dt-colors-charts-sequential-brown-color-09-default: #f8e2d8; --dt-colors-charts-sequential-red-color-01-default: #c21930; --dt-colors-charts-sequential-red-color-02-default: #cd3c44; --dt-colors-charts-sequential-red-color-03-default: #d65151; --dt-colors-charts-sequential-red-color-04-default: #df6c68; --dt-colors-charts-sequential-red-color-05-default: #e7817e; --dt-colors-charts-sequential-red-color-06-default: #ee9590; --dt-colors-charts-sequential-red-color-07-default: #f5ada8; --dt-colors-charts-sequential-red-color-08-default: #fbbfbb; --dt-colors-charts-sequential-red-color-09-default: #ffd5d1; --dt-colors-charts-sequential-magenta-color-01-default: #a414bd; --dt-colors-charts-sequential-magenta-color-02-default: #b138c7; --dt-colors-charts-sequential-magenta-color-03-default: #bd50ce; --dt-colors-charts-sequential-magenta-color-04-default: #c766d6; --dt-colors-charts-sequential-magenta-color-05-default: #d27dde; --dt-colors-charts-sequential-magenta-color-06-default: #dd90e4; --dt-colors-charts-sequential-magenta-color-07-default: #e7a2eb; --dt-colors-charts-sequential-magenta-color-08-default: #f0b9f3; --dt-colors-charts-sequential-magenta-color-09-default: #faccfa; --dt-colors-charts-sequential-orange-color-01-default: #b13902; --dt-colors-charts-sequential-orange-color-02-default: #c04b11; --dt-colors-charts-sequential-orange-color-03-default: #ce5e22; --dt-colors-charts-sequential-orange-color-04-default: #db7133; --dt-colors-charts-sequential-orange-color-05-default: #e78446; --dt-colors-charts-sequential-orange-color-06-default: #f2975a; --dt-colors-charts-sequential-orange-color-07-default: #faa770; --dt-colors-charts-sequential-orange-color-08-default: #ffbe8f; --dt-colors-charts-sequential-orange-color-09-default: #fed3b4; --dt-colors-charts-diverging-orange-blue-color-01-default: #b13902; --dt-colors-charts-diverging-orange-blue-color-02-default: #ce5e22; --dt-colors-charts-diverging-orange-blue-color-03-default: #e78446; --dt-colors-charts-diverging-orange-blue-color-04-default: #faa770; --dt-colors-charts-diverging-orange-blue-color-05-default: #fed3b4; --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-blue-color-07-default: #d6dfff; --dt-colors-charts-diverging-orange-blue-color-08-default: #b4bcfe; --dt-colors-charts-diverging-orange-blue-color-09-default: #8d99f7; --dt-colors-charts-diverging-orange-blue-color-10-default: #6178ea; --dt-colors-charts-diverging-orange-blue-color-11-default: #2e5bd6; --dt-colors-charts-diverging-red-blue-color-01-default: #c21930; --dt-colors-charts-diverging-red-blue-color-02-default: #d65151; --dt-colors-charts-diverging-red-blue-color-03-default: #e7817e; --dt-colors-charts-diverging-red-blue-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-blue-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-blue-color-07-default: #d6dfff; --dt-colors-charts-diverging-red-blue-color-08-default: #b4bcfe; --dt-colors-charts-diverging-red-blue-color-09-default: #8d99f7; --dt-colors-charts-diverging-red-blue-color-10-default: #6178ea; --dt-colors-charts-diverging-red-blue-color-11-default: #2e5bd6; --dt-colors-charts-diverging-red-purple-color-01-default: #c21930; --dt-colors-charts-diverging-red-purple-color-02-default: #d65151; --dt-colors-charts-diverging-red-purple-color-03-default: #e7817e; --dt-colors-charts-diverging-red-purple-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-purple-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-purple-color-07-default: #efe2fd; --dt-colors-charts-diverging-red-purple-color-08-default: #cebbed; --dt-colors-charts-diverging-red-purple-color-09-default: #ae97dd; --dt-colors-charts-diverging-red-purple-color-10-default: #8d74cd; --dt-colors-charts-diverging-red-purple-color-11-default: #6a51bd; --dt-colors-charts-diverging-blue-moss-color-01-default: #2e5bd6; --dt-colors-charts-diverging-blue-moss-color-02-default: #6178ea; --dt-colors-charts-diverging-blue-moss-color-03-default: #8d99f7; --dt-colors-charts-diverging-blue-moss-color-04-default: #b4bcfe; --dt-colors-charts-diverging-blue-moss-color-05-default: #d6dfff; --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0; --dt-colors-charts-diverging-blue-moss-color-07-default: #ccf0dd; --dt-colors-charts-diverging-blue-moss-color-08-default: #9ad0b4; --dt-colors-charts-diverging-blue-moss-color-09-default: #6db08f; --dt-colors-charts-diverging-blue-moss-color-10-default: #48936f; --dt-colors-charts-diverging-blue-moss-color-11-default: #287150; --dt-colors-charts-diverging-purple-yellow-color-01-default: #6a51bd; --dt-colors-charts-diverging-purple-yellow-color-02-default: #8d74cd; --dt-colors-charts-diverging-purple-yellow-color-03-default: #ae97dd; --dt-colors-charts-diverging-purple-yellow-color-04-default: #cebbed; --dt-colors-charts-diverging-purple-yellow-color-05-default: #efe2fd; --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0; --dt-colors-charts-diverging-purple-yellow-color-07-default: #ffedc2; --dt-colors-charts-diverging-purple-yellow-color-08-default: #e5c16c; --dt-colors-charts-diverging-purple-yellow-color-09-default: #c79e3d; --dt-colors-charts-diverging-purple-yellow-color-10-default: #a47a19; --dt-colors-charts-diverging-purple-yellow-color-11-default: #805b00; --dt-colors-charts-diverging-red-green-color-01-default: #c21930; --dt-colors-charts-diverging-red-green-color-02-default: #d65151; --dt-colors-charts-diverging-red-green-color-03-default: #e7817e; --dt-colors-charts-diverging-red-green-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-green-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-green-color-07-default: #ccf0dd; --dt-colors-charts-diverging-red-green-color-08-default: #9ad0b4; --dt-colors-charts-diverging-red-green-color-09-default: #6db08f; --dt-colors-charts-diverging-red-green-color-10-default: #48936f; --dt-colors-charts-diverging-red-green-color-11-default: #287150; --dt-colors-charts-diverging-orange-petrol-color-01-default: #b13902; --dt-colors-charts-diverging-orange-petrol-color-02-default: #ce5e22; --dt-colors-charts-diverging-orange-petrol-color-03-default: #e78446; --dt-colors-charts-diverging-orange-petrol-color-04-default: #faa770; --dt-colors-charts-diverging-orange-petrol-color-05-default: #fed3b4; --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-petrol-color-07-default: #b0e2fc; --dt-colors-charts-diverging-orange-petrol-color-08-default: #86c3e4; --dt-colors-charts-diverging-orange-petrol-color-09-default: #60a3c7; --dt-colors-charts-diverging-orange-petrol-color-10-default: #4285a9; --dt-colors-charts-diverging-orange-petrol-color-11-default: #246789; --dt-colors-charts-diverging-pink-green-color-01-default: #b72a73; --dt-colors-charts-diverging-pink-green-color-02-default: #d35091; --dt-colors-charts-diverging-pink-green-color-03-default: #e977b4; --dt-colors-charts-diverging-pink-green-color-04-default: #f8a0d8; --dt-colors-charts-diverging-pink-green-color-05-default: #ffc7ff; --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-pink-green-color-07-default: #ccf0dd; --dt-colors-charts-diverging-pink-green-color-08-default: #9ad0b4; --dt-colors-charts-diverging-pink-green-color-09-default: #6db08f; --dt-colors-charts-diverging-pink-green-color-10-default: #48936f; --dt-colors-charts-diverging-pink-green-color-11-default: #287150; --ifm-background-color: #1b1c2e; --ifm-toc-border-color: #444950; --ifm-menu-color-background-hover: #ffffff0d; } } :root[data-theme="dark"] { /** Use as the default level of elevation. */ --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #f0f0f514; /** Use as the default level of elevation when a user's pointer is over an interactive surface. */ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use as the default level of elevation when the user is pressing an interactive surface. */ --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #f0f0f514; /** Use as the default level of elevation when moving a surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; /** Use for raised surfaces. */ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use when a user's pointer is over an interactive raised surface. */ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when the user is pressing an interactive raised surface. */ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c; /** Use when moving a raised surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; /** Use for floating surfaces. */ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when a user's pointer is over an interactive floating surface. */ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 10px 8px #112c; /** Use when the user is pressing an interactive floating surface. */ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c; /** Use when moving a floating surface, on drag-and-drop interaction. */ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c; /** Use with `@media` `max-width` to apply styles to mobile-sized screens. */ --dt-breakpoints-max-mobile: 640px; /** Use with `@media` `max-width` to apply styles to tablets and smaller screens. */ --dt-breakpoints-max-tablet: 960px; /** Use with `@media` `max-width` to apply styles to desktops and smaller screens. */ --dt-breakpoints-max-desktop: 1920px; /** Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes. */ --dt-breakpoints-min-tablet: 641px; /** Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes. */ --dt-breakpoints-min-desktop: 961px; /** Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes. */ --dt-breakpoints-min-widescreen: 1921px; --dt-colors-theme-foreground-10: #f0f0f5; --dt-colors-theme-foreground-20: #112; --dt-colors-theme-background-10: #19192c; --dt-colors-theme-background-20: #112; --dt-colors-theme-neutral-10: #212135; --dt-colors-theme-neutral-20: #292a3e; --dt-colors-theme-neutral-30: #323248; --dt-colors-theme-neutral-40: #3b3b52; --dt-colors-theme-neutral-50: #44445c; --dt-colors-theme-neutral-60: #4d4e66; --dt-colors-theme-neutral-70: #a0a1c0; --dt-colors-theme-neutral-80: #b0b1d0; --dt-colors-theme-neutral-90: #bfc0e1; --dt-colors-theme-primary-10: #212138; --dt-colors-theme-primary-20: #292944; --dt-colors-theme-primary-30: #313150; --dt-colors-theme-primary-40: #39395d; --dt-colors-theme-primary-50: #42426a; --dt-colors-theme-primary-60: #4a4b78; --dt-colors-theme-primary-70: #999bed; --dt-colors-theme-primary-80: #a8abfe; --dt-colors-theme-primary-90: #b8bbff; --dt-colors-theme-success-10: #1e2234; --dt-colors-theme-success-20: #222c3c; --dt-colors-theme-success-30: #273644; --dt-colors-theme-success-40: #2b404c; --dt-colors-theme-success-50: #304a54; --dt-colors-theme-success-60: #34545d; --dt-colors-theme-success-70: #5eb1a9; --dt-colors-theme-success-80: #6ec1b9; --dt-colors-theme-success-90: #7ed1c9; --dt-colors-theme-warning-10: #252230; --dt-colors-theme-warning-20: #332c34; --dt-colors-theme-warning-30: #403537; --dt-colors-theme-warning-40: #4e3e39; --dt-colors-theme-warning-50: #5d483c; --dt-colors-theme-warning-60: #6c523e; --dt-colors-theme-warning-70: #eea746; --dt-colors-theme-warning-80: #ffb758; --dt-colors-theme-warning-90: #ffc974; --dt-colors-theme-critical-10: #251c2e; --dt-colors-theme-critical-20: #301f2f; --dt-colors-theme-critical-30: #3c2131; --dt-colors-theme-critical-40: #482332; --dt-colors-theme-critical-50: #542433; --dt-colors-theme-critical-60: #602634; --dt-colors-theme-critical-70: #c82d40; --dt-colors-theme-critical-80: #b61532; --dt-colors-theme-critical-90: #a50024; /** Use for the background of your app. */ --dt-colors-background-base-default: #19192c; /** Use as the backdrop for surfaces to reduce the visual noise of background elements. */ --dt-colors-background-surface-backdrop: #19192ccc; /** Use for default surface background. */ --dt-colors-background-surface-default: #112; /** Use for subtle containers. */ --dt-colors-background-container-neutral-subdued: #19192c; /** Use for default containers. */ --dt-colors-background-container-neutral-default: #212135; /** Use for emphasized neutral containers that draw attention. */ --dt-colors-background-container-neutral-emphasized: #292a3e; /** Use for accentuated neutral containers with high contrast. Use sparingly. */ --dt-colors-background-container-neutral-accent: #a0a1c0; /** Use for default primary color containers. */ --dt-colors-background-container-primary-default: #212138; /** Use for emphasized primary color containers that draw attention. */ --dt-colors-background-container-primary-emphasized: #292944; /** Use for accentuated primary color containers with high contrast. Use sparingly. */ --dt-colors-background-container-primary-accent: #999bed; /** Use for default success color containers. */ --dt-colors-background-container-success-default: #1e2234; /** Use for emphasized success color containers that draw attention. */ --dt-colors-background-container-success-emphasized: #222c3c; /** Use for accentuated success color containers with high contrast. Use sparingly. */ --dt-colors-background-container-success-accent: #5eb1a9; /** Use for default warning color containers. */ --dt-colors-background-container-warning-default: #252230; /** Use for emphasized warning color containers that draw attention. */ --dt-colors-background-container-warning-emphasized: #332c34; /** Use for accentuated warning color containers with high contrast. Use sparingly. */ --dt-colors-background-container-warning-accent: #eea746; /** Use for default critical color containers. */ --dt-colors-background-container-critical-default: #251c2e; /** Use for emphasized critical color containers that draw attention. */ --dt-colors-background-container-critical-emphasized: #301f2f; /** Use for accentuated critical color containers with high contrast. Use sparingly. */ --dt-colors-background-container-critical-accent: #c82d40; /** Use for disabled neutral fields. */ --dt-colors-background-field-neutral-disabled: #32324880; /** Use for default neutral fields. */ --dt-colors-background-field-neutral-default: #32324800; /** Use for hover interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-hover: #3b3b52; /** Use for click interaction on default neutral fields. */ --dt-colors-background-field-neutral-default-active: #44445c; /** Use for emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized: #323248; /** Use for hover interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-hover: #3b3b52; /** Use for click interaction on emphasized neutral fields. */ --dt-colors-background-field-neutral-emphasized-active: #44445c; /** Use for accentuated neutral fields. Use sparingly. */ --dt-colors-background-field-neutral-accent: #a0a1c0; /** Use for hover interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-hover: #b0b1d0; /** Use for click interaction on accentuated neutral fields. */ --dt-colors-background-field-neutral-accent-active: #bfc0e1; /** Use for disabled primary fields. */ --dt-colors-background-field-primary-disabled: #32324880; /** Use for default primary fields. */ --dt-colors-background-field-primary-default: #31315000; /** Use for hover interaction on default primary fields. */ --dt-colors-background-field-primary-default-hover: #39395d; /** Use for click interaction on default primary fields. */ --dt-colors-background-field-primary-default-active: #42426a; /** Use for emphasized primary fields. */ --dt-colors-background-field-primary-emphasized: #313150; /** Use for hover interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-hover: #39395d; /** Use for click interaction on emphasized primary fields. */ --dt-colors-background-field-primary-emphasized-active: #42426a; /** Use for accentuated primary fields. Use sparingly. */ --dt-colors-background-field-primary-accent: #999bed; /** Use for hover interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-hover: #a8abfe; /** Use for click interaction on accentuated primary fields. */ --dt-colors-background-field-primary-accent-active: #b8bbff; /** Use for disabled success fields. */ --dt-colors-background-field-success-disabled: #32324880; /** Use for default success fields. */ --dt-colors-background-field-success-default: #27364400; /** Use for hover interaction on default success fields. */ --dt-colors-background-field-success-default-hover: #2b404c; /** Use for click interaction on default success fields. */ --dt-colors-background-field-success-default-active: #304a54; /** Use for emphasized success fields. */ --dt-colors-background-field-success-emphasized: #273644; /** Use for hover interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-hover: #2b404c; /** Use for click interaction on emphasized success fields. */ --dt-colors-background-field-success-emphasized-active: #304a54; /** Use for accentuated success fields. Use sparingly. */ --dt-colors-background-field-success-accent: #5eb1a9; /** Use for hover interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-hover: #6ec1b9; /** Use for click interaction on accentuated success fields. */ --dt-colors-background-field-success-accent-active: #7ed1c9; /** Use for disabled warning fields. */ --dt-colors-background-field-warning-disabled: #32324880; /** Use for default warning fields. */ --dt-colors-background-field-warning-default: #40353700; /** Use for hover interaction on default warning fields. */ --dt-colors-background-field-warning-default-hover: #4e3e39; /** Use for click interaction on default warning fields. */ --dt-colors-background-field-warning-default-active: #5d483c; /** Use for emphasized warning fields. */ --dt-colors-background-field-warning-emphasized: #403537; /** Use for hover interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-hover: #4e3e39; /** Use for click interaction on emphasized warning fields. */ --dt-colors-background-field-warning-emphasized-active: #5d483c; /** Use for accentuated warning fields. Use sparingly. */ --dt-colors-background-field-warning-accent: #eea746; /** Use for hover interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-hover: #ffb758; /** Use for click interaction on accentuated warning fields. */ --dt-colors-background-field-warning-accent-active: #ffc974; /** Use for disabled critical fields. */ --dt-colors-background-field-critical-disabled: #32324880; /** Use for default critical fields. */ --dt-colors-background-field-critical-default: #3c213100; /** Use for hover interaction on default critical fields. */ --dt-colors-background-field-critical-default-hover: #482332; /** Use for click interaction on default critical fields. */ --dt-colors-background-field-critical-default-active: #542433; /** Use for emphasized critical fields. */ --dt-colors-background-field-critical-emphasized: #3c2131; /** Use for hover interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-hover: #482332; /** Use for click interaction on emphasized critical fields. */ --dt-colors-background-field-critical-emphasized-active: #542433; /** Use for accentuated critical fields. Use sparingly. */ --dt-colors-background-field-critical-accent: #c82d40; /** Use for hover interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-hover: #b61532; /** Use for click interaction on accentuated critical fields. */ --dt-colors-background-field-critical-accent-active: #a50024; /** Use as the default border color in a disabled state. */ --dt-colors-border-neutral-disabled: #3b3b5280; /** Use as the default border color. */ --dt-colors-border-neutral-default: #3b3b52; /** Use as default border color on hover interaction. */ --dt-colors-border-neutral-default-hover: #44445c; /** Use as default border color on click interaction. */ --dt-colors-border-neutral-default-active: #4d4e66; /** Use as the border color of accentuated elements. */ --dt-colors-border-neutral-accent: #b1b2d2; /** Use as border color of accentuated elements on hover interaction. */ --dt-colors-border-neutral-accent-hover: #cecff0; /** Use as border color of accentuated elements on click interaction. */ --dt-colors-border-neutral-accent-active: #ebecff; /** Use as border color for disabled elements in accentuated context. */ --dt-colors-border-neutral-on-accent-disabled: #1f203333; /** Use as border color for elements in accentuated context. */ --dt-colors-border-neutral-on-accent-default: #1f2033; /** Use as border color for elements in accentuated context on hover interaction. */ --dt-colors-border-neutral-on-accent-default-hover: #1f2033cc; /** Use as border color for elements in accentuated context on click interaction. */ --dt-colors-border-neutral-on-accent-default-active: #1f203399; /** Use as border primary color in a disabled state. */ --dt-colors-border-primary-disabled: #3b3b5280; /** Use as the default primary border color. */ --dt-colors-border-primary-default: #39395d; /** Use as default border primary color on hover interaction. */ --dt-colors-border-primary-default-hover: #42426a; /** Use as default border primary color on click interaction. */ --dt-colors-border-primary-default-active: #4a4b78; /** Use as the border color of primary accentuated elements. */ --dt-colors-border-primary-accent: #adb0ff; /** Use as border color of primary accentuated elements on hover interaction. */ --dt-colors-border-primary-accent-hover: #ccd0ff; /** Use as border color of primary accentuated elements on click interaction. */ --dt-colors-border-primary-accent-active: #eef1ff; /** Use as border color for disabled elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-disabled: #1f203733; /** Use as border color for elements in primary accentuated context. */ --dt-colors-border-primary-on-accent-default: #1f2037; /** Use as border color for elements in primary accentuated context on hover interaction. */ --dt-colors-border-primary-on-accent-default-hover: #1f2037cc; /** Use as border color for elements in primary accentuated context on click interaction. */ --dt-colors-border-primary-on-accent-default-active: #1f203799; /** Use as border success color in a disabled state. */ --dt-colors-border-success-disabled: #3b3b5280; /** Use as the default success border color. */ --dt-colors-border-success-default: #2b404c; /** Use as default border success color on hover interaction. */ --dt-colors-border-success-default-hover: #304a54; /** Use as default border success color on click interaction. */ --dt-colors-border-success-default-active: #34545d; /** Use as the border color of success accentuated elements. */ --dt-colors-border-success-accent: #6fc3ba; /** Use as border color of success accentuated elements on hover interaction. */ --dt-colors-border-success-accent-hover: #8ce0d7; /** Use as border color of success accentuated elements on click interaction. */ --dt-colors-border-success-accent-active: #aafef5; /** Use as border color for disabled elements in success accentuated context. */ --dt-colors-border-success-on-accent-disabled: #1a233233; /** Use as border color for elements in success accentuated context. */ --dt-colors-border-success-on-accent-default: #1a2332; /** Use as border color for elements in success accentuated context on hover interaction. */ --dt-colors-border-success-on-accent-default-hover: #1a2332cc; /** Use as border color for elements in success accentuated context on click interaction. */ --dt-colors-border-success-on-accent-default-active: #1a233299; /** Use as border warning color in a disabled state. */ --dt-colors-border-warning-disabled: #3b3b5280; /** Use as the default warning border color. */ --dt-colors-border-warning-default: #4e3e39; /** Use as default border warning color on hover interaction. */ --dt-colors-border-warning-default-hover: #5d483c; /** Use as default border warning color on click interaction. */ --dt-colors-border-warning-default-active: #6c523e; /** Use as the border color of warning accentuated elements. */ --dt-colors-border-warning-accent: #eea83f; /** Use as border color of warning accentuated elements on hover interaction. */ --dt-colors-border-warning-accent-hover: #ffc563; /** Use as border color of warning accentuated elements on click interaction. */ --dt-colors-border-warning-accent-active: #ffecc3; /** Use as border color for disabled elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-disabled: #27212633; /** Use as border color for elements in warning accentuated context. */ --dt-colors-border-warning-on-accent-default: #272126; /** Use as border color for elements in warning accentuated context on hover interaction. */ --dt-colors-border-warning-on-accent-default-hover: #272126cc; /** Use as border color for elements in warning accentuated context on click interaction. */ --dt-colors-border-warning-on-accent-default-active: #27212699; /** Use as border critical color in a disabled state. */ --dt-colors-border-critical-disabled: #3b3b5280; /** Use as the default critical border color. */ --dt-colors-border-critical-default: #482332; /** Use as default border critical color on hover interaction. */ --dt-colors-border-critical-default-hover: #542433; /** Use as default border critical color on click interaction. */ --dt-colors-border-critical-default-active: #602634; /** Use as the border color of critical accentuated elements. */ --dt-colors-border-critical-accent: #ff999c; /** Use as border color of critical accentuated elements on hover interaction. */ --dt-colors-border-critical-accent-hover: #ffc1c1; /** Use as border color of critical accentuated elements on click interaction. */ --dt-colors-border-critical-accent-active: #ffeceb; /** Use as border color for disabled elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-disabled: #f9f1f333; /** Use as border color for elements in critical accentuated context. */ --dt-colors-border-critical-on-accent-default: #f9f1f3; /** Use as border color for elements in critical accentuated context on hover interaction. */ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc; /** Use as border color for elements in critical accentuated context on click interaction. */ --dt-colors-border-critical-on-accent-default-active: #f9f1f399; /** Use for text color on disabled state. */ --dt-colors-text-neutral-disabled: #b1b2d280; /** Use for subtle, understated text color. */ --dt-colors-text-neutral-subdued: #b1b2d2; /** Use for subtle, understated text color on hover interaction. */ --dt-colors-text-neutral-subdued-hover: #cecff0; /** Use for subtle, understated text color on click interaction. */ --dt-colors-text-neutral-subdued-active: #ebecff; /** Use as the default text color. */ --dt-colors-text-neutral-default: #ebecff; /** Use as the default text color on hover interaction. */ --dt-colors-text-neutral-default-hover: #cecff0; /** Use as the default text color on click interaction. */ --dt-colors-text-neutral-default-active: #b1b2d2; /** Use as text color for disabled elements in accentuated context. */ --dt-colors-text-neutral-on-accent-disabled: #1f203380; /** Use as text color for elements in accentuated context. */ --dt-colors-text-neutral-on-accent-default: #1f2033; /** Use as text color for elements in accentuated context on hover interaction. */ --dt-colors-text-neutral-on-accent-default-hover: #1f2033cc; /** Use as text color for elements in accentuated context on click interaction. */ --dt-colors-text-neutral-on-accent-default-active: #1f203399; /** Use for primary text color on disabled state. */ --dt-colors-text-primary-disabled: #b1b2d280; /** Use as the default primary text color. */ --dt-colors-text-primary-default: #adb0ff; /** Use as the default primary text color on hover interaction. */ --dt-colors-text-primary-default-hover: #ccd0ff; /** Use as the default primary text color on click interaction. */ --dt-colors-text-primary-default-active: #eef1ff; /** Use as text color for disabled elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-disabled: #1f203780; /** Use as text color for elements in primary accentuated context. */ --dt-colors-text-primary-on-accent-default: #1f2037; /** Use as text color for elements in primary accentuated context on hover interaction. */ --dt-colors-text-primary-on-accent-default-hover: #1f2037cc; /** Use as text color for elements in primary accentuated context on click interaction. */ --dt-colors-text-primary-on-accent-default-active: #1f203799; /** Use for success text color on disabled state. */ --dt-colors-text-success-disabled: #b1b2d280; /** Use as the default success text color. */ --dt-colors-text-success-default: #6fc3ba; /** Use as the default success text color on hover interaction. */ --dt-colors-text-success-default-hover: #8ce0d7; /** Use as the default success text color on click interaction. */ --dt-colors-text-success-default-active: #aafef5; /** Use as text color for disabled elements in success accentuated context. */ --dt-colors-text-success-on-accent-disabled: #1a233280; /** Use as text color for elements in success accentuated context. */ --dt-colors-text-success-on-accent-default: #1a2332; /** Use as text color for elements in success accentuated context on hover interaction. */ --dt-colors-text-success-on-accent-default-hover: #1a2332cc; /** Use as text color for elements in success accentuated context on click interaction. */ --dt-colors-text-success-on-accent-default-active: #1a233299; /** Use for warning text color on disabled state. */ --dt-colors-text-warning-disabled: #b1b2d280; /** Use as the default warning text color. */ --dt-colors-text-warning-default: #eea83f; /** Use as the default warning text color on hover interaction. */ --dt-colors-text-warning-default-hover: #ffc563; /** Use as the default warning text color on click interaction. */ --dt-colors-text-warning-default-active: #ffecc3; /** Use as text color for disabled elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-disabled: #27212680; /** Use as text color for elements in warning accentuated context. */ --dt-colors-text-warning-on-accent-default: #272126; /** Use as text color for elements in warning accentuated context on hover interaction. */ --dt-colors-text-warning-on-accent-default-hover: #272126cc; /** Use as text color for elements in warning accentuated context on click interaction. */ --dt-colors-text-warning-on-accent-default-active: #27212699; /** Use for critical text color on disabled state. */ --dt-colors-text-critical-disabled: #b1b2d280; /** Use as the default critical text color. */ --dt-colors-text-critical-default: #ff999c; /** Use as the default critical text color on hover interaction. */ --dt-colors-text-critical-default-hover: #ffc1c1; /** Use as the default critical text color on click interaction. */ --dt-colors-text-critical-default-active: #ffeceb; /** Use as text color for disabled elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-disabled: #f9f1f380; /** Use as text color for elements in critical accentuated context. */ --dt-colors-text-critical-on-accent-default: #f9f1f3; /** Use as text color for elements in critical accentuated context on hover interaction. */ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc; /** Use as text color for elements in critical accentuated context on click interaction. */ --dt-colors-text-critical-on-accent-default-active: #f9f1f399; /** Use for icon color on disabled state. */ --dt-colors-icon-neutral-disabled: #b1b2d280; /** Use for subtle, understated icon color. */ --dt-colors-icon-neutral-subdued: #b1b2d2; /** Use for subtle, understated icon color on hover interaction. */ --dt-colors-icon-neutral-subdued-hover: #cecff0; /** Use for subtle, understated icon color on click interaction. */ --dt-colors-icon-neutral-subdued-active: #ebecff; /** Use as the default icon color. */ --dt-colors-icon-neutral-default: #ebecff; /** Use as the default icon color on hover interaction. */ --dt-colors-icon-neutral-default-hover: #cecff0; /** Use as the default icon color on click interaction. */ --dt-colors-icon-neutral-default-active: #b1b2d2; /** Use as icon color for disabled elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-disabled: #1f203380; /** Use as icon color for elements in accentuated context. */ --dt-colors-icon-neutral-on-accent-default: #1f2033; /** Use as icon color for elements in accentuated context on hover interaction. */ --dt-colors-icon-neutral-on-accent-default-hover: #1f2033cc; /** Use as icon color for elements in accentuated context on click interaction. */ --dt-colors-icon-neutral-on-accent-default-active: #1f203399; /** Use for primary icon color on disabled state. */ --dt-colors-icon-primary-disabled: #b1b2d280; /** Use as the default primary icon color. */ --dt-colors-icon-primary-default: #adb0ff; /** Use as the default primary icon color on hover interaction. */ --dt-colors-icon-primary-default-hover: #ccd0ff; /** Use as the default primary icon color on click interaction. */ --dt-colors-icon-primary-default-active: #eef1ff; /** Use as icon color for disabled elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-disabled: #1f203780; /** Use as icon color for elements in primary accentuated context. */ --dt-colors-icon-primary-on-accent-default: #1f2037; /** Use as icon color for elements in primary accentuated context on hover interaction. */ --dt-colors-icon-primary-on-accent-default-hover: #1f2037cc; /** Use as icon color for elements in primary accentuated context on click interaction. */ --dt-colors-icon-primary-on-accent-default-active: #1f203799; /** Use for success icon color on disabled state. */ --dt-colors-icon-success-disabled: #b1b2d280; /** Use as the default success icon color. */ --dt-colors-icon-success-default: #6fc3ba; /** Use as the default success icon color on hover interaction. */ --dt-colors-icon-success-default-hover: #8ce0d7; /** Use as the default success icon color on click interaction. */ --dt-colors-icon-success-default-active: #aafef5; /** Use as icon color for disabled elements in success accentuated context. */ --dt-colors-icon-success-on-accent-disabled: #1a233280; /** Use as icon color for elements in success accentuated context. */ --dt-colors-icon-success-on-accent-default: #1a2332; /** Use as icon color for elements in success accentuated context on hover interaction. */ --dt-colors-icon-success-on-accent-default-hover: #1a2332cc; /** Use as icon color for elements in success accentuated context on click interaction. */ --dt-colors-icon-success-on-accent-default-active: #1a233299; /** Use for warning icon color on disabled state. */ --dt-colors-icon-warning-disabled: #b1b2d280; /** Use as the default warning icon color. */ --dt-colors-icon-warning-default: #eea83f; /** Use as the default warning icon color on hover interaction. */ --dt-colors-icon-warning-default-hover: #ffc563; /** Use as the default warning icon color on click interaction. */ --dt-colors-icon-warning-default-active: #ffecc3; /** Use as icon color for disabled elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-disabled: #27212680; /** Use as icon color for elements in warning accentuated context. */ --dt-colors-icon-warning-on-accent-default: #272126; /** Use as icon color for elements in warning accentuated context on hover interaction. */ --dt-colors-icon-warning-on-accent-default-hover: #272126cc; /** Use as icon color for elements in warning accentuated context on click interaction. */ --dt-colors-icon-warning-on-accent-default-active: #27212699; /** Use for critical icon color on disabled state. */ --dt-colors-icon-critical-disabled: #b1b2d280; /** Use as the default critical icon color. */ --dt-colors-icon-critical-default: #ff999c; /** Use as the default critical icon color on hover interaction. */ --dt-colors-icon-critical-default-hover: #ffc1c1; /** Use as the default critical icon color on click interaction. */ --dt-colors-icon-critical-default-active: #ffeceb; /** Use as icon color for disabled elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380; /** Use as icon color for elements in critical accentuated context. */ --dt-colors-icon-critical-on-accent-default: #f9f1f3; /** Use as icon color for elements in critical accentuated context on hover interaction. */ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc; /** Use as icon color for elements in critical accentuated context on click interaction. */ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399; /** Use to style 'Comment' syntax on a code editor context. */ --dt-colors-syntax-comment: #b2b3cd; /** Use to style 'String' syntax on a code editor context. */ --dt-colors-syntax-string: #80dbca; /** Use to style 'Variable' syntax on a code editor context. */ --dt-colors-syntax-variable: #abb1ed; /** Use to style 'Number' syntax on a code editor context. */ --dt-colors-syntax-number: #fd8fe1; /** Use to style 'Punctuation' syntax on a code editor context. */ --dt-colors-syntax-punctuation: #cfa3f3; /** Use to style 'Function' syntax on a code editor context. */ --dt-colors-syntax-function: #abb1ed; /** Use to style 'Classname' syntax on a code editor context. */ --dt-colors-syntax-classname: #f0f0f5; /** Use to style 'Tag' syntax on a code editor context. */ --dt-colors-syntax-tag: #ff96a6; /** Use to style 'Operators' syntax on a code editor context. */ --dt-colors-syntax-operators: #cfa3f3; /** Use to style 'Boolean' syntax on a code editor context. */ --dt-colors-syntax-boolean: #fe9b7d; --dt-colors-charts-status-ideal-default: #5eb1a9; --dt-colors-charts-status-good-default: #999bed; --dt-colors-charts-status-neutral-default: #a0a1c0; --dt-colors-charts-status-warning-default: #eea746; --dt-colors-charts-status-critical-default: #c82d40; --dt-colors-charts-categorical-color-01-default: #2e5bd6; --dt-colors-charts-categorical-color-02-default: #e1e3ef; --dt-colors-charts-categorical-color-03-default: #368160; --dt-colors-charts-categorical-color-04-default: #d35091; --dt-colors-charts-categorical-color-05-default: #7f8194; --dt-colors-charts-categorical-color-06-default: #b68c2b; --dt-colors-charts-categorical-color-07-default: #4285a9; --dt-colors-charts-categorical-color-08-default: #8d74cd; --dt-colors-charts-categorical-color-09-default: #62903c; --dt-colors-charts-categorical-color-10-default: #a24b20; --dt-colors-charts-categorical-color-11-default: #86c3e4; --dt-colors-charts-categorical-color-12-default: #cd3c44; --dt-colors-charts-categorical-color-13-default: #6fc3ad; --dt-colors-charts-categorical-color-14-default: #dc671e; --dt-colors-charts-categorical-color-15-default: #b138c7; --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #b138c7; --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #b68c2b; --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d35091; --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8d74cd; --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #a24b20; --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3c44; --dt-colors-charts-categorical-themed-swamps-color-01-default: #107e65; --dt-colors-charts-categorical-themed-swamps-color-02-default: #7f8194; --dt-colors-charts-categorical-themed-swamps-color-03-default: #62903c; --dt-colors-charts-categorical-themed-swamps-color-04-default: #a24b20; --dt-colors-charts-categorical-themed-swamps-color-05-default: #e1e3ef; --dt-colors-charts-categorical-themed-swamps-color-06-default: #b68c2b; --dt-colors-charts-categorical-themed-fireplace-color-01-default: #cd3c44; --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d35091; --dt-colors-charts-categorical-themed-fireplace-color-03-default: #dc671e; --dt-colors-charts-categorical-themed-fireplace-color-04-default: #b68c2b; --dt-colors-charts-categorical-themed-fireplace-color-05-default: #a24b20; --dt-colors-charts-categorical-themed-fireplace-color-06-default: #a414bd; --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #5194b8; --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #7f8194; --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #86c3e4; --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8d74cd; --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #2e5bd6; --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #e1e3ef; --dt-colors-charts-logstatus-error-default: #cd3c44; --dt-colors-charts-logstatus-warning-default: #b68c2b; --dt-colors-charts-logstatus-info-default: #2e5bd6; --dt-colors-charts-logstatus-none-default: #606276; --dt-colors-charts-loglevel-emergency-default: #c21930; --dt-colors-charts-loglevel-error-default: #cd3c44; --dt-colors-charts-loglevel-alert-default: #c43b80; --dt-colors-charts-loglevel-critical-default: #df62a1; --dt-colors-charts-loglevel-severe-default: #db7133; --dt-colors-charts-loglevel-warning-default: #b68c2b; --dt-colors-charts-loglevel-notice-default: #368160; --dt-colors-charts-loglevel-info-default: #2e5bd6; --dt-colors-charts-loglevel-debug-default: #8d74cd; --dt-colors-charts-loglevel-none-default: #606276; --dt-colors-charts-apdex-excellent-default: #48936f; --dt-colors-charts-apdex-good-default: #007058; --dt-colors-charts-apdex-fair-default: #b68c2b; --dt-colors-charts-apdex-poor-default: #dc671e; --dt-colors-charts-apdex-unacceptable-default: #cd3c44; --dt-colors-charts-security-risk-level-muted-default: #8f91a3; --dt-colors-charts-security-risk-level-critical-default: #c21930; --dt-colors-charts-security-risk-level-high-default: #d65151; --dt-colors-charts-security-risk-level-medium-default: #b68c2b; --dt-colors-charts-security-risk-level-low-default: #2e5bd6; --dt-colors-charts-security-risk-level-none-default: #606276; --dt-colors-charts-vulnerability-status-muted-default: #8f91a3; --dt-colors-charts-vulnerability-status-resolved-default: #48936f; --dt-colors-charts-vulnerability-status-affected-default: #d65151; --dt-colors-charts-threshold-good-default: #368160; --dt-colors-charts-threshold-warning-default: #b68c2b; --dt-colors-charts-threshold-bad-default: #cd3c44; --dt-colors-charts-rainbow-red-default: #cd3c44; --dt-colors-charts-rainbow-orange-default: #dc671e; --dt-colors-charts-rainbow-yellow-default: #b68c2b; --dt-colors-charts-rainbow-moss-default: #368160; --dt-colors-charts-rainbow-blue-default: #2e5bd6; --dt-colors-charts-rainbow-magenta-default: #b138c7; --dt-colors-charts-sequential-pink-purple-color-01-default: #df62a1; --dt-colors-charts-sequential-pink-purple-color-02-default: #d062a8; --dt-colors-charts-sequential-pink-purple-color-03-default: #c261ae; --dt-colors-charts-sequential-pink-purple-color-04-default: #b15eb5; --dt-colors-charts-sequential-pink-purple-color-05-default: #9e5dbb; --dt-colors-charts-sequential-pink-purple-color-06-default: #8b5bc2; --dt-colors-charts-sequential-pink-purple-color-07-default: #745bc8; --dt-colors-charts-sequential-pink-purple-color-08-default: #595bcf; --dt-colors-charts-sequential-pink-purple-color-09-default: #2e5bd6; --dt-colors-charts-sequential-blue-turquoise-color-01-default: #2e5bd6; --dt-colors-charts-sequential-blue-turquoise-color-02-default: #3b62ce; --dt-colors-charts-sequential-blue-turquoise-color-03-default: #466fc8; --dt-colors-charts-sequential-blue-turquoise-color-04-default: #4e7ac1; --dt-colors-charts-sequential-blue-turquoise-color-05-default: #5185b8; --dt-colors-charts-sequential-blue-turquoise-color-06-default: #5693b3; --dt-colors-charts-sequential-blue-turquoise-color-07-default: #559caa; --dt-colors-charts-sequential-blue-turquoise-color-08-default: #57a8a3; --dt-colors-charts-sequential-blue-turquoise-color-09-default: #53b29a; --dt-colors-charts-sequential-blue-color-01-default: #2e5bd6; --dt-colors-charts-sequential-blue-color-02-default: #4766e1; --dt-colors-charts-sequential-blue-color-03-default: #6178ea; --dt-colors-charts-sequential-blue-color-04-default: #7989f1; --dt-colors-charts-sequential-blue-color-05-default: #8d99f7; --dt-colors-charts-sequential-blue-color-06-default: #9da8fb; --dt-colors-charts-sequential-blue-color-07-default: #b4bcfe; --dt-colors-charts-sequential-blue-color-08-default: #c2cbff; --dt-colors-charts-sequential-blue-color-09-default: #d6dfff; --dt-colors-charts-sequential-grey-color-01-default: #606276; --dt-colors-charts-sequential-grey-color-02-default: #6f7285; --dt-colors-charts-sequential-grey-color-03-default: #7f8194; --dt-colors-charts-sequential-grey-color-04-default: #8f91a3; --dt-colors-charts-sequential-grey-color-05-default: #9fa1b2; --dt-colors-charts-sequential-grey-color-06-default: #afb0c0; --dt-colors-charts-sequential-grey-color-07-default: #bfc1cf; --dt-colors-charts-sequential-grey-color-08-default: #d1d3e0; --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef; --dt-colors-charts-sequential-moss-color-01-default: #287150; --dt-colors-charts-sequential-moss-color-02-default: #368160; --dt-colors-charts-sequential-moss-color-03-default: #48936f; --dt-colors-charts-sequential-moss-color-04-default: #5aa07e; --dt-colors-charts-sequential-moss-color-05-default: #6db08f; --dt-colors-charts-sequential-moss-color-06-default: #85c1a3; --dt-colors-charts-sequential-moss-color-07-default: #9ad0b4; --dt-colors-charts-sequential-moss-color-08-default: #b2e1c9; --dt-colors-charts-sequential-moss-color-09-default: #ccf0dd; --dt-colors-charts-sequential-turquoise-color-01-default: #007058; --dt-colors-charts-sequential-turquoise-color-02-default: #107e65; --dt-colors-charts-sequential-turquoise-color-03-default: #279176; --dt-colors-charts-sequential-turquoise-color-04-default: #3ba087; --dt-colors-charts-sequential-turquoise-color-05-default: #53b29a; --dt-colors-charts-sequential-turquoise-color-06-default: #6fc3ad; --dt-colors-charts-sequential-turquoise-color-07-default: #89d1bf; --dt-colors-charts-sequential-turquoise-color-08-default: #a8e1d2; --dt-colors-charts-sequential-turquoise-color-09-default: #c7efe7; --dt-colors-charts-sequential-pink-color-01-default: #b72a73; --dt-colors-charts-sequential-pink-color-02-default: #c43b80; --dt-colors-charts-sequential-pink-color-03-default: #d35091; --dt-colors-charts-sequential-pink-color-04-default: #df62a1; --dt-colors-charts-sequential-pink-color-05-default: #e977b4; --dt-colors-charts-sequential-pink-color-06-default: #f18ec6; --dt-colors-charts-sequential-pink-color-07-default: #f8a0d8; --dt-colors-charts-sequential-pink-color-08-default: #fcb6ec; --dt-colors-charts-sequential-pink-color-09-default: #ffc7ff; --dt-colors-charts-sequential-yellow-color-01-default: #805b00; --dt-colors-charts-sequential-yellow-color-02-default: #956d09; --dt-colors-charts-sequential-yellow-color-03-default: #a47a19; --dt-colors-charts-sequential-yellow-color-04-default: #b68c2b; --dt-colors-charts-sequential-yellow-color-05-default: #c79e3d; --dt-colors-charts-sequential-yellow-color-06-default: #d5ae53; --dt-colors-charts-sequential-yellow-color-07-default: #e5c16c; --dt-colors-charts-sequential-yellow-color-08-default: #f4d490; --dt-colors-charts-sequential-yellow-color-09-default: #ffedc2; --dt-colors-charts-sequential-petrol-color-01-default: #246789; --dt-colors-charts-sequential-petrol-color-02-default: #337599; --dt-colors-charts-sequential-petrol-color-03-default: #4285a9; --dt-colors-charts-sequential-petrol-color-04-default: #5194b8; --dt-colors-charts-sequential-petrol-color-05-default: #60a3c7; --dt-colors-charts-sequential-petrol-color-06-default: #71b2d6; --dt-colors-charts-sequential-petrol-color-07-default: #86c3e4; --dt-colors-charts-sequential-petrol-color-08-default: #98d2f1; --dt-colors-charts-sequential-petrol-color-09-default: #b0e2fc; --dt-colors-charts-sequential-purple-color-01-default: #6a51bd; --dt-colors-charts-sequential-purple-color-02-default: #7d63c5; --dt-colors-charts-sequential-purple-color-03-default: #8d74cd; --dt-colors-charts-sequential-purple-color-04-default: #9f85d5; --dt-colors-charts-sequential-purple-color-05-default: #ae97dd; --dt-colors-charts-sequential-purple-color-06-default: #bea9e5; --dt-colors-charts-sequential-purple-color-07-default: #cebbed; --dt-colors-charts-sequential-purple-color-08-default: #dfd1f5; --dt-colors-charts-sequential-purple-color-09-default: #efe2fd; --dt-colors-charts-sequential-pear-color-01-default: #3c7114; --dt-colors-charts-sequential-pear-color-02-default: #508028; --dt-colors-charts-sequential-pear-color-03-default: #62903c; --dt-colors-charts-sequential-pear-color-04-default: #75a14f; --dt-colors-charts-sequential-pear-color-05-default: #87b063; --dt-colors-charts-sequential-pear-color-06-default: #99c077; --dt-colors-charts-sequential-pear-color-07-default: #add08b; --dt-colors-charts-sequential-pear-color-08-default: #bfe09f; --dt-colors-charts-sequential-pear-color-09-default: #e1f6cb; --dt-colors-charts-sequential-brown-color-01-default: #913703; --dt-colors-charts-sequential-brown-color-02-default: #a24b20; --dt-colors-charts-sequential-brown-color-03-default: #b16139; --dt-colors-charts-sequential-brown-color-04-default: #c17753; --dt-colors-charts-sequential-brown-color-05-default: #cc8a6b; --dt-colors-charts-sequential-brown-color-06-default: #d9a287; --dt-colors-charts-sequential-brown-color-07-default: #e3b7a0; --dt-colors-charts-sequential-brown-color-08-default: #eecebe; --dt-colors-charts-sequential-brown-color-09-default: #f8e2d8; --dt-colors-charts-sequential-red-color-01-default: #c21930; --dt-colors-charts-sequential-red-color-02-default: #cd3c44; --dt-colors-charts-sequential-red-color-03-default: #d65151; --dt-colors-charts-sequential-red-color-04-default: #df6c68; --dt-colors-charts-sequential-red-color-05-default: #e7817e; --dt-colors-charts-sequential-red-color-06-default: #ee9590; --dt-colors-charts-sequential-red-color-07-default: #f5ada8; --dt-colors-charts-sequential-red-color-08-default: #fbbfbb; --dt-colors-charts-sequential-red-color-09-default: #ffd5d1; --dt-colors-charts-sequential-magenta-color-01-default: #a414bd; --dt-colors-charts-sequential-magenta-color-02-default: #b138c7; --dt-colors-charts-sequential-magenta-color-03-default: #bd50ce; --dt-colors-charts-sequential-magenta-color-04-default: #c766d6; --dt-colors-charts-sequential-magenta-color-05-default: #d27dde; --dt-colors-charts-sequential-magenta-color-06-default: #dd90e4; --dt-colors-charts-sequential-magenta-color-07-default: #e7a2eb; --dt-colors-charts-sequential-magenta-color-08-default: #f0b9f3; --dt-colors-charts-sequential-magenta-color-09-default: #faccfa; --dt-colors-charts-sequential-orange-color-01-default: #b13902; --dt-colors-charts-sequential-orange-color-02-default: #c04b11; --dt-colors-charts-sequential-orange-color-03-default: #ce5e22; --dt-colors-charts-sequential-orange-color-04-default: #db7133; --dt-colors-charts-sequential-orange-color-05-default: #e78446; --dt-colors-charts-sequential-orange-color-06-default: #f2975a; --dt-colors-charts-sequential-orange-color-07-default: #faa770; --dt-colors-charts-sequential-orange-color-08-default: #ffbe8f; --dt-colors-charts-sequential-orange-color-09-default: #fed3b4; --dt-colors-charts-diverging-orange-blue-color-01-default: #b13902; --dt-colors-charts-diverging-orange-blue-color-02-default: #ce5e22; --dt-colors-charts-diverging-orange-blue-color-03-default: #e78446; --dt-colors-charts-diverging-orange-blue-color-04-default: #faa770; --dt-colors-charts-diverging-orange-blue-color-05-default: #fed3b4; --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-blue-color-07-default: #d6dfff; --dt-colors-charts-diverging-orange-blue-color-08-default: #b4bcfe; --dt-colors-charts-diverging-orange-blue-color-09-default: #8d99f7; --dt-colors-charts-diverging-orange-blue-color-10-default: #6178ea; --dt-colors-charts-diverging-orange-blue-color-11-default: #2e5bd6; --dt-colors-charts-diverging-red-blue-color-01-default: #c21930; --dt-colors-charts-diverging-red-blue-color-02-default: #d65151; --dt-colors-charts-diverging-red-blue-color-03-default: #e7817e; --dt-colors-charts-diverging-red-blue-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-blue-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-blue-color-07-default: #d6dfff; --dt-colors-charts-diverging-red-blue-color-08-default: #b4bcfe; --dt-colors-charts-diverging-red-blue-color-09-default: #8d99f7; --dt-colors-charts-diverging-red-blue-color-10-default: #6178ea; --dt-colors-charts-diverging-red-blue-color-11-default: #2e5bd6; --dt-colors-charts-diverging-red-purple-color-01-default: #c21930; --dt-colors-charts-diverging-red-purple-color-02-default: #d65151; --dt-colors-charts-diverging-red-purple-color-03-default: #e7817e; --dt-colors-charts-diverging-red-purple-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-purple-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-purple-color-07-default: #efe2fd; --dt-colors-charts-diverging-red-purple-color-08-default: #cebbed; --dt-colors-charts-diverging-red-purple-color-09-default: #ae97dd; --dt-colors-charts-diverging-red-purple-color-10-default: #8d74cd; --dt-colors-charts-diverging-red-purple-color-11-default: #6a51bd; --dt-colors-charts-diverging-blue-moss-color-01-default: #2e5bd6; --dt-colors-charts-diverging-blue-moss-color-02-default: #6178ea; --dt-colors-charts-diverging-blue-moss-color-03-default: #8d99f7; --dt-colors-charts-diverging-blue-moss-color-04-default: #b4bcfe; --dt-colors-charts-diverging-blue-moss-color-05-default: #d6dfff; --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0; --dt-colors-charts-diverging-blue-moss-color-07-default: #ccf0dd; --dt-colors-charts-diverging-blue-moss-color-08-default: #9ad0b4; --dt-colors-charts-diverging-blue-moss-color-09-default: #6db08f; --dt-colors-charts-diverging-blue-moss-color-10-default: #48936f; --dt-colors-charts-diverging-blue-moss-color-11-default: #287150; --dt-colors-charts-diverging-purple-yellow-color-01-default: #6a51bd; --dt-colors-charts-diverging-purple-yellow-color-02-default: #8d74cd; --dt-colors-charts-diverging-purple-yellow-color-03-default: #ae97dd; --dt-colors-charts-diverging-purple-yellow-color-04-default: #cebbed; --dt-colors-charts-diverging-purple-yellow-color-05-default: #efe2fd; --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0; --dt-colors-charts-diverging-purple-yellow-color-07-default: #ffedc2; --dt-colors-charts-diverging-purple-yellow-color-08-default: #e5c16c; --dt-colors-charts-diverging-purple-yellow-color-09-default: #c79e3d; --dt-colors-charts-diverging-purple-yellow-color-10-default: #a47a19; --dt-colors-charts-diverging-purple-yellow-color-11-default: #805b00; --dt-colors-charts-diverging-red-green-color-01-default: #c21930; --dt-colors-charts-diverging-red-green-color-02-default: #d65151; --dt-colors-charts-diverging-red-green-color-03-default: #e7817e; --dt-colors-charts-diverging-red-green-color-04-default: #f5ada8; --dt-colors-charts-diverging-red-green-color-05-default: #ffd5d1; --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-red-green-color-07-default: #ccf0dd; --dt-colors-charts-diverging-red-green-color-08-default: #9ad0b4; --dt-colors-charts-diverging-red-green-color-09-default: #6db08f; --dt-colors-charts-diverging-red-green-color-10-default: #48936f; --dt-colors-charts-diverging-red-green-color-11-default: #287150; --dt-colors-charts-diverging-orange-petrol-color-01-default: #b13902; --dt-colors-charts-diverging-orange-petrol-color-02-default: #ce5e22; --dt-colors-charts-diverging-orange-petrol-color-03-default: #e78446; --dt-colors-charts-diverging-orange-petrol-color-04-default: #faa770; --dt-colors-charts-diverging-orange-petrol-color-05-default: #fed3b4; --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0; --dt-colors-charts-diverging-orange-petrol-color-07-default: #b0e2fc; --dt-colors-charts-diverging-orange-petrol-color-08-default: #86c3e4; --dt-colors-charts-diverging-orange-petrol-color-09-default: #60a3c7; --dt-colors-charts-diverging-orange-petrol-color-10-default: #4285a9; --dt-colors-charts-diverging-orange-petrol-color-11-default: #246789; --dt-colors-charts-diverging-pink-green-color-01-default: #b72a73; --dt-colors-charts-diverging-pink-green-color-02-default: #d35091; --dt-colors-charts-diverging-pink-green-color-03-default: #e977b4; --dt-colors-charts-diverging-pink-green-color-04-default: #f8a0d8; --dt-colors-charts-diverging-pink-green-color-05-default: #ffc7ff; --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0; --dt-colors-charts-diverging-pink-green-color-07-default: #ccf0dd; --dt-colors-charts-diverging-pink-green-color-08-default: #9ad0b4; --dt-colors-charts-diverging-pink-green-color-09-default: #6db08f; --dt-colors-charts-diverging-pink-green-color-10-default: #48936f; --dt-colors-charts-diverging-pink-green-color-11-default: #287150; --ifm-toc-border-color: #444950; --ifm-background-color: #1b1c2e; --ifm-menu-color-background-hover: #ffffff0d; }