:root {
    --color-white: #fff;
    --color-black: #000;
    --color-transparent: #0000;
    --color-cold-gray-50: #f9f9f9;
    --color-cold-gray-100: #f2f2f2;
    --color-cold-gray-150: #ebebeb;
    --color-cold-gray-200: #dbdbdb;
    --color-cold-gray-250: #c9c9c9;
    --color-cold-gray-300: #b8b8b8;
    --color-cold-gray-350: #a8a8a8;
    --color-cold-gray-400: #9c9c9c;
    --color-cold-gray-450: #8c8c8c;
    --color-cold-gray-500: grey;
    --color-cold-gray-550: #707070;
    --color-cold-gray-600: #636363;
    --color-cold-gray-650: #575757;
    --color-cold-gray-700: #4a4a4a;
    --color-cold-gray-750: #3d3d3d;
    --color-cold-gray-800: #2e2e2e;
    --color-cold-gray-850: #1f1f1f;
    --color-cold-gray-900: #0f0f0f;
    --color-cold-gray-950: #000;
    --color-ripe-red-50: #ffebec;
    --color-ripe-red-100: #fccbcd;
    --color-ripe-red-200: #faa1a4;
    --color-ripe-red-300: #f77c80;
    --color-ripe-red-400: #f7525f;
    --color-ripe-red-500: #f23645;
    --color-ripe-red-600: #cc2f3c;
    --color-ripe-red-700: #b22833;
    --color-ripe-red-800: #991f29;
    --color-ripe-red-900: #801922;
    --color-ripe-red-a100: #ff8080;
    --color-ripe-red-a200: #ff5252;
    --color-ripe-red-a400: #f33;
    --color-ripe-red-a600: #cc2929;
    --color-ripe-red-a700: #802028;
    --color-ripe-red-a800: #4d191d;
    --color-ripe-red-a900: #331f20;
    --color-tan-orange-50: #fff3e0;
    --color-tan-orange-100: #ffe0b2;
    --color-tan-orange-200: #ffcc80;
    --color-tan-orange-300: #ffb74d;
    --color-tan-orange-400: #ffa726;
    --color-tan-orange-500: #ff9800;
    --color-tan-orange-600: #fb8c00;
    --color-tan-orange-700: #f57c00;
    --color-tan-orange-800: #ef6c00;
    --color-tan-orange-900: #e65100;
    --color-tan-orange-a100: #ffd180;
    --color-tan-orange-a200: #ffab40;
    --color-tan-orange-a400: #ff9100;
    --color-tan-orange-a500: #e57e17;
    --color-tan-orange-a600: #cc7014;
    --color-tan-orange-a700: #8c541c;
    --color-tan-orange-a800: #593a1b;
    --color-tan-orange-a900: #33261a;
    --color-iguana-green-50: #e8f5e9;
    --color-iguana-green-100: #c8e6c9;
    --color-iguana-green-200: #a5d6a7;
    --color-iguana-green-300: #81c784;
    --color-iguana-green-400: #66bb6a;
    --color-iguana-green-500: #4caf50;
    --color-iguana-green-600: #43a047;
    --color-iguana-green-700: #388e3c;
    --color-iguana-green-800: #2e7d32;
    --color-iguana-green-900: #1b5e20;
    --color-iguana-green-a100: #b9f6ca;
    --color-iguana-green-a200: #69f0ae;
    --color-iguana-green-a400: #00e676;
    --color-iguana-green-a700: #00c853;
    --color-banana-yellow-50: #fffde7;
    --color-banana-yellow-100: #fff9c4;
    --color-banana-yellow-200: #fff59d;
    --color-banana-yellow-300: #fff176;
    --color-banana-yellow-400: #ffee58;
    --color-banana-yellow-500: #ffeb3b;
    --color-banana-yellow-600: #fdd835;
    --color-banana-yellow-700: #fbc02d;
    --color-banana-yellow-800: #f9a825;
    --color-banana-yellow-900: #f57f17;
    --color-banana-yellow-a100: #ffff8d;
    --color-banana-yellow-a200: #ff0;
    --color-banana-yellow-a400: #ffea00;
    --color-banana-yellow-a700: #eeda01;
    --color-tv-blue-50: #e3effd;
    --color-tv-blue-100: #bbd9fb;
    --color-tv-blue-200: #90bff9;
    --color-tv-blue-300: #5b9cf6;
    --color-tv-blue-400: #3179f5;
    --color-tv-blue-500: #2962ff;
    --color-tv-blue-600: #1e53e5;
    --color-tv-blue-700: #1848cc;
    --color-tv-blue-800: #143eb2;
    --color-tv-blue-900: #0c3299;
    --color-tv-blue-a100: #82b1ff;
    --color-tv-blue-a200: #448aff;
    --color-tv-blue-a400: #2979ff;
    --color-tv-blue-a600: #2962ff;
    --color-tv-blue-a700: #143a87;
    --color-tv-blue-a800: #142e61;
    --color-tv-blue-a900: #132042;
    --color-deep-blue-50: #ede7f6;
    --color-deep-blue-100: #d1c4e9;
    --color-deep-blue-200: #b39ddb;
    --color-deep-blue-300: #9575cd;
    --color-deep-blue-400: #7e57c2;
    --color-deep-blue-500: #673ab7;
    --color-deep-blue-600: #5e35b1;
    --color-deep-blue-700: #512da8;
    --color-deep-blue-800: #4527a0;
    --color-deep-blue-900: #311b92;
    --color-deep-blue-a100: #b388ff;
    --color-deep-blue-a200: #7c4dff;
    --color-deep-blue-a400: #651fff;
    --color-deep-blue-a700: #6200ea;
    --color-minty-green-50: #daf2ee;
    --color-minty-green-100: #ace5dc;
    --color-minty-green-200: #70ccbd;
    --color-minty-green-300: #42bda8;
    --color-minty-green-400: #22ab94;
    --color-minty-green-500: #089981;
    --color-minty-green-600: #06806b;
    --color-minty-green-700: #056656;
    --color-minty-green-800: #004d40;
    --color-minty-green-900: #00332a;
    --color-minty-green-a100: #a7fff0;
    --color-minty-green-a200: #45e5cb;
    --color-minty-green-a400: #2bd9bc;
    --color-minty-green-a600: #24b29b;
    --color-minty-green-a700: #1b7667;
    --color-minty-green-a800: #10443b;
    --color-minty-green-a900: #082621;
    --color-grapes-purple-50: #f3e5f5;
    --color-grapes-purple-100: #e1bee7;
    --color-grapes-purple-200: #ce93d8;
    --color-grapes-purple-300: #ba68c8;
    --color-grapes-purple-400: #ab47bc;
    --color-grapes-purple-500: #9c27b0;
    --color-grapes-purple-600: #8e24aa;
    --color-grapes-purple-700: #7b1fa2;
    --color-grapes-purple-800: #6a1b9a;
    --color-grapes-purple-900: #4a148c;
    --color-grapes-purple-a100: #ea80fc;
    --color-grapes-purple-a200: #e040fb;
    --color-grapes-purple-a400: #d500f9;
    --color-grapes-purple-a700: #a0f;
    --color-berry-pink-50: #fce4ec;
    --color-berry-pink-100: #f8bbd0;
    --color-berry-pink-200: #f48fb1;
    --color-berry-pink-300: #f06292;
    --color-berry-pink-400: #ec407a;
    --color-berry-pink-500: #e91e63;
    --color-berry-pink-600: #d81b60;
    --color-berry-pink-700: #c2185b;
    --color-berry-pink-800: #ad1457;
    --color-berry-pink-900: #880e4f;
    --color-berry-pink-a100: #ff80ab;
    --color-berry-pink-a200: #ff4081;
    --color-berry-pink-a400: #f50057;
    --color-berry-pink-a700: #c51162;
    --color-sky-blue-50: #e0f7fa;
    --color-sky-blue-100: #b2ebf2;
    --color-sky-blue-200: #80deea;
    --color-sky-blue-300: #4dd0e1;
    --color-sky-blue-400: #26c6da;
    --color-sky-blue-500: #00bcd4;
    --color-sky-blue-600: #00acc1;
    --color-sky-blue-700: #0097a7;
    --color-sky-blue-800: #00838f;
    --color-sky-blue-900: #006064;
    --color-sky-blue-a100: #84ffff;
    --color-sky-blue-a200: #18ffff;
    --color-sky-blue-a400: #00e5ff;
    --color-sky-blue-a700: #00b8d4;
    --color-forest-green-50: #daf2e6;
    --color-forest-green-100: #ace5c9;
    --color-forest-green-200: #70cc9e;
    --color-forest-green-300: #42bd7f;
    --color-forest-green-400: #22ab67;
    --color-forest-green-500: #089950;
    --color-forest-green-600: #068043;
    --color-forest-green-700: #056636;
    --color-forest-green-800: #004d27;
    --color-forest-green-900: #1a3326;
    --color-facebook: #1877f2;
    --color-deep-facebook: #1564ca;
    --color-twitter: #1da1f2;
    --color-deep-twitter: #188cd3;
    --color-youtube: red;
    --color-linkedin: #007bb5;
    --color-seeking-alpha-brand: #ff7200
}

