@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
}

: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
}

.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, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(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: .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 .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(.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(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.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, .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 .2s, top .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 .2s, left .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 .2s, right .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, .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: .8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: .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: .3rem;
  border-bottom-right-radius: .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: .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: .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: .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: .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: .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: .3rem;
  position: absolute;
  right: -87px;
  top: 0
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff;
  border-bottom-right-radius: .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: .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 + .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: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: .3rem;
  background-color: #f0f0f0
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap
}

.react-datepicker__day-names {
  margin-bottom: -8px
}

.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: .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: .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: .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--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: .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: .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, .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: .5rem
}

.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: .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: .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: .3rem;
  border-top-right-radius: .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: .3rem;
  border-bottom-right-radius: .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__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, .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: .4rem;
  padding-right: .2rem;
  padding-left: .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: -.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(.5, 0, .5, 1) infinite;
  border: 8px solid transparent;
  border-top-color: #d1d1d1
}

.lds-ring div:first-child {
  animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
  animation-delay: -.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%
}

.webstories-ctn {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px 0;
  width: 100%
}

.webstories-itm {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9px;
  border: 2px solid #f68e24;
  display: block;
  padding-top: 177.7777777778%;
  position: relative;
  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
}

.webstories-bl-ctn {
  margin: 0 0 16px;
  position: relative;
  width: 100%
}

.webstories-bl-ctn .swiper {
  height: 100%;
  margin: 0;
  padding: 0
}

.webstories-bl-ctn .swiper-wrapper {
  height: 100%
}

.webstories-bl-ctn .swiper-button-next,
.webstories-bl-ctn .swiper-button-prev {
  display: none
}

.webstories-bl-container {
  display: flex;
  height: 100%;
  justify-content: space-between;
  min-height: auto;
  overflow-y: auto;
  width: 100%
}

.webstories-bl-item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9px;
  border: 2px solid var(--border-web-history);
  display: block;
  position: relative;
  width: 100%
}

.wsbl-slider-arrows-main {
  display: none;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%
}

.wsbl-slider-arrows-main .next-arrow,
.wsbl-slider-arrows-main .prev-arrow {
  cursor: pointer;
  height: 35px;
  width: 35px;
  z-index: 2
}

.wsbl-slider-arrows-main .next-arrow.swiper-button-disabled,
.wsbl-slider-arrows-main .prev-arrow.swiper-button-disabled {
  opacity: 0
}

.wsbl-slider-arrows-main .prev-arrow {
  margin-left: -17px
}

.wsbl-slider-arrows-main .next-arrow {
  margin-right: -17px
}

.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
}

.ad-megalateral {
  display: block;
  height: 600px;
  margin: 2px;
  position: fixed;
  top: 144px;
  width: 150px;
  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(../img/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.7
}

.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), .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 img,
.body-article .visual__video img {
  margin: 0 0 0 -16px;
  width: calc(100% + 32px)
}

.body-article .visual__image:not(:has(figcaption)),
.body-article .visual__video:not(:has(figcaption)) {
  margin-bottom: 16px
}

.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
}

.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 .raw_html iframe {
  width: 100%
}

.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: .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 {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  align-items: center;
  gap: 9px;
  min-height: 56px
}

.breaking-news-link-content,
.breaking-news-link-content>a p {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%
}

.breaking-news-link-close {
  cursor: pointer
}

.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%
}

.container-chart {
  display: flex;
  flex-direction: column;
  padding: 12px;
  position: relative;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  gap: 22px
}

.container-chart__skeleton {
  margin-top: 25px;
  height: 355px
}

.container-chart__data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px
}

.container-chart__data-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.container-chart__data-filters {
  display: flex;
  justify-content: space-around;
  align-items: flex-end
}

.container-chart__data-btn-filter {
  white-space: nowrap;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  color: #777;
  border: 1px solid #d5d5d5;
  padding: 4px 8px;
  width: auto;
  margin: 0;
  height: 26px;
  min-width: 41px;
  background-color: #fff
}

.container-chart__data-btn-filter[data-ric="ARS=BCRA6 Meses"],
.container-chart__data-btn-filter[data-ric="CR=6 Meses"] {
  min-width: 69px
}

.container-chart__data-btn-filter[data-ric="CR=Año"] {
  min-width: 55px
}

.container-chart__data-btn-filter[data-ric="ARSVHM=BNAR6 Meses"] {
  min-width: 69px
}

.container-chart__data-btn-filter[data-ric="ARS=BCRAAño"],
.container-chart__data-btn-filter[data-ric="ARSVHM=BNARAño"] {
  min-width: 55px !important
}

.container-chart__data-btn-filter:nth-child(4) {
  min-width: 69px
}

.container-chart__data-btn-filter:hover {
  background-color: #555;
  color: #fff;
  cursor: pointer
}

.container-chart__chart {
  height: 100%
}

.container-chart__chart>div>div>svg {
  overflow: visible
}

.container-chart__chart.is-loading {
  border-radius: 5px;
  margin-bottom: 6px
}

.container-chart.has-loading-child {
  border: 1px solid #444746
}

.ctn-button {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px
}

.selected {
  background-color: #555;
  color: #fff;
  font-weight: 400;
  border: none
}

.apexcharts-tooltip {
  border-radius: 0
}

.currency-ctn-tooltip {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: all .1s ease;
  margin: 0;
  overflow: hidden;
  font-family: Roboto, sans-serif;
  border: 1px solid #d5d5d5
}

.currency-top-tooltip {
  background-color: #d5d5d5;
  padding: 6px;
  word-spacing: 32pt;
  font-family: Roboto, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 21px;
  font-size: 10px
}

.currency-contentCtn-tooltip {
  padding: 6px 0;
  overflow: visible;
  display: grid;
  grid-template-columns: 56px 16px 56px;
  align-items: center;
  font-family: Roboto, sans-serif;
  background-color: #fff;
  max-height: 37px
}

.tooltip-icon-container {
  padding: 0;
  display: flex;
  align-items: flex-end
}

.currency-contentCtn-tooltip-risk {
  padding: 6px 0;
  overflow: visible;
  display: grid;
  grid-template-columns: 62px 16px 62px;
  align-items: center;
  font-family: Roboto, sans-serif;
  background-color: #fff;
  max-height: 37px
}

.selected.container-chart__data-btn-filter {
  color: #fff
}

.tooltip-center>div {
  display: flex
}

.tooltip-price {
  text-align: center;
  font-size: 12px;
  color: #000;
  font-weight: 700;
  margin-top: 1px
}

.tooltip-section {
  flex-direction: column;
  background-color: #fff;
  font-size: 10px;
  font-weight: 300
}

.tooltip-risk-point,
.tooltip-section {
  display: flex;
  justify-content: center;
  align-items: center
}

.tooltip-variation {
  margin-left: 1px
}

.tooltip-cnt-icon {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden
}

.tooltip-cnt-icon,
.tooltip-icon {
  padding: 3px;
  height: 19px;
  width: 19px
}

.tooltip-section>p {
  color: #000 !important
}

.body-article .container-chart,
.body-blogging-article .container-chart {
  line-height: normal;
  font-size: medium
}

.notification-tooltip-ctn {
  position: absolute;
  right: 23px;
  top: 121px
}

.notification-toast {
  border-radius: 6px;
  box-shadow: 0 0 8px 0 rgba(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, .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 .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 .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, .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: .4s
}

.login-form-slider:before {
  background-color: var(--white-100);
  bottom: 2px;
  content: "";
  height: 12px;
  left: 2px;
  position: absolute;
  transition: .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 .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 .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 .1s ease-in-out, font-size .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-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);
  margin-top: -1px
}

.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: row;
  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 {
  color: #fff;
  gap: 12px;
  justify-content: center;
  padding: 12px 0
}

.livebar-ctn,
.livebar-ctn-info,
.livebar-ctn-info-live {
  display: flex;
  flex-direction: row
}

.livebar-ctn-info-live {
  align-items: center;
  justify-content: space-between
}

.livebar-ctn-info-live-closewrapper {
  margin-top: 4px
}

.livebar-ctn-info-live-logo {
  margin-bottom: 16px;
  max-height: 18px
}

.live-notice-link-badge-theme-1 {
  margin-bottom: 16px
}

.livebar-ctn-info-live_headline {
  align-items: center;
  background-color: var(--red-90);
  border-radius: 100px;
  color: var(--white-100);
  display: flex;
  font-size: 18px;
  font-weight: 600;
  gap: 7px;
  line-height: 21px;
  padding: 6px 8px;
  text-transform: uppercase
}

.livebar-ctn-info-live-closewrapper_icon {
  display: block;
  height: 12px;
  margin-right: 10px;
  width: 12px
}

.livebar-ctn-info-live-closewrapper_icon-ctn {
  cursor: pointer
}

.livebar-ctn-info-headlines {
  margin-bottom: 12px
}

.livebar-ctn-info-headlines-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px
}

.livebar-ctn-info-headlines-title.big {
  font-size: 16px
}

.livebar-ctn-info-headlines-desc {
  font-size: 13px;
  font-weight: 300;
  line-height: 100%
}

.livebar-ctn-info-headlines-desc.big {
  font-size: 15px
}

.livebar-ctn_video {
  cursor: pointer;
  height: 78px;
  position: relative;
  width: 100%
}

.livebar-ctn_video:hover .livebar-play {
  background-color: red;
  opacity: 1
}

.close-wrapper {
  margin-left: auto
}

.close-wrapper_version-2 {
  position: absolute;
  right: 16px
}

.livebar-poster-youtube {
  aspect-ratio: 16/9;
  border-radius: 3px;
  display: block;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 0
}

.livebar-play {
  background-color: #212121;
  border-radius: 14%;
  border: 0;
  height: 46px;
  opacity: .8;
  width: 70px;
  z-index: 1
}

.livebar-play,
.livebar-play:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0)
}

