@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.picture-wrapper, source { display: contents; }

.disclaimer { display: flex; height: 100%; position: absolute; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; backdrop-filter: blur(1.5rem); background-color: rgba(0, 0, 0, 0.6); gap: 8px; justify-content: center; }

.disclaimer-wrapper { position: relative; }

.disclaimer-text { background-color: rgb(32, 32, 32); border-radius: 4px; color: rgb(92, 92, 92); cursor: default; display: flex; font-family: BrownBold, sans-serif; font-size: 1.6rem; font-weight: 700; gap: 8px; line-height: 125%; padding: 12px 18px; }

@media (min-width: 1200px) {
  .disclaimer-text { font-size: 1.8rem; }
}

.disclaimer-text a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.disclaimer-text a:focus-visible, .disclaimer-text a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.disclaimer-text a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.disclaimer-text a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.disclaimer-text a:visited { color: rgb(118, 118, 118); }

.disclaimer-text a[target="_blank"] { padding-bottom: 2px; }

.disclaimer-text a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.disclaimer-text a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.disclaimer-text a[target="_blank"]::after { margin-left: 4px; padding-left: 20px; }

.disclaimer-text { color: rgb(248, 248, 248); }

@media (min-width: 880px) {
  .disclaimer-text { padding: 16px 32px; }
}

.disclaimer-button { background: transparent; color: rgb(248, 248, 248); cursor: pointer; font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.75rem; text-decoration: underline; }

@media (min-width: 880px) {
  .disclaimer-button { font-size: 1.6rem; line-height: 2rem; }
}

@media (min-width: 1200px) {
  .disclaimer-button { font-size: 1.8rem; line-height: 2.25rem; }
}

.img-stamp-wrapper { height: 100%; position: relative; width: 100%; }

.img-stamp-wrapper .badge { left: 8px; position: absolute; top: 8px; }

.img-stamp-wrapper .img-media-stamp { bottom: 8px; height: 28px; left: 8px; position: absolute; width: 28px; }