[data-theme=light] {
    --color-header-bg: var(--color-white);
    --color-body-bg: var(--color-white);
    --color-body-secondary-bg: var(--color-cold-gray-100);
    --color-bg-primary: var(--color-white);
    --color-bg-primary-hover: var(--color-cold-gray-100);
    --color-bg-secondary: var(--color-white);
    --color-bg-highlight: var(--color-cold-gray-50);
    --color-bg-scroll-buttons: var(--color-cold-gray-100);
    --color-legacy-bg-scroll-buttons: var(--color-cold-gray-850);
    --color-legacy-bg-widget: var(--color-white);
    --color-text-primary: var(--color-cold-gray-900);
    --color-text-secondary: var(--color-cold-gray-550);
    --color-text-tertiary: var(--color-cold-gray-400);
    --color-text-disabled: var(--color-cold-gray-300);
    --color-accent-content: var(--color-cold-gray-900);
    --color-box-shadow: var(--color-cold-gray-300);
    --color-divider: var(--color-cold-gray-150);
    --color-divider-hover: var(--color-cold-gray-100);
    --color-divider-secondary: var(--color-cold-gray-100);
    --color-active-hover-text: var(--color-cold-gray-900);
    --color-alert-text: var(--color-cold-gray-900);
    --color-border-table: var(--color-cold-gray-100);
    --color-brand: var(--color-tv-blue-500);
    --color-brand-active: var(--color-tv-blue-700);
    --color-brand-hover: var(--color-tv-blue-600);
    --color-chart-page-bg: var(--color-cold-gray-150);
    --color-common-tooltip-bg: var(--color-cold-gray-800);
    --color-danger: var(--color-ripe-red-400);
    --color-danger-hover: var(--color-ripe-red-500);
    --color-danger-active: var(--color-ripe-red-600);
    --color-depthrenderer-stroke-style: var(--color-cold-gray-100);
    --color-highlight-new: var(--color-tan-orange-50);
    --color-input-bg: var(--color-white);
    --color-input-publish-bg: var(--color-white);
    --color-link: var(--color-tv-blue-500);
    --color-link-hover: var(--color-tv-blue-600);
    --color-link-active: var(--color-tv-blue-700);
    --color-list-nth-child-bg: var(--color-cold-gray-50);
    --color-pane-bg: var(--color-white);
    --color-pane-secondary-bg: var(--color-cold-gray-100);
    --color-popup-menu-item-hover-bg: var(--color-cold-gray-100);
    --color-popup-menu-separator: var(--color-cold-gray-150);
    --color-primary-symbol: var(--color-sky-blue-500);
    --color-screener-description: var(--color-cold-gray-650);
    --color-success: var(--color-minty-green-500);
    --color-success-hover: var(--color-minty-green-600);
    --color-success-active: var(--color-minty-green-700);
    --color-toolbar-button-text: var(--color-cold-gray-900);
    --color-toolbar-button-text-hover: var(--color-cold-gray-900);
    --color-toolbar-button-text-active: var(--color-tv-blue-500);
    --color-toolbar-button-text-active-hover: var(--color-tv-blue-600);
    --color-toolbar-button-background-hover: var(--color-cold-gray-100);
    --color-toolbar-button-background-secondary-hover: var(--color-cold-gray-150);
    --color-toolbar-button-background-active: var(--color-tv-blue-50);
    --color-toolbar-button-background-active-hover: var(--color-tv-blue-100);
    --color-toolbar-toggle-button-background-active: var(--color-tv-blue-500);
    --color-toolbar-toggle-button-background-active-hover: var(--color-tv-blue-600);
    --color-toolbar-toggle-button-icon: var(--color-cold-gray-200);
    --color-toolbar-interactive-element-text-normal: var(--color-cold-gray-900);
    --color-toolbar-opened-element-bg: var(--color-cold-gray-100);
    --color-toolbar-divider-background: var(--color-cold-gray-150);
    --color-popup-background: var(--color-white);
    --color-popup-element-text: var(--color-cold-gray-900);
    --color-popup-element-text-hover: var(--color-cold-gray-900);
    --color-popup-element-background-hover: var(--color-cold-gray-100);
    --color-popup-element-secondary-text: var(--color-cold-gray-500);
    --color-popup-element-hint-text: var(--color-cold-gray-400);
    --color-popup-element-text-active: var(--color-white);
    --color-popup-element-background-active: var(--color-tv-blue-500);
    --color-popup-element-toolbox-text: var(--color-cold-gray-500);
    --color-popup-element-toolbox-text-hover: var(--color-cold-gray-900);
    --color-popup-element-toolbox-text-active-hover: var(--color-tv-blue-200);
    --color-popup-element-toolbox-background-hover: var(--color-cold-gray-150);
    --color-popup-element-toolbox-background-active-hover: var(--color-tv-blue-700);
    --color-tooltip-bg: var(--color-cold-gray-800);
    --color-tv-dialog-caption: var(--color-cold-gray-650);
    --color-tv-dropdown-item-hover-bg: var(--color-cold-gray-100);
    --color-underlined-text: var(--color-cold-gray-550);
    --color-widget-pages-bg: var(--color-white);
    --color-warning: var(--color-tan-orange-500);
    --color-growing: var(--color-minty-green-500);
    --color-falling: var(--color-ripe-red-500);
    --color-forex-icon: var(--color-cold-gray-750);
    --color-list-item-active-bg: var(--color-tv-blue-400);
    --color-list-item-hover-bg: var(--color-tv-blue-50);
    --color-list-item-text: var(--color-cold-gray-800);
    --color-price-axis-label-back: var(--color-cold-gray-150);
    --color-price-axis-label-text: var(--color-cold-gray-650);
    --color-price-axis-gear: var(--color-cold-gray-900);
    --color-price-axis-gear-hover: var(--color-black);
    --color-price-axis-highlight: var(--color-cold-gray-150);
    --color-bid: var(--color-tv-blue-500);
    --color-border: var(--color-cold-gray-150);
    --color-border-chat-fields: var(--color-cold-gray-250);
    --color-border-hover: var(--color-cold-gray-250);
    --color-button-hover-bg: var(--color-cold-gray-150);
    --color-depthrenderer-fill-style: var(--color-cold-gray-650);
    --color-disabled-border-and-color: var(--color-cold-gray-150);
    --color-disabled-input: var(--color-cold-gray-150);
    --color-empty-container-message: var(--color-cold-gray-550);
    --color-icons: var(--color-cold-gray-550);
    --color-input-textarea-readonly: var(--color-cold-gray-650);
    --color-input-placeholder-text: var(--color-cold-gray-350);
    --color-item-active-blue: var(--color-tv-blue-50);
    --color-item-hover-active-bg: var(--color-tv-blue-100);
    --color-item-hover-bg: var(--color-tv-blue-100);
    --color-item-hover-blue: var(--color-tv-blue-100);
    --color-item-selected-blue: var(--color-tv-blue-50);
    --color-item-active-text: var(--color-white);
    --color-item-active-bg: var(--color-tv-blue-500);
    --color-list-item: var(--color-cold-gray-550);
    --color-news-highlight: var(--color-tv-blue-100);
    --color-placeholder: var(--color-cold-gray-350);
    --color-row-hover-active-bg: var(--color-cold-gray-100);
    --color-sb-scrollbar-body-bg: var(--color-cold-gray-200);
    --color-section-separator-border: var(--color-cold-gray-300);
    --color-separator-table-chat: var(--color-cold-gray-150);
    --color-tag-active-bg: var(--color-cold-gray-200);
    --color-tag-hover-bg: var(--color-cold-gray-150);
    --color-text-regular: var(--color-cold-gray-700);
    --color-tv-button-checked: var(--color-cold-gray-550);
    --color-scroll-bg: var(--color-cold-gray-400);
    --color-scroll-border: var(--color-cold-gray-100);
    --color-widget-border: var(--color-cold-gray-100);
    --color-scroll-buttons-arrow: var(--color-white);
    --color-control-intent-default: var(--color-cold-gray-200);
    --color-control-intent-success: var(--color-minty-green-500);
    --color-control-intent-primary: var(--color-tv-blue-500);
    --color-control-intent-warning: var(--color-tan-orange-500);
    --color-control-intent-danger: var(--color-ripe-red-500);
    --color-goto-label-background: var(--color-cold-gray-800);
    --color-pre-market: var(--color-tan-orange-600);
    --color-post-market: var(--color-tv-blue-500);
    --color-notaccurate-mode: var(--color-berry-pink-600);
    --color-delay-mode: var(--color-tan-orange-700);
    --color-delay-mode-bg: var(--color-tan-orange-400);
    --color-list-item-bg-highlighted: var(--color-tv-blue-50);
    --color-list-item-bg-selected: var(--color-tv-blue-100);
    --color-list-item-bg-highlighted-hover: var(--color-tv-blue-100);
    --color-list-item-bg-selected-hover: var(--color-tv-blue-200);
    --color-screener-header-bg: var(--color-white);
    --color-screener-header-bg-hover: var(--color-cold-gray-100);
    --color-marker-flagged: var(--color-ripe-red-400);
    --color-marker-flagged-hovered: var(--color-ripe-red-600);
    --color-ask: var(--color-ripe-red-400);
    --color-sell: var(--color-ripe-red-400);
    --color-buy: var(--color-tv-blue-500);
    --color-neutral: var(--color-cold-gray-550);
    --color-pro: var(--color-minty-green-400);
    --color-pro-hover: var(--color-minty-green-600);
    --color-pro-plus: var(--color-tv-blue-500);
    --color-pro-plus-hover: var(--color-tv-blue-600);
    --color-pro-premium: var(--color-tan-orange-500);
    --color-pro-premium-hover: var(--color-tan-orange-700);
    --color-trial: var(--color-cold-gray-550);
    --color-trial-hover: var(--color-cold-gray-550);
    --color-mod: var(--color-ripe-red-400);
    --color-mod-hover: var(--color-ripe-red-600);
    --color-ad: var(--color-tan-orange-500);
    --color-broker-featured: var(--color-minty-green-400);
    --color-broker-featured-hover: var(--color-minty-green-600);
    --color-alert-status-active: var(--color-minty-green-500);
    --color-alert-status-stopped: var(--color-ripe-red-500);
    --color-alert-status-triggered: var(--color-tan-orange-500);
    --color-overlay: var(--color-cold-gray-400);
    --color-search-button-hover: var(--color-cold-gray-150);
    --color-boost-button-content-selected: var(--color-tv-blue-600);
    --color-boost-button-content-hover: var(--color-cold-gray-900);
    --color-boost-button-bg-hover: var(--color-cold-gray-150);
    --color-boost-button-border-hover: var(--color-cold-gray-150);
    --color-boost-button-border-default: var(--color-cold-gray-150);
    --color-common-tooltip-text: var(--color-cold-gray-100);
    --color-replay-data-mode: var(--color-ripe-red-400);
    --color-legacy-success: var(--color-minty-green-300);
    --color-collapse-tabs-border: var(--color-cold-gray-100);
    --color-site-widget-hover: var(--color-cold-gray-50);
    --color-attention: var(--color-banana-yellow-700);
    --color-x-twitter-content: var(--color-cold-gray-900);
    --color-card-border: var(--color-cold-gray-150);
    --color-card-border-hover: var(--color-cold-gray-300);
    --color-background-special-primary: var(--color-white);
    --color-stroke-special-primary: var(--color-cold-gray-150);
    --color-selection-bg: var(--color-tv-blue-100);
    --color-default-gray: var(--color-cold-gray-550);
    --color-featured-broker-badge-bg: var(--color-cold-gray-900);
    --color-featured-broker-badge-bg-hover: var(--color-cold-gray-800);
    --color-featured-broker-badge-text: var(--color-white);
    --color-background-primary: var(--color-white);
    --color-background-secondary: var(--color-cold-gray-50);
    --color-background-tertiary: var(--color-cold-gray-100);
    --color-background-dark-primary: var(--color-cold-gray-800);
    --color-background-dark-secondary: var(--color-white);
    --color-background-disabled: var(--color-cold-gray-150);
    --color-background-special-secondary: var(--color-tv-blue-50);
    --color-background-special-tertiary: var(--color-tv-blue-100);
    --color-background-page-platform: var(--color-white);
    --color-background-page-promo: var(--color-black);
    --color-background-page-social: var(--color-white);
    --color-background-dialog-simple: var(--color-white);
    --color-background-dialog-complicated: var(--color-white);
    --color-background-dialog-promo: var(--color-white);
    --color-background-dialog-fullscreen: var(--color-white);
    --color-content-icons-primary: var(--color-cold-gray-900);
    --color-content-icons-secondary: var(--color-cold-gray-550);
    --color-content-icons-tertiary: var(--color-cold-gray-300);
    --color-content-text-promo-primary: var(--color-white);
    --color-content-text-promo-secondary: var(--color-cold-gray-200);
    --color-content-text-promo-tertiary: var(--color-cold-gray-450);
    --color-content-text-social-primary: var(--color-cold-gray-900);
    --color-content-text-social-secondary: var(--color-cold-gray-550);
    --color-content-text-social-tertiary: var(--color-cold-gray-300);
    --color-divider-line-primary-special: var(--color-cold-gray-900);
    --color-divider-line-secondary-special: var(--color-tv-blue-100);
    --color-divider-line-primary: var(--color-cold-gray-150);
    --color-divider-line-secondary: var(--color-cold-gray-100);
    --color-link-primary-default: var(--color-tv-blue-500);
    --color-link-primary-hover: var(--color-tv-blue-600);
    --color-link-primary-active: var(--color-tv-blue-700);
    --color-link-secondary-default: var(--color-tv-blue-300);
    --color-link-secondary-hover: var(--color-tv-blue-400);
    --color-link-secondary-active: var(--color-tv-blue-500);
    --color-static-transparent: var(--color-transparent);
    --color-static-warning: var(--color-tan-orange-500);
    --color-static-danger: var(--color-ripe-red-500);
    --color-static-highlight: var(--color-tv-blue-50);
    --color-static-neutral: var(--color-cold-gray-550);
    --color-static-success: var(--color-minty-green-500);
    --color-button-content-disabled: var(--color-cold-gray-300);
    --color-button-content-ghost-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-content-ghost-neutral-bold-hover: var(--color-cold-gray-900);
    --color-button-content-ghost-neutral-bold-active: var(--color-white);
    --color-button-content-ghost-accent-default: var(--color-tv-blue-500);
    --color-button-content-ghost-accent-hover: var(--color-tv-blue-500);
    --color-button-content-ghost-accent-active: var(--color-white);
    --color-button-content-ghost-neutral-default: var(--color-cold-gray-900);
    --color-button-content-ghost-neutral-hover: var(--color-cold-gray-900);
    --color-button-content-ghost-neutral-active: var(--color-cold-gray-900);
    --color-button-content-ghost-neutral-is-selected: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-bold-default: var(--color-white);
    --color-button-content-primary-neutral-bold-hover: var(--color-white);
    --color-button-content-primary-neutral-bold-active: var(--color-white);
    --color-button-content-primary-accent-default: var(--color-white);
    --color-button-content-primary-accent-hover: var(--color-white);
    --color-button-content-primary-accent-active: var(--color-white);
    --color-button-content-primary-neutral-default: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-hover: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-active: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-is-selected: var(--color-cold-gray-900);
    --color-button-content-primary-success-default: var(--color-white);
    --color-button-content-primary-success-hover: var(--color-white);
    --color-button-content-primary-success-active: var(--color-white);
    --color-button-content-primary-accent-light-default: var(--color-tv-blue-600);
    --color-button-content-primary-accent-light-hover: var(--color-tv-blue-600);
    --color-button-content-primary-accent-light-active: var(--color-tv-blue-600);
    --color-button-content-primary-accent-light-is-selected: var(--color-tv-blue-600);
    --color-button-content-primary-danger-default: var(--color-white);
    --color-button-content-primary-danger-hover: var(--color-white);
    --color-button-content-primary-danger-active: var(--color-white);
    --color-button-content-quiet-primary-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-bold-hover: var(--color-white);
    --color-button-content-quiet-primary-neutral-bold-active: var(--color-white);
    --color-button-content-quiet-primary-neutral-default: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-hover: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-active: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-is-selected: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-accent-light-default: var(--color-tv-blue-500);
    --color-button-content-quiet-primary-accent-light-hover: var(--color-tv-blue-500);
    --color-button-content-quiet-primary-accent-light-active: var(--color-tv-blue-500);
    --color-button-content-secondary-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-content-secondary-neutral-bold-hover: var(--color-white);
    --color-button-content-secondary-neutral-bold-active: var(--color-white);
    --color-button-content-secondary-accent-default: var(--color-tv-blue-500);
    --color-button-content-secondary-accent-hover: var(--color-white);
    --color-button-content-secondary-accent-active: var(--color-white);
    --color-button-content-secondary-neutral-default: var(--color-cold-gray-900);
    --color-button-content-secondary-neutral-hover: var(--color-cold-gray-900);
    --color-button-content-secondary-neutral-active: var(--color-cold-gray-900);
    --color-button-content-secondary-neutral-is-selected: var(--color-cold-gray-900);
    --color-button-content-secondary-success-default: var(--color-minty-green-500);
    --color-button-content-secondary-success-hover: var(--color-white);
    --color-button-content-secondary-success-active: var(--color-white);
    --color-button-content-secondary-accent-light-default: var(--color-tv-blue-600);
    --color-button-content-secondary-accent-light-hover: var(--color-tv-blue-600);
    --color-button-content-secondary-accent-light-active: var(--color-tv-blue-600);
    --color-button-content-secondary-accent-light-is-selected: var(--color-tv-blue-600);
    --color-button-content-secondary-danger-default: var(--color-ripe-red-500);
    --color-button-content-secondary-danger-hover: var(--color-white);
    --color-button-content-secondary-danger-active: var(--color-white);
    --color-button-fill_border-disabled: var(--color-cold-gray-150);
    --color-button-fill_border-ghost-neutral-bold-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-neutral-bold-hover: var(--color-cold-gray-800);
    --color-button-fill_border-ghost-neutral-bold-active: var(--color-cold-gray-700);
    --color-button-fill_border-ghost-accent-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-hover: var(--color-tv-blue-500);
    --color-button-fill_border-ghost-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-ghost-neutral-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-neutral-hover: var(--color-cold-gray-100);
    --color-button-fill_border-ghost-neutral-active: var(--color-cold-gray-150);
    --color-button-fill_border-ghost-neutral-is-selected: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-light-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-light-hover: var(--color-tv-blue-100);
    --color-button-fill_border-ghost-accent-light-active: var(--color-tv-blue-200);
    --color-button-fill_border-ghost-accent-light-is-selected: var(--color-tv-blue-100);
    --color-button-fill_border-primary-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-fill_border-primary-neutral-bold-hover: var(--color-cold-gray-800);
    --color-button-fill_border-primary-neutral-bold-active: var(--color-cold-gray-700);
    --color-button-fill_border-primary-accent-default: var(--color-tv-blue-500);
    --color-button-fill_border-primary-accent-hover: var(--color-tv-blue-600);
    --color-button-fill_border-primary-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-primary-neutral-default: var(--color-cold-gray-100);
    --color-button-fill_border-primary-neutral-hover: var(--color-cold-gray-150);
    --color-button-fill_border-primary-neutral-active: var(--color-cold-gray-200);
    --color-button-fill_border-primary-neutral-is-selected: var(--color-cold-gray-100);
    --color-button-fill_border-primary-success-default: var(--color-minty-green-500);
    --color-button-fill_border-primary-success-hover: var(--color-minty-green-600);
    --color-button-fill_border-primary-success-active: var(--color-minty-green-700);
    --color-button-fill_border-primary-accent-light-default: var(--color-tv-blue-50);
    --color-button-fill_border-primary-accent-light-hover: var(--color-tv-blue-100);
    --color-button-fill_border-primary-accent-light-active: var(--color-tv-blue-200);
    --color-button-fill_border-primary-accent-light-is-selected: var(--color-tv-blue-100);
    --color-button-fill_border-primary-danger-default: var(--color-ripe-red-500);
    --color-button-fill_border-primary-danger-hover: var(--color-ripe-red-600);
    --color-button-fill_border-primary-danger-active: var(--color-ripe-red-700);
    --color-button-fill_border-quiet-primary-neutral-bold-default: var(--color-white);
    --color-button-fill_border-quiet-primary-neutral-bold-hover: var(--color-cold-gray-900);
    --color-button-fill_border-quiet-primary-neutral-bold-active: var(--color-cold-gray-800);
    --color-button-fill_border-quiet-primary-accent-default: var(--color-white);
    --color-button-fill_border-quiet-primary-accent-hover: var(--color-tv-blue-500);
    --color-button-fill_border-quiet-primary-accent-active: var(--color-tv-blue-600);
    --color-button-fill_border-quiet-primary-neutral-default: var(--color-white);
    --color-button-fill_border-quiet-primary-neutral-hover: var(--color-cold-gray-100);
    --color-button-fill_border-quiet-primary-neutral-active: var(--color-cold-gray-150);
    --color-button-fill_border-quiet-primary-neutral-is-selected: var(--color-cold-gray-100);
    --color-button-fill_border-quiet-primary-success-default: var(--color-white);
    --color-button-fill_border-quiet-primary-success-hover: var(--color-minty-green-500);
    --color-button-fill_border-quiet-primary-success-active: var(--color-minty-green-600);
    --color-button-fill_border-quiet-primary-accent-light-default: var(--color-white);
    --color-button-fill_border-quiet-primary-accent-light-hover: var(--color-tv-blue-50);
    --color-button-fill_border-quiet-primary-accent-light-active: var(--color-tv-blue-100);
    --color-button-fill_border-quiet-primary-accent-light-is-selected: var(--color-tv-blue-100);
    --color-button-fill_border-quiet-primary-danger-default: var(--color-white);
    --color-button-fill_border-quiet-primary-danger-hover: var(--color-ripe-red-500);
    --color-button-fill_border-quiet-primary-danger-active: var(--color-ripe-red-600);
    --color-button-fill_border-secondary-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-fill_border-secondary-neutral-bold-hover: var(--color-cold-gray-800);
    --color-button-fill_border-secondary-neutral-bold-active: var(--color-cold-gray-700);
    --color-button-fill_border-secondary-accent-default: var(--color-tv-blue-500);
    --color-button-fill_border-secondary-accent-hover: var(--color-tv-blue-600);
    --color-button-fill_border-secondary-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-secondary-neutral-default: var(--color-cold-gray-150);
    --color-button-fill_border-secondary-neutral-hover: var(--color-cold-gray-100);
    --color-button-fill_border-secondary-neutral-active: var(--color-cold-gray-150);
    --color-button-fill_border-secondary-neutral-is-selected: var(--color-cold-gray-100);
    --color-button-fill_border-secondary-success-default: var(--color-minty-green-500);
    --color-button-fill_border-secondary-success-hover: var(--color-minty-green-600);
    --color-button-fill_border-secondary-success-active: var(--color-minty-green-700);
    --color-button-fill_border-secondary-accent-light-default: var(--color-tv-blue-50);
    --color-button-fill_border-secondary-accent-light-hover: var(--color-tv-blue-100);
    --color-button-fill_border-secondary-accent-light-active: var(--color-tv-blue-200);
    --color-button-fill_border-secondary-accent-light-is-selected: var(--color-tv-blue-100);
    --color-button-fill_border-secondary-danger-default: var(--color-ripe-red-500);
    --color-button-fill_border-secondary-danger-hover: var(--color-ripe-red-600);
    --color-button-fill_border-secondary-danger-active: var(--color-ripe-red-700);
    --color-text-field-border-default: var(--color-cold-gray-200);
    --color-text-field-border-hover: var(--color-cold-gray-350);
    --color-text-field-border-active: var(--color-tv-blue-500);
    --color-text-field-border-disabled: var(--color-cold-gray-200);
    --color-text-field-border-error: var(--color-ripe-red-500);
    --color-text-field-border-focus-not-active: var(--color-tv-blue-500);
    --color-text-field-border-focus-read-only: var(--color-tv-blue-500);
    --color-text-field-border-read-only: var(--color-cold-gray-200);
    --color-text-field-border-success: var(--color-minty-green-500);
    --color-text-field-border-warning: var(--color-tan-orange-500);
    --color-text-field-border-with-value: var(--color-cold-gray-200);
    --color-text-field-description-default: var(--color-cold-gray-550);
    --color-text-field-description-error: var(--color-ripe-red-500);
    --color-text-field-description-success: var(--color-minty-green-500);
    --color-text-field-description-warning: var(--color-tan-orange-500);
    --color-text-field-fill-default: var(--color-static-transparent);
    --color-text-field-fill-disabled: var(--color-cold-gray-100);
    --color-text-field-fill-focus-read-only: var(--color-cold-gray-50);
    --color-text-field-fill-read-only: var(--color-cold-gray-50);
    --color-text-field-label-default: var(--color-cold-gray-550);
    --color-text-field-label-error: var(--color-ripe-red-500);
    --color-text-field-label-link: var(--color-tv-blue-500);
    --color-text-field-label-success: var(--color-minty-green-500);
    --color-text-field-label-warning: var(--color-tan-orange-500);
    --color-text-field-left-slot-icon-default: var(--color-cold-gray-550);
    --color-text-field-left-slot-icon-disabled: var(--color-cold-gray-350);
    --color-text-field-placeholder-default: var(--color-cold-gray-550);
    --color-text-field-placeholder-disabled: var(--color-cold-gray-350);
    --color-text-field-right-slot-arrows-bg-default: var(--color-static-transparent);
    --color-text-field-right-slot-arrows-bg-hover: var(--color-cold-gray-100);
    --color-text-field-right-slot-arrows-bg-active: var(--color-cold-gray-150);
    --color-text-field-right-slot-icons-and-text-default: var(--color-cold-gray-550);
    --color-text-field-right-slot-icons-and-text-disabled: var(--color-cold-gray-350);
    --color-text-field-right-slot-icons-and-text-active: var(--color-cold-gray-900);
    --color-text-field-right-slot-icons-and-text-error: var(--color-ripe-red-500);
    --color-text-field-right-slot-icons-and-text-hover: var(--color-cold-gray-900);
    --color-text-field-value-default: var(--color-cold-gray-900);
    --color-text-field-value-disabled: var(--color-cold-gray-550);
    --color-counter-fill-danger: var(--color-ripe-red-500);
    --color-counter-content-danger: var(--color-white);
    --color-counter-fill-accent: var(--color-tv-blue-500);
    --color-counter-content-accent: var(--color-white);
    --color-counter-fill-accent-light: var(--color-tv-blue-50);
    --color-counter-content-accent-light: var(--color-tv-blue-600);
    --color-counter-fill-neutral-bold: var(--color-black);
    --color-counter-content-neutral-bold: var(--color-white);
    --color-counter-fill-neutral: var(--color-cold-gray-100);
    --color-counter-content-neutral: var(--color-cold-gray-900);
    --color-counter-border-primary: var(--color-white);
    --color-counter-border-secondary: var(--color-white);
    --color-counter-border-tertiary: var(--color-white);
    --color-filter-select-fill_border-checked-default: var(--color-tv-blue-50);
    --color-filter-select-fill_border-checked-hover: var(--color-tv-blue-100);
    --color-filter-select-fill_border-checked-active: var(--color-tv-blue-200);
    --color-filter-select-fill_border-checked-isOpened: var(--color-tv-blue-100);
    --color-filter-select-content-checked-accent-default: var(--color-tv-blue-600);
    --color-filter-select-content-checked-accent-hover: var(--color-tv-blue-600);
    --color-filter-select-content-checked-accent-active: var(--color-tv-blue-600);
    --color-filter-select-content-checked-neutral-default: var(--color-cold-gray-900);
    --color-filter-select-content-checked-neutral-hover: var(--color-cold-gray-900);
    --color-filter-select-content-checked-neutral-active: var(--color-cold-gray-900);
    --color-filter-select-fill_border-not-checked-default: var(--color-cold-gray-150);
    --color-filter-select-fill_border-not-checked-hover: var(--color-cold-gray-100);
    --color-filter-select-fill_border-not-checked-active: var(--color-cold-gray-150);
    --color-filter-select-fill_border-not-checked-isOpened: var(--color-cold-gray-100);
    --color-filter-select-content-not-checked-default: var(--color-cold-gray-550);
    --color-filter-select-content-not-checked-hover: var(--color-cold-gray-550);
    --color-filter-select-content-not-checked-active: var(--color-cold-gray-550);
    --color-symbol-change-positive: var(--color-minty-green-600);
    --color-symbol-change-neutral: var(--color-cold-gray-900);
    --color-symbol-change-negative: var(--color-ripe-red-600);
    --color-symbol-rating-positive: var(--color-minty-green-600);
    --color-symbol-rating-neutral: var(--color-cold-gray-550);
    --color-symbol-rating-negative: var(--color-ripe-red-600);
    --color-other-transparent: #fff0;
    --color-other-transparent-60: #fff9;
    --color-shadow-primary-neutral-extra-heavy: #0003;
    --color-shadow-primary-neutral-light: var(--color-cold-gray-150);
    --color-shadow-secondary-neutral-light: var(--color-cold-gray-150);
    --color-other-modal-background: #d1d1d14d;
    --color-other-shadow-primary-neutral-extra-heavy: #0003;
    --color-other-shadow-primary-neutral-light: var(--color-cold-gray-150);
    --color-other-shadow-secondary-neutral-light: var(--color-cold-gray-150);
    --color-other-black-friday-primary: var(--color-ripe-red-500);
    --color-other-black-friday-secondary: var(--color-ripe-red-400);
    --color-other-black-friday-tertiary: var(--color-ripe-red-300);
    --color-other-cyber-monday-primary: var(--color-sky-blue-a400);
    --color-other-cyber-monday-secondary: var(--color-sky-blue-a200);
    --color-other-cyber-monday-tertiary: var(--color-sky-blue-a100);
    --color-search-highlight-primary-normal: var(--color-tv-blue-600);
    --color-search-highlight-primary-inverse: var(--color-tv-blue-200);
    --color-focus-outline-color-blue: var(--color-tv-blue-500);
    --color-focus-outline-color-black: var(--color-black);
    --color-focus-outline-color-white: var(--color-white);
    --color-background-primary-accent-extra-light: var(--color-tv-blue-50);
    --color-background-primary-accent-light: var(--color-tv-blue-100);
    --color-background-primary-inverse: var(--color-white);
    --color-background-primary-neutral-bold: var(--color-cold-gray-800);
    --color-background-primary-neutral-extra-heavy: var(--color-black);
    --color-background-primary-neutral-extra-light: var(--color-cold-gray-50);
    --color-background-primary-neutral-light: var(--color-cold-gray-100);
    --color-background-primary-neutral-normal: var(--color-cold-gray-150);
    --color-background-secondary-inverse: var(--color-white);
    --color-background-tertiary-inverse: var(--color-white);
    --color-container-fill-primary-accent: var(--color-tv-blue-500);
    --color-container-fill-primary-accent-bold: var(--color-tv-blue-700);
    --color-container-fill-primary-accent-extra-light: var(--color-tv-blue-50);
    --color-container-fill-primary-accent-light: var(--color-tv-blue-100);
    --color-container-fill-primary-accent-normal: var(--color-tv-blue-200);
    --color-container-fill-primary-accent-semi-bold: var(--color-tv-blue-600);
    --color-container-fill-primary-accent-alt1-normal: var(--color-deep-blue-a400);
    --color-container-fill-primary-accent-alt2-bold: var(--color-sky-blue-700);
    --color-container-fill-primary-danger: var(--color-ripe-red-500);
    --color-container-fill-primary-danger-bold: var(--color-ripe-red-700);
    --color-container-fill-primary-danger-extra-light: var(--color-ripe-red-50);
    --color-container-fill-primary-danger-light: var(--color-ripe-red-100);
    --color-container-fill-primary-danger-normal: var(--color-ripe-red-200);
    --color-container-fill-primary-danger-semi-bold: var(--color-ripe-red-600);
    --color-container-fill-primary-inverse: var(--color-white);
    --color-container-fill-primary-neutral: var(--color-cold-gray-400);
    --color-container-fill-primary-neutral-bold: var(--color-cold-gray-700);
    --color-container-fill-primary-neutral-extra-bold: var(--color-cold-gray-800);
    --color-container-fill-primary-neutral-extra-heavy: var(--color-black);
    --color-container-fill-primary-neutral-extra-light: var(--color-cold-gray-100);
    --color-container-fill-primary-neutral-heavy: var(--color-cold-gray-900);
    --color-container-fill-primary-neutral-light: var(--color-cold-gray-150);
    --color-container-fill-primary-neutral-normal: var(--color-cold-gray-200);
    --color-container-fill-primary-neutral-thin: var(--color-cold-gray-50);
    --color-container-fill-primary-neutral-medium: var(--color-cold-gray-550);
    --color-container-fill-primary-success: var(--color-minty-green-500);
    --color-container-fill-primary-success-bold: var(--color-minty-green-700);
    --color-container-fill-primary-success-extra-light: var(--color-minty-green-50);
    --color-container-fill-primary-success-light: var(--color-minty-green-100);
    --color-container-fill-primary-success-normal: var(--color-minty-green-200);
    --color-container-fill-primary-success-semi-bold: var(--color-minty-green-600);
    --color-container-fill-primary-warning: var(--color-tan-orange-500);
    --color-container-fill-primary-warning-bold: var(--color-tan-orange-700);
    --color-container-fill-primary-warning-extra-light: var(--color-tan-orange-50);
    --color-container-fill-primary-warning-light: var(--color-tan-orange-100);
    --color-container-fill-primary-warning-normal: var(--color-tan-orange-200);
    --color-container-fill-primary-warning-semi-bold: var(--color-tan-orange-600);
    --color-container-fill-quaternary-inverse: var(--color-white);
    --color-container-fill-secondary-accent-extra-light: var(--color-tv-blue-50);
    --color-container-fill-secondary-accent-light: var(--color-tv-blue-100);
    --color-container-fill-secondary-accent-normal: var(--color-tv-blue-200);
    --color-container-fill-secondary-accent: var(--color-tv-blue-a400);
    --color-container-fill-secondary-accent-semi-bold: var(--color-tv-blue-600);
    --color-container-fill-secondary-inverse: var(--color-white);
    --color-container-fill-secondary-neutral-thin: var(--color-cold-gray-50);
    --color-container-fill-secondary-neutral: var(--color-cold-gray-550);
    --color-container-fill-secondary-neutral-extra-heavy: var(--color-black);
    --color-container-fill-secondary-neutral-extra-light: var(--color-cold-gray-100);
    --color-container-fill-secondary-neutral-heavy: var(--color-cold-gray-900);
    --color-container-fill-secondary-neutral-light: var(--color-cold-gray-150);
    --color-container-fill-secondary-neutral-normal: var(--color-cold-gray-300);
    --color-container-fill-secondary-neutral-semi-bold: var(--color-cold-gray-600);
    --color-container-fill-secondary-neutral-bold: var(--color-cold-gray-800);
    --color-container-fill-secondary-neutral-extra-bold: var(--color-cold-gray-800);
    --color-container-fill-secondary-danger-bold: var(--color-ripe-red-700);
    --color-container-fill-secondary-success-semi-bold: var(--color-minty-green-600);
    --color-container-fill-secondary-warning-semi-bold: var(--color-tan-orange-600);
    --color-container-fill-tertiary-accent: var(--color-tv-blue-a600);
    --color-container-fill-tertiary-accent-bold: var(--color-tv-blue-a900);
    --color-container-fill-tertiary-accent-light: var(--color-tv-blue-100);
    --color-container-fill-tertiary-inverse: var(--color-white);
    --color-container-fill-tertiary-neutral: var(--color-cold-gray-450);
    --color-container-fill-tertiary-neutral-light: var(--color-cold-gray-150);
    --color-container-fill-tertiary-neutral-heavy: var(--color-cold-gray-900);
    --color-container-fill-quinary-inverse: var(--color-white);
    --color-container-fill-senary-inverse: var(--color-white);
    --color-content-primary-accent: var(--color-tv-blue-500);
    --color-content-primary-accent-bold: var(--color-tv-blue-700);
    --color-content-primary-accent-extra-bold: var(--color-tv-blue-800);
    --color-content-primary-accent-heavy: var(--color-sky-blue-900);
    --color-content-primary-accent-light: var(--color-tv-blue-300);
    --color-content-primary-accent-normal: var(--color-tv-blue-400);
    --color-content-primary-accent-semi-bold: var(--color-tv-blue-600);
    --color-content-primary-accent-other-normal: var(--color-deep-blue-a400);
    --color-content-primary-accent-other-bold: var(--color-sky-blue-700);
    --color-content-primary-accent-other-extra-bold: var(--color-deep-blue-800);
    --color-content-primary-attention: var(--color-banana-yellow-700);
    --color-content-primary-danger: var(--color-ripe-red-500);
    --color-content-primary-danger-bold: var(--color-ripe-red-700);
    --color-content-primary-danger-semi-bold: var(--color-ripe-red-600);
    --color-content-primary-danger-extra-bold: var(--color-ripe-red-800);
    --color-content-primary-inverse: var(--color-white);
    --color-content-primary-negative: var(--color-ripe-red-600);
    --color-content-primary-neutral: var(--color-cold-gray-550);
    --color-content-primary-neutral-bold: var(--color-cold-gray-900);
    --color-content-primary-accent-extra-light: var(--color-tv-blue-100);
    --color-content-primary-neutral-extra-light: var(--color-cold-gray-200);
    --color-content-primary-neutral-light: var(--color-cold-gray-300);
    --color-content-primary-neutral-normal: var(--color-cold-gray-450);
    --color-content-primary-neutral-semi-bold: var(--color-cold-gray-700);
    --color-content-primary-positive: var(--color-minty-green-600);
    --color-content-primary-success: var(--color-minty-green-500);
    --color-content-primary-success-bold: var(--color-minty-green-700);
    --color-content-primary-success-extra-bold: var(--color-minty-green-800);
    --color-content-primary-success-semi-bold: var(--color-minty-green-600);
    --color-content-primary-warning: var(--color-tan-orange-500);
    --color-content-primary-warning-bold: var(--color-tan-orange-700);
    --color-content-primary-warning-extra-bold: var(--color-tan-orange-800);
    --color-content-primary-warning-semi-bold: var(--color-tan-orange-600);
    --color-content-secondary-accent: var(--color-tv-blue-500);
    --color-content-secondary-accent-semi-bold: var(--color-tv-blue-600);
    --color-content-secondary-accent-bold: var(--color-tv-blue-a700);
    --color-content-secondary-accent-other-semi-bold: var(--color-grapes-purple-600);
    --color-content-secondary-accent-other-extra-bold: var(--color-grapes-purple-800);
    --color-content-secondary-inverse: var(--color-white);
    --color-content-secondary-neutral: var(--color-cold-gray-650);
    --color-content-secondary-neutral-bold: var(--color-cold-gray-900);
    --color-content-secondary-accent-extra-light: var(--color-tv-blue-200);
    --color-content-secondary-neutral-medium: var(--color-cold-gray-750);
    --color-content-secondary-neutral-semi-bold: var(--color-cold-gray-850);
    --color-content-secondary-warning-semi-bold: var(--color-tan-orange-600);
    --color-content-secondary-warning-bold: var(--color-tan-orange-a700);
    --color-content-secondary-danger-extra-bold: var(--color-berry-pink-800);
    --color-content-secondary-success: var(--color-minty-green-500);
    --color-content-secondary-success-semi-bold: var(--color-minty-green-600);
    --color-content-secondary-success-extra-bold: var(--color-forest-green-800);
    --color-content-tertiary-accent: var(--color-tv-blue-500);
    --color-content-tertiary-accent-bold: var(--color-tv-blue-700);
    --color-content-tertiary-neutral-bold: var(--color-cold-gray-900);
    --color-content-tertiary-success-extra-bold: var(--color-iguana-green-800);
    --color-content-tertiary-accent-semi-bold: var(--color-tv-blue-600);
    --color-content-tertiary-inverse: var(--color-white);
    --color-content-quaternary-accent: var(--color-tv-blue-a400);
    --color-content-quaternary-accent-semi-bold: var(--color-tv-blue-600);
    --color-content-quinary-accent: var(--color-tv-blue-500);
    --color-content-quinary-accent-semi-bold: var(--color-tv-blue-600);
    --color-content-quinary-accent-bold: var(--color-tv-blue-700);
    --color-border-primary-accent: var(--color-tv-blue-500);
    --color-border-primary-accent-extra-light: var(--color-tv-blue-50);
    --color-border-primary-danger: var(--color-ripe-red-500);
    --color-border-primary-inverse: var(--color-white);
    --color-border-primary-neutral: var(--color-cold-gray-350);
    --color-border-primary-neutral-bold: var(--color-cold-gray-650);
    --color-border-primary-neutral-extra-bold: var(--color-cold-gray-900);
    --color-border-primary-neutral-extra-heavy: var(--color-black);
    --color-border-primary-neutral-light: var(--color-cold-gray-150);
    --color-border-primary-neutral-normal: var(--color-cold-gray-200);
    --color-border-primary-neutral-semi-bold: var(--color-cold-gray-550);
    --color-border-primary-success: var(--color-minty-green-500);
    --color-border-primary-warning: var(--color-tan-orange-500);
    --color-border-secondary-inverse: var(--color-white);
    --color-border-secondary-neutral: var(--color-cold-gray-300);
    --color-border-secondary-neutral-normal: var(--color-cold-gray-200);
    --color-border-tertiary-inverse: var(--color-white);
    --color-border-primary-neutral-extra-light: var(--color-cold-gray-100);
    --color-overlay-accent-1-light: #2962ff26;
    --color-overlay-accent-1-normal: #2962ff4d;
    --color-overlay-accent-1-bold: #2962ff66;
    --color-overlay-accent-2-light: #00acc126;
    --color-overlay-accent-2-normal: #00acc14d;
    --color-overlay-accent-2-bold: #00acc166;
    --color-overlay-accent-3-light: #9c27b026;
    --color-overlay-accent-3-normal: #9c27b04d;
    --color-overlay-accent-3-bold: #9c27b066;
    --color-overlay-accent-4-light: #5e35b126;
    --color-overlay-accent-4-normal: #5e35b14d;
    --color-overlay-accent-4-bold: #5e35b166;
    --color-overlay-negative-1-light: #cc2f3c26;
    --color-overlay-negative-1-normal: #cc2f3c4d;
    --color-overlay-negative-1-bold: #cc2f3c66;
    --color-overlay-negative-2-light: #e91e6326;
    --color-overlay-negative-2-normal: #e91e634d;
    --color-overlay-negative-2-bold: #e91e6366;
    --color-overlay-neutral-1-light: #63636326;
    --color-overlay-neutral-1-normal: #6363634d;
    --color-overlay-neutral-1-bold: #63636366;
    --color-overlay-neutral-2-light: #00000026;
    --color-overlay-neutral-2-normal: #0000004d;
    --color-overlay-neutral-2-bold: #0006;
    --color-overlay-positive-1-light: #08998126;
    --color-overlay-positive-1-normal: #0899814d;
    --color-overlay-positive-1-bold: #08998166;
    --color-overlay-positive-2-light: #08995026;
    --color-overlay-positive-2-normal: #0899504d;
    --color-overlay-positive-2-bold: #08995066;
    --color-overlay-positive-3-light: #43a04726;
    --color-overlay-positive-3-normal: #43a0474d;
    --color-overlay-positive-3-bold: #43a04766;
    --color-overlay-warning-1-light: #ff980026;
    --color-overlay-warning-1-normal: #ff98004d;
    --color-overlay-warning-1-bold: #ff980066;
    --color-overlay-warning-2-light: #fdd83526;
    --color-overlay-warning-2-normal: #fdd8354d;
    --color-overlay-warning-2-bold: #fdd83566;
    --color-overlay-neutral-3-light: #63636326;
    --color-overlay-neutral-3-normal: #6363634d;
    --color-overlay-neutral-3-bold: #63636366;
    --color-heatmap-classic-minus3-default: var(--color-ripe-red-800);
    --color-heatmap-classic-minus2-default: var(--color-ripe-red-500);
    --color-heatmap-classic-minus1-default: var(--color-ripe-red-300);
    --color-heatmap-classic-zero-default: var(--color-cold-gray-250);
    --color-heatmap-classic-plus1-default: var(--color-forest-green-300);
    --color-heatmap-classic-plus2-default: var(--color-forest-green-500);
    --color-heatmap-classic-plus3-default: var(--color-forest-green-700);
    --color-heatmap-classic-light-negative-xl: var(--color-ripe-red-700);
    --color-heatmap-classic-light-negative-l: var(--color-ripe-red-500);
    --color-heatmap-classic-light-negative-m: var(--color-ripe-red-300);
    --color-heatmap-classic-light-negative-s: var(--color-ripe-red-100);
    --color-heatmap-classic-light-neutral: var(--color-white);
    --color-heatmap-classic-light-positive-xl: var(--color-forest-green-700);
    --color-heatmap-classic-light-positive-l: var(--color-forest-green-500);
    --color-heatmap-classic-light-positive-m: var(--color-forest-green-300);
    --color-heatmap-classic-light-positive-s: var(--color-forest-green-100);
    --color-heatmap-classic-light-empty: var(--color-cold-gray-150);
    --color-heatmap-classic-light-hover: var(--color-tv-blue-50);
    --color-heatmap-colorblind-minus3-default: var(--color-tan-orange-a700);
    --color-heatmap-colorblind-minus2-default: #de812f;
    --color-heatmap-colorblind-minus1-default: var(--color-tan-orange-400);
    --color-heatmap-colorblind-zero-default: var(--color-cold-gray-250);
    --color-heatmap-colorblind-plus1-default: var(--color-tv-blue-200);
    --color-heatmap-colorblind-plus2-default: var(--color-tv-blue-300);
    --color-heatmap-colorblind-plus3-default: var(--color-tv-blue-600);
    --color-heatmap-monochrome-minus3-default: var(--color-cold-gray-150);
    --color-heatmap-monochrome-minus2-default: var(--color-cold-gray-250);
    --color-heatmap-monochrome-minus1-default: var(--color-cold-gray-350);
    --color-heatmap-monochrome-zero-default: var(--color-cold-gray-500);
    --color-heatmap-monochrome-plus1-default: var(--color-cold-gray-600);
    --color-heatmap-monochrome-plus2-default: var(--color-cold-gray-750);
    --color-heatmap-monochrome-plus3-default: var(--color-cold-gray-900);
    --color-heatmap-positive-only-v1-default: var(--color-cold-gray-250);
    --color-heatmap-positive-only-v2-default: var(--color-tv-blue-200);
    --color-heatmap-positive-only-v3-default: var(--color-tv-blue-300);
    --color-heatmap-positive-only-v4-default: var(--color-tv-blue-600);
    --color-heatmap-positive-only-v5-default: var(--color-tv-blue-800);
    --color-heatmap-positive-only-v6-default: var(--color-tv-blue-a700);
    --color-heatmap-positive-only-v7-default: var(--color-tv-blue-a800);
    --color-heatmap-range-light-negative-xl: var(--color-tan-orange-600);
    --color-heatmap-range-light-negative-l: var(--color-tan-orange-400);
    --color-heatmap-range-light-negative-m: var(--color-tan-orange-200);
    --color-heatmap-range-light-negative-s: var(--color-tan-orange-100);
    --color-heatmap-range-light-neutral: var(--color-white);
    --color-heatmap-range-light-positive-xl: var(--color-sky-blue-600);
    --color-heatmap-range-light-positive-l: var(--color-sky-blue-400);
    --color-heatmap-range-light-positive-m: var(--color-sky-blue-200);
    --color-heatmap-range-light-positive-s: var(--color-sky-blue-100);
    --color-heatmap-range-light-empty: var(--color-cold-gray-150);
    --color-heatmap-range-light-hover: var(--color-tv-blue-50);
    --color-heatmap-tan-orange-xs: var(--color-tan-orange-50);
    --color-heatmap-tan-orange-s: var(--color-tan-orange-100);
    --color-heatmap-tan-orange-m: var(--color-tan-orange-300);
    --color-heatmap-tan-orange-l: var(--color-tan-orange-500);
    --color-heatmap-tan-orange-xl: var(--color-tan-orange-700);
    --color-heatmap-tan-orange-xxl: var(--color-tan-orange-900);
    --color-heatmap-tan-orange-empty: var(--color-cold-gray-100);
    --color-heatmap-tan-orange-border: var(--color-tan-orange-900);
    --color-heatmap-sky-blue-xs: var(--color-sky-blue-50);
    --color-heatmap-sky-blue-s: var(--color-sky-blue-100);
    --color-heatmap-sky-blue-m: var(--color-sky-blue-300);
    --color-heatmap-sky-blue-l: var(--color-sky-blue-500);
    --color-heatmap-sky-blue-xl: var(--color-sky-blue-700);
    --color-heatmap-sky-blue-xxl: var(--color-sky-blue-900);
    --color-heatmap-sky-blue-empty: var(--color-cold-gray-100);
    --color-heatmap-sky-blue-border: var(--color-sky-blue-900);
    --color-heatmap-deep-blue-xs: var(--color-deep-blue-50);
    --color-heatmap-deep-blue-s: var(--color-deep-blue-100);
    --color-heatmap-deep-blue-m: var(--color-deep-blue-300);
    --color-heatmap-deep-blue-l: var(--color-deep-blue-400);
    --color-heatmap-deep-blue-xl: var(--color-deep-blue-600);
    --color-heatmap-deep-blue-xxl: var(--color-deep-blue-900);
    --color-heatmap-deep-blue-empty: var(--color-cold-gray-100);
    --color-heatmap-deep-blue-border: var(--color-deep-blue-900);
    --color-heatmap-tv-blue-xs: var(--color-tv-blue-50);
    --color-heatmap-tv-blue-s: var(--color-tv-blue-100);
    --color-heatmap-tv-blue-m: var(--color-tv-blue-300);
    --color-heatmap-tv-blue-l: var(--color-tv-blue-500);
    --color-heatmap-tv-blue-xl: var(--color-tv-blue-700);
    --color-heatmap-tv-blue-xxl: var(--color-tv-blue-900);
    --color-heatmap-tv-blue-empty: var(--color-cold-gray-100);
    --color-heatmap-tv-blue-border: var(--color-tv-blue-900);
    --color-heatmap-berry-pink-xs: var(--color-berry-pink-50);
    --color-heatmap-berry-pink-s: var(--color-berry-pink-100);
    --color-heatmap-berry-pink-m: var(--color-berry-pink-300);
    --color-heatmap-berry-pink-l: var(--color-berry-pink-500);
    --color-heatmap-berry-pink-xl: var(--color-berry-pink-700);
    --color-heatmap-berry-pink-xxl: var(--color-berry-pink-900);
    --color-heatmap-berry-pink-empty: var(--color-cold-gray-100);
    --color-heatmap-berry-pink-border: var(--color-berry-pink-900);
    --color-heatmap-forest-green-xs: var(--color-forest-green-50);
    --color-heatmap-forest-green-s: var(--color-forest-green-100);
    --color-heatmap-forest-green-m: var(--color-forest-green-300);
    --color-heatmap-forest-green-l: var(--color-forest-green-500);
    --color-heatmap-forest-green-xl: var(--color-forest-green-700);
    --color-heatmap-forest-green-xxl: var(--color-forest-green-900);
    --color-heatmap-forest-green-empty: var(--color-cold-gray-100);
    --color-heatmap-forest-green-border: var(--color-forest-green-900);
    --color-heatmap-minty-green-xs: var(--color-minty-green-50);
    --color-heatmap-minty-green-s: var(--color-minty-green-100);
    --color-heatmap-minty-green-m: var(--color-minty-green-300);
    --color-heatmap-minty-green-l: var(--color-minty-green-500);
    --color-heatmap-minty-green-xl: var(--color-minty-green-700);
    --color-heatmap-minty-green-xxl: var(--color-minty-green-900);
    --color-heatmap-minty-green-empty: var(--color-cold-gray-100);
    --color-heatmap-minty-green-border: var(--color-minty-green-900);
    --color-heatmap-grapes-purple-xs: var(--color-grapes-purple-50);
    --color-heatmap-grapes-purple-s: var(--color-grapes-purple-100);
    --color-heatmap-grapes-purple-m: var(--color-grapes-purple-300);
    --color-heatmap-grapes-purple-l: var(--color-grapes-purple-500);
    --color-heatmap-grapes-purple-xl: var(--color-grapes-purple-700);
    --color-heatmap-grapes-purple-xxl: var(--color-grapes-purple-900);
    --color-heatmap-grapes-purple-empty: var(--color-cold-gray-100);
    --color-heatmap-grapes-purple-border: var(--color-grapes-purple-900)
}