.livebar-play:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 11px 0 11px 19px;
  content: ""
}

.livebar-wrapper-iframe {
  aspect-ratio: 16/9;
  height: 100%;
  margin: 0 auto;
  width: auto
}

.livebar-wrapper-iframe iframe {
  border-radius: 3px;
  border: none;
  height: 100%
}

@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(../img/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;
  justify-content: center;
  background: var(--red-90);
  border-radius: 100px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 4px;
  height: 27px;
  line-height: 19px;
  padding: 4px 8px
}

.live-notice-link-badge-theme-2 {
  color: var(--white-100);
  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(--gray-100)
}

.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
}

.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: 110px
}

.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, .1019607843)
}

.secondary-podcast:active {
  border: 1px solid rgba(246, 142, 1, .5019607843)
}

.primary-podcast {
  background: rgba(246, 142, 1, .2);
  border: 1px solid rgba(246, 142, 1, .2)
}

.primary-podcast:hover {
  background: rgba(246, 142, 1, .1019607843);
  border-color: rgba(246, 142, 1, .5019607843)
}

.primary-podcast:active {
  background: rgba(246, 142, 1, .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%, .15)
}

.sectionnav-container>a {
  -o-transition: all .5s, opacity .5s;
  -moz-transition: all .5s, opacity .5s;
  -webkit-transition: all .5s, opacity .5s;
  display: block;
  grid-column: 2/3;
  justify-self: center;
  transition: width .5s, opacity .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: .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 .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: width .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: .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, .1);
  border: 1px solid rgba(246, 142, 1, .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, .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: .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, .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, .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 .25s ease-in-out
}

.episode-list__cards-open {
  max-height: 100%
}

.podcast-header {
  background-image: url(../img/podcast_background.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 10px rgba(246, 142, 1, .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, .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, .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(../img/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(../img/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, .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(../img/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(../img/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: .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(../img/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 .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .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, .1);
  border: 1px solid rgba(246, 142, 1, .6)
}

.sharebar-buttons.button-saved:hover {
  background-color: rgba(246, 142, 1, .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), .15);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: space-between;
  left: 0;
  position: fixed;
  transition: bottom .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), .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(../img/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 .3s ease;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .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 .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, .1);
  border: .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, .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 .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)
}

.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: -12px 0 12px;
  width: 100%
}

.story-card-scb iframe {
  height: 100%
}

.story-card-scb:after {
  background-color: #000;
  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: 12px
}

.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-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 12px -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: -12px -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
}

.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, .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;
  margin-right: 10px
}

.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-card-horizontal-container {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--election-gray-10);
  border-radius: 9px;
  width: 100%;
  justify-content: space-between;
  height: 160px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.election-card-horizontal-containerTop {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
  height: 138px
}

.election-card-horizontal-containerTopLeft {
  width: 50%;
  text-align: center
}

.election-card-horizontal-containerTopLeftImage {
  width: 80px;
  height: 80px;
  border-radius: 50%
}

.election-card-horizontal-containerTopRight {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center
}

.election-card-horizontal-containerTopRightFullname {
  font-weight: 300;
  font-size: 16px;
  line-height: 130%;
  color: var(--gray-100);
  text-align: center
}

.election-card-horizontal-containerTopRightVotes {
  display: flex;
  gap: 4px;
  justify-content: center
}

.election-card-horizontal-containerTopRightVotesNumber {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: var(--gray-100)
}

.election-card-horizontal-containerTopRightVotesText {
  font-weight: 300;
  font-size: 14px;
  line-height: 130%;
  color: var(--gray-100)
}

.election-card-horizontal-containerBot {
  display: flex;
  justify-content: space-between;
  padding: 6px 12px;
  height: 56px;
  align-items: center;
  gap: 10px;
  color: var(--gray-100)
}

.election-card-horizontal-containerBotPartie {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  min-height: 40px;
  display: flex;
  align-items: center;
  text-align: left
}

.election-card-horizontal-containerBotVotesPercent {
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  display: flex;
  justify-content: flex-end
}

.election-cards-cardContainerV2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 100%
}

.election-cards-imgShowLess,
.election-cards-imgShowMore {
  margin-left: 8px
}

.election-cards-imgShowMore>path {
  fill: var(--election-gray-90)
}

.election-cards-imgShowLess>path {
  fill: var(--fill-icon-show-minus)
}

.election-cards-cardsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  width: 100%
}

.election-cards-cardsContainerV2 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%
}

.election-cards-container {
  display: flex;
  flex-direction: column;
  height: 195px;
  max-height: 195px;
  background: transparent;
  border-radius: 9px;
  border: 1px solid var(--gray-10);
  width: 100%;
  text-align: center
}

.election-cards-containerTop,
.election-cards-containerTopThreeFour {
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  gap: 10px;
  padding-bottom: 8px;
  height: 138px
}

.election-cards-containerTopCandidate {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: -26px;
  color: var(--gray-100)
}

.election-cards-containerTopCandidateImageOne {
  width: 90px;
  height: 90px;
  border-radius: 50%
}

.election-cards-containerTopCandidateImageTwo {
  width: 80px;
  height: 80px;
  border-radius: 50%
}

.election-cards-containerTopCandidateImageThreeFour {
  width: 70px;
  height: 70px;
  border-radius: 50%
}

.election-cards-containerTopCandidateFullnameOne {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 8px
}

.election-cards-containerTopCandidateFullnameTwo {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%
}

.election-cards-containerTopCandidateFullnameThreeFour {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: var(--gray-100)
}

.election-cards-containerTopCandidatePercent {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%
}

.election-cards-containerTopCandidatePercentThreeFour {
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: var(--gray-100)
}

.election-cards-containerTopCandidateVotes {
  display: flex;
  gap: 3px;
  align-items: center;
  color: var(--gray-100)
}

.election-cards-containerTopCandidateVotesNumberOne {
  font-weight: 600;
  font-size: 14px
}

.election-cards-containerTopCandidateVotesTextOne {
  font-weight: 300;
  font-size: 14px
}

.election-cards-containerTopCandidateVotesNumberTwo {
  font-weight: 600;
  font-size: 12px
}

.election-cards-containerTopCandidateVotesTextTwo {
  font-weight: 300;
  font-size: 12px
}

.election-cards-containerTopCandidateVotesNumberThreeFour {
  font-weight: 500;
  font-size: 10px
}

.election-cards-containerTopCandidateVotesTextThreeFour {
  font-weight: 300;
  font-size: 10px
}

.election-cards-containerBot {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 9px 9px;
  height: 57px;
  color: var(--gray-100)
}

.election-cards-containerBotPartie {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: left
}

.election-cards-containerBotData {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.election-cards-containerBotDataPercent {
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  margin-left: 8px
}

.election-cards-containerBotDataVotes {
  font-size: 12px;
  line-height: 100%;
  display: flex;
  gap: 3px;
  align-items: center
}

.election-cards-containerBotDataNumber {
  font-weight: 500
}

.election-cards-containerBotDataText {
  font-weight: 300
}

.election-cards-sliderContainer {
  display: flex;
  width: 100%
}

.election-cards-seeMore {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 2px;
  width: 100%
}

.election-cards-seeMoreBtn {
  padding: 8px 22px;
  border: 1px solid var(--gray-50);
  background-color: var(--white-100);
  border-radius: 100px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--gray-100)
}

.election-cards-arrowLeft,
.election-cards-arrowRight {
  border: none;
  background: none;
  display: none
}

.election-cards-containerImgOne {
  background: transparent;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-bottom: 4px
}

.election-cards-containerImgTwo {
  background: transparent;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 4px
}

.election-cards-containerImgThreeFour {
  background: transparent;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-bottom: 4px
}

.election-cards-lema {
  color: var(--election-gray-90);
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
  position: relative;
  padding: 8px 22px;
  border: 1px solid var(--gray-50);
  background-color: var(--white-100);
  border-radius: 100px
}

.election-cards-lema>p {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  background: var(--white-100);
  padding: 0 8px
}

.election-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.election-ctnTitle {
  margin-bottom: 0
}

.election-ctnSumary {
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 37px;
  width: 100%
}

.election-ctnWithoutData {
  border-radius: 9px;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  border: 1px solid var(--election-gray-40);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px
}

.election-withoutData {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  color: var(--election-gray-90)
}

.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 .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 .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, .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: .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 .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 .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 .1s ease-in-out, font-size .1s ease-in-out, height .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%, .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-black {
  color: #1f1f1f
}

.b-f-title-orange {
  color: #f68e01
}

.b-f-title-white {
  color: #fff
}

.exclusive-video-yt {
  border: 1px solid var(--white-100);
  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
}

.games-iframe-ctn {
  background-color: #d9d9d9;
  border-radius: 9px;
  overflow: clip
}

.games-iframe-ctn .iframe-loading-spinner {
  position: absolute
}

.games-iframe-placeholder {
  background-color: #d9d9d9;
  border-radius: 9px;
  height: 812px;
  width: 100%;
  margin-bottom: 16px
}

.game-card-container {
  align-items: center;
  border-radius: 9px;
  border: 1px solid var(--gray-40);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  min-height: 385px;
  overflow: hidden;
  position: relative
}

.game-card-image-wrapper {
  flex: 1 0 0;
  height: 161px;
  max-height: 161px;
  min-height: 161px;
  width: 100%;
  border-radius: 9px 9px 0 0;
  border-bottom: 5px solid var(--orange-100)
}

.game-card-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.game-card-details {
  height: 60%;
  display: grid;
  grid-template-rows: minmax(38px, 1fr) minmax(121px, 138px) 49px;
  justify-items: center;
  margin-top: 16px;
  padding: 0 12px
}

.game-card-title {
  color: var(--headlines);
  font-size: 20px;
  font-weight: 700;
  line-height: 132%;
  margin: 0;
  padding-bottom: 12px
}

.game-card-description,
.game-card-title {
  align-self: stretch;
  font-style: normal;
  text-align: center
}

