html body.customCSS  {
    font-family: var(--font-virage);
} 


html body.customCSS  .alert-danger {
  --bs-alert-border-color: rgb(227, 6 ,19);
  --bs-alert-icon-bg-image: rgb(227, 6 ,19);
}

html body.customCSS .live {
  background-color:  rgb(227, 6 ,19);
}


html body.customCSS .modal-content {
  background-color: #1A2B4C;
}

html body.customCSS .bg-danger {
    background-color:  rgb(227, 6 ,19) !important;
    border-color: rgb(227, 6 ,19) !important;
}

html body.customCSS  
 .text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

html body.customCSS .stream-list li a:hover {
  background-color: #fff !important;
  color: #000 !important;
}

html body.customCSS h1 {
    font-family:var(--font-virage-narrow);
     text-transform:uppercase;
    font-style:italic}
html body.customCSS h1.mb-1 {
    font-family:var(--font-virage-narrow);
    font-size:var(--font-size-m-headline-2);
    --tw-leading:var(--line-height-120);
    line-height:var(--line-height-120);
    --tw-font-weight:var(--font-weight-ultrabold);
    font-weight:var(--font-weight-ultrabold);
    --tw-tracking:var(--letter-spacing-tight);
    letter-spacing:var(--letter-spacing-tight);
    text-transform:uppercase;
    font-style:italic
} 

button.btn.btn-brand.text-white.rounded-circle.p-2 {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #000 !important;
}

body.customCSS .dropdown button {
    background-color :#fff !important;
    color: #000;
}

body.customCSS footer.border-top {
   border-color: #fff !important;
}

html body.customCSS {
    font-family: "virage", "virage Fallback", Helvetica, Arial, sans-serif;
}