[data-theme=dark] {
    --color-header-bg: var(--color-black);
    --color-body-bg: var(--color-black);
    --color-body-secondary-bg: var(--color-cold-gray-900);
    --color-bg-primary: var(--color-cold-gray-850);
    --color-bg-primary-hover: var(--color-cold-gray-800);
    --color-bg-secondary: var(--color-cold-gray-900);
    --color-bg-highlight: var(--color-cold-gray-900);
    --color-bg-scroll-buttons: var(--color-cold-gray-800);
    --color-legacy-bg-scroll-buttons: var(--color-cold-gray-550);
    --color-legacy-bg-widget: var(--color-cold-gray-900);
    --color-text-primary: var(--color-cold-gray-200);
    --color-text-secondary: var(--color-cold-gray-450);
    --color-text-tertiary: var(--color-cold-gray-400);
    --color-text-disabled: var(--color-cold-gray-650);
    --color-accent-content: var(--color-white);
    --color-divider: var(--color-cold-gray-700);
    --color-divider-hover: var(--color-cold-gray-800);
    --color-divider-secondary: var(--color-cold-gray-800);
    --color-box-shadow: var(--color-cold-gray-900);
    --color-active-hover-text: var(--color-cold-gray-200);
    --color-alert-text: var(--color-cold-gray-200);
    --color-border: var(--color-cold-gray-750);
    --color-border-chat-fields: var(--color-cold-gray-750);
    --color-border-hover: var(--color-cold-gray-650);
    --color-border-table: var(--color-cold-gray-800);
    --color-brand: var(--color-tv-blue-500);
    --color-brand-hover: var(--color-tv-blue-600);
    --color-brand-active: var(--color-tv-blue-700);
    --color-button-hover-bg: var(--color-cold-gray-850);
    --color-chart-page-bg: var(--color-cold-gray-800);
    --color-common-tooltip-bg: var(--color-cold-gray-750);
    --color-danger: var(--color-ripe-red-600);
    --color-danger-hover: var(--color-ripe-red-500);
    --color-danger-active: var(--color-ripe-red-400);
    --color-depthrenderer-fill-style: var(--color-cold-gray-150);
    --color-depthrenderer-stroke-style: var(--color-cold-gray-650);
    --color-disabled-border-and-color: var(--color-cold-gray-800);
    --color-disabled-input: var(--color-cold-gray-750);
    --color-empty-container-message: var(--color-cold-gray-450);
    --color-highlight-new: var(--color-tv-blue-a800);
    --color-icons: var(--color-cold-gray-450);
    --color-input-bg: var(--color-cold-gray-800);
    --color-input-textarea-readonly: var(--color-cold-gray-650);
    --color-input-placeholder-text: var(--color-cold-gray-700);
    --color-input-publish-bg: var(--color-cold-gray-900);
    --color-item-active-blue: var(--color-tv-blue-a900);
    --color-item-hover-active-bg: var(--color-cold-gray-800);
    --color-item-hover-bg: var(--color-cold-gray-800);
    --color-item-hover-blue: var(--color-tv-blue-a800);
    --color-item-selected-blue: var(--color-tv-blue-a800);
    --color-item-active-text: var(--color-cold-gray-200);
    --color-item-active-bg: var(--color-tv-blue-500);
    --color-link: var(--color-tv-blue-500);
    --color-link-hover: var(--color-tv-blue-600);
    --color-link-active: var(--color-tv-blue-700);
    --color-list-item: var(--color-cold-gray-450);
    --color-list-nth-child-bg: var(--color-cold-gray-850);
    --color-news-highlight: var(--color-cold-gray-800);
    --color-pane-bg: var(--color-cold-gray-900);
    --color-pane-secondary-bg: var(--color-cold-gray-850);
    --color-placeholder: var(--color-cold-gray-650);
    --color-popup-menu-item-hover-bg: var(--color-cold-gray-800);
    --color-popup-menu-separator: var(--color-cold-gray-700);
    --color-primary-symbol: var(--color-sky-blue-500);
    --color-row-hover-active-bg: var(--color-cold-gray-800);
    --color-sb-scrollbar-body-bg: var(--color-cold-gray-650);
    --color-screener-description: var(--color-cold-gray-200);
    --color-section-separator-border: var(--color-cold-gray-750);
    --color-search-button-hover: var(--color-cold-gray-700);
    --color-separator-table-chat: var(--color-cold-gray-750);
    --color-success: var(--color-minty-green-700);
    --color-success-hover: var(--color-minty-green-600);
    --color-success-active: var(--color-minty-green-500);
    --color-tag-active-bg: var(--color-cold-gray-750);
    --color-tag-hover-bg: var(--color-cold-gray-800);
    --color-text-regular: var(--color-cold-gray-200);
    --color-toolbar-button-text: var(--color-cold-gray-200);
    --color-toolbar-button-text-hover: var(--color-cold-gray-200);
    --color-toolbar-button-text-active: var(--color-tv-blue-500);
    --color-toolbar-button-text-active-hover: var(--color-tv-blue-600);
    --color-toolbar-button-background-hover: var(--color-cold-gray-800);
    --color-toolbar-button-background-secondary-hover: var(--color-cold-gray-750);
    --color-toolbar-button-background-active: var(--color-tv-blue-a900);
    --color-toolbar-button-background-active-hover: var(--color-tv-blue-a800);
    --color-toolbar-toggle-button-background-active: var(--color-tv-blue-500);
    --color-toolbar-toggle-button-background-active-hover: var(--color-tv-blue-600);
    --color-toolbar-toggle-button-icon: var(--color-cold-gray-650);
    --color-toolbar-interactive-element-text-normal: var(--color-cold-gray-200);
    --color-toolbar-opened-element-bg: var(--color-cold-gray-800);
    --color-toolbar-divider-background: var(--color-cold-gray-700);
    --color-popup-background: var(--color-cold-gray-850);
    --color-popup-element-text: var(--color-cold-gray-200);
    --color-popup-element-text-hover: var(--color-cold-gray-250);
    --color-popup-element-background-hover: var(--color-cold-gray-800);
    --color-popup-element-secondary-text: var(--color-cold-gray-500);
    --color-popup-element-hint-text: var(--color-cold-gray-600);
    --color-popup-element-text-active: var(--color-cold-gray-200);
    --color-popup-element-background-active: var(--color-tv-blue-500);
    --color-popup-element-toolbox-text: var(--color-cold-gray-500);
    --color-popup-element-toolbox-text-hover: var(--color-cold-gray-200);
    --color-popup-element-toolbox-text-active-hover: var(--color-tv-blue-200);
    --color-popup-element-toolbox-background-hover: var(--color-cold-gray-750);
    --color-popup-element-toolbox-background-active-hover: var(--color-tv-blue-700);
    --color-tooltip-bg: var(--color-cold-gray-750);
    --color-tv-button-checked: var(--color-cold-gray-450);
    --color-tv-dialog-caption: var(--color-cold-gray-50);
    --color-tv-dropdown-item-hover-bg: var(--color-cold-gray-800);
    --color-underlined-text: var(--color-cold-gray-450);
    --color-widget-pages-bg: var(--color-cold-gray-900);
    --color-warning: var(--color-tan-orange-700);
    --color-forex-icon: var(--color-white);
    --color-list-item-active-bg: var(--color-tv-blue-500);
    --color-list-item-hover-bg: var(--color-cold-gray-800);
    --color-list-item-text: var(--color-cold-gray-200);
    --color-price-axis-label-back: var(--color-cold-gray-800);
    --color-price-axis-label-text: var(--color-cold-gray-500);
    --color-price-axis-gear: var(--color-cold-gray-200);
    --color-price-axis-gear-hover: var(--color-cold-gray-400);
    --color-price-axis-highlight: var(--color-cold-gray-800);
    --color-bid: var(--color-tv-blue-500);
    --color-scroll-bg: var(--color-cold-gray-750);
    --color-scroll-border: var(--color-cold-gray-850);
    --color-widget-border: var(--color-cold-gray-800);
    --color-scroll-buttons-arrow: var(--color-white);
    --color-control-intent-default: var(--color-cold-gray-650);
    --color-control-intent-success: var(--color-minty-green-500);
    --color-control-intent-primary: var(--color-tv-blue-500);
    --color-control-intent-warning: var(--color-tan-orange-500);
    --color-control-intent-danger: var(--color-ripe-red-500);
    --color-growing: var(--color-minty-green-500);
    --color-falling: var(--color-ripe-red-500);
    --color-goto-label-background: var(--color-cold-gray-650);
    --color-pre-market: var(--color-tan-orange-600);
    --color-post-market: var(--color-tv-blue-500);
    --color-notaccurate-mode: var(--color-berry-pink-600);
    --color-delay-mode: var(--color-tan-orange-700);
    --color-delay-mode-bg: var(--color-tan-orange-400);
    --color-list-item-bg-highlighted: var(--color-tv-blue-a900);
    --color-list-item-bg-selected: var(--color-tv-blue-a800);
    --color-list-item-bg-highlighted-hover: var(--color-tv-blue-a800);
    --color-list-item-bg-selected-hover: var(--color-tv-blue-a700);
    --color-screener-header-bg: var(--color-cold-gray-850);
    --color-screener-header-bg-hover: var(--color-cold-gray-800);
    --color-overlay: var(--color-cold-gray-950);
    --color-boost-button-content-selected: var(--color-tv-blue-100);
    --color-boost-button-content-hover: var(--color-white);
    --color-boost-button-bg-hover: var(--color-cold-gray-750);
    --color-boost-button-border-hover: var(--color-cold-gray-750);
    --color-boost-button-border-default: var(--color-cold-gray-700);
    --color-x-twitter-content: var(--color-white);
    --color-card-border: var(--color-cold-gray-700);
    --color-card-border-hover: var(--color-cold-gray-600);
    --color-background-special-primary: var(--color-black);
    --color-stroke-special-primary: var(--color-cold-gray-800);
    --color-selection-bg: var(--color-tv-blue-a700);
    --color-default-gray: var(--color-cold-gray-450);
    --color-featured-broker-badge-bg: var(--color-white);
    --color-featured-broker-badge-bg-hover: var(--color-cold-gray-100);
    --color-featured-broker-badge-text: var(--color-cold-gray-900);
    --color-background-primary: var(--color-black);
    --color-background-secondary: var(--color-cold-gray-850);
    --color-background-tertiary: var(--color-cold-gray-800);
    --color-background-dark-primary: var(--color-cold-gray-700);
    --color-background-dark-secondary: var(--color-cold-gray-850);
    --color-background-disabled: var(--color-cold-gray-750);
    --color-background-special-secondary: var(--color-tv-blue-a900);
    --color-background-special-tertiary: var(--color-tv-blue-a800);
    --color-background-page-platform: var(--color-cold-gray-900);
    --color-background-page-promo: var(--color-black);
    --color-background-page-social: var(--color-black);
    --color-background-dialog-simple: var(--color-cold-gray-850);
    --color-background-dialog-complicated: var(--color-cold-gray-850);
    --color-background-dialog-promo: var(--color-cold-gray-850);
    --color-background-dialog-fullscreen: var(--color-black);
    --color-content-icons-primary: var(--color-cold-gray-200);
    --color-content-icons-secondary: var(--color-cold-gray-450);
    --color-content-icons-tertiary: var(--color-cold-gray-650);
    --color-content-text-promo-primary: var(--color-white);
    --color-content-text-promo-secondary: var(--color-cold-gray-200);
    --color-content-text-promo-tertiary: var(--color-cold-gray-450);
    --color-content-text-social-primary: var(--color-cold-gray-200);
    --color-content-text-social-secondary: var(--color-cold-gray-450);
    --color-content-text-social-tertiary: var(--color-cold-gray-650);
    --color-divider-line-primary-special: var(--color-tv-blue-200);
    --color-divider-line-secondary-special: var(--color-tv-blue-a800);
    --color-divider-line-primary: var(--color-cold-gray-750);
    --color-divider-line-secondary: var(--color-cold-gray-800);
    --color-link-primary-default: var(--color-tv-blue-300);
    --color-link-primary-hover: var(--color-tv-blue-400);
    --color-link-primary-active: var(--color-tv-blue-500);
    --color-link-secondary-default: var(--color-tv-blue-a200);
    --color-link-secondary-hover: var(--color-tv-blue-400);
    --color-link-secondary-active: var(--color-tv-blue-500);
    --color-static-warning: var(--color-tan-orange-500);
    --color-static-danger: var(--color-ripe-red-500);
    --color-static-highlight: var(--color-tv-blue-a900);
    --color-static-neutral: var(--color-cold-gray-450);
    --color-static-success: var(--color-minty-green-500);
    --color-button-content-disabled: var(--color-cold-gray-650);
    --color-button-content-ghost-neutral-bold-default: var(--color-cold-gray-200);
    --color-button-content-ghost-neutral-bold-hover: var(--color-white);
    --color-button-content-ghost-neutral-bold-active: var(--color-cold-gray-900);
    --color-button-content-ghost-accent-default: var(--color-tv-blue-500);
    --color-button-content-ghost-accent-hover: var(--color-tv-blue-500);
    --color-button-content-ghost-accent-active: var(--color-white);
    --color-button-content-ghost-neutral-default: var(--color-cold-gray-200);
    --color-button-content-ghost-neutral-hover: var(--color-white);
    --color-button-content-ghost-neutral-active: var(--color-white);
    --color-button-content-ghost-neutral-is-selected: var(--color-cold-gray-200);
    --color-button-content-primary-neutral-bold-default: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-bold-hover: var(--color-cold-gray-900);
    --color-button-content-primary-neutral-bold-active: var(--color-cold-gray-900);
    --color-button-content-primary-accent-default: var(--color-white);
    --color-button-content-primary-accent-hover: var(--color-white);
    --color-button-content-primary-accent-active: var(--color-white);
    --color-button-content-primary-neutral-default: var(--color-white);
    --color-button-content-primary-neutral-hover: var(--color-white);
    --color-button-content-primary-neutral-active: var(--color-white);
    --color-button-content-primary-neutral-is-selected: var(--color-white);
    --color-button-content-primary-success-default: var(--color-white);
    --color-button-content-primary-success-hover: var(--color-white);
    --color-button-content-primary-success-active: var(--color-white);
    --color-button-content-primary-accent-light-default: var(--color-tv-blue-200);
    --color-button-content-primary-accent-light-hover: var(--color-tv-blue-200);
    --color-button-content-primary-accent-light-active: var(--color-tv-blue-200);
    --color-button-content-primary-accent-light-is-selected: var(--color-tv-blue-200);
    --color-button-content-primary-danger-default: var(--color-white);
    --color-button-content-primary-danger-hover: var(--color-white);
    --color-button-content-primary-danger-active: var(--color-white);
    --color-button-content-quiet-primary-neutral-bold-default: var(--color-cold-gray-200);
    --color-button-content-quiet-primary-neutral-bold-hover: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-bold-active: var(--color-cold-gray-900);
    --color-button-content-quiet-primary-neutral-default: var(--color-cold-gray-200);
    --color-button-content-quiet-primary-neutral-hover: var(--color-white);
    --color-button-content-quiet-primary-neutral-active: var(--color-white);
    --color-button-content-quiet-primary-neutral-is-selected: var(--color-white);
    --color-button-content-quiet-primary-accent-light-default: var(--color-tv-blue-500);
    --color-button-content-quiet-primary-accent-light-hover: var(--color-tv-blue-100);
    --color-button-content-quiet-primary-accent-light-active: var(--color-tv-blue-100);
    --color-button-content-secondary-neutral-bold-default: var(--color-white);
    --color-button-content-secondary-neutral-bold-hover: var(--color-cold-gray-900);
    --color-button-content-secondary-neutral-bold-active: var(--color-cold-gray-900);
    --color-button-content-secondary-accent-default: var(--color-tv-blue-500);
    --color-button-content-secondary-accent-hover: var(--color-white);
    --color-button-content-secondary-accent-active: var(--color-white);
    --color-button-content-secondary-neutral-default: var(--color-cold-gray-200);
    --color-button-content-secondary-neutral-hover: var(--color-white);
    --color-button-content-secondary-neutral-active: var(--color-white);
    --color-button-content-secondary-neutral-is-selected: var(--color-white);
    --color-button-content-secondary-success-default: var(--color-minty-green-500);
    --color-button-content-secondary-success-hover: var(--color-white);
    --color-button-content-secondary-success-active: var(--color-white);
    --color-button-content-secondary-accent-light-default: var(--color-tv-blue-200);
    --color-button-content-secondary-accent-light-hover: var(--color-tv-blue-200);
    --color-button-content-secondary-accent-light-active: var(--color-tv-blue-200);
    --color-button-content-secondary-accent-light-is-selected: var(--color-tv-blue-200);
    --color-button-content-secondary-danger-default: var(--color-ripe-red-500);
    --color-button-content-secondary-danger-hover: var(--color-white);
    --color-button-content-secondary-danger-active: var(--color-white);
    --color-button-fill_border-disabled: var(--color-cold-gray-750);
    --color-static-transparent: var(--color-transparent);
    --color-button-fill_border-ghost-neutral-bold-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-neutral-bold-hover: var(--color-cold-gray-100);
    --color-button-fill_border-ghost-neutral-bold-active: var(--color-cold-gray-200);
    --color-button-fill_border-ghost-accent-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-hover: var(--color-tv-blue-500);
    --color-button-fill_border-ghost-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-ghost-neutral-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-neutral-hover: var(--color-cold-gray-800);
    --color-button-fill_border-ghost-neutral-active: var(--color-cold-gray-750);
    --color-button-fill_border-ghost-neutral-is-selected: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-light-default: var(--color-static-transparent);
    --color-button-fill_border-ghost-accent-light-hover: var(--color-tv-blue-a700);
    --color-button-fill_border-ghost-accent-light-active: var(--color-tv-blue-900);
    --color-button-fill_border-ghost-accent-light-is-selected: var(--color-tv-blue-a700);
    --color-button-fill_border-primary-neutral-bold-default: var(--color-white);
    --color-button-fill_border-primary-neutral-bold-hover: var(--color-cold-gray-100);
    --color-button-fill_border-primary-neutral-bold-active: var(--color-cold-gray-200);
    --color-button-fill_border-primary-accent-default: var(--color-tv-blue-500);
    --color-button-fill_border-primary-accent-hover: var(--color-tv-blue-600);
    --color-button-fill_border-primary-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-primary-neutral-default: var(--color-cold-gray-800);
    --color-button-fill_border-primary-neutral-hover: var(--color-cold-gray-750);
    --color-button-fill_border-primary-neutral-active: var(--color-cold-gray-700);
    --color-button-fill_border-primary-neutral-is-selected: var(--color-cold-gray-800);
    --color-button-fill_border-primary-success-default: var(--color-minty-green-500);
    --color-button-fill_border-primary-success-hover: var(--color-minty-green-600);
    --color-button-fill_border-primary-success-active: var(--color-minty-green-700);
    --color-button-fill_border-primary-accent-light-default: var(--color-tv-blue-a800);
    --color-button-fill_border-primary-accent-light-hover: var(--color-tv-blue-a700);
    --color-button-fill_border-primary-accent-light-active: var(--color-tv-blue-900);
    --color-button-fill_border-primary-accent-light-is-selected: var(--color-tv-blue-a700);
    --color-button-fill_border-primary-danger-default: var(--color-ripe-red-500);
    --color-button-fill_border-primary-danger-hover: var(--color-ripe-red-600);
    --color-button-fill_border-primary-danger-active: var(--color-ripe-red-700);
    --color-button-fill_border-quiet-primary-neutral-bold-default: var(--color-black);
    --color-button-fill_border-quiet-primary-neutral-bold-hover: var(--color-white);
    --color-button-fill_border-quiet-primary-neutral-bold-active: var(--color-cold-gray-100);
    --color-button-fill_border-quiet-primary-accent-default: var(--color-black);
    --color-button-fill_border-quiet-primary-accent-hover: var(--color-tv-blue-500);
    --color-button-fill_border-quiet-primary-accent-active: var(--color-tv-blue-600);
    --color-button-fill_border-quiet-primary-neutral-default: var(--color-black);
    --color-button-fill_border-quiet-primary-neutral-hover: var(--color-cold-gray-800);
    --color-button-fill_border-quiet-primary-neutral-active: var(--color-cold-gray-750);
    --color-button-fill_border-quiet-primary-neutral-is-selected: var(--color-cold-gray-800);
    --color-button-fill_border-quiet-primary-success-default: var(--color-black);
    --color-button-fill_border-quiet-primary-success-hover: var(--color-minty-green-500);
    --color-button-fill_border-quiet-primary-success-active: var(--color-minty-green-600);
    --color-button-fill_border-quiet-primary-accent-light-default: var(--color-black);
    --color-button-fill_border-quiet-primary-accent-light-hover: var(--color-tv-blue-a800);
    --color-button-fill_border-quiet-primary-accent-light-active: var(--color-tv-blue-a700);
    --color-button-fill_border-quiet-primary-accent-light-is-selected: var(--color-tv-blue-a700);
    --color-button-fill_border-quiet-primary-danger-default: var(--color-black);
    --color-button-fill_border-quiet-primary-danger-hover: var(--color-ripe-red-500);
    --color-button-fill_border-quiet-primary-danger-active: var(--color-ripe-red-600);
    --color-button-fill_border-secondary-neutral-bold-default: var(--color-white);
    --color-button-fill_border-secondary-neutral-bold-hover: var(--color-cold-gray-100);
    --color-button-fill_border-secondary-neutral-bold-active: var(--color-cold-gray-200);
    --color-button-fill_border-secondary-accent-default: var(--color-tv-blue-500);
    --color-button-fill_border-secondary-accent-hover: var(--color-tv-blue-600);
    --color-button-fill_border-secondary-accent-active: var(--color-tv-blue-700);
    --color-button-fill_border-secondary-neutral-default: var(--color-cold-gray-700);
    --color-button-fill_border-secondary-neutral-hover: var(--color-cold-gray-800);
    --color-button-fill_border-secondary-neutral-active: var(--color-cold-gray-750);
    --color-button-fill_border-secondary-neutral-is-selected: var(--color-cold-gray-800);
    --color-button-fill_border-secondary-success-default: var(--color-minty-green-500);
    --color-button-fill_border-secondary-success-hover: var(--color-minty-green-600);
    --color-button-fill_border-secondary-success-active: var(--color-minty-green-700);
    --color-button-fill_border-secondary-accent-light-default: var(--color-tv-blue-a800);
    --color-button-fill_border-secondary-accent-light-hover: var(--color-tv-blue-a700);
    --color-button-fill_border-secondary-accent-light-active: var(--color-tv-blue-900);
    --color-button-fill_border-secondary-accent-light-is-selected: var(--color-tv-blue-a700);
    --color-button-fill_border-secondary-danger-default: var(--color-ripe-red-500);
    --color-button-fill_border-secondary-danger-hover: var(--color-ripe-red-600);
    --color-button-fill_border-secondary-danger-active: var(--color-ripe-red-700);
    --color-text-field-border-default: var(--color-cold-gray-650);
    --color-text-field-border-hover: var(--color-cold-gray-500);
    --color-text-field-border-active: var(--color-tv-blue-500);
    --color-text-field-border-disabled: var(--color-cold-gray-800);
    --color-text-field-border-error: var(--color-ripe-red-500);
    --color-text-field-border-focus-not-active: var(--color-tv-blue-500);
    --color-text-field-border-focus-read-only: var(--color-tv-blue-500);
    --color-text-field-border-read-only: var(--color-cold-gray-800);
    --color-text-field-border-success: var(--color-minty-green-500);
    --color-text-field-border-warning: var(--color-tan-orange-500);
    --color-text-field-border-with-value: var(--color-cold-gray-650);
    --color-text-field-description-default: var(--color-cold-gray-450);
    --color-text-field-description-error: var(--color-ripe-red-500);
    --color-text-field-description-success: var(--color-minty-green-500);
    --color-text-field-description-warning: var(--color-tan-orange-500);
    --color-text-field-fill-default: var(--color-static-transparent);
    --color-text-field-fill-disabled: var(--color-cold-gray-800);
    --color-text-field-fill-focus-read-only: var(--color-cold-gray-850);
    --color-text-field-fill-read-only: var(--color-cold-gray-850);
    --color-text-field-label-default: var(--color-cold-gray-450);
    --color-text-field-label-error: var(--color-ripe-red-500);
    --color-text-field-label-link: var(--color-tv-blue-500);
    --color-text-field-label-success: var(--color-minty-green-500);
    --color-text-field-label-warning: var(--color-tan-orange-500);
    --color-text-field-left-slot-icon-default: var(--color-cold-gray-450);
    --color-text-field-left-slot-icon-disabled: var(--color-cold-gray-650);
    --color-text-field-placeholder-default: var(--color-cold-gray-450);
    --color-text-field-placeholder-disabled: var(--color-cold-gray-650);
    --color-text-field-right-slot-arrows-bg-default: var(--color-static-transparent);
    --color-text-field-right-slot-arrows-bg-hover: var(--color-cold-gray-800);
    --color-text-field-right-slot-arrows-bg-active: var(--color-cold-gray-750);
    --color-text-field-right-slot-icons-and-text-default: var(--color-cold-gray-450);
    --color-text-field-right-slot-icons-and-text-disabled: var(--color-cold-gray-650);
    --color-text-field-right-slot-icons-and-text-active: var(--color-cold-gray-200);
    --color-text-field-right-slot-icons-and-text-error: var(--color-ripe-red-500);
    --color-text-field-right-slot-icons-and-text-hover: var(--color-cold-gray-200);
    --color-text-field-value-default: var(--color-cold-gray-200);
    --color-text-field-value-disabled: var(--color-cold-gray-450);
    --color-counter-fill-danger: var(--color-ripe-red-500);
    --color-counter-content-danger: var(--color-white);
    --color-counter-fill-accent: var(--color-tv-blue-500);
    --color-counter-content-accent: var(--color-white);
    --color-counter-fill-accent-light: var(--color-tv-blue-a800);
    --color-counter-content-accent-light: var(--color-tv-blue-100);
    --color-counter-fill-neutral-bold: var(--color-white);
    --color-counter-content-neutral-bold: var(--color-black);
    --color-counter-fill-neutral: var(--color-cold-gray-800);
    --color-counter-content-neutral: var(--color-cold-gray-200);
    --color-counter-border-primary: var(--color-black);
    --color-counter-border-secondary: var(--color-cold-gray-900);
    --color-counter-border-tertiary: var(--color-cold-gray-850);
    --color-filter-select-fill_border-checked-default: var(--color-tv-blue-a800);
    --color-filter-select-fill_border-checked-hover: var(--color-tv-blue-a700);
    --color-filter-select-fill_border-checked-active: var(--color-tv-blue-900);
    --color-filter-select-fill_border-checked-isOpened: var(--color-tv-blue-a700);
    --color-filter-select-content-checked-accent-default: var(--color-tv-blue-200);
    --color-filter-select-content-checked-accent-hover: var(--color-tv-blue-200);
    --color-filter-select-content-checked-accent-active: var(--color-tv-blue-200);
    --color-filter-select-content-checked-neutral-default: var(--color-white);
    --color-filter-select-content-checked-neutral-hover: var(--color-white);
    --color-filter-select-content-checked-neutral-active: var(--color-white);
    --color-filter-select-fill_border-not-checked-default: var(--color-cold-gray-700);
    --color-filter-select-fill_border-not-checked-hover: var(--color-cold-gray-800);
    --color-filter-select-fill_border-not-checked-active: var(--color-cold-gray-750);
    --color-filter-select-fill_border-not-checked-isOpened: var(--color-cold-gray-800);
    --color-filter-select-content-not-checked-default: var(--color-cold-gray-450);
    --color-filter-select-content-not-checked-hover: var(--color-cold-gray-450);
    --color-filter-select-content-not-checked-active: var(--color-cold-gray-450);
    --color-symbol-change-positive: var(--color-minty-green-400);
    --color-symbol-change-neutral: var(--color-cold-gray-200);
    --color-symbol-change-negative: var(--color-ripe-red-400);
    --color-symbol-rating-positive: var(--color-minty-green-400);
    --color-symbol-rating-neutral: var(--color-cold-gray-450);
    --color-symbol-rating-negative: var(--color-ripe-red-400);
    --color-other-transparent: #0000;
    --color-other-transparent-60: #0009;
    --color-shadow-primary-neutral-extra-heavy: #0006;
    --color-shadow-primary-neutral-light: var(--color-cold-gray-750);
    --color-shadow-secondary-neutral-light: var(--color-cold-gray-700);
    --color-other-modal-background: #0000004d;
    --color-other-shadow-primary-neutral-extra-heavy: #0006;
    --color-other-shadow-primary-neutral-light: var(--color-cold-gray-750);
    --color-other-shadow-secondary-neutral-light: var(--color-cold-gray-700);
    --color-other-black-friday-primary: var(--color-ripe-red-500);
    --color-other-black-friday-secondary: var(--color-ripe-red-400);
    --color-other-black-friday-tertiary: var(--color-ripe-red-300);
    --color-other-cyber-monday-primary: var(--color-sky-blue-a400);
    --color-other-cyber-monday-secondary: var(--color-sky-blue-a200);
    --color-other-cyber-monday-tertiary: var(--color-sky-blue-a100);
    --color-search-highlight-primary-normal: var(--color-tv-blue-200);
    --color-search-highlight-primary-inverse: var(--color-tv-blue-600);
    --color-focus-outline-color-blue: var(--color-tv-blue-500);
    --color-focus-outline-color-black: var(--color-white);
    --color-focus-outline-color-white: var(--color-black);
    --color-background-primary-accent-extra-light: var(--color-tv-blue-a900);
    --color-background-primary-accent-light: var(--color-tv-blue-a800);
    --color-background-primary-inverse: var(--color-black);
    --color-background-primary-neutral-bold: var(--color-cold-gray-700);
    --color-background-primary-neutral-extra-heavy: var(--color-black);
    --color-background-primary-neutral-extra-light: var(--color-cold-gray-850);
    --color-background-primary-neutral-light: var(--color-cold-gray-800);
    --color-background-primary-neutral-normal: var(--color-cold-gray-750);
    --color-background-secondary-inverse: var(--color-cold-gray-900);
    --color-background-tertiary-inverse: var(--color-cold-gray-850);
    --color-container-fill-primary-accent: var(--color-tv-blue-500);
    --color-container-fill-primary-accent-bold: var(--color-tv-blue-700);
    --color-container-fill-primary-accent-extra-light: var(--color-tv-blue-a900);
    --color-container-fill-primary-accent-light: var(--color-tv-blue-a800);
    --color-container-fill-primary-accent-normal: var(--color-tv-blue-a700);
    --color-container-fill-primary-accent-semi-bold: var(--color-tv-blue-600);
    --color-container-fill-primary-accent-alt1-normal: var(--color-deep-blue-a100);
    --color-container-fill-primary-accent-alt2-bold: var(--color-sky-blue-300);
    --color-container-fill-primary-danger: var(--color-ripe-red-500);
    --color-container-fill-primary-danger-bold: var(--color-ripe-red-700);
    --color-container-fill-primary-danger-extra-light: var(--color-ripe-red-a900);
    --color-container-fill-primary-danger-light: var(--color-ripe-red-a800);
    --color-container-fill-primary-danger-normal: var(--color-ripe-red-a700);
    --color-container-fill-primary-danger-semi-bold: var(--color-ripe-red-600);
    --color-container-fill-primary-inverse: var(--color-black);
    --color-container-fill-primary-neutral: var(--color-cold-gray-600);
    --color-container-fill-primary-neutral-bold: var(--color-cold-gray-200);
    --color-container-fill-primary-neutral-extra-bold: var(--color-cold-gray-100);
    --color-container-fill-primary-neutral-extra-heavy: var(--color-white);
    --color-container-fill-primary-neutral-extra-light: var(--color-cold-gray-800);
    --color-container-fill-primary-neutral-heavy: var(--color-white);
    --color-container-fill-primary-neutral-light: var(--color-cold-gray-750);
    --color-container-fill-primary-neutral-normal: var(--color-cold-gray-700);
    --color-container-fill-primary-neutral-thin: var(--color-cold-gray-850);
    --color-container-fill-primary-neutral-medium: var(--color-cold-gray-450);
    --color-container-fill-primary-success: var(--color-minty-green-500);
    --color-container-fill-primary-success-bold: var(--color-minty-green-700);
    --color-container-fill-primary-success-extra-light: var(--color-minty-green-a900);
    --color-container-fill-primary-success-light: var(--color-minty-green-a800);
    --color-container-fill-primary-success-normal: var(--color-minty-green-a700);
    --color-container-fill-primary-success-semi-bold: var(--color-minty-green-600);
    --color-container-fill-primary-warning: var(--color-tan-orange-500);
    --color-container-fill-primary-warning-bold: var(--color-tan-orange-700);
    --color-container-fill-primary-warning-extra-light: var(--color-tan-orange-a900);
    --color-container-fill-primary-warning-light: var(--color-tan-orange-a800);
    --color-container-fill-primary-warning-normal: var(--color-tan-orange-a700);
    --color-container-fill-primary-warning-semi-bold: var(--color-tan-orange-600);
    --color-container-fill-quaternary-inverse: var(--color-white);
    --color-container-fill-secondary-accent-extra-light: var(--color-tv-blue-a800);
    --color-container-fill-secondary-accent-light: var(--color-tv-blue-a700);
    --color-container-fill-secondary-accent-normal: var(--color-tv-blue-900);
    --color-container-fill-secondary-accent: var(--color-tv-blue-a100);
    --color-container-fill-secondary-accent-semi-bold: var(--color-tv-blue-300);
    --color-container-fill-secondary-inverse: var(--color-cold-gray-900);
    --color-container-fill-secondary-neutral-thin: var(--color-cold-gray-800);
    --color-container-fill-secondary-neutral: var(--color-cold-gray-450);
    --color-container-fill-secondary-neutral-extra-heavy: var(--color-black);
    --color-container-fill-secondary-neutral-extra-light: var(--color-cold-gray-700);
    --color-container-fill-secondary-neutral-heavy: var(--color-cold-gray-200);
    --color-container-fill-secondary-neutral-light: var(--color-cold-gray-800);
    --color-container-fill-secondary-neutral-normal: var(--color-cold-gray-600);
    --color-container-fill-secondary-neutral-semi-bold: var(--color-cold-gray-400);
    --color-container-fill-secondary-neutral-bold: var(--color-cold-gray-800);
    --color-container-fill-secondary-neutral-extra-bold: var(--color-cold-gray-450);
    --color-container-fill-secondary-danger-bold: var(--color-ripe-red-300);
    --color-container-fill-secondary-success-semi-bold: var(--color-minty-green-300);
    --color-container-fill-secondary-warning-semi-bold: var(--color-tan-orange-300);
    --color-container-fill-tertiary-accent: var(--color-tv-blue-a100);
    --color-container-fill-tertiary-accent-bold: var(--color-tv-blue-a900);
    --color-container-fill-tertiary-accent-light: var(--color-tv-blue-800);
    --color-container-fill-tertiary-inverse: var(--color-cold-gray-850);
    --color-container-fill-tertiary-neutral: var(--color-cold-gray-550);
    --color-container-fill-tertiary-neutral-light: var(--color-cold-gray-900);
    --color-container-fill-tertiary-neutral-heavy: var(--color-tv-blue-200);
    --color-container-fill-quinary-inverse: var(--color-cold-gray-800);
    --color-container-fill-senary-inverse: var(--color-cold-gray-700);
    --color-content-primary-accent: var(--color-tv-blue-500);
    --color-content-primary-accent-bold: var(--color-tv-blue-600);
    --color-content-primary-accent-extra-bold: var(--color-tv-blue-a100);
    --color-content-primary-accent-heavy: var(--color-sky-blue-500);
    --color-content-primary-accent-light: var(--color-tv-blue-300);
    --color-content-primary-accent-normal: var(--color-tv-blue-400);
    --color-content-primary-accent-semi-bold: var(--color-tv-blue-500);
    --color-content-primary-accent-other-normal: var(--color-deep-blue-a100);
    --color-content-primary-accent-other-bold: var(--color-sky-blue-300);
    --color-content-primary-accent-other-extra-bold: var(--color-deep-blue-a100);
    --color-content-primary-attention: var(--color-banana-yellow-800);
    --color-content-primary-danger: var(--color-ripe-red-500);
    --color-content-primary-danger-bold: var(--color-ripe-red-300);
    --color-content-primary-danger-semi-bold: var(--color-ripe-red-400);
    --color-content-primary-danger-extra-bold: var(--color-ripe-red-a400);
    --color-content-primary-inverse: var(--color-black);
    --color-content-primary-negative: var(--color-ripe-red-400);
    --color-content-primary-neutral: var(--color-cold-gray-450);
    --color-content-primary-neutral-bold: var(--color-cold-gray-200);
    --color-content-primary-accent-extra-light: var(--color-tv-blue-100);
    --color-content-primary-neutral-extra-light: var(--color-cold-gray-650);
    --color-content-primary-neutral-light: var(--color-cold-gray-650);
    --color-content-primary-neutral-normal: var(--color-cold-gray-550);
    --color-content-primary-neutral-semi-bold: var(--color-cold-gray-300);
    --color-content-primary-positive: var(--color-minty-green-400);
    --color-content-primary-success: var(--color-minty-green-500);
    --color-content-primary-success-bold: var(--color-minty-green-300);
    --color-content-primary-success-extra-bold: var(--color-minty-green-300);
    --color-content-primary-success-semi-bold: var(--color-minty-green-400);
    --color-content-primary-warning: var(--color-tan-orange-500);
    --color-content-primary-warning-bold: var(--color-tan-orange-300);
    --color-content-primary-warning-extra-bold: var(--color-tan-orange-a400);
    --color-content-primary-warning-semi-bold: var(--color-tan-orange-400);
    --color-content-secondary-accent: var(--color-tv-blue-400);
    --color-content-secondary-accent-semi-bold: var(--color-tv-blue-200);
    --color-content-secondary-accent-bold: var(--color-tv-blue-a200);
    --color-content-secondary-accent-other-semi-bold: var(--color-grapes-purple-300);
    --color-content-secondary-accent-other-extra-bold: var(--color-grapes-purple-a100);
    --color-content-secondary-inverse: var(--color-cold-gray-900);
    --color-content-secondary-neutral: var(--color-cold-gray-450);
    --color-content-secondary-neutral-bold: var(--color-white);
    --color-content-secondary-accent-extra-light: var(--color-tv-blue-600);
    --color-content-secondary-neutral-medium: var(--color-cold-gray-300);
    --color-content-secondary-neutral-semi-bold: var(--color-cold-gray-150);
    --color-content-secondary-warning-semi-bold: var(--color-tan-orange-300);
    --color-content-secondary-warning-bold: var(--color-banana-yellow-700);
    --color-content-secondary-danger-extra-bold: var(--color-berry-pink-a200);
    --color-content-secondary-success: var(--color-minty-green-300);
    --color-content-secondary-success-semi-bold: var(--color-minty-green-300);
    --color-content-secondary-success-extra-bold: var(--color-forest-green-400);
    --color-content-tertiary-accent: var(--color-tv-blue-100);
    --color-content-tertiary-accent-bold: var(--color-tv-blue-200);
    --color-content-tertiary-neutral-bold: var(--color-cold-gray-300);
    --color-content-tertiary-success-extra-bold: var(--color-iguana-green-400);
    --color-content-tertiary-accent-semi-bold: var(--color-tv-blue-100);
    --color-content-tertiary-inverse: var(--color-white);
    --color-content-quaternary-accent: var(--color-tv-blue-a100);
    --color-content-quaternary-accent-semi-bold: var(--color-tv-blue-300);
    --color-content-quinary-accent: var(--color-tv-blue-300);
    --color-content-quinary-accent-semi-bold: var(--color-tv-blue-400);
    --color-content-quinary-accent-bold: var(--color-tv-blue-500);
    --color-border-primary-accent: var(--color-tv-blue-500);
    --color-border-primary-accent-extra-light: var(--color-tv-blue-a800);
    --color-border-primary-danger: var(--color-ripe-red-500);
    --color-border-primary-inverse: var(--color-black);
    --color-border-primary-neutral: var(--color-cold-gray-500);
    --color-border-primary-neutral-bold: var(--color-cold-gray-350);
    --color-border-primary-neutral-extra-bold: var(--color-white);
    --color-border-primary-neutral-extra-heavy: var(--color-white);
    --color-border-primary-neutral-light: var(--color-cold-gray-700);
    --color-border-primary-neutral-normal: var(--color-cold-gray-600);
    --color-border-primary-neutral-semi-bold: var(--color-cold-gray-450);
    --color-border-primary-success: var(--color-minty-green-500);
    --color-border-primary-warning: var(--color-tan-orange-500);
    --color-border-secondary-inverse: var(--color-cold-gray-900);
    --color-border-secondary-neutral: var(--color-cold-gray-700);
    --color-border-secondary-neutral-normal: var(--color-cold-gray-650);
    --color-border-tertiary-inverse: var(--color-cold-gray-850);
    --color-border-primary-neutral-extra-light: var(--color-cold-gray-800);
    --color-overlay-accent-1-light: #448aff33;
    --color-overlay-accent-1-normal: #448aff4d;
    --color-overlay-accent-1-bold: #448aff66;
    --color-overlay-accent-2-light: #00bcd433;
    --color-overlay-accent-2-normal: #00bcd44d;
    --color-overlay-accent-2-bold: #00bcd466;
    --color-overlay-accent-3-light: #ea80fc33;
    --color-overlay-accent-3-normal: #ea80fc4d;
    --color-overlay-accent-3-bold: #ea80fc66;
    --color-overlay-accent-4-light: #b388ff33;
    --color-overlay-accent-4-normal: #b388ff4d;
    --color-overlay-accent-4-bold: #b388ff66;
    --color-overlay-negative-1-light: #f2364533;
    --color-overlay-negative-1-normal: #f236454d;
    --color-overlay-negative-1-bold: #f2364566;
    --color-overlay-negative-2-light: #ff408133;
    --color-overlay-negative-2-normal: #ff40814d;
    --color-overlay-negative-2-bold: #ff408166;
    --color-overlay-neutral-1-light: #b8b8b833;
    --color-overlay-neutral-1-normal: #b8b8b84d;
    --color-overlay-neutral-1-bold: #b8b8b866;
    --color-overlay-neutral-2-light: #fff3;
    --color-overlay-neutral-2-normal: #ffffff4d;
    --color-overlay-neutral-2-bold: #fff6;
    --color-overlay-positive-1-light: #22ab9433;
    --color-overlay-positive-1-normal: #22ab944d;
    --color-overlay-positive-1-bold: #22ab9466;
    --color-overlay-positive-2-light: #22ab6733;
    --color-overlay-positive-2-normal: #22ab674d;
    --color-overlay-positive-2-bold: #22ab6766;
    --color-overlay-positive-3-light: #4caf5033;
    --color-overlay-positive-3-normal: #4caf504d;
    --color-overlay-positive-3-bold: #4caf5066;
    --color-overlay-warning-1-light: #ff980033;
    --color-overlay-warning-1-normal: #ff98004d;
    --color-overlay-warning-1-bold: #ff980066;
    --color-overlay-warning-2-light: #fdd83533;
    --color-overlay-warning-2-normal: #fdd8354d;
    --color-overlay-warning-2-bold: #fdd83566;
    --color-overlay-neutral-3-light: #2e2e2e66;
    --color-overlay-neutral-3-normal: #2e2e2ecc;
    --color-overlay-neutral-3-bold: #2e2e2e;
    --color-heatmap-classic-minus3-default: var(--color-ripe-red-500);
    --color-heatmap-classic-minus2-default: var(--color-ripe-red-700);
    --color-heatmap-classic-minus1-default: var(--color-ripe-red-900);
    --color-heatmap-classic-zero-default: var(--color-cold-gray-750);
    --color-heatmap-classic-plus1-default: var(--color-forest-green-900);
    --color-heatmap-classic-plus2-default: var(--color-forest-green-700);
    --color-heatmap-classic-plus3-default: var(--color-forest-green-500);
    --color-heatmap-classic-light-negative-xl: var(--color-ripe-red-400);
    --color-heatmap-classic-light-negative-l: var(--color-ripe-red-500);
    --color-heatmap-classic-light-negative-m: var(--color-ripe-red-700);
    --color-heatmap-classic-light-negative-s: var(--color-ripe-red-900);
    --color-heatmap-classic-light-neutral: var(--color-black);
    --color-heatmap-classic-light-positive-s: var(--color-forest-green-900);
    --color-heatmap-classic-light-positive-m: var(--color-forest-green-700);
    --color-heatmap-classic-light-positive-l: var(--color-forest-green-500);
    --color-heatmap-classic-light-positive-xl: var(--color-forest-green-400);
    --color-heatmap-classic-light-empty: var(--color-cold-gray-750);
    --color-heatmap-classic-light-hover: var(--color-tv-blue-800);
    --color-heatmap-colorblind-minus3-default: var(--color-tan-orange-700);
    --color-heatmap-colorblind-minus2-default: #aa6324;
    --color-heatmap-colorblind-minus1-default: var(--color-tan-orange-a800);
    --color-heatmap-colorblind-zero-default: var(--color-cold-gray-750);
    --color-heatmap-colorblind-plus1-default: var(--color-tv-blue-a800);
    --color-heatmap-colorblind-plus2-default: var(--color-tv-blue-800);
    --color-heatmap-colorblind-plus3-default: var(--color-tv-blue-500);
    --color-heatmap-monochrome-minus3-default: var(--color-cold-gray-150);
    --color-heatmap-monochrome-minus2-default: var(--color-cold-gray-250);
    --color-heatmap-monochrome-minus1-default: var(--color-cold-gray-350);
    --color-heatmap-monochrome-zero-default: var(--color-cold-gray-450);
    --color-heatmap-monochrome-plus1-default: var(--color-cold-gray-550);
    --color-heatmap-monochrome-plus2-default: var(--color-cold-gray-650);
    --color-heatmap-monochrome-plus3-default: var(--color-cold-gray-800);
    --color-heatmap-positive-only-v1-default: var(--color-cold-gray-750);
    --color-heatmap-positive-only-v2-default: var(--color-tv-blue-a800);
    --color-heatmap-positive-only-v3-default: var(--color-tv-blue-a700);
    --color-heatmap-positive-only-v4-default: var(--color-tv-blue-800);
    --color-heatmap-positive-only-v5-default: var(--color-tv-blue-600);
    --color-heatmap-positive-only-v6-default: var(--color-tv-blue-300);
    --color-heatmap-positive-only-v7-default: var(--color-tv-blue-200);
    --color-heatmap-range-light-negative-xl: var(--color-tan-orange-a600);
    --color-heatmap-range-light-negative-l: var(--color-tan-orange-a700);
    --color-heatmap-range-light-negative-m: var(--color-tan-orange-a800);
    --color-heatmap-range-light-negative-s: var(--color-tan-orange-a900);
    --color-heatmap-range-light-neutral: var(--color-black);
    --color-heatmap-range-light-positive-s: var(--color-sky-blue-900);
    --color-heatmap-range-light-positive-m: var(--color-sky-blue-700);
    --color-heatmap-range-light-positive-l: var(--color-sky-blue-600);
    --color-heatmap-range-light-positive-xl: var(--color-sky-blue-500);
    --color-heatmap-range-light-empty: var(--color-cold-gray-750);
    --color-heatmap-range-light-hover: var(--color-tv-blue-800);
    --color-heatmap-tan-orange-xs: var(--color-tan-orange-a900);
    --color-heatmap-tan-orange-s: var(--color-tan-orange-a800);
    --color-heatmap-tan-orange-m: var(--color-tan-orange-a700);
    --color-heatmap-tan-orange-l: var(--color-tan-orange-500);
    --color-heatmap-tan-orange-xl: var(--color-tan-orange-300);
    --color-heatmap-tan-orange-xxl: var(--color-tan-orange-200);
    --color-heatmap-tan-orange-empty: var(--color-cold-gray-800);
    --color-heatmap-tan-orange-border: var(--color-tan-orange-100);
    --color-heatmap-sky-blue-xs: var(--color-sky-blue-900);
    --color-heatmap-sky-blue-s: var(--color-sky-blue-800);
    --color-heatmap-sky-blue-m: var(--color-sky-blue-700);
    --color-heatmap-sky-blue-l: var(--color-sky-blue-500);
    --color-heatmap-sky-blue-xl: var(--color-sky-blue-300);
    --color-heatmap-sky-blue-xxl: var(--color-sky-blue-200);
    --color-heatmap-sky-blue-empty: var(--color-cold-gray-800);
    --color-heatmap-sky-blue-border: var(--color-sky-blue-100);
    --color-heatmap-deep-blue-xs: var(--color-deep-blue-900);
    --color-heatmap-deep-blue-s: var(--color-deep-blue-700);
    --color-heatmap-deep-blue-m: var(--color-deep-blue-500);
    --color-heatmap-deep-blue-l: var(--color-deep-blue-400);
    --color-heatmap-deep-blue-xl: var(--color-deep-blue-300);
    --color-heatmap-deep-blue-xxl: var(--color-deep-blue-200);
    --color-heatmap-deep-blue-empty: var(--color-cold-gray-800);
    --color-heatmap-deep-blue-border: var(--color-deep-blue-100);
    --color-heatmap-tv-blue-xs: var(--color-tv-blue-a900);
    --color-heatmap-tv-blue-s: var(--color-tv-blue-a800);
    --color-heatmap-tv-blue-m: var(--color-tv-blue-a700);
    --color-heatmap-tv-blue-l: var(--color-tv-blue-500);
    --color-heatmap-tv-blue-xl: var(--color-tv-blue-300);
    --color-heatmap-tv-blue-xxl: var(--color-tv-blue-200);
    --color-heatmap-tv-blue-empty: var(--color-cold-gray-800);
    --color-heatmap-tv-blue-border: var(--color-tv-blue-100);
    --color-heatmap-berry-pink-xs: var(--color-berry-pink-900);
    --color-heatmap-berry-pink-s: var(--color-berry-pink-800);
    --color-heatmap-berry-pink-m: var(--color-berry-pink-700);
    --color-heatmap-berry-pink-l: var(--color-berry-pink-500);
    --color-heatmap-berry-pink-xl: var(--color-berry-pink-300);
    --color-heatmap-berry-pink-xxl: var(--color-berry-pink-200);
    --color-heatmap-berry-pink-empty: var(--color-cold-gray-800);
    --color-heatmap-berry-pink-border: var(--color-berry-pink-100);
    --color-heatmap-forest-green-xs: var(--color-forest-green-900);
    --color-heatmap-forest-green-s: var(--color-forest-green-800);
    --color-heatmap-forest-green-m: var(--color-forest-green-700);
    --color-heatmap-forest-green-l: var(--color-forest-green-500);
    --color-heatmap-forest-green-xl: var(--color-forest-green-300);
    --color-heatmap-forest-green-xxl: var(--color-forest-green-200);
    --color-heatmap-forest-green-empty: var(--color-cold-gray-800);
    --color-heatmap-forest-green-border: var(--color-forest-green-100);
    --color-heatmap-minty-green-xs: var(--color-minty-green-a900);
    --color-heatmap-minty-green-s: var(--color-minty-green-a800);
    --color-heatmap-minty-green-m: var(--color-minty-green-a700);
    --color-heatmap-minty-green-l: var(--color-minty-green-500);
    --color-heatmap-minty-green-xl: var(--color-minty-green-300);
    --color-heatmap-minty-green-xxl: var(--color-minty-green-200);
    --color-heatmap-minty-green-empty: var(--color-cold-gray-800);
    --color-heatmap-minty-green-border: var(--color-minty-green-100);
    --color-heatmap-grapes-purple-xs: var(--color-grapes-purple-900);
    --color-heatmap-grapes-purple-s: var(--color-grapes-purple-800);
    --color-heatmap-grapes-purple-m: var(--color-grapes-purple-700);
    --color-heatmap-grapes-purple-l: var(--color-grapes-purple-500);
    --color-heatmap-grapes-purple-xl: var(--color-grapes-purple-300);
    --color-heatmap-grapes-purple-xxl: var(--color-grapes-purple-200);
    --color-heatmap-grapes-purple-empty: var(--color-cold-gray-800);
    --color-heatmap-grapes-purple-border: var(--color-grapes-purple-100);
    --color-marker-flagged: var(--color-ripe-red-400);
    --color-marker-flagged-hovered: var(--color-ripe-red-600);
    --color-ask: var(--color-ripe-red-400);
    --color-sell: var(--color-ripe-red-400);
    --color-buy: var(--color-tv-blue-500);
    --color-neutral: var(--color-cold-gray-550);
    --color-pro: var(--color-minty-green-400);
    --color-pro-hover: var(--color-minty-green-600);
    --color-pro-plus: var(--color-tv-blue-500);
    --color-pro-plus-hover: var(--color-tv-blue-600);
    --color-pro-premium: var(--color-tan-orange-500);
    --color-pro-premium-hover: var(--color-tan-orange-700);
    --color-trial: var(--color-cold-gray-550);
    --color-trial-hover: var(--color-cold-gray-550);
    --color-mod: var(--color-ripe-red-400);
    --color-mod-hover: var(--color-ripe-red-600);
    --color-ad: var(--color-tan-orange-500);
    --color-broker-featured: var(--color-minty-green-400);
    --color-broker-featured-hover: var(--color-minty-green-600);
    --color-alert-status-active: var(--color-minty-green-500);
    --color-alert-status-stopped: var(--color-ripe-red-500);
    --color-alert-status-triggered: var(--color-tan-orange-500);
    --color-common-tooltip-text: var(--color-cold-gray-100);
    --color-replay-data-mode: var(--color-ripe-red-400);
    --color-legacy-success: var(--color-minty-green-300);
    --color-collapse-tabs-border: var(--color-cold-gray-100);
    --color-site-widget-hover: var(--color-cold-gray-50);
    --color-attention: var(--color-banana-yellow-700)
}