.game-card-description {
  color: var(--gray-90);
  flex-grow: 1;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 12px;
  min-height: 105px;
  overflow: hidden
}

.game-card-button {
  align-items: center;
  background: var(--background-btn-game-card);
  border-radius: 100px;
  border: 1px solid var(--border-btn-game-card);
  box-sizing: border-box;
  color: var(--color-btn-game-card);
  display: flex;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.02;
  margin-bottom: 12px;
  margin-top: 2px;
  padding: 8px 24px
}

.game-card-button:hover {
  background: var(--background-btn-game-card-hover);
  border: 1px solid var(--border-btn-game-card-hover);
  cursor: pointer
}

.title-bar-game {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 44px;
  margin-top: 24px
}

.title-bar-game .border-bottom {
  border-bottom: 1px solid var(--border-titlebar);
  padding-bottom: 16px
}

.title-bar-game.chain-child {
  display: flex;
  justify-content: space-between
}

.title-bar-game h2 {
  color: var(--headlines);
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

.title-bar-game-tag {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  margin-right: 6px
}

.title-bar-game-anchor,
.title-bar-game-text {
  display: inline-flex;
  -moz-column-gap: 10px;
  column-gap: 10px
}

.title-bar-game-text {
  align-items: center;
  align-self: flex-end;
  color: var(--gray-100);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: -2px;
  text-transform: uppercase
}

.title-bar-game-icon,
.title-bar-game-logo {
  align-items: center;
  display: flex;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain
}

.title-bar-game-logo {
  height: 32px
}

.title-bar-game-icon-ctn-desktop,
.title-bar-game-logo-chain,
.title-bar-game-logo-ctn-desktop {
  display: none
}

.title-bar-game-subtitle {
  color: var(--gray-90);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%
}

.backgroundClass {
  padding-top: 16px
}

.dynamic-chain {
  display: flex;
  flex-direction: column;
  margin: 0 -16px 24px
}

.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-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px
}

.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-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
}

.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, .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: .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, .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, .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%
}

.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%, .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, .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, .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, .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, .05);
  border: 1px solid #169d5d
}

.bajalibros-card.bajalibros-card-free:hover {
  background: rgba(22, 157, 93, .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, .1);
  border-radius: 50px;
  border: 1px solid rgba(246, 142, 1, .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, .1);
  border: 1px solid rgba(22, 157, 93, .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, .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, .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, .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, .05);
  border: 1px solid #169d5d
}

.store-card.store-card-free:hover {
  background: rgba(22, 157, 93, .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, .1);
  border-radius: 50px;
  border: 1px solid rgba(246, 142, 1, .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, .1);
  border: 1px solid rgba(22, 157, 93, .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, .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, .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;
  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: 12px
}

.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 {
  width: -moz-max-content;
  width: max-content
}

.slider-feed-item .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
}

.background-feature-cards {
  gap: 20px;
  margin: 0 0 16px -16px;
  padding: 24px 16px;
  width: calc(100% + 32px)
}

.background-feature-cards,
.background-feature-cards-left {
  display: flex;
  flex-direction: column
}

.background-feature-cards-left-description,
.background-feature-cards-left-title {
  color: #fff
}

.background-feature-cards-left-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 12px
}

.background-feature-cards-left-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  margin: 20px 0 0;
  width: 100%
}

.background-feature-cards-left-logo {
  display: inline-flex
}

.background-feature-cards-left-logo-img {
  max-height: 58px;
  max-width: 200px;
  min-height: 58px
}

.background-feature-cards-right {
  width: 100%
}

.background-feature-cards-right .swiper-pagination-bullet,
.background-feature-cards-right .swiper-pagination-bullet-active {
  background-color: #fff
}

.background-feature-cards-right-swiper {
  position: static;
  width: 100%
}

.background-feature-cards-right .swiper-pagination {
  bottom: 0;
  margin-top: 12px;
  position: relative
}

.background-feature-cards:has(.background-cards-left-black) .next-arrow-bfc path,
.background-feature-cards:has(.background-cards-left-black) .prev-arrow-bfc path {
  fill: #1f1f1f
}

.background-feature-cards:has(.background-cards-left-black) .next-arrow-bfc rect,
.background-feature-cards:has(.background-cards-left-black) .prev-arrow-bfc rect {
  stroke: #1f1f1f
}

.next-arrow-bfc,
.prev-arrow-bfc {
  display: none
}

.background-cards-left-black {
  color: #1f1f1f
}

.background-feature-videos {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 0 16px -16px;
  padding: 24px 16px;
  width: calc(100% + 32px)
}

.background-feature-videos .color-font-black {
  color: #1f1f1f
}

.background-feature-videos .color-font-white {
  color: #fff
}

.background-feature-videos-left {
  display: flex;
  flex-direction: column
}

.background-feature-videos-left-description,
.background-feature-videos-left-title {
  color: #fff
}

.background-feature-videos-left-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 12px
}

.background-feature-videos-left-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  margin: 20px 0 0
}

.background-feature-videos-left-logo {
  text-align: start
}

.background-feature-videos-left-logo-img {
  max-height: 40px;
  max-width: 171px;
  min-height: 40px;
  -o-object-fit: contain;
  object-fit: contain
}

.background-feature-videos-right {
  width: 100%
}

.background-feature-videos-right .rawHTML {
  display: flex;
  height: auto;
  margin-bottom: 12px
}

.background-feature-videos-right .swiper-pagination-bullet,
.background-feature-videos-right .swiper-pagination-bullet-active {
  background-color: #fff
}

.background-feature-videos-right-swiper {
  position: static;
  width: 100%
}

.background-feature-videos-right .swiper-wrapper {
  padding-bottom: 12px
}

.background-feature-videos-right .swiper-pagination {
  bottom: 0;
  position: relative
}

.background-feature-videos-right .jwplayer-ctn {
  height: 100%;
  margin: 0;
  padding-top: 56.25%;
  width: 100%
}

.background-feature-videos-right .jwplayer-ctn>div {
  height: 100%
}

.background-feature-videos-right .jwplayer-ctn>div>div {
  height: 100% !important
}

.background-feature-videos-right .jwplayer-ctn>div .jw-wrapper {
  border: 1px solid #fff
}

.background-feature-videos-right .jwplayer-ctn>div .jw-controls,
.background-feature-videos-right .jwplayer-ctn>div .jw-controls-backdrop,
.background-feature-videos-right .jwplayer-ctn>div .jw-media video,
.background-feature-videos-right .jwplayer-ctn>div .jw-preview,
.background-feature-videos-right .jwplayer-ctn>div .jw-wrapper {
  border-radius: 6px
}

.background-feature-videos-sponsors-logo {
  height: 22px;
  max-width: 568px;
  width: inherit
}

.b-f-title-default {
  font-size: 22px
}

.b-f-title-small {
  font-size: 18px
}

.next-arrow-bfv,
.prev-arrow-bfv {
  display: none
}

.exclusive-video-yt {
  aspect-ratio: 16/9;
  border: 1px solid #fff;
  border-radius: 6px;
  height: 100%;
  width: calc(100% - 1px)
}

.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 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.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
}

.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-tm-shield {
  height: 20px;
  width: 20px
}

.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;
  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%;
  text-align: center
}

.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-title-ctn {
  align-items: center;
  align-self: stretch;
  border-bottom: 2px solid var(--gray-50);
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding: 24px 0;
  width: 100%
}

