/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --border-radius-base: 4px;
  --border-radius-xxs: 8px;
  --border-radius-xs: 12px;
  --border-radius-s: 16px;
  --border-radius-m: 20px;
  --border-radius-lg: 24px;
  --border-radius-xlg: 32px;
  --border-radius-xxlg: 48px;
  --border-radius-xxxlg: 56px;
  --border-radius-full: 360px;
  --font-family-display: Urbanist, sans-serif;
  --font-family-heading: Lato, sans-serif;
  --font-family-body: Lato, sans-serif;
  --color-background-primary: #040c1a;
  --color-background-primary-inverse: #ffffff;
  --color-background-neutral: #121a35;
  --color-background-error-message: #2a0f0f;
  --color-background-success-message: #081a12;
  --color-background-warning-message: #2a210f;
  --color-background-info-message: #172545;
  --color-background-footer: #1a2747;
  --color-background-epg-cards-on-air: #1a2747;
  --color-background-cards-default: #101a2d;
  --color-background-cards-hover: rgba(194, 201, 214, 0.06);
  --color-background-cards-header: #121a35;
  --color-background-cards-disabled: #1a2747;
  --color-background-tooltip: #6c3baa;
  --color-background-overlay-sheet: #121a35;
  --color-badge-important: #a12828;
  --color-badge-success: #34a853;
  --color-badge-warning: #866a1f;
  --color-badge-information: #19749e;
  --color-badge-neutral: #1d3053;
  --color-border-primary: #1648b1;
  --color-border-primary-inverse: #ffffff;
  --color-border-focused: #1648b1;
  --color-border-subtle-white: rgba(255, 255, 255, 0.2);
  --color-border-disabled: #445779;
  --color-border-neutral: #2e4266;
  --color-border-divider: #1d3053;
  --color-border-highlight: #1648b1;
  --color-border-link-active: #1648b1;
  --color-border-link-active-light-mode: #1648b1;
  --color-border-wizard: #153255;
  --color-border-error: #c23c3c;
  --color-border-success: #34a853;
  --color-border-warning: #a27c1f;
  --color-border-info: #19749e;
  --color-button-background-primary: #1648b1;
  --color-button-background-hover-primary: #123a8e;
  --color-button-background-hover-secondary: rgba(22, 72, 177, 0.2);
  --color-button-background-disabled: #1d3053;
  --color-button-background-tertiary: #1d3053;
  --color-button-background-hover-tertiary: rgba(28, 42, 77, 0.6);
  --color-button-background-neutral: #172545;
  --color-button-background-error: #7f1d1d;
  --color-button-background-error-hover: #a12828;
  --color-button-background-success-background: #1f7a44;
  --color-button-background-player-transparent: rgba(28, 42, 77, 0.6);
  --color-button-background-subtle-background: rgba(255, 255, 255, 0.1);
  --color-button-background-hover-subtle: rgba(255, 255, 255, 0.2);
  --color-gradients-g-100: #040c1a;
  --color-gradients-g-80: rgba(4, 12, 26, 0.8);
  --color-gradients-g-60: rgba(4, 12, 26, 0.6);
  --color-gradients-g-50: rgba(4, 12, 26, 0.5);
  --color-gradients-g-40: rgba(4, 12, 26, 0.4);
  --color-gradients-g-20: rgba(4, 12, 26, 0.2);
  --color-gradients-g-0: rgba(4, 12, 26, 0);
  --color-gradients-g-accent-20: rgba(22, 72, 177, 0.2);
  --color-gradients-g-secondary-20: rgba(25, 116, 158, 0.2);
  --color-icon-primary: #ffffff;
  --color-icon-primary-inverse: #ffffff;
  --color-icon-accent: #3e72de;
  --color-icon-hover: #5a86e3;
  --color-icon-disabled: #445779;
  --color-icon-indicator-knob: #101a2d;
  --color-icon-information: #19749e;
  --color-icon-error: #e05858;
  --color-icon-success: #4ccb7f;
  --color-icon-warning: #f4ca64;
  --color-icon-avatar: #8693a7;
  --color-icon-accent-light-mode: #1648b1;
  --color-indicator-slider-active: #153255;
  --color-indicator-slider-default: #2e4266;
  --color-indicator-slider-disabled: #2e4266;
  --color-indicator-slider-error: #c23c3c;
  --color-indicator-slider-bg-filled: #1648b1;
  --color-indicator-slider-bg-default: #8693a7;
  --color-label-background-upcoming: #145c73;
  --color-label-background-live: #d80027;
  --color-label-background-cancelled: #040c1a;
  --color-label-text-alarming: #5a4414;
  --color-label-background-alarming: #ffd24f;
  --color-label-background-neutral: #172545;
  --color-label-transparent: rgba(28, 42, 77, 0.6);
  --color-links-inline-link: #19749e;
  --color-navigation-tabs-background: #040c1a;
  --color-navigation-tabs-background-inverse: #ffffff;
  --color-navigation-tabs-background-selected: #172545;
  --color-navigation-tabs-background-hover: rgba(28, 42, 77, 0.6);
  --color-navigation-tabs-dropdown-hover: rgba(28, 42, 77, 0.6);
  --color-navigation-tabs-menu-hover: rgba(28, 42, 77, 0.6);
  --color-pill-controls-background-primary: #1a2747;
  --color-pill-controls-background-hover: #1d3053;
  --color-pill-controls-disabled: #1d3053;
  --color-pill-controls-segmented-control-hover-background: #1a2747;
  --color-pill-controls-segmented-control-selected-background: #445779;
  --color-pill-controls-segmented-control-selected-hover-background: #2e4266;
  --color-text-display: #ffd24f;
  --color-text-heading: #ffffff;
  --color-text-body: #ffffff;
  --color-text-label: #ffffff;
  --color-text-label-inverse: #ffffff;
  --color-text-label-hover: #5a86e3;
  --color-text-label-accent: #3e72de;
  --color-text-label-disabled: #445779;
  --color-text-highlight: #ffd24f;
  --color-text-description: #a9b0bc;
  --color-text-error: #e05858;
  --color-text-success: #4ccb7f;
  --color-text-warning: #f4ca64;
  --color-text-label-accent-light-mode: #172545;
  --radius-button: 360px;
  --primitives-primary-night: #040c1a;
  --primitives-primary-pure-white: #ffffff;
  --primitives-primary-pure-white-10: rgba(255, 255, 255, 0.1);
  --primitives-primary-pure-white-20: rgba(255, 255, 255, 0.2);
  --primitives-primary-court-blue: #1648b1;
  --primitives-primary-court-blue-100: rgba(22, 72, 177, 0.2);
  --primitives-primary-court-blue-200: #5a86e3;
  --primitives-primary-court-blue-300: #3e72de;
  --primitives-primary-ruby-700: #123a8e;
  --primitives-secondary-deep-court-blue: #153255;
  --primitives-secondary-ocean-green: #145c73;
  --primitives-secondary-purple: #6c3baa;
  --primitives-secondary-lili: #7f87d0;
  --primitives-secondary-red: #d80027;
  --primitives-secondary-flash-of-sun: #ffd24f;
  --primitives-neutral-n-900: #101a2d;
  --primitives-neutral-n-850: #121a35;
  --primitives-neutral-n-800: #1a2747;
  --primitives-neutral-n-700: #1d3053;
  --primitives-neutral-n-600: #2e4266;
  --primitives-neutral-n-500: #445779;
  --primitives-neutral-n-400: #627493;
  --primitives-neutral-n-300: #8693a7;
  --primitives-neutral-n-200: #a9b0bc;
  --primitives-neutral-n-100: #c6cbd2;
  --primitives-neutral-n-100-6: rgba(194, 201, 214, 0.06);
  --primitives-neutral-n-800-60: rgba(28, 42, 77, 0.6);
  --primitives-accent-supplements-b-neutral-800: #172545;
  --primitives-accent-supplements-b-neutral-801: #19749e;
  --primitives-accent-supplements-b-neutral-200: #86bfd4;
  --primitives-sentiment-positive-green-900: #081a12;
  --primitives-sentiment-positive-green-800: #123d24;
  --primitives-sentiment-positive-green-700: #15552e;
  --primitives-sentiment-positive-green-600: #166534;
  --primitives-sentiment-positive-green-500: #1f7a44;
  --primitives-sentiment-positive-green-400: #34a853;
  --primitives-sentiment-positive-green-300: #4ccb7f;
  --primitives-sentiment-positive-green-200: #8ee0b3;
  --primitives-sentiment-positive-green-100: #c6f3da;
  --primitives-sentiment-negative-red-900: #2a0f0f;
  --primitives-sentiment-negative-red-800: #441414;
  --primitives-sentiment-negative-red-700: #5c1818;
  --primitives-sentiment-negative-red-600: #7f1d1d;
  --primitives-sentiment-negative-red-500: #a12828;
  --primitives-sentiment-negative-red-400: #c23c3c;
  --primitives-sentiment-negative-red-300: #e05858;
  --primitives-sentiment-negative-red-200: #f28b8b;
  --primitives-sentiment-negative-red-100: #f9c4c4;
  --primitives-sentiment-warning-amber-900: #2a210f;
  --primitives-sentiment-warning-amber-800: #3d3012;
  --primitives-sentiment-warning-amber-700: #5a4414;
  --primitives-sentiment-warning-amber-600: #866a1f;
  --primitives-sentiment-warning-amber-500: #a27c1f;
  --primitives-sentiment-warning-amber-400: #e6b422;
  --primitives-sentiment-warning-amber-300: #f4ca64;
  --primitives-sentiment-warning-amber-200: #f8de99;
  --primitives-sentiment-warning-amber-100: #fceec8;
  --spacing-1: 8px;
  --spacing-2: 12px;
  --spacing-3: 16px;
  --spacing-4: 20px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 40px;
  --spacing-8: 48px;
  --spacing-9: 56px;
  --spacing-10: 64px;
  --spacing-11: 72px;
  --spacing-12: 80px;
  --spacing-13: 96px;
  --spacing-14: 104px;
  --spacing-15: 120px;
  --spacing-16: 140px;
  --spacing-17: 200px;
  --spacing-18: 240px;
  --spacing-zero: 0px;
  --spacing-half: 4px;
}