:root,
[data-query-type=container]>* {
    --v-rhythm-header-1-space-phone: 56px;
    --v-rhythm-header-1-space-tablet: 80px;
    --v-rhythm-header-1-space-laptop: 100px;
    --v-rhythm-header-1-space-desktop: 120px;
    --v-rhythm-header-2-space-phone: 16px;
    --v-rhythm-header-2-space-tablet: 24px;
    --v-rhythm-header-2-space-laptop: 32px;
    --v-rhythm-header-2-space-desktop: 40px;
    --v-rhythm-header-3-space-phone: 16px;
    --v-rhythm-header-3-space-tablet: 16px;
    --v-rhythm-header-3-space-laptop: 24px;
    --v-rhythm-header-3-space-desktop: 24px;
    --v-rhythm-footer-1-space-phone: 56px;
    --v-rhythm-footer-1-space-tablet: 80px;
    --v-rhythm-footer-1-space-laptop: 100px;
    --v-rhythm-footer-1-space-desktop: 120px;
    --v-rhythm-footer-2-space-phone: 16px;
    --v-rhythm-footer-2-space-tablet: 24px;
    --v-rhythm-footer-2-space-laptop: 32px;
    --v-rhythm-footer-2-space-desktop: 40px;
    --v-rhythm-footer-3-space-phone: 16px;
    --v-rhythm-footer-3-space-tablet: 16px;
    --v-rhythm-footer-3-space-laptop: 24px;
    --v-rhythm-footer-3-space-desktop: 24px;
    --v-rhythm-spacing-1-phone: 80px;
    --v-rhythm-spacing-1-tablet: 120px;
    --v-rhythm-spacing-1-laptop: 160px;
    --v-rhythm-spacing-1-desktop: 200px;
    --v-rhythm-spacing-2-phone: 64px;
    --v-rhythm-spacing-2-tablet: 88px;
    --v-rhythm-spacing-2-laptop: 120px;
    --v-rhythm-spacing-2-desktop: 160px;
    --v-rhythm-spacing-3-phone: 48px;
    --v-rhythm-spacing-3-tablet: 64px;
    --v-rhythm-spacing-3-laptop: 88px;
    --v-rhythm-spacing-3-desktop: 120px;
    --v-rhythm-spacing-4-phone: 48px;
    --v-rhythm-spacing-4-tablet: 48px;
    --v-rhythm-spacing-4-laptop: 64px;
    --v-rhythm-spacing-4-desktop: 80px;
    --v-rhythm-spacing-5-phone: 32px;
    --v-rhythm-spacing-5-tablet: 32px;
    --v-rhythm-spacing-5-laptop: 40px;
    --v-rhythm-spacing-5-desktop: 48px;
    --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-phone);
    --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-phone);
    --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-phone);
    --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-phone);
    --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-phone);
    --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-phone);
    --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-phone);
    --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-phone);
    --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-phone);
    --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-phone);
    --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-phone)
}

