@charset "utf-8";

.the-media-object { display: grid; grid-auto-rows: min-content; position: relative; row-gap: 8px; }

.the-media-object:hover:not(:has(.the-media-object__metas:hover)) .the-media-object__image { opacity: 0.8; }

.the-media-object:hover:not(:has(.the-media-object__metas:hover)) .the-media-object__title { text-decoration: underline; text-underline-offset: 2px; }

.the-media-object__debugger { display: none; }

.the-media-object:hover .the-media-object__debugger { background: var(--color-black); display: block; height: 180px; overflow-y: scroll; position: absolute; right: 50%; width: 400px; }

.the-media-object__content { display: flex; flex-direction: column; gap: 8px; grid-area: content; }

.the-media-object__metas { color: var(--the-media-object__metas-color,var(--label-color)); font-size: var(--font-14); font-weight: var(--font-weight-heavy); line-height: 1; padding-top: 2px; white-space: nowrap; width: fit-content; z-index: 1; }

.the-media-object__metas:not(.the-media-object__metas-no-link):focus, .the-media-object__metas:not(.the-media-object__metas-no-link):hover { color: var(--the-media-object__metas-color,var(--label-color)); text-decoration: underline; text-underline-offset: 2px; }

.the-media-object__metas--branded { background: var(--color-grey-11); color: var(--color-white); cursor: pointer; padding: 5px; z-index: auto; }

.the-media-object__metas--branded:hover { color: var(--color-white); text-decoration: none; }

.the-media-object__link { color: var(--the-media-object__link-color,var(--color-black)); display: flex; flex-direction: column; gap: 8px; }

.the-media-object__link:focus, .the-media-object__link:hover { color: var(--the-media-object__link-color,var(--color-black)); text-decoration: underline; text-underline-offset: 2px; }

.the-media-object__link::after { content: ""; inset: 0px; position: absolute; }

.the-media-object__figure { grid-area: figure; margin: initial; max-height: fit-content; position: relative; }

.the-media-object__image { width: 100%; }

.the-media-object__now { align-items: center; background: var(--color-the-media-object--nowplaying); display: flex; font-size: var(--font-16); font-weight: var(--font-weight-bold); inset: 0px; justify-content: center; z-index: var(--z-index-default); }

.the-media-object__next, .the-media-object__now { color: var(--color-white); padding: 8px; position: absolute; text-transform: uppercase; }

.the-media-object__next { background: var(--color-primary-neon-blue); font-size: var(--font-12); inset-inline-start: 0px; }

.the-media-object__icon { position: absolute; }

.the-media-object__icon.c-icon-gallery { align-items: center; display: flex; justify-content: center; }

.the-media-object__title { font-size: var(--font-18); font-weight: var(--font-weight-bold); line-height: 1.2; }

@media print, screen and (min-width: 64em) {
  .the-media-object__title { font-size: var(--font-20); }
}

.the-media-object__title.the-media-object__title--big { font-weight: var(--font-weight-heavy); }

@media print, screen and (min-width: 64em) {
  .the-media-object__title.the-media-object__title--big { font-size: var(--font-24); }
}

.the-media-object__description { font-size: var(--font-14); line-height: 1.6; }

.the-media-object__date { color: var(--the-media-object__date-color,var(--color-grey-8)); font-size: var(--font-12); text-transform: uppercase; }

.the-media-object__quote { color: var(--the-media-object__quote-color,var(--color-grey-9)); font-size: var(--font-12); }

.the-media-object__geoblockedmsg { align-items: center; aspect-ratio: 16 / 9; background-color: var(--the-media-object__geoblockedmsg-bg-color,var(--color-grey-4)); color: var(--the-media-object__geoblockedmsg-color,var(--color-grey-12)); display: flex; flex-direction: column; gap: 10px; justify-content: center; padding: 40px; text-align: center; }

.the-media-object__geoblockedmsg__icon { fill: var(--color-grey-6); height: 40px; width: 40px; }

.the-media-object.m-modeDesktop-1 .the-media-object__figure, .the-media-object.m-modeMobile-1 .the-media-object__figure, .the-media-object.m-modeXL-1 .the-media-object__figure { overflow: hidden; }

