@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/roboto-v30-latin-300.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/roboto-v30-latin-500.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/roboto-v30-latin-700.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/roboto-v30-latin-300italic.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin-italic.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(../fonts/roboto-v30-latin-500italic.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/roboto-v30-latin-700italic.woff2) format("woff2");
}
body {
  background-color: var(--bg);
  color: var(--gray-100);
  font-family: Roboto, sans-serif;
  margin: 0;
  /* scroll-behavior: smooth; */
}
.disclaimer-text {
  border-bottom: 1px solid var(--election-gray-40);
  border-top: 1px solid var(--election-gray-40);
  padding-bottom: 24px;
  padding-top: 24px;
}
.disclaimer-text p {
  color: var(--election-gray-90);
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
  text-align: center;
}
.disclaimer-text.bold p {
  font-weight: 500;
}
.disclaimer-text.italic p {
  font-style: italic;
}
.global-picture {
  display: block;
  width: 100%;
  height: auto;
}
.global-picture .global-image-error {
  aspect-ratio: 16/9;
  background-color: #f58e1f;
  -o-object-fit: fill;
  object-fit: fill;
}
.global-image {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
}
.link-to-buy-container {
  position: relative;
}
.link-to-buy-button {
  align-items: center;
  background-color: var(--orange-10);
  border-radius: 50px;
  border: 1px solid var(--orange-50);
  bottom: 16px;
  color: var(--orange-100);
  display: flex;
  font-size: 14px;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  z-index: 10;
}
.link-to-buy-button .arrow-buy {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 1px solid var(--orange-100);
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
  margin-left: 4px;
  vertical-align: middle;
}
.link-to-buy-button:hover {
  background-color: var(--orange-100);
  color: var(--bg-color);
}
.link-to-buy-button:hover .arrow-buy {
  border-color: var(--bg-color);
}
.fusion-app {
  overflow-x: hidden;
}
.fusion-app:has(.full-screen) {
  overflow: hidden;
}
.visual__image img {
  height: auto;
  width: 100%;
}
body,
figure,
p {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
figure {
  display: inherit;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
a,
a:hover,
a:link,
a:visited {
  text-decoration: none;
  color: inherit;
}
ul {
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
* {
  box-sizing: border-box;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.align_items_center {
  align-items: center;
}
.align_items_start {
  align-items: flex-start;
}
.align_content_center {
  align-content: center;
}
.align_content_space_between {
  align-content: space-between;
}
.justify_space_around {
  justify-content: space-around;
}
.justify_space_between {
  justify-content: space-between;
}
.justify_center {
  justify-content: center;
}
.justify_items_left {
  justify-items: left;
}
.justify_items_center {
  justify-items: center;
}
.justify_items_right {
  justify-items: right;
}
.border {
  border: solid;
}
.border_1 {
  border-width: 1px;
}
.border_2 {
  border-width: 2px;
}
.border_4 {
  border-width: 4px;
}
.border_none {
  border: 0;
}
.border_bottom {
  border-bottom-style: solid;
}
.border_left {
  border-left-style: solid;
}
.border_right {
  border-right-style: solid;
}
.border_top {
  border-top-style: solid;
}
.border_horizontal {
  border-bottom: solid;
  border-top: solid;
  border-left: 0;
  border-right: 0;
}
.border_round {
  border-radius: 50%;
}
.border-radius-100 {
  border-radius: 100px;
}
.border_gray {
  border-color: var(--gray-70);
}
.border_middlegray {
  border-color: var(--gray-90);
}
.border_lightgray {
  border-color: var(--gray-40);
}
.border_feed {
  border-bottom: 2px dotted var(--gray-50);
}
.feed_border_shadow {
  border-bottom-color: var(--gray-10);
  border-bottom-width: 1px;
  border: 1px solid var(--gray-10);
  border-bottom: 2px solid var(--gray-40);
  border-radius: 4px;
}
.display_flex {
  display: flex;
}
.display_grid {
  display: grid;
}
.display-inline-block {
  display: inline-block;
}
.display-inline-flex {
  display: inline-flex;
}
.flex_column {
  flex-direction: column;
}
.flex_row {
  flex-direction: row;
}
.flex_wrap {
  flex-wrap: wrap;
}
.display-block {
  display: block;
}
.pointer {
  cursor: pointer;
}
.hidden {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--headlines);
  /* display: inline-block; */
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  margin: 0 0 10px;
  padding: 0;
}
h1 {
  text-align: left;
  font-size: 38px;
  line-height: 42px;
}
h2 {
  font-size: 17px;
}
h3 {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 12px;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}
.background_invert_colors {
  filter: invert(100%);
}
.background_inherit {
  background-color: inherit;
}
.background_white {
  background-color: var(--white-100);
}
.background_black {
  background-color: var(--gray-110);
}
.background_red {
  background-color: var(--red-100);
}
.background_blue {
  background-color: var(--blue-100);
}
.background_gray {
  background-color: var(--gray-10);
}
.background_green {
  background-color: var(--green-100);
}
.background_orange {
  background-color: var(--orange-100);
}
.background_darkgray {
  background-color: var(--gray-90);
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs19 {
  font-size: 19px;
}
.fs20 {
  font-size: 20px;
}
.fs21 {
  font-size: 21px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}
.fs36 {
  font-size: 36px;
}
.fs38 {
  font-size: 38px;
}
.fs40 {
  font-size: 40px;
}
.fs41 {
  font-size: 41px;
}
.fs42 {
  font-size: 42px;
}
.fs43 {
  font-size: 43px;
}
.fs44 {
  font-size: 44px;
}
.fs45 {
  font-size: 45px;
}
.lh100 {
  line-height: 1;
}
.lh110 {
  line-height: 1.1;
}
.lh120 {
  line-height: 1.2;
}
.lh130 {
  line-height: 1.3;
}
.lh140 {
  line-height: 1.4;
}
.lh150 {
  line-height: 1.5;
}
.margint16 {
  margin-top: 16px;
}
.margin_vertical_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin_bottom_10px {
  margin-bottom: 10px;
}
.margin_bottom_22px {
  margin-bottom: 22px;
}
.text_align_left {
  text-align: left;
}
.text_align_center {
  text-align: center;
}
.text_align_right {
  text-align: right;
}
.txtl {
  text-align: left;
}
.txtc {
  text-align: center;
}
.txtr {
  text-align: right;
}
.uppercase {
  text-transform: uppercase;
}
.text_decoration_none {
  text-decoration: none;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: 700;
}
.color_inherit {
  color: inherit;
}
.color_red {
  color: var(--red-100);
}
.color_orange {
  color: var(--orange-100);
}
.color_white {
  color: var(--white-100);
}
.color_gray {
  color: var(--gray-10);
}
.color_black {
  color: var(--black-100);
}
.color_light_gray {
  color: var(--gray-10);
}
.color_headline {
  color: var(--black-100);
}
.color_figcaption,
.color_video_description {
  color: var(--gray-10);
}
.arrow-next {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  margin-left: 0;
  vertical-align: middle;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: normal;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
  .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.headline-list {
  font-size: 14px;
  font-weight: 400;
  line-height: 132%;
  list-style-type: disc;
  padding-left: 20px;
}
.headline-list--item {
  margin: 10px 0;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
  .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: 700;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
  ) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next:before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input {
  width: auto;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
    .react-datepicker__week-number--selected,
    .react-datepicker__week-number--keyboard-selected
  ):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: #000;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__month-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__quarter-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__year-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__month-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon:after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before {
  box-sizing: content-box;
  position: absolute;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border: 8px solid transparent;
  left: -8px;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after {
  top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.image-ctn {
  margin: 5px 0;
  position: relative;
  width: 100%;
}
.image-ctn-16-9 {
  padding-top: 56.25%;
}
.image-ctn-9-16 {
  padding-top: 177.7777777778%;
}
.image-ctn-1-1 {
  padding-top: 100%;
}
.image {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-circle {
  border-radius: 50%;
}
.image-fit {
  -o-object-fit: cover;
  object-fit: cover;
}
.image-bw {
  filter: grayscale(100%);
}
.image-ph {
  background-color: #f58e1f;
  grid-row: span 2;
  height: 0;
  position: relative;
  margin: 0 0 12px;
  border-radius: 3px;
}
.lds-ctn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border: 8px solid transparent;
  border-top-color: #d1d1d1;
}
.lds-ring div:first-child {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.is-loading {
  background: #eee;
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 0;
  background-size: 200% 100%;
  border-color: #eee;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.inhouse-card-link {
  display: flex;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 14px;
  position: relative;
  text-decoration: none;
  width: 100%;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--gray-40);
}
.inhouse-background-image {
  height: calc(100vw - 30px);
  width: 100%;
  border-radius: 3px;
}
.inhouse-background-image > img {
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
}
.inhouse-card-heading {
  background-color: var(--white-105);
  bottom: 14px;
  display: block;
  font-size: 20px;
  font-weight: 700;
  left: 0;
  line-height: 120%;
  max-width: 100%;
  padding: 16px;
  position: absolute;
  width: 100%;
  color: #1f1f1f;
}
.inHouse-logo {
  position: absolute;
  right: 10.5px;
  top: 10px;
}
.inHouse-logo-img {
  height: auto;
  -o-object-fit: fill;
  object-fit: fill;
  width: 83px;
}
.rawHTML,
.rawHTML-videoJWPlayer {
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 10px;
  width: 100%;
}
.rawHTML-youtube {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.rawHTML-youtube > iframe {
  border: none;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.WebStoriesBelt {
  width: 100%;
  margin: 14px 0;
  padding-top: 10px;
}
.WebStoriesBelt__headline {
  min-width: 100%;
  font-size: 20px;
  font-family: Libre Franklin, Medium, sans-serif;
  font-weight: 700;
  border-bottom: 2px solid #f68e24;
}
.WebStoriesBelt__container {
  display: flex;
  justify-content: space-between;
  min-height: 125px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.WebStoriesBelt__container::-webkit-scrollbar {
  display: none;
}
.WebStoriesBelt__item {
  min-width: 86px;
  max-width: 86px;
  margin: 0 10px 20px;
}
.WebStoriesBelt__container-image {
  height: 86px;
  width: 86px;
  border-radius: 43px;
  border: 2px solid #f68e24;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.WebStoriesBelt__image {
  height: 74px;
  width: 74px;
  border-radius: 37px;
}
.WebStoriesBelt__title {
  font-family: Raleway, sans-serif;
  font-size: 16px;
  width: 100%;
  margin-top: 6px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #555;
}
.ad-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.ad-desktop,
.ad-wrapper .hide,
.hide {
  display: none;
}
div[class^="megalateral"].ad-wrapper {
  justify-content: normal;
}
.ad-top-banner {
  margin: 2px;
}
.megalateral_250x600 .ad-megalateral > div {
  display: flex;
  justify-content: flex-start;
  width: 250px;
}
.megalateral_2_250x600 .ad-megalateral > div {
  display: flex;
  justify-content: flex-end;
  width: 250px;
}
.ad-megalateral {
  display: block;
  height: 600px;
  margin: 2px;
  position: fixed;
  top: 144px;
  width: 250px;
  z-index: 1000;
}
.ad-header-masthead-left {
  left: 0;
  margin-left: 30px;
  margin-top: 15px;
  position: absolute;
  top: 0;
}
.ad-header-masthead-right {
  margin-right: 30px;
  margin-top: 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.ad-exp-push {
  display: block;
  margin: 2px;
}
.ad-mobile-size {
  display: inline-block;
  margin: 2px;
}
.ad-mobile-size:has(iframe) {
  margin-bottom: 24px;
}
.ad-zocalo {
  bottom: 0;
  left: 50%;
  position: fixed;
  transform: translate(-50%);
}
.ad-zocalo,
.ad-zocalo > div > div > iframe,
.ad-zocalo > div > iframe {
  z-index: 2147483646;
}
.ad-zocalo-right {
  bottom: 20px;
  margin: 2px;
  position: fixed;
  right: 20px;
  z-index: 3000;
}
.close_ad {
  background-color: transparent;
  right: -18px;
  top: -15px;
}
.close_ad,
.close_ad-zocalo {
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 2147483647;
}
.close_ad-zocalo {
  align-items: center;
  background-color: var(--black-100);
  color: var(--white-100);
  display: flex;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  right: 0;
  top: -20px;
  width: 20px;
}
.close_ad-zocalo:after,
.close_ad-zocalo:before {
  background-color: var(--white-100);
  bottom: auto;
  content: "";
  height: 90%;
  left: auto;
  position: absolute;
  right: auto;
  top: auto;
  transform: rotate(45deg);
  transform-origin: center;
  width: 2px;
}
.close_ad-zocalo:after {
  transform: rotate(-45deg);
}
.close_interstitial_ad {
  right: 340px;
  top: 100px;
  z-index: 10001;
}
.close_ad .close,
.close_interstitial_ad .close {
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-size: auto;
  height: 25px;
  transform: translate(0);
  width: 25px;
  background-size: cover;
  display: flex;
}
.ad-interstitial {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2147483647;
}
.ad-interstitial-bg {
  background-color: var(--white-100);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647;
}
.ad-inline {
  display: block;
  width: 100%;
}
.ad-amp,
.ad-inline {
  margin: 0 0 16px;
}
.ad-left,
.ad-middle,
.ad-right {
  display: inline-block;
  margin: 2px 2px 24px;
}
.exp_push_1_970x250,
.exp_push_2_970x250,
.exp_push_3_970x250,
.exp_push_4_970x250,
.exp_push_5_970x250,
.exp_push_6_970x250,
.left_1_300x250,
.left_2_300x250,
.middle_1_300x250,
.middle_2_300x250,
.right_1_300x600,
.right_2_300x600,
.right_3_300x250 {
  position: relative;
}
.exp_push_1_970x250 .dfpAd,
.exp_push_2_970x250 .dfpAd,
.exp_push_3_970x250 .dfpAd,
.exp_push_4_970x250 .dfpAd,
.exp_push_5_970x250 .dfpAd,
.exp_push_6_970x250 .dfpAd,
.left_1_300x250 .dfpAd,
.left_2_300x250 .dfpAd,
.middle_1_300x250 .dfpAd,
.middle_2_300x250 .dfpAd,
.right_1_300x600 .dfpAd,
.right_2_300x600 .dfpAd,
.right_3_300x250 .dfpAd {
  align-items: center;
  background-color: var(--gray-0);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  min-height: 290px;
  padding: 30px 0 10px;
  width: 100%;
}
.left_1_300x250 .dfpAd,
.left_2_300x250 .dfpAd,
.middle_1_300x250 .dfpAd,
.middle_2_300x250 .dfpAd,
.right_1_300x600 .dfpAd,
.right_2_300x600 .dfpAd,
.right_3_300x250 .dfpAd {
  align-items: flex-start;
}
.exp_push_1_970x250,
.exp_push_2_970x250,
.exp_push_3_970x250,
.exp_push_4_970x250,
.exp_push_5_970x250,
.exp_push_6_970x250 {
  margin: 0 0 16px;
}
.ad-feedlist {
  background-color: var(--black-100);
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.ad-text:before {
  color: var(--gray-90);
  content: "PUBLICIDAD";
  font-size: 10px;
  position: absolute;
  top: 10px;
}
.ad-text.amp:before {
  content: "";
}
.Ad_1,
.Ad_2,
.Ad_3,
.Ad_4,
.Ad_5,
.Ad_6 {
  position: relative;
}
.Ad_1 .dfpAd:has(iframe),
.Ad_2 .dfpAd:has(iframe),
.Ad_3 .dfpAd:has(iframe),
.Ad_4 .dfpAd:has(iframe),
.Ad_5 .dfpAd:has(iframe),
.Ad_6 .dfpAd:has(iframe) {
  align-items: center;
  background-color: var(--gray-0);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  padding: 30px 0 10px;
  width: 100%;
}
.Ad_1 .ad-text-body-article:has(iframe):before,
.Ad_2 .ad-text-body-article:has(iframe):before,
.Ad_3 .ad-text-body-article:has(iframe):before,
.Ad_4 .ad-text-body-article:has(iframe):before,
.Ad_5 .ad-text-body-article:has(iframe):before,
.Ad_6 .ad-text-body-article:has(iframe):before {
  color: var(--gray-90);
  content: "PUBLICIDAD";
  font-size: 10px;
  position: absolute;
  top: 10px;
}
.Ad_1 .ad-text-body-article:has(iframe).amp:before,
.Ad_2 .ad-text-body-article:has(iframe).amp:before,
.Ad_3 .ad-text-body-article:has(iframe).amp:before,
.Ad_4 .ad-text-body-article:has(iframe).amp:before,
.Ad_5 .ad-text-body-article:has(iframe).amp:before,
.Ad_6 .ad-text-body-article:has(iframe).amp:before {
  content: "";
}
.body-article {
  color: var(--sub-headlines);
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.35em;
}
.body-article .paragraph,
.body-article .text-element {
  font-weight: 300;
  margin: 0 0 16px;
  text-align: left;
}
.body-article .paragraph a,
.body-article .text-element a {
  word-wrap: break-word;
  color: var(--blue-100);
  font-style: italic;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.6;
  overflow-wrap: break-word;
  text-decoration: none;
}
.body-article .paragraph b,
.body-article .text-element b {
  font-weight: 700;
}
.body-article .paragraph .mark.hl_yellow,
.body-article .paragraph mark.hl_yellow,
.body-article .text-element .mark.hl_yellow,
.body-article .text-element mark.hl_yellow {
  background: rgba(var(--yellow-50), 0.5);
}
.body-article .paragraph .mark.hl_orange,
.body-article .paragraph mark.hl_orange,
.body-article .text-element .mark.hl_orange,
.body-article .text-element mark.hl_orange {
  color: var(--gray-110);
}
.body-article .paragraph .mark.hl_green,
.body-article .paragraph mark.hl_green,
.body-article .text-element .mark.hl_green,
.body-article .text-element mark.hl_green {
  color: var(--green-100);
}
.body-article .paragraph .mark.hl_red,
.body-article .paragraph mark.hl_red,
.body-article .text-element .mark.hl_red,
.body-article .text-element mark.hl_red {
  color: var(--red-100);
}
.body-article ol.list,
.body-article ul.list {
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 24px;
  padding: 0 16px;
  padding-inline-start: 0;
}
.body-article ol.list ol,
.body-article ol.list ul,
.body-article ul.list ol,
.body-article ul.list ul {
  padding-inline-start: 40px;
}
.body-article ol.list li,
.body-article ul.list li {
  list-style-type: none;
  margin-bottom: 24px;
  position: relative;
}
.body-article ol.list li:before,
.body-article ul.list li:before {
  background-color: var(--gray-90);
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  top: 9px;
  width: 10px;
}
.body-article ol.list span,
.body-article ul.list span {
  margin-left: 16px;
}
.body-article ol.list > li {
  counter-increment: item;
}
.body-article ol.list > li:before {
  align-items: center;
  background-color: var(--gray-80);
  border-radius: 50%;
  color: var(--white-100);
  content: counter(item);
  display: inline-flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 18px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
  top: 4px;
  width: 18px;
}
.body-article ol.list > li > span {
  margin-left: 24px;
}
.body-article .visual__image,
.body-article .visual__video {
  line-height: 0;
  height: 100%;
}
.body-article .visual__image:not(:has(figcaption)),
.body-article .visual__video:not(:has(figcaption)) {
  margin-bottom: 16px;
}
.body-article .image-initial-width img {
  margin: 0 0 0 -16px;
  width: calc(100% + 32px);
}
.body-article .visual__video {
  display: block;
  margin: 0 0 10px -16px;
  max-width: 100vw;
  padding: 0;
  position: relative;
  transform: none;
  width: 100vw;
}
.body-article .image-full-width amp-img,
.body-article .image-full-width img {
  border-radius: 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.body-article .image-full-width.amp_visual_image img {
  height: 100%;
  position: absolute;
}
.show-only-es {
  display: none;
}
.hide-only-es {
  display: block;
}
.amp_visual_image amp-img {
  margin-left: -16px;
  max-width: 100vw;
  position: relative;
  width: 100vw;
}
.article-tags-container {
  border-bottom: 1px solid var(--gray-40);
  margin: 20px 0;
  padding: 15px 0 0;
}
.article-tags-headline {
  flex-flow: row wrap;
}
.related-themes-icon {
  margin: 0 6px 0 0;
  width: 12px;
}
.related-themes-icon svg {
  margin-bottom: 0;
}
.related-themes-icon svg path {
  fill: var(--gray-90);
}
.related-themes {
  color: var(--headlines);
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.article-tags {
  flex-flow: row wrap;
  padding: 16px 0 10px;
}
.article-tag {
  background-color: var(--gray-10);
  border: 1px solid transparent;
  border-radius: 100px;
  color: vrar(--gray-90);
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  margin: 0 16px 12px 0;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.article-tag:hover {
  border: 1px solid #e2e2e2;
}
.fotos-100 .body-article .article-tags-container,
.fotos-100 .body-article .paragraph,
.fotos-100 .body-article .text-element {
  padding: 0;
}
.onefootball-wrapper {
  margin: 0 -16px 16px;
  width: calc(100% + 32px);
}
.onefootball > .ht-h1 {
  font-size: 22px;
}
.blurred-body {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff);
  filter: blur(10px);
  pointer-events: none;
}
#onesignal-slidedown-container {
  z-index: 225859400 !important;
}
.body-blogging {
  width: 100%;
  margin-bottom: 32px;
}
.body-blogging ul.list {
  margin-block-start: unset;
  margin-block-end: unset;
  padding-inline-start: revert;
}
.body-blogging ul.list > li {
  list-style-type: disc;
}
.body-blogging ul.list > li > ul > li {
  list-style-type: circle;
}
.body-blogging ul.list > li > ul > li > ul > li {
  list-style-type: square;
}
.body-blogging ol.list > li {
  list-style-type: decimal;
}
.body-blogging ol.list > li > ol > li {
  list-style-type: lower-alpha;
}
.body-blogging ol.list > li > ol > li > ol > li {
  list-style-type: lower-roman;
}
.body-blogging .amp-time {
  display: inline;
  opacity: 1;
}
.body-blogging .amp-time > span.nd-body-blogging__time-hour {
  color: #1f1f1f;
}
.body-blogging .amp-date {
  display: inline;
  opacity: 1;
}
.body-blogging-pinned-ctn {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--gray-40);
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.article-headline-live-blogging,
.body-blogging-sub-header {
  scroll-margin-top: 125px;
}
.body-blogging-time {
  color: var(--gray-90);
  order: 1;
  line-height: 1.3;
  display: flex;
  align-items: baseline;
}
.body-blogging-time-hour {
  font-size: 16px;
  font-weight: 500;
}
.body-blogging-time-date {
  align-items: baseline;
  display: flex;
  font-size: 14px;
  font-weight: 400;
}
.body-blogging-time-date:before {
  content: "";
  background-color: var(--gray-90);
  display: flex;
  height: 10px;
  margin: 0 8px;
  width: 1px;
}
.body-blogging-time-line {
  border-bottom: 1px solid var(--gray-40);
  -moz-column-gap: 4px;
  column-gap: 4px;
  grid-area: time;
  grid-template-columns: 16px 1fr;
  margin: 0 0 16px;
  padding-bottom: 16px;
}
.body-blogging-figures,
.body-blogging-figures-big-circle,
.body-blogging-time-line {
  align-items: center;
  display: flex;
  justify-content: center;
}
.body-blogging-figures-big-circle {
  border-radius: 50%;
  border: 1px solid var(--orange-100);
  height: 11px;
  width: 11px;
}
.body-blogging-figures-sm-circle {
  background-color: var(--orange-100);
  border-radius: 50%;
  height: 5px;
  width: 5px;
}
.body-blogging-figures-line {
  display: none;
}
.body-blogging-top-line {
  margin: 8px 0 16px;
}
.body-blogging-btm-line,
.body-blogging-top-line {
  border-bottom: 1px solid var(--gray-40);
  height: 1px;
  width: 100%;
}
.body-blogging-btm-line {
  margin-bottom: 16px;
}
.body-blogging-pinned {
  display: flex;
  align-items: flex-start;
}
.body-blogging-pinned svg {
  flex-shrink: 0;
  margin-top: 6px;
}
.body-blogging-pinned a.body-blogging-pinned-anchor {
  color: var(--gray-100);
  line-height: 1.5;
}
.body-blogging-article {
  color: var(--headlines);
  font-size: 18px;
  line-height: 1.6;
}
.body-blogging-article .box-info-title,
.body-blogging-article .foreign-item-ctn {
  color: var(--gray-100);
}
.body-blogging-article a {
  color: var(--blue-100);
}
.body-blogging-article .paragraph {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.7;
  margin-bottom: 16px;
  text-align: left;
}
.body-blogging-article .paragraph a {
  text-decoration: none;
  color: var(--blue-100);
}
.body-blogging-article .paragraph b {
  font-weight: 700;
}
.body-blogging-article .paragraph .mark.hl_yellow,
.body-blogging-article .paragraph mark.hl_yellow {
  background: var(--yellow-100);
}
.body-blogging-article .paragraph .mark.hl_orange,
.body-blogging-article .paragraph mark.hl_orange {
  color: var(--gray-100);
}
.body-blogging-article .paragraph .mark.hl_green,
.body-blogging-article .paragraph mark.hl_green {
  color: var(--green-100);
}
.body-blogging-article .paragraph .mark.hl_red,
.body-blogging-article .paragraph mark.hl_red {
  color: var(--red-100);
}
.body-blogging-article .text-element {
  margin-bottom: 10px;
}
.body-blogging-article .text-element a {
  text-decoration: none;
  margin-bottom: 15px;
}
.body-blogging-article .visual-image {
  line-height: 0;
}
.body-blogging-article .visual-image img {
  height: auto;
  margin: 0 0 0 -16px;
  width: calc(100% + 32px);
}
.body-blogging-article .header,
.body-blogging-article .paragraph {
  padding: 0;
}
.body-blogging-article .rawHTML-youtube {
  margin: 0 -15px 10px;
  padding-top: calc(56% + 16.8px);
  width: calc(100% + 30px);
}
.body-blogging-article .image-full-width img {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.body-blogging-article .image-full-width amp-img {
  margin-left: 0;
}
.body-blogging-article .image-full-width.amp_visual_image img {
  position: absolute;
  height: 100%;
}
.body-blogging-article-title {
  grid-area: title;
}
.body-blogging-container {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 49px;
  column-gap: 49px;
  margin-right: 0;
}
.body-blogging-container:last-of-type .body-blogging-btm-line {
  display: none;
}
.body-blogging-container:last-of-type .paragraph {
  margin-bottom: 0;
}
.body-blogging-sub-header {
  color: var(--black-100);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}
.body-blogging-sub-header.pinned-header {
  margin-bottom: 2px;
}
.article-tags-container {
  margin-top: 0;
  padding-top: 0;
}
.read-full-note {
  color: var(--gray-80);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
}
.read-full-note > svg {
  height: 11px;
  margin-left: 6px;
  width: 6px;
}
.article-header {
  border-bottom: 1px solid var(--gray-40);
  margin: 12px 0;
  width: 100%;
}
.article-header.amp {
  margin-top: 20px;
}
.arrow {
  fill: var(--gray-90);
  height: 8px;
  width: 5px;
}
.article-header .center {
  text-align: center;
}
.article-header .left {
  text-align: left;
}
.article-header.article-headline-live-blogging {
  border-bottom: 1px solid #d5d5d5;
  margin-top: 0;
}
.article-header .article-headline-live-blogging {
  text-align: left;
}
.article-section-ctn {
  align-items: baseline;
  color: var(--gray-90);
  margin: 0 0 8px;
}
.article-section-tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 6px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
.article-headline {
  color: var(--headlines);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 12px;
}
.article-subheadline {
  color: var(--sub-headlines);
  font-size: 21px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 12px;
}
.article-subheadline.article-subheadline-live-blogging {
  text-align: left;
}
.author-title__container {
  border-bottom: 1px solid var(--gray-40);
  margin: 16px 0;
}
.author-title__data {
  justify-content: center;
}
.author-image {
  align-items: center;
  margin-bottom: 10px;
  margin-right: 0;
}
.author-image img {
  border-radius: 50%;
  border: 1px solid #d5d5d5;
  height: 80px;
  min-height: 80px;
  min-width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 80px;
}
.author-title__data-text {
  justify-content: center;
}
.author-title__data-text h1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 12px;
}
.author-title__data-text p {
  color: var(--gray-100);
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.author-title__data-icons {
  height: 30px;
  margin-top: 16px;
  width: 100%;
}
.author-title__divider {
  background-color: var(--gray-40);
  height: 1px;
  margin: 18px 0;
  width: 100%;
}
.author-title__icon {
  margin-right: 12px;
}
.author-title__icon i {
  display: flex;
}
.author-title__container > div:last-child {
  padding-bottom: 27px;
}
.author-title__about-title {
  font-size: 14px;
}
.author-title__about-text {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.author-image-header {
  border-radius: 100%;
  height: 32px;
  margin-left: -4px;
  margin-right: 0;
  width: 32px;
}
.author-image-header amp-img,
.author-image-header img {
  border-radius: 100px;
  border: 1px solid #d5d5d5;
  height: 32px;
  width: 32px;
}
.blockquote {
  margin-bottom: 24px;
}
.blockquote blockquote {
  border-left: 4px solid var(--orange-100);
}
.blockquote-imgs-ctn {
  height: 28px;
  position: relative;
  text-align: center;
}
.blockquote-imgs-ctn-bot,
.blockquote-imgs-ctn-top {
  height: 28px;
  width: 28px;
  z-index: 2;
}
.blockquote-imgs-ctn:before {
  background: var(--orange-100);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}
.color_figcaption {
  color: var(--gray-100);
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin: 10px 0;
  padding: 0 0 0 12px;
}
.box-info-title {
  display: flex;
  margin-bottom: 0;
  margin-top: 16px;
  text-align: center;
}
.cc-link,
.fc-link {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3;
}
.cc-link {
  margin-top: 0;
}
.box-info-test {
  left: 0;
  min-height: 186px;
  position: absolute;
  top: 0;
  flex-direction: column;
}
.box-info-content-values,
.box-info-test {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-info-content-values {
  gap: 22px;
}
.box-info-sub-content {
  display: flex;
  padding: 0 12px;
  text-align: center;
  gap: 6px;
  flex-direction: column;
  justify-content: center;
}
.box-info-value {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}
.cc-val,
.fc-val {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
}
.fc-val-outlined {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
}
.fc-val-outlined.price-large {
  font-size: 24px;
}
.cc-ctn {
  gap: 48px;
}
.box-info-percent {
  align-items: center;
  border-radius: 9px;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 4px 8px;
}
.box-info-percent.cc-per,
.box-info-percent.fc-per {
  font-weight: 400;
  font-size: 14px;
}
.box-info-percent.fc-per {
  font-size: 18px;
}
.box-info-percent span:first-child {
  margin-right: 0;
}
.disabledLink {
  pointer-events: none;
  cursor: default;
}
.customTitle {
  flex-direction: column;
}
.customTitle > span {
  font-weight: 300;
  font-size: 24px;
}
.box-info-per-error-tag {
  border-radius: 9px;
  border: 1px solid #9b9b9b;
  color: #555;
  display: inline-flex;
  font-size: 16px;
  font-weight: 300;
  gap: 10px;
  line-height: 1.3;
  padding: 4px 8px;
  text-align: center;
}
.fc-title-outlined {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #d5d5d5;
  justify-content: space-between;
  width: calc(100% - 42px);
}
.fc-title-outlined.fc-link {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
}
.fc-percent-outlined {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
.cc-percent-outlined,
.fc-percent-outlined {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 0.5px solid;
  border-radius: 6px;
}
.cc-per-outlined-text {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  color: #555;
}
.breaking-news {
  color: var(--white-100);
}
.breaking-news-link {
  align-items: center;
  display: flex;
  min-height: 56px;
  padding: 12px 0;
}
.breaking-news-link-content {
  flex: 1;
}
.breaking-news-link-content,
.breaking-news-link-content > a p {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.breaking-news-link-close {
  cursor: pointer;
  width: 32px;
}
.breaking-news .livebar-ctn-info-live-closewrapper_icon-ctn {
  align-items: center;
  border-radius: 100%;
  border: 1px solid var(--gray-10);
  display: flex;
  height: 18px;
  justify-content: center;
  margin: 0 auto;
  width: 18px;
}
.breaking-news .livebar-ctn-info-live-closewrapper_icon-ctn svg {
  height: 8px;
  width: 8px;
}
.display-none {
  display: none;
}
.breaking-news-error .breaking-text {
  color: var(--yellow-100);
}
.byline {
  color: var(--gray-90);
  font-size: 14px;
  padding-bottom: 10px;
  width: 100%;
  min-height: 42px;
}
.byline.byline-correspondent {
  align-items: center;
  display: flex;
}
.byline-correspondent-ctn {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}
.byline-image-ctn {
  margin-right: 12px;
}
.authors-name-txt-ctn {
  flex-flow: wrap;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: var(--sub-headlines);
}
.authors-name-txt-ctn a,
.authors-name-txt-ctn p,
.authors-name-txt-ctn span {
  font-size: 14px;
  line-height: 18px;
}
.authors-name-txt-ctn > span:first-child {
  margin: 0 5px 0 0;
}
.author-name {
  font-weight: 500;
}
.word-and-separator {
  margin: 0 5px;
}
.word-comma-separator {
  margin: 0 5px 0 1px;
}
.authors-name-txt-ctn.authors-name-txt-ctn-correspondent {
  color: var(--gray-90);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.send-from-correspondent {
  color: var(--gray-90);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.card-review-ctn {
  border-radius: 9px;
  border: 1px solid var(--gray-50);
  flex-direction: column;
  margin: 36px 0;
  padding: 24px;
  width: 100%;
}
.card-review-score {
  margin: 0 0 16px;
}
.card-review-score-hexa {
  background-color: #32dcdc;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  flex: none;
  height: 152px;
  position: relative;
  width: 136px;
}
.card-review-score-number {
  color: var(--bg-color);
  font-size: 49px;
  font-weight: 700;
  height: 100%;
  line-height: 1.7;
  margin: 0;
}
.card-review-rating-platform {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.card-review-score-chip {
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  font-size: 14px;
  height: 30px;
  margin: 0 0 16px;
  padding: 8px 12px;
  text-align: center;
}
.card-review-score-chip svg {
  margin-right: 6px;
}
.card-review-score-chip span {
  white-space: nowrap;
}
.card-review-platform-ctn {
  flex-direction: column;
}
.card-review-chips-ctn {
  gap: 6px;
}
.card-review-wrapper {
  margin: 0 0 16px;
  width: 100%;
}
.card-review-rating {
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
}
.card-review-rating svg {
  margin-left: 8px;
}
.card-review-division {
  border-right: 1px solid var(--gray-50);
  height: 100%;
}
.card-review-platform-deck {
  font-size: 14px;
  margin: 0 0 8px;
}
.card-review-platform-chip {
  align-items: center;
  background-color: var(--gray-85);
  border-radius: 100px;
  color: var(--white-100);
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 6px 12px;
}
.card-review-single-chip {
  justify-content: center;
}
.card-review-title {
  color: var(--gray-100);
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px;
}
.card-review-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}
.card-review-video {
  cursor: pointer;
  grid-area: video;
  height: auto;
  order: 2;
  width: 100%;
}
.card-review-video > div {
  height: 147px;
  margin: 0 auto;
}
.card-review-video > div > div {
  height: 147px;
}
.card-review-image-ctn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-self: flex-start;
  margin: 0 0 16px;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.card-review-img {
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.card-review-logo {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.notification-tooltip-ctn {
  position: absolute;
  right: 23px;
  top: 121px;
}
.notification-toast {
  border-radius: 6px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  width: 166px;
}
.notification-toast__content {
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: inline-flex;
  padding: 4px 8px;
}
.notification-toast__content img {
  height: 12px;
  margin-top: 3px;
  width: 12px;
}
.notification-toast__content a,
.notification-toast__content p {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
}
.notification-toast__content a {
  cursor: pointer;
}
.notification-toast__content a:hover {
  color: var(--gray-80);
}
.notification-toast__btn {
  background-color: var(--white-100);
  border-radius: 50%;
  border: 1px solid var(--gray-70);
  color: var(--gray-70);
  font-size: 9px;
  height: 14px;
  padding: 0;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 14px;
}
.notification-toast__btn:hover {
  cursor: pointer;
}
.notification-orange {
  background: var(--orange-0);
  border: 1px solid var(--orange-60);
}
.notification-orange:hover {
  background: var(--orange-10);
}
.notification-green {
  background: var(--green-10);
  border: 1px solid rgba(2, 132, 12, 0.7);
}
.notification-green:hover {
  background: #e6f3e7;
}
.notification-red {
  background: var(--red-10);
  border: 1px solid var(--red-20);
}
.notification-red:hover {
  background: #f7e6e6;
}
.tooltip-ctn,
.tooltip-ctn-reverse {
  background: #fde8cc;
  border-radius: 6px;
  border: 1px solid #f68e01;
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  position: relative;
}
.tooltip-ctn-reverse:before,
.tooltip-ctn:before {
  border-bottom: 3px solid var(--orange-20);
  border-left: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  bottom: auto;
  content: "";
  display: inline-block;
  height: 0;
  left: calc(50% - 1px);
  position: absolute;
  top: -3px;
  width: 0;
  z-index: 51;
}
.tooltip-ctn-reverse:after,
.tooltip-ctn:after {
  border-bottom: 5px solid var(--orange-100);
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  bottom: auto;
  content: "";
  display: inline-block;
  height: 0;
  left: calc(50% - 2px);
  position: absolute;
  top: -5px;
  width: 0;
  z-index: 50;
}
.tooltip-ctn.tooltip-ctn-reverse:before {
  border-bottom: none;
  border-top: 3px solid var(--orange-20);
  bottom: -3px;
  top: auto;
}
.tooltip-ctn.tooltip-ctn-reverse:after {
  border-bottom: none;
  border-top: 5px solid var(--orange-100);
  bottom: -5px;
  top: auto;
}
.tooltip-text {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
}
.success-tooltip {
  position: absolute;
}
.success-tooltip > .tooltip-ctn {
  border-radius: 6px;
  border: 1px solid var(--border-tooltip);
  padding: 6px;
  position: fixed;
  right: 16px;
  top: 103px;
  width: -moz-max-content;
  width: max-content;
  z-index: 40000;
}
.success-tooltip > .tooltip-ctn:before {
  border-bottom: 3px solid var(--orange-140);
  border-left: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  left: calc(82% + 1px);
}
.success-tooltip > .tooltip-ctn:after {
  border-bottom: 5px solid var(--orange-140);
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  left: 82%;
}
.tooltip-identity .tooltip-ctn {
  display: none;
  left: 664px;
  max-width: 49px;
  top: -40px;
}
.dark-mode-btn {
  position: relative;
  width: 320px;
}
.dark-mode-btn__container {
  align-items: center;
  bottom: 0;
  display: flex;
  margin-left: auto;
  padding: 12px 27px;
  position: fixed;
  width: 100%;
  border-top: 1px solid var(--gray-40);
  z-index: 99999;
  justify-content: flex-end;
}
.dark-mode-btn__container,
.dark-mode-btn__container.dark-theme {
  background-color: var(--gray-0);
}
.dark-mode-btn__toggler {
  background-color: var(--gray-90);
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  height: 22px;
  justify-content: space-between;
  align-items: center;
  width: 44px;
  position: relative;
}
.dark-mode-btn__circle {
  background-color: var(--white-100);
  border-radius: 100px;
  height: 16px;
  transform: translateX(0);
  transition: transform 0.2s linear;
  width: 16px;
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: 0;
}
.dark-mode-btn__circle.dark-theme {
  background-color: var(--white-100);
  transform: translateX(20px);
}
.dark-mode-btn__text {
  color: #000;
  font-size: 20px;
  margin-left: 10px;
}
.dark-mode-btn__text.dark-theme {
  color: #fff;
}
.light-icon {
  left: 6px;
}
.dark-icon,
.light-icon {
  position: absolute;
  top: 5px;
  z-index: 999999;
}
.dark-icon {
  left: 26px;
}
.exchange-dolar.swiper {
  display: block;
  margin: 0 -16px 16px;
}
.exchange-dolar {
  display: none;
  margin-bottom: 16px;
}
.exchange-dolar-source-text {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  padding: 6px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.exchange-dolar-source-text:after,
.exchange-dolar-source-text:before {
  background-color: var(--gray-40);
  content: " ";
  height: 1px;
  margin-left: 8px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50%;
}
.exchange-dolar-source-text:before {
  margin-left: calc(-50% - 8px);
  text-align: right;
}
.exchange-dolar-container {
  grid-gap: 0;
  border: 1px solid var(--gray-40);
  border-radius: 3px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(161px, 1fr));
}
.exchange-dolar-container.dark {
  background-color: var(--gray-110);
  border: 1px solid #444746;
}
.exchange-dolar-container-swiper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.exchange-dolar-container-swiper .swiper-slide:last-child .exchange-dolar-item {
  border-right: 1px solid var(--gray-40);
}
.exchange-dolar-container-swiper .exchange-dolar-item {
  border: 1px solid var(--gray-40);
  border-right: none;
  width: -moz-max-content;
  width: max-content;
}
.exchange-dolar-container-swiper .exchange-dolar-item:nth-child(odd) {
  border-right: none;
}
.exchange-dolar-container-swiper.dark {
  background-color: var(--gray-110);
}
.exchange-dolar-container-swiper.dark .exchange-dolar-item {
  background-color: var(--gray-110);
  border: 1px solid #444746;
}
.exchange-dolar-item {
  align-items: center;
  border-bottom: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: space-evenly;
  padding: 6px 12px;
}
.exchange-dolar-item.dark {
  background-color: var(--gray-110);
  border: 1px solid #444746;
}
.exchange-dolar-item:last-child {
  border-bottom: none;
}
.dolar-icon {
  align-items: center;
  justify-content: center;
  min-width: 8px;
}
.dolar-icon svg {
  height: 100%;
  width: 100%;
}
.exchange-dolar-title {
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
}
.exchange-dolar-title > p {
  color: var(--gray-100);
}
.exchange-dolar-percentage {
  align-items: center;
  gap: 4px;
}
.exchange-dolar-percentage img {
  height: 12px;
  width: 10px;
}
.exchange-dolar-percentage span {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.exchange-dolar-amount {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: var(--headlines);
}
.exchange-dolar-diff-ctn {
  align-items: center;
  gap: 8px;
  justify-content: center;
  order: 1;
  width: 100%;
}
.exchange-dolar-diff-text {
  align-items: center;
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
  justify-content: center;
  line-height: 1;
}
.exchange-dolar-item:nth-child(odd) {
  border-right: 1px solid var(--gray-40);
}
.exchange-dolar-item:first-child,
.exchange-dolar-item:nth-child(2),
.exchange-dolar-item:nth-child(3),
.exchange-dolar-item:nth-child(4) {
  border-bottom: 1px solid var(--gray-40);
}
.exchange-dolar-ad {
  height: 74px;
  max-height: 74px;
}
.feed-column-container {
  background-color: var(--white-100);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  width: 100%;
}
.feed-column-articles-container {
  border-top: 1px solid var(--gray-40);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 12px;
}
.feed-column-not-shown {
  border-top: none;
}
.feed-column-not-shown .feed-column-card:first-child > .headline-feed-column {
  margin-top: 0;
}
.feed-column-articles-devider {
  width: 100%;
  border-bottom: 1px solid var(--gray-40);
}
.feed-column-heading {
  align-items: center;
  background: var(--gray-10);
  border-bottom: 3px solid var(--orange-100);
  border-radius: 9px 9px 0 0;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  line-height: 130%;
  margin: 0;
  padding: 18px 0;
  text-transform: uppercase;
}
.feed-column-heading .feed-column-icon > rect {
  stroke: var(--election-gray-40);
}
.feed-column-heading .feed-column-icon > path {
  fill: var(--orange-100);
}
.feed-column-heading.red {
  border-bottom-color: var(--red-permanent);
}
.feed-column-heading.red .feed-column-icon > path {
  fill: var(--red-permanent);
}
.feed-column-heading.green {
  border-bottom-color: var(--green-100);
}
.feed-column-heading.green .feed-column-icon > path {
  fill: var(--green-100);
}
.feed-column-heading.cyan {
  border-bottom-color: var(--cyan-100);
}
.feed-column-heading.cyan .feed-column-icon > path {
  fill: var(--cyan-100);
}
.feed-column-card {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  padding: 0;
}
.feed-story-card {
  border-radius: 0 0 3px 3px;
  display: grid;
  grid-template-rows: 1fr 0.5fr;
  text-align: center;
  width: 100%;
}
.feed-column-image {
  aspect-ratio: 16/9;
  border-radius: 0 0 3px 3px;
  position: relative;
}
.head-story {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--head-story-title);
  display: -webkit-box;
  overflow: hidden;
}
.head-story,
.headline-feed-column {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.headline-feed-column {
  color: var(--headlines);
  margin: 16px 0;
}
.feed-column-detail-ctn {
  align-items: center;
  background-color: var(--dark-blue-100);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 130px;
  padding: 20px 12px;
  position: relative;
  width: 100%;
}
.feed-column-detail-ctn:before {
  content: "";
  background: linear-gradient(0deg, #202124 1.14%, transparent 50%);
  height: 100%;
  left: 0;
  position: absolute;
  top: -100%;
  width: 100%;
  z-index: 1;
}
.feed-column-detail-ctn a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-bottom: 12px;
  width: 100%;
}
.feed-column-detail-ctn p {
  color: var(--gray-10);
  font-size: 14px;
  white-space: nowrap;
}
.feed-list-wrapper .image-ph {
  border-radius: 3px;
}
.feed-list-wrapper > .ht-h1 {
  font-size: 22px;
  margin-bottom: 16px;
}
.feed-list-no-results {
  color: var(--gray-40);
  display: block;
  font-size: 30px;
  margin: 10px auto 30px;
  text-align: center;
}
.feed-list-card {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  padding-bottom: 8px;
  width: 100%;
}
.feed-list-card-first .col2 {
  margin: 0 0 0 -16px;
  padding-top: calc(56.25% + 16px);
  width: calc(100% + 32px);
}
.feed-list-card-last {
  margin-bottom: 16px;
}
.feed-list-card-headline-lean {
  display: block;
  font-size: 20px;
  font-weight: 700;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2em;
  margin-bottom: 12px;
  max-height: -moz-max-content;
  max-height: max-content;
}
.feed-list-card-headline-lean-first {
  text-align: center;
}
.deck {
  color: var(--gray-90);
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.5;
  margin-bottom: 12px;
}
.deck-first {
  text-align: center;
}
.feed-list-image {
  border-radius: 3px;
  height: auto;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 100%;
}
.feed-list-image-first {
  border-radius: 0;
}
.col1 {
  display: grid;
  grid-column: col1;
  grid-template-rows: [row1] max-content [row2] max-content [row3];
}
.col2 {
  grid-column: col2;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.col2 > .image-ph {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.feed-list-advertising {
  border-bottom: 1px solid var(--gray-40);
  margin-bottom: 16px;
  padding: 8px 0 24px;
}
.feed-list-advertising
  > .newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .container-title
  .title {
  font-weight: 500;
}
.feed-list-advertising
  > .newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .description {
  font-size: 14px;
  font-weight: 300;
}
.feed-list-wrapper > a.feed-list-read-more,
button.feed-list-read-more {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 25px;
  border: 1px solid var(--gray-50);
  color: var(--sub-headlines);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 43px;
  justify-content: center;
  margin-bottom: 40px;
  text-transform: uppercase;
  width: 100%;
}
.feed-list-wrapper > a.feed-list-read-more:hover,
button.feed-list-read-more:hover {
  background-color: var(--gray-10);
}
.feed-list-wrapper > a.feed-list-read-more:active,
button.feed-list-read-more:active {
  background-color: var(--gray-10);
  border-color: var(--gray-60);
}
.article-figcaption-img,
.article-figcaption-img-amp,
.article-figcaption-video,
.article-figcaption-video-amp {
  color: var(--gray-80);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin: 12px 0 16px;
}
.article-figcaption-video,
.article-figcaption-video-amp {
  margin: 12px 16px 16px;
}
.blogbody-figcaption-img,
.blogbody-figcaption-img-amp,
.blogbody-figcaption-video,
.blogbody-figcaption-video-amp {
  color: var(--gray-80);
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin: 12px 0 16px;
}
.blogbody-figcaption-video,
.blogbody-figcaption-video-amp {
  margin: 12px 16px 16px;
}
.fotos-100 .body-article .article-figcaption-img {
  margin-left: 0;
  margin-right: 0;
}
.fotos-100 .article-figcaption-img {
  padding-left: 0;
  padding-right: 0;
}
.footer-ctn {
  background-color: #3b3b3b;
  color: #e8eaed;
  padding: 26px 24px 64px;
  position: relative;
  width: 100vw;
}
.footer-menu {
  border-bottom: 1px solid #d5d5d5;
  grid-template-columns: 100%;
  width: 100%;
}
.footer-section {
  flex-wrap: wrap;
  gap: 0;
  margin-top: 8px;
}
.footer-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.footer-link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 48px;
  padding: 16px 8px;
}
.footer-logo {
  height: 27.93px;
  width: 120px;
}
.copyright-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.social-copy {
  font-size: 14px;
  padding: 0;
  width: 100%;
}
.logo-wrapper {
  flex-direction: row;
  gap: calc(100% - 258px);
  justify-content: center;
  margin-bottom: 28px;
  max-width: 351px;
  width: 100%;
}
.social-media-buttons {
  display: inline-flex;
  gap: 12px;
  margin-top: 16px;
}
.copyright {
  margin-top: 24px;
}
.footer-column {
  margin-bottom: 40px;
  text-align: center;
}
.social-logo {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
}
.social-logo .svg-icon {
  height: 32px;
  width: 32px;
}
.social-logo .svg-icon path {
  fill: #e2e2e2;
}
.social-logo .svg-icon .svg-icon-border {
  stroke: #e2e2e2;
}
.social-logo:hover .svg-icon path {
  fill: var(--gray-10);
}
.social-logo:hover .svg-icon .svg-icon-bg {
  fill: var(--gray-60);
}
.social-logo:hover .svg-icon .svg-icon-border {
  stroke: var(--gray-10);
}
.foreign-item-ctn {
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  position: relative;
  row-gap: 12px;
  min-height: 288px;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
}
.foreign-item-chart {
  max-height: 100px;
  position: relative;
  width: calc(100% + 4px);
}
.foreign-txt {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  align-items: center;
  justify-content: center;
  color: var(--gray-80);
}
.foreign-txt-lastest {
  bottom: 5px;
  position: absolute;
  text-align: center;
  font-weight: 300;
  width: 80px;
}
.ht-h1 {
  border-bottom: 1px solid var(--gray-40);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  width: 100%;
  margin-bottom: 16px;
}
.ht-h1 a,
.ht-h1 span {
  border-bottom: 2px solid var(--orange-100);
  display: inline-block;
  margin-bottom: -3px;
}
.ht-h1 a.red,
.ht-h1 span.red {
  border-bottom-color: var(--red-permanent);
}
.ht-h1 a.green,
.ht-h1 span.green {
  border-bottom-color: var(--green-100);
}
.ht-h1 a.cyan,
.ht-h1 span.cyan {
  border-bottom-color: var(--cyan-100);
}
.ht-h1 a:first-letter,
.ht-h1 span:first-letter {
  text-transform: uppercase;
}
.ht-top {
  margin-top: 16px;
}
.home-body .ht-h1 {
  margin-top: 0;
}
.headline-title {
  color: var(--gray-especial-hl);
  font-size: 20px;
  line-height: 1.2;
}
.headline-live-dot {
  color: var(--red-100);
  font-size: 20px;
  margin-right: 3px;
}
.headline-class-h2 {
  color: var(--headlines);
  font-size: 20px;
}
.headline-class-h2,
.headline-class-h3 {
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 12px;
}
.headline-class-h3 {
  color: var(--gray-100);
  font-size: 18px;
}
.fotos-100 .headline-wrapper {
  padding: 0;
}
.identity-header.loading .identity-header-data-title {
  border-radius: 100px;
  height: 29px;
  width: 54px;
}
.identity-header.loading .identity-header-data-email {
  border-radius: 100px;
  width: 180px;
}
.identity-header.loading .identity-sign-out {
  border-radius: 100px;
  height: 22px;
  width: 22px;
}
.identity-header.loading .identity-menu {
  border-radius: 100px;
  height: 47px;
  width: 328px;
}
.identity-menu-item#savedVideos {
  animation: new 6s ease-in-out;
}
.identity-popup {
  align-content: center;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding: 16px;
  position: fixed;
  top: 0;
  z-index: 99999;
}
.identity-popup,
.popup-content {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 100%;
}
.popup-content {
  align-items: center;
  background: var(--white-100);
  border: 1px solid var(--gray-40);
  border-radius: 16px;
  max-height: 100%;
  max-width: 407px;
  overflow: auto;
}
.popup-content::-webkit-scrollbar {
  background: transparent;
  width: 1px;
}
.popup-content::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 15px;
  margin-top: 15px;
}
.popup-content::-webkit-scrollbar-thumb {
  background: #9b9b9b;
  border-radius: 10px;
  overflow: hidden;
}
.popup-content::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
}
.login-form-keepme-ctn {
  align-items: center;
  display: flex;
}
.login-form-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  margin: auto;
  overflow-y: auto;
  padding: 16px;
  width: 100%;
}
.login-form-ctn * {
  font-family: Roboto, sans-serif;
}
.login-form-ctn > :last-child {
  margin-bottom: 0;
}
.login-form-ctn .identity-button-confirm {
  margin-bottom: 16px;
  max-height: 38px;
  width: 100%;
}
.login-form-ctn .identity-email-verification-description {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
  margin-bottom: 16px;
  text-align: center;
}
.reset-form-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  margin: auto;
  padding: 15px 15px 25px;
  width: 100%;
}
.logo-bajalibros,
.reset-form-ctn > a {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.reset-form-ctn > .bajalibros-by-infobae-svg {
  margin: 20px auto 40px;
}
.login-form-close-ctn {
  align-self: flex-end;
  background-color: var(--white-100);
  border: none;
  cursor: pointer;
  height: 12px;
  padding: 0;
}
.login-form-close-ctn svg {
  height: 12px;
  width: 12px;
}
.login-form-return-ctn {
  align-self: flex-start;
  background-color: var(--white-100);
  border: none;
  cursor: pointer;
  display: flex;
  height: 23px;
  padding: 0;
  width: 64px;
}
.login-return-button {
  align-items: center;
  color: var(--gray-60);
  display: flex;
  flex-direction: row;
  gap: 6px;
  height: 14px;
  justify-content: center;
}
.login-return-button .arrow {
  fill: var(--gray-60);
  color: var(--gray-60);
  height: 12px;
  transform: rotate(180deg);
}
.login-form-return-text {
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}
.login-return-button:hover .login-form-return-text {
  color: var(--gray-80);
}
.login-return-button:hover .arrow {
  fill: var(--gray-80);
}
.login-form-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}
.login-form-legend {
  color: var(--gray-90);
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
.login-form-legend-title {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.login-form-title {
  color: var(--headlines);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  margin: 8px 0;
  text-align: center;
}
.align-title {
  text-align: start;
}
.align-title,
.title-article {
  margin: 16px 0;
}
.login-form-info-text-container {
  align-items: center;
  border: 1px solid var(--orange-100);
  border-radius: 9px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin-bottom: 14px;
  padding: 12px;
}
.login-form-info-text-container svg {
  min-width: 32px;
}
.login-form-info-text-ctn {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
}
.login-form-info-text-ctn.email-sent {
  flex-direction: column;
}
.login-form-info-text-ctn strong {
  color: var(--gray-90);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 16px;
  text-align: center;
}
.sign-in-with-google-empty {
  min-height: 50px;
}
.login-form-info-text {
  color: var(--gray-90);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
.login-form-inputs-ctn {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  row-gap: 10px;
}
.login-form-field-ctn {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
  width: 100%;
}
.login-form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--gray-50);
  border-radius: 8px;
  color: var(--gray-80);
  font-family: Roboto, serif;
  font-weight: 300;
  height: 32px;
  padding: 11px 12px;
}
.login-form-input:-ms-input-placeholder,
.login-form-input::-moz-placeholder,
.login-form-input::-webkit-input-placeholder,
.login-form-input::placeholder {
  color: var(--gray-60);
  font-size: 16px;
  font-style: normal;
  font-weight: 300px;
  line-height: 19px;
}
.login-form-input:active,
.login-form-input:focus {
  border: 1px solid var(--gray-60);
}
.login-form-input:active:-ms-input-placeholder,
.login-form-input:active::-moz-placeholder,
.login-form-input:active::-webkit-input-placeholder,
.login-form-input:active::placeholder,
.login-form-input:focus:-ms-input-placeholder,
.login-form-input:focus::-moz-placeholder,
.login-form-input:focus::-webkit-input-placeholder,
.login-form-input:focus::placeholder {
  border: 1px solid var(--gray-60);
  border-radius: 8px;
  color: var(--gray-80);
  font-size: 16px;
  font-style: normal;
  font-weight: 300px;
  line-height: 19px;
}
.login-form-input:hover:not(:focus):not(:active) {
  background-color: var(--gray-0);
}
.login-form-input:disabled {
  background-color: var(--gray-10);
  cursor: not-allowed;
}
.login-form-input:-webkit-autofill,
.login-form-input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}
.login-form-field-ctn .field-select .field-select-input.login-form-input {
  height: 32px;
}
.login-form-field-ctn .field-select:before {
  top: 23%;
}
.login-form-label {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 4px;
  padding: 0 12px;
}
.login-form-field-error input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--red-100);
}
.error-span {
  color: var(--red-100);
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 1.3;
  margin-top: 4px;
  padding-left: 12px;
}
.login-form-switch {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  height: 16px;
  position: relative;
  width: 28px;
}
.login-form-switch .login-form-input-checkbox {
  margin: 3px 3px 3px 4px;
}
.login-form-switch.login-form-input-checkbox {
  height: 0;
  opacity: 0;
  width: 0;
}
.login-form-slider {
  background-color: #777;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.login-form-slider:before {
  background-color: var(--white-100);
  bottom: 2px;
  content: "";
  height: 12px;
  left: 2px;
  position: absolute;
  transition: 0.4s;
  width: 12px;
}
.login-form-input-checkbox:checked + .login-form-slider {
  background-color: var(--orange-60);
}
.login-form-input-checkbox:checked + .login-form-slider:before {
  transform: translateX(12px);
}
.login-form-round {
  border-radius: 100px;
}
.login-form-round:before {
  border-radius: 50%;
}
.login-form-support-options {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 18px;
  margin-bottom: 16px;
}
.login-form-support-options button {
  background-color: var(--white-100);
  border: none;
  color: var(--gray-100);
  font-size: 14px;
  line-height: 17px;
}
.login-form-support-options button:hover {
  cursor: pointer;
}
.login-form-support-options-label {
  margin-left: 26px;
}
.login-form-support-options-btn,
.login-form-support-options-label {
  color: var(--gray-90);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}
.login-form-support-options-btn:hover {
  cursor: pointer;
}
.login-form-agree-terms-ctn {
  align-items: center;
  display: flex;
  font-weight: 300;
  justify-content: space-between;
}
.login-form-agree-terms-ctn a {
  color: var(--gray-90);
  margin: 0 3px;
  text-decoration: underline;
}
.login-form-agree-terms-ctn-check-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  height: 14px;
  margin-right: 10px;
  position: relative;
  width: 14px;
}
.login-form-agree-terms-ctn-check-main input {
  visibility: hidden;
}
.login-form-agree-terms-ctn-check-main input:focus {
  border-radius: 50px;
}
.login-form-agree-terms-ctn-geekmark {
  background-color: var(--white-100);
  border: 1px solid var(--gray-60);
  border-radius: 3px;
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}
.login-form-agree-terms-ctn-check-main
  input:active
  ~ .login-form-agree-terms-ctn-geekmark,
.main input:checked ~ .login-form-agree-terms-ctn-geekmark {
  background-color: var(--orange-60);
  border-radius: 3px;
}
.login-form-agree-terms-ctn-geekmark:after {
  content: "";
  display: none;
  position: absolute;
}
.login-form-agree-terms-ctn-check-main
  input[value="true"]
  ~ .login-form-agree-terms-ctn-geekmark:after {
  background-color: var(--orange-60);
  border-radius: 3px;
  display: block;
}
.login-form-agree-terms-ctn-check-main
  .login-form-agree-terms-ctn-geekmark:after {
  border: 1px solid var(--orange-60);
  border-radius: 3px;
  bottom: 1px;
  height: 8px;
  left: 1px;
  width: 8px;
}
.login-form-error {
  color: var(--red-100);
}
.login-form-error,
.login-form-success {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 16px;
  text-align: center;
}
.login-form-success {
  color: var(--green-100);
}
.login-form-warning {
  color: var(--orange-100);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 16px;
  text-align: center;
}
.login-form-or-ctn {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-bottom: 16px;
}
.login-form-or-ctn div {
  background-color: #d5d5d5;
  height: 1px;
  width: 100%;
}
.login-form-or-ctn p {
  margin: 0 8px;
}
.login-form-need-registration {
  align-items: center;
  color: var(--gray-90);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  justify-content: center;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 4px;
}
.login-form-need-registration button {
  background-color: transparent;
  border: none;
  color: var(--sub-headlines);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 3px;
  padding: 0;
  text-decoration: underline;
  text-transform: uppercase;
}
.login-form-need-registration button:hover {
  cursor: pointer;
}
.login-form-tooltip-ctn {
  position: relative;
}
.login-form-tooltip,
.login-form-tooltip-ctn {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.login-form-tooltip {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  right: 10px;
  text-align: left;
  top: -115px;
  z-index: 1;
}
.login-form-bottom {
  margin-top: 5px;
}
.login-form-tooltip-arrow {
  border-bottom: 5px solid var(--bg-tooltip-password);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  left: -7px;
  position: absolute;
  top: 80%;
  transform: rotate(-90deg);
  width: 0;
}
.login-form-tooltip-label {
  background-color: var(--bg-tooltip-password);
  box-shadow: 0 2px 3px var(--shadow-tooltip-password);
  color: var(--white-100);
  padding: 10px;
  text-align: left;
}
.has-error {
  margin-bottom: 5px;
}
.login-form-social-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--border-btn-identity);
  border-radius: 100px;
  color: var(--sub-headlines);
  cursor: pointer;
  display: flex;
  font-family: Google Sans, arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: 19px;
  margin: 0 auto 12px;
  max-width: 400px;
  padding: 9px 0 8px;
  width: 100%;
}
.login-form-social-button:hover {
  background-color: var(--bg-background-face);
  border-color: var(--border-btn-face);
  color: var(--color-txt-face);
}
.sign-in-with-google-button {
  margin-bottom: 12px;
}
.S9gUrf-YoZ4jf {
  display: flex;
  justify-content: center;
}
.login-form-icon-facebook,
.login-form-icon-google {
  margin-right: 6px;
}
.login-form-button-primary {
  align-items: center;
  background-color: var(--orange-20);
  border: none;
  border-radius: 100px;
  color: var(--sub-headlines);
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  line-height: 21px;
  margin-bottom: 16px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.login-form-button-primary:active {
  background-color: var(--orange-20);
  cursor: pointer;
}
.login-form-button-primary:focus {
  background-color: var(--orange-40);
}
.login-form-button-primary:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
  cursor: pointer;
  padding: 9px 0;
}
.login-form-button-secondary {
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  line-height: 21px;
  margin-bottom: 16px;
  padding: 9px 0;
  text-align: center;
  width: 100%;
}
.login-form-button-secondary:hover {
  background-color: var(--orange-10);
  cursor: pointer;
}
.identity-button-disabled {
  background-color: var(--gray-10);
  color: var(--text-color-continue);
}
.identity-button-disabled:hover {
  background-color: var(--gray-10);
  border: none;
  color: var(--text-color-disabled);
  cursor: not-allowed;
  padding: 10px 0;
}
.mt10 {
  margin-top: 10px;
}
.identity {
  margin-top: 12px;
  width: 100%;
}
.identity,
.identity-header {
  font-family: Roboto, sans-serif;
}
.identity-header-user-data {
  border-bottom: 1px solid var(--election-gray-40);
  display: flex;
  gap: 16px 20px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  width: 100%;
}
.identity-header-data {
  display: grid;
  gap: 10px;
  grid-template: "title signout" auto "email signout" 22px / auto 20px;
  width: 100%;
}
.identity-header-data-title {
  color: var(--headlines);
  font-size: 22px;
  font-weight: 700;
  grid-area: title;
  line-height: 1.3;
}
.identity-header-data-email {
  align-items: center;
  color: var(--gray-90);
  display: flex;
  font-size: 16px;
  font-weight: 300;
  grid-area: email;
  line-height: 1.3;
}
.identity-sign-out {
  align-items: center;
  align-self: flex-end;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  grid-area: signout;
  padding: 0;
}
.identity-sign-out > span {
  color: var(--gray-90);
  display: none;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-left: 8px;
}
.identity-sign-out > svg {
  height: 22px;
  width: 22px;
}
.identity-sign-out:focus {
  outline: none;
}
.identity-menu {
  background-color: var(--bg-menu);
  border-radius: 100px;
  display: flex;
  gap: 1.5px;
  height: 45px;
  margin: 16px auto 34px;
  overflow-x: auto;
  padding: 6px 8px;
}
.identity-menu::-webkit-scrollbar {
  display: none;
}
.identity-menu-gradient-right {
  background-image: linear-gradient(
    -90deg,
    var(--white-100),
    hsla(0, 0%, 100%, 0)
  );
  height: 55px;
  position: absolute;
  right: 16px;
  top: 230px;
  width: 45px;
}
.identity-menu-gradient-left {
  background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  height: 55px;
  left: 16px;
  position: absolute;
  top: 230px;
  width: 45px;
}
.identity-menu-item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: none;
  border: none;
  border-radius: 100px;
  color: var(--sub-headlines);
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.identity-menu-item:focus {
  outline: none;
}
.identity-menu-item:active {
  background-color: var(--gray-20);
}
.identity-menu-item-active {
  background-color: var(--orange-30);
  color: var(--headlines);
  font-weight: 500;
}
.identity-content-form {
  width: 100%;
}
.identity-content-setting-email.loading .field-input {
  border-radius: 100px;
  height: 42px;
}
.identity-form.loading {
  margin-bottom: 184px;
}
.identity-form.loading div {
  border-radius: 100px;
  height: 67px;
}
.identity-newsletter-feed-ctn.loading {
  padding: 15px 0 0;
}
.form-setting,
.form-setting-password {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.form-setting {
  margin-bottom: 32px;
}
.identity-form {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 24px;
}
.field-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.field-container .field-select-input {
  height: 32px;
  padding: 0 12px;
}
.field-label {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}
.field-input,
.field-label {
  font-family: Roboto;
  padding: 0 12px;
}
.field-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid var(--gray-50);
  border-radius: 8px;
  color: var(--gray-80);
  font-weight: 300;
  height: 32px;
  width: 100%;
}
.field-input::-webkit-input-placeholder,
.field-input::placeholder {
  color: var(--gray-50);
}
.field-input:active,
.field-input:focus {
  border: 1px solid var(--gray-60);
  color: var(--gray-80);
}
.field-input:hover:not(:focus):not(:active) {
  background-color: var(--gray-0);
  border: 1px solid var(--gray-50);
}
.field-input:-webkit-autofill,
.field-input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}
.field-input-disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--gray-10);
  border: 1px solid var(--gray-50);
  border-radius: 8px;
  color: var(--gray-60);
  cursor: not-allowed;
  font-family: Roboto;
  font-weight: 300;
  height: 32px;
  padding: 0 12px;
  width: 100%;
}
.identity-account-actions {
  height: 90px;
  margin: 32px auto;
}
.identity-button-confirm,
.identity-button-confirm-disabled {
  align-items: center;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  height: 38px;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  width: 100%;
}
.identity-button-confirm-disabled:has(.identity-saved),
.identity-button-confirm:has(.identity-saved) {
  background-color: var(--orange-40);
  border-color: var(--orange-40);
  color: var(--gray-90);
}
.identity-saved {
  align-items: center;
  display: flex;
}
.identity-button-confirm {
  background-color: var(--orange-20);
  border: 1px solid var(--orange-20);
  color: var(--gray-90);
}
.identity-button-confirm:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.identity-button-confirm:active {
  background-color: var(--orange-30);
  border-color: var(--orange-30);
}
.identity-button-confirm-disabled {
  background-color: var(--gray-10);
  color: var(--gray-60);
  cursor: not-allowed;
}
.message-identity-error {
  color: var(--orange-110);
  display: block;
  font-size: 12px;
  margin: 5px 0 36px;
  text-align: left;
}
.message-identity-error.form-error {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.message-identity-success {
  color: var(--green-100);
  display: block;
  font-size: 12px;
  margin: 5px 0 36px;
  text-align: left;
}
.message-identity-success.form-success {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.message-identity-helper {
  font-size: 16px;
  margin: 23px 0 27px;
}
.message-identity-helper .link {
  color: var(--orange-100);
  cursor: pointer;
}
.identity-upload-modal__title {
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center;
}
.identity-upload-modal__image-container {
  display: flex;
  height: 160px;
  justify-content: center;
  margin-bottom: 25px;
  width: 100%;
}
.identity-upload-modal__image--default {
  border-width: 0;
}
.identity-upload-modal__image {
  align-items: center;
  border-width: 5px;
  display: flex;
  height: 160px;
  justify-content: center;
  width: 160px;
}
.identity-upload-modal__image img {
  border: 2px solid var(--orange-100);
  border-radius: 50%;
  box-sizing: content-box;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.identity-upload-modal__requirement-container {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 10px;
  text-align: center;
}
.identity-upload-modal__requirement-text {
  color: var(--gray-90);
}
.identity-upload-modal__requirement-text-error {
  color: var(--orange-100);
}
.identity-upload-modal__confirm-delete-avatar {
  color: #3b3b3b;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 30px;
  text-align: center;
}
.identity-upload-modal__container-buttons {
  -moz-column-gap: 15px;
  column-gap: 15px;
  display: grid;
  grid-template-columns: 1fr;
}
.newsletter-card-checkmark {
  fill: var(--gray-90);
}
.identity-upload-modal__button {
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  margin-top: 15px;
  width: 100%;
}
.identity-upload-modal__button:hover {
  background-color: var(--orange-10);
}
.identity-upload-modal__button:active {
  background-color: var(--orange-10);
  border-color: var(--orange-60);
}
.react-datepicker {
  border-color: var(--gray-50);
  border-radius: 8px;
  box-shadow: var(--shadow-nav);
  display: flex;
  font-family: Roboto, sans-serif;
  margin: 0 auto;
  max-width: 243px;
  width: 100%;
}
.react-datepicker__header {
  background-color: var(--gray-10);
  border-top-left-radius: 8px;
  padding: 8px 0 2px;
}
.react-datepicker__header,
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 8px;
}
.react-datepicker-popper {
  max-width: 100%;
  width: 100%;
}
.react-datepicker__month-container {
  background-color: var(--bg);
  border-color: var(--gray-10);
  border-radius: 8px;
  width: 100%;
}
.react-datepicker__month {
  border-color: var(--gray-10);
  margin: 4px 0.4rem 0;
}
.react-datepicker__month,
.react-datepicker__month-select option {
  background-color: var(--bg);
}
.react-datepicker__current-month,
.react-datepicker__navigation--next,
.react-datepicker__navigation--previous {
  display: none;
}
.react-datepicker__day {
  color: var(--gray-100);
  font-weight: 300;
}
.react-datepicker__day:hover {
  background-color: var(--gray-10);
  border-radius: 50%;
}
.react-datepicker__day-names {
  margin: 0 0.4rem;
}
.react-datepicker__day-name {
  color: var(--gray-100);
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.react-datepicker__day--selected {
  border-radius: 50%;
  color: var(--gray-100);
  font-weight: 400;
}
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover {
  background-color: var(--orange-30);
}
.react-datepicker__day--keyboard-selected {
  background-color: var(--orange-10);
  border-radius: 50%;
}
.react-datepicker__day--disabled {
  color: var(--gray-50);
  font-weight: 300;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-select,
.react-datepicker__month-select > option {
  text-transform: capitalize;
}
.react-datepicker__header__dropdown {
  display: flex;
  justify-content: space-evenly;
}
.react-datepicker__month-dropdown-container,
.react-datepicker__year-dropdown-container {
  background-color: var(--white-100);
  position: relative;
}
.react-datepicker__month-dropdown-container > select,
.react-datepicker__year-dropdown-container > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-color: var(--gray-50);
  border-radius: 3px;
  color: var(--gray-80);
  display: flex;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  height: 28px;
  outline: none;
  padding: 0 24px 0 6px;
  position: relative;
  z-index: 1;
}
.react-datepicker__month-dropdown-container > select:active,
.react-datepicker__month-dropdown-container > select:focus,
.react-datepicker__year-dropdown-container > select:active,
.react-datepicker__year-dropdown-container > select:focus {
  font-size: 14px;
}
.react-datepicker__month-dropdown-container:after,
.react-datepicker__year-dropdown-container:after {
  border-color: transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid var(--gray-60);
  border-right: 1px solid var(--gray-60);
  border-top: 1px solid transparent;
  content: "";
  height: 6px;
  position: absolute;
  right: 10px;
  top: 8px;
  transform: rotate(45deg);
  width: 6px;
  z-index: 0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  display: flex;
  justify-content: space-between;
}
.identity-email-verification {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 9vh auto 15vh;
  max-width: 540px;
  width: 100%;
}
.identity-email-verification-content {
  border: 1px solid var(--gray-40);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}
.identity-email-verification-content .field-label,
.identity-email-verification-content .identity-email-verification-description,
.identity-email-verification-content .identity-header-data-title {
  text-align: center;
}
.identity-email-verification-description {
  font-size: 16px;
}
.identity-email-error {
  color: var(--red-90);
  line-height: 1.3;
}
.identity-loader {
  animation: spinner 1.1s linear infinite;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top: 3px solid var(--orange-110);
  height: 24px;
  margin: 0 auto;
  width: 24px;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.field--upload-avatar {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: space-between;
  line-height: 19px;
}
.field--upload-avatar p {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
}
.field--upload-avatar img {
  width: 15px;
}
.field--upload-avatar--without-avatar,
.field--upload-avatar--without-avatar.disabled {
  color: var(--gray-50);
}
@keyframes new {
  15% {
    background-color: var(--orange-30);
    transition: all 1s ease-in-out;
  }
  30% {
    background-color: var(--gray-20);
    transition: all 1s ease-in-out;
  }
  45% {
    background-color: var(--orange-30);
    transition: all 1s ease-in-out;
  }
  60% {
    background-color: var(--gray-20);
    transition: all 1s ease-in-out;
  }
  75% {
    background-color: var(--orange-30);
    transition: all 1s ease-in-out;
  }
  to {
    background-color: var(--gray-20);
    transition: all 1s ease-in-out;
  }
}
.field-select {
  height: auto;
  position: relative;
  width: 100%;
  outline: none;
  margin-bottom: 20px;
}
.field-select > label {
  position: absolute;
  left: 10px;
  padding: 0 5px;
  background-color: var(--white-100);
  color: #777;
  font-size: 14px;
  pointer-events: none;
  transition: top 0.1s ease-in-out, font-size 0.1s ease-in-out;
  display: flex;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
}
.field-select-outlined.outlined-error:before {
  top: 12px;
  border-color: var(--red-100);
}
.field-select:before {
  border-radius: 1px;
  border-color: var(--gray-60);
  border-style: solid;
  border-width: 0 2px 2px 0;
  cursor: pointer;
  content: "";
  height: 10px;
  position: absolute;
  right: 14px;
  top: 30%;
  transform: rotate(45deg);
  width: 10px;
  z-index: 0;
}
.field-select:focus-within:before {
  border-color: var(--gray-90);
}
.field-select-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 8px;
  border: 1px solid var(--border-input);
  color: var(--color-text-input);
  cursor: pointer;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 11px 12px;
  text-indent: 0;
  width: 100%;
}
.field-select-input::-webkit-input-placeholder,
.field-select-input::placeholder {
  color: var(--gray-90);
}
.field-select-input:active,
.field-select-input:focus {
  border: 1px solid var(--gray-60);
  color: var(--gray-80);
}
.field-select-input:hover:not(:focus):not(:active) {
  background-color: var(--gray-0);
  border: 1px solid var(--gray-50);
}
.field-select [name="hovered"] {
  background-color: var(--gray-10);
}
.field-select-list-ctn,
.field-select-list-ctn-hide {
  border-radius: 8px;
  border: 1px solid var(--gray-50);
  margin-top: 10px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.field-select-list-ctn-hide {
  display: none;
}
.field-select-list {
  background: var(--white-100);
  border-radius: 8px;
  font-size: 16px;
  margin: 0;
  max-height: 180px;
  overflow-y: auto;
  padding: 0;
}
.field-select-list::-webkit-scrollbar {
  background: #888787;
  width: 1px;
}
.field-select-list::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: var(--gray-10);
}
.field-select-list::-webkit-scrollbar-thumb {
  background: #9b9b9b;
  border-radius: 10px;
  overflow: hidden;
}
.field-select-list::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
}
.field-select-item {
  list-style: none;
}
.field-select-no-opt,
.field-select-opt {
  background: none;
  border: none;
  color: var(--gray-80);
  cursor: default;
  display: block;
  font: inherit;
  font-weight: 300;
  line-height: 30px;
  outline: inherit;
  padding: 0;
  text-align: start;
  text-indent: 10px;
  width: 100%;
}
.field-select-opt:hover {
  background-color: var(--gray-10);
}
.field-select-no-opt {
  color: var(--gray-50);
  text-indent: 0;
  text-align: center;
}
.field-select [value="true"] {
  background-color: var(--orange-30);
  color: var(--gray-80);
  font-weight: 400;
}
.field-select-has-content > label,
.field-select-input:focus + label {
  top: 0;
  font-size: 12px;
}
.image-header-ctn {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  margin: 0 auto 12px;
  position: relative;
  width: 100%;
}
.image-header-img {
  border-radius: 3px;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.jwplayer-ctn {
  margin: 0 -16px 10px;
  padding-top: calc(56.25% + 16.88px);
  position: relative;
  transform: none;
  width: calc(100% + 32px);
}
.jwplayer-ctn .jw-related-btn {
  display: none;
}
.jwplayer-ctn > amp-jwplayer,
.jwplayer-ctn > div {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.jwplayer-figcaption {
  color: var(--gray-80);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  margin: 12px 0 16px;
  padding: 0 16px;
}
.fotos-100 .body-article .jwplayer-ctn .jwplayer-figcaption {
  padding: 0;
}
.latest-feed-container {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  margin-bottom: 24px;
  padding: 0 12px 12px;
  width: 100%;
}
.latest-feed-container .title-bar {
  margin-bottom: 12px;
  border-top: none;
}
.latest-feed-container .title-bar .title-bar-text {
  text-transform: none;
}
.latest-feed-container .latest-feed-column-articles-divider:last-child {
  border-bottom: none;
}
.latest-feed-time {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.latest-feed-articles-container {
  border-top: 1px solid var(--gray-40);
  flex-grow: 1;
  margin-top: 8px;
}
.latest-feed-not-shown {
  border-top: none;
}
.latest-feed-not-shown .latest-feed-card:first-child > .headline-latest-feed {
  margin-top: 0;
}
.headline-latest-feed:hover {
  color: var(--gray-80);
}
.latest-feed-column-articles-divider,
.latest-feed-heading {
  width: 100%;
  border-bottom: 1px solid var(--gray-40);
}
.latest-feed-heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.latest-feed-heading a,
.latest-feed-heading span {
  border-bottom: 2px solid var(--orange-100);
  display: inline-block;
  margin-bottom: -3px;
}
.latest-feed-heading a.red,
.latest-feed-heading span.red {
  border-bottom-color: var(--red-100);
}
.latest-feed-heading a.green,
.latest-feed-heading span.green {
  border-bottom-color: var(--green-100);
}
.latest-feed-heading a.cyan,
.latest-feed-heading span.cyan {
  border-bottom-color: var(--cyan-100);
}
.latest-feed-card {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  padding: 0;
}
.lastest-feed-content {
  margin: 8px 0;
  gap: 6px;
}
.latest-feed-special-card-container {
  width: 100%;
  overflow: hidden;
}
.latest-feed-special-card-container .latest-feed-special-content-container {
  gap: 12px;
  height: 100%;
  margin-top: 6px;
}
.latest-feed-special-card-container .latest-feed-special-card-img-ctn {
  position: relative;
  min-width: 80px;
  max-height: 80px;
  max-width: 80px;
}
.latest-feed-special-card-container
  .latest-feed-special-card-img-ctn
  > .image-ph {
  margin: 0;
  border-radius: 6px;
}
.latest-feed-special-card-container .latest-feed-special-card-img-ctn img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}
.headline-latest-feed {
  color: var(--headlines);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}
.headline-latest-feed.first-special-card {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.article-right-rail,
.homepage-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
}
.homepage-centered-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.homepage-centered-layout:has(.slide-open) .homepage-centered-left-span,
.homepage-centered-layout:has(.slide-open) .homepage-centered-right-span {
  z-index: 3000;
}
.homepage-centered-content {
  display: flex;
  width: 100%;
}
.homepage-centered-body {
  flex: 1;
  max-width: 1236px;
  overflow: hidden;
  padding: 16px 16px 0;
}
.homepage-centered-left-span,
.homepage-centered-right-span {
  display: none;
}
.homepage-centered-left-span .ad-megalateral,
.homepage-centered-right-span .ad-megalateral {
  width: 250px;
}
.article-right-rail .span-rail {
  margin-top: 110px;
}
.full-screen {
  height: 100vh;
  width: 100vw;
}
.exclusive-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.exclusive-body {
  padding: 0 16px;
  width: 100%;
}
.exclusive-body .feed-list-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 856px;
}
.homepage-layout {
  box-sizing: border-box;
  vertical-align: top;
}
.content-section,
.content-section .isAdmin {
  grid-column: span 12;
}
.content-section-centered {
  grid-column: span 12;
  width: 100%;
}
.content-body {
  display: grid;
  grid-template-columns: repeat(10, 1fr) repeat(2, minmax(126px, 1fr));
  width: 100%;
}
.span-body,
.span-body .isAdmni {
  grid-column: span 12;
}
.span-body-centered {
  grid-column: span 12;
  width: 100%;
}
.top,
.top-exclusive,
.top-home {
  width: 100%;
}
.top-amp,
.top-exclusive-amp,
.top-home-amp {
  margin-top: 55px;
  width: 100%;
}
.page-container,
.page-container-centered-1168,
.page-container-centered-1600,
.page-container-liveblogging {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.article-main-full-width {
  padding-top: 1px;
}
.article-main-full-width .sharemenu-container.show-sharemenu-container {
  right: 16px;
}
.article-main-full-width .sharebar-container {
  max-width: 1236px;
  margin-bottom: 16px;
  padding: 0;
  width: 100%;
}
.article-main-full-width .article-figcaption-img,
.article-main-full-width .article-figcaption-img-amp,
.article-main-full-width .article-tags-container,
.article-main-full-width .feed-list-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}
.article-main-full-width .paragraph,
.article-main-full-width .text-element {
  padding: 0 16px;
}
.article-main-full-width .jwplayer-ctn {
  margin: 0 0 10px;
  padding-top: 56.25%;
  width: 100%;
}
.article-main-full-width .visual__image.image-full-width > img {
  border-radius: 3px;
}
.minibody {
  grid-column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.inner_minibody {
  grid-column: span 12;
}
.minibody-right-rail {
  grid-column: span 12;
  width: 100%;
}
.article,
.article-width-right-rail {
  flex: 1;
  grid-area: article;
  padding: 0;
  width: 100%;
  z-index: auto;
  height: -moz-fit-content;
  height: fit-content;
}
.article-bottom-856 {
  margin: auto;
  padding: 0 16px;
}
.home-body {
  margin: 0 auto;
  padding-top: 16px;
  width: 100%;
}
.bottom {
  margin: auto;
  width: 100%;
}
.span-rail {
  display: none;
}
.span-section {
  position: fixed;
  top: 110px;
  z-index: 1000;
}
.article-section,
.article-section-no-ads {
  display: flex;
  flex-direction: column;
}
.article-section-photos {
  margin: auto;
  max-width: 1236px;
  padding: 0 16px;
}
.article-header-wrapper {
  grid-area: header;
  width: 100%;
}
.right-rail {
  border-radius: 3px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.header-full-width {
  margin: 0 auto;
  max-width: 1236px;
  padding: 0 16px;
  width: 100%;
}
.article-amp-layout .top {
  margin-top: 55px;
}
.header-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.header-layout-content {
  grid-column: span 12;
  width: 100%;
}
.header-layout-content-child {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
.sport-live-ctn {
  min-height: 137px;
}
.sport-live-ctn .header-layout-content,
.sport-live-ctn .header-layout-content:not(.isAdmin) {
  grid-column: span 12;
}
.sport-live-ctn .header-layout-content-child {
  margin: 0;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0;
}
.article-right-rail-centered-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.article-right-rail-centered-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}
.article-right-rail-centered-layout-body {
  flex: 1;
  max-width: 1236px;
}
.article-right-rail-centered-left-span,
.article-right-rail-centered-right-span {
  display: none;
}
.article-right-rail-centered:has(.sport-live-events) .top {
  margin-top: 0;
}
.article-right-rail-centered:has(.sport-live-events)
  .header-layout-content-child {
  padding: 0;
}
.sport-events-body.page-container,
.sport-events-body.page-container-centered-1168,
.sport-events-body.page-container-centered-1600,
.sport-events-body.page-container-liveblogging {
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.sport-events.content-section {
  position: relative;
}
.sport-events-left-rail {
  display: none;
  height: 600px;
  left: 0;
  position: fixed;
  top: 180px;
  width: 250px;
  z-index: 1;
}
.sport-events-left-rail .ad-megalateral {
  position: inherit;
}
.sport-events-right-rail {
  display: none;
  height: 600px;
  position: fixed;
  right: 0;
  top: 180px;
  width: 250px;
  z-index: 1;
}
.sport-events-right-rail .ad-megalateral {
  position: inherit;
}
.article-with-rails .left-rail,
.article-with-rails .right-rail {
  display: none;
}
.video-layout .top-home {
  margin-top: 0;
}
.video-layout .video .content-section {
  position: relative;
}
.video-layout .video-body.page-container,
.video-layout .video-body.page-container-centered-1168,
.video-layout .video-body.page-container-centered-1600,
.video-layout .video-body.page-container-liveblogging {
  margin: 0 auto;
  max-width: 1204px;
  padding: 0;
  width: 100%;
}
.video-layout .video-body.page-container-centered-1168 .default-chain-ctn,
.video-layout .video-body.page-container-centered-1168 .five-cards-chain,
.video-layout .video-body.page-container-centered-1168 .otf-chain,
.video-layout
  .video-body.page-container-centered-1168
  .three-elements-chain-ctn,
.video-layout .video-body.page-container-centered-1600 .default-chain-ctn,
.video-layout .video-body.page-container-centered-1600 .five-cards-chain,
.video-layout .video-body.page-container-centered-1600 .otf-chain,
.video-layout
  .video-body.page-container-centered-1600
  .three-elements-chain-ctn,
.video-layout .video-body.page-container-liveblogging .default-chain-ctn,
.video-layout .video-body.page-container-liveblogging .five-cards-chain,
.video-layout .video-body.page-container-liveblogging .otf-chain,
.video-layout .video-body.page-container-liveblogging .three-elements-chain-ctn,
.video-layout .video-body.page-container .default-chain-ctn,
.video-layout .video-body.page-container .five-cards-chain,
.video-layout .video-body.page-container .otf-chain,
.video-layout .video-body.page-container .three-elements-chain-ctn {
  margin: 0 auto;
  max-width: 1204px;
  padding: 0 16px;
  width: 100%;
}
.video-layout .video-body.page-container-centered-1168 .otf-chain,
.video-layout .video-body.page-container-centered-1600 .otf-chain,
.video-layout .video-body.page-container-liveblogging .otf-chain,
.video-layout .video-body.page-container .otf-chain {
  padding-bottom: 24px;
}
.video-layout .video-special-1,
.video-layout .video-special-2 {
  width: 100%;
}
.video-layout .video-body-bottom,
.video-layout .video-body-middle {
  margin: 0 auto;
  max-width: 1204px;
  width: 100%;
}
.external-register-layout .register-body.page-container,
.external-register-layout .register-body.page-container-centered-1168,
.external-register-layout .register-body.page-container-centered-1600,
.external-register-layout .register-body.page-container-liveblogging {
  margin: 0 auto;
  max-width: 1204px;
  padding: 0;
  width: 100%;
}
.most-read-sticky .most-read {
  position: none;
}
.livebar {
  height: auto;
  width: 100%;
}
.livebar-ctn-info-live-logo {
  height: 18px;
  max-height: 18px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: -moz-max-content;
  width: max-content;
}
.livebar-ctn {
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr 32px;
  justify-content: center;
  padding: 12px 0;
}
.livebar-ctn .livebar-ctn-info {
  display: flex;
  gap: 6px;
  margin-left: 8px;
}
.livebar-ctn .livebar-ctn-info .livebar-ctn-live-title {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: -moz-max-content;
  height: max-content;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .livebar-ctn-info-headlines-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 6px;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .livebar-ctn-info-headlines-title.big {
  font-size: 16px;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .livebar-ctn-info-headlines-desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .livebar-ctn-info-headlines-desc.big {
  font-size: 15px;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .live-notice-link-badge-theme-1 {
  align-items: center;
  background: var(--red-90);
  border-radius: 100px;
  color: var(--white-100);
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  height: 18px;
  line-height: 100%;
  padding: 3px;
  width: 66px;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .live-notice-link-badge-theme-1
  .big-circle-theme-1 {
  align-items: center;
  display: flex;
  height: 10px;
  justify-content: center;
  width: 10px;
}
.livebar-ctn
  .livebar-ctn-info
  .livebar-ctn-live-title
  .live-notice-link-badge-theme-1
  .big-circle-theme-1
  .sm-circle-theme-1 {
  height: 4px;
  margin: auto;
  width: 4px;
}
.livebar-ctn .livebar-ctn-info .livebar-ctn-info-live-closewrapper {
  margin-top: 4px;
}
.livebar-ctn .livebar-ctn_video {
  cursor: pointer;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  width: 100%;
}
.livebar-ctn .livebar-ctn_video:hover .livebar-play {
  background-color: red;
  opacity: 1;
}
.livebar-ctn .livebar-ctn_video .livebar-poster-youtube {
  aspect-ratio: 16/9;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 0;
}
.livebar-ctn .livebar-ctn_video .livebar-play {
  background-color: #212121;
  border-radius: 14%;
  border: 0;
  height: 46px;
  left: 50%;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 70px;
  z-index: 1;
}
.livebar-ctn .livebar-ctn_video .livebar-play:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 11px 0 11px 19px;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.livebar-ctn .livebar-ctn_video .livebar-wrapper-iframe {
  aspect-ratio: 16/9;
  margin: 0 auto;
  width: 100%;
}
.livebar-ctn .livebar-ctn_video .livebar-wrapper-iframe iframe {
  border-radius: 3px;
  border: none;
  height: 100%;
  width: 100%;
}
.livebar-ctn .livebar-wrapper-image {
  aspect-ratio: 16/9;
  display: contents;
  margin: 0 auto;
  width: 100%;
}
.livebar-ctn .livebar-wrapper-image iframe {
  border-radius: 3px;
  border: none;
  height: 100%;
}
.livebar-ctn .livebar-ctn-info-live-closewrapper_icon-ctn {
  align-items: center;
  border-radius: 100%;
  border: 1px solid var(--gray-10);
  display: flex;
  height: 18px;
  justify-content: center;
  margin: 0 auto;
  width: 18px;
}
.livebar-ctn .livebar-ctn-info-live-closewrapper_icon-ctn:hover {
  cursor: pointer;
}
.livebar-ctn .livebar-ctn-info-live-closewrapper_icon-ctn svg {
  height: 8px;
  width: 8px;
}
.close-wrapper {
  margin-left: auto;
}
.close-wrapper_version-2 {
  position: absolute;
  right: 16px;
}
@keyframes blinkerYellow {
  50% {
    background-color: var(--orange-100);
  }
}
@keyframes blinkerWhite-v2 {
  50% {
    background-color: var(--black-100);
  }
}
.big-circle-theme-3 {
  border: 3px solid var(--black-100);
  border-radius: 50%;
  height: 14px;
  padding: 1px;
  width: 14px;
}
.big-circle-theme-2 {
  border: 2px solid var(--black-100);
  border-radius: 50%;
  height: 14px;
  padding: 1px;
  width: 14px;
}
.big-circle-theme-1 {
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--red-90);
  display: flex;
  height: 14px;
  justify-content: center;
  width: 14px;
}
.sm-circle-theme-3 {
  background-color: var(--black-100);
}
.sm-circle-theme-2,
.sm-circle-theme-3 {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.sm-circle-theme-1,
.sm-circle-theme-2 {
  background-color: var(--red-90);
}
.sm-circle-theme-1 {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.theme-1 {
  background: var(--black-100);
}
.theme-2 {
  background: var(--gray-90);
}
.live-notice-old {
  display: flex;
  flex-direction: column;
  width: calc(var(--vw, 1vw) * 100);
}
.live-notice-old-sticky {
  position: -webkit-fixed;
  position: fixed;
  z-index: 99;
}
.live-notice-old-body,
.live-notice-old-sticky {
  padding-right: 0;
  width: 100%;
}
.live-notice-link-old {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  justify-content: center;
  line-height: 1.3;
  min-height: 66px;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 100%;
}
.live-notice-link-old a:active,
.live-notice-link-old a:focus,
.live-notice-link-old a:hover,
.live-notice-link-old a:visited {
  -webkit-text-decoration-color: var(--white-100);
  text-decoration-color: var(--white-100);
}
.live-notice-link-old-badge-theme-1 {
  background: var(--red-90);
  color: #fff;
}
.live-notice-link-old-badge-theme-1,
.live-notice-link-old-badge-theme-2 {
  align-items: center;
  border-radius: 19px;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 26px;
  justify-content: space-evenly;
  margin-right: 26px;
  max-height: 36px;
  min-width: 92px;
  width: 92px;
}
.live-notice-link-old-badge-theme-2 {
  background: var(--orange-100);
  color: var(--white-100);
}
.live-notice-link-old .circle-arrow-right {
  background-image: url(../images/arrow-circle-right.svg);
  height: 18px;
  transform: translateY(3px);
  width: 18px;
}
.live-notice-link-old .close-wrapper {
  top: 50%;
  transform: translateY(-50%);
}
.live-notice {
  display: flex;
}
.live-notice-sticky {
  position: -webkit-fixed;
  position: fixed;
  width: 100%;
  z-index: 99;
  padding-left: 16px;
  padding-right: 16px;
}
.live-notice-body {
  padding-right: 0;
  width: 100%;
}
.live-notice-link {
  align-items: center;
  color: #fff;
  font-size: 16px;
  gap: 16px;
  display: flex;
  line-height: 1.3;
  min-height: 66px;
  padding: 12px 0;
  text-align: left;
  width: 100%;
}
.live-notice-link a:active,
.live-notice-link a:focus,
.live-notice-link a:hover,
.live-notice-link a:visited {
  -webkit-text-decoration-color: var(--color-white-100);
  text-decoration-color: var(--color-white-100);
}
.live-notice-link-badge-theme-1 {
  width: 95px;
}
.live-notice-link-badge-theme-1,
.live-notice-link-badge-theme-2 {
  align-items: center;
  background: var(--red-90);
  border-radius: 100px;
  color: var(--white-100);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 4px;
  height: 27px;
  justify-content: center;
  line-height: 19px;
  padding: 4px 8px;
}
.live-notice-link-badge-theme-2 {
  width: -moz-fit-content;
  width: fit-content;
}
.live-link {
  text-decoration: none;
}
.live-notice-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.live-notice-error .live-notice-text {
  color: var(--yellow-100);
}
.blinker-white {
  animation: blinkerWhite 3s linear infinite;
}
.blinker-yellow {
  animation: blinkerYellow 3s linear infinite;
}
.active {
  background-color: var(--white-100);
}
.livebar-ctn-live-title .blinker-theme-1 {
  background-color: var(--bg-color);
}
.blinker-theme-1 {
  animation: blinkerRed 3s linear infinite;
}
.blinker-theme-2 {
  animation: blinkerWhite-v2 3s linear infinite;
}
.live-notice-sticky-fixed {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-top: -1px;
}
.live-notice-sticky-fixed-link {
  grid-column: span 12;
  max-width: 1200px;
}
.liveYoutube-ctn {
  background-color: var(--gray-90);
  border-radius: 3px;
  height: auto;
  margin-bottom: 15px;
  padding: 8px;
}
.liveYoutube-ctn,
.liveYoutube-txt {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.liveYoutube-live-ctn {
  margin-bottom: 15px;
}
.liveYoutube-live {
  align-items: center;
  background-color: var(--red-100);
  border-radius: 17px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 15px;
  margin-bottom: 15px;
  padding: 5px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.liveYoutube-hl,
.liveYoutube-live {
  color: var(--white-100);
  font-weight: 700;
}
.liveYoutube-hl {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.liveYoutube-summary {
  color: var(--white-100);
  display: none;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 15px;
}
.liveYoutube-wrapper {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.liveYoutube-iframe {
  border: none;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 3px;
}
.liveYoutube-bomb {
  border-radius: 0;
  margin: 0 0 16px -16px;
  padding-top: calc(56.25% + 32px);
  width: calc(100% + 32px);
}
.liveYoutube-bomb .liveYoutube-iframe {
  border-radius: 0;
}
.mhh-nav-container {
  border-bottom: 1px solid var(--gray-40);
  align-items: center;
  border-top: 1px solid var(--gray-40);
  color: var(--mhh-nav-item);
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
}
.mhh-nav-container a:hover {
  color: #777;
}
.mhh-old {
  display: none;
  font-family: Roboto;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto 16px;
  padding: 0;
  position: relative;
  width: 100%;
}
.top-home .mhh {
  padding: 15px 15px 0;
}
.mhh-site-logo {
  min-height: 102px;
  padding: 18.5px 0;
  margin: 0;
  width: 100%;
}
.mhh-date-container,
.mhh-site-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mhh-date-container {
  flex-direction: row;
}
.mhh-date-item {
  color: var(--gray-70);
  flex-shrink: 0;
  font-size: 14px;
  font-style: italic;
  max-height: 20px;
  padding: 0 10px;
  text-align: center;
}
.mhh-date-line {
  border-bottom: 1px solid var(--gray-70);
  width: 100%;
}
.mhh-edition-container {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.mhh-edition-container > a {
  font-size: 14px;
  font-weight: 700;
  padding: 0 5px;
}
.mhh-nav-item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  line-height: 30px;
}
.masthead-header {
  position: relative;
}
.masthead-header .mhh-new {
  display: none;
  font-family: Roboto;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%;
}
.masthead-header .mhh-new .mhh-site-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
}
.masthead-header .ctn-quicklinks {
  padding: 8px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  min-height: 33px;
}
.masthead-header .ctn-quicklinks .live {
  align-items: center;
  color: var(--red-100);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 4px;
}
.masthead-header .ctn-quicklinks .live .story-card-ring {
  margin-right: 0;
}
.masthead-header .ctn-quicklinks .trend {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-80);
  display: flex;
  align-items: center;
  gap: 4px;
}
.masthead-header .ctn-quicklinks .last-minute {
  color: var(--red-100);
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
}
.masthead-header .ctn-quicklinks .quicklink {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 300;
  color: var(--gray-80);
}
.masthead-header .ctn-quicklinks .swiper-slide {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.masthead-header .ctn-quicklinks .swiper:first-child {
  padding-left: 16px;
}
.masthead-header .ctn-quicklinks .center-swiper {
  width: -moz-fit-content;
  width: fit-content;
}
.masthead-header .ctn-quicklinks .swiper-wrapper {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
}
.masthead-header .ctn-quicklinks .ctn-separator {
  height: 22px;
  margin: 0 4px;
  width: 1px;
}
.masthead-header .ctn-quicklinks .ctn-separator .separator {
  align-self: stretch;
  background-color: var(--gray-60);
  height: 22px;
  width: 1px;
}
.masthead-header .ctn-quicklinks .infinite-slider {
  display: flex;
  font-size: 15px;
  justify-content: flex-start;
  line-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.masthead-header .ctn-quicklinks .infinite-slider #animation-slider {
  animation: scroll 50s linear infinite;
  animation-delay: 2s;
}
.masthead-header .ctn-quicklinks .infinite-slider .slider-track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  gap: 12px;
}
.masthead-header .ctn-quicklinks .infinite-slider .slider-track.paddingLeft {
  padding-left: 16px;
}
@keyframes scroll {
  to {
    transform: translateX(-100%);
  }
}
.masthead-header .ctn-quicklinks .infinite-slider.center {
  align-items: center;
  justify-content: center;
}
.masthead-header .none-masthead-header {
  margin-bottom: 16px;
}
.article-main-full-width .masthead-header,
.article-right-rail-centered-layout .masthead-header,
.article-right-rail .masthead-header {
  max-width: calc(100vw - 32px);
}
.top-home .mhh-new {
  padding: 15px 15px 0;
}
.masthead-navbar {
  background-color: var(--white-100);
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  height: auto;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3001;
}
.width_full {
  height: 100px;
}
.login-register-container {
  align-items: center;
  display: flex;
  grid-column: 3/4;
  justify-content: flex-end;
  justify-self: flex-end;
  width: auto;
}
.content-button {
  display: none;
}
.identity-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-family: Roboto, sans-serif;
}
.primary,
.primary-podcast,
.secondary,
.secondary-podcast {
  border: 1px solid var(--orange-50);
  border-radius: 100px;
  color: var(--button-alert-text);
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  text-transform: uppercase;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.primary-podcast,
.secondary-podcast {
  color: #c4c7c5;
}
.secondary {
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
}
.secondary:active,
.secondary:hover {
  background: var(--orange-10);
}
.secondary:active {
  border: 1px solid var(--orange-50);
}
.primary {
  background: var(--orange-20);
  border: 1px solid var(--orange-20);
}
.primary:hover {
  background: var(--orange-10);
  border-color: var(--orange-50);
}
.primary:active {
  background: var(--orange-40);
}
.secondary-podcast {
  background-color: #1c1b1f;
  border: 1px solid #5f6368;
}
.secondary-podcast:active,
.secondary-podcast:hover {
  background: rgba(246, 142, 1, 0.1019607843);
}
.secondary-podcast:active {
  border: 1px solid rgba(246, 142, 1, 0.5019607843);
}
.primary-podcast {
  background: rgba(246, 142, 1, 0.2);
  border: 1px solid rgba(246, 142, 1, 0.2);
}
.primary-podcast:hover {
  background: rgba(246, 142, 1, 0.1019607843);
  border-color: rgba(246, 142, 1, 0.5019607843);
}
.primary-podcast:active {
  background: rgba(246, 142, 1, 0.4);
}
.user-default-avatar {
  border-radius: 100px;
  height: 32px;
  width: 32px;
  background-color: var(--background-icon-avatar);
}
.user-default-avatar path {
  fill: var(--color-icon-avatar);
}
.account-button {
  border: none;
  cursor: pointer;
  flex-direction: row-reverse;
  outline: none;
  width: auto;
}
.account-button,
.account-button__avatar {
  align-items: center;
  background-color: var(--white-100);
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
}
.account-button__avatar {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  width: 32px;
}
.account-button__avatar:after {
  align-items: center;
  color: var(--white-100);
  content: var(--content);
  display: flex;
  font-size: var(--font-size);
  font-weight: 600;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.account-button__avatar--logged-in {
  border: 1px solid var(--orange-100);
}
.account-button__avatar > img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.account-button > span {
  color: var(--color-text-perfil);
  display: none;
}
.account-button--logged-in > img {
  border: 1px solid var(--orange-100);
  height: 32px;
  width: 32px;
}
.account-button--mobile {
  padding: 0;
}
.account-button--mobile > .account-button__avatar {
  margin-right: 0;
}
.account-button--mobile > .account-button__avatar img {
  background: var(--white-100);
}
.account-button-chevron-icon {
  display: none;
}
.site-header {
  box-shadow: var(--shadow-nav);
  overflow: hidden;
  width: 100%;
  z-index: 1999;
}
.sectionnav-container {
  border: 1px solid var(--gray-40);
  border-left: none;
  border-right: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.sectionnav-container,
.sectionnav-container-bajalibros {
  align-items: center;
  height: 56px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
}
.sectionnav-container-bajalibros {
  border: 1px var(--gray-40);
  border-left: none;
  border-right: none;
  display: flex;
  justify-content: center;
}
.sectionnav-container-bajalibros a {
  color: var(--gray-80);
  cursor: pointer;
}
.sectionnav-container-bajalibros-ctn {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
}
.sticky-navbar-ad-container,
.sticky-navbar-ad-container-podcast {
  min-height: 55px;
}
.sticky-navbar-ad-container-podcast {
  background: var(--gray-110);
}
.sticky-navbar-ad-container-adblock {
  min-height: 55px;
}
.site-header-amp {
  border-bottom: 1px solid var(--gray-40);
  height: 56px;
  width: 100%;
}
.dark-podcast .site-header-amp {
  background-color: #1c1b1f;
  border-bottom: 1px solid #444746;
  border-top: 1px solid #444746;
  box-shadow: 0 2px 5px hsla(0, 0%, 89%, 0.15);
}
.sectionnav-container > a {
  -o-transition: all 0.5s, opacity 0.5s;
  -moz-transition: all 0.5s, opacity 0.5s;
  -webkit-transition: all 0.5s, opacity 0.5s;
  display: block;
  grid-column: 2/3;
  justify-self: center;
  transition: width 0.5s, opacity 0.5s;
}
.site-logo {
  visibility: hidden;
}
.amp-logo {
  left: 0;
  opacity: 1;
  right: 0;
  visibility: visible;
}
.amp-site-logo {
  height: 32px;
  margin: 10.5px auto;
  position: absolute;
  top: 0;
  width: 150px;
}
.dark-podcast .amp-site-logo {
  height: 36px;
  width: 154px;
}
.site-logo.visible {
  opacity: 1;
  visibility: visible;
}
.hamburger {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  cursor: pointer;
  display: flex;
  grid-column: 1/2;
  height: 19px;
  justify-content: center;
  justify-self: flex-start;
  outline: none;
  position: static;
  transition: 0.2s;
  width: 28px;
  z-index: 10;
}
.amp-hamburger {
  height: 100%;
  margin-left: 16px;
}
.hamburger .close-icon {
  display: none;
}
.hamburger.open svg {
  height: 19px;
  overflow: visible;
  width: 19px;
}
.hamburger.open .hamburger-icon {
  display: none;
}
.hamburger.open .close-icon {
  display: block;
}
.hamburger svg {
  height: 19px;
  width: 28px;
}
.hamburger svg line {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 4px;
  stroke: var(--black-100);
}
.date-info {
  color: var(--headlines);
  display: none;
  font-size: 16px;
  padding-top: 2px;
}
.date-info,
.section-menu {
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: width 0.5s;
}
.section-menu {
  display: flex;
  gap: 32px;
}
.section-menu.text-center {
  justify-content: center;
}
.menu-item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  color: var(--gray-100);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 100%;
  letter-spacing: 0;
  white-space: nowrap;
}
.menu-item:hover {
  color: var(--gray-80);
}
.search-container {
  height: 45px;
  margin: 0;
  overflow: hidden;
  right: 15px;
  text-align: left;
  top: 0;
  width: 22px;
}
.logo-image {
  height: 36px;
  width: 154px;
}
.masthead-navbar .dark-podcast .side-menu.slide-open {
  height: 94vh;
}
.dark-podcast .side-menu {
  background-color: #202124;
  color: #c4c7c5;
}
.notification-toast-ctn {
  background-color: #fde8cc;
  border-radius: 4px;
  color: #1f1f1f;
  display: none;
  font-size: 14px;
  font-weight: 300;
  height: 52px;
  padding: 8px 12px;
  width: 200px;
}
.notification-toast-btn {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  color: #9b9b9b;
  display: none;
  height: 24px;
  position: absolute;
  right: -11px;
  top: -11px;
  width: 24px;
}
.notification-toast-btn:hover {
  cursor: pointer;
}
.avatar-ctn,
.user-default-avatar-ctn {
  position: relative;
}
.dot-ctn,
.dot-ctn-default {
  background-color: var(--white-100);
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  right: -1px;
}
.dot-ctn {
  bottom: -1px;
}
.dot-ctn-default {
  bottom: 1px;
}
.dot,
.dot-default {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--orange-100);
  border-radius: 50%;
  z-index: 10;
  bottom: 1px;
  right: 1px;
}
.nav-player-audio {
  display: none;
}
.minute-by-minute-ctn {
  border-bottom: 1px solid var(--gray-40);
  margin-bottom: 16px;
  padding-bottom: 16px;
  position: relative;
  width: 100%;
}
.minute-by-minute-ctn > .nd-ht-23 {
  margin-bottom: 8px;
}
.minute-by-minute-title {
  border-bottom: 1px solid var(--gray-40);
  height: 27px;
  margin-bottom: 18px;
  position: relative;
}
.minute-by-minute-title > h2 {
  display: inline;
  font-size: 22px;
  font-weight: 500;
  height: 28px;
  margin-bottom: 0;
  position: absolute;
}
.minute-by-minute-news {
  height: calc(100% - 61px);
  width: 100%;
}
.minute-by-minute-news-large {
  height: calc(100% - 18px);
}
.minute-by-minute-new {
  display: grid;
  grid-template: "marker time" auto "marker title" auto/20px 1fr;
}
.minute-by-minute-marker {
  grid-area: marker;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.minute-by-minute-marker > div:first-child {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 6px;
  display: flex;
  height: 12px;
  justify-content: center;
  min-height: 12px;
  width: 12px;
}
.minute-by-minute-marker > div:first-child > div {
  border-radius: 3px;
  height: 6px;
  width: 6px;
}
.minute-by-minute-marker > div:nth-child(2) {
  display: flex;
  height: 100%;
  margin: 2px 0;
  width: 1px;
}
.minute-by-minute-marker-orange {
  border: 1px solid var(--orange-100);
}
.minute-by-minute-marker-red {
  border: 1px solid var(--red-permanent);
}
.minute-by-minute-marker-green {
  border: 1px solid var(--green-100);
}
.minute-by-minute-marker-cyan {
  border: 1px solid var(--cyan-100);
}
.minute-by-minute-marker-gray {
  border: 1px solid var(--gray-100);
}
.minute-by-minute-marker-first-border-orange > div:first-child {
  animation: blinkerOrange 3s linear infinite;
}
.minute-by-minute-marker-first-border-orange > div:first-child > div {
  animation: blinker2 3s linear infinite;
}
.minute-by-minute-marker-first-border-red > div:first-child {
  animation: blinkerRed 3s linear infinite;
}
.minute-by-minute-marker-first-border-red > div:first-child > div {
  animation: blinker2 3s linear infinite;
}
.minute-by-minute-marker-first-border-green > div:first-child {
  animation: blinkerGreen 3s linear infinite;
}
.minute-by-minute-marker-first-border-green > div:first-child > div {
  animation: blinker2 3s linear infinite;
}
.minute-by-minute-marker-first-border-gray > div:first-child {
  animation: blinkerGray 3s linear infinite;
}
.minute-by-minute-marker-first-border-gray > div:first-child > div {
  animation: blinker2 3s linear infinite;
}
.minute-by-minute-marker-first-border-cyan > div:first-child {
  animation: blinkerCyan 3s linear infinite;
}
.minute-by-minute-marker-first-border-cyan > div:first-child > div {
  animation: blinker2 3s linear infinite;
}
.minute-by-minute-time {
  color: var(--headlines);
  font-size: 12px;
  font-weight: 400;
  grid-area: time;
  line-height: 1;
  margin-bottom: 6px;
}
.minute-by-minute-title-news {
  color: var(--headlines);
  font-size: 14px;
  font-weight: 500;
  grid-area: title;
  padding-bottom: 16px;
  line-height: 130%;
}
.minute-by-minute-title-news-no-time {
  margin-top: -2px;
}
.minute-by-minute-more-news {
  bottom: 3px;
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  margin-left: 20px;
  position: absolute;
  width: 100%;
}
.minute-by-minute-title-border-red {
  border-bottom: 2px solid var(--red-permanent);
}
.minute-by-minute-title-border-orange {
  border-bottom: 2px solid var(--orange-100);
}
.minute-by-minute-title-border-green {
  border-bottom: 2px solid var(--green-100);
}
.minute-by-minute-title-border-cyan {
  border-bottom: 2px solid var(--cyan-100);
}
.minute-by-minute-title-border-gray {
  border-bottom: 2px solid var(--gray-100);
}
.minute-by-minute-marker-bg-red {
  background-color: var(--red-permanent);
}
.minute-by-minute-marker-bg-orange {
  background-color: var(--orange-100);
}
.minute-by-minute-marker-bg-green {
  background-color: var(--green-100);
}
.minute-by-minute-marker-bg-cyan {
  background-color: var(--cyan-100);
}
.minute-by-minute-marker-bg-gray {
  background-color: var(--gray-100);
}
@keyframes blinkerGreen {
  50% {
    background-color: var(--green-100);
    border: 1px solid var(--white-100);
  }
}
@keyframes blinkerGray {
  50% {
    background-color: var(--gray-100);
    border: 1px solid var(--white-100);
  }
}
@keyframes blinkerOrange {
  50% {
    background-color: var(--orange-100);
    border: 1px solid var(--white-100);
  }
}
@keyframes blinkerCyan {
  50% {
    background-color: var(--cyan-100);
    border: 1px solid var(--white-100);
  }
}
@keyframes blinker2 {
  50% {
    background-color: var(--white-100);
  }
}
@keyframes blinkerDarkRed {
  50% {
    background-color: #b10000;
    border: 1px solid #1c1b1f;
  }
}
.most-read {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 24px;
  width: 100%;
  border: 1px solid var(--gray-40);
  border-radius: 6px;
  padding: 0 12px 12px;
}
.most-read .title-bar {
  border-top: none;
}
.most-read .title-bar-text {
  text-transform: none;
}
.most-read .most-read-card-ctn:last-child {
  border-bottom: none;
}
.most-read-card-ctn {
  align-content: center;
  border-bottom: 1px solid var(--gray-40);
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  flex: 1;
  grid-template-columns: 22px 1fr 80px;
  justify-content: space-between;
  padding: 8px 0;
  width: 100%;
}
.most-read-card-number {
  align-items: center;
  background-color: var(--gray-10);
  border-radius: 50%;
  border: 1px solid var(--gray-50);
  box-sizing: content-box;
  color: var(--gray-90);
  display: flex;
  font-size: 14px;
  height: 22px;
  justify-content: center;
  width: 100%;
}
.most-read-card-headline {
  font-size: 15px;
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
}
.most-read-card-headline:hover {
  color: var(--gray-80);
}
.most-read-card-img,
amp-img.most-read-card-img > img {
  border-radius: 3px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.most-read-card-img-ctn,
amp-img.most-read-card-img > img-ctn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-self: flex-start;
  height: 80px;
  margin: 0;
  padding-top: 100%;
  position: relative;
  width: 80px;
}
.newsletter-card.power-up {
  margin: 0 auto 10px;
  max-width: 250px;
}
.newsletter-card-page-view.power-up {
  margin: 0 auto 16px;
  max-width: 250px;
}
.newsletter-card {
  align-content: space-between;
  align-items: center;
  border: 2px solid #e2e2e2;
  display: grid;
  gap: 20px 15px;
  grid-template-columns: 50px auto;
  height: auto;
  margin: 0 0 10px;
  padding: 15px;
  width: 100%;
}
.newsletter-card .image-ctn {
  margin: 0;
}
.newsletter-card .image-loader {
  border-radius: 50%;
}
.newsletter-card-page-view {
  border-radius: 3px;
  border: 1px solid var(--border-newsletter);
  display: flex;
  flex-direction: column;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
}
.newsletter-card-page-view-info,
.newsletter-card-page-view .image-ctn {
  display: flex;
  height: 100%;
  margin: 0;
}
.newsletter-card-page-view-info {
  border-top: 2px solid var(--orange-100);
  flex-direction: column;
  width: 100%;
}
.newsletter-card-page-view-line {
  border-top: 0.5px solid var(--border-newsletter);
  width: 100%;
}
.newsletter-card-page-view-author {
  font-size: 14px;
  padding: 12px 8px;
}
.newsletter-card-page-view-author span {
  color: var(--gray-90);
  font-weight: 500;
}
.newsletter-chain-view-button {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-80);
  cursor: pointer;
  display: inline-flex;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 100%;
  padding: 6px 12px;
  text-transform: uppercase;
}
.newsletter-chain-view-button .newsletter-card-icon-register {
  margin-right: 0;
  width: 100%;
  min-width: 10px;
}
.newsletter-chain-view-button .newsletter-card-icon-register path {
  fill: var(--gray-80);
}
.newsletter-chain-view-button:is(.is-subscribed) {
  background: rgba(246, 142, 1, 0.1);
  border: 1px solid rgba(246, 142, 1, 0.4);
  border-radius: 100px;
  color: var(--gray-80);
  gap: 6px;
  padding: 6px 12px;
}
.newsletter-chain-view-button:is(.is-subscribed)
  .newsletter-card-page-view-checkmark {
  height: 12px;
  margin-right: 0;
  max-width: 12px;
  width: 12px;
}
.newsletter-chain-view-button:is(.is-subscribed)
  .newsletter-card-page-view-checkmark
  path {
  fill: var(--gray-80);
}
.newsletter-card-page-view-button-ctn {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  padding: 12px 8px;
}
.newsletter-card-page-view-button {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 15px;
  border: 1px solid var(--gray-50);
  color: var(--newsletter-btn-color);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  min-width: 119px;
  padding: 6px 12px;
  width: 100%;
}
.newsletter-card-page-view-button .register-icon {
  fill: #707070;
  margin-right: 6px;
}
.newsletter-card-page-view-button:hover {
  background-color: var(--orange-10);
  color: var(--sub-headlines);
  cursor: pointer;
}
.newsletter-card-page-view-button:hover path {
  fill: var(--newsletter-btn-icon-path);
}
.newsletter-card-page-view-button:active {
  background-color: var(--orange-10);
  border-color: var(--orange-60);
  color: var(--sub-headlines);
}
.newsletter-card-page-view-checkmark {
  background-repeat: no-repeat;
  margin-right: 6px;
}
.newsletter-card-title {
  font-size: 18px;
}
.newsletter-card-title-page-view {
  color: var(--headlines);
  font-size: 18px;
  margin-bottom: 0;
  padding: 12px 8px 0;
}
.newsletter-card-title--is-loading {
  height: 24px;
  width: calc(100% - 15px);
}
.newsletter-card-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  align-self: flex-start;
  color: var(--sub-headlines);
  display: -webkit-box;
  font-size: 14px;
  font-weight: 300;
  height: 115px;
  line-height: 1.5;
  margin-bottom: 12px;
  overflow: hidden;
  padding: 12px 8px;
}
.newsletter-card-description--error {
  font-size: 12px;
  grid-column: 1/3;
  margin: 0;
}
.newsletter-card-button-ctn {
  background-color: var(--white-100);
  grid-column: span 2;
  width: 100%;
}
.newsletter-card-button {
  background-color: var(--white-100);
  border: 2px solid var(--orange-100);
  color: var(--orange-100);
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  line-height: 18px;
  padding: 5px;
  width: 100%;
}
.newsletter-card-button:hover {
  cursor: pointer;
}
.newsletter-card-icon-register {
  background-repeat: no-repeat;
  height: 10px;
  margin-right: 6px;
  width: 10px;
}
.newsletter-card-preview-ctn {
  align-items: center;
  background: none;
  border: none;
  color: var(--newsletter-btn-color);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  outline: none;
  padding: 6px 12px;
  width: 100%;
}
.newsletter-card-preview-ctn:hover {
  background-color: var(--gray-10);
  border-radius: 100px;
  color: var(--sub-headlines);
  cursor: pointer;
}
.newsletter-card-preview-ctn:active {
  background-color: var(--gray-10);
  border-radius: 100px;
  border: 1px solid #c2c2c2;
  color: var(--sub-headlines);
}
.newsletter-card-icon-preview {
  height: 10px;
  margin-right: 6px;
  width: 18px;
}
.newsletter-card-img-ctn {
  position: relative;
}
.newsletter-card-img-ctn-overlay-tag {
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  bottom: 10px;
  color: #3b3b3b;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 6px;
  margin: 0;
  max-width: calc(100% - 20px);
  padding: 4px 8px;
  position: absolute;
  right: 10px;
  z-index: 1;
}
.newsletter-card-img-ctn-overlay-tag .icon-clock {
  margin-right: 6px;
}
.newsletter-card-img-ctn-overlay-tag .cls-1 {
  fill: #3c3c3b;
}
.is-subscribed-pv,
.is-subscribed-pv:hover {
  background-color: var(--orange-40);
  border: 1px solid transparent;
  color: var(--gray-90);
}
.preview-modal-ctn {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30000;
}
.preview-modal-content,
.preview-modal-ctn--show {
  display: flex;
  justify-content: center;
}
.preview-modal-content {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 8px;
  border: 1px solid var(--gray-40);
  flex-direction: column;
  height: 500px;
  margin: auto;
  max-height: none;
  max-width: calc(100% - 32px);
  position: relative;
  width: 390px;
}
.preview-modal-svg {
  display: none;
}
.preview-modal-close {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 50%;
  border: 1px solid var(--gray-70);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: -1px;
  top: -12px;
  width: 24px;
  z-index: 2;
}
.preview-modal-close .preview-modal-header-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 8px;
  width: 8px;
}
.preview-modal-image {
  height: 100%;
  overflow-y: auto;
  position: relative;
  width: 100%;
  z-index: 1;
}
.preview-modal-image .placa {
  left: 50%;
  margin-left: -80px;
  position: absolute;
  top: -10px;
}
.preview-modal-image > img {
  height: auto;
  width: 100%;
}
.preview-modal-image .content-info {
  line-height: 1.4;
  padding: 20px 15px;
}
.preview-modal-image .content-info .title {
  font-size: 22px;
}
.preview-modal-image .content-info .description {
  font-size: 16px;
}
.preview-modal-image::-webkit-scrollbar {
  background: #888787;
  width: 1px;
}
.preview-modal-image::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: var(--gray-10);
}
.preview-modal-image::-webkit-scrollbar-thumb {
  background: #9b9b9b;
  border-radius: 10px;
}
.preview-modal-image::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
}
.preview-modal-image-ctn {
  height: calc(100% - 32px);
  overflow: hidden;
  width: 90%;
}
.is-subscribed {
  background-color: var(--orange-100);
  color: var(--white-100);
}
.is-loading {
  background: linear-gradient(
    110deg,
    var(--skeleton-bg-1) 8%,
    var(--skeleton-bg-2) 18%,
    var(--skeleton-bg-1) 33%
  );
  border-radius: 5px;
  background-size: 200% 650%;
  animation: shine 1.5s linear infinite;
  border-color: #eaeaea;
  font-size: 0;
}
.button-disabled:hover {
  cursor: not-allowed;
}
.newsletter-card-horizontal.card-feed-list {
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 16px;
  width: 100%;
}
.newsletter-card-horizontal.card-feed-list .newsletter-container-info {
  border-bottom: none;
  display: grid;
  gap: 16px;
}
.newsletter-card-horizontal.card-feed-list
  .newsletter-header
  .header-title
  span {
  font-size: 18px;
}
.newsletter-card-horizontal.card-feed-list .newsletter-container-info .info {
  width: 100%;
}
.newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .title {
  font-size: 18px;
}
.newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .description {
  font-size: 12px;
  margin-bottom: 0;
}
.newsletter-header {
  position: relative;
}
.newsletter-header .header-title {
  border-bottom: 1px solid var(--gray-40);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 17px;
  width: 100%;
}
.newsletter-header .header-title span {
  border-bottom: 2px solid var(--orange-100);
  display: inline-block;
  margin-bottom: -3px;
}
.newsletter-header .btn-subscribe {
  height: 28px;
  position: absolute;
  right: 0;
  top: -7px;
  width: 122px;
}
.newsletter-container-info {
  align-items: center;
  border-bottom: 1px solid #d5d5d5;
  display: flex;
}
.newsletter-container-info .info {
  width: 80%;
}
.newsletter-container-info .info .container-title {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
  position: relative;
}
.newsletter-container-info .info .container-title .title {
  color: var(--gray-100);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
}
.newsletter-container-info .info .container-title .button-preview {
  align-items: center;
  background-color: #f5f5f5;
  border: none;
  border-radius: 50%;
  color: var(--color-button);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 28px;
  justify-content: center;
  opacity: 0.8;
  padding: 0;
  width: 28px;
}
.newsletter-container-info .info .container-title .button-preview .icon {
  height: 11px;
  width: 18px;
}
.newsletter-container-info .info .container-title .button-preview:hover {
  background-color: #9b9b9b;
}
.newsletter-container-info
  .info
  .container-title
  .button-preview:hover
  .icon
  g
  > circle,
.newsletter-container-info
  .info
  .container-title
  .button-preview:hover
  .icon
  g
  > path {
  fill: #f5f5f5;
}
.newsletter-container-info .info .description {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.newsletter-container-info .image {
  align-items: center;
  display: flex;
  height: 77px;
  justify-content: center;
  width: 123px;
}
.newsletter-container-info .image img {
  width: 100%;
}
.notifications {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  margin-bottom: 8px;
  height: 35px;
}
.notifications-light:hover {
  background-color: var(--gray-20);
  border-radius: 18px;
}
.notifications-dark:hover {
  background-color: #3c4043;
  border-radius: 18px;
}
.notifications-active-light {
  background-color: var(--orange-20);
  border-radius: 18px;
}
.notifications-active-dark {
  background-color: rgba(246, 142, 1, 0.2);
  border-radius: 18px;
}
.notifications-icon-dropdown {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
}
.notifications-alert-ctn {
  display: flex;
  gap: 8px;
  align-items: center;
}
.notifications-alert-ctn-bold {
  align-items: center;
  display: flex;
  font-weight: 500;
}
.notifications-alert-ctn-dot {
  width: 10px;
  height: 10px;
  background-color: var(--orange-100);
  border-radius: 50%;
}
.notifications-alert-ctn-tag {
  padding: 4px 8px;
  border: 1px solid var(--orange-100);
  background: rgba(246, 142, 1, 0.1);
  border-radius: 100px;
}
.notifications-alert-ctn-tag-text {
  color: var(--new-btn-text);
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}
.notifications-menu-not-configured {
  padding: 8px 0 16px;
  border-bottom: 1px solid var(--gray-40);
  color: var(--mhh-nav-item);
  text-align: center;
  font-weight: 300;
  line-height: 20.8px;
}
.notifications-menu-not-notifications {
  color: var(--background-shared-btn);
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 130%;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-40);
}
.notifications-menu-config {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 16px 16px;
  border-bottom: 1px solid var(--gray-40);
}
.notifications-menu-config-text {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
}
.notifications-menu-config-icon {
  display: flex;
  width: 28px;
  height: 28px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  cursor: pointer;
}
.notifications-menu-config-icon svg g {
  fill: var(--gray-90);
}
.notifications-menu-config-check {
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.notifications-menu-config-check-icon {
  width: 12px;
  height: 9px;
}
.notifications-menu-config-check-text {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 300;
}
.notifications-menu-ctn-interests {
  overflow-y: auto;
  height: calc(100vh - 485px);
}
.notifications-menu-ctn-interests::-webkit-scrollbar {
  width: 6px;
}
.notifications-menu-ctn-interests::-webkit-scrollbar-track {
  background: var(--gray-20);
  border-radius: 100px;
}
.notifications-menu-ctn-interests::-webkit-scrollbar-thumb {
  background: var(--gray-40);
  border-radius: 100px;
}
.notifications-menu-interest {
  color: var(--gray-90);
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  margin-top: 8px;
  padding: 8px 0;
}
.notifications-menu-interest-dark {
  color: var(--gray-especial-deck);
}
.notifications-menu-ios {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: calc(100vh - 485px);
  margin: 16px 0;
  overflow-y: auto;
}
.notifications-menu-ios::-webkit-scrollbar {
  width: 6px;
}
.notifications-menu-ios::-webkit-scrollbar-track {
  background: var(--gray-20);
  border-radius: 100px;
}
.notifications-menu-ios::-webkit-scrollbar-thumb {
  background: var(--gray-40);
  border-radius: 100px;
}
.notifications-menu-ios-deck {
  color: var(--gray-80);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.notifications-menu-ios-deck-small {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
}
.notifications-menu-ios-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style-type: none;
  margin: 0 0 150px;
  padding: 0;
}
.notifications-menu-ios-icon {
  align-items: center;
  border: 1px solid var(--gray-80);
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 28px;
  justify-content: space-evenly;
  width: 28px;
}
.notifications-menu-ios-bullet {
  align-items: center;
  align-self: stretch;
  color: var(--gray-80);
  display: flex;
  font-size: 16px;
  font-weight: 300;
  gap: 8px;
  line-height: 1.3;
}
.notifications-menu-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-40);
}
.notifications-menu-card-bullet {
  display: flex;
  align-items: center;
  gap: 4px;
}
.notifications-menu-card-bullet-big {
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--red-100);
  display: flex;
  height: 12px;
  justify-content: center;
  width: 12px;
  animation: blinkerWhite 3s linear infinite;
}
.notifications-menu-card-bullet-sm {
  border-radius: 50%;
  height: 6px;
  width: 6px;
  animation: blinkerRed 3s linear infinite;
}
.notifications-menu-card-bullet-text {
  color: var(--red-100);
  font-size: 14px;
  font-weight: 600;
}
.notifications-menu-card-title {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.notifications-menu-card-info {
  display: flex;
  gap: 9px;
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.notifications-menu-card:last-child {
  border-bottom: none;
}
.notifications-menu-card:last-child .notification-menu-card-info,
.notifications-menu-card:last-child .notification-menu-card-title {
  color: var(--gray-60);
}
.notifications-menu-card:first-child {
  padding-top: 8px;
}
@keyframes blinkerRed {
  50% {
    background-color: #b10000;
  }
}
@keyframes blinkerWhite {
  50% {
    border-color: #fff;
  }
}
.alerts-ctn {
  overflow-y: auto;
  margin-top: 8px;
}
.alerts-ctn::-webkit-scrollbar {
  width: 6px;
}
.alerts-ctn::-webkit-scrollbar-track {
  background: var(--gray-20);
  border-radius: 100px;
}
.alerts-ctn::-webkit-scrollbar-thumb {
  background: var(--gray-40);
  border-radius: 100px;
}
.notifications-menu-active:has(.notifications-menu-not-configured)
  .notifications-menu-ctn-interests {
  height: calc(100vh - 555px);
}
.opi-ctn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--white-100);
  border-radius: 3px;
  border: 1px solid var(--gray-40);
  box-sizing: border-box;
  flex-direction: column;
  margin-bottom: 16px;
  min-height: 171px;
  padding: 0 7%;
}
.opi-author,
.opi-ctn {
  align-items: center;
  display: flex;
  width: 100%;
}
.opi-author {
  border-bottom: 1px solid var(--gray-40);
  justify-content: center;
  min-height: 84px;
  padding: 12px 0;
}
.opi-img {
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  height: 60px;
  width: 60px;
}
.opi-aut {
  color: var(--gray-90);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  margin-left: 20px;
  text-align: center;
}
.opi-txt {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  min-height: 100px;
}
.opi-hl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  margin: 12px 0;
  text-align: center;
  word-break: break-word;
}
:root {
  --background-button: var(--white-100);
  --color-button: var(--black-100);
}
.raffle-register-event {
  align-items: center;
  background-color: var(--white-100);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  justify-content: center;
  margin: 0 -16px 16px;
  width: auto;
}
.raffle-register-event.registry {
  grid-template-rows: 202px 1fr;
}
.raffle-register-event > .lds-ctn {
  height: 257px;
  width: calc(100% + 30px);
  position: relative;
  left: -15px;
}
.pandora-registered {
  align-items: center;
  background-color: var(--orange-10);
  display: flex;
  flex-direction: column;
  left: -15px;
  padding: 16px;
  position: relative;
  width: calc(100% + 32px);
}
.pandora-registered-newsletter {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 32px;
}
.pandora-registered-divider {
  background-color: var(--gray-40);
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.pandora-registered-thks {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 16px;
  text-align: center;
}
.pandora-registered-btn {
  border-radius: 20px;
  border: none;
  color: var(--white-100);
  -moz-column-gap: 6px;
  column-gap: 6px;
  font-family: Roboto;
  font-size: 19px;
  margin: 24px auto;
  max-height: 37px;
}
.pandora-registered-btn,
.pandora-registered-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 8px 16px;
  width: -moz-max-content;
  width: max-content;
}
.pandora-registered-button {
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  font-size: 18px;
  gap: 6px;
  height: 38px;
}
.pandora-registered-button:active {
  background-color: var(--orange-30);
}
.pandora-registered-button:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.pandora-registered-btn-icon {
  width: 16px;
  height: 16px;
}
.pandora-registered-btn--registry:active,
.pandora-registered-btn--registry:hover {
  background-color: var(--orange-10);
}
.pandora-registered-btn--registry:active {
  border-color: var(--orange-60);
}
.pandora-registered-share {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 16px;
}
.pandora-registered-share-buttons {
  display: flex;
  gap: 24px;
  height: 30px;
  justify-content: space-between;
}
.pandora-registered-share-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}
.pandora-registered-share-btn .svg-icon {
  height: 32px;
  width: 32px;
}
.pandora-registered-share-btn .svg-icon path {
  fill: var(--gray-60);
}
.pandora-registered-share-btn .svg-icon .svg-icon-bg {
  fill: transparent;
}
.pandora-registered-share-btn .svg-icon .svg-icon-border {
  stroke: var(--gray-60);
}
.pandora-registered-share-btn:hover .svg-icon path {
  fill: var(--gray-70);
}
.pandora-registered-share-btn:hover .svg-icon .svg-icon-bg {
  fill: var(--gray-10);
}
.pandora-registered-share-btn:hover .svg-icon .svg-icon-border {
  stroke: var(--gray-70);
}
.pandora-registered-share-btn:focus .svg-icon path {
  fill: var(--gray-10);
}
.pandora-registered-share-btn:focus .svg-icon .svg-icon-bg {
  fill: var(--gray-60);
}
.pandora-registered-share-btn:focus .svg-icon .svg-icon-border {
  stroke: var(--gray-60);
}
.register-event-card {
  background-color: var(--white-100);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 32px);
}
.register-event-card.registry {
  height: 100%;
}
.register-event-label {
  display: flex;
  height: 33px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.register-event-title-register {
  font-size: 24px;
  margin-bottom: 8px;
  color: var(--gray-100);
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.register-event-label-ctn {
  border: 1px solid var(--orange-70);
  background-color: var(--orange-10);
  border-radius: 20px;
  padding: 8px 16px;
}
.register-event-label-text {
  color: var(--gray-100);
  display: contents;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}
.register-event-description-register {
  color: var(--gray-90);
  font-size: 16px;
  margin-bottom: 16px;
  text-align: center;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.register-event-card-chip {
  align-items: center;
  background: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 1;
  margin: 16px auto 0;
  padding: 6px 12px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
.register-event-info-author {
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  margin-bottom: 16px;
  border-top: 1px solid var(--gray-40);
}
.register-event-info-author-image {
  display: flex;
}
.register-event-info-author-image img {
  border-radius: 50%;
  border: 1px solid var(--gray-40);
  height: 40px;
  width: 40px;
}
.register-event-info-author-for {
  color: var(--gray-90);
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin-right: 13px;
  text-align: left;
}
.register-event-info-author-name {
  font-weight: 500;
  line-height: 1.5;
}
.register-event-info-author-contact {
  padding-top: 5px;
  font-size: 12px;
  display: block;
  text-align: left;
}
.register-event-info-author-personal {
  align-items: center;
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.register-event-info-badge {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  height: 22px;
  justify-content: center;
  padding: 4px 8px;
}
.register-event-info-badge-text {
  font-size: 12px;
  white-space: nowrap;
}
.register-event-info-badge-text-colon {
  display: none;
  font-size: 12px;
}
.raffle-register-event .clock-icon {
  height: 10px;
  width: 10px;
}
.register-event-img {
  box-sizing: content-box;
  margin-left: -16px;
  margin-right: -16px;
  padding-top: calc(56.25% + 18px);
  position: relative;
}
.register-event-img.registry {
  padding-top: 0;
  height: 100%;
  box-sizing: border-box;
}
.register-event-img.registry > picture img {
  -o-object-fit: cover;
  object-fit: cover;
}
.register-event-img > .image-ph,
.register-event-img > picture img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.pandora-preview-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background: var(--gray-90);
  border-radius: 100px;
  border: 1px solid transparent;
  bottom: 16px;
  color: var(--black-10);
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: center;
  position: absolute;
  right: 16px;
  width: 126px;
}
.pandora-preview-modal .eye-icon {
  height: 16px;
  width: 15px;
}
.pandora-preview-btn-txt {
  font-size: 14px;
  color: var(--gray-10);
}
.field-container .react-datepicker-popper {
  z-index: 2;
}
.Registry {
  padding: 20px 16px;
  background-color: var(--white-100);
  border-bottom: 1px solid var(--gray-40);
}
.Registry-header {
  margin-bottom: 20px;
}
.Registry-title {
  color: var(--headlines);
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 12px;
}
.Registry-description,
.Registry-title {
  font-family: Roboto;
  font-style: normal;
  text-align: center;
  width: 100%;
}
.Registry-description {
  color: var(--sub-headlines);
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}
.Registry-inputs-container {
  display: grid;
  grid-template: auto/1fr 1fr;
  gap: 10px 16px;
  margin-bottom: 2px;
}
.Registry-inputs-container > .login-form-field-ctn:first-child,
.Registry-inputs-container > .login-form-field-ctn:nth-child(n + 4) {
  grid-column: 1/3;
}
.Registry-inputs-container .login-form-field-ctn {
  margin-bottom: 0;
}
.Registry-inputs-container
  .login-form-field-ctn
  .field-select-input.login-form-input,
.Registry-inputs-container .login-form-field-ctn .login-form-input {
  width: 100%;
  height: 44px;
  padding: 12px;
}
.Registry-inputs-container
  .login-form-field-ctn
  .field-select-input.login-form-input::-moz-placeholder,
.Registry-inputs-container
  .login-form-field-ctn
  .login-form-input::-moz-placeholder {
  font-weight: 300;
  color: var(--gray-70);
}
.Registry-inputs-container
  .login-form-field-ctn
  .field-select-input.login-form-input::placeholder,
.Registry-inputs-container
  .login-form-field-ctn
  .login-form-input::placeholder {
  font-weight: 300;
  color: var(--gray-70);
}
.Registry-inputs-container .login-form-field-ctn .outlined-input input {
  min-height: 46px;
}
.Registry-inputs-container .outlined-input {
  position: relative;
}
.Registry-inputs-container .tooltip-ctn {
  bottom: calc(100% - 9px);
  position: absolute;
  right: 0;
  width: -moz-max-content;
  width: max-content;
}
.Registry-inputs-container > .login-form-agree-terms-ctn {
  font-size: 12px;
  grid-column: 1/3;
  display: grid;
  grid-template: "check terms" max-content "error error" 14px/14px 1fr;
  justify-content: center;
  max-width: 420px;
  margin: 0 auto;
  gap: 4px 10px;
}
.Registry-inputs-container > .login-form-agree-terms-ctn > label:first-child {
  grid-area: check;
  margin-right: 0;
}
.Registry-inputs-container > .login-form-agree-terms-ctn > label:last-child {
  grid-area: terms;
}
.Registry-inputs-container > .login-form-agree-terms-ctn > .error {
  min-width: 100%;
  display: block;
  text-align: center;
  height: 14px;
  color: var(--red-100);
  font-weight: 400;
  grid-area: error;
}
.Registry-buttons-container {
  display: flex;
  flex-direction: column;
}
.Registry-buttons-container .login-form-or-ctn {
  font-size: 14px;
}
.Registry-buttons-container .login-form-need-registration {
  margin-top: 0;
  margin-bottom: 0;
}
.Registry-buttons-container .login-form-social-button {
  margin-bottom: 16px;
}
.podcast-card {
  background-color: #000;
  color: #e8eaed;
  display: flex;
  flex-direction: column;
  height: 100%;
  line-height: 1;
  border-radius: 6px;
  width: 100%;
  word-break: break-word;
}
.podcast-card__picture {
  height: auto;
}
.podcast-card__img-cont {
  margin: 0;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.podcast-card__img {
  border-radius: 3px;
  height: 100%;
  top: 0;
  width: 100%;
}
.podcast-card__info-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  padding: 10px 0 30px;
}
.podcast-card__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #e8eaed;
  cursor: pointer;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin: 7px 15px 10px 13px;
  min-height: 54px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
}
.podcast-card__author {
  color: #e8eaed;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 15px 7px 13px;
}
.podcast-card:hover {
  background-color: #121212;
}
.carousel-ctn {
  margin: 12px 0;
  position: relative;
  width: 100%;
}
.carousel-ctn__header {
  color: var(--gray-especial-hl);
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px;
}
.carousel-ctn .swiper {
  height: 100%;
  margin: 0;
  padding: 0;
}
.carousel-ctn .swiper-wrapper {
  height: 100%;
}
.carousel-ctn .swiper .swiper-wrapper .swiper-slide {
  width: 150px;
}
.carousel-ctn .swiper-button-next,
.carousel-ctn .swiper-button-prev {
  display: none;
}
.carousel-ctn_swpr {
  display: flex;
  height: 100%;
  min-height: auto;
  overflow-y: auto;
}
.carousel-ctn_swpr,
.wsbl-slider-arrows {
  justify-content: space-between;
  width: 100%;
}
.wsbl-slider-arrows {
  display: none;
  position: absolute;
  top: 50%;
}
.wsbl-slider-arrows .next-arrow,
.wsbl-slider-arrows .prev-arrow {
  background-color: #e8eaed;
  background-position: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 35px;
  width: 35px;
  z-index: 2;
}
.wsbl-slider-arrows .next-arrow.swiper-button-disabled,
.wsbl-slider-arrows .prev-arrow.swiper-button-disabled {
  opacity: 0;
}
.wsbl-slider-arrows .prev-arrow {
  margin-left: -17px;
}
.wsbl-slider-arrows .next-arrow {
  margin-right: -17px;
}
.amp-carousel-slide {
  width: 150px;
}
.amp-carousel-button {
  display: none;
}
.swiper-slide {
  height: auto;
}
.episode-card-big-ctn {
  border-top: 1px solid #3b3b3b;
  padding: 15px 0 12px;
}
.episode-card-big-ctn-thumbnail {
  display: none;
}
.episode-card-big-ctn-thumbnail-image {
  height: 180px;
  width: 180px;
  border-radius: 3px;
}
.episode-card-ctn {
  display: flex;
  flex-direction: column;
  color: #e8eaed;
  gap: 10px;
  font-size: 12px;
  opacity: 1;
}
.episode-header-ctn {
  display: flex;
}
.episode-header-ctn-cover-number {
  margin-bottom: 10px;
  font-size: 14px;
}
.episode-header-ctn-thumbnail {
  justify-content: center;
  align-items: center;
}
.episode-header-ctn-thumbnail-image {
  border-radius: 3px;
  height: 80px;
  width: 80px;
}
.episode-header-ctn-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1.1vh;
}
.episode-header-ctn-text-number {
  display: none;
}
.episode-header-ctn-text-row {
  margin-top: 30px;
}
.episode-header-ctn-text-row-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.episode-header-ctn-text-row-author {
  color: #fabb67;
  font-size: 16px;
}
.episode-header-ctn-text-row-by {
  font-size: 16px;
}
.episode-header-ctn-author-row {
  padding-top: 8px;
}
.episode-content-ctn__description {
  font-size: 16px;
  margin-bottom: 5px;
  text-align: left;
}
.episode-content-ctn__desc-section {
  margin-bottom: 25px;
}
.episode-footer-ctn {
  align-items: center;
  color: #9aa0a6;
  display: flex;
  font-size: 14px;
}
.episode-footer-ctn-left-play {
  display: flex;
  cursor: pointer;
}
.episode-footer-ctn-left-play-icon {
  width: 30px;
  height: 30px;
}
.episode-footer-ctn-left-pause {
  display: flex;
  cursor: pointer;
}
.episode-footer-ctn-left-pause-icon {
  width: 30px;
  height: 30px;
}
.episode-footer-ctn-center {
  display: flex;
  white-space: nowrap;
}
.episode-footer-ctn-center-col1-date {
  padding: 10px 15px;
}
.episode-footer-ctn-center-col2-duration-text {
  padding: 7px 5px 8px 10px;
  border-left: 1px solid #9aa0a6;
}
.episode-footer-ctn-right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
}
.episode-footer-ctn-right-sharelink-tooltip {
  display: none;
}
.episode-footer-ctn-right-sharelink-tooltip-show {
  position: absolute;
  font-size: 12px;
  top: -32px;
  left: -64px;
  background: #e8eaed;
  color: #9b9b9b;
  padding: 2px 6px;
  border-radius: 1px solid #9b9b9b;
}
.episode-list {
  display: flex;
  flex-direction: column;
}
.episode-list__title {
  color: #e2e2e2;
  font-size: 18px;
  text-align: left;
}
.episode-list__cards {
  max-height: 768px;
}
.episode-list__cards,
.episode-list__cards-open {
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}
.episode-list__cards-open {
  max-height: 100%;
}
.podcast-header {
  background-image: url(../images/podcast_background.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 10px rgba(246, 142, 1, 0.5019607843);
  color: #c4c7c5;
  padding: 13px 15px;
  position: relative;
  width: 100%;
}
.podcast-header__picture {
  width: auto;
}
.podcast-header__back {
  display: none;
  cursor: pointer;
}
.podcast-header__info-container {
  display: flex;
  flex-direction: column;
  line-height: 1;
  justify-content: space-between;
}
.podcast-header__info-image {
  min-width: 100px;
  width: 100px;
  height: 100px;
}
.podcast-header__info-image--episode,
.podcast-header__info .logo-infobae-naranja {
  background-color: #000;
  display: block;
  min-width: 60px;
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5019607843);
}
.podcast-header__info-play {
  display: flex;
  position: absolute;
  top: 43px;
  left: 84px;
}
.podcast-header__info-play-duration {
  display: none;
}
.podcast-header__info-title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}
.podcast-header__info-title--episode {
  position: absolute;
  top: 14px;
  left: 84px;
}
.podcast-header__info-subtitle {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 34px;
}
.podcast-header__info-description {
  color: #c4c7c5;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 8px;
  line-height: 22px;
}
.podcast-header__info-author {
  font-size: 14px;
  font-weight: 300;
}
.podcast-header__info-author > span {
  font-weight: 500;
}
.podcast-header--program .podcast-header__info-author {
  padding-bottom: 20px;
}
.podcast-header__info-pause-icon,
.podcast-header__info-play-icon {
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.podcast-info {
  color: #c4c7c5;
}
.podcast-info__wide {
  padding: 22px 0;
}
.podcast-info__publish-label {
  font-size: 12px;
  padding-bottom: 14px;
}
.podcast-info__publish-date {
  font-weight: 700;
}
.podcast-info__title {
  color: #c4c7c5;
  font-size: 18px;
  letter-spacing: 0;
  line-height: unset;
  text-align: left;
  width: 100%;
}
.podcast-info__description {
  font-size: 14px;
  letter-spacing: 0;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
.podcast-info__desc-section {
  margin-bottom: 25px;
}
.podcast-info__tag {
  background-color: #2d2f31;
  color: #c4c7c5;
  border: 1px solid transparent;
  border-radius: 100px;
  line-height: 14px;
  font-weight: 300;
  margin: 0 12px 12px 0;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.podcast-info__tag-title {
  font-size: 12px;
  text-transform: uppercase;
}
.podcast-info__tag-section {
  display: flex;
  gap: 10px;
}
.podcast-info__notif-section {
  margin-top: 40px;
}
.podcast-info__more {
  color: #e8eaed;
  cursor: pointer;
  font-size: 18px;
  width: 100%;
}
.podcast-info__notif-section {
  display: flex;
  flex-direction: column;
  line-height: 1;
  width: 100%;
}
.podcast-info__notif-trailer {
  background: transparent linear-gradient(180deg, #3b3b3b, #1f1f1f) 0 0
    no-repeat padding-box;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
}
.podcast-info__notif-trailer:hover .podcast-info__icon-layout {
  display: flex;
}
.podcast-info__trailer-link {
  font-size: 20px;
}
.podcast-info__trailer-thumbnail {
  border-radius: 3px;
  height: 70px;
  vertical-align: middle;
  width: 70px;
}
.podcast-info__icon-layout {
  align-items: center;
  background: rgba(0, 0, 0, 0.568627451) 0 0 no-repeat padding-box;
  bottom: 0;
  box-shadow: inset 0 0 10px #f68e01;
  display: none;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.podcast-info__trailer-icon {
  background-image: url(../images/play_naranja.svg);
}
.podcast-info__trailer-icon,
.podcast-info__trailer-icon-amp {
  background-repeat: no-repeat;
  height: 50px;
  min-width: 50px;
}
.podcast-info__trailer-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  overflow: hidden;
}
.podcast-info__trailer-header {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.podcast-info__trailer-title {
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.podcast-info__trailer-author {
  font-size: 12px;
  font-weight: 300;
}
.podcast-info__notif-schedule {
  background: transparent linear-gradient(180deg, #3b3b3b, #1f1f1f) 0 0
    no-repeat padding-box;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
}
.podcast-info__notif-schedule:hover .podcast-info__icon-layout {
  display: flex;
}
.podcast-info__schedule-icon {
  background-image: url(../images/calendar.svg);
  background-repeat: no-repeat;
  height: 70px;
  min-width: 70px;
}
.podcast-info__shcedule-notif {
  align-items: center;
  background-color: #a0a0a0;
  border-radius: 100%;
  border: 1px solid #e8eaed;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
.podcast-info__schedule-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  overflow: hidden;
}
.podcast-info__schedule-title {
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.podcast-info__schedule-author {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 10px;
}
.podcast-info__schedule {
  font-size: 14px;
  font-weight: 300;
}
.mini-chapter {
  border-radius: 3px;
  background-color: #000;
  color: #e8eaed;
  display: flex;
  flex-direction: column;
  height: 100%;
  line-height: 1;
  width: 100%;
}
.mini-chapter__img-cont {
  margin: 0;
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.mini-chapter__img {
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.mini-chapter__info-ctn {
  height: auto;
  padding: 10px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.mini-chapter__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #e8eaed;
  cursor: pointer;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin: 7px 15px 12px 13px;
  min-height: 42px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: pre-line;
}
.mini-chapter__author {
  color: #e8eaed;
  font-size: 13px;
  margin: 0 15px 7px 13px;
  font-weight: 400;
  line-height: 1.3;
  min-height: 50px;
  white-space: normal;
}
.mini-chapter__hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mini-chapter:hover {
  background-color: #121212;
}
.mini-chapter:hover .mini-chapter__img-cont .modal-layout {
  display: block;
}
.podcast-player {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: transparent linear-gradient(1turn, #0f0f0f, #1f1f1f) 0 0 no-repeat
    padding-box;
  box-shadow: 0 -3px 3px rgba(246, 142, 1, 0.2039215686);
  height: 92px;
  width: 100%;
  color: #c4c7c5;
  padding: 10px 15px 16px;
  display: grid;
  gap: 10px;
  grid-template: "image info controls" 40px "progress progress progress" 1fr/40px calc(
      100% - 100px
    ) 40px;
}
.podcast-player-amp {
  padding: 20px 15px;
  grid-template: "image info controls" 50px/50px calc(100% - 120px) 50px;
}
.podcast-player__image {
  border-radius: 3px;
  grid-area: image;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.podcast-player__audio-tag {
  display: none;
}
.podcast-player__info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.podcast-player__info-author,
.podcast-player__info-title {
  color: var(--gray-especial-hl);
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.podcast-player__info-title {
  font-weight: 600;
}
.podcast-player__controls {
  grid-area: controls;
  display: flex;
}
.podcast-player__controls-prev {
  display: none;
  cursor: pointer;
  z-index: 1;
  outline: none;
}
.podcast-player__controls-play {
  display: block;
  cursor: pointer;
  z-index: 1;
  width: 100%;
}
.podcast-player__controls-amp-play {
  background-image: url(../images/d23-play-amp.svg);
}
.podcast-player__controls-amp-pause,
.podcast-player__controls-amp-play {
  background-repeat: no-repeat;
  background-size: 40px;
  height: 40px;
  transform: translate(0);
  width: 40px;
  display: block;
  cursor: pointer;
  z-index: 1;
  width: 100%;
}
.podcast-player__controls-amp-pause {
  background-image: url(../images/d23-pause-amp.svg);
}
.podcast-player__controls-pause {
  cursor: pointer;
  z-index: 1;
  width: 100%;
}
.podcast-player__controls-next {
  display: none;
  cursor: pointer;
  z-index: 1;
  outline: none;
}
.podcast-player__controls-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.podcast-player__controls-amp {
  justify-content: flex-end;
  align-items: center;
}
.podcast-player__settings {
  display: none;
}
.podcast-player__progress {
  grid-area: progress;
  display: grid;
  grid-template-columns: 45px minmax(0, 600px) 45px;
  align-items: center;
  justify-content: center;
}
.podcast-player__progress-current-time,
.podcast-player__progress-time {
  font-size: 12px;
}
.podcast-player__progress-time {
  text-align: right;
}
.podcast-player__progress-bar {
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.podcast-player__progress-bar > input[type="range"] {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  display: flex;
  height: 10px;
  min-height: 10px;
  overflow: hidden;
  width: 100%;
}
.podcast-player__progress-bar > input[type="range"]:focus {
  box-shadow: none;
  outline: none;
}
.podcast-player__progress-bar
  > input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--progess-up-color);
  height: 1px;
  pointer-events: none;
}
.podcast-player__progress-bar > input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 5px;
  height: 5px;
  background-color: var(--progess-up-color);
  box-shadow: 0 0 0 -2px var(--progess-back-color),
    1px 0 0 -2px var(--progess-back-color),
    2px 0 0 -2px var(--progess-back-color),
    3px 0 0 -2px var(--progess-back-color),
    4px 0 0 -2px var(--progess-back-color),
    5px 0 0 -2px var(--progess-back-color),
    6px 0 0 -2px var(--progess-back-color),
    7px 0 0 -2px var(--progess-back-color),
    8px 0 0 -2px var(--progess-back-color),
    9px 0 0 -2px var(--progess-back-color),
    10px 0 0 -2px var(--progess-back-color),
    11px 0 0 -2px var(--progess-back-color),
    12px 0 0 -2px var(--progess-back-color),
    13px 0 0 -2px var(--progess-back-color),
    14px 0 0 -2px var(--progess-back-color),
    15px 0 0 -2px var(--progess-back-color),
    16px 0 0 -2px var(--progess-back-color),
    17px 0 0 -2px var(--progess-back-color),
    18px 0 0 -2px var(--progess-back-color),
    19px 0 0 -2px var(--progess-back-color),
    20px 0 0 -2px var(--progess-back-color),
    21px 0 0 -2px var(--progess-back-color),
    22px 0 0 -2px var(--progess-back-color),
    23px 0 0 -2px var(--progess-back-color),
    24px 0 0 -2px var(--progess-back-color),
    25px 0 0 -2px var(--progess-back-color),
    26px 0 0 -2px var(--progess-back-color),
    27px 0 0 -2px var(--progess-back-color),
    28px 0 0 -2px var(--progess-back-color),
    29px 0 0 -2px var(--progess-back-color),
    30px 0 0 -2px var(--progess-back-color),
    31px 0 0 -2px var(--progess-back-color),
    32px 0 0 -2px var(--progess-back-color),
    33px 0 0 -2px var(--progess-back-color),
    34px 0 0 -2px var(--progess-back-color),
    35px 0 0 -2px var(--progess-back-color),
    36px 0 0 -2px var(--progess-back-color),
    37px 0 0 -2px var(--progess-back-color),
    38px 0 0 -2px var(--progess-back-color),
    39px 0 0 -2px var(--progess-back-color),
    40px 0 0 -2px var(--progess-back-color),
    41px 0 0 -2px var(--progess-back-color),
    42px 0 0 -2px var(--progess-back-color),
    43px 0 0 -2px var(--progess-back-color),
    44px 0 0 -2px var(--progess-back-color),
    45px 0 0 -2px var(--progess-back-color),
    46px 0 0 -2px var(--progess-back-color),
    47px 0 0 -2px var(--progess-back-color),
    48px 0 0 -2px var(--progess-back-color),
    49px 0 0 -2px var(--progess-back-color),
    50px 0 0 -2px var(--progess-back-color),
    51px 0 0 -2px var(--progess-back-color),
    52px 0 0 -2px var(--progess-back-color),
    53px 0 0 -2px var(--progess-back-color),
    54px 0 0 -2px var(--progess-back-color),
    55px 0 0 -2px var(--progess-back-color),
    56px 0 0 -2px var(--progess-back-color),
    57px 0 0 -2px var(--progess-back-color),
    58px 0 0 -2px var(--progess-back-color),
    59px 0 0 -2px var(--progess-back-color),
    60px 0 0 -2px var(--progess-back-color),
    61px 0 0 -2px var(--progess-back-color),
    62px 0 0 -2px var(--progess-back-color),
    63px 0 0 -2px var(--progess-back-color),
    64px 0 0 -2px var(--progess-back-color),
    65px 0 0 -2px var(--progess-back-color),
    66px 0 0 -2px var(--progess-back-color),
    67px 0 0 -2px var(--progess-back-color),
    68px 0 0 -2px var(--progess-back-color),
    69px 0 0 -2px var(--progess-back-color),
    70px 0 0 -2px var(--progess-back-color),
    71px 0 0 -2px var(--progess-back-color),
    72px 0 0 -2px var(--progess-back-color),
    73px 0 0 -2px var(--progess-back-color),
    74px 0 0 -2px var(--progess-back-color),
    75px 0 0 -2px var(--progess-back-color),
    76px 0 0 -2px var(--progess-back-color),
    77px 0 0 -2px var(--progess-back-color),
    78px 0 0 -2px var(--progess-back-color),
    79px 0 0 -2px var(--progess-back-color),
    80px 0 0 -2px var(--progess-back-color),
    81px 0 0 -2px var(--progess-back-color),
    82px 0 0 -2px var(--progess-back-color),
    83px 0 0 -2px var(--progess-back-color),
    84px 0 0 -2px var(--progess-back-color),
    85px 0 0 -2px var(--progess-back-color),
    86px 0 0 -2px var(--progess-back-color),
    87px 0 0 -2px var(--progess-back-color),
    88px 0 0 -2px var(--progess-back-color),
    89px 0 0 -2px var(--progess-back-color),
    90px 0 0 -2px var(--progess-back-color),
    91px 0 0 -2px var(--progess-back-color),
    92px 0 0 -2px var(--progess-back-color),
    93px 0 0 -2px var(--progess-back-color),
    94px 0 0 -2px var(--progess-back-color),
    95px 0 0 -2px var(--progess-back-color),
    96px 0 0 -2px var(--progess-back-color),
    97px 0 0 -2px var(--progess-back-color),
    98px 0 0 -2px var(--progess-back-color),
    99px 0 0 -2px var(--progess-back-color),
    100px 0 0 -2px var(--progess-back-color),
    101px 0 0 -2px var(--progess-back-color),
    102px 0 0 -2px var(--progess-back-color),
    103px 0 0 -2px var(--progess-back-color),
    104px 0 0 -2px var(--progess-back-color),
    105px 0 0 -2px var(--progess-back-color),
    106px 0 0 -2px var(--progess-back-color),
    107px 0 0 -2px var(--progess-back-color),
    108px 0 0 -2px var(--progess-back-color),
    109px 0 0 -2px var(--progess-back-color),
    110px 0 0 -2px var(--progess-back-color),
    111px 0 0 -2px var(--progess-back-color),
    112px 0 0 -2px var(--progess-back-color),
    113px 0 0 -2px var(--progess-back-color),
    114px 0 0 -2px var(--progess-back-color),
    115px 0 0 -2px var(--progess-back-color),
    116px 0 0 -2px var(--progess-back-color),
    117px 0 0 -2px var(--progess-back-color),
    118px 0 0 -2px var(--progess-back-color),
    119px 0 0 -2px var(--progess-back-color),
    120px 0 0 -2px var(--progess-back-color),
    121px 0 0 -2px var(--progess-back-color),
    122px 0 0 -2px var(--progess-back-color),
    123px 0 0 -2px var(--progess-back-color),
    124px 0 0 -2px var(--progess-back-color),
    125px 0 0 -2px var(--progess-back-color),
    126px 0 0 -2px var(--progess-back-color),
    127px 0 0 -2px var(--progess-back-color),
    128px 0 0 -2px var(--progess-back-color),
    129px 0 0 -2px var(--progess-back-color),
    130px 0 0 -2px var(--progess-back-color),
    131px 0 0 -2px var(--progess-back-color),
    132px 0 0 -2px var(--progess-back-color),
    133px 0 0 -2px var(--progess-back-color),
    134px 0 0 -2px var(--progess-back-color),
    135px 0 0 -2px var(--progess-back-color),
    136px 0 0 -2px var(--progess-back-color),
    137px 0 0 -2px var(--progess-back-color),
    138px 0 0 -2px var(--progess-back-color),
    139px 0 0 -2px var(--progess-back-color),
    140px 0 0 -2px var(--progess-back-color),
    141px 0 0 -2px var(--progess-back-color),
    142px 0 0 -2px var(--progess-back-color),
    143px 0 0 -2px var(--progess-back-color),
    144px 0 0 -2px var(--progess-back-color),
    145px 0 0 -2px var(--progess-back-color),
    146px 0 0 -2px var(--progess-back-color),
    147px 0 0 -2px var(--progess-back-color),
    148px 0 0 -2px var(--progess-back-color),
    149px 0 0 -2px var(--progess-back-color),
    150px 0 0 -2px var(--progess-back-color),
    151px 0 0 -2px var(--progess-back-color),
    152px 0 0 -2px var(--progess-back-color),
    153px 0 0 -2px var(--progess-back-color),
    154px 0 0 -2px var(--progess-back-color),
    155px 0 0 -2px var(--progess-back-color),
    156px 0 0 -2px var(--progess-back-color),
    157px 0 0 -2px var(--progess-back-color),
    158px 0 0 -2px var(--progess-back-color),
    159px 0 0 -2px var(--progess-back-color),
    160px 0 0 -2px var(--progess-back-color),
    161px 0 0 -2px var(--progess-back-color),
    162px 0 0 -2px var(--progess-back-color),
    163px 0 0 -2px var(--progess-back-color),
    164px 0 0 -2px var(--progess-back-color),
    165px 0 0 -2px var(--progess-back-color),
    166px 0 0 -2px var(--progess-back-color),
    167px 0 0 -2px var(--progess-back-color),
    168px 0 0 -2px var(--progess-back-color),
    169px 0 0 -2px var(--progess-back-color),
    170px 0 0 -2px var(--progess-back-color),
    171px 0 0 -2px var(--progess-back-color),
    172px 0 0 -2px var(--progess-back-color),
    173px 0 0 -2px var(--progess-back-color),
    174px 0 0 -2px var(--progess-back-color),
    175px 0 0 -2px var(--progess-back-color),
    176px 0 0 -2px var(--progess-back-color),
    177px 0 0 -2px var(--progess-back-color),
    178px 0 0 -2px var(--progess-back-color),
    179px 0 0 -2px var(--progess-back-color),
    180px 0 0 -2px var(--progess-back-color),
    181px 0 0 -2px var(--progess-back-color),
    182px 0 0 -2px var(--progess-back-color),
    183px 0 0 -2px var(--progess-back-color),
    184px 0 0 -2px var(--progess-back-color),
    185px 0 0 -2px var(--progess-back-color),
    186px 0 0 -2px var(--progess-back-color),
    187px 0 0 -2px var(--progess-back-color),
    188px 0 0 -2px var(--progess-back-color),
    189px 0 0 -2px var(--progess-back-color),
    190px 0 0 -2px var(--progess-back-color),
    191px 0 0 -2px var(--progess-back-color),
    192px 0 0 -2px var(--progess-back-color),
    193px 0 0 -2px var(--progess-back-color),
    194px 0 0 -2px var(--progess-back-color),
    195px 0 0 -2px var(--progess-back-color),
    196px 0 0 -2px var(--progess-back-color),
    197px 0 0 -2px var(--progess-back-color),
    198px 0 0 -2px var(--progess-back-color),
    199px 0 0 -2px var(--progess-back-color),
    200px 0 0 -2px var(--progess-back-color),
    201px 0 0 -2px var(--progess-back-color),
    202px 0 0 -2px var(--progess-back-color),
    203px 0 0 -2px var(--progess-back-color),
    204px 0 0 -2px var(--progess-back-color),
    205px 0 0 -2px var(--progess-back-color),
    206px 0 0 -2px var(--progess-back-color),
    207px 0 0 -2px var(--progess-back-color),
    208px 0 0 -2px var(--progess-back-color),
    209px 0 0 -2px var(--progess-back-color),
    210px 0 0 -2px var(--progess-back-color),
    211px 0 0 -2px var(--progess-back-color),
    212px 0 0 -2px var(--progess-back-color),
    213px 0 0 -2px var(--progess-back-color),
    214px 0 0 -2px var(--progess-back-color),
    215px 0 0 -2px var(--progess-back-color),
    216px 0 0 -2px var(--progess-back-color),
    217px 0 0 -2px var(--progess-back-color),
    218px 0 0 -2px var(--progess-back-color),
    219px 0 0 -2px var(--progess-back-color),
    220px 0 0 -2px var(--progess-back-color),
    221px 0 0 -2px var(--progess-back-color),
    222px 0 0 -2px var(--progess-back-color),
    223px 0 0 -2px var(--progess-back-color),
    224px 0 0 -2px var(--progess-back-color),
    225px 0 0 -2px var(--progess-back-color),
    226px 0 0 -2px var(--progess-back-color),
    227px 0 0 -2px var(--progess-back-color),
    228px 0 0 -2px var(--progess-back-color),
    229px 0 0 -2px var(--progess-back-color),
    230px 0 0 -2px var(--progess-back-color),
    231px 0 0 -2px var(--progess-back-color),
    232px 0 0 -2px var(--progess-back-color),
    233px 0 0 -2px var(--progess-back-color),
    234px 0 0 -2px var(--progess-back-color),
    235px 0 0 -2px var(--progess-back-color),
    236px 0 0 -2px var(--progess-back-color),
    237px 0 0 -2px var(--progess-back-color),
    238px 0 0 -2px var(--progess-back-color),
    239px 0 0 -2px var(--progess-back-color),
    240px 0 0 -2px var(--progess-back-color),
    241px 0 0 -2px var(--progess-back-color),
    242px 0 0 -2px var(--progess-back-color),
    243px 0 0 -2px var(--progess-back-color),
    244px 0 0 -2px var(--progess-back-color),
    245px 0 0 -2px var(--progess-back-color),
    246px 0 0 -2px var(--progess-back-color),
    247px 0 0 -2px var(--progess-back-color),
    248px 0 0 -2px var(--progess-back-color),
    249px 0 0 -2px var(--progess-back-color),
    250px 0 0 -2px var(--progess-back-color),
    251px 0 0 -2px var(--progess-back-color),
    252px 0 0 -2px var(--progess-back-color),
    253px 0 0 -2px var(--progess-back-color),
    254px 0 0 -2px var(--progess-back-color),
    255px 0 0 -2px var(--progess-back-color),
    256px 0 0 -2px var(--progess-back-color),
    257px 0 0 -2px var(--progess-back-color),
    258px 0 0 -2px var(--progess-back-color),
    259px 0 0 -2px var(--progess-back-color),
    260px 0 0 -2px var(--progess-back-color),
    261px 0 0 -2px var(--progess-back-color),
    262px 0 0 -2px var(--progess-back-color),
    263px 0 0 -2px var(--progess-back-color),
    264px 0 0 -2px var(--progess-back-color),
    265px 0 0 -2px var(--progess-back-color),
    266px 0 0 -2px var(--progess-back-color),
    267px 0 0 -2px var(--progess-back-color),
    268px 0 0 -2px var(--progess-back-color),
    269px 0 0 -2px var(--progess-back-color),
    270px 0 0 -2px var(--progess-back-color),
    271px 0 0 -2px var(--progess-back-color),
    272px 0 0 -2px var(--progess-back-color),
    273px 0 0 -2px var(--progess-back-color),
    274px 0 0 -2px var(--progess-back-color),
    275px 0 0 -2px var(--progess-back-color),
    276px 0 0 -2px var(--progess-back-color),
    277px 0 0 -2px var(--progess-back-color),
    278px 0 0 -2px var(--progess-back-color),
    279px 0 0 -2px var(--progess-back-color),
    280px 0 0 -2px var(--progess-back-color),
    281px 0 0 -2px var(--progess-back-color),
    282px 0 0 -2px var(--progess-back-color),
    283px 0 0 -2px var(--progess-back-color),
    284px 0 0 -2px var(--progess-back-color),
    285px 0 0 -2px var(--progess-back-color),
    286px 0 0 -2px var(--progess-back-color),
    287px 0 0 -2px var(--progess-back-color),
    288px 0 0 -2px var(--progess-back-color),
    289px 0 0 -2px var(--progess-back-color),
    290px 0 0 -2px var(--progess-back-color),
    291px 0 0 -2px var(--progess-back-color),
    292px 0 0 -2px var(--progess-back-color),
    293px 0 0 -2px var(--progess-back-color),
    294px 0 0 -2px var(--progess-back-color),
    295px 0 0 -2px var(--progess-back-color),
    296px 0 0 -2px var(--progess-back-color),
    297px 0 0 -2px var(--progess-back-color),
    298px 0 0 -2px var(--progess-back-color),
    299px 0 0 -2px var(--progess-back-color),
    300px 0 0 -2px var(--progess-back-color),
    301px 0 0 -2px var(--progess-back-color),
    302px 0 0 -2px var(--progess-back-color),
    303px 0 0 -2px var(--progess-back-color),
    304px 0 0 -2px var(--progess-back-color),
    305px 0 0 -2px var(--progess-back-color),
    306px 0 0 -2px var(--progess-back-color),
    307px 0 0 -2px var(--progess-back-color),
    308px 0 0 -2px var(--progess-back-color),
    309px 0 0 -2px var(--progess-back-color),
    310px 0 0 -2px var(--progess-back-color),
    311px 0 0 -2px var(--progess-back-color),
    312px 0 0 -2px var(--progess-back-color),
    313px 0 0 -2px var(--progess-back-color),
    314px 0 0 -2px var(--progess-back-color),
    315px 0 0 -2px var(--progess-back-color),
    316px 0 0 -2px var(--progess-back-color),
    317px 0 0 -2px var(--progess-back-color),
    318px 0 0 -2px var(--progess-back-color),
    319px 0 0 -2px var(--progess-back-color),
    320px 0 0 -2px var(--progess-back-color),
    321px 0 0 -2px var(--progess-back-color),
    322px 0 0 -2px var(--progess-back-color),
    323px 0 0 -2px var(--progess-back-color),
    324px 0 0 -2px var(--progess-back-color),
    325px 0 0 -2px var(--progess-back-color),
    326px 0 0 -2px var(--progess-back-color),
    327px 0 0 -2px var(--progess-back-color),
    328px 0 0 -2px var(--progess-back-color),
    329px 0 0 -2px var(--progess-back-color),
    330px 0 0 -2px var(--progess-back-color),
    331px 0 0 -2px var(--progess-back-color),
    332px 0 0 -2px var(--progess-back-color),
    333px 0 0 -2px var(--progess-back-color),
    334px 0 0 -2px var(--progess-back-color),
    335px 0 0 -2px var(--progess-back-color),
    336px 0 0 -2px var(--progess-back-color),
    337px 0 0 -2px var(--progess-back-color),
    338px 0 0 -2px var(--progess-back-color),
    339px 0 0 -2px var(--progess-back-color),
    340px 0 0 -2px var(--progess-back-color),
    341px 0 0 -2px var(--progess-back-color),
    342px 0 0 -2px var(--progess-back-color),
    343px 0 0 -2px var(--progess-back-color),
    344px 0 0 -2px var(--progess-back-color),
    345px 0 0 -2px var(--progess-back-color),
    346px 0 0 -2px var(--progess-back-color),
    347px 0 0 -2px var(--progess-back-color),
    348px 0 0 -2px var(--progess-back-color),
    349px 0 0 -2px var(--progess-back-color),
    350px 0 0 -2px var(--progess-back-color),
    351px 0 0 -2px var(--progess-back-color),
    352px 0 0 -2px var(--progess-back-color),
    353px 0 0 -2px var(--progess-back-color),
    354px 0 0 -2px var(--progess-back-color),
    355px 0 0 -2px var(--progess-back-color),
    356px 0 0 -2px var(--progess-back-color),
    357px 0 0 -2px var(--progess-back-color),
    358px 0 0 -2px var(--progess-back-color),
    359px 0 0 -2px var(--progess-back-color),
    360px 0 0 -2px var(--progess-back-color),
    361px 0 0 -2px var(--progess-back-color),
    362px 0 0 -2px var(--progess-back-color),
    363px 0 0 -2px var(--progess-back-color),
    364px 0 0 -2px var(--progess-back-color),
    365px 0 0 -2px var(--progess-back-color),
    366px 0 0 -2px var(--progess-back-color),
    367px 0 0 -2px var(--progess-back-color),
    368px 0 0 -2px var(--progess-back-color),
    369px 0 0 -2px var(--progess-back-color),
    370px 0 0 -2px var(--progess-back-color),
    371px 0 0 -2px var(--progess-back-color),
    372px 0 0 -2px var(--progess-back-color),
    373px 0 0 -2px var(--progess-back-color),
    374px 0 0 -2px var(--progess-back-color),
    375px 0 0 -2px var(--progess-back-color),
    376px 0 0 -2px var(--progess-back-color),
    377px 0 0 -2px var(--progess-back-color),
    378px 0 0 -2px var(--progess-back-color),
    379px 0 0 -2px var(--progess-back-color),
    380px 0 0 -2px var(--progess-back-color),
    381px 0 0 -2px var(--progess-back-color),
    382px 0 0 -2px var(--progess-back-color),
    383px 0 0 -2px var(--progess-back-color),
    384px 0 0 -2px var(--progess-back-color),
    385px 0 0 -2px var(--progess-back-color),
    386px 0 0 -2px var(--progess-back-color),
    387px 0 0 -2px var(--progess-back-color),
    388px 0 0 -2px var(--progess-back-color),
    389px 0 0 -2px var(--progess-back-color),
    390px 0 0 -2px var(--progess-back-color),
    391px 0 0 -2px var(--progess-back-color),
    392px 0 0 -2px var(--progess-back-color),
    393px 0 0 -2px var(--progess-back-color),
    394px 0 0 -2px var(--progess-back-color),
    395px 0 0 -2px var(--progess-back-color),
    396px 0 0 -2px var(--progess-back-color),
    397px 0 0 -2px var(--progess-back-color),
    398px 0 0 -2px var(--progess-back-color),
    399px 0 0 -2px var(--progess-back-color),
    400px 0 0 -2px var(--progess-back-color),
    401px 0 0 -2px var(--progess-back-color),
    402px 0 0 -2px var(--progess-back-color),
    403px 0 0 -2px var(--progess-back-color),
    404px 0 0 -2px var(--progess-back-color),
    405px 0 0 -2px var(--progess-back-color),
    406px 0 0 -2px var(--progess-back-color),
    407px 0 0 -2px var(--progess-back-color),
    408px 0 0 -2px var(--progess-back-color),
    409px 0 0 -2px var(--progess-back-color),
    410px 0 0 -2px var(--progess-back-color),
    411px 0 0 -2px var(--progess-back-color),
    412px 0 0 -2px var(--progess-back-color),
    413px 0 0 -2px var(--progess-back-color),
    414px 0 0 -2px var(--progess-back-color),
    415px 0 0 -2px var(--progess-back-color),
    416px 0 0 -2px var(--progess-back-color),
    417px 0 0 -2px var(--progess-back-color),
    418px 0 0 -2px var(--progess-back-color),
    419px 0 0 -2px var(--progess-back-color),
    420px 0 0 -2px var(--progess-back-color),
    421px 0 0 -2px var(--progess-back-color),
    422px 0 0 -2px var(--progess-back-color),
    423px 0 0 -2px var(--progess-back-color),
    424px 0 0 -2px var(--progess-back-color),
    425px 0 0 -2px var(--progess-back-color),
    426px 0 0 -2px var(--progess-back-color),
    427px 0 0 -2px var(--progess-back-color),
    428px 0 0 -2px var(--progess-back-color),
    429px 0 0 -2px var(--progess-back-color),
    430px 0 0 -2px var(--progess-back-color),
    431px 0 0 -2px var(--progess-back-color),
    432px 0 0 -2px var(--progess-back-color),
    433px 0 0 -2px var(--progess-back-color),
    434px 0 0 -2px var(--progess-back-color),
    435px 0 0 -2px var(--progess-back-color),
    436px 0 0 -2px var(--progess-back-color),
    437px 0 0 -2px var(--progess-back-color),
    438px 0 0 -2px var(--progess-back-color),
    439px 0 0 -2px var(--progess-back-color),
    440px 0 0 -2px var(--progess-back-color),
    441px 0 0 -2px var(--progess-back-color),
    442px 0 0 -2px var(--progess-back-color),
    443px 0 0 -2px var(--progess-back-color),
    444px 0 0 -2px var(--progess-back-color),
    445px 0 0 -2px var(--progess-back-color),
    446px 0 0 -2px var(--progess-back-color),
    447px 0 0 -2px var(--progess-back-color),
    448px 0 0 -2px var(--progess-back-color),
    449px 0 0 -2px var(--progess-back-color),
    450px 0 0 -2px var(--progess-back-color),
    451px 0 0 -2px var(--progess-back-color),
    452px 0 0 -2px var(--progess-back-color),
    453px 0 0 -2px var(--progess-back-color),
    454px 0 0 -2px var(--progess-back-color),
    455px 0 0 -2px var(--progess-back-color),
    456px 0 0 -2px var(--progess-back-color),
    457px 0 0 -2px var(--progess-back-color),
    458px 0 0 -2px var(--progess-back-color),
    459px 0 0 -2px var(--progess-back-color),
    460px 0 0 -2px var(--progess-back-color),
    461px 0 0 -2px var(--progess-back-color),
    462px 0 0 -2px var(--progess-back-color),
    463px 0 0 -2px var(--progess-back-color),
    464px 0 0 -2px var(--progess-back-color),
    465px 0 0 -2px var(--progess-back-color),
    466px 0 0 -2px var(--progess-back-color),
    467px 0 0 -2px var(--progess-back-color),
    468px 0 0 -2px var(--progess-back-color),
    469px 0 0 -2px var(--progess-back-color),
    470px 0 0 -2px var(--progess-back-color),
    471px 0 0 -2px var(--progess-back-color),
    472px 0 0 -2px var(--progess-back-color),
    473px 0 0 -2px var(--progess-back-color),
    474px 0 0 -2px var(--progess-back-color),
    475px 0 0 -2px var(--progess-back-color),
    476px 0 0 -2px var(--progess-back-color),
    477px 0 0 -2px var(--progess-back-color),
    478px 0 0 -2px var(--progess-back-color),
    479px 0 0 -2px var(--progess-back-color),
    480px 0 0 -2px var(--progess-back-color),
    481px 0 0 -2px var(--progess-back-color),
    482px 0 0 -2px var(--progess-back-color),
    483px 0 0 -2px var(--progess-back-color),
    484px 0 0 -2px var(--progess-back-color),
    485px 0 0 -2px var(--progess-back-color),
    486px 0 0 -2px var(--progess-back-color),
    487px 0 0 -2px var(--progess-back-color),
    488px 0 0 -2px var(--progess-back-color),
    489px 0 0 -2px var(--progess-back-color),
    490px 0 0 -2px var(--progess-back-color),
    491px 0 0 -2px var(--progess-back-color),
    492px 0 0 -2px var(--progess-back-color),
    493px 0 0 -2px var(--progess-back-color),
    494px 0 0 -2px var(--progess-back-color),
    495px 0 0 -2px var(--progess-back-color),
    496px 0 0 -2px var(--progess-back-color),
    497px 0 0 -2px var(--progess-back-color),
    498px 0 0 -2px var(--progess-back-color),
    499px 0 0 -2px var(--progess-back-color),
    500px 0 0 -2px var(--progess-back-color),
    501px 0 0 -2px var(--progess-back-color),
    502px 0 0 -2px var(--progess-back-color),
    503px 0 0 -2px var(--progess-back-color),
    504px 0 0 -2px var(--progess-back-color),
    505px 0 0 -2px var(--progess-back-color),
    506px 0 0 -2px var(--progess-back-color),
    507px 0 0 -2px var(--progess-back-color),
    508px 0 0 -2px var(--progess-back-color),
    509px 0 0 -2px var(--progess-back-color),
    510px 0 0 -2px var(--progess-back-color),
    511px 0 0 -2px var(--progess-back-color),
    512px 0 0 -2px var(--progess-back-color),
    513px 0 0 -2px var(--progess-back-color),
    514px 0 0 -2px var(--progess-back-color),
    515px 0 0 -2px var(--progess-back-color),
    516px 0 0 -2px var(--progess-back-color),
    517px 0 0 -2px var(--progess-back-color),
    518px 0 0 -2px var(--progess-back-color),
    519px 0 0 -2px var(--progess-back-color),
    520px 0 0 -2px var(--progess-back-color),
    521px 0 0 -2px var(--progess-back-color),
    522px 0 0 -2px var(--progess-back-color),
    523px 0 0 -2px var(--progess-back-color),
    524px 0 0 -2px var(--progess-back-color),
    525px 0 0 -2px var(--progess-back-color),
    526px 0 0 -2px var(--progess-back-color),
    527px 0 0 -2px var(--progess-back-color),
    528px 0 0 -2px var(--progess-back-color),
    529px 0 0 -2px var(--progess-back-color),
    530px 0 0 -2px var(--progess-back-color),
    531px 0 0 -2px var(--progess-back-color),
    532px 0 0 -2px var(--progess-back-color),
    533px 0 0 -2px var(--progess-back-color),
    534px 0 0 -2px var(--progess-back-color),
    535px 0 0 -2px var(--progess-back-color),
    536px 0 0 -2px var(--progess-back-color),
    537px 0 0 -2px var(--progess-back-color),
    538px 0 0 -2px var(--progess-back-color),
    539px 0 0 -2px var(--progess-back-color),
    540px 0 0 -2px var(--progess-back-color),
    541px 0 0 -2px var(--progess-back-color),
    542px 0 0 -2px var(--progess-back-color),
    543px 0 0 -2px var(--progess-back-color),
    544px 0 0 -2px var(--progess-back-color),
    545px 0 0 -2px var(--progess-back-color),
    546px 0 0 -2px var(--progess-back-color),
    547px 0 0 -2px var(--progess-back-color),
    548px 0 0 -2px var(--progess-back-color),
    549px 0 0 -2px var(--progess-back-color),
    550px 0 0 -2px var(--progess-back-color),
    551px 0 0 -2px var(--progess-back-color),
    552px 0 0 -2px var(--progess-back-color),
    553px 0 0 -2px var(--progess-back-color),
    554px 0 0 -2px var(--progess-back-color),
    555px 0 0 -2px var(--progess-back-color),
    556px 0 0 -2px var(--progess-back-color),
    557px 0 0 -2px var(--progess-back-color),
    558px 0 0 -2px var(--progess-back-color),
    559px 0 0 -2px var(--progess-back-color),
    560px 0 0 -2px var(--progess-back-color),
    561px 0 0 -2px var(--progess-back-color),
    562px 0 0 -2px var(--progess-back-color),
    563px 0 0 -2px var(--progess-back-color),
    564px 0 0 -2px var(--progess-back-color),
    565px 0 0 -2px var(--progess-back-color),
    566px 0 0 -2px var(--progess-back-color),
    567px 0 0 -2px var(--progess-back-color),
    568px 0 0 -2px var(--progess-back-color),
    569px 0 0 -2px var(--progess-back-color),
    570px 0 0 -2px var(--progess-back-color),
    571px 0 0 -2px var(--progess-back-color),
    572px 0 0 -2px var(--progess-back-color),
    573px 0 0 -2px var(--progess-back-color),
    574px 0 0 -2px var(--progess-back-color),
    575px 0 0 -2px var(--progess-back-color),
    576px 0 0 -2px var(--progess-back-color),
    577px 0 0 -2px var(--progess-back-color),
    578px 0 0 -2px var(--progess-back-color),
    579px 0 0 -2px var(--progess-back-color),
    580px 0 0 -2px var(--progess-back-color),
    581px 0 0 -2px var(--progess-back-color),
    582px 0 0 -2px var(--progess-back-color),
    583px 0 0 -2px var(--progess-back-color),
    584px 0 0 -2px var(--progess-back-color),
    585px 0 0 -2px var(--progess-back-color),
    586px 0 0 -2px var(--progess-back-color),
    587px 0 0 -2px var(--progess-back-color),
    588px 0 0 -2px var(--progess-back-color),
    589px 0 0 -2px var(--progess-back-color),
    590px 0 0 -2px var(--progess-back-color),
    591px 0 0 -2px var(--progess-back-color),
    592px 0 0 -2px var(--progess-back-color),
    593px 0 0 -2px var(--progess-back-color),
    594px 0 0 -2px var(--progess-back-color),
    595px 0 0 -2px var(--progess-back-color),
    596px 0 0 -2px var(--progess-back-color),
    597px 0 0 -2px var(--progess-back-color),
    598px 0 0 -2px var(--progess-back-color),
    599px 0 0 -2px var(--progess-back-color),
    600px 0 0 -2px var(--progess-back-color);
  border-radius: 50%;
  margin-top: -2px;
  border: none;
}
.podcast-player__progress-bar > input[type="range"]::-moz-range-track {
  width: 100%;
  height: 1px;
  background-color: var(--progess-back-color);
}
.podcast-player__progress-bar > input[type="range"]::-moz-range-thumb {
  width: 5px;
  height: 5px;
  background-color: var(--progess-up-color);
  border-radius: 50%;
  border: none;
}
.podcast-player__progress-bar > input[type="range"]::-moz-range-progress {
  height: 1px;
  background-color: var(--progess-up-color);
  border: 0;
  margin-top: 0;
}
button#onesignal-slidedown-allow-button.align-right.primary.slidedown-button {
  height: auto;
}
.raffle {
  background-color: var(--white-100);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}
.raffle:has(.raffle__success) {
  background-color: var(--orange-10);
}
.raffle-ctn {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 506px;
  width: calc(100% - 32px);
  padding: 24px 0;
}
.raffle-missing-id {
  text-align: center;
  margin: auto;
  font-size: 40px;
  font-weight: 600;
}
.raffle-detail,
.raffle-head,
.raffle-steps {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.raffle-welcome {
  color: var(--gray-100);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.raffle-description {
  border-bottom: 1px solid var(--gray-40);
  color: var(--gray-90);
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.raffle-username {
  font-weight: 400;
}
.raffle-arrows {
  display: flex;
  justify-content: space-between;
}
.raffle-arrow {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background: none;
  border: none;
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer;
  display: flex;
  font-family: Roboto;
  font-size: 16px;
}
.raffle-arrow--inactive {
  color: var(--gray-60);
}
.raffle-arrow--active {
  color: var(--gray-80);
}
.raffle-arrow > svg.chevron-left {
  transform: rotate(180deg);
}
.raffle-arrow > svg.chevron-left,
.raffle-arrow > svg.chevron-right {
  width: 8px;
  height: 12px;
  display: inline-flex;
}
.raffle-arrow--active svg.chevron-left path,
.raffle-arrow--active svg.chevron-right path {
  fill: var(--gray-80);
}
.raffle-steps {
  align-self: center;
  font-size: 14px;
  margin-bottom: 16px;
}
.raffle__row {
  display: grid;
  grid-template-columns: repeat(1, auto);
}
.raffle__row--70-30 {
  grid-template-columns: 6fr 4fr;
}
.raffle__success {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 8px;
}
.raffle__success--title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.raffle__success--subtitle {
  font-size: 16px;
  margin-bottom: 16px;
}
.raffle__success--text {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 32px;
}
.raffle__success--error-icon {
  width: 37px;
  margin-bottom: 16px;
}
.raffle__success-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
  width: -moz-max-content;
  width: max-content;
}
.raffle__success-button:active {
  background-color: var(--orange-30);
}
.raffle__success-button:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.raffle__success-divider {
  background-color: var(--gray-40);
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.raffle__text-share {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 16px;
}
.raffle .preference-label {
  font-size: 16px;
  font-weight: 500;
  margin: 8px 0 40px;
  text-align: center;
}
.raffle .preference-options__container {
  display: grid;
  grid-template-columns: minmax(max-content, 100%) minmax(max-content, 0);
  gap: 32px 0;
  margin: 0 43px 32px;
}
.raffle .preference-option__container {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  height: 25px;
}
.raffle .preference-option__check {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.raffle .preference-option__check:after,
.raffle .preference-option__check:before {
  background: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-60);
  content: "";
  display: block;
  height: 12px;
  position: relative;
  width: 12px;
}
.raffle .preference-option__check:after {
  top: -14px;
}
.raffle .preference-option__check:checked:after {
  background-image: url(../images/d23-circle-check.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
.raffle .preference-option__label {
  color: var(--gray-90);
  font-size: 18px;
  padding-top: 2px;
}
.raffle .login-form-agree-terms-ctn {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  justify-content: flex-start;
}
.raffle .error-span {
  margin: 0 0 16px;
  display: inline-table;
}
.raffle__form {
  flex: 1;
}
:root {
  --background-card: #fff9f2;
  --background-card-hover: #fef4e6;
  --border-color: #fabb67;
  --show-more-color: var(--border-color-hover);
  --secondary-card-border-color: var(--border-color-hover);
}
.recommended-card {
  background-color: var(--background-card);
  border-radius: 6px;
  display: grid;
  font-family: Roboto, sans-serif;
  grid-template-columns: 1fr;
  height: auto;
  margin: 0 0 16px;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.recommended-card:active,
.recommended-card:hover {
  background-color: var(--background-card-hover);
}
.recommended-card--infobae {
  --background-card: #fff9f2;
  --background-card-hover: #fef4e6;
  --border-color: #fabb67;
}
.recommended-card--deportes,
.recommended-card--infobae {
  --show-more-color: var(--border-color);
  --secondary-card-border-color: var(--border-color);
}
.recommended-card--deportes {
  --background-card: #f2f9f3;
  --background-card-hover: #e6f3e7;
  --border-color: #80c185;
}
.recommended-card--teleshow {
  --background-card: #fbf2f2;
  --background-card-hover: #f7e6e6;
  --border-color: #d88080;
  --show-more-color: var(--border-color);
  --secondary-card-border-color: var(--border-color);
}
.recommended-card__image-container {
  display: none;
}
.recommended-card > .image-ph {
  height: 100%;
  margin: 0;
  grid-row: initial;
}
.recommended-card__info {
  height: 100%;
  padding: 8px 0 8px 8px;
  display: grid;
  grid-template: "interest interest" auto "title button" 1fr/1fr 40px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 6px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.recommended-card__info-interest-you {
  color: var(--gray-100);
  font-weight: 400;
  font-size: 14px;
  grid-area: interest;
  line-height: 1.3;
}
.recommended-card__info-title {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 700;
  grid-area: title;
  line-height: 1.3;
  text-align: left;
}
.recommended-card__info-button {
  align-items: center;
  border-left: 2px solid var(--border-color);
  display: flex;
  justify-content: center;
  grid-area: button;
}
.recommended-card__info-button-icon {
  height: 12px;
  width: 7px;
  fill: var(--show-more-color);
}
.dark .recommended-card--infobae {
  --background-card: rgba(246, 142, 1, 0.050980392156862744);
  --background-card-hover: rgba(246, 142, 1, 0.10196078431372549);
  --border-color: rgba(246, 142, 1, 0.6);
}
.dark .recommended-card--deportes {
  --background-card: rgba(47, 207, 131, 0.050980392156862744);
  --background-card-hover: rgba(47, 207, 131, 0.10196078431372549);
  --border-color: rgba(47, 207, 131, 0.5019607843137255);
}
.dark .recommended-card--teleshow {
  --background-card: rgba(255, 139, 150, 0.050980392156862744);
  --background-card-hover: rgba(255, 139, 150, 0.10196078431372549);
  --border-color: rgba(255, 139, 150, 0.5019607843137255);
}
.dark .recommended-card__info-interest-you {
  color: var(--subheadlines);
}
.dark .recommended-card__info-title {
  color: var(--headlines);
}
.right-panel {
  background: var(--gray-0);
  border-bottom: 1px solid var(--gray-20);
  display: inline-block;
  padding-inline-start: 0;
  position: absolute;
  text-align: left;
  padding: 0 16px 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  width: 100vw;
  right: -101%;
  z-index: 20000;
  border-left: 1px solid var(--gray-20);
}
.right-panel.slide-open {
  right: 0;
}
.right-panel__button--ctn {
  position: relative;
  width: 100%;
}
.right-panel__button--logout-ctn {
  align-items: center;
  background-color: var(--gray-0);
  border-top: 1px solid var(--gray-40);
  bottom: 16px;
  display: flex;
  height: 43px;
  max-width: calc(100vw - 33px);
  position: fixed;
  width: 100%;
}
.right-panel__button--logout-ctn .right-panel__button--logout {
  width: 100%;
  padding: 16px;
  margin-bottom: 0;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.right-panel .button {
  background-color: transparent;
  border: none;
  color: var(--gray-90);
  cursor: pointer;
  font-size: 16px;
  text-align: left;
  font-weight: 400;
  line-height: 19px;
  height: 35px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 18px;
  padding: 8px 16px;
  margin-bottom: 8px;
  width: 100%;
}
.right-panel .button:hover {
  background-color: var(--gray-20);
}
.right-panel__auth-buttons {
  display: grid;
  width: 100%;
  grid-template-rows: repeat(2, 32px);
  gap: 12px;
}
.right-panel__auth-buttons > button {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  width: 100%;
}
.right-panel__auth-buttons > button:hover {
  cursor: pointer;
}
.right-panel__auth-buttons-login {
  background: transparent;
  border-radius: 32px;
  border: 1px solid var(--gray-70);
  color: var(--gray-80);
  height: 32px;
  width: 328px;
}
.right-panel__auth-buttons-register {
  background: var(--orange-20);
  border-radius: 32px;
  border: none;
  color: var(--gray-90);
  height: 32px;
  outline: none;
}
.right-panel__header {
  position: relative;
  z-index: 20000;
  padding-top: 12px;
}
.right-panel__avatar {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  width: 48px;
}
.right-panel__avatar:after {
  color: #fff;
  content: var(--content);
  font-size: var(--font-size);
  font-weight: 600;
  height: 100%;
  width: 100%;
}
.right-panel__avatar--logged-in {
  border: 1px solid var(--orange-100);
}
.right-panel__avatar > img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.right-panel__user-data {
  border-bottom: 1px solid var(--gray-40);
  display: grid;
  grid-template-columns: 76px auto;
  height: 60px;
  margin-bottom: 12px;
}
.right-panel__user-data--logged-in {
  margin-bottom: 16px;
}
.right-panel__content-avatar {
  margin-left: 16px;
  margin-right: 12px;
}
.right-panel__content-info {
  display: flex;
  flex-direction: column;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.right-panel__content-info > span:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-panel__content-info > span:nth-child(2) {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
}
.right-panel-login {
  background: transparent;
  border-radius: 32px;
  border: 1px solid var(--gray-70);
  color: var(--gray-80);
  height: 32px;
  width: 328px;
}
.right-panel__content-islogin {
  display: flex;
  flex-direction: column;
}
.right-panel__content-islogin-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  border-radius: 18px;
  border: none;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  height: 35px;
  line-height: 19px;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-align: left;
}
.right-panel__content-islogin-button:hover {
  background-color: var(--gray-20);
}
.right-panel__content-islogin .dark {
  color: #c4c7c5;
}
.right-panel__content-islogin .dark:hover {
  background-color: #3c4043;
}
.unlogin-mt {
  margin-top: 16px;
}
.right-panel__content-avatar .user-default-avatar {
  display: flex;
  height: 48px;
  width: 48px;
}
.sharebar-container {
  align-items: center;
  flex-flow: column wrap;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
  opacity: 0;
  row-gap: 12px;
  width: 100%;
}
.sharebar-container amp-social-share {
  background: none;
}
.buttons-save-text {
  color: var(--gray-100);
  display: none;
}
.sharebar-buttons-container {
  align-items: center;
  flex-direction: row-reverse;
  gap: 10px;
  min-width: 72px;
  padding: 0 5px;
}
.share-bar-article-date-container {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  line-height: 1.6;
}
.share-bar-article-date-container.share-bar-article-date-divider span {
  color: var(--gray-80);
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding-right: 5px;
  text-align: left;
}
.share-bar-article-date-divider > .sharebar-article-date:first-child {
  border-right: 1px solid var(--gray-40);
  margin-right: 7px;
  padding-right: 7px;
}
.sharebar-article-date {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-top: 1px;
}
.sharebar-buttons {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: #3b3b3b;
  cursor: pointer;
  display: flex;
  gap: 6px;
  height: 38px;
  outline: none;
}
.button-save,
.button-saved {
  height: 38px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 38px;
}
.button-save:hover {
  background-color: #f0f0f0;
}
.button-saved {
  background-color: rgba(246, 142, 1, 0.1);
  border: 1px solid rgba(246, 142, 1, 0.6);
}
.sharebar-buttons.button-saved:hover {
  background-color: rgba(246, 142, 1, 0.2);
}
.saved-new-tooltip {
  left: 50%;
  position: absolute;
  top: calc(100% + 5px);
  transform: translate(-50%);
  z-index: 49;
}
.sharemenu-buttons svg rect {
  fill: var(--white-100);
  stroke: var(--gray-50);
}
.sharemenu-buttons svg path {
  fill: var(--background-shared-btn);
}
.sharemenu-close {
  cursor: pointer;
  display: flex;
}
.button-share {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30px;
}
.button-share:hover {
  background-color: var(--gray-10);
}
.listen-icon-svg {
  height: 14px;
  width: 16px;
}
.button-share > .buttons-text {
  display: none;
}
.share-icon-svg {
  fill: var(--gray-90);
  height: 12px;
  width: 12px;
}
.sharemenu-container {
  background: var(--white-100);
  bottom: -100%;
  box-shadow: 0 -2px 2px rgba(var(--black-100), 0.15);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: space-between;
  left: 0;
  position: fixed;
  transition: bottom 0.3s ease-in-out;
  width: 100%;
  z-index: 100;
}
.avoid-scroll {
  overflow: hidden;
}
.sharemenu-overlay-background,
.sharemenu-overlay-background-amp {
  background-color: rgba(var(--black-100), 0.35);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.sharemenu-overlay-background-amp {
  display: none;
  z-index: 1;
}
.sharemenu-overlay-background-amp.show-overlay-amp {
  display: block;
  z-index: 1;
}
.sharemenu-container.show-sharemenu-container {
  bottom: 0;
}
.sharemenu-header {
  align-items: center;
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 700;
  justify-content: space-between;
  margin: 0 16px;
  padding: 12px 0 8px;
}
.sharemenu-buttons-container {
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px 16px;
}
.sharemenu-buttons {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background: none;
  border-radius: 100px;
  border: none;
  color: var(--gray-90);
  cursor: pointer;
  flex-direction: row;
  gap: 12px;
  height: 48px;
  outline: none;
  padding: 0;
}
.sharemenu-buttons amp-social-share {
  background: none;
}
.sharebar-buttons-separator {
  background-color: var(--gray-40);
  height: 48px;
  margin: 0 4px;
  width: 1px;
}
.sharemenu-buttons > span {
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
}
.sharemenu-buttons.share {
  color: var(--green-100);
}
.sharemenu-icon-container {
  display: flex;
  padding-left: 16px;
}
.i-share-btn {
  cursor: pointer;
  display: flex;
}
.share-link,
amp-social-share {
  background-image: url(../images/d23-share-link.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  height: 32px;
  transform: translate(0);
  width: 32px;
}
.share-amp {
  align-items: center;
  background: none;
  border-radius: 100px;
  border: none;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.share-amp:focus {
  outline: none;
}
.svg-icon,
.svg-icon-copied {
  height: 28px;
  width: 28px;
}
.svg-icon-copied path,
.svg-icon path {
  fill: var(--gray-60);
}
.svg-icon-copied .svg-icon-bg,
.svg-icon .svg-icon-bg {
  fill: transparent;
}
.svg-icon-copied .svg-icon-border,
.svg-icon .svg-icon-border {
  stroke: var(--gray-60);
}
.svg-icon-copied path {
  fill: var(--green-100);
}
.svg-icon-copied .svg-icon-bg {
  fill: transparent;
}
.svg-icon-copied .svg-icon-border {
  stroke: var(--green-100);
}
.sharemenu-buttons:hover .svg-icon .svg-icon-bg,
.sharemenu-buttons:hover .svg-icon rect,
.sharemenu-buttons:hover svg .svg-icon-bg,
.sharemenu-buttons:hover svg rect {
  fill: var(--gray-10);
}
.sharemenu-buttons:hover .svg-icon .svg-icon-border,
.sharemenu-buttons:hover svg .svg-icon-border {
  stroke: var(--gray-70);
}
.sharemenu-buttons:focus .svg-icon path {
  fill: var(--gray-10);
}
.sharemenu-buttons:focus .svg-icon .svg-icon-bg {
  fill: var(--gray-60);
}
.sharemenu-buttons:focus .svg-icon .svg-icon-border {
  stroke: var(--gray-60);
}
.body-share-note {
  align-items: center;
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  color: var(--background-shared-btn);
  display: grid;
  font-size: 14px;
  font-weight: 400;
  grid-template-columns: auto auto;
  justify-content: center;
  margin-bottom: 20px;
  padding: 16px 0 0;
  text-align: center;
}
.body-share-note .button-save,
.body-share-note .button-saved {
  display: none;
}
.share-buttons-container {
  display: flex;
  flex-direction: row;
  padding-left: 6px;
}
.share-note-txt {
  padding-right: 11px;
}
.side-menu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  background-color: var(--gray-0);
  border-radius: 0 0 3px;
  display: inline-block;
  left: -105%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-inline-start: 0;
  position: absolute;
  text-align: left;
  transition: all 0.3s ease;
  width: 100vw;
  z-index: 20003;
}
.side-menu::-webkit-scrollbar {
  display: none;
}
.side-menu .side-menu-margin {
  border: 1px solid var(--gray-40);
  border-radius: 10px;
  margin: 16px 16px 5px;
}
.side-menu .side-menu-margin.left {
  left: 0;
  margin-left: -36px;
  margin-right: 10px;
}
.side-menu.amp-side-menu {
  height: 94vh;
  margin: 0;
  top: 55px;
}
.side-menu.amp-side-menu .item {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 16px;
}
.side-menu.amp-side-menu .item .expand-collapse-arrow {
  border: 1px solid var(--gray-40);
  border-radius: 3px;
  font-size: 13px;
  margin-left: 10px;
  outline: none;
  padding: 0 7px;
}
.side-menu.amp-side-menu .item .expand-collapse-arrow:before {
  content: "▼";
}
.side-menu.amp-side-menu .item .expand-collapse-arrow.open:before {
  content: "▲";
}
.side-menu.amp-side-menu .item .child-menu {
  border-top: 1px solid var(--gray-50);
  height: 0;
}
.side-menu.amp-side-menu .item .child-menu.open {
  height: auto;
  visibility: visible;
}
.side-menu.amp-side-menu .item .child-menu .item {
  padding-left: 20px;
}
.side-menu.amp-side-menu .item .child-menu .item:last-child {
  border-bottom: none;
}
.side-menu .item {
  align-items: center;
  border: none;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 32px;
  justify-content: space-between;
  left: 0;
  line-height: 16px;
  margin: 2px 16px;
  outline: none;
  padding: 10px 0 14px;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 90%;
}
.side-menu .item.non-bold {
  font-weight: 400;
}
.side-menu .key {
  color: #f28b5f;
}
.side-menu .header {
  background-color: #172026;
  display: inline-block;
  margin-bottom: 14px;
  padding: 4px 0 0;
  width: 100%;
}
.side-menu.slide-open {
  left: 0;
  padding-bottom: 8px;
}
.side-menu-sticky-items {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--gray-0);
  padding: 16px 16px 0;
  position: sticky;
  top: 0;
  z-index: 20004;
}
.side-menu-sticky-separator {
  display: block;
  margin-top: 16px;
  background-color: var(--gray-50);
  height: 1px;
  width: 100%;
}
.side-menu-player-audio {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.side-menu-player-audio .img-aspen-logo {
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
}
.side-menu-player-audio .img-player-layout {
  border-radius: 50px;
  height: auto;
  max-height: 34px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.queryly_searchicon_img {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.queryly_searchicon_img button {
  align-items: center;
  background-color: var(--gray-0);
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-60);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  height: 35px;
  justify-content: space-between;
  outline: none;
  padding: 8px 16px;
  text-align: left;
  width: 100%;
}
.queryly_searchicon_img svg {
  fill: var(--gray-60);
  height: 14px;
  width: 14px;
}
.dropdown {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 8px 0;
  max-width: 100%;
  min-height: 32px;
  position: relative;
}
.dropdown:first-child {
  margin-top: 0;
}
.dropdown:nth-last-child(2) + .dark-mode-btn {
  padding-bottom: 48px;
}
.dropdown-item-ctn {
  border-radius: 50px;
  margin: 2px 16px;
  min-height: 32px;
  padding: 8px 16px;
  position: relative;
  top: 5px;
  width: 92%;
}
.dropdown-item-ctn.open {
  background-color: var(--gray-20);
  border-radius: 100px;
}
.dropdown-newtag {
  background: rgba(246, 142, 1, 0.1);
  border: 0.5px solid var(--orange-100);
  border-radius: 100px;
  box-sizing: border-box;
  color: var(--orange-100);
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  padding: 3px 7px;
  position: absolute;
  right: 17px;
  top: 7px;
}
.dropdown-newtag.saved {
  position: inherit;
}
.dark-podcast .dropdown-item-ctn.open {
  background-color: #3c4043;
}
.icon-dropdown {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 1px;
  width: 32px;
}
.icon-dropdown:focus-visible {
  box-shadow: none;
  outline: none;
}
.icon-dropdown svg {
  height: 7px;
  width: 12px;
}
.dropdown.active:before {
  top: 22px;
  transform: rotate(-225deg);
}
.dropdown .submenu-slide {
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.0509803922);
  display: none;
  overflow: hidden;
  position: absolute;
  top: 70px;
  width: 100%;
}
.dropdown.active .submenu-slide {
  display: block;
}
.dropdown .options li {
  cursor: pointer;
  padding: 12px 20px;
}
.dropdown-body {
  border-top: 1px solid #e5e8ec;
  display: none;
  padding: 5px;
}
.dropdown-body.open {
  border-bottom: 1px solid var(--gray-40);
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 0;
  margin: 6px 16px;
  padding: 8px 0 8px 32px;
  width: 92%;
}
.dropdown-item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 32px;
  padding: 8px 0 8px 16px;
}
.dropdown-item:active,
.dropdown-item:focus {
  background-color: var(--gray-20);
  border-radius: 100px;
}
.dropdown-item-dot {
  color: #91a5be;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.dropdown-item-dot.selected {
  opacity: 1;
}
.centered {
  margin: 0 auto;
}
.story-card-ctn {
  align-content: center;
  border-bottom: 1px solid var(--gray-40);
  color: var(--gray-100);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 16px;
  position: relative;
  width: 100%;
}
.story-card-ctn .headline-link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-bottom: 12px;
}
.story-card-ctn .headline-link h3 {
  color: var(--headlines);
}
.story-card-ctn.cuadernos-card {
  background-image: url(../images/FXKDPGRQWBDHRO73TG4Y3BNOPY.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -16px;
  padding: 20px 16px 8px;
  width: calc(100% + 32px);
}
.story-card-ctn.cuadernos-card .badge-cta {
  border-color: #9b9b9b;
}
.story-card-ctn.cuadernos-card .badge-cta-text,
.story-card-ctn.cuadernos-card .story-card-author-name,
.story-card-ctn.cuadernos-card .story-card-deck,
.story-card-ctn.cuadernos-card .story-card-hl {
  color: #1f1f1f;
}
.story-card-ctn.cuadernos-card .story-card-author-ctn {
  color: #3b3b33;
}
.exclusive-story-card {
  background: var(--bg-exclusive);
  border-bottom: none;
  border-radius: 9px;
}
.story-card-info {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
  width: 100%;
}
.story-card-video {
  border-radius: 3px;
  margin: 0 0 12px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.exclusive-card-info {
  border-radius: 9px 9px 0 0;
  flex: 1;
  padding: 16px 8px 32px;
}
.exclusive-card-info .headline-link {
  margin-bottom: 0;
}
.story-card-info-shadow {
  margin-bottom: 8px;
  mix-blend-mode: multiply;
}
.story-card-info-shadow .headline-link,
.story-card-info-shadow .story-card-big-img-ctn,
.story-card-info-shadow a {
  margin-bottom: 0;
}
.story-card-hl {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.story-card-headline-image {
  border-radius: 3px;
  bottom: 0;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  left: 0;
  line-height: 120%;
  padding: 0 16px 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.story-card-deck {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 12px;
}
.story-card-date {
  font-weight: 300;
}
.story-card-img {
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.story-card-img-ctn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-self: flex-start;
  margin: 0 0 12px;
  position: relative;
  width: 100%;
}
.story-card-img-ctn-11 {
  padding-top: 100%;
}
.story-card-img-ctn-169 {
  padding-top: 56.25%;
}
.story-card-img-ctn-916 {
  padding-top: 177.7777777778%;
}
.story-card-img-ctn-43 {
  padding-top: 75%;
}
.story-card-img-ctn-34 {
  padding-top: 133.3333333333%;
}
.story-card-img-ctn-31 {
  padding-top: 33.3333333333%;
}
.story-card-img.with-scb {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.exclusive-img .story-card-img {
  border-radius: 0 0 9px 9px;
}
.bomb-img-ctn {
  margin: 0 0 8px -16px;
  padding-top: calc(33.33333% + 32px);
  position: relative;
  width: calc(100% + 32px);
}
.bomb-img-ctn .story-card-img {
  border-radius: 0;
}
.bomb-img-ctn .embed-match {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.media-icon {
  bottom: 12px;
  display: flex;
  height: 32px;
  left: 12px;
  position: absolute;
  width: 32px;
  z-index: 3;
}
.otf-chain-third-col .story-card-ctn .media-icon {
  width: 20px;
  height: 20px;
  left: 6px;
  bottom: 6px;
}
.bomb-icon {
  bottom: 16px;
  left: 16px;
}
.story-card-scb {
  border-top: 1px solid var(--white-100);
  height: 18.5625vw;
  margin: -13px 0 12px;
  width: 100%;
}
.story-card-scb iframe {
  height: 100%;
}
.story-card-scb:after {
  background-color: #000;
  border-radius: 0 0 3px 3px;
  content: "";
  height: 18.5625vw;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.story-card-scb.scb-with-sponsor {
  border-top: none;
  height: calc(18.5625vw + 24px);
  margin-top: -19px;
  z-index: 1;
}
.story-card-scb.scb-with-sponsor:after {
  height: calc(18.5625vw + 12px);
  margin-top: 7px;
}
.story-card-details-ctn {
  align-items: center;
  color: var(--gray-90);
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 12px;
  margin-top: auto;
}
.story-card-details-ctn.opinion-author {
  align-items: flex-end;
  row-gap: 6px;
}
.story-card-details-ctn.opinion-author .story-card-date {
  line-height: 100%;
  margin-bottom: 3px;
}
.story-card-ctn-with-separator {
  align-items: center;
  display: flex;
  gap: 6px;
}
.story-card-details-opinion-ctn {
  align-items: flex-end;
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
}
.story-card-details-top {
  display: none;
}
.story-card-author-ctn {
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  justify-content: left;
}
.story-card-author-name {
  color: var(--headlines);
  display: flex;
  font-weight: 500;
}
.story-card-author-opinion-ctn {
  align-items: center;
  display: flex;
  gap: 10px;
}
.story-card-author-opinion-ctn .author-image {
  align-items: center;
  margin: 0;
}
.story-card-author-opinion-ctn .story-card-author-opinion-title-author {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 3px 0;
}
.story-card-author-opinion-ctn .author-image img {
  border: 2px solid var(--orange-100);
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  width: 40px;
}
.story-card-author-opinion-ctn .story-card-author-ctn {
  font-size: 13px;
  font-style: normal;
  justify-content: left;
  line-height: 100%;
}
.story-card-author-opinion-ctn .story-card-author-name {
  width: -moz-max-content;
  width: max-content;
}
.story-card-author-correspondent-ctn {
  align-items: center;
  display: flex;
  gap: 12px;
}
.story-card-author-correspondent-ctn
  .story-card-author-correspondent-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 1;
}
.story-card-author-correspondent-ctn .story-card-author-ctn {
  justify-content: left;
}
.story-card-author-correspondent-ctn .story-card-send-from {
  color: var(--gray-90);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.story-card-author-opinion-title {
  color: var(--gray-90);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.story-card-live-ctn {
  background: var(--red-90);
  border-radius: 19px;
  color: #fff;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 1px;
  width: 76px;
}
.story-card-live-ctn,
.story-card-ring {
  align-items: center;
  display: flex;
  justify-content: center;
}
.story-card-ring {
  border-radius: 50%;
  border: 1px solid #d91023;
  box-sizing: content-box;
  height: 10px;
  width: 10px;
}
.story-card-dot {
  background-color: #fff;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.story-card-separator {
  font-size: 11px;
}
.story-card-big-img-ctn {
  border-radius: 0;
  margin-left: -16px;
  mix-blend-mode: multiply;
  width: calc(100% + 32px);
}
.story-card-big-img-ctn .story-card-img,
.story-card-big-img-ctn img {
  border-radius: 0;
}
.story-card-big-img-ctn .embed-match {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.three-elements-chain-big-card .story-card-hl {
  font-size: 24px;
}
.three-elements-chain-big-card .story-card-img-ctn {
  border-radius: 0;
  margin: 0 0 7px -16px;
  padding-top: calc(56.25% + 32px);
  position: relative;
  width: calc(100% + 32px);
}
.three-elements-chain-big-card .story-card-img {
  border-radius: 0;
}
.three-elements-chain-big-card .embed-match {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.three-elements-chain-big-card .media-icon {
  bottom: 16px;
  left: 16px;
}
.three-elements-chain-big-card .story-card-scb {
  height: 19.6875vw;
  margin: -13px -16px 12px;
  width: calc(100% + 32px);
}
.three-elements-chain-big-card .story-card-scb:after {
  height: 19.6875vw;
  margin: 0 -16px;
  width: 100vw;
}
.three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
  border-top: none;
  height: calc(19.6875vw + 24px);
  margin-top: -19px;
  z-index: 1;
}
.three-elements-chain-big-card .story-card-scb.scb-with-sponsor:after {
  height: calc(19.6875vw + 12px);
  margin-top: 12px;
}
.fwc__m .story-card-img-ctn {
  border-radius: 0;
  margin: 0 0 12px -16px;
  padding-top: calc(56.25% + 32px);
  position: relative;
  width: calc(100% + 32px);
}
.fwc__m .story-card-img {
  border-radius: 0;
}
.fwc__m .embed-match {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.default-chain-bg-color .bomb-img-ctn,
.five-cards-chain-bigcard .bomb-img-ctn,
.three-elements-chain-big-card .bomb-img-ctn {
  margin: 0 0 8px;
  padding-top: 33.3333333333%;
  position: relative;
  width: 100%;
}
.default-chain-bg-color .bomb-img-ctn .story-card-img,
.five-cards-chain-bigcard .bomb-img-ctn .story-card-img,
.three-elements-chain-big-card .bomb-img-ctn .story-card-img {
  border-radius: 3px;
}
.default-chain-bg-color .bomb-icon,
.five-cards-chain-bigcard .bomb-icon,
.three-elements-chain-big-card .bomb-icon {
  bottom: 20px;
  left: 12px;
}
.embed-match {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.hl-bomb {
  font-size: 25px;
}
.exclusive-img {
  margin-bottom: 0;
}
.story-card-section {
  color: var(--gray-90);
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 12px;
  margin-right: 6px;
}
.story-card-section svg {
  margin-bottom: 2px;
}
.story-card-sponsor-img-ctn {
  border-radius: 9px;
  height: 40px;
  left: 8px;
  max-width: 80px;
  overflow: clip;
  position: absolute;
  bottom: -20px;
  z-index: 1;
}
.badge.story-card-ctn-badge {
  padding: 0;
}
.badge-top.story-card-badge {
  margin-bottom: 12px;
}
.badge-top.story-card-badge .badge-cta {
  background: hsla(0, 0%, 100%, 0.8);
}
.tva-player-ctn {
  height: 100%;
  padding-top: calc(56.25% + 16.88px);
  position: relative;
  width: calc(100% + 32px);
  margin: 0 -16px 10px;
}
.tva-player-ctn > amp-video-iframe,
.tva-player-ctn > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tva-player-figcaption {
  color: #555;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  margin: 12px 0 16px;
  padding: 0 16px;
}
.ticker-ctn {
  align-items: center;
  border-bottom: 1px solid #d5d5d5;
  box-sizing: border-box;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  height: 32px;
  position: fixed;
  width: 100%;
  z-index: 3000;
}
.ticker-ctn-title {
  color: #1f1f1f;
  font-weight: 700;
  line-height: 20.8px;
  padding-left: 16px;
  text-transform: uppercase;
  grid-auto-columns: min-content;
}
.ticker-ctn img {
  height: 32px;
  padding-right: 16px;
  width: 100px;
  grid-column: 3/4;
}
.col-100 {
  grid-template-columns: 100%;
}
.col-10-80-10 {
  grid-template-columns: auto 1fr 100px;
}
.col-10-90 {
  grid-template-columns: auto 1fr;
}
.col-10-90 div.ticker {
  margin-right: 16px;
}
.col-90-10 {
  grid-template-columns: 1fr 100px;
}
.ticker-wrap {
  align-items: center;
  display: flex;
  height: 32px;
}
a.ticker-item {
  color: #1f1f1f;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  padding: 0 20px;
  width: -moz-max-content;
  width: max-content;
}
a.ticker-item:focus,
a.ticker-item:hover {
  color: #555;
}
div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
  border-right: 2px solid #d5d5d5;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item:focus,
div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item:hover {
  color: #555;
}
.grayBkg {
  background-color: #eaeaea;
  border: none;
}
.colorBkg {
  background-color: rgba(246, 142, 1, 0.05);
}
.redBkg {
  background-color: #b10000;
  border-bottom: 1px solid #fff;
}
.redBkg a.ticker-item,
.redBkg div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
  border-right: 2px solid #fff;
  color: #fff;
}
.redBkg .ticker-item {
  border-right: 2px solid #fff;
}
a.ticker-item.only-ticker-item {
  justify-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
a.ticker-item.only-ticker-item:focus,
a.ticker-item.only-ticker-item:hover {
  color: #555;
}
.title-bar {
  align-items: center;
  border-bottom: 1px solid var(--border-bottom-color);
  border-top: 2px solid #c2c2c2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.title-bar-orange {
  border-bottom: 2px solid var(--orange-100);
}
.title-bar-green {
  border-bottom: 2px solid var(--green-100);
}
.title-bar-red {
  border-bottom: 2px solid var(--red-permanent);
}
.title-bar-cyan {
  border-bottom: 2px solid var(--cyan-100);
}
.title-bar-black {
  border-bottom: 2px solid var(--black-100);
}
.title-bar.chain-child,
.title-bar.chain-child-exclusive {
  display: flex;
  justify-content: space-between;
}
.title-bar.chain-child-exclusive {
  border-color: #c2c2c2;
  padding: 18px 0;
}
.title-bar:has(.newsletter-chain-view-button, .title-bar-anchor-button) {
  gap: 16px;
}
a.title-bar-anchor-button {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-80);
  cursor: pointer;
  display: inline-flex;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 100%;
  padding: 6px 12px;
  text-transform: uppercase;
  text-wrap: nowrap;
  align-items: baseline;
}
.default-chain-ctn.exclusive-chain .title-bar {
  margin-bottom: 20px;
}
.title-bar-anchor {
  display: inline-flex;
  gap: 10px;
}
.title-bar-anchor h2 {
  color: var(--headlines);
}
.title-bar-text {
  align-items: center;
  align-self: flex-end;
  color: var(--gray-100);
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: inline-flex;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: -1px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 16px 0;
  text-transform: uppercase;
}
.title-bar-text h2 {
  font-size: 20px;
  margin: 0;
}
.exclusive-chain .title-bar-text {
  padding: 22px 0;
}
.title-bar-icon,
.title-bar-logo {
  height: 32px;
  max-height: 32px;
  max-width: 160px;
  -o-object-fit: cover;
  object-fit: cover;
}
.title-bar-logo {
  height: 32px;
  max-width: 80px;
}
.exclusive-chain .title-bar-logo {
  height: 40px;
  max-width: 100px;
}
.title-bar-logo-exclusive img {
  max-height: 32px;
  max-width: 200px;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
}
.title-bar-left-logo,
.title-bar-left-logo img {
  height: 32px;
  max-width: 138px;
}
.title-bar-logo-chain {
  display: none;
}
.title-bar-subtitle {
  color: var(--gray-100);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
}
.title-bar-exclusive-container {
  align-items: center;
  border: 1px solid var(--gray-80);
  border-radius: 100px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 6px 12px;
}
.title-bar-exclusive-container .exclusive-text {
  height: 17px;
  width: 109px;
}
.title-bar-exclusive-container .exclusive-text path {
  fill: var(--gray-100);
}
.title-bar-exclusive-container .infobae-logo {
  height: 17px;
  width: 69px;
}
.title-bar-icon picture > img {
  width: auto;
}
.title-bar-icon picture > img,
.title-bar-logo picture > img {
  max-height: 32px;
  max-width: 160px;
  -o-object-fit: contain;
  object-fit: contain;
}
.article .second-saved-buttons .button-save,
.article .second-saved-buttons .sharebar-buttons-separator {
  display: none;
}
.article .second-saved-buttons .sharebar-container {
  margin-bottom: 16px;
}
.election-summaryBarV2_Individual {
  height: 55px;
}
.election-summaryBarV2_4,
.election-summaryBarV2_4_Individual,
.election-summaryBarV2_Individual {
  display: flex;
  font-family: Roboto, sans-serif;
  padding: 4px 0;
  border: 1px solid var(--election-gray-40);
  border-radius: 9px;
}
.election-summaryBarV2Stat,
.election-summaryBarV2StatBorder {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 8px;
  width: 100%;
  justify-content: space-between;
  gap: 4px;
}
.election-summaryBarV2_4 > .election-summaryBarV2Stat,
.election-summaryBarV2_4 > .election-summaryBarV2StatBorder,
.election-summaryBarV2_4_Individual > .election-summaryBarV2Stat,
.election-summaryBarV2_4_Individual > .election-summaryBarV2StatBorder {
  width: 25%;
}
.election-summaryBarV2StatBorder {
  border-left: 1px solid var(--election-gray-40);
}
.election-summaryBarV2Stat > p,
.election-summaryBarV2StatBorder > p {
  margin: 0;
}
.election-summaryBarV2StatTitle {
  text-align: center;
  color: var(--election-gray-90);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
}
.election-summaryBarV2StatQty {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
  color: var(--election-gray-90);
}
.election-titlebar-tittlebarWhithTabs {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100%;
  justify-content: center;
}
.election-titlebar-tittlebarWhithoutTabs {
  align-items: center;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
  height: -moz-fit-content;
  height: fit-content;
}
.election-titlebar-tittlebarWhithoutTabs > .election-titlebar-container {
  width: -moz-max-content;
  width: max-content;
}
.election-titlebar-container {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
}
.election-titlebar-containerText {
  border-bottom: 2px solid var(--orange-100);
  display: flex;
  padding-bottom: 4px;
  width: -moz-max-content;
  width: max-content;
  flex-direction: row;
  margin-bottom: 12px;
  font-family: Roboto;
  color: var(--gray-100);
  font-size: 20px;
}
.election-titlebar-nameElection {
  font-weight: 700;
}
.election-titlebar-typeElection {
  border-left: 1px solid var(--election-gray-40);
  font-weight: 300;
  margin-left: 14px;
  padding-left: 14px;
  color: var(--election-gray-90);
}
.election-titlebar-containerBtn {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  max-width: -moz-max-content;
  max-width: max-content;
  width: -moz-max-content;
  width: max-content;
}
.election-titlebar-containerBtn::-webkit-scrollbar {
  display: none;
}
.election-titlebar-btn,
.election-titlebar-btnSelect {
  background-color: transparent;
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--election-gray-90);
  cursor: pointer;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  height: 33px;
  padding: 6px 12px;
  pointer-events: all;
  transition: transform 0.3s ease-in-out;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
.election-titlebar-btn:hover {
  color: var(--gray-100);
  padding: 6px 12px;
}
.election-titlebar-btn:active,
.election-titlebar-btn:hover,
.election-titlebar-btnSelect {
  background: var(--orange-30);
  border: 1px solid transparent;
}
.election-titlebar-btnSelect {
  color: var(--gray-100);
  font-weight: 500;
}
.circle-wrapper {
  align-items: center;
  display: flex;
  padding-left: 16px;
}
.news-title-trending {
  border-left: 4px solid #f68e01;
  font-weight: 700;
  margin: 0;
  padding-left: 12px;
}
.news-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.title-trending {
  font-family: Roboto;
  font-weight: 700;
  padding-bottom: 16px;
  width: 100%;
}
.title-trending svg {
  margin-right: 6px;
}
.trending-wrapper {
  border-radius: 5px;
  margin-bottom: 32px;
  padding: 16px;
  background-color: transparent;
}
.dark .trending-wrapper {
  background-color: transparent;
  border: 1px solid var(--gray-40);
}
.dark .trending-wrapper a {
  border-top: 1px solid var(--gray-40);
}
.dark .title-trending {
  color: var(--headlines);
}
.dark .title-trending svg g path {
  fill: #c4c7c5;
}
.dark .circle-wrapper svg rect {
  fill: var(--gray-20);
}
.dark .circle-wrapper svg path {
  fill: var(--orange-100);
}
.dark .news-title-trending {
  color: var(--gray-especial-deck);
}
.iframe-loading-ca {
  margin-bottom: 16px;
  margin-top: 20px;
}
.ca-title {
  margin-bottom: 16px;
}
.ca-ti,
.ca-title {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.ca-province {
  width: 200px;
}
.ca-province,
.ca-type {
  height: 40px;
  border-radius: 9px;
}
.ca-type {
  width: 104px;
}
.ca-co-title {
  display: none;
}
.ca-comparation {
  height: 30px;
}
.ca-comparation,
.ca-summary {
  width: 100%;
  border-radius: 9px;
  margin-bottom: 16px;
}
.ca-summary {
  height: 50px;
  display: flex;
  gap: 5px;
}
.ca-summary > div {
  height: 100%;
  width: 100%;
  border-radius: 9px;
}
.ca-cards {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.ca-cards > div {
  width: 100%;
  height: 130px;
  border-radius: 9px;
}
.ca-lema {
  width: 274px;
  height: 18px;
  border-radius: 9px;
  margin: 0 auto 16px;
}
.ca-more {
  width: 104px;
  height: 40px;
  border-radius: 9px;
  margin: 0 auto;
}
.map-title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
}
.map-position {
  width: 133px;
  height: 100%;
  border-radius: 9px;
}
.map-result {
  display: none;
}
.map-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 29px;
  margin-bottom: 16px;
}
.map-tabs-1 {
  width: 107px;
  height: 100%;
  border-radius: 9px;
}
.map-tabs-2,
.map-tabs-3,
.map-tabs-4,
.map-tabs-5,
.map-tabs-6 {
  display: none;
}
.map-summary {
  width: 100%;
  display: flex;
  height: 65px;
  gap: 10px;
  margin-bottom: 16px;
}
.map-summary > div {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.map-filters {
  height: 44px;
  margin-bottom: 6px;
}
.map-country,
.map-filters {
  width: 100%;
  border-radius: 9px;
}
.map-country {
  margin-bottom: 12px;
  height: 380px;
}
.map-card-title {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin-bottom: 16px;
}
.map-card-title > div {
  border-radius: 9px;
}
.map-updated {
  width: 180px;
  height: 100%;
  border-radius: 9px;
}
.map-comparation {
  width: 129px;
  height: 100%;
  border-radius: 9px;
}
.map-cards {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}
.map-cards > div {
  width: 100%;
  height: 116px;
  border-radius: 9px;
}
.map-cards-1,
.map-cards-2,
.map-cards-3 {
  display: block;
}
.map-cards-4 {
  display: none;
}
.map-more {
  width: 98px;
  height: 34px;
  margin: 0 auto 16px;
  border-radius: 9px;
}
.map-card-4 {
  display: none;
}
.map-balotaje-title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
}
.map-balotaje-position {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.map-balotaje-result {
  display: none;
}
.map-balotaje-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 29px;
  margin-bottom: 16px;
}
.map-balotaje-tabs-1 {
  width: 107px;
  height: 100%;
  border-radius: 9px;
}
.map-balotaje-tabs-2,
.map-balotaje-tabs-3,
.map-balotaje-tabs-4,
.map-balotaje-tabs-5,
.map-balotaje-tabs-6 {
  display: none;
}
.map-balotaje-summary {
  width: 100%;
  display: flex;
  height: 65px;
  gap: 10px;
  margin-bottom: 16px;
}
.map-balotaje-summary > div {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.map-balotaje-filters {
  width: 100%;
  height: 44px;
  margin-bottom: 6px;
  border-radius: 9px;
}
.map-balotaje-country {
  margin-bottom: 12px;
  width: 100%;
  height: 380px;
  border-radius: 9px;
}
.map-balotaje-card-title {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin-bottom: 16px;
}
.map-balotaje-card-title > div {
  border-radius: 9px;
}
.map-balotaje-updated {
  width: 180px;
  height: 100%;
  border-radius: 9px;
}
.map-balotaje-comparation {
  width: 129px;
  height: 100%;
  border-radius: 9px;
}
.map-balotaje-cards {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}
.map-balotaje-cards > div {
  width: 100%;
  border-radius: 9px;
}
.map-balotaje-cards-1,
.map-balotaje-cards-2 {
  display: block;
}
.map-balotaje-cards-1 {
  height: 206px;
}
.map-balotaje-cards-2 {
  height: 134px;
}
.map-balotaje-cards-4 {
  display: none;
}
.map-balotaje-more {
  width: 98px;
  height: 34px;
  margin: 0 auto 16px;
  border-radius: 9px;
}
.map-balotaje-card-4 {
  display: none;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.lds-spinner {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ffa516 94%, transparent) top/8px
      8px no-repeat,
    conic-gradient(transparent 30%, #ffa516);
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 8px),
    #000 0
  );
  mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 0);
  animation: s3 1s linear infinite;
}
.iframe-loading-spinner {
  display: grid;
  margin-bottom: 16px;
  place-items: center;
}
@keyframes s3 {
  to {
    transform: rotate(1turn);
  }
}
.electoralRoll {
  background: var(--gray-0);
  border: 1px solid var(--gray-40);
  border-radius: 9px;
  gap: 22px;
  margin-bottom: 16px;
  padding: 16px;
}
.electoralRoll,
.electoralRoll-top {
  display: flex;
  flex-direction: column;
}
.electoralRoll-top {
  align-items: center;
  gap: 12px;
}
.electoralRoll-cta {
  align-items: center;
  border: 1px solid var(--gray-60);
  border-radius: 100px;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 6px 12px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
.electoralRoll-cta-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
}
.electoralRoll-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 10px;
  text-align: center;
}
.electoralRoll-separator {
  background-color: var(--gray-40);
  border: none;
  height: 1px;
  margin-block-end: 0;
  margin-block-start: 0;
  width: 100%;
}
.electoralRoll-bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.electoralRoll-canonical {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}
.electoralRoll-canonical-title {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.electoralRoll-arrow {
  flex-shrink: 0;
  height: 22px;
  width: 22px;
}
.electoralRoll-votes-icon {
  height: 14px;
  width: 12px;
}
.identity-preferences {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.identity-preferences-list {
  display: grid;
  grid-template-columns: 1fr;
  margin: -1px -1px 28px;
  overflow: hidden;
  padding: 1px;
  place-items: center;
  row-gap: 24px;
}
.identity-preferences-item {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.identity-preferences-item-name {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
}
.identity-preferences-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--orange-20);
  border-color: transparent;
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  margin: 24px auto;
  padding: 8px 16px;
  width: auto;
}
.identity-preferences-button:not(:disabled):active {
  background-color: var(--orange-30);
}
.identity-preferences-button:disabled {
  background-color: var(--gray-10);
  color: var(--gray-60);
  cursor: not-allowed;
}
.switch {
  background: var(--switch-background);
  border-radius: 100px;
  border: none;
  cursor: pointer;
  display: flex;
  max-height: 22px;
  outline: 1px solid var(--gray-40);
  padding: 3px 4px;
  width: 44px;
}
.switch-circle-disable,
.switch-circle-enable {
  border-radius: 100px;
  height: 16px;
  transition: transform 0.1s linear;
  width: 16px;
}
.switch-circle-enable {
  background-color: var(--circle-background-enable);
  transform: translateX(20px);
}
.switch-circle-disable {
  background: var(--circle-background-disable);
}
.switch:has(.switch-circle-enable) {
  background: rgba(246, 142, 1, 0.6);
}
.card-ll-layout {
  border-bottom: 2px solid var(--gray-60);
  border-top: 2px solid var(--gray-60);
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px 0;
}
.card-ll-layout .story-card-live-ctn {
  line-height: 1.7;
  margin-bottom: 12px;
  margin-top: 20px;
}
.card-ll-layout .ReactYoutube-PlayAwait.ReactYoutube-fadeDone {
  height: 100%;
}
.card-ll-layout .jwplayer-ctn {
  margin: 0 0 10px;
  padding-top: 56.25%;
  position: relative;
  transform: none;
  width: 100%;
}
.card-ll-youtube {
  aspect-ratio: 16/9;
  border: none;
  border-radius: 9px;
  top: 0;
  width: 100%;
}
.card-ll-ctn-video,
.card-ll-youtube {
  position: relative;
}
.card-ll-ctn-video .card-ll-poster-youtube {
  aspect-ratio: 16/9;
  border-radius: 9px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.card-ll-ctn-video .card-ll-play {
  background-color: #212121;
  border-radius: 14%;
  border: 0;
  height: 46px;
  left: 50%;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 70px;
  z-index: 1;
}
.card-ll-ctn-video .card-ll-play:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 11px 0 11px 19px;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.card-ll-ctn-video:hover .card-ll-play {
  background-color: red;
  opacity: 1;
}
.card-ll-author-ctn {
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  justify-content: flex-start;
  margin-top: 12px;
}
.card-ll-author-name {
  font-weight: 500;
}
.card-ll-author-name,
.card-ll-ctn {
  color: var(--gray-100);
  display: flex;
}
.card-ll-ctn {
  align-content: center;
  flex-direction: column;
  width: 100%;
}
.card-ll-hl {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
}
.card-ll-hl,
.card-ll-hl-default-color {
  color: var(--gray-100);
}
.card-ll-deck {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 12px;
}
.card-ll-deck,
.card-ll-deck-default-color {
  color: var(--gray-90);
}
.card-ll-badge > .live-notice-link-badge-theme-2 {
  background-color: var(--gray-90);
  color: var(--gray-0);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: normal;
  margin-bottom: 12px;
  margin-top: 20px;
  padding: 6px 12px;
  text-align: center;
}
.card-ll-badge
  > .live-notice-link-badge-theme-2
  > .big-circle-theme-1.blinker-white {
  display: none;
}
.card-ll-img {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.card-ll-img-ctn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-self: flex-start;
  margin: 0 -16px;
  position: relative;
  width: calc(100% + 32px);
}
.card-ll-img-ctn-11 {
  aspect-ratio: 1/1;
  padding-top: 100%;
}
.card-ll-img-ctn-169 {
  aspect-ratio: 16/9;
  padding-top: 56.25%;
}
.card-ll-img-ctn-916 {
  aspect-ratio: 9/16;
  padding-top: 177.7777777778%;
}
.card-ll-img-ctn-43 {
  aspect-ratio: 4/3;
  padding-top: 75%;
}
.card-ll-img-ctn-34 {
  aspect-ratio: 3/4;
  padding-top: 133.3333333333%;
}
.card-ll-img-ctn-31 {
  aspect-ratio: 3/1;
  padding-top: 33.3333333333%;
}
.card-ll-img-ctm,
.card-ll-layout > .card-ll-youtube-wraper > .ReactYoutube,
.card-ll-layout > .jwplayer-ctn > div {
  border-radius: 6px;
  overflow: hidden;
}
.card-ll-layout > .card-ll-youtube-wraper {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.card-ll-layout > .card-ll-youtube-wraper > .ReactYoutube {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.card-ll-recommended-list {
  list-style: initial;
  padding-inline-start: 1rem;
}
.card-ll-recommended-list.live-blogging {
  list-style: none;
  margin-left: 5px;
}
.card-ll-recommended-item {
  color: var(--gray-90);
  margin-bottom: 12px;
}
.card-ll-recommended-link {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.card-ll-liveblogging-entry {
  position: relative;
}
.card-ll-liveblogging-entry > svg {
  left: -16px;
  position: absolute;
  top: 1px;
  width: 12px;
}
.card-ll-liveblogging-entry.card-ll-is-pinned > svg {
  top: 2px;
}
.card-ll-sponsors {
  display: grid;
  gap: 12px;
  grid-template-rows: auto 40px;
  margin-bottom: 20px;
}
.card-ll-sponsors-ctn {
  display: flex;
}
.card-ll-sponsors-text {
  color: var(--black-100);
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.card-ll-sponsor {
  border-radius: 3px;
  height: 100%;
  max-width: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}
.card-ll-sponsor-ctn {
  border-radius: 3px;
  height: 40px;
  max-width: 80px;
  width: -moz-max-content;
  width: max-content;
}
.card-ll-sponsor-divider {
  background-color: var(--gray-40);
  height: 100%;
  margin: 0 16px;
  width: 1px;
}
.card-ll-pinned-anchor {
  display: block;
  font-weight: 300;
  margin-top: 8px;
}
.card-ll-pinned-hour {
  color: var(--gray-100);
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.ReactYoutube {
  aspect-ratio: 16/9;
  border-radius: 3px;
  overflow: hidden;
}
.register-preferences {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  width: 100%;
}
.register-preferences-title {
  color: var(--gray-100);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: center;
}
.register-preferences-desc {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 20px;
  text-align: center;
}
.register-preferences-list {
  display: grid;
  grid-template-columns: 1fr;
  margin: -1px -1px 28px;
  overflow: hidden;
  padding: 1px;
  place-items: center;
  row-gap: 24px;
}
.register-preferences-item {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.register-preferences-item-name {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
}
.register-preferences-switch {
  background: var(--gray-0);
  border-radius: 100px;
  border: none;
  cursor: pointer;
  display: flex;
  max-height: 22px;
  outline: 1px solid var(--gray-40);
  padding: 3px 4px;
  width: 44px;
}
.register-preferences-circle-disable,
.register-preferences-circle-enable {
  background: var(--gray-60);
  border-radius: 100px;
  height: 16px;
  transition: transform 0.1s linear;
  width: 16px;
}
.register-preferences-circle-enable {
  background-color: var(--orange-100);
  transform: translateX(20px);
}
.register-preferences-buttons {
  display: flex;
  justify-content: space-between;
}
.register-preferences-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  border-style: solid;
  border-color: transparent;
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
  gap: 6px;
}
.register-preferences-button.back {
  background-color: var(--white-100);
  color: var(--gray-60);
  border-color: var(--gray-50);
}
.register-preferences-button.finish {
  background-color: var(--orange-20);
}
.register-preferences-button.finish:not(:disabled):active {
  background-color: var(--orange-30);
}
.register-preferences-button.finish:disabled {
  background-color: var(--gray-10);
  color: var(--gray-60);
  cursor: not-allowed;
}
.register-preferences-button.finish:disabled svg path {
  fill: var(--gray-60);
}
.register-verification {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 16px;
  background: transparent;
}
.register-verification-title {
  color: var(--gray-100);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
  text-align: center;
}
.register-verification-desc {
  font-weight: 300;
  margin-bottom: 16px;
  margin-top: 16px;
}
.register-verification-desc,
.register-verification-email {
  color: var(--gray-90);
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}
.register-verification-email {
  font-weight: 500;
  margin-bottom: 20px;
}
.register-verification-inquiry {
  color: var(--gray-80);
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 16px;
  text-align: center;
}
.register-verification-button {
  align-items: center;
  align-self: stretch;
  background: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
}
.register-verification-button:disabled {
  background-color: var(--gray-10);
  color: var(--gray-60);
  cursor: not-allowed;
}
.register-verification .svg-icon {
  height: 56px;
  width: 56px;
}
.raffle-register-event:has(.register-verification) {
  grid-template-rows: repeat(2, auto);
}
.raffle-register-event:has(.register-verification) .login-default-card {
  background-color: var(--orange-0);
}
.register-congrats {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: var(--orange-0);
  padding: 24px 16px;
}
.register-congrats > svg {
  width: 75px;
  height: 80px;
}
.register-congrats-title {
  color: var(--gray-100);
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
}
.register-congrats-desc,
.register-congrats-title {
  text-align: center;
  line-height: 130%;
  margin-bottom: 16px;
}
.register-congrats-desc {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
}
.register-congrats-message {
  color: var(--gray-90);
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 32px;
}
.register-congrats-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
}
.register-congrats-button:active {
  background-color: var(--orange-30);
}
.raffle-card {
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  overflow: hidden;
  width: 100%;
}
.raffle-card-img-ctn {
  display: flex;
  position: relative;
}
.raffle-card-chip {
  align-items: center;
  background: var(--gray-10);
  border-radius: 100px;
  bottom: 10px;
  color: var(--gray-90);
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  padding: 4px 8px;
  position: absolute;
  right: 10px;
  text-align: center;
  z-index: 4;
}
.raffle-card-body {
  border-radius: 0 0 9px 9px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 10px;
}
.raffle-card-title {
  color: var(--gray-100);
  font-size: 22px;
  font-weight: 700;
  line-height: 132%;
  margin-bottom: 12px;
}
.raffle-card-descp {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 20px;
}
.raffle-card-button,
.raffle-card-button-loading,
.raffle-card-button-registered {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  margin-top: auto;
  padding: 8px 16px;
  width: 100%;
}
.raffle-card-button:active {
  background-color: var(--orange-30);
}
.raffle-card-button:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.raffle-card-button:hover svg path {
  stroke: var(--orange-80);
}
.raffle-card-button-registered {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.raffle-card-button-registered svg path {
  stroke: var(--orange-80);
}
.raffle-card-button-loading:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--orange-80);
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.info-card-container {
  border-radius: 9px;
  border: 1px solid var(--gray-40);
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 16px;
  width: 100%;
}
.info-card-container,
.info-card-top {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.info-card-top {
  justify-content: center;
}
.info-card-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
.info-card-description,
.info-card-title {
  color: var(--gray-100);
  font-style: normal;
  text-align: center;
}
.info-card-description {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}
.info-card-button {
  align-items: center;
  background-color: var(--orange-10);
  border-radius: 100px;
  border: 1px solid var(--orange-60);
  box-sizing: border-box;
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.02;
  padding: 8px 16px;
}
.info-card-button:hover {
  cursor: pointer;
}
.info-card-icon-wrapper {
  display: block;
  width: 44px;
  height: 44px;
}
.info-card-icon {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.info-card-container.info-card-container-for-iframe {
  margin-bottom: 0;
}
.outlined-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.outlined-input-icon,
.outlined-input-icon-start {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 9px;
  display: flex;
  height: 41px;
  justify-content: center;
  outline: none;
  padding: 0 10px 0 24px;
  position: absolute;
  right: 2px;
  top: 1px;
}
.outlined-input-icon-start > .close-eye,
.outlined-input-icon-start > .open-eye,
.outlined-input-icon > .close-eye,
.outlined-input-icon > .open-eye {
  height: 11px;
  width: 18px;
}
.outlined-input-icon-start > .close-eye,
.outlined-input-icon > .close-eye {
  height: 9px;
}
.button.outlined-input-icon-start,
.outlined-input-icon.button {
  cursor: pointer;
}
.outlined-input-icon-start {
  border-radius: 100px 0 0 100px;
  height: -moz-min-content;
  height: min-content;
  left: 16px;
  padding: 0;
  top: 20px;
  width: -moz-min-content;
  width: min-content;
}
.outlined-input input {
  background-color: transparent;
  border: 1px solid var(--border-input);
  border-radius: 9px;
  color: var(--color-text-input);
  font-family: inherit;
  font-weight: 400;
  line-height: 20px;
  outline: none;
  padding: 11px 12px;
  transition: border-color 0.1s ease-in-out;
  width: 100%;
}
.outlined-input input:-webkit-autofill,
.outlined-input input:-webkit-autofill:active,
.outlined-input input:-webkit-autofill:focus,
.outlined-input input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px var(--white-100) inset;
  -webkit-text-fill-color: var(--color-text-input);
}
.outlined-input label {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 9px;
  color: #777;
  display: flex;
  font-size: 14px;
  height: 21px;
  left: 10px;
  padding: 0 5px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: top 0.1s ease-in-out, font-size 0.1s ease-in-out,
    height 0.1s ease-in-out;
  width: calc(100% - 20px);
}
.outlined-error input {
  border-color: var(--red-permanent);
}
.outlined-error label {
  color: var(--red-permanent);
  top: 30%;
}
.outlined-error span {
  color: var(--red-permanent);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 4px;
  padding-left: 12px;
}
.outlined-error {
  margin-bottom: 0;
}
.outlined-has-content input + label,
.outlined-input input:focus + label {
  font-size: 12px;
  height: auto;
  top: 0;
  width: auto;
}
.outlined-input input:disabled {
  background-color: var(--gray-10);
  color: var(--gray-60);
  cursor: not-allowed;
}
.react-datepicker-wrapper {
  margin: 0 0 20px;
  width: 100%;
}
.react-datepicker-wrapper .outlined-input {
  margin-bottom: 0;
}
.react-datepicker-popper[data-placement^="bottom"] {
  padding: 0;
}
.background-feature-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.background-feature-card-ctn {
  padding-top: 56.25%;
  position: relative;
}
.background-feature-card-title {
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 9px 9px 0 0;
  height: 100%;
  padding: 16px 8px;
}
.background-feature-card-title-text {
  color: var(--gray-100);
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
}
.background-feature-card-img {
  border-radius: 0 0 9px 9px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.background-feature-card-full-width-img {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.background-feature-card-full-width-img .background-feature-card-img {
  border-radius: 6px;
}
.background-video {
  margin: 0 0 16px -16px;
  padding: 16px;
  position: relative;
  width: calc(100% + 32px);
}
.background-video,
.background-video-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.background-video-left {
  height: 100%;
  width: 100%;
}
.background-video-left-description {
  color: #f68e01;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0;
}
.background-video-left-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.background-video-left-sponsors-logo {
  align-self: center;
  max-height: 22px;
  min-height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.background-video-left-logo-img {
  height: auto;
  max-height: unset;
  max-width: 100px;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}
.background-video-left-logo-tr-img {
  height: auto;
  max-height: unset;
  max-width: 75px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.background-video-right {
  width: 100%;
}
.background-video-right .rawHTML {
  display: flex;
  height: auto;
  margin: 0;
}
.background-video-right .swiper-pagination-bullet,
.background-video-right .swiper-pagination-bullet-active {
  background-color: var(--white-100);
}
.background-video-right-swiper {
  position: static;
  width: 100%;
}
.background-video-right .swiper-pagination {
  bottom: 0;
  position: relative;
}
.background-video-right .jwplayer-ctn {
  height: 100%;
  margin: 0;
  padding-top: 56.25%;
  width: calc(100% - 2px);
}
.background-video-right .jwplayer-ctn > div {
  height: 100%;
}
.background-video-right .jwplayer-ctn > div > div {
  height: 100% !important;
}
.background-video-right .jwplayer-ctn > div .jw-wrapper {
  border: 1px solid var(--white-100);
}
.background-video-right .jwplayer-ctn > div .jw-controls,
.background-video-right .jwplayer-ctn > div .jw-controls-backdrop,
.background-video-right .jwplayer-ctn > div .jw-media video,
.background-video-right .jwplayer-ctn > div .jw-preview,
.background-video-right .jwplayer-ctn > div .jw-wrapper {
  border-radius: 6px;
}
.background-video .bg-deck-upperCase {
  text-transform: uppercase;
}
.background-video .bg-deck-black {
  color: #1f1f1f;
}
.background-video .bg-deck-orange {
  color: #f68e01;
}
.background-video .bg-deck-white {
  color: #fff;
}
.background-video-sponsors-logo {
  height: 22px;
  max-width: 568px;
  -o-object-fit: contain;
  object-fit: contain;
}
.b-f-title-default {
  font-size: 22px;
}
.b-f-title-small {
  font-size: 18px;
}
.b-f-title-black {
  color: #1f1f1f;
}
.b-f-title-orange {
  color: #f68e01;
}
.b-f-title-white {
  color: #fff;
}
.next-arrow-bfv,
.prev-arrow-bfv {
  display: none;
}
.exclusive-video-yt {
  aspect-ratio: 16/9;
  border: 1px solid var(--white-100);
  border-radius: 6px;
  height: auto;
  width: calc(100% - 2px);
}
.background-video-left-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.background-video-left-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.backgroundClass {
  padding-top: 16px;
}
.dynamic-chain {
  display: flex;
  flex-direction: column;
  margin: 0 -16px 24px;
}
.dynamic-chain.causa-cuadernos-overflowing {
  position: none;
}
.dynamic-chain .sponsor-logo.title-bar-logo {
  margin-bottom: 18px;
}
.dynamic-chain-divider-top {
  display: flex;
  justify-content: center;
  margin: 0 16px 24px;
  border-top: 2px solid;
}
.dynamic-chain-divider-bottom {
  display: flex;
  justify-content: center;
  margin: 24px 16px 0;
  border-bottom: 2px solid;
}
.dynamic-chain-divider-bottom-main-story {
  display: flex;
  height: 2px;
  justify-content: center;
  margin: 0 10px 24px;
}
.dynamic-chain .borderClass {
  border-bottom: 1px solid;
}
.dynamic-chain .simple-story {
  border: none;
}
.dynamic-chain .title-bar.chain-child {
  margin: 0 16px 12px;
  border-top: none;
}
.dynamic-chain-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  width: 100%;
}
.dynamic-chain-main-anchor-img {
  position: relative;
}
.dynamic-chain-main-anchor-img .story-card-video {
  border-radius: 0;
}
.dynamic-chain-main-anchor-img:has(iframe) {
  padding-bottom: 0;
  width: 100%;
}
.dynamic-chain-main-anchor-img .story-card-scb {
  border-top: none;
  bottom: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: min(17vw, 99px);
}
.dynamic-chain-main-anchor-img .story-card-scb.scb-with-sponsor {
  height: min(23vw, 141px);
}
.dynamic-chain-main-img {
  width: 100%;
}
.dynamic-chain-main-img-cuadernos-contained,
.dynamic-chain-main-img-cuadernos-overflowing {
  background-image: url(../images/D6KV3NA43JFP5MYKWTTL6WF5CI.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  max-height: auto;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.dynamic-chain-main-img-cuadernos-overflowing {
  top: 0;
}
.dynamic-chain-main-info {
  z-index: 10;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
}
.dynamic-chain-main-info.causa-cuadernos-contained {
  position: relative;
  background-color: var(--white-100);
}
.dynamic-chain-main-info.causa-cuadernos-contained .reserved-space {
  height: 50px;
}
.dynamic-chain-main-info.causa-cuadernos-overflowing-iner {
  position: relative;
  background-color: var(--white-100);
}
.dynamic-chain-main-info.causa-cuadernos-overflowing-iner .reserved-space {
  height: 80px;
}
.dynamic-chain-main-info .txtc-true {
  text-align: center;
}
.dynamic-chain-main-info .centered {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
}
.dynamic-chain-main-info .dk-big {
  font-size: 16px;
}
.dynamic-chain-main-info-promo {
  display: flex;
  margin-bottom: 16px;
}
.dynamic-chain-main-info-promo:not(:has(img)) {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 500;
  line-height: 132%;
}
.dynamic-chain-main-info-external-logo {
  max-height: 44px;
}
.dynamic-chain-main-info-logo {
  max-width: 130px;
}
.dynamic-chain-main-info h2 {
  color: var(--gray-100);
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: center;
}
.dynamic-chain-main-info p {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}
.dynamic-chain-main .hl-big {
  font-size: 28px;
}
.dynamic-chain-main .story-card-ring {
  align-items: center;
  border-radius: 50%;
  border: 1px solid #d91023;
  box-sizing: content-box;
  display: flex;
  height: 10px;
  justify-content: center;
  width: 10px;
}
.dynamic-chain-main .story-card-dot {
  background-color: #fff;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.dynamic-chain-main .blinker-live-white {
  animation: blinkerLiveWhite 3s linear infinite;
}
.dynamic-chain-main .blinker-live-red {
  animation: blinkerLiveRed 3s linear infinite;
}
.dynamic-chain-main .story-card-live-ctn {
  margin-top: 12px;
  padding: 3px;
}
.dynamic-chain-main-causa-cuadernos {
  position: relative;
}
.dynamic-chain-main-causa-cuadernos .badge-causa-cuadernos {
  height: 98.16px;
  max-height: auto;
  width: 196px;
}
.dynamic-chain-main-causa-cuadernos .dynamic-chain-main-info-promo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: 15%;
  margin-bottom: 0;
  position: absolute;
  top: 35%;
}
.dynamic-chain-main-causa-cuadernos .dynamic-chain-main-info-promo p {
  line-height: 1;
  font-family: Sometype Mono;
  font-size: 13px;
  font-weight: 500;
}
.dynamic-chain-main-causa-cuadernos .dynamic-chain-main-info-promo .badge,
.dynamic-chain-main-causa-cuadernos .dynamic-chain-main-info-promo .badge-cta {
  border: none;
  padding: 0;
  margin: 0;
}
.dynamic-chain-main-causa-cuadernos
  .dynamic-chain-main-info-promo
  .count-down-cuadernos
  .badge-cta-text {
  gap: 4px;
}
.dynamic-chain-main-causa-cuadernos
  .dynamic-chain-main-info-promo
  .count-down-cuadernos
  b {
  color: #1f1f1f;
  font-family: Sometype Mono;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.dynamic-chain-main-causa-cuadernos
  .dynamic-chain-main-info-promo
  .count-down-cuadernos
  p {
  font-family: Sometype Mono;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #1f1f1f;
}
.dynamic-chain-main-causa-cuadernos .causa-cuaderno-text p {
  color: #1f1f1f;
}
.dynamic-chain-small-ctn {
  display: flex;
  flex-direction: column;
}
.dynamic-chain-small {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
}
.dynamic-chain-small-anchor-img {
  width: 100px;
  height: auto;
  border-radius: 3px;
}
.dynamic-chain-small-img {
  border-radius: 3px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
}
.dynamic-chain-small-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 12px;
}
.dynamic-chain-small-info-promo {
  margin-bottom: 22px;
}
.dynamic-chain-small-info h2 {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.dynamic-chain-small-info p {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.dynamic-chain-small-info p b {
  font-weight: 500;
}
.dynamic-chain-small-two {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
}
.dynamic-chain-small-two-anchor-img {
  aspect-ratio: 1/1;
  width: 100px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3px;
}
.dynamic-chain-small-two-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dynamic-chain-small-two-info h2 {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.dynamic-chain-divider {
  background-color: var(--gray-40);
  height: 1px;
  margin: 20px auto;
  width: calc(100% - 32px);
}
.dynamic-chain-divider:last-child {
  margin: 20px auto 0;
}
.dynamic-chain .media-icon {
  width: 24px;
  height: 24px;
}
.raffle-newsletter {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  width: 100%;
}
.raffle-newsletter-image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 245px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.raffle-newsletter-icon {
  margin-bottom: 16px;
}
.raffle-newsletter-icon svg {
  height: 50px;
  width: 50px;
}
.raffle-newsletter-subscribed {
  background: #fff9f2;
}
.raffle-newsletter-subscribed .raffle-newsletter-wrapper {
  border: 1px solid #f9b04d;
  border-top: none;
}
.raffle-newsletter-wrapper {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 1px solid #d5d5d5;
  border-top: 0 solid #d5d5d5;
  padding: 16px 38px;
}
.raffle-newsletter-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 16px;
}
.raffle-newsletter-description {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.raffle-newsletter-button {
  align-items: center;
  background-color: var(--button-alert-background);
  border-radius: 100px;
  border: 1px solid var(--button-alert-border);
  color: var(--button-alert-text);
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  margin-top: 16px;
  min-width: 119px;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}
.raffle-newsletter-button:active,
.raffle-newsletter-button:focus,
.raffle-newsletter-button:hover {
  background-color: var(--button-alert-hover-bg);
  border: 1px solid var(--button-alert-hover-bor);
  color: var(--button-alert-text);
}
.thrd-pty-ch {
  background: var(--white-100);
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 16px;
}
.thrd-pty-ch,
.thrd-pty-ch-ctn {
  align-items: center;
  display: flex;
  gap: 16px;
  height: auto;
}
.thrd-pty-ch-ctn {
  flex-direction: row;
  width: calc(100% - 32px);
}
.lnk-icon-arrow {
  border-radius: 100px;
  min-height: 32px;
  min-width: 32px;
}
.lnk-icon-arrow rect {
  stroke: var(--gray-50);
}
.lnk-icon-arrow path {
  fill: var(--gray-50);
}
.glo-wsp-icon {
  min-height: 48px;
  min-width: 48px;
}
.thrd-pty-txt {
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  width: calc(100% - 48px);
}
.g-nws-tg {
  align-items: center;
  background: var(--gray-0);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  display: flex;
  gap: 16px;
  height: 48px;
  justify-content: center;
  padding: 12px 24px;
}
.g-nws-tg,
.g-nws-tg-icon {
  width: 48px;
}
.thrd-pty-wgn {
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
}
.thrd-pty-wgn .thrd-pty-ch {
  margin-bottom: 0;
}
.thrd-pty-ch:hover {
  background: var(--gray-10);
}
.thrd-pty-ch:hover .lnk-icon-arrow {
  background: var(--gray-50);
}
.thrd-pty-ch:hover .lnk-icon-arrow-path {
  fill: var(--gray-10);
}
.ER {
  height: auto;
  margin: 0 auto;
  max-width: 564px;
  padding: 32px 0;
  width: 100%;
}
.ER .logo-bajalibros {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.ER > svg {
  display: block;
  margin: 0 auto 32px;
  max-width: 344px;
  width: 100%;
}
.ER > .lds-ctn {
  height: calc(100% - 167px);
}
.ER-description {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 32px;
  text-align: center;
}
.ER-container {
  align-items: center;
  background: var(--white-100);
  border: 1px solid var(--gray-40);
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  width: 100%;
}
.ER-regsitry-title {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 0;
  text-align: center;
}
.ER-registry-divider {
  background-color: var(--gray-40);
  height: 1px;
  margin: 24px 0;
  width: 100%;
}
.ER-registry-divider.ER-mt-0 {
  margin-top: 0;
}
.ER-registry-inputs-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ER-buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.ER-buttons-beetwen {
  color: var(--gray-80);
  justify-content: space-between;
}
.ER-button {
  align-items: center;
  background-color: var(--white-100);
  border: none;
  color: var(--gray-80);
  cursor: pointer;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 16px;
  text-align: right;
}
.ER-button:disabled {
  color: var(--gray-60);
  cursor: not-allowed;
}
.ER-preferences-list {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  row-gap: 12px;
  width: 100%;
}
.ER-preferences-item {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  width: 100%;
}
.ER-preferences-item > p {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.ER-preferences-divider {
  display: none;
}
.ER-confirm {
  background: var(--orange-0);
  border-color: var(--orange-70);
}
.ER-confirm-title {
  color: var(--gray-100);
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 12px;
  margin-top: 32px;
  text-align: center;
}
.ER-confirm-description {
  color: var(--gray-90);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 20px;
  text-align: center;
}
.ER-confirm-message {
  color: var(--gray-90);
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 32px;
  text-align: center;
}
.ER-confirm-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
}
.ER-confirm-button:active {
  background-color: var(--orange-30);
}
.ER-confirm-button:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.RI {
  height: auto;
  margin: 0 auto;
  max-width: 820px;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.RI,
.RI > a {
  width: 100%;
}
.RI > a {
  display: inline-flex;
  justify-content: center;
}
.RI > svg {
  display: block;
  margin: 0 auto 32px;
  max-width: 344px;
  width: 100%;
}
.RI-description {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}
.RI-container {
  background: var(--white-100);
  border: 1px solid var(--gray-40);
  border-radius: 18px;
  height: auto;
  padding: 24px;
  width: 100%;
}
.RI-confirm {
  align-items: center;
  background: var(--orange-0);
  border-color: var(--orange-70);
  display: flex;
  flex-direction: column;
  gap: 44px;
  justify-content: space-between;
  min-height: unset;
}
.RI-registry-header {
  margin-bottom: 20px;
}
.RI-registry-title {
  color: var(--headlines);
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.RI-registry-description,
.RI-registry-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  text-align: center;
  width: 100%;
}
.RI-registry-description {
  color: var(--sub-headlines);
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}
.RI-buttons-container {
  display: flex;
  flex-direction: column;
}
.RI-buttons-container .login-form-or-ctn {
  font-size: 14px;
}
.RI-buttons-container .login-form-need-registration {
  margin-bottom: 0;
  margin-top: 0;
}
.RI-buttons-container .login-form-social-button {
  margin-bottom: 16px;
}
.RI-confirm-title {
  color: var(--gray-100);
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 12px;
  text-align: center;
}
.RI-confirm-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.RI-confirm-container > svg {
  display: block;
  height: 56px;
  width: 56px;
}
.RI-confirm-description {
  font-weight: 300;
}
.RI-confirm-description,
.RI-confirm-email {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 0;
  text-align: center;
}
.RI-confirm-email {
  font-weight: 500;
}
.RI-confirm-message {
  color: var(--gray-90);
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 32px;
  text-align: center;
}
.RI-confirm-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: var(--white-100);
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
}
.RI-confirm-button:active {
  background-color: var(--orange-30);
}
.RI-confirm-button:hover {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.RI-confirm-button-long {
  width: 100%;
}
.RI-verification-inquiry {
  color: var(--gray-80);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 0;
}
.RI .outlined-input input {
  min-height: 46px;
}
.RI .outlined-input {
  position: relative;
}
.RI .login-form-field-ctn .field-select-outlined.outlined-error:before {
  top: 32%;
}
.RI .login-form-field-ctn .field-select:before {
  top: 45%;
  transform: translateY(-50%) rotate(45deg);
}
.RI .register-preferences {
  background: var(--white-100);
  border-radius: 18px;
  border: 1px solid var(--gray-40);
  height: auto;
  padding: 24px;
  width: 100%;
}
.RI .tooltip-ctn {
  bottom: calc(100% - 9px);
  position: absolute;
  right: 0;
  width: -moz-max-content;
  width: max-content;
}
.modal-bj {
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  height: 100vh;
  inset: 0;
  padding: 24px;
  place-items: center;
  position: fixed;
  width: 100vw;
  z-index: 9999;
}
.modal-bj-content {
  background-color: #fff;
  border: 1px solid var(--gray-40);
  border-radius: 18px;
  color: var(--gray-80);
  max-width: 500px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.modal-bj-content-close {
  all: unset;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  outline: none;
  position: absolute;
  right: 24px;
  top: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.modal-bj-content-title {
  color: var(--gray-100);
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  padding: 0 20px;
  text-align: center;
}
.modal-bj-content-separator {
  background-color: var(--gray-40);
  display: block;
  height: 0.5px;
  margin-top: 16px;
  width: 100%;
}
.modal-bj-content-text {
  color: var(--gray-90);
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 16px auto 0;
  max-width: 450px;
  text-align: center;
}
.modal-bj-content-text span {
  color: var(--gray-100);
  font-weight: 700;
}
.modal-bj-content-link {
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 32px;
  padding: 8px;
  text-align: center;
  width: 100%;
}
.saved-notes-container {
  padding-bottom: 16px;
}
.saved-notes .feed-list-card {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 8px 0;
}
.saved-icon {
  margin: 3px;
  padding-left: 2px;
  width: 100%;
}
.saved-icon path {
  stroke: var(--gray-90);
}
.saved-icon.saved path {
  fill: var(--gray-90);
}
.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30200;
}
.no-notes-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.no-notes-message {
  color: var(--gray-80);
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 16px;
  text-align: center;
}
.no-notes-subtitle {
  color: var(--background-shared-btn);
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 72px;
  text-align: center;
}
.saved-notes-modal {
  background-color: var(--white-100);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  left: 50%;
  max-width: 400px;
  padding: 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  z-index: 35000;
}
.close-button {
  color: var(--gray-60);
  display: flex;
  flex-direction: row-reverse;
}
.buttons-content {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
}
.save-notes-card {
  position: relative;
}
.saved-notes-modal-title {
  color: var(--gray-90);
  font-size: 18px;
  font-weight: 700;
  line-height: 23.4px;
  margin: 0;
  padding-bottom: 20px;
  text-align: center;
}
.saved-notes-button {
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
  height: 35px;
  width: 171px;
}
.saved-notes-button:hover {
  background-color: var(--gray-10);
}
.saved-notes-counter {
  display: none;
}
.saved-notes .feed-list-card-headline-lean {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 63px;
}
.saved-notes .col1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
}
.saved-notes .feed-list-card .col2 {
  max-height: 98.4px;
  max-width: 98.4px;
  min-height: 98.4px;
  min-width: 98.4px;
  padding-top: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.saved-notes .feed-list-card .col2 .feed-list-image {
  height: 98.4px;
  width: 98.4px;
}
.saved-notes .feed-list-card .col2 img {
  -o-object-fit: cover;
  object-fit: cover;
}
.save-notes-bottom {
  align-items: center;
  bottom: 12px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  left: 110.4px;
  position: absolute;
  width: calc(100% - 111px);
}
.save-notes-bottom .story-card-author-ctn {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 300;
  justify-content: flex-start;
}
.save-notes-bottom .story-card-author-name {
  color: var(--gray-90);
  font-weight: 400;
}
.button-deleted {
  align-items: center;
  background-color: var(--gray-10);
  border-radius: 100px;
  border: 1px solid var(--gray-10);
  display: flex;
  height: 24px;
  justify-content: center;
  padding-block: 0;
  padding-inline: 0;
  width: 24px;
}
.button-deleted path {
  fill: var(--gray-70);
}
.button-deleted:hover {
  background-color: var(--gray-20);
}
.date-component {
  display: none;
}
.date-icon {
  color: #777;
}
.saved-notes-button-container {
  display: flex;
  justify-content: center;
  padding: 0 16px 32px;
}
.saved-notes-read-more {
  align-items: center;
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--chain-with-border);
  color: var(--button-alert-text);
  display: flex;
  font-size: 16px;
  gap: 6px;
  height: 35px;
  justify-content: center;
  padding: 8px 16px;
  width: -moz-max-content;
  width: max-content;
}
.plus-saved {
  max-height: 10px;
  max-width: 10px;
}
.plus-saved > g > g > path {
  fill: var(--fill-icon-show-minus);
}
.saved-notes-read-more:hover {
  background-color: var(--gray-10);
}
.swiper-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  width: 1280px;
}
.saved-notes-prev-arrow {
  border-radius: 100px;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  cursor: pointer;
  margin: 0 12px;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #f68e01;
}
.swiper-container .swiper {
  width: 1280px;
}
.swiper-container .swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}
.swiper-container .swiper-android .swiper-slide .swiper-wrapper {
  height: 40px;
}
.button-listen {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 9px 8px;
  width: 32px;
}
.button-listen:hover {
  background-color: var(--gray-10);
}
.button-listen > .buttons-text {
  color: #3b3b3b;
  display: none;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
}
.listen-icon-svg {
  fill: var(--gray-90);
  height: 16px;
  width: 14px;
}
.button-playing {
  background-color: var(--orange-10);
  border: 1px solid var(--orange-60);
}
.button-playing:hover {
  background-color: rgba(246, 142, 1, 0.2);
}
.frame-borders {
  border-bottom: 2px solid var(--gray-60);
  border-top: 2px solid var(--gray-60);
}
.frame-title-wrapper {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 16px 0;
  width: 100%;
}
.iframe-full-bleed {
  margin: 0 0 0 -16px;
  width: calc(100% + 32px);
}
.frame-title {
  color: var(--gray-100);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
}
.frame-title-button {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  display: flex;
  gap: 6px;
  height: 36px;
  padding: 4px 14px;
}
.frame-title-button:hover {
  background: var(--gray-10);
  border: 1px solid var(--gray-50);
}
.frame-title-button:active {
  background: rgba(246, 142, 1, 0.1);
  border: 1px solid var(--orange-100);
  color: var(--gray-100);
  font-weight: 500;
}
.frame-title-button span {
  text-wrap: nowrap;
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.frame-title-button .arrow {
  fill: var(--gray-80);
}
.bajalibros-card {
  background: rgba(246, 142, 1, 0.05);
  border-radius: 9px;
  border: 1px solid #f68e01;
  display: flex;
  margin: 0 auto 16px;
  max-width: 400px;
  padding-right: 8px;
  width: 100%;
}
.bajalibros-card:hover {
  background: rgba(246, 142, 1, 0.1);
}
.bajalibros-card:hover .bajalibros-card-book-info-redirect {
  background: #f68e01;
  color: var(--white-100);
}
.bajalibros-card:hover .bajalibros-card-book-info-redirect svg path {
  fill: var(--white-100);
}
.bajalibros-card.bajalibros-card-free {
  background: rgba(22, 157, 93, 0.05);
  border: 1px solid #169d5d;
}
.bajalibros-card.bajalibros-card-free:hover {
  background: rgba(22, 157, 93, 0.1);
}
.bajalibros-card.bajalibros-card-free .bajalibros-card-book-type,
.bajalibros-card.bajalibros-card-free:hover
  .bajalibros-card-book-info-redirect {
  background: #169d5d;
}
.bajalibros-card-book-img {
  border-radius: 3px;
  height: 150px;
  margin: 8px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 96px;
}
.bajalibros-card-book-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 16px 0;
}
.bajalibros-card-book-info-top {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bajalibros-card-book-info-title {
  color: var(--gray-90);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
}
.bajalibros-card-book-info-author {
  color: var(--gray-90);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.bajalibros-card-book-info-author span {
  font-weight: 400;
}
.bajalibros-card-book-type {
  background: var(--orange-100);
  border-radius: 100px;
  color: var(--white-100);
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  padding: 3px 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.bajalibros-card-book-info-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.bajalibros-card-book-info-price {
  color: var(--gray-100);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.bajalibros-card-book-info-price span {
  font-weight: 300;
}
.bajalibros-card-book-info-redirect {
  align-items: center;
  background: rgba(246, 142, 1, 0.1);
  border-radius: 50px;
  border: 1px solid rgba(246, 142, 1, 0.5);
  color: #f68e01;
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  line-height: 100%;
  padding: 6px 12px;
}
.bajalibros-card-book-info-redirect.free {
  background: rgba(22, 157, 93, 0.1);
  border: 1px solid rgba(22, 157, 93, 0.5);
  color: #169d5d;
}
.bajalibros-card-book-info-redirect .icon-drop {
  transform: rotate(90deg);
}
.bajalibros-card-horizontal {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 166px;
}
.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect {
  background: var(--orange-100);
  border: 1px solid var(--orange-100);
  color: var(--white-100);
}
.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect svg path {
  fill: var(--white-100);
}
.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect.free {
  background: #169d5d;
  border: 1px solid rgba(22, 157, 93, 0.1);
}
.bajalibros-card-horizontal-book-img-ctn {
  align-items: center;
  background: var(--gray-10);
  border-radius: 3px;
  display: flex;
  height: 251px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 166px;
}
.bajalibros-card-horizontal-book-img-ctn:before {
  background: var(--orange-100);
  border-radius: 100px;
  bottom: 12px;
  color: var(--white-100);
  content: "eBook";
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  padding: 3px 6px;
  position: absolute;
  right: 12px;
  z-index: 1;
}
.bajalibros-card-horizontal-book-img-ctn.audio:before {
  background: #169d5d;
  content: "Audiolibro";
}
.bajalibros-card-horizontal-book-img {
  border-radius: 3px;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.bajalibros-card-horizontal-book-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 8px;
}
.bajalibros-card-horizontal-book-info-top {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}
.bajalibros-card-horizontal .bajalibros-card-book-info-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--gray-90);
  display: -webkit-box;
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  max-height: 41.59px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: normal;
}
.bajalibros-card-horizontal .bajalibros-card-book-info-price {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.bajalibros-card-horizontal .bajalibros-card-book-info-redirect {
  font-size: 14px;
  justify-content: center;
}
.bajalibros-card-horizontal-book-info-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.store-card {
  background: rgba(246, 142, 1, 0.05);
  border-radius: 9px;
  border: 1px solid var(--orange-100);
  display: flex;
  margin: 0 auto 16px;
  max-width: 400px;
  padding-right: 8px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.store-card:hover {
  background: rgba(246, 142, 1, 0.1);
}
.store-card:hover .store-card-info-redirect {
  background: #f68e01;
  color: var(--white-100);
}
.store-card:hover .store-card-info-redirect svg path {
  fill: var(--white-100);
}
.store-card.store-card-free {
  background: rgba(22, 157, 93, 0.05);
  border: 1px solid #169d5d;
}
.store-card.store-card-free:hover {
  background: rgba(22, 157, 93, 0.1);
}
.store-card.store-card-free .store-card-type,
.store-card.store-card-free:hover .store-card-info-redirect {
  background: #169d5d;
}
.store-card-img {
  border-radius: 3px;
  height: 150px;
  margin: 8px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 96px;
}
.store-card-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 16px 0;
}
.store-card-info-top {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.store-card-info-title {
  color: var(--gray-90);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
}
.store-card-info-price {
  color: var(--gray-100);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.store-card-info-price span {
  font-weight: 300;
}
.store-card-info-redirect {
  align-items: center;
  background: rgba(246, 142, 1, 0.1);
  border-radius: 50px;
  border: 1px solid rgba(246, 142, 1, 0.5);
  color: #f68e01;
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  line-height: 100%;
  padding: 6px 12px;
}
.store-card-info-redirect.free {
  background: rgba(22, 157, 93, 0.1);
  border: 1px solid rgba(22, 157, 93, 0.5);
  color: #169d5d;
}
.store-card-info-redirect .icon-drop {
  transform: rotate(90deg);
}
.store-card-horizontal {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 166px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.store-card-horizontal:hover .store-card-info-redirect {
  background: var(--orange-100);
  border: 1px solid var(--orange-100);
  color: var(--white-100);
}
.store-card-horizontal:hover .store-card-info-redirect svg path {
  fill: var(--white-100);
}
.store-card-horizontal:hover .store-card-info-redirect.free {
  background: #169d5d;
  border: 1px solid rgba(22, 157, 93, 0.1);
}
.store-card-horizontal-img-ctn {
  align-items: center;
  border: 1px solid var(--gray-40);
  border-radius: 3px;
  display: flex;
  height: 251px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 166px;
}
.store-card-horizontal-img {
  border-radius: 3px;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.store-card-horizontal-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 8px;
}
.store-card-horizontal-info-top {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}
.store-card-horizontal .store-card-info-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  color: var(--gray-90);
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  max-height: 41.59px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: normal;
}
.store-card-horizontal .store-card-info-price {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.store-card-horizontal .store-card-info-price-regular {
  text-decoration: line-through;
  margin-left: 8px;
  font-size: 16px;
}
.store-card-horizontal .store-card-info-redirect {
  font-size: 14px;
  justify-content: center;
}
.store-card-horizontal-info-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hidden-container-title-story {
  display: none;
}
.container-title-story,
.hidden-container-title-story,
.shared-container-styles {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.container-title-story .container-story,
.hidden-container-title-story .container-story,
.shared-container-styles .container-story {
  min-height: 400px;
  max-height: 520px;
  display: flex;
}
.container-title-story .container-story .onboard-expand-21f150f0.svelte-2uqj35,
.hidden-container-title-story
  .container-story
  .onboard-expand-21f150f0.svelte-2uqj35,
.shared-container-styles
  .container-story
  .onboard-expand-21f150f0.svelte-2uqj35 {
  font-size: 14px;
}
.container-title-story
  .container-story
  .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld,
.hidden-container-title-story
  .container-story
  .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld,
.shared-container-styles
  .container-story
  .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld {
  height: 350px;
  align-items: flex-end;
}
.container-title-story
  .container-story
  .onboard-expand-21f150f0
  .label-21f150f0,
.hidden-container-title-story
  .container-story
  .onboard-expand-21f150f0
  .label-21f150f0,
.shared-container-styles
  .container-story
  .onboard-expand-21f150f0
  .label-21f150f0 {
  display: none;
}
.container-title-story .container-story .storylines-container,
.hidden-container-title-story .container-story .storylines-container,
.shared-container-styles .container-story .storylines-container {
  display: flex;
  justify-content: space-around;
  overflow-y: scroll;
  padding: 4px;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.container-title-story
  .container-story
  .storylines-container::-webkit-scrollbar,
.hidden-container-title-story
  .container-story
  .storylines-container::-webkit-scrollbar,
.shared-container-styles
  .container-story
  .storylines-container::-webkit-scrollbar {
  display: none;
}
.grey-line-component {
  border-bottom: 2px solid #c2c2c2;
  margin: 0 0 24px;
  max-height: 100%;
  height: 2px;
  min-width: 100%;
  width: 100%;
}
.slider-feed {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 16px;
}
.slider-feed.power-up {
  border-bottom: 2px solid var(--gray-40);
  border-top: 2px solid var(--gray-40);
  max-width: calc(100vw - 32px);
  padding: 24px 0;
  position: relative;
}
.slider-feed.power-up .slider-feed-shadow-end {
  background: linear-gradient(270deg, var(--white-100), hsla(0, 0%, 100%, 0));
  right: -2px;
}
.slider-feed.power-up .slider-feed-shadow-start {
  background: linear-gradient(-270deg, var(--white-100), hsla(0, 0%, 100%, 0));
  left: -2px;
}
.slider-feed.power-up .slider-feed-shadow-end,
.slider-feed.power-up .slider-feed-shadow-start {
  content: "";
  flex-shrink: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 31px;
  z-index: 2;
}
.slider-feed.power-up .slider-feed-swiper {
  padding-bottom: 0;
}
.slider-feed.power-up .prev-arrow {
  left: 0;
  transform: translateX(-50%);
}
.slider-feed.power-up .next-arrow {
  right: 0;
  transform: translateX(50%);
}
.slider-feed.power-up .next-arrow,
.slider-feed.power-up .prev-arrow {
  background: var(--white-100);
  border-radius: 50%;
  border: 1px solid var(--gray-40);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  display: none;
  height: 32px;
  position: absolute;
  top: 136px;
  width: 32px;
  z-index: 3;
}
.slider-feed.power-up .next-arrow circle,
.slider-feed.power-up .prev-arrow circle {
  fill: var(--white-100);
}
.slider-feed.power-up .next-arrow path,
.slider-feed.power-up .prev-arrow path {
  fill: var(--gray-60);
}
.slider-feed.power-up .next-arrow.disabled,
.slider-feed.power-up .prev-arrow.disabled {
  border-color: var(--gray-20);
  pointer-events: none;
}
.slider-feed.power-up .next-arrow.disabled path,
.slider-feed.power-up .prev-arrow.disabled path {
  fill: var(--gray-20);
}
.slider-feed.power-up .next-arrow:hover,
.slider-feed.power-up .prev-arrow:hover {
  cursor: pointer;
}
.slider-feed.power-up .next-arrow:hover circle,
.slider-feed.power-up .prev-arrow:hover circle {
  fill: var(--gray-10);
}
.slider-feed-title-ctn {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  border-top: 2px solid var(--gray-50);
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.slider-feed-title-content {
  align-items: center;
  border-bottom: 2px solid var(--orange-100);
  display: flex;
  gap: 6px;
  height: 68px;
  margin-bottom: -1px;
  padding: 18px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.slider-feed-title-img {
  max-height: 32px;
  max-width: 184px;
}
.slider-feed-title-text {
  align-items: center;
  color: var(--gray-100);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}
.slider-feed-slider-arrows {
  display: flex;
  gap: 6px;
}
.slider-feed-slider-arrows .next-arrow,
.slider-feed-slider-arrows .prev-arrow {
  border-radius: 50%;
  border: 1px solid var(--gray-40);
  height: 38px;
  width: 38px;
}
.slider-feed-slider-arrows .next-arrow circle,
.slider-feed-slider-arrows .prev-arrow circle {
  fill: transparent;
}
.slider-feed-slider-arrows .next-arrow path,
.slider-feed-slider-arrows .prev-arrow path {
  fill: var(--gray-60);
}
.slider-feed-slider-arrows .next-arrow.swiper-button-disabled,
.slider-feed-slider-arrows .prev-arrow.swiper-button-disabled {
  border-color: var(--gray-20);
  pointer-events: none;
}
.slider-feed-slider-arrows .next-arrow.swiper-button-disabled path,
.slider-feed-slider-arrows .prev-arrow.swiper-button-disabled path {
  fill: var(--gray-20);
}
.slider-feed-slider-arrows .next-arrow:hover,
.slider-feed-slider-arrows .prev-arrow:hover {
  cursor: pointer;
}
.slider-feed-slider-arrows .next-arrow:hover circle,
.slider-feed-slider-arrows .prev-arrow:hover circle {
  fill: var(--gray-10);
}
.slider-feed-swiper {
  max-width: 100%;
  padding-bottom: 20px;
  width: 100%;
}
.slider-feed-item,
.slider-feed-item.swiper-slide {
  height: auto;
  width: -moz-max-content;
  width: max-content;
}
.slider-feed-item .newsletter-card-page-view,
.slider-feed-item.swiper-slide .newsletter-card-page-view {
  width: 286px;
}
.slider-feed.slider-feed-bg-color {
  margin: 0 -16px 24px;
  padding: 0 16px 8px;
}
.slider-feed.slider-feed-bg-color .slider-feed-title-ctn {
  border-top: none;
}
.slider-feed.slider-feed-bg-color .slider-feed-title-content {
  border-bottom: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.double-bajalibros-card {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin: 16px 0 24px;
}
.double-bajalibros-card .bajalibros-card {
  flex: 1;
  margin: 0;
  min-width: 350px;
}
.LO {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0 auto;
  max-width: 602px;
  padding: 32px 0;
  gap: 10px;
}
.LO,
.LO > a {
  justify-content: center;
  width: 100%;
}
.LO > a {
  display: inline-flex;
}
.LO > svg {
  display: block;
  margin: 0 auto 32px;
  max-width: 344px;
  width: 100%;
}
.LO-description {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}
.LO-container {
  background: var(--white-100);
  border-radius: 18px;
  border: 1px solid var(--gray-40);
  height: auto;
  max-width: 407px;
  padding: 24px;
  width: 100%;
}
.LO-container .login-form-title {
  width: 100%;
}
.pos-tbl-ctn {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  gap: 16px;
}
.pos-tbl-ctn .pos-tm-shield {
  height: 20px;
  width: 20px;
}
.pos-tbl-ctn
  .table-container-default:has(.table-ranking-cell)
  .table-cell:first-child {
  margin: auto;
}
.pos-tbl-ctn .table-container-default {
  width: 100%;
  min-width: 265px;
}
.pos-tbl-ctn .table-container-default .table-cell.table-ranking-cell {
  line-height: 100%;
  margin: auto;
}
.pos-tbl-ctn .table-container-default .table-ranking-cell {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.pos-tbl-ctn .table-container-default .table-cell,
.pos-tbl-ctn .table-container-default .table-header-cell {
  font-size: 13px;
  text-align: center;
  line-height: 16.9px;
}
.pos-tbl-ctn .table-container-default .table-cell:nth-child(3),
.pos-tbl-ctn .table-container-default .table-header-cell:nth-child(3) {
  font-weight: 700;
}
.pos-tbl-ctn .table-container-default .table-cell:first-child,
.pos-tbl-ctn .table-container-default .table-header-cell:first-child {
  margin-left: 4px;
}
.pos-tbl-ctn .table-container-default .table-cell:nth-child(2),
.pos-tbl-ctn .table-container-default .table-header-cell:nth-child(2) {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 20px 1fr;
  margin-left: 4px;
  text-align: left;
}
.pos-tbl-ctn .table-container-default .table-cell:nth-child(2) span,
.pos-tbl-ctn .table-container-default .table-header-cell:nth-child(2) span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pos-tbl-ctn .table-container-default .table-header {
  background: var(--gray-20);
  border-radius: 6px 6px 0 0;
  border: 1px solid var(--gray-40);
  color: var(--gray-100);
  font-weight: 700;
}
.pos-tbl-ctn .table-container-default .table-header,
.pos-tbl-ctn .table-container-default .table-row {
  padding: 8px 0;
}
.pos-tbl-ctn .table-container-default .table-header:last-child,
.pos-tbl-ctn .table-container-default .table-row:last-child {
  border-radius: 0 0 6px 6px;
}
.pos-tbl-ctn .table-container-default .table-row.even {
  background: var(--gray-0);
}
.pos-tbl-ctn .table-container-default .table-row {
  align-items: center;
  border-top: none;
  border: 1px solid var(--gray-40);
  display: flex;
  font-weight: 300;
}
.body-article .pos-tbl-ctn .table-container-default {
  width: 100%;
}
.default-chain-2 .pos-tbl-ctn .table-container-default {
  width: 100%;
  min-width: 300px;
}
.default-chain-3 .pos-tbl-ctn,
.default-chain-3 .pos-tbl-ctn .table-container-default,
.three-elements-chain .pos-tbl-ctn,
.three-elements-chain .pos-tbl-ctn .table-container-default {
  width: 100%;
}
.three-elements-chain .pos-tbl-ctn .table-container-default {
  min-width: 250px;
}
.default-chain-3 .pos-tbl-ctn .table-container-default {
  min-width: 300px;
}
.position-table-single {
  margin-bottom: 20px;
}
.pos-tbl {
  width: 100%;
}
.pos-tbl-rw-lyt {
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  margin: 0;
  padding: 8px 0;
  width: 100%;
}
.pos-tbl-rw-lyt,
.pos-tbl-shd {
  align-items: center;
  display: flex;
}
.pos-tbl-shd {
  align-self: stretch;
  gap: 12px;
  padding: 6px;
}
.pos-tbl-shd ~ .pos-tbl-shd {
  margin-top: 20px;
}
.pos-tbl-shd-text {
  text-wrap: nowrap;
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}
.pos-tbl-shd-divider {
  background-color: var(--gray-80);
  flex: 1;
  height: 1px;
}
.pos-tbl-h {
  font-weight: 500;
  line-height: 1.3;
}
.pos-rw-nm {
  display: grid;
  gap: 8px;
  grid-template-columns: 20px 1fr;
  margin: 0;
  width: 100%;
}
.pos-tbl-rw-lyt-grw {
  align-items: center;
  flex-grow: 2;
  font-size: 13px;
  line-height: 16.9px;
  margin: 0;
  max-width: 60px;
  width: 100%;
}
.pos-tbl-cl,
.pos-tbl-col {
  font-size: 13px;
  margin-bottom: 0;
  text-align: center;
  width: 64px;
}
.pos-tbl-cl p,
.pos-tbl-col p {
  align-items: center;
  border-radius: 100px;
  display: flex;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  margin: 0 auto;
  width: 20px;
}
.default-chain-inner-ctn .pos-tbl-rw-lyt {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-around;
  margin: 0;
  padding: 8px 0;
  width: 100%;
}
.default-chain-inner-ctn .pos-tbl-cl,
.default-chain-inner-ctn .pos-tbl-col {
  width: auto;
}
.pos-tbl-col-clas,
.pos-tbl-col-desc,
.pos-tbl-col-semi,
.pos-tbl-col-warn {
  border-radius: 100%;
  margin: auto;
  padding: 2px;
  width: 20px;
}
.pos-tbl-col-clas {
  border: 1px solid #02840c;
}
.pos-tbl-col-semi {
  border: 1px solid #ffca34;
}
.pos-tbl-col-warn {
  border: 1px solid #d68526;
}
.pos-tbl-col-desc {
  border: 1px solid #b10000;
}
.pos-tbl-col.penalty {
  position: relative;
  text-decoration: underline;
}
.pos-tbl-rw {
  border: 1px solid var(--gray-40);
  border-top: none;
  display: none;
}
.pos-tbl-rw:last-child {
  border-radius: 0 0 6px 6px;
}
.pos-tbl-rw:nth-child(2n) {
  background: var(--gray-0);
}
.pos-tbl-rw:nth-child(-n + 5),
.pos-tbl.show-all .pos-tbl-rw {
  display: flex;
}
.pos-tbl-col:nth-child(3) {
  font-weight: 700;
}
.pos-rw-nm-code,
.pos-rw-nm-text {
  text-wrap: nowrap;
  display: block;
  margin-left: 4px;
  min-width: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.pos-tbl-ctn .pos-tbl-hd {
  background: var(--gray-20);
  border: solid var(--gray-40);
  border-width: 1px 1px 2px;
  border-radius: 6px 6px 0 0;
  color: var(--gray-100);
}
.pos-rw-nm-text {
  display: none;
}
.pos-tbl-inf {
  background-color: var(--gray-10);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
}
.pos-tbl-inf:has(.pos-tbl-inf-obs) {
  gap: 16px;
}
.pos-tbl-inf-obs {
  border-top: 1px solid var(--gray-50);
  padding-top: 16px;
}
.pos-tbl-inf-obs h3 {
  color: var(--gray-100);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 12px;
  text-align: center;
}
.pos-tbl-inf-obs p {
  color: var(--gray-80);
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
.pos-tbl-inf-stts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pos-tbl-inf-stts p {
  color: var(--gray-80);
  font-size: 13px;
  font-weight: 300;
  line-height: 100%;
}
.pos-tbl-inf-stts p:before {
  border-radius: 100%;
  content: "";
  display: inline-flex;
  height: 8px;
  margin-right: 6px;
  width: 8px;
}
.pos-tbl-point-grn:before {
  background-color: #02840c;
}
.pos-tbl-point-ylw:before {
  background-color: #ffca34;
}
.pos-tbl-point-orng:before {
  background-color: #d68526;
}
.pos-tbl-point-red:before {
  background-color: #b10000;
}
.pos-tbl-status {
  align-self: stretch;
  background: var(--gray-10);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
  padding: 16px;
}
.pos-tbl-status .pos-tbl-status-panel-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 12px;
  width: 100%;
}
.pos-tbl-status .pos-tbl-status-panel-right div {
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  flex-direction: row;
}
.pos-tbl-status .pos-tbl-status-panel-right div .pos-tbl-status-circle {
  border-radius: 100%;
  height: 8px;
  min-width: 8px;
  width: 8px;
}
.pos-tbl-status .pos-tbl-status-panel-right div span {
  color: var(--gray-80);
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.pos-tbl-status .pos-tbl-status-divider {
  background-color: var(--gray-50);
  height: 1px;
  width: auto;
}
.pos-tbl-status .pos-tbl-status-panel-left {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  width: 100%;
}
.pos-tbl-status .pos-tbl-status-panel-left span {
  font-family: Roboto;
  font-style: normal;
  text-align: left;
}
.pos-tbl-status .pos-tbl-status-panel-left span:first-child {
  color: var(--headlines);
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}
.pos-tbl-status .pos-tbl-status-panel-left span:nth-child(2) {
  color: var(--gray-80);
  font-size: 13px;
  font-weight: 300;
  line-height: 100%;
}
.sport-leagues-header-title {
  max-width: calc(100vw - 32px);
}
.sport-leagues-header-title .sport-header-wrapper .sport-title-ctn {
  border-bottom: 2px solid var(--gray-40);
  margin: 0;
  padding: 24px 0;
}
.sport-leagues-header-title
  .sport-header-wrapper
  .sport-title-ctn
  .field-select {
  margin-bottom: 0;
}
.sport-leagues-logos-ctn {
  border-bottom: 1px solid var(--gray-40);
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  gap: 20px;
  margin-bottom: 24px;
  padding: 20px 0;
}
.sport-leagues-logos-ctn h3 {
  border-bottom: 1px solid var(--gray-50);
  color: var(--gray-90);
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  padding: 16px 0;
  width: 100%;
}
.sport-leagues-logos-ctn .league-tournament-box {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 20px;
}
.sport-leagues-logos-ctn .sport-leagues-logo-info .image-not-allowed,
.sport-leagues-logos-ctn .sport-leagues-logo-info .image-not-allowed .arrow-svg,
.sport-leagues-logos-ctn .sport-leagues-logo-info .sport-leagues-logo,
.sport-leagues-logos-ctn .sport-leagues-logo-info:hover img {
  height: 40px;
  width: 40px;
}
.sport-leagues-logo-info {
  align-items: center;
  display: flex;
  gap: 12px;
  padding: 16px 0;
}
.sport-leagues-logo-info p {
  color: var(--gray-90);
  font-weight: 300;
}
.sport-leagues-logo-info .image-not-allowed {
  height: 40px;
  width: 40px;
}
.sport-leagues-logo {
  height: 100%;
  max-height: 40px;
  width: 40px;
}
.sport-leagues-grouped-events-f1,
.sport-leagues-grouped-events-tennis {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-logo {
  -o-object-fit: cover;
  object-fit: cover;
  padding: 0;
  width: 80px;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-info {
  padding: 12px 0;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-info-middle {
  margin-bottom: 6px;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-info-pais {
  color: var(--gray-100);
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-info-top {
  margin-bottom: 16px;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-info-name {
  color: var(--gray-90);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament.live,
.sport-leagues-grouped-events-f1
  .sport-leagues-tournament.live
  .sport-leagues-tournament-logo {
  border-color: var(--red-100);
}
.sport-leagues-grouped-events-f1
  .sport-leagues-tournament.completed
  .sport-leagues-tournament-info-type-status {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
}
.sport-leagues-grouped-events-f1
  .sport-leagues-tournament.completed
  .race-flag {
  margin: auto 6px auto 0;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-date {
  flex: 1;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
}
.sport-leagues-grouped-events-f1 .minute-by-minute-marker > div:first-child {
  min-width: 12px;
}
.sport-leagues-grouped-events-f1 .sport-leagues-tournament-live p {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sport-leagues-tournament {
  border: 1px solid var(--gray-40);
  border-radius: 12px;
  display: flex;
  gap: 12px;
  overflow: hidden;
}
.sport-leagues-tournament:hover {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.sport-leagues-tournament.live,
.sport-leagues-tournament.live .sport-leagues-tournament-logo {
  border-color: var(--orange-100);
}
.sport-leagues-tournament.completed {
  background: var(--gray-0);
}
.sport-leagues-tournament.scheduled {
  border-width: 2px;
}
.sport-leagues-tournament-logo {
  background: var(--gray-0);
  border-right: 1px solid var(--gray-40);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 12px;
  width: 84px;
}
.sport-leagues-tournament-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px 12px 12px 0;
}
.sport-leagues-tournament-info-top {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
}
.sport-leagues-tournament-info-name {
  color: var(--gray-100);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.sport-leagues-tournament-info-type {
  align-items: center;
  border-left: 1px solid var(--gray-80);
  color: var(--gray-80);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  padding-left: 6px;
}
.sport-leagues-tournament-info-middle {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
}
.sport-leagues-tournament-info-pais-logo {
  border-radius: 100%;
  height: 16px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 16px;
}
.sport-leagues-tournament-info-pais {
  color: var(--gray-90);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}
.sport-leagues-tournament-info-bottom {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  width: 100%;
}
.sport-leagues-tournament-date {
  background: var(--gray-20);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  padding: 4px 8px;
  width: -moz-max-content;
  width: max-content;
}
.sport-leagues-tournament-info-type-date,
.sport-leagues-tournament-info-type-status {
  color: var(--gray-100);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}
.sport-leagues-tournament-info-type-status {
  align-items: center;
  border-left: 1px solid var(--gray-80);
  display: block;
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sport-leagues .feed-column-icon {
  height: 28px;
  width: 28px;
}
.sport-leagues-tournament-live {
  color: var(--red-100);
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
}
.sport-leagues-tournament-completed {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
}
.sport-leagues-tournament-completed,
.sport-leagues-tournament-race-number {
  align-items: center;
  display: flex;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}
.sport-leagues-tournament-race-number {
  background: var(--gray-10);
  color: var(--black-100);
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  height: 100%;
  min-width: 54px;
  padding: 12px 6px;
}
.sport-leagues-countdown-ctn {
  border-bottom: 1px solid var(--gray-40);
  padding: 20px 0;
}
.sport-leagues-countdown {
  background: var(--gray-0);
  border-radius: 12px;
  border: 3px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
}
.sport-leagues-countdown.live {
  border-color: var(--red-100);
  border-width: 1px;
}
.sport-leagues-countdown.tenis.live {
  border-color: var(--orange-100);
  border-width: 1px;
}
.sport-leagues-countdown-detail {
  display: flex;
  gap: 12px;
}
.sport-leagues-countdown-logo {
  border: 1px solid var(--gray-50);
  border-radius: 50%;
  max-height: 80px;
  max-width: 80px;
  min-height: 80px;
  min-width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
}
.sport-leagues-countdown.tenis .sport-leagues-countdown-logo {
  border: none;
  border-radius: inherit;
}
.sport-leagues-countdown-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
.sport-leagues-countdown-info-top {
  align-items: center;
  display: flex;
  gap: 12px;
}
.sport-leagues-countdown-info-pais {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  border-right: 1px solid var(--gray-40);
  color: var(--gray-100);
  display: -webkit-box;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  overflow: hidden;
  padding: 0 12px 0 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.sport-leagues-countdown.tenis .sport-leagues-countdown-info-pais {
  text-transform: inherit;
}
.sport-leagues-countdown-info-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--gray-90);
  display: -webkit-box;
  flex: 1;
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sport-leagues-countdown.live .sport-leagues-countdown-date {
  background: transparent;
  border: 1px solid var(--red-100);
  border-radius: 100px;
  text-transform: uppercase;
}
.sport-leagues-countdown-date {
  align-items: center;
  background: var(--gray-20);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  padding: 4px 8px;
  width: -moz-max-content;
  width: max-content;
}
.sport-leagues-countdown-info-type-date {
  border-right: 1px solid var(--gray-80);
  padding: 0 10px 0 0;
}
.sport-leagues-countdown-info-type-date,
.sport-leagues-countdown-info-type-status {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
}
.sport-leagues-countdown-time {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
}
.sport-leagues-countdown-days,
.sport-leagues-countdown-hours,
.sport-leagues-countdown-minutes {
  align-items: center;
  color: var(--gray-100);
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  line-height: 100%;
}
.sport-leagues-countdown-count {
  border: 1px solid var(--gray-40);
  border-radius: 50%;
  color: var(--gray-100);
  font-size: 24px;
  font-weight: 500;
  min-height: 52px;
  min-width: 52px;
  padding: 12px;
}
.sport-leagues-countdown-button,
.sport-leagues-countdown-count {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 100%;
}
.sport-leagues-countdown-button {
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-80);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  gap: 6px;
  padding: 8px 16px;
  text-transform: uppercase;
  width: 100%;
}
.sport-leagues-countdown-button svg {
  fill: var(--gray-80);
}
.sport-calendar,
.sport-calendar-error {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.sport-calendar-error .next-arrow:hover,
.sport-calendar-error .prev-arrow:hover,
.sport-calendar .next-arrow:hover,
.sport-calendar .prev-arrow:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50);
}
.sport-calendar-error .next-arrow-disabled,
.sport-calendar-error .prev-arrow-disabled,
.sport-calendar .next-arrow-disabled,
.sport-calendar .prev-arrow-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sport-calendar-error .next-arrow-active,
.sport-calendar-error .prev-arrow-active,
.sport-calendar .next-arrow-active,
.sport-calendar .prev-arrow-active {
  pointer-events: auto;
}
.sport-calendar-error:has(.not-found-league),
.sport-calendar:has(.not-found-league) {
  row-gap: 32px;
}
.sport-calendar-error .react-datepicker-wrapper,
.sport-calendar-error .sport-calendar-swipper-wrapper,
.sport-calendar .react-datepicker-wrapper,
.sport-calendar .sport-calendar-swipper-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: center;
}
.sport-calendar-error .react-datepicker-wrapper .react-datepicker-popper,
.sport-calendar-error .sport-calendar-swipper-wrapper .react-datepicker-popper,
.sport-calendar .react-datepicker-wrapper .react-datepicker-popper,
.sport-calendar .sport-calendar-swipper-wrapper .react-datepicker-popper {
  min-width: 230px;
}
.sport-calendar-error .react-datepicker-wrapper .next-arrow,
.sport-calendar-error .react-datepicker-wrapper .prev-arrow,
.sport-calendar-error .sport-calendar-swipper-wrapper .next-arrow,
.sport-calendar-error .sport-calendar-swipper-wrapper .prev-arrow,
.sport-calendar .react-datepicker-wrapper .next-arrow,
.sport-calendar .react-datepicker-wrapper .prev-arrow,
.sport-calendar .sport-calendar-swipper-wrapper .next-arrow,
.sport-calendar .sport-calendar-swipper-wrapper .prev-arrow {
  border-radius: 100%;
  border: 1px solid var(--gray-40);
  cursor: pointer;
  display: none;
  height: 28px;
  min-width: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sport-calendar-error .react-datepicker-wrapper .next-arrow circle,
.sport-calendar-error .react-datepicker-wrapper .prev-arrow circle,
.sport-calendar-error .sport-calendar-swipper-wrapper .next-arrow circle,
.sport-calendar-error .sport-calendar-swipper-wrapper .prev-arrow circle,
.sport-calendar .react-datepicker-wrapper .next-arrow circle,
.sport-calendar .react-datepicker-wrapper .prev-arrow circle,
.sport-calendar .sport-calendar-swipper-wrapper .next-arrow circle,
.sport-calendar .sport-calendar-swipper-wrapper .prev-arrow circle {
  fill: transparent !important;
}
.sport-calendar-error .react-datepicker-wrapper .next-arrow path,
.sport-calendar-error .react-datepicker-wrapper .prev-arrow path,
.sport-calendar-error .sport-calendar-swipper-wrapper .next-arrow path,
.sport-calendar-error .sport-calendar-swipper-wrapper .prev-arrow path,
.sport-calendar .react-datepicker-wrapper .next-arrow path,
.sport-calendar .react-datepicker-wrapper .prev-arrow path,
.sport-calendar .sport-calendar-swipper-wrapper .next-arrow path,
.sport-calendar .sport-calendar-swipper-wrapper .prev-arrow path {
  fill: var(--gray-60) !important;
}
.sport-calendar-error .react-datepicker-wrapper .next-arrow:nth-child(2),
.sport-calendar-error .react-datepicker-wrapper .prev-arrow:nth-child(2),
.sport-calendar-error .sport-calendar-swipper-wrapper .next-arrow:nth-child(2),
.sport-calendar-error .sport-calendar-swipper-wrapper .prev-arrow:nth-child(2),
.sport-calendar .react-datepicker-wrapper .next-arrow:nth-child(2),
.sport-calendar .react-datepicker-wrapper .prev-arrow:nth-child(2),
.sport-calendar .sport-calendar-swipper-wrapper .next-arrow:nth-child(2),
.sport-calendar .sport-calendar-swipper-wrapper .prev-arrow:nth-child(2) {
  left: 16px;
  right: auto;
}
.sport-calendar-error .react-datepicker-wrapper input,
.sport-calendar-error .sport-calendar-swipper-wrapper input,
.sport-calendar .react-datepicker-wrapper input,
.sport-calendar .sport-calendar-swipper-wrapper input {
  align-items: center;
  align-self: stretch;
  background: var(--bg-color);
  background-color: transparent;
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  color: transparent;
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 48px;
  justify-content: center;
  padding: 8px 16px;
  width: 48px;
}
.sport-calendar-error .react-datepicker-wrapper .outlined-input-icon-start,
.sport-calendar-error
  .sport-calendar-swipper-wrapper
  .outlined-input-icon-start,
.sport-calendar .react-datepicker-wrapper .outlined-input-icon-start,
.sport-calendar .sport-calendar-swipper-wrapper .outlined-input-icon-start {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sport-calendar-error .react-datepicker-wrapper .outlined-has-content:hover,
.sport-calendar-error
  .sport-calendar-swipper-wrapper
  .outlined-has-content:hover,
.sport-calendar .react-datepicker-wrapper .outlined-has-content:hover,
.sport-calendar .sport-calendar-swipper-wrapper .outlined-has-content:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50);
  border-radius: 100px;
  cursor: pointer;
}
.sport-calendar-error
  .react-datepicker-wrapper
  .outlined-has-content:hover
  .outlined-input-icon-start,
.sport-calendar-error
  .sport-calendar-swipper-wrapper
  .outlined-has-content:hover
  .outlined-input-icon-start,
.sport-calendar
  .react-datepicker-wrapper
  .outlined-has-content:hover
  .outlined-input-icon-start,
.sport-calendar
  .sport-calendar-swipper-wrapper
  .outlined-has-content:hover
  .outlined-input-icon-start {
  background-color: var(--gray-10);
  border-color: var(--gray-50);
}
.sport-calendar-error .sport-calendar-swipper-wrapper,
.sport-calendar .sport-calendar-swipper-wrapper {
  gap: 6px;
}
.sports-global-calendar {
  border-bottom: 2px solid var(--gray-50);
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  max-width: calc(100vw - 32px);
}
.sports-global-calendar .sport-calendar,
.sports-global-calendar .sport-calendar-error {
  padding-top: 20px;
}
.sports-calendar-news {
  align-items: center;
  border-bottom: 2px solid var(--gray-50);
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  padding-bottom: 24px;
  width: 100%;
}
.sports-calendar-news-button {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-80);
  cursor: pointer;
  display: inline-flex;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 100%;
  padding: 6px 12px;
}
.sports-calendar-news-show-none .story-card-ctn:nth-child(n + 7) {
  display: none;
}
.sports-calendar-news-show-all .story-card-ctn {
  display: flex;
}
.sport-calendar-error {
  align-items: center;
  margin-top: 20px;
}
.sport-calendar-swiper {
  width: calc(100% - 60px);
}
.sport-calendar-swiper
  .sport-calendar-agenda-swiper
  > .swiper-wrapper
  .swiper-slide {
  height: auto;
  width: 68px;
}
.sport-calendar-swiper .sport-calendar-date {
  border-radius: 6px;
  border: none;
  height: 48px;
  max-width: 68px;
  min-width: 68px;
}
.sport-calendar-swiper .sport-calendar-date-active {
  border: 1px solid var(--green-100);
  border-radius: 6px;
  padding: 8px;
}
.sport-calendar-swiper .sport-calendar-date-active .sport-calendar-date-day {
  font-size: 10px;
  font-weight: 300;
}
.sport-calendar-swiper .sport-calendar-date:focus-visible,
.sport-calendar-swiper .sport-calendar-date:hover {
  border-radius: 6px;
}
.sport-calendar-swiper .non-available-day {
  border: none;
  border-radius: 6px;
  background-color: transparent;
}
.sport-calendar-swiper .non-available-day .sport-calendar-date-name {
  color: var(--gray-50);
  font-size: 14px;
}
.sport-calendar-swiper .non-available-day .sport-calendar-date-day {
  color: var(--gray-50);
  font-size: 10px;
}
.sport-calendar-swiper .sport-calendar-date-name {
  font-size: 14px;
  font-weight: 400;
}
.sport-calendar-swiper .sport-calendar-date-day {
  font-size: 10px;
  font-weight: 300;
}
.sport-calendar-agenda-swiper > .swiper-wrapper .swiper-slide {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  width: 38px;
}
.sport-calendar-picker-wrapper {
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 1;
}
.sport-calendar-picker-wrapper .react-datepicker__input-container {
  width: auto;
}
.sport-calendar-picker-wrapper .react-datepicker__input-container:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50);
  border-radius: 100px;
}
.sport-calendar-picker-wrapper .react-datepicker-wrapper {
  justify-content: flex-end;
  margin: 0;
}
.sport-calendar-date {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  max-width: 38px;
  min-width: 38px;
  padding: 16px 8px;
}
.sport-calendar-date p {
  height: 100%;
}
.sport-calendar-date:focus-visible,
.sport-calendar-date:hover {
  background: rgba(2, 132, 12, 0.1);
  border-radius: 100px;
}
.sport-calendar-date-active {
  background: rgba(2, 132, 12, 0.1);
  border: 1px solid var(--green-100);
  border-radius: 100px;
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 500;
}
.sport-calendar-date-active .sport-calendar-date-day {
  font-size: 16px;
  font-weight: 500;
}
.sport-calendar-date-active .sport-calendar-date-name {
  font-size: 14px;
  font-weight: 500;
}
.non-available-day {
  background-color: var(--gray-10);
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  color: var(--gray-50);
  cursor: not-allowed;
}
.non-available-day:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-40);
}
.sport-calendar-date-day {
  font-size: 14px;
  font-weight: 400;
}
.sport-calendar-date-day,
.sport-calendar-date-name {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  line-height: 1;
  text-align: center;
}
.sport-calendar-date-name {
  font-size: 12px;
  font-weight: 300;
}
.sport-calendar-day {
  color: var(--gray-80);
  font-size: 14px;
  font-weight: 300;
  line-height: 16.41px;
  text-wrap: nowrap;
}
.sport-calendar-full-date {
  color: var(--gray-90);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.sport-calendar-full-date.sport-calendar-full-date-view2 {
  margin-bottom: 20px;
}
.sport-calendar-matches,
.sport-calendar-matches-all {
  border: 1px solid var(--gray-40);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.sport-calendar-matches-all:has(.not-found-league),
.sport-calendar-matches:has(.not-found-league) {
  border: none;
}
.sport-calendar-matches-all {
  border: none;
}
.sport-calendar-matches-all.nfl {
  width: calc(100% + 32px);
  position: relative;
  left: -16px;
}
.sport-calendar-matches-all.nfl .sport-calendar-match-vs {
  display: grid;
  grid-template-columns: 1fr minmax(112px, 138px) 1fr;
}
.sport-calendar-matches-all.nfl
  .sport-calendar-match-vs
  .sport-calendar-match-prev,
.sport-calendar-matches-all.nfl
  .sport-calendar-match-vs
  .sport-calendar-match-result-ctn {
  justify-self: center;
  width: 100%;
}
.sport-calendar-matches-all.nfl .sport-calendar-match-local,
.sport-calendar-matches-all.nfl .sport-calendar-match-visitant {
  width: 100%;
}
.sport-calendar-match {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  width: 100%;
}
.sport-calendar-match:nth-child(2n) {
  background: var(--gray-0);
}
.sport-calendar-match:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}
.sport-calendar-match-vs {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: center;
}
.sport-calendar-match-played {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin: 7px 0 0;
}
.sport-calendar-match-played-state,
.sport-calendar-match-played-state-red {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
}
.sport-calendar-match-played-state-red {
  color: var(--red-100);
  font-style: normal;
  font-weight: 500;
}
.sport-calendar-match-result-ctn {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 112px;
}
.sport-calendar-match-result {
  color: var(--headlines);
  display: flex;
  flex-direction: row;
  font-size: 32px;
  font-weight: 900;
  gap: 8px;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  line-height: 100%;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.sport-calendar-match-result-penals-away,
.sport-calendar-match-result-penals-home {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
}
.sport-calendar-match-result-penals-home {
  bottom: 0;
  left: -3px;
}
.sport-calendar-match-result-penals-away {
  bottom: 0;
  right: -3px;
}
.sport-calendar-match-result-loser {
  color: #777;
}
.sport-calendar-match-result .digits {
  min-width: 55px;
}
.sport-calendar-match-result .digits.left {
  text-align: right;
}
.sport-calendar-match-result .digits.right {
  text-align: left;
}
.sport-calendar-match-prev {
  align-items: center;
  background-color: var(--bg-color);
  border-radius: 9px;
  color: var(--gray-sport-80);
  display: flex;
  flex: 0 0 112px;
  flex-direction: column;
  font-size: 14px;
  font-weight: 300;
  margin: auto 0;
  min-height: 50px;
  outline: 1px solid var(--gray-40);
  overflow: hidden;
  padding: 6px;
  row-gap: 8px;
  text-align: center;
  text-overflow: ellipsis;
  width: 90px;
}
.sport-calendar-match-prev-date {
  font-weight: 500;
  line-height: 100%;
}
.sport-calendar-match-prev-nodate {
  border-radius: 9px;
  font-weight: 500;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
}
.sport-calendar-match-local,
.sport-calendar-match-visitant {
  align-items: center;
  color: var(--gray-100);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  min-width: 30%;
  row-gap: 6px;
  text-align: center;
  width: 33.3%;
}
.sport-calendar-match-local p,
.sport-calendar-match-visitant p {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sport-calendar-match-local img,
.sport-calendar-match-visitant img {
  height: 32px;
  width: 32px;
}
.sport-calendar-see-more {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: auto;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}
.sport-calendar-see-more:hover {
  background-color: var(--gray-10);
}
.not-found-league,
.sport-calendar-league {
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--gray-40);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.notice-error-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 16px;
  width: 100%;
}
.not-found-league {
  border-bottom: 1px solid var(--gray-40);
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 300;
  gap: 8px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.3;
  margin: auto;
  max-width: 356px;
  padding: 12px 24px;
  text-align: center;
}
.not-found-league-bold {
  font-weight: 400;
}
.calendar-notice {
  margin-bottom: 20px;
}
.sport-calendar-league-detail {
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--gray-40);
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  line-height: 1.32;
  padding: 16px;
}
.date-picker-calendar-select {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/arrow.svg) no-repeat 90%;
  background-color: var(--bg);
  border: 0.5px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-80);
  display: flex;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  gap: 6px;
  justify-content: center;
  line-height: 1;
  padding: 6px 18px 6px 12px;
}
.date-picker-calendar-select:after {
  padding-bottom: 30px;
}
.sport-calendar-single-match {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sport-calendar-single-match .sport-calendar-match {
  border: 1px solid var(--gray-40);
  border-radius: 6px;
}
.sport-slider-teams {
  margin-bottom: 20px;
}
.sport-slider-flag.big-team-size img,
.sport-slider-flag.big-team-size img:hover {
  height: 44px;
}
.sport-slider-flag.big-team-size .swiper-slide {
  max-width: 44px;
}
.sport-slider-flag.slider-arrows {
  padding: 0 16px;
}
.slider-team-arrow {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.slider-team-arrow rect {
  stroke: var(--gray-40);
}
.slider-team-arrow path {
  fill: var(--gray-60);
}
.slider-team-arrow svg {
  background-color: var(--white-100);
  border-radius: 100px;
  height: 28px;
  width: 28px;
}
.sport-slider-flag {
  display: flex;
  gap: 12px;
  margin: 0 -18px;
  min-height: 34px;
  padding-left: 16px;
}
.sport-slider-flag .swiper {
  margin: 0;
  width: calc(100% - 16px);
}
.sport-slider-flag .swiper-slide {
  max-width: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.sport-slider-flag img {
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: auto;
}
.sport-slider-flag img:hover {
  height: 34px;
}
.includes-ad {
  width: calc(100% - 80px);
}
.league-overview {
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 32px);
}
.league-overview-tabs {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  gap: 12px;
  margin: 0 0 20px;
  position: relative;
}
.league-overview-tabs .sports-calendar-ad {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  background-color: var(--white-100);
  width: 96px;
  height: 71px;
  top: 0;
  right: -80px;
  border-bottom: 1px solid var(--gray-40);
}
.league-overview-tabs .sports-calendar-ad .ad-box {
  width: 80px;
  height: 34px;
  border-radius: 6px;
  aspect-ratio: 16/9;
}
.league-overview-tabs::-webkit-scrollbar {
  display: none;
}
.league-overview-tabs .swiper-slide {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 12px;
}
.league-overview-tabs .swiper {
  margin-left: 0;
  margin-right: 0;
}
.league-overview-tabs .swiper-wrapper {
  padding: 20px 0;
}
.league-overview-tabs .leagues-swiper-divider {
  bottom: 0;
}
.league-overview-tabs .tooltip {
  position: relative;
  display: inline-block;
}
.league-overview-tabs .tooltip .tooltiptext {
  visibility: hidden;
  width: 90px;
  height: 23px;
  font-size: 12px;
  background-color: var(--gray-10);
  border: 0.5px solid var(--gray-40);
  color: var(--gray-70);
  text-align: center;
  padding: 3px 6px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 95%;
  left: 50%;
  transform: translateX(-50%);
}
.league-overview-tabs .tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top: 6px solid var(--gray-40);
}
.league-overview-tabs .tooltip:hover .tooltiptext {
  visibility: visible;
}
.league-overview .sport-header-wrapper .leagues-swiper-divider {
  margin-bottom: 0;
}
.league-overview-tab {
  align-items: center;
  background: transparent;
  border: 1px solid var(--election-gray-40);
  border-radius: 100px;
  color: var(--gray-70);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
  height: 30px;
  justify-content: flex-end;
  padding: 8px 16px;
}
.league-overview-tab:focus-visible,
.league-overview-tab:hover {
  background: var(--gray-10);
  border: 1px solid var(--gray-50);
  color: var(--gray-100);
}
.league-overview-tab-active {
  font-weight: 500;
}
.league-overview-tab-active,
.league-overview-tab-active:focus-visible,
.league-overview-tab-active:hover {
  background: rgba(2, 132, 12, 0.1);
  border: 1px solid var(--green-100);
  color: var(--gray-100);
}
.league-overview-tab-disabled {
  font-weight: 300;
}
.league-overview-tab-disabled,
.league-overview-tab-disabled:focus-visible,
.league-overview-tab-disabled:hover {
  background: var(--white-100);
  border: 1px solid var(--gray-30);
  color: var(--gray-30);
}
.league-overview-content {
  border-bottom: 2px solid var(--gray-50);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.league-overview-content.league-overview-content-news {
  padding-bottom: 8px;
}
.league-overview-content > div {
  display: none;
}
.league-overview-content-calendar .sport-calendar,
.league-overview-content-calendar .sport-calendar-error,
.league-overview-content-groups .pos-tbl-ctn,
.league-overview-content-positions .pos-tbl-ctn {
  display: flex;
}
.league-overview-content-brackets .fixture-wrapper {
  display: block;
}
.league-overview-content-news .default-chain-ctn {
  display: block;
  margin-bottom: 0;
  margin-top: 12px;
}
.league-overview-content-scores .sport-scores-ctn {
  display: flex;
}
.league-overview-content-playoff .fixture-wrapper {
  display: block;
}
.league-overview-content .pos-tbl-ctn .pos-tbl-hd {
  background: var(--gray-20);
  border: solid var(--gray-40);
  border-width: 1px 1px 2px;
  border-radius: 6px 6px 0 0;
  color: var(--gray-100);
}
.ctn-slider-livebar {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid var(--gray-40);
  border-top: 2px solid var(--gray-40);
  margin: 0 -16px 16px;
  padding: 0 0 16px;
  width: calc(100% + 32px);
}
.ctn-slider-livebar .title-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px;
}
.ctn-slider-livebar .title-container .ad-logo,
.ctn-slider-livebar .title-container .ad-logo img {
  border-radius: 6px;
  max-height: 40px;
  width: auto;
}
.ctn-slider-livebar .slider-arrow {
  display: none;
}
.ctn-slider-livebar .calendar-match {
  gap: 12px;
  justify-content: center;
  width: 100%;
}
.sport-live-events {
  overflow: visible;
  padding: 16px;
}
.sport-live-events .leagues-swiper-divider {
  margin-bottom: 20px;
  position: relative;
}
.sport-live-events-loader-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.sport-live-events-swiper {
  overflow: visible;
}
.sport-live-events-swiper > .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
  width: -moz-max-content;
  width: max-content;
}
.sport-live-events-swiper
  > .swiper-wrapper
  .swiper-slide:last-child
  .sport-live-events-league-wrapper {
  margin-right: 0;
}
.live-event-inner-swiper {
  overflow: hidden;
}
.live-event-inner-swiper > .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
  width: 100px;
}
.sport-live-events-league-wrapper {
  border-right: 1px solid var(--gray-60);
  margin-right: 12px;
  padding-right: 12px;
}
.sport-live-events-league {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
  margin-bottom: 12px;
  min-height: 12px;
}
.sport-live-events-league .leagues-swiper-divider {
  flex: 1;
  margin-bottom: 0;
}
.sport-live-events-league h4 {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
}
.sports-live-event-game-card,
.sports-live-event-game-card-live,
.sports-live-event-game-card-updated {
  align-items: center;
  background: var(--bg-color);
  border-radius: 3px;
  border: 0.5px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  min-width: 100px;
  padding: 6px;
  width: 100px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.sports-live-event-game-card-live {
  border: 0.5px solid var(--red-100);
  border-radius: 3px;
}
.sports-live-event-game-card-live .sports-live-event-state {
  border-bottom: none;
  color: var(--red-100);
  font-weight: 500;
  gap: 4px;
  padding-bottom: 6px;
}
.sports-live-event-game-card-updated {
  background: transparent;
  border: 0.5px solid var(--gray-40);
  border-radius: 3px;
}
.sports-live-event-state {
  align-self: stretch;
  border-bottom: 0.5px solid var(--gray-40);
  color: var(--gray-90);
  display: inline-flex;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  padding-bottom: 6px;
}
.sports-live-event-score {
  color: var(--gray-90);
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.sports-live-event-team-card {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sports-live-event-team-card:is(.sports-live-event-team-loser) {
  opacity: 0.5;
}
.sports-live-event-results {
  align-items: center;
  display: inline-flex;
}
.sports-live-event-team {
  color: var(--gray-90);
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
  line-height: normal;
}
.sports-live-event-team img {
  height: 16px;
  width: 16px;
}
.sports-live-event-penal {
  color: var(--gray-90);
  font-size: 8px;
  font-weight: 700;
  line-height: normal;
}
.sport-live-events-swiper-slide {
  display: flex;
  gap: 8px;
}
.soccer-live-bar {
  background: var(--gray-0);
  border-top: 1px solid var(--gray-40);
  margin: 0 -16px 16px;
  max-width: 100vw;
  width: 100vw;
}
.soccer-live-bar .sport-live-events {
  padding: 16px 0;
}
.soccer-live-bar .sport-live-events .swiper {
  padding-bottom: 2px;
}
.soccer-live-bar .swiper-slide:first-child {
  margin-left: 16px;
}
.soccer-live-bar .swiper-slide:last-child {
  margin-right: 16px;
}
.soccer-live-bar .sports-live-event-game-card,
.soccer-live-bar .sports-live-event-game-card-live,
.soccer-live-bar .sports-live-event-game-card-updated {
  border-width: 0;
}
.soccer-live-bar .sports-live-event-game-card-live,
.soccer-live-bar .sports-live-event-game-card-updated {
  border-width: 0.5px;
}
.soccer-live-bar-skeleton {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-direction: row;
  height: 137px;
  margin-bottom: 20px;
  overflow: hidden;
}
.soccer-live-bar-skeleton .custom-skeleton {
  border-radius: 6px;
  height: 100%;
  width: 250px;
  min-width: 250px;
}
.gallery {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: -16px;
  max-width: 100vw;
  width: calc(100% + 32px);
}
.gallery-main-img-ctn {
  position: relative;
}
.gallery-left-arrow,
.gallery-right-arrow {
  align-items: center;
  background: transparent;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 72px;
  z-index: 1;
}
.gallery-left-arrow svg,
.gallery-right-arrow svg {
  border-radius: 100px;
  border: 1px solid var(--gray-20);
  height: 40px;
  width: 40px;
}
.gallery-left-arrow svg circle,
.gallery-right-arrow svg circle {
  fill: rgba(0, 0, 0, 0.5);
}
.gallery-left-arrow svg path,
.gallery-right-arrow svg path {
  fill: var(--gray-20);
}
.gallery-left-arrow.hiden svg,
.gallery-right-arrow.hiden svg {
  border: 1px solid hsla(0, 0%, 91.8%, 0.5);
}
.gallery-left-arrow.hiden svg path,
.gallery-right-arrow.hiden svg path {
  fill: hsla(0, 0%, 91.8%, 0.5);
}
.gallery-left-arrow {
  left: 0;
}
.gallery-right-arrow {
  right: 0;
}
.gallery .swiper {
  background: var(--gray-10);
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100vw;
  overflow: hidden;
  padding: 16px 0 12px;
  width: 100%;
}
.gallery .swiper-pagination {
  bottom: inherit;
  display: flex;
  gap: 12px;
  left: inherit;
  margin: 0 auto;
  position: inherit;
  top: inherit;
  width: -moz-max-content;
  width: max-content;
}
.gallery .swiper-notification {
  display: none;
}
.gallery .swiper-slide {
  max-height: 101px;
}
.gallery-slider-ctn {
  display: flex;
  gap: 12px;
  padding: 0 16px;
  scrollbar-width: none;
}
.gallery-slider-ctn::-webkit-scrollbar {
  display: none;
}
.gallery-slider-img-ctn {
  border: none;
  padding: 0;
}
.gallery-slider-img {
  border-radius: 3px;
  display: flex;
  min-width: 100px;
}
.gallery-slider-img.amp {
  width: 250px;
}
.gallery-slider-img.selected {
  border: 1px solid var(--orange-90);
}
.gallery-slider-dots {
  display: flex;
  gap: 12px;
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
}
.gallery .swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(247, 153, 26, 0.6);
  border-radius: 50%;
  border: none;
  height: 8px;
  margin: 0;
  padding: 0;
  width: 8px;
}
.gallery
  .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--orange-90);
}
.parliament-chart {
  margin: 0 auto 16px;
  max-width: 740px;
  padding-bottom: 16px;
}
.bet-slider-component {
  margin: 0 -16px 20px;
  min-height: 185px;
}
.ctn-boomb-headline {
  margin: 0 0 12px -16px;
  padding: 10px 16px 0;
  text-align: center;
  width: calc(100% + 32px);
}
.ctn-boomb-headline h1 {
  font-size: 25px;
  line-height: 1.3;
  text-align: center;
}
.ctn-boomb-headline .text-color-red {
  color: var(--red-100);
}
.ctn-boomb-headline .text-color-white {
  color: var(--white-100);
}
.slider-container {
  width: 50%;
}
.video-header .swiper {
  padding-top: 44px;
  width: 100%;
}
.video-header .swiper-3d .swiper-wrapper {
  align-items: center;
  display: flex;
  transform-style: preserve-3d;
}
.video-header .swiper-slide {
  background-position: 50%;
  background-size: cover;
  border-radius: 9px;
  height: auto;
  transition: transform 0.3s ease;
}
.video-header .swiper-slide img {
  border-radius: 9px;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.video-header .swiper-3d {
  perspective: 500px;
}
.video-header .swiper-slide-active {
  border-radius: 12px;
  border: 3px solid var(--orange-100);
}
.video-header .swiper-3d .swiper-slide-shadow,
.video-header .swiper-3d .swiper-slide-shadow-bottom,
.video-header .swiper-3d .swiper-slide-shadow-left,
.video-header .swiper-3d .swiper-slide-shadow-right,
.video-header .swiper-3d .swiper-slide-shadow-top {
  border-radius: 9px;
}
.videos-feed {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 16px;
}
.videos-feed-title-ctn {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.videos-feed-title-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: -1px;
}
.videos-feed .title-bar-icon img {
  max-height: 32px;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.videos-feed-title-tag {
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  display: flex;
  gap: 6px;
  height: 22px;
  padding: 0 6px 0 0;
}
.videos-feed-title-tag svg {
  max-height: 100%;
}
.videos-feed-title-tag span {
  color: var(--gray-80);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.videos-feed-title-text {
  align-items: center;
  align-self: flex-start;
  color: var(--gray-90);
  font-size: 22px;
  font-weight: 700;
}
.videos-feed-title-quicklinks {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.videos-feed-title-quicklinks-btn {
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  color: var(--gray-70);
  font-size: 12px;
  font-weight: 300;
  height: 24px;
  padding: 4px 8px;
  text-align: center;
}
.videos-feed-title-quicklinks-btn:visited {
  color: var(--gray-70);
}
.videos-feed-title-quicklinks-btn:hover {
  border-radius: 100px;
  background: var(--gray-10);
  border: 1px solid var(--gray-50);
}
.videos-feed-videos-arrows {
  display: none;
  gap: 12px;
}
.videos-feed-videos-arrows .next-arrow,
.videos-feed-videos-arrows .prev-arrow {
  border-radius: 50%;
  border: 1px solid var(--gray-40);
  height: 38px;
  width: 38px;
}
.videos-feed-videos-arrows .next-arrow circle,
.videos-feed-videos-arrows .prev-arrow circle {
  fill: transparent;
}
.videos-feed-videos-arrows .next-arrow path,
.videos-feed-videos-arrows .prev-arrow path {
  fill: var(--gray-60);
}
.videos-feed-videos-arrows .next-arrow.disabled,
.videos-feed-videos-arrows .prev-arrow.disabled {
  border-color: var(--gray-20);
  pointer-events: none;
}
.videos-feed-videos-arrows .next-arrow.disabled path,
.videos-feed-videos-arrows .prev-arrow.disabled path {
  fill: var(--gray-20);
}
.videos-feed-videos-arrows .next-arrow:hover,
.videos-feed-videos-arrows .prev-arrow:hover {
  cursor: pointer;
}
.videos-feed-videos-arrows .next-arrow:hover circle,
.videos-feed-videos-arrows .prev-arrow:hover circle {
  fill: var(--gray-10);
}
.videos-feed-swiper {
  max-width: 100%;
  padding-bottom: 32px;
  width: 100%;
}
.videos-feed-item {
  width: -moz-max-content;
  width: max-content;
}
.videos-feed-item .newsletter-card-page-view {
  width: 286px;
}
.slider-video-home .videos-feed-title-ctn {
  border-bottom: 1px solid var(--gray-50);
  border-top: 2px solid var(--gray-50);
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-wrap: wrap;
  padding: 18px 0;
  row-gap: 16px;
}
.slider-video-home .recipe-feed-separator-top {
  display: none;
  flex-grow: 1;
}
.slider-video-home .videos-feed-swiper {
  padding-bottom: 0;
}
.slider-video-home .bottom-slider-separator {
  background-color: var(--gray-50);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.videos-feed.videos-feed-bg-color {
  margin: 0 -16px 24px;
  padding: 0 16px 8px;
}
.videos-feed.videos-feed-bg-color .videos-feed-title-ctn {
  border-top: none;
}
.videos-feed.videos-feed-bg-color .videos-feed-title-content {
  border-bottom: none;
}
.video-card-container {
  position: relative;
}
.video-card-container:hover .video-card-top {
  border-left: 1px solid var(--orange-100);
  border-radius: 9px 9px 0 0;
  border-right: 1px solid var(--orange-100);
  border-top: 1px solid var(--orange-100);
}
.video-card-container:hover .video-card-bottom {
  border-bottom: 1px solid var(--orange-100);
  border-left: 1px solid var(--orange-100);
  border-radius: 0 0 9px 9px;
  border-right: 1px solid var(--orange-100);
}
.video-card-container .bookmark-ctn {
  position: absolute;
  bottom: 4%;
  right: 4%;
}
.video-card-container .bookmark-ctn rect {
  fill: var(--white-100);
  stroke: var(--gray-50);
  pointer-events: none;
}
.video-card-container .bookmark-ctn path {
  fill: var(--gray-80);
  pointer-events: none;
}
.video-card-container .bookmark-ctn:hover rect {
  fill: var(--orange-10);
}
.video-card-container .bookmark-ctn:hover path {
  fill: var(--gray-80);
}
.video-card-container .bookmark-ctn:active rect {
  fill: var(--orange-10);
  stroke: var(--orange-100);
}
.video-card-container .bookmark-ctn:active path {
  fill: var(--orange-100);
}
.video-card-container .bookmark-ctn.saved rect {
  fill: var(--orange-10);
  stroke: var(--orange-100);
}
.video-card-container .bookmark-ctn.saved path {
  fill: var(--orange-100);
}
.video-card-container .button-deleted {
  position: absolute;
  right: 5%;
  bottom: 7%;
}
.video-card {
  background: var(--white-100);
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  width: 286px;
}
.video-card .video-card-top-ctn {
  position: relative;
}
.video-card .video-card-top {
  aspect-ratio: 16/9;
  border-left: 1px solid var(--gray-40);
  border-radius: 9px 9px 0 0;
  border-right: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.video-card h3 {
  bottom: 0;
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.video-card .video-card-bottom {
  border-bottom: 1px solid var(--gray-40);
  border-left: 1px solid var(--gray-40);
  border-radius: 0 0 9px 9px;
  border-right: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  margin-top: -4px;
  min-height: 108px;
  padding: 12px;
  row-gap: 12px;
  width: 100%;
}
.video-card .video-card-bottom .video-card-bottom-details {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.video-card .video-card-bottom .video-card-bottom-details p {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 117.5%;
  margin-bottom: 8px;
}
.video-card .video-card-bottom h3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-card .media-icon {
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
.aspen-container {
  background-image: url(../images/BB4YVOOXJREOZGNTG6NBZTGS6A.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  height: 100%;
  padding: 32px;
  place-items: center;
  width: 100%;
}
.aspen-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
}
.aspen-title {
  color: var(--gray-90);
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.aspen-player {
  display: flex;
  align-items: center;
  gap: 16px;
}
.aspen-player-logo {
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
  object-fit: cover;
}
.aspen-player-audio {
  height: 44px;
  max-width: 242px;
  width: 242px;
}
.aspen-share .social-icons {
  display: flex;
  gap: 10px;
}
.aspen-share .social-icons svg > rect {
  fill: transparent;
}
.aspen-share .social-icons svg:hover > rect {
  fill: var(--gray-10);
}
.card-type-1 {
  border-radius: 9px;
  border: 1px solid var(--gray-40);
  display: block;
  height: 272px;
  overflow: hidden;
  position: relative;
  width: 286px;
  z-index: 0;
}
.card-type-1:hover {
  border-color: var(--orange-100);
}
.card-type-1-image {
  aspect-ratio: 16/9;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.card-type-1-content {
  align-items: flex-start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
  padding: 16px 12px 12px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.card-type-1-tag {
  background-color: var(--recipes-card-tag);
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  color: var(--recipes-card-tag-color);
  font-size: 12px;
  font-weight: 700;
  left: 0;
  line-height: 12px;
  padding: 3px 6px 3px 12px;
  position: absolute;
  top: 0;
  translate: 0 -50%;
  z-index: 1;
}
.card-type-1-title {
  -webkit-box-orient: vertical;
  color: var(--gray-100);
  display: -webkit-box;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-type-1-title.max-lines-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.card-type-1-title.max-lines-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.card-type-1-title.max-lines-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.card-type-1-title.max-lines-4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
.card-type-1-time {
  align-items: center;
  color: var(--gray-90);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex: none;
  font-size: 12px;
  line-height: 1;
}
.card-type-1-bottom {
  align-items: center;
  bottom: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  left: 0;
  padding: 0 12px;
  position: absolute;
  right: 0;
  width: 100%;
}
.card-type-1-rating {
  -moz-column-gap: 3px;
  column-gap: 3px;
  display: flex;
}
.card-type-1-save-note {
  border-radius: 50%;
  border: none;
  cursor: pointer;
  height: 30px;
  margin-left: auto;
  margin-right: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: 30px;
}
.card-type-1-save-note-icon > rect {
  stroke: var(--gray-50);
}
.card-type-1-save-note-icon > path {
  fill: var(--gray-80);
  position: absolute;
  inset: 0;
}
.recipe-feed-header {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  border-top: 2px solid var(--gray-50);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-bottom: 20px;
  padding: 18px 0;
  row-gap: 16px;
}
.recipe-feed-title {
  align-content: center;
  color: var(--gray-90);
  font-size: 22px;
  font-weight: 700;
  grid-column: 1/2;
  grid-row: 1/2;
  line-height: 28px;
  margin: 0;
  width: 100%;
}
.recipe-feed .ad-logo {
  display: flex;
  grid-column: 2/-1;
  grid-row: 1/2;
  height: 32px;
  justify-content: flex-end;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.recipe-feed .ad-logo img {
  height: auto;
  max-height: 32px;
  max-width: 160px;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}
.recipe-feed .recipe-feed-separator-top {
  display: none;
}
.recipe-feed-search {
  align-items: center;
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-column: 1/-1;
  grid-row: 2/3;
  width: 100%;
}
.recipe-feed-search-input {
  background-color: transparent;
  border-radius: 100px;
  border: 1px solid var(--gray-60);
  color: var(--gray-60);
  flex-grow: 1;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 16px;
  width: auto;
}
.recipe-feed-search-input.noresults {
  border-color: var(--recipes-no-results-border);
}
.recipe-feed-search-input::-moz-placeholder {
  color: var(--gray-60);
}
.recipe-feed-search-input::placeholder {
  color: var(--gray-60);
}
.recipe-feed-search-input:focus {
  font-size: 16px;
  border-color: var(--gray-60);
}
.recipe-feed-search-input:hover {
  background-color: var(--gray-110);
}
.recipe-feed-search-button {
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--gray-50);
  color: var(--gray-80);
  height: 37px;
  padding: 10px;
  width: 37px;
}
.recipe-feed-search-button span {
  display: none;
}
.recipe-feed-search-button:hover {
  border-color: var(--orange-60);
  background-color: var(--orange-10);
}
.recipe-feed-search-button > svg path {
  fill: var(--gray-90);
}
.recipe-feed-arrows {
  display: none;
}
.recipe-feed-card,
.recipe-feed-card.swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.recipe-feed-swiper {
  max-width: 100%;
  width: 100%;
}
.recipe-feed-separator-bottom {
  background-color: var(--gray-50);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.tabs-component {
  align-items: center;
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  position: relative;
}
.tabs-component::-webkit-scrollbar {
  display: none;
}
.tabs-component-ad {
  aspect-ratio: 16/9;
  display: flex;
  max-height: 34px;
  max-width: 80px;
}
.tabs-component .swiper-slide {
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 12px;
  width: auto;
}
.tabs-component .swiper {
  margin-left: 0;
  margin-right: 0;
}
.tabs-component .swiper-wrapper {
  padding: 20px 0;
}
.tabs-component-tooltip {
  display: inline-block;
  position: relative;
}
.tabs-component-tooltip .tooltiptext {
  background-color: var(--gray-10);
  border: 0.5px solid var(--gray-40);
  border-radius: 6px;
  bottom: 95%;
  color: var(--gray-70);
  font-size: 12px;
  height: 23px;
  left: 50%;
  padding: 3px 6px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  visibility: hidden;
  width: 90px;
  z-index: 1;
}
.tabs-component-tooltip .tooltiptext:after {
  border: 6px solid transparent;
  border-top: 6px solid var(--gray-40);
  content: "";
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
}
.tabs-component-tooltip:hover .tooltiptext {
  visibility: visible;
}
.tabs-component-button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--election-gray-40);
  border-radius: 100px;
  color: var(--gray-70);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
  height: 30px;
  justify-content: flex-end;
  padding: 8px 16px;
}
.tabs-component-button:focus-visible,
.tabs-component-button:hover {
  background: var(--gray-10);
  border: 1px solid var(--gray-50);
  color: var(--gray-100);
}
.tabs-component-button-active {
  font-weight: 500;
}
.tabs-component-button-active,
.tabs-component-button-active:focus-visible,
.tabs-component-button-active:hover {
  background: rgba(2, 132, 12, 0.1);
  border: 1px solid var(--green-100);
  color: var(--gray-100);
}
.tabs-component-button-disabled {
  font-weight: 300;
}
.tabs-component-button-disabled,
.tabs-component-button-disabled:focus-visible,
.tabs-component-button-disabled:hover {
  background: var(--white-100);
  border: 1px solid var(--gray-30);
  color: var(--gray-30);
}
.tab-content-active {
  display: block;
}
.tab-content-hidden {
  display: none;
}
.ctn-f1-event-overview,
.ctn-soccer-event-overview,
.ctn-tenis-event-overview {
  max-width: calc(100vw - 32px);
}
.ctn-f1-event-overview .triangle-container,
.ctn-soccer-event-overview .triangle-container,
.ctn-tenis-event-overview .triangle-container {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ctn-f1-event-overview .triangle,
.ctn-soccer-event-overview .triangle,
.ctn-tenis-event-overview .triangle {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid var(--black-100);
  border-bottom: 5px solid transparent;
}
.ctn-f1-event-overview .tennis-calendar-accordion-header,
.ctn-soccer-event-overview .tennis-calendar-accordion-header,
.ctn-tenis-event-overview .tennis-calendar-accordion-header {
  align-items: center;
  border-bottom: 2px solid var(--gray-40);
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1;
  padding: 16px 0;
  width: 100%;
}
.ctn-f1-event-overview .accordion-item:last-child,
.ctn-soccer-event-overview .accordion-item:last-child,
.ctn-tenis-event-overview .accordion-item:last-child {
  margin-bottom: 20px;
}
.ctn-f1-event-overview .tennis-calendar-accordion-content,
.ctn-soccer-event-overview .tennis-calendar-accordion-content,
.ctn-tenis-event-overview .tennis-calendar-accordion-content {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 12px;
  column-gap: 12px;
  row-gap: 12px;
  padding: 12px 0;
}
.ctn-f1-event-overview .dropdown-icon-down,
.ctn-f1-event-overview .dropdown-icon-up,
.ctn-soccer-event-overview .dropdown-icon-down,
.ctn-soccer-event-overview .dropdown-icon-up,
.ctn-tenis-event-overview .dropdown-icon-down,
.ctn-tenis-event-overview .dropdown-icon-up {
  align-items: center;
  background: var(--bg-color);
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  height: 22px;
  justify-content: center;
  max-height: 22px;
  max-width: 22px;
  transform: rotate(-90deg);
  width: 22px;
}
.ctn-f1-event-overview .dropdown-icon-down,
.ctn-soccer-event-overview .dropdown-icon-down,
.ctn-tenis-event-overview .dropdown-icon-down {
  transform: rotate(90deg);
}
.ctn-f1-event-overview .grey-line-component,
.ctn-soccer-event-overview .grey-line-component,
.ctn-tenis-event-overview .grey-line-component {
  margin-top: 20px;
}
.ctn-f1-event-overview .tennis-match-card-header,
.ctn-soccer-event-overview .tennis-match-card-header,
.ctn-tenis-event-overview .tennis-match-card-header {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.ctn-f1-event-overview .tennis-match-card-title,
.ctn-soccer-event-overview .tennis-match-card-title,
.ctn-tenis-event-overview .tennis-match-card-title {
  align-items: center;
  border-right: 1px solid var(--gray-40);
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  height: 32px;
  justify-content: flex-end;
  line-height: normal;
  padding-right: 12px;
}
.ctn-f1-event-overview .tennis-player-scores,
.ctn-soccer-event-overview .tennis-player-scores,
.ctn-tenis-event-overview .tennis-player-scores {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .tennis-player-card-header,
.ctn-soccer-event-overview .tennis-player-card-header,
.ctn-tenis-event-overview .tennis-player-card-header {
  align-items: center;
  display: grid;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  width: 100%;
}
.ctn-f1-event-overview .tennis-player-card-header .sport-calendar-match-played,
.ctn-soccer-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played,
.ctn-tenis-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding-left: 12px;
}
.ctn-f1-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state,
.ctn-f1-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state-red,
.ctn-soccer-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state,
.ctn-soccer-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state-red,
.ctn-tenis-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state,
.ctn-tenis-event-overview
  .tennis-player-card-header
  .sport-calendar-match-played
  .sport-calendar-match-played-state-red {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 500;
}
.ctn-f1-event-overview .tennis-player-card-time-tag,
.ctn-soccer-event-overview .tennis-player-card-time-tag,
.ctn-tenis-event-overview .tennis-player-card-time-tag {
  align-items: center;
  border-radius: 9px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-left: 12px;
  padding: 6px;
  width: 76px;
}
.ctn-f1-event-overview .tennis-player-card-time-date,
.ctn-soccer-event-overview .tennis-player-card-time-date,
.ctn-tenis-event-overview .tennis-player-card-time-date {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}
.ctn-f1-event-overview .tennis-match-card,
.ctn-soccer-event-overview .tennis-match-card,
.ctn-tenis-event-overview .tennis-match-card {
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--gray-40);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  padding: 12px;
}
.ctn-f1-event-overview .tennis-player-card-wrapper,
.ctn-soccer-event-overview .tennis-player-card-wrapper,
.ctn-tenis-event-overview .tennis-player-card-wrapper {
  align-items: center;
  align-self: stretch;
  background: var(--gray-0);
  border: 1px solid var(--gray-40);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 12px clamp(10px, 1vw, 45px);
}
.ctn-f1-event-overview .tennis-score-card,
.ctn-soccer-event-overview .tennis-score-card,
.ctn-tenis-event-overview .tennis-score-card {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-end;
  width: 100%;
}
.ctn-f1-event-overview .tennis-player-row,
.ctn-f1-event-overview .tennis-player-row-loser,
.ctn-soccer-event-overview .tennis-player-row,
.ctn-soccer-event-overview .tennis-player-row-loser,
.ctn-tenis-event-overview .tennis-player-row,
.ctn-tenis-event-overview .tennis-player-row-loser {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 12px;
  position: relative;
  width: 100%;
}
.ctn-f1-event-overview .tennis-player-row-loser,
.ctn-soccer-event-overview .tennis-player-row-loser,
.ctn-tenis-event-overview .tennis-player-row-loser {
  opacity: 0.5;
}
.ctn-f1-event-overview .tennis-player-name,
.ctn-soccer-event-overview .tennis-player-name,
.ctn-tenis-event-overview .tennis-player-name {
  align-items: center;
  color: var(--gray-90);
  display: flex;
  flex-direction: row-reverse;
  flex: 1;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  gap: 6px;
  justify-content: flex-end;
  line-height: normal;
}
.ctn-f1-event-overview .tennis-player-name p,
.ctn-soccer-event-overview .tennis-player-name p,
.ctn-tenis-event-overview .tennis-player-name p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ctn-f1-event-overview .tennis-player-score,
.ctn-soccer-event-overview .tennis-player-score,
.ctn-tenis-event-overview .tennis-player-score {
  align-items: center;
  border-right: 1px solid var(--gray-90);
  color: var(--gray-90);
  display: flex;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  min-width: 15px;
  padding: 0 6px;
  text-align: center;
}
.ctn-f1-event-overview .tennis-player-score span,
.ctn-soccer-event-overview .tennis-player-score span,
.ctn-tenis-event-overview .tennis-player-score span {
  font-size: 10px;
  font-weight: 400;
  text-align: center;
}
.ctn-f1-event-overview .tennis-set-winner,
.ctn-soccer-event-overview .tennis-set-winner,
.ctn-tenis-event-overview .tennis-set-winner {
  font-weight: 700;
}
.ctn-f1-event-overview .tennis-player-score:last-child,
.ctn-soccer-event-overview .tennis-player-score:last-child,
.ctn-tenis-event-overview .tennis-player-score:last-child {
  border-right: none;
}
.ctn-f1-event-overview .tennis-player-flag,
.ctn-soccer-event-overview .tennis-player-flag,
.ctn-tenis-event-overview .tennis-player-flag {
  border-radius: 100%;
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 16px;
}
.ctn-f1-event-overview .tennis-player-arrow,
.ctn-soccer-event-overview .tennis-player-arrow,
.ctn-tenis-event-overview .tennis-player-arrow {
  display: inline-flex;
  flex-direction: row;
  font-size: 12px;
}
.ctn-f1-event-overview .margin,
.ctn-soccer-event-overview .margin,
.ctn-tenis-event-overview .margin {
  margin-left: 6px;
  width: 10px;
}
.ctn-f1-event-overview .no-matches,
.ctn-soccer-event-overview .no-matches,
.ctn-tenis-event-overview .no-matches {
  max-width: 100%;
  padding: 2rem;
  margin: 8rem 0;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.ctn-f1-event-overview .no-matches a,
.ctn-soccer-event-overview .no-matches a,
.ctn-tenis-event-overview .no-matches a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}
.ctn-f1-event-overview .no-matches__container,
.ctn-soccer-event-overview .no-matches__container,
.ctn-tenis-event-overview .no-matches__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.ctn-f1-event-overview .no-matches__icon,
.ctn-soccer-event-overview .no-matches__icon,
.ctn-tenis-event-overview .no-matches__icon {
  width: 48px;
  height: 48px;
  color: #9ca3af;
}
.ctn-f1-event-overview .no-matches__text,
.ctn-soccer-event-overview .no-matches__text,
.ctn-tenis-event-overview .no-matches__text {
  font-size: 1.1rem;
  color: #6b7280;
  margin: 0;
  text-align: center;
}
.ctn-soccer-event-overview .tab-content-active {
  margin-top: 20px;
}
.ctn-soccer-event-overview .grey-line-component {
  margin-top: 0;
}
.ctn-f1-event-overview .tab-content-active {
  margin-top: 20px;
}
.ctn-f1-event-overview .grey-line-component {
  margin-top: 0;
}
.ctn-f1-event-overview .agenda-races {
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
  overflow: hidden;
}
.ctn-f1-event-overview .race-card {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: -1px;
  padding: 12px;
}
.ctn-f1-event-overview .race-card.en-progreso {
  background: rgba(246, 142, 1, 0.1);
}
.ctn-f1-event-overview .race-card:nth-child(odd) {
  border-right: 1px solid var(--gray-40);
}
.ctn-f1-event-overview .race-card-name {
  color: var(--gray-90);
  flex: 1;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 12px;
}
.ctn-f1-event-overview .race-card-date {
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
}
.ctn-f1-event-overview .race-card-time {
  color: #555;
  font-size: 16px;
  font-weight: 300;
}
.ctn-f1-event-overview .circuit-data {
  border-top: 2px solid var(--gray-40);
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  margin: 0 0 20px;
  padding: 20px 0 0;
}
.ctn-f1-event-overview .circuit-info {
  align-items: center;
  display: flex;
  gap: 8px;
}
.ctn-f1-event-overview .circuit-info .next-arrow {
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
}
.ctn-f1-event-overview .circuit-info .next-arrow path {
  fill: var(--gray-60) !important;
}
.ctn-f1-event-overview .circuit-info .next-arrow circle {
  fill: transparent !important;
}
.ctn-f1-event-overview .circuit-text {
  align-items: center;
  color: var(--gray-90);
  display: flex;
  font-size: 20px;
  font-weight: 300;
  gap: 6px;
}
.ctn-f1-event-overview .circuit-text span {
  color: var(--gray-100);
  font-size: 20px;
  font-weight: 500;
}
.ctn-f1-event-overview .ctn-positions {
  display: flex;
  flex-direction: column;
}
.ctn-f1-event-overview .positions-tab {
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  display: flex;
  height: 36px;
  margin-bottom: 20px;
}
.ctn-f1-event-overview .positions-tab-item {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--gray-90);
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
  justify-content: center;
  min-width: 121px;
  padding: 6px 16px;
  width: 100%;
}
.ctn-f1-event-overview .positions-tab-item.active {
  background: var(--orange-30);
  border-radius: 100px;
  color: var(--gray-100);
  font-weight: 500;
}
.ctn-f1-event-overview .positions-title {
  color: var(--gray-80);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 8px 0 0;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .position-table-container,
.ctn-f1-event-overview .race-table-container {
  display: flex;
  margin: 0 -16px 20px;
  position: relative;
  width: 100vw;
}
.ctn-f1-event-overview .position-table-container .swiper-wrapper,
.ctn-f1-event-overview .race-table-container .swiper-wrapper {
  height: -moz-max-content;
  height: max-content;
}
.ctn-f1-event-overview .position-table,
.ctn-f1-event-overview .race-table {
  display: flex;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ctn-f1-event-overview .position-table:-webkit-scrollbar,
.ctn-f1-event-overview .race-table:-webkit-scrollbar {
  display: none;
}
.ctn-f1-event-overview .position-table-ctn-sticky {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.ctn-f1-event-overview .position-table-ctn-sticky .position-table-header,
.ctn-f1-event-overview .position-table-ctn-sticky .position-table-row,
.ctn-f1-event-overview .position-table-ctn-sticky .race-table-header,
.ctn-f1-event-overview .position-table-ctn-sticky .race-table-row {
  padding-right: 0;
}
.ctn-f1-event-overview .position-table-ctn-scroll .position-table-header,
.ctn-f1-event-overview .position-table-ctn-scroll .position-table-row,
.ctn-f1-event-overview .position-table-ctn-scroll .race-table-header,
.ctn-f1-event-overview .position-table-ctn-scroll .race-table-row,
.ctn-f1-event-overview .race-table-ctn .position-table-header,
.ctn-f1-event-overview .race-table-ctn .position-table-row,
.ctn-f1-event-overview .race-table-ctn .race-table-header,
.ctn-f1-event-overview .race-table-ctn .race-table-row {
  padding-left: 12px;
}
.ctn-f1-event-overview .position-table-header,
.ctn-f1-event-overview .race-table-header {
  background: var(--gray-20);
  border-bottom: 2px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  display: flex;
  gap: 12px;
  padding: 8px 16px;
  width: 100%;
}
.ctn-f1-event-overview .position-table-header-item,
.ctn-f1-event-overview .race-table-header-item {
  align-items: center;
  color: var(--gray-100);
  display: flex;
  font-size: 14px;
  font-weight: 300;
  gap: 2px;
  justify-content: center;
  min-width: 46px;
  text-align: center;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .position-table-header-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .race-table-header-item:first-child {
  flex: 1;
  justify-content: flex-start;
  min-width: 100px;
  text-align: left;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky.pilotos
  .position-table-header-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky.pilotos
  .race-table-header-item:first-child {
  min-width: 130px;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .position-table-header-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .position-table-header-item:nth-child(2),
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .race-table-header-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .race-table-header-item:nth-child(2) {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.ctn-f1-event-overview .position-table-header-logo,
.ctn-f1-event-overview .race-table-header-logo {
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 14px;
}
.ctn-f1-event-overview .position-table-row,
.ctn-f1-event-overview .race-table-row {
  background: var(--bg-color);
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  gap: 12px;
  padding: 8px 16px;
  width: 100%;
}
.ctn-f1-event-overview .position-table-row:nth-child(odd),
.ctn-f1-event-overview .race-table-row:nth-child(odd) {
  background: var(--gray-0);
}
.ctn-f1-event-overview .position-table-row-item,
.ctn-f1-event-overview .race-table-row-item {
  align-items: center;
  color: var(--gray-100);
  display: flex;
  font-size: 14px;
  font-weight: 300;
  gap: 4px;
  justify-content: center;
  min-width: 46px;
  text-align: center;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .position-table-row-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .race-table-row-item:first-child {
  flex: 1;
  font-weight: 400;
  justify-content: flex-start;
  min-width: 100px;
  text-align: left;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky.pilotos
  .position-table-row-item:first-child,
.ctn-f1-event-overview
  .position-table-ctn-sticky.pilotos
  .race-table-row-item:first-child {
  min-width: 130px;
}
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .position-table-row-item:nth-child(2),
.ctn-f1-event-overview
  .position-table-ctn-sticky
  .race-table-row-item:nth-child(2) {
  font-weight: 700;
}
.ctn-f1-event-overview .shadow-rigth {
  background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), var(--gray-40));
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 1;
}
.ctn-f1-event-overview .f1-race {
  display: flex;
  flex-direction: column;
}
.ctn-f1-event-overview .race-tab-swiper-ctn {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  width: 100%;
}
.ctn-f1-event-overview .race-tab-swiper {
  width: calc(100% - 97px);
}
.ctn-f1-event-overview .swiper-wrapper {
  height: 32px;
}
.ctn-f1-event-overview .swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .swiper-slide:first-child .race-tab-item {
  border-width: 0 1px;
}
.ctn-f1-event-overview .race-tab-item {
  align-items: center;
  background: transparent;
  border-color: var(--gray-40);
  border-style: solid;
  border-width: 0 1px;
  color: var(--gray-80);
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  justify-content: center;
  min-width: 100%;
  padding: 0 16px;
  text-transform: uppercase;
  width: 100%;
}
.ctn-f1-event-overview .race-tab-item.selected {
  font-weight: 700;
}
.ctn-f1-event-overview .next-arrow,
.ctn-f1-event-overview .prev-arrow {
  border-radius: 50%;
  border: 1px solid var(--gray-40);
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}
.ctn-f1-event-overview .next-arrow.disabled,
.ctn-f1-event-overview .prev-arrow.disabled {
  opacity: 0.5;
}
.ctn-f1-event-overview .next-arrow path,
.ctn-f1-event-overview .prev-arrow path {
  fill: var(--gray-60);
}
.ctn-f1-event-overview .race-table-ctn {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
}
.ctn-f1-event-overview .race-table-row-item {
  color: var(--gray-100);
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}
.ctn-f1-event-overview .race-table-row-item:first-child {
  flex: 0;
  margin-right: 4px;
  min-width: 32px;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .race-table-row-item:nth-child(2) {
  flex: 2;
  font-weight: 400;
  gap: 4px;
  justify-content: flex-start;
  max-width: 160px;
  text-wrap: nowrap;
}
.ctn-f1-event-overview .race-table-row-item:nth-child(3) {
  min-width: 155px;
}
.ctn-f1-event-overview
  .race-table-ctn.sessions
  .race-table-row-item:last-child {
  flex: 0;
  min-width: 48px;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .race-table-header-item {
  color: var(--gray-100);
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.ctn-f1-event-overview .race-table-header-item:first-child {
  flex: 0;
  margin-right: 4px;
  min-width: 32px;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .race-table-header-item:nth-child(2) {
  flex: 2;
  justify-content: flex-start;
  max-width: 160px;
}
.ctn-f1-event-overview .race-table-header-item:nth-child(3) {
  min-width: 155px;
}
.ctn-f1-event-overview
  .race-table-ctn.sessions
  .race-table-header-item:last-child {
  flex: 0;
  min-width: 48px;
  width: -moz-max-content;
  width: max-content;
}
.ctn-f1-event-overview .race-arrow-ctn {
  background: transparent;
  border: none;
  padding: 0;
}
.news-container {
  margin-top: 20px;
}
.no-data {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 20px 0 0;
  padding: 12px 16px;
  width: 100%;
}
.no-data-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
}
.ctn-tenis-global-calendar {
  max-width: calc(100vw - 32px);
}
.ctn-tenis-global-calendar .sports-calendar-news {
  margin-top: 20px;
}
.ctn-tenis-global-calendar .sport-calendar,
.ctn-tenis-global-calendar .sport-calendar-error {
  padding-top: 20px;
  border-bottom: 2px solid var(--gray-40);
}
.ctn-tenis-global-calendar
  .sport-calendar-error
  .tennis-calendar-accordion-content,
.ctn-tenis-global-calendar .sport-calendar .tennis-calendar-accordion-content {
  padding-bottom: 20px;
}
.ctn-tenis-global-calendar .sport-calendar-error .tennis-competition-title-logo,
.ctn-tenis-global-calendar .sport-calendar .tennis-competition-title-logo {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 4px;
  padding: 16px;
  border-bottom: 1px solid var(--gray-40);
  border: solid var(--gray-40);
  border-width: 1px 1px 2px;
  border-radius: 6px 6px 0 0;
}
.ctn-tenis-global-calendar
  .sport-calendar-error
  .tennis-competition-title-logo
  .tennis-competition-logo,
.ctn-tenis-global-calendar
  .sport-calendar
  .tennis-competition-title-logo
  .tennis-competition-logo {
  width: 22px;
  height: 22px;
}
.ctn-tenis-global-calendar
  .sport-calendar-error
  .tennis-competition-title-logo
  h3,
.ctn-tenis-global-calendar .sport-calendar .tennis-competition-title-logo h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 132%;
  margin-bottom: 0;
  color: var(--gray-90);
}
.ctn-tenis-global-calendar .accordion-item:last-child,
.ctn-tenis-global-calendar .sport-calendar-error .error-notice-tennis,
.ctn-tenis-global-calendar .sport-calendar .error-notice-tennis {
  margin-bottom: 20px;
}
.ctn-tenis-global-calendar .grey-line-component {
  margin-top: 20px;
}
.ctn-sport-events-fallback {
  min-height: 4512px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ctn-sport-events-fallback .ctn-sport-events .ctn-competition-f1,
.ctn-sport-events-fallback .ctn-sport-events .ctn-competition-soccer,
.ctn-sport-events-fallback .ctn-sport-events .ctn-competition-tennis {
  border-bottom: 2px solid var(--gray-50);
}
.ctn-sport-category-filter
  .sport-title-container-leagues
  .field-select
  .field-select-list-ctn-hide
  .field-select-list
  .field-select-item
  .field-select-opt
  span,
.ctn-sport-category-filter
  .sport-title-container-leagues
  .field-select
  .field-select-list-ctn
  .field-select-list
  .field-select-item
  .field-select-opt
  span {
  grid-template-columns: 28px 1fr;
}
.ctn-sport-category-filter
  .sport-title-container-leagues
  .field-select
  .field-select-list-ctn-hide
  .field-select-list
  .field-select-item
  .field-select-opt
  span
  img,
.ctn-sport-category-filter
  .sport-title-container-leagues
  .field-select
  .field-select-list-ctn
  .field-select-list
  .field-select-item
  .field-select-opt
  span
  img {
  margin-left: 6px;
}
.next-date-ctn {
  background-color: var(--orange-0);
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 16px;
  padding: 16px 12px;
  text-align: center;
  width: 100%;
}
.next-date-days-left {
  align-self: center;
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--orange-100);
  font-size: 24px;
  padding: 8px 24px;
  white-space: nowrap;
}
.next-date-title {
  border-top: 1px solid var(--orange-100);
}
.next-date-title-key {
  font-size: 20px;
  font-weight: 500;
  margin: 16px 0;
}
.next-date-content {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 300;
  gap: 6px;
  color: #3b3b3b;
}
.dark-background {
  background-color: var(--gray-110);
}
.light-background {
  background-color: var(--gray-10);
}
.bomb {
  padding: 16px;
  width: calc(100% + 32px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 24px -16px;
}
.bomb .centered {
  text-align: center;
}
.bomb-title {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  text-align: start;
}
.bomb-title-size-default {
  font-size: 22px;
}
.bomb-title-size-big {
  font-size: 28px;
}
.bomb-image,
.bomb-video {
  border-radius: 3px;
}
.bomb .bomb-description {
  color: var(--gray-90);
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
.bomb .bom-author {
  color: var(--gray-70);
  font-weight: 300;
  font-size: 14px;
}
.bomb .bom-author b {
  font-weight: 500;
}
.bomb .story-card-dec,
.bomb .story-card-deck,
.bomb .story-card-details-ctn {
  margin-bottom: 0;
}
.wrapper-power-up {
  background: var(--gray-110);
  border-radius: 16px;
  border-top: 1px solid var(--gray-40);
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  width: 100%;
}
.wrapper-power-up .top-ctn {
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--border-bottom-color);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.wrapper-power-up .top-ctn .details {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.wrapper-power-up .top-ctn .details .title {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
}
.wrapper-power-up .top-ctn .details .divider {
  border-right: 1px solid #c2c2c2;
  height: 29px;
  width: 1px;
}
.wrapper-power-up .top-ctn .details .sub-title {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  text-align: center;
}
.wrapper-power-up .top-ctn .btn,
.wrapper-power-up .top-ctn .btn-desktop {
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  color: var(--sub-headlines);
  display: flex;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 6px;
  justify-content: center;
  padding: 6px 12px;
  width: 98px;
}
.wrapper-power-up .top-ctn .detail-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wrapper-power-up .top-ctn .detail-table .detail-top {
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  justify-content: center;
  width: 100%;
}
.wrapper-power-up .top-ctn .detail-table .detail-top img {
  width: 28px;
  height: 28px;
}
.wrapper-power-up .top-ctn .detail-table .detail-top .divider,
.wrapper-power-up .top-ctn .detail-table .detail-top .sub-title {
  display: none;
}
.wrapper-power-up .top-ctn .detail-table .divider-horizontal {
  border: 1px solid var(--gray-40);
  height: 0;
  width: 100%;
}
.wrapper-power-up .top-ctn .detail-table .detail-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.wrapper-power-up .top-ctn .ad-logo,
.wrapper-power-up .top-ctn .ad-logo img {
  border-radius: 6px;
  max-height: 40px;
  width: auto;
}
.wrapper-power-up .body-ctn::-webkit-scrollbar {
  width: 2px;
}
.wrapper-power-up .agenda {
  overflow-y: auto;
  height: 192px;
}
.wrapper-power-up .agenda.with-one-elements {
  height: inherit;
  padding-bottom: 0;
}
.wrapper-power-up .body-ctn {
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  padding: 16px;
}
.wrapper-power-up .body-ctn .soccer-live-bar .swiper-slide:first-child {
  margin-left: 0;
}
.wrapper-power-up .body-ctn .soccer-live-bar {
  border: none;
  margin: 0;
  width: 100%;
}
.wrapper-power-up .body-ctn .soccer-live-bar .sport-live-events {
  padding: 0;
}
.wrapper-power-up .body-ctn .leagues-swiper-divider {
  border-bottom: none;
}
.wrapper-power-up .body-ctn .sport-live-events-league-wrapper {
  border-right: 1px solid var(--gray-60);
  padding-right: 12px;
  height: 107px;
}
.wrapper-power-up .body-ctn .sport-agenda {
  border: none;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-local,
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-visitant {
  flex-direction: column;
  flex: 1;
  font-size: 14px;
  line-height: 100%;
  min-width: inherit;
  width: inherit;
}
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-local p,
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-visitant p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  text-align: center;
}
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-result-ctn {
  min-width: -moz-max-content;
  min-width: max-content;
}
.wrapper-power-up .body-ctn .sport-agenda .sport-calendar-match-prev {
  min-width: 112px;
}
.wrapper-power-up .body-ctn .sport-agenda-mobile {
  border-radius: 6px;
  border: 1px solid var(--gray-40);
}
.wrapper-power-up .body-ctn .sport-agenda-desktop {
  display: none;
  margin-bottom: 16px;
}
.wrapper-power-up .pos-tbl-ctn {
  width: 100%;
}
.wrapper-power-up .pos-tbl-shd {
  border-radius: 6px 6px 0 0;
  background: var(--gray-20);
  display: flex;
  padding: 6px 12px;
  border: 1px solid var(--gray-40);
}
.wrapper-power-up .pos-tbl-shd-text {
  font-size: 12px;
  line-height: normal;
  color: var(--headlines);
}
.wrapper-power-up .pos-tbl-shd-divider {
  display: none;
}
.wrapper-power-up .pos-tbl-rw-lyt h6,
.wrapper-power-up .pos-tbl-rw-lyt span {
  font-size: 13px;
}
.wrapper-power-up .pos-tbl-rw-lyt-grw img {
  width: 20px;
  height: 20px;
}
.wrapper-power-up .pos-tbl-rw-lyt-grw span {
  font-size: 13px;
}
.wrapper-power-up .pos-tbl-status {
  margin-bottom: 0;
}
.wrapper-power-up .pos-tbl-ctn-power-up-position {
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.wrapper-power-up .pos-tbl-ctn-power-up-position::-webkit-scrollbar {
  width: 0;
}
.wrapper-power-up .pos-tbl-ctn-power-up-position .pos-tbl-hd {
  padding: 6px;
}
.wrapper-power-up .pos-tbl-ctn-power-up-position .pos-tbl-rw {
  padding: 8px 6px;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups {
  width: 100%;
  flex-direction: column;
  height: 265px;
  overflow: hidden;
  overflow-y: auto;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups::-webkit-scrollbar {
  width: 0;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups::-webkit-scrollbar-thumb {
  background-color: var(--gray-40);
  border-radius: 2px;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups::-webkit-scrollbar-track {
  background-color: transparent;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-hd {
  justify-content: normal;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-hd .pos-tbl-rw-lyt-grw {
  max-width: none;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw {
  justify-content: normal;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt,
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt .pos-tbl-cl {
  min-width: clamp(21px, 5vw, 20px);
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt .pos-rw-nm {
  max-width: none;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt .pos-rw-nm-code {
  display: block;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt .pos-rw-nm-text {
  display: none;
}
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt .pos-tbl-col {
  min-width: clamp(21px, 5vw, 20px);
}
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt-grw
  .pos-rw-nm-code,
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt
  .pos-tbl-col:nth-child(4),
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt
  .pos-tbl-col:nth-child(8),
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt
  .pos-tbl-col:nth-child(9),
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt
  .pos-tbl-col:nth-child(10),
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt h6:nth-child(4),
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt h6:nth-child(8),
.wrapper-power-up .pos-tbl-ctn-power-up-groups .pos-tbl-rw-lyt h6:nth-child(9),
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt
  h6:nth-child(10) {
  display: none;
}
.wrapper-power-up
  .pos-tbl-ctn-power-up-groups
  .pos-tbl-rw-lyt-grw
  .pos-rw-nm-text {
  display: block;
}
.wrapper-power-up .grupos .pos-tbl-hd {
  border-top: 2px solid var(--gray-40);
  border-bottom: 2px solid var(--gray-40);
  background-color: transparent;
  border-radius: 0;
}
.wrapper-power-up .grupos .pos-tbl-rw-lyt .pos-rw-nm {
  grid-template-columns: 20px 1fr;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.wrapper-power-up .grupos .pos-tbl-rw-lyt .pos-rw-nm .pos-rw-nm-text {
  margin-left: 0;
}
.wrapper-power-up .match-stl .match-stl-boxes .box-match-stl-info {
  background-color: transparent;
}
.streaming-player-ctn {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 9px;
  gap: 16px;
  width: 100%;
}
.three-elements-chain-big-card
  .streaming-player-ctn.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.three-elements-chain-big-card
  .streaming-player-ctn.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.three-elements-chain-big-card
  .streaming-player-ctn.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.three-elements-chain-big-card
  .streaming-player-ctn.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title {
  font-size: 24px;
}
.three-elements-chain-big-card
  .streaming-player-ctn.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title.big,
.three-elements-chain-big-card
  .streaming-player-ctn.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title.big,
.three-elements-chain-big-card
  .streaming-player-ctn.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title.big,
.three-elements-chain-big-card
  .streaming-player-ctn.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title.big {
  font-size: 28px;
}
.three-elements-chain-big-card
  .streaming-player-ctn.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.three-elements-chain-big-card
  .streaming-player-ctn.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.three-elements-chain-big-card
  .streaming-player-ctn.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.three-elements-chain-big-card
  .streaming-player-ctn.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck {
  font-size: 18px;
}
.three-elements-chain-big-card
  .streaming-player-ctn.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck.big,
.three-elements-chain-big-card
  .streaming-player-ctn.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck.big,
.three-elements-chain-big-card
  .streaming-player-ctn.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck.big,
.three-elements-chain-big-card
  .streaming-player-ctn.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck.big {
  font-size: 20px;
}
.streaming-player-ctn.custom-theme {
  --theme-background: var(
    --custom-streaming-type-story-background-color,
    var(--election-gray-10)
  );
  --theme-color: var(--custom-streaming-type-story-font-color, var(--gray-100));
  --theme-border: var(
    --custom-streaming-type-story-border-color,
    var(--gray-70)
  );
}
.streaming-player-ctn.dark-theme {
  --theme-background: var(--dark-blue-100);
  --theme-color: var(--gray-especial-hl);
  --theme-border: var(--gray-70);
}
.streaming-player-ctn.light-theme {
  --theme-background: var(--election-gray-10);
  --theme-color: var(--gray-100);
  --theme-border: var(--gray-70);
}
.streaming-player-ctn.light-theme.with-bg {
  margin-bottom: 16px;
  margin-left: -16px;
  padding: 0 16px;
  width: calc(100% + 32px);
}
.streaming-player-ctn.live-theme {
  --theme-background: #ffeded;
  --theme-color: var(--gray-100);
  --theme-border: var(--red-100);
}
.streaming-player-ctn.cuadernos-theme {
  background-image: url(../images/FXKDPGRQWBDHRO73TG4Y3BNOPY.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  border: none;
  margin-bottom: 16px;
  margin-left: -16px;
  padding: 4px 16px 0;
  width: calc(100% + 32px);
}
.streaming-player-ctn.cuadernos-theme .badge-cta {
  border-color: #9b9b9b;
}
.streaming-player-ctn.cuadernos-theme .badge-cta-text {
  color: #1f1f1f;
}
.streaming-player-ctn .player-ctn {
  background: rgba(246, 142, 1, 0.05);
  border-bottom: 1px solid #f68e01;
  border-top: 1px solid #f68e01;
  margin-bottom: 24px;
  margin-left: -16px;
  width: calc(100% + 32px);
  padding-bottom: 13px;
  position: relative;
}
.streaming-player-ctn .player-ctn.dark-theme {
  background: var(--theme-background);
  border-bottom: 1px solid var(--theme-border);
  border-top: 1px solid var(--theme-border);
}
.streaming-player-ctn
  .player-ctn.dark-theme
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn
  .player-ctn.dark-theme
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn
  .player-ctn.dark-theme
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: var(--theme-color);
}
.streaming-player-ctn .player-ctn.custom-theme {
  background: var(--theme-background);
  border-bottom: 1px solid var(--theme-border);
  border-top: 1px solid var(--theme-border);
}
.streaming-player-ctn
  .player-ctn.custom-theme
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn
  .player-ctn.custom-theme
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn
  .player-ctn.custom-theme
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: var(--theme-color);
}
.streaming-player-ctn .player-ctn.light-theme {
  background: var(--theme-background);
  border-bottom: 1px solid var(--theme-border);
  border-top: 1px solid var(--theme-border);
}
.streaming-player-ctn
  .player-ctn.light-theme
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn
  .player-ctn.light-theme
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn
  .player-ctn.light-theme
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: var(--theme-color);
}
.streaming-player-ctn .player-ctn.light-theme.with-bg {
  background-color: transparent;
  margin-bottom: 0;
}
.streaming-player-ctn .player-ctn.live-theme {
  background: var(--theme-background);
  border-bottom: 1px solid var(--theme-border);
  border-top: 1px solid var(--theme-border);
}
.streaming-player-ctn
  .player-ctn.live-theme
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn
  .player-ctn.live-theme
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn
  .player-ctn.live-theme
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: var(--theme-color);
}
.streaming-player-ctn .player-ctn.cuadernos-theme {
  background: none;
  border: none;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.streaming-player-ctn
  .player-ctn.cuadernos-theme
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn
  .player-ctn.cuadernos-theme
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn
  .player-ctn.cuadernos-theme
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: #1f1f1f;
}
.streaming-player-ctn .player-ctn .player-top {
  padding: 16px;
}
.streaming-player-ctn .player-ctn .player-top a {
  flex-direction: column;
  display: flex;
  row-gap: 12px;
}
.streaming-player-ctn .player-ctn .player-top a .story-card-live-ctn {
  line-height: 1.7;
}
.streaming-player-ctn .player-ctn .player-top a .live-badge {
  height: 18px;
  padding: 0;
  width: 180px;
}
.streaming-player-ctn .player-ctn .player-top a .live-badge img {
  height: inherit;
}
.streaming-player-ctn .player-ctn .player-top a .player-info {
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: 8px;
}
.streaming-player-ctn .player-ctn .player-top a .player-info .player-title {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}
.streaming-player-ctn .player-ctn .player-top a .player-info .player-title.big {
  font-size: 28px;
}
.streaming-player-ctn .player-ctn .player-top a .player-info .player-deck {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.streaming-player-ctn .player-ctn .player-top a .player-info .player-deck.big {
  font-size: 20px;
}
.streaming-player-ctn .player-ctn .player,
.streaming-player-ctn .player-ctn .player .player-ctn_video img {
  width: 100%;
}
.streaming-player-ctn .player-ctn .player .player-ctn_video .jwplayer-ctn {
  margin: 0 auto;
  width: 100%;
}
.streaming-player-ctn .player-ctn .player .player-ctn_video .redirect-jwp img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}
.streaming-player-ctn .player-ctn .player .player-ctn_video .rawHTML {
  margin-bottom: -3px;
}
.streaming-player-ctn
  .player-ctn
  .player
  .player-ctn_video
  .rawHTML
  .exclusive-video-yt,
.streaming-player-ctn .player-ctn .player .player-ctn_video .rawHTML iframe {
  border-radius: 0;
  border: none;
  max-height: none;
  max-width: none;
  width: 100%;
}
.streaming-player-ctn .player-ctn .player a .player-ctn_video {
  position: relative;
}
.streaming-player-ctn .player-ctn .player a .player-ctn_video .rawHTML {
  margin-bottom: -3px;
}
.streaming-player-ctn
  .player-ctn
  .player
  a
  .player-ctn_video
  .rawHTML
  .exclusive-video-yt,
.streaming-player-ctn .player-ctn .player a .player-ctn_video .rawHTML iframe {
  border-radius: 0;
  border: none;
  max-height: none;
  max-width: none;
  width: 100%;
}
.streaming-player-ctn .player-ctn .player a .player-ctn_video img {
  border-radius: 0;
}
.streaming-player-ctn
  .player-ctn
  .player
  a
  .player-ctn_video:hover
  .livebar-play {
  background-color: red;
  opacity: 1;
}
.streaming-player-ctn.v2.custom-theme,
.streaming-player-ctn.v2.dark-theme,
.streaming-player-ctn.v2.light-theme,
.streaming-player-ctn.v2.live-theme {
  background-color: transparent;
  border-left: none;
  border-right: none;
}
.streaming-player-ctn.v2.custom-theme .player-ctn,
.streaming-player-ctn.v2.dark-theme .player-ctn,
.streaming-player-ctn.v2.light-theme .player-ctn,
.streaming-player-ctn.v2.live-theme .player-ctn {
  background: var(--theme-background);
}
.streaming-player-ctn.v2.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn.v2.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn.v2.custom-theme
  .player-ctn
  .player-top
  a
  .player-info
  .story-card-details-ctn,
.streaming-player-ctn.v2.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn.v2.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn.v2.dark-theme
  .player-ctn
  .player-top
  a
  .player-info
  .story-card-details-ctn,
.streaming-player-ctn.v2.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn.v2.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn.v2.light-theme
  .player-ctn
  .player-top
  a
  .player-info
  .story-card-details-ctn,
.streaming-player-ctn.v2.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck,
.streaming-player-ctn.v2.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .player-title,
.streaming-player-ctn.v2.live-theme
  .player-ctn
  .player-top
  a
  .player-info
  .story-card-details-ctn {
  color: var(--theme-color);
}
.streaming-player-ctn.v2 .player-ctn {
  padding-bottom: 16px;
}
.streaming-player-ctn.v2 .player-ctn .player-top {
  display: flex;
  flex-direction: column;
  height: -moz-min-content;
  height: min-content;
  padding: 16px;
  row-gap: 16px;
}
.streaming-player-ctn.v2 .player-ctn .player-top a {
  row-gap: 16px;
}
.streaming-player-ctn.v2 .player-ctn .player-top a .story-card-live-ctn {
  line-height: 1.7;
}
.streaming-player-ctn.v2 .player-ctn .player-top a .live-badge {
  height: 28px;
  min-height: 28px;
  width: 280px;
}
.streaming-player-ctn.v2 .player-ctn .player-top a .live-badge img {
  width: inherit;
}
.streaming-player-ctn.v2 .player-ctn .player-top a .player-info .player-title {
  font-size: 24px;
}
.streaming-player-ctn.v2
  .player-ctn
  .player-top
  a
  .player-info
  .player-title.big {
  font-size: 28px;
}
.streaming-player-ctn.v2 .player-ctn .player-top a .player-info .player-deck {
  font-size: 16px;
}
.streaming-player-ctn.v2
  .player-ctn
  .player-top
  a
  .player-info
  .player-deck.big {
  font-size: 18px;
}
.streaming-player-ctn.v2
  .player-ctn
  .player-top
  .player-share
  .ctn-video-shared-icons
  .social-icons {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.streaming-player-ctn.v2
  .player-ctn
  .player-top
  .player-share
  .ctn-video-shared-icons
  .social-icons
  rect {
  fill: hsla(0, 0%, 100%, 0.3);
}
.streaming-player-ctn.v2
  .player-ctn
  .player-top
  .player-share
  .ctn-video-shared-icons
  .social-icons
  a:hover
  rect {
  fill: var(--gray-10);
}
.streaming-player-ctn.v2
  .player-ctn
  .player
  a
  .player-ctn_video
  .livebar-poster-youtube {
  border-radius: 0;
}
.streaming-player-ctn.v2.dark-theme
  .player-ctn
  .player-top
  .player-share
  .ctn-video-shared-icons
  .social-icons
  svg
  rect {
  fill: var(--background-podcast);
  stroke: var(--gray-50);
}
.streaming-player-ctn.v2.dark-theme
  .player-ctn
  .player-top
  .player-share
  .ctn-video-shared-icons
  .social-icons
  svg
  path {
  fill: var(--gray-especial-hl);
}
.badge.story-video-ctn-badge {
  padding: 0;
  margin-bottom: 12px;
}
.badge.story-video-ctn-badge .badge-title {
  margin-bottom: 0;
}
.badge.story-video-ctn-badge .badge-cta {
  background: hsla(0, 0%, 100%, 0.8);
}
.ctn-soccer-tables-slider {
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  margin: 0 -16px 16px;
  width: calc(100% + 32px);
}
.ctn-soccer-tables-slider .shadow-left,
.ctn-soccer-tables-slider .shadow-right {
  display: none;
}
.ctn-soccer-tables-slider .ctn-next-arrow,
.ctn-soccer-tables-slider .ctn-prev-arrow {
  align-items: center;
  background-color: var(--bg-color);
  border-radius: 16px;
  display: flex;
  padding: 0 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ctn-soccer-tables-slider .ctn-next-arrow svg g circle,
.ctn-soccer-tables-slider .ctn-prev-arrow svg g circle {
  fill: var(--bg-color);
}
.ctn-soccer-tables-slider .disabled {
  border-color: var(--gray-20);
  pointer-events: none;
}
.ctn-soccer-tables-slider .disabled path {
  fill: var(--gray-20);
}
.ctn-soccer-tables-slider .ctn-next-arrow,
.ctn-soccer-tables-slider .ctn-prev-arrow {
  position: relative;
}
.ctn-soccer-tables-slider .next-arrow,
.ctn-soccer-tables-slider .prev-arrow {
  display: none;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid var(--gray-40);
}
.ctn-soccer-tables-slider
  .swiper-slide
  > .ctn-league-datails
  > .position-table-single {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-direction: row;
}
.ctn-soccer-tables-slider .ctn-league-datails {
  border-radius: 0;
  border: none;
  padding: 16px;
}
.ctn-soccer-tables-slider .ctn-league-datails:first-child {
  padding-left: 16px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table,
.ctn-soccer-tables-slider .ctn-league-datails .position-table {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .slider-item,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .slider-item,
.ctn-soccer-tables-slider .ctn-league-datails .position-table .slider-item {
  width: 284px;
  max-width: 284px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos,
.ctn-soccer-tables-slider .ctn-league-datails .position-table .grupos {
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  width: 284px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-hd,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-hd,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-hd {
  background: var(--gray-20);
  border-bottom: 1px solid var(--gray-40);
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-h:first-child,
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-h:nth-child(2),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-h:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-h:nth-child(2),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-h:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-h:nth-child(2) {
  margin-right: 0;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-h,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-h,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-h {
  font-size: 13px;
  font-weight: 500;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-h:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-h:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-h:first-child {
  font-size: 15px;
  margin-right: 16px;
  min-width: 68px;
  width: 68px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-rw:last-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-rw:last-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-rw:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-rw:nth-child(odd),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-rw:nth-child(odd),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-rw:nth-child(odd) {
  background: var(--gray-0);
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-rw:nth-child(2n),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-rw:nth-child(2n),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-rw:nth-child(2n) {
  background: transparent;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm {
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-right: 0;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm
  .pos-rw-nm-code,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm
  .pos-rw-nm-code,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-rw
  .pos-rw-nm
  .pos-rw-nm-code {
  margin-left: 0;
  font-weight: 300;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-col:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-col:first-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-col:first-child {
  margin-right: 3px;
  width: 20px;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-col:nth-child(3),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-col:nth-child(3),
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-col:nth-child(3) {
  font-weight: 300;
}
.ctn-f1-event-overview
  .ctn-soccer-tables-slider
  .ctn-league-datails
  .race-table
  .grupos
  .pos-tbl-col:last-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .ctn-f1-event-overview
  .race-table
  .grupos
  .pos-tbl-col:last-child,
.ctn-soccer-tables-slider
  .ctn-league-datails
  .position-table
  .grupos
  .pos-tbl-col:last-child {
  font-weight: 500;
}
.container-general {
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin: 0 -16px 16px;
  max-width: 100vw;
  width: calc(100% + 32px);
}
.container-general .title-container {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px;
}
.container-general .title-container-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 6px;
}
.container-general .title-container .soccer-title {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.container-general .title-container .title-icon {
  max-height: 28px;
  max-width: 28px;
}
.container-general .title-container .title-button {
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px;
}
.container-general .title-container .title-button .title-button-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.single-league-cards {
  max-width: 100%;
}
.single-league-cards .swiper-wrapper {
  align-items: center;
}
.single-league-cards .league-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 2px;
  padding-top: 16px;
}
.single-league-cards .swiper-slide:first-child {
  padding-left: 16px;
}
.single-league-cards .league-card {
  display: flex;
  flex-direction: column;
  padding: 6px;
  width: 100px;
  border-radius: 3px;
}
.single-league-cards .league-card,
.single-league-cards .live {
  background: var(--bg-color);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.single-league-cards .live {
  border-radius: 3px;
  border: 0.5px solid var(--red-permanent);
}
.single-league-cards .league-card-top {
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
.single-league-cards .league-card-top .group {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 6px;
}
.single-league-cards .league-card-top .status {
  color: var(--sub-headlines);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 6px;
}
.single-league-cards .league-card-top .status-live {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-bottom: 6px;
}
.single-league-cards .league-card-top .status-live h4 {
  color: var(--red-permanent);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}
.single-league-cards .league-card-body {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.single-league-cards .league-card-body .details {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.single-league-cards .league-card-body .details .team {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.single-league-cards .league-card-body .details .team img {
  width: 16px;
  height: 20px;
}
.single-league-cards .league-card-body .details .team .team-name {
  color: var(--sub-headlines);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.single-league-cards .league-card-body .details .team .goals {
  color: var(--sub-headlines);
  text-align: center;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
:root {
  --bg: "transparent";
  --bg-color: #fff;
  --black-100: #000;
  --gray-0: #fafafa;
  --gray-10: #f5f5f5;
  --gray-20: #eaeaea;
  --gray-30: #e2e2e2;
  --gray-40: #d5d5d5;
  --gray-50: #c2c2c2;
  --gray-60: #9b9b9b;
  --gray-70: #777;
  --gray-80: #555;
  --gray-sport-80: #555;
  --gray-85: #5f5f5f;
  --gray-90: #3b3b3b;
  --gray-100: #1f1f1f;
  --gray-110: #fafafa;
  --gray-115: rgba(28, 27, 31, 0.7019607843137254);
  --gray-204: #ccc;
  --gray-especial-deck: #c4c7c5;
  --gray-especial-hl: #e8eaed;
  --green-100: #02840c;
  --headlines: #1f1f1f;
  --orange-0: #fff9f2;
  --orange-10: #fef4e6;
  --orange-20: #fde8cc;
  --orange-30: #fcddb3;
  --orange-40: #fbd299;
  --orange-50: #fac680;
  --orange-60: #fabb67;
  --orange-70: #f9b04d;
  --orange-80: #f8a534;
  --orange-90: #f7991a;
  --orange-100: #f68e01;
  --orange-100-sport: #f68e01;
  --orange-110: #f96700;
  --orange-120: #f58e1f;
  --orange-130: #ad6400;
  --orange-140: #ffb959;
  --red-100: #b10000;
  --white-100: #fff;
  --yellow-50: #fbe094;
  --border-web-history: #f68e24;
  --background-shared-btn: #555;
  --sub-headlines: #3b3b3b;
  --border-newsletter: #e2e2e2;
  --background-preview-modal: #fff;
  --newsletter-btn-color: #707070;
  --newsletter-btn-icon-path: #3c3c3b;
  --background-podcast: #1c1b1f;
  --minute-marker-border: #b10000;
  --new-btn-text: #f68e01;
  --background-btn-game-card: #fef4e6;
  --border-btn-game-card: #fabb67;
  --color-btn-game-card: #555;
  --background-btn-game-card-hover: #fabb67;
  --border-btn-game-card-hover: #fabb67;
  --masthead-navbar-shadow: rgba(0, 0, 0, 0.14901960784313725);
  --shared-icon-date: #c5c5c5;
  --button-alert-background: #fff;
  --button-alert-text: #3b3b3b;
  --button-alert-border: #c2c2c2;
  --button-alert-hover-bg: #fef4e6;
  --button-alert-hover-bor: #c2c2c2;
  --border-titlebar: #d5d5d5;
  --msg-text-color: #e8eaed;
  --switch-background: #fafafa;
  --circle-background-enable: #f68e01;
  --circle-background-disable: #9b9b9b;
  --bg-menu: #fafafa;
  --border-input: #c2c2c2;
  --color-text-input: #3b3b3b;
  --border-btn-identity: #dadce0;
  --border-hover-identity: #d2e3fc;
  --background-color-identity: #2d2f31;
  --text-color-disabled: #e8eaed;
  --text-color-continue: #9aa0a6;
  --mhh-nav-item: #555;
  --shadow-nav: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  --border-tooltip: #ffb959;
  --text-tooltip: #c4c7c5;
  --color-text-perfil: #000;
  --color-icon-avatar: #d5d5d5;
  --background-icon-avatar: inherit;
  --head-story-title: #f5f5f5;
  --fill-icon-show-minus: #3b3b3b;
  --border-bottom-color: #c2c2c2;
  --skeleton-bg-1: #eaeaea;
  --skeleton-bg-2: #f5f5f5;
  --bg-color-bajalibros: #f5f5f5;
  --bg-exclusive: #fdf1e0;
  --progess-back-color: #4a506e;
  --progess-up-color: #ad6400;
  --volume-back-color: #747474;
  --volume-up-color: #fff;
  --bg-background-face: rgba(66, 133, 244, 0.04);
  --border-btn-face: #d2e3fc;
  --color-txt-face: #3b3b3b;
  --bg-tooltip-password: rgba(85, 85, 85, 0.9);
  --shadow-tooltip-password: rgba(0, 0, 0, 0.58);
  --background-queryly-input: #fff;
  --recipes-card-tag: #004405;
  --recipes-card-tag-color: #fff;
  --recipes-no-results-border: #b10000;
}
:root,
html[data-theme="dark"] {
  --blue-100: #0b57d0;
  --blue-50: #79adff;
  --cyan-100: #32dcdc;
  --dark-60: #747474;
  --dark-70: #4a506e;
  --dark-80: #121212;
  --dark-85: #5f6368;
  --dark-90: #2d2f31;
  --dark-blue-100: #202124;
  --election-gray-10: #f5f5f5;
  --election-gray-40: #d5d5d5;
  --election-gray-90: #3b3b3b;
  --green-10: #f2f9f3;
  --green-50: #00ff86;
  --red-10: #fbf2f2;
  --red-20: #d88080;
  --red-50: #ff8b96;
  --red-90: #d91023;
  --white-105: hsla(0, 0%, 100%, 0.7019607843137254);
  --yellow-100: #fffc41;
  --red-permanent: #b10000;
  --chain-with-border: #c2c2c2;
  --nav-podcast-border: #444746;
}
html[data-theme="dark"] {
  --bg: #1c1b1f;
  --bg-color: #1c1b1f;
  --black-100: #e8eaed;
  --gray-0: #202124;
  --gray-20: #3c4043;
  --gray-30: #303030;
  --gray-40: #444746;
  --gray-50: #5f6368;
  --gray-60: #bdc1c6;
  --gray-70: #969ba1;
  --gray-80: #9aa0a6;
  --gray-sport-80: #e8eaed;
  --gray-85: #202124;
  --gray-90: #c4c7c5;
  --gray-95: #f5f5f5;
  --gray-10: #2d2f31;
  --gray-100: #c4c7c5;
  --gray-110: #1c1b1f;
  --gray-115: rgba(28, 27, 31, 0.7019607843137254);
  --gray-15: #2d2f31;
  --gray-150: #333;
  --gray-especial-deck: #c4c7c5;
  --gray-especial-hl: #e8eaed;
  --green-100: #2fcf83;
  --headlines: #e8eaed;
  --orange-0: rgba(246, 142, 1, 0);
  --orange-10: rgba(246, 142, 1, 0.10196078431372549);
  --orange-20: rgba(246, 142, 1, 0.2);
  --orange-30: rgba(246, 142, 1, 0.30196078431372547);
  --orange-40: rgba(246, 142, 1, 0.4);
  --orange-50: rgba(246, 142, 1, 0.5019607843137255);
  --orange-60: rgba(246, 142, 1, 0.6);
  --orange-70: rgba(246, 142, 1, 0.7019607843137254);
  --orange-80: rgba(246, 142, 1, 0.8);
  --orange-90: rgba(246, 142, 1, 0.9019607843137255);
  --orange-100: #f68e01;
  --orange-100-sport: rgba(246, 142, 1, 0.6);
  --orange-110: #f96700;
  --orange-120: #f58e1f;
  --orange-130: #ad6400;
  --orange-140: #fde8cc;
  --orange-150: #e8b069;
  --red-100: #e8eaed;
  --rgba-black: 255, 255, 255;
  --rgba-gray-60: 189, 193, 198;
  --rgba-white: 0, 0, 0;
  --white-100: #1c1b1f;
  --yellow-90: #fbe094;
  --border-web-history: #fff;
  --background-shared-btn: #e8eaed;
  --sub-headlines: #e8eaed;
  --border-newsletter: #444746;
  --background-preview-modal: #fff;
  --newsletter-btn-color: #e8eaed;
  --newsletter-btn-icon-path: #e8eaed;
  --background-podcast: #1c1b1f;
  --minute-marker-border: #1c1b1f;
  --new-btn-text: #e8eaed;
  --background-btn-game-card: rgba(246, 142, 1, 0.2);
  --border-btn-game-card: none;
  --color-btn-game-card: #f5f5f5;
  --background-btn-game-card-hover: rgba(246, 142, 1, 0.2);
  --border-btn-game-card-hover: rgba(246, 142, 1, 0.6);
  --masthead-navbar-shadow: hsla(0, 0%, 89%, 0.14901960784313725);
  --shadow-nav: 0 2px 4px 0 hsla(0, 0%, 89%, 0.15);
  --shared-icon-date: #9aa0a6;
  --button-alert-background: rgba(246, 142, 1, 0.2);
  --button-alert-text: #f5f5f5;
  --button-alert-border: rgba(246, 142, 1, 0.2);
  --button-alert-hover-bg: #342a1c;
  --button-alert-hover-bor: rgba(246, 142, 1, 0.6);
  --border-titlebar: #c4c7c5;
  --msg-text-color: #c4c7c5;
  --switch-background: #9aa0a6;
  --circle-background-enable: #1c1b1f;
  --circle-background-disable: #1c1b1f;
  --bg-menu: #2d2f31;
  --border-input: #9b9b9b;
  --color-text-input: #c2c2c2;
  --border-btn-identity: #5f6268;
  --border-hover-identity: #5f6268;
  --background-color-identity: #2d2f31;
  --text-color-disabled: #9aa0a6;
  --text-color-continue: #9aa0a6;
  --mhh-nav-item: #c4c7c5;
  --border-tooltip: #f68e01;
  --text-tooltip: #3b3b3b;
  --color-text-perfil: #c4c7c5;
  --color-icon-avatar: #1c1b1f;
  --background-icon-avatar: #9aa0a6;
  --head-story-title: #e8eaed;
  --fill-icon-show-minus: #fafafa;
  --border-bottom-color: #444746;
  --skeleton-bg-1: #3f3e3e;
  --skeleton-bg-2: #727171;
  --bg-color-bajalibros: #2d2e31;
  --bg-exclusive: rgba(246, 142, 1, 0.2);
  --bg-background-face: rgba(66, 133, 244, 0.04);
  --border-btn-face: #5f6268;
  --color-txt-face: #e8eaed;
  --bg-tooltip-password: rgba(154, 160, 166, 0.9);
  --shadow-tooltip-password: rgba(232, 234, 237, 0.58);
  --background-queryly-input: #202124;
}
.ctn-general-brackets {
  border-bottom: 2px solid var(--gray-40);
  border-top: 2px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin: 0 -16px 16px;
  padding: 16px;
  width: calc(100% + 32px);
}
.ctn-general-brackets .title-container {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  justify-content: space-between;
  padding: 0 0 16px;
}
.ctn-general-brackets .title-container-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 6px;
}
.ctn-general-brackets .title-container .soccer-title {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.ctn-general-brackets .title-container .title-icon {
  max-height: 28px;
  max-width: 28px;
}
.ctn-general-brackets .title-container .title-button {
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px;
}
.ctn-general-brackets .title-container .title-button .title-button-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.ctn-general-brackets .title-container .ad-logo,
.ctn-general-brackets .title-container .ad-logo img {
  border-radius: 6px;
  max-height: 40px;
  width: auto;
}
.ctn-general-brackets .fixture {
  margin-top: 29px;
}
.ctn-general-brackets .fixture .fixture-separator {
  padding: 12px;
}
.ctn-slider-general-agenda {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid var(--gray-40);
  border-top: 2px solid var(--gray-40);
  margin: 0 -16px 16px;
  padding: 16px;
  width: calc(100% + 32px);
}
.ctn-slider-general-agenda .title-container {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  justify-content: space-between;
  padding: 0 0 16px;
}
.ctn-slider-general-agenda .title-container-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 6px;
}
.ctn-slider-general-agenda .title-container .soccer-title {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.ctn-slider-general-agenda .title-container .title-icon {
  max-height: 28px;
  max-width: 28px;
}
.ctn-slider-general-agenda .title-container .title-button {
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px;
}
.ctn-slider-general-agenda .title-container .title-button .title-button-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.ctn-slider-general-agenda .title-container .ad-logo,
.ctn-slider-general-agenda .title-container .ad-logo img {
  border-radius: 6px;
  max-height: 40px;
  width: auto;
}
.ctn-slider-general-agenda .slider-arrow {
  display: none;
}
.ctn-slider-general-agenda .calendar-match {
  gap: 12px;
  justify-content: center;
  width: 100%;
}
.ctn-slider-general-agenda .selected {
  background-color: #555;
  color: #fff;
  font-weight: 400;
  border: none;
}
.component .calendar {
  padding: 0 5px 16px;
}
.component .calendar-final-fase {
  padding: 0 0 16px;
}
.calendar {
  flex-direction: column;
  margin-top: 24px;
}
.calendar,
.calendar-ctn {
  display: flex;
  gap: 16px;
  position: relative;
}
.calendar-ctn {
  transform: translateX(0);
  width: 100%;
}
.calendar-ctn.ctn-1 {
  transform: translateX(-100%) translateX(-16px);
}
.calendar-ctn.ctn-2 {
  transform: translateX(-200%) translateX(-32px);
}
.calendar-ctn.ctn-3 {
  transform: translateX(-300%) translateX(-48px);
}
.calendar-ctn.ctn-4 {
  transform: translateX(-400%) translateX(-64px);
}
.calendar-ctn.ctn-5 {
  transform: translateX(-500%) translateX(-80px);
}
.calendar-final-fase {
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
}
.calendar-final-fase .fixture {
  margin-top: 24px;
}
.calendar-group {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.calendar-group-letter {
  display: inline-flex;
  width: 10px;
}
.calendar-group-header {
  align-items: center;
  display: inline-flex;
  font-weight: 300;
  justify-content: center;
  margin: auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.calendar-group-header,
.calendar-group-header b {
  color: var(--gray-80);
  font-size: 18px;
  line-height: 130%;
}
.calendar-group-header b {
  font-weight: 500;
}
.calendar-group-header .calendar-group-wrapper-img {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  width: 32px;
}
.calendar-group-header .calendar-group-img {
  height: 32px;
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.calendar-group-header-main {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.calendar-group-name {
  padding-right: 12px;
}
.calendar-group-imgs {
  border-left: 1px solid var(--gray-40);
  display: flex;
  gap: 12px;
  height: 100%;
  padding-left: 12px;
}
.calendar-group-img {
  height: 32px;
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.calendar-arrow-left,
.calendar-arrow-right {
  stroke: var(--gray-20);
  height: 32px;
  width: 32px;
  z-index: 100;
}
.calendar-arrow-left rect,
.calendar-arrow-right rect {
  stroke: var(--gray-40);
}
.calendar-arrow-left path,
.calendar-arrow-right path {
  fill: var(--gray-20);
}
.calendar-arrow-left.active,
.calendar-arrow-right.active {
  stroke: var(--gray-60);
}
.calendar-arrow-left.active path,
.calendar-arrow-right.active path {
  fill: var(--gray-60);
}
.calendar-arrow-left {
  margin-right: 16px;
  transform: rotate(180deg);
}
.calendar-arrow-left,
.calendar-arrow-right {
  fill: var(--bg-color);
  background-color: transparent;
}
.calendar-arrow-right {
  margin-left: 16px;
}
.calendar-stage,
.calendar-stages {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.calendar-stage-title {
  color: var(--gray-80);
  font-size: 22px;
  font-weight: 300;
  line-height: 130%;
  margin: 0;
}
.calendar-stage-matches {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
.calendar-match {
  background-color: var(--gray-15);
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  width: 100%;
}
.calendar-match-flag {
  color: var(--gray-100);
  flex-direction: column;
  gap: 12px;
  width: 80px;
}
.calendar-match-flag,
.calendar-match-wrapper-img {
  align-items: center;
  display: flex;
  justify-content: center;
}
.calendar-match-wrapper-img {
  height: 40px;
  overflow: hidden;
  width: 40px;
}
.calendar-match-img {
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.calendar-match-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 90px;
  max-height: 90px;
}
.calendar-match-live {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 105px;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 8px;
  border-radius: 19px;
}
.calendar-match-live .calendar-match-prev-date {
  min-width: auto;
  color: var(--red-100);
  font-weight: 500;
}
.calendar-match-live-ring {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--red-100);
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-match-live-dot {
  background-color: #fff;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.calendar-match-prev-date {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
  min-width: 105px;
  text-align: center;
}
.calendar-match-prev-date b {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
}
.calendar-match-result {
  align-items: center;
  color: var(--gray-100);
  display: flex;
  font-size: 40px;
  font-weight: 900;
  gap: 12px;
  justify-content: center;
  line-height: 100%;
  text-transform: uppercase;
}
.calendar-match-result-home {
  position: relative;
}
.calendar-match-result-home span {
  bottom: 5px;
  font-size: 14px;
  line-height: 0;
  position: absolute;
  right: 100%;
  top: auto;
}
.calendar-match-result-away {
  position: relative;
}
.calendar-match-result-away span {
  bottom: 5px;
  font-size: 14px;
  left: 100%;
  line-height: 0;
  position: absolute;
}
.calendar-match-prox-date {
  border: 1px solid hsla(0, 0%, 83.5%, 0.8);
  border-radius: 9px;
  color: var(--gray-90);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  justify-content: center;
  line-height: 150%;
  min-width: 105px;
  padding: 12px;
  text-align: center;
}
.calendar-match-prox-date b {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.calendar-match-group {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
  text-align: center;
}
.calendar-see-all {
  background: transparent;
  border: none;
  color: var(--gray-80);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  padding: 8px 0;
}
.calendar-see-all:hover {
  cursor: pointer;
}
.calendar-see-all-active {
  border-bottom: 2px solid var(--orange-100);
  color: var(--gray-100);
  font-weight: 400;
}
.calendar-see-all-separator {
  background: var(--gray-40);
  height: 28px;
  width: 1px;
}
.calendar-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.calendar-ad {
  margin: 32px auto 0;
}
.calendar-ad,
.calendar-ad img {
  height: 40px;
  width: 100px;
}
.calendar .container {
  margin-top: 32px;
}
.blinker-live-white {
  animation: blinkerLiveWhite 3s linear infinite;
}
.blinker-live-red {
  animation: blinkerLiveRed 3s linear infinite;
}
@keyframes blinkerLiveWhite {
  50% {
    border: 1px solid var(--white-100);
  }
}
@keyframes blinkerLiveRed {
  50% {
    background-color: var(--red-100);
  }
}
.component .slider {
  padding: 0 5px 16px;
}
.component .slider .slider-calendar-ctn {
  overflow-x: hidden;
}
.slider {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.slider-cards {
  flex-flow: column wrap;
  gap: 20px;
}
.slider-cards,
.slider-ctn {
  align-items: center;
  display: flex;
}
.slider-ctn {
  gap: 8px;
  justify-content: center;
}
.slider-arrow {
  max-height: 60px;
  margin-top: 25px;
}
.slider-arrow,
.slider-arrow-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-arrow-wrapper {
  cursor: pointer;
}
.slider-arrow-left.arrow-hide,
.slider-arrow-right.arrow-hide {
  display: none;
}
.slider-arrow-left.arrow-disabled,
.slider-arrow-right.arrow-disabled {
  opacity: 0.7;
  pointer-events: none;
}
.slider-arrow-left.arrow-active,
.slider-arrow-right.arrow-active {
  cursor: pointer;
  pointer-events: auto;
}
.slider-arrow-left.arrow-active g,
.slider-arrow-right.arrow-active g {
  stroke: var(--gray-40);
}
.slider-arrow-left.arrow-active path,
.slider-arrow-right.arrow-active path {
  stroke: var(--gray-60);
}
.slider-arrow-left {
  transform: rotate(180deg);
}
.slider-calendar-ctn {
  /* -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  touch-action: pan-x;
  white-space: nowrap; */
}
.slider-calendar-ctn::-webkit-scrollbar {
  display: none;
}
.slider-calendar-slide {
  display: flex;
  gap: 8px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: -moz-max-content;
  width: max-content;
}
.slider-calendar-month {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.slider-calendar-month-ctn {
  align-items: center;
  display: flex;
  gap: 17px;
}
.slider-calendar-month-name {
  color: var(--gray-60);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}
.slider-calendar-month-line {
  background: var(--gray-40);
  flex: 1;
  height: 1px;
}
.slider-calendar-days-ctn {
  display: flex;
  gap: 8px;
}
.slider-calendar-day.selected,
.slider-calendar-day.selected:hover {
  background: var(--gray-80);
  border: none;
}
.slider-calendar-day.selected .slider-calendar-day-name,
.slider-calendar-day.selected .slider-calendar-day-number {
  color: var(--bg);
}
.slider-calendar-day {
  align-items: center;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 16px 8px;
  width: 38px;
}
.slider-calendar-day:hover {
  background: var(--gray-0);
  border: 1px solid var(--gray-50);
}
.slider-calendar-day-name {
  font-size: 12px;
  font-weight: 300;
}
.slider-calendar-day-name,
.slider-calendar-day-number {
  color: var(--gray-90);
  font-style: normal;
  line-height: 100%;
  text-align: center;
}
.slider-calendar-day-number {
  font-size: 14px;
  font-weight: 400;
}
.slider-ad {
  display: flex;
  margin: 16px auto 0;
}
.slider-ad,
.slider-ad img {
  height: 40px;
  width: 100px;
}
.calendar-match {
  width: -moz-fit-content;
  width: fit-content;
}
.day-matches {
  align-items: flex-start;
  border-radius: 16px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  padding: 0 16px 16px;
}
.day-matches .title-container {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}
.day-matches .title-container-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 6px;
}
.day-matches .title-container .soccer-title {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.day-matches .title-container .title-icon {
  max-height: 28px;
  max-width: 28px;
}
.day-matches .title-container .title-button {
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px;
}
.day-matches .title-container .title-button .title-button-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.day-matches .title-container .ad-logo {
  border-radius: 6px;
  max-height: 40px;
  max-width: 80px;
}
.day-matches .soccer-title {
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.day-matches .calendar-match {
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.ctn-f1-story {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.shadow {
  display: none;
}
.no-data-f1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 299px;
}
.no-data-f1 p {
  color: #555;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
.ctn-f1-story-inner {
  background-color: var(--bg-color);
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  width: 100%;
}
.ctn-f1-story-inner .race-details {
  align-items: center;
  background: #eaeaea;
  border-bottom: 2px solid var(--gray-40);
  border-radius: 5px 5px 0 0;
  display: flex;
  justify-content: space-between;
  padding: 12px 6px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.ctn-f1-story-inner .race-details .details-right {
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  flex: 1;
}
.ctn-f1-story-inner .race-details .details-right img {
  height: 32px;
  width: 32px;
}
.ctn-f1-story-inner .race-details .details-right .race-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  row-gap: 6px;
}
.ctn-f1-story-inner .race-details .details-right .race-info .country {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #1f1f1f;
  display: -webkit-box;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ctn-f1-story-inner .race-details .details-right .race-info .circuit {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.ctn-f1-story-inner .race-details .details-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 6px;
}
.ctn-f1-story-inner .race-details .details-left .race-btn {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.ctn-f1-story-inner .race-details .details-left .lastupdate {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.ctn-f1-story-inner .race-positions {
  border-radius: 6px;
  max-height: 320px;
  width: 100%;
}
.ctn-f1-story-inner .race-positions .position-header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: 24px 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 29px;
  padding: 6px;
  width: 100%;
}
.ctn-f1-story-inner .race-positions .position-header .pos {
  grid-column: 1/2;
}
.ctn-f1-story-inner .race-positions .position-header .pilot {
  grid-column: 2 / span 2;
  text-align: left;
  min-width: 130px;
}
.ctn-f1-story-inner .race-positions .position-header .pilot,
.ctn-f1-story-inner .race-positions .position-header .pos {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
.ctn-f1-story-inner .race-positions .position-header .columns {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-column: 4/-1;
  grid-template-rows: 29px;
}
.ctn-f1-story-inner .race-positions .position-header .columns .plus {
  grid-column: 1/2;
}
.ctn-f1-story-inner .race-positions .position-header .columns .lap {
  grid-column: 2/3;
}
.ctn-f1-story-inner .race-positions .position-header .columns .status {
  grid-column: 3/4;
}
.ctn-f1-story-inner .race-positions .position-header .columns .lap,
.ctn-f1-story-inner .race-positions .position-header .columns .plus,
.ctn-f1-story-inner .race-positions .position-header .columns .status {
  color: #1f1f1f;
  flex-grow: 1;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
.ctn-f1-story-inner .race-positions .position-row {
  align-items: center;
  border-bottom: 1px solid #d5d5d5;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: 24px 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 38px;
  padding: 8px 6px;
  width: 100%;
}
.ctn-f1-story-inner .race-positions .position-row .row-pos {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  grid-column: 1/2;
  line-height: 130%;
  text-align: center;
}
.ctn-f1-story-inner .race-positions .position-row .row-details {
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  grid-column: 2 / span 2;
  min-width: 130px;
  text-align: left;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .marker {
  border-radius: 100px;
  height: 30px;
  min-width: 6px;
  width: 6px;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .flag {
  width: 20px;
  height: 20px;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .texts {
  display: flex;
  flex-direction: column;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .texts .name,
.ctn-f1-story-inner .race-positions .position-row .row-details .texts .team {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .texts .name {
  font-weight: 500;
  font-size: 14px;
}
.ctn-f1-story-inner .race-positions .position-row .row-details .texts .team {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ctn-f1-story-inner .race-positions .position-row .row-columns {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-column: 4/-1;
  grid-template-rows: 54px;
}
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-lap,
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-plus,
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-status {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-plus {
  font-weight: 500;
  font-size: 13px;
  grid-column: 1/2;
}
.ctn-f1-story-inner
  .race-positions
  .position-row
  .row-columns
  .pilot-plus.plus {
  color: #004405;
}
.ctn-f1-story-inner
  .race-positions
  .position-row
  .row-columns
  .pilot-plus.plus
  .arrow {
  transform: rotate(275deg);
  fill: #004405;
}
.ctn-f1-story-inner
  .race-positions
  .position-row
  .row-columns
  .pilot-plus.less {
  color: #960000;
}
.ctn-f1-story-inner
  .race-positions
  .position-row
  .row-columns
  .pilot-plus.less
  .arrow {
  transform: rotate(90deg);
  fill: #960000;
}
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-lap {
  grid-column: 2/3;
}
.ctn-f1-story-inner .race-positions .position-row .row-columns .pilot-status {
  grid-column: 3/4;
}
.ctn-f1-story-inner .race-positions .position-row:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}
.ctn-f1-story-inner .race-positions .position-row:nth-child(odd) {
  background: #fafafa;
}
.ctn-f1-story-inner .race-positions .position-row:nth-child(2n) {
  background: #fff;
}
.ctn-f1-story-inner .race-positions::-webkit-scrollbar {
  background: transparent;
  height: 0;
  width: 0;
}
.title-container {
  align-items: center;
  border-bottom: 1px solid var(--gray-50);
  display: flex;
  padding: 0 16px 16px;
  justify-content: space-between;
}
.title-container-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 6px;
}
.title-container .soccer-title,
.title-container .tennis-title {
  color: var(--gray-100);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 0;
}
.title-container .title-icon {
  max-height: 28px;
  max-width: 28px;
}
.title-container .title-button {
  display: flex;
  align-items: center;
  background: rgba(2, 132, 12, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, 0.5);
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px;
  flex: 0 0 auto;
}
.title-container .title-button .title-button-text {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#jwplayer-verticals {
  width: 100%;
  height: 460px;
  min-height: 320px;
  max-height: 460px;
  margin-bottom: -12px;
}
#jw-vertical-video {
  padding: 0 !important;
  margin: 0 !important;
  font-family: Roboto, sans-serif;
}
#jw-vertical-video .jw-reset,
#jw-vertical-video .jwplayer {
  font-family: Roboto, sans-serif !important;
}
#jw-vertical-video-overlay
  .vertical-video-element
  .jw-title-primary.jw-reset-text,
#jw-vertical-video-overlay
  .vertical-video-element
  .jw-title-secondary.jw-reset-text,
#jw-vertical-video .player-wrapper .jw-title-primary.jw-reset-text,
#jw-vertical-video .player-wrapper .jw-title-secondary.jw-reset-text {
  visibility: hidden;
}
.laws-filter.dates .laws-filter-inputs-dates {
  align-items: center;
  display: flex;
  grid-column: span 2;
  min-height: 46px;
  justify-content: center;
  width: 100%;
}
.laws-filter.dates .laws-filter-inputs-dates .outlined-input:first-child input {
  border-radius: 8px 0 0 8px;
  border-right: none;
  min-height: 46px;
}
.laws-filter.dates
  .laws-filter-inputs-dates
  .outlined-input:nth-child(2)
  input {
  border-radius: 0 8px 8px 0;
  min-height: 46px;
}
.laws-filter {
  background: var(--gray-0);
  border-bottom: 1px solid var(--gray-40);
  border-radius: 9px 9px 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 -16px;
  padding: 8px 16px 16px;
  width: calc(100% + 32px);
}
.laws-filter-title {
  font-size: 16px;
  justify-content: space-between;
}
.laws-filter-title,
.laws-filter-title-reset {
  align-items: center;
  color: var(--gray-90);
  display: flex;
  font-style: normal;
  font-weight: 300;
}
.laws-filter-title-reset {
  background: transparent;
  border: none;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  gap: 6px;
  justify-content: center;
}
.laws-filter-title-reset svg {
  height: 6px;
  width: 6px;
}
.laws-filter-title-reset svg path {
  stroke: var(--gray-90);
}
.laws-filter-title-reset:hover {
  color: var(--gray-100);
  font-weight: 400;
}
.laws-filter-title-reset:hover svg path {
  stroke: var(--gray-100);
}
.laws-filter-inputs-ctn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.laws-filter .field-select,
.laws-filter .outlined-input {
  grid-column: span 2;
  margin-bottom: 0;
  min-height: 46px;
}
.laws-filter .field-select:nth-child(3),
.laws-filter .field-select:nth-child(4) {
  grid-column: span 1;
}
.laws-filter .field-select:before {
  z-index: 2;
}
.laws-filter .field-select:after {
  background: var(--white-100);
  content: "";
  height: 20px;
  position: absolute;
  right: 12px;
  top: 30%;
  width: 20px;
  z-index: 1;
}
.laws-filter .field-select:hover:after {
  background: var(--gray-0);
}
.laws-filter .field-select:has(.field-select-input:focus):after {
  background: var(--white-100);
}
.laws-filter
  .field-select:has(.field-select-input:hover:not(:focus):not(:active))
  label {
  background: var(--gray-0);
}
.laws-filter .field-select input,
.laws-filter .outlined-input input {
  min-height: 46px;
}
.laws-filter .field-select input,
.laws-filter .field-select label,
.laws-filter .outlined-input input,
.laws-filter .outlined-input label {
  background: var(--white-100);
  color: var(--gray-70);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}
.laws-filter .field-select [value="true"] {
  background-color: transparent;
}
.laws-filter .field-select-no-opt,
.laws-filter .field-select-opt {
  padding: 0 10px;
  text-indent: 0;
}
.laws-filter-not-found {
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  max-width: 356px;
  padding: 16px 0 32px;
  width: 100%;
}
.laws-filter-not-found.load {
  border: none;
}
.laws-filter-not-found-title {
  font-size: 16px;
}
.laws-filter-not-found-text,
.laws-filter-not-found-title {
  color: var(--gray-90);
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
.laws-filter-not-found-text {
  font-size: 12px;
}
.d23-video {
  border-radius: 3px;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  margin: -1px 0;
  overflow: hidden;
  width: 100%;
}
.d23-video .jwplayer-ctn {
  margin: 0;
}
.d23-video.aspect11 .jwplayer-ctn {
  aspect-ratio: 1/1;
}
.d23-video.aspect169 .jwplayer-ctn {
  aspect-ratio: 16/9;
}
.d23-video.aspect916 .jwplayer-ctn {
  aspect-ratio: 9/16;
}
.d23-video.aspect43 .jwplayer-ctn {
  aspect-ratio: 4/3;
}
.d23-video.aspect34 .jwplayer-ctn {
  aspect-ratio: 3/4;
}
.d23-video.aspect31 .jwplayer-ctn {
  aspect-ratio: 3/1;
}
.highlights-calendar {
  min-height: 2882px;
}
.calendar-feriados-component {
  min-height: 4664px;
}
.laws-feed-component {
  min-height: 1466px;
}
.badge-top {
  flex-direction: column;
  gap: 12px;
}
.badge-cta,
.badge-top {
  align-items: center;
  display: flex;
}
.badge-cta {
  border: 1px solid var(--gray-60);
  border-radius: 100px;
  gap: 6px;
  justify-content: center;
  padding: 6px 12px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
.badge-cta-text {
  font-size: 14px;
  font-weight: 300;
}
.badge-votes-icon {
  height: 14px;
  width: 12px;
}
.badge-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 10px;
  text-align: center;
}
.badge-separator {
  background-color: var(--gray-40);
  border: none;
  height: 1px;
  margin-block-end: 0;
  margin-block-start: 0;
  width: 100%;
  margin-top: 12px;
}
.cuadernos-bg {
  background-image: url(../images/GZ4DSJPCSNGBRAIFPQ6GDARWSY.png);
}
.ctn-special-header {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: auto;
  top: 0;
  width: 100%;
  z-index: -1;
  display: grid;
  grid-template-columns: 1fr;
}
.ctn-special-header .megalateral-derecho {
  display: none;
}
.ctn-special-header .special-header {
  align-items: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  justify-content: flex-start;
  padding: 16px 16px 86px;
  position: relative;
  z-index: 1;
}
.ctn-special-header .special-header .byline {
  padding-bottom: 24px;
}
.ctn-special-header .special-header .byline .authors-name-txt-ctn {
  color: #1f1f1f;
}
.ctn-special-header .special-header .tag-ctn {
  display: flex;
  width: 100%;
  color: #1f1f1f;
}
.ctn-special-header .special-header .tag-ctn .arrow {
  fill: #1f1f1f;
}
.ctn-special-header .special-header .center-tag {
  justify-content: center;
}
.ctn-special-header .special-header .author-ctn {
  display: flex;
}
.ctn-special-header .special-header .center-author {
  width: 100%;
}
.ctn-special-header .special-header .badge {
  padding: 0;
}
.ctn-special-header .special-header .special-header-budget-img {
  height: 98.16px;
  position: absolute;
  width: 196px;
}
.ctn-special-header .special-header .centered {
  text-align: center;
}
.ctn-special-header .special-header-budget {
  display: flex;
  justify-content: center;
}
.ctn-special-header .special-header-title {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.ctn-special-header .special-header-subtitle {
  color: #3b3b3b;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.ctn-special-header .special-header .special-header-budget {
  align-items: center;
  background-size: cover;
  flex-direction: column;
  height: 99px;
  width: 196px;
  z-index: 1;
}
.ctn-special-header .special-header .special-header-budget-text-ctn {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
  margin-top: 19px;
}
.ctn-special-header .special-header .special-header-budget-title {
  align-items: center;
  color: #1f1f1f;
  display: flex;
  flex-direction: column;
  font-family: Sometype Mono;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  text-transform: uppercase;
}
.ctn-special-header .special-header .count-down-cuadernos .badge-cta {
  border: none;
  text-align: center;
}
.ctn-special-header .special-header .count-down-cuadernos b {
  color: #1f1f1f;
  font-family: Sometype Mono;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.ctn-special-header .special-header .count-down-cuadernos p {
  color: #1f1f1f;
  font-family: Sometype Mono;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.sport-calendar-nfl-status {
  align-items: center;
  align-self: stretch;
  background: var(--bg-color);
  border-radius: 6px;
  border: 1px solid var(--border-titlebar);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  margin-top: 6px;
  padding: 12px 0;
}
.sport-calendar-nfl-status .ctn-quarters {
  border-bottom: 0.5px solid var(--border-titlebar);
  display: flex;
  gap: 8px;
  justify-content: center;
}
.sport-calendar-nfl-status .ctn-quarters .quarter {
  min-width: 16px;
  padding-bottom: 6px;
  text-align: center;
  width: 16px;
}
.sport-calendar-nfl-status .ctn-quarters .quarter span {
  color: var(--gray-80);
  text-align: center;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.sport-calendar-nfl-status .scores-away,
.sport-calendar-nfl-status .scores-home {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 112px 1fr;
}
.sport-calendar-nfl-status .scores-away .detail-team,
.sport-calendar-nfl-status .scores-home .detail-team {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 6px;
  justify-content: flex-end;
}
.sport-calendar-nfl-status .scores-away .detail-team .shield,
.sport-calendar-nfl-status .scores-home .detail-team .shield {
  aspect-ratio: 1/1;
  height: 16px;
  width: 16px;
}
.sport-calendar-nfl-status .scores-away .scores-team,
.sport-calendar-nfl-status .scores-home .scores-team {
  display: flex;
  gap: 8px;
  justify-content: space-around;
}
.sport-calendar-nfl-status .scores-away .scores-team .score,
.sport-calendar-nfl-status .scores-home .scores-team .score {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 16px;
  text-align: center;
  width: 16px;
}
.sport-calendar-nfl-status .scores-away .scores-team .loser,
.sport-calendar-nfl-status .scores-home .scores-team .loser {
  color: #777;
}
.sport-calendar-nfl-status .scores-away .total-score-team,
.sport-calendar-nfl-status .scores-home .total-score-team {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 8px;
}
.sport-calendar-nfl-status .scores-away .total-score-team span,
.sport-calendar-nfl-status .scores-home .total-score-team span {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 20px;
  text-align: center;
}
.sport-calendar-nfl-status .scores-away .total-score-team .loser,
.sport-calendar-nfl-status .scores-home .total-score-team .loser {
  color: #777;
}
.sport-calendar-nfl-status .scores-away .total-score-team svg path,
.sport-calendar-nfl-status .scores-home .total-score-team svg path {
  fill: var(--headlines);
}
.fwc__space {
  display: none;
}
.default-chain-ctn {
  border-radius: 3px;
  margin: 0 0 4px;
}
.default-chain-ctn > .title-bar {
  margin-bottom: 16px;
}
.default-chain-ctn > .chain-child-exclusive.title-bar {
  margin-bottom: 20px;
}
.default-chain-ctn > .chain-child-exclusive.title-bar .image-ph {
  display: none;
}
.default-chain-ctn .swiper .swiper-pagination.swiper-pagination-horizontal {
  bottom: 0;
}
.default-chain-ctn .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #111;
}
.default-chain-ctn.exclusive-chain {
  border-radius: unset;
  padding: 0;
  width: 100%;
}
.default-chain-see-more {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 8px;
}
.default-chain-see-more-btn {
  align-items: center;
  background: transparent;
  border: 1px solid var(--gray-50);
  border-radius: 100px;
  color: var(--gray-90);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
  line-height: 21px;
  padding: 8px 16px;
}
.default-chain-inner-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}
.default-chain-show-more {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--mhh-nav-item);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  outline: none;
  padding-right: 0;
}
.default-chain-show-more > svg {
  height: 5px;
  margin-left: 4px;
  margin-top: 1px;
  width: 8px;
}
.default-chain-ctn.default-chain-bg-color,
.five-cards-chain.five-cards-chain-bg-color,
.three-elements-chain.three-elements-chain-bg-color {
  border-radius: 0;
  margin: 0 -16px 24px;
  padding: 0 16px 8px;
}
.default-chain-ctn.default-chain-bg-color > .default-chain-inner-ctn,
.five-cards-chain.five-cards-chain-bg-color > .default-chain-inner-ctn,
.three-elements-chain.three-elements-chain-bg-color > .default-chain-inner-ctn {
  row-gap: 16px;
}
.default-chain-ctn.default-chain-bg-color
  > .default-chain-inner-ctn
  .minute-by-minute-ctn,
.default-chain-ctn.default-chain-bg-color
  > .default-chain-inner-ctn
  .story-card-ctn,
.five-cards-chain.five-cards-chain-bg-color
  > .default-chain-inner-ctn
  .minute-by-minute-ctn,
.five-cards-chain.five-cards-chain-bg-color
  > .default-chain-inner-ctn
  .story-card-ctn,
.three-elements-chain.three-elements-chain-bg-color
  > .default-chain-inner-ctn
  .minute-by-minute-ctn,
.three-elements-chain.three-elements-chain-bg-color
  > .default-chain-inner-ctn
  .story-card-ctn {
  margin-bottom: 0;
}
.default-chain-ctn.default-chain-bg-color > .title-bar > .title-bar-text,
.five-cards-chain.five-cards-chain-bg-color > .title-bar > .title-bar-text,
.three-elements-chain.three-elements-chain-bg-color
  > .title-bar
  > .title-bar-text {
  border-bottom: none;
}
.five-cards-chain {
  border-radius: 3px;
}
.five-cards-chain.five-cards-chain-hide,
.five-cards-chain > .title-bar {
  margin-bottom: 16px;
}
.five-cards-chain.five-cards-chain-hide > .title-bar {
  margin-bottom: 0;
}
.five-cards-chain.five-cards-chain-hide > .five-cards-chain-ctn {
  display: none;
}
.five-cards-chain-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}
.five-cards-chain-bg-color {
  padding: 8px 16px;
  margin: 0 -16px 16px;
}
.five-cards-chain-bg-color > .five-cards-chain-ctn {
  row-gap: 16px;
}
.five-cards-chain-bg-color > .five-cards-chain-ctn .minute-by-minute-ctn,
.five-cards-chain-bg-color > .five-cards-chain-ctn .story-card-ctn {
  margin-bottom: 0;
}
.five-cards-chain-item {
  display: flex;
  width: 100%;
}
.five-cards-chain-bigcard {
  order: -5;
}
.five-cards-chain-show-more {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--gray-80);
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  cursor: pointer;
  padding-right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
.five-cards-chain-show-more > svg {
  height: 5px;
  margin-left: 4px;
  width: 8px;
  margin-top: 1px;
}
.three-elements-chain {
  border-radius: 3px;
}
.three-elements-chain > .title-bar {
  margin-bottom: 16px;
}
.three-elements-chain-ctn {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}
.three-elements-chain-bg-color {
  padding: 8px;
}
.three-elements-chain-bg-color .three-elements-chain-item:last-child,
.three-elements-chain-bg-color
  .three-elements-chain-item:last-child
  > .story-card-ctn {
  margin: 0;
}
.three-elements-chain-item {
  display: flex;
  width: 100%;
}
.three-elements-chain-big-card {
  order: -5;
}
.three-elements-chain-show-more {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--gray-80);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  outline: none;
  padding-right: 0;
}
.three-elements-chain-show-more > svg {
  height: 5px;
  margin-left: 4px;
  margin-top: 1px;
  width: 8px;
}
.three-elements-chain-hide {
  margin-bottom: 16px;
}
.three-elements-chain-hide > .three-elements-chain-ctn {
  display: none;
}
.three-elements-chain-hide > .title-bar {
  margin-bottom: 0;
}
.ecc-top {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 20px;
  row-gap: 20px;
}
.ecc > .title-bar {
  margin-bottom: 16px;
}
.ecc-iframe {
  grid-column: span 2;
  position: relative;
}
.ecc-iframe > div {
  margin-bottom: 0;
}
.ecc-iframe .iframe-loading-spinner {
  width: 100%;
}
.ecc-children-wrapper,
.ecc-children-wrapper-4 {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: 1fr;
}
.ecc-children-wrapper-4 > div:first-child,
.ecc-children-wrapper-4 > div:nth-child(2),
.ecc-children-wrapper > div:first-child,
.ecc-children-wrapper > div:nth-child(2) {
  margin-bottom: 20px;
}
.ecc-children-wrapper-4 > div:nth-child(3),
.ecc-children-wrapper > div:nth-child(3) {
  margin-bottom: 24px;
}
.otf-chain {
  border-top: 2px solid #c2c2c2;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  flex-flow: column wrap;
  padding: 18px 0 4px;
  width: 100%;
}
.otf-chain-verano {
  background-color: #fdf3dd;
  margin: 0 -16px 16px;
  padding: 0 16px;
}
.otf-chain-verano .otf-chain-title-bar {
  border-bottom: 2px solid #f9d78e;
  border-top: none;
}
.otf-chain-verano .otf-chain-title-bar-left {
  border-bottom: none;
}
.otf-chain-verano .newsletter-card-page-view-button,
.otf-chain-verano
  .newsletter-container-info
  .info
  .container-title
  .button-preview {
  background-color: transparent;
}
.otf-chain-verano
  .newsletter-container-info
  .info
  .container-title
  .button-preview {
  border: 1px solid var(--gray-40);
}
.otf-chain-verano .newsletter-card-page-view-button:hover,
.otf-chain-verano
  .newsletter-container-info
  .info
  .container-title
  .button-preview:hover {
  background-color: #f9d78e;
}
.otf-chain-verano .otf-chain-title-bar.closed {
  border-bottom: none;
}
.otf-chain-first-col,
.otf-chain-second-col,
.otf-chain-third-col {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.otf-chain .story-card-ctn > .story-card-info > .media-icon {
  bottom: 20px;
  left: 12px;
  min-height: 40px;
  min-width: 40px;
}
.otf-chain-first-col .story-card-hl {
  font-size: 22px;
  text-align: center;
  width: 100%;
}
.otf-chain-first-col .classSecondChild {
  text-align: center;
}
.otf-chain-first-col .classSecondChild .story-card-img-ctn {
  display: none;
}
.otf-chain-first-col .story-card-details-ctn {
  justify-content: center;
}
.otf-chain-first-col .story-card-info .story-card-img-ctn {
  margin-bottom: 12px;
}
.otf-chain-first-col .story-card-deck {
  font-size: 16px;
  text-align: center;
  width: 100%;
}
.otf-chain-third-col .story-card-img-ctn {
  height: 80px;
  position: relative;
  padding-top: 0;
  width: 80px;
  flex: none;
}
.otf-chain-third-col-noimage .story-card-ctn .story-card-info:not(:has(img)) {
  font-size: 18px;
}
.otf-chain-third-col-noimage .story-card-ctn .story-card-info:has(img) {
  display: none;
}
.otf-chain-third-col
  .story-card-ctn
  > .story-card-info
  > .story-card-details-top
  > .story-card-details-ctn
  > .story-card-author-ctn {
  justify-content: left;
}
.otf-chain-third-col .story-card-ctn {
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-direction: row;
}
.otf-chain-third-col .story-card-info:last-child:has(img) {
  max-width: 80px;
}
.otf-chain-third-col .story-card-hl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.otf-chain-third-col .story-card-details-ctn {
  display: none;
}
.otf-chain-third-col .story-card-details-top {
  display: block;
}
.otf-chain-third-col .story-card-details-top .story-card-details-ctn {
  display: flex;
}
.otf-chain
  .otf-chain-third-col
  > .story-card-ctn
  > .story-card-info
  > .media-icon {
  display: none;
}
.otf-chain .newsletter-chain-view-button {
  margin-bottom: 18px;
}
.otf-chain-title-bar {
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  flex: 0 0 100%;
  grid-column: 1/4;
  justify-content: space-between;
  margin-bottom: 20px;
}
.otf-chain-title-bar.closed {
  margin: 0 0 12px;
}
.otf-chain-title-bar:has(
    .newsletter-chain-view-button,
    .title-bar-anchor-button
  ) {
  gap: 16px;
}
.otf-chain-title-bar-left {
  align-items: center;
  border-bottom: 2px solid var(--orange-100);
  display: flex;
  gap: 8px;
  margin-bottom: -1px;
  padding: 0 0 18px;
}
.otf-chain-title-bar-left svg {
  min-width: 44px;
}
.otf-chain-title {
  color: var(--headlines);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  text-transform: uppercase;
}
.otf-chain-title-bar-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background-color: transparent;
  border: none;
  color: #555;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  outline: none;
  padding: 2px 0 19px;
}
.otf-chain-title-bar-button svg {
  height: 5px;
  margin-left: 4px;
  width: 8px;
}
.otf-chain-title-bar-logo-ctn {
  max-width: -moz-max-content;
  max-width: max-content;
}
.otf-chain-title-bar-logo {
  border-radius: 3px;
  max-height: 40px;
  max-width: 180px;
  width: -moz-max-content;
  width: max-content;
}
.otf-chain .otf-divider-last-chain {
  background-color: #c2c2c2;
  height: 2px;
}
.seven-video-chain .title-bar {
  margin: 0 0 20px;
}
.seven-video-chain .seven-video-chain-first-column {
  border-bottom: 1px solid var(--gray-40);
  margin: 0 0 20px;
  padding: 0 0 12px;
  width: 100%;
}
.seven-video-chain .seven-video-chain-second-column {
  margin: 0 0 8px;
}
.seven-video-chain .seven-video-chain-second-column .story-card-ctn {
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-direction: row;
}
.seven-video-chain .seven-video-chain-second-column .story-card-details-ctn {
  display: none;
}
.seven-video-chain .seven-video-chain-second-column .story-card-img-ctn {
  aspect-ratio: 1/1;
  min-width: 80px;
  padding-top: 0;
  width: 80px;
}
.seven-video-chain .seven-video-chain-second-column .story-card-hl {
  font-size: 16px;
  line-height: 130%;
}
.seven-video-chain .second-column-last-separator,
.seven-video-chain .second-column-separator {
  display: none;
}
.podcast {
  background: transparent linear-gradient(180deg, #1a0f00, #1a1a1a) 0 0
    no-repeat padding-box;
  line-height: 1.5;
  min-height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
}
.podcast-head {
  height: 0;
}
.podcast-body-top {
  width: 100%;
}
.podcast-body-container {
  display: grid;
  grid-template-columns: 100%;
}
.podcast-body-left {
  order: 2;
  padding: 22px 15px;
}
.podcast-body-right {
  order: 1;
  padding: 22px 15px;
}
.podcast-body-bottom {
  border-top: 1px solid #3b3b3b;
  margin: 0 15px;
  padding-bottom: 22px;
  padding-top: 22px;
}
.podcast_player {
  margin-top: 92px;
  padding: 0;
}
.podcast-no-tb {
  border-top: none;
}
.podcast-span-rail {
  display: none;
}
.podcast .side-menu .item {
  color: #e2e2e2;
}
.basic-layout {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
}
.basic-nav:not(:has(.sticky-navbar-ad-container)) {
  margin-top: 56px;
}
@media (min-width: 320px) {
  .mini-chapter {
    max-width: 50vw;
  }
  .default-chain-two_cards_mobile,
  .podcast .ndc_two_cards_mobile {
    align-content: center;
    align-items: stretch;
    display: grid;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
}
@media screen and (min-width: 420px) {
  .identity-upload-modal__container-buttons {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 460px) {
  article:not(.article)
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 6px;
  }
  article:not(.article) .sharebar-buttons {
    padding: 8px 12px;
  }
  article:not(.article) .button-save,
  article:not(.article) .button-saved {
    padding: 8px;
  }
  article:not(.article) .button-listen {
    width: 94px;
  }
  article:not(.article) .button-share {
    width: 96px;
  }
  article:not(.article) .sharebar-buttons-container {
    min-width: 202px;
  }
  article:not(.article) .button-listen > .buttons-text,
  article:not(.article) .button-share > .buttons-text {
    display: block;
  }
}
@media only screen and (min-width: 480px) {
  .article .sharebar-buttons {
    padding: 8px 12px;
  }
  .article .button-save,
  .article .button-saved {
    padding: 8px;
  }
  .article .button-listen {
    width: 94px;
  }
  .article .button-share {
    width: 96px;
  }
  .article .sharebar-buttons-container {
    min-width: 202px;
  }
  .article .button-listen > .buttons-text,
  .article .button-share > .buttons-text {
    display: block;
  }
}
@media (min-width: 495px) {
  .jwplayer-ctn .jw-related-btn {
    display: flex;
  }
}
@media only screen and (min-width: 500px) {
  .body-blogging-share-bar
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 6px;
  }
  .body-blogging-share-bar .sharebar-buttons {
    padding: 8px 12px;
  }
  .body-blogging-share-bar .button-save,
  .body-blogging-share-bar .button-saved {
    padding: 8px;
  }
  .body-blogging-share-bar .button-listen {
    width: 94px;
  }
  .body-blogging-share-bar .button-share {
    width: 96px;
  }
  .body-blogging-share-bar .sharebar-buttons-container {
    min-width: 202px;
  }
  .body-blogging-share-bar .button-listen > .buttons-text,
  .body-blogging-share-bar .button-share > .buttons-text {
    display: block;
  }
}
@media screen and (min-width: 517px) {
  .exchange-dolar-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 540px) {
  .modal-bj-content-close {
    top: 27px;
  }
  .modal-bj-content-title {
    font-size: 28px;
    line-height: 1.2em;
  }
}
@media (min-width: 577px) {
  .electoralRoll {
    gap: 16px;
  }
  .electoralRoll-bottom {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    row-gap: 43px;
  }
  .electoralRoll-bottom-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .electoralRoll-bottom-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .electoralRoll-bottom-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .electoralRoll-bottom-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .badge-title,
  .electoralRoll-title {
    font-size: 28px;
    margin-bottom: 4px;
  }
}
@media (min-width: 577px) and (max-width: 820px) {
  .cc-ctn {
    gap: 15px;
  }
  .cc-sub {
    padding: 0;
  }
  .fc-title-outlined.fc-link {
    font-size: 18px;
  }
}
@media only screen and (min-width: 577px) {
  .inHouse-logo-img {
    width: 131px;
  }
  .rawHTML-videoJWPlayer {
    width: 60%;
  }
  .body-article {
    font-size: 22px;
  }
  .body-article .paragraph,
  .body-article .text-element {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 24px;
  }
  .body-article .text-element {
    margin-bottom: 16px;
  }
  .body-article ol.list,
  .body-article ul.list {
    font-size: 22px;
    padding-right: 0;
  }
  .body-article ol.list li:before,
  .body-article ul.list li:before {
    top: 11px;
  }
  .body-article ol.list > li:before {
    top: 6px;
  }
  .body-article .image-initial-width img,
  .body-article .visual__image img {
    border-radius: 3px;
    margin: 0;
    width: 100%;
  }
  .body-article .visual__video {
    left: 0;
    margin: 0 0 20px;
  }
  .article-tags-container {
    border-bottom: none;
  }
  .article-tag {
    font-size: 16px;
  }
  .related-themes {
    font-size: 18px;
  }
  .related-themes-icon svg {
    margin-bottom: 0;
  }
  .image-full-width amp-img,
  .image-full-width img {
    border-radius: 0;
  }
  .onefootball-wrapper {
    margin: 0 0 24px;
    width: 100%;
  }
  .onefootball > .ht-h1 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .article-section-ctn {
    align-items: center;
    margin: 0 0 12px;
  }
  .article-section-tag {
    font-size: 16px;
  }
  .article-headline {
    font-size: 46px;
    font-weight: 700;
    margin: 0 0 16px;
  }
  .article-header.article-headline-live-blogging {
    border-bottom: none;
  }
  .article-header .article-headline-live-blogging {
    text-align: center;
  }
  .article-subheadline {
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 16px;
  }
  .article-subheadline.article-subheadline-live-blogging {
    margin-bottom: 16px;
    padding-bottom: 0;
    text-align: center;
  }
  .author-image-header,
  .author-image-header amp-img,
  .author-image-header img {
    height: 40px;
    width: 40px;
  }
  .author-image-header {
    align-items: center;
    display: flex;
    margin: 8px 0;
  }
  .color_figcaption {
    font-size: 20px;
    padding: 0 0 0 14px;
    margin-bottom: 10px;
    margin-top: 6px;
  }
  .blockquote-imgs-ctn {
    height: 32px;
  }
  .blockquote-imgs-ctn-bot,
  .blockquote-imgs-ctn-top {
    height: 32px;
    width: 32px;
  }
  .cc-ctn {
    gap: 30px;
  }
  .cc-val {
    line-height: 1.3;
  }
  .cc-val,
  .cc-val.price-large,
  .fc-val.price-large {
    font-size: 24px;
  }
  .box-info-title {
    display: flex;
  }
  .cc-link {
    font-size: 24px;
    margin-bottom: 0;
  }
  .box-info-per-error-tag {
    font-size: 14px;
  }
  .fc-val-outlined {
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
  }
  .fc-title-outlined.fc-link {
    font-size: 24px;
  }
  .breaking-news-link {
    padding: 15px 0;
  }
  .breaking-news-link-content {
    color: #fff;
    font-size: 18px;
  }
  .breaking-news-link-content > a {
    font-size: 18px;
  }
  .byline {
    padding-bottom: 0;
  }
  .authors-name-txt-ctn,
  .authors-name-txt-ctn a,
  .authors-name-txt-ctn p,
  .authors-name-txt-ctn span {
    font-size: 16px;
    line-height: 20.8px;
  }
  .byline.byline-live-blogging {
    border-bottom: 1px solid var(--gray-40);
    margin: 0 auto;
  }
  .card-review-ctn {
    display: grid;
    grid-template-columns: 3fr 5fr 5fr;
    gap: 16px 24px;
  }
  .card-review-score {
    margin: 0;
  }
  .card-review-rating-platform {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-direction: row;
    grid-column: span 3;
    justify-content: space-between;
  }
  .card-review-video {
    width: auto;
  }
  .card-review-video > div,
  .card-review-video > div > div {
    width: 100%;
  }
  .card-review-image-ctn {
    margin: 0;
  }
  .card-review-division {
    height: 28px;
  }
  .card-review-score-chip {
    margin: 0;
  }
  .card-review-platform-ctn {
    flex-flow: row wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .card-review-platform-deck {
    margin: 0;
  }
  .card-review-single-chip {
    justify-content: flex-start;
    height: 32px;
    align-items: end;
  }
  .tooltip-identity .tooltip-ctn {
    left: 425px;
  }
  .tooltip-identity .tooltip-ctn-reverse {
    display: block;
    left: 56%;
    top: -104px;
  }
  .exchange-dolar-title {
    font-size: 14px;
  }
  .exchange-dolar-amount {
    font-size: 28px;
  }
  .exchange-dolar-item {
    padding: 4px 8px;
  }
  .feed-list-wrapper > .ht-h1 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .feed-list-no-results {
    font-size: 50px;
  }
  .feed-list-card {
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: [col1] 66.06% [col2];
  }
  .feed-list-card,
  .feed-list-card-first {
    display: grid;
    grid-template-rows: [row1] max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .feed-list-card-first {
    grid-template-columns: [col1] 50% [col2];
    width: 100%;
  }
  .feed-list-card-first .col2 {
    margin: 0;
    padding-top: 56.25%;
    width: 100%;
  }
  .feed-list-card-last {
    margin-bottom: 24px;
  }
  .feed-list-card-headline-lean {
    font-size: 20px;
    grid-row: row1;
  }
  .feed-list-card-headline-lean-first {
    text-align: left;
  }
  .deck {
    font-size: 14px;
    grid-row: row2;
    margin-bottom: 0;
  }
  .deck-first {
    text-align: left;
  }
  .feed-list-image-first {
    border-radius: 3px;
  }
  .col2 {
    border-bottom: none;
    padding-bottom: 0;
  }
  .feed-list-wrapper > a.feed-list-read-more,
  button.feed-list-read-more {
    font-size: 20px;
    height: 47px;
    margin-bottom: 32px;
  }
  .footer-ctn {
    display: block;
    padding: 32px 40px 24px;
    z-index: 2990;
  }
  .footer-menu.footer-menu-bajalibros {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
  .footer-menu.footer-menu-bajalibros .footer-logo {
    width: 100%;
    max-width: 171.84px;
  }
  .footer-menu.footer-menu-bajalibros .footer-bj-logo {
    width: 100%;
    max-width: 231px;
  }
  .footer-menu {
    grid-template-columns: repeat(4, 25%);
    max-width: 928px;
  }
  .logo-wrapper {
    align-items: inherit;
    flex-direction: column;
    gap: inherit;
    margin-bottom: 40px;
    margin-top: 0;
  }
  .footer-column {
    font-size: 14px;
    grid-template-columns: 100%;
    padding-left: 0;
    row-gap: 4px;
    text-align: center;
  }
  .social-media-buttons.social-media-buttons-bajalibros {
    grid-template-columns: 1fr 1fr;
  }
  .social-media-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer-section {
    flex-direction: column;
    margin-top: 8px;
  }
  .copyright-text {
    text-align: center;
  }
  .footer-link {
    padding: 8px;
  }
  .footer-logo {
    height: 40px;
    width: 171.84px;
  }
  .foreign-item-ctn {
    width: calc(50% - 10px);
  }
  .body-blogging-article .foreign-item-ctn {
    width: 100%;
  }
  .ht-h1 {
    font-size: 39px;
  }
  .headline-class-h2 {
    font-size: 24px;
  }
  .headline-class-h3 {
    font-size: 22px;
  }
  .popup-content::-webkit-scrollbar {
    width: 3px;
  }
  .identity-popup {
    overflow-y: hidden;
  }
  .identity-menu-gradient-left,
  .identity-menu-gradient-right {
    display: none;
  }
  .identity {
    margin-top: 42px;
  }
  .identity-header.loading .identity-header-data-title {
    height: 47px;
  }
  .identity-form {
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
  .identity-form div:first-child,
  .identity-form div:nth-child(2),
  .identity-form div:nth-child(4),
  .identity-form div:nth-child(5),
  .identity-form div:nth-child(8),
  .identity-form div:nth-child(9) {
    grid-column: auto/span 1;
  }
  .identity-form div:nth-child(3),
  .identity-form div:nth-child(6),
  .identity-form div:nth-child(7),
  .identity-form div:nth-child(10),
  .identity-form div:nth-child(11),
  .identity-form div:nth-child(12),
  .identity-form div:nth-child(13),
  .identity-form div:nth-child(14),
  .identity-form div:nth-child(15) {
    grid-column: auto/span 2;
  }
  .identity-button-confirm,
  .identity-button-confirm-disabled {
    font-size: 20px;
    height: 47px;
    padding: 12px 16px;
    width: auto;
  }
  .identity-header-data {
    gap: 21px;
    grid-template: "title signout" auto "email signout" 22px / auto max-content;
  }
  .identity-header-user-data {
    padding-bottom: 17px;
  }
  .identity-header-data-title {
    font-size: 39px;
  }
  .identity-header-data-email {
    font-size: 18px;
  }
  .identity-sign-out > span {
    display: initial;
  }
  .identity-sign-out > svg {
    height: 14px;
    width: 14px;
  }
  .identity-menu {
    gap: 8px;
    height: 47px;
    margin-top: 24px;
    width: -moz-max-content;
    width: max-content;
  }
  .identity-menu-item {
    font-size: 18px;
  }
  .identity-account-actions {
    height: 110px;
  }
  .field-select-list::-webkit-scrollbar {
    width: 3px;
  }
  .jwplayer-ctn {
    margin: 0;
    padding-top: 56.25%;
    width: 100%;
  }
  .jwplayer-figcaption {
    line-height: 1.6;
    margin: 12px 0 24px;
    padding: 0;
  }
  .livebar-ctn .livebar-ctn-info .livebar-ctn-live-title {
    gap: 12px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .live-notice-link-badge-theme-1 {
    font-size: 18px;
    height: auto;
    padding: 4px 8px;
    width: -moz-max-content;
    width: max-content;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .live-notice-link-badge-theme-1
    .big-circle-theme-1 {
    height: 14px;
    width: 14px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .live-notice-link-badge-theme-1
    .big-circle-theme-1
    .sm-circle-theme-1 {
    height: 6px;
    transform: inherit;
    width: 6px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-title.big {
    font-size: 22px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-desc {
    font-size: 16px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-desc.big {
    font-size: 18px;
  }
  .livebar-ctn .livebar-ctn_video {
    height: 161px;
    width: 286px;
  }
  .livebar-ctn {
    grid-template-columns: 286px 1fr 32px;
  }
  .live-notice-link {
    gap: 24px;
    display: flex;
    padding: 13.5px 0;
  }
  .live-notice-link-badge-theme-1 {
    font-size: 18px;
    line-height: 21px;
    width: 103px;
    height: 29px;
  }
  .live-notice-text {
    font-size: 18px;
  }
  .live-notice-sticky-fixed-link {
    display: flex;
  }
  .liveYoutube-ctn {
    display: grid;
    grid-template-columns: 2fr 3fr;
    -moz-column-gap: 25px;
    column-gap: 25px;
    padding: 16px;
  }
  .liveYoutube-live {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 14px;
  }
  .liveYoutube-hl {
    font-size: 22px;
  }
  .liveYoutube-summary {
    display: flex;
    font-size: 14px;
    line-height: 1.5;
  }
  .liveYoutube-bomb {
    margin: 0 0 20px -16px;
  }
  .masthead-header .ctn-quicklinks {
    margin: 0 -16px 12px;
  }
  .minute-by-minute-ctn {
    height: calc(100% - 12px);
  }
  .newsletter-card-horizontal.card-feed-list .newsletter-container-info {
    gap: 20px;
    grid-template-columns: 1fr 122px;
  }
  .newsletter-card-horizontal.card-feed-list
    .newsletter-container-info
    .info
    .title,
  .newsletter-card-horizontal.card-feed-list
    .newsletter-header
    .header-title
    span {
    font-size: 22px;
  }
  .newsletter-card-horizontal.card-feed-list
    .newsletter-container-info
    .info
    .description {
    font-size: 16px;
  }
  .newsletter-card-page-view-button-ctn {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .notifications-menu-ctn-interests {
    height: calc(100vh - 485px);
  }
  .notifications-menu-active:has(.notifications-menu-not-configured)
    .notifications-menu-ctn-interests {
    height: calc(100vh - 575px);
  }
  .right-panel {
    max-width: 318px;
  }
  .right-panel .button,
  .right-panel__button--logout-ctn {
    max-width: 286px;
  }
  .sharebar-container {
    flex-flow: row wrap;
  }
  .buttons-save-text {
    display: flex;
    justify-content: center;
    min-width: 61px;
  }
  .sharebar-buttons.button-save,
  .sharebar-buttons.button-saved {
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    padding: 10px 22px 10px 16px;
    width: 100%;
  }
  .button-save,
  .button-saved {
    width: auto;
  }
  .avoid-scroll {
    overflow: auto;
  }
  .sharemenu-header {
    display: none;
  }
  .sharemenu-container {
    border-radius: 3px;
    border: 0.5px solid var(--gray-50);
    box-shadow: none;
    display: none;
    padding: 0;
    position: absolute;
  }
  .sharemenu-overlay-background {
    display: none;
  }
  .sharemenu-container.show-sharemenu-container {
    bottom: auto;
    display: block;
    left: auto;
    right: 0;
    top: 35px;
    width: 144px;
  }
  .sharemenu-buttons {
    font-size: 10px;
    gap: 6px;
    height: auto;
    padding: 0;
  }
  .sharemenu-buttons:active {
    background: none;
  }
  .sharemenu-buttons-container {
    gap: 16px;
    padding: 8px;
  }
  .share-note-txt {
    padding-right: 17px;
    margin-bottom: 16px;
  }
  .share-email,
  .share-facebook,
  .share-link,
  .share-link-green,
  .share-linkedin,
  .share-telegram,
  .share-twitter,
  .share-whatsapp {
    background-size: 22px;
    height: 22px;
    width: 22px;
  }
  .share-link,
  .share-link-green {
    background-size: contain;
  }
  .svg-icon,
  .svg-icon-copied {
    height: 22px;
    width: 22px;
  }
  .side-menu {
    left: -320px;
  }
  .dropdown-item-ctn {
    width: 90%;
  }
  .dark-mode-btn__container,
  .side-menu {
    max-width: 320px;
  }
  .dark-mode-btn__container.slide-open,
  .side-menu.slide-open {
    left: 0;
  }
  .dropdown-item {
    margin-right: 8px;
  }
  .story-card-img.with-scb {
    border-radius: 3px;
  }
  .story-card-scb {
    border-top: none;
    bottom: 0;
    margin: 0 0 12px;
    position: absolute;
    width: 100%;
  }
  .story-card-scb:after {
    display: none;
  }
  .story-card-video {
    margin: 0 0 12px;
    width: 100%;
  }
  .three-elements-chain-item .story-card-scb {
    height: 9vw;
  }
  .three-elements-chain-item .story-card-scb.scb-with-sponsor {
    height: calc(9vw + 26px);
    margin-top: unset;
  }
  .three-elements-chain-big-card .story-card-scb {
    height: 11.25vw;
  }
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
    height: calc(11.25vw + 32px);
    margin-top: unset;
  }
  .three-elements-chain-big-card .story-card-img.with-scb {
    border-radius: 0;
  }
  .default-chain-2 .story-card-scb {
    height: 9vw;
  }
  .default-chain-2 .story-card-scb.scb-with-sponsor {
    height: calc(9vw + 28px);
    margin-top: unset;
  }
  .default-chain-3 .story-card-scb {
    height: 5.805vw;
  }
  .default-chain-3 .story-card-scb.scb-with-sponsor {
    height: calc(5.805vw + 27px);
    margin-top: unset;
  }
  .default-chain-4 .story-card-scb {
    height: 9vw;
  }
  .default-chain-4 .story-card-scb.scb-with-sponsor {
    height: calc(9vw + 28px);
    margin-top: unset;
  }
  .embed-match {
    background-color: transparent;
  }
  .exclusive-card-info .story-card-hl {
    font-size: 18px;
  }
  .story-card-ctn {
    margin: 0 0 12px;
  }
  .story-card-ctn.cuadernos-card {
    margin-left: 0;
    width: 100%;
  }
  .color_red {
    color: var(--red-100);
  }
  .color_white {
    color: var(--white-100);
  }
  .five-cards-chain-bigcard .media-icon,
  .fwc .media-icon,
  .three-elements-chain-big-card .media-icon {
    bottom: 16px;
    height: 48px;
    left: 16px;
    width: 48px;
  }
  .default-chain-2 .media-icon,
  .default-chain-3 .media-icon {
    height: 40px;
    width: 40px;
  }
  .tva-player-ctn {
    margin: 0;
    padding-top: 56.25%;
    width: 100%;
  }
  .tva-player-figcaption {
    line-height: 1.6;
    margin: 12px 0 24px;
    padding: 0;
  }
  .title-bar,
  .title-bar-subtitle {
    font-size: 20px;
  }
  .title-bar {
    max-height: 68px;
  }
  .title-bar-text {
    font-size: 22px;
    padding: 18px 0;
  }
  .title-bar-text h2 {
    font-size: 22px;
  }
  .title-bar-logo {
    height: 40px;
    max-height: 40px;
    max-width: 100px;
  }
  .title-bar-logo-exclusive img {
    max-height: 32px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .sharebar-article-date {
    font-size: 14px;
  }
  .share-bar-article-date-divider > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
  .sharebar-container {
    margin-bottom: 16px;
    position: relative;
  }
  .button-listen:active,
  .button-listen:hover,
  .sharebar-buttons:hover {
    background-color: var(--gray-10);
  }
  .button-listen:active {
    border: 1px solid var(--orange-60);
    background-color: var(--orange-10);
  }
  .button-playing:hover {
    background-color: rgba(246, 142, 1, 0.2);
  }
  .election-summaryBarV2_Individual {
    height: 27px;
  }
  .election-summaryBarV2 > .election-summaryBarV2Stat,
  .election-summaryBarV2 > .election-summaryBarV2StatBorder,
  .election-summaryBarV2_Individual > .election-summaryBarV2Stat,
  .election-summaryBarV2_Individual > .election-summaryBarV2StatBorder {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    gap: 4px;
  }
  .election-summaryBarV2StatTitle {
    font-size: 14px;
    max-width: 100%;
  }
  .election-summaryBarV2StatQty {
    font-size: 13px;
  }
  .card-ll-layout {
    margin-bottom: 32px;
  }
  .card-ll-img,
  .card-ll-youtube {
    border-radius: 9px;
  }
  .card-ll-img-ctn {
    margin: 0;
    width: 100%;
  }
  .info-card-container-for-iframe > .info-card-top {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .info-card-container.info-card-container-for-iframe {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    gap: 0;
    justify-content: space-evenly;
  }
  .info-card-container.info-card-container-for-iframe > .info-card-description {
    max-width: 40%;
    text-align: start;
    flex: none;
  }
  .info-card-container {
    margin-bottom: 32px;
  }
  .ecc-children-wrapper-4 .last-child-odd,
  .ecc-children-wrapper .last-child-odd {
    grid-column: 2/4;
  }
  .background-feature-cards-right:has(.background-feature-card-full-width-img)
    .background-feature-card {
    max-width: 227px;
    width: 227px;
  }
  .background-feature-cards-right:has(.background-feature-card-full-width-img)
    .background-feature-card-full-width-img {
    max-height: 210px;
    max-width: 373.33px;
    width: 373.33px;
  }
  .background-video-left-logo-tr-img {
    left: 16px;
    max-width: 75px;
    position: absolute;
    top: 16px;
  }
  .background-video {
    border-radius: 12px;
    flex-direction: row;
    gap: 20px;
    margin: 0 0 24px;
    max-height: 242px;
    width: 100%;
  }
  .background-video-left {
    height: auto;
    justify-content: space-between;
    max-height: 210px;
    max-width: 438px;
    width: 50%;
  }
  .background-video-left-description {
    font-size: 18px;
  }
  .background-video-left-logo {
    max-width: 140px;
  }
  .background-video-left-logo-img {
    max-width: 100%;
  }
  .background-video-right {
    display: inline-block;
    margin: 0 auto;
    width: 50%;
  }
  .background-video-right-videos {
    align-items: center;
    display: flex;
    gap: 16px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 469px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 2px);
  }
  .background-video-right .rawHTML {
    height: 100%;
    margin: 0 auto;
    max-height: 210px;
    max-width: 373px;
    width: auto;
  }
  .background-video-right .rawHTML iframe {
    height: 100%;
  }
  .background-video-right-player {
    height: 100%;
    margin: auto;
    max-height: 210px;
    max-width: 373px;
    width: 100%;
  }
  .background-video-right .swiper-pagination {
    display: none;
  }
  .next-arrow-bfv,
  .prev-arrow-bfv {
    display: block;
    height: 40px;
    width: 40px;
  }
  .background-video-left-wrapper {
    margin: auto 0;
  }
  .exclusive-video-yt {
    max-height: 210px;
    max-width: 373px;
  }
  .dynamic-chain-main-img-cuadernos-contained,
  .dynamic-chain-main-img-cuadernos-overflowing {
    background-image: url(../images/VJGIQUXY7VGNXINPICKKKTQFJQ.png);
  }
  .dynamic-chain-main-info.causa-cuadernos-overflowing-iner .reserved-space {
    height: 40px;
  }
  .dynamic-chain .sponsor-logo.title-bar-logo {
    margin-bottom: 10px;
  }
  .dynamic-chain-main-anchor-img .story-card-scb {
    border-top: none;
    bottom: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: min(11vw, 120px);
  }
  .dynamic-chain-main-anchor-img .story-card-scb.scb-with-sponsor {
    height: min(8vw, 112px);
  }
  .dynamic-chain-main-info {
    padding: 16px;
  }
  .dynamic-chain-main-info .simple-story {
    border: none;
  }
  .dynamic-chain-main-info .centered {
    font-size: 16px;
  }
  .dynamic-chain-main-info .dk-big {
    font-size: 18px;
  }
  .dynamic-chain-main-info .txtc-true {
    text-align: center;
  }
  .dynamic-chain-divider-bottom {
    display: flex;
    height: 2px;
    justify-content: center;
    margin: 24px 16px 0;
    width: calc(100% - 32px);
  }
  .dynamic-chain-small,
  .dynamic-chain-small-two,
  .dynamic-chain-two {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%;
  }
  .dynamic-chain-two-anchor-img {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
  }
  .dynamic-chain-two-small-anchor-img {
    width: 100px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .dynamic-chain-small-anchor-img {
    width: 100px;
    height: auto;
  }
  .dynamic-chain .media-icon {
    width: 30px;
    height: 30px;
  }
  .ER {
    height: 711px;
    padding: 32px;
  }
  .ER-preferences-list {
    -moz-column-gap: 32px;
    column-gap: 32px;
    grid-template: ". divider ." 1fr ". divider ." 1fr ". divider ." 1fr ". divider ." 1fr ". divider ." 1fr ". divider ." 1fr/1fr 1px 1fr;
    width: 100%;
  }
  .ER-preferences-divider {
    background-color: var(--gray-40);
    display: block;
    grid-area: divider;
    height: 100%;
    width: 1px;
  }
  .RI {
    padding: 32px;
  }
  .RI-registry-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .saved-notes-container {
    padding-bottom: 24px;
  }
  .date-component {
    align-items: center;
    display: flex;
    gap: 4px;
    padding-bottom: 8px;
  }
  .saved-notes-counter {
    border-bottom: 1px solid var(--gray-40);
    display: flex;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    margin-bottom: 24px;
    padding: 24px 0;
  }
  .saved-notes .feed-list-card {
    padding: 12px 0;
  }
  .saved-notes .feed-list-card .col2 {
    height: 150px;
    max-height: 150px;
    max-width: 150px;
    min-width: 150px;
    width: 150px;
  }
  .save-note-headline .story-card-date {
    color: var(--gray-90);
    display: flex;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
  }
  .saved-notes .feed-list-card .col2 .feed-list-image {
    height: 150px;
    width: 150px;
  }
  .saved-notes .col1 {
    width: calc(100% - 150px);
  }
  .save-notes-bottom {
    align-items: center;
    display: flex;
    left: 162px;
    position: absolute;
    width: calc(100% - 161px);
  }
  .frame-borders {
    padding-bottom: 16px;
  }
  .frame-title {
    font-size: 20px;
  }
  .frame-title-wrapper {
    margin-bottom: 24px;
  }
  .grey-line-component {
    margin: 0 0 32px;
  }
  .LO {
    padding: 32px;
  }
  .pos-tbl-ctn .pos-tm-shield {
    height: 32px;
    width: 32px;
  }
  .pos-tbl-status {
    flex-direction: row;
  }
  .pos-tbl-status .pos-tbl-status-panel-right {
    width: 49%;
  }
  .pos-tbl-status .pos-tbl-status-divider {
    height: auto;
    width: 1px;
  }
  .pos-tbl-status .pos-tbl-status-panel-left {
    width: 49%;
  }
  .pos-tbl-rw-lyt-grw {
    gap: 12px;
    margin: 0;
    max-width: 100%;
    min-width: 60px;
  }
  .pos-rw-nm {
    font-size: 16px;
    gap: 12px;
  }
  .pos-tbl-h {
    font-size: 16px;
    font-weight: 500;
  }
  .pos-tbl-col {
    font-size: 16px;
    font-weight: 300;
  }
  .pos-tbl-hd {
    background: var(--gray-20);
    border: solid var(--gray-40);
    border-width: 1px 1px 2px;
    border-radius: 6px 6px 0 0;
    color: var(--gray-100);
    height: 37px;
  }
  .pos-tbl-cl,
  .pos-tbl-col {
    min-width: clamp(28px, 3vw, 38px);
  }
  .default-chain-inner-ctn .pos-tbl-cl,
  .default-chain-inner-ctn .pos-tbl-col {
    min-width: clamp(23px, 3vw, 38px);
  }
  .pos-tbl-shd-text {
    font-size: 16px;
  }
  .pos-tbl-shd {
    gap: 24px;
  }
  .pos-rw-nm-code {
    display: none;
  }
  .pos-rw-nm-text {
    display: block;
  }
  .pos-tbl-inf-stts p {
    font-size: 16px;
  }
  .pos-tbl-col-clas,
  .pos-tbl-col-desc,
  .pos-tbl-col-semi,
  .pos-tbl-col-warn {
    height: 32px;
    padding: 5px;
    width: 32px;
  }
  .pos-tbl-inf:has(.pos-tbl-inf-obs) {
    flex-direction: row;
    gap: auto;
    justify-content: space-between;
  }
  .pos-tbl-inf-obs {
    border-left: 1px solid var(--gray-50);
    border-top: none;
    padding-left: 16px;
    padding-top: 0;
    width: 50%;
  }
  .pos-tbl-ctn .table-container-default .table-ranking-cell {
    height: 32px;
    width: 32px;
  }
  .sport-leagues-logos-ctn .league-tournament-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .sport-calendar,
  .sport-calendar-error {
    margin: 0;
  }
  .sport-calendar-swiper-short .swiper-wrapper {
    justify-content: center;
  }
  .sport-calendar-match-vs {
    -moz-column-gap: 12px;
    column-gap: 12px;
    justify-content: center;
  }
  .sport-slider-flag {
    margin: auto;
    padding: inherit;
    width: 100%;
  }
  .sport-slider-flag .swiper {
    width: 100%;
  }
  .sport-slider-flag .swiper-wrapper:first-child {
    padding-left: 0;
  }
  .sport-slider-flag.slider-arrows {
    padding: inherit;
  }
  .league-overview {
    margin: 0;
  }
  .league-overview-scores .sport-scores-ctn {
    display: flex;
  }
  .soccer-live-bar {
    background: transparent;
    border: none;
    margin: 0 0 20px;
    max-width: 100%;
    width: 100%;
  }
  .soccer-live-bar > .leagues-swiper-divider {
    display: none;
  }
  .soccer-live-bar .sport-live-events {
    padding: 0;
  }
  .soccer-live-bar .sport-live-events .swiper {
    padding-bottom: 0;
  }
  .soccer-live-bar .sport-live-events-league-wrapper {
    background: var(--gray-0);
    border-radius: 6px;
    border-right: none;
    padding: 12px;
  }
  .soccer-live-bar .swiper-slide:first-child {
    margin-left: 0;
  }
  .soccer-live-bar .swiper-slide:last-child {
    margin-right: 0;
  }
  .soccer-live-bar-skeleton {
    height: 129px;
  }
  .parliament-chart {
    margin: 0 auto 32px;
    padding-bottom: 32px;
  }
  .recipe-feed-header {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
  }
  .recipe-feed-title {
    width: -moz-fit-content;
    width: fit-content;
  }
  .recipe-feed .recipe-feed-separator-top {
    display: block;
    width: 100%;
  }
  .recipe-feed-arrows .next-arrow,
  .recipe-feed-arrows .prev-arrow {
    border-radius: 50%;
    border: 1px solid var(--gray-40);
    height: 32px;
    width: 32px;
  }
  .recipe-feed-arrows .next-arrow circle,
  .recipe-feed-arrows .prev-arrow circle {
    fill: transparent;
  }
  .recipe-feed-arrows .next-arrow path,
  .recipe-feed-arrows .prev-arrow path {
    fill: var(--gray-60);
  }
  .recipe-feed-arrows .next-arrow.disabled,
  .recipe-feed-arrows .prev-arrow.disabled {
    border-color: var(--gray-20);
    pointer-events: none;
  }
  .recipe-feed-arrows .next-arrow.disabled path,
  .recipe-feed-arrows .prev-arrow.disabled path {
    fill: var(--gray-20);
  }
  .recipe-feed-arrows .next-arrow:hover,
  .recipe-feed-arrows .prev-arrow:hover {
    cursor: pointer;
  }
  .recipe-feed-arrows .next-arrow:hover circle,
  .recipe-feed-arrows .prev-arrow:hover circle {
    fill: var(--gray-10);
  }
  .recipe-feed-search {
    -moz-column-gap: 12px;
    column-gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .recipe-feed-search-input {
    font-size: 14px;
    max-width: 200px;
    padding: 8px 16px;
    width: 190px;
  }
  .recipe-feed-search-input:focus {
    font-size: 14px;
  }
  .recipe-feed-search-button {
    align-items: center;
    border-radius: 100px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    padding: 8px 22px 8px 16px;
    width: auto;
  }
  .recipe-feed-search-button span {
    display: block;
  }
  .ctn-f1-event-overview .tennis-calendar-accordion-content,
  .ctn-soccer-event-overview .tennis-calendar-accordion-content,
  .ctn-tenis-event-overview .tennis-calendar-accordion-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    padding: 12px 0;
  }
  .ctn-f1-event-overview .swiper-slide-prev .race-tab-item {
    border-width: 0 0 0 1px;
  }
  .ctn-f1-event-overview .swiper-slide-active .race-tab-item {
    border-width: 0 1px;
  }
  .ctn-f1-event-overview .race-tab-item {
    border-width: 0 1px 0 0;
    min-width: 253px;
    width: -moz-max-content;
    width: max-content;
  }
  .ctn-f1-event-overview .circuit-data {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
  .ctn-f1-event-overview .positions-tab {
    width: 260px;
  }
  .ctn-f1-event-overview .positions-tab-item {
    width: -moz-max-content;
    width: max-content;
  }
  .ctn-f1-event-overview .positions-title {
    padding: 8px 12px 0;
  }
  .ctn-f1-event-overview .position-table-container,
  .ctn-f1-event-overview .race-table-container {
    width: 100%;
    margin: 0 0 20px;
    border-radius: 6px;
    border: 1px solid var(--gray-40);
    overflow-y: hidden;
  }
  .ctn-f1-event-overview .position-table-header,
  .ctn-f1-event-overview .race-table-header {
    border-top: none;
  }
  .ctn-f1-event-overview .position-table-row:last-child,
  .ctn-f1-event-overview .race-table-row:last-child {
    border-bottom: none;
  }
  .next-date-ctn {
    flex-direction: row;
    gap: 24px;
    padding: 12px 24px;
    justify-content: center;
  }
  .next-date-title {
    border-left: 1px solid var(--orange-100);
    border-top: none;
    font-size: 16px;
    padding-left: 24px;
  }
  .next-date-title span {
    font-size: 18px;
  }
  .next-date-title-key {
    margin: 0 0 6px;
    text-align: left;
  }
  .next-date-content {
    text-align: left;
  }
  .next-date-event {
    display: inline-block;
  }
  .bomb {
    margin: auto auto 24px;
    width: 100%;
    border-radius: 9px;
  }
  .bomb-title {
    line-height: 1.2;
  }
  .bomb-title-size-default {
    font-size: 35px;
  }
  .bomb-title-size-big {
    font-size: 42px;
  }
  .streaming-player-ctn {
    align-items: center;
    background: rgba(246, 142, 1, 0.05);
    border: 1px solid #f68e01;
    display: flex;
    height: 100%;
    margin-bottom: 24px;
    padding: 16px;
  }
  .streaming-player-ctn.storycard-video-ctn {
    height: auto;
  }
  .three-elements-chain-big-card .streaming-player-ctn.custom-theme,
  .three-elements-chain-big-card .streaming-player-ctn.dark-theme,
  .three-elements-chain-big-card .streaming-player-ctn.light-theme,
  .three-elements-chain-big-card .streaming-player-ctn.live-theme {
    height: 98%;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme.storycard-video-ctn,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme.storycard-video-ctn,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme.storycard-video-ctn,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme.storycard-video-ctn {
    height: auto;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title {
    font-size: 24px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 28px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck {
    font-size: 18px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 20px;
  }
  .streaming-player-ctn.custom-theme {
    background: var(--theme-background);
    border: 1px solid var(--theme-border);
  }
  .streaming-player-ctn.custom-theme .player-ctn {
    background: transparent;
    border: none;
  }
  .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .story-card-details-ctn {
    color: var(--theme-color);
  }
  .streaming-player-ctn.dark-theme {
    background: var(--theme-background);
    border: 1px solid var(--theme-border);
  }
  .streaming-player-ctn.dark-theme .player-ctn {
    background: transparent;
    border: none;
  }
  .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .story-card-details-ctn {
    color: var(--theme-color);
  }
  .streaming-player-ctn.light-theme {
    background: var(--theme-background);
    border: 1px solid var(--theme-border);
  }
  .streaming-player-ctn.light-theme .player-ctn {
    background: transparent;
    border: none;
  }
  .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .story-card-details-ctn {
    color: var(--theme-color);
  }
  .streaming-player-ctn.light-theme.with-bg {
    margin-bottom: 12px;
    margin-left: 0;
    width: 100%;
  }
  .streaming-player-ctn.live-theme {
    background: var(--theme-background);
    border: 1px solid var(--theme-border);
  }
  .streaming-player-ctn.live-theme .player-ctn {
    background: transparent;
    border: none;
  }
  .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .story-card-details-ctn {
    color: var(--theme-color);
  }
  .streaming-player-ctn.cuadernos-theme {
    padding-top: 20px;
    margin-left: 0;
    width: 100%;
    background-image: url(../images/2EIU7WIY2NCNBG6FU3VM6QH6TU.png);
  }
  .streaming-player-ctn .player-ctn {
    background: none;
    border: none;
    margin-bottom: 0;
    margin-left: 0;
    position: inherit;
    width: 100%;
    padding-bottom: 0;
  }
  .streaming-player-ctn .player-ctn .player-top {
    padding: 0 0 16px;
  }
  .streaming-player-ctn .player-ctn .player-top a .story-card-live-ctn {
    line-height: 1.7;
  }
  .streaming-player-ctn .player-ctn .player-top a .live-badge,
  .streaming-player-ctn .player-ctn .player-top a .player-info {
    padding: 0;
  }
  .streaming-player-ctn .player-ctn .player-top a .player-info .player-title {
    font-size: 22px;
  }
  .streaming-player-ctn
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 28px;
  }
  .streaming-player-ctn .player-ctn .player-top a .player-info .player-deck {
    font-size: 18px;
  }
  .streaming-player-ctn
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 20px;
  }
  .streaming-player-ctn
    .player-ctn
    .player
    .player-ctn_video
    .rawHTML
    .exclusive-video-yt,
  .streaming-player-ctn .player-ctn .player .player-ctn_video .rawHTML iframe,
  .streaming-player-ctn .player-ctn .player a .player-ctn_video img {
    border-radius: 6px;
  }
  .streaming-player-ctn.v2 {
    background-color: transparent;
    border-radius: 0;
    border: 2px solid #f68e01;
    border-right: none;
    border-left: none;
    padding: 24px 0;
    height: auto;
  }
  .streaming-player-ctn.v2.custom-theme,
  .streaming-player-ctn.v2.dark-theme,
  .streaming-player-ctn.v2.light-theme,
  .streaming-player-ctn.v2.live-theme {
    border-bottom: 2px solid var(--theme-border);
    border-top: 2px solid var(--theme-border);
  }
  .streaming-player-ctn.v2 .player-ctn {
    align-items: center;
    background: rgba(246, 142, 1, 0.1);
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
  }
  .streaming-player-ctn.v2 .player-ctn.custom-theme,
  .streaming-player-ctn.v2 .player-ctn.dark-theme,
  .streaming-player-ctn.v2 .player-ctn.light-theme,
  .streaming-player-ctn.v2 .player-ctn.live-theme {
    background: var(--theme-background);
  }
  .streaming-player-ctn.v2 .player-ctn .player-top {
    padding: 16px;
    row-gap: 16px;
    width: 100%;
  }
  .streaming-player-ctn.v2 .player-ctn .player-top a .story-card-live-ctn {
    line-height: 1.7;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player
    .player-ctn_video
    .rawHTML
    .exclusive-video-yt,
  .streaming-player-ctn.v2
    .player-ctn
    .player
    .player-ctn_video
    .rawHTML
    iframe,
  .streaming-player-ctn.v2
    .player-ctn
    .player
    a
    .player-ctn_video
    .livebar-poster-youtube {
    border-radius: 0 0 9px 9px;
  }
  .default-chain-inner-ctn .storycard-video-ctn,
  .three-elements-chain-big-card .storycard-video-ctn,
  .three-elements-chain-item:last-child .storycard-video-ctn {
    margin-bottom: 12px;
  }
  .container-general {
    border-radius: 16px;
    border: 1px solid var(--gray-40);
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    width: 100%;
  }
  .container-general .title-container {
    padding: 16px;
  }
  .container-general .title-container .soccer-title {
    font-size: 22px;
  }
  .component .calendar-america .calendar-group-header {
    margin: 0 auto auto;
  }
  .title-container {
    padding: 16px;
  }
  .title-container .tennis-title {
    font-size: 22px;
  }
  .cuadernos-bg {
    background-image: url(../images/XZEDOC5UXFC3XHZNG2ICAQUH2I.png);
  }
  .ctn-special-header {
    background-size: cover;
  }
  .ctn-special-header .special-header {
    padding-bottom: 80px;
  }
  .ctn-special-header .special-header .byline {
    padding-bottom: 0;
  }
  .ctn-special-header .special-header-title {
    font-size: 32px;
  }
  .ctn-special-header .special-header-subtitle {
    font-size: 18px;
  }
  .default-chain-ctn.default-chain-bg-color,
  .five-cards-chain.five-cards-chain-bg-color,
  .three-elements-chain.three-elements-chain-bg-color {
    border-radius: 12px;
    margin: 0 0 32px;
    padding: 0 16px 16px;
  }
  .default-chain-ctn.default-chain-bg-color .title-bar,
  .five-cards-chain.five-cards-chain-bg-color .title-bar,
  .three-elements-chain.three-elements-chain-bg-color .title-bar {
    margin-bottom: 20px;
  }
  .default-chain-ctn.exclusive-chain {
    margin-bottom: 32px;
  }
  .default-chain-ctn.default-chain-ctn-hide {
    margin-bottom: 32px;
    padding: 0 0 20px;
  }
  .default-chain-ctn.default-chain-ctn-hide.default-chain-bg-color {
    border-radius: 12px;
  }
  .default-chain-ctn > .title-bar {
    margin-bottom: 20px;
  }
  .default-chain-inner-ctn {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-rows: auto;
  }
  .default-chain-1 {
    grid-template-columns: 100%;
  }
  .default-chain-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .default-chain-2:has(.ad-wrapper) {
    display: flex;
  }
  .default-chain-2 .bomb {
    grid-column: span 2;
  }
  .default-chain-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .default-chain-3-fc {
    grid-template-columns: 1fr;
  }
  .default-chain-3-dolar-fc {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .default-chain-3 .bomb {
    grid-column: span 3;
  }
  .default-chain-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .default-chain-4 .bomb {
    grid-column: span 2;
  }
  .default-chain-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .default-chain-5 .bomb {
    grid-column: span 3;
  }
  .default-chain-show-more > svg {
    margin-top: 1px;
  }
  .default-chain-ctn {
    margin-bottom: 12px;
  }
  .default-chain-ctn .swiper .swiper-pagination {
    bottom: 1vw;
  }
  .default-chain-ctn .swiper .swiper-wrapper .swiper-slide {
    margin-right: 20px;
    width: 23rem;
  }
  .five-cards-chain {
    margin-bottom: 16px;
  }
  .five-cards-chain-ctn {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-rows: auto;
    row-gap: 16px;
  }
  .five-cards-chain-bg-color {
    padding: 0 16px 16px;
    margin: 0 0 16px;
  }
  .five-cards-chain-bigcard .story-card-hl {
    font-size: 28px;
  }
  .five-cards-chain-bigcard-left {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .five-cards-chain-bigcard-middle {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .five-cards-chain-bigcard-right {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .five-cards-chain-bigcard-none {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .five-cards-chain-bigcard,
  .five-cards-chain-longcard {
    order: 0;
    grid-row: span 2;
  }
  .five-cards-chain-item {
    height: 100%;
    margin: 0;
  }
  .five-cards-chain-show-more > svg {
    margin-top: 1px;
  }
  .three-elements-chain {
    margin-bottom: 16px;
  }
  .three-elements-chain-left,
  .three-elements-chain-righ {
    grid-template-columns: repeat(2, 1fr);
  }
  .three-elements-chain-ctn {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-rows: auto auto;
  }
  .three-elements-chain-bg-color {
    padding: 8px;
  }
  .three-elements-chain-big-card {
    grid-column: span 2;
    grid-row: span 1;
    order: 0;
  }
  .three-elements-chain-long-card {
    grid-row: span 2;
  }
  .three-elements-chain-item {
    height: 100%;
    margin: 0;
  }
  .ecc-children-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  .ecc-children-wrapper > div:first-child {
    grid-column: 1 / span 2;
  }
  .ecc-children-wrapper > div:nth-child(2) {
    grid-column: 3 / span 2;
  }
  .ecc-children-wrapper > div:nth-child(3) {
    grid-column: 2 / span 2;
    margin-bottom: 32px;
  }
  .ecc-children-wrapper-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ecc-children-wrapper-4 > div {
    grid-column: span 2;
  }
  .ecc-children-wrapper-4 > div:nth-child(3),
  .ecc-children-wrapper-4 > div:nth-child(4) {
    margin-bottom: 32px;
  }
  .otf-chain {
    flex-direction: row;
    padding-bottom: 24px;
  }
  .otf-chain-title {
    font-size: 22px;
  }
  .otf-chain-first-col {
    flex: 0 0 100%;
    justify-content: space-between;
  }
  .otf-chain-first-col
    .classFirstChild
    > .story-card-ctn
    > .story-card-info
    > .media-icon {
    bottom: 28px;
    left: 16px;
    min-height: 48px;
    min-width: 48px;
  }
  .otf-chain .otf-chain-first-col .classFirstChild .story-card-hl {
    font-size: 31px;
  }
  .otf-chain-second-col .story-card-ctn {
    height: calc(50% - 8px);
  }
  .otf-chain-third-col .story-card-details-ctn {
    margin: 0;
  }
  .otf-chain-third-col .story-card-ctn {
    flex-direction: row;
  }
  .otf-chain
    .otf-chain-second-col
    > .story-card-ctn
    > .story-card-info
    > .media-icon {
    bottom: 12px;
    min-height: 40px;
    min-width: 40px;
  }
  .otf-chain-second-col,
  .otf-chain-third-col {
    flex: 0 0 calc(50% - 10px);
  }
  .otf-chain-second-col .story-card-ctn,
  .otf-chain-third-col .story-card-ctn {
    border-bottom: none;
    margin: 0;
  }
  .otf-chain-second-col .story-card-ctn .story-card-img-ctn,
  .otf-chain-third-col .story-card-ctn .story-card-img-ctn {
    margin: 0;
  }
  .otf-chain-story-divider,
  .otf-chain-story-divider-last,
  .otf-chain-story-divider-middle {
    background-color: var(--gray-40);
    display: flex;
    height: 1px;
    margin: auto 0;
    width: 100%;
  }
  .otf-chain-story-divider {
    background-color: transparent;
    height: 32px;
    position: relative;
  }
  .otf-chain-story-divider:after {
    background-color: var(--gray-40);
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .otf-chain-story-divider-middle {
    margin: 12px 0;
  }
  .otf-chain-story-divider-last {
    margin: 12px 0 0;
  }
  .otf-chain-verano .otf-chain-story-divider-last {
    margin-bottom: 12px;
  }
  .otf-chain .otf-chain-title-bar.closed {
    margin: 0;
  }
  .seven-video-chain .seven-video-chain-ctn {
    display: grid;
    grid-template-areas: "first-column second-column" "third-column third-column";
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .seven-video-chain .seven-video-chain-first-column {
    align-items: center;
    border-top: 1px solid var(--gray-40);
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  .seven-video-chain .seven-video-chain-first-column .story-card-ctn {
    border-bottom: none;
    height: -moz-max-content;
    height: max-content;
    margin: 0;
    max-height: 100%;
  }
  .seven-video-chain .seven-video-chain-first-column .story-card-img-ctn {
    margin: 0;
  }
  .seven-video-chain .seven-video-chain-second-column {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .seven-video-chain .seven-video-chain-second-column .story-card-ctn {
    border-bottom: none;
    margin: 0;
  }
  .seven-video-chain .seven-video-chain-third-column {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-column: span 2;
    grid-template-columns: 1fr 1fr;
  }
  .seven-video-chain .seven-video-chain-third-column .story-card-ctn {
    margin: 0 0 24px;
  }
  .seven-video-chain .second-column-last-separator,
  .seven-video-chain .second-column-separator {
    display: flex;
    height: 1px;
    position: relative;
    width: 100%;
  }
  .seven-video-chain .second-column-last-separator:after,
  .seven-video-chain .second-column-separator:after {
    background: var(--gray-40);
    content: "";
    display: flex;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .seven-video-chain .second-column-separator {
    height: 13px;
    margin: auto 0;
  }
  .seven-video-chain .second-column-separator:after {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 577px) {
  .ca-title {
    justify-content: space-between;
    width: 100%;
  }
  .ca-co-title {
    width: 146px;
    height: 31px;
  }
  .ca-co-title,
  .ca-summary {
    display: flex;
    border-radius: 9px;
  }
  .ca-summary {
    width: 100%;
    height: 61px;
    gap: 5px;
    margin: 0 auto 16px;
  }
  .ca-comparation {
    display: none;
  }
  .ca-cards {
    height: 424;
    gap: 20px;
    margin-bottom: 16px;
  }
  .ca-cards > div {
    height: 116px;
  }
  .ca-more {
    width: 109px;
    height: 35px;
    border-radius: 9px;
    margin: 0 auto;
  }
  .map-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 39px;
    margin-bottom: 16px;
  }
  .map-position {
    width: 133px;
    height: 100%;
  }
  .map-result {
    display: block;
    width: 93px;
    height: 38px;
    border-radius: 9px;
  }
  .map-tabs {
    display: flex;
    gap: 16px;
  }
  .map-tabs-1,
  .map-tabs-2,
  .map-tabs-3,
  .map-tabs-4,
  .map-tabs-5,
  .map-tabs-6 {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 9px;
  }
  .slider-feed-title-text {
    font-size: 22px;
  }
  .slider-feed.slider-feed-bg-color {
    border-radius: 12px;
    margin: 0 0 16px;
    padding: 0 16px 16px;
  }
  .gallery {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
  .gallery .swiper {
    max-width: calc(100vw - 32px);
  }
  .gallery-slider-ctn {
    gap: 20px;
  }
  .gallery-slider-img {
    max-width: 191px;
  }
  .video-header .swiper {
    padding-top: 0;
  }
  .video-header .header-title-container,
  .video-header .swiper {
    flex-basis: 50%;
  }
  .slider-video-home .recipe-feed-separator-top {
    display: block;
  }
  .videos-feed-title-text {
    font-size: 28px;
  }
  .videos-feed-title-content {
    flex-direction: row;
  }
  .videos-feed.videos-feed-bg-color {
    border-radius: 12px;
    margin: 0 0 16px;
    padding: 0 16px 16px;
  }
  .wrapper-power-up {
    border: 1px solid var(--gray-40);
  }
  .wrapper-power-up .body-ctn .leagues-swiper-divider {
    border-bottom: 1px solid var(--gray-40);
  }
  .wrapper-power-up .body-ctn .sport-live-events-league-wrapper {
    border-radius: 0;
    padding: 0 12px 0 0;
  }
  .laws-filter.dates .laws-filter-inputs-dates {
    grid-column: span 1;
  }
  .laws-filter.dates .field-select:first-child,
  .laws-filter.dates .outlined-input:first-child {
    grid-column: span 2;
  }
  .laws-filter {
    border-bottom: none;
    border-radius: 9px;
    margin: 0;
    width: 100%;
  }
  .laws-filter-inputs-ctn {
    -moz-column-gap: 18px;
    column-gap: 18px;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }
  .laws-filter .field-select,
  .laws-filter .outlined-input {
    grid-column: span 1;
    width: 100%;
  }
  .laws-filter-not-found {
    grid-column: span 3;
    padding: 24px 24px 48px;
  }
}
@media screen and (min-width: 578px) {
  .election-titlebar-tittlebarWhithTabs {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .election-titlebar-tittlebarWhithoutTabs {
    margin-bottom: 12px;
  }
  .election-titlebar-container {
    justify-content: flex-start;
  }
  .election-titlebar-containerText {
    margin: 0;
  }
  .election-titlebar-nameElection,
  .election-titlebar-typeElection {
    font-size: 22px;
  }
  .election-titlebar-containerBtn {
    align-self: flex-start;
    max-width: 46%;
  }
  .shadow {
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), var(--gray-40));
    border-radius: 6px;
    display: block;
    height: 98%;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: 1;
  }
  .ctn-f1-story-inner {
    max-height: 400px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
  }
  .ctn-f1-story-inner .race-details,
  .ctn-f1-story-inner .race-positions {
    min-width: 330px;
  }
  .ctn-f1-story-inner .race-details .details-right .race-info .country {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .ctn-f1-story-inner::-webkit-scrollbar {
    background: transparent;
    height: 0;
    width: 0;
  }
}
@media only screen and (min-width: 615px) {
  .article .share-bar-article-date-container {
    flex-direction: row;
  }
  .article
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 615px) and (max-width: 735px) {
  .article .sharebar-buttons {
    padding: 8px 7px;
  }
  .article .sharebar-buttons.button-save,
  .article .sharebar-buttons.button-saved {
    padding: 10px 22px 10px 16px;
  }
  .article .sharebar-buttons-container {
    min-width: 88px;
  }
  .article .button-listen,
  .article .button-share {
    width: 30px;
  }
  .article .button-listen > .buttons-text,
  .article .button-share > .buttons-text {
    display: none;
  }
}
@media (min-width: 660px) {
  .default-chain-3-fc {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 660px) {
  .feed-column-articles-container {
    margin-top: 8px;
  }
  .head-story,
  .headline-feed-column {
    font-size: 14px;
  }
  .latest-feed-heading {
    font-size: 22px;
    line-height: 1.32;
    margin-bottom: 16px;
  }
  .latest-feed-heading a,
  .latest-feed-heading span {
    border-bottom: 3px solid var(--orange-100);
  }
}
@media only screen and (min-width: 668px) {
  article:not(.article) .share-bar-article-date-container {
    flex-direction: column;
  }
  article:not(.article)
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 668px) and (max-width: 740px) {
  article:not(.article) .sharebar-buttons {
    padding: 8px 7px;
  }
  article:not(.article) .sharebar-buttons-container {
    min-width: 88px;
  }
  article:not(.article) .button-listen,
  article:not(.article) .button-share {
    width: 30px;
  }
  article:not(.article) .button-listen > .buttons-text,
  article:not(.article) .button-share > .buttons-text {
    display: none;
  }
}
@media screen and (min-width: 700px) {
  .seven-video-chain .seven-video-chain-second-column .story-card-img-ctn {
    min-width: 120px;
    width: 120px;
  }
}
@media screen and (min-width: 706px) {
  .iframe-loading-ca {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .ca-title {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .ca-co-title {
    width: 146px;
    height: 31px;
  }
  .ca-co-title,
  .ca-summary {
    display: flex;
    border-radius: 9px;
  }
  .ca-summary {
    width: 100%;
    height: 35px;
    gap: 5px;
    margin: 0 auto 20px;
  }
  .ca-comparation {
    display: none;
  }
  .ca-cards {
    width: calc(100% - 120px);
    height: 116px;
    gap: 20px;
    margin: 0 auto 16px;
    flex-direction: row;
  }
  .ca-cards > div {
    height: 100%;
  }
  .ca-more {
    display: none;
  }
  .map-balotaje-tabs {
    gap: 32px;
  }
  .map-balotaje-summary > div {
    height: 35px;
  }
  .map-balotaje-content-general {
    display: flex;
    gap: 32px;
  }
  .map-balotaje-content-cards,
  .map-balotaje-content-map-balotaje {
    width: 50%;
  }
  .map-balotaje-cards {
    height: 100%;
  }
  .map-balotaje-more {
    display: none;
  }
  .map-balotaje-cards-1,
  .map-balotaje-cards-2 {
    height: calc(50% - 9px);
  }
  .map-balotaje-cards-4 {
    display: block;
  }
  .map-balotaje-country {
    height: 530px;
  }
}
@media only screen and (min-width: 716px) and (max-width: 742px) {
  .body-blogging-share-bar .sharebar-buttons {
    padding: 8px 7px;
  }
  .body-blogging-share-bar .sharebar-buttons-container {
    min-width: 88px;
  }
  .body-blogging-share-bar .button-listen,
  .body-blogging-share-bar .button-share {
    width: 30px;
  }
  .body-blogging-share-bar .button-listen > .buttons-text,
  .body-blogging-share-bar .button-share > .buttons-text {
    display: none;
  }
}
@media only screen and (min-width: 716px) and (max-width: 768px) {
  .body-blogging-share-bar
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
  .body-blogging-share-bar .share-bar-article-date-container {
    flex-direction: row;
  }
}
@media screen and (min-width: 735px) {
  .b-f-title-default {
    font-size: 28px;
  }
  .b-f-title-small {
    font-size: 22px;
  }
}
@media only screen and (min-width: 740px) {
  article:not(.article) .sharebar-buttons {
    padding: 8px 12px;
  }
  article:not(.article) .button-listen {
    width: 94px;
  }
  article:not(.article) .button-share {
    width: 96px;
  }
  article:not(.article) .sharebar-buttons-container {
    min-width: 202px;
  }
  article:not(.article) .button-listen > .buttons-text,
  article:not(.article) .button-share > .buttons-text {
    display: block;
  }
}
@media screen and (min-width: 740px) {
  .head-story,
  .headline-feed-column {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .calendar-group-header {
    border: 1px solid var(--gray-40);
    border-radius: 100px;
    padding: 12px;
  }
  .calendar-arrow-left {
    margin-right: 48px;
  }
  .calendar-arrow-right {
    margin-left: 48px;
  }
  .calendar-stage-matches {
    flex-direction: row;
  }
  .calendar-group-img {
    height: 38px;
    width: 38px;
  }
  .slider-cards {
    flex-direction: row;
    justify-content: center;
  }
  .slider-cards .calendar-match {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (min-width: 768px) and (max-width: 884px) {
  .article .sharebar-buttons {
    padding: 8px 7px;
  }
  .article .sharebar-buttons.button-save,
  .article .sharebar-buttons.button-saved {
    padding: 10px 22px 10px 16px;
  }
  .article .sharebar-buttons-container {
    min-width: 88px;
  }
  .article .button-listen,
  .article .button-share {
    width: 30px;
  }
  .article .button-listen > .buttons-text,
  .article .button-share > .buttons-text {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .default-chain-2 .pos-tbl-ctn .table-container-default,
  .default-chain-3 .pos-tbl-ctn .table-container-default,
  .three-elements-chain .pos-tbl-ctn .table-container-default {
    min-width: 350px;
  }
  .ctn-slider-livebar {
    margin: 0 0 16px;
    padding: 0;
    width: 100%;
  }
  .ctn-slider-livebar .title-container {
    padding: 16px;
  }
  .ctn-slider-livebar .title-container .ad-logo,
  .ctn-slider-livebar .title-container .ad-logo img {
    width: auto;
  }
  .recipe-feed-arrows {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .wrapper-power-up .top-ctn .ad-logo,
  .wrapper-power-up .top-ctn .ad-logo img {
    max-height: 40px;
  }
  .ctn-soccer-tables-slider {
    border-radius: 16px;
    border: 1px solid var(--gray-40);
    margin-bottom: 16px;
    width: 100%;
  }
  .ctn-soccer-tables-slider .soccer-swiper-ctn {
    display: flex;
    flex-direction: row;
  }
  .ctn-soccer-tables-slider .shadow-right {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--bg-color));
    display: block;
    height: 100%;
    left: -24px;
    position: absolute;
    width: 24px;
    z-index: 10;
  }
  .ctn-soccer-tables-slider .shadow-left {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), var(--bg-color));
    display: block;
    height: 100%;
    position: absolute;
    right: -24px;
    width: 24px;
    z-index: 10;
  }
  .ctn-soccer-tables-slider .next-arrow,
  .ctn-soccer-tables-slider .prev-arrow {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .ctn-soccer-tables-slider .ctn-league-datails {
    padding-right: 0;
  }
  .ctn-soccer-tables-slider .ctn-league-datails:first-child {
    padding-left: 0;
  }
  .single-league-cards.swiper {
    padding-bottom: 16px;
  }
  .ctn-general-brackets {
    margin: 0 0 16px;
    padding: 0 0 16px;
    width: 100%;
  }
  .ctn-general-brackets .title-container {
    padding: 16px 0;
  }
  .ctn-general-brackets .title-container .ad-logo,
  .ctn-general-brackets .title-container .ad-logo img {
    max-height: 40px;
  }
  .ctn-general-brackets .title-container .soccer-title {
    font-size: 22px;
  }
  .ctn-slider-general-agenda {
    margin: 0 0 16px;
    padding: 0 0 16px;
    width: 100%;
  }
  .ctn-slider-general-agenda .title-container {
    padding: 16px 0;
  }
  .ctn-slider-general-agenda .title-container .ad-logo,
  .ctn-slider-general-agenda .title-container .ad-logo img {
    max-height: 40px;
  }
}
@media only screen and (min-width: 769px) {
  h1 {
    font-size: 40px;
    line-height: 45px;
  }
  h2,
  h3 {
    font-size: 18px;
  }
  .dktfs12 {
    font-size: 12px;
  }
  .dktfs13 {
    font-size: 13px;
  }
  .dktfs14 {
    font-size: 14px;
  }
  .dktfs15 {
    font-size: 15px;
  }
  .dktfs16 {
    font-size: 16px;
  }
  .dktfs17 {
    font-size: 17px;
  }
  .dktfs18 {
    font-size: 18px;
  }
  .dktfs19 {
    font-size: 19px;
  }
  .dktfs20 {
    font-size: 20px;
  }
  .dktfs22 {
    font-size: 22px;
  }
  .dktfs24 {
    font-size: 24px;
  }
  .dktfs26 {
    font-size: 26px;
  }
  .dktfs28 {
    font-size: 28px;
  }
  .dktfs30 {
    font-size: 30px;
  }
  .dktfs32 {
    font-size: 32px;
  }
  .dktfs34 {
    font-size: 34px;
  }
  .dktfs36 {
    font-size: 36px;
  }
  .dktfs38 {
    font-size: 38px;
  }
  .dktfs40 {
    font-size: 40px;
  }
  .dktfs42 {
    font-size: 42px;
  }
  .dktfs44 {
    font-size: 44px;
  }
  .dktfs46 {
    font-size: 46px;
  }
  .dktfs48 {
    font-size: 48px;
  }
  .dktfs50 {
    font-size: 50px;
  }
  .dktlh100 {
    line-height: 1;
  }
  .dktlh110 {
    line-height: 1.1;
  }
  .dktlh120 {
    line-height: 1.2;
  }
  .dktlh130 {
    line-height: 1.3;
  }
  .dktlh140 {
    line-height: 1.4;
  }
  .dktlh150 {
    line-height: 1.5;
  }
  .inhouse-card-link {
    height: -moz-max-content;
    height: max-content;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gray-40);
    margin-bottom: 16px;
  }
  .inhouse-background-image {
    height: 380px;
    border-radius: 9px;
  }
  .inhouse-background-image > img {
    border-radius: 9px;
  }
  .inhouse-card-heading {
    bottom: 125px;
    font-size: 24px;
    left: 0;
    line-height: 120%;
    max-width: 460px;
    padding: 24px 27px;
    border-radius: 0 6px 6px 0;
  }
  .inHouse-logo {
    right: 10px;
    top: 10.25px;
  }
  .WebStoriesBelt {
    padding-top: 0;
  }
  .ad-inline {
    margin: 0 0 24px;
  }
  .ad-mobile {
    display: none;
  }
  .ad-desktop {
    display: flex;
  }
  .ad-text:before {
    font-size: 12px;
    top: 10px;
  }
  .right_1_300x600 .dfpAd,
  .right_2_300x600 .dfpAd,
  .right_3_300x250 .dfpAd {
    height: 640px;
  }
  .exclusive-article > .headline-class-h2,
  .exclusive-article > .list,
  .exclusive-article > .paragraph,
  .exclusive-article > .text-element,
  .exclusive-article > div,
  .exclusive-article > iframe {
    margin-left: auto;
    margin-right: auto;
    max-width: 856px;
  }
  .exclusive-article > .headline-class-h2 {
    display: block;
  }
  .exclusive-article .visual__image:not(:has(figcaption)) {
    margin-bottom: 24px;
  }
  .exclusive-article > .jwplayer-ctn,
  .exclusive-article > .visual__image {
    max-width: 100%;
  }
  .body-article .visual__image,
  .body-article .visual__video {
    display: block;
    left: 0;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .fotos-100 .body-article .article-tags-container,
  .fotos-100 .body-article .paragraph,
  .fotos-100 .body-article .text-element {
    margin: 0 auto 16px;
    max-width: 856px;
  }
  .body-blogging-pinned-ctn {
    margin-bottom: 22px;
  }
  .body-blogging {
    max-width: 574px;
    margin: 0 auto 24px;
    width: calc(100% - 220px);
  }
  .body-blogging-container {
    position: relative;
  }
  .body-blogging-container:last-of-type .body-blogging-btm-line {
    display: block;
  }
  .body-blogging-container:last-of-type .paragraph {
    margin-bottom: 16px;
  }
  .body-blogging-time {
    display: grid;
    order: 0;
    row-gap: 4px;
  }
  .body-blogging-time-hour {
    font-size: 18px;
    place-self: flex-end;
  }
  .body-blogging-time-date {
    border-left: none;
    font-weight: 300;
    margin-left: 0;
    padding-left: 0;
    place-self: flex-end;
    text-transform: uppercase;
  }
  .body-blogging-time-date:before {
    content: none;
  }
  .body-blogging-article .visual-image {
    margin: 0 0 24px;
    max-width: none;
    position: static;
    width: 100%;
  }
  .body-blogging-article .visual-image img {
    width: 100%;
    margin: 0;
    border-radius: 3px;
  }
  .body-blogging-article .paragraph {
    font-size: 20px;
  }
  .body-blogging-article .article-headline-live-blogging,
  .body-blogging-article .article-subheadline-live-blogging {
    text-align: left;
  }
  .body-blogging-article .byline-live-blogging {
    width: 100%;
  }
  .body-blogging-article .oembed_response {
    margin-bottom: 16px;
  }
  .body-blogging-article h2 {
    font-size: 22px;
  }
  .body-blogging-article h3 {
    font-size: 20px;
  }
  .body-blogging-time-line {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 1fr 26px;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
    align-items: flex-start;
    position: absolute;
    left: -108px;
    padding-top: 3px;
    height: 100%;
  }
  .body-blogging-figures {
    display: block;
    padding-top: 4px;
    height: 100%;
  }
  .body-blogging-figures-big-circle {
    height: 12px;
    padding: 2px;
    width: 12px;
    margin-bottom: 5px;
  }
  .body-blogging-figures-sm-circle {
    height: 6px;
    width: 6px;
  }
  .body-blogging-figures-line {
    width: 1px;
    background-color: var(--orange-100);
    height: calc(100% - 36px);
    display: block;
    margin: 0 auto 0 6px;
  }
  .body-blogging-sub-header {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 24px;
  }
  .read-full-note {
    font-size: 18px;
  }
  .read-full-note > svg {
    height: 14px;
    width: 8px;
  }
  .article-header {
    margin: 0 0 16px;
  }
  .author-title__container {
    display: flex;
    margin-bottom: 20px;
  }
  .author-title__data {
    border-bottom: none;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    min-width: 380px;
    padding-bottom: 25px;
    width: 100%;
  }
  .author-image {
    align-items: flex-start;
  }
  .author-title__data-text {
    justify-content: flex-start;
  }
  .author-title__data-text h1 {
    font-size: 28px;
  }
  .author-title__data-text p {
    font-size: 18px;
  }
  .author-title__data-icons {
    align-self: flex-end;
  }
  .author-title__divider {
    width: 2px;
    min-width: 2px;
    height: auto;
    margin: 0 24px 18px;
  }
  .author-title__about {
    padding-bottom: 16px;
    width: 100%;
  }
  .author-title__about-text {
    text-align: start;
  }
  .byline {
    min-height: 56px;
  }
  .dark-mode-btn,
  .dark-mode-btn__container {
    width: 320px;
  }
  .fotos-100 .article-figcaption-img {
    margin: 12px 0 32px;
  }
  .article-figcaption-img,
  .article-figcaption-img-amp,
  .article-figcaption-video,
  .blogbody-figcaption-img,
  .blogbody-figcaption-img-amp,
  .blogbody-figcaption-video {
    margin: 12px 0 24px;
  }
  .headline-title {
    font-size: 22px;
  }
  .identity {
    margin-top: 13px;
  }
  .reset-form-ctn {
    height: 100%;
    padding: 20px 20px 40px;
    width: 500px;
  }
  .home-body {
    padding-top: 0;
  }
  .homepage-centered-body {
    padding: 0 16px;
  }
  .most-read-sticky {
    position: relative;
  }
  .most-read-relative .most-read,
  .most-read-sticky .most-read {
    top: 50px;
    position: fixed;
  }
  .article-right-rail .span-rail {
    margin-top: 144px;
  }
  .sport-events.content-section > .top-home,
  .video-layout .top-home {
    margin-top: 0;
  }
  .exclusive-body,
  .page-container,
  .page-container-centered-1168,
  .page-container-centered-1600,
  .page-container-liveblogging {
    max-width: 1236px;
  }
  .article-main-full-width .jwplayer-ctn > figcaption {
    padding: 0 16px;
  }
  .article-main-full-width .article-tags-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1204px;
  }
  .page-container-centered-1168 {
    max-width: none;
  }
  .article-section {
    display: grid;
    grid-template-areas: "header header" "article right-rail";
    grid-template-columns: minmax(328px, 1fr) 328px;
    max-width: 1236px;
  }
  .article-section,
  .article-section-no-ads {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .minibody-right-rail {
    grid-column: span 4;
  }
  .right-rail {
    grid-area: right-rail;
    width: 100%;
  }
  .right-rail-margin {
    margin-top: 46px;
  }
  .inner_minibody {
    grid-column: span 8;
  }
  .page-container-liveblogging .article-tags-container,
  .page-container-liveblogging .feed-list-wrapper {
    margin: 0 auto;
    max-width: 574px;
  }
  .header-layout-content-child {
    max-width: 1236px;
  }
  .width_full {
    /* height: 144px; */
  }
  .masthead-navbar .dark-podcast .side-menu.slide-open {
    height: 95vh;
  }
  .sectionnav-container-bajalibros {
    justify-content: left;
  }
  .preview-modal-content {
    background-color: transparent;
    border: none;
    height: 100vh;
    max-height: 835px;
    max-width: 412px;
    position: relative;
    width: 100%;
  }
  .preview-modal-svg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .preview-modal-close {
    top: 0;
  }
  .preview-modal-top {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    height: 9%;
    margin-top: 10px;
  }
  .preview-modal-image-ctn,
  .preview-modal-top {
    background-color: var(--background-preview-modal);
    width: 90%;
  }
  .preview-modal-image-ctn {
    border-bottom-left-radius: 2.6rem;
    border-bottom-right-radius: 2.6rem;
    margin: 0 0 4%;
    max-height: 798px;
    max-width: 396px;
    overflow: hidden;
    padding: 0 4% 4%;
  }
  .preview-modal-image {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .preview-modal-image::-webkit-scrollbar {
    width: 3px;
  }
  .newsletter-card {
    grid-template-columns: 60px 114px 120px;
    margin: -5px 0;
    row-gap: 0;
  }
  .newsletter-card-info {
    padding: 15px;
  }
  .newsletter-card-button-ctn {
    grid-column: span 1;
  }
  .newsletter-card-title {
    font-size: 15px;
  }
  .raffle-register-event {
    align-items: stretch;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr;
    margin: 0 0 24px;
    overflow: hidden;
    min-height: 695px;
  }
  .raffle-register-event.registry {
    margin-top: 16px;
    grid-template-rows: 1fr;
  }
  .raffle-register-event > .lds-ctn {
    width: 100%;
    height: 100%;
    left: 0;
    border: 1px solid var(--gray-40);
    border-left: 0;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .pandora-registered {
    border-bottom: none;
    height: 100%;
    justify-content: center;
    left: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .pandora-registered-thks {
    font-size: 20px;
  }
  .pandora-registered-btn {
    font-size: 18px;
    margin-top: 32px;
    margin-bottom: 64px;
  }
  .pandora-registered-btn--registred {
    bottom: 25px;
  }
  .pandora-registered-share {
    font-size: 20px;
  }
  .register-event-card {
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px;
    border: 1px solid var(--gray-40);
    border-right: 0;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    width: 100%;
    background-color: var(--gray-10);
  }
  .register-event-card-chip {
    margin: 0 auto 12px;
  }
  .register-event-label {
    justify-content: center;
    margin-bottom: 32px;
  }
  .register-event-title-register {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .register-event-description-register {
    font-size: 18px;
    line-height: 1.5;
    flex: 1;
    font-style: normal;
    font-weight: 300;
  }
  .register-event-img {
    margin-left: -16px;
    margin-right: 0;
    padding-top: calc(56.25% + 18px);
    width: calc(100% + 32px);
  }
  .register-event-info-author-for {
    font-size: 14px;
  }
  .register-event-info-badge {
    padding: 6px 12px;
  }
  .register-event-info-badge > svg {
    height: 12px;
    width: 12px;
  }
  .register-event-info-badge-text {
    font-size: 14px;
  }
  .wsbl-slider-arrows {
    display: flex;
  }
  .podcast-header {
    background-color: #1f1f1f;
    padding: 30px 30px 50px;
  }
  .podcast-header__back {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .podcast-header__back-icon {
    margin-right: 18px;
    height: 25px;
    width: 25px;
  }
  .podcast-header__info {
    display: flex;
  }
  .podcast-header__info-pause {
    display: flex;
    position: static;
    order: 1;
    align-items: center;
    margin-top: 24px;
  }
  .podcast-header__info-pause-icon {
    width: 65px;
    height: 65px;
    background-size: 65px;
    margin-right: 20px;
  }
  .podcast-header__info-play {
    display: flex;
    position: static;
    order: 1;
    align-items: center;
    margin-top: 24px;
  }
  .podcast-header__info-play-icon {
    width: 65px;
    height: 65px;
    background-size: 65px;
    margin-right: 20px;
  }
  .podcast-header__info-play-duration {
    display: inline;
    font-size: 16px;
  }
  .podcast-header__info-image,
  .podcast-header__info .logo-infobae-naranja {
    display: block;
    min-width: 200px;
    width: 200px;
    height: 200px;
    margin-right: 50px;
    background-color: #000;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5019607843);
    border-radius: 3px;
  }
  .podcast-header__info-image--episode,
  .podcast-header__info .logo-infobae-naranja--episode {
    margin-bottom: 0;
  }
  .podcast-header__info-title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .podcast-header__info-title--episode {
    font-size: 16px;
    position: static;
  }
  .podcast-header__info-subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  .podcast-header__info-description {
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 0;
    line-height: 33px;
  }
  .podcast-header__info-author {
    font-size: 22px;
  }
  .podcast-player {
    height: 100px;
    row-gap: 0;
    padding: 20px 25px;
    grid-template: "image info controls" 30px "image info progress" 30px/60px 300px 1fr;
  }
  .podcast-player__info-author {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .podcast-player__info-title {
    font-size: 16px;
    margin-top: 4px;
  }
  .podcast-player__controls {
    justify-content: center;
    align-items: center;
  }
  .podcast-player__controls-pause,
  .podcast-player__controls-play {
    height: 30px;
    width: 30px;
    background-size: 30px;
    margin: 0 16px;
  }
  .podcast-player__controls-pause,
  .podcast-player__controls-play {
    width: auto;
  }
  .podcast-player__controls-next,
  .podcast-player__controls-prev {
    display: block;
    height: 14px;
    width: 14px;
    background-size: 14px;
  }
  .podcast-player__progress {
    grid-template-columns: 60px minmax(0, 600px) 60px;
  }
  .podcast-player__progress-current-time,
  .podcast-player__progress-time {
    font-size: 15px;
  }
  .podcast-player__progress-bar
    > input[type="range"]::-webkit-slider-runnable-track {
    height: 3px;
  }
  .podcast-player__progress-bar > input[type="range"]::-webkit-slider-thumb {
    width: 9px;
    height: 9px;
    box-shadow: 0 0 0 -3px var(--progess-back-color),
      1px 0 0 -3px var(--progess-back-color),
      2px 0 0 -3px var(--progess-back-color),
      3px 0 0 -3px var(--progess-back-color),
      4px 0 0 -3px var(--progess-back-color),
      5px 0 0 -3px var(--progess-back-color),
      6px 0 0 -3px var(--progess-back-color),
      7px 0 0 -3px var(--progess-back-color),
      8px 0 0 -3px var(--progess-back-color),
      9px 0 0 -3px var(--progess-back-color),
      10px 0 0 -3px var(--progess-back-color),
      11px 0 0 -3px var(--progess-back-color),
      12px 0 0 -3px var(--progess-back-color),
      13px 0 0 -3px var(--progess-back-color),
      14px 0 0 -3px var(--progess-back-color),
      15px 0 0 -3px var(--progess-back-color),
      16px 0 0 -3px var(--progess-back-color),
      17px 0 0 -3px var(--progess-back-color),
      18px 0 0 -3px var(--progess-back-color),
      19px 0 0 -3px var(--progess-back-color),
      20px 0 0 -3px var(--progess-back-color),
      21px 0 0 -3px var(--progess-back-color),
      22px 0 0 -3px var(--progess-back-color),
      23px 0 0 -3px var(--progess-back-color),
      24px 0 0 -3px var(--progess-back-color),
      25px 0 0 -3px var(--progess-back-color),
      26px 0 0 -3px var(--progess-back-color),
      27px 0 0 -3px var(--progess-back-color),
      28px 0 0 -3px var(--progess-back-color),
      29px 0 0 -3px var(--progess-back-color),
      30px 0 0 -3px var(--progess-back-color),
      31px 0 0 -3px var(--progess-back-color),
      32px 0 0 -3px var(--progess-back-color),
      33px 0 0 -3px var(--progess-back-color),
      34px 0 0 -3px var(--progess-back-color),
      35px 0 0 -3px var(--progess-back-color),
      36px 0 0 -3px var(--progess-back-color),
      37px 0 0 -3px var(--progess-back-color),
      38px 0 0 -3px var(--progess-back-color),
      39px 0 0 -3px var(--progess-back-color),
      40px 0 0 -3px var(--progess-back-color),
      41px 0 0 -3px var(--progess-back-color),
      42px 0 0 -3px var(--progess-back-color),
      43px 0 0 -3px var(--progess-back-color),
      44px 0 0 -3px var(--progess-back-color),
      45px 0 0 -3px var(--progess-back-color),
      46px 0 0 -3px var(--progess-back-color),
      47px 0 0 -3px var(--progess-back-color),
      48px 0 0 -3px var(--progess-back-color),
      49px 0 0 -3px var(--progess-back-color),
      50px 0 0 -3px var(--progess-back-color),
      51px 0 0 -3px var(--progess-back-color),
      52px 0 0 -3px var(--progess-back-color),
      53px 0 0 -3px var(--progess-back-color),
      54px 0 0 -3px var(--progess-back-color),
      55px 0 0 -3px var(--progess-back-color),
      56px 0 0 -3px var(--progess-back-color),
      57px 0 0 -3px var(--progess-back-color),
      58px 0 0 -3px var(--progess-back-color),
      59px 0 0 -3px var(--progess-back-color),
      60px 0 0 -3px var(--progess-back-color),
      61px 0 0 -3px var(--progess-back-color),
      62px 0 0 -3px var(--progess-back-color),
      63px 0 0 -3px var(--progess-back-color),
      64px 0 0 -3px var(--progess-back-color),
      65px 0 0 -3px var(--progess-back-color),
      66px 0 0 -3px var(--progess-back-color),
      67px 0 0 -3px var(--progess-back-color),
      68px 0 0 -3px var(--progess-back-color),
      69px 0 0 -3px var(--progess-back-color),
      70px 0 0 -3px var(--progess-back-color),
      71px 0 0 -3px var(--progess-back-color),
      72px 0 0 -3px var(--progess-back-color),
      73px 0 0 -3px var(--progess-back-color),
      74px 0 0 -3px var(--progess-back-color),
      75px 0 0 -3px var(--progess-back-color),
      76px 0 0 -3px var(--progess-back-color),
      77px 0 0 -3px var(--progess-back-color),
      78px 0 0 -3px var(--progess-back-color),
      79px 0 0 -3px var(--progess-back-color),
      80px 0 0 -3px var(--progess-back-color),
      81px 0 0 -3px var(--progess-back-color),
      82px 0 0 -3px var(--progess-back-color),
      83px 0 0 -3px var(--progess-back-color),
      84px 0 0 -3px var(--progess-back-color),
      85px 0 0 -3px var(--progess-back-color),
      86px 0 0 -3px var(--progess-back-color),
      87px 0 0 -3px var(--progess-back-color),
      88px 0 0 -3px var(--progess-back-color),
      89px 0 0 -3px var(--progess-back-color),
      90px 0 0 -3px var(--progess-back-color),
      91px 0 0 -3px var(--progess-back-color),
      92px 0 0 -3px var(--progess-back-color),
      93px 0 0 -3px var(--progess-back-color),
      94px 0 0 -3px var(--progess-back-color),
      95px 0 0 -3px var(--progess-back-color),
      96px 0 0 -3px var(--progess-back-color),
      97px 0 0 -3px var(--progess-back-color),
      98px 0 0 -3px var(--progess-back-color),
      99px 0 0 -3px var(--progess-back-color),
      100px 0 0 -3px var(--progess-back-color),
      101px 0 0 -3px var(--progess-back-color),
      102px 0 0 -3px var(--progess-back-color),
      103px 0 0 -3px var(--progess-back-color),
      104px 0 0 -3px var(--progess-back-color),
      105px 0 0 -3px var(--progess-back-color),
      106px 0 0 -3px var(--progess-back-color),
      107px 0 0 -3px var(--progess-back-color),
      108px 0 0 -3px var(--progess-back-color),
      109px 0 0 -3px var(--progess-back-color),
      110px 0 0 -3px var(--progess-back-color),
      111px 0 0 -3px var(--progess-back-color),
      112px 0 0 -3px var(--progess-back-color),
      113px 0 0 -3px var(--progess-back-color),
      114px 0 0 -3px var(--progess-back-color),
      115px 0 0 -3px var(--progess-back-color),
      116px 0 0 -3px var(--progess-back-color),
      117px 0 0 -3px var(--progess-back-color),
      118px 0 0 -3px var(--progess-back-color),
      119px 0 0 -3px var(--progess-back-color),
      120px 0 0 -3px var(--progess-back-color),
      121px 0 0 -3px var(--progess-back-color),
      122px 0 0 -3px var(--progess-back-color),
      123px 0 0 -3px var(--progess-back-color),
      124px 0 0 -3px var(--progess-back-color),
      125px 0 0 -3px var(--progess-back-color),
      126px 0 0 -3px var(--progess-back-color),
      127px 0 0 -3px var(--progess-back-color),
      128px 0 0 -3px var(--progess-back-color),
      129px 0 0 -3px var(--progess-back-color),
      130px 0 0 -3px var(--progess-back-color),
      131px 0 0 -3px var(--progess-back-color),
      132px 0 0 -3px var(--progess-back-color),
      133px 0 0 -3px var(--progess-back-color),
      134px 0 0 -3px var(--progess-back-color),
      135px 0 0 -3px var(--progess-back-color),
      136px 0 0 -3px var(--progess-back-color),
      137px 0 0 -3px var(--progess-back-color),
      138px 0 0 -3px var(--progess-back-color),
      139px 0 0 -3px var(--progess-back-color),
      140px 0 0 -3px var(--progess-back-color),
      141px 0 0 -3px var(--progess-back-color),
      142px 0 0 -3px var(--progess-back-color),
      143px 0 0 -3px var(--progess-back-color),
      144px 0 0 -3px var(--progess-back-color),
      145px 0 0 -3px var(--progess-back-color),
      146px 0 0 -3px var(--progess-back-color),
      147px 0 0 -3px var(--progess-back-color),
      148px 0 0 -3px var(--progess-back-color),
      149px 0 0 -3px var(--progess-back-color),
      150px 0 0 -3px var(--progess-back-color),
      151px 0 0 -3px var(--progess-back-color),
      152px 0 0 -3px var(--progess-back-color),
      153px 0 0 -3px var(--progess-back-color),
      154px 0 0 -3px var(--progess-back-color),
      155px 0 0 -3px var(--progess-back-color),
      156px 0 0 -3px var(--progess-back-color),
      157px 0 0 -3px var(--progess-back-color),
      158px 0 0 -3px var(--progess-back-color),
      159px 0 0 -3px var(--progess-back-color),
      160px 0 0 -3px var(--progess-back-color),
      161px 0 0 -3px var(--progess-back-color),
      162px 0 0 -3px var(--progess-back-color),
      163px 0 0 -3px var(--progess-back-color),
      164px 0 0 -3px var(--progess-back-color),
      165px 0 0 -3px var(--progess-back-color),
      166px 0 0 -3px var(--progess-back-color),
      167px 0 0 -3px var(--progess-back-color),
      168px 0 0 -3px var(--progess-back-color),
      169px 0 0 -3px var(--progess-back-color),
      170px 0 0 -3px var(--progess-back-color),
      171px 0 0 -3px var(--progess-back-color),
      172px 0 0 -3px var(--progess-back-color),
      173px 0 0 -3px var(--progess-back-color),
      174px 0 0 -3px var(--progess-back-color),
      175px 0 0 -3px var(--progess-back-color),
      176px 0 0 -3px var(--progess-back-color),
      177px 0 0 -3px var(--progess-back-color),
      178px 0 0 -3px var(--progess-back-color),
      179px 0 0 -3px var(--progess-back-color),
      180px 0 0 -3px var(--progess-back-color),
      181px 0 0 -3px var(--progess-back-color),
      182px 0 0 -3px var(--progess-back-color),
      183px 0 0 -3px var(--progess-back-color),
      184px 0 0 -3px var(--progess-back-color),
      185px 0 0 -3px var(--progess-back-color),
      186px 0 0 -3px var(--progess-back-color),
      187px 0 0 -3px var(--progess-back-color),
      188px 0 0 -3px var(--progess-back-color),
      189px 0 0 -3px var(--progess-back-color),
      190px 0 0 -3px var(--progess-back-color),
      191px 0 0 -3px var(--progess-back-color),
      192px 0 0 -3px var(--progess-back-color),
      193px 0 0 -3px var(--progess-back-color),
      194px 0 0 -3px var(--progess-back-color),
      195px 0 0 -3px var(--progess-back-color),
      196px 0 0 -3px var(--progess-back-color),
      197px 0 0 -3px var(--progess-back-color),
      198px 0 0 -3px var(--progess-back-color),
      199px 0 0 -3px var(--progess-back-color),
      200px 0 0 -3px var(--progess-back-color),
      201px 0 0 -3px var(--progess-back-color),
      202px 0 0 -3px var(--progess-back-color),
      203px 0 0 -3px var(--progess-back-color),
      204px 0 0 -3px var(--progess-back-color),
      205px 0 0 -3px var(--progess-back-color),
      206px 0 0 -3px var(--progess-back-color),
      207px 0 0 -3px var(--progess-back-color),
      208px 0 0 -3px var(--progess-back-color),
      209px 0 0 -3px var(--progess-back-color),
      210px 0 0 -3px var(--progess-back-color),
      211px 0 0 -3px var(--progess-back-color),
      212px 0 0 -3px var(--progess-back-color),
      213px 0 0 -3px var(--progess-back-color),
      214px 0 0 -3px var(--progess-back-color),
      215px 0 0 -3px var(--progess-back-color),
      216px 0 0 -3px var(--progess-back-color),
      217px 0 0 -3px var(--progess-back-color),
      218px 0 0 -3px var(--progess-back-color),
      219px 0 0 -3px var(--progess-back-color),
      220px 0 0 -3px var(--progess-back-color),
      221px 0 0 -3px var(--progess-back-color),
      222px 0 0 -3px var(--progess-back-color),
      223px 0 0 -3px var(--progess-back-color),
      224px 0 0 -3px var(--progess-back-color),
      225px 0 0 -3px var(--progess-back-color),
      226px 0 0 -3px var(--progess-back-color),
      227px 0 0 -3px var(--progess-back-color),
      228px 0 0 -3px var(--progess-back-color),
      229px 0 0 -3px var(--progess-back-color),
      230px 0 0 -3px var(--progess-back-color),
      231px 0 0 -3px var(--progess-back-color),
      232px 0 0 -3px var(--progess-back-color),
      233px 0 0 -3px var(--progess-back-color),
      234px 0 0 -3px var(--progess-back-color),
      235px 0 0 -3px var(--progess-back-color),
      236px 0 0 -3px var(--progess-back-color),
      237px 0 0 -3px var(--progess-back-color),
      238px 0 0 -3px var(--progess-back-color),
      239px 0 0 -3px var(--progess-back-color),
      240px 0 0 -3px var(--progess-back-color),
      241px 0 0 -3px var(--progess-back-color),
      242px 0 0 -3px var(--progess-back-color),
      243px 0 0 -3px var(--progess-back-color),
      244px 0 0 -3px var(--progess-back-color),
      245px 0 0 -3px var(--progess-back-color),
      246px 0 0 -3px var(--progess-back-color),
      247px 0 0 -3px var(--progess-back-color),
      248px 0 0 -3px var(--progess-back-color),
      249px 0 0 -3px var(--progess-back-color),
      250px 0 0 -3px var(--progess-back-color),
      251px 0 0 -3px var(--progess-back-color),
      252px 0 0 -3px var(--progess-back-color),
      253px 0 0 -3px var(--progess-back-color),
      254px 0 0 -3px var(--progess-back-color),
      255px 0 0 -3px var(--progess-back-color),
      256px 0 0 -3px var(--progess-back-color),
      257px 0 0 -3px var(--progess-back-color),
      258px 0 0 -3px var(--progess-back-color),
      259px 0 0 -3px var(--progess-back-color),
      260px 0 0 -3px var(--progess-back-color),
      261px 0 0 -3px var(--progess-back-color),
      262px 0 0 -3px var(--progess-back-color),
      263px 0 0 -3px var(--progess-back-color),
      264px 0 0 -3px var(--progess-back-color),
      265px 0 0 -3px var(--progess-back-color),
      266px 0 0 -3px var(--progess-back-color),
      267px 0 0 -3px var(--progess-back-color),
      268px 0 0 -3px var(--progess-back-color),
      269px 0 0 -3px var(--progess-back-color),
      270px 0 0 -3px var(--progess-back-color),
      271px 0 0 -3px var(--progess-back-color),
      272px 0 0 -3px var(--progess-back-color),
      273px 0 0 -3px var(--progess-back-color),
      274px 0 0 -3px var(--progess-back-color),
      275px 0 0 -3px var(--progess-back-color),
      276px 0 0 -3px var(--progess-back-color),
      277px 0 0 -3px var(--progess-back-color),
      278px 0 0 -3px var(--progess-back-color),
      279px 0 0 -3px var(--progess-back-color),
      280px 0 0 -3px var(--progess-back-color),
      281px 0 0 -3px var(--progess-back-color),
      282px 0 0 -3px var(--progess-back-color),
      283px 0 0 -3px var(--progess-back-color),
      284px 0 0 -3px var(--progess-back-color),
      285px 0 0 -3px var(--progess-back-color),
      286px 0 0 -3px var(--progess-back-color),
      287px 0 0 -3px var(--progess-back-color),
      288px 0 0 -3px var(--progess-back-color),
      289px 0 0 -3px var(--progess-back-color),
      290px 0 0 -3px var(--progess-back-color),
      291px 0 0 -3px var(--progess-back-color),
      292px 0 0 -3px var(--progess-back-color),
      293px 0 0 -3px var(--progess-back-color),
      294px 0 0 -3px var(--progess-back-color),
      295px 0 0 -3px var(--progess-back-color),
      296px 0 0 -3px var(--progess-back-color),
      297px 0 0 -3px var(--progess-back-color),
      298px 0 0 -3px var(--progess-back-color),
      299px 0 0 -3px var(--progess-back-color),
      300px 0 0 -3px var(--progess-back-color),
      301px 0 0 -3px var(--progess-back-color),
      302px 0 0 -3px var(--progess-back-color),
      303px 0 0 -3px var(--progess-back-color),
      304px 0 0 -3px var(--progess-back-color),
      305px 0 0 -3px var(--progess-back-color),
      306px 0 0 -3px var(--progess-back-color),
      307px 0 0 -3px var(--progess-back-color),
      308px 0 0 -3px var(--progess-back-color),
      309px 0 0 -3px var(--progess-back-color),
      310px 0 0 -3px var(--progess-back-color),
      311px 0 0 -3px var(--progess-back-color),
      312px 0 0 -3px var(--progess-back-color),
      313px 0 0 -3px var(--progess-back-color),
      314px 0 0 -3px var(--progess-back-color),
      315px 0 0 -3px var(--progess-back-color),
      316px 0 0 -3px var(--progess-back-color),
      317px 0 0 -3px var(--progess-back-color),
      318px 0 0 -3px var(--progess-back-color),
      319px 0 0 -3px var(--progess-back-color),
      320px 0 0 -3px var(--progess-back-color),
      321px 0 0 -3px var(--progess-back-color),
      322px 0 0 -3px var(--progess-back-color),
      323px 0 0 -3px var(--progess-back-color),
      324px 0 0 -3px var(--progess-back-color),
      325px 0 0 -3px var(--progess-back-color),
      326px 0 0 -3px var(--progess-back-color),
      327px 0 0 -3px var(--progess-back-color),
      328px 0 0 -3px var(--progess-back-color),
      329px 0 0 -3px var(--progess-back-color),
      330px 0 0 -3px var(--progess-back-color),
      331px 0 0 -3px var(--progess-back-color),
      332px 0 0 -3px var(--progess-back-color),
      333px 0 0 -3px var(--progess-back-color),
      334px 0 0 -3px var(--progess-back-color),
      335px 0 0 -3px var(--progess-back-color),
      336px 0 0 -3px var(--progess-back-color),
      337px 0 0 -3px var(--progess-back-color),
      338px 0 0 -3px var(--progess-back-color),
      339px 0 0 -3px var(--progess-back-color),
      340px 0 0 -3px var(--progess-back-color),
      341px 0 0 -3px var(--progess-back-color),
      342px 0 0 -3px var(--progess-back-color),
      343px 0 0 -3px var(--progess-back-color),
      344px 0 0 -3px var(--progess-back-color),
      345px 0 0 -3px var(--progess-back-color),
      346px 0 0 -3px var(--progess-back-color),
      347px 0 0 -3px var(--progess-back-color),
      348px 0 0 -3px var(--progess-back-color),
      349px 0 0 -3px var(--progess-back-color),
      350px 0 0 -3px var(--progess-back-color),
      351px 0 0 -3px var(--progess-back-color),
      352px 0 0 -3px var(--progess-back-color),
      353px 0 0 -3px var(--progess-back-color),
      354px 0 0 -3px var(--progess-back-color),
      355px 0 0 -3px var(--progess-back-color),
      356px 0 0 -3px var(--progess-back-color),
      357px 0 0 -3px var(--progess-back-color),
      358px 0 0 -3px var(--progess-back-color),
      359px 0 0 -3px var(--progess-back-color),
      360px 0 0 -3px var(--progess-back-color),
      361px 0 0 -3px var(--progess-back-color),
      362px 0 0 -3px var(--progess-back-color),
      363px 0 0 -3px var(--progess-back-color),
      364px 0 0 -3px var(--progess-back-color),
      365px 0 0 -3px var(--progess-back-color),
      366px 0 0 -3px var(--progess-back-color),
      367px 0 0 -3px var(--progess-back-color),
      368px 0 0 -3px var(--progess-back-color),
      369px 0 0 -3px var(--progess-back-color),
      370px 0 0 -3px var(--progess-back-color),
      371px 0 0 -3px var(--progess-back-color),
      372px 0 0 -3px var(--progess-back-color),
      373px 0 0 -3px var(--progess-back-color),
      374px 0 0 -3px var(--progess-back-color),
      375px 0 0 -3px var(--progess-back-color),
      376px 0 0 -3px var(--progess-back-color),
      377px 0 0 -3px var(--progess-back-color),
      378px 0 0 -3px var(--progess-back-color),
      379px 0 0 -3px var(--progess-back-color),
      380px 0 0 -3px var(--progess-back-color),
      381px 0 0 -3px var(--progess-back-color),
      382px 0 0 -3px var(--progess-back-color),
      383px 0 0 -3px var(--progess-back-color),
      384px 0 0 -3px var(--progess-back-color),
      385px 0 0 -3px var(--progess-back-color),
      386px 0 0 -3px var(--progess-back-color),
      387px 0 0 -3px var(--progess-back-color),
      388px 0 0 -3px var(--progess-back-color),
      389px 0 0 -3px var(--progess-back-color),
      390px 0 0 -3px var(--progess-back-color),
      391px 0 0 -3px var(--progess-back-color),
      392px 0 0 -3px var(--progess-back-color),
      393px 0 0 -3px var(--progess-back-color),
      394px 0 0 -3px var(--progess-back-color),
      395px 0 0 -3px var(--progess-back-color),
      396px 0 0 -3px var(--progess-back-color),
      397px 0 0 -3px var(--progess-back-color),
      398px 0 0 -3px var(--progess-back-color),
      399px 0 0 -3px var(--progess-back-color),
      400px 0 0 -3px var(--progess-back-color),
      401px 0 0 -3px var(--progess-back-color),
      402px 0 0 -3px var(--progess-back-color),
      403px 0 0 -3px var(--progess-back-color),
      404px 0 0 -3px var(--progess-back-color),
      405px 0 0 -3px var(--progess-back-color),
      406px 0 0 -3px var(--progess-back-color),
      407px 0 0 -3px var(--progess-back-color),
      408px 0 0 -3px var(--progess-back-color),
      409px 0 0 -3px var(--progess-back-color),
      410px 0 0 -3px var(--progess-back-color),
      411px 0 0 -3px var(--progess-back-color),
      412px 0 0 -3px var(--progess-back-color),
      413px 0 0 -3px var(--progess-back-color),
      414px 0 0 -3px var(--progess-back-color),
      415px 0 0 -3px var(--progess-back-color),
      416px 0 0 -3px var(--progess-back-color),
      417px 0 0 -3px var(--progess-back-color),
      418px 0 0 -3px var(--progess-back-color),
      419px 0 0 -3px var(--progess-back-color),
      420px 0 0 -3px var(--progess-back-color),
      421px 0 0 -3px var(--progess-back-color),
      422px 0 0 -3px var(--progess-back-color),
      423px 0 0 -3px var(--progess-back-color),
      424px 0 0 -3px var(--progess-back-color),
      425px 0 0 -3px var(--progess-back-color),
      426px 0 0 -3px var(--progess-back-color),
      427px 0 0 -3px var(--progess-back-color),
      428px 0 0 -3px var(--progess-back-color),
      429px 0 0 -3px var(--progess-back-color),
      430px 0 0 -3px var(--progess-back-color),
      431px 0 0 -3px var(--progess-back-color),
      432px 0 0 -3px var(--progess-back-color),
      433px 0 0 -3px var(--progess-back-color),
      434px 0 0 -3px var(--progess-back-color),
      435px 0 0 -3px var(--progess-back-color),
      436px 0 0 -3px var(--progess-back-color),
      437px 0 0 -3px var(--progess-back-color),
      438px 0 0 -3px var(--progess-back-color),
      439px 0 0 -3px var(--progess-back-color),
      440px 0 0 -3px var(--progess-back-color),
      441px 0 0 -3px var(--progess-back-color),
      442px 0 0 -3px var(--progess-back-color),
      443px 0 0 -3px var(--progess-back-color),
      444px 0 0 -3px var(--progess-back-color),
      445px 0 0 -3px var(--progess-back-color),
      446px 0 0 -3px var(--progess-back-color),
      447px 0 0 -3px var(--progess-back-color),
      448px 0 0 -3px var(--progess-back-color),
      449px 0 0 -3px var(--progess-back-color),
      450px 0 0 -3px var(--progess-back-color),
      451px 0 0 -3px var(--progess-back-color),
      452px 0 0 -3px var(--progess-back-color),
      453px 0 0 -3px var(--progess-back-color),
      454px 0 0 -3px var(--progess-back-color),
      455px 0 0 -3px var(--progess-back-color),
      456px 0 0 -3px var(--progess-back-color),
      457px 0 0 -3px var(--progess-back-color),
      458px 0 0 -3px var(--progess-back-color),
      459px 0 0 -3px var(--progess-back-color),
      460px 0 0 -3px var(--progess-back-color),
      461px 0 0 -3px var(--progess-back-color),
      462px 0 0 -3px var(--progess-back-color),
      463px 0 0 -3px var(--progess-back-color),
      464px 0 0 -3px var(--progess-back-color),
      465px 0 0 -3px var(--progess-back-color),
      466px 0 0 -3px var(--progess-back-color),
      467px 0 0 -3px var(--progess-back-color),
      468px 0 0 -3px var(--progess-back-color),
      469px 0 0 -3px var(--progess-back-color),
      470px 0 0 -3px var(--progess-back-color),
      471px 0 0 -3px var(--progess-back-color),
      472px 0 0 -3px var(--progess-back-color),
      473px 0 0 -3px var(--progess-back-color),
      474px 0 0 -3px var(--progess-back-color),
      475px 0 0 -3px var(--progess-back-color),
      476px 0 0 -3px var(--progess-back-color),
      477px 0 0 -3px var(--progess-back-color),
      478px 0 0 -3px var(--progess-back-color),
      479px 0 0 -3px var(--progess-back-color),
      480px 0 0 -3px var(--progess-back-color),
      481px 0 0 -3px var(--progess-back-color),
      482px 0 0 -3px var(--progess-back-color),
      483px 0 0 -3px var(--progess-back-color),
      484px 0 0 -3px var(--progess-back-color),
      485px 0 0 -3px var(--progess-back-color),
      486px 0 0 -3px var(--progess-back-color),
      487px 0 0 -3px var(--progess-back-color),
      488px 0 0 -3px var(--progess-back-color),
      489px 0 0 -3px var(--progess-back-color),
      490px 0 0 -3px var(--progess-back-color),
      491px 0 0 -3px var(--progess-back-color),
      492px 0 0 -3px var(--progess-back-color),
      493px 0 0 -3px var(--progess-back-color),
      494px 0 0 -3px var(--progess-back-color),
      495px 0 0 -3px var(--progess-back-color),
      496px 0 0 -3px var(--progess-back-color),
      497px 0 0 -3px var(--progess-back-color),
      498px 0 0 -3px var(--progess-back-color),
      499px 0 0 -3px var(--progess-back-color),
      500px 0 0 -3px var(--progess-back-color),
      501px 0 0 -3px var(--progess-back-color),
      502px 0 0 -3px var(--progess-back-color),
      503px 0 0 -3px var(--progess-back-color),
      504px 0 0 -3px var(--progess-back-color),
      505px 0 0 -3px var(--progess-back-color),
      506px 0 0 -3px var(--progess-back-color),
      507px 0 0 -3px var(--progess-back-color),
      508px 0 0 -3px var(--progess-back-color),
      509px 0 0 -3px var(--progess-back-color),
      510px 0 0 -3px var(--progess-back-color),
      511px 0 0 -3px var(--progess-back-color),
      512px 0 0 -3px var(--progess-back-color),
      513px 0 0 -3px var(--progess-back-color),
      514px 0 0 -3px var(--progess-back-color),
      515px 0 0 -3px var(--progess-back-color),
      516px 0 0 -3px var(--progess-back-color),
      517px 0 0 -3px var(--progess-back-color),
      518px 0 0 -3px var(--progess-back-color),
      519px 0 0 -3px var(--progess-back-color),
      520px 0 0 -3px var(--progess-back-color),
      521px 0 0 -3px var(--progess-back-color),
      522px 0 0 -3px var(--progess-back-color),
      523px 0 0 -3px var(--progess-back-color),
      524px 0 0 -3px var(--progess-back-color),
      525px 0 0 -3px var(--progess-back-color),
      526px 0 0 -3px var(--progess-back-color),
      527px 0 0 -3px var(--progess-back-color),
      528px 0 0 -3px var(--progess-back-color),
      529px 0 0 -3px var(--progess-back-color),
      530px 0 0 -3px var(--progess-back-color),
      531px 0 0 -3px var(--progess-back-color),
      532px 0 0 -3px var(--progess-back-color),
      533px 0 0 -3px var(--progess-back-color),
      534px 0 0 -3px var(--progess-back-color),
      535px 0 0 -3px var(--progess-back-color),
      536px 0 0 -3px var(--progess-back-color),
      537px 0 0 -3px var(--progess-back-color),
      538px 0 0 -3px var(--progess-back-color),
      539px 0 0 -3px var(--progess-back-color),
      540px 0 0 -3px var(--progess-back-color),
      541px 0 0 -3px var(--progess-back-color),
      542px 0 0 -3px var(--progess-back-color),
      543px 0 0 -3px var(--progess-back-color),
      544px 0 0 -3px var(--progess-back-color),
      545px 0 0 -3px var(--progess-back-color),
      546px 0 0 -3px var(--progess-back-color),
      547px 0 0 -3px var(--progess-back-color),
      548px 0 0 -3px var(--progess-back-color),
      549px 0 0 -3px var(--progess-back-color),
      550px 0 0 -3px var(--progess-back-color),
      551px 0 0 -3px var(--progess-back-color),
      552px 0 0 -3px var(--progess-back-color),
      553px 0 0 -3px var(--progess-back-color),
      554px 0 0 -3px var(--progess-back-color),
      555px 0 0 -3px var(--progess-back-color),
      556px 0 0 -3px var(--progess-back-color),
      557px 0 0 -3px var(--progess-back-color),
      558px 0 0 -3px var(--progess-back-color),
      559px 0 0 -3px var(--progess-back-color),
      560px 0 0 -3px var(--progess-back-color),
      561px 0 0 -3px var(--progess-back-color),
      562px 0 0 -3px var(--progess-back-color),
      563px 0 0 -3px var(--progess-back-color),
      564px 0 0 -3px var(--progess-back-color),
      565px 0 0 -3px var(--progess-back-color),
      566px 0 0 -3px var(--progess-back-color),
      567px 0 0 -3px var(--progess-back-color),
      568px 0 0 -3px var(--progess-back-color),
      569px 0 0 -3px var(--progess-back-color),
      570px 0 0 -3px var(--progess-back-color),
      571px 0 0 -3px var(--progess-back-color),
      572px 0 0 -3px var(--progess-back-color),
      573px 0 0 -3px var(--progess-back-color),
      574px 0 0 -3px var(--progess-back-color),
      575px 0 0 -3px var(--progess-back-color),
      576px 0 0 -3px var(--progess-back-color),
      577px 0 0 -3px var(--progess-back-color),
      578px 0 0 -3px var(--progess-back-color),
      579px 0 0 -3px var(--progess-back-color),
      580px 0 0 -3px var(--progess-back-color),
      581px 0 0 -3px var(--progess-back-color),
      582px 0 0 -3px var(--progess-back-color),
      583px 0 0 -3px var(--progess-back-color),
      584px 0 0 -3px var(--progess-back-color),
      585px 0 0 -3px var(--progess-back-color),
      586px 0 0 -3px var(--progess-back-color),
      587px 0 0 -3px var(--progess-back-color),
      588px 0 0 -3px var(--progess-back-color),
      589px 0 0 -3px var(--progess-back-color),
      590px 0 0 -3px var(--progess-back-color),
      591px 0 0 -3px var(--progess-back-color),
      592px 0 0 -3px var(--progess-back-color),
      593px 0 0 -3px var(--progess-back-color),
      594px 0 0 -3px var(--progess-back-color),
      595px 0 0 -3px var(--progess-back-color),
      596px 0 0 -3px var(--progess-back-color),
      597px 0 0 -3px var(--progess-back-color),
      598px 0 0 -3px var(--progess-back-color),
      599px 0 0 -3px var(--progess-back-color),
      600px 0 0 -3px var(--progess-back-color);
    margin-top: -3px;
  }
  .podcast-player__progress-bar > input[type="range"]::-moz-range-track {
    height: 3px;
  }
  .podcast-player__progress-bar > input[type="range"]::-moz-range-thumb {
    width: 9px;
    height: 9px;
  }
  .podcast-player__progress-bar > input[type="range"]::-moz-range-progress {
    height: 3px;
  }
  .raffle {
    border-bottom: none;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    border: 1px solid var(--gray-40);
    border-left: 0;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .raffle:has(.raffle__success) {
    border: 1px solid var(--orange-70);
  }
  .raffle-welcome {
    font-size: 24px;
    text-align: center;
  }
  .raffle-description {
    font-size: 18px;
    margin-bottom: 24px;
    text-align: center;
  }
  .raffle-username {
    font-size: 20px;
  }
  .raffle-steps {
    font-size: 18px;
    margin-bottom: 0;
  }
  .raffle-detail {
    color: var(--gray-100);
    text-align: left;
  }
  .raffle-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 510px;
  }
  .raffle__form {
    min-height: 323px;
    flex: none;
  }
  .raffle__success {
    margin: auto;
  }
  .raffle__success--title {
    font-size: 31px;
  }
  .raffle__success--subtitle {
    font-size: 22px;
  }
  .raffle__success--text {
    font-size: 18px;
  }
  .raffle__success--error-icon {
    width: 72px;
  }
  .raffle-label {
    font-size: 24px;
    font-weight: 700;
  }
  .raffle__text-share {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .raffle-arrow {
    font-size: 16px;
  }
  .raffle__row {
    gap: 10px;
    grid-template-columns: repeat(2, auto);
  }
  .raffle__row--70-30 {
    grid-template-columns: 7fr 3fr;
  }
  .raffle .preference-options__container {
    margin: 0 106px;
  }
  .raffle .preference-label {
    font-size: 24px;
    margin: 46px 106px;
  }
  .raffle .field-label {
    font-size: 18px;
  }
  .story-card-ctn.cuadernos-card {
    background-image: url(../images/2EIU7WIY2NCNBG6FU3VM6QH6TU.png);
  }
  .fwc__m .story-card-ctn {
    padding: 0;
  }
  .fwc__m .story-card-hl {
    font-size: 42px;
    font-weight: 700;
  }
  .fwc__m .embed-match {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .story-card-live-ctn {
    margin-bottom: 2px;
  }
  .story-card-headline-image {
    font-size: 42px;
    padding: 0 16px 16px;
  }
  .story-card-deck {
    font-weight: 300;
  }
  .three-elements-chain-big-card .story-card-deck {
    font-size: 18px;
  }
  .three-elements-chain-big-card .story-card-hl {
    font-size: 42px;
    font-weight: 700;
  }
  .three-elements-chain-big-card .story-card-img-ctn {
    border-radius: 3px;
    margin: 0 0 12px;
    padding-top: 56.25%;
    width: 100%;
  }
  .three-elements-chain-big-card .story-card-img,
  .three-elements-chain-big-card .story-card-img.with-scb {
    border-radius: 3px;
  }
  .three-elements-chain-big-card .embed-match {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .three-elements-chain-big-card .story-card-scb {
    height: 10.6875vw;
    margin: 0 0 12px;
    width: 100%;
  }
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
    height: calc(10.63125vw + 32px);
  }
  .hl-medium {
    font-size: 35px;
    width: 100%;
  }
  .hl-big {
    font-size: 39px;
    width: 100%;
  }
  .hl-bomb {
    font-size: 48px;
    width: 100%;
  }
  .dk-medium {
    font-size: 16px;
  }
  .dk-big {
    font-size: 18px;
  }
  .dk-bomb {
    font-size: 20px;
  }
  .five-cards-chain-ctn .hl-medium {
    font-size: 28px;
  }
  .five-cards-chain-ctn .hl-big {
    font-size: 31px;
  }
  .five-cards-chain-ctn .hl-bomb {
    font-size: 38px;
  }
  .five-cards-chain-ctn .dk-medium {
    font-size: 14px;
  }
  .five-cards-chain-ctn .dk-big {
    font-size: 16px;
  }
  .five-cards-chain-ctn .dk-bomb {
    font-size: 18px;
  }
  .five-cards-chain-ctn .story-card-img-ctn {
    border-radius: 3px;
    margin: 0 0 12px;
    width: 100%;
  }
  .five-cards-chain-ctn .story-card-img {
    border-radius: 3px;
  }
  .bomb-img-ctn {
    margin: 0 0 8px;
    padding-top: 33.3333333333%;
    width: 100%;
  }
  .bomb-img-ctn,
  .bomb-img-ctn .story-card-img {
    border-radius: 9px;
  }
  .bomb-img-ctn .embed-match {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .bomb-icon {
    bottom: 24px;
    height: 48px;
    left: 16px;
    width: 48px;
  }
  .article .share-bar-article-date-container {
    flex-direction: row;
  }
  .raffle-newsletter {
    top: 100px;
  }
  .raffle-newsletter-image {
    height: 400px;
  }
  .pos-tbl-ctn .table-container-default .table-cell:nth-child(2),
  .pos-tbl-ctn .table-container-default .table-header-cell:nth-child(2) {
    grid-template-columns: 32px 1fr;
  }
  .pos-tbl-ctn .table-container-default .table-cell,
  .pos-tbl-ctn .table-container-default .table-header-cell {
    font-size: 16px;
  }
  .sport-calendar-matches-all.nfl {
    width: inherit;
    position: relative;
    left: inherit;
  }
  .sport-calendar-full-date,
  .sport-calendar-matches,
  .sport-calendar-matches-all {
    margin: 0;
    padding: 0;
  }
  .sport-calendar-swiper {
    width: calc(100% - 116px);
  }
  .sport-calendar-error .sport-calendar-swipper-wrapper .next-arrow,
  .sport-calendar-error .sport-calendar-swipper-wrapper .prev-arrow,
  .sport-calendar .sport-calendar-swipper-wrapper .next-arrow,
  .sport-calendar .sport-calendar-swipper-wrapper .prev-arrow {
    display: block;
    right: 0;
  }
  .sport-calendar-error
    .sport-calendar-swipper-wrapper
    .next-arrow:nth-child(2),
  .sport-calendar-error
    .sport-calendar-swipper-wrapper
    .prev-arrow:nth-child(2),
  .sport-calendar .sport-calendar-swipper-wrapper .next-arrow:nth-child(2),
  .sport-calendar .sport-calendar-swipper-wrapper .prev-arrow:nth-child(2) {
    left: 0;
  }
  .calendar-notice {
    width: 356px;
  }
  .sport-calendar-match-local,
  .sport-calendar-match-visitant {
    -moz-column-gap: 6px;
    column-gap: 6px;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
  }
  .sport-calendar-match-local {
    flex-direction: row-reverse;
  }
  .sport-calendar-match-local p {
    text-align: end;
  }
  .sport-calendar-match-visitant p {
    text-align: justify;
  }
  .ctn-boomb-headline {
    padding: 10px 16px 0;
    border-radius: 3px;
  }
  .ctn-boomb-headline h1 {
    font-size: 39px;
  }
  .ctn-f1-event-overview .tennis-calendar-accordion-content,
  .ctn-soccer-event-overview .tennis-calendar-accordion-content,
  .ctn-tenis-event-overview .tennis-calendar-accordion-content {
    grid-template-columns: 1fr;
  }
  .ctn-sport-events-fallback {
    min-height: 2200px;
  }
  .highlights-calendar {
    min-height: 1118px;
  }
  .calendar-feriados-component {
    min-height: 1600px;
  }
  .laws-feed-component {
    min-height: 700px;
  }
  .fwc.fwc__t {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .fwc__space.fwc__t {
    display: block;
  }
  .podcast-body-container {
    margin: 0 30px 37px;
  }
  .podcast-body-left,
  .podcast-body-right {
    padding: 22px 0;
  }
  .podcast-body-bottom {
    margin: 0 30px;
    padding-bottom: 37px;
    padding-top: 37px;
  }
  .podcast-player {
    margin-top: 100px;
  }
  .podcast .ndc_ctn {
    display: grid;
    grid-template-rows: auto;
    row-gap: 25px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0 0 10px;
    padding: 5px 0;
  }
  .podcast .ndc_bccolor {
    padding: 8px;
  }
  .podcast .ndc_sc1 {
    grid-template-columns: 100%;
  }
  .podcast .ndc_sc2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .podcast .ndc_sc3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .podcast .ndc_sc4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .podcast .ndc_sc5,
  .podcast .ndc_sc6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .default-chain-ctn .swiper {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 769px) and (width: 820px) {
  .article-section {
    margin-top: 16px;
  }
}
@media (min-width: 820px) {
  .cc-sub {
    padding: 0;
  }
}
@media screen and (width: 820px) {
  .exchange-dolar.swiper {
    margin: 16px -16px;
  }
}
@media only screen and (min-width: 902px) {
  .podcast-header__info-play {
    margin-top: 16px;
  }
  .podcast-header__info-description {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 940px) {
  .ctn-f1-event-overview .tennis-calendar-accordion-content,
  .ctn-soccer-event-overview .tennis-calendar-accordion-content,
  .ctn-tenis-event-overview .tennis-calendar-accordion-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .electoralRoll {
    gap: 22px;
    margin-bottom: 24px;
    padding: 22px 16px;
  }
  .electoralRoll-bottom {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .electoralRoll-title {
    font-size: 42px;
    margin-bottom: 10px;
  }
  .electoralRoll-canonical-title {
    font-size: 20px;
  }
  .electoralRoll-bottom-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .electoralRoll-cta-text {
    font-size: 16px;
  }
  .electoralRoll-votes-icon {
    height: 16px;
    width: 14px;
  }
  .calendar-group {
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
  }
  .calendar-group-header {
    margin: 0 auto;
  }
  .calendar-final-fase .fixture {
    margin-top: 32px;
  }
  .calendar-stage-matches {
    flex-direction: row;
  }
  .calendar-ad,
  .slider-ad {
    display: flex;
  }
  .slider {
    gap: 32px;
  }
  .slider-arrow {
    display: flex;
  }
  .badge {
    gap: 22px;
    padding: 16px 24px;
  }
  .badge-title {
    font-size: 42px;
    margin-bottom: 10px;
  }
  .badge-cta-text {
    font-size: 16px;
  }
  .badge-votes-icon {
    height: 16px;
    width: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1124px) {
  .exchange-dolar-title > p {
    font-size: 12.5px;
  }
  .fc-link {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1146px) {
  .exchange-dolar-percentage span {
    font-size: 12px;
  }
  .exchange-dolar-percentage img {
    height: 10px;
    width: 8px;
  }
}
@media only screen and (min-width: 992px) {
  .disclaimer-text p {
    font-size: 14px;
  }
  .color_figcaption {
    padding: 0 0 0 20px;
  }
  .box-info-content-values {
    gap: 24px;
  }
  .box-info-title {
    margin-bottom: 0;
  }
  .cc-link {
    font-size: 28px;
  }
  .box-info-per-error-tag {
    font-size: 16px;
  }
  .breaking-news-link {
    padding: 13.5px 0;
  }
  .card-review-ctn {
    padding: 28px;
  }
  .notification-tooltip-ctn {
    right: 24px;
    top: calc(100% + 605px);
  }
  .notification-toast {
    width: 197px;
  }
  .notification-toast__content {
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 6px 12px;
  }
  .notification-toast__content img {
    height: 14px;
    width: 14px;
  }
  .notification-toast__content a,
  .notification-toast__content p {
    font-size: 16px;
  }
  .notification-toast__btn {
    font-size: 10px;
    height: 16px;
    width: 16px;
  }
  .success-tooltip > .tooltip-ctn {
    right: 50px;
    top: 140px;
  }
  .success-tooltip > .tooltip-ctn:before {
    left: calc(66% + 1px);
  }
  .success-tooltip > .tooltip-ctn:after {
    left: 66%;
  }
  .tooltip-identity .tooltip-ctn-reverse {
    left: 56%;
    top: -104px;
  }
  .exchange-dolar.swiper {
    display: none;
  }
  .exchange-dolar {
    display: block;
  }
  .exchange-dolar-container {
    display: flex;
    height: 88px;
  }
  .exchange-dolar-item {
    width: 100%;
  }
  .exchange-dolar-percentage-mobile {
    display: none;
  }
  .exchange-dolar-item:first-child,
  .exchange-dolar-item:nth-child(2),
  .exchange-dolar-item:nth-child(3),
  .exchange-dolar-item:nth-child(4) {
    border-bottom: none;
  }
  .exchange-dolar-item:first-child,
  .exchange-dolar-item:nth-child(2),
  .exchange-dolar-item:nth-child(3),
  .exchange-dolar-item:nth-child(4),
  .exchange-dolar-item:nth-child(5) {
    border-right: 1px solid var(--gray-40);
  }
  .exchange-dolar-item:last-child {
    border-right: none;
  }
  .head-story,
  .headline-feed-column {
    font-size: 18px;
  }
  .feed-list-wrapper > .ht-h1 {
    font-size: 31px;
    margin-bottom: 12px;
  }
  .feed-list-card {
    grid-template-columns: [col1] 62.9% [col2];
    padding-bottom: 8px;
  }
  .feed-list-card-first {
    grid-template-columns: [col1] 50% [col2];
    padding-top: 2px;
  }
  .feed-list-card-headline-lean {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .feed-list-card-headline-lean-first {
    text-align: center;
  }
  .deck {
    font-size: 16px;
  }
  .deck-first {
    text-align: center;
  }
  .footer-ctn {
    flex-direction: column;
    padding: 32px 32px 24px;
    z-index: 2990;
  }
  .social-media-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .logo-wrapper {
    align-items: inherit;
    flex-direction: column;
    margin-bottom: 40px;
    margin-top: 0;
  }
  .footer-logo {
    height: 40px;
    width: 171.84px;
  }
  .footer-menu {
    grid-template-columns: repeat(4, 25%);
    margin: 0 auto;
    max-width: 1204px;
  }
  .foreign-item-ctn {
    width: calc(33.33333% - 13.33333px);
  }
  .fotos-100 .headline-wrapper {
    margin: 0 auto;
    width: 856px;
  }
  .identity {
    margin-top: 42px;
  }
  .identity-header-user-data {
    padding-bottom: 18px;
  }
  .identity-form {
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(18, 1fr);
  }
  .identity-form div:first-child,
  .identity-form div:nth-child(2),
  .identity-form div:nth-child(3),
  .identity-form div:nth-child(6),
  .identity-form div:nth-child(7),
  .identity-form div:nth-child(10),
  .identity-form div:nth-child(11),
  .identity-form div:nth-child(12),
  .identity-form div:nth-child(13),
  .identity-form div:nth-child(14),
  .identity-form div:nth-child(15) {
    grid-column: auto/span 6;
  }
  .identity-form div:nth-child(4),
  .identity-form div:nth-child(5) {
    grid-column: auto/span 3;
  }
  .identity-form div:nth-child(8) {
    grid-column: auto/span 4;
  }
  .identity-form div:nth-child(9) {
    grid-column: auto/span 2;
  }
  .identity-account-actions {
    height: 120px;
  }
  .identity-menu-item:hover {
    background-color: var(--gray-20);
  }
  .article-bottom-856 {
    margin: 0 auto;
    max-width: 856px;
  }
  .sport-events.content-section > .top-home,
  .video-layout .top-home {
    margin-top: 0;
  }
  .video-layout .video-body.page-container,
  .video-layout .video-body.page-container-centered-1168,
  .video-layout .video-body.page-container-centered-1600,
  .video-layout .video-body.page-container-liveblogging {
    margin: 0 auto;
    max-width: 100%;
  }
  .homepage-centered-layout .header-layout-content {
    grid-column: span 12;
  }
  .homepage-centered-layout .header-layout-content-child {
    margin: inherit;
    max-width: 1236px;
  }
  .homepage-centered-layout .sport-live-ctn .header-layout-content-child {
    margin: 0;
    padding: 0;
    width: -moz-max-content;
    width: max-content;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-title {
    font-size: 22px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-title.big {
    font-size: 24px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-desc {
    font-size: 18px;
  }
  .livebar-ctn
    .livebar-ctn-info
    .livebar-ctn-live-title
    .livebar-ctn-info-headlines-desc.big {
    font-size: 20px;
  }
  .livebar-ctn .livebar-ctn-info {
    margin-left: 12px;
  }
  .livebar-ctn-info-live-closewrapper_icon {
    margin-right: auto;
  }
  .live-notice-sticky {
    padding-right: 0;
    padding-left: 0;
  }
  .live-notice-link {
    margin-left: auto;
    margin-right: auto;
  }
  .live-notice-text {
    width: 1300px;
  }
  .big-circle-theme-1 {
    border: 2px solid var(--red-90);
    height: 14px;
    width: 14px;
  }
  .sm-circle-theme-1 {
    height: 8px;
    width: 8px;
  }
  .live-notice-sticky-fixed-link {
    max-width: 1236px;
    grid-column: span 10;
    padding: 13.5px 16px;
  }
  .live-notice-sticky-fixed-link.isAdmin {
    grid-column: span 12;
  }
  .liveYoutube-ctn {
    -moz-column-gap: 25px;
    column-gap: 25px;
    padding: 16px;
  }
  .liveYoutube-live {
    font-size: 18px;
    line-height: 21px;
    padding: 7px 14px;
  }
  .liveYoutube-hl {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .liveYoutube-summary {
    font-size: 16px;
    line-height: 1.5;
  }
  .liveYoutube-bomb {
    margin: 0 0 20px;
    padding-top: 56.25%;
    width: 100%;
  }
  .user-default-avatar {
    margin-right: 12px;
  }
  .newsletter-chain-view-button:hover {
    background: rgba(246, 142, 1, 0.1);
    border: 1px solid rgba(246, 142, 1, 0.4);
  }
  .side-menu {
    max-width: 320px;
  }
  .side-menu.slide-open {
    left: 0;
  }
  .side-menu-player-audio,
  .side-menu-sticky-separator {
    display: none;
  }
  .dropdown-item:active,
  .dropdown-item:hover {
    background-color: var(--gray-20);
    border-radius: 100px;
  }
  .dropdown-item-ctn:active,
  .dropdown-item-ctn:hover {
    background-color: var(--gray-20);
    border-radius: 50px;
  }
  .dark-podcast .dropdown-item-ctn:active,
  .dark-podcast .dropdown-item-ctn:hover {
    background-color: #3c4043;
  }
  .story-card-hl {
    font-size: 22px;
    line-height: 1.3;
  }
  .story-card-live-ctn {
    margin-bottom: 0;
  }
  .story-card-big-img-ctn {
    border-radius: 3px;
    margin-left: 0;
    width: 100%;
  }
  .story-card-big-img-ctn .story-card-img,
  .story-card-big-img-ctn img {
    border-radius: 3px;
  }
  .three-elements-chain-item .story-card-scb {
    height: 6.091875vw;
    max-height: 75.89px;
  }
  .three-elements-chain-item .story-card-scb.scb-with-sponsor {
    height: calc(5.9625vw + 28px);
    max-height: 104.3px;
  }
  .three-elements-chain-big-card .story-card-hl {
    line-height: 1.2;
  }
  .three-elements-chain-big-card .story-card-deck {
    font-size: 18px;
  }
  .three-elements-chain-big-card .story-card-scb {
    height: 7.228125vw;
    max-height: 89.5px;
  }
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
    height: calc(7.22813vw + 30px);
    max-height: 127.5px;
  }
  .fwc__m .story-card-ctn {
    margin: 0 0 24px;
    width: 100%;
  }
  .fwc__m .story-card-hl {
    font-size: 39px;
    line-height: 1.2;
  }
  .fwc__m .story-card-deck {
    font-size: 18px;
  }
  .story-card-headline-image {
    font-size: 56px;
    padding: 0 20px 16px;
  }
  .hl-medium {
    font-size: 39px;
  }
  .hl-big {
    font-size: 42px;
  }
  .hl-bomb {
    font-size: 50px;
  }
  .dk-medium {
    font-size: 18px;
  }
  .dk-big {
    font-size: 20px;
  }
  .dk-bomb {
    font-size: 22px;
  }
  .five-cards-chain-ctn .hl-medium {
    font-size: 31px;
  }
  .five-cards-chain-ctn .hl-big {
    font-size: 35px;
  }
  .five-cards-chain-ctn .hl-bomb {
    font-size: 42px;
  }
  .five-cards-chain-ctn .dk-medium {
    font-size: 16px;
  }
  .five-cards-chain-ctn .dk-big {
    font-size: 18px;
  }
  .five-cards-chain-ctn .dk-bomb {
    font-size: 20px;
  }
  .default-chain-3 .story-card-scb {
    height: 6.075vw;
    max-height: 76px;
  }
  .default-chain-3 .story-card-scb.scb-with-sponsor {
    height: calc(6.01875vw + 28px);
    max-height: 104.3px;
  }
  .default-chain-4 .story-card-scb {
    height: 4.460625vw;
    max-height: 56px;
  }
  .default-chain-4 .story-card-scb.scb-with-sponsor {
    height: calc(4.44375vw + 28px);
    max-height: 84.3px;
  }
  .exclusive-card-info .story-card-hl {
    font-size: 22px;
  }
  div.ticker-ctn.col-90-10.hideTitleMobile > div.ticker {
    grid-column: 1/3;
    margin-left: 16px;
  }
  a.title-bar-anchor-button:hover {
    background: rgba(246, 142, 1, 0.1);
    border: 1px solid rgba(246, 142, 1, 0.4);
  }
  .sharebar-article-date {
    font-size: 16px;
  }
  .election-summaryBarV2 {
    padding: 4px 0;
  }
  .election-summaryBarV2Stat,
  .election-summaryBarV2StatBorder {
    min-height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .election-summaryBarV2_4,
  .election-summaryBarV2_4_Individual {
    padding: 0;
  }
  .election-summaryBarV2StatTitle {
    font-size: 16px;
  }
  .election-summaryBarV2StatQty {
    font-size: 16px;
    min-width: 60px;
  }
  .election-summaryBarV2_4_Individual,
  .election-summaryBarV2_Individual {
    display: flex;
    padding: 0;
    border: none;
  }
  .election-summaryBarV2_Individual
    > .election-summaryBarV2Stat
    > .election-summaryBarV2StatQty,
  .election-summaryBarV2_Individual
    > .election-summaryBarV2Stat
    > .election-summaryBarV2StatTitle,
  .election-summaryBarV2_Individual
    > .election-summaryBarV2StatBorder
    > .election-summaryBarV2StatQty,
  .election-summaryBarV2_Individual
    > .election-summaryBarV2StatBorder
    > .election-summaryBarV2StatTitle {
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .election-summaryBarV2_Individual > .election-summaryBarV2Stat,
  .election-summaryBarV2_Individual > .election-summaryBarV2StatBorder {
    gap: 8px;
    padding: 0 0 0 12px;
    margin: 4px 0 4px 12px;
  }
  .election-summaryBarV2_4_Individual
    > .election-summaryBarV2Stat
    > .election-summaryBarV2StatQty,
  .election-summaryBarV2_4_Individual
    > .election-summaryBarV2Stat
    > .election-summaryBarV2StatTitle,
  .election-summaryBarV2_4_Individual
    > .election-summaryBarV2StatBorder
    > .election-summaryBarV2StatQty,
  .election-summaryBarV2_4_Individual
    > .election-summaryBarV2StatBorder
    > .election-summaryBarV2StatTitle {
    font-size: 14px;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .election-summaryBarV2_4_Individual > .election-summaryBarV2Stat,
  .election-summaryBarV2_4_Individual > .election-summaryBarV2StatBorder {
    gap: 8px;
    padding: 0 0 0 12px;
    margin: 4px 0 4px 12px;
  }
  .iframe-loading-spinner {
    margin-bottom: 30px;
  }
  .card-ll-layout {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 435px;
    padding: 20px 0;
  }
  .card-ll-img {
    border-radius: 6px;
  }
  .card-ll-hl {
    font-size: 28px;
  }
  .card-ll-deck {
    font-size: 16px;
  }
  .ReactYoutube {
    aspect-ratio: inherit;
  }
  .info-card-description {
    padding: 0 16px;
    flex: 1;
  }
  .info-card-container-for-iframe > .info-card-top {
    flex-direction: column;
    justify-content: center;
  }
  .info-card-container.info-card-container-for-iframe > .info-card-description {
    max-width: none;
    text-align: center;
  }
  .info-card-container.info-card-container-for-iframe {
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }
  .background-video-left-logo-tr-img {
    left: 24px;
    max-width: 100px;
    top: 24px;
  }
  .background-video {
    max-height: 334px;
    padding: 24px;
  }
  .background-video-left {
    max-height: 286px;
    max-width: 568px;
  }
  .background-video-left-description {
    align-self: flex-start;
    font-size: 22px;
  }
  .background-video-left-sponsors-logo {
    -o-object-fit: initial;
    object-fit: fill;
  }
  .background-video-left-logo {
    max-width: 100%;
  }
  .background-video-left-logo-img {
    max-height: 200px;
    max-width: 200px;
    width: 100%;
  }
  .background-video-right-videos {
    height: 286px;
  }
  .background-video-right-player {
    max-height: 286px;
    max-width: 508px;
  }
  .background-video-right .jwplayer-ctn {
    margin: 0 auto;
    max-height: 286px;
    max-width: 508px;
  }
  .background-video-right .background-video-right-videos,
  .background-video-right .exclusive-video-yt,
  .background-video-right .rawHTML {
    height: 100%;
    margin: 0 auto;
    max-height: 286px;
    max-width: 508px;
    width: 100%;
  }
  .b-f-title-default {
    font-size: 32px;
  }
  .b-f-title-small {
    font-size: 28px;
  }
  .b-f-title-big {
    font-size: 40px;
  }
  .background-video-left-wrapper {
    gap: 20px;
  }
  .dynamic-chain.causa-cuadernos-overflowing {
    position: relative;
  }
  .dynamic-chain.causa-cuadernos-overflowing .dynamic-chain-divider-bottom,
  .dynamic-chain.causa-cuadernos-overflowing .dynamic-chain-divider-top {
    border-top: 0 solid;
    border-bottom: 0 solid;
  }
  .dynamic-chain-main-img-cuadernos-contained {
    background-image: url(../images/VJGIQUXY7VGNXINPICKKKTQFJQ.png);
  }
  .dynamic-chain-main-img-cuadernos-overflowing {
    background-image: url(../images/K74MAD6XARAX7JE2L3CGWHCC6I.png);
    height: calc(100% + 72px);
    pointer-events: none;
    right: -1%;
    top: -34px;
    width: 45%;
  }
  .dynamic-chain-main-info.causa-cuadernos-contained .reserved-space {
    height: 40px;
  }
  .dynamic-chain-main-info.causa-cuadernos-overflowing-iner .reserved-space {
    height: 30px;
  }
  .dynamic-chain {
    margin: 0 0 32px;
  }
  .dynamic-chain .dynamic-chain-divider:last-child {
    display: none;
  }
  .dynamic-chain .title-bar.chain-child {
    margin: 0 0 12px;
  }
  .dynamic-chain .borderClass {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
  }
  .dynamic-chain-main {
    border-radius: 9px;
    flex-direction: row;
    flex: 0 0 100%;
    overflow: hidden;
  }
  .dynamic-chain-main-anchor-img {
    width: 60%;
    display: flex;
  }
  .dynamic-chain-main-anchor-img:has(iframe) {
    width: 60%;
    padding-bottom: 0;
    height: auto;
  }
  .dynamic-chain-main-anchor-img .story-card-scb {
    border-top: none;
    bottom: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: min(6vw, 80px);
  }
  .dynamic-chain-main-img {
    height: auto;
  }
  .dynamic-chain-main-info {
    width: 40%;
    padding: 0 16px;
  }
  .dynamic-chain-main-info-logo {
    max-width: 100%;
  }
  .dynamic-chain-main-info h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .dynamic-chain-main-info h3 {
    font-size: 16px;
  }
  .dynamic-chain-main-info .dk-big {
    font-size: 18px;
  }
  .dynamic-chain-main-info.causa-cuadernos-overflowing-iner {
    position: static;
  }
  .dynamic-chain-main .hl-big {
    font-size: 32px;
  }
  .dynamic-chain-small-ctn {
    border-bottom: 1px solid var(--gray-40);
    border-top: 1px solid var(--gray-40);
    flex-direction: row;
    padding: 16px 0;
  }
  .dynamic-chain-small {
    padding: 0;
  }
  .dynamic-chain-small-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0;
  }
  .dynamic-chain-small-two > a {
    height: auto;
    max-width: 285px;
    width: 100%;
  }
  .dynamic-chain-small-two-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .dynamic-chain-small-two-info h2 {
    color: #1f1f1f;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  .dynamic-chain-small-two-anchor-img {
    height: auto;
    max-width: 285px;
    width: 100%;
    aspect-ratio: 16/9;
    max-height: 100%;
    border-radius: 3px;
  }
  .dynamic-chain-divider {
    margin: 0 20px;
    height: auto;
    width: 1px;
  }
  .dynamic-chain-divider-bottom,
  .dynamic-chain-divider-top {
    width: 100%;
  }
  .dynamic-chain-divider-top {
    margin: 0 0 18px;
  }
  .dynamic-chain-divider-bottom {
    margin: 24px 0 0;
  }
  .dynamic-chain-divider-bottom-main-story {
    height: 2px;
    margin: 0 0 32px;
    width: 100%;
  }
  .backgroundClass {
    border-radius: 12px;
    padding: 16px;
  }
  .backgroundClassNoneBorder {
    border-bottom: 1px solid;
  }
  .media-icon {
    width: 36px;
    height: 36px;
  }
  .sponsor-logo.title-bar-logo {
    margin-bottom: 10px;
  }
  .RI .Registry-inputs-container {
    display: flex;
    flex-wrap: wrap;
  }
  .RI .Registry-inputs-container > .login-form-field-ctn {
    min-width: 224px;
    width: 100%;
    max-width: 224.66px;
  }
  .RI .Registry-inputs-container > .login-form-field-ctn:nth-child(7),
  .RI .Registry-inputs-container > .login-form-field-ctn:nth-child(8) {
    max-width: inherit;
    width: inherit;
    flex: 1;
  }
  .RI .login-form-agree-terms-ctn {
    margin: 0;
  }
  .RI .login-social-buttons-ctn {
    display: flex;
    gap: 16px;
  }
  .RI .sign-in-with-google-button {
    flex: 1;
  }
  .RI .login-form-social-button {
    flex: 1;
    width: inherit;
  }
  .RI .register-preferences-button.finish {
    border: 1px solid transparent;
  }
  .RI .register-preferences-button.finish:not(:disabled):hover {
    background-color: var(--orange-20);
    border: 1px solid transparent;
  }
  .RI .register-preferences-list {
    margin: 49px 0;
  }
  .RI .register-preferences-button.back {
    border: inherit;
  }
  .saved-notes-container {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .saved-notes-container .saved-notes {
    width: 100%;
  }
  .saved-notes-container .saved-notes .feed-list-card {
    height: 100%;
    width: 100%;
  }
  .saved-notes .feed-list-card-headline-lean {
    margin-bottom: 63px;
  }
  .button-listen > .buttons-text {
    display: flex;
    font-size: 14px;
  }
  .button-listen {
    height: 38px;
    padding: 0 22px 0 16px;
    width: auto;
  }
  .frame-borders {
    padding-bottom: 16px;
  }
  .pos-tbl-ctn {
    min-width: 300px;
  }
  .pos-rw-nm {
    font-size: 16px;
    grid-template-columns: 32px 1fr;
  }
  .pos-tbl-cl,
  .pos-tbl-col {
    min-width: clamp(45px, 5vw, 58px);
  }
  .pos-tbl-cl p,
  .pos-tbl-col p {
    font-size: 16px;
    font-weight: 300;
    height: 32px;
    width: 32px;
  }
  .default-chain-inner-ctn .pos-tbl-cl,
  .default-chain-inner-ctn .pos-tbl-col {
    min-width: clamp(30px, 2vw, 58px);
  }
  .sport-leagues-logos-ctn {
    padding: 20px 0;
  }
  .sport-leagues-logos-ctn .sport-leagues-logo-info:hover img {
    height: 44px;
    width: 44px;
  }
  .sport-leagues-logos-ctn .sport-leagues-logo-info:hover p {
    font-weight: 500;
  }
  .sport-leagues-grouped-events-f1,
  .sport-leagues-grouped-events-tennis {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .sport-leagues .sport-title-ctn {
    padding: 24px 0;
  }
  .sport-leagues-countdown {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .sport-leagues-countdown-days,
  .sport-leagues-countdown-hours,
  .sport-leagues-countdown-minutes {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .sport-leagues-countdown-button {
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .sports-calendar-news-button:hover {
    background: rgba(246, 142, 1, 0.1);
    border: 1px solid rgba(246, 142, 1, 0.4);
  }
  .sport-calendar,
  .sport-calendar-error {
    width: auto;
  }
  .sport-calendar-swiper .swiper {
    padding-left: 11px;
    padding-right: 11px;
  }
  .sport-calendar-match-played {
    margin: auto;
  }
  .sport-calendar-local img,
  .sport-calendar-visitant img {
    height: 44px;
    max-height: 44px;
    max-width: 44px;
    width: 44px;
  }
  .sport-calendar-local p,
  .sport-calendar-visitant p {
    font-size: 18px;
  }
  .bet-slider-component {
    margin: 0 0 20px;
    min-height: 186px;
  }
  .ctn-boomb-headline {
    margin: 0;
    width: 100%;
    border-radius: 3px;
  }
  .ctn-boomb-headline h1 {
    font-size: 45px;
  }
  .aspen-container {
    height: 100%;
  }
  .aspen-title {
    font-size: 32px;
  }
  .aspen-player-logo {
    width: 56px;
    height: 56px;
  }
  .aspen-player-audio {
    height: 56px;
    width: 310px;
    max-width: 310px;
  }
  .recipe-feed {
    margin: 0 auto;
    max-width: 1204px;
  }
  .ctn-f1-event-overview .agenda-races {
    grid-template-columns: repeat(3, 1fr);
  }
  .ctn-f1-event-overview .race-card {
    border-right: 1px solid var(--gray-40);
  }
  .ctn-f1-event-overview .race-card:nth-child(3n) {
    border-right: none;
  }
  .no-data-text {
    font-size: 16px;
  }
  .bomb-title {
    line-height: 1.2;
  }
  .bomb-title-size-default {
    font-size: 42px;
  }
  .bomb-title-size-big {
    font-size: 49px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title {
    font-size: 42px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 49px;
  }
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck {
    font-size: 18px;
  }
  .streaming-player-ctn .player-ctn .player-top a .player-info .player-title,
  .three-elements-chain-big-card
    .streaming-player-ctn.custom-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.dark-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.light-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big,
  .three-elements-chain-big-card
    .streaming-player-ctn.live-theme
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 22px;
  }
  .streaming-player-ctn
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 28px;
  }
  .streaming-player-ctn .player-ctn .player-top a .player-info .player-deck {
    font-size: 18px;
  }
  .streaming-player-ctn
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 20px;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-title {
    font-size: 28px;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 32px;
  }
  .streaming-player-ctn.v2 .player-ctn .player-top a .player-info .player-deck {
    font-size: 18px;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 20px;
  }
  .ctn-special-header .special-header {
    padding-bottom: 90px;
  }
  .ctn-special-header .special-header-title {
    font-size: 44px;
    max-width: 1204px;
  }
  .ctn-special-header .special-header-subtitle {
    font-size: 24px;
    max-width: 1204px;
  }
  .default-chain-2:has(.ad-wrapper) {
    display: grid;
  }
  .default-chain-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .default-chain-4 .bomb {
    grid-column: span 4;
  }
  .default-chain-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .default-chain-5 .bomb {
    grid-column: span 5;
  }
  .default-chain-ctn .swiper .swiper-pagination {
    display: none;
  }
  .default-chain-ctn .slider-arrows {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%;
  }
  .default-chain-ctn .slider-arrows .next-arrow,
  .default-chain-ctn .slider-arrows .prev-arrow {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    margin-top: -14rem;
    position: relative;
    width: 30px;
    z-index: 2;
  }
  .default-chain-ctn .slider-arrows .next-arrow.swiper-button-disabled,
  .default-chain-ctn .slider-arrows .prev-arrow.swiper-button-disabled {
    opacity: 0;
  }
  .default-chain-ctn .slider-arrows .prev-arrow {
    background-image: url(../images/arrow_circle_left.svg);
    left: -14px;
  }
  .default-chain-ctn .slider-arrows .next-arrow {
    background-image: url(../images/arrow_circle_right.svg);
    right: -14px;
  }
  .three-elements-chain-ctn {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .three-elements-chain-left,
  .three-elements-chain-right {
    grid-template-columns: repeat(3, 1fr);
  }
  .three-elements-chain-big-card {
    grid-row: span 2;
  }
  .ecc-top {
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 32px;
  }
  .ecc-children-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  .ecc-children-wrapper > div:first-child,
  .ecc-children-wrapper > div:nth-child(2),
  .ecc-children-wrapper > div:nth-child(3) {
    grid-column: span 1;
    margin-bottom: 32px;
  }
  .otf-chain {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
  }
  .otf-chain-first-col {
    flex: 0 0 calc(50% - 21px);
    margin: 0 0 -16px;
    padding: 0;
  }
  .otf-chain-first-col .hl-bomb {
    font-size: 28px;
  }
  .otf-chain-first-col .story-card-deck {
    text-align: start;
  }
  .otf-chain-first-col
    .classFirstChild
    > .story-card-ctn
    > .story-card-info
    > .media-icon {
    bottom: 28px;
    left: 16px;
    min-height: 40px;
    min-width: 40px;
  }
  .otf-chain .story-card-details-ctn {
    justify-content: flex-start;
  }
  .otf-chain .classSecondChild > .story-card-ctn {
    border-bottom: none;
    margin-bottom: 0;
  }
  .otf-chain .classSecondChild > .story-card-ctn .story-card-details-ctn {
    justify-content: center;
  }
  .otf-chain
    .otf-chain-second-col
    > .story-card-ctn
    > .story-card-info
    > .media-icon {
    min-height: 32px;
    min-width: 32px;
  }
  .otf-chain .classSecondChild {
    align-items: center;
    border-bottom: 1px solid var(--gray-40);
    display: flex;
    height: 100%;
    margin-bottom: 16px;
  }
  .otf-chain .otf-chain-first-col .classFirstChild .story-card-hl {
    font-size: 35px;
    text-align: left;
  }
  .otf-chain-second-col,
  .otf-chain-third-col {
    flex: 0 0 calc(25% - 10.5px);
  }
  .otf-chain-third-col
    .story-card-ctn
    > .story-card-info
    > .story-card-details-top
    > .story-card-details-ctn
    > .story-card-author-ctn {
    justify-content: left;
  }
  .otf-chain
    .otf-chain-third-col
    > .story-card-ctn
    > .story-card-info
    > .media-icon {
    margin-bottom: -15px;
    margin-left: -5px;
  }
  .otf-chain-verano {
    border: 1px solid #f9d78e;
    border-radius: 12px;
    margin: 16px 0;
  }
  .otf-chain-verano .otf-chain-first-col {
    border-bottom: none;
  }
  .seven-video-chain {
    margin-bottom: 24px;
  }
  .seven-video-chain .seven-video-chain-ctn {
    grid-template-areas: "first-column second-column third-column";
    grid-template-columns: 1fr 1fr 1fr;
  }
  .seven-video-chain .seven-video-chain-third-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-column: span 1;
    justify-content: space-between;
  }
  .seven-video-chain .seven-video-chain-third-column .story-card-ctn {
    margin: 0;
  }
  .basic-nav:not(:has(.sticky-navbar-ad-container)) {
    margin-top: 48px;
  }
}
@media screen and (min-width: 992px) {
  .notifications-menu-ctn-interests {
    height: calc(100vh - 515px);
  }
  .notifications-menu-ctn-interests.navbar-contracted-48 {
    height: calc(100vh - 415px);
  }
  .notifications-menu-active:has(.notifications-menu-not-configured)
    .notifications-menu-ctn-interests {
    height: calc(100vh - 600px);
  }
  .notifications-menu-active:has(.notifications-menu-not-configured)
    .notifications-menu-ctn-interests.navbar-contracted-48 {
    height: calc(100vh - 520px);
  }
  .election-titlebar-tittlebarWhithTabs {
    margin-bottom: 0;
  }
  .election-titlebar-tittlebarWhithoutTabs {
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .election-titlebar-containerBtn {
    max-width: 45%;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .election-titlebar-nameElection,
  .election-titlebar-typeElection {
    font-size: 22px;
  }
  .iframe-loading-ca {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .ca-title {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .ca-co-title {
    width: 146px;
    height: 31px;
  }
  .ca-co-title,
  .ca-summary {
    display: flex;
    border-radius: 9px;
  }
  .ca-summary {
    width: 100%;
    height: 35px;
    gap: 5px;
    margin: 0 auto 20px;
  }
  .ca-comparation {
    display: none;
  }
  .ca-cards {
    width: calc(100% - 120px);
    height: 116px;
    gap: 20px;
    margin: 0 auto 16px;
    flex-direction: row;
  }
  .ca-cards > div {
    height: 100%;
  }
  .ca-more {
    display: none;
  }
  .map-tabs {
    gap: 32px;
  }
  .map-summary > div {
    height: 35px;
  }
  .map-content-general {
    display: flex;
    gap: 32px;
  }
  .map-content-cards,
  .map-content-map {
    width: 50%;
  }
  .map-more {
    display: none;
  }
  .map-cards-4 {
    display: block;
  }
  .map-country {
    height: 530px;
  }
  .slider-feed.power-up {
    max-width: inherit;
  }
  .slider-feed.power-up .next-arrow,
  .slider-feed.power-up .prev-arrow {
    display: block;
  }
  .video-header .swiper-slide:not(.swiper-slide-active) {
    background-color: var(--white-100);
  }
  .video-header .swiper-slide:not(.swiper-slide-active) img {
    opacity: 0.8;
  }
  .videos-feed {
    max-width: 1204px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .videos-feed-title-ctn {
    margin-left: 0;
  }
  .videos-feed-videos-arrows {
    display: flex;
  }
  .videos-feed-swiper {
    max-width: 100%;
    padding-bottom: 32px;
    width: 100%;
  }
  .videos-feed-swiper .swiper-wrapper .swiper-slide:first-child {
    margin-left: 0;
  }
  .video-card:hover .video-card-top {
    border-radius: 9px 9px 0 0;
    border-top: 1px solid var(--orange-100);
  }
  .video-card:hover .video-card-bottom,
  .video-card:hover .video-card-top {
    border-left: 1px solid var(--orange-100);
    border-right: 1px solid var(--orange-100);
  }
  .video-card:hover .video-card-bottom {
    border-bottom: 1px solid var(--orange-100);
    border-radius: 0 0 9px 9px;
  }
  .wrapper-power-up .top-ctn .detail-table {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-top {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-top img {
    height: 28px;
    width: 28px;
    margin-right: 6px;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-top .divider {
    display: block;
    margin: 0 12px;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-top .sub-title {
    display: block;
  }
  .wrapper-power-up .top-ctn .detail-table .divider-horizontal {
    display: none;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-bottom {
    align-items: normal;
    width: -moz-fit-content;
    width: fit-content;
  }
  .wrapper-power-up .top-ctn .detail-table .detail-bottom .sub-title {
    display: none;
  }
  .wrapper-power-up .body-ctn {
    margin-bottom: 0;
  }
  .wrapper-power-up .body-ctn .sport-agenda {
    border: none;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .wrapper-power-up .body-ctn .sport-agenda-mobile {
    display: none;
  }
  .wrapper-power-up .body-ctn .sport-agenda-desktop {
    border-radius: 6px;
    border: 1px solid var(--gray-40);
    display: block;
    margin-bottom: 0;
  }
  .wrapper-power-up .body-table-groups {
    justify-content: inherit;
  }
  .wrapper-power-up .body-table-groups .pos-tbl-ctn {
    justify-content: center;
    flex-flow: row wrap;
    width: 100%;
  }
  .wrapper-power-up .body-table-groups .pos-tbl-hd {
    padding: 6px;
  }
  .wrapper-power-up .body-table-groups .pos-tbl-rw {
    padding: 8px 6px;
  }
  .wrapper-power-up .body-table-groups .grupos {
    width: 48.5%;
  }
  .wrapper-power-up .posiciones .pos-tbl-rw-lyt h6,
  .wrapper-power-up .posiciones .pos-tbl-rw-lyt span {
    font-size: 16px;
  }
  .wrapper-power-up .posiciones .pos-tbl-rw-lyt-grw img {
    width: 32px;
    height: 32px;
  }
  .wrapper-power-up .posiciones .pos-tbl-rw-lyt-grw span {
    font-size: 16px;
  }
  .wrapper-power-up .grupos .pos-tbl-col p {
    width: 20px;
    height: 20px;
    font-size: 12px;
    align-items: normal;
  }
  .streaming-player-ctn.v2 .player-ctn {
    flex-direction: row;
  }
  .streaming-player-ctn.v2 .player-ctn .player-top {
    width: 40%;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-title {
    font-size: 28px;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-title.big {
    font-size: 32px;
  }
  .streaming-player-ctn.v2 .player-ctn .player-top a .player-info .player-deck {
    font-size: 18px;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player-top
    a
    .player-info
    .player-deck.big {
    font-size: 20px;
  }
  .streaming-player-ctn.v2 .player-ctn .player {
    width: 60%;
  }
  .streaming-player-ctn.v2
    .player-ctn
    .player
    .player-ctn_video
    .rawHTML
    .exclusive-video-yt,
  .streaming-player-ctn.v2
    .player-ctn
    .player
    .player-ctn_video
    .rawHTML
    iframe,
  .streaming-player-ctn.v2
    .player-ctn
    .player
    a
    .player-ctn_video
    .livebar-poster-youtube {
    border-radius: 0 9px 9px 0;
  }
  .ctn-slider-general-agenda {
    padding: 0 0 24px;
  }
  .ctn-slider-general-agenda .title-container .soccer-title {
    font-size: 22px;
  }
  .laws-filter {
    border-radius: 12px;
  }
  .laws-filter-inputs-ctn {
    display: flex;
    gap: 24px;
  }
  .laws-filter-not-found {
    grid-column: span 5;
  }
}
@media only screen and (min-width: 993px) {
  .link-to-buy-button {
    right: 16px;
  }
  h1 {
    font-size: 45px;
    line-height: 50px;
  }
  h2 {
    font-size: 20px;
  }
  .onefootball > .ht-h1 {
    font-size: 31px;
    margin-bottom: 12px;
  }
  .article-headline-live-blogging,
  .body-blogging-sub-header {
    scroll-margin-top: 150px;
  }
  .body-blogging {
    max-width: 796px;
  }
  .body-blogging .sharebar-container {
    margin-bottom: 16px;
  }
  .body-blogging-container {
    position: relative;
  }
  .body-blogging-time {
    display: grid;
    order: 0;
  }
  .body-blogging-time-hour {
    font-size: 18px;
    place-self: flex-end;
  }
  .body-blogging-time-date:before {
    content: none;
  }
  .body-blogging-article .visual-image {
    margin-bottom: 24px;
  }
  .body-blogging-article .paragraph {
    font-size: 20px;
  }
  .body-blogging-time-line {
    left: -112px;
  }
  .body-blogging-figures {
    display: block;
    padding-top: 4px;
    height: 100%;
  }
  .body-blogging-figures-sm-circle {
    height: 6px;
    width: 6px;
  }
  .body-blogging-figures-line {
    width: 1px;
    background-color: var(--orange-100);
    height: calc(100% - 36px);
    display: block;
    margin: 0 auto 0 6px;
  }
  .body-blogging-top-line {
    display: block;
    margin: 0 0 18px;
  }
  .live-blogging-blinker-white {
    animation: liveBloggingBlinkerWhite 3s linear infinite;
  }
  .live-blogging-blinker-yellow {
    animation: liveBloggingBlinkerYellow 3s linear infinite;
  }
  @keyframes liveBloggingBlinkerWhite {
    50% {
      background-color: var(--orange-100);
      border-color: var(--white-100);
    }
  }
  @keyframes liveBloggingBlinkerYellow {
    50% {
      background-color: var(--white-100);
    }
  }
  .author-title__data {
    max-width: 420px;
    min-width: 420px;
  }
  .article-right-rail .content-section:not(.isAdmin),
  .homepage-layout .content-section:not(.isAdmin) {
    grid-column: span 12;
  }
  .content-section:not(.isAdmin) {
    grid-column: span 10;
  }
  .homepage-centered-layout .header-layout-content {
    grid-column: span 12;
  }
  .article-section,
  .article-section-no-ads {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .page-container-centered-1600 {
    max-width: 1600px;
  }
  .page-container-liveblogging {
    max-width: 1236px;
  }
  .page-container-liveblogging .article-tags-container,
  .page-container-liveblogging .feed-list-wrapper {
    margin: 0 auto;
    max-width: 796px;
  }
  .header-layout-content-child {
    max-width: 1236px;
  }
  .article-bottom-856 {
    padding: 0;
    width: 856px;
  }
  .video-layout .sticky-navbar-ad-container {
    min-height: 96px;
  }
  .video-layout .video-body.page-container-centered-1168 .default-chain-ctn,
  .video-layout .video-body.page-container-centered-1168 .five-cards-chain,
  .video-layout
    .video-body.page-container-centered-1168
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container-centered-1600 .default-chain-ctn,
  .video-layout .video-body.page-container-centered-1600 .five-cards-chain,
  .video-layout
    .video-body.page-container-centered-1600
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container-liveblogging .default-chain-ctn,
  .video-layout .video-body.page-container-liveblogging .five-cards-chain,
  .video-layout
    .video-body.page-container-liveblogging
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container .default-chain-ctn,
  .video-layout .video-body.page-container .five-cards-chain,
  .video-layout .video-body.page-container .three-elements-chain-ctn {
    padding: 0 10px;
  }
  .article-right-rail-centered-content {
    flex-direction: row;
  }
  .article-right-rail-centered:has(.sport-live-events) .header-layout-wrapper {
    padding: 0;
  }
  .article-right-rail-centered:has(.sport-live-events) .header-layout-content {
    grid-column: span 12;
    width: 100%;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child {
    margin: 0;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child
    .leagues-swiper-divider {
    margin: auto 0;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child
    .sport-live-events-league
    .leagues-swiper-divider {
    margin: auto;
  }
  .sm-circle-theme-3 {
    height: 9px;
    width: 9px;
  }
  .live-notice-link-old-badge-theme-1,
  .live-notice-link-old-badge-theme-2 {
    font-size: 18px;
    height: 36px;
    margin-right: 30px;
    max-height: 36px;
    min-width: 120px;
    width: 92px;
  }
  .masthead-header .mhh-new,
  .mhh-old {
    display: flex;
  }
  .masthead-header .ctn-quicklinks {
    margin: 0 0 20px;
  }
  .dot-ctn {
    right: 10px;
  }
  .dot-ctn-default {
    right: 13px;
  }
  .sticky-navbar-ad-container,
  .sticky-navbar-ad-container-adblock,
  .sticky-navbar-ad-container-podcast {
    min-height: 96px;
  }
  .sectionnav-container {
    grid-template-columns: 26px min-content max-content 1fr max-content;
    height: 48px;
  }
  .hamburger {
    grid-column: 1/2;
  }
  .logo-image {
    height: 24px;
    width: 100px;
  }
  .sectionnav-container > a {
    opacity: 0;
    width: 0;
  }
  .sectionnav-container > a.visible {
    display: block;
    grid-column: 2/3;
    justify-self: center;
    margin-left: 24px;
    opacity: 1;
    padding-bottom: 2px;
    visibility: visible;
    width: -moz-fit-content;
    width: fit-content;
  }
  .date-info {
    display: inline-block;
    grid-column: 3/4;
    margin-left: 24px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .section-menu {
    flex-wrap: wrap;
    grid-column: 4/5;
    height: 100%;
    margin-left: 40px;
    overflow: hidden;
  }
  .nav-player-audio {
    display: flex;
    gap: 8px;
    margin-right: 16px;
  }
  .nav-player-audio .img-aspen-logo {
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 30px;
  }
  .nav-player-audio .img-player-layout {
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 180px;
  }
  .login-register-container {
    grid-column: 5/6;
    margin-left: 16px;
    min-width: 276px;
  }
  .login-register-container.min-width-player-audio {
    min-width: 526px;
  }
  .login-register-container > .content-button {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
  }
  .site-logo {
    height: 100%;
    margin: 0;
    width: unset;
  }
  .account-button,
  .site-logo {
    align-items: center;
    display: flex;
  }
  .account-button {
    height: 32px;
  }
  .account-button--mobile {
    display: none;
  }
  .account-button > img {
    border-radius: 16px;
    height: 30px;
    width: 30px;
  }
  .account-button > span {
    display: initial;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-right: 10px;
    padding-top: 3px;
    position: relative;
  }
  .account-button--logged-in > img {
    height: 32px;
    margin-right: 10px;
    width: 32px;
  }
  .account-button-chevron-icon {
    display: block;
  }
  .account-button__avatar {
    margin-right: 11px;
  }
  .notification-toast-btn,
  .notification-toast-ctn {
    display: block;
  }
  .newsletter-card {
    grid-template-columns: 88px auto 150px;
  }
  .newsletter-card-description--error {
    margin-top: 20px;
  }
  .Registry {
    padding: 24px 48px;
    border: 1px solid var(--gray-40);
    border-left: 0;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .Registry-header {
    margin-bottom: 24px;
  }
  .Registry-inputs-container {
    margin-bottom: 6px;
  }
  .Registry-inputs-container > .login-form-field-ctn:first-child,
  .Registry-inputs-container > .login-form-field-ctn:nth-child(n + 4) {
    grid-column: inherit;
  }
  .Registry-inputs-container .login-form-tooltip {
    right: -120px;
    top: -120px;
  }
  .Registry-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .pandora-registered {
    padding: 0 48px;
    border: 1px solid var(--orange-70);
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .pandora-registered-divider {
    margin: 32px 0;
  }
  .podcast-card {
    padding: 20px 20px 0;
  }
  .podcast-card__title {
    font-size: 16px;
    margin: 27px 0 10px;
  }
  .podcast-card__author {
    font-size: 14px;
    margin: 0;
  }
  .carousel-ctn__header {
    font-size: 32px;
  }
  .carousel-ctn .swiper .swiper-wrapper .swiper-slide {
    width: 288px;
  }
  .wsbl-slider-arrows {
    top: calc(50% + 10px);
  }
  .episode-card-big-ctn {
    display: flex;
    padding: 30px 0;
  }
  .episode-card-big-ctn .episode-thumbnail-link {
    display: flex;
  }
  .episode-card-big-ctn-thumbnail {
    display: flex;
    padding-right: 30px;
  }
  .episode-card-ctn {
    font-size: 16px;
    padding: 0;
    justify-content: space-between;
    width: 94%;
  }
  .episode-header-ctn-cover-number,
  .episode-header-ctn-thumbnail {
    display: none;
  }
  .episode-header-ctn-text {
    padding: 0;
  }
  .episode-header-ctn-text-number {
    display: block;
    padding-bottom: 15px;
  }
  .episode-header-ctn-text-row {
    display: flex;
    line-height: 1;
    margin-top: 0;
    padding: 1px 0;
    width: 100%;
  }
  .episode-header-ctn-text-row-title {
    font-size: 18px;
    padding-right: 20px;
    line-height: 1;
  }
  .episode-header-ctn-text-row-by {
    display: contents;
  }
  .episode-header-ctn-text-row-author {
    color: #e5a752;
    padding-left: 5px;
  }
  .episode-header-ctn-author-row {
    padding-top: 1.5px;
  }
  .episode-content-ctn {
    word-break: break-word;
  }
  .episode-content-ctn-right-sharelink-clicked,
  .episode-content-ctn-right-sharelink-regular {
    width: 25px;
    height: 25px;
    background-size: 25px;
  }
  .episode-content-ctn__description {
    word-break: break-word;
    width: 100%;
    -webkit-line-clamp: 2;
    min-height: 51px;
  }
  .episode-footer-ctn-center-col1-date {
    padding-left: 20px;
  }
  .episode-footer-ctn-center-col2-duration {
    border-left: none;
    padding-left: 20px;
  }
  .episode-footer-ctn-right {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-right: 5px;
    position: relative;
  }
  .episode-footer-ctn-right-sharelink-tooltip-show:before {
    font-size: 14px;
    top: -38px;
    left: -81px;
    padding: 4px 8px;
  }
  .episode-list__title {
    font-size: 32px;
  }
  .episode-list__cards {
    max-height: 825px;
  }
  .podcast-info__wide {
    padding: 37px 0;
  }
  .podcast-info__publish-label {
    color: #9aa0a6;
    font-size: 14px;
    padding-bottom: 30px;
  }
  .podcast-info__title {
    font-size: 32px;
  }
  .podcast-info__description,
  .podcast-info__schedule-author,
  .podcast-info__schedule-title,
  .podcast-info__tag-section,
  .podcast-info__trailer-header,
  .podcast-info__trailer-title {
    font-size: 18px;
  }
  .podcast-info__schedule-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mini-chapter {
    padding: 20px 20px 0;
  }
  .mini-chapter__title {
    font-size: 16px;
    margin: 27px 0 12px;
    word-break: break-word;
  }
  .mini-chapter__author {
    font-size: 14px;
    margin: 0;
  }
  .mini-chapter {
    border-radius: 6px;
  }
  .podcast-player {
    grid-template: "image info controls settings settings" 30px "image info progress settings settings" 30px/60px minmax(
        150px,
        350px
      ) minmax(300px, 100%) minmax(150px, 350px) 60px;
  }
  .podcast-player__settings {
    grid-area: settings;
    display: grid;
    grid-template-columns: 16px 100px 16px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    align-items: center;
    justify-content: flex-end;
  }
  .podcast-player__settings-volume {
    display: grid;
    -moz-column-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 16px 1fr;
    align-items: center;
  }
  .podcast-player__settings-volume-icon-off,
  .podcast-player__settings-volume-icon-on {
    outline: none;
    cursor: pointer;
  }
  .podcast-player__settings-volume-bar {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .podcast-player__settings-volume-bar > input[type="range"] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    display: flex;
    height: 10px;
    min-height: 10px;
    overflow: hidden;
    width: 100%;
  }
  .podcast-player__settings-volume-bar > input[type="range"]:focus {
    box-shadow: none;
    outline: none;
  }
  .podcast-player__settings-volume-bar
    > input[type="range"]::-webkit-slider-runnable-track {
    background-color: var(--volume-up-color);
    height: 3px;
    pointer-events: none;
    border-radius: 2px;
  }
  .podcast-player__settings-volume-bar
    > input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 3px;
    height: 3px;
    background-color: var(--volume-up-color);
    box-shadow: 0 0 0 0 var(--volume-back-color),
      1px 0 0 0 var(--volume-back-color), 2px 0 0 0 var(--volume-back-color),
      3px 0 0 0 var(--volume-back-color), 4px 0 0 0 var(--volume-back-color),
      5px 0 0 0 var(--volume-back-color), 6px 0 0 0 var(--volume-back-color),
      7px 0 0 0 var(--volume-back-color), 8px 0 0 0 var(--volume-back-color),
      9px 0 0 0 var(--volume-back-color), 10px 0 0 0 var(--volume-back-color),
      11px 0 0 0 var(--volume-back-color), 12px 0 0 0 var(--volume-back-color),
      13px 0 0 0 var(--volume-back-color), 14px 0 0 0 var(--volume-back-color),
      15px 0 0 0 var(--volume-back-color), 16px 0 0 0 var(--volume-back-color),
      17px 0 0 0 var(--volume-back-color), 18px 0 0 0 var(--volume-back-color),
      19px 0 0 0 var(--volume-back-color), 20px 0 0 0 var(--volume-back-color),
      21px 0 0 0 var(--volume-back-color), 22px 0 0 0 var(--volume-back-color),
      23px 0 0 0 var(--volume-back-color), 24px 0 0 0 var(--volume-back-color),
      25px 0 0 0 var(--volume-back-color), 26px 0 0 0 var(--volume-back-color),
      27px 0 0 0 var(--volume-back-color), 28px 0 0 0 var(--volume-back-color),
      29px 0 0 0 var(--volume-back-color), 30px 0 0 0 var(--volume-back-color),
      31px 0 0 0 var(--volume-back-color), 32px 0 0 0 var(--volume-back-color),
      33px 0 0 0 var(--volume-back-color), 34px 0 0 0 var(--volume-back-color),
      35px 0 0 0 var(--volume-back-color), 36px 0 0 0 var(--volume-back-color),
      37px 0 0 0 var(--volume-back-color), 38px 0 0 0 var(--volume-back-color),
      39px 0 0 0 var(--volume-back-color), 40px 0 0 0 var(--volume-back-color),
      41px 0 0 0 var(--volume-back-color), 42px 0 0 0 var(--volume-back-color),
      43px 0 0 0 var(--volume-back-color), 44px 0 0 0 var(--volume-back-color),
      45px 0 0 0 var(--volume-back-color), 46px 0 0 0 var(--volume-back-color),
      47px 0 0 0 var(--volume-back-color), 48px 0 0 0 var(--volume-back-color),
      49px 0 0 0 var(--volume-back-color), 50px 0 0 0 var(--volume-back-color),
      51px 0 0 0 var(--volume-back-color), 52px 0 0 0 var(--volume-back-color),
      53px 0 0 0 var(--volume-back-color), 54px 0 0 0 var(--volume-back-color),
      55px 0 0 0 var(--volume-back-color), 56px 0 0 0 var(--volume-back-color),
      57px 0 0 0 var(--volume-back-color), 58px 0 0 0 var(--volume-back-color),
      59px 0 0 0 var(--volume-back-color), 60px 0 0 0 var(--volume-back-color),
      61px 0 0 0 var(--volume-back-color), 62px 0 0 0 var(--volume-back-color),
      63px 0 0 0 var(--volume-back-color), 64px 0 0 0 var(--volume-back-color),
      65px 0 0 0 var(--volume-back-color), 66px 0 0 0 var(--volume-back-color),
      67px 0 0 0 var(--volume-back-color), 68px 0 0 0 var(--volume-back-color),
      69px 0 0 0 var(--volume-back-color), 70px 0 0 0 var(--volume-back-color);
    border-radius: 2px;
    margin-top: 0;
    border: none;
  }
  .podcast-player__settings-volume-bar > input[type="range"]::-moz-range-track {
    width: 100%;
    height: 3px;
    background-color: var(--volume-back-color);
    border-radius: 2px;
  }
  .podcast-player__settings-volume-bar > input[type="range"]::-moz-range-thumb {
    width: 3px;
    height: 3px;
    background-color: var(--volume-up-color);
    border: none;
    border-radius: 2px;
  }
  .podcast-player__settings-volume-bar
    > input[type="range"]::-moz-range-progress {
    height: 3px;
    background-color: var(--volume-up-color);
    border: 0;
    margin-top: 0;
    border-radius: 2px;
  }
  .raffle {
    border: 1px solid var(--gray-40);
    border-left: 0;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
    overflow: hidden;
  }
  .recommended-card {
    margin: 0 0 24px;
  }
  .recommended-card--first.recommended-card {
    grid-template-columns: 30% auto;
  }
  .recommended-card--first.recommended-card .recommended-card__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .recommended-card--first.recommended-card .recommended-card__image-container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .recommended-card--first.recommended-card
    .recommended-card__image-container
    > amp-img {
    width: 100%;
  }
  .recommended-card--first.recommended-card .recommended-card__info {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .recommended-card__info {
    padding: 20px 0 20px 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 8px;
  }
  .recommended-card__info-interest-you {
    font-size: 16px;
  }
  .recommended-card__info-title {
    font-size: 18px;
  }
  .recommended-card__info-button-icon {
    height: 16px;
    width: 9px;
  }
  .identity-preferences-list {
    -moz-column-gap: 68px;
    column-gap: 68px;
    grid-template-columns: repeat(2, 1fr);
    margin: auto 0;
    place-items: center;
    row-gap: 8px;
  }
  .identity-preferences-item {
    padding: 8px 0;
  }
  .identity-preferences-button:not(:disabled):hover {
    background-color: var(--orange-10);
    border: 1px solid var(--orange-60);
  }
  .register-preferences {
    padding: 24px 48px;
    border: 1px solid var(--gray-40);
    border-left: 0;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .register-preferences-title {
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 24px;
  }
  .register-preferences-desc {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
  }
  .register-preferences-list {
    -moz-column-gap: 48px;
    column-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
    margin: auto 0;
    place-items: center;
    row-gap: 8px;
  }
  .register-preferences-item {
    padding: 8px 0;
  }
  .register-preferences-item:nth-child(2):before {
    background-color: var(--gray-40);
    block-size: 100vh;
    content: "";
    inline-size: 1px;
    inset-block-start: 1;
    inset-inline-start: -24px;
    position: absolute;
    z-index: 1;
  }
  .register-preferences-button.finish:not(:disabled):hover {
    background-color: var(--orange-10);
    border: 1px solid var(--orange-60);
  }
  .register-verification {
    align-items: center;
    padding: 24px 48px;
    border: 1px solid var(--orange-70);
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
  }
  .register-verification-title {
    font-size: 32px;
    margin-bottom: auto;
    line-height: 130%;
  }
  .register-verification-desc {
    font-size: 20px;
  }
  .register-verification-email {
    font-size: 20px;
    margin-bottom: auto;
  }
  .register-verification-button {
    margin: 0 32px;
  }
  .register-verification-button:hover {
    background: var(--orange-10);
    border: 1px solid var(--gray-50);
  }
  .register-verification-button:active {
    background: var(--orange-10);
    border: 1px solid var(--orange-50);
  }
  .register-congrats {
    border: 1px solid var(--orange-70);
    border-radius: 0 9px 9px 0;
  }
  .register-congrats > svg {
    width: auto;
    height: auto;
  }
  .register-congrats-title {
    font-size: 28px;
    margin-top: 32px;
    margin-bottom: 12px;
  }
  .register-congrats-desc {
    font-size: 20px;
    margin-bottom: 20 px;
  }
  .register-congrats-message {
    font-size: 18px;
  }
  .register-congrats-button:hover {
    background-color: var(--orange-10);
    border: 1px solid var(--orange-60);
  }
  .raffle-newsletter {
    display: inline-flex;
    max-height: 339px;
    min-height: 339px;
    flex-direction: row;
    left: 360px;
    top: 349px;
  }
  .raffle-newsletter-image {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 0;
    height: auto;
    min-height: 338px;
    width: 100%;
  }
  .raffle-newsletter-icon {
    margin-bottom: 32px;
  }
  .raffle-newsletter-icon svg {
    height: 68px;
    width: 72px;
  }
  .raffle-newsletter-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 16px;
    border-left-width: 0;
    border-top-right-radius: 16px;
    border-top-width: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 62px 48px;
    width: 100%;
  }
  .raffle-newsletter-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 24px;
  }
  .raffle-newsletter-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 33px;
  }
  .raffle-newsletter-button {
    margin-top: 24px;
  }
  .raffle-newsletter-subscribed .raffle-newsletter-wrapper {
    border-left: none;
    border-top: 1px solid #f9b04d;
    margin-bottom: 20px;
  }
  .sport-live-events {
    max-width: 100%;
    overflow: hidden;
  }
  .sport-live-events-swiper-slide {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .sport-live-events-swiper > .swiper-wrapper .swiper-slide {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .fwc.fwc__d {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .fwc__space.fwc__d {
    display: block;
  }
  .podcast-body-bottom h2 {
    font-size: 32px;
  }
  .podcast .ndc_sc4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .podcast .ndc_sc5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .podcast .ndc_sc6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (min-width: 993px) and (max-width: 1026px) {
  .body-blogging-share-bar .share-bar-article-date-container {
    flex-direction: row;
  }
  .body-blogging-share-bar
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
  .body-blogging-share-bar .sharebar-buttons {
    padding: 8px 7px;
  }
  .body-blogging-share-bar .sharebar-buttons-container {
    min-width: 88px;
  }
  .body-blogging-share-bar .button-listen,
  .body-blogging-share-bar .button-share {
    width: 30px;
  }
  .body-blogging-share-bar .button-listen > .buttons-text,
  .body-blogging-share-bar .button-share > .buttons-text {
    display: none;
  }
}
@media (min-width: 1025px) {
  .calendar-stages {
    flex-direction: row;
    justify-content: center;
  }
  .calendar-stage-matches {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1027px) {
  .body-blogging-share-bar .share-bar-article-date-container {
    flex-direction: row;
  }
  .body-blogging-share-bar
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
  .body-blogging-share-bar .sharebar-buttons {
    padding: 8px 12px;
  }
  .body-blogging-share-bar .button-listen {
    width: 94px;
  }
  .body-blogging-share-bar .button-share {
    width: 96px;
  }
  .body-blogging-share-bar .sharebar-buttons-container {
    min-width: 202px;
  }
  .body-blogging-share-bar .button-listen > .buttons-text,
  .body-blogging-share-bar .button-share > .buttons-text {
    display: block;
  }
}
@media (min-width: 1100px) {
  .thrd-pty-wgn {
    flex-direction: row;
    gap: 16px;
    margin-bottom: 24px;
  }
  .tg-full-width {
    width: 100%;
  }
  .g-nws-tg-icon {
    width: 48px;
  }
}
@media screen and (min-width: 1100px) {
  .shadow {
    display: none;
  }
  .ctn-f1-story-inner .race-details .details-right .race-info .country {
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: inherit;
    text-overflow: inherit;
    white-space: wrap;
    width: 100%;
  }
}
@media only screen and (min-width: 1130px) {
  .article .share-bar-article-date-container {
    flex-direction: row;
  }
  .article
    .share-bar-article-date-divider
    > .sharebar-article-date:first-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1130px) and (max-width: 1150px) {
  .article .sharebar-buttons {
    padding: 8px 7px;
  }
  .article .sharebar-buttons.button-save,
  .article .sharebar-buttons.button-saved {
    padding: 10px 22px 10px 16px;
  }
  .article .sharebar-buttons-container {
    min-width: 88px;
  }
  .article .button-listen,
  .article .button-share {
    width: 30px;
  }
  .article .button-listen > .buttons-text,
  .article .button-share > .buttons-text {
    display: none;
  }
}
@media only screen and (min-width: 1150px) {
  .article .share-bar-article-date-container {
    flex-direction: row;
  }
}
@media (min-width: 1168px) {
  .mhh-old {
    max-width: 1204px;
    padding: 0;
  }
  .top-home .mhh {
    padding: 18.5px 0 0;
    height: 130px;
  }
  .masthead-header .mhh-new {
    max-width: 1204px;
  }
  .top-home .mhh-new {
    padding: 18.5px 0 0;
    height: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  .rawHTML-videoJWPlayer {
    width: 45%;
  }
  .feed-list-card-first {
    min-height: 192.88px;
  }
  .feed-list-card-headline-lean {
    font-size: 24px;
  }
  .live-notice-sticky-fixed-link {
    max-width: 1236px;
    padding: 13.5px 16px;
  }
  .podcast-header {
    background-color: #585858;
  }
  .podcast-header__back {
    margin-bottom: 60px;
  }
  .podcast-header__info-image {
    min-width: 300px;
    width: 300px;
    height: 300px;
    border-radius: 3px;
  }
  .podcast-header__info-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .podcast-header__info-subtitle {
    font-size: 24px;
    margin-bottom: 86px;
  }
  .podcast-header__info-description {
    font-size: 42px;
    margin-bottom: 35px;
    line-height: 52px;
  }
  .podcast-header__info-author {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .video-layout .video-body.page-container-centered-1168 .default-chain-ctn,
  .video-layout .video-body.page-container-centered-1168 .five-cards-chain,
  .video-layout
    .video-body.page-container-centered-1168
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container-centered-1600 .default-chain-ctn,
  .video-layout .video-body.page-container-centered-1600 .five-cards-chain,
  .video-layout
    .video-body.page-container-centered-1600
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container-liveblogging .default-chain-ctn,
  .video-layout .video-body.page-container-liveblogging .five-cards-chain,
  .video-layout
    .video-body.page-container-liveblogging
    .three-elements-chain-ctn,
  .video-layout .video-body.page-container .default-chain-ctn,
  .video-layout .video-body.page-container .five-cards-chain,
  .video-layout .video-body.page-container .three-elements-chain-ctn {
    padding: 0;
  }
}
@media screen and (min-width: 1204px) {
  .videos-feed {
    padding: 0;
  }
  .title-bar-icon img {
    max-height: 32px;
    max-width: 160px;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media screen and (hover: none) and (pointer: coarse) and (min-width: 1205px) {
  .default-chain-2 .story-card-scb {
    max-height: 66.5px;
  }
  .default-chain-2 .story-card-scb.scb-with-sponsor {
    max-height: 98.5px;
  }
}
@media screen and (min-width: 1222px) {
  .default-chain-2 .story-card-scb {
    max-height: 66.5px;
  }
  .default-chain-2 .story-card-scb.scb-with-sponsor {
    max-height: 98.5px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 1366px) {
  .three-elements-chain-item .story-card-scb {
    height: 4.905vw;
  }
  .three-elements-chain-item .story-card-scb.scb-with-sponsor {
    height: calc(4.905vw + 28px);
  }
  .three-elements-chain-big-card .story-card-scb {
    height: 5.76vw;
  }
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
    height: calc(5.76vw + 30px);
  }
  .default-chain-2 .story-card-scb {
    height: 7.47vw;
    max-height: none;
  }
  .default-chain-2 .story-card-scb.scb-with-sponsor {
    height: calc(7.47vw + 28px);
    max-height: none;
  }
  .default-chain-3 .story-card-scb {
    height: 4.905vw;
  }
  .default-chain-3 .story-card-scb.scb-with-sponsor {
    height: calc(4.905vw + 28px);
  }
  .default-chain-4 .story-card-scb {
    height: 3.605625vw;
  }
  .default-chain-4 .story-card-scb.scb-with-sponsor {
    height: calc(3.60563vw + 28px);
  }
}
@media screen and (min-width: 1366px) {
  .header-layout-content:not(.isAdmin),
  .span-body:not(.isAdmin) {
    grid-column: span 10;
  }
  .span-rail:not(.isAdmin) {
    display: flex;
    grid-column: span 2;
  }
  .article-with-rails {
    display: flex;
    justify-content: space-between;
  }
  .article-with-rails .right-rail {
    display: block;
    margin: 0 16px;
    width: 250px;
  }
  .homepage-centered-layout .header-layout {
    display: flex;
    width: 100%;
  }
  .homepage-centered-layout .header-layout-content,
  .homepage-centered-layout .header-layout-content:not(.isAdmin) {
    display: grid;
    grid-column: inherit;
    grid-template-areas: "body megalateral";
    grid-template-columns: 1fr 250px;
    margin: 0 auto;
    max-width: 1486px;
  }
  .homepage-centered-layout .header-layout-content-child {
    grid-area: body;
    margin: inherit;
    width: 100%;
  }
  .homepage-centered-content {
    justify-content: space-evenly;
  }
  .homepage-centered-content:not(.isAdmin) {
    display: grid;
    grid-template-areas: "body megalateral";
    grid-template-columns: 1fr 250px;
    margin: 0 auto;
    max-width: 1486px;
  }
  .homepage-centered-content:not(.isAdmin) .homepage-centered-body {
    grid-area: body;
  }
  .homepage-centered-content:not(.isAdmin) .homepage-centered-right-span {
    display: block;
    grid-area: megalateral;
    width: 250px;
  }
  .homepage-centered-content:not(.isAdmin) .homepage-centered-left-span {
    display: none;
  }
  .article-right-rail-centered-content {
    display: grid;
    grid-template-areas: "body megalateral";
    grid-template-columns: 1fr 250px;
    margin: 0 auto;
    max-width: 1486px;
  }
  .article-right-rail-centered-layout-body {
    grid-area: body;
  }
  .article-right-rail-centered-right-span:not(.isAdmin) {
    display: block;
    grid-area: megalateral;
    width: 250px;
  }
  .article-right-rail-centered-left-span:not(.isAdmin) {
    display: none;
  }
  .article-right-rail-centered:has(.sport-live-events) .header-layout-wrapper {
    padding: 0;
  }
  .article-right-rail-centered:has(.sport-live-events) .header-layout-content {
    grid-column: span 12;
    width: 100%;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child {
    margin: 0;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child
    .leagues-swiper-divider {
    margin: auto 0;
  }
  .article-right-rail-centered:has(.sport-live-events)
    .header-layout-content-child
    .sport-live-events-league
    .leagues-swiper-divider {
    margin: auto;
  }
  .ctn-special-header {
    grid-template-columns: 1fr 250px;
  }
  .ctn-special-header .megalateral-izquierdo {
    display: none;
  }
  .podcast-content-body {
    display: grid;
    grid-template-columns: repeat(10, 1fr) repeat(2, minmax(126px, 1fr));
    width: 100%;
  }
  .podcast-span-body {
    grid-column: span 10;
  }
  .podcast-span-rail {
    display: block;
    grid-column: span 2;
  }
}
@media only screen and (min-width: 1394px) {
  .article .share-bar-article-date-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1400px) {
  .podcast-body-container {
    grid-template-columns: 70% 30%;
  }
  .podcast-body-left {
    order: 1;
    padding: 37px 30px 37px 0;
  }
  .podcast-body-right {
    order: 2;
    padding: 37px 0 37px 30px;
  }
}
@media only screen and (min-width: 1445px) and (max-width: 1555px) {
  .podcast-header__info-description {
    font-size: 56px;
  }
}
@media screen and (min-width: 1474px) {
  .default-chain-2 .story-card-scb {
    max-height: 66.5px;
  }
  .default-chain-2 .story-card-scb.scb-with-sponsor {
    max-height: 98.5px;
  }
}
@media only screen and (min-width: 1556px) {
  .podcast-header__info-description {
    font-size: 62px;
    line-height: 77px;
  }
}


@media screen and (min-width: 1248px) {
  .homepage-centered-content:not(.isAdmin) {
    display: grid;
    grid-template-areas: "megalateral2 body megalateral";
    grid-template-columns: 250px 1fr 250px;
    margin: 0 auto;
    max-width: 1736px;
  }
}



@media screen and (min-width: 1648px) {
  /* .homepage-centered-content:not(.isAdmin) {
    display: grid;
    grid-template-areas: "megalateral2 body megalateral";
    grid-template-columns: 250px 1fr 250px;
    margin: 0 auto;
    max-width: 1736px;
  } */
  .homepage-centered-content:not(.isAdmin) .homepage-centered-left-span {
    display: block;
    grid-area: megalateral2;
    width: 250px;
  }
  .article-with-rails .left-rail {
    display: block;
    margin: 0 16px;
    width: 250px;
  }
  .article-right-rail-centered-content,
  .homepage-centered-layout .header-layout-content,
  .homepage-centered-layout .header-layout-content:not(.isAdmin) {
    display: grid;
    grid-template-areas: "megalateral2 body megalateral";
    grid-template-columns: 250px 1fr 250px;
    margin: 0 auto;
    max-width: 1736px;
  }
  .article-right-rail-centered-left-span:not(.isAdmin) {
    display: block;
    grid-area: megalateral2;
    margin: 0;
    width: 250px;
  }
  .article-right-rail-centered
    .header-layout-wrapper:has(.sport-live-events)
    .header-layout-content {
    grid-column: span 12;
    width: 100%;
  }
  .article-right-rail-centered
    .header-layout-wrapper:has(.sport-live-events)
    .header-layout-content-child {
    margin: inherit;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0;
  }
  .ctn-special-header {
    grid-template-columns: 250px 1fr 250px;
  }
  .ctn-special-header .megalateral-derecho,
  .ctn-special-header .megalateral-izquierdo {
    display: flex;
  }
}
@media screen and (min-width: 1730px) {
  .sport-events-left-rail,
  .sport-events-right-rail {
    display: block;
  }
}
@media screen and (min-width: 1775px) {
  .sport-events-left-rail {
    left: 25px;
  }
  .sport-events-right-rail {
    right: 25px;
  }
}
@media only screen and (max-width: 992px) {
  .site-logo {
    opacity: 1;
    visibility: visible;
  }
  .section-menu {
    display: none;
  }
  .logo-image {
    margin-top: 0;
  }
  .siteheader {
    border-bottom: 1px solid var(--gray-40);
  }
  .amp-site-logo.section-sm,
  .site-logo.section-sm {
    height: 32px;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 992px) and (hover: none) and (pointer: coarse) {
  .preview-modal-ctn--show {
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 17px;
    line-height: 24px;
  }
  .body-blogging__data-hour {
    border-right: 1px solid #3e3e3e;
    font-size: 14px;
    margin: 0 5px 0 3px;
    padding-right: 5px;
  }
  .body-blogging__data-date {
    font-size: 14px;
    font-weight: 600;
  }
  .live-notice-old {
    padding-right: 0;
  }
  .article-main-full-width .masthead-header .ctn-quicklinks,
  .article-right-rail-centered-layout .masthead-header .ctn-quicklinks,
  .article-right-rail .masthead-header .ctn-quicklinks {
    margin: 0 -16px 12px;
  }
  .homepage-centered-layout .masthead-header .ctn-quicklinks,
  .homepage-layout .masthead-header .ctn-quicklinks,
  .page-container-liveblogging .masthead-header .ctn-quicklinks {
    margin: -16px -16px 12px;
  }
  .ticker-ctn .hideTitle {
    display: none;
  }
  .hideTitleMobile > div.ticker {
    grid-column: 1/3;
    margin-left: 16px;
  }
  .ticker-ctn-title,
  a.ticker-item,
  div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
    font-size: 14px;
    line-height: 18.2px;
  }
  div.hideTitleMobile a.ticker-item.only-ticker-item {
    margin-left: 16px;
  }
  .fwc.fwc__m {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .fwc__space.fwc__m {
    display: block;
  }
  .default-chain-ctn .swiper {
    margin-bottom: 2vw;
    padding: 0;
  }
  .default-chain-ctn .swiper .swiper-button-next,
  .default-chain-ctn .swiper .swiper-button-prev {
    display: none;
  }
}
@media screen and (max-width: 577px) {
  .livebar-ctn .livebar-ctn-info-headlines {
    margin-bottom: 0;
  }
  .story-card-scb.scb-rugby:after,
  .story-card-scb.scb-with-sponsor.scb-rugby:after,
  .three-elements-chain-big-card .story-card-scb.scb-rugby,
  .three-elements-chain-big-card .story-card-scb.scb-rugby:after,
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor.scb-rugby,
  .three-elements-chain-big-card
    .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(13.69vw + 24px);
  }
}
@media screen and (max-width: 530px) {
  .three-elements-chain-big-card .story-card-scb.scb-rugby,
  .three-elements-chain-big-card .story-card-scb.scb-rugby:after,
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor.scb-rugby,
  .three-elements-chain-big-card
    .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(14.69vw + 24px);
  }
}
@media (max-width: 500px) {
  div.hideTitleMobile a.ticker-item.only-ticker-item {
    margin-left: 0;
    width: auto;
  }
  a.ticker-item.only-ticker-item {
    width: 100px;
  }
}
@media screen and (max-width: 450px) {
  .story-card-scb.scb-rugby:after,
  .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(14.69vw + 24px);
  }
  .sport-leagues-tournament-date {
    flex: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
  }
  .sport-leagues-tournament {
    max-width: calc(100vw - 32px);
  }
  .sport-leagues .minute-by-minute-marker > div:first-child {
    min-width: 12px;
  }
  .sport-leagues-tournament-live p {
    display: block;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 412px) {
  .three-elements-chain-big-card .story-card-scb.scb-rugby,
  .three-elements-chain-big-card .story-card-scb.scb-rugby:after,
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor.scb-rugby,
  .three-elements-chain-big-card
    .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(15.69vw + 24px);
  }
}
@media screen and (max-width: 410px) {
  .body-share-note {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}
@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 389px) {
  .head-story {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 381px) {
  .calendar-group-header {
    align-items: flex-end;
  }
  .calendar-group-header-main {
    row-gap: 12px;
  }
}
@media screen and (max-width: 360px) {
  .story-card-scb.scb-rugby,
  .story-card-scb.scb-rugby:after,
  .story-card-scb.scb-with-sponsor.scb-rugby,
  .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(15.69vw + 24px);
  }
}
@media screen and (max-width: 359px) {
  .exchange-dolar-container {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .exchange-dolar-item:first-child,
  .exchange-dolar-item:nth-child(2),
  .exchange-dolar-item:nth-child(3),
  .exchange-dolar-item:nth-child(4),
  .exchange-dolar-item:nth-child(5) {
    border-bottom: 1px solid var(--gray-40);
  }
  .exchange-dolar-item:nth-child(odd) {
    border-right: none;
  }
}
@media only screen and (max-width: 340px) {
  .episode-footer-ctn-center-col2-duration-text {
    display: none;
  }
  .episode-footer-ctn-center-col2-duration-minutes {
    padding: 7px 5px 8px 10px;
    border-left: 1px solid #9aa0a6;
  }
}
@media screen and (max-width: 330px) {
  .three-elements-chain-big-card .story-card-scb.scb-rugby,
  .three-elements-chain-big-card .story-card-scb.scb-rugby:after,
  .three-elements-chain-big-card .story-card-scb.scb-with-sponsor.scb-rugby,
  .three-elements-chain-big-card
    .story-card-scb.scb-with-sponsor.scb-rugby:after {
    height: calc(16.69vw + 24px);
  }
}
@media (hover: none) and (pointer: coarse) {
  .content-section:not(.isAdmin),
  .span-body:not(.isAdmin) {
    grid-column: span 12;
  }
  .span-rail:not(.isAdmin) {
    display: none;
  }
  .header-layout-content:not(.isAdmin) {
    grid-column: span 12;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input,
  select,
  textarea {
    font-size: 16px;
    -webkit-appearance: none;
    border-radius: 0;
  }
  input:focus,
  select:focus,
  select option,
  textarea:focus {
    font-size: 16px;
    -webkit-appearance: none;
    outline: none;
  }
  select option {
    border-radius: 0;
  }
}
@media print {
  .ad-wrapper,
  .article-tags-container,
  .feed-column-container,
  .feed-list-wrapper,
  .latest-feed-container,
  .most-read,
  .second-saved-buttons {
    display: none;
  }
  .masthead-navbar {
    border-bottom: 1px solid var(--gray-40);
    position: static;
    z-index: 1;
  }
  .hamburger,
  .nav-player-audio,
  .notification-toast-btn,
  .notification-toast-ctn,
  .search-container,
  .sticky-navbar-ad-container,
  .sticky-navbar-ad-container-adblock,
  .sticky-navbar-ad-container-podcast {
    display: none;
  }
  .sectionnav-container {
    border: none;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
  }
  .sectionnav-container > a,
  .site-logo {
    display: none;
  }
  .section-menu {
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
    grid-column: 2/3;
    height: 100%;
    justify-content: flex-start;
    margin-left: 40px;
    overflow: hidden;
  }
  .menu-item {
    color: var(--gray-100);
    display: flex;
    font-size: 16px;
    font-weight: 500;
  }
  .date-info {
    color: var(--headlines);
    display: inline-block;
    font-size: 16px;
    grid-column: 3/4;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .login-register-container {
    grid-column: 3/4;
    justify-content: flex-end;
    margin-left: 16px;
  }
  .content-button {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .account-button {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
  }
  .account-button--mobile {
    display: none;
  }
  .account-button > span {
    display: initial;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-right: 10px;
    padding-top: 3px;
  }
  .account-button > img {
    border-radius: 16px;
    height: 30px;
    width: 30px;
  }
  .account-button__avatar {
    margin-right: 11px;
  }
  .user-default-avatar {
    margin-right: 12px;
  }
  .account-button-chevron-icon,
  .width_full {
    display: none;
  }
  .site-header {
    box-shadow: none;
  }
  .mhh-old {
    display: flex;
  }
}

.dfpAd.ad-right.ad-text {
  display: none;
}

.article-tags-container,
.default-chain-ctn {
  display: none;
}

/* @media (max-width: 1648px) {
  .article-right-rail-centered-content {
    grid-template-columns: max-content;
  }
} */


@media (max-width: 1648px) {
  .article-right-rail-centered-content {
    grid-template-columns: max-content;
  }
}


@media (max-width: 992px) {
  .fusion-app {
    /* margin-top: -10px; */
  }

  .sticky-navbar-ad-container {
    margin-top: -55px;
  }

  .width_full {
    height: 55px !important;
  }

  .slider-track.paddingLeft {
    /* white-space: initial !important; */
    padding-left: 0 !important;
  }

  .ctn-quicklinks {
    width: 100%;
    max-width: 100%;

    margin: 0 0px 12px !important;
  }

  .masthead-header .ctn-quicklinks .infinite-slider.center {
    justify-content: start;
    overflow-x: auto;
    padding-bottom: 8px;
    
  }

  .ctn-quicklinks {}

  .footer-ctn {
    padding-bottom: 32px;
  }
}

.article-right-rail-centered-right-span {
  display: none !important;
  width: 0 !important;
}


.regaly__right {
  font-size: 18px;
   line-height: 1.4em;
}


@media only screen and (min-width: 577px) {
    .body-article p, .body-article ul, .body-article ul li, .regaly__right {
        font-size: 19px;
        font-weight: 400;
        margin-bottom: 24px;
        line-height: 1.4em;
    }
}
.body-article p, .body-article ul, .body-article ul li, .regaly__right {
    font-weight: 400;
    margin: 0 0 16px;
    text-align: left;
}

.body-article a {
    color: #416fd6;
}