@media (min-width:768px) {
    :root {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet)
    }
}

@supports not (container-type:inline-size) {
    @media (min-width:702px) {
        [data-query-type=container]>* {
            --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet);
            --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet);
            --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet);
            --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet);
            --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet);
            --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet);
            --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet);
            --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet);
            --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet);
            --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet);
            --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet)
        }
    }
}

@container content-container (min-width: 702px) {
    [data-query-type=container]>* {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet)
    }
}

@media (min-width:1280px) {
    :root {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop)
    }
}

@supports not (container-type:inline-size) {
    @media (min-width:1214px) {
        [data-query-type=container]>* {
            --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop);
            --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop);
            --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop);
            --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop);
            --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop);
            --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop);
            --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop);
            --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop);
            --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop);
            --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop);
            --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop)
        }
    }
}

@container content-container (min-width: 1214px) {
    [data-query-type=container]>* {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop)
    }
}

@media (min-width:1440px) {
    :root {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop)
    }
}

@supports not (container-type:inline-size) {
    @media (min-width:1374px) {
        [data-query-type=container]>* {
            --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop);
            --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop);
            --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop);
            --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop);
            --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop);
            --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop);
            --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop);
            --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop);
            --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop);
            --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop);
            --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop)
        }
    }
}

@container content-container (min-width: 1374px) {
    [data-query-type=container]>* {
        --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop);
        --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop);
        --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop);
        --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop);
        --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop);
        --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop);
        --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop);
        --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop);
        --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop);
        --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop);
        --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop)
    }
}

