:root {
  --bg: #eef0f3;
  --white: #ffffff;
  --paper: var(--white);
  --navy: #0f1731;
  --navy-2: #1D345E;
  --text: #19212f;
  --muted: #5f6b7c;
  --tg-gray-400: #c1c3c7;
  --tg-gray-500: #7f8796;
  --tg-secondary-400: #1d345e;
  --black: #000000;
  --surface-dark: #151820;
  --border-light: #d6dce7;
  --primary-400: #02a9de;
  --primary-100: #cbefff;
  --service-card-border: #2a345a;
  --widget-border: #2f3b63;
  --service-accent-bg: #52284e;
  --service-accent-gradient-start: #a98ba5;
  --service-accent-gradient-end: #562252;
  --service-gradient-start: #7f8185;
  --service-gradient-end: #353638;
  --service-first-gradient-start: #0d2674;
  --service-first-gradient-middle: #12287b;
  --service-first-gradient-end: #00043f;
  --service-first-shadow: rgba(0, 0, 0, 0.25);
  --service-second-gradient-start: #552057;
  --service-second-gradient-middle: #6c2671;
  --service-second-gradient-end: #501f56;
  --service-second-shadow: rgba(0, 0, 0, 0.25);
  --service-second-tool-gradient-start: #42173a;
  --service-second-tool-gradient-middle: #4d1b4c;
  --service-second-tool-gradient-end: #a67aab;
  --service-second-tool-shadow: rgba(0, 0, 0, 0.25);
  --service-third-gradient-start: #868686;
  --service-third-gradient-middle: #a8a8a8;
  --service-third-gradient-end: #edeeee;
  --service-third-shadow: rgba(0, 0, 0, 0.25);
  --service-third-tool-gradient-start: #c3c3c3;
  --service-third-tool-gradient-middle: #a6a6a6;
  --service-third-tool-gradient-end: #f3f3f3;
  --service-third-tool-shadow: rgba(0, 0, 0, 0.25);
  --service-fourth-gradient-start: #d3d6de;
  --service-fourth-gradient-middle: #a0acba;
  --service-fourth-gradient-end: #c9d0da;
  --service-fourth-shadow: rgba(0, 0, 0, 0.25);
  --service-fourth-tool-gradient-start: #b8c2ce;
  --service-fourth-tool-gradient-middle: #828fa1;
  --service-fourth-tool-gradient-end: #c7cfda;
  --service-fourth-tool-shadow: rgba(0, 0, 0, 0.25);
  --service-tool-gradient-start: #132f83;
  --service-tool-gradient-middle: #02044f;
  --service-tool-gradient-end: #132f83;
  --service-tool-shadow: rgba(0, 0, 0, 0.4);
  --text-light-muted: #d6d9e8;
  --text-light-secondary: #8fa8d6;
  --tooltip-bg: #36393f;
  --help-item-muted: #bbbbbb;
  --help-border: rgba(127, 129, 133, 0.45);
  --help-outline: rgba(127, 129, 133, 0.2);
  --help-shadow: rgba(0, 0, 0, 0.28);
  --hero-overlay-start: rgba(15, 23, 49, 0.95);
  --hero-overlay-end: rgba(15, 23, 49, 0.62);
  --glass-white-10: rgba(255, 255, 255, 0.1);
  --transparent: transparent;

  --doc-bg: #f3f3f6;
  --doc-panel: var(--white);
  --doc-border: #d8d9df;
  --doc-text: #22242a;
  --doc-muted: #6f7380;
  --doc-accent: #5a2a5e;
  --doc-header-bg: var(--service-accent-bg);
  --doc-preloader-from: #f9f9f9;
  --doc-preloader-mid: #a70273;
  --doc-preloader-to: var(--service-accent-bg);
  --doc-toc-item-border: #e5e1e1;
  --doc-active-link: #FC731F;
  --doc-active-descendant: #9c9696;
  --doc-body-content-text: var(--surface-dark);
  --doc-error: #b42318;
  --doc-scroll-thumb: var(--service-gradient-end);
  --doc-scroll-thumb-alpha: rgba(53, 54, 56, 0.3);
  --doc-table-head-border: #e5e7eb;
  --doc-table-head-bg: var(--doc-preloader-from);
  --doc-table-head-text: #7f8185;
  --doc-scroll-button-bg: rgba(0, 0, 0, 0.05);
  --doc-scroll-button-hover-bg: rgba(0, 0, 0, 0.1);
  --doc-hover-link: #ff914c;
  --doc-link-color: #1d345e;
  --doc-link-hover: #eafaff;
  --doc-hover-link-filter: invert(75%) sepia(67%) saturate(1760%) hue-rotate(328deg) brightness(101%) contrast(101%);
  --doc-controls-menu-active-bg: #a84e9f;
  --table-6-1-color-00-00-121: rgb(0, 0, 121);
  --table-6-1-color-00-255-255: rgb(0, 255, 255);
  --table-6-1-color-170-00-00: rgb(170, 0, 0);
  --table-6-1-color-255-128-00: rgb(255, 128, 0);
  --table-6-1-color-128-00-00: rgb(128, 0, 0);
  --table-6-1-color-128-128-00: rgb(128, 128, 0);
  --table-6-1-color-00-064-00: rgb(0, 64, 0);
  --table-6-1-color-128-00-255: rgb(128, 0, 255);
  --table-6-1-color-00-255-00: rgb(0, 255, 0);
  --table-6-1-color-255-00-00: rgb(255, 0, 0);
  --table-6-1-color-00-00-255: rgb(0, 0, 255);
  --table-6-1-color-100-100-255: rgb(100, 100, 255);
  --table-6-1-color-255-100-100: rgb(255, 100, 100);
  --table-6-1-color-255-00-255: rgb(255, 0, 255);
  --table-6-1-color-255-255-00: rgb(255, 255, 0);
  --table-6-1-color-200-200-050: rgb(200, 200, 50);
  --device-body-font-size: 16px;
  --device-h1-font-size: 32px;
  --device-h2-font-size: 18px;
  --device-h3-font-size: 16px;
  --device-start-card-text-font-size: 14px;
  --device-banner-platform-title-font-size: 24px;
  --device-banner-description-font-size: 16px;
  --device-hero-section-height: 220px;
  --device-controls-title-font-size: 24px;
}

