@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/inter-cyrillic-400-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/inter-cyrillic-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/inter-cyrillic-600-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/inter-cyrillic-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
:root {
  --g-font-family-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --g-font-family-monospace: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Ubuntu Mono", "DejaVu Sans Mono", "Courier New", "Courier", monospace;
  --g-text-body-font-family: var(--g-font-family-sans);
  --g-text-caption-font-family: var(--g-font-family-sans);
  --g-text-header-font-family: var(--g-font-family-sans);
  --g-text-subheader-font-family: var(--g-font-family-sans);
  --g-text-display-font-family: var(--g-font-family-sans);
  --g-text-code-font-family: var(--g-font-family-monospace);
  --g-text-body-font-weight: 400;
  --g-text-caption-font-weight: 400;
  --g-text-header-font-weight: 600;
  --g-text-subheader-font-weight: 600;
  --g-text-display-font-weight: 600;
  --g-text-code-font-weight: 400;
  --g-text-accent-font-weight: 600;
  --g-text-body-1-font-size: 13px;
  --g-text-body-1-line-height: 18px;
  --g-text-body-2-font-size: 15px;
  --g-text-body-2-line-height: 20px;
  --g-text-body-3-font-size: 17px;
  --g-text-body-3-line-height: 24px;
  --g-text-body-short-font-size: 13px;
  --g-text-body-short-line-height: 16px;
  --g-text-caption-1-font-size: 9px;
  --g-text-caption-1-line-height: 12px;
  --g-text-caption-2-font-size: 11px;
  --g-text-caption-2-line-height: 16px;
  --g-text-header-1-font-size: 20px;
  --g-text-header-1-line-height: 24px;
  --g-text-header-2-font-size: 24px;
  --g-text-header-2-line-height: 28px;
  --g-text-subheader-1-font-size: 13px;
  --g-text-subheader-1-line-height: 18px;
  --g-text-subheader-2-font-size: 15px;
  --g-text-subheader-2-line-height: 20px;
  --g-text-subheader-3-font-size: 17px;
  --g-text-subheader-3-line-height: 24px;
  --g-text-display-1-font-size: 28px;
  --g-text-display-1-line-height: 36px;
  --g-text-display-2-font-size: 32px;
  --g-text-display-2-line-height: 40px;
  --g-text-display-3-font-size: 40px;
  --g-text-display-3-line-height: 48px;
  --g-text-display-4-font-size: 48px;
  --g-text-display-4-line-height: 52px;
  --g-text-code-1-font-size: 12px;
  --g-text-code-1-line-height: 18px;
  --g-text-code-2-font-size: 14px;
  --g-text-code-2-line-height: 20px;
  --g-text-code-3-font-size: 16px;
  --g-text-code-3-line-height: 24px;
  --g-text-code-inline-1-font-size: 12px;
  --g-text-code-inline-1-line-height: 14px;
  --g-text-code-inline-2-font-size: 14px;
  --g-text-code-inline-2-line-height: 16px;
  --g-text-code-inline-3-font-size: 16px;
  --g-text-code-inline-3-line-height: 20px;
  --g-text-body-1-font: var(--g-text-body-font-weight) var(--g-text-body-1-font-size) / var(--g-text-body-1-line-height) var(--g-text-body-font-family);
  --g-text-body-2-font: var(--g-text-body-font-weight) var(--g-text-body-2-font-size) / var(--g-text-body-2-line-height) var(--g-text-body-font-family);
  --g-text-body-3-font: var(--g-text-body-font-weight) var(--g-text-body-3-font-size) / var(--g-text-body-3-line-height) var(--g-text-body-font-family);
  --g-text-body-short-font: var(--g-text-body-font-weight) var(--g-text-body-short-font-size) / var(--g-text-body-short-line-height) var(--g-text-body-font-family);
  --g-text-caption-1-font: var(--g-text-caption-font-weight) var(--g-text-caption-1-font-size) / var(--g-text-caption-1-line-height) var(--g-text-caption-font-family);
  --g-text-caption-2-font: var(--g-text-caption-font-weight) var(--g-text-caption-2-font-size) / var(--g-text-caption-2-line-height) var(--g-text-caption-font-family);
  --g-text-header-1-font: var(--g-text-header-font-weight) var(--g-text-header-1-font-size) / var(--g-text-header-1-line-height) var(--g-text-header-font-family);
  --g-text-header-2-font: var(--g-text-header-font-weight) var(--g-text-header-2-font-size) / var(--g-text-header-2-line-height) var(--g-text-header-font-family);
  --g-text-subheader-1-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-1-font-size) / var(--g-text-subheader-1-line-height) var(--g-text-subheader-font-family);
  --g-text-subheader-2-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-2-font-size) / var(--g-text-subheader-2-line-height) var(--g-text-subheader-font-family);
  --g-text-subheader-3-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-line-height) var(--g-text-subheader-font-family);
  --g-text-display-1-font: var(--g-text-display-font-weight) var(--g-text-display-1-font-size) / var(--g-text-display-1-line-height) var(--g-text-display-font-family);
  --g-text-display-2-font: var(--g-text-display-font-weight) var(--g-text-display-2-font-size) / var(--g-text-display-2-line-height) var(--g-text-display-font-family);
  --g-text-display-3-font: var(--g-text-display-font-weight) var(--g-text-display-3-font-size) / var(--g-text-display-3-line-height) var(--g-text-display-font-family);
  --g-text-display-4-font: var(--g-text-display-font-weight) var(--g-text-display-4-font-size) / var(--g-text-display-4-line-height) var(--g-text-display-font-family);
  --g-text-code-1-font: var(--g-text-code-font-weight) var(--g-text-code-1-font-size) / var(--g-text-code-1-line-height) var(--g-text-code-font-family);
  --g-text-code-2-font: var(--g-text-code-font-weight) var(--g-text-code-2-font-size) / var(--g-text-code-2-line-height) var(--g-text-code-font-family);
  --g-text-code-3-font: var(--g-text-code-font-weight) var(--g-text-code-3-font-size) / var(--g-text-code-3-line-height) var(--g-text-code-font-family);
  --g-text-code-inline-1-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-1-font-size) / var(--g-text-code-inline-1-line-height) var(--g-text-code-inline-font-family);
  --g-text-code-inline-2-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-2-font-size) / var(--g-text-code-inline-2-line-height) var(--g-text-code-inline-font-family);
  --g-text-code-inline-3-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-3-font-size) / var(--g-text-code-inline-3-line-height) var(--g-text-code-inline-font-family);
  --g-spacing-base: 4px;
  --g-spacing-0: calc(var(--g-spacing-base) * 0);
  --g-spacing-half: calc(var(--g-spacing-base) * 0.5);
  --g-spacing-1: var(--g-spacing-base);
  --g-spacing-2: calc(var(--g-spacing-base) * 2);
  --g-spacing-3: calc(var(--g-spacing-base) * 3);
  --g-spacing-4: calc(var(--g-spacing-base) * 4);
  --g-spacing-5: calc(var(--g-spacing-base) * 5);
  --g-spacing-6: calc(var(--g-spacing-base) * 6);
  --g-spacing-7: calc(var(--g-spacing-base) * 7);
  --g-spacing-8: calc(var(--g-spacing-base) * 8);
  --g-spacing-9: calc(var(--g-spacing-base) * 9);
  --g-spacing-10: calc(var(--g-spacing-base) * 10);
  --g-scrollbar-width: 12px;
  --g-border-radius-xs: 3px;
  --g-border-radius-s: 5px;
  --g-border-radius-m: 6px;
  --g-border-radius-l: 8px;
  --g-border-radius-xl: 10px;
  --g-focus-border-radius: 2px;
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-70: rgba(0, 0, 0, 0.07);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-20-solid: rgb(250, 250, 250);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(52, 139, 220);
  --g-color-private-blue-650-solid: rgb(50, 127, 200);
  --g-color-private-blue-700-solid: rgb(48, 114, 179);
  --g-color-private-blue-750-solid: rgb(46, 102, 158);
  --g-color-private-blue-800-solid: rgb(44, 90, 138);
  --g-color-private-blue-850-solid: rgb(42, 78, 117);
  --g-color-private-blue-900-solid: rgb(40, 66, 96);
  --g-color-private-blue-950-solid: rgb(38, 53, 75);
  --g-color-private-blue-1000-solid: rgb(37, 47, 65);
  --g-color-private-green-50: rgba(50, 186, 118, 0.1);
  --g-color-private-green-100: rgba(50, 186, 118, 0.15);
  --g-color-private-green-150: rgba(50, 186, 118, 0.2);
  --g-color-private-green-200: rgba(50, 186, 118, 0.3);
  --g-color-private-green-250: rgba(50, 186, 118, 0.4);
  --g-color-private-green-300: rgba(50, 186, 118, 0.5);
  --g-color-private-green-350: rgba(50, 186, 118, 0.6);
  --g-color-private-green-400: rgba(50, 186, 118, 0.7);
  --g-color-private-green-450: rgba(50, 186, 118, 0.8);
  --g-color-private-green-500: rgba(50, 186, 118, 0.9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(48, 170, 110);
  --g-color-private-green-650-solid: rgb(47, 155, 101);
  --g-color-private-green-700-solid: rgb(45, 139, 93);
  --g-color-private-green-750-solid: rgb(44, 123, 84);
  --g-color-private-green-800-solid: rgb(42, 108, 76);
  --g-color-private-green-850-solid: rgb(40, 92, 68);
  --g-color-private-green-900-solid: rgb(39, 76, 59);
  --g-color-private-green-950-solid: rgb(37, 60, 51);
  --g-color-private-green-1000-solid: rgb(36, 53, 47);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(233, 174, 86);
  --g-color-private-yellow-650-solid: rgb(211, 158, 80);
  --g-color-private-yellow-700-solid: rgb(189, 142, 75);
  --g-color-private-yellow-750-solid: rgb(167, 126, 69);
  --g-color-private-yellow-800-solid: rgb(145, 110, 63);
  --g-color-private-yellow-850-solid: rgb(122, 93, 57);
  --g-color-private-yellow-900-solid: rgb(100, 77, 51);
  --g-color-private-yellow-950-solid: rgb(78, 61, 46);
  --g-color-private-yellow-1000-solid: rgb(67, 53, 43);
  --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
  --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
  --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
  --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
  --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
  --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
  --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
  --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
  --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
  --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(233, 110, 3);
  --g-color-private-orange-650-solid: rgb(211, 101, 7);
  --g-color-private-orange-700-solid: rgb(189, 92, 10);
  --g-color-private-orange-750-solid: rgb(167, 83, 14);
  --g-color-private-orange-800-solid: rgb(145, 74, 17);
  --g-color-private-orange-850-solid: rgb(122, 65, 20);
  --g-color-private-orange-900-solid: rgb(100, 56, 24);
  --g-color-private-orange-950-solid: rgb(78, 47, 27);
  --g-color-private-orange-1000-solid: rgb(67, 43, 29);
  --g-color-private-red-50: rgba(255, 0, 61, 0.1);
  --g-color-private-red-100: rgba(255, 0, 61, 0.15);
  --g-color-private-red-150: rgba(255, 0, 61, 0.2);
  --g-color-private-red-200: rgba(255, 0, 61, 0.3);
  --g-color-private-red-250: rgba(255, 0, 61, 0.4);
  --g-color-private-red-300: rgba(255, 0, 61, 0.5);
  --g-color-private-red-350: rgba(255, 0, 61, 0.6);
  --g-color-private-red-400: rgba(255, 0, 61, 0.7);
  --g-color-private-red-450: rgba(255, 0, 61, 0.8);
  --g-color-private-red-500: rgba(255, 0, 61, 0.9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(233, 3, 58);
  --g-color-private-red-650-solid: rgb(211, 6, 56);
  --g-color-private-red-700-solid: rgb(189, 9, 53);
  --g-color-private-red-750-solid: rgb(167, 12, 50);
  --g-color-private-red-800-solid: rgb(145, 15, 48);
  --g-color-private-red-850-solid: rgb(122, 17, 45);
  --g-color-private-red-900-solid: rgb(100, 20, 42);
  --g-color-private-red-950-solid: rgb(78, 23, 39);
  --g-color-private-red-1000-solid: rgb(67, 25, 38);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(132, 77, 187);
  --g-color-private-purple-650-solid: rgb(121, 71, 170);
  --g-color-private-purple-700-solid: rgb(110, 66, 153);
  --g-color-private-purple-750-solid: rgb(99, 61, 136);
  --g-color-private-purple-800-solid: rgb(89, 56, 119);
  --g-color-private-purple-850-solid: rgb(78, 50, 102);
  --g-color-private-purple-900-solid: rgb(67, 45, 85);
  --g-color-private-purple-950-solid: rgb(56, 40, 68);
  --g-color-private-purple-1000-solid: rgb(50, 37, 60);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(100, 122, 141);
  --g-color-private-cool-grey-650-solid: rgb(92, 111, 129);
  --g-color-private-cool-grey-700-solid: rgb(85, 101, 117);
  --g-color-private-cool-grey-750-solid: rgb(78, 91, 105);
  --g-color-private-cool-grey-800-solid: rgb(71, 81, 94);
  --g-color-private-cool-grey-850-solid: rgb(63, 70, 82);
  --g-color-private-cool-grey-900-solid: rgb(56, 60, 70);
  --g-color-private-cool-grey-950-solid: rgb(49, 50, 58);
  --g-color-private-cool-grey-1000-solid: rgb(45, 44, 52);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-600-solid);
  --g-color-text-positive: var(--g-color-private-green-600-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-600-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-650-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-650-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-850);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-50);
  --g-color-base-generic-hover: var(--g-color-private-black-150);
  --g-color-base-generic-medium: var(--g-color-private-black-150);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-250);
  --g-color-base-generic-accent: var(--g-color-private-black-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-70);
  --g-color-base-generic-ultralight: var(--g-color-private-black-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-50);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-50-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-selection: var(--g-color-private-yellow-200);
  --g-color-base-selection-hover: var(--g-color-private-yellow-300);
  --g-color-base-info-light: var(--g-color-private-blue-100);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-200);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-300);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-100);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-200);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-300);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-200);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-500);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-danger-light: var(--g-color-private-red-100);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-200);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-300);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-100);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-200);
  --g-color-base-utility-medium: var(--g-color-private-purple-200);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-300);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-50);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-100);
  --g-color-base-neutral-medium: var(--g-color-private-black-200);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-heavy: var(--g-color-private-black-450);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-550);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-100);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-50-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-50-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-100);
  --g-color-line-generic-hover: var(--g-color-private-black-150);
  --g-color-line-generic-active: var(--g-color-private-black-300);
  --g-color-line-generic-accent: var(--g-color-private-black-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-300);
  --g-color-line-generic-solid: var(--g-color-private-black-100-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-250);
  --g-color-sfx-shadow: var(--g-color-private-black-150);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-50);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
  --g-flow-direction: 1;
  color-scheme: light;
}