@media screen and (max-width: 63.9988em) {
  .the-media-object.m-modeDesktop-1 { grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeDesktop-1 .the-media-object__title { font-size: var(--font-16); }
  .the-media-object.m-modeDesktop-1 .the-media-object__title.the-media-object__title--big { font-size: var(--font-18); }
}

@media screen and (min-width: 64em) and (max-width: 79.9988em) {
  .the-media-object.m-modeDesktop-1 { grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeDesktop-1 .the-media-object__title { font-size: var(--font-18); }
  .the-media-object.m-modeDesktop-1 .the-media-object__title.the-media-object__title--big { font-size: var(--font-24); }
}

@media screen and (min-width: 80em) {
  .the-media-object.m-modeXL-1 { grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeXL-1 .the-media-object__title { font-size: var(--font-18); }
  .the-media-object.m-modeXL-1 .the-media-object__title.the-media-object__title--big { font-size: var(--font-24); }
}

.the-media-object.m-modeDesktop-2 .the-media-object__image, .the-media-object.m-modeMobile-2 .the-media-object__image, .the-media-object.m-modeXL-2 .the-media-object__image { position: relative; }

.the-media-object.m-modeDesktop-2 .the-media-object__link, .the-media-object.m-modeMobile-2 .the-media-object__link, .the-media-object.m-modeXL-2 .the-media-object__link { flex-grow: 1; }

@media screen and (max-width: 63.9988em) {
  .the-media-object.m-modeMobile-2 { column-gap: 16px; grid-template-areas: "figure content"; grid-template-columns: 40% minmax(0px, 1fr); }
  .the-media-object.m-modeMobile-2 .the-media-object__figure { overflow: initial; }
  .the-media-object.m-modeMobile-2 .the-media-object__title { font-size: var(--font-14); }
}

@media screen and (min-width: 64em) and (max-width: 79.9988em) {
  .the-media-object.m-modeDesktop-2 { column-gap: 16px; grid-template-areas: "figure content"; grid-template-columns: 40% minmax(0px, 1fr); }
  .the-media-object.m-modeDesktop-2 .the-media-object__figure { overflow: initial; }
  .the-media-object.m-modeDesktop-2 .the-media-object__title { font-size: var(--font-16); }
}

@media screen and (min-width: 80em) {
  .the-media-object.m-modeXL-2 { column-gap: 16px; grid-template-areas: "figure content"; grid-template-columns: 40% minmax(0px, 1fr); }
  .the-media-object.m-modeXL-2 .the-media-object__figure { overflow: initial; }
  .the-media-object.m-modeXL-2 .the-media-object__title { font-size: var(--font-16); }
}

@media screen and (max-width: 63.9988em) {
  .the-media-object.m-modeMobile-3 { grid-template-areas: "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeMobile-3 .the-media-object__title { font-size: var(--font-14); }
}

@media screen and (min-width: 64em) and (max-width: 79.9988em) {
  .the-media-object.m-modeDesktop-3 { grid-template-areas: "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeDesktop-3 .the-media-object__title { font-size: var(--font-16); }
}

@media screen and (min-width: 80em) {
  .the-media-object.m-modeXL-3 { grid-template-areas: "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeXL-3 .the-media-object__title { font-size: var(--font-16); }
}

@media screen and (max-width: 63.9988em) {
  .the-media-object.m-modeMobile-5 { box-shadow: rgba(0, 0, 0, 0.2) 1px 4px 10px; grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeMobile-5::before { background-color: var(--the-media-object__mode-border-color,var(--color-primary-main-blue)); bottom: 0px; content: ""; display: block; height: 8px; left: 0px; position: absolute; transition: var(--transition-button); width: 100%; }
  .the-media-object.m-modeMobile-5:hover::before { height: 0px; }
  .the-media-object.m-modeMobile-5 .the-media-object__title { font-size: var(--font-16); }
  .the-media-object.m-modeMobile-5 .the-media-object__content { padding: 16px 24px 24px; }
}

@media screen and (min-width: 64em) and (max-width: 79.9988em) {
  .the-media-object.m-modeDesktop-5 { background-color: var(--color-white); box-shadow: rgba(0, 0, 0, 0.2) 1px 4px 10px; grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeDesktop-5::before { background-color: var(--the-media-object__mode-border-color,var(--color-primary-main-blue)); bottom: 0px; content: ""; display: block; height: 8px; left: 0px; position: absolute; transition: var(--transition-button); width: 100%; }
  .the-media-object.m-modeDesktop-5:hover::before { height: 0px; }
  .the-media-object.m-modeDesktop-5 .the-media-object__title { font-size: var(--font-18); }
  .the-media-object.m-modeDesktop-5 .the-media-object__content { padding: 16px 24px 24px; }
}

@media screen and (min-width: 80em) {
  .the-media-object.m-modeXL-5 { background-color: var(--color-white); box-shadow: rgba(0, 0, 0, 0.2) 1px 4px 10px; grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeXL-5::before { background-color: var(--the-media-object__mode-border-color,var(--color-primary-main-blue)); bottom: 0px; content: ""; display: block; height: 8px; left: 0px; position: absolute; transition: var(--transition-button); width: 100%; }
  .the-media-object.m-modeXL-5:hover::before { height: 0px; }
  .the-media-object.m-modeXL-5 .the-media-object__title { font-size: var(--font-18); }
  .the-media-object.m-modeXL-5 .the-media-object__content { padding: 16px 24px 24px; }
}

@media screen and (max-width: 63.9988em) {
  .the-media-object.m-modeMobile-6 { box-shadow: none; grid-template-areas: "figure" "content"; grid-template-columns: 1fr; }
  .the-media-object.m-modeMobile-6::before { display: none; }
  .the-media-object.m-modeMobile-6 .the-media-object__title { font-size: var(--font-16); }
}

@media screen and (min-width: 64em) and (max-width: 79.9988em) {
  .the-media-object.m-modeDesktop-6 { --the-media-object-title-width: 460px; --the-media-object-title-top-position: 150px; box-shadow: none; grid-template-areas: "figure content"; grid-template-columns: 80% minmax(0px, 1fr); }
  .the-media-object.m-modeDesktop-6:hover .the-media-object__content::before { height: 0px; }
  .the-media-object.m-modeDesktop-6::before { display: none; }
  .the-media-object.m-modeDesktop-6 .the-media-object__content { background: var(--color-white); box-shadow: rgba(0, 0, 0, 0.2) 0.05em 0.2em 0.6em; inset-inline-end: 0px; padding: 32px; position: absolute; top: var(--the-media-object-title-top-position); width: var(--the-media-object-title-width); }
  .the-media-object.m-modeDesktop-6 .the-media-object__content::before { background-color: var(--the-media-object__mode-border-color); bottom: 0px; content: ""; display: block; height: 8px; left: 0px; position: absolute; transition: var(--transition-button); width: 100%; }
  .the-media-object.m-modeDesktop-6 .the-media-object__title { font-size: var(--font-24); }
}

@media screen and (min-width: 80em) {
  .the-media-object.m-modeXL-6 { --the-media-object-title-width: 460px; --the-media-object-title-top-position: 220px; box-shadow: none; grid-template-areas: "figure content"; grid-template-columns: 80% minmax(0px, 1fr); }
  .the-media-object.m-modeXL-6:hover .the-media-object__content::before { height: 0px; }
  .the-media-object.m-modeXL-6::before { display: none; }
  .the-media-object.m-modeXL-6.the-media-object--image-full-width .the-media-object__image { width: 100%; }
  .the-media-object.m-modeXL-6 .the-media-object__content { background: var(--color-white); box-shadow: rgba(0, 0, 0, 0.2) 0.05em 0.2em 0.6em; inset-inline-end: 0px; padding: 32px; position: absolute; top: var(--the-media-object-title-top-position); width: var(--the-media-object-title-width); }
  .the-media-object.m-modeXL-6 .the-media-object__content::before { background-color: var(--the-media-object__mode-border-color,var(--color-primary-main-blue)); bottom: 0px; content: ""; display: block; height: 8px; left: 0px; position: absolute; transition: var(--transition-button); width: 100%; }
  .the-media-object.m-modeXL-6 .the-media-object__title { font-size: var(--font-24); }
}

.b-themegroup__main .the-media-object + .the-media-object { border-block-start: 1px solid var(--the-media-object__border-color,var(--color-grey-4)); }