.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}
.fab {
  font-family: "Font Awesome 6 Brands";
}
.fa-comment:before {
  content: "\f075";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("/fonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-brands-400.woff2") format("woff2");
}
.fab {
  font-weight: 400;
}
.fa-facebook:before {
  content: "\f09a";
}
:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("/fonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-regular-400.woff2") format("woff2");
  unicode-range:
    u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e,
    u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094,
    u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7,
    u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
.far {
  font-weight: 400;
}
:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("/fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2") format("woff2");
}
.fas {
  font-weight: 900;
}
*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.mt-10 {
  margin-top: 40px;
}
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gap-x-13 {
  -webkit-column-gap: 52px;
  -moz-column-gap: 52px;
  column-gap: 52px;
}
.bg-gray100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.focus-visible\:border-2:focus-visible {
  border-width: 2px;
}
.focus-visible\:border-4:focus-visible {
  border-width: 4px;
}
.focus-visible\:border-solid:focus-visible {
  border-style: solid;
}
.focus-visible\:border-blue600:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(9 95 194 / var(--tw-border-opacity));
}
.focus-visible\:text-rosso600:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(221 0 0 / var(--tw-text-opacity));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:hover\:bg-gray800\/80:hover:focus-visible {
  background-color: rgb(46 46 46 / 0.8);
}
.group:has(:focus-visible) .group-focus-visible-within\:outline {
  outline-style: solid;
}
.info-dark .info-light .light\:focus-visible\:border-blue600:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(9 95 194 / var(--tw-border-opacity));
}
.info-dark .info-light .light\:focus-visible\:text-rosso600:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(221 0 0 / var(--tw-text-opacity));
}
.info-light .light\:focus-visible\:border-blue600:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(9 95 194 / var(--tw-border-opacity));
}
.info-light .light\:focus-visible\:text-rosso600:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(221 0 0 / var(--tw-text-opacity));
}
.light\:focus-visible\:border-blue600:focus-visible.info-light {
  --tw-border-opacity: 1;
  border-color: rgb(9 95 194 / var(--tw-border-opacity));
}
.light\:focus-visible\:text-rosso600:focus-visible.info-light {
  --tw-text-opacity: 1;
  color: rgb(221 0 0 / var(--tw-text-opacity));
}
.dark\:border-bronze900:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(73 50 24 / var(--tw-border-opacity));
}
.dark\:border-gray100:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 243 / var(--tw-border-opacity));
}
.dark\:border-gray100\/25:is(.info-dark *) {
  border-color: rgb(243 243 243 / 0.25);
}
.dark\:border-gray200:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.dark\:border-gray700:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(78 78 78 / var(--tw-border-opacity));
}
.dark\:border-gray800:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(46 46 46 / var(--tw-border-opacity));
}
.dark\:border-rosso200:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 166 166 / var(--tw-border-opacity));
}
.dark\:bg-burgundy500:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(138 2 25 / var(--tw-bg-opacity));
}
.dark\:bg-cosmos300:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(179 194 204 / var(--tw-bg-opacity));
}
.dark\:bg-deepSea400:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(110 201 192 / var(--tw-bg-opacity));
}
.dark\:bg-gray0:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:bg-gray0\/50:is(.info-dark *) {
  background-color: rgb(255 255 255 / 0.5);
}
.dark\:bg-gray100:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.dark\:bg-gray100\/10:is(.info-dark *) {
  background-color: rgb(243 243 243 / 0.1);
}
.dark\:bg-gray100\/30:is(.info-dark *) {
  background-color: rgb(243 243 243 / 0.3);
}
.dark\:bg-gray600:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 107 107 / var(--tw-bg-opacity));
}
.dark\:bg-gray700:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 78 / var(--tw-bg-opacity));
}
.dark\:bg-gray800:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.dark\:bg-gray900:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 19 / var(--tw-bg-opacity));
}
.dark\:bg-gray999:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark\:bg-gray999\/50:is(.info-dark *) {
  background-color: rgb(0 0 0 / 0.5);
}
.dark\:bg-green800:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 91 64 / var(--tw-bg-opacity));
}
.dark\:bg-green900:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 62 37 / var(--tw-bg-opacity));
}
.dark\:bg-jade300:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(128 210 184 / var(--tw-bg-opacity));
}
.dark\:bg-rosso400:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 72 72 / var(--tw-bg-opacity));
}
.dark\:bg-rosso500:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 5 5 / var(--tw-bg-opacity));
}
.dark\:bg-wine100:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 200 205 / var(--tw-bg-opacity));
}
.dark\:bg-gradient-to-b:is(.info-dark *) {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tw-gradient-stops))
  );
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.dark\:from-gray800\/10:is(.info-dark *) {
  --tw-gradient-from: rgb(46 46 46 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 46 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray900\/0:is(.info-dark *) {
  --tw-gradient-from: rgb(19 19 19 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 19 19 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-gray800:is(.info-dark *) {
  --tw-gradient-to: rgb(46 46 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from), #2e2e2e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.dark\:via-gray900:is(.info-dark *) {
  --tw-gradient-to: rgb(19 19 19 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from), #131313 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.dark\:to-gray800:is(.info-dark *) {
  --tw-gradient-to: #2e2e2e var(--tw-gradient-to-position);
}
.dark\:to-gray900:is(.info-dark *) {
  --tw-gradient-to: #131313 var(--tw-gradient-to-position);
}
.dark\:fill-jade300:is(.info-dark *) {
  fill: #80d2b8;
}
.dark\:text-blue400:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(111 139 251 / var(--tw-text-opacity));
}
.dark\:text-gray100:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 243 243 / var(--tw-text-opacity));
}
.dark\:text-gray200:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:text-gray400:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 166 166 / var(--tw-text-opacity));
}
.dark\:text-gray500:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(137 137 137 / var(--tw-text-opacity));
}
.dark\:text-gray900:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(19 19 19 / var(--tw-text-opacity));
}
.dark\:text-gray999:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark\:text-jade100:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 237 225 / var(--tw-text-opacity));
}
.dark\:text-rosso100:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(246 191 191 / var(--tw-text-opacity));
}
.dark\:text-rosso200:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 166 166 / var(--tw-text-opacity));
}
.dark\:text-rosso400:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 72 72 / var(--tw-text-opacity));
}
.dark\:outline-blue400:is(.info-dark *) {
  outline-color: #6f8bfb;
}
.dark\:outline-bronze900:is(.info-dark *) {
  outline-color: #493218;
}
.dark\:outline-gray700:is(.info-dark *) {
  outline-color: #4e4e4e;
}
.dark\:invert:is(.info-dark *) {
  --tw-invert: invert(100%);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:placeholder\:text-gray200:is(.info-dark *)::-webkit-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-gray200:is(.info-dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-gray200:is(.info-dark *):-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-gray200:is(.info-dark *)::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-gray200:is(.info-dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.dark\:even\:bg-gray800:nth-child(2n):is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.dark\:hover\:border-blue400:hover:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(111 139 251 / var(--tw-border-opacity));
}
.dark\:hover\:border-gray100:hover:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 243 / var(--tw-border-opacity));
}
.dark\:hover\:bg-gray0\/10:hover:is(.info-dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-gray100\/10:hover:is(.info-dark *) {
  background-color: rgb(243 243 243 / 0.1);
}
.dark\:hover\:bg-gray200:hover:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity));
}
.dark\:hover\:text-blue400:hover:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(111 139 251 / var(--tw-text-opacity));
}
.dark\:hover\:text-gray100:hover:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 243 243 / var(--tw-text-opacity));
}
.dark\:hover\:text-gray900:hover:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(19 19 19 / var(--tw-text-opacity));
}
.dark\:hover\:text-rosso300:hover:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
.dark\:focus\:border-rosso200:focus:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 166 166 / var(--tw-border-opacity));
}
.dark\:focus-visible\:border-blue400:focus-visible:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(111 139 251 / var(--tw-border-opacity));
}
.dark\:focus-visible\:text-rosso300:focus-visible:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
.dark\:active\:border-gray100:active:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 243 / var(--tw-border-opacity));
}
.group:hover .dark\:group-hover\:bg-gray100\/10:is(.info-dark *) {
  background-color: rgb(243 243 243 / 0.1);
}
.group:hover .dark\:group-hover\:bg-gray200:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity));
}
.group\/link:hover .dark\:group-hover\/link\:text-rosso300:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover\:text-gray900:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(19 19 19 / var(--tw-text-opacity));
}
.group:hover .group-hover-focus\:dark\:border-gray200:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.group:hover .dark\:group-hover-focus\:bg-gray800:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover-focus\:text-gray200:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover-focus\:text-rosso300:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
.group:focus-within .group-hover-focus\:dark\:border-gray200:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.group:focus-within .dark\:group-hover-focus\:bg-gray800:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.group:focus-within .dark\:group-hover-focus\:text-gray200:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.group:focus-within .dark\:group-hover-focus\:text-rosso300:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
.group:focus .group-hover-focus\:dark\:border-gray200:is(.info-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.group:focus .dark\:group-hover-focus\:bg-gray800:is(.info-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.group:focus .dark\:group-hover-focus\:text-gray200:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(223 223 223 / var(--tw-text-opacity));
}
.group:focus .dark\:group-hover-focus\:text-rosso300:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity));
}
@media (hover: hover), (pointer: fine) {
  .dark\:mouse-hover-touch-active\:bg-gray100:hover:is(.info-dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
  }
}
@media (hover: none), (pointer: coarse) {
  .dark\:mouse-hover-touch-active\:bg-gray100:active:is(.info-dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
  }
}
.peer:focus
  ~ .group
  .dark\:parent-peer-hover-focus\:text-deepSea400:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 201 192 / var(--tw-text-opacity));
}
.peer:hover
  ~ .group
  .dark\:parent-peer-hover-focus\:text-deepSea400:is(.info-dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 201 192 / var(--tw-text-opacity));
}
@media (max-width: 1023px) {
  .xsToSm\:mt-8 {
    margin-top: 32px;
  }
}
@media (max-width: 1239px) {
  .xsToMd\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xsToMd\:mb-10 {
    margin-bottom: 40px;
  }
  .xsToMd\:max-w-article {
    max-width: 770px;
  }
}
@media (min-width: 1240px) {
  .lg\:mt-10 {
    margin-top: 40px;
  }
}
@media (min-width: 1366px) {
  .xl\:gap-x-25 {
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
}
@media print {
  .print\:hidden {
    display: none;
  }
  .print\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
a {
  text-decoration: none;
}
button {
  background: 0px 0px;
  border: none;
  cursor: pointer;
  padding: 0px;
}
html {
  max-width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: calc(50% - 200px);
}
body {
  background: rgb(244, 244, 244);
  color: rgb(0, 0, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0px;
  max-width: 100vw;
  padding: 0px;
  text-size-adjust: 100%;
}
a img {
  border: none;
}
i {
  font-style: italic;
}
:root {
  --heights-player-ohdio: 60px;
  --heights-navigationBar: 55px;
  --heights-navWithParent: 55px;
}
html body {
  max-width: 100vw;
  overflow-x: initial !important;
}
a,
body,
canvas,
div,
footer,
h1,
h2,
h3,
h5,
header,
html,
i,
img,
li,
nav,
p,
section,
span,
strong,
ul {
  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;
}
a {
  color: currentcolor;
  text-decoration: none;
}
footer,
header,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
svg {
  max-width: 100%;
}
strong {
  font-weight: 700;
}
ul {
  list-style: none;
}
button {
  background: 0px 0px;
  border: 0px;
  color: currentcolor;
  font-size: inherit;
  font-weight: inherit;
  margin: 0px;
  cursor: pointer;
  padding: 0px;
}
img {
  max-width: 100%;
}
body {
  text-wrap: pretty;
}
html {
  --info-shell-nav-height: 0px;
  font-size: 1rem;
  background: var(--info-color-background-body);
  -webkit-font-smoothing: antialiased;
}
body {
  font-size: 1rem;
  background: var(--info-color-background-body);
  color: var(--info-color-text-bodyTitle);
  font-family: "Radio Canada", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
:root {
  --info-color-background-body: #fff;
  --info-color-background-defaultIOS: #fff;
  --info-color-background-video: #131313;
  --info-color-background-loadingBar: #d4d4d4;
  --info-color-background-breakDefault: #f3f3f3;
  --info-color-background-classicLinkHover: rgba(0, 0, 0, 0.07);
  --info-color-background-heroHeader: #000;
  --info-color-background-darkLineup: #000;
  --info-color-background-tagLive: #fdd501;
  --info-color-background-tagComingSoon: #f3f3f3;
  --info-color-background-tagFinished: #f3f3f3;
  --info-color-background-tagVod: #f3f3f3;
  --info-color-background-tagInfo: #d00;
  --info-color-background-tagAmber: #f99c00;
  --info-color-background-tagPodium: #003c56;
  --info-color-background-tagArts: #de2960;
  --info-color-background-tagOlympics: #fbeab7;
  --info-color-background-tagTele: #c22d8b;
  --info-color-background-tagImminent: #fdd501;
  --info-color-background-buttonPrimary: #131313;
  --info-color-background-buttonPrimaryHover: #4e4e4e;
  --info-color-background-buttonPrimaryDisabled: #c4c4c4;
  --info-color-background-buttonPressed: #6b6b6b;
  --info-color-background-buttonAccentDefault: #561622;
  --info-color-background-buttonAccentHover: #753441;
  --info-color-background-buttonAccentPressed: #661a2a;
  --info-color-background-buttonOhdio: #206e66;
  --info-color-background-buttonOhdioHover: #67aba4;
  --info-color-background-buttonOhdioPressed: #67aba4;
  --info-color-background-buttonOhdioAccent: #f8faf8;
  --info-color-background-successLight: #f6fcf9;
  --info-color-background-municipalElectionsModule: #ececec;
  --info-color-background-municipalElectionsHowto: #d4d4d4;
  --info-color-background-municipalElectionsExploreMunicipalities: #fafafa;
  --info-color-background-municipalElectionsRegions: #4667af;
  --info-color-background-districtCard: #fafafa;
  --info-color-background-noticeCard: #ececec;
  --info-color-background-dropdownActiveItem: #ececec;
  --info-color-background-accordionActive: rgba(215, 196, 160, 0.2);
  --info-color-background-pictureModalButton: rgba(0, 0, 0, 0.6);
  --info-color-background-customScrollBarThumb: #b59d83;
  --info-color-background-floatingActionItem: rgba(255, 255, 255, 0.6);
  --info-color-background-sharedPost: #f3f3f3;
  --info-color-background-sharedPostFloatingActionItem: rgba(
    243,
    243,
    243,
    0.6
  );
  --info-color-background-videoModuleSeekBarTrack: rgba(255, 255, 255, 0.6);
  --info-color-background-videoModuleCardActive: rgba(0, 0, 0, 0.1);
  --info-color-background-immersiveCard: #000;
  --info-color-background-mainHeadlinesRegionSelectHover: rgba(0, 0, 0, 0.1);
  --info-color-background-weekendListGreen: #cdece1;
  --info-color-background-weekendListRed: #dcc8cd;
  --info-color-background-secondaryExtraLight: #f7f2eb;
  --info-color-background-containerModal: #fff;
  --info-color-background-dropdownButtonHover: rgba(0, 0, 0, 0.15);
  --info-color-background-dropdownButtonActive: rgba(0, 0, 0, 0.25);
  --info-color-background-viafouraPrimary10: rgba(0, 0, 0, 0.1);
  --info-color-background-viafouraPrimary15: rgba(0, 0, 0, 0.25);
  --info-color-background-viafouraPrimary20: rgba(0, 0, 0, 0.3);
  --info-color-text-body: #4e4e4e;
  --info-color-text-bodyTitle: #131313;
  --info-color-text-titleLight: #737373;
  --info-color-text-textLight: #4e4e4e;
  --info-color-text-tertiary: #6b6b6b;
  --info-color-text-buttonSecondary: #131313;
  --info-color-text-buttonSecondaryHover: #fff;
  --info-color-text-buttonPrimary: #fff;
  --info-color-text-buttonAccent: #fff;
  --info-color-text-buttonAccentHard: #561622;
  --info-color-text-tagLive: #131313;
  --info-color-text-tagComingSoon: #131313;
  --info-color-text-tagFinished: #131313;
  --info-color-text-tagInfo: #fff;
  --info-color-text-tagAmber: #131313;
  --info-color-text-tagPodium: #fff;
  --info-color-text-tagArts: #fff;
  --info-color-text-tagOlympics: #131313;
  --info-color-text-tagTele: #fff;
  --info-color-text-tagVod: #131313;
  --info-color-text-tagImminent: #131313;
  --info-color-text-success: #1e8552;
  --info-color-text-classicLink: #095fc2;
  --info-color-text-cardSignature: #131313;
  --info-color-text-cardPlayIcon: #fff;
  --info-color-text-pictureExpandIcon: #fff;
  --info-color-text-relatedContentIcon: #a9b8b3;
  --info-color-border-section: #c4c4c4;
  --info-color-border-sectionStrong: #898989;
  --info-color-border-sectionStronger: #131313;
  --info-color-border-element: #b4b4b4;
  --info-color-border-buttonSecondary: #131313;
  --info-color-border-buttonAccentHard: #561622;
  --info-color-border-buttonAccentHover: #fce6e6;
  --info-color-border-buttonAccentPressed: #f6bfbf;
  --info-color-border-buttonOhdio: #206e66;
  --info-color-border-buttonOhdioAccent: #f8faf8;
  --info-color-border-buttonOhdioHover: #67aba4;
  --info-color-border-buttonOhdioPressed: #67aba4;
  --info-color-border-faqContent: #4e4e4e;
  --info-color-border-municipalElectionsLight: #dedede;
  --info-color-border-municipalElectionsMedium: #b4b4b4;
  --info-color-border-municipalElectionsDark: #131313;
  --info-color-border-municipalElectionsCandidates: #ececec;
  --info-color-border-input: rgba(0, 0, 0, 0.3);
  --info-color-border-activeInput: #005b89;
  --info-color-border-autocompleteSearchListItem: #f3f3f3;
  --info-color-border-autocompleteSearchListItemFocus: #005b89;
  --info-color-border-autocompleteSearchListItemHover: rgba(0, 91, 137, 0.07);
  --info-color-border-relatedContentBorder: #eeeeee;
  --info-color-border-lineupGrid: #c4c4c4;
  --info-color-border-contrastLow: #dfdfdf;
  --info-color-border-blackBorderGrid: #4e4e4e;
  --info-color-box-shadow-dropdown: 0px 0px 15px rgba(0, 0, 0, 0.25);
  --info-color-box-shadow-dp1:
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12),
    0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  --info-color-box-shadow-dp6:
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12),
    0px 3px 5px -1px rgba(0, 0, 0, 0.2);
}
:root {
  --oh-player-bg-button-click: rgba(0, 0, 0, 0.1);
  --oh-bg-container-musique-default: #4254c6;
  --oh-bg-container-musique-classique-default: #5862b7;
  --oh-bg-container-ohdio-default: #206e66;
  --oh-bg-container-player: #ffffff;
  --oh-bg-container-premiere-default: #fa6610;
  --oh-bg-gradient-musique-start: 124, 159, 248;
  --oh-bg-gradient-musique-end: 66, 84, 198;
  --oh-bg-gradient-musique-classique-start: 246, 225, 216;
  --oh-bg-gradient-musique-classique-end: 134, 144, 234;
  --oh-bg-gradient-ohdio-start: 255, 255, 255;
  --oh-bg-gradient-ohdio-end: 229, 241, 240;
  --oh-bg-gradient-premiere-start: 243, 175, 62;
  --oh-bg-gradient-premiere-end: 250, 102, 16;
  --oh-player-bg-range-track-backward: rgba(255, 255, 255, 0.4);
  --oh-player-bg-range-track-forward: rgba(12, 12, 12, 0.2);
  --oh-int-primary-default: #206e66;
  --oh-int-primary-disabled: #bfdcd9;
  --oh-int-primary-hover: #67aba4;
  --oh-int-primary-neutral: #ffffff;
  --oh-int-tertiary-default: #206e66;
  --oh-int-tertiary-hover: #494952;
  --oh-com-overlays-80: rgba(12, 12, 12, 0.8);
  --oh-com-progress-bar-player: #dbdce0;
  --oh-com-tag-accent: #e5f1f0;
  --oh-com-tag-live: #ffd501;
  --oh-com-tag-neutral: #ffffff;
  --oh-com-tag-neutral-dark: #0c0c0c;
  --oh-txt-accent: #206e66;
  --oh-txt-inversed: #ffffff;
  --oh-txt-links-default: #206e66;
  --oh-txt-links-hover: #494952;
  --oh-txt-primary: #0c0c0c;
  --oh-txt-secondary: #494952;
  --oh-txt-tertiary: #787b89;
  --oh-player-height: 0px;
}
:root {
  --info-color-brand-primary: #d00;
}
.main-container button,
.main-container textarea {
  appearance: none;
}
.react-app button:disabled,
.react-app textarea:disabled {
  cursor: not-allowed;
}
.hidden-tag {
  border: 0px !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0px !important;
  position: absolute !important;
  width: 1px !important;
}
.grid-container-b2 {
  box-sizing: border-box;
  position: relative;
}
.grid-container-b2 .row {
  -webkit-box-align: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: wrap;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.grid-container-b2 .grid-view {
  display: flex;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.grid-container-b2 .grid-view .row {
  counter-reset: col 0;
  width: 100%;
}
.grid-container-b2 .grid-view .row .grid-view-col {
  background: rgba(0, 250, 217, 0.2);
  counter-increment: col 1;
  min-height: 100vh;
  position: relative;
}
.grid-container-b2 .grid-view .row .grid-view-col::before {
  color: rgb(0, 0, 0);
  content: counter(col);
  position: fixed;
  display: block;
  font-size: 1.3em;
  opacity: 0.6;
  padding: 5px;
  text-shadow:
    rgb(255, 255, 255) -1px -1px 0px,
    rgb(255, 255, 255) 1px -1px 0px,
    rgb(255, 255, 255) -1px 1px 0px,
    rgb(255, 255, 255) 1px 1px 0px;
  width: auto;
}
html body:not(.v4) * {
  box-sizing: border-box;
}
html body:not(.v4) .react-app .grid-container {
  display: none;
}
.fxfXcc {
  fill: black;
  pointer-events: none;
}
.kKKoFp {
  border: 0px !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0px !important;
  position: absolute !important;
  width: 1px !important;
}
.gpAVMp {
  color: rgb(34, 34, 34);
  background: 0px 0px;
  border: 0px;
  min-height: 48px;
  min-width: 48px;
  position: relative;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0px;
}
.gpAVMp::before {
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 17px -8px;
}
.gpAVMp::before {
  content: "";
  display: block;
  transition:
    background-color 0.3s,
    color 0.3s;
  z-index: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 36px;
  width: 36px;
}
.gpAVMp::after {
  border: 2px solid rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 17px -8px;
  content: "";
  display: block;
  position: absolute;
  transition: opacity 0.3s;
  opacity: 0;
  height: calc(40px);
  width: calc(40px);
  left: 2px;
  top: 2px;
}
.gpAVMp .icon {
  display: flex;
  min-width: 24px;
  left: 50%;
  top: 50%;
  margin: 0px;
  position: absolute;
  transform: translate(-50%, calc(-50%));
}
.gpAVMp .svg-icon {
  fill: rgb(34, 34, 34);
  transition: fill 0.3s;
  height: 24px;
  width: 24px;
}
.gpAVMp .flex-wrapper {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}
.gpAVMp.gpAVMp {
  height: 48px;
  min-height: 0px;
  min-width: 0px;
  width: 48px;
}
.gccwze {
  -webkit-box-align: center;
  align-items: center;
  inset: 0px;
  box-sizing: border-box;
  display: flex;
  font-size: 0px;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 0;
  opacity: 0;
  padding: 60px;
  position: fixed;
  transition: 0.3s;
  vertical-align: middle;
  visibility: hidden;
  width: 100%;
  z-index: 170;
}
.gccwze .lightbox-close-button {
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}
.gccwze .lightbox-shadow {
  background: rgba(0, 0, 0, 0.8);
  border: 0px;
  cursor: default;
  height: 100%;
  left: 0px;
  margin: 0px;
  padding: 0px;
  position: fixed;
  top: 0px;
  transition:
    background-color 1s,
    opacity 1s;
  width: 100%;
}
.gccwze .lightbox-wrapper {
  background-color: rgb(34, 34, 34);
  max-height: 100%;
  max-width: 100%;
  min-width: 300px;
  overflow: visible;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 1.3;
}
.wJeJO .video-pinned {
  bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 25px 0px;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 20px;
  width: 320px;
  z-index: 9000;
  zoom: 0;
}
.wJeJO .video-pinned-video-wrapper {
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.eGJooB {
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  width: 100%;
}
.eGJooB .main-container {
  display: block;
  width: 100%;
}
.eGJooB .main-container .main-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  height: 100%;
  position: relative;
  z-index: 10;
  max-width: 750px;
  padding: 0;
}
.eGJooB .main-container .main-content * {
  box-sizing: border-box;
}
.eGJooB .main-container .main-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  min-height: calc(100vh - var(--heights-navigationBar, 55px));
  width: 100%;
}
.eGJooB .grid-view {
  overflow-y: hidden;
}
.eGJooB .grid-view .row {
  overflow-y: hidden;
}
.beUHeC {
  margin: 0px auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
a {
  cursor: pointer;
}
@media print {
  * {
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
  }
  body {
    font-size: 0.8rem;
  }
  .react-app,
  body,
  html {
    width: 100% !important;
  }
  .grid-container,
  .main-container,
  body,
  html {
    height: auto;
    margin: 0px;
  }
  .g-lightbox,
  .video-controller {
    height: 0px;
    display: none !important;
  }
  .main-wrapper {
    margin-top: 0px !important;
  }
}
@media (min-width: 0) and (max-width: 640px) {
  .grid-container-b2 .row {
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media (min-width: 1024px) {
  .grid-container-b2 .row {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1240px) {
  .grid-container-b2 .row {
    padding-left: max(12px, 50% - 642.5px);
    padding-right: max(12px, 50% - 642.5px);
  }
}
@media (min-width: 0) and (max-width: 640px) {
  .grid-container-b2 [class*="col-xs-"] {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .grid-container-b2 [class*="col-sm-"] {
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .grid-container-b2 [class*="col-md-"] {
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1240px) and (max-width: 1365px) {
  .grid-container-b2 [class*="col-lg-"] {
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1366px) {
  .grid-container-b2 [class*="col-xl-"] {
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 0) and (max-width: 640px) {
  .grid-container-b2 .col-xs-1 {
    width: calc(25% - 10px);
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .grid-container-b2 .col-sm-1 {
    width: calc(12.5% - 20px);
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .grid-container-b2 .col-md-1 {
    width: calc(8.33333% - 20px);
  }
}
@media (min-width: 1240px) and (max-width: 1365px) {
  .grid-container-b2 .col-lg-1 {
    width: calc(6.25% - 20px);
  }
}
@media (min-width: 1366px) and (max-width: 99999px) {
  .grid-container-b2 .col-xl-1 {
    width: calc(5% - 20px);
  }
}
@media (min-width: 0) and (max-width: 640px) {
  .grid-container-b2 .grid-view {
    width: 100%;
  }
}
@media (min-width: 1240px) and (max-width: 1365px) {
  .grid-container-b2 .grid-view .row:not(.full-width)::after,
  .grid-container-b2 .grid-view .row:not(.full-width)::before {
    background: red;
    content: "lg padding";
    display: block;
    height: 100%;
    left: 20px;
    min-height: 100vh;
    opacity: 0.6;
    position: absolute;
    text-shadow:
      rgb(255, 255, 255) -1px -1px 0px,
      rgb(255, 255, 255) 1px -1px 0px,
      rgb(255, 255, 255) -1px 1px 0px,
      rgb(255, 255, 255) 1px 1px 0px;
    width: calc(5.55556% - 20px);
  }
  .grid-container-b2 .grid-view .row:not(.full-width)::after {
    left: auto;
    right: 20px;
  }
}
@media (min-width: 1366px) and (max-width: 1450px) {
  .grid-container-b2 .grid-view .row:not(.full-width)::after,
  .grid-container-b2 .grid-view .row:not(.full-width)::before {
    background: red;
    content: "xl padding";
    display: block;
    height: 100%;
    left: 20px;
    min-height: 100vh;
    opacity: 0.6;
    position: absolute;
    text-shadow:
      rgb(255, 255, 255) -1px -1px 0px,
      rgb(255, 255, 255) 1px -1px 0px,
      rgb(255, 255, 255) -1px 1px 0px,
      rgb(255, 255, 255) 1px 1px 0px;
    width: calc(4.54545% - 20px);
  }
  .grid-container-b2 .grid-view .row:not(.full-width)::after {
    left: auto;
    right: 20px;
  }
}
@media (min-width: 1450px) {
  .grid-container-b2 .grid-view .row:not(.full-width)::after,
  .grid-container-b2 .grid-view .row:not(.full-width)::before {
    background: red;
    content: "> 1450px";
    display: block;
    height: 100%;
    min-height: 100vh;
    opacity: 0.6;
    position: absolute;
    text-align: center;
    text-shadow:
      rgb(255, 255, 255) -1px -1px 0px,
      rgb(255, 255, 255) 1px -1px 0px,
      rgb(255, 255, 255) -1px 1px 0px,
      rgb(255, 255, 255) 1px 1px 0px;
    width: calc(-659.091px + 50vw);
    word-break: break-word;
  }
  .grid-container-b2 .grid-view .row:not(.full-width)::before {
    left: 0px;
  }
  .grid-container-b2 .grid-view .row:not(.full-width)::after {
    right: 0px;
  }
}
@media (min-width: 1366px) {
  .grid-container-b2 .grid-view .row .grid-view-col:nth-child(n + 21) {
    display: none;
  }
}
@media (min-width: 1240px) and (max-width: 1365px) {
  .grid-container-b2 .grid-view .row .grid-view-col:nth-child(n + 17) {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .grid-container-b2 .grid-view .row .grid-view-col:nth-child(n + 13) {
    display: none;
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .grid-container-b2 .grid-view .row .grid-view-col:nth-child(n + 9) {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 640px) {
  .grid-container-b2 .grid-view .row .grid-view-col:nth-child(n + 5) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .gpAVMp {
    min-height: 36px;
    min-width: 36px;
  }
}
@media (min-width: 1366px) {
  .gpAVMp {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .gpAVMp::after {
    left: -4px;
    top: -4px;
  }
}
@media (min-width: 1024px) {
  .gpAVMp.gpAVMp {
    height: 36px;
    width: 36px;
  }
}
@media (min-width: 0px) and (max-width: 640px) {
  .gccwze {
    padding: 30px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  .gccwze {
    padding: 45px;
  }
}
@media (min-width: 0px) and (max-width: 1365px) {
  .gccwze {
    padding: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .gccwze .lightbox-wrapper {
    max-width: 1400px;
  }
}
@media (min-width: 1240px) {
  .gccwze .lightbox-wrapper {
    max-width: 1860px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .beUHeC {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .beUHeC {
    max-width: calc(1313px);
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  :root {
    --oh-player-height: 0px;
  }
}
body,
html {
  overflow-x: hidden;
}
a img {
  max-width: 100%;
}
:root {
  --t-caret-icon-red-mask: rgb(201, 16, 36);
}
@media (prefers-color-scheme: blue) {
  :root {
    --t-caret-icon-red-mask: rgb(255, 102, 105);
  }
}
body {
  --t-body-bg: rgb(245, 245, 242);
  --t-a-color: rgb(201, 16, 36);
  --t-a-color-hover: rgb(141, 6, 20);
  --t-a-color-active: rgb(106, 11, 12);
}
@media (prefers-color-scheme: blue) {
  body {
    --t-body-bg: rgb(20, 20, 17);
    --t-a-color: rgb(255, 102, 105);
    --t-a-color-hover: rgb(255, 145, 147);
    --t-a-color-active: rgb(255, 187, 188);
  }
}
:root {
  --fec-gap: 16px;
}
@media (min-width: 1024px) {
  :root {
    --fec-gap: 24px;
  }
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  overflow-x: hidden;
}
@supports (font-variation-settings: normal) {
  body {
    font-family: SRG_SSR_Text_VF, sans-serif;
  }
}
html,
body {
  line-height: 1.5;
}
nav {
  display: inline;
}
ul {
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
a {
  text-decoration: none;
  color: var(--t-a-color);
}
a:hover {
  color: var(--t-a-color-hover);
}
a:active {
  color: var(--t-a-color-active);
}
strong {
  font-weight: 700;
  font-variation-settings: "wght" 500;
}
button,
textarea {
  font-family: inherit;
}
:focus {
  outline: none;
}
:root {
  --t-text-list: rgb(201, 16, 36);
  --t-a-underline: rgb(201, 16, 36);
  --t-a-underline-hover: rgb(141, 6, 20);
  --t-a-underline-active: rgb(106, 11, 12);
  --t-button-label: rgb(34, 33, 29);
  --t-button-label-bg: rgb(235, 235, 229);
  --t-button-label-hover: rgb(218, 218, 210);
}
@media (prefers-color-scheme: blue) {
  :root {
    --t-text-list: rgb(255, 102, 105);
    --t-a-underline: rgb(255, 102, 105);
    --t-a-underline-hover: rgb(255, 145, 147);
    --t-a-underline-active: rgb(255, 187, 188);
    --t-button-label: rgb(245, 245, 242);
    --t-button-label-bg: rgb(78, 77, 71);
    --t-button-label-hover: rgb(94, 93, 86);
  }
}
.h-offscreen {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.h-skiplink-target {
  overflow: visible;
  scroll-margin-top: 64px;
}
@media (min-width: 720px) {
  .h-skiplink-target {
    scroll-margin-top: 88px;
  }
}
body:before {
  content: "mobile";
  display: none;
}
@media (min-width: 720px) and (max-width: 1023px) {
  body:before {
    content: "tablet";
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 1280px) {
  body:before {
    content: "desktop-wide";
  }
}
.button {
  --t-button: rgb(255, 255, 255);
  --t-button-bg: rgb(78, 77, 71);
  --t-button-bg-hover: rgb(107, 105, 96);
  --t-button-bg-active: rgb(136, 133, 121);
  --t-button-secondary: rgb(78, 77, 71);
  --t-button-secondary-bg: rgb(235, 235, 229);
  --t-button-secondary-bg-hover: rgb(218, 218, 210);
  --t-button-secondary-bg-active: rgb(202, 200, 191);
  --t-button-white: rgb(78, 77, 71);
  --t-button-white-bg: rgb(250, 250, 248);
  --t-button-white-bg-hover: rgb(235, 235, 229);
  --t-button-white-bg-active: rgb(202, 200, 191);
  --t-button-dark: rgb(255, 255, 255);
  --t-button-dark-bg: rgb(78, 77, 71);
  --t-button-dark-bg-hover: rgb(107, 105, 96);
  --t-button-dark-bg-active: rgb(136, 133, 121);
  --t-button-inactive-bg: rgb(78, 77, 71);
  --t-button-pill-bg: rgb(250, 250, 248);
  --t-button-link-text: rgb(201, 16, 36);
  --t-button-neutral-text: rgb(34, 33, 29);
  --t-button-neutral-bg-hover: rgb(245, 245, 242);
  --t-button-neutral-bg-active: rgb(235, 235, 229);
  --t-button-accented-bg-hover: rgb(235, 235, 229);
  --t-button-accented-bg-active: rgb(218, 218, 210);
  --t-button-cta-bg-start: rgb(227, 31, 43);
  --t-button-cta-bg-end: rgb(201, 16, 36);
  --t-button-share: rgb(78, 77, 71);
  --t-button-share-bg: rgb(235, 235, 229);
  --t-button-share-bg-hover: rgb(218, 218, 210);
  --t-button-share-bg-active: rgb(202, 200, 191);
}
@media (prefers-color-scheme: blue) {
  .button {
    --t-button: rgb(34, 33, 29);
    --t-button-bg: rgb(185, 183, 172);
    --t-button-bg-hover: rgb(202, 200, 191);
    --t-button-bg-active: rgb(218, 218, 210);
    --t-button-secondary: rgb(255, 255, 255);
    --t-button-secondary-bg: rgb(78, 77, 71);
    --t-button-secondary-bg-hover: rgb(94, 93, 86);
    --t-button-secondary-bg-active: rgb(107, 105, 96);
    --t-button-white: rgb(255, 255, 255);
    --t-button-white-bg: rgb(56, 55, 50);
    --t-button-white-bg-hover: rgb(69, 68, 61);
    --t-button-white-bg-active: rgb(78, 77, 71);
    --t-button-dark: rgb(255, 255, 255);
    --t-button-dark-bg: rgb(78, 77, 71);
    --t-button-dark-bg-hover: rgb(107, 105, 96);
    --t-button-dark-bg-active: rgb(136, 133, 121);
    --t-button-inactive-bg: rgb(185, 183, 172);
    --t-button-pill-bg: rgb(56, 55, 50);
    --t-button-link-text: rgb(255, 102, 105);
    --t-button-neutral-text: rgb(255, 255, 255);
    --t-button-neutral-bg-hover: rgba(185, 183, 172, 0.12);
    --t-button-neutral-bg-active: rgba(185, 183, 172, 0.24);
    --t-button-accented-bg-hover: rgb(78, 77, 71);
    --t-button-accented-bg-active: rgb(69, 68, 61);
    --t-button-cta-bg-start: rgb(227, 31, 43);
    --t-button-cta-bg-end: rgb(201, 16, 36);
    --t-button-share: rgb(250, 250, 248);
    --t-button-share-bg: rgb(78, 77, 71);
    --t-button-share-bg-hover: rgb(94, 93, 86);
    --t-button-share-bg-active: rgb(107, 105, 96);
  }
}
.button {
  width: 100%;
  min-height: var(--fec-button-min-height, 48px);
  padding: var(--fec-button-padding, 13px 40px);
  font-size: 16px;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.8px;
  color: var(--t-button);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  margin-top: 20px;
  display: block;
  -webkit-appearance: none;
  background-color: var(--t-button-bg);
  box-shadow:
    0 1px 2px #00000029,
    0 0 2px #00000014;
  transition:
    background-color 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
}
.button .button-icon {
  min-width: 24px;
  height: 24px;
  margin: -1px 8px -7px -44px;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (min-width: 720px) {
  .button {
    width: auto;
  }
  .button .button-icon {
    margin-left: 0;
  }
}
.button .button-text {
  line-height: 1.5;
}
.button:hover,
.button:focus,
.button:active {
  outline: none;
  box-shadow:
    0 4px 8px #00000029,
    0 0 8px #00000014;
  color: var(--t-button);
}
.button:hover,
.button:focus {
  background-color: var(--t-button-bg-hover);
}
.button:active {
  background-color: var(--t-button-bg-active);
}
.button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background-color: transparent;
}
.button .button-wrapper {
  white-space: nowrap;
}
a.button {
  text-align: center;
  display: inline-block;
}
.button--no-spacing {
  margin-top: 0;
  margin-bottom: 0;
}
.button--transparent,
.button--transparent:hover,
.button--transparent:active,
.button--transparent:focus {
  color: var(--fec-button-color, var(--t-gl-nav-group-open-item-color));
  background-color: transparent;
  box-shadow: none;
}
.button-wrapper--svg-icon {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.button-wrapper--svg-icon .button-icon {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
}
@media (max-width: 719px) {
  .button--no-text-on-mobile .button-text {
    display: none;
  }
  .button--no-text-on-mobile .button-wrapper .button-icon {
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .button--no-text-on-desktop-down .button-text {
    display: none;
  }
  .button--no-text-on-desktop-down .button-wrapper .button-icon {
    margin-right: 0;
  }
}
.button--align-left {
  text-align: left;
}
.button--align-left .button-wrapper {
  justify-content: left;
  text-align: left;
}
.button--icon-button {
  padding: var(--fec-button-padding, 16px);
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 1.14;
  width: auto;
  transition: opacity 0.2s ease-in-out;
}
.button--icon-button:hover {
  opacity: 0.8;
}
.button--icon-button:active {
  opacity: 0.6;
}
.button--icon-button .button-icon {
  margin-right: 8px;
}
.svg-icon {
  --t-svg-icon-standard: rgb(78, 77, 71);
  --t-svg-icon-no-theme: rgb(255, 255, 255);
  --t-svg-icon-arrow-grey: rgb(78, 77, 71);
  --t-svg-icon-download-red: rgb(201, 16, 36);
  --t-svg-icon-download-success: rgb(26, 122, 197);
  --t-svg-icon-link-red: rgb(201, 16, 36);
}
@media (prefers-color-scheme: blue) {
  .svg-icon {
    --t-svg-icon-standard: rgb(255, 255, 255);
    --t-svg-icon-no-theme: rgb(255, 255, 255);
    --t-svg-icon-arrow-grey: rgb(250, 250, 248);
    --t-svg-icon-download-red: rgb(255, 255, 255);
    --t-svg-icon-download-success: rgb(255, 255, 255);
    --t-svg-icon-link-red: rgb(255, 102, 105);
  }
}
.svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: var(--fec-svg-icon-background-position, center);
  background-repeat: no-repeat;
}
.svg-icon--searchmenu {
  -webkit-mask: url("/img/searchmenu-DJgQvzGm.svg") no-repeat 50% 50%;
  mask: url("/img/searchmenu-DJgQvzGm.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--t-svg-icon-standard);
  width: 35px;
}
.svg-icon--close {
  -webkit-mask: url(/img/close-BpiLig6a.svg) no-repeat 50% 50%;
  mask: url(/img/close-BpiLig6a.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard));
}
.svg-icon--audiothek {
  -webkit-mask: url(/img/audiothek-B5eM_tG-.svg) no-repeat 50% 50%;
  mask: url(/img/audiothek-B5eM_tG-.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--t-svg-icon-standard);
}
.svg-icon--videothek {
  -webkit-mask: url(/img/videothek-Bbqjsk20.svg) no-repeat 50% 50%;
  mask: url(/img/videothek-Bbqjsk20.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--t-svg-icon-standard);
}
.call-to-action-link:has(.call-to-action-link__text) {
  padding-inline: 24px;
}
.main-logo {
  width: 36px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.main-logo svg {
  transform: scale(0.75);
  transform-origin: 0 0;
}
@media (min-width: 720px) {
  .main-logo {
    width: 48px;
    height: 32px;
  }
  .main-logo svg {
    transform: none;
  }
}
.media-caption:has(.media-caption__links) {
  padding-bottom: 0;
}
.globalnav-link {
  --t-globalnav-link: rgb(34, 33, 29);
  --t-globalnav-link-bg-hover: rgba(185, 183, 172, 0.12);
  --t-globalnav-link-bg-active: rgba(185, 183, 172, 0.24);
  --t-globalnav-link-sub: rgb(78, 77, 71);
  --t-globalnav-link-highlight: rgb(201, 16, 36);
}
@media (prefers-color-scheme: blue) {
  .globalnav-link {
    --t-globalnav-link: rgb(255, 255, 255);
    --t-globalnav-link-bg-hover: rgba(185, 183, 172, 0.12);
    --t-globalnav-link-bg-active: rgba(185, 183, 172, 0.24);
    --t-globalnav-link-sub: rgb(255, 255, 255);
    --t-globalnav-link-highlight: rgb(255, 102, 105);
  }
}
.globalnav-link {
  display: flex;
  font-size: 16px;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  color: var(--t-globalnav-link);
  padding: 18px 16px;
  border-radius: 2px;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}
.globalnav-link:hover,
.globalnav-link:focus {
  color: var(--t-globalnav-link);
  background-color: var(--t-globalnav-link-bg-hover);
}
.globalnav-link:active {
  color: var(--t-globalnav-link);
  background-color: var(--t-globalnav-link-bg-active);
}
.globalnav-link--portal {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.globalnav-link--sub {
  padding: 12px 16px;
  color: var(--t-globalnav-link-sub);
}
.globalnav-link--sub:hover {
  color: var(--t-globalnav-link-sub);
}
.globalnav-link__img {
  flex: 0 0 auto;
  align-self: center;
  height: 24px;
  width: 24px;
  margin-right: 12px;
}
.globalnav-link__text {
  flex: 1 0 0;
  align-self: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.teaser-label--liveticker:is(.teaser-label--live) .teaser-label__box--time {
  display: none;
}
.teaser:not(:has(.teaser__medium)) .teaser__text:before {
  content: none;
}
@media (min-width: 1024px) {
  .collection.collection--themed:has(
      + .collection.collection--themed[class*="swipeable"]
    )
    .teaser:hover,
  .collection.collection--themed:has(
      + .collection.collection--themed[class*="swipeable"]
    )
    .teaser:focus,
  .collection.collection--themed:has(
      + .collection.collection--themed[class*="swipeable"]
    )
    .teaser:active {
    z-index: 1;
  }
}
.collection__teaser-item:has(.teaser--active-media),
.collection__teaser-item:hover:has(
    .teaser--active-media
  ).collection__teaser-item:hover:has(
    .teaser--active-media
  ).collection__teaser-item:hover:has(.teaser--active-media) {
  background-color: #22211d;
}
.action-bar:has(.action-bar__main-content:empty).action-bar:has(
    .action-bar__wrap-content:empty
  ) {
  display: none;
}
.portalsnav {
  --t-portalsnav-large-link: rgb(34, 33, 29);
}
@media (prefers-color-scheme: blue) {
  .portalsnav {
    --t-portalsnav-large-link: rgb(255, 255, 255);
  }
}
.portalsnav {
  padding: 0;
  margin: 0;
  display: flex;
}
.portalsnav__link {
  display: inline-block;
  padding: 8px 10px;
  border-bottom: none;
  border-radius: 2px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-feature-settings: "salt";
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 1.14;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
  color: var(--t-gl-nav-group-open-item-color);
}
.portalsnav__link:hover,
.portalsnav__link:active,
.portalsnav__link:focus {
  border-bottom: none;
  color: var(--t-gl-nav-group-open-item-color);
}
.portalsnav__link:hover,
.portalsnav__link:focus {
  background-color: var(--t-gl-subnav-pager-bg-hover);
}
.portalsnav__link:active {
  background-color: var(--t-gl-subnav-pager-bg-active);
}
.search-header {
  display: flex;
  align-items: center;
}
@media (max-width: 719px) {
  .search-header {
    flex-wrap: wrap;
  }
}
@media (min-width: 720px) {
  .search-header {
    padding: 8px 0;
  }
}
.search-header__logo {
  flex: 1 0 auto;
  display: flex;
}
.search-header__search {
  flex: 1 0 auto;
}
@media (max-width: 719px) {
  .search-header__search {
    order: 2;
    flex-basis: 100%;
    margin: 8px 0;
  }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .search-header__search {
    flex-grow: 0;
    flex-basis: 341px;
  }
}
@media (min-width: 720px) {
  .search-header__search {
    margin-bottom: -4px;
  }
}
@media (min-width: 1024px) {
  .search-header__search {
    flex-basis: 276px;
  }
}
.search-header__close-wrapper {
  flex: 1 0 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 719px) {
  .search-header__close {
    margin: 0 -16px 0 0;
  }
}
@media (min-width: 720px) {
  .search-header__close {
    padding-right: 0;
  }
}
.search-header--search-only .search-header__logo *,
.search-header--search-only .search-header__close-wrapper * {
  display: none;
}
.search-header--search-only .search-header__search {
  margin: 0;
}
.footer {
  --t-footer: rgb(34, 33, 29);
  --t-footer-bg: rgb(254, 254, 253);
  --t-footer-border-top:
    0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  --t-footer-navigation-link: rgb(107, 105, 96);
  --t-footer-navigation-link-hover: rgb(107, 105, 96);
  --t-footer-navigation-link-active: rgb(107, 105, 96);
  --t-footer-navigation-link-bg-hover: rgba(185, 183, 172, 0.12);
  --t-footer-navigation-link-bg-active: rgba(185, 183, 172, 0.24);
  --t-footer-description: rgb(107, 105, 96);
  --t-footer-bu-link: rgb(107, 105, 96);
  --t-footer-bu-link-hover: rgb(107, 105, 96);
  --t-footer-bu-link-active: rgb(107, 105, 96);
  --t-footer-bu-link-bg: rgb(235, 235, 229);
  --t-footer-bu-link-bg-hover: rgba(185, 183, 172, 0.12);
  --t-footer-bu-link-bg-active: rgba(185, 183, 172, 0.24);
  --t-gl-search-bg: rgb(254, 254, 253);
  --t-gl-search-text: rgb(107, 105, 96);
  --t-gl-search-border: rgba(0, 0, 0, 0.2);
}
@media (prefers-color-scheme: blue) {
  .footer {
    --t-footer: rgb(255, 255, 255);
    --t-footer-bg: rgb(34, 33, 29);
    --t-footer-border-top: 0 -1px 0 0 rgba(255, 255, 255, 0.12);
    --t-footer-navigation-link: rgb(202, 200, 191);
    --t-footer-navigation-link-hover: rgb(202, 200, 191);
    --t-footer-navigation-link-active: rgb(202, 200, 191);
    --t-footer-navigation-link-bg-hover: rgba(185, 183, 172, 0.12);
    --t-footer-navigation-link-bg-active: rgba(185, 183, 172, 0.24);
    --t-footer-description: rgb(202, 200, 191);
    --t-footer-bu-link: rgb(235, 235, 229);
    --t-footer-bu-link-hover: rgb(235, 235, 229);
    --t-footer-bu-link-active: rgb(235, 235, 229);
    --t-footer-bu-link-bg: rgb(78, 77, 71);
    --t-footer-bu-link-bg-hover: rgb(94, 93, 86);
    --t-footer-bu-link-bg-active: rgb(107, 105, 96);
    --t-gl-search-bg: rgb(46, 45, 41);
    --t-gl-search-text: rgb(218, 218, 210);
    --t-gl-search-border: rgba(255, 255, 255, 0.12);
  }
}
.footer {
  opacity: 1;
  pointer-events: auto;
  color: var(--t-footer);
  background: var(--t-footer-bg);
  box-shadow: var(--t-footer-border-top);
}
.footer__wrapper {
  max-width: 1264px;
  margin: 0 auto;
}
.footer__wrapper--top {
  padding: 16px 16px 0;
}
@media (min-width: 720px) {
  .footer__wrapper--top {
    padding: 16px 32px 0;
  }
}
.footer__navigation {
  margin: 0;
  padding: 8px 0;
  font-size: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 719px) {
  .footer__navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: flex-start;
  }
}
@media (min-width: 720px) {
  .footer__navigation {
    padding: 8px 16px;
  }
}
.footer__navigation-item {
  flex: 0 0 50%;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}
@media (min-width: 720px) {
  .footer__navigation-item {
    display: inline-block;
  }
}
.footer__navigation-link {
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 1.14;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  color: var(--t-footer-navigation-link);
  display: block;
  border-radius: 2px;
  padding: 16px;
  align-self: center;
  flex: 1 1 100%;
  margin: 0 8px;
  transition: background-color 0.2s ease-in-out;
}
.footer__navigation-link:hover,
.footer__navigation-link:focus {
  color: var(--t-footer-navigation-link-hover);
  background-color: var(--t-footer-navigation-link-bg-hover);
}
.footer__navigation-link:active {
  color: var(--t-footer-navigation-link-active);
  background-color: var(--t-footer-navigation-link-bg-active);
}
@media (min-width: 720px) {
  .footer__navigation-link {
    margin: 0;
  }
}
.footer__imprint {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 720px) {
  .footer__imprint {
    flex-direction: row;
    align-items: flex-end;
    padding: 24px 32px;
  }
}
@media (min-width: 720px) {
  .footer__imprint-content {
    flex: 0 1 50%;
    padding-right: 8px;
  }
}
.footer__logo {
  width: 46px;
  height: 16px;
}
.footer__description {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 1.33;
  color: var(--t-footer-description);
  margin: 8px 0 16px;
}
@media (min-width: 720px) {
  .footer__description {
    margin-bottom: 0;
  }
}
.footer__imprint-links {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
@media (min-width: 720px) {
  .footer__imprint-links {
    justify-content: flex-end;
  }
}
.footer__bu-link-item {
  margin: 0 8px 0 0;
  padding: 0;
  flex: 1 1 auto;
}
.footer__bu-link-item:last-of-type {
  margin-right: 0;
}
@media (min-width: 720px) {
  .footer__bu-link-item {
    flex-grow: 0;
  }
}
.footer__bu-link {
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.14;
  text-align: center;
  color: var(--t-footer-bu-link);
  width: 100%;
  border-radius: 2px;
  background-color: var(--t-footer-bu-link-bg);
  transition: background-color 0.2s ease-in-out;
}
.footer__bu-link:hover,
.footer__bu-link:focus {
  color: var(--t-footer-bu-link-hover);
  background-color: var(--t-footer-bu-link-bg-hover);
}
.footer__bu-link:active {
  color: var(--t-footer-bu-link-active);
  background-color: var(--t-footer-bu-link-bg-active);
}
.globalnav {
  --t-globalnav-sub-bg: rgb(245, 245, 242);
  --t-globalnav-group-border: rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: blue) {
  .globalnav {
    --t-globalnav-sub-bg: rgb(46, 45, 41);
    --t-globalnav-group-border: rgba(255, 255, 255, 0.12);
  }
}
.globalnav {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .globalnav__container {
    padding: 32px 0;
  }
}
.globalnav__container--with-background {
  background-color: var(--t-globalnav-sub-bg);
}
@media (min-width: 720px) {
  .globalnav__container--with-background {
    border-top: 1px solid var(--t-globalnav-group-border);
    border-bottom: 1px solid var(--t-globalnav-group-border);
  }
}
.globalnav__groups {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 720px) {
  .globalnav__groups {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 12px;
  }
}
@media (min-width: 1280px) {
  .globalnav__groups {
    padding: 0 20px;
  }
}
.globalnav__group {
  padding: 8px 4px;
  flex: 1 1 0;
}
@media (max-width: 719px) {
  .globalnav__group {
    border-bottom: 1px solid var(--t-globalnav-group-border);
    padding: 8px;
  }
}
@media (min-width: 720px) {
  .globalnav__group {
    width: 25%;
  }
}
.globalnav__group:before {
  content: attr(aria-label);
  font-size: 12px;
  color: #6b6960;
  padding-inline-start: 16px;
}
@media (min-width: 720px) {
  .globalnav__group--radio-stations {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .globalnav__group--radio-stations:before {
    width: 100%;
  }
  .globalnav__group--radio-stations .globalnav__item {
    flex: 1 0 33%;
  }
  .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 1) {
    order: 0;
  }
  .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 2) {
    order: 1;
  }
  .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 3) {
    order: 2;
  }
}
.masthead {
  --t-masthead-bg: rgb(254, 254, 253);
  --t-masthead-title: rgb(34, 33, 29);
  --t-masthead-icon: rgb(78, 77, 71);
  --t-masthead-top-bar-bg: rgb(17, 17, 17);
  --t-gl-subnav-icon: rgb(78, 77, 71);
  --t-gl-subnav-pager-bg: rgb(254, 254, 253);
  --t-gl-subnav-pager-bg-alpha: rgba(254, 254, 253, 0);
  --t-gl-subnav-pager-bg-hover: rgba(185, 183, 172, 0.12);
  --t-gl-subnav-pager-bg-active: rgba(185, 183, 172, 0.24);
  --t-gl-nav-group-open-item-color: rgb(78, 77, 71);
  --t-gl-nav-item-active: rgb(201, 16, 36);
  --t-gl-nav-item-active-border: rgb(241, 67, 74);
  --t-gl-nav-item-third-level-icon: rgb(201, 16, 36);
  --t-gl-h-icon-invert: none;
}
@media (prefers-color-scheme: blue) {
  .masthead {
    --t-masthead-bg: rgb(34, 33, 29);
    --t-masthead-title: rgb(255, 255, 255);
    --t-masthead-icon: rgb(255, 255, 255);
    --t-masthead-top-bar-bg: rgb(46, 45, 41);
    --t-gl-subnav-icon: rgb(255, 255, 255);
    --t-gl-subnav-pager-bg: rgb(34, 33, 29);
    --t-gl-subnav-pager-bg-alpha: rgba(34, 33, 29, 0);
    --t-gl-subnav-pager-bg-hover: rgba(185, 183, 172, 0.12);
    --t-gl-subnav-pager-bg-active: rgba(185, 183, 172, 0.24);
    --t-gl-nav-group-open-item-color: rgb(255, 255, 255);
    --t-gl-nav-item-active: rgb(255, 102, 105);
    --t-gl-nav-item-active-border: rgb(255, 102, 105);
    --t-gl-nav-item-third-level-icon: rgb(255, 102, 105);
    --t-gl-h-icon-invert: invert(100%) contrast(600%);
  }
}
.masthead {
  min-height: 56px;
  position: relative;
  z-index: 100;
  padding: 8px 32px 0;
  background-color: var(--t-masthead-bg);
}
@media (max-width: 719px) {
  .masthead {
    padding: 0 16px;
  }
}
@media (min-width: 1280px) {
  .masthead {
    padding: 8px 40px 0;
  }
}
.masthead__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: static;
  z-index: 101;
}
.masthead--sticky {
  display: block;
  position: sticky;
  inset-block-start: 0;
  padding-block-start: 0;
}
.masthead--sticky .masthead__wrapper:after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  height: 42px;
  background-color: transparent;
  box-shadow:
    0 4px 8px #00000029,
    0 0 8px #00000014;
  z-index: -2;
}
.masthead--sticky .masthead__wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--t-masthead-bg);
  z-index: -1;
}
.masthead__universal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.masthead__logo {
  flex: 1 0 auto;
  display: flex;
}
@media (min-width: 1024px) {
  .masthead__logo {
    flex-grow: 0;
  }
}
.masthead__portals {
  flex: 1 1 auto;
  margin-inline-start: 10px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 1023px) {
  .masthead__portals {
    display: none;
  }
}
.masthead__button-wrapper {
  opacity: 1;
  min-height: 0;
  display: block;
  font-size: 0;
  margin-inline-end: -16px;
}
.masthead__icon.masthead__icon {
  background-color: var(--t-masthead-icon);
}
.masthead__menu-button-container {
  position: relative;
  display: inline-block;
}
.masthead--compact {
  position: sticky;
  width: 100%;
  inset-block-start: 0;
  padding-block-start: 0;
  height: 56px;
}
@media (min-width: 720px) {
  .masthead--compact {
    height: 72px;
  }
  .masthead--compact .masthead__wrapper {
    padding: 8px 0;
  }
}
html:has(body.overflowHidden) {
  overflow: hidden;
}
.articlepage__topmedia:has(.player-widget) .articlepage__topmedia-sizer {
  pointer-events: none;
}
.collection.collection--promoModule:has(.collection__title-wrapper:empty) {
  padding-block-start: 0;
}
.collection:not(.collection--themed):has(.collection__title-wrapper:empty) {
  padding-block-start: var(--collection-teaser-row-gap);
}
.collection:not(.collection--themed)
  + .collection:not(.collection--themed):has(.collection__title-wrapper:empty) {
  margin-block-start: calc(var(--collection-v-gap) * -1);
}
.collection.collection--themed:not(.collection--promo-module)
  + .collection.collection--themed:has(.collection__title-wrapper:empty):not(
    .collection--promo-module
  ) {
  margin-block-start: calc(
    var(--collection-v-gap) * -2 + var(--collection-teaser-row-gap)
  );
}
@media (min-width: 720px) {
  .collection.collection--themed:not(.collection--promo-module)
    + .collection.collection--themed:has(.collection__title-wrapper:empty):not(
      .collection--promo-module
    ) {
    margin-block-start: calc(var(--collection-v-gap) * -1);
  }
}
.collection__title-wrapper:has(+ .collection__lead) {
  margin-block-end: calc(var(--fec-gap) * 0.5);
}
.collection__heading:has(.collection__heading-em) {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
  .collection__teaser-item:nth-child(-n + 2) {
  --fec-teaser-grid-template-columns: 100%;
  --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
  --fec-teaser-grid-template-areas: "medium " "content" "extras " "links ";
  --fec-teaser-medium-grid-area: medium;
  --fec-teaser-content-grid-area: content;
  --fec-teaser-extras-grid-area: extras;
  --fec-teaser-image-aspect-ratio: 16 / 9;
  --fec-teaser-image-width: 100%;
  --fec-teaser-content-display: flex;
  --fec-teaser-kicker-display: flex;
  --fec-teaser-label-display: inline-flex;
  --fec-teaser-title-display: block;
  --fec-teaser-lead-display: none;
  --fec-teaser-medium-indicator-display: block;
  --fec-teaser-medium-icon-display: flex;
  --fec-teaser-liveticker-display: none;
  --fec-teaser-extras-display: flex;
  --fec-teaser-longform-gradient-display: none;
  --fec-teaser-align-items: stretch;
  --fec-teaser-medium-z-index: 0;
  --fec-teaser-label-position: absolute;
  --fec-teaser-medium-indicator-bottom: 8px;
  --fec-teaser-medium-indicator-right: 8px;
  --fec-teaser-medium-margin: 0;
  --fec-teaser-content-padding: 16px 12px 0 16px;
  --fec-teaser-extras-padding: 0 16px 16px 16px;
  --fec-teaser-extras-margin: 0;
  --fec-teaser-extras-item-padding-top: 12px;
  --fec-teaser-opinion-padding-top: 8px;
  --fec-teaser-opinion-margin-bottom: -8px;
  --fec-teaser-scoreboard-padding-top: 8px;
  --fec-teaser-scoreboard-margin-bottom: -8px;
  --fec-teaser-links-padding: 0;
  --fec-teaser-background-color: var(--t-teaser-bg);
  --fec-teaser-kicker-color: var(--t-teaser-kicker);
  --fec-teaser-title-color: var(--t-teaser-title);
  --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
  --fec-teaser-lead-color: var(--t-teaser-lead);
  --fec-teaser-box-shadow:
    0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  --fec-teaser-hover-box-shadow:
    0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 0 16px 0 rgba(0, 0, 0, 0.08);
  --fec-teaser-filter-hover: none;
  --fec-teaser-kicker-font-weight: 400;
  --fec-teaser-kicker-after-content: none;
  --fec-teaser-title-font-size: 18px;
  --fec-teaser-label-font-size: 12px;
  --fec-teaser-label-padding: 1px 6px 1px 8px;
  --fec-type-identifier: "type-l";
  --fec-teaser-lead-display: block;
  --fec-teaser-liveticker-display: block;
  --fec-teaser-medium-border-width: 0 0 1px;
  --fec-teaser-kicker-font-size: 16px;
  --fec-teaser-title-font-size: 20px;
  --fec-teaser-title-letter-spacing: 0.2;
  --fec-teaser-lead-font-size: 16px;
  --fec-media-time-indicator-font-size: 16px;
  --fec-teaser-label-font-size: 16px;
  --fec-teaser-info-media-duration-display: none;
  --fec-teaser-label-padding: 0 6px 0 8px;
}
@media (min-width: 1024px) {
  .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
    .collection__teaser-item:nth-child(-n + 2) {
    --fec-teaser-kicker-font-size: 16px;
    --fec-teaser-title-font-size: 20px;
    --fec-teaser-lead-font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
    .collection__teaser-item:nth-child(-n + 2) {
    --fec-teaser-medium-indicator-bottom: 12px;
    --fec-teaser-medium-indicator-right: 12px;
    --fec-teaser-content-padding: 24px 16px 0 24px;
    --fec-teaser-extras-padding: 0 24px 24px 24px;
    --fec-teaser-extras-item-padding-top: 16px;
    --fec-teaser-opinion-padding-top: 12px;
    --fec-teaser-opinion-margin-bottom: -12px;
    --fec-teaser-scoreboard-padding-top: 12px;
    --fec-teaser-scoreboard-margin-bottom: -12px;
  }
}
@media (min-width: 1024px) {
  .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
    .collection__teaser-item:nth-child(-n + 2) {
    --fec-teaser-kicker-font-size: 18px;
    --fec-teaser-title-font-size: 24px;
    --fec-teaser-title-letter-spacing: normal;
    --fec-teaser-lead-font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
    .collection__teaser-item:nth-child(-n + 2) {
    --fec-teaser-medium-indicator-bottom: 12px;
    --fec-teaser-medium-indicator-right: 12px;
  }
}
@media (min-width: 720px) {
  .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child)
    .collection__teaser-item:nth-child(-n + 2) {
    grid-column: span 3;
  }
}
@media (max-width: 719px) {
  .collection--swipeable .collection__teaser-list:not(:has(> :nth-child(2))),
  .collection--audio-swipeable
    .collection__teaser-list:not(:has(> :nth-child(2))) {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 720px) {
  .collection--swipeable .collection__teaser-list:not(:has(> :nth-child(4))),
  .collection--audio-swipeable
    .collection__teaser-list:not(:has(> :nth-child(4))) {
    --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
    grid-template-columns: repeat(
      6,
      calc((100% - 5 * var(--collection-teaser-col-gap)) / 6)
    );
  }
}
@media (max-width: 719px) {
  .collection--compact-swipeable
    .collection__teaser-list:not(:has(> :nth-child(2))) {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 720px) {
  .collection--compact-swipeable
    .collection__teaser-list:not(:has(> :nth-child(3))) {
    --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
    grid-template-columns: repeat(
      6,
      calc((100% - 5 * var(--collection-teaser-col-gap)) / 6)
    );
  }
}
@media (max-width: 719px) {
  .collection--dense-swipeable
    .collection__teaser-list:not(:has(> :nth-child(3))) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 720px) {
  .collection--dense-swipeable
    .collection__teaser-list:not(:has(> :nth-child(7))) {
    --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
    grid-template-columns: repeat(
      6,
      calc((100% - 5 * var(--collection-teaser-col-gap)) / 6)
    );
  }
}
.collection--micro .collection__teaser-item:has(.teaser--theme-dark),
.collection--micro .collection__teaser-item:has(.teaser--theme-dark):hover,
.collection--micro .collection__teaser-item:has(.teaser--theme-dark):active,
.collection--micro-numeric .collection__teaser-item:has(.teaser--theme-dark),
.collection--micro-numeric
  .collection__teaser-item:has(.teaser--theme-dark):hover,
.collection--micro-numeric
  .collection__teaser-item:has(.teaser--theme-dark):active,
.collection--micro-bullets .collection__teaser-item:has(.teaser--theme-dark),
.collection--micro-bullets
  .collection__teaser-item:has(.teaser--theme-dark):hover,
.collection--micro-bullets
  .collection__teaser-item:has(.teaser--theme-dark):active {
  transition: none;
  background-color: #22211d;
}
@media (max-width: 719px) {
  .collection--dense-swipeable
    .collection__teaser-list:has(> :last-child:nth-child(-n + 2)) {
    --collection-swipeable-list-column: calc(
      50% - var(--collection-swipeable-col-gap) / 2
    );
  }
}
@media (max-width: 719px) {
  .collection--audio-2025 .collection__teaser-list:not(:has(> :nth-child(3))) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .collection--audio-2025 .collection__teaser-list:not(:has(> :nth-child(5))) {
    --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
    grid-template-columns: repeat(
      4,
      calc((100% - 3 * var(--collection-teaser-col-gap)) / 4)
    );
  }
}
@media (min-width: 1024px) {
  .collection--audio-2025 .collection__teaser-list:not(:has(> :nth-child(6))) {
    --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
    grid-template-columns: repeat(
      5,
      calc((100% - 4 * var(--collection-teaser-col-gap)) / 5)
    );
  }
}
.collection__static-content--always-fullwidth:has(.privacywall) {
  grid-column: main;
}
.collection:has(.collection__highlight-image) {
  --t-collection: rgb(255, 255, 255);
  --t-collection-complementary: rgb(34, 33, 29);
  --t-collection-title-link: rgb(255, 255, 255);
  --t-collection-title-link-hover: rgb(255, 255, 255);
  --t-collection-title-link-active: rgb(255, 255, 255);
  grid-template-rows: 1fr auto;
}
.collection:has(.collection__highlight-image):has(.collection__lead)
  .collection__highlight-image {
  aspect-ratio: 1/1;
}
@media (min-width: 720px) and (max-width: 1023px) {
  .collection:has(.collection__highlight-image):has(.collection__lead)
    .collection__highlight-image {
    aspect-ratio: 2/1;
  }
}
@media (min-width: 1024px) {
  .collection:has(.collection__highlight-image):has(.collection__lead)
    .collection__highlight-image {
    aspect-ratio: 3/1;
  }
}
.collection:has(.collection__highlight-image):has(
    .collection__title-wrapper:empty
  ):not(:has(.collection__lead))
  .collection__highlight-image:before {
  content: none;
}
.collection:has(.collection__highlight-image) .collection__title-wrapper {
  grid-row: 1/2;
  align-self: end;
  z-index: 3;
}
.collection:has(.collection__highlight-image)
  .collection__title-wrapper:not(:has(~ .collection__lead)) {
  margin-bottom: calc(var(--fec-gap) * 1.75);
}
.collection:has(.collection__highlight-image) .collection__lead {
  grid-row: 2/3;
  z-index: 2;
  color: var(--t-collection-title-link);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: calc(var(--fec-gap) * 1.75);
}
.collection:has(.collection__highlight-image) .collection__title-wrapper,
.collection:has(.collection__highlight-image) .collection__lead {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.48);
}
.collection:has(.collection__highlight-image) .collection__teaser-list {
  z-index: 2;
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__title-wrapper,
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__lead {
  pointer-events: none;
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__highlight-image {
  overflow: hidden;
  cursor: pointer;
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__highlight-image
  > div {
  transition: transform 0.2s ease-in-out;
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__highlight-image:hover:after {
  opacity: 0.12;
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__highlight-image:hover
  > div {
  transform: scale(1.05);
}
.collection:has(.collection__highlight-image):has(a.collection__highlight-image)
  .collection__highlight-image:active:after {
  opacity: 0.24;
}
body[data-representation^="webview"]
  .articlepage:not(:has(.articlepage__topmedia)) {
  padding-top: 16px;
}
@media (min-width: 720px) {
  body[data-representation^="webview"]
    .articlepage:not(:has(.articlepage__topmedia)) {
    padding-top: 24px;
  }
}
.articlepage__topmedia:has(.js-player-active) {
  background-color: var(--t-articlepage-topmedia-caption-active-bg);
}
.main-content *:not(i) {
  font-family: "PublicSans", sans-serif;
}
* {
  margin: 0;
  padding: 0;
}
:root {
  --primary-color: #820ad1;
  --text-color: #555555;
  --muted-color: #000000;
  --bg-light: #f8f8f8;
}
.main-content .font-size-14mob {
  font-size: 14px;
}
.main-content .font-size-12mob {
  font-size: 12px;
}
.main-content .font-size-11mob {
  font-size: 11px;
}
.main-content .font-size-10mob {
  font-size: 10px;
}
h2,
h3 {
  font-weight: bold;
}
.main-content p {
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  line-height: 145%;
}
.main-content .main-custom-btn {
  color: rgb(87, 177, 85);
  font-size: 16px;
  font-weight: 700;
  line-height: 145%;
  text-transform: uppercase;
  border: 1px solid rgb(87, 177, 85);
  border-radius: 8px;
  padding: 11px;
  text-align: center;
  width: 100%;
  background: white;
  cursor: pointer;
  margin-top: 16px;
  display: block;
}
.main-content .first-title {
  color: var(--muted-color);
  font-size: 24px;
  font-weight: bold;
  line-height: 125%;
}
.main-content .highlight-black {
  color: var(--muted-color);
  font-weight: 700;
}
.main-content .highlight-green {
  color: #57b155;
}
.main-content .highlight-red {
  color: #f20c0c;
}
.main-content .d-flex {
  display: flex;
  gap: 9px;
}
.main-content .d-flex .d-flex_text {
  font-size: 14px;
}
.main-content .dynamic-image {
  background: rgb(238, 238, 238);
}
.main-content .dynamic-image img {
  object-fit: cover;
  height: fit-content !important;
  min-height: min-content;
}
.main-content .dynamic-image > img {
  min-height: auto;
  object-fit: contain;
  height: auto !important;
}
.main-content .dynamic-image .d-flex {
  padding: 12px;
}
.main-content {
  margin: 0 auto;
}
.main-content .highlight {
  font-weight: bold;
  color: var(--primary-color);
}
.main-content .breaking {
  font-weight: bold;
}
.main-content .hero img,
.main-content .legal img {
  width: 100%;
  height: auto;
  margin: 0;
}
.main-content section {
  margin-bottom: 16px;
}
.main-content h2,
.main-content h3 {
  margin-bottom: 0.5rem;
}
.main-content h2 {
  font-size: 18px;
  line-height: 125%;
}
.main-content h3 {
  font-size: 16px;
}
.main-content .block-card {
  border: 1px solid rgb(221, 243, 221);
  box-shadow: 0px 1px 3.5px 0px rgba(106, 172, 91, 0.17);
  text-align: center;
  padding: 24px 16px;
  border-radius: 8px;
}
.main-content .block-card img {
  margin: 0 auto;
  min-height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.main-content .dynamic-image .d-flex_text p {
  font-size: 11px;
}
.main-content .dynamic-image .d-flex_text h2 {
  font-size: 14px;
}
.main-content .profile-card {
  background-color: #fff;
  margin-top: 16px;
}
.main-content .profile-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.main-content .profile-picture {
  width: 60px !important;
  border-radius: 50%;
  object-fit: cover;
  height: 60px !important;
}
.main-content .profile-info {
  display: flex;
  flex-direction: column;
}
.main-content .profile-name {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 125%;
}
.main-content .profile-title {
  margin: 0;
  font-size: 11px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 125%;
}
.main-content .last-updated {
  color: rgb(85, 85, 85);
  font-size: 11px;
}
.main-content .profile-actions {
  display: flex;
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 18px;
}
.main-content .action-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgb(85, 85, 85);
  font-size: 11px;
  cursor: pointer;
  transition: color 0.2s;
}
.main-content .action-item span {
  margin-top: 4px;
}
.main-content .action-item:hover {
  color: #000;
}
.main-content .certificate {
  border: 1px solid rgb(221, 243, 221);
  border-radius: 8px;
  box-shadow: 0px 1px 3.5px 0px rgba(106, 172, 91, 0.17);
  background: rgb(255, 255, 255);
  margin-top: 16px;
}
.main-content .certificate * {
  font-family: "PTSerif", sans-serif;
}
.main-content .certificate-title {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  background: rgb(0, 128, 0);
  border-radius: 8px 8px 0px 0px;
  margin: 0;
  padding: 8px;
  text-align: center;
  font-family: "PTSerif", sans-serif;
}
.main-content .certificate-description {
  color: rgb(85, 85, 85);
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px;
  text-align: center;
  background: rgb(235, 235, 235);
  margin: 0;
  font-weight: 700;
}
.main-content .certificate-content {
  padding: 16px;
}
.main-content .certificate-content-flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.main-content .certificate-flex-blocks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main-content .code-cert {
  color: rgb(0, 128, 0);
  text-align: center;
  font-weight: 700;
  background: rgba(211, 238, 211, 0.71);
  padding: 8px;
  margin: 0;
}
.main-content .certificate-logo {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  margin-top: 16px;
}
.main-content .certificate-logo img {
  min-width: 30px;
  height: auto !important;
  max-height: 60px;
  object-fit: contain;
}
.main-content #qrcode {
  max-width: 160px;
  margin: 25px auto 0 auto;
}
.main-content .approval-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-content .approval-list .approval-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-content .approval-list .approval-item .item-text {
  font-size: 14px;
  color: rgb(85, 85, 85);
}
.main-content .testimonial-blocks {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.main-content .testimonial-block {
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
  background: rgb(235, 235, 235);
  padding: 16px;
  position: relative;
  max-width: fit-content;
}
.main-content .user-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-content .user-info img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  object-fit: cover;
}
.main-content .user-details h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.main-content .user-details p {
  margin: 0;
  font-size: 11px;
  color: rgb(85, 85, 85);
  font-weight: 600;
  text-transform: uppercase;
}
.main-content .testimonial-text {
  font-size: 14px;
  line-height: 135%;
  color: rgb(0, 0, 0);
  margin-top: 8px;
}
.main-content .bank-notification {
  display: flex;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  padding: 8px;
  gap: 8px;
  position: relative;
  margin-top: 10px;
}
.main-content .bank-logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-width: 40px;
}
.bank-logo::after {
  content: url("/img/messageICO.svg");
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 35px;
  top: 35px;
}
.main-content .bank-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  min-width: 40px;
  max-width: 44px;
}
.main-content .bank-details {
  flex-grow: 1;
}
.main-content .bank-name {
  font-weight: 600;
  font-size: 15px;
  color: rgb(34, 34, 34);
}
.main-content .notification-text {
  font-size: 12px;
  color: rgb(63, 63, 63);
  line-height: 120%;
  margin: 0;
}
.main-content .notification-time {
  position: absolute;
  right: 14px;
  font-size: 12px;
  color: #999;
}
.main-content .card-line {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 6.3px 0px rgba(0, 0, 0, 0.08);
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
}
.main-content .card-line__aff-sub {
  color: rgb(141, 141, 141);
  font-size: 11px;
}
.main-content .card-line__progress-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  font-weight: 600;
  color: #333;
}
.main-content .card-line__records-left {
  font-size: 12px;
  color: #e53935;
}
.main-content .card-line__time-left {
  font-size: 12px;
  color: rgb(141, 141, 141);
  display: flex;
  align-items: center;
  gap: 2px;
}
.main-content .card-line__progress-bar-container {
  margin-top: 16px;
  height: 12px;
  background: rgb(224, 224, 224);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.main-content .card-line__progress-bar {
  background: rgb(218, 30, 40);
  height: 100%;
  width: 89%;
  border-radius: 6px;
  position: relative;
}
.main-content .card-line__progress-bar-dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}
.main-content .card-line__progress-bar-dot:nth-child(1) {
  left: 20%;
}
.main-content .card-line__progress-bar-dot:nth-child(2) {
  left: 40%;
}
.main-content .card-line__progress-bar-dot:nth-child(3) {
  left: 60%;
}
.main-content .card-line__progress-bar-dot:nth-child(4) {
  right: 1%;
}
.main-content .block-one-comment {
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  background: rgb(235, 235, 235);
}
.main-content .block-one-comment .block-one-comment-ava {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.main-content .block-one-comment .block-one-comment-ava img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.main-content .resumen-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-content .resumen-list .resumen-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-content .resumen-list .resumen-item .item-text {
  font-size: 16px;
  color: rgb(85, 85, 85);
}
.main-content .resumen-list .resumen-item .item-text strong {
  color: #000000;
}
.main-content .instruction .instruction-card {
  border: 1px solid rgb(221, 243, 221);
  border-radius: 8px;
  box-shadow: 0px 1px 3.5px 0px rgba(106, 172, 91, 0.17);
  background: rgb(255, 255, 255);
  padding: 16px;
  margin-top: 16px;
}
.main-content .green-back-text {
  color: rgb(87, 177, 85);
  border-radius: 4px;
  background: rgb(217, 252, 216);
  font-size: 14px;
  padding: 8px;
  line-height: 135%;
}
@media (min-width: 768px) {
  .main-content {
    padding: 16px;
  }
  .main-content p {
    font-size: 20px;
  }
  .main-content h2 {
    font-size: 24px;
  }
  .main-content h3 {
    font-size: 20px;
  }
  .main-content .dynamic-image .d-flex_text p {
    font-size: 14px;
  }
  .main-content .dynamic-image .d-flex_text h2 {
    font-size: 24px;
  }
  .main-content .first-title {
    font-size: 32px;
  }
  .main-content .main-custom-btn {
    font-size: 18px;
    padding: 14px;
  }
  .main-content .green-back-text {
    font-size: 16px;
  }
  .main-content .bank-notification {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
  }
  .main-content .certificate-flex-blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
  }
  .main-content
    .certificate-content-flex
    .certificate-content_side:first-child {
    flex: 0.8;
  }
  .main-content .d-flex .d-flex_text {
    font-size: 16px;
  }
  .main-content .approval-list .approval-item .item-text {
    font-size: 16px;
  }
  .main-content .testimonial-text {
    font-size: 16px;
  }
  .main-content .block-one-comment .font-size-14mob {
    font-size: 16px;
  }
  .main-content .block-one-comment-ava .font-size-14mob {
    font-size: 14px;
  }
  .main-content .resumen-list {
    gap: 16px;
  }
  .main-content .resumen-list .resumen-item .item-text {
    font-size: 20px;
  }
}
.custom-form {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  padding-top: 10px;
}
:root {
  --straight-lines: #dcdcdc;
}
.facebook-comments-block {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  border: 1px solid rgba(45, 57, 76, 0.1);
  box-sizing: border-box;
  margin-top: 12px;
  margin-bottom: 32px;
}
.comments-actions-header {
  display: flex;
  justify-content: space-around;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f2f5;
  flex-wrap: wrap;
  gap: 10px;
}
.action-button {
  text-decoration: none;
  color: #65676b;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}
.action-button:first-child {
  color: rgb(18, 155, 247);
}
.action-button:hover {
  color: #050505;
}
.action-button i {
  margin-right: 5px;
  font-size: 1.1em;
}
.comments-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85em;
  color: #65676b;
  margin-bottom: 20px;
}
.comment-sort .sort-link {
  text-decoration: none;
  color: #65676b;
  margin-left: 5px;
  border: 1px solid rgba(205, 208, 213, 1);
  border-radius: 2px;
  background: rgba(245, 246, 247, 1);
  padding: 5px 8px;
  text-decoration: none !important;
}
.comment-sort .sort-link:hover {
  text-decoration: underline;
}
.comment-input-area {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
}
.user-avatar-placeholder img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 10px;
  object-fit: cover;
}
.comment-input-wrapper {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(45, 57, 76, 0.1);
  background: rgb(245, 246, 247);
}
.comment-textarea {
  width: 100%;
  min-height: 71px;
  max-height: 300px;
  padding: 10px;
  box-sizing: border-box;
  resize: vertical;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  color: #050505;
  outline: none;
  border: none;
  border-bottom: 1px solid #ced0d4;
}
.comment-submit-button {
  border: none;
  cursor: pointer;
  background: rgb(71, 119, 222);
  transition: 0.3s ease;
  width: max-content;
  align-self: end;
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 700;
  line-height: 110%;
  border-radius: 2px;
  padding: 5px 8px;
  opacity: 1;
  margin: 20px;
}
.comment-item.reply .reply-button {
  display: none !important;
}
.comment-submit-button:disabled {
  color: #ced0d4;
  cursor: not-allowed;
  background: rgb(161, 179, 213);
}
.comments-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment-item {
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
.comment-item.reply {
  margin-left: 46px;
  padding-left: 8px;
  position: relative;
}
.comment-item.reply::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0px;
  height: 70%;
  border: 1px dashed rgba(144, 148, 156, 0.3);
}
.comment-item .user-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
  object-fit: cover;
  width: 32px;
  min-width: 32px;
}
.comment-content {
  flex-grow: 1;
}
.comment-bubble {
  background-color: #f0f2f5;
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 5px;
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
}
.comment-bubble .user-name {
  display: block;
  text-decoration: none;
  margin-right: 5px;
  color: rgb(56, 88, 152);
  font-size: 12px;
  font-weight: 700;
  line-height: 110%;
}
.comment-bubble .user-name:hover {
  text-decoration: underline;
}
.comment-bubble .comment-text {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  display: inline-block;
  margin-top: 8px;
}
.comment-image {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 8px;
  display: block;
  max-height: 400px;
}
.comment-actions {
  font-size: 0.75em;
  color: #65676b;
  margin-left: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.comment-actions .action-link,
.comment-actions .time {
  text-decoration: none;
  color: #65676b;
  margin-right: 5px;
  cursor: pointer;
}
.comment-actions .hide-button {
  display: none;
}
.comment-actions .action-link:hover {
  text-decoration: underline;
}
.comment-actions span {
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.comment-reactions-summary {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
  color: #65676b;
  font-size: 0.9em;
}
.comment-reactions-summary .count {
  margin-right: 5px;
  color: #65676b;
}
.comment-reactions-summary .reaction-icons img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-left: -4px;
  border: 1px solid #fff;
  box-sizing: content-box;
  vertical-align: middle;
}
.comment-reactions-summary .reaction-icons img:first-child {
  margin-left: 0;
}
.reaction-palette {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translateY(-10px);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
  overflow: hidden;
  margin-bottom: 5px;
}
.reaction-palette img {
  width: 45px;
  height: 45px;
  cursor: pointer;
  transition:
    transform 0.4s ease,
    filter 0.4s ease;
}
.reaction-palette img:hover {
  transform: scale(1.4);
  filter: brightness(1.1);
}
.view-more-button {
  display: block;
  padding: 16px;
  border-radius: 2px;
  background: rgb(71, 119, 222);
  color: #050505;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  line-height: 110%;
  transition: 0.3s ease;
  margin-top: 10px;
  box-sizing: border-box;
}
.view-more-button:hover {
  opacity: 0.9;
}
.facebook-attribution {
  font-size: 0.7em;
  color: rgb(56, 88, 152);
  margin-top: 20px;
}
.facebook-attribution i {
  margin-right: 3px;
}
.facebook-attribution a {
  color: rgb(56, 88, 152);
  text-decoration: none;
}
.facebook-attribution a:hover {
  text-decoration: underline;
}
@media (max-width: 640px) {
  .facebook-comments-block {
    padding: 15px;
    border-radius: 0;
    box-shadow: none;
  }
  .comments-actions-header {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .action-button {
    font-size: 0.8em;
  }
  .action-button i {
    margin-right: 3px;
  }
  .comments-meta {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .comment-sort {
    margin-top: 5px;
  }
  .comment-item {
    margin-bottom: 10px;
  }
  .comment-item.reply {
    margin-left: 30px;
  }
  .comment-item .user-avatar img {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    min-width: 28px;
  }
  .user-avatar-placeholder img {
    font-size: 28px;
    width: 28px;
    height: 28px;
    margin-right: 6px;
  }
  .comment-bubble {
    padding: 6px 10px;
    border-radius: 16px;
  }
  .comment-bubble .user-name,
  .comment-bubble .comment-text {
    font-size: 0.85em;
  }
  .comment-actions {
    font-size: 0.65em;
    margin-left: 8px;
  }
  .comment-actions span {
    margin-right: 3px;
  }
  .comment-reactions-summary {
    font-size: 0.8em;
  }
  .comment-reactions-summary .reaction-icons img {
    width: 16px;
    height: 16px;
  }
  .reaction-palette img {
    width: 25px;
    height: 25px;
  }
  .view-more-button {
    width: calc(100% - 30px);
    margin-left: 30px;
    font-size: 0.8em;
  }
  .facebook-attribution {
    text-align: center;
    margin-top: 15px;
  }
}
#loaders {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}
#loaders .main {
  border: 2px solid #d6e3eb;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
  text-align: center;
}
#loaders img {
  width: 50px;
  margin: 0 auto;
}
#loader-message {
  color: #191970;
  margin-top: 10px;
}
#loader-message1 {
  font-size: 20px;
  color: #191970;
  margin-top: 10px;
}
#loader-message2 {
  font-size: 20px;
  color: #191970;
  margin-top: 10px;
}
@media (min-width: 768px) {
  #loaders .main {
    border: 2px solid #d6e3eb;
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    text-align: center;
    height: auto;
    width: 40%;
  }
}