.img-stamp-wrapper .img-channel-stamp { position: absolute; right: 8px; top: 8px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video { border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; margin: 0px; padding: 0px; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before, q::after, q::before { content: none; }

table { border-collapse: collapse; border-spacing: 0px; }

html { box-sizing: border-box; font-size: 62.5%; }

*, ::after, ::before { box-sizing: inherit; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@font-face { font-display: swap; font-family: BrownRegular; font-style: normal; font-weight: 400; src: url("./index/Brown-Regular-1ab49b9f.woff2") format("woff2"), url("Brown-Regular-6217ed8c.woff") format("woff"), url("Brown-Regular-228d475c.ttf") format("truetype"); }

@font-face { font-display: swap; font-family: BrownBold; font-style: normal; font-weight: 700; src: url("./index/Brown-Bold-fac67b49.woff2") format("woff2"), url("Brown-Bold-ed91beff.woff") format("woff"), url("Brown-Bold-7eddbf6b.ttf") format("truetype"); }

:root { --small: 560px; --medium: 880px; --large: 1200px; }

.container { margin: 0px auto; max-width: 1200px; padding-left: 0px; padding-right: 0px; width: 100%; }

.sr-only, .text-only-for-screen-reader { border: 0px; height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }

@media screen and (max-width: 559px) {
  .hidden-on-xs { display: none !important; visibility: hidden !important; }
}

@media screen and (min-width: 560px) and (max-width: 879px) {
  .hidden-on-small { display: none !important; visibility: hidden !important; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .hidden-on-medium { display: none !important; visibility: hidden !important; }
}

@media screen and (min-width: 1200px) {
  .hidden-on-large { display: none !important; visibility: hidden !important; }
}

@media screen and (max-width: 879px) {
  .hidden-on-xs-small { display: none !important; visibility: hidden !important; }
}

@media screen and (max-width: 1199px) {
  .hidden-on-xs-small-medium { display: none !important; visibility: hidden !important; }
}

@media screen and (min-width: 560px) and (max-width: 1199px) {
  .hidden-on-small-medium { display: none !important; visibility: hidden !important; }
}

@media screen and (min-width: 880px) {
  .hidden-on-medium-large { display: none !important; visibility: hidden !important; }
}

.without-transitions * { animation-duration: 0s !important; transition: none !important; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

body { background-color: rgb(255, 255, 255); }

.footer-classic, .pre-footer { max-width: 1440px; }

@media screen and (max-width: 879px) {
  .footer-classic, .pre-footer { margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .footer-classic, .pre-footer { margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; }
}

@media (min-width: 1200px) {
  .footer-classic, .pre-footer { margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; width: 100%; }
}

@media screen and (max-width: 879px) {
  .alert-info { margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .alert-info { margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; }
}

@media (min-width: 1200px) {
  .alert-info { margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; width: 100%; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.page-content-wrapper { max-width: 1440px; }

@media screen and (max-width: 879px) {
  .page-content-wrapper { margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .page-content-wrapper { margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; }
}

@media (min-width: 1200px) {
  .page-content-wrapper { margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .c-rebound__line--partial { display: none; }
  .c-body, .content-banner-nl, .content-smartfeed, .embed-link, .most-read, .most-read-skeleton, .newspilot-rebounds, .page-content .selection, .related-tags, .related-video-excerpts, .same-topic, .same-topic-skeleton, .section-folder, .social-zone { -webkit-box-flex: 0; flex: 0 0 83.3333%; margin-left: 8.33333%; max-width: 83.3333%; }
}

@media screen and (min-width: 1200px) {
  .c-rebound__line--partial { display: none; }
  .c-body, .content-banner-nl, .content-smartfeed, .embed-link, .most-read, .most-read-skeleton, .newspilot-rebounds, .page-content .selection, .related-tags, .related-video-excerpts, .same-topic, .same-topic-skeleton, .section-folder, .social-zone { -webkit-box-flex: 0; flex: 0 0 50%; margin-left: 25%; max-width: 50%; }
}

.c__line { background-clip: content-box; background-color: rgb(220, 222, 232); height: 1px; margin: 24px 0px; }

.content-cover-wrapper { background-color: rgb(255, 255, 255); }

@media (min-width: 1200px) {
  .content--premium .content-cover-wrapper { background-color: transparent; }
  .content--premium .content-cover-wrapper--slideshow, .content--premium .content-cover-wrapper--video { background-color: rgb(255, 255, 255); }
}

@media screen and (min-width: 1200px) {
  .event-cover__title { margin-left: 16.6667%; }
  .content--fullpage .event-cover__title, .event-cover__title { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; }
  .content--fullpage .event-cover__title { margin-left: 25%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .page-content-wrapper { position: relative; }
  .page-content-wrapper::before { background: rgb(220, 222, 232); content: ""; display: block; position: absolute; z-index: -1; -webkit-box-flex: 0; bottom: 0px; flex: 0 0 4.16667%; margin-left: 4.16667%; max-width: 4.16667%; top: 0px; width: 1px; }
  .event-bar-sticky .event-bar__list-wrapper { -webkit-box-flex: 0; flex: 0 0 83.3333%; margin-left: 8.33333%; max-width: 83.3333%; }
  .content--fullpage .event-bar-sticky .event-bar__list-wrapper { -webkit-box-flex: 0; flex: 0 0 66.6667%; margin-left: 25%; max-width: 66.6667%; }
}

@media (min-width: 1200px) {
  .page-content-wrapper { position: relative; }
  .page-content-wrapper::before { background: rgb(220, 222, 232); content: ""; display: block; position: absolute; z-index: -1; -webkit-box-flex: 0; bottom: 0px; flex: 0 0 4.16667%; margin-left: 19.1667%; max-width: 4.16667%; top: 0px; width: 1px; }
  .event-bar-sticky--stuck .event-bar__list-wrapper { -webkit-box-flex: 0; flex: 0 0 66.6667%; margin-left: 16.6667%; max-width: 66.6667%; }
  .content--fullpage .event-bar-sticky--stuck .event-bar__list-wrapper { -webkit-box-flex: 0; flex: 0 0 66.6667%; margin-left: 25%; max-width: 66.6667%; }
}

@media screen and (max-width: 879px) {
  .result-head { margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .result-head { margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; }
}

@media (min-width: 1200px) {
  .result-head { margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; width: 100%; }
}

.result-head__container { max-width: 1440px; }

@media (min-width: 880px) {
  .result-head__container { -webkit-box-flex: 0; flex: 0 0 66.6667%; margin-left: 16.6667%; max-width: 66.6667%; }
}

.c-body { color: rgb(66, 66, 66); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, verdana; font-size: 1.8rem; line-height: 145%; }

.c-body a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.c-body a:focus-visible, .c-body a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.c-body a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.c-body a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.c-body a:visited { color: rgb(118, 118, 118); }

.c-body a[target="_blank"] { padding-bottom: 2px; }

.c-body a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.c-body a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.c-body a[target="_blank"]::after { margin-left: 4px; padding-left: 20px; }

.c-body figcaption { background-color: rgb(238, 240, 248); color: rgb(92, 92, 92); font-family: BrownBold, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 125%; padding: 12px 16px; }

.c-body figcaption a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.c-body figcaption a:focus-visible, .c-body figcaption a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.c-body figcaption a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.c-body figcaption a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.c-body figcaption a:visited { color: rgb(118, 118, 118); }

.c-body figcaption a[target="_blank"] { padding-bottom: 2px; }

.c-body figcaption a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.c-body figcaption a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.c-body figcaption a[target="_blank"]::after { margin-left: 2px; padding-left: 14px; }

@media screen and (min-width: 1200px) {
  .c-body figcaption { padding: 12px 24px; }
}

@media screen and (max-width: 879px) {
  .c-body { margin-top: 30px; }
}

@media (min-width: 880px) {
  .c-body { margin-top: 40px; }
}

@media screen and (max-width: 879px) {
  .same-topic { background: transparent; position: relative; }
  .same-topic::before { background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 232); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }
}

.section-folder { padding-bottom: 32px; }

@media (min-width: 880px) {
  .section-folder { padding-bottom: 40px; }
  .more-folder { background: transparent; position: relative; }
  .more-folder::before { background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 232); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }
}

.social-zone::before { height: 100%; top: 0px; }

.resp-video { height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.resp-video iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.embed-link { margin-bottom: 24px; margin-top: 24px; }

@media (min-width: 880px) {
  .embed-link { margin-bottom: 32px; margin-top: 32px; }
}

.c-self-generated { background-color: rgb(255, 255, 255); color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; }

.c-self-generated a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.c-self-generated a:focus-visible, .c-self-generated a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.c-self-generated a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.c-self-generated a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.c-self-generated a:visited { color: rgb(118, 118, 118); }

.c-self-generated a[target="_blank"] { padding-bottom: 2px; }

.c-self-generated a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.c-self-generated a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.c-self-generated a[target="_blank"]::after { margin-left: 2px; padding-left: 14px; }

.rebound-climate-carousel-skeleton { background: transparent; position: relative; }

.rebound-climate-carousel-skeleton::before { background: rgb(249, 248, 246); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@media (min-width: 1200px) {
  .content--fullpage::before { height: calc(100% + 40px); top: -40px; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@-webkit-keyframes rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.fi-button { --min-height: 36px; --min-width: 78px; --icon-width-height: 20px; --icon-margin: 4px; --padding-x: 16px; --padding-y: 6px; --text-color: #f8f8f8; --background-color: #323232; --background-color-hover: #414141; --background-color-active: #202020; --text-color-disabled: #767676; --background-color-disabled: #b9b9b9; --text-color-dark: #202020; --background-color-dark: #eef0f8; --background-color-dark-hover: #b7b8c4; --background-color-dark-active: #fff; --text-color-dark-disabled: #919191; --background-color-dark-disabled: #5c5c5c; --background-color-elections: #041a2e; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; background-color: var(--background-color); border-width: initial; border-style: none; border-image: initial; border-color: var(--border-color-light); border-radius: 24px; color: var(--text-color); cursor: pointer; font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; height: min-content; justify-content: center; line-height: 125%; min-height: var(--min-height); min-width: var(--min-width); padding: var(--padding-y) var(--padding-x); text-decoration: none; text-wrap: balance; transition-duration: 0.3s; transition-property: opacity, background-color; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); width: auto; }

@media (prefers-reduced-motion: reduce) {
  .fi-button { transition: none; }
}

.fi-button:focus-visible { outline-offset: 2px; }

.fi-button:focus-visible, .fi-button:hover { background-color: var(--background-color-hover); opacity: 1; }

.fi-button:active { background-color: var(--background-color-active); opacity: 1; }

.fi-button.fi-button--disabled, .fi-button.fi-button:disabled { --text-color: #767676; background-color: var(--background-color-disabled); pointer-events: none; }

.fi-button__icon { min-height: var(--icon-width-height); min-width: var(--icon-width-height); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .fi-button__icon { transition: none; }
}

.fi-button--dark { background-color: var(--background-color-dark); border-color: var(--border-color-dark); color: var(--text-color-dark); }

.fi-button--dark:focus-visible, .fi-button--dark:hover { background-color: var(--background-color-dark-hover); }

.fi-button--dark:active { background-color: var(--background-color-dark-active); }

.fi-button--dark.fi-button--disabled, .fi-button--dark.fi-button:disabled { background-color: var(--background-color-dark-disabled); color: var(--text-color-dark-disabled); }

.fi-button--full-width { width: 100%; }

.fi-button--left-aligned .fi-button__text { -webkit-box-flex: 1; flex: 1 1 0%; text-align: left; }

.fi-button--small { --min-height: 32px; --min-width: 70px; font-size: 1.2rem; --icon-width-height: 20px; --icon-margin: 4px; }

.fi-button--large { --min-height: 44px; --min-width: 94px; --padding-x: 20px; --padding-y: 8px; font-size: 1.6rem; --icon-width-height: 28px; --icon-margin: 8px; }

.fi-button--x-large { --min-height: 48px; --min-width: 116px; --padding-x: 20px; --padding-y: 8px; font-size: 2rem; --icon-width-height: 32px; --icon-margin: 8px; }

.fi-button__icon { height: var(--icon-width-height); width: var(--icon-width-height); }

.fi-button__icon-loader { animation: 3s linear 0s infinite normal none running rotating; display: none; }

@media screen and (prefers-reduced-motion: reduce) {
  .fi-button__icon-loader { animation: auto ease 0s 1 normal none running none; }
}

.fi-button__left-icon, .fi-button__secondary-left-icon { margin-right: var(--icon-margin); }

.fi-button__right-icon, .fi-button__secondary-right-icon { margin-left: var(--icon-margin); }

.fi-button__secondary-left-icon, .fi-button__secondary-right-icon { display: none; }

.fi-button--icon-only { --min-width: auto; --padding-x: var(--padding-y); }

.fi-button--secondary { border: 1px solid; --border-color-light: #323232; --text-color: #202020; --background-color: transparent; --background-color-hover: #eef0f8; --background-color-active: #dcdee8; --text-color-disabled: #767676; --background-color-disabled: none; --border-color-dark: #fff; --text-color-dark: #fff; --background-color-dark: transparent; --background-color-dark-hover: #323232; --background-color-dark-active: #414141; --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--tertiary { --text-color: #202020; --background-color: transparent; --background-color-hover: #eef0f8; --background-color-active: #dcdee8; --text-color-disabled: #767676; --background-color-disabled: none; --text-color-dark: #f8f8f8; --background-color-dark: transparent; --background-color-dark-hover: #323232; --background-color-dark-active: #414141; --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--info-primary { --background-color: #1c57dc; --background-color-hover: rgba(28, 87, 220, 0.85); --background-color-active: rgba(28, 87, 220, 0.85); --text-color-disabled: #919191; --background-color-disabled: #5c5c5c; --text-color-dark: #f8f8f8; --background-color-dark: #5687f8; --background-color-dark-hover: rgba(86, 135, 248, 0.85); --background-color-dark-active: rgba(86, 135, 248, 0.85); --text-color-dark-disabled: var(--text-color-disabled); --background-color-dark-disabled: var(--background-color-disabled); }

.fi-button--info-secondary { border-style: solid; border-width: 1px; --border-color-light: #1c57dc; --text-color: #202020; --background-color: transparent; --background-color-hover: rgba(28, 87, 220, 0.15); --background-color-active: rgba(28, 87, 220, 0.15); --text-color-disabled: #767676; --background-color-disabled: none; --border-color-dark: #5687f8; --text-color-dark: #f8f8f8; --background-color-dark: transparent; --background-color-dark-hover: rgba(86, 135, 248, 0.15); --background-color-dark-active: rgba(86, 135, 248, 0.15); --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--success-primary { --background-color: #037115; --background-color-hover: rgba(3, 113, 21, 0.85); --background-color-active: rgba(3, 113, 21, 0.85); --text-color-disabled: #919191; --background-color-disabled: #5c5c5c; --text-color-dark: #f8f8f8; --background-color-dark: #18a730; --background-color-dark-hover: rgba(24, 167, 48, 0.85); --background-color-dark-active: rgba(24, 167, 48, 0.85); --text-color-dark-disabled: var(--text-color-disabled); --background-color-dark-disabled: var(--background-color-disabled); }

.fi-button--success-secondary { border-style: solid; border-width: 1px; --border-color-light: #037115; --text-color: #202020; --background-color: transparent; --background-color-hover: rgba(3, 113, 21, 0.15); --background-color-active: rgba(3, 113, 21, 0.15); --text-color-disabled: #767676; --background-color-disabled: none; --border-color-dark: #18a730; --text-color-dark: #f8f8f8; --background-color-dark: transparent; --background-color-dark-hover: rgba(3, 113, 21, 0.15); --background-color-dark-active: rgba(3, 113, 21, 0.15); --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--error-primary { --background-color: #d0021b; --background-color-hover: rgba(208, 2, 27, 0.85); --background-color-active: rgba(208, 2, 27, 0.85); --text-color-disabled: #919191; --background-color-disabled: #5c5c5c; --text-color-dark: #f8f8f8; --background-color-dark: #ff492e; --background-color-dark-hover: rgba(255, 73, 46, 0.85); --background-color-dark-active: rgba(255, 73, 46, 0.85); --text-color-dark-disabled: var(--text-color-disabled); --background-color-dark-disabled: var(--background-color-disabled); }

.fi-button--error-secondary { border-style: solid; border-width: 1px; --border-color-light: #d0021b; --text-color: #202020; --background-color: transparent; --background-color-hover: rgba(208, 2, 27, 0.15); --background-color-active: rgba(208, 2, 27, 0.15); --text-color-disabled: #767676; --background-color-disabled: none; --border-color-dark: #ff492e; --text-color-dark: #f8f8f8; --background-color-dark: transparent; --background-color-dark-hover: rgba(208, 2, 27, 0.15); --background-color-dark-active: rgba(208, 2, 27, 0.15); --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--warning-primary { --background-color: #ad4000; --background-color-hover: rgba(173, 64, 0, 0.85); --background-color-active: rgba(173, 64, 0, 0.85); --text-color-disabled: #919191; --background-color-disabled: #5c5c5c; --text-color-dark: #f8f8f8; --background-color-dark: #ffa51f; --background-color-dark-hover: rgba(255, 165, 31, 0.85); --background-color-dark-active: rgba(255, 165, 31, 0.85); --text-color-dark-disabled: var(--text-color-disabled); --background-color-dark-disabled: var(--background-color-disabled); }

.fi-button--warning-secondary { border-style: solid; border-width: 1px; --border-color-light: #ad4000; --text-color: #202020; --background-color: transparent; --background-color-hover: rgba(173, 64, 0, 0.15); --background-color-active: rgba(173, 64, 0, 0.15); --text-color-disabled: #767676; --background-color-disabled: none; --border-color-dark: #ffa51f; --text-color-dark: #f8f8f8; --background-color-dark: transparent; --background-color-dark-hover: rgba(173, 64, 0, 0.15); --background-color-dark-active: rgba(173, 64, 0, 0.15); --text-color-dark-disabled: #919191; --background-color-dark-disabled: none; }

.fi-button--yellow { --text-color: #202020; --background-color: #ffc300; --background-color-hover: #ffd035; --background-color-active: #ffb800; --text-color-disabled: #919191; --background-color-disabled: #5c5c5c; --text-color-dark: var(--text-color); --background-color-dark: var(--background-color); --background-color-dark-hover: var(--background-color-hover); --background-color-dark-active: var(--background-color-active); --text-color-dark-disabled: var(--text-color-disabled); --background-color-dark-disabled: var(--background-color-disabled); }

.fi-button--live { --text-color: #fff; --background-color: #e61e00; --background-color-hover: #e61e00; --background-color-active: #e61e00; --text-color-disabled: #767676; --background-color-disabled: #b9b9b9; --text-color-dark: var(--text-color); --background-color-dark: var(--background-color); --background-color-dark-hover: var(--background-color-hover); --background-color-dark-active: var(--background-color-active); --text-color-dark-disabled: #919191; --background-color-dark-disabled: #5c5c5c; }

.fi-button--weather { --text-color: #fff; --background-color: #4c6af0; --background-color-hover: #3951ef; --background-color-active: #2f3dda; --text-color-disabled: #767676; --background-color-disabled: #b9b9b9; --text-color-dark: var(--text-color); --background-color-dark: var(--background-color); --background-color-dark-hover: var(--background-color-hover); --background-color-dark-active: var(--background-color-active); --text-color-dark-disabled: #919191; --background-color-dark-disabled: #5c5c5c; }

.fi-button--elections, .fi-button--elections.fi-button--loading, .fi-button--elections:focus, .fi-button--elections:hover { --background-color: var(--background-color-elections); }

.fi-button--hidden { opacity: 0; pointer-events: none; user-select: none; }

.fi-button--hidden:focus-visible { pointer-events: inherit; }

.fi-button--loading .fi-button__icon:not(.fi-button__icon-loader), .fi-button--loading.fi-button--no-icons .fi-button__text { display: none; }

.fi-button--loading .fi-button__icon-loader { display: block; }

.fi-button--secondary-left-icon-visible .fi-button__icon { display: none; }

.fi-button--secondary-left-icon-visible .fi-button__secondary-left-icon { display: block; }

.fi-button--secondary-right-icon-visible .fi-button__icon { display: none; }

.fi-button--secondary-right-icon-visible .fi-button__secondary-right-icon { display: block; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon { --color: var(--icon-color, #5c5c5c); --color-played: var(--icon-color-played, #202020); --color-dark: var(--icon-color-dark, #b9b9b9); --color-played-dark: var(--icon-color-played-dark, #f8f8f8); min-height: 20px; min-width: 20px; }

.animated-icon--dark { --color: var(--color-dark); --color-played: var(--color-played-dark); }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--menu-cross { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--menu-cross-line, .animated-icon--menu-cross-line::after, .animated-icon--menu-cross-line::before { background-color: var(--color); height: 1.5px; width: 16px; }

.animated-icon--menu-cross-line { position: relative; }

.animated-icon--menu-cross-line::after, .animated-icon--menu-cross-line::before { content: ""; left: 0px; position: absolute; }

.animated-icon--menu-cross-line::before { top: -5px; }

.animated-icon--menu-cross-line::after { top: 5px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--search { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--search-circle { border: 1.5px solid var(--color); border-radius: 50%; height: 14px; left: -2px; position: relative; top: -2px; width: 14px; }

.animated-icon--search-circle::after { background-color: var(--color); content: ""; height: 1.5px; position: absolute; transform: translate(9px, 12px) rotate(45deg); width: 7px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.navigation-item { --outline-offset: -2px; color: rgb(185, 185, 185); font-family: BrownRegular, sans-serif; font-weight: 400; height: 100%; line-height: normal; position: relative; transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .navigation-item { transition: none; }
}

.navigation-item__link { background-color: transparent; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; color: inherit; height: 100%; justify-content: center; min-width: 32px; text-decoration: none; }

@media screen and (max-width: 879px) {
  .navigation-item__link { gap: 2px; padding: 10px 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}

@media screen and (min-width: 880px) {
  .navigation-item__link { gap: 8px; padding: 18px 4px; }
}

.navigation-item__right-icon { transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .navigation-item__right-icon { transition: none; }
}

.navigation-item::after { background-color: rgb(248, 248, 248); bottom: 0px; content: ""; display: block; height: 2px; left: 4px; position: absolute; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: calc(100% - 8px); }

@media (prefers-reduced-motion: reduce) {
  .navigation-item::after { transition: none; }
}

.navigation-item--live .navigation-item__icon { color: rgb(230, 30, 0); }

.navigation-item--accent, .navigation-item--accent:not(.navigation-item--live), .navigation-item--active, .navigation-item--active:not(.navigation-item--live), .navigation-item:active, .navigation-item:active:not(.navigation-item--live), .navigation-item:hover, .navigation-item:hover:not(.navigation-item--live), .navigation-item__link[aria-expanded="true"], .navigation-item__link[aria-expanded="true"]:not(.navigation-item--live) { color: rgb(248, 248, 248); }

.navigation-item--active::after { transform: scaleX(1); }

.navigation-item__link[aria-expanded="true"] .navigation-item__right-icon { transform: rotate(180deg); }

@media screen and (max-width: 879px) {
  .navigation-item { font-size: 1.2rem; }
}

@media screen and (min-width: 880px) {
  .navigation-item { font-size: 1.4rem; }
  .navigation-item:active::after, .navigation-item:hover::after, .navigation-item[aria-expanded="true"]::after { transform: scaleX(1); }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--tv { -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--tv, .animated-icon--tv-frame { display: flex; -webkit-box-pack: center; justify-content: center; }

.animated-icon--tv-frame { border-radius: 2px; box-shadow: inset 0 0 0 1.5px var(--color); height: 12px; margin-top: -4px; width: 16px; }

.animated-icon--tv-frame::after { background-color: var(--color); content: ""; display: flex; height: 1.5px; position: relative; width: 8px; align-self: center; top: 9.5px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--radio { -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--radio, .animated-icon--radio-headset { display: flex; -webkit-box-pack: center; justify-content: center; }

.animated-icon--radio-headset { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 14px; position: relative; width: 12px; }

.animated-icon--radio-headset::after, .animated-icon--radio-headset::before { border: 1.5px solid var(--color); content: ""; height: 7px; position: absolute; width: 5px; }

.animated-icon--radio-headset::before { border-radius: 5px 0px 0px 5px; border-right: none; left: -5px; top: 6px; }

.animated-icon--radio-headset::after { border-left: none; border-radius: 0px 5px 5px 0px; right: -5px; top: 6px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--live { --icon-color: #e61e00; --icon-color-played: var(--icon-color); --icon-color-dark: #e61e00; --icon-color-played-dark: var(--icon-color-dark); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--live-bullet, .animated-icon--live-bullet::before { background-color: var(--color); border-radius: 50%; height: 8px; width: 8px; }

.animated-icon--live-bullet { position: relative; }

.animated-icon--live-bullet::before { content: ""; opacity: 0; position: absolute; transition-duration: 0.5s; transition-property: transform, opacity, -webkit-transform; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .animated-icon--live-bullet::before { transition: none; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.dropdown-panel { position: relative; }

.dropdown-panel__list { --outline-offset: -2px; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(65, 65, 65, 0.15) 0px 2px 8px -6px, rgba(65, 65, 65, 0.1) 0px 6px 16px 6px; left: 50%; max-height: 50dvh; max-width: 200px; min-width: max-content; opacity: 0; overflow-y: auto; position: absolute; top: 100%; transform: translateX(-50%); transition-duration: 0.3s; transition-property: transform, opacity, visibility, -webkit-transform; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); visibility: hidden; z-index: 101; }

@media (prefers-reduced-motion: reduce) {
  .dropdown-panel__list { transition: none; }
}

.dropdown-panel__link { column-gap: 8px; display: flex; -webkit-box-align: center; align-items: center; border-bottom: 0px; color: rgb(32, 32, 32); font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; max-width: 200px; padding: 8px 16px; text-decoration: none; transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .dropdown-panel__link { transition: none; }
}

.dropdown-panel__link[target="_blank"]::after { background-color: rgb(32, 32, 32); content: "-"; display: inline; margin-left: auto; mask: url("./index/external-link-e092162c.svg") center center no-repeat; min-width: 16px; padding-top: 1px; vertical-align: middle; }

.dropdown-panel__link:focus-visible, .dropdown-panel__link:hover { background-color: rgb(238, 240, 248); }

.dropdown-panel__link:active { border-radius: 8px; }

.dropdown-panel__icon { flex-shrink: 0; }

.dropdown-panel__item:not(:last-of-type) { border-bottom: 1px solid rgb(220, 222, 232); }

.dropdown-panel__item:first-child .dropdown-panel__link { border-radius: 8px 8px 0px 0px; }

.dropdown-panel__item:last-child .dropdown-panel__link { border-radius: 0px 0px 8px 8px; }

.dropdown-panel--visible .dropdown-panel__list { opacity: 1; transform: translate(-50%, 12px); visibility: visible; }

.dropdown-panel--dark .dropdown-panel__list { background-color: rgb(32, 32, 32); box-shadow: rgba(65, 65, 65, 0.15) 0px 2px 8px -6px, rgba(65, 65, 65, 0.1) 0px 6px 16px 6px; }

.dropdown-panel--dark .dropdown-panel__item { color: rgb(248, 248, 248); }

.dropdown-panel--dark .dropdown-panel__item:not(:last-of-type) { border-bottom: 1px solid rgb(65, 65, 65); }

.dropdown-panel--dark .dropdown-panel__item .dropdown-panel__link { color: rgb(248, 248, 248); }

.dropdown-panel--dark .dropdown-panel__item .dropdown-panel__link[target="_blank"]::after { background-color: rgb(248, 248, 248); }

.dropdown-panel--dark .dropdown-panel__item .dropdown-panel__link:focus-visible, .dropdown-panel--dark .dropdown-panel__item .dropdown-panel__link:hover { background-color: rgb(65, 65, 65); }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--menu { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.animated-icon--menu-line, .animated-icon--menu-line::after, .animated-icon--menu-line::before { background-color: var(--color); height: 1.5px; width: 16px; }

.animated-icon--menu-line { position: relative; top: -5px; }

.animated-icon--menu-line::after, .animated-icon--menu-line::before { content: ""; left: 0px; position: absolute; }

.animated-icon--menu-line::before { top: 5px; }

.animated-icon--menu-line::after { top: 10px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.navigation-panel { display: none; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

body.menu--opened { overflow: hidden; }

.header { --header-border-color: #414141; --header-separator-color: #414141; --sub-header-bg-color: transparent; --outline-color: #fff; background-color: rgb(32, 32, 32); position: sticky; top: 0px; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100vw; will-change: transform; z-index: 50; }

@media (prefers-reduced-motion: reduce) {
  .header { transition: none; }
}

.header .skip-links { height: 0px; overflow: hidden; }

@media screen and (max-width: 1199px) {
  .header .skip-links { position: absolute; }
}

.header-main, .header-sub { display: flex; -webkit-box-align: stretch; align-items: stretch; gap: 12px; max-width: 1440px; }

@media screen and (max-width: 879px) {
  .header-main, .header-sub { margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; width: 100%; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .header-main, .header-sub { margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; width: 100%; }
}

@media (min-width: 1200px) {
  .header-main, .header-sub { margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; width: 100%; }
}

.header-main__nav, .header-sub__nav { -webkit-box-flex: 1; display: flex; flex: 1 1 0%; }

.header-main__entries, .header-sub__entries { display: flex; -webkit-box-align: center; align-items: center; }

@media screen and (max-width: 1199px) {
  .header-main__entries, .header-sub__entries { gap: 4px; }
}

@media screen and (min-width: 1200px) {
  .header-main__entries, .header-sub__entries { gap: 8px; }
}

.header-main { background: transparent; margin-bottom: 1px; position: relative; z-index: 2; }

.header-main::before { background: transparent; border-bottom: 1px solid var(--header-border-color); content: ""; display: block; height: calc(100% + 1px); left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

@media screen and (max-width: 1199px) {
  .header-main { --header-border-color: #414141; height: 60px; }
}

@media screen and (min-width: 1200px) {
  .header-main { height: 56px; }
}

.header-main__menu { -webkit-box-ordinal-group: 2; order: 1; }

.header-main__logo-link, .header-main__title { -webkit-box-ordinal-group: 3; order: 2; }

.header-main .skip-links { -webkit-box-ordinal-group: 4; order: 3; }

.header-main__nav { -webkit-box-ordinal-group: 5; order: 4; }

.header-main__menu { --outline-offset: 2px; align-self: center; -webkit-box-align: center; align-items: center; background-color: transparent; border: none; border-radius: 24px; color: rgb(255, 255, 255); min-height: 24px; min-width: 24px; -webkit-box-pack: center; justify-content: center; }

.header-main__logo-link, .header-main__menu, .header-main__title { display: flex; }

.header-main__logo-link { -webkit-box-pack: start; justify-content: flex-start; }

.header-main__logo { align-self: center; }

@media screen and (max-width: 1199px) {
  .header-main__logo { height: 32px; width: auto; }
}

@media screen and (max-width: 375px) {
  .header-main__logo { height: auto; max-height: 32px; max-width: 100%; }
}

.header-main__nav { -webkit-box-pack: end; justify-content: flex-end; }

.header-main .header-main__radio-entry, .header-main .header-main__tv-entry { white-space: nowrap; }

@media screen and (max-width: 879px) {
  .header-main__account-entry, .header-main__search-entry .navigation-item__label, .header-main__services-entry { display: none; }
  .header-main__search-entry.mobile-last-entry { -webkit-box-ordinal-group: 3; order: 2; }
  .header-main__search-entry.mobile-last-entry.navigation-item.right-separator { margin-right: 0px; }
  .header-main__search-entry.mobile-last-entry.navigation-item.right-separator::before { display: none; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .header-main .header-main__search-entry .navigation-item__label { display: none; }
  .header-main .header-main__search-entry .navigation-item__link { -webkit-box-pack: center; justify-content: center; }
}

@media screen and (min-width: 1200px) {
  .header-main__menu { display: none; }
}

.header-sub { background: transparent; margin-bottom: 1px; position: relative; z-index: 1; }

.header-sub::before { background: var(--sub-header-bg-color); border-bottom: 1px solid var(--header-border-color); content: ""; display: block; height: calc(100% + 1px); left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

@media screen and (max-width: 1199px) {
  .header-sub { display: none; visibility: hidden; }
  .header .navigation-item.left-separator { margin-left: 12px; }
}

@media screen and (min-width: 1200px) {
  .header .navigation-item.left-separator { margin-left: 16px; }
}

.header .navigation-item.left-separator::before { background-color: var(--header-separator-color); content: ""; height: 32px; position: absolute; width: 1px; }

@media screen and (max-width: 1199px) {
  .header .navigation-item.left-separator::before { left: -8px; top: 14px; }
}

@media screen and (min-width: 1200px) {
  .header .navigation-item.left-separator::before { left: -12px; top: 12px; }
}

@media screen and (max-width: 1199px) {
  .header .navigation-item.right-separator { margin-right: 12px; }
}

@media screen and (min-width: 1200px) {
  .header .navigation-item.right-separator { margin-right: 16px; }
}

.header .navigation-item.right-separator::before { background-color: var(--header-separator-color); content: ""; height: 32px; position: absolute; width: 1px; }

@media screen and (max-width: 1199px) {
  .header .navigation-item.right-separator::before { right: -8px; top: 14px; }
}

@media screen and (min-width: 1200px) {
  .header .navigation-item.right-separator::before { right: -12px; top: 12px; }
}

@media screen and (max-width: 879px) {
  .header[class*="header--vertical"] .header-main__live-entry, .header[class*="header--vertical"] .header-main__radio-entry, .header[class*="header--vertical"] .header-main__tv-entry { display: none; }
}

.header--vertical-culture .header-sub, .header--vertical-les-jeux-olympiques .header-sub, .header--vertical-sports .header-sub { --header-separator-color: rgba(220, 222, 232, 0.2); }

.header--vertical-les-jeux-olympiques, .header--vertical-sports { --header-border-color: #001e85; --sub-header-bg-color: #001e85; }

.header--vertical-culture { --header-border-color: #634760; --sub-header-bg-color: #634760; }

.header--sticky-hidden { transform: translateY(calc(-100% - 1px)); }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.alerte-date { background: transparent; color: rgb(32, 32, 32); font-family: BrownRegular, sans-serif; font-size: 15px; font-weight: 400; height: 52px; line-height: 21px; position: relative; }

.alerte-date::before { background: rgb(255, 195, 0); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

.alerte-date__container { padding: 15px 17px 15px 0px; position: relative; }

.alerte-date__container::before { background-image: url(""); background-position: center bottom; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 24px; margin-right: 5px; margin-top: -4px; vertical-align: middle; width: 24px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.c-cover img { display: block; height: auto; width: 100%; }

.c-cover img::before { content: ""; display: block; padding-top: 56.25%; }

.c-cover figcaption { background-color: rgb(238, 240, 248); color: rgb(92, 92, 92); font-family: BrownBold, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 125%; padding: 12px 16px; }

.c-cover figcaption a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.c-cover figcaption a:focus-visible, .c-cover figcaption a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.c-cover figcaption a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.c-cover figcaption a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.c-cover figcaption a:visited { color: rgb(118, 118, 118); }

.c-cover figcaption a[target="_blank"] { padding-bottom: 2px; }

.c-cover figcaption a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.c-cover figcaption a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.c-cover figcaption a[target="_blank"]::after { margin-left: 2px; padding-left: 14px; }

@media screen and (min-width: 1200px) {
  .c-cover figcaption { padding: 12px 24px; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.c-title { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; color: rgb(32, 32, 32); flex-direction: column; font-family: BrownBold, sans-serif; font-size: 2.6rem; font-weight: 700; line-height: 135%; }

@media (min-width: 1200px) {
  .c-title { font-size: 3.6rem; }
}

.c-title::first-letter { text-transform: capitalize; }

.c-title__highlight { margin-bottom: 16px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.signature { -webkit-box-align: center; align-items: center; flex-wrap: nowrap; gap: 8px; min-width: 50%; }

.signature, .signature__images { display: flex; }

.signature__images { margin-left: 12px; }

.signature__image { display: inline-block; height: 44px; margin-left: -12px; width: 44px; }

.signature__authors, .signature__wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; }

.signature__names, .signature__program { color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 125%; }

@media (min-width: 1200px) {
  .signature__names, .signature__program { font-size: 1.8rem; }
}

.signature__names a, .signature__program a { border-bottom: 1px solid transparent; color: rgb(66, 66, 66); text-decoration: none; }

.signature__names a:focus-visible, .signature__names a:hover, .signature__program a:focus-visible, .signature__program a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.signature__names a:active, .signature__program a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.signature__names a:focus-visible, .signature__program a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.signature__names a[target="_blank"], .signature__program a[target="_blank"] { padding-bottom: 2px; }

.signature__names a[target="_blank"]::after, .signature__program a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; margin-left: 4px; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-left: 20px; padding-top: 1px; vertical-align: middle; }

.signature__channel, .signature__group-team-wrapper { color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; margin-top: 2px; }

.signature__channel a, .signature__group-team-wrapper a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.signature__channel a:focus-visible, .signature__channel a:hover, .signature__group-team-wrapper a:focus-visible, .signature__group-team-wrapper a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.signature__channel a:active, .signature__group-team-wrapper a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.signature__channel a:focus-visible, .signature__group-team-wrapper a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.signature__channel a:visited, .signature__group-team-wrapper a:visited { color: rgb(118, 118, 118); }

.signature__channel a[target="_blank"], .signature__group-team-wrapper a[target="_blank"] { padding-bottom: 2px; }

.signature__channel a[target="_blank"]::after, .signature__group-team-wrapper a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("./index/external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.signature__channel a[target="_blank"]:visited::after, .signature__group-team-wrapper a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.signature__channel a[target="_blank"]::after, .signature__group-team-wrapper a[target="_blank"]::after { margin-left: 2px; padding-left: 14px; }

.signature__teams::before { content: "•"; font-size: 8px; line-height: 1; padding: 0.1rem 0.2rem; position: relative; top: -2px; }

.signature .author-link { border: none; }

.signature--dark .signature__names, .signature--dark .signature__names a { color: rgb(221, 221, 221); }

.signature--dark .signature__names a:active { background: rgb(66, 66, 66); box-shadow: rgb(66, 66, 66) 0px 0px 0px 2px; }

.signature--dark .signature__names a[target="_blank"]::after { background-color: rgb(221, 221, 221); }

.signature--dark .signature__group-team-wrapper, .signature--dark .signature__group-team-wrapper a { color: rgb(221, 221, 221); }

.signature--dark .signature__group-team-wrapper a:visited { color: rgb(145, 145, 145); }

.signature--dark .signature__group-team-wrapper a:active { background: rgb(66, 66, 66); box-shadow: rgb(66, 66, 66) 0px 0px 0px 2px; }

.signature--dark .signature__group-team-wrapper a[target="_blank"]::after { background-color: rgb(221, 221, 221); }

.signature--dark .signature__group-team-wrapper a[target="_blank"]:visited::after { background-color: rgb(145, 145, 145); }

.signature--row-display { flex-wrap: nowrap; }

.signature--row-display .signature__names a { border-bottom: 0px; }

.signature--row-display .signature__group-team-wrapper { display: none; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.publication-date { color: rgb(92, 92, 92); display: flex; flex-wrap: wrap; font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; }

.publication-date__modified, .publication-date__published { white-space: nowrap; }

.publication-date__metadatas-separator { background-color: rgb(220, 222, 232); display: inline-block; height: 18px; margin: 0px 6px; vertical-align: middle; width: 1px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.reading-time { color: rgb(92, 92, 92); display: flex; font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; -webkit-box-align: start; align-items: flex-start; gap: 4px; white-space: nowrap; }

.reading-time--dark { color: rgb(185, 185, 185); }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.c-time { display: flex; -webkit-box-pack: justify; color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; justify-content: space-between; line-height: 125%; }

@media screen and (max-width: 879px) {
  .c-time { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .c-time .reading-time { margin: 8px 0px 0px; }
}

@media screen and (min-width: 880px) {
  .c-time { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }
  .c-time .reading-time { margin: 0px; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .c-chapo, .event-collect { -webkit-box-flex: 0; flex: 0 0 83.3333%; margin-left: 8.33333%; max-width: 83.3333%; }
}

@media screen and (min-width: 1200px) {
  .c-bookmark, .c-time, .c-title, .c__line, .event-collect, .signature { -webkit-box-flex: 0; flex: 0 0 75%; margin-left: 25%; max-width: 75%; }
  .c-chapo { -webkit-box-flex: 0; flex: 0 0 50%; margin-left: 25%; max-width: 50%; }
  .content--fullpage .c-time, .content--fullpage .c-title, .content--fullpage .c__line, .content--fullpage .event-collect, .content--fullpage .signature { -webkit-box-flex: 0; flex: 0 0 62.5%; margin-left: 25%; max-width: 62.5%; }
}

@media screen and (max-width: 879px) {
  .c-title { padding-top: 24px; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .c-title { padding-top: 32px; }
}

@media screen and (min-width: 1200px) {
  .c-title { padding-top: 40px; }
}

@media screen and (max-width: 879px) {
  .breadcrumb + .c-title { padding-top: 8px; }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .breadcrumb + .c-title { padding-top: 16px; }
}

@media screen and (min-width: 1200px) {
  .breadcrumb + .c-title { padding-top: 24px; }
}

.signature { margin-bottom: 32px; margin-top: 32px; }

.c-time { margin-bottom: 16px; margin-top: 16px; }

.c-chapo { margin-top: 40px; }

.c-body::first-letter { color: rgb(32, 32, 32); float: left; font-family: BrownBold, sans-serif; font-size: 5.8rem; font-weight: 700; line-height: 90%; margin-bottom: 0px; margin-top: 0px; padding-right: 1.4rem; }

@media screen and (min-width: 560px) and (max-width: 879px) {
  .c-cover { left: -25px; position: relative; width: calc(100% + 50px); }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .c-cover { left: -32px; position: relative; width: calc(100% + 64px); }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.card-article-m-skeleton { display: grid; gap: 12px; }

@media (min-width: 880px) {
  .card-article-m-skeleton { gap: 16px; }
}

.card-article-m-skeleton__img { aspect-ratio: 16 / 9; border-radius: 16px; max-height: 300px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-m-skeleton__img { animation: auto ease 0s 1 normal none running none; }
}

@media (min-width: 880px) {
  .card-article-m-skeleton__img { min-width: 300px; width: 300px; }
}

.card-article-m-skeleton__text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; gap: 8px; }

.card-article-m-skeleton__text-line { border-radius: 4px; height: 1.8rem; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-m-skeleton__text-line { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .card-article-m-skeleton__text-line:nth-child(3) { width: 50%; }
}

@media (min-width: 880px) {
  .card-article-m-skeleton__text-line:nth-child(3) { width: 33%; }
}

.card-article-m-skeleton--dark .card-article-m-skeleton__img, .card-article-m-skeleton--dark .card-article-m-skeleton__text-line { --anim-base-color: #414141; --anim-shimmer-color: #494949; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.carousel-skeleton { padding-top: 32px; position: relative; }

@media (min-width: 880px) {
  .carousel-skeleton { padding-bottom: 40px; padding-top: 46px; }
}

.carousel-skeleton__buttons-wrapper { display: flex; gap: 19px; padding-bottom: 32px; padding-top: 32px; }

@media (min-width: 880px) {
  .carousel-skeleton__buttons-wrapper { margin-top: 0px; padding-bottom: 40px; padding-top: 46px; position: absolute; right: 0px; top: 0px; }
}

.carousel-skeleton__title { border-radius: 4px; height: 2.4rem; margin-bottom: 42px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .carousel-skeleton__title { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-skeleton__title { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .carousel-skeleton__title { width: 40%; }
}

@media screen and (min-width: 880px) {
  .carousel-skeleton__title { width: 30%; }
}

.carousel-skeleton__btn { border-radius: 4px; height: 2.4rem; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .carousel-skeleton__btn { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-skeleton__btn { animation: auto ease 0s 1 normal none running none; }
}

.carousel-skeleton__btn--round { border-radius: 9999px; width: 26px; }

.carousel-skeleton__items { display: flex; gap: 28px; overflow-x: hidden; }

.carousel-skeleton__item { -webkit-box-flex: 0; flex: 0 0 240px; }

@media (min-width: 1200px) {
  .carousel-skeleton__item { -webkit-box-flex: 0; flex: 0 0 292px; }
}

.carousel-skeleton--square-cards .card-article-s-skeleton { background: rgb(50, 50, 50); border-radius: 16px; padding: 16px; }

.carousel-skeleton--square-cards .card-article-s-skeleton__img { aspect-ratio: 1 / 1; }

.carousel-skeleton--dark { background: transparent; position: relative; }

.carousel-skeleton--dark::before { background: rgb(32, 32, 32); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

.carousel-skeleton--dark .carousel-skeleton__btn, .carousel-skeleton--dark .carousel-skeleton__title { --anim-base-color: #414141; --anim-shimmer-color: #494949; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.card-article-list-m-skeleton { display: flex; }

@media screen and (max-width: 879px) {
  .card-article-list-m-skeleton { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; row-gap: 12px; }
}

@media (min-width: 880px) {
  .card-article-list-m-skeleton { column-gap: 16px; }
}

.card-article-list-m-skeleton__img { aspect-ratio: 16 / 9; border-radius: 16px; max-height: 300px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-list-m-skeleton__img { animation: auto ease 0s 1 normal none running none; }
}

@media (min-width: 880px) {
  .card-article-list-m-skeleton__img { min-width: 300px; width: 300px; }
}

.card-article-list-m-skeleton__text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; gap: 8px; }

.card-article-list-m-skeleton__text-line { border-radius: 4px; height: 1.8rem; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-list-m-skeleton__text-line { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .card-article-list-m-skeleton__text-line:nth-child(3) { width: 50%; }
}

@media (min-width: 880px) {
  .card-article-list-m-skeleton__text-line:nth-child(3) { width: 33%; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.same-topic-skeleton { padding-bottom: 32px; padding-top: 32px; }

@media (min-width: 1200px) {
  .same-topic-skeleton { padding-bottom: 40px; padding-top: 40px; }
}

.same-topic-skeleton__title { border-radius: 4px; height: 2.4rem; margin-bottom: 40px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .same-topic-skeleton__title { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .same-topic-skeleton__title { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .same-topic-skeleton__title { width: 50%; }
}

@media screen and (min-width: 880px) {
  .same-topic-skeleton__title { width: 40%; }
}

@media (min-width: 1200px) {
  .same-topic-skeleton__title { margin-bottom: 48px; }
}

.same-topic-skeleton__items { position: relative; }

.same-topic-skeleton__items::before { background-color: rgb(220, 222, 232); content: ""; height: 2px; position: absolute; top: -24px; width: 100%; }

@media (min-width: 1200px) {
  .same-topic-skeleton__items::before { top: -32px; }
}

.same-topic-skeleton__item:not(:last-child) { margin: 0px 0px 30px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

button.fi-tag { cursor: pointer; }

span.fi-tag { pointer-events: none; }

.fi-tag { --text-color: #202020; --bg-color: #eef0f8; --text-color-hover: #202020; --bg-color-hover: #b7b8c4; --text-color-active: #f8f8f8; --bg-color-active: #414141; --text-color-disabled: #767676; --bg-color-disabled: #b9b9b9; background-color: var(--bg-color); color: var(--text-color); display: flex; font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; min-height: 3.2rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; border: 1px solid var(--border-color, transparent); border-radius: 4px; gap: 4px; justify-content: center; line-height: 125%; max-width: calc(-48px + 100dvw); padding: 6px 8px; text-decoration: none; transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .fi-tag { transition: none; }
}

.fi-tag--hover, .fi-tag:focus-visible, .fi-tag:hover { background-color: var(--bg-color-hover); border: 1px solid var(--border-color-hover, transparent); color: var(--text-color-hover); }

.fi-tag:focus-visible { outline: 2px solid var(--outline-color, #2c69f6); outline-offset: var(--outline-offset, 2px); }

.fi-tag--selected { pointer-events: none; }

.fi-tag--selected, .fi-tag:active { background-color: var(--bg-color-active); color: var(--text-color-active); }

.fi-tag--disabled, .fi-tag:disabled { background-color: var(--bg-color-disabled); border: 1px solid var(--border-color-disabled, transparent); color: var(--text-color-disabled); pointer-events: none; }

.fi-tag--x-small { font-size: 1.2rem; min-height: 2.2rem; padding: 4px 6px; }

.fi-tag--small { font-size: 1.2rem; min-height: 2.8rem; }

.fi-tag--large { font-size: 1.6rem; min-height: 3.6rem; padding: 6px 12px; }

.fi-tag--x-large { font-size: 2rem; gap: 8px; min-height: 4.4rem; padding: 8px 16px; }

.fi-tag--dark { --text-color: #f8f8f8; --bg-color: #414141; --text-color-hover: #202020; --text-color-active: #202020; --bg-color-active: #fafbff; --text-color-disabled: #919191; --bg-color-disabled: #5c5c5c; }

.fi-tag--dark:focus-visible { outline: 2px solid var(--outline-color, #5687f8); outline-offset: var(--outline-offset, 2px); }

.fi-tag--outlined { --bg-color: transparent; --border-color: #414141; --bg-color-hover: #eef0f8; --border-color-hover: #414141; --border-color-disabled: #323232; --bg-color-disabled: transparent; }

.fi-tag--outlined.fi-tag--dark { --text-color-hover: #f8f8f8; --border-color: #dcdee8; --bg-color-hover: #eef0f8; --border-color-hover: #dcdee8; --border-color-disabled: #919191; }

.fi-tag--live { --text-color: #e61e00; --border-color: #e61e00; --bg-color: transparent; --text-color-hover: #fff; --bg-color-hover: #e61e00; --text-color-active: #fff; --bg-color-active: #e61e00; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.card-article-list-s-skeleton { column-gap: 16px; display: flex; }

@media screen and (max-width: 879px) {
  .card-article-list-s-skeleton { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
}

.card-article-list-s-skeleton__img { border-radius: 16px; height: 100px; width: 100px; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-list-s-skeleton__img { animation: auto ease 0s 1 normal none running none; }
}

@media (min-width: 880px) {
  .card-article-list-s-skeleton__img { aspect-ratio: 16 / 9; height: auto; min-width: 144px; width: 144px; }
}

.card-article-list-s-skeleton__text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; gap: 8px; }

.card-article-list-s-skeleton__text-line { border-radius: 4px; height: 1.8rem; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .card-article-list-s-skeleton__text-line { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .card-article-list-s-skeleton__text-line:nth-child(3) { width: 50%; }
}

@media (min-width: 880px) {
  .card-article-list-s-skeleton__text-line:nth-child(3) { width: 33%; }
}

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.most-read-skeleton { padding-bottom: 32px; padding-top: 32px; }

@media (min-width: 1200px) {
  .most-read-skeleton { padding-bottom: 40px; padding-top: 40px; }
}

.most-read-skeleton__title { border-radius: 4px; height: 2.4rem; margin-bottom: 40px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .most-read-skeleton__title { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .most-read-skeleton__title { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .most-read-skeleton__title { width: 30%; }
}

@media screen and (min-width: 880px) {
  .most-read-skeleton__title { width: 25%; }
}

@media (min-width: 1200px) {
  .most-read-skeleton__title { margin-bottom: 48px; }
}

.most-read-skeleton__items { display: flex; flex-wrap: wrap; position: relative; }

@media screen and (max-width: 1199px) {
  .most-read-skeleton__items { row-gap: 24px; }
}

@media screen and (min-width: 1200px) {
  .most-read-skeleton__items { row-gap: 32px; }
}

.most-read-skeleton__items::before { background-color: rgb(220, 222, 232); content: ""; height: 2px; position: absolute; top: -24px; width: 100%; }

@media (min-width: 1200px) {
  .most-read-skeleton__items::before { top: -32px; }
}

.most-read-skeleton__item { width: 100%; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.coral-thread-skeleton { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.coral-thread-skeleton__comments, .coral-thread-skeleton__description, .coral-thread-skeleton__tabs, .coral-thread-skeleton__textarea { border-radius: 16px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .coral-thread-skeleton__comments, .coral-thread-skeleton__description, .coral-thread-skeleton__tabs, .coral-thread-skeleton__textarea { animation: auto ease 0s 1 normal none running none; }
}

.coral-thread-skeleton__description, .coral-thread-skeleton__tabs { height: 60px; }

.coral-thread-skeleton__textarea { height: 160px; }

.coral-thread-skeleton__comments { height: 130px; }

.coral-thread-skeleton__btn { align-self: center; border-radius: 66px; height: 33px; width: 160px; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media screen and (prefers-reduced-motion: reduce) {
  .coral-thread-skeleton__btn { animation: auto ease 0s 1 normal none running none; }
}

.coral-thread-skeleton__tabs { margin-bottom: 40px; }

.coral-thread-skeleton__btn, .coral-thread-skeleton__description { margin-bottom: 24px; }

.coral-thread-skeleton__textarea { margin-bottom: 6px; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.comments-embed { position: relative; }

.comments-embed__sticky-action { display: none; -webkit-box-pack: center; bottom: 16px; justify-content: center; position: absolute; width: 100%; }

.comments-embed__sticky-action::before { background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%, rgb(255, 255, 255)); bottom: 0px; content: ""; height: 230px; position: absolute; width: 100%; z-index: 1; }

.comments-embed__btn-more { z-index: 2; }

.comments-embed #coral_thread { min-height: 540px; }

.comments-embed--limited-height #coral_thread { max-height: 600px; overflow: hidden; }

.comments-embed--limited-height .comments-embed__sticky-action { display: flex; }

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.dialog, .dialog__overlay { display: none; }