:root[data-theme=dark] {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-20-solid: rgb(38, 34, 38);
  --g-color-private-white-50-solid: rgb(45, 40, 45);
  --g-color-private-white-70-solid: rgb(49, 45, 49);
  --g-color-private-white-100-solid: rgb(56, 52, 56);
  --g-color-private-white-150-solid: rgb(67, 63, 67);
  --g-color-private-white-200-solid: rgb(78, 74, 78);
  --g-color-private-white-250-solid: rgb(89, 85, 89);
  --g-color-private-white-300-solid: rgb(100, 97, 100);
  --g-color-private-white-350-solid: rgb(111, 108, 111);
  --g-color-private-white-400-solid: rgb(122, 119, 122);
  --g-color-private-white-450-solid: rgb(133, 131, 133);
  --g-color-private-white-500-solid: rgb(144, 142, 144);
  --g-color-private-white-550-solid: rgb(156, 153, 156);
  --g-color-private-white-600-solid: rgb(167, 165, 167);
  --g-color-private-white-650-solid: rgb(178, 176, 178);
  --g-color-private-white-700-solid: rgb(189, 187, 189);
  --g-color-private-white-750-solid: rgb(200, 198, 200);
  --g-color-private-white-800-solid: rgb(211, 210, 211);
  --g-color-private-white-850-solid: rgb(222, 221, 222);
  --g-color-private-white-900-solid: rgb(233, 232, 233);
  --g-color-private-white-950-solid: rgb(244, 244, 244);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-white-opaque-150: rgba(76, 75, 81, 0.95);
  --g-color-private-black-20: rgba(0, 0, 0, 0.02);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(36, 41, 55);
  --g-color-private-blue-100-solid: rgb(37, 47, 65);
  --g-color-private-blue-150-solid: rgb(38, 53, 75);
  --g-color-private-blue-200-solid: rgb(40, 66, 96);
  --g-color-private-blue-250-solid: rgb(42, 78, 117);
  --g-color-private-blue-300-solid: rgb(44, 90, 138);
  --g-color-private-blue-350-solid: rgb(46, 102, 158);
  --g-color-private-blue-400-solid: rgb(48, 114, 179);
  --g-color-private-blue-450-solid: rgb(50, 127, 200);
  --g-color-private-blue-500-solid: rgb(52, 139, 220);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(74, 161, 242);
  --g-color-private-blue-650-solid: rgb(94, 172, 244);
  --g-color-private-blue-700-solid: rgb(114, 182, 245);
  --g-color-private-blue-750-solid: rgb(134, 193, 247);
  --g-color-private-blue-800-solid: rgb(155, 203, 248);
  --g-color-private-blue-850-solid: rgb(175, 213, 249);
  --g-color-private-blue-900-solid: rgb(195, 224, 251);
  --g-color-private-blue-950-solid: rgb(215, 234, 252);
  --g-color-private-blue-1000-solid: rgb(225, 239, 253);
  --g-color-private-green-50: rgba(77, 176, 155, 0.1);
  --g-color-private-green-100: rgba(77, 176, 155, 0.15);
  --g-color-private-green-150: rgba(77, 176, 155, 0.2);
  --g-color-private-green-200: rgba(77, 176, 155, 0.3);
  --g-color-private-green-250: rgba(77, 176, 155, 0.4);
  --g-color-private-green-300: rgba(77, 176, 155, 0.5);
  --g-color-private-green-350: rgba(77, 176, 155, 0.6);
  --g-color-private-green-400: rgba(77, 176, 155, 0.7);
  --g-color-private-green-450: rgba(77, 176, 155, 0.8);
  --g-color-private-green-500: rgba(77, 176, 155, 0.9);
  --g-color-private-green-50-solid: rgb(38, 44, 46);
  --g-color-private-green-100-solid: rgb(40, 51, 52);
  --g-color-private-green-150-solid: rgb(43, 58, 58);
  --g-color-private-green-200-solid: rgb(47, 73, 70);
  --g-color-private-green-250-solid: rgb(51, 88, 82);
  --g-color-private-green-300-solid: rgb(56, 103, 95);
  --g-color-private-green-350-solid: rgb(60, 117, 107);
  --g-color-private-green-400-solid: rgb(64, 132, 119);
  --g-color-private-green-450-solid: rgb(68, 147, 131);
  --g-color-private-green-500-solid: rgb(73, 161, 143);
  --g-color-private-green-550-solid: rgb(77, 176, 155);
  --g-color-private-green-600-solid: rgb(95, 184, 165);
  --g-color-private-green-650-solid: rgb(113, 192, 175);
  --g-color-private-green-700-solid: rgb(130, 200, 185);
  --g-color-private-green-750-solid: rgb(148, 208, 195);
  --g-color-private-green-800-solid: rgb(166, 216, 205);
  --g-color-private-green-850-solid: rgb(184, 223, 215);
  --g-color-private-green-900-solid: rgb(202, 231, 225);
  --g-color-private-green-950-solid: rgb(219, 239, 235);
  --g-color-private-green-1000-solid: rgb(228, 243, 240);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(56, 45, 40);
  --g-color-private-yellow-100-solid: rgb(67, 53, 43);
  --g-color-private-yellow-150-solid: rgb(78, 61, 46);
  --g-color-private-yellow-200-solid: rgb(100, 77, 51);
  --g-color-private-yellow-250-solid: rgb(122, 93, 57);
  --g-color-private-yellow-300-solid: rgb(145, 110, 63);
  --g-color-private-yellow-350-solid: rgb(167, 126, 69);
  --g-color-private-yellow-400-solid: rgb(189, 142, 75);
  --g-color-private-yellow-450-solid: rgb(211, 158, 80);
  --g-color-private-yellow-500-solid: rgb(233, 174, 86);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(255, 197, 108);
  --g-color-private-yellow-650-solid: rgb(255, 203, 125);
  --g-color-private-yellow-700-solid: rgb(255, 210, 141);
  --g-color-private-yellow-750-solid: rgb(255, 216, 157);
  --g-color-private-yellow-800-solid: rgb(255, 223, 174);
  --g-color-private-yellow-850-solid: rgb(255, 229, 190);
  --g-color-private-yellow-900-solid: rgb(255, 236, 206);
  --g-color-private-yellow-950-solid: rgb(255, 242, 222);
  --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
  --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
  --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
  --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
  --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
  --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
  --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
  --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
  --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
  --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
  --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
  --g-color-private-orange-50-solid: rgb(51, 36, 32);
  --g-color-private-orange-100-solid: rgb(59, 40, 31);
  --g-color-private-orange-150-solid: rgb(67, 43, 30);
  --g-color-private-orange-200-solid: rgb(84, 50, 27);
  --g-color-private-orange-250-solid: rgb(100, 57, 25);
  --g-color-private-orange-300-solid: rgb(117, 64, 23);
  --g-color-private-orange-350-solid: rgb(134, 71, 21);
  --g-color-private-orange-400-solid: rgb(150, 78, 19);
  --g-color-private-orange-450-solid: rgb(167, 85, 16);
  --g-color-private-orange-500-solid: rgb(183, 92, 14);
  --g-color-private-orange-550-solid: rgb(200, 99, 12);
  --g-color-private-orange-600-solid: rgb(206, 115, 36);
  --g-color-private-orange-650-solid: rgb(211, 130, 61);
  --g-color-private-orange-700-solid: rgb(217, 146, 85);
  --g-color-private-orange-750-solid: rgb(222, 161, 109);
  --g-color-private-orange-800-solid: rgb(228, 177, 134);
  --g-color-private-orange-850-solid: rgb(233, 193, 158);
  --g-color-private-orange-900-solid: rgb(239, 208, 182);
  --g-color-private-orange-950-solid: rgb(244, 224, 206);
  --g-color-private-orange-1000-solid: rgb(247, 232, 219);
  --g-color-private-red-50: rgba(229, 50, 93, 0.1);
  --g-color-private-red-100: rgba(229, 50, 93, 0.15);
  --g-color-private-red-150: rgba(229, 50, 93, 0.2);
  --g-color-private-red-200: rgba(229, 50, 93, 0.3);
  --g-color-private-red-250: rgba(229, 50, 93, 0.4);
  --g-color-private-red-300: rgba(229, 50, 93, 0.5);
  --g-color-private-red-350: rgba(229, 50, 93, 0.6);
  --g-color-private-red-400: rgba(229, 50, 93, 0.7);
  --g-color-private-red-450: rgba(229, 50, 93, 0.8);
  --g-color-private-red-500: rgba(229, 50, 93, 0.9);
  --g-color-private-red-50-solid: rgb(54, 31, 40);
  --g-color-private-red-100-solid: rgb(63, 32, 43);
  --g-color-private-red-150-solid: rgb(73, 33, 46);
  --g-color-private-red-200-solid: rgb(93, 35, 52);
  --g-color-private-red-250-solid: rgb(112, 37, 58);
  --g-color-private-red-300-solid: rgb(132, 40, 64);
  --g-color-private-red-350-solid: rgb(151, 42, 69);
  --g-color-private-red-400-solid: rgb(171, 44, 75);
  --g-color-private-red-450-solid: rgb(190, 46, 81);
  --g-color-private-red-500-solid: rgb(210, 48, 87);
  --g-color-private-red-550-solid: rgb(229, 50, 93);
  --g-color-private-red-600-solid: rgb(232, 71, 109);
  --g-color-private-red-650-solid: rgb(234, 91, 125);
  --g-color-private-red-700-solid: rgb(237, 112, 142);
  --g-color-private-red-750-solid: rgb(239, 132, 158);
  --g-color-private-red-800-solid: rgb(242, 153, 174);
  --g-color-private-red-850-solid: rgb(245, 173, 190);
  --g-color-private-red-900-solid: rgb(247, 194, 206);
  --g-color-private-red-950-solid: rgb(250, 214, 223);
  --g-color-private-red-1000-solid: rgb(251, 224, 231);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(45, 34, 51);
  --g-color-private-purple-100-solid: rgb(50, 37, 60);
  --g-color-private-purple-150-solid: rgb(56, 40, 68);
  --g-color-private-purple-200-solid: rgb(67, 45, 85);
  --g-color-private-purple-250-solid: rgb(78, 50, 102);
  --g-color-private-purple-300-solid: rgb(89, 56, 119);
  --g-color-private-purple-350-solid: rgb(99, 61, 136);
  --g-color-private-purple-400-solid: rgb(110, 66, 153);
  --g-color-private-purple-450-solid: rgb(121, 71, 170);
  --g-color-private-purple-500-solid: rgb(132, 77, 187);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(154, 99, 209);
  --g-color-private-purple-650-solid: rgb(165, 117, 214);
  --g-color-private-purple-700-solid: rgb(177, 134, 219);
  --g-color-private-purple-750-solid: rgb(188, 151, 224);
  --g-color-private-purple-800-solid: rgb(199, 169, 230);
  --g-color-private-purple-850-solid: rgb(210, 186, 235);
  --g-color-private-purple-900-solid: rgb(221, 203, 240);
  --g-color-private-purple-950-solid: rgb(233, 220, 245);
  --g-color-private-purple-1000-solid: rgb(238, 229, 247);
  --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
  --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
  --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
  --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
  --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
  --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
  --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
  --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
  --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
  --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(40, 39, 46);
  --g-color-private-cool-grey-100-solid: rgb(43, 44, 52);
  --g-color-private-cool-grey-150-solid: rgb(46, 49, 58);
  --g-color-private-cool-grey-200-solid: rgb(53, 59, 71);
  --g-color-private-cool-grey-250-solid: rgb(59, 69, 83);
  --g-color-private-cool-grey-300-solid: rgb(65, 79, 95);
  --g-color-private-cool-grey-350-solid: rgb(71, 88, 107);
  --g-color-private-cool-grey-400-solid: rgb(77, 98, 119);
  --g-color-private-cool-grey-450-solid: rgb(84, 108, 132);
  --g-color-private-cool-grey-500-solid: rgb(90, 118, 144);
  --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
  --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
  --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
  --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
  --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
  --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
  --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
  --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
  --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
  --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
  --g-color-text-primary: var(--g-color-text-light-primary);
  --g-color-text-complementary: var(--g-color-text-light-complementary);
  --g-color-text-secondary: var(--g-color-text-light-secondary);
  --g-color-text-hint: var(--g-color-text-light-hint);
  --g-color-text-info: var(--g-color-private-blue-550-solid);
  --g-color-text-positive: var(--g-color-private-green-550-solid);
  --g-color-text-warning: var(--g-color-private-yellow-550-solid);
  --g-color-text-danger: var(--g-color-private-red-550-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-text-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-650-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-brand: var(--g-color-private-yellow-600-solid);
  --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-550-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-750-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-900);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-850);
  --g-color-text-light-complementary: var(--g-color-private-white-700);
  --g-color-text-light-secondary: var(--g-color-private-white-500);
  --g-color-text-light-hint: var(--g-color-private-white-300);
  --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
  --g-color-base-background: rgb(34, 29, 34);
  --g-color-base-generic: var(--g-color-private-white-100);
  --g-color-base-generic-hover: var(--g-color-private-white-150);
  --g-color-base-generic-medium: var(--g-color-private-white-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-white-300);
  --g-color-base-generic-accent: var(--g-color-private-white-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-white-70);
  --g-color-base-generic-ultralight: var(--g-color-private-white-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-white-100);
  --g-color-base-simple-hover-solid: var(--g-color-private-white-100-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-selection: var(--g-color-private-yellow-150);
  --g-color-base-selection-hover: var(--g-color-private-yellow-200);
  --g-color-base-info-light: var(--g-color-private-blue-150);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-300);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-400);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-150);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-300);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-400);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-150);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-200);
  --g-color-base-warning-medium: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-danger-light: var(--g-color-private-red-150);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-300);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-400);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-150);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-250);
  --g-color-base-utility-medium: var(--g-color-private-purple-300);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-400);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-white-100);
  --g-color-base-neutral-light-hover: var(--g-color-private-white-150);
  --g-color-base-neutral-medium: var(--g-color-private-white-250);
  --g-color-base-neutral-medium-hover: var(--g-color-private-white-350);
  --g-color-base-neutral-heavy: var(--g-color-private-white-550);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-white-650);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-150);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-850);
  --g-color-base-light-hover: var(--g-color-private-white-700);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-100-solid);
  --g-color-base-float-hover: var(--g-color-private-white-150-solid);
  --g-color-base-float-medium: var(--g-color-private-white-150-solid);
  --g-color-base-float-heavy: var(--g-color-private-white-250-solid);
  --g-color-base-float-accent: var(--g-color-private-white-150-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-200-solid);
  --g-color-base-float-announcement: var(--g-color-private-white-150-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-white-150);
  --g-color-line-generic-hover: var(--g-color-private-white-250);
  --g-color-line-generic-active: var(--g-color-private-white-300);
  --g-color-line-generic-accent: var(--g-color-private-white-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-white-300);
  --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-450);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-600);
  --g-color-sfx-shadow: var(--g-color-private-black-200);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-200);
  --g-color-sfx-fade: var(--g-color-private-white-250);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-white-150);
  --g-color-scroll-handle-hover: var(--g-color-private-white-250);
  --g-color-scroll-corner: var(--g-color-private-white-150);
  --g-color-infographics-axis: var(--g-color-private-white-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --g-color-private-white-50: rgba(255, 255, 255, 0.05);
    --g-color-private-white-70: rgba(255, 255, 255, 0.07);
    --g-color-private-white-100: rgba(255, 255, 255, 0.1);
    --g-color-private-white-150: rgba(255, 255, 255, 0.15);
    --g-color-private-white-200: rgba(255, 255, 255, 0.2);
    --g-color-private-white-250: rgba(255, 255, 255, 0.25);
    --g-color-private-white-300: rgba(255, 255, 255, 0.3);
    --g-color-private-white-350: rgba(255, 255, 255, 0.35);
    --g-color-private-white-400: rgba(255, 255, 255, 0.4);
    --g-color-private-white-450: rgba(255, 255, 255, 0.45);
    --g-color-private-white-500: rgba(255, 255, 255, 0.5);
    --g-color-private-white-550: rgba(255, 255, 255, 0.55);
    --g-color-private-white-600: rgba(255, 255, 255, 0.6);
    --g-color-private-white-650: rgba(255, 255, 255, 0.65);
    --g-color-private-white-700: rgba(255, 255, 255, 0.7);
    --g-color-private-white-750: rgba(255, 255, 255, 0.75);
    --g-color-private-white-800: rgba(255, 255, 255, 0.8);
    --g-color-private-white-850: rgba(255, 255, 255, 0.85);
    --g-color-private-white-900: rgba(255, 255, 255, 0.9);
    --g-color-private-white-950: rgba(255, 255, 255, 0.95);
    --g-color-private-white-20-solid: rgb(38, 34, 38);
    --g-color-private-white-50-solid: rgb(45, 40, 45);
    --g-color-private-white-70-solid: rgb(49, 45, 49);
    --g-color-private-white-100-solid: rgb(56, 52, 56);
    --g-color-private-white-150-solid: rgb(67, 63, 67);
    --g-color-private-white-200-solid: rgb(78, 74, 78);
    --g-color-private-white-250-solid: rgb(89, 85, 89);
    --g-color-private-white-300-solid: rgb(100, 97, 100);
    --g-color-private-white-350-solid: rgb(111, 108, 111);
    --g-color-private-white-400-solid: rgb(122, 119, 122);
    --g-color-private-white-450-solid: rgb(133, 131, 133);
    --g-color-private-white-500-solid: rgb(144, 142, 144);
    --g-color-private-white-550-solid: rgb(156, 153, 156);
    --g-color-private-white-600-solid: rgb(167, 165, 167);
    --g-color-private-white-650-solid: rgb(178, 176, 178);
    --g-color-private-white-700-solid: rgb(189, 187, 189);
    --g-color-private-white-750-solid: rgb(200, 198, 200);
    --g-color-private-white-800-solid: rgb(211, 210, 211);
    --g-color-private-white-850-solid: rgb(222, 221, 222);
    --g-color-private-white-900-solid: rgb(233, 232, 233);
    --g-color-private-white-950-solid: rgb(244, 244, 244);
    --g-color-private-white-1000-solid: rgb(255, 255, 255);
    --g-color-private-white-opaque-150: rgba(76, 75, 81, 0.95);
    --g-color-private-black-20: rgba(0, 0, 0, 0.02);
    --g-color-private-black-50: rgba(0, 0, 0, 0.05);
    --g-color-private-black-100: rgba(0, 0, 0, 0.1);
    --g-color-private-black-150: rgba(0, 0, 0, 0.15);
    --g-color-private-black-200: rgba(0, 0, 0, 0.2);
    --g-color-private-black-250: rgba(0, 0, 0, 0.25);
    --g-color-private-black-300: rgba(0, 0, 0, 0.3);
    --g-color-private-black-350: rgba(0, 0, 0, 0.35);
    --g-color-private-black-400: rgba(0, 0, 0, 0.4);
    --g-color-private-black-450: rgba(0, 0, 0, 0.45);
    --g-color-private-black-500: rgba(0, 0, 0, 0.5);
    --g-color-private-black-550: rgba(0, 0, 0, 0.55);
    --g-color-private-black-600: rgba(0, 0, 0, 0.6);
    --g-color-private-black-650: rgba(0, 0, 0, 0.65);
    --g-color-private-black-700: rgba(0, 0, 0, 0.7);
    --g-color-private-black-750: rgba(0, 0, 0, 0.75);
    --g-color-private-black-800: rgba(0, 0, 0, 0.8);
    --g-color-private-black-850: rgba(0, 0, 0, 0.85);
    --g-color-private-black-900: rgba(0, 0, 0, 0.9);
    --g-color-private-black-950: rgba(0, 0, 0, 0.95);
    --g-color-private-black-1000-solid: rgb(0, 0, 0);
    --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
    --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
    --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
    --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
    --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
    --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
    --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
    --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
    --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
    --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
    --g-color-private-blue-50-solid: rgb(36, 41, 55);
    --g-color-private-blue-100-solid: rgb(37, 47, 65);
    --g-color-private-blue-150-solid: rgb(38, 53, 75);
    --g-color-private-blue-200-solid: rgb(40, 66, 96);
    --g-color-private-blue-250-solid: rgb(42, 78, 117);
    --g-color-private-blue-300-solid: rgb(44, 90, 138);
    --g-color-private-blue-350-solid: rgb(46, 102, 158);
    --g-color-private-blue-400-solid: rgb(48, 114, 179);
    --g-color-private-blue-450-solid: rgb(50, 127, 200);
    --g-color-private-blue-500-solid: rgb(52, 139, 220);
    --g-color-private-blue-550-solid: rgb(54, 151, 241);
    --g-color-private-blue-600-solid: rgb(74, 161, 242);
    --g-color-private-blue-650-solid: rgb(94, 172, 244);
    --g-color-private-blue-700-solid: rgb(114, 182, 245);
    --g-color-private-blue-750-solid: rgb(134, 193, 247);
    --g-color-private-blue-800-solid: rgb(155, 203, 248);
    --g-color-private-blue-850-solid: rgb(175, 213, 249);
    --g-color-private-blue-900-solid: rgb(195, 224, 251);
    --g-color-private-blue-950-solid: rgb(215, 234, 252);
    --g-color-private-blue-1000-solid: rgb(225, 239, 253);
    --g-color-private-green-50: rgba(77, 176, 155, 0.1);
    --g-color-private-green-100: rgba(77, 176, 155, 0.15);
    --g-color-private-green-150: rgba(77, 176, 155, 0.2);
    --g-color-private-green-200: rgba(77, 176, 155, 0.3);
    --g-color-private-green-250: rgba(77, 176, 155, 0.4);
    --g-color-private-green-300: rgba(77, 176, 155, 0.5);
    --g-color-private-green-350: rgba(77, 176, 155, 0.6);
    --g-color-private-green-400: rgba(77, 176, 155, 0.7);
    --g-color-private-green-450: rgba(77, 176, 155, 0.8);
    --g-color-private-green-500: rgba(77, 176, 155, 0.9);
    --g-color-private-green-50-solid: rgb(38, 44, 46);
    --g-color-private-green-100-solid: rgb(40, 51, 52);
    --g-color-private-green-150-solid: rgb(43, 58, 58);
    --g-color-private-green-200-solid: rgb(47, 73, 70);
    --g-color-private-green-250-solid: rgb(51, 88, 82);
    --g-color-private-green-300-solid: rgb(56, 103, 95);
    --g-color-private-green-350-solid: rgb(60, 117, 107);
    --g-color-private-green-400-solid: rgb(64, 132, 119);
    --g-color-private-green-450-solid: rgb(68, 147, 131);
    --g-color-private-green-500-solid: rgb(73, 161, 143);
    --g-color-private-green-550-solid: rgb(77, 176, 155);
    --g-color-private-green-600-solid: rgb(95, 184, 165);
    --g-color-private-green-650-solid: rgb(113, 192, 175);
    --g-color-private-green-700-solid: rgb(130, 200, 185);
    --g-color-private-green-750-solid: rgb(148, 208, 195);
    --g-color-private-green-800-solid: rgb(166, 216, 205);
    --g-color-private-green-850-solid: rgb(184, 223, 215);
    --g-color-private-green-900-solid: rgb(202, 231, 225);
    --g-color-private-green-950-solid: rgb(219, 239, 235);
    --g-color-private-green-1000-solid: rgb(228, 243, 240);
    --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
    --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
    --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
    --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
    --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
    --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
    --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
    --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
    --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
    --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
    --g-color-private-yellow-50-solid: rgb(56, 45, 40);
    --g-color-private-yellow-100-solid: rgb(67, 53, 43);
    --g-color-private-yellow-150-solid: rgb(78, 61, 46);
    --g-color-private-yellow-200-solid: rgb(100, 77, 51);
    --g-color-private-yellow-250-solid: rgb(122, 93, 57);
    --g-color-private-yellow-300-solid: rgb(145, 110, 63);
    --g-color-private-yellow-350-solid: rgb(167, 126, 69);
    --g-color-private-yellow-400-solid: rgb(189, 142, 75);
    --g-color-private-yellow-450-solid: rgb(211, 158, 80);
    --g-color-private-yellow-500-solid: rgb(233, 174, 86);
    --g-color-private-yellow-550-solid: rgb(255, 190, 92);
    --g-color-private-yellow-600-solid: rgb(255, 197, 108);
    --g-color-private-yellow-650-solid: rgb(255, 203, 125);
    --g-color-private-yellow-700-solid: rgb(255, 210, 141);
    --g-color-private-yellow-750-solid: rgb(255, 216, 157);
    --g-color-private-yellow-800-solid: rgb(255, 223, 174);
    --g-color-private-yellow-850-solid: rgb(255, 229, 190);
    --g-color-private-yellow-900-solid: rgb(255, 236, 206);
    --g-color-private-yellow-950-solid: rgb(255, 242, 222);
    --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
    --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
    --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
    --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
    --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
    --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
    --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
    --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
    --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
    --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
    --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
    --g-color-private-orange-50-solid: rgb(51, 36, 32);
    --g-color-private-orange-100-solid: rgb(59, 40, 31);
    --g-color-private-orange-150-solid: rgb(67, 43, 30);
    --g-color-private-orange-200-solid: rgb(84, 50, 27);
    --g-color-private-orange-250-solid: rgb(100, 57, 25);
    --g-color-private-orange-300-solid: rgb(117, 64, 23);
    --g-color-private-orange-350-solid: rgb(134, 71, 21);
    --g-color-private-orange-400-solid: rgb(150, 78, 19);
    --g-color-private-orange-450-solid: rgb(167, 85, 16);
    --g-color-private-orange-500-solid: rgb(183, 92, 14);
    --g-color-private-orange-550-solid: rgb(200, 99, 12);
    --g-color-private-orange-600-solid: rgb(206, 115, 36);
    --g-color-private-orange-650-solid: rgb(211, 130, 61);
    --g-color-private-orange-700-solid: rgb(217, 146, 85);
    --g-color-private-orange-750-solid: rgb(222, 161, 109);
    --g-color-private-orange-800-solid: rgb(228, 177, 134);
    --g-color-private-orange-850-solid: rgb(233, 193, 158);
    --g-color-private-orange-900-solid: rgb(239, 208, 182);
    --g-color-private-orange-950-solid: rgb(244, 224, 206);
    --g-color-private-orange-1000-solid: rgb(247, 232, 219);
    --g-color-private-red-50: rgba(229, 50, 93, 0.1);
    --g-color-private-red-100: rgba(229, 50, 93, 0.15);
    --g-color-private-red-150: rgba(229, 50, 93, 0.2);
    --g-color-private-red-200: rgba(229, 50, 93, 0.3);
    --g-color-private-red-250: rgba(229, 50, 93, 0.4);
    --g-color-private-red-300: rgba(229, 50, 93, 0.5);
    --g-color-private-red-350: rgba(229, 50, 93, 0.6);
    --g-color-private-red-400: rgba(229, 50, 93, 0.7);
    --g-color-private-red-450: rgba(229, 50, 93, 0.8);
    --g-color-private-red-500: rgba(229, 50, 93, 0.9);
    --g-color-private-red-50-solid: rgb(54, 31, 40);
    --g-color-private-red-100-solid: rgb(63, 32, 43);
    --g-color-private-red-150-solid: rgb(73, 33, 46);
    --g-color-private-red-200-solid: rgb(93, 35, 52);
    --g-color-private-red-250-solid: rgb(112, 37, 58);
    --g-color-private-red-300-solid: rgb(132, 40, 64);
    --g-color-private-red-350-solid: rgb(151, 42, 69);
    --g-color-private-red-400-solid: rgb(171, 44, 75);
    --g-color-private-red-450-solid: rgb(190, 46, 81);
    --g-color-private-red-500-solid: rgb(210, 48, 87);
    --g-color-private-red-550-solid: rgb(229, 50, 93);
    --g-color-private-red-600-solid: rgb(232, 71, 109);
    --g-color-private-red-650-solid: rgb(234, 91, 125);
    --g-color-private-red-700-solid: rgb(237, 112, 142);
    --g-color-private-red-750-solid: rgb(239, 132, 158);
    --g-color-private-red-800-solid: rgb(242, 153, 174);
    --g-color-private-red-850-solid: rgb(245, 173, 190);
    --g-color-private-red-900-solid: rgb(247, 194, 206);
    --g-color-private-red-950-solid: rgb(250, 214, 223);
    --g-color-private-red-1000-solid: rgb(251, 224, 231);
    --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
    --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
    --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
    --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
    --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
    --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
    --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
    --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
    --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
    --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
    --g-color-private-purple-50-solid: rgb(45, 34, 51);
    --g-color-private-purple-100-solid: rgb(50, 37, 60);
    --g-color-private-purple-150-solid: rgb(56, 40, 68);
    --g-color-private-purple-200-solid: rgb(67, 45, 85);
    --g-color-private-purple-250-solid: rgb(78, 50, 102);
    --g-color-private-purple-300-solid: rgb(89, 56, 119);
    --g-color-private-purple-350-solid: rgb(99, 61, 136);
    --g-color-private-purple-400-solid: rgb(110, 66, 153);
    --g-color-private-purple-450-solid: rgb(121, 71, 170);
    --g-color-private-purple-500-solid: rgb(132, 77, 187);
    --g-color-private-purple-550-solid: rgb(143, 82, 204);
    --g-color-private-purple-600-solid: rgb(154, 99, 209);
    --g-color-private-purple-650-solid: rgb(165, 117, 214);
    --g-color-private-purple-700-solid: rgb(177, 134, 219);
    --g-color-private-purple-750-solid: rgb(188, 151, 224);
    --g-color-private-purple-800-solid: rgb(199, 169, 230);
    --g-color-private-purple-850-solid: rgb(210, 186, 235);
    --g-color-private-purple-900-solid: rgb(221, 203, 240);
    --g-color-private-purple-950-solid: rgb(233, 220, 245);
    --g-color-private-purple-1000-solid: rgb(238, 229, 247);
    --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
    --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
    --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
    --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
    --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
    --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
    --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
    --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
    --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
    --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
    --g-color-private-cool-grey-50-solid: rgb(40, 39, 46);
    --g-color-private-cool-grey-100-solid: rgb(43, 44, 52);
    --g-color-private-cool-grey-150-solid: rgb(46, 49, 58);
    --g-color-private-cool-grey-200-solid: rgb(53, 59, 71);
    --g-color-private-cool-grey-250-solid: rgb(59, 69, 83);
    --g-color-private-cool-grey-300-solid: rgb(65, 79, 95);
    --g-color-private-cool-grey-350-solid: rgb(71, 88, 107);
    --g-color-private-cool-grey-400-solid: rgb(77, 98, 119);
    --g-color-private-cool-grey-450-solid: rgb(84, 108, 132);
    --g-color-private-cool-grey-500-solid: rgb(90, 118, 144);
    --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
    --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
    --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
    --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
    --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
    --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
    --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
    --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
    --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
    --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
    --g-color-text-primary: var(--g-color-text-light-primary);
    --g-color-text-complementary: var(--g-color-text-light-complementary);
    --g-color-text-secondary: var(--g-color-text-light-secondary);
    --g-color-text-hint: var(--g-color-text-light-hint);
    --g-color-text-info: var(--g-color-private-blue-550-solid);
    --g-color-text-positive: var(--g-color-private-green-550-solid);
    --g-color-text-warning: var(--g-color-private-yellow-550-solid);
    --g-color-text-danger: var(--g-color-private-red-550-solid);
    --g-color-text-utility: var(--g-color-private-purple-600-solid);
    --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
    --g-color-text-info-heavy: var(--g-color-private-blue-600-solid);
    --g-color-text-positive-heavy: var(--g-color-private-green-600-solid);
    --g-color-text-warning-heavy: var(--g-color-private-yellow-600-solid);
    --g-color-text-danger-heavy: var(--g-color-private-red-600-solid);
    --g-color-text-utility-heavy: var(--g-color-private-purple-650-solid);
    --g-color-text-misc-heavy: var(--g-color-private-cool-grey-650-solid);
    --g-color-text-brand: var(--g-color-private-yellow-600-solid);
    --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
    --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
    --g-color-text-link: var(--g-color-private-yellow-550-solid);
    --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
    --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
    --g-color-text-link-visited-hover: var(--g-color-private-purple-750-solid);
    --g-color-text-dark-primary: var(--g-color-private-black-900);
    --g-color-text-dark-complementary: var(--g-color-private-black-700);
    --g-color-text-dark-secondary: var(--g-color-private-black-500);
    --g-color-text-dark-hint: var(--g-color-private-black-300);
    --g-color-text-light-primary: var(--g-color-private-white-850);
    --g-color-text-light-complementary: var(--g-color-private-white-700);
    --g-color-text-light-secondary: var(--g-color-private-white-500);
    --g-color-text-light-hint: var(--g-color-private-white-300);
    --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
    --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
    --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
    --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
    --g-color-base-background: rgb(34, 29, 34);
    --g-color-base-generic: var(--g-color-private-white-100);
    --g-color-base-generic-hover: var(--g-color-private-white-150);
    --g-color-base-generic-medium: var(--g-color-private-white-250);
    --g-color-base-generic-medium-hover: var(--g-color-private-white-300);
    --g-color-base-generic-accent: var(--g-color-private-white-150);
    --g-color-base-generic-accent-disabled: var(--g-color-private-white-70);
    --g-color-base-generic-ultralight: var(--g-color-private-white-20-solid);
    --g-color-base-simple-hover: var(--g-color-private-white-100);
    --g-color-base-simple-hover-solid: var(--g-color-private-white-100-solid);
    --g-color-base-brand: var(--g-color-private-yellow-550-solid);
    --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
    --g-color-base-selection: var(--g-color-private-yellow-150);
    --g-color-base-selection-hover: var(--g-color-private-yellow-200);
    --g-color-base-info-light: var(--g-color-private-blue-150);
    --g-color-base-info-light-hover: var(--g-color-private-blue-200);
    --g-color-base-info-medium: var(--g-color-private-blue-300);
    --g-color-base-info-medium-hover: var(--g-color-private-blue-400);
    --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
    --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
    --g-color-base-positive-light: var(--g-color-private-green-150);
    --g-color-base-positive-light-hover: var(--g-color-private-green-200);
    --g-color-base-positive-medium: var(--g-color-private-green-300);
    --g-color-base-positive-medium-hover: var(--g-color-private-green-400);
    --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
    --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
    --g-color-base-warning-light: var(--g-color-private-yellow-150);
    --g-color-base-warning-light-hover: var(--g-color-private-yellow-200);
    --g-color-base-warning-medium: var(--g-color-private-yellow-300);
    --g-color-base-warning-medium-hover: var(--g-color-private-yellow-400);
    --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
    --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
    --g-color-base-danger-light: var(--g-color-private-red-150);
    --g-color-base-danger-light-hover: var(--g-color-private-red-200);
    --g-color-base-danger-medium: var(--g-color-private-red-300);
    --g-color-base-danger-medium-hover: var(--g-color-private-red-400);
    --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
    --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
    --g-color-base-utility-light: var(--g-color-private-purple-150);
    --g-color-base-utility-light-hover: var(--g-color-private-purple-250);
    --g-color-base-utility-medium: var(--g-color-private-purple-300);
    --g-color-base-utility-medium-hover: var(--g-color-private-purple-400);
    --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
    --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
    --g-color-base-neutral-light: var(--g-color-private-white-100);
    --g-color-base-neutral-light-hover: var(--g-color-private-white-150);
    --g-color-base-neutral-medium: var(--g-color-private-white-250);
    --g-color-base-neutral-medium-hover: var(--g-color-private-white-350);
    --g-color-base-neutral-heavy: var(--g-color-private-white-550);
    --g-color-base-neutral-heavy-hover: var(--g-color-private-white-650);
    --g-color-base-misc-light: var(--g-color-private-cool-grey-150);
    --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
    --g-color-base-misc-medium: var(--g-color-private-cool-grey-300);
    --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-400);
    --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
    --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
    --g-color-base-light: var(--g-color-private-white-850);
    --g-color-base-light-hover: var(--g-color-private-white-700);
    --g-color-base-light-simple-hover: var(--g-color-private-white-150);
    --g-color-base-light-disabled: var(--g-color-private-white-150);
    --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
    --g-color-base-float: var(--g-color-private-white-100-solid);
    --g-color-base-float-hover: var(--g-color-private-white-150-solid);
    --g-color-base-float-medium: var(--g-color-private-white-150-solid);
    --g-color-base-float-heavy: var(--g-color-private-white-250-solid);
    --g-color-base-float-accent: var(--g-color-private-white-150-solid);
    --g-color-base-float-accent-hover: var(--g-color-private-white-200-solid);
    --g-color-base-float-announcement: var(--g-color-private-white-150-solid);
    --g-color-base-modal: var(--g-color-base-background);
    --g-color-line-generic: var(--g-color-private-white-150);
    --g-color-line-generic-hover: var(--g-color-private-white-250);
    --g-color-line-generic-active: var(--g-color-private-white-300);
    --g-color-line-generic-accent: var(--g-color-private-white-150);
    --g-color-line-generic-accent-hover: var(--g-color-private-white-300);
    --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
    --g-color-line-brand: var(--g-color-private-yellow-600-solid);
    --g-color-line-focus: var(--g-color-private-cool-grey-450);
    --g-color-line-light: var(--g-color-private-white-500);
    --g-color-line-info: var(--g-color-private-blue-450);
    --g-color-line-positive: var(--g-color-private-green-450);
    --g-color-line-warning: var(--g-color-private-yellow-450);
    --g-color-line-danger: var(--g-color-private-red-450);
    --g-color-line-utility: var(--g-color-private-purple-450);
    --g-color-line-misc: var(--g-color-private-cool-grey-450);
    --g-color-sfx-veil: var(--g-color-private-black-600);
    --g-color-sfx-shadow: var(--g-color-private-black-200);
    --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
    --g-color-sfx-shadow-light: var(--g-color-private-black-200);
    --g-color-sfx-fade: var(--g-color-private-white-250);
    --g-color-scroll-track: var(--g-color-base-background);
    --g-color-scroll-handle: var(--g-color-private-white-150);
    --g-color-scroll-handle-hover: var(--g-color-private-white-250);
    --g-color-scroll-corner: var(--g-color-private-white-150);
    --g-color-infographics-axis: var(--g-color-private-white-150-solid);
    --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
    color-scheme: dark;
  }
}
[dir=rtl] {
  --g-flow-direction: -1;
}

