/* 🔒 Do not edit directly, this is auto-generated. */
.dep-dark {
  color-scheme: dark;
  --border-color-10: #3b3b3b;
  --border-color-20: #4a4a4a;
  --border-color-30: #595959;
  --border-color-code: #4c5a66;
  --dimension-1: 0.0625rem;
  --dimension-2: 0.125rem;
  --dimension-4: 0.25rem;
  --dimension-6: 0.375rem;
  --dimension-8: 0.5rem;
  --dimension-12: 0.75rem;
  --dimension-14: 0.875rem;
  --dimension-16: 1rem;
  --dimension-20: 1.25rem;
  --dimension-24: 1.5rem;
  --dimension-26: 1.625rem;
  --dimension-30: 1.875rem;
  --dimension-32: 2rem;
  --dimension-40: 2.5rem;
  --dimension-48: 3rem;
  --dimension-56: 3.5rem;
  --dimension-64: 4rem;
  --dimension-96: 6rem;
  --color-brand-10: #e6f4f5;
  --color-brand-20: #beeaeb;
  --color-brand-30: #95dbdd;
  --color-brand-40: #6ac9cd;
  --color-brand-50: #48b8bc;
  --color-brand-60: #329da2;
  --color-brand-70: #338084;
  --color-brand-80: #2a6466;
  --color-brand-90: #1e4647;
  --color-brand-100: #142b2c;
  --color-chart-category-10: #a6cee3;
  --color-chart-category-20: #1f78b4;
  --color-chart-category-30: #b2df8a;
  --color-chart-category-40: #33a02c;
  --color-chart-category-50: #fb9a99;
  --color-chart-category-60: #e31a1c;
  --color-chart-category-70: #fdbf6f;
  --color-chart-category-80: #ff7f00;
  --color-chart-category-90: #cab2d6;
  --color-chart-category-100: #6a3d9a;
  --color-chart-category-110: #ffff99;
  --color-chart-category-120: #b15928;
  --color-chart-category-130: #e5e5e5;
  --color-chart-category-140: #858585;
  --color-chart-category-150: #96e2de;
  --color-chart-diverging-10: #41a05b;
  --color-chart-diverging-20: #68b87b;
  --color-chart-diverging-30: #a1dbab;
  --color-chart-diverging-40: #c8f3cb;
  --color-chart-diverging-50: #f1f1f1;
  --color-chart-diverging-60: #fdc7c9;
  --color-chart-diverging-70: #f9a0a5;
  --color-chart-diverging-80: #f3656e;
  --color-chart-diverging-90: #ef3e4a;
  --color-chart-semantic-info: #0a80e0;
  --color-chart-semantic-negative: #ef3e4a;
  --color-chart-semantic-positive: #41a05b;
  --color-chart-semantic-warning: #f0cf61;
  --color-chart-sequential-10: #e7f2fc;
  --color-chart-sequential-20: #b6d9f6;
  --color-chart-sequential-30: #85c0f0;
  --color-chart-sequential-40: #54a6e9;
  --color-chart-sequential-50: #3b99e6;
  --color-chart-sequential-60: #0a80e0;
  --color-chart-sequential-70: #0866b3;
  --color-chart-sequential-80: #064d86;
  --color-chart-sequential-90: #04335a;
  --color-codeblock-10: #e9ebf3;
  --color-codeblock-20: #868686;
  --color-codeblock-30: #cab2d6;
  --color-codeblock-40: #f9a0a5;
  --color-codeblock-50: #1a96b9;
  --color-codeblock-60: #b2df8a;
  --color-codeblock-70: #fdbf6f;
  --color-codeblock-80: #b6d9f6;
  --color-codeblock-90: #f0cf61;
  --color-disabled-10: #3b3b3b;
  --color-disabled-20: #4a4a4a;
  --color-focus-10: #148a96;
  --color-formatting-background-green-subtle: #002d0d;
  --color-formatting-background-green-heavy: #00601a;
  --color-formatting-background-red-subtle: #550000;
  --color-formatting-background-red-heavy: #a90000;
  --color-formatting-background-blue-subtle: #03264d;
  --color-formatting-background-blue-heavy: #254cac;
  --color-formatting-background-yellow-subtle: #4f3a08;
  --color-formatting-background-yellow-heavy: #856405;
  --color-formatting-background-orange-subtle: #593509;
  --color-formatting-background-orange-heavy: #a06317;
  --color-formatting-background-pink-subtle: #691d45;
  --color-formatting-background-pink-heavy: #b5427d;
  --color-formatting-background-purple-subtle: #4f2c68;
  --color-formatting-background-purple-heavy: #914ebe;
  --color-formatting-background-gray-subtle: #3b3b3b;
  --color-formatting-background-gray-heavy: #595959;
  --color-formatting-graphic-1: #539966;
  --color-formatting-graphic-2: #f20f0f;
  --color-formatting-graphic-3: #fd2772;
  --color-formatting-graphic-4: #fb9b2a;
  --color-formatting-graphic-5: #ffff99;
  --color-formatting-graphic-6: #f7db32;
  --color-formatting-graphic-7: #a6cee3;
  --color-formatting-graphic-8: #317b90;
  --color-formatting-graphic-9: #868686;
  --color-formatting-graphic-10: #8f5ce7;
  --color-formatting-text-default: #fafafa;
  --color-formatting-text-inverted: #111111;
  --color-formatting-text-green: #45aa61;
  --color-formatting-text-red: #fb6a6a;
  --color-formatting-text-blue: #7a95eb;
  --color-formatting-text-yellow: #eccb09;
  --color-formatting-text-orange: #ff9027;
  --color-formatting-text-pink: #ff5b9d;
  --color-formatting-text-purple: #ba7bf2;
  --color-formatting-text-transparent: rgba(0, 0, 0, 0);
  --color-grid-header: #161a1d;
  --color-grid-row-odd: #293138;
  --color-grid-row-selected: #1e4647;
  --color-grid-row-hover-base-color: #1e4647;
  --color-info-10: #03264d;
  --color-info-20: #12387a;
  --color-info-30: #7a95eb;
  --color-info-40: #8ba6f6;
  --color-info-50: #aebfff;
  --color-input-background-active: #262626;
  --color-input-background-default: #262626;
  --color-input-background-disabled: #3b3b3b;
  --color-input-background-hover: #262626;
  --color-input-border-active: #6ac9cd;
  --color-input-border-default: #919191;
  --color-input-border-disabled: #ababab;
  --color-input-border-hover: #48b8bc;
  --color-input-ripple-active: #338084;
  --color-input-ripple-default: rgba(0, 0, 0, 0);
  --color-input-ripple-disabled: rgba(0, 0, 0, 0);
  --color-input-ripple-hover: #2a6466;
  --color-interactive-10: #1e4647;
  --color-interactive-20: #2a6466;
  --color-interactive-30: #48b8bc;
  --color-interactive-40: #6ac9cd;
  --color-interactive-50: #95dbdd;
  --color-link-10: #48b8bc;
  --color-link-20: #6ac9cd;
  --color-link-30: #95dbdd;
  --color-negative-10: #550000;
  --color-negative-20: #7d0000;
  --color-negative-30: #fb6a6a;
  --color-negative-40: #fe8888;
  --color-negative-50: #feb3b3;
  --color-neutral-10: #262626;
  --color-neutral-20: #3b3b3b;
  --color-neutral-30: #919191;
  --color-neutral-40: #ababab;
  --color-neutral-50: #d9d9d9;
  --color-positive-10: #002d0d;
  --color-positive-20: #004514;
  --color-positive-30: #45aa61;
  --color-positive-40: #6db681;
  --color-positive-50: #95caa3;
  --color-scheme: dark;
  --color-warning-10: #856405;
  --color-warning-20: #b68a07;
  --color-warning-30: #eccb09;
  --color-warning-40: #f7db32;
  --color-warning-50: #f6e960;
  --components-badge-spacing: 0.25rem;
  --components-grid-spacing: 0.125rem;
  --components-min-height: 1.75rem;
  --components-min-width: 1.5rem;
  --gap-l: 0.5rem;
  --gap-m: 0.25rem;
  --gap-s: 0.125rem;
  --gap-xl: 0.75rem;
  --gap-xs: 0.0625rem;
  --icon-size-1: 0.75rem;
  --icon-size-2: 0.875rem;
  --icon-size-3: 1rem;
  --icon-size-4: 1.125rem;
  --icon-size-5: 1.375rem;
  --icon-size-6: 1.75rem;
  --icon-target-min-size: 1.5rem;
  --margin-l: 0.5rem;
  --margin-m: 0.375rem;
  --margin-s: 0.25rem;
  --margin-xl: 0.75rem;
  --margin-xs: 0.125rem;
  --padding-l: 0.5rem;
  --padding-m: 0.375rem;
  --padding-s: 0.25rem;
  --padding-xl: 0.75rem;
  --padding-xs: 0.125rem;
  --typography-block-title-font-family: "Roboto Flex";
  --typography-block-title-font-grade: unset;
  --typography-block-title-font-size: 1rem;
  --typography-block-title-font-style: unset;
  --typography-block-title-font-variation-settings: unset;
  --typography-block-title-font-weight: 600;
  --typography-block-title-letter-spacing: normal;
  --typography-block-title-line-height: 1.2;
  --typography-block-title-text-decoration: unset;
  --typography-body-font-family: "Roboto Flex";
  --typography-body-font-grade: unset;
  --typography-body-font-size: 0.875rem;
  --typography-body-font-style: unset;
  --typography-body-font-variation-settings: unset;
  --typography-body-font-weight: 400;
  --typography-body-letter-spacing: normal;
  --typography-body-line-height: 1.2;
  --typography-body-text-decoration: unset;
  --typography-chart-axis-label-font-family: "Roboto Flex";
  --typography-chart-axis-label-font-grade: unset;
  --typography-chart-axis-label-font-size: 0.6875rem;
  --typography-chart-axis-label-font-style: unset;
  --typography-chart-axis-label-font-variation-settings: unset;
  --typography-chart-axis-label-font-weight: 600;
  --typography-chart-axis-label-letter-spacing: 0.025em;
  --typography-chart-axis-label-line-height: 1.2;
  --typography-chart-axis-label-text-decoration: unset;
  --typography-chart-chart-text-font-family: "Roboto Flex";
  --typography-chart-chart-text-font-grade: unset;
  --typography-chart-chart-text-font-size: 0.6875rem;
  --typography-chart-chart-text-font-style: unset;
  --typography-chart-chart-text-font-variation-settings: unset;
  --typography-chart-chart-text-font-weight: 600;
  --typography-chart-chart-text-letter-spacing: normal;
  --typography-chart-chart-text-line-height: 1.2;
  --typography-chart-chart-text-text-decoration: unset;
  --typography-chart-series-data-point-label-font-family: "Roboto Flex";
  --typography-chart-series-data-point-label-font-grade: unset;
  --typography-chart-series-data-point-label-font-size: 0.6875rem;
  --typography-chart-series-data-point-label-font-style: unset;
  --typography-chart-series-data-point-label-font-variation-settings: unset;
  --typography-chart-series-data-point-label-font-weight: 700;
  --typography-chart-series-data-point-label-letter-spacing: normal;
  --typography-chart-series-data-point-label-line-height: 1.2;
  --typography-chart-series-data-point-label-text-decoration: unset;
  --typography-code-font-family: "Roboto Mono";
  --typography-code-font-grade: unset;
  --typography-code-font-size: 0.875rem;
  --typography-code-font-style: unset;
  --typography-code-font-variation-settings: unset;
  --typography-code-font-weight: 400;
  --typography-code-letter-spacing: normal;
  --typography-code-line-height: 1.5;
  --typography-code-text-decoration: unset;
  --typography-data-label-title-font-family: "Roboto Flex";
  --typography-data-label-title-font-grade: unset;
  --typography-data-label-title-font-size: 0.8125rem;
  --typography-data-label-title-font-style: unset;
  --typography-data-label-title-font-variation-settings: unset;
  --typography-data-label-title-font-weight: 400;
  --typography-data-label-title-letter-spacing: normal;
  --typography-data-label-title-line-height: 1.2;
  --typography-data-label-title-text-decoration: unset;
  --typography-datagrid-font-family: "Roboto Flex";
  --typography-datagrid-font-grade: unset;
  --typography-datagrid-font-size: 0.875rem;
  --typography-datagrid-font-style: unset;
  --typography-datagrid-font-variation-settings: unset;
  --typography-datagrid-font-weight: 400;
  --typography-datagrid-letter-spacing: normal;
  --typography-datagrid-line-height: 1.2;
  --typography-datagrid-text-decoration: unset;
  --typography-input-label-font-family: "Roboto Flex";
  --typography-input-label-font-grade: unset;
  --typography-input-label-font-size: 0.875rem;
  --typography-input-label-font-style: unset;
  --typography-input-label-font-variation-settings: unset;
  --typography-input-label-font-weight: 400;
  --typography-input-label-letter-spacing: normal;
  --typography-input-label-line-height: 1.2;
  --typography-input-label-text-decoration: unset;
  --typography-italic-font-family: "Roboto Flex";
  --typography-italic-font-grade: unset;
  --typography-italic-font-size: 0.875rem;
  --typography-italic-font-style: italic;
  --typography-italic-font-variation-settings: unset;
  --typography-italic-font-weight: 400;
  --typography-italic-letter-spacing: normal;
  --typography-italic-line-height: 1.2;
  --typography-italic-text-decoration: unset;
  --typography-link-font-family: "Roboto Flex";
  --typography-link-font-grade: "GRAD" 150;
  --typography-link-font-size: 0.875rem;
  --typography-link-font-style: unset;
  --typography-link-font-variation-settings: unset;
  --typography-link-font-weight: 400;
  --typography-link-letter-spacing: normal;
  --typography-link-line-height: 1.2;
  --typography-link-text-decoration: underline;
  --typography-micro-title-font-family: "Roboto Flex";
  --typography-micro-title-font-grade: unset;
  --typography-micro-title-font-size: 0.875rem;
  --typography-micro-title-font-style: unset;
  --typography-micro-title-font-variation-settings: unset;
  --typography-micro-title-font-weight: 600;
  --typography-micro-title-letter-spacing: normal;
  --typography-micro-title-line-height: 1.2;
  --typography-micro-title-text-decoration: unset;
  --typography-narrow-font-family: "Roboto Flex";
  --typography-narrow-font-grade: unset;
  --typography-narrow-font-size: 0.875rem;
  --typography-narrow-font-style: unset;
  --typography-narrow-font-variation-settings: unset;
  --typography-narrow-font-weight: 400;
  --typography-narrow-letter-spacing: -0.025em;
  --typography-narrow-line-height: 1.2;
  --typography-narrow-text-decoration: unset;
  --typography-page-title-font-family: "Roboto Flex";
  --typography-page-title-font-grade: unset;
  --typography-page-title-font-size: 1.125rem;
  --typography-page-title-font-style: unset;
  --typography-page-title-font-variation-settings: unset;
  --typography-page-title-font-weight: 600;
  --typography-page-title-letter-spacing: normal;
  --typography-page-title-line-height: 1.2;
  --typography-page-title-text-decoration: unset;
  --typography-paragraph-font-family: "Roboto Flex";
  --typography-paragraph-font-grade: unset;
  --typography-paragraph-font-size: 0.875rem;
  --typography-paragraph-font-style: unset;
  --typography-paragraph-font-variation-settings: unset;
  --typography-paragraph-font-weight: 400;
  --typography-paragraph-letter-spacing: normal;
  --typography-paragraph-line-height: 1.5;
  --typography-paragraph-text-decoration: unset;
  --typography-section-title-font-family: "Roboto Flex";
  --typography-section-title-font-grade: unset;
  --typography-section-title-font-size: 1rem;
  --typography-section-title-font-style: unset;
  --typography-section-title-font-variation-settings: unset;
  --typography-section-title-font-weight: 600;
  --typography-section-title-letter-spacing: normal;
  --typography-section-title-line-height: 1.2;
  --typography-section-title-text-decoration: unset;
  --typography-small-font-family: "Roboto Flex";
  --typography-small-font-grade: unset;
  --typography-small-font-size: 0.6875rem;
  --typography-small-font-style: unset;
  --typography-small-font-variation-settings: unset;
  --typography-small-font-weight: 500;
  --typography-small-letter-spacing: normal;
  --typography-small-line-height: 1;
  --typography-small-text-decoration: unset;
  --typography-smallcaps-font-family: "Roboto Flex";
  --typography-smallcaps-font-grade: unset;
  --typography-smallcaps-font-size: 0.875rem;
  --typography-smallcaps-font-style: unset;
  --typography-smallcaps-font-variation-settings: YTUC 528, YTFI 560;
  --typography-smallcaps-font-weight: 400;
  --typography-smallcaps-letter-spacing: normal;
  --typography-smallcaps-line-height: 1.2;
  --typography-smallcaps-text-decoration: unset;
  --typography-sub-section-title-font-family: "Roboto Flex";
  --typography-sub-section-title-font-grade: unset;
  --typography-sub-section-title-font-size: 1rem;
  --typography-sub-section-title-font-style: unset;
  --typography-sub-section-title-font-variation-settings: unset;
  --typography-sub-section-title-font-weight: 500;
  --typography-sub-section-title-letter-spacing: normal;
  --typography-sub-section-title-line-height: 1.2;
  --typography-sub-section-title-text-decoration: unset;
  --typography-thick-font-family: "Roboto Flex";
  --typography-thick-font-grade: "GRAD" 150;
  --typography-thick-font-size: 0.875rem;
  --typography-thick-font-style: unset;
  --typography-thick-font-variation-settings: unset;
  --typography-thick-font-weight: 400;
  --typography-thick-letter-spacing: normal;
  --typography-thick-line-height: 1.2;
  --typography-thick-text-decoration: unset;
  --elevation-large: 0px 0.375rem 1.5rem 0px rgba(0, 0, 0, 0.9);
  --elevation-medium: 0px 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.9);
  --elevation-small: 0px 0.0625rem 0.25rem 0px rgba(0, 0, 0, 0.9);
  --surface-background: #111111;
  --surface-code: #4c5a66;
  --surface-level-1: #20262b;
  --surface-level-2: #293138;
  --surface-level-3: #20262b;
  --surface-mask: rgba(0, 0, 0, 0.6);
  --surface-raised: #293138;
  --surface-tint-info: rgba(51, 88, 204, 0.3);
  --surface-tint-inverted: rgba(255, 255, 255, 0.1);
  --surface-tint-negative: rgba(214, 0, 0, 0.3);
  --surface-tint-neutral-10: rgba(0, 0, 0, 0.1);
  --surface-tint-neutral-20: rgba(0, 0, 0, 0.8);
  --surface-tint-positive: rgba(0, 123, 34, 0.3);
  --surface-tint-transparent: rgba(0, 0, 0, 0);
  --surface-tint-warning: rgba(218, 187, 7, 0.3);
  --text-brand: #48b8bc;
  --text-default: #fafafa;
  --text-disabled: #ababab;
  --text-info: #7a95eb;
  --text-inverted: #111111;
  --text-muted: #ababab;
  --text-negative: #fb6a6a;
  --text-on-formatting-background-blue-heavy: #fafafa;
  --text-on-formatting-background-gray-heavy: #fafafa;
  --text-on-formatting-background-green-heavy: #fafafa;
  --text-on-formatting-background-orange-heavy: #fafafa;
  --text-on-formatting-background-pink-heavy: #fafafa;
  --text-on-formatting-background-purple-heavy: #fafafa;
  --text-on-formatting-background-red-heavy: #fafafa;
  --text-on-formatting-background-yellow-heavy: #fafafa;
  --text-on-info-10: #fafafa;
  --text-on-info-20: #fafafa;
  --text-on-info-30: #111111;
  --text-on-info-40: #111111;
  --text-on-info-50: #111111;
  --text-on-input-10: #fafafa;
  --text-on-input-20: #111111;
  --text-on-input-30: #fafafa;
  --text-on-input-40: #fafafa;
  --text-on-input-50: #111111;
  --text-on-input-60: #111111;
  --text-on-input-background-active: #fafafa;
  --text-on-input-background-default: #fafafa;
  --text-on-input-background-disabled: #ababab;
  --text-on-input-background-hover: #fafafa;
  --text-on-interactive-10: #fafafa;
  --text-on-interactive-20: #fafafa;
  --text-on-interactive-30: #111111;
  --text-on-interactive-40: #111111;
  --text-on-interactive-50: #111111;
  --text-on-negative-10: #fafafa;
  --text-on-negative-20: #fafafa;
  --text-on-negative-30: #111111;
  --text-on-negative-40: #111111;
  --text-on-negative-50: #111111;
  --text-on-neutral-10: #fafafa;
  --text-on-neutral-20: #fafafa;
  --text-on-neutral-30: #111111;
  --text-on-neutral-40: #111111;
  --text-on-neutral-50: #111111;
  --text-on-positive-10: #fafafa;
  --text-on-positive-20: #fafafa;
  --text-on-positive-30: #111111;
  --text-on-positive-40: #111111;
  --text-on-positive-50: #111111;
  --text-on-warning-10: #fafafa;
  --text-on-warning-20: #111111;
  --text-on-warning-30: #111111;
  --text-on-warning-40: #111111;
  --text-on-warning-50: #111111;
  --text-positive: #45aa61;
  --text-warning: #eccb09;
}
@property --border-color-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b3b;
}
@property --border-color-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4a4a4a;
}
@property --border-color-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #595959;
}
@property --border-color-code {
  syntax: "<color>";
  inherits: true;
  initial-value: #4c5a66;
}
@property --color-brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6f4f5;
}
@property --color-brand-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #beeaeb;
}
@property --color-brand-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #95dbdd;
}
@property --color-brand-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6ac9cd;
}
@property --color-brand-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48b8bc;
}
@property --color-brand-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #329da2;
}
@property --color-brand-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #338084;
}
@property --color-brand-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2a6466;
}
@property --color-brand-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e4647;
}
@property --color-brand-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #142b2c;
}
@property --color-chart-category-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a6cee3;
}
@property --color-chart-category-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1f78b4;
}
@property --color-chart-category-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b2df8a;
}
@property --color-chart-category-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #33a02c;
}
@property --color-chart-category-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb9a99;
}
@property --color-chart-category-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e31a1c;
}
@property --color-chart-category-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fdbf6f;
}
@property --color-chart-category-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff7f00;
}
@property --color-chart-category-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cab2d6;
}
@property --color-chart-category-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6a3d9a;
}
@property --color-chart-category-110 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffff99;
}
@property --color-chart-category-120 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b15928;
}
@property --color-chart-category-130 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e5e5e5;
}
@property --color-chart-category-140 {
  syntax: "<color>";
  inherits: true;
  initial-value: #858585;
}
@property --color-chart-category-150 {
  syntax: "<color>";
  inherits: true;
  initial-value: #96e2de;
}
@property --color-chart-diverging-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #41a05b;
}
@property --color-chart-diverging-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #68b87b;
}
@property --color-chart-diverging-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a1dbab;
}
@property --color-chart-diverging-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c8f3cb;
}
@property --color-chart-diverging-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f1f1f1;
}
@property --color-chart-diverging-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fdc7c9;
}
@property --color-chart-diverging-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f9a0a5;
}
@property --color-chart-diverging-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3656e;
}
@property --color-chart-diverging-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ef3e4a;
}
@property --color-chart-semantic-info {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a80e0;
}
@property --color-chart-semantic-negative {
  syntax: "<color>";
  inherits: true;
  initial-value: #ef3e4a;
}
@property --color-chart-semantic-positive {
  syntax: "<color>";
  inherits: true;
  initial-value: #41a05b;
}
@property --color-chart-semantic-warning {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0cf61;
}
@property --color-chart-sequential-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7f2fc;
}
@property --color-chart-sequential-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b6d9f6;
}
@property --color-chart-sequential-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #85c0f0;
}
@property --color-chart-sequential-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #54a6e9;
}
@property --color-chart-sequential-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b99e6;
}
@property --color-chart-sequential-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a80e0;
}
@property --color-chart-sequential-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0866b3;
}
@property --color-chart-sequential-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064d86;
}
@property --color-chart-sequential-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #04335a;
}
@property --color-codeblock-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e9ebf3;
}
@property --color-codeblock-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #868686;
}
@property --color-codeblock-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cab2d6;
}
@property --color-codeblock-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f9a0a5;
}
@property --color-codeblock-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1a96b9;
}
@property --color-codeblock-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b2df8a;
}
@property --color-codeblock-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fdbf6f;
}
@property --color-codeblock-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b6d9f6;
}
@property --color-codeblock-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0cf61;
}
@property --color-disabled-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b3b;
}
@property --color-disabled-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4a4a4a;
}
@property --color-focus-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #148a96;
}
@property --color-formatting-background-green-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #002d0d;
}
@property --color-formatting-background-green-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #00601a;
}
@property --color-formatting-background-red-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #550000;
}
@property --color-formatting-background-red-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #a90000;
}
@property --color-formatting-background-blue-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #03264d;
}
@property --color-formatting-background-blue-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #254cac;
}
@property --color-formatting-background-yellow-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f3a08;
}
@property --color-formatting-background-yellow-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #856405;
}
@property --color-formatting-background-orange-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #593509;
}
@property --color-formatting-background-orange-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #a06317;
}
@property --color-formatting-background-pink-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #691d45;
}
@property --color-formatting-background-pink-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #b5427d;
}
@property --color-formatting-background-purple-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f2c68;
}
@property --color-formatting-background-purple-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #914ebe;
}
@property --color-formatting-background-gray-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b3b;
}
@property --color-formatting-background-gray-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #595959;
}
@property --color-formatting-graphic-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #539966;
}
@property --color-formatting-graphic-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f20f0f;
}
@property --color-formatting-graphic-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fd2772;
}
@property --color-formatting-graphic-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb9b2a;
}
@property --color-formatting-graphic-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffff99;
}
@property --color-formatting-graphic-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7db32;
}
@property --color-formatting-graphic-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a6cee3;
}
@property --color-formatting-graphic-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #317b90;
}
@property --color-formatting-graphic-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #868686;
}
@property --color-formatting-graphic-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8f5ce7;
}
@property --color-formatting-text-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --color-formatting-text-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --color-formatting-text-green {
  syntax: "<color>";
  inherits: true;
  initial-value: #45aa61;
}
@property --color-formatting-text-red {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb6a6a;
}
@property --color-formatting-text-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #7a95eb;
}
@property --color-formatting-text-yellow {
  syntax: "<color>";
  inherits: true;
  initial-value: #eccb09;
}
@property --color-formatting-text-orange {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff9027;
}
@property --color-formatting-text-pink {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff5b9d;
}
@property --color-formatting-text-purple {
  syntax: "<color>";
  inherits: true;
  initial-value: #ba7bf2;
}
@property --color-grid-header {
  syntax: "<color>";
  inherits: true;
  initial-value: #161a1d;
}
@property --color-grid-row-odd {
  syntax: "<color>";
  inherits: true;
  initial-value: #293138;
}
@property --color-grid-row-selected {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e4647;
}
@property --color-grid-row-hover-base-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e4647;
}
@property --color-info-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #03264d;
}
@property --color-info-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12387a;
}
@property --color-info-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7a95eb;
}
@property --color-info-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8ba6f6;
}
@property --color-info-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #aebfff;
}
@property --color-input-background-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --color-input-background-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --color-input-background-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b3b;
}
@property --color-input-background-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --color-input-border-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #6ac9cd;
}
@property --color-input-border-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #919191;
}
@property --color-input-border-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: #ababab;
}
@property --color-input-border-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #48b8bc;
}
@property --color-input-ripple-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #338084;
}
@property --color-input-ripple-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #2a6466;
}
@property --color-interactive-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e4647;
}
@property --color-interactive-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2a6466;
}
@property --color-interactive-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48b8bc;
}
@property --color-interactive-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6ac9cd;
}
@property --color-interactive-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #95dbdd;
}
@property --color-link-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48b8bc;
}
@property --color-link-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6ac9cd;
}
@property --color-link-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #95dbdd;
}
@property --color-negative-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #550000;
}
@property --color-negative-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7d0000;
}
@property --color-negative-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb6a6a;
}
@property --color-negative-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fe8888;
}
@property --color-negative-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #feb3b3;
}
@property --color-neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --color-neutral-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b3b;
}
@property --color-neutral-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #919191;
}
@property --color-neutral-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ababab;
}
@property --color-neutral-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d9d9d9;
}
@property --color-positive-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #002d0d;
}
@property --color-positive-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #004514;
}
@property --color-positive-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #45aa61;
}
@property --color-positive-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6db681;
}
@property --color-positive-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #95caa3;
}
@property --color-scheme {
  syntax: "<string>";
  inherits: true;
  initial-value: dark;
}
@property --color-warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #856405;
}
@property --color-warning-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b68a07;
}
@property --color-warning-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #eccb09;
}
@property --color-warning-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7db32;
}
@property --color-warning-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f6e960;
}
@property --icon-target-min-size {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --typography-block-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-block-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-block-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-block-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-block-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-body-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-body-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-body-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-body-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-body-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-axis-label-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-chart-axis-label-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-axis-label-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-axis-label-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-axis-label-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-chart-text-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-chart-chart-text-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-chart-text-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-chart-text-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-chart-text-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-series-data-point-label-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-chart-series-data-point-label-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-series-data-point-label-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-series-data-point-label-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-chart-series-data-point-label-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-code-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Mono";
}
@property --typography-code-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-code-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-code-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-code-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-data-label-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-data-label-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-data-label-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-data-label-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-data-label-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-datagrid-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-datagrid-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-datagrid-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-datagrid-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-datagrid-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-input-label-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-input-label-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-input-label-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-input-label-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-input-label-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-italic-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-italic-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-italic-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: italic;
}
@property --typography-italic-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-italic-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-link-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-link-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: "GRAD" 150;
}
@property --typography-link-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-link-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-micro-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-micro-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-micro-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-micro-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-micro-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-narrow-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-narrow-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-narrow-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-narrow-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-narrow-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-page-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-page-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-page-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-page-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-page-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-paragraph-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-paragraph-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-paragraph-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-paragraph-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-paragraph-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-section-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-section-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-section-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-section-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-section-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-small-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-small-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-small-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-small-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-small-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-smallcaps-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-smallcaps-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-smallcaps-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-smallcaps-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value:
    YTUC 528,
    YTFI 560;
}
@property --typography-smallcaps-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-sub-section-title-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-sub-section-title-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-sub-section-title-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-sub-section-title-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-sub-section-title-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-thick-font-family {
  syntax: "<string>";
  inherits: true;
  initial-value: "Roboto Flex";
}
@property --typography-thick-font-grade {
  syntax: "<string>";
  inherits: true;
  initial-value: "GRAD" 150;
}
@property --typography-thick-font-style {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-thick-font-variation-settings {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --typography-thick-text-decoration {
  syntax: "<string>";
  inherits: true;
  initial-value: unset;
}
@property --surface-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --surface-code {
  syntax: "<color>";
  inherits: true;
  initial-value: #4c5a66;
}
@property --surface-level-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #20262b;
}
@property --surface-level-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #293138;
}
@property --surface-level-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #20262b;
}
@property --surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: #293138;
}
@property --text-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: #48b8bc;
}
@property --text-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: #ababab;
}
@property --text-info {
  syntax: "<color>";
  inherits: true;
  initial-value: #7a95eb;
}
@property --text-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #ababab;
}
@property --text-negative {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb6a6a;
}
@property --text-on-formatting-background-blue-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-gray-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-green-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-orange-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-pink-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-purple-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-red-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-formatting-background-yellow-heavy {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-info-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-info-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-info-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-info-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-info-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-input-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-input-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-input-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-input-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-input-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-input-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-input-background-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-input-background-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-input-background-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: #ababab;
}
@property --text-on-input-background-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-interactive-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-interactive-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-interactive-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-interactive-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-interactive-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-negative-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-negative-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-negative-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-negative-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-negative-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-neutral-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-neutral-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-neutral-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-neutral-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-positive-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-positive-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-positive-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-positive-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-positive-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fafafa;
}
@property --text-on-warning-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-warning-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-warning-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-on-warning-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --text-positive {
  syntax: "<color>";
  inherits: true;
  initial-value: #45aa61;
}
@property --text-warning {
  syntax: "<color>";
  inherits: true;
  initial-value: #eccb09;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-weight: 100 700;
  font-style: normal;
  font-variation-settings:
    "opsz" 20 48,
    "wght" 100 700,
    "FILL" 0 1,
    "GRAD" -50 200;
  src: url("/assets/themes/dep-dark/assets/font/materialSymbolsOutlined.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Flex";
  font-weight: 300;
  font-style: normal;
  src: url("/assets/themes/dep-dark/assets/font/roboto-v27-latin-300.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Flex";
  font-weight: 400;
  font-style: normal;
  src: url("/assets/themes/dep-dark/assets/font/roboto-v27-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-style: normal;
  src: url("/assets/themes/dep-dark/assets/font/roboto-v27-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Flex";
  font-weight: 700;
  font-style: normal;
  src: url("/assets/themes/dep-dark/assets/font/roboto-v27-latin-700.woff2") format("woff2");
}