html[data-device-type="tablet"] {
  --device-body-font-size: 12px;
  --device-h1-font-size: 24px;
  --device-h2-font-size: 14px;
  --device-h3-font-size: 16px;
  --device-banner-platform-title-font-size: 15px;
  --device-banner-description-font-size: 10px;
  --device-hero-section-height: 136px;
  --device-controls-title-font-size: 16px;
}

html[data-device-type="mobile"] {
  --device-body-font-size: 10px;
  --device-h1-font-size: 14px;
  --device-h2-font-size: 10px;
  --device-h3-font-size: 12px;
  --device-banner-platform-title-font-size: 12px;
  --device-banner-description-font-size: 8px;
  --device-hero-section-height: 112px;
  --device-controls-title-font-size: 16px;
}

html[data-device-type="minTablet"] {
  --device-h1-font-size: 16px;
  --device-banner-platform-title-font-size: 15px;
  --device-banner-description-font-size: 10px;
  --device-hero-section-height: 136px;
}

html[data-device-type="desktop"],
html[data-device-type="desktop1280"] {
  --device-h1-font-size: 24px;
}

html[data-device-type="desktop1920"] {
  --device-h1-font-size: 28px;
  --device-h3-font-size: 20px;
  --device-start-card-text-font-size: 18px;
  --device-banner-platform-title-font-size: 32px;
  --device-banner-description-font-size: 18px;
  --device-hero-section-height: 260px;
}

html[data-device-type="desktop2560"] {
  --device-h3-font-size: 24px;
  --device-start-card-text-font-size: 22px;
  --device-banner-platform-title-font-size: 40px;
  --device-banner-description-font-size: 24px;
  --device-hero-section-height: 357px;
}