:root {
  --pg-container-width: 1232px;
  --pg-gutter: 24px;
  --pg-header-height: 64px;
  --pg-prose-width: 760px;
  --pg-radius-card: 16px;
  --pg-transition: 0.15s ease;
}

@media (max-width: 768px) {
  :root {
    --pg-gutter: 16px;
    --pg-header-height: 56px;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--pg-header-height) + var(--g-spacing-4));
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--g-color-base-background);
  color: var(--g-color-text-primary);
  font: var(--g-text-body-2-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--g-color-text-link);
  text-decoration: none;
  transition: color var(--pg-transition);
}
a:hover {
  color: var(--g-color-text-link-hover);
}

:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: 2px;
  border-radius: var(--g-focus-border-radius);
}

::selection {
  background: var(--g-color-base-selection);
}

.pg-main {
  flex: 1 0 auto;
}

.pg-container {
  width: 100%;
  max-width: calc(var(--pg-container-width) + 2 * var(--pg-gutter));
  margin-inline: auto;
  padding-inline: var(--pg-gutter);
}

.pg-skip-link {
  position: absolute;
  inset-inline-start: var(--g-spacing-2);
  top: -100px;
  z-index: 100;
  padding: var(--g-spacing-2) var(--g-spacing-4);
  border-radius: var(--g-border-radius-l);
  background: var(--g-color-base-brand);
  color: var(--g-color-text-brand-contrast);
}
.pg-skip-link:focus {
  top: var(--g-spacing-2);
  color: var(--g-color-text-brand-contrast);
}