.sport-title-ctn .sport-title-container-leagues {
  align-items: center;
  display: flex;
  max-width: 203px
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize {
  min-width: 200px;
  font-weight: 500
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50)
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span {
  align-items: center;
  display: flex;
  gap: 6px;
  height: 100%;
  white-space: nowrap;
  width: 100%
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span img {
  height: 18px;
  width: 18px
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span b {
  color: var(--gray-90);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
  padding-right: 22px;
  text-overflow: ellipsis;
  width: -moz-max-content;
  width: max-content
}

.sport-title-ctn .sport-title-container-leagues .field-select,
.sport-title-ctn .sport-title-container-seasons .field-select {
  margin: 0;
  position: relative
}

.sport-title-ctn .sport-title-container-leagues .field-select:before,
.sport-title-ctn .sport-title-container-seasons .field-select:before {
  height: 7.22px;
  right: 18px;
  top: 31%;
  width: 7.22px
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize,
.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 100px;
  border: 1px solid var(--border-input);
  color: var(--color-text-input);
  cursor: pointer;
  display: flex;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  max-height: 34px;
  padding: 8px 16px;
  text-indent: 0;
  width: 100%
}

.sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span,
.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span {
  line-height: normal
}

.sport-title-ctn .sport-title-container-leagues .field-select>label,
.sport-title-ctn .sport-title-container-seasons .field-select>label {
  align-items: center;
  background-color: transparent;
  font-size: 14px;
  font-weight: 300;
  left: 5px;
  max-width: unset;
  position: absolute;
  top: 50%
}

.sport-title-ctn .sport-title-container-leagues .field-select>label img,
.sport-title-ctn .sport-title-container-seasons .field-select>label img {
  margin: 0 8px;
  max-height: 22px;
  max-width: 22px
}

.sport-title-ctn .sport-title-container-leagues .field-select>label span,
.sport-title-ctn .sport-title-container-seasons .field-select>label span {
  display: inline-flex;
  padding: 5px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.sport-title-ctn .sport-title-container-leagues .field-select .container-select-season:before,
.sport-title-ctn .sport-title-container-seasons .field-select .container-select-season:before {
  border-radius: 1px;
  border-color: var(--gray-60);
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  cursor: pointer;
  height: 10px;
  position: absolute;
  right: 18px;
  top: 25%;
  transform: rotate(45deg);
  width: 10px;
  z-index: 0
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide {
  width: -moz-max-content;
  width: max-content;
  z-index: 2
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list {
  font-size: 14px;
  max-height: 228px;
  min-width: -moz-max-content;
  min-width: max-content
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt .option-category,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt .option-category,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt .option-category,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt .option-category {
  display: flex;
  padding: 4px 0;
  width: 100%
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span {
  align-items: center;
  display: grid;
  grid-template-columns: 24px 1fr;
  padding: 4px 8px
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span.option-season,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span.option-season,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span.option-season,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span.option-season {
  display: block
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span img,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span img,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span img,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span img {
  width: 22px
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span span,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span span,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span span,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span span {
  display: none
}

.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span b,
.sport-title-ctn .sport-title-container-leagues .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span b,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span b,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span b {
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.sport-title-ctn .sport-title-container-seasons {
  max-width: 48%
}

.sport-title-ctn .sport-title-container-seasons .disabled-button {
  color: var(--gray-50);
  cursor: not-allowed;
  pointer-events: none
}

.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize {
  height: 34px;
  font-weight: 300
}

.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50)
}

.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span span {
  display: none
}

.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide {
  min-width: 100%;
  right: 0;
  width: auto
}

.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span,
.sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span {
  grid-template-columns: auto
}

.sport-title-ctn .sport-title-container-seasons .field-select-opt button span span,
.sport-title-ctn .sport-title-container-seasons .hide-tab-sport,
.sport-title-ctn .sport-title-container-seasons .show-tab-sport {
  display: none
}

.sport-title-ctn .sport-title-container-seasons .hide-select-sport {
  display: flex
}

.sport-title-ctn .sport-title-container-leagues .field-select>label {
  font-size: 18px;
  font-weight: 500
}

.sport-title-ctn .sport-title-container-seasons .field-select>label {
  font-size: 14px;
  font-weight: 300
}

.border-bottom-title {
  border-bottom: 2px solid var(--gray-50)
}

.sport-header-wrapper.ctn-border-home {
  margin-bottom: 20px
}

.ctn-border-home {
  border-radius: 12px;
  border: 1px solid var(--gray-40);
  padding: 0 16px
}

.ctn-border-home .leagues-swiper,
.ctn-border-home .sport-title-ctn {
  margin: 0;
  padding: 16px 0
}

.ctn-border-home .swiper-wrapper {
  gap: 6px
}

.ctn-border-home .leagues-swiper-divider {
  display: none
}

.sport-header-wrapper {
  margin-bottom: 0;
  position: relative
}

.ctn-only-leagues-slider {
  border-bottom: 1px solid var(--gray-40);
  border-radius: 0;
  border-top: 1px solid var(--gray-40);
  margin: 0 -16px 20px;
  overflow: hidden;
  width: calc(100% + 32px)
}

.ctn-only-leagues-slider .leagues-swiper-divider {
  display: none
}

.ctn-only-leagues-slider .leagues-swiper {
  margin: 16px 16px 16px 12px;
  max-width: calc(100% - 16px)
}

.ctn-only-leagues-slider .leagues-swiper .swiper-slide:last-child {
  margin-right: 16px
}

.ctn-only-leagues-slider .sport-leagues-chip {
  line-height: 19.48px
}

.ctn-only-leagues-slider .leagues-swiper>.swiper-wrapper .swiper-slide {
  height: 34px
}

.leagues-swiper {
  margin: 20px auto;
  max-width: calc(100vw - 32px);
  overflow: visible;
  position: relative;
  width: 100%
}

.leagues-swiper>.swiper-wrapper .swiper-slide {
  height: 35px;
  width: -moz-fit-content !important;
  width: fit-content !important
}

.leagues-swiper a.sport-leagues-chip {
  color: var(--gray-70)
}

.leagues-swiper-divider {
  border-bottom: 1px solid var(--gray-40);
  height: 1px;
  position: absolute;
  width: 100%
}

.sport-title-only-image {
  height: 22px;
  max-height: 22px;
  max-width: 22px;
  width: 22px
}

.sport-leagues-chip {
  align-items: center;
  border: 1px solid var(--gray-40);
  border-radius: 100px;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  gap: 4px;
  height: 34px;
  justify-content: flex-end;
  line-height: 1.32;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content
}

.sport-leagues-chip:focus,
.sport-leagues-chip:hover {
  background: var(--gray-10);
  border: 1px solid var(--gray-40);
  border-radius: 100px
}

.sport-leagues-chip:active {
  color: var(--gray-100);
  font-weight: 500
}

.sport-leagues-chip-logo {
  height: 18px;
  max-height: 18px;
  max-width: 18px;
  width: 18px
}

.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, .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%, .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: .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 {
  font-size: 14px;
  color: var(--gray-60)
}

.sport-calendar-swiper .non-available-day .sport-calendar-date-day {
  font-size: 10px;
  color: var(--gray-60)
}

.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, .1);
  border-radius: 100px
}

.sport-calendar-date-active {
  background: rgba(2, 132, 12, .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-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%
}

.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: 500
}

.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(--gray-90);
  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 12px;
  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-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;
  margin: 6px;
  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(../img/arrow.svg) no-repeat 90%;
  background-color: var(--bg);
  border: .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-result-team {
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px;
  row-gap: 16px
}

.sport-result-team .sport-result-team-box {
  border-radius: 6px
}

.sport-result-team-select,
.sport-result-team .line-bottom {
  border-bottom: 2px solid var(--gray-50);
  width: 100%
}

.sport-result-team-select {
  display: inline-flex;
  padding-bottom: 24px;
  min-height: 39px
}

.sport-result-team-select .field-select {
  margin: 0;
  position: relative
}

.sport-result-team-select .field-select:before {
  border-color: var(--gray-80);
  height: 7.22px;
  top: 33%;
  width: 7.22px;
  right: 16px
}

.sport-result-team-select .field-select .btn-select-autoresize {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid var(--border-input);
  border-radius: 100px;
  color: var(--color-text-input);
  cursor: pointer;
  display: inline-block;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  height: 34px;
  line-height: 20px;
  padding: 8px 16px;
  text-indent: 0;
  width: 100%
}

.sport-result-team-select .field-select .btn-select-autoresize:hover {
  background-color: var(--gray-10);
  border-color: var(--gray-50)
}

.sport-result-team-select .field-select .btn-select-autoresize span {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding-right: 18px;
  text-overflow: ellipsis;
  width: -moz-max-content;
  width: max-content;
  height: 18px;
  gap: 6px;
  line-height: 18.2px
}

.sport-result-team-select .field-select .btn-select-autoresize span img {
  height: 18px;
  width: 18px
}

.sport-result-team-select .field-select .btn-select-autoresize span b {
  font-weight: 500
}

.sport-result-team-select .field-select>label {
  align-items: center;
  background-color: transparent;
  color: var(--gray-90);
  font-size: 18px;
  font-weight: 500;
  left: 5px;
  max-width: unset;
  position: absolute;
  top: 50%
}

.sport-result-team-select .field-select>label img {
  margin: 0 8px;
  max-height: 22px;
  max-width: 22px
}

.sport-result-team-select .field-select>label span {
  align-items: center;
  display: inline-flex;
  padding: 5px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.sport-result-team-select .field-select .container-select-team:before {
  border-radius: 1px;
  border-color: var(--gray-60);
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  cursor: pointer;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 25%;
  transform: rotate(45deg);
  width: 10px;
  z-index: 0
}

.sport-result-team-select .field-select .field-select-list-ctn,
.sport-result-team-select .field-select .field-select-list-ctn-hide {
  min-width: 195px;
  width: -moz-max-content;
  width: max-content
}

.sport-result-team-select .field-select .field-select-list-ctn-hide .field-select-list,
.sport-result-team-select .field-select .field-select-list-ctn .field-select-list {
  font-size: 14px
}

.sport-result-team-select .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span,
.sport-result-team-select .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span {
  align-items: center;
  display: flex;
  padding: 4px
}

.sport-result-team-select .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span b,
.sport-result-team-select .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span b {
  font-weight: 300
}

.sport-result-team-select .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span img,
.sport-result-team-select .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span img {
  width: 22px
}

.sport-result-team-select-name-shield {
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--gray-50);
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 8px 16px
}

.sport-result-team-select-name-shield b {
  min-width: -moz-max-content;
  min-width: max-content
}

.sport-result-team-back-btn {
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  position: relative
}

.sport-result-team-back-btn span {
  color: var(--gray-90);
  font-size: 12px;
  font-weight: 400
}

.sport-result-team-back-btn svg {
  transform: rotate(-180deg)
}

.sport-result-team-head-title {
  align-items: center;
  display: inline-flex
}

.sport-result-team-head-title img {
  height: 44px;
  margin-right: 12px;
  max-height: 44px;
  max-width: 44px;
  min-height: 44px;
  min-width: 44px;
  width: 44px
}

.sport-result-team-head-title h3 {
  color: var(--headlines);
  font-size: 22px;
  font-weight: 500;
  line-height: 1
}

.sport-result-team-head-title-txt {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.sport-result-team-head-title-divider {
  display: none
}

.sport-result-team-head-title p {
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 300;
  line-height: 1
}

.sport-result-team-box {
  align-items: center;
  border: 1px solid var(--gray-40);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: 100%
}

.sport-result-team-box .sport-calendar-match {
  gap: 8px;
  height: 92px;
  justify-content: center;
  padding: 0;
  width: 100%;
  background: var(--bg-color)
}

.sport-result-team-box .sport-calendar-match-vs {
  padding: 0 4px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px
}

.sport-result-team-box .sport-calendar-match-vs .match-datetime {
  height: 68px;
  display: grid;
  width: 33.3%;
  margin: auto;
  gap: 4px
}

.sport-result-team-box .sport-calendar-match-vs .match-datetime .sport-calendar-match-result {
  justify-content: center;
  padding: 0
}

.sport-result-team-box .sport-calendar-match-vs .match-datetime .sport-calendar-match-result p {
  font-size: 32px;
  line-height: 32px
}

.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-local,
.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-visitant {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
  width: 33.3%
}

.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-local p,
.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-visitant p {
  max-width: clamp(96px, 28vw, 190px);
  max-height: 60px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-local img,
.sport-result-team-box .sport-calendar-match-vs .sport-calendar-match-visitant img {
  width: 34px;
  height: 34px
}

.sport-result-team-box .sport-calendar-match:nth-child(odd) {
  background: var(--gray-0)
}

.sport-result-team-box .sport-calendar-match:last-child {
  border-bottom: none
}

.sport-result-team-box .sport-calendar-match-played {
  flex: none;
  max-height: 32px;
  line-height: 15.6px;
  margin: 0
}

.sport-result-team-box .sport-calendar-match-played-date {
  max-width: 112px;
  text-align: center;
  color: var(--gray-80);
  text-overflow: ellipsis;
  overflow: hidden
}

.sport-result-team-box .sport-calendar-match-played-date .liga {
  font-weight: 500;
  font-size: 12px;
  line-height: 15.6px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis
}

.sport-result-team-box .sport-calendar-match-played-date b {
  font-weight: 300;
  font-size: 12px
}

.sport-result-team-box .sport-calendar-match-prev {
  font-size: clamp(10px, 4.16vw, 14px);
  background: rgba(246, 142, 1, .1);
  font-weight: 300;
  justify-content: center;
  line-height: 18px;
  min-height: 35px;
  outline: 1px solid rgba(246, 142, 1, .8);
  padding: 6px clamp(8px, 2vw, 11px);
  text-overflow: clip;
  white-space: normal;
  width: 100%;
  margin: auto;
  max-width: 110px
}

.sport-result-team-box .sport-calendar-match-prev b {
  font-weight: 300
}

.sport-result-team-box .sport-calendar-match-prev span {
  color: var(--gray-90);
  font-weight: 500
}

.sport-result-team-box .sport-calendar-match-prev .sport-calendar-match-prev-date {
  line-height: 18.2px
}

.sport-result-team-box .sport-calendar-match-prev .sport-calendar-match-prev-date b {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.sport-result-team-title {
  background-color: var(--gray-0);
  border-bottom: 1px solid var(--gray-40);
  border-radius: 12px 12px 0 0;
  color: var(--headlines);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 0;
  padding: 12px 0;
  text-align: center;
  width: 100%
}

.no-feed,
.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 {
  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: .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, .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: 16px 0;
  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 {
  border-radius: 6px;
  height: 40px;
  width: 80px
}

.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: .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, .15)
}

.sports-live-event-game-card-live {
  border: .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: .5px solid var(--gray-40);
  border-radius: 3px
}

.sports-live-event-state {
  align-self: stretch;
  border-bottom: .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: .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: .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, .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%, .5)
}

.gallery-left-arrow.hiden svg path,
.gallery-right-arrow.hiden svg path {
  fill: hsla(0, 0%, 91.8%, .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, .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 .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: column;
  gap: 16px;
  margin-bottom: -1px
}

.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-top: 2px solid var(--gray-50);
  border-bottom: 1px solid var(--gray-50);
  padding: 18px 0
}

.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(../img/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)
}

.footer-compact-container {
  background-color: var(--gray-10);
  color: var(--gray-80);
  font-size: 12px;
  font-weight: 300;
  padding: 22px 48px;
  text-align: center
}

.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
}

.gallery-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  width: calc(100% + 32px);
  margin-left: -16px;
  padding: 16px 0;
  border: 1px solid transparent
}

.gallery-card .centered {
  text-align: center
}

.gallery-card .gallery-card-title,
.gallery-card .story-card-dec,
.gallery-card .story-card-details-ctn {
  padding: 0 16px
}

.gallery-card .story-card-dec,
.gallery-card .story-card-details-ctn {
  margin-bottom: 0
}

.gallery-card .gallery-card-link {
  display: block
}

.gallery-card .gallery-card-title {
  display: block;
  line-height: 1.2;
  margin-bottom: 0
}

.gallery-card .gallery-card-title-size-default {
  font-size: 22px
}

.gallery-card .gallery-card-title-size-big {
  font-size: 28px
}

.gallery-card .gallery-card-swiper {
  left: -1px;
  padding-bottom: 24px;
  position: relative;
  width: 100vw;
  z-index: 0
}

.gallery-card .gallery-card-swiper .swiper-wrapper {
  aspect-ratio: 21/9;
  border-radius: 3px
}

.gallery-card .gallery-card-swiper .swiper-pagination {
  bottom: 0;
  line-height: 0
}

.gallery-card .gallery-card-swiper .swiper-pagination .swiper-pagination-bullet {
  background: var(--orange-90);
  opacity: .6;
  height: 8px;
  width: 8px
}

.gallery-card .gallery-card-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1
}

.gallery-card .arrow-wrapper {
  position: absolute;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1;
  height: 70px;
  width: 48px;
  display: grid;
  place-items: center
}

.gallery-card .arrow-wrapper.prev {
  left: 0
}

.gallery-card .arrow-wrapper.next {
  right: 0
}

.gallery-card .gallery-card-arrow-next,
.gallery-card .gallery-card-arrow-prev {
  border-radius: 50%;
  border: 1px solid var(--gray-20);
  height: 32px;
  width: 32px;
  background-color: rgba(0, 0, 0, .5)
}

.gallery-card .gallery-card-arrow-next circle,
.gallery-card .gallery-card-arrow-prev circle {
  fill: transparent
}

.gallery-card .gallery-card-arrow-next path,
.gallery-card .gallery-card-arrow-prev path {
  fill: var(--gray-20)
}

.gallery-card .gallery-card-arrow-next:hover,
.gallery-card .gallery-card-arrow-prev:hover {
  cursor: pointer
}

.gallery-card .swiper-button-disabled svg {
  cursor: auto;
  opacity: .4;
  background-color: rgba(0, 0, 0, .3)
}

.recipe-feed-header {
  border-bottom: 1px solid var(--gray-50);
  border-top: 2px solid var(--gray-50);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 18px 0
}

.recipe-feed-search {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  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-title {
  color: var(--gray-90);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
  width: 100%
}

.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: .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, .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: .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, .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, .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: .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
}

.ctn-highlights-calendar {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-rows: auto
}

.ctn-highlights-calendar h1,
.ctn-highlights-calendar h3,
.ctn-highlights-calendar h4 {
  margin-bottom: 0
}

.ctn-highlights-calendar .title-next-key {
  display: block;
  line-height: 1.7
}

.ctn-highlights-calendar-header {
  border-bottom: 1px solid var(--gray-50);
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr;
  grid-template-rows: auto
}

.ctn-highlights-calendar-header h1 {
  color: var(--gray-100);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}

.ctn-highlights-calendar-header h2 {
  color: var(--gray-90);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 16px;
  text-align: center
}

.ctn-highlights-calendar-body {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center
}

.ctn-highlights-calendar-body .ctn-box {
  border-radius: 6px;
  display: grid;
  gap: 16px;
  grid-template-columns: 100px auto;
  grid-template-rows: auto;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%
}

.ctn-highlights-calendar-body .ctn-box-key {
  align-self: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  justify-content: center;
  padding: 12px 16px;
  text-align: center
}

.ctn-highlights-calendar-body .ctn-box-key h4,
.ctn-highlights-calendar-body .ctn-box-key p {
  color: var(--gray-100);
  font-weight: 700
}

.ctn-highlights-calendar-body .ctn-box-key h4 {
  font-size: 16px;
  line-height: 1.3
}

.ctn-highlights-calendar-body .ctn-box-key p {
  font-size: 28px;
  line-height: 1
}

.ctn-highlights-calendar-body .ctn-box-value {
  align-items: center;
  display: flex;
  overflow: hidden
}

.ctn-highlights-calendar-body .ctn-box-value p {
  color: var(--gray-100);
  font-size: 14px;
  font-weight: 300;
  margin-right: 16px;
  line-height: normal;
  max-height: 79px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word
}

.ctn-highlights-calendar-body-highlights {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin-bottom: 20px;
  width: 100%
}

.ctn-highlights-calendar-body-highlights .show-more {
  display: flex;
  justify-content: center
}

.ctn-highlights-calendar-body-highlights .show-more button {
  background-color: var(--white-100);
  border-radius: 100px;
  border: 1px solid var(--gray-40);
  color: var(--gray-90);
  font-size: 14px;
  font-weight: 400;
  padding: 6px 12px
}

.ctn-highlights-calendar-body-month {
  border-bottom: 1px solid var(--gray-40);
  display: grid;
  gap: 20px;
  width: 100%
}

.ctn-highlights-calendar-body-month h3 {
  border-bottom: 1px solid var(--gray-40);
  color: var(--gray-90);
  font-size: 44px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 20px;
  text-transform: uppercase
}

.ctn-highlights-calendar-share-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 0;
  text-align: center
}

.ctn-highlights-calendar-share-buttons p {
  color: var(--gray-80);
  font-size: 14px;
  font-weight: 400;
  text-align: center
}

.ctn-highlights-calendar-share-buttons .social-icons {
  display: flex;
  gap: 16px;
  justify-content: center
}

.ctn-highlights-calendar-share-buttons .social-icons a svg {
  height: 48px;
  width: 48px
}

.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);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  width: 100%;
  padding-bottom: 16px
}

.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,
.wrapper-power-up .top-ctn .btn-mobile {
  align-items: center;
  background: rgba(2, 132, 12, .05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, .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 .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;
  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
}

.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.live-theme {
  --theme-background: #ffeded;
  --theme-color: var(--gray-100);
  --theme-border: var(--red-100)
}

.streaming-player-ctn .player-ctn {
  background: rgba(246, 142, 1, .05);
  border-bottom: 1px solid #f68e01;
  border-top: 1px solid #f68e01;
  margin-bottom: 24px;
  margin-left: -16px;
  padding-bottom: 13px;
  position: relative;
  width: calc(100% + 32px)
}

.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.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 .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 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 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%, .3)
}

.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)
}