.js-hidden {
    display: none !important
}

.js-no-pointer-events {
    pointer-events: none !important
}

.aria-live-regions-wrapper {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    overflow-x: hidden
}

html {
    color-scheme: light
}

html.theme-dark {
    color-scheme: dark
}

html.theme-dark iframe {
    color-scheme: normal
}

body {
    box-sizing: border-box;
    min-width: 320px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

body.i-no-scroll {
    overflow: hidden !important
}

body.i-no-padding {
    padding: 0 !important
}

::selection {
    background: var(--color-selection-bg)
}

body {
    overflow-y: scroll
}

.tv-layout-width {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
    width: 1020px
}

.tv-layout-width--no-padding {
    padding: 0;
    width: 980px
}

.tv-layout-width--simple {
    padding: 0
}

.tv-dialog .tv-layout-width {
    max-width: 100%
}

.chart-page .tv-layout-width {
    width: 100%
}

@media (max-width:1019px) {
    .tv-layout-width {
        width: auto
    }

    .tv-layout-width .tv-feed {
        margin-inline-end: -20px;
        margin-inline-start: -20px
    }

    .tv-layout-width .tv-feed--tablet-top-indent {
        margin-top: 48px
    }
}

.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
    width: auto;
    --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*20px + var(--side-gap-mode-fixed, 0)*20px);
    --adaptive-mf-container-max-width: 2360px;
    box-sizing: initial;
    padding-inline-end: var(--adaptive-mf-container-padding);
    padding-inline-start: var(--adaptive-mf-container-padding)
}

