/**
 * 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: 'Barlow Condensed', sans-serif;
  --font-family-heading: Rubik, sans-serif;
  --font-family-body: Rubik, sans-serif;
  --color-background-primary: #04101e;
  --color-background-primary-inverse: #ffffff;
  --color-background-neutral: #0d1b2f;
  --color-background-error-message: #2a0f0f;
  --color-background-success-message: #081a12;
  --color-background-warning-message: #2a210f;
  --color-background-info-message: #0a203d;
  --color-background-footer: #0a203d;
  --color-background-epg-cards-on-air: #19283d;
  --color-background-cards-default: #071629;
  --color-background-cards-hover: rgba(199, 201, 204, 0.06);
  --color-background-cards-header: #0d1b2f;
  --color-background-cards-disabled: #19283d;
  --color-background-tooltip: #0a203d;
  --color-background-overlay-sheet: #0d1b2f;
  --color-badge-important: #a12828;
  --color-badge-success: #34a853;
  --color-badge-warning: #866a1f;
  --color-badge-information: #3678a1;
  --color-badge-neutral: #0a203d;
  --color-border-primary: #df1b57;
  --color-border-primary-inverse: #ffffff;
  --color-border-focused: #df1b57;
  --color-border-subtle-white: rgba(255, 255, 255, 0.2);
  --color-border-disabled: #546378;
  --color-border-neutral: #34445b;
  --color-border-divider: #23344d;
  --color-border-highlight: #df1b57;
  --color-border-link-active: #df1b57;
  --color-border-link-active-light-mode: #df1b57;
  --color-border-wizard: #3678a1;
  --color-border-error: #c23c3c;
  --color-border-success: #34a853;
  --color-border-warning: #a27c1f;
  --color-border-info: #3678a1;
  --color-button-background-primary: #df1b57;
  --color-button-background-hover-primary: #bc164a;
  --color-button-background-hover-secondary: rgba(223, 27, 87, 0.15);
  --color-button-background-disabled: #19283d;
  --color-button-background-tertiary: #23344d;
  --color-button-background-hover-tertiary: rgba(35, 52, 77, 0.6);
  --color-button-background-neutral: #0a203d;
  --color-button-background-error: #7f1d1d;
  --color-button-background-error-hover: #a12828;
  --color-button-background-success-background: #1f7a44;
  --color-button-background-player-transparent: rgba(35, 52, 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: #04101e;
  --color-gradients-g-80: rgba(7, 18, 34, 0.8);
  --color-gradients-g-60: rgba(7, 18, 34, 0.6);
  --color-gradients-g-50: rgba(7, 18, 34, 0.5);
  --color-gradients-g-40: rgba(7, 18, 34, 0.4);
  --color-gradients-g-20: rgba(7, 18, 34, 0.2);
  --color-gradients-g-0: rgba(7, 18, 34, 0);
  --color-gradients-g-accent-20: rgba(223, 27, 87, 0.2);
  --color-gradients-g-accent-40: rgba(223, 27, 87, 0.4);
  --color-gradients-g-secondary-20: rgba(54, 120, 161, 0.2);
  --color-icon-primary: #ffffff;
  --color-icon-primary-inverse: #ffffff;
  --color-icon-accent: #e7376d;
  --color-icon-hover: #e9497a;
  --color-icon-disabled: #546378;
  --color-icon-indicator-knob: #071629;
  --color-icon-information: #1b7e85;
  --color-icon-error: #e05858;
  --color-icon-success: #4ccb7f;
  --color-icon-warning: #e6b422;
  --color-icon-avatar: #9097a2;
  --color-icon-accent-light-mode: #df1b57;
  --color-indicator-slider-active: #3678a1;
  --color-indicator-slider-default: #23344d;
  --color-indicator-slider-disabled: #19283d;
  --color-indicator-slider-error: #c23c3c;
  --color-indicator-slider-bg-filled: #df1b57;
  --color-indicator-slider-bg-default: #707d8f;
  --color-label-background-upcoming: #1b7e85;
  --color-label-background-live: #bc164a;
  --color-label-background-cancelled: #04101e;
  --color-label-text-alarming: #ffaa00;
  --color-label-background-alarming: #0e2e58;
  --color-label-background-neutral: #23344d;
  --color-label-transparent: rgba(35, 52, 77, 0.6);
  --color-links-inline-link: #7fcacc;
  --color-navigation-tabs-background: #04101e;
  --color-navigation-tabs-background-inverse: #ffffff;
  --color-navigation-tabs-background-selected: #0e2e58;
  --color-navigation-tabs-background-hover: #0a203d;
  --color-navigation-tabs-dropdown-hover: #0a203d;
  --color-navigation-tabs-menu-hover: #0a203d;
  --color-pill-controls-background-primary: #19283d;
  --color-pill-controls-background-hover: #23344d;
  --color-pill-controls-disabled: #23344d;
  --color-pill-controls-segmented-control-hover-background: #19283d;
  --color-pill-controls-segmented-control-selected-background: #546378;
  --color-pill-controls-segmented-control-selected-hover-background: #34445b;
  --color-text-display: #ffffff;
  --color-text-heading: #ffffff;
  --color-text-body: #ffffff;
  --color-text-label: #ffffff;
  --color-text-label-inverse: #ffffff;
  --color-text-label-hover: #e9497a;
  --color-text-label-accent: #e7376d;
  --color-text-label-disabled: #546378;
  --color-text-highlight: #7fcacc;
  --color-text-description: #adb2b8;
  --color-text-error: #e05858;
  --color-text-success: #4ccb7f;
  --color-text-warning: #f4ca64;
  --color-text-label-accent-light-mode: #0a203d;
  --radius-button: 360px;
  --primitives-primary-midnight: #04101e;
  --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-ruby-main: #df1b57;
  --primitives-primary-ruby-100: rgba(223, 27, 87, 0.15);
  --primitives-primary-ruby-200: #e7376d;
  --primitives-primary-ruby-300: #e9497a;
  --primitives-primary-ruby-700: #bc164a;
  --primitives-secondary-baseball-steal-blue: #1b7e85;
  --primitives-secondary-sky-blue: #3678a1;
  --primitives-secondary-turquoise: #7fcacc;
  --primitives-secondary-flash-of-orange: #ffaa00;
  --primitives-neutral-n-900: #071629;
  --primitives-neutral-n-850: #0d1b2f;
  --primitives-neutral-n-800: #19283d;
  --primitives-neutral-n-700: #23344d;
  --primitives-neutral-n-650: #3d506c;
  --primitives-neutral-n-600: #34445b;
  --primitives-neutral-n-500: #546378;
  --primitives-neutral-n-400: #707d8f;
  --primitives-neutral-n-300: #9097a2;
  --primitives-neutral-n-200: #adb2b8;
  --primitives-neutral-n-100: #c7c9cc;
  --primitives-neutral-n-100-6: rgba(199, 201, 204, 0.06);
  --primitives-neutral-n-800-60: rgba(35, 52, 77, 0.6);
  --primitives-accent-supplements-n-neutral-800: #0a203d;
  --primitives-accent-supplements-n-neutral-600: #0a2c65;
  --primitives-accent-supplements-n-neutral-200: #0e2e58;
  --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;
}