.ctn-soccer-tables-slider {
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  margin: 0 -16px 16px;
  padding: 16px 0 0;
  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 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  background-color: var(--bg-color);
  display: flex;
  padding: 0 16px
}

.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-prev-arrow {
  border-bottom-left-radius: 20px;
  position: relative
}

.ctn-soccer-tables-slider .ctn-next-arrow {
  border-bottom-right-radius: 20px;
  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 .title-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px
}

.ctn-soccer-tables-slider .title-container .ad-logo {
  border-radius: 6px;
  height: 40px;
  width: 80px
}

.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 16px 16px 0
}

.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 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  margin: 0 -16px 16px;
  width: calc(100% + 32px)
}

.container-general .title-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px
}

.container-general .title-container .ad-logo {
  border-radius: 6px;
  height: 40px;
  width: 80px
}

.single-league-cards {
  max-width: 100%
}

.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, .15)
}

.single-league-cards .live {
  border-radius: 3px;
  border: .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
}

.ctn-general-brackets {
  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-general-brackets .title-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px;
  margin-bottom: 18px
}

.ctn-general-brackets .title-container .ad-logo {
  border-radius: 6px;
  height: 40px;
  width: 80px
}

.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;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px
}

.ctn-slider-general-agenda .title-container .ad-logo {
  border-radius: 6px;
  height: 40px;
  width: 80px
}