@media (min-width:1024px) {

    .tv-layout-width.full-width-layout,
    body.page-wide .tv-layout-width.full-width-layout {
        --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*32px + var(--side-gap-mode-fixed, 0)*20px)
    }
}

@media (min-width:1440px) {

    .tv-layout-width.full-width-layout,
    body.page-wide .tv-layout-width.full-width-layout {
        --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*40px + var(--side-gap-mode-fixed, 0)*20px)
    }
}

@media (min-width:1920px) {

    .tv-layout-width.full-width-layout,
    body.page-wide .tv-layout-width.full-width-layout {
        --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*100px + var(--side-gap-mode-fixed, 0)*20px)
    }
}

@media (min-width:2560px) {

    .tv-layout-width.full-width-layout,
    body.page-wide .tv-layout-width.full-width-layout {
        --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*(100vw - var(--adaptive-mf-container-max-width))/2 + var(--side-gap-mode-fixed, 0)*20px);
        margin-inline-end: auto;
        margin-inline-start: auto;
        max-width: var(--adaptive-mf-container-max-width)
    }
}

.filter-ideas-button-with-padding {
    padding-inline: 5px
}

.tv-layout-padding {
    padding: 0 20px
}

body.page-wide .tv-layout-width {
    width: 1520px
}

.tv-main,
body.page-fullwidth .tv-layout-width {
    width: 100%
}