body.customCSS {
    --bs-body-bg-rgb : #1A2B4C !important;
    background-color: #1A2B4C !important;
     --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --spacing:.25rem;
    --breakpoint-sm:45rem;
    --breakpoint-md:64rem;
    --breakpoint-lg:80rem;
    --breakpoint-xl:90rem;
    --breakpoint-2xl:120rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --text-8xl:6rem;
    --text-8xl--line-height:1;
    --text-9xl:8rem;
    --text-9xl--line-height:1;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-extrabold:800;
    --tracking-tight:-.025em;
    --tracking-normal:0em;
    --tracking-wide:.025em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-normal:1.5;
    --leading-relaxed:1.625;
    --leading-loose:2;
    --radius-xs:.125rem;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-4xl:2rem;
    --drop-shadow-sm:0 1px 2px #00000026;
    --ease-in:cubic-bezier(.4,0,1,1);
    --ease-out:cubic-bezier(0,0,.2,1);
    --ease-in-out:cubic-bezier(.4,0,.2,1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --blur-md:12px;
    --blur-xl:24px;
    --blur-2xl:40px;
    --aspect-video:16/9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --breakpoint-xs:23rem;
    --color-content-brand-blue:rgb(var(--bleu-paris));
    --color-background-secondary:rgb(var(--neutral-5));
    --color-border-primary:rgb(var(--neutral-20));
    --color-dark-content-brand-red:rgb(var(--rouge-paris));
    --color-dark-background-secondary:rgb(var(--bleu-second-1));
    --color-dark-background-positive-quiz:rgb(var(--success-quiz-100));
    --color-dark-background-negative-quiz:rgb(var(--warning-quiz-100));
    --color-dark-border-neutral-60:rgb(var(--neutral-60));
    --color-dark-overlay:rgb(var(--dark-blue));
    --spacing-0-5:.125rem;
    --spacing-5-5:1.375rem;
    --spacing-15:3.75rem;
    --spacing-18:4.5rem;
    --spacing-xs:.25rem;
    --spacing-sm:.5rem;
    --spacing-md:.75rem;
    --spacing-lg:1rem;
    --spacing-xl:1.5rem;
    --spacing-2xl:2rem;
    --spacing-3xl:3.5rem;
    --spacing-4xl:4.5rem;
    --spacing-5xl:6rem;
    --spacing-header-mobile:3.5rem;
    --spacing-header-desktop:4.375rem;
    --spacing-psg-container:79.25rem;
    --spacing-psg-padding:5.375rem;
    --duration-long-2:1.5s;
    --duration-long-1:1s;
    --duration-medium-3:.75s;
    --duration-medium-2:.5s;
    --duration-medium-1:.3s;
    --duration-short-2:.15s;
    --duration-short-1:.1s;
    --duration-instant:25ms;
    --animate-accordion-down:accordion-down .2s ease-out;
    --animate-accordion-up:accordion-up .2s ease-out;
    --animate-shimmer:shimmer 1.5s infinite linear;
    --animate-slide-across:slide-across .8s cubic-bezier(.9,0,.1,1)forwards;
    --animate-reveal-text:reveal-text .8s cubic-bezier(.9,0,.1,1)forwards;
    --animate-pulse-shrink-grow:pulse-shrink-grow 1.5s ease-in-out infinite;
    --animate-gradient-number:gradient-number 15s ease infinite;
    --animate-hero-image:hero-image var(--duration-medium-3)var(--ease-standard);
    --animate-reveal-text-vertical:reveal-text-vertical var(--duration-medium-3)var(--ease-standard)forwards;
    --animate-slide-in-fade-left:slide-in-fade-left var(--duration-medium-3)var(--ease-standard)forwards;
    --animate-image-scale-in:image-scale-in var(--duration-medium-3)var(--ease-standard)forwards;
    --animate-slide-in-fade-up:slide-in-fade-up var(--duration-medium-3)var(--ease-standard)forwards;
    --animate-gradient:gradient 10s ease infinite;
    --animate-fade-in:fade-in var(--duration-medium-2)var(--ease-standard)forwards;
    --animate-knight-rider:knight-rider 2.6s var(--ease-standard)infinite;
    --ease-standard:cubic-bezier(.3,0,0,1);
    --font-virage:var(--next-font-virage);
    --font-virage-condensed:var(--next-font-virage-condensed);
    --font-virage-narrow:var(--next-font-virage-narrow);
    --font-virage-wide:var(--next-font-virage-wide);
    --font-virage-extra:var(--next-font-virage-extra);
    --font-weight-regular:400;
    --font-weight-ultrabold:800;
    --font-weight-extra:900;
    --line-height-100:100%;
    --line-height-110:110%;
    --line-height-120:120%;
    --line-height-130:130%;
    --line-height-170:170%;
    --letter-spacing-none:0rem;
    --letter-spacing-tight:.009375rem;
    --letter-spacing-normal:.03125rem;
    --letter-spacing-wide:.0625rem;
    --letter-spacing-wide-2:.125rem;
    --font-size-d-display-1:6rem;
    --font-size-d-display-2:4.5rem;
    --font-size-d-headline-1:3.5rem;
    --font-size-d-headline-2:2.5rem;
    --font-size-d-headline-3:1.75rem;
    --font-size-d-headline-4:1.25rem;
    --font-size-d-subhead-1:1.5rem;
    --font-size-d-subhead-2:1.0625rem;
    --font-size-d-subhead-4:.8125rem;
    --font-size-d-overline-1:.875rem;
    --font-size-d-overline-2:.6875rem;
    --font-size-d-title-1:4rem;
    --font-size-d-title-2:3rem;
    --font-size-d-title-3:2.5rem;
    --font-size-d-title-4:2rem;
    --font-size-d-body-1:2rem;
    --font-size-d-body-2:1.5rem;
    --font-size-d-body-3:1.0625rem;
    --font-size-d-body-4:.9375rem;
    --font-size-d-body-5:.8125rem;
    --font-size-d-paragraph-intro:1.375rem;
    --font-size-d-paragraph:1.0625rem;
    --font-size-d-bignumber-1:1.5rem;
    --font-size-d-bignumber-1-extra:1.375rem;
    --font-size-d-bignumber-2:2.5rem;
    --font-size-d-bignumber-3:1.5rem;
    --font-size-d-button-2:.8125rem;
    --font-size-d-misc-nav:.75rem;
    --font-size-d-misc-menu:.75rem;
    --font-size-d-misc-burger:.4375rem;
    --font-size-d-misc-tab:.9375rem;
    --font-size-d-misc-icon-1:.8125rem;
    --font-size-d-misc-icon-2:.6875rem;
    --font-size-m-display-1:3rem;
    --font-size-m-display-2:2.5rem;
    --font-size-m-headline-1:2.125rem;
    --font-size-m-headline-2:1.75rem;
    --font-size-m-headline-3:1.375rem;
    --font-size-m-headline-4:1.0625rem;
    --font-size-m-subhead-1:1.25rem;
    --font-size-m-subhead-2:.9375rem;
    --font-size-m-subhead-3:.8125rem;
    --font-size-m-subhead-4:.6875rem;
    --font-size-m-subhead-5:.5625rem;
    --font-size-m-overline-1:.875rem;
    --font-size-m-overline-2:.6875rem;
    --font-size-m-title-1:3rem;
    --font-size-m-title-2:2.5rem;
    --font-size-m-title-3:2rem;
    --font-size-m-title-4:1.75rem;
    --font-size-m-body-1:1.5rem;
    --font-size-m-body-2:1.0625rem;
    --font-size-m-body-3:.9375rem;
    --font-size-m-body-4:.8125rem;
    --font-size-m-body-5:.6875rem;
    --font-size-m-paragraph-intro:1.125rem;
    --font-size-m-paragraph:.9375rem;
    --font-size-m-bignumber-1:1.5rem;
    --font-size-m-bignumber-1-extra:1.25rem;
    --font-size-m-bignumber-2:1.5rem;
    --font-size-m-bignumber-3:1.125rem;
    --font-size-m-button-1:.9375rem;
    --font-size-m-button-2:.8125rem;
    --font-size-m-button-3:.6875rem;
    --font-size-m-misc-nav:.5625rem;
    --font-size-m-misc-tab:.6875rem;
    --font-size-m-misc-menu:.75rem;
    --font-size-m-misc-icon-1:.8125rem;
    --font-size-m-misc-icon-2:.6875rem;
    --font-size-m-misc-caption:.6875rem;
    --aspect-16-9:16/9;
    --aspect-3-2:3/2;
    --aspect-9-16:9/16;
    --aspect-2-3:2/3;
    --aspect-hero-mobile:2/1;
    --aspect-hero-desktop:2.5/1;
    --screen-short:43.75rem;
    --screen-xshort:25rem;
     --next-font-virage-narrow: "virageNarrow", "virageNarrow Fallback", Helvetica, Arial, sans-serif;
}

.alert-info {
    --bs-alert-border-color: #fff !important;
}

@font-face {
    font-family: "Trickster";
    src:
        local("Trickster"),
        url("trickster-COLRv1.otf") format("opentype") tech(color-COLRv1),
        url("trickster-outline.otf") format("opentype"),
        url("trickster-outline.woff2") format("woff2");
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-Regular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-RegularItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-Semibold.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-SemiboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-Bold.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-BoldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-Ultrabold.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virage;
    src: url(psgFont/Virage-UltraboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: virage Fallback;
    src: local(Arial);
    ascent-override: 88.16%;
    descent-override: 17.65%;
    line-gap-override: 17.65%;
    size-adjust: 113.43%;
}

@font-face {
    font-ascent-override: 100%;
    font-family: virageCondensed;
    src: url(psgFont/Virage-CondensedBold.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-ascent-override: 100%;
    font-family: virageCondensed;
    src: url(psgFont/Virage-CondensedBoldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: virageCondensed Fallback;
    src: local(Arial);
    ascent-override: 175.72%;
    descent-override: 35.18%;
    line-gap-override: 35.18%;
    size-adjust: 56.91%;
}

.viragecondensed_9c4f5643-module__VMuVdq__className {
    font-family: virageCondensed, virageCondensed Fallback, Helvetica, Arial, sans-serif;
}

.viragecondensed_9c4f5643-module__VMuVdq__variable {
    --next-font-virage-condensed: "virageCondensed", "virageCondensed Fallback", Helvetica, Arial, sans-serif;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowSemibold.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowSemiboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowBold.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowBoldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowUltrabold.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageNarrow;
    src: url(psgFont/Virage-NarrowUltraboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: virageNarrow Fallback;
    src: local(Arial);
    ascent-override: 110.38%;
    descent-override: 22.1%;
    line-gap-override: 22.1%;
    size-adjust: 90.6%;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideRegular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideSemibold.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideSemiboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideBold.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideBoldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideUltrabold.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideUltraboldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: italic;
}

@font-face {
    ascent-override: 100%;
    font-family: virageWide;
    src: url(psgFont/Virage-WideBoldItalic.woff2) format("woff2");
    font-display: swap;
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: virageWide Fallback;
    src: local(Arial);
    ascent-override: 69.98%;
    descent-override: 14.01%;
    line-gap-override: 14.01%;
    size-adjust: 142.9%;
}

.viragewide_96dbed7c-module__ejSjtG__className {
    font-family: virageWide, virageWide Fallback, Helvetica, Arial, sans-serif;
}

.viragewide_96dbed7c-module__ejSjtG__variable {
    --next-font-virage-wide: "virageWide", "virageWide Fallback", Helvetica, Arial, sans-serif;
}