.ctn-slider-general-agenda .slider-arrow {
  display: none
}

.ctn-slider-general-agenda .calendar-match {
  gap: 12px;
  justify-content: center;
  width: 100%
}

.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%
}

.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, .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%, .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: .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 .25s cubic-bezier(.4, 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;
  gap: 20px;
  margin-bottom: 24px;
  padding: 0 16px 16px
}

.day-matches .title-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0;
  width: 100%
}

.day-matches .title-container-content {
  align-items: center;
  display: flex;
  gap: 6px
}

.day-matches .title-container .ad-logo {
  height: 40px;
  width: 100px
}

.day-matches .title-container .title-icon {
  max-height: 32px;
  max-width: 32px
}

.day-matches .title-container .title-button {
  align-items: center;
  background: rgba(2, 132, 12, .05);
  border-radius: 100px;
  border: 1px solid rgba(2, 132, 12, .5);
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  padding: 6px 12px
}

.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%
}

.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
}

.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;
  row-gap: 6px
}

.ctn-f1-story-inner .race-details .details-right .race-info .country {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0
}

.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 {
  row-gap: 6px;
  display: flex;
  flex-direction: column
}

.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
}

.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;
  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 {
  font-weight: 300;
  font-size: 12px
}

.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-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
}

.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
}

.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)
  }

  .electoralRoll-title {
    font-size: 28px;
    margin-bottom: 4px
  }
}

@media(min-width:577px)and (max-width:760px) {
  .container-chart__data {
    padding: 0
  }
}

@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 .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
  }

  .body-article .container-chart {
    grid-template-columns: repeat(12, 1fr)
  }

  .body-article .container-chart__data {
    grid-column: 1/span 4
  }

  .body-article .container-chart__chart {
    grid-column: 5/span 8
  }

  .container-chart {
    display: grid;
    grid-template-columns: calc(30% - 6px) calc(70% - 6px);
    gap: 12px;
    align-items: center
  }

  .container-chart__skeleton {
    height: 92%;
    width: 100%
  }

  .container-chart__data-filters {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0
  }

  .container-chart__chart {
    padding-top: 0
  }

  .ctn-button {
    flex-flow: row wrap;
    align-items: center;
    width: 200px
  }

  .button-group {
    display: flex;
    justify-content: center;
    width: 100%
  }

  button.bottom,
  button.top {
    justify-content: space-around;
    white-space: nowrap
  }

  .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 104px;
    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_video {
    width: 286px
  }

  .livebar-ctn_video:has(.with-autoplay) {
    width: 300px
  }

  .livebar-ctn {
    flex-direction: row;
    gap: 16px
  }

  .livebar-ctn-info {
    width: 100%
  }

  .livebar-ctn-info-live {
    margin-bottom: 16px
  }

  .livebar-ctn-info-headlines {
    margin-bottom: 0
  }

  .livebar-ctn-info-headlines-title {
    font-size: 20px
  }

  .livebar-ctn-info-headlines-title.big {
    font-size: 22px
  }

  .livebar-ctn-info-headlines-desc {
    font-size: 16px
  }

  .livebar-ctn-info-headlines-desc.big {
    font-size: 18px
  }

  .livebar-ctn_video {
    height: 161px
  }

  .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: .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
  }

  .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, .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
  }

  .background-video-left-wrapper {
    margin: auto 0
  }

  .exclusive-video-yt {
    max-height: 210px;
    max-width: 373px
  }

  .title-bar-game,
  .title-bar-game-subtitle {
    font-size: 18px
  }

  .title-bar-game-logo-chain.title-bar-game-logo-ctn-desktop {
    display: flex
  }

  .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
  }

  .next-arrow-bfc,
  .prev-arrow-bfc {
    display: block;
    height: 40px;
    width: 39px
  }

  .background-feature-cards {
    border-radius: 12px;
    flex-direction: row;
    gap: 20px;
    margin: 0 0 16px;
    padding: 24px;
    width: 100%
  }

  .background-feature-cards-left {
    width: calc(50% - 10px)
  }

  .background-feature-cards-left:has(.background-feature-cards-left-content) .background-feature-cards-left-title {
    margin-top: 0
  }

  .background-feature-cards-left-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
  }

  .background-feature-cards-left-title {
    font-size: 22px
  }

  .background-feature-cards-left-description {
    font-size: 16px
  }

  .background-feature-cards-right {
    align-items: center;
    display: flex;
    width: calc(50% - 10px)
  }

  .background-feature-cards-right-stories {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 100%
  }

  .background-feature-cards-right .swiper-slide {
    display: inline-flex;
    justify-content: center
  }

  .background-feature-cards-right .swiper-pagination {
    display: none
  }

  .background-feature-videos {
    border-radius: 12px;
    flex-direction: row;
    gap: 20px;
    margin: 0 0 32px;
    padding: 24px;
    width: 100%
  }

  .background-feature-videos-left {
    width: calc(50% - 10px)
  }

  .background-feature-videos-left-title {
    font-size: 22px
  }

  .background-feature-videos-right {
    display: flex;
    margin: 0 auto;
    width: calc(50% - 10px)
  }

  .background-feature-videos-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-feature-videos-right .rawHTML {
    margin: auto;
    max-height: 210px;
    max-width: 373px
  }

  .background-feature-videos-right .jwplayer-ctn {
    width: calc(100% - 2px)
  }

  .background-feature-videos-right-player {
    height: 100%;
    margin: auto;
    max-height: 210px;
    max-width: 373px;
    width: 100%
  }

  .background-feature-videos-right .swiper-wrapper {
    padding-bottom: 0
  }

  .background-feature-videos-right .swiper-pagination {
    display: none
  }

  .next-arrow-bfv,
  .prev-arrow-bfv {
    display: block;
    height: 40px;
    width: 40px
  }

  .LO {
    padding: 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-tm-shield {
    height: 32px;
    width: 32px
  }

  .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)
  }

  .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%
  }

  .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-result-team-head-title img {
    height: 40px;
    margin-right: 8px;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
  }

  .sport-result-team-head-title h3 {
    font-size: 32px;
    line-height: 1.3
  }

  .sport-result-team-head-title-divider {
    background-color: var(--gray-80);
    display: block;
    height: 42px;
    width: 1px
  }

  .sport-result-team-head-title-txt {
    align-items: center;
    flex-direction: row;
    gap: 16px
  }

  .sport-result-team-head-title p {
    font-size: 22px;
    line-height: 1.3
  }

  .sport-result-team .sport-calendar-match-vs {
    align-items: center;
    gap: 12px
  }

  .no-feed {
    margin-bottom: 24px
  }

  .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
  }

  .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
  }

  .gallery-card {
    padding: 16px;
    width: 100%;
    margin-left: 0;
    border-radius: 9px
  }

  .gallery-card .gallery-card-title,
  .gallery-card .story-card-dec,
  .gallery-card .story-card-details-ctn {
    padding: 0
  }

  .gallery-card .gallery-card-title-size-default {
    font-size: 35px
  }

  .gallery-card .gallery-card-title-size-big {
    font-size: 42px
  }

  .gallery-card .gallery-card-swiper {
    width: 100%;
    left: 0
  }

  .gallery-card .gallery-card-image {
    border-radius: 3px
  }

  .gallery-card .arrow-wrapper {
    top: 50%;
    height: auto;
    width: auto
  }

  .gallery-card .arrow-wrapper.prev {
    left: 16px
  }

  .gallery-card .arrow-wrapper.next {
    right: 16px
  }

  .gallery-card .gallery-card-arrow-next,
  .gallery-card .gallery-card-arrow-prev {
    width: 40px;
    height: 40px
  }

  .recipe-feed-title {
    width: -moz-fit-content;
    width: fit-content
  }

  .recipe-feed-arrows {
    display: flex;
    gap: 12px
  }

  .recipe-feed-arrows .next-arrow,
  .recipe-feed-arrows .prev-arrow {
    border-radius: 50%;
    border: 1px solid var(--gray-40);
    height: 38px;
    width: 38px
  }

  .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 {
    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
  }

  .ctn-highlights-calendar-body {
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: 1fr 1fr;
    row-gap: 32px
  }

  .ctn-highlights-calendar-body-highlights {
    grid-template-rows: auto 1fr;
    height: -moz-fit-content;
    height: fit-content
  }

  .ctn-highlights-calendar-body-month {
    grid-template-rows: auto 1fr
  }

  .ctn-highlights-calendar {
    margin: 16px 0
  }

  .ctn-highlights-calendar .title-next-key {
    display: contents
  }

  .ctn-highlights-calendar h1 {
    font-size: 35px
  }

  .ctn-highlights-calendar h2 {
    font-size: 22px
  }

  .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, .05);
    border: 1px solid #f68e01;
    display: flex;
    height: 97%;
    margin-bottom: 24px;
    padding: 16px
  }

  .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 .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.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 .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 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, .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 iframe,
  .streaming-player-ctn.v2 .player-ctn .player a .player-ctn_video .livebar-poster-youtube {
    border-radius: 0 0 9px 9px
  }

  .component .calendar-america .calendar-group-header {
    margin: 0 auto auto
  }

  .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-2-games-cards-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .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-3-games-cards-3 {
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    max-width: 100%
  }

  .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
  }
}