.tv-main {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.clear {
    clear: both
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.tv-right {
    float: inline-end !important
}

.tv-left {
    float: inline-start !important
}

.tv-feed {
    margin: 48px -10px;
    min-height: 500px
}

.tv-feed:after {
    clear: both;
    content: "";
    display: table
}

.tv-feed--no-min-height {
    min-height: auto
}

.tv-feed--no-hindent {
    margin-inline-end: 0;
    margin-inline-start: 0
}

@media (max-width:1019px) {
    .tv-feed {
        margin: 0 0 48px
    }
}

@media (max-width:767px) {
    .tv-feed {
        margin: 0
    }
}

.tv-feed--no-vertical-margin {
    margin-bottom: 0;
    margin-top: 0
}

.tv-feed.i-animating,
.tv-feed__page.i-animating {
    transition: opacity .6125s cubic-bezier(.215, .61, .355, 1), transform .6125s cubic-bezier(.215, .61, .355, 1)
}

.tv-feed.i-loading {
    pointer-events: none
}

.tv-feed.i-loading>* {
    opacity: .4;
    transition-duration: 60ms
}

.tv-feed__preloader {
    position: absolute;
    z-index: 1
}

.tv-feed__preloader-wrapper {
    clear: both;
    display: block;
    height: 58px;
    margin-bottom: 20px;
    position: relative
}

.tv-feed.i-loading .tv-feed__preloader {
    opacity: 1
}

.tv-feed__column {
    float: inline-start;
    min-height: 1px;
    width: 500px
}

@media (max-width:1019px) {
    .tv-feed__column {
        width: 100%
    }
}

.tv-feed__empty {
    clear: both;
    color: var(--color-text-secondary);
    flex: 1 1 auto;
    font-size: 20px;
    padding: 100px 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.tv-feed__icon {
    color: var(--color-text-tertiary);
    padding: 13px
}

.tv-feed__item-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1px
}

@media (min-width:1020px) {
    .tv-feed__item-list--scrollable-on-tablet {
        flex-wrap: wrap !important
    }
}

@media (max-width:1019px) {
    .tv-feed__item-list--scrollable-on-tablet {
        flex-wrap: nowrap !important
    }
}

.tv-feed__item {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 480px
}

.tv-feed__item--width_two-columns {
    width: 980px
}

.tv-feed__item--width_full {
    box-sizing: border-box;
    width: 100%
}

.tv-feed__item--width_half {
    box-sizing: border-box;
    float: inline-start;
    width: 50%
}

@media (max-width:1019px) {
    .tv-feed__item {
        padding: 0;
        width: 100%
    }
}

.tv-feed__item--card {
    background-color: var(--color-body-bg);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--color-border);
    box-sizing: border-box;
    height: 100%;
    height: auto;
    margin: 0 10px 20px;
    overflow: hidden;
    padding: 0
}

.tv-feed__item--deleted {
    position: relative
}

.tv-feed__item--deleted:before {
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (max-width:1019px) {
    .tv-feed__item {
        margin-bottom: 10px
    }

    .tv-feed__item--without-margin-on-tablet {
        margin-bottom: 0
    }

    .tv-feed__item:last-of-type {
        border-bottom: none
    }
}

@media (max-width:767px) {
    .tv-feed__item--media-hidden_phone {
        display: none
    }
}

.tv-feed__item--filler {
    display: none
}

@media (min-width:1020px) {
    .tv-feed__item--filler-desktop {
        display: block
    }
}

.page-wide .tv-feed__item--filler-desktop {
    display: none
}

.page-wide .tv-feed__item--filler-wide {
    display: block
}

@media (max-width:1019px) {
    .tv-feed__item--filler-tablet {
        display: block
    }

    .tv-feed__item--tablet-horizontal-indent {
        margin-inline-end: 8px;
        margin-inline-start: 8px;
        width: calc(100% - 16px)
    }

    .tv-feed__item--scrollable-on-tablet {
        flex-grow: 1;
        flex-shrink: 0;
        margin-inline-end: 8px;
        margin-inline-start: 0;
        width: 292px
    }

    .tv-feed__item--scrollable-on-tablet:first-child {
        margin-inline-start: 8px
    }
}

@media (max-width:767px) {
    .tv-feed__item--scrollable-on-tablet {
        max-width: 348px;
        width: calc(100vw - 66px)
    }

    .tv-feed__item--scrollable-on-tablet:only-child {
        max-width: none
    }
}

.tv-feed__section-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:1019px) {
    .tv-feed__section-title {
        align-items: baseline;
        margin-inline-start: 12px
    }
}

.tv-feed__empty-space {
    float: inline-start;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 480px
}

.tv-feed__page {
    display: none;
    position: relative
}

.tv-feed__page:after {
    clear: both;
    content: "";
    display: table
}

.tv-feed__page.i-active {
    display: block
}

.tv-feed__page--notifications {
    background-color: var(--color-body-bg);
    margin-bottom: 20px
}

@media (min-width:1020px) {
    .tv-feed__page--notifications {
        margin-inline-end: 10px;
        margin-inline-start: 10px
    }
}

.tv-feed__page--no-vindent {
    margin-top: -48px
}

@media (max-width:1019px) {
    .tv-feed__page--no-vindent {
        margin-bottom: 0;
        margin-top: 0
    }
}

.tv-feed--position_relative {
    position: relative
}

.tv-feed__locale-links-wrapper {
    font-size: 15px;
    line-height: 34px;
    padding: 15px 25px;
    word-spacing: 10px
}

.tv-feed__locale-links-wrapper--has-ideas {
    background-color: var(--color-body-bg);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--color-border);
    box-sizing: border-box;
    height: 100%;
    overflow: hidden
}

.tv-feed__locale-links-wrap-text {
    color: var(--color-text-primary);
    word-spacing: normal
}

.tv-feed .tv-feed__locale-link {
    border: 0;
    border-radius: 15px;
    box-sizing: initial;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 16px;
    margin: 0;
    padding-block: 5px 5px;
    padding-inline: 10px 13px;
    word-spacing: normal
}

.tv-feed__locale-link-flag,
.tv-feed__locale-link-text {
    vertical-align: middle
}

.tv-feed__locale-link-count {
    color: var(--color-text-tertiary);
    vertical-align: middle
}

.tv-feed__anchor {
    float: inline-start;
    height: 0;
    overflow: hidden
}

[data-theme=light] {
    --_0-tc3T: var(--color-cold-gray-100);
    --_1-tc3T: var(--color-cold-gray-150);
    --_2-tc3T: var(--color-text-secondary)
}

[data-theme=dark] {
    --_0-tc3T: var(--color-cold-gray-800);
    --_1-tc3T: var(--color-cold-gray-750);
    --_2-tc3T: var(--color-text-secondary)
}

.tv-tag-label {
    background-color: var(--_0-tc3T);
    color: var(--_2-tc3T);
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-inline-end: 8px;
    margin-bottom: 8px;
    transition: background-color .35s ease
}

.tv-tag-label.i-hover {
    background-color: var(--_1-tc3T);
    color: var(--_2-tc3T);
    transition-duration: 60ms
}

@media (any-hover:hover) {
    .tv-tag-label:hover {
        background-color: var(--_1-tc3T);
        color: var(--_2-tc3T);
        transition-duration: 60ms
    }
}

.tv-tag-label.i-active,
.tv-tag-label:active {
    background-color: var(--color-tag-active-bg);
    color: var(--_2-tc3T);
    transform: translateY(1px);
    transition-duration: 60ms
}

.tv-tag-label:visited {
    color: var(--_2-tc3T)
}

.tv-tag-label--rounded {
    border-radius: 24px;
    padding-inline-end: 12px;
    padding-inline-start: 12px
}

.tv-tag-label.tv-tag-label--secondary {
    background-color: var(--color-cold-gray-300);
    color: var(--color-cold-gray-50)
}

.tv-tag-label.tv-tag-label--secondary.i-active,
.tv-tag-label.tv-tag-label--secondary.i-hover,
.tv-tag-label.tv-tag-label--secondary:active {
    background-color: var(--color-cold-gray-300);
    color: var(--color-cold-gray-50);
    transition-duration: 60ms
}

@media (any-hover:hover) {
    .tv-tag-label.tv-tag-label--secondary:hover {
        background-color: var(--color-cold-gray-300);
        color: var(--color-cold-gray-50);
        transition-duration: 60ms
    }
}

.tv-card-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%
}

.tv-card-container__chart {
    flex: 0 0 auto;
    margin-bottom: 36px;
    min-width: 100%
}

@media (max-width:1019px) {
    .tv-card-container__chart {
        margin: 0
    }
}

.tv-card-container__columns {
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    display: flex
}

@media (max-width:1019px) {
    .tv-card-container__columns {
        flex-wrap: wrap
    }
}

.tv-card-container__column-row {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    margin: 0 10px 20px;
    max-width: calc(100% - 20px)
}

@media (max-width:1019px) {
    .tv-card-container__column-row {
        margin-block: 24px 17px;
        margin-inline: 20px 10px;
        max-width: calc(100% - 20px)
    }
}

.tv-card-container__column-row--pagination {
    margin-top: 0
}

@media (max-width:767px) {
    .tv-card-container__column-row--pagination {
        margin: 0 10px 56px
    }
}

@media (max-width:479px) {
    .tv-card-container__column-row--pagination {
        margin-bottom: 20px
    }
}

.tv-card-container__column-filter {
    margin-inline-start: auto
}

.tv-card-container__main {
    contain: layout style
}

.tv-card-container__ideas,
.tv-card-container__main {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    max-width: 100%
}

.tv-card-container__ideas {
    position: relative
}

@media (max-width:1019px) {
    .tv-card-container__ideas--with-padding {
        padding-top: 10px
    }
}

.tv-card-container__ideas--loading:after {
    bottom: 0;
    content: "";
    display: block;
    inset-inline-end: 0;
    inset-inline-start: 0;
    opacity: .7;
    position: absolute;
    top: 0
}

.tv-card-container__followers,
.tv-card-container__following-people {
    width: 100%
}

.tv-card-container__title {
    display: inline
}

.tv-card-container__title-container {
    margin-inline-end: 32px
}

.tv-card-container__solution-link {
    white-space: nowrap
}