.pg-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.highlight {
  color: var(--g-color-text-primary);
}
.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {
  color: var(--g-color-text-hint);
  font-style: italic;
}
.highlight .err {
  color: var(--g-color-text-danger);
}
.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .o {
  color: var(--g-color-text-info);
}
.highlight .n, .highlight .na, .highlight .nb, .highlight .nc, .highlight .nf, .highlight .nx {
  color: var(--g-color-text-primary);
}
.highlight .s, .highlight .s1, .highlight .s2, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .ss {
  color: var(--g-color-text-positive);
}
.highlight .m, .highlight .mf, .highlight .mi, .highlight .mo, .highlight .mh, .highlight .il {
  color: var(--g-color-text-brand-heavy);
}
.highlight .nt {
  color: var(--g-color-text-info);
}
.highlight .na.tag-attr, .highlight .py {
  color: var(--g-color-text-warning);
}
.highlight .gd {
  color: var(--g-color-text-danger);
}
.highlight .gi {
  color: var(--g-color-text-positive);
}
.highlight .gh, .highlight .gu {
  color: var(--g-color-text-hint);
}

.language-plaintext,
.no-highlight {
  color: var(--g-color-text-primary);
}

.pg-prose {
  max-width: var(--pg-prose-width);
  font: var(--g-text-body-3-font);
  overflow-wrap: break-word;
}
.pg-prose > :first-child {
  margin-top: 0;
}
.pg-prose h1,
.pg-prose h2,
.pg-prose h3,
.pg-prose h4 {
  margin: 1.6em 0 0.6em;
  color: var(--g-color-text-primary);
}
.pg-prose h1 {
  font: var(--g-text-display-1-font);
}
.pg-prose h2 {
  font: var(--g-text-header-2-font);
}
.pg-prose h3 {
  font: var(--g-text-header-1-font);
}
.pg-prose h4 {
  font: var(--g-text-subheader-3-font);
}
.pg-prose p,
.pg-prose ul,
.pg-prose ol,
.pg-prose blockquote,
.pg-prose table,
.pg-prose pre,
.pg-prose figure {
  margin: 0 0 1em;
}
.pg-prose ul,
.pg-prose ol {
  padding-inline-start: 1.5em;
}
.pg-prose li + li {
  margin-top: 0.25em;
}
.pg-prose a:not(.pg-button) {
  text-decoration: underline;
  text-decoration-color: var(--g-color-line-generic-hover);
  text-underline-offset: 0.2em;
}
.pg-prose blockquote {
  padding: var(--g-spacing-3) var(--g-spacing-5);
  border-inline-start: 4px solid var(--g-color-line-brand);
  border-radius: var(--g-border-radius-s);
  background: var(--g-color-base-generic-ultralight);
  color: var(--g-color-text-complementary);
}
.pg-prose blockquote > :last-child {
  margin-bottom: 0;
}
.pg-prose hr {
  margin: 2em 0;
  border: 0;
  border-top: 1px solid var(--g-color-line-generic);
}
.pg-prose img {
  border-radius: var(--g-border-radius-l);
}
.pg-prose figure {
  margin: 0 0 1em;
}
.pg-prose figure img {
  display: block;
  width: 100%;
}
.pg-prose figcaption {
  margin-top: var(--g-spacing-2);
  color: var(--g-color-text-hint);
  font: var(--g-text-caption-2-font);
  text-align: center;
}
.pg-prose code {
  padding: 1px 4px;
  border-radius: var(--g-border-radius-xs);
  background: var(--g-color-base-misc-light);
  font: var(--g-text-code-inline-2-font);
  font-size: 0.875em;
}
.pg-prose pre {
  padding: var(--g-spacing-4);
  overflow-x: auto;
  border-radius: var(--g-border-radius-l);
  background: var(--g-color-base-misc-light);
  font: var(--g-text-code-2-font);
}
.pg-prose pre code {
  padding: 0;
  background: none;
  font: inherit;
}
.pg-prose table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font: var(--g-text-body-2-font);
}
.pg-prose th,
.pg-prose td {
  padding: var(--g-spacing-2) var(--g-spacing-3);
  border-bottom: 1px solid var(--g-color-line-generic);
  text-align: start;
}
.pg-prose th {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-secondary);
}

.pg-icon {
  display: inline-flex;
  flex: none;
  width: var(--pg-icon-size, 16px);
  height: var(--pg-icon-size, 16px);
  vertical-align: middle;
}
.pg-icon svg {
  width: 100%;
  height: 100%;
}

.pg-button {
  --_height: 36px;
  --_padding: 12px;
  --_radius: var(--g-border-radius-l);
  --_bg: var(--g-color-base-generic);
  --_bg-hover: var(--g-color-base-generic-hover);
  --_color: var(--g-color-text-primary);
  --_border: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--g-spacing-2);
  height: var(--_height);
  padding-inline: var(--_padding);
  border: 1px solid var(--_border);
  border-radius: var(--_radius);
  background: var(--_bg);
  color: var(--_color);
  font: var(--g-text-body-1-font);
  font-size: var(--g-text-body-2-font-size);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: background-color var(--pg-transition), color var(--pg-transition), transform 0.1s ease;
}
.pg-button:hover {
  background: var(--_bg-hover);
  color: var(--_color);
}
.pg-button:active {
  transform: scale(0.96);
}
.pg-button_size_m {
  --_height: 28px;
  --_padding: 10px;
  --_radius: var(--g-border-radius-m);
  font-size: var(--g-text-body-1-font-size);
}
.pg-button_size_xl {
  --_height: 44px;
  --_padding: 20px;
  --_radius: var(--g-border-radius-xl);
  font-size: var(--g-text-body-3-font-size);
}
.pg-button_view_action {
  --_bg: var(--g-color-base-brand);
  --_bg-hover: var(--g-color-base-brand-hover);
  --_color: var(--g-color-text-brand-contrast);
}
.pg-button_view_outlined {
  --_bg: transparent;
  --_bg-hover: var(--g-color-base-simple-hover);
  --_border: var(--g-color-line-generic);
}
.pg-button_view_flat {
  --_bg: transparent;
  --_bg-hover: var(--g-color-base-simple-hover);
  --_color: var(--g-color-text-complementary);
}
.pg-button_view_flat:hover {
  --_color: var(--g-color-text-primary);
}
.pg-button_icon {
  width: var(--_height);
  padding: 0;
}

.pg-dropdown {
  position: relative;
}
.pg-dropdown > summary {
  list-style: none;
}
.pg-dropdown > summary::-webkit-details-marker {
  display: none;
}
.pg-dropdown__menu {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + var(--g-spacing-1));
  z-index: 20;
  min-width: 160px;
  margin: 0;
  padding: var(--g-spacing-1) 0;
  list-style: none;
  border-radius: var(--g-border-radius-l);
  background: var(--g-color-base-float);
  box-shadow: 0 0 0 1px var(--g-color-line-generic), 0 8px 20px var(--g-color-sfx-shadow);
}
.pg-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-spacing-3);
  padding: var(--g-spacing-2) var(--g-spacing-4);
  color: var(--g-color-text-primary);
}
.pg-dropdown__item:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}

.pg-label {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  height: 24px;
  padding-inline: var(--g-spacing-2);
  border-radius: var(--g-border-radius-m);
  background: var(--g-color-base-generic);
  color: var(--g-color-text-complementary);
  font: var(--g-text-body-1-font);
}

.pg-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  height: 20px;
  padding-inline: var(--g-spacing-2);
  border-radius: var(--g-border-radius-xs);
  background: var(--g-color-base-generic);
  color: var(--g-color-text-secondary);
  font: var(--g-text-caption-2-font);
  font-weight: var(--g-text-accent-font-weight);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.pg-badge_view_brand {
  background: var(--g-color-base-info-light);
  color: var(--g-color-text-info);
}

.pg-link_arrow {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  text-decoration: none;
}
.pg-link_arrow .pg-icon {
  transition: transform var(--pg-transition);
  transform: translateX(calc(var(--g-flow-direction, 1) * 0px));
}
.pg-link_arrow:hover .pg-icon {
  transform: translateX(calc(var(--g-flow-direction, 1) * 3px));
}

.pg-divider {
  height: 1px;
  margin: var(--g-spacing-8) 0;
  border: 0;
  background: var(--g-color-line-generic);
}

.pg-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--pg-radius-card);
  background: var(--g-color-base-generic-ultralight);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform var(--pg-transition), box-shadow var(--pg-transition);
}
.pg-card_view_outlined {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
}
.pg-card_view_raised {
  background: var(--g-color-base-float);
  box-shadow: 0 1px 2px var(--g-color-sfx-shadow);
}
.pg-card[href]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px var(--g-color-sfx-shadow);
  color: inherit;
}
.pg-card__image {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background: var(--g-color-base-generic);
}
.pg-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--g-spacing-3);
  padding: var(--g-spacing-5);
  flex: 1;
}
.pg-card__icon {
  color: var(--g-color-text-brand);
}
.pg-card__title {
  margin: 0;
  font: var(--g-text-subheader-3-font);
  color: var(--g-color-text-primary);
}
.pg-card__text {
  margin: 0;
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-2-font);
  flex: 1;
}
.pg-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--g-spacing-2);
  margin-top: auto;
  padding-top: var(--g-spacing-2);
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-1-font);
}
.pg-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-card_view_media {
  position: relative;
  display: block;
  min-height: 220px;
  height: 100%;
}
.pg-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--g-color-base-generic);
}
.pg-card__media_placeholder {
  background: radial-gradient(120% 140% at 15% 15%, color-mix(in srgb, var(--g-color-base-brand) 55%, transparent), transparent 60%), linear-gradient(160deg, var(--g-color-base-generic-medium), var(--g-color-base-generic));
}
.pg-card__overlay {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--g-spacing-3);
  padding: var(--g-spacing-8) var(--g-spacing-4) var(--g-spacing-3);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent);
}
.pg-card__overlay-title {
  font: var(--g-text-subheader-3-font);
  color: var(--g-color-private-white-1000-solid);
}
.pg-card__overlay-badge {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--g-spacing-1);
  padding: var(--g-spacing-1) var(--g-spacing-2);
  border-radius: var(--g-border-radius-l);
  background: color-mix(in srgb, black 35%, transparent);
  color: var(--g-color-private-white-1000-solid);
  font: var(--g-text-caption-2-font);
  white-space: nowrap;
}

.pg-prose a.pg-card {
  text-decoration: none;
}

.pg-grid {
  display: grid;
  gap: var(--g-spacing-6);
  grid-template-columns: repeat(var(--pg-grid-cols, 3), 1fr);
}

.pg-grid_cols_2 {
  --pg-grid-cols: 2;
}

.pg-grid_cols_4 {
  --pg-grid-cols: 4;
}

.pg-grid_bento {
  grid-auto-flow: dense;
  grid-auto-rows: 140px;
}
.pg-grid_bento .pg-card_view_media {
  min-height: 0;
}

.pg-card_size_lg {
  grid-column: span 2;
  grid-row: span 2;
}

@media (max-width: 960px) {
  .pg-grid {
    --pg-grid-cols: 2;
  }
}
@media (max-width: 640px) {
  .pg-grid {
    --pg-grid-cols: 1 !important;
  }
  .pg-card_size_lg {
    grid-column: span 1;
    grid-row: span 1;
  }
}
.pg-prose blockquote.pg-alert {
  border-inline-start-width: 4px;
  border-inline-start-style: solid;
  border-inline-start-color: var(--pg-alert-line, var(--g-color-line-generic));
  background: var(--pg-alert-bg, var(--g-color-base-generic-ultralight));
  color: var(--g-color-text-primary);
}

.pg-alert_theme_info {
  --pg-alert-line: var(--g-color-line-info);
  --pg-alert-bg: var(--g-color-base-info-light);
}

.pg-alert_theme_success {
  --pg-alert-line: var(--g-color-line-positive);
  --pg-alert-bg: var(--g-color-base-positive-light);
}

.pg-alert_theme_warning {
  --pg-alert-line: var(--g-color-line-warning);
  --pg-alert-bg: var(--g-color-base-warning-light);
}

.pg-alert_theme_danger {
  --pg-alert-line: var(--g-color-line-danger);
  --pg-alert-bg: var(--g-color-base-danger-light);
}

.pg-tabs__list {
  display: flex;
  gap: var(--g-spacing-1);
  margin: 0 0 var(--g-spacing-3);
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--g-color-line-generic);
  overflow-x: auto;
}
.pg-tabs__tab {
  padding: var(--g-spacing-2) var(--g-spacing-4);
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: none;
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-2-font);
  white-space: nowrap;
  cursor: pointer;
}
.pg-tabs__tab:hover {
  color: var(--g-color-text-primary);
}
.pg-tabs__tab[aria-selected=true] {
  border-bottom-color: var(--g-color-line-brand);
  color: var(--g-color-text-primary);
  font-weight: var(--g-text-accent-font-weight);
}
.pg-tabs__panel[hidden] {
  display: none;
}

.pg-tabs_view_segmented .pg-tabs__list {
  display: inline-flex;
  gap: 0;
  padding: var(--g-spacing-half);
  border: 0;
  border-radius: var(--g-border-radius-l);
  background: var(--g-color-base-generic);
}

.pg-tabs_view_segmented .pg-tabs__tab {
  border-radius: var(--g-border-radius-m);
  border-bottom: 0;
  margin: 0;
}
.pg-tabs_view_segmented .pg-tabs__tab[aria-selected=true] {
  background: var(--g-color-base-float);
  box-shadow: 0 1px 2px var(--g-color-sfx-shadow);
}

:root:not(.pg-js) .pg-tabs__list {
  display: none;
}
:root:not(.pg-js) .pg-tabs__panel[hidden] {
  display: block;
}
:root:not(.pg-js) .pg-tabs__panel::before {
  content: attr(data-pg-tab-label);
  display: block;
  margin-bottom: var(--g-spacing-2);
  font: var(--g-text-subheader-2-font);
}

.pg-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--g-spacing-1);
  margin: 0 0 var(--g-spacing-4);
  padding: 0;
  list-style: none;
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-1-font);
}
.pg-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-1);
}
.pg-breadcrumbs a {
  color: var(--g-color-text-secondary);
}
.pg-breadcrumbs a:hover {
  color: var(--g-color-text-primary);
}
.pg-breadcrumbs .pg-icon {
  width: 12px;
  height: 12px;
  opacity: 0.6;
}
.pg-breadcrumbs [aria-current] {
  color: var(--g-color-text-primary);
}

.pg-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-spacing-3);
  margin-top: var(--g-spacing-8);
}
.pg-pagination__side {
  flex: 1;
  min-width: 0;
}
.pg-pagination__side_end {
  display: flex;
  justify-content: flex-end;
}
.pg-pagination__link {
  display: flex;
  flex-direction: column;
  gap: var(--g-spacing-1);
  max-width: 320px;
  padding: var(--g-spacing-3) var(--g-spacing-4);
  border-radius: var(--g-border-radius-l);
  color: var(--g-color-text-primary);
}
.pg-pagination__link:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}
.pg-pagination__side_end .pg-pagination__link {
  align-items: flex-end;
  text-align: end;
}
.pg-pagination__label {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-1);
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-1-font);
}
.pg-pagination__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--g-text-body-2-font);
  font-weight: var(--g-text-accent-font-weight);
}

.pg-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--g-spacing-1);
  margin-top: var(--g-spacing-8);
}
.pg-pager__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding-inline: var(--g-spacing-2);
  border-radius: var(--g-border-radius-l);
  color: var(--g-color-text-secondary);
}
.pg-pager__item:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}
.pg-pager__item[aria-current] {
  background: var(--g-color-base-brand);
  color: var(--g-color-text-brand-contrast);
}

.pg-table-wrap {
  overflow-x: auto;
  border-radius: var(--g-border-radius-l);
  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
}

.pg-table {
  width: 100%;
  border-collapse: collapse;
  font: var(--g-text-body-2-font);
}
.pg-table th,
.pg-table td {
  padding: var(--g-spacing-3) var(--g-spacing-4);
  text-align: start;
  border-bottom: 1px solid var(--g-color-line-generic);
  white-space: nowrap;
}
.pg-table th {
  color: var(--g-color-text-secondary);
  font-weight: var(--g-text-accent-font-weight);
  background: var(--g-color-base-generic-ultralight);
}
.pg-table tr:last-child td {
  border-bottom: 0;
}
.pg-table_striped tbody tr:nth-child(even) {
  background: var(--g-color-base-generic-ultralight);
}
.pg-table_compact th, .pg-table_compact td {
  padding: var(--g-spacing-2) var(--g-spacing-3);
}

.pg-toc {
  margin: 0 0 var(--g-spacing-6);
  border: 1px solid var(--g-color-line-generic);
  border-radius: var(--g-border-radius-l);
}
.pg-toc summary {
  padding: var(--g-spacing-3) var(--g-spacing-4);
  cursor: pointer;
  font: var(--g-text-subheader-1-font);
  color: var(--g-color-text-primary);
  list-style: none;
}
.pg-toc summary::-webkit-details-marker {
  display: none;
}
.pg-toc summary::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-inline-end: var(--g-spacing-2);
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform var(--pg-transition);
}
.pg-toc[open] summary::before {
  transform: rotate(45deg);
}
.pg-toc__list, .pg-toc__list ul {
  margin: 0;
  padding-inline-start: var(--g-spacing-5);
  list-style: none;
}
.pg-toc__list {
  padding: 0 var(--g-spacing-4) var(--g-spacing-4);
  font: var(--g-text-body-2-font);
}
.pg-toc__list li {
  margin: var(--g-spacing-1) 0;
}
.pg-toc__list a {
  color: var(--g-color-text-secondary);
}
.pg-toc__list a:hover {
  color: var(--g-color-text-link);
}

.pg-prose pre {
  position: relative;
}

.pg-code-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-spacing-2);
  margin-bottom: var(--g-spacing-2);
}

.pg-code-lang {
  color: var(--g-color-text-hint);
  font: var(--g-text-caption-2-font);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pg-code-copy {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  padding: var(--g-spacing-1) var(--g-spacing-2);
  border: 0;
  border-radius: var(--g-border-radius-m);
  background: transparent;
  color: var(--g-color-text-secondary);
  font: var(--g-text-caption-2-font);
  cursor: pointer;
}
.pg-code-copy:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}
.pg-code-copy[data-copied=true] {
  color: var(--g-color-text-positive);
}

.pg-hero {
  padding-block: var(--g-spacing-10) calc(var(--g-spacing-10) * 1.5);
  text-align: center;
}
.pg-hero__title {
  max-width: 900px;
  margin: 0 auto;
  font: var(--g-text-display-4-font);
  color: var(--g-color-text-primary);
}
.pg-hero__text {
  max-width: 640px;
  margin: var(--g-spacing-5) auto 0;
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-3-font);
}
.pg-hero__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--g-spacing-2);
  margin: var(--g-spacing-6) 0 0;
  padding: 0;
  list-style: none;
}
.pg-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--g-spacing-3);
  margin-top: var(--g-spacing-6);
}

@media (max-width: 640px) {
  .pg-hero__title {
    font: var(--g-text-display-2-font);
  }
}
.pg-section {
  padding-block: var(--g-spacing-10);
  border-top: 1px solid var(--g-color-line-generic);
}
.pg-section__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--g-spacing-4);
  margin-bottom: var(--g-spacing-6);
}
.pg-section__title {
  margin: 0;
  font: var(--g-text-header-2-font);
}
.pg-section__text {
  margin: var(--g-spacing-2) 0 0;
  color: var(--g-color-text-secondary);
}

.pg-features {
  display: grid;
  gap: var(--g-spacing-6);
  grid-template-columns: repeat(3, 1fr);
}

.pg-feature__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: var(--g-spacing-4);
  border-radius: var(--g-border-radius-l);
  background: var(--g-color-base-info-light);
  color: var(--g-color-text-info);
}
.pg-feature__title {
  margin: 0 0 var(--g-spacing-2);
  font: var(--g-text-subheader-3-font);
}
.pg-feature__text {
  margin: 0;
  color: var(--g-color-text-secondary);
}

.pg-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-spacing-6);
  padding: var(--g-spacing-8);
  border-radius: var(--pg-radius-card);
  background: var(--g-color-base-generic-ultralight);
}
.pg-cta__title {
  margin: 0;
  font: var(--g-text-header-1-font);
}
.pg-cta__text {
  margin: var(--g-spacing-2) 0 0;
  color: var(--g-color-text-secondary);
}

@media (max-width: 768px) {
  .pg-features {
    grid-template-columns: 1fr;
  }
}
.pg-archive__year {
  margin: var(--g-spacing-8) 0 var(--g-spacing-3);
  font: var(--g-text-subheader-2-font);
  color: var(--g-color-text-secondary);
}
.pg-archive__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-archive__item {
  display: flex;
  align-items: baseline;
  gap: var(--g-spacing-3);
  padding: var(--g-spacing-2) 0;
  border-bottom: 1px solid var(--g-color-line-generic);
}
.pg-archive__date {
  flex: none;
  width: 6em;
  color: var(--g-color-text-hint);
  font: var(--g-text-body-1-font);
}
.pg-archive__title {
  color: var(--g-color-text-primary);
}
.pg-archive__title:hover {
  color: var(--g-color-text-link);
}

.pg-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-spacing-2);
  margin: 0 0 var(--g-spacing-8);
  padding: 0;
  list-style: none;
}

.pg-tag-section {
  margin-bottom: var(--g-spacing-8);
}
.pg-tag-section__title {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-2);
  font: var(--g-text-subheader-3-font);
}

.pg-related {
  margin-top: var(--g-spacing-10);
}
.pg-related__title {
  font: var(--g-text-subheader-3-font);
}

.pg-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: color-mix(in srgb, var(--g-color-base-background) 85%, transparent);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--g-color-line-generic);
}
.pg-header__inner {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-6);
  height: var(--pg-header-height);
}
.pg-header__logo {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-2);
  color: var(--g-color-text-primary);
  font: var(--g-text-subheader-3-font);
}
.pg-header__logo:hover {
  color: var(--g-color-text-primary);
}
.pg-header__nav ul {
  display: flex;
  gap: var(--g-spacing-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-header__link {
  display: block;
  padding: var(--g-spacing-2) var(--g-spacing-3);
  border-radius: var(--g-border-radius-l);
  color: var(--g-color-text-complementary);
  transition: background-color var(--pg-transition), color var(--pg-transition);
}
.pg-header__link:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}
.pg-header__link[aria-current] {
  color: var(--g-color-text-primary);
  font-weight: var(--g-text-accent-font-weight);
}
.pg-header__actions {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-1);
  margin-inline-start: auto;
}
.pg-header__menu-toggle, .pg-header__menu-icon-close {
  display: none;
}
.pg-header[data-pg-menu-open] .pg-header__menu-icon-open {
  display: none;
}
.pg-header[data-pg-menu-open] .pg-header__menu-icon-close {
  display: inline-flex;
}

.pg-theme-switch .pg-icon {
  display: none;
}
:root:not(.pg-js) .pg-theme-switch {
  display: none;
}

[data-theme-pref=system] .pg-theme-switch__icon_system,
[data-theme-pref=light] .pg-theme-switch__icon_light,
[data-theme-pref=dark] .pg-theme-switch__icon_dark {
  display: inline-flex;
}

@media (max-width: 768px) {
  .pg-header__social {
    display: none;
  }
  :root:not(.pg-js) .pg-header__inner {
    flex-wrap: wrap;
    height: auto;
    padding-block: var(--g-spacing-2);
  }
  .pg-js .pg-header__menu-toggle {
    display: inline-flex;
  }
  .pg-js .pg-header__nav {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline: 0;
    padding: var(--g-spacing-2) var(--pg-gutter) var(--g-spacing-4);
    background: var(--g-color-base-background);
    border-bottom: 1px solid var(--g-color-line-generic);
  }
  .pg-js .pg-header__nav ul {
    flex-direction: column;
  }
  .pg-js .pg-header[data-pg-menu-open] .pg-header__nav {
    display: block;
  }
}
.pg-footer {
  margin-top: var(--g-spacing-10);
  padding-block: var(--g-spacing-8);
  border-top: 1px solid var(--g-color-line-generic);
  color: var(--g-color-text-secondary);
}
.pg-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-spacing-8);
  padding-bottom: var(--g-spacing-8);
  margin-bottom: var(--g-spacing-8);
  border-bottom: 1px solid var(--g-color-line-generic);
}
.pg-footer__col {
  min-width: 140px;
}
.pg-footer__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-footer__col li {
  margin-top: var(--g-spacing-2);
}
.pg-footer__col a {
  color: var(--g-color-text-secondary);
}
.pg-footer__col a:hover {
  color: var(--g-color-text-primary);
}
.pg-footer__col-title {
  margin: 0 0 var(--g-spacing-1);
  color: var(--g-color-text-primary);
  font-weight: var(--g-text-accent-font-weight);
}
.pg-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-spacing-4);
}
.pg-footer__copy {
  margin: 0;
}
.pg-footer__social {
  display: flex;
  gap: var(--g-spacing-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-footer__social a {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-2);
  color: var(--g-color-text-secondary);
}
.pg-footer__social a:hover {
  color: var(--g-color-text-primary);
}

.pg-page {
  padding-block: var(--g-spacing-10);
}
.pg-page__header {
  max-width: var(--pg-prose-width);
  margin-bottom: var(--g-spacing-8);
}
.pg-page__title {
  margin: 0;
  font: var(--g-text-display-3-font);
}
.pg-page__lead {
  margin: var(--g-spacing-4) 0 0;
  color: var(--g-color-text-secondary);
  font: var(--g-text-body-3-font);
}

.pg-post__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--g-spacing-2);
  margin: var(--g-spacing-4) 0 0;
  color: var(--g-color-text-secondary);
}
.pg-post__footer {
  max-width: var(--pg-prose-width);
  margin-top: var(--g-spacing-8);
  padding-top: var(--g-spacing-6);
  border-top: 1px solid var(--g-color-line-generic);
}
.pg-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg-project__cover {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--pg-radius-card);
  margin-bottom: var(--g-spacing-6);
}

@media (max-width: 768px) {
  .pg-page__title {
    font: var(--g-text-display-1-font);
  }
}
:root {
  --g-color-base-brand: #ffbe5c;
  --g-color-base-brand-hover: #f7ae4d;
  --g-color-line-brand: #ffbe5c;
  --g-color-base-background: #faf9f7;
  --g-color-text-primary: #1c1916;
  --g-color-text-link: #9a5c00;
  --g-color-text-link-hover: #7a4800;
}

:root[data-theme=dark] {
  --g-color-base-brand: #ffbe5c;
  --g-color-base-brand-hover: #f7ae4d;
  --g-color-line-brand: #ffbe5c;
  --g-color-text-link: #ffbe5c;
  --g-color-text-link-hover: #ffd08a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --g-color-base-brand: #ffbe5c;
    --g-color-base-brand-hover: #f7ae4d;
    --g-color-line-brand: #ffbe5c;
    --g-color-text-link: #ffbe5c;
    --g-color-text-link-hover: #ffd08a;
  }
}
:root {
  --pg-glow-color: rgba(255, 190, 92, 0.16);
}

:root[data-theme=dark] {
  --pg-glow-color: rgba(255, 190, 92, 0.2);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --pg-glow-color: rgba(255, 190, 92, 0.2);
  }
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(700px 420px at 12% -8%, var(--pg-glow-color), transparent 60%), radial-gradient(600px 380px at 100% 0%, var(--pg-glow-color), transparent 55%);
  opacity: 0.7;
}

:root {
  --pg-container-width: 1064px;
  --pg-header-height: 66px;
  --x-radius: 14px;
  --x-radius-lg: 20px;
  --x-radius-sm: 8px;
}

:root,
:root[data-theme=dark] {
  color-scheme: dark;
  --x-bg: #221d22;
  --x-panel: #2b252c;
  --x-panel-2: #332c34;
  --x-line-strong: #453b46;
  --x-line: #362f38;
  --x-text: #f3f1f0;
  --x-dim: #b3aca8;
  --x-faint: #867e7d;
  --x-accent: #ffc56c;
  --x-accent-hover: #ffd08a;
  --x-solid: #ffbe5c;
  --x-solid-hover: #ffcb7d;
  --x-accent-soft: rgba(255, 190, 92, 0.2);
  --x-on-accent: #221d22;
  --x-ok: #2fb473;
  --x-signal: #ff6b5e;
  --x-hover-soft: rgba(255, 255, 255, 0.045);
  --x-header-bg: rgba(34, 29, 34, 0.86);
  --x-shadow: 0 1px 2px rgba(0, 0, 0, 0.24), 0 8px 24px -12px rgba(0, 0, 0, 0.5);
  --x-shadow-pop: 0 4px 10px -2px rgba(0, 0, 0, 0.4), 0 16px 36px -10px rgba(0, 0, 0, 0.55);
}

:root[data-theme=light] {
  color-scheme: light;
  --x-bg: #faf9f7;
  --x-panel: #ffffff;
  --x-panel-2: #f3f0ec;
  --x-line-strong: #ddd7cd;
  --x-line: #ece8e1;
  --x-text: #1c1916;
  --x-dim: #5b554c;
  --x-faint: #8a8377;
  --x-accent: #9a5c00;
  --x-accent-hover: #7a4800;
  --x-solid: #ffbe5c;
  --x-solid-hover: #d39e50;
  --x-accent-soft: rgba(255, 190, 92, 0.16);
  --x-on-accent: #221d22;
  --x-ok: #1f9457;
  --x-signal: #c0392b;
  --x-hover-soft: rgba(28, 25, 22, 0.045);
  --x-header-bg: rgba(250, 249, 247, 0.86);
  --x-shadow: 0 1px 2px rgba(28, 25, 22, 0.04), 0 8px 20px -12px rgba(28, 25, 22, 0.12);
  --x-shadow-pop: 0 4px 10px -4px rgba(28, 25, 22, 0.08), 0 16px 32px -12px rgba(28, 25, 22, 0.14);
}

:root,
:root[data-theme=dark],
:root[data-theme=light] {
  --g-color-base-background: var(--x-bg);
  --g-color-base-float: var(--x-panel);
  --g-color-base-generic: var(--x-panel-2);
  --g-color-base-generic-ultralight: var(--x-panel);
  --g-color-line-generic: var(--x-line);
  --g-color-line-generic-hover: var(--x-line-strong);
  --g-color-text-primary: var(--x-text);
  --g-color-text-complementary: var(--x-dim);
  --g-color-text-secondary: var(--x-dim);
  --g-color-text-hint: var(--x-faint);
  --g-color-text-link: var(--x-accent);
  --g-color-text-link-hover: var(--x-accent-hover);
  --g-color-base-brand: var(--x-solid);
  --g-color-base-brand-hover: var(--x-solid-hover);
  --g-color-line-brand: var(--x-solid);
  --g-color-text-brand-contrast: var(--x-on-accent);
  --g-color-base-simple-hover: var(--x-hover-soft);
  --g-color-text-positive: var(--x-ok);
  --g-color-text-danger: var(--x-signal);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
.pg-header {
  background: var(--x-header-bg);
  backdrop-filter: blur(10px);
  border-bottom-color: var(--x-line);
}
.pg-header__logo {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.pg-header__link {
  padding: 9px 14px;
  border-radius: 999px;
  color: var(--x-dim);
  font-size: 14px;
  font-weight: 400;
  transition: color 0.15s, background 0.15s;
}
.pg-header__link:hover {
  background: var(--x-hover-soft);
  color: var(--x-text);
}
.pg-header__link[aria-current] {
  font-weight: 400;
  color: var(--x-text);
}

.pg-button {
  --_radius: 999px;
  font-weight: 600;
  transition: transform 0.15s, border-color 0.15s, background 0.15s, box-shadow 0.15s, color 0.15s;
}
.pg-button:active {
  transform: translateY(0) scale(0.97);
  box-shadow: none;
  transition-duration: 0.06s;
}
.pg-button_size_xl {
  --_height: auto;
  --_padding: 26px;
  padding-block: 14px;
  font-size: 15px;
}
.pg-button_view_action {
  border-color: var(--x-solid);
  box-shadow: var(--x-shadow);
}
.pg-button_view_action:hover {
  border-color: var(--x-solid-hover);
  box-shadow: var(--x-shadow-pop);
  transform: translateY(-2px);
}
.pg-button_view_outlined {
  --_bg: var(--x-panel);
  --_border: var(--x-line-strong);
}
.pg-button_view_outlined:hover {
  border-color: var(--x-accent);
  background: var(--x-accent-soft);
  color: var(--x-accent);
}
.pg-button_view_flat.pg-button_icon {
  --_height: 38px;
  border-color: var(--x-line-strong);
  color: var(--x-dim);
}
.pg-button_view_flat.pg-button_icon:hover {
  border-color: var(--x-accent);
  background: var(--x-accent-soft);
  color: var(--x-accent);
}

.tile,
.case,
.c-item {
  color: inherit;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--x-accent-soft);
  color: var(--x-accent);
  font-size: 13px;
  font-weight: 600;
}
.eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
}

.todo {
  color: var(--g-color-text-danger);
  border-bottom: 1px dotted currentColor;
}

.sec-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 36px;
}
.sec-head .pg-section__title {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.sec-head__num {
  flex: none;
  padding: 5px 11px;
  border-radius: 999px;
  background: var(--x-accent-soft);
  color: var(--x-accent);
  font-size: 12px;
  font-weight: 600;
}
.sec-head__sub {
  display: none;
  margin-left: auto;
  color: var(--x-faint);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (min-width: 640px) {
  .sec-head__sub {
    display: block;
  }
}
.intro {
  padding-block: 72px 96px;
}
.intro__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
}
.intro__title {
  margin: 0 0 22px;
  font-size: clamp(30px, 4.2vw, 48px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.intro__hl {
  color: var(--x-accent);
}
.intro__lead {
  max-width: 54ch;
  margin: 0 0 34px;
  color: var(--x-dim);
  font-size: 17px;
}
.intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 40px;
}
.intro__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  color: var(--x-faint);
  font-size: 13px;
}
.intro__facts b {
  color: var(--x-dim);
  font-weight: 600;
}

@media (max-width: 920px) {
  .intro {
    padding-block: 40px 60px;
  }
  .intro__grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}
.diagram {
  padding: 22px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
}
.diagram__cap {
  margin-bottom: 14px;
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.diagram .lyr {
  fill: var(--x-panel-2);
  stroke: var(--x-line-strong);
  stroke-width: 1;
}
.diagram .lyr_acc {
  fill: var(--x-panel);
  stroke: var(--g-color-base-brand);
}
.diagram .lbl {
  fill: var(--g-color-text-primary);
  font: 13px var(--g-font-family-monospace);
}
.diagram .sub {
  fill: var(--x-faint);
  font: 10.5px var(--g-font-family-monospace);
}

.tile {
  display: flex;
  flex-direction: column;
  padding: 28px 26px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
  transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s;
}
.tile:hover {
  transform: translateY(-3px);
  border-color: var(--x-line-strong);
  box-shadow: var(--x-shadow-pop);
}
.tile__tag {
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--x-accent-soft);
  color: var(--x-accent);
  font-size: 11px;
  font-weight: 600;
}
.tile__title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 600;
}
.tile__text {
  margin: 0 0 16px;
  color: var(--x-dim);
  font-size: 14.5px;
}

.pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pills li {
  padding: 5px 11px;
  border: 1px solid var(--x-line);
  border-radius: 999px;
  background: var(--x-panel-2);
  color: var(--x-dim);
  font-size: 12px;
}

.cases {
  display: grid;
  gap: 20px;
}

.case {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 26px;
  padding: 32px 30px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
}
.case__id {
  color: var(--x-accent);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.case__title {
  margin: 0 0 14px;
  font-size: 19px;
  font-weight: 600;
}
.case__rows {
  display: grid;
  gap: 9px;
  max-width: 76ch;
  margin: 0;
}
.case__row {
  display: grid;
  grid-template-columns: 118px 1fr;
  gap: 16px;
  font-size: 14.5px;
}
.case__row dt {
  padding-top: 3px;
  color: var(--x-faint);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.case__row dd {
  margin: 0;
  color: var(--x-dim);
}
.case__row b {
  color: var(--g-color-text-primary);
  font-weight: 600;
}
.case__row code {
  background: none;
  padding: 0;
  font-size: 13px;
}

.note {
  margin: 22px 0 0;
  padding-left: 14px;
  border-left: 2px solid var(--x-line-strong);
  color: var(--x-faint);
  font-size: 13px;
}

@media (max-width: 760px) {
  .case {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 26px 22px;
  }
}
@media (max-width: 560px) {
  .case__row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.stack {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
.stack__title {
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--x-line);
  color: var(--x-faint);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.chips li {
  padding: 7px 14px;
  border: 1px solid var(--x-line-strong);
  border-radius: 999px;
  background: var(--x-panel);
  font-size: 13px;
  font-weight: 600;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.chips li:hover {
  border-color: var(--g-color-base-brand);
  background: var(--x-accent-soft);
  color: var(--x-accent);
}

@media (max-width: 820px) {
  .stack {
    grid-template-columns: 1fr;
    gap: 34px;
  }
}
.spec {
  overflow: hidden;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
}
.spec__head, .spec__row {
  display: grid;
  grid-template-columns: 44px 1fr 1.5fr;
  gap: 18px;
  padding: 16px 22px;
}
.spec__head {
  border-bottom: 1px solid var(--x-line);
  background: var(--x-panel-2);
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.spec__row {
  align-items: baseline;
  border-bottom: 1px solid var(--x-line);
  font-size: 14.5px;
}
.spec__row:last-child {
  border-bottom: none;
}
.spec__n {
  color: var(--x-accent);
  font-size: 12px;
  font-weight: 600;
}
.spec__k {
  font-weight: 600;
}
.spec__v {
  color: var(--x-dim);
}

@media (max-width: 760px) {
  .spec__head {
    display: none;
  }
  .spec__row {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 16px 18px;
  }
  .spec__n {
    display: none;
  }
}
.process {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--x-line);
}
.process__item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 24px;
  align-items: start;
  padding: 26px 0;
  border-bottom: 1px solid var(--x-line);
}
.process__item h3 {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 600;
}
.process__item p {
  max-width: 62ch;
  margin: 0;
  color: var(--x-dim);
  font-size: 14.5px;
}
.process__n {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--x-accent-soft);
  color: var(--x-accent);
  font-size: 14px;
  font-weight: 600;
}

.about {
  display: grid;
  grid-template-columns: 1.3fr 0.9fr;
  gap: 48px;
  align-items: start;
}
.about .sec-head {
  margin-bottom: 26px;
}
.about__text p {
  max-width: 60ch;
  margin: 0 0 16px;
  color: var(--x-dim);
  font-size: 15.5px;
}
.about__text p strong {
  color: var(--g-color-text-primary);
  font-weight: 600;
}

.id-card {
  padding: 26px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
}
.id-card__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--x-line);
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.id-card__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--x-line);
  font-size: 13.5px;
}
.id-card__row:last-of-type {
  border-bottom: none;
}
.id-card__row span:first-child {
  flex: none;
  color: var(--x-faint);
  font-size: 12.5px;
  font-weight: 600;
}
.id-card__row span:last-child {
  text-align: right;
}
.id-card__foot {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--x-line);
  color: var(--x-faint);
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 880px) {
  .about {
    grid-template-columns: 1fr;
  }
}
.contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  padding: 48px 44px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow-pop);
}
.contact__title {
  margin: 0 0 14px;
  font-size: clamp(23px, 2.8vw, 30px);
  font-weight: 600;
}
.contact__text {
  max-width: 48ch;
  margin: 0 0 26px;
  color: var(--x-dim);
  font-size: 15px;
}
.contact__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.c-item {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius);
  transition: border-color 0.15s, background 0.15s;
}
.c-item:hover {
  border-color: var(--g-color-base-brand);
  background: var(--x-accent-soft);
}
.c-item > a {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 18px;
  color: var(--g-color-text-primary);
  font-size: 15px;
}
.c-item__k {
  flex: none;
  min-width: 56px;
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.c-item__v {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-item__copy {
  display: flex;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border: none;
  border-left: 1px solid var(--x-line);
  background: none;
  color: var(--x-faint);
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.c-item__copy:hover {
  background: var(--g-color-base-simple-hover);
  color: var(--g-color-text-primary);
}
.c-item__copy.is-done {
  color: var(--g-color-text-positive);
}

.brief {
  padding: 26px 24px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius);
  background: var(--g-color-base-background);
}
.brief__head {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--x-line);
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.brief__list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: brief;
}
.brief__list li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  align-items: start;
  counter-increment: brief;
}
.brief__list li::before {
  content: counter(brief, decimal-leading-zero);
  padding-top: 3px;
  color: var(--x-accent);
  font-size: 12px;
  font-weight: 600;
}
.brief__list b {
  display: block;
  margin-bottom: 2px;
  font-size: 14.5px;
  font-weight: 600;
}
.brief__list span {
  display: block;
  color: var(--x-dim);
  font-size: 13.5px;
  line-height: 1.5;
}
.brief__note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--x-line);
  color: var(--x-faint);
  font-size: 12.5px;
  line-height: 1.8;
}

@media (max-width: 880px) {
  .contact {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 32px 24px;
  }
}
@media (max-width: 420px) {
  .c-item__lbl {
    display: none;
  }
  .c-item__copy {
    padding: 0 12px;
  }
}
@media (max-width: 820px) {
  .sec-head {
    margin-bottom: 28px;
  }
}
.doc {
  max-width: 880px;
  padding-bottom: 64px;
}
.doc__back {
  display: inline-block;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 600;
}
.doc-head {
  margin-bottom: 44px;
  padding: 32px 0 34px;
  border-bottom: 1px solid var(--x-line);
}
.doc-head h1 {
  margin: 0 0 18px;
  font-size: clamp(25px, 3.6vw, 36px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.doc-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.doc-sub {
  max-width: 62ch;
  margin: 0;
  color: var(--x-dim);
  font-size: 15.5px;
}
.doc-stamp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px 26px;
  margin-top: 26px;
  padding: 18px 20px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  background: var(--x-panel);
  box-shadow: var(--x-shadow);
  font-size: 13px;
}
.doc-stamp span {
  display: block;
  margin-bottom: 3px;
  color: var(--x-faint);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.doc .toc {
  margin-bottom: 52px;
  padding: 24px 26px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  box-shadow: var(--x-shadow);
}
.doc .toc h2 {
  margin: 0 0 14px;
  color: var(--x-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.doc .toc ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doc .toc a {
  display: flex;
  gap: 12px;
  padding: 4px 6px;
  border-radius: 8px;
  color: var(--x-dim);
  font-size: 14px;
}
.doc .toc a:hover {
  background: var(--x-accent-soft);
  color: var(--x-accent);
}
.doc .toc .tn {
  min-width: 22px;
  color: var(--x-faint);
  font-size: 13px;
  font-weight: 600;
}
.doc .clause {
  margin-bottom: 44px;
  scroll-margin-top: 86px;
}
.doc .clause > h2 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--x-line);
  font-size: 19px;
  font-weight: 600;
}
.doc .clause .cn {
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--x-accent-soft);
  color: var(--x-accent);
  font-size: 13px;
  font-weight: 600;
}
.doc .clause p {
  margin: 0 0 13px;
  color: var(--x-dim);
  font-size: 15px;
}
.doc .clause b {
  color: var(--g-color-text-primary);
  font-weight: 600;
}
.doc .clause .p {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  margin-bottom: 13px;
}
.doc .clause .p p {
  margin-bottom: 9px;
}
.doc .clause .p p:last-child {
  margin-bottom: 0;
}
.doc .clause .pn {
  padding-top: 3px;
  color: var(--x-faint);
  font-size: 12.5px;
  font-weight: 600;
}
.doc .clause ul.dash {
  display: grid;
  gap: 7px;
  margin: 10px 0 13px;
  padding: 0;
  list-style: none;
}
.doc .clause ul.dash li {
  position: relative;
  padding-left: 18px;
  color: var(--x-dim);
  font-size: 15px;
}
.doc .clause ul.dash li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--x-faint);
}
.doc .lawref {
  color: var(--x-faint);
  font: 13px var(--g-font-family-monospace);
}
.doc .data-table {
  overflow: hidden;
  margin: 16px 0 6px;
  border: 1px solid var(--x-line);
  border-radius: var(--x-radius-lg);
  box-shadow: var(--x-shadow);
}
.doc .data-table .r {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 18px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--x-line);
  font-size: 14.5px;
}
.doc .data-table .r:last-child {
  border-bottom: none;
}
.doc .data-table .r.h {
  background: var(--x-panel-2);
  color: var(--x-faint);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.doc .data-table .r .b {
  color: var(--x-dim);
}

@media (max-width: 640px) {
  .doc .data-table .r {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .doc .data-table .r.h {
    display: none;
  }
}
body {
  font-size: 16px;
  line-height: 1.55;
}

.pg-section {
  padding-block: 96px;
  border-top: none;
}

@media (max-width: 820px) {
  .pg-section {
    padding-block: 60px;
  }
}
.intro__title {
  line-height: 1.12;
}

.sec-head .pg-section__title,
.tile__title,
.case__title,
.process__item h3,
.contact__title,
.stack__title {
  line-height: 1.55;
}

.tile__title,
.case__title {
  font-size: 19px;
}

.sec-head .pg-section__title {
  line-height: 1.3;
}

.contact__title {
  line-height: 1.3;
}

/*# sourceMappingURL=main.css.map */