@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%
  }

  .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
  }
}

@media(min-width:578px) {
  .election-card-horizontal-container {
    width: calc(50% - 8px);
    height: 200px
  }

  .election-card-horizontal-containerTopLeftImage {
    width: 120px;
    height: 120px
  }

  .election-cards-lema:before {
    position: absolute;
    width: 100%;
    content: "";
    border-top: 1px solid var(--election-gray-40);
    bottom: 15px;
    left: 0;
    z-index: -5
  }

  .election-cards-lema {
    position: relative;
    width: 100%
  }

  .election-cards-container {
    width: calc(50% - 5px)
  }

  .election-cards-cardContainerV2 {
    gap: 16px
  }

  .election-cards-containerTopCandidatePercent {
    font-size: 14px
  }

  .election-cards-containerTopCandidateVotes {
    font-size: 10px;
    color: var(--gray-100)
  }

  .election-cards-containerTopThreeFour {
    gap: 3px
  }

  .election-cards-containerTopCandidateImageThreeFour {
    width: 65px;
    height: 65px
  }

  .election-cards-containerTopCandidateFullname {
    min-height: 31px
  }

  .election-cards-cardsContainer {
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 36px
  }

  .election-cards-cardsContainerV2 {
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
  }

  .election-cards-containerTopCandidateVotesNumberTwo,
  .election-cards-containerTopCandidateVotesTextTwo {
    font-size: 10px
  }

  .election-cards-containerImgThreeFour {
    width: 65px;
    height: 65px
  }

  .election-cards-seeMore {
    gap: 16px
  }
}

@media only screen and (min-width:578px) {
  .election-container {
    align-items: flex-start
  }

  .election-ctnSumary {
    margin-bottom: 39px
  }

  .election-withoutData {
    font-size: 14px
  }
}

@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%, 100%, 0), var(--bg-color));
    display: block;
    height: 98%;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px
  }

  .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 {
    max-width: 160px;
    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: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) {

  .sport-result-team,
  .title-bar-game {
    margin-top: 0
  }

  .ctn-slider-livebar {
    margin: 0 0 16px;
    padding: 0;
    width: 100%
  }

  .ctn-slider-livebar .title-container {
    padding: 16px
  }

  .ctn-soccer-tables-slider {
    border-radius: 16px;
    border: 1px solid var(--gray-40);
    margin: 0 0 16px;
    padding: 0;
    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 .title-container {
    padding: 16px
  }

  .ctn-soccer-tables-slider .ctn-league-datails {
    padding-right: 0
  }

  .ctn-soccer-tables-slider .ctn-league-datails:first-child {
    padding-left: 0
  }

  .container-general {
    border-radius: 16px;
    border: 1px solid var(--gray-40);
    margin: 0 0 16px;
    width: 100%
  }

  .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;
    margin-bottom: 30px
  }

  .ctn-slider-general-agenda {
    margin: 0 0 16px;
    padding: 0 0 16px;
    width: 100%
  }

  .ctn-slider-general-agenda .title-container {
    padding: 16px
  }
}

@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
  }

  .webstories-ctn {
    grid-template-columns: 1fr 1fr 1fr
  }

  .WebStoriesBelt {
    padding-top: 0
  }

  .wsbl-slider-arrows-main {
    display: flex
  }

  .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
  }
  .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, .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
  }

  .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 {
    display: inline-flex;
    flex-direction: row;
    left: 16px;
    max-height: 339px;
    min-height: 339px;
    top: 100px
  }

  .raffle-newsletter-image {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 0;
    height: auto;
    min-height: 338px;
    width: 50%
  }

  .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;
    padding: 24px 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
  }

  .leagues-swiper {
    max-width: 100%;
    overflow: hidden
  }

  .leagues-swiper-divider {
    width: 100%
  }

  .sport-title-ctn {
    flex-direction: row
  }

  .sport-title-ctn .sport-title-container-seasons .show-tab-sport {
    display: flex;
    gap: 6px
  }

  .sport-title-ctn .sport-title-container-seasons .show-tab-sport .select-tab-btn {
    background-color: var(--white-100);
    border: 1px solid var(--gray-30);
    border-radius: 100px;
    color: var(--gray-sport-80);
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding: 6px 12px
  }

  .sport-title-ctn .sport-title-container-seasons .show-tab-sport .disabled-button {
    color: var(--gray-30)
  }

  .sport-title-ctn .sport-title-container-seasons .show-tab-sport .active-tab {
    background: rgba(2, 132, 12, .1);
    border: 1px solid var(--green-100);
    color: var(--gray-sport-80)
  }

  .sport-title-ctn .sport-title-container-seasons .hide-select-sport {
    display: none
  }

  .ctn-only-leagues-slider {
    border: 1px solid var(--gray-40);
    border-radius: 100px;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0 16px;
    width: 100%
  }

  .ctn-only-leagues-slider .leagues-swiper-divider {
    display: none
  }

  .ctn-only-leagues-slider .leagues-swiper {
    margin: 16px 0;
    max-width: 100%
  }

  .ctn-only-leagues-slider .leagues-swiper .swiper-slide:last-child {
    margin-right: 0
  }

  .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: 12px;
    column-gap: 12px;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%
  }

  .sport-calendar-match {
    padding: 12px
  }

  .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
  }
}

@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) {
  .election-card-horizontal-container {
    height: 200px;
    width: calc(33.33% - 11px)
  }

  .election-card-horizontal-containerTopLeftImage {
    width: 120px;
    height: 120px
  }

  .election-cards-container {
    width: calc(33.33333% - 14px)
  }

  .election-cards-containerTopThreeFour {
    gap: 1px
  }

  .election-cards-sliderContainer {
    align-items: center;
    gap: 12px
  }

  .election-cards-seeMoreBtn {
    display: none
  }

  .election-cards-cardsContainer {
    width: 100%;
    gap: 20px;
    row-gap: 16px
  }

  .election-cards-cardContainerV2 {
    gap: 12px
  }

  .election-cards-cardsContainerV2 {
    width: 100%;
    gap: 16px
  }

  .election-cards-arrowLeft,
  .election-cards-arrowRight {
    display: flex
  }

  .election-cards-arrowLeft>svg>rect,
  .election-cards-arrowRight>svg>rect {
    stroke: var(--election-gray-40)
  }

  .election-cards-arrowLeft>svg>path,
  .election-cards-arrowRight>svg>path {
    fill: var(--gray-60)
  }

  .election-cards-lema {
    position: relative
  }

  .election-cards-lema:before {
    bottom: 15px
  }

  .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: 32px;
    min-height: 440px;
    width: 100%
  }

  .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
  }
}

@media(min-width:992px)and (max-width:1054px) {
  .election-card-horizontal-containerBotVotesPercent {
    min-width: 70px
  }
}

@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(min-width:992px)and (max-width:1400px) {
  .ctn-button {
    flex-flow: row wrap
  }
}

@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;
    gap: 16px
  }

  .card-review-ctn {
    padding: 28px
  }

  .container-chart {
    display: grid;
    grid-template-columns: calc(30% - 6px) calc(70% - 6px);
    gap: 12px
  }

  .container-chart__data-btn-filter {
    padding: 4px 8px;
    font-size: 14px;
    min-width: 55px
  }

  .container-chart__data-btn-filter[data-ric="CR=Año"] {
    min-width: 55px
  }

  .container-chart__skeleton {
    margin-top: 0
  }

  .ctn-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
  }

  .body-article .ctn-button,
  .body-blogging-article .ctn-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .button-group {
    display: flex;
    justify-content: center
  }

  .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 104px;
    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: 100%
  }

  .homepage-centered-layout .sport-live-ctn .header-layout-content-child {
    margin: 0;
    padding: 0;
    width: -moz-max-content;
    width: max-content
  }

  .livebar {
    width: calc(100% - 16px)
  }

  .livebar-ctn-info-headlines-title {
    font-size: 22px
  }

  .livebar-ctn-info-headlines-title.big {
    font-size: 24px
  }

  .livebar-ctn-info-headlines-desc {
    font-size: 18px
  }

  .livebar-ctn-info-headlines-desc.big {
    font-size: 20px
  }

  .livebar-ctn-info-live-closewrapper_icon {
    margin-right: auto
  }

  .livebar-wrapper-iframe.with-autoplay {
    margin: 0 0 0 -7px;
    width: 300px
  }

  .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, .1);
    border: 1px solid rgba(246, 142, 1, .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, .1);
    border: 1px solid rgba(246, 142, 1, .4)
  }

  .sharebar-article-date {
    font-size: 16px
  }

  .election-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 44px;
    border-bottom: 1px solid var(--gray-50)
  }

  .election-ctnTitle {
    max-height: -moz-max-content;
    max-height: max-content;
    margin-bottom: -2px
  }

  .election-ctnSumary,
  .election-ctnTitle {
    width: -moz-max-content;
    width: max-content
  }

  .election-ctnSumary {
    margin-bottom: 0
  }

  .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%
  }

  .background-video-left-wrapper {
    gap: 20px
  }

  .title-bar-game h2 {
    font-size: 42px
  }

  .title-bar-game-icon-ctn-desktop,
  .title-bar-game-logo-ctn-desktop {
    display: flex
  }

  .title-bar-game-icon-ctn-mobile,
  .title-bar-game-logo-ctn-mobile {
    display: none
  }

  .title-bar-game-subtitle {
    font-size: 22px
  }

  .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 .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
  }

  .background-feature-cards-left-title {
    font-size: 28px
  }

  .background-feature-cards-left-description {
    font-size: 18px
  }

  .background-feature-videos-left-title {
    font-size: 28px
  }

  .b-f-title-default {
    font-size: 32px
  }

  .b-f-title-small {
    font-size: 28px
  }

  .b-f-title-big {
    font-size: 40px
  }

  .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
  }

  .leagues-swiper {
    width: auto
  }

  .sport-title-ctn {
    margin: 0
  }

  .sport-title-ctn .sport-title-container-leagues {
    max-width: 48%
  }

  .sport-title-ctn .sport-title-container-leagues .field-select-item .field-select-opt span {
    grid-template-columns: 34px 1fr
  }

  .sport-title-ctn .sport-title-container-leagues,
  .sport-title-ctn .sport-title-container-seasons {
    height: 39px
  }

  .sport-title-ctn .sport-title-container-leagues .field-select:before,
  .sport-title-ctn .sport-title-container-seasons .field-select:before {
    top: 33%
  }

  .sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize,
  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize {
    max-height: 39px
  }

  .sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span,
  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span {
    font-weight: 500;
    max-width: -moz-max-content;
    max-width: max-content
  }

  .sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span b,
  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span b {
    font-size: 18px;
    height: 23px;
    line-height: 23.4px
  }

  .sport-title-ctn .sport-title-container-leagues .field-select .btn-select-autoresize span img,
  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span img {
    height: 22px;
    width: 22px
  }

  .sport-title-ctn .sport-title-container-seasons {
    align-items: center;
    display: flex
  }

  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span,
  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span {
    grid-template-columns: 1fr 1fr
  }

  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span b,
  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn-hide .field-select-list .field-select-item .field-select-opt span span,
  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span b,
  .sport-title-ctn .sport-title-container-seasons .field-select .field-select-list-ctn .field-select-list .field-select-item .field-select-opt span span {
    display: contents
  }

  .sport-title-ctn .sport-title-container-seasons .field-select:before {
    right: 16px;
    top: 29%
  }

  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize {
    height: 30px;
    line-height: 0;
    min-width: auto;
    padding: 6px 12px
  }

  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span {
    display: flex;
    font-size: 14px;
    font-weight: 300
  }

  .sport-title-ctn .sport-title-container-seasons .field-select .btn-select-autoresize span span {
    display: inline-block;
    padding-right: 4px
  }

  .sport-title-ctn .sport-title-container-seasons .show-tab-sport {
    display: flex
  }

  .sport-title-ctn .sport-title-container-seasons .hide-tab-sport {
    display: none
  }

  .sport-title-ctn .sport-title-container-seasons .container-select-season {
    display: flex
  }

  .sport-title-ctn .sport-title-container-seasons .hide-select-sport {
    display: none
  }

  .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, .1);
    border: 1px solid rgba(246, 142, 1, .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
  }

  .sport-result-team {
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
  }

  .sport-result-team-box {
    max-width: calc(50% - 10px)
  }

  .sport-result-team-box .sport-calendar-match {
    justify-content: start;
    padding: 12px 16px
  }

  .sport-result-team-box .sport-calendar-match .sport-calendar-match-prev {
    font-size: 14px
  }

  .sport-result-team .sport-calendar-match-vs .sport-calendar-match-local img,
  .sport-result-team .sport-calendar-match-vs .sport-calendar-match-visitant img {
    height: 34px;
    margin: 6px;
    max-height: 34px;
    max-width: 34px;
    width: 34px
  }

  .sport-result-team-select .field-select:before {
    top: 30%;
    right: 18px
  }

  .sport-result-team-select .field-select .btn-select-autoresize {
    font-size: 18px;
    height: 39px
  }

  .sport-result-team-select .field-select .btn-select-autoresize span {
    font-size: 18px;
    font-weight: 500;
    height: 23px;
    padding-right: 22px;
    line-height: 23.4px
  }

  .sport-result-team-select .field-select .btn-select-autoresize span img {
    height: 22px;
    width: 22px
  }

  .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
  }

  .footer-compact-container {
    font-size: 16px;
    padding: 32px 48px
  }

  .gallery-card .gallery-card-title-size-default {
    font-size: 42px
  }

  .gallery-card .gallery-card-title-size-big {
    font-size: 49px
  }

  .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
  }

  .ctn-highlights-calendar-body {
    grid-template-columns: 1fr 1fr 1fr
  }

  .ctn-highlights-calendar-body-highlights {
    grid-template-rows: auto 1fr;
    height: -moz-fit-content;
    height: fit-content
  }

  .ctn-highlights-calendar-body-month {
    grid-template-rows: auto 1fr
  }

  .ctn-highlights-calendar {
    gap: 32px
  }

  .ctn-highlights-calendar-header {
    align-items: center;
    border-bottom: 0;
    display: grid;
    gap: 16px;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto
  }

  .ctn-highlights-calendar-header h1 {
    font-size: 46px;
    text-align: start
  }

  .ctn-highlights-calendar-header h2 {
    border-left: 1px solid var(--gray-50);
    font-size: 24px;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
    padding-left: 16px;
    text-align: start
  }

  .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
  }

  .default-chain-2:has(.ad-wrapper) {
    display: grid
  }

  .default-chain-2-games-cards-2 {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    max-width: 49%
  }

  .default-chain-3-games-cards-3 {
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    max-width: 75%
  }

  .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(../img/arrow_circle_left.svg);
    left: -14px
  }

  .default-chain-ctn .slider-arrows .next-arrow {
    background-image: url(../img/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
  }

  .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: .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 iframe,
  .streaming-player-ctn.v2 .player-ctn .player a .player-ctn_video .livebar-poster-youtube {
    border-radius: 0 9px 9px 0
  }
}

@media screen and (min-width:992px)and (max-width:1555px) {
  .sport-result-team .sport-result-team-box .sport-calendar-match {
    padding: 12px 0
  }

  .sport-result-team .sport-result-team-box .sport-calendar-match .sport-calendar-match-played-date {
    width: -moz-max-content;
    width: max-content
  }

  .sport-result-team .sport-result-team-box .sport-calendar-match .sport-calendar-match-prev {
    min-width: auto;
    width: 100%;
    padding: 0;
    max-width: 100%
  }

  .sport-result-team .sport-result-team-box .sport-calendar-match .match-datetime .sport-calendar-match-prev {
    width: 100px;
    margin: auto;
    min-width: 50px;
    padding: .3rem .2rem
  }
}

@media only screen and (min-width:993px) {
  .link-to-buy-button {
    right: 16px
  }

  h1 {
    font-size: 45px;
    line-height: 50px
  }

  h2 {
    font-size: 20px
  }

  .webstories-ctn {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
  }

  .wsbl-slider-arrows-main {
    top: calc(50% + 10px)
  }

  .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
  }


  .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: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)
  }

  .games-iframe-placeholder {
    margin-bottom: 30px
  }

  .raffle-newsletter {
    left: 360px;
    top: 349px
  }

  .raffle-newsletter-image {
    min-height: 338px;
    width: 50%
  }

  .raffle-newsletter-wrapper {
    padding: 62px 48px;
    width: 100%
  }

  .raffle-newsletter-subscribed .title {
    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
  }
}

@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:1077px) {
  .election-cards-containerTopThreeFour {
    gap: 10px
  }
}

@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
  }
}

@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-content {
    grid-column: span 12
  }

  .homepage-centered-layout .header-layout-content-child {
    margin: inherit;
    width: calc(100% - 270px)
  }

  .homepage-centered-content {
    justify-content: space-evenly
  }

  .homepage-centered-content:not(.isAdmin) {
    -moz-column-gap: 16px;
    column-gap: 16px;
    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 {
    -moz-column-gap: 16px;
    column-gap: 16px;
    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
  }

  .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: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: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
  }

  .homepage-centered-layout .header-layout-content-child {
    margin: 0 auto;
    width: 65%
  }

  .article-right-rail-centered-content {
    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
  }
}

@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 screen and (max-width:992px) {
  .livebar-ctn-info-live-closewrapper_icon-ctn {
    display: flex;
    justify-content: center;
    width: 32px
  }

  .livebar-ctn-info-live-closewrapper_icon-ctn svg {
    height: 12px;
    width: 12px
  }
}

@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
  }

  .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
  }
}

@media screen and (max-width:577px) {
  .livebar-ctn-info-live .live-notice-link-badge-theme-1 {
    font-size: 12px;
    height: 18px;
    line-height: 100%;
    padding: 3px;
    width: -moz-max-content;
    width: max-content
  }

  .livebar-ctn-info-live .big-circle-theme-1 {
    height: 10px;
    width: 10px
  }

  .livebar-ctn-info-live .sm-circle-theme-1 {
    height: 4px;
    width: 4px
  }

  .livebar-ctn-info-headlines {
    margin-bottom: 0
  }

  .livebar-ctn-info-headlines-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
  }

  .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,
  .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,
  .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(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(max-width:360px) {
  .button-group {
    display: flex;
    justify-content: center;
    width: 100%
  }

  .chart-button-bottom,
  .chart-button-top {
    justify-content: space-around;
    white-space: nowrap
  }
}

@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
  }
}

.article, .article-width-right-rail{
  max-width: 500px;
  margin: 0 auto;
}

.article a{
  display: inline-block;
  margin: 1rem 0;
}

.article-right-rail-centered-layout-body{
  padding: 5rem 0 0;
}

h1{
  display: block;
  text-align: center;
}

.mhh-old img{
  display: block;
  margin: 0 